@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"),
        url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
img.wp-smiley,

img.emoji {

	display: inline !important;

	border: none !important;

	box-shadow: none !important;

	height: 1em !important;

	width: 1em !important;

	margin: 0 .07em !important;

	vertical-align: -0.1em !important;

	background: none !important;

	padding: 0 !important;

}

.emojiline {

    width: 22px;

    height: 22px;

    font-size: 16px;

    text-align: center;

}



.layout8 .rt-grid-item{

    padding-right: 0;

}



.rt-team-container .img-responsive{

    width: 100%;

}

.rt-team-container .layout8 .tlp-overlay {

	webkit-transform: translate3d(0,0%,0);

	transform: translate3d(0,0%,0);

}

.rt-team-container .layout8 .tlp-overlay .tlp-title{

	opacity: 1;

	background-color: inherit;

	webkit-transform: translate3d(0,0%,0);

	transform: translate3d(0,0%,0);

	left: 5px;

	bottom: 10px;

	height: auto;

}

.rt-team-container .layout8 .tlp-overlay h3{

	-webkit-transform: translate3d(0,0%,0);

	transform: translate3d(0,0%,0);

}

.rt-team-container .layout8 .tlp-overlay .tlp-position {

	text-transform: uppercase;

	font-weight: 500;

	color: #ffffff80 !important;

}

.rt-team-container .layout8 .single-team-area:hover img{

	opacity: 1;

}

.rt-team-container .layout8 .tlp-overlay{

	background: rgb(0,0,0);

	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0)40%, rgba(255,255,255,0) 100%) !important;

	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0)40%, rgba(255,255,255,0) 100%) !important;

}



.page-id-2846 .teamleader-container label {

  color:#2FA3D8 !important; 

  display:block;

  font-size:16px;

  font-weight:500;

  margin-bottom:0.5em;	

}



.flexbox {

  display: flex;

}

.hidden {

  display: none;

}

.emoji-header {

    cursor: pointer;

}

progress {

    width: 721px;

    background-color: #f3f3f3;

    border: 0;

    height: 8px;

    border-radius: 2px;

}



progress::-webkit-progress-bar {

    background-color: #f3f3f3;

    height: 8px;

    border-radius: 2px;

}



progress.yellow::-webkit-progress-value { 

	background: orange; 

}



progress.red::-webkit-progress-value { 

	background: red; 

}









.maxwidth40{

    max-width: 40%;

}



.page-id-2846 .uk-grid-margin {margin-top: 70px !important}



.outer-holder{

	max-width: 1000px;

}



.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.omr-href {

	background-color: #1A5489;

	margin-left:28px;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

	border-radius: 8px;

	color: #ffffff;

	font-size: 16px;

	border: 0;

}



.omr-href:hover {

	background-color: #2b659a;

	color: #ffffff;

	

}



.claneo-snippet-optimizer{

    margin: 0 auto;

    font-family: Arial, Helvetica, sans-serif;

}

.claneo-area-title{

    display: inline-block;

    font-size: 20px;

    margin: 5px 5px 5px 0;

}

.input{

    margin-bottom: 2em;

    display: inline-block;

}

.input textarea{

    width: 698px;

    font-family: Arial, Helvetica, sans-serif;

    padding: 10px;

    font-size: 16px;

    resize: none;

    border-radius: 5px;

    margin-bottom: 1em;

    overflow: hidden;

}

#claneo-url-input{

    height: 20px;

    white-space: nowrap;

    margin: 0px;

    padding-left: 7px;

}

    

#claneo-title-input{

    height: 40px;

    white-space: nowrap;

}

#claneo-description-input{

    height: 80px;

    resize: vertical;

}





.output{

    width: 720px;

    max-width: 720px;

    border-radius: 5px;

	box-shadow: 0 5px 10px 0px #70707036;

    padding: 5px 0 0px 0;

    margin: 0 2px;

}

.hist-row {

    cursor: pointer;

}

.search-result:not(:first-child){

    margin-top: 30px;

}

.search-result{

    width: 560px;

    padding: 0 15px;

    max-width: 560px;

}



.result-title, .result-url, .result-description{

    display:block;

    font-family: Arial, Helvetica, sans-serif;

    max-width: 592px;

    width: 592px;

    border: none;

    resize: none;

    outline: none !important;

}

.result-title{

    color: #1A0DAB;

    font-size: 20px;

    line-height: 1.25;

    padding-top:4px;

    margin-bottom:3px;

}

#claneo-output-title{

    width: 565px;

    max-width: 565px;

    text-overflow: ellipsis;

    overflow: hidden;

}

#claneo-output-title2 {

	max-width: 320px;

}

.hide-scrollbar {

    overflow: -moz-hidden-unscrollable;

    overflow: hidden;

}

#claneo-output-url{

    height: 18px;

    margin-bottom:-5px;

}

#claneo-output-description{

    height: 39px;

    overflow: hidden;

}



.copy-notify {

    text-align: center;

    background-color: #87d287;

    border-radius: 7px;

    height: 35px;

    font-size: 20px;

    margin: 20px;

    display: none

}



.rating {

	width: 100%;

	color: gold;

	font-size: 12px;

}



.rating  span.star-span:before { 

	 content:"\2605";

	 position: absolute;

	 color:gold;

 }

.result-url{

    color: #3C4043;

    font-size: 14px;

    line-height: 1.43;

    white-space: nowrap;

    overflow: hidden;

    display:inline !important;

}

.result-description{

    color: #3C4043;

    font-size: 14px;

    line-height: 1.54;

}

.claneo-counter{

    background-color: #006621;

    color: white;

    border-radius: 5px;

    margin-left: 20px;

    padding: 2px 4px;

    display: inline-block;

}

.claneo-char-count{

    display: block;

    color: grey;

    font-size: 14px;

    margin-left: 5px;

}

.emoji > div > span {

	background: #f3f3f3;

    padding: 3px;

    border-radius: 6px;

    width: 25px;

    height: 25px;

    font-size: 16px;

    display: inline-block;

    text-align: center;

    margin: 1px;

}



.noselect {

  -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

     -khtml-user-select: none; /* Konqueror HTML */

       -moz-user-select: none; /* Old versions of Firefox */

        -ms-user-select: none; /* Internet Explorer/Edge */

            user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome, Edge, Opera and Firefox */

}



.claneo-snippet-optimizer {

    display: flex;

    min-height: 250px;

}

.left, .right {

    width: 300px;

    padding-right: 20px;

}

.main {

    flex: 1;

    max-width: 1000px;    

}

.clear {

    clear: both;

}



.button {

    margin: 0px;

    height: 32px;

    text-align: center;

    padding-top: 8px;

    margin: 2px;

    cursor: pointer;

}



.disabled-button {

    cursor: not-allowed;

    background-color: gray;

}



.url-input {

	display: flex;

}



.quick-phrase {

    background: #f3f3f3;

    border-radius: 2px;

    margin: 1px;

    padding: 2px;

    font-size: 12px;

    cursor: pointer;

}



.quick-emoji {

    background: #f3f3f3;

    border-radius: 2px;

    margin: 1px;

    padding: 2px;

    font-size: 12px;

    cursor: pointer;

    font-size: 16px;

    height: 24px;

    width: 24px;

}







.cust-h {

    margin: 10px 0px 5px 0px;

}



#render {

    margin-top: 20px;

}



/* MOBILE CSS */    

@media only screen and (max-width: 734px) {

    .claneo-snippet-optimizer{

        max-width: auto;

        width:100%;

        flex-direction: column-reverse;

    }

    

    .input textarea{

        width: calc(100% - 20px);

    }

    .search-result{

        width: auto;

        padding: 5px;

    }

    .input, .output{

        width: 100%;

    }

    #claneo-output-title {

        width: 100%;

        white-space: normal;

        height: auto;

    }

    #claneo-output-description {

        height: auto;

    }

    .output{

        overflow: hidden;

        padding: 5px;

        margin: 0 2px;

    }

    .result-title, .result-url, .result-description{

        width: 100%;

    }





}



}