*{
    box-sizing: border-box;
     margin:0px;
     padding:0px;
}
 body {
    background-color:#fff;
     font-family:Roboto, sans-serif;
     overflow-x:hidden;
}
 *:focus {
     outline: none;
}
 .search-bttn{
     background-color: #5773fb;
     color: #fff;
     border: none;
     font-size: 15px;
     padding: 12px 27px;
     font-weight: bolder;
     border-radius: 3px;
     position: absolute;
     cursor:pointer;
     right: 0px;
}
.thumb{
    width:100%;
    border: 1px solid gainsboro;
    opacity:0.6;
}
 .search-bttn:hover{
     background-color: #4e67da;
}
 .floatfix::after {
    clear:both;
     zoom:1;
     display:block;
     height:0px;
     width:100%;
     content:"";
}
 .footer {
    background-color:#1a1a1a;
     padding:20px 0px;
     color:#6b6b6b;
     font-size:13px;
     text-align:center;
     background-color:#dedede;
     border-top:1px solid #fff;
     position:fixed;
     bottom:0px;
     width:100%;
     padding:20px;
     font-size:12px;
}
 .footer a{
    color:#6b6b6b;
     text-decoration:underline;
     cursor:pointer;
}
 .bsb {
     position: relative;
     right: -2px;
     background:transparent url(img/ntbtn1.png) no-repeat 0% 0%;
     width:109px;
     height:44px;
     background-color:transparent;
     opacity:0.8;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
 .bsb:hover {
    opacity:1;
}
 .bstb {
    height:44px;
     background-color:transparent;
     margin:0px;
     display:inline;
     border:none;
     width:569px;
     padding:0px 3px;
     font-size:18px;
     color:#6f6f6f;
    font-family:Roboto, sans-serif;
     -webkit-outline:none;
     position:relative;
     z-index:200;
}
 .search-form {
     height: 44px;
     vertical-align: top;
     border-radius: 2px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
     transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
     width:678px;
     position:absolute;
     left:50%;
     margin-left:-340px;
     top:150px;
}
 .wdg-container{
    width:150px;
    display:inline-block;
    text-align:center;
    margin-right: 19px;
    margin-bottom: 39px;
}
.wdg-container img{
    max-height:73px;
}
.wdg-container p{
    font-size: 12px;
    color: #2d2d2d;
}
.wdg-container a{
    text-decoration: none;
}
 .search-holder {
     width:678px;
     position:relative;
     background-color:white;
}
 .search-holder div {
    float:left;
}
 .widget {
    width:684px;
    position:relative;
    margin:0 auto;
    top:220px;
    text-align:center;
    height:370px;
}
 .widget .btns{
    padding-bottom:10px;
    width:690px;
     margin-bottom:2px;
}
 .widget .btns .widget-button {
    box-shadow: 0 0px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 2px;
    display:block;
    margin:0px auto;
    width:20px;
    height:20px;
    background:url(img/btnsprite.png) no-repeat;
    background-size: 200px;
    opacity:1;
    position:relative;
    top:-10px;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
 .widget .btns .outlook {
    background-position:0px 0px;
}
 .widget .btns .gmail {
    background-position:-20px 0%;
}
 .widget .btns .yahoo {
    background-position:-40px 0%;
}
 .widget .btns .freefr {
    background-position:-156px 0%;
}
 .widget .btns .sfr {
    background-position:-208px 0%;
}
 .widget .btns .orange {
    background-position:-100px 0%;
}
 .widget .btns .wiki {
    background-position:-466px 0%;
}
 .widget .btns .amazon {
    background-position:-362px 0%;
}
 .widget .btns .yt {
    background-position:-160px 0%;
}
 .widget .btns .lebcoin {
    background-position:-310px 0%;
}
.widget .btns .facebook{
    background-position: -95px -37px;
    background-size: 378px;
}
.widget .btns .radisson{
    background-image: url(img/radisson.png);
    background-size: cover;
}
.widget .btns .accorhotels{
    background-image: url(img/accorhotels.png);
    background-size: cover;
}
 .widget .btns:hover {
    opacity:1;
}
 .widget hr {
    background:none;
     border:none;
    border-bottom:1px solid #cccccc;
    margin-bottom:3px;
}
 .togglewidget {
    font-size:12px;
     color:#7b7b7b;
     text-decoration:none;
     float:right;
}
 .tbnt {
    background-color:#dadada;
     padding: 2px 10px 1px 10px;
     border-bottom:1px solid #b6b4b6;
     color:#333;
}
 .search-widget {
    position:relative;
    height:34px;
     float:left;
     width:280px;
}
 .tbnt .search-widget button {
     background:url(img/tbbtn1.png) no-repeat 0% 0%;
     height:34px;
     width:49px;
     border:none;
     position:absolute;
     margin-top:-2px;
     margin-left:0px;
     right:-2px;
     cursor:pointer;
     border-radius: 6px;
}
 .tbnt .search-widget input {
    border:none;
     height:30px;
     background:white;
     width:228px;
}
 .buttons-widget {
    float:left;
     margin-top:4px;
     padding-left:20px;
}
 .tbnt .searchct {
    padding:1px;
    border:1px solid #999999;
     height:34px;
     border-radius:2px;
     background-color:#fff;
     position:absolute;
     width:280px;
     top:0px;
     left:0px;
}
/* Modal */
 #disableModal {
     display: none;
     position: fixed;
     z-index: 999;
     padding-top: 130px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.4);
}
 #disable-modal-content {
     position: relative;
     background-color: #fefefe;
     margin: auto;
     padding: 0;
     border: 1px solid black;
     width: 44%;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s;
}
 @-webkit-keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
    }
     to {
         top: 0;
         opacity: 1;
    }
}
 @keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
    }
     to {
         top: 0;
         opacity: 1;
    }
}
 #close {
     color: black;
     float: right;
     font-size: 28px;
     font-weight: bold;
     cursor: pointer;
}
 #disable-modal-header {
     padding: 2px 16px;
     background-color: #ffa987;
     color: white;
     height: 40px;
}
 #disable-modal-body {
     padding: 15px 16px;
     text-align: center;
}
 #yes {
     margin-right: 30px;
     padding: 5px 10px;
     display: inline-block;
}
 #no {
     margin-left: 30px;
     padding: 5px 10px;
     display: inline-block;
}
 #disable-buttons {
     padding-top: 10px;
}
 #disable-modal-body h4 {
     margin-top: 12px;
     margin-bottom: 24px;
     text-align: center;
}
/* tbmenu */
 .tbbt li, .tbbt ul{
    list-style-type:none;
}
 .tbnt .menu-item {
    list-style-type:none;
}
 .tbnt .menu-item a{
    text-decoration:none;
     display:inline-block;
     clear:both;
     font-family:Roboto, sans-serif;
     font-size:14px;
     color:#333;
     font-weight:300;
     line-height:27px;
     vertical-align:top;
     margin:0px 0px;
     padding:3px 10px;
}
 .tbnt .menu-item a i {
    display:block;
     margin-right:3px;
     float:left;
     width:26px;
     height:26px;
     line-height:26px;
     content:"\u0020";
     opacity:0.7;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
 .tbnt .menu-item a:hover {
     color:#000;
     background: #ccc;
     border-radius: 4px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .28);
}
 .tbnt .menu-item a:hover i{
    opacity:1;
}
 .tbnt .icon {
    background:url(img/btnsprite.png);
}
 .tbnt .gmx-icon {
    background-position:0px -52px;
}
 .tbnt .webde-icon {
    background-position:-26px -52px;
}
 .tbnt .freenet-icon {
    background-position:-78px -52px;
}
 .tbnt .facebook-icon {
    background-position:-130px -52px;
}
 .tbnt .outlook-icon {
    background-position:-104px -52px;
}
 .tbnt .tonline-icon {
    background-position:-52px -52px;
}
 .tbnt .maps-icon {
    background-position:-156px -52px;
}
 .tbnt .weather-icon {
    background-position:-182px -52px;
}
 .menu-item, .responsive-menu {
     float: left;
     margin-right: 5px;
}
 .menu-item {
    margin-top:2px;
}
 .menu-item a, .responsive-menu a {
     -moz-transition: all .11s;
     -o-transition: all .11s;
     -webkit-transition: all .11s;
     transition: all .11s;
}
 .menu-item a:hover, .responsive-menu a:hover {
}
 .responsive-menu {
     float: right;
     margin-right: 5px;
     position: relative;
}
 .responsive-menu .responsive-menu-button {
     position: relative;
     display: block;
     padding-left: 32px;
     text-decoration: none;
     font-size: 16px;
     color: #333;
     line-height: 24px;
}
/*.responsive-menu .responsive-menu-button:before {
    */
    /* content: '';
    */
    /* display: block;
    */
    /* width: 20px;
    */
    /* height: 22px;
    */
    /* background: url('data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABRJREFUCNdjYMAB5P//YCJXDAkAADfoBklEjSkIAAAAAElFTkSuQmCC') 0 3px no-repeat;
    */
    /* position: absolute;
    */
    /* top: 0;
    */
    /* left: 6px;
    */
    /*
}
*/
 .responsive-menu .responsive-menu-list {
     z-index: 100;
     display: none;
     position: absolute;
     min-width: 200px;
     top: 37px;
     right: -25px;
     background: #DFDFDF;
     border: 1px solid #A9A9A9;
     border-top: none;
     padding: 0 6px 2px;
}
 .responsive-menu .responsive-menu-list.shown {
     display: block;
}
/* Secondary Pages */
/* AutoComplete */
 .search-form .autocomplete-underlay, .search-form .search-input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left;
}
 .search-form .autocomplete-wrapper {
     float: left;
     position: relative;
}
 .search-form .search-input {
     z-index: 3;
     background: 0 0;
}
 .search-form .autocomplete-underlay {
     z-index: 2;
     background: transparent;
     font-size: 18px;
     color: #9e9e9e;
     margin:11px 0px 0px 3px;
}
 .search-form ul.autocomplete-suggestions {
     display: none;
     position: absolute;
     width: 100%;
     z-index: 10;
     background: #fff;
     border: 1px solid #bbb;
     top: 102%;
     left: 0;
     list-style-type:none;
}
 .search-form ul.autocomplete-suggestions li{
    text-indent:8px;
     padding:2px 0px;
}
 .search-form ul.autocomplete-suggestions .suggestion:hover {
    background-color:#ededed;
}
 .tbsearchform .autocomplete-wrapper {
    position: absolute;
     margin-top:0px;
     font-size:13px;
     font-weight:300;
}
 .tbsearchform #tbSearchField {
    position: absolute;
     margin-top: 0;
     left: 8px;
     background:transparent;
     width: 227px;
     height: 30px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left;
     z-index:99999;
     font-size:13px;
     font-weight:300;
}
 .tbsearchform .autocomplete-underlay {
    z-index: 2;
     white-space:nowrap;
     background: transparent;
     font-size: 18px;
     color: #9e9e9e;
     margin:0px 0px 0px 0px;
     position: absolute;
     top: 8px;
     font-size:13px;
     font-weight:300;
}
 .tbsearchform ul.autocomplete-suggestions {
    display: none;
     position: absolute;
     width: 226px;
     z-index: 10;
     background: #fff;
     border: 1px solid #bbb;
     top: 32px;
     left: 0;
    list-style-type:none;
}
 .tbsearchform ul.autocomplete-suggestions li{
    text-indent:8px;
     padding:2px 0px;
}
 .tbsearchform ul.autocomplete-suggestions .suggestion:hover {
    background-color:#ededed;
}
 .uninstall-page {
    background:#a9d2d8;
     text-align:center;
}
 .uninstall-page h2 {
    font-size:35px;
     font-weight:300;
     padding:30px 0px;
     margin:20px 0px;
     border-bottom:1px solid #cee4e7;
}
 .wrapper {
    width:700px;
     margin:0px auto;
}
.overlay-dark {display:block; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.6); top: 0px;
    z-index: 9999; right:0px;}
 .hhct {
    text-align:center;
    display:block;
     right:10px;
     position:fixed;
     width:auto;
     height:auto;
     padding:0px 10px 10px;
     background:#fff url(/img/greenarr.png) no-repeat 50% 10px;
     padding-top:62px;
     top:302px;
     border: 3px solid #6ecd19;
    min-width: 580px;
    z-index: 99999;
    box-shadow: none !important;
    background-size: 46px;
}
.hhct h1{
	    font-size: 25px;
    font-weight: 400;
}
 .hhuparrow {
    position:absolute;
     top:-150px;
     right:30px;
     animation: Bounce .7s linear infinite;
transform: rotate(-114deg) scaleX(-1);
    width: 151px;
    margin-top:-45px;
}
 @keyframes Bounce {
     0% {
        top: -100px;
     }
    50% {
        top: -110px;
    }
     100% {
        top: -100px;
    }
}

.search-form ul.autocomplete-suggestions li{text-indent:8px; padding:2px 0px;}
.search-form ul.autocomplete-suggestions .suggestion:hover {background-color:#ededed;}

.tbsearchform .autocomplete-wrapper {position: absolute; margin-top:0px; font-size:13px; font-weight:300;}
.tbsearchform #tbSearchField {position: absolute; margin-top: 0; left: 8px; background:transparent; width: 227px; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; z-index:99999; font-size:13px; font-weight:300;}
.tbsearchform .autocomplete-underlay {z-index: 2; white-space:nowrap; background: transparent; font-size: 18px; color: #9e9e9e; margin:0px 0px 0px 0px; position: absolute; top: 8px; font-size:13px; font-weight:300;}
.tbsearchform ul.autocomplete-suggestions {display: none; position: absolute; width: 226px; z-index: 10; background: #fff; border: 1px solid #bbb; top: 32px; left: 0;list-style-type:none;}
.tbsearchform ul.autocomplete-suggestions li{text-indent:8px; padding:2px 0px;}
.tbsearchform ul.autocomplete-suggestions .suggestion:hover {background-color:#ededed;}

.uninstall-page {background:#a9d2d8; text-align:center;}
.uninstall-page h2 {font-size:35px; font-weight:300; padding:30px 0px; margin:20px 0px; border-bottom:1px solid #cee4e7;}
.wrapper {width:700px; margin:0px auto;}
.hhct {text-align:center;display:block; right:10px; position:fixed; width:auto; height:auto; padding:0px 10px 10px; background:#fff url(/img/check-icon.png) no-repeat 50% 10px; padding-top:62px; top:302px; box-shadow:0px 2px 5px #000;}
.hhuparrow {position:absolute; top:-150px; right:30px; animation: Bounce .7s linear infinite;}
    @keyframes Bounce {
        0% {top: -100px;}
        50% {top: -110px;}
        100% {top: -100px;}
	}
.hhct h1 span {font-size:14px;}


.responsive-menu .responsive-menu-button {
        position: relative;
        display: inline-block;
        padding-left: 0px;
        top:3px;
        text-decoration: none;
        font-size: 16px;
        color: #e47400;
        line-height: 24px;
}
 .tooltip{
     box-sizing: border-box;
     position: absolute;
    top: 30px;
    left: -67px;
     width: 153px;
     font-size: 12px;
     background-color: rgb(199, 199, 199);
     border-radius: 5px;
     color: #fff;
     padding: 6px 10px;
     text-align: center;
     display:none;
}
 .tooltip::after{
     content: '';
     position: absolute;
     top: -4px;
     display: block;
     right: 50%;
     left: 48%;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #c7c7c7;
}
.search-form ul.autocomplete-suggestions li{text-indent:8px; padding:2px 0px;}
.search-form ul.autocomplete-suggestions .suggestion:hover {background-color:#ededed;}

.tbsearchform .autocomplete-wrapper {position: absolute; margin-top:0px; font-size:13px; font-weight:300;}
.tbsearchform #tbSearchField {position: absolute; margin-top: 0; left: 8px; background:transparent; width: 227px; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; z-index:99999; font-size:13px; font-weight:300;}
.tbsearchform .autocomplete-underlay {z-index: 2; white-space:nowrap; background: transparent; font-size: 18px; color: #9e9e9e; margin:0px 0px 0px 0px; position: absolute; top: 8px; font-size:13px; font-weight:300;}
.tbsearchform ul.autocomplete-suggestions {display: none; position: absolute; width: 226px; z-index: 10; background: #fff; border: 1px solid #bbb; top: 32px; left: 0;list-style-type:none;}
.tbsearchform ul.autocomplete-suggestions li{text-indent:8px; padding:2px 0px;}
.tbsearchform ul.autocomplete-suggestions .suggestion:hover {background-color:#ededed;}

.uninstall-page {background:#a9d2d8; text-align:center;}
.uninstall-page h2 {font-size:35px; font-weight:300; padding:30px 0px; margin:20px 0px; border-bottom:1px solid #cee4e7;}
.wrapper {width:700px; margin:0px auto;}
.hhct {text-align:center;display:block; right:10px; position:fixed; width:auto; height:auto; padding:0px 10px 10px; background:#fff url(/img/check-icon.png) no-repeat 50% 10px; padding-top:62px; top:302px; box-shadow:0px 2px 5px #000;}
.hhuparrow {position:absolute; top:-150px; right:30px; animation: Bounce .7s linear infinite;}
    @keyframes Bounce {
        0% {top: -100px;}
        50% {top: -110px;}
        100% {top: -100px;}
	}
.hhct h1 span {font-size:14px;}
.hhct.ff .hhuparrow {right:50px;}

.responsive-menu .responsive-menu-button {
        position: relative;
        display: inline-block;
        padding-left: 0px;
        top:3px;
        text-decoration: none;
        font-size: 16px;
        color: #e47400;
        line-height: 24px;
}
 .hhct h1 span {
    font-size:14px;
}
 .responsive-menu .responsive-menu-button {
     position: relative;
     display: inline-block;
     padding-left: 0px;
     top:3px;
     text-decoration: none;
     font-size: 16px;
     color: #e47400;
     line-height: 24px;
}
 .responsive-menu {
     margin-right: 5px;
     position: relative;
     list-style-type: none;
     display:none;
     right: 35px;
     position: absolute;
}
 .menu-item.menu-li{
     display:none;
     width:100%;
}
 .list-pp{
     margin-left:20px;
     display:inline-block;
}
 #burger {
     width: 25px;
     height: 20px;
     position: relative;
     top: 9px;
     display: inline-block;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}
 #burger span{
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #e47400;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}
 #burger span:nth-child(1) {
     top: 0px;
}
 #burger span:nth-child(2),#burger span:nth-child(3) {
     top: 6px;
}
 #burger span:nth-child(4) {
     top: 12px;
}
 #burger.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 #burger.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #burger.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #burger.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 @media(max-width:1390px){
     .responsive-menu{
         display:inline-block;
    }
     .menu-item.menu-li:nth-child(8){
         display:block;
    }
     .menu-item:nth-child(8){
         display:none;
    }
}
 @media(max-width:1364px){
     .menu-item.menu-li:nth-child(7){
         display:block;
    }
     .menu-item:nth-child(7){
         display:none;
    }
}
 @media(max-width:1248px){
     .menu-item.menu-li:nth-child(6){
         display:block;
    }
     .menu-item:nth-child(6){
         display:none;
    }
}
 @media(max-width:1126px){
     .menu-item.menu-li:nth-child(5){
         display:block;
    }
     .menu-item:nth-child(5){
         display:none;
    }
}
 @media(max-width:1016px){
     .menu-item.menu-li:nth-child(4){
         display:block;
    }
     .menu-item:nth-child(4){
         display:none;
    }
     .responsive-menu .responsive-menu-list{
    }
}
 @media(max-width:952px){
     .menu-item.menu-li:nth-child(3){
         display:block;
    }
     .menu-item:nth-child(3){
         display:none;
    }
}
 @media(max-width:868px){
     .menu-item.menu-li:nth-child(2){
         display:block;
    }
     .menu-item:nth-child(2){
         display:none;
    }
}
 @media(max-width:776px){
     .menu-item.menu-li:nth-child(1){
         display:block;
    }
     .menu-item:nth-child(1){
         display:none;
    }
}
 .feedback-modal {
    display:block;
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:rgba(255,255,255,0.8);
     z-index:9999999999;
}
 .feedbackwindow {
    width:520px;
     position:absolute;
     left:50%;
     margin-left:-260px;
     background-color:#fff;
     box-shadow:0px 0px 4px #232323;
     padding:15px;
     text-align:center;
     top:120px
}
 .feedbackwindow .modal-title {
    font-size:30px;
     font-weight:300;
     margin-bottom:5px;
}
 .feedbackwindow .modal-subtitle {
    font-size:16px;
     font-weight:300;
     margin-bottom:20px;
}
 .feedbackwindow .feedbackbtn {
     margin:0px 20px;
    display:inline-block;
    color:#273036;
     font-size:13px;
     text-decoration:underline;
     text-align:center;
}
 .feedbackwindow .feedbackbtn span {
    display:block;
    clear:both;
}
 .feedback-x {
    position:absolute;
     width:20px;
     height:12px;
    top: 0px;
    right: 0px;
    color: #999;
     text-decoration:none;
}

 .widget-button {
     position: relative;
}
 .wdg-container:hover .tooltip{
     display: block;
     opacity:1;
}

.cookies-ct {left:6px; position:absolute; bottom:61px; font-size:12px; color:#555555; padding:4px 3px; border-radius:2px; border:1px solid #ccc;}
.cookies-ct a {color:#232323;}
.cookies-ct a.gdpr-accept {color:#fff; background-color:#888888; text-decoration:none; padding:2px 3px; border-radius:2px;}

 .my-custom-stars .button .material-icons {
     font-size: 50px;
}
 .my-custom-stars .star-button.star-on {
     background: no-repeat url(img/star-gg.png) -82px -51px!important;
     width: 21px;
     height: 21px;
     display: inline-block;
}
 .my-custom-stars .star-button.star-on .material-icons, .my-custom-stars .star-button.star-off .material-icons{
     display:none;
}
 .my-custom-stars .star-button.star-off {
     background: no-repeat url(img/star-gg.png) -104px -114px!important;
     width: 21px;
     height: 21px;
     display: inline-block;
}
 .rating-status{
     display:none;
}
button.submit {
    border: none;
    padding: 7px 31px;
    font-size: 13px;
    background-color: #4d7ad6;
    color: #fff;
    margin-top: 21px;
    border-radius: 2px;
    cursor: pointer;
}
button.submit:hover {
    background-color: #3b6cd0;
}


/*settings modal */
.settings img{
 position: absolute;
    width: 20px;
    right: 10px;
    top: 11px;
    cursor:pointer;
    z-index:9998;
}

.settingsModal{
    position: absolute;
    background-color: white;
    border: 1px solid #dadada;
    border-radius: 0px;
    padding: 10px 20px;
    right: 0px;
    top: 38px;
    box-shadow: 5px 2px 10px -2px rgba(0,0,0,0.2);
    cursor:pointer;
    z-index:99999;
}

.settingsModal::before{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    border-bottom: 5px solid white;
    position: absolute;
    top: -5px;
    right: 14px;
}

.settingsModal p{
  font-size:14px;
}

.clock {
    display: block;
    margin: 0 auto;
    text-align: center;
    top: 36px;
    position: relative;
    font-size: 28px;
    color: #656565;
    font-family: Roboto, sans-serif;
}


/*gmail api*/

iframe {
  width: 100%;
  border: 0;
  min-height: 80%;
  height: 600px;
  display: flex;
 }
 
.gmail-api{
    position: absolute;
    background-color: white;
    z-index: 999999;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
    -webkit-transition: all 1s;
    transition: all 2s;
    height: 95.5%!important;
    top: 40px;
    left:-585px;
 }
 
 .gmail-api .container{
  width:585px;

 }
 
 .gmail-api.slide{
  left:-10px;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
    height: 100%;
    top: 40px;
    overflow-y:auto;
 }
 
 
.gmail-api.slide.noToolbar{
 top:0px;
 height:100% !important;
}

.gmail-api.hideSlide.noToolbar{
    top:0 !important;
    height:100% !important;
}

 
 .gmail-api.hideSlide{
  left:-585px;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
  height: 100%;

 }
 .datetime{
  text-transform: lowercase;
  text-align:right;
 }
 
.modal.fade.in{
    width: 560px;
    z-index: 999999;
    top: 40px;
    padding-right: 0px !important;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}
.modal.fade{
    width: 560px;
    z-index: 999999;
    top: 40px;
    padding-right: 0px !important;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}

.modal.fade.in .modal-dialog.modal-lg{
 width:100%;
 margin-top: 0px;
}

.inboxBttn{
    position: absolute;
    right: -90px;
    top: 44%;
    background-color: gray;
    padding: 10px 20px;
    transform: rotate(90deg);
    color: white;
    border-radius: 2px;
    cursor:pointer;
}

.btn-primary{
    background-color: #6076fb !important;
    background-image: none !important;
    border-radius: 0px !important;
    border: none !important;
    left: 0px;
    position: relative;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}
.btn-default{
    background-color: #e0e0e0 !important;
    background-image: none !important;
    border-radius: 0px !important;
    border: none !important;
    left: 0px;
    position: relative;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}
.btn-primary.pull-right{
 float:left !important;
}

.row.tbnt.floatfix{
   margin-right: 0px;
   margin-left: 0px;
   height: 39px;
}
.logont{
    width: auto;
    height: 30px;
    text-decoration: none;
    font-weight: 400;
    margin-top: 4px;
    font-size: 19px;
    color: #64666e;
    position: relative;
    top: -20px;
    left: 13px;
    display: inline-block;
    margin: 0 20px;
}
.logont:hover{
    color: #64666e;
    text-decoration: none;
}

#authorize-button{
    background-color: transparent !important;
    border: center;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0px;
    box-shadow: none !important;
    color: black;
    font-family: 'Roboto';
    font-weight: 500;
    overflow: hidden;
    width: 288px;
}
#authorize-button:focus{
    outline:none;
}
.sign-in-bttn{
    display:block;
    text-align: center;
}
.sign-in-bttn span{
    display:inline-block;
    font-family: 'Roboto';
    font-weight: 500;
    font-size:17px;
}

#authorize-button img{
    height:initial !important;
    margin-left:5px;
}

.authorize-title{
    margin-top: 65px;
    font-size: 17px;
    color: black;
    text-align: center;
    margin-bottom: 50px;
    margin-left: 50px;
    margin-right: 50px;
}

#gotoGmail{
     text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 13px;
    text-decoration:none;
}

.hide-inbox{
    float: right;
    position: absolute;
    top: 4px;
    right: 10px;
    color: #777777;
    font-size: 19px;
}

#gotoGmail-afterlog{
    float: right;
    position: relative;
    right: -6px;
    text-align: center;
}

#gotoGmail-afterlog span{
    color: #656565;
    font-size: 12px;
    max-width: 297px;
    display: block;
}

.message-inbox{
 color:black;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
 color:#656565;
}

.message-inbox:hover{
 text-decoration:none;
  color:black;
}
#signOut{
 float:right;
}

.row.allcontent.totheleft{
 left:273px;
 position:relative;
 -webkit-transition: all 1s; /* Safari */
 transition: all 1s;
}

.row.allcontent{
 left:0px;
 position:relative;
 -webkit-transition: all 1s; /* Safari */
 transition: all 1s;
}

.menu-item.gmail-item{
  position:relative; 
}

.gmailClass-toolbar{
    position: absolute;
    background-color: white;
    border: 1px solid #dadada;
    top: 35px;
    left: -78px;
    width: 215px;
    z-index: 99999999;
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.1);
}

.gmailClass input[type="checkbox"]{
   margin-left: 10px;
}

.gmailClass label{
    margin-left: 4px;
    position: relative;
    top: -2px;
}

.gmail-popup{
     width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.6);
    z-index: 99999999999;
    top: 0px;
    position:fixed;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s
}

.gmail-popup-container{
    width: 500px;
    height: 300px;
    display: block;
    margin: 0 auto;
    text-align: center;
    left: initial;
    position: relative;
    top: 39%;
    margin-top: -150px;
    background-color: white;
    position:relative;
        box-shadow: 0px 0px 31px rgba(0,0,0,0.5);
}

.gmail-popup .gmailClass{
    position: relative;
    border: none;
    background-color: transparent;
    top: 50px;
    left: initial;
    width: initial;
    z-index: initial;
}

.search-gmail-popup-x{
   cursor:pointer;
   position:absolute;
   right:20px;
   top:20px;
}


.nt-icon{
     display: inline-block;
    margin-right: 90px;
}

.nt-icon img{
 display:block;
}
.remember-option{
    text-align: left;
    position: relative;
    right: 0px;
    border-top: 1px solid #dadada;
    padding-top: 20px;
    width: 80%;
    margin: 0 auto;
    margin-top: 37px;
}

.content-search .gmailClass a{
 text-decoration: none;
 color:#000;
  font-weight:bold;
  display:inline-block;
}

.content-search .gmailClass a:hover{
  text-decoration: none;
 color:#000;
}
.content-search .gmailClass a img{
 display:block;
}

.content-search .gmail-icon img{
 width:100px;
}

.content-search .gmailClass label{
 font-weight: normal;
 color: #828282;
}

.gmailClass-toolbar a{
    border-bottom: 1px solid #dadada;
    width: 100%;
    padding: 10px 20px !important;
}

.gmailClass-toolbar{
     font-weight: normal;
    margin-left: 5px;
}
.gmailClass-toolbar a:hover{
 border-radius: 0px !important;
}

.gmailClass-toolbar input[type=checkbox]{
 margin-left:13px;
}
.gmailClass-toolbar label{
 font-weight: normal;
 position:relative;
 top:-2px;
 margin-left: 4px;
}

.label-toolbar{
 padding:10px;
}

.gmailClass-toolbar a img{
     width: 34px;
    display: inline-block;
    margin-right: 5px;
}
.gmailClass-toolbar .gmail-toolbar{
     width: 24px;
    display: inline-block;
}

.gmailClass-toolbar .nt-toolbar{
     margin-right: -3px;
    left: -2px;
    position: relative;
}

.close-toolbar{
 position: absolute;
    right: 8px;
    font-size: 12px;
    top: 5px;
    cursor:pointer;
}

.header-tr th{
 font-weight:normal;
 color:black !important;
}

.table>thead>tr>th{
      border-bottom: 1px solid #ddd !important; 
}


html {
    height: 100%;
}

@media(max-width:1351px){
 .gmail-api .container{
  width:482px;
 }
  .inboxBttn{
  right:-167px;
 }
}

@media(max-width:1186px){
 .gmail-api .container{
   width: 381px;
 }
  .inboxBttn{
  right:-267px;
 }
 .row.allcontent.totheleft{
  left:228px;
 }
}

@media(max-width:1047px){
 .gmail-api .container{
   width: 219px;
 }
 .row.allcontent.totheleft{
  left:124px;
 }
  .inboxBttn{
  right:-429px;
    }
}


@media(max-width:934px){
 .inboxBttn{
  display:none;
 }
 .row.allcontent.totheleft{
  left:initial;
 }
  .gmail-api .container{
   display: none;
 }
}


@media(max-height:702px){
 .gmail-api{
  height: 105.5%!important;
 }
}

@media(max-height:650px){
 .gmail-api{
  height: 131.5%!important;
 }
}

@media(max-height:500px){
 .gmail-api{
  height: 171.5%!important;
 }
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
      /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding-right: 0px !important;
}

.header-tr th:last-child{
    width:95px !important;
}
/* gmail api end*/


/*youtube*/
#searchtext{
    width: 335px;
    height: 36px;
    font-size: 15px;
    outline: none;
    padding-left: 5px;
}
#searchbutton{
   outline:none;
   padding: 0px 30px;
   height: 36px;
   top: -1px;
   position: relative;
   border: 0px currentColor;
   color: #fff;
   background-color: red;
   font-weight: 900;
   font-family: Roboto, sans-serif;
   font-size: 14px;
   cursor:pointer;
}
#T{
   font-weight: bold;
   font-family: Roboto,sans-serif;
   margin-bottom: 5px;
   margin-top:20px;
}

#T:first-child{
    margin-top:10px;
}

#P{
   font-family: Roboto, sans-serif;
   margin-bottom: 10px;
}
iframe{
   border:0px;
}
#linktoVid{
    width: 447px;
    border: 0;
    min-height: 251px;
    height: 251px;
    display: flex;
}
#prevnext button{
   border: none;
   background-color: gray;
   color: white;
   height: 20px;
   font-family: Roboto, sans-serif;
   font-weight: bold;
   outline:none;
   padding: 0px 5px;
}
#prevnext button:first-child{
   margin-right:1px;
}
#prevnext{
   width: 100%;
   margin-top: 10px;
   text-align: right;
}
#count{
   position:relative;
   top:-20px;
   width: auto;
   display: inline;
}

#youtube{
    position: absolute;
    background-color: white;
    z-index: 999999;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -webkit-transition: all 1s;
    transition: all 2s;
    height: 91.5%!important;
    top: 40px;
    right: -499px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px 20px;
    width: 499px;
}
#youtube.hideslide{
    right: -499px;
}
#youtube.slide{
    right: 0px;
}
.ytBttn{
    position: absolute;
    right: -54px;
    top: 44%;
    background-color: gray;
    padding: 10px 20px;
    transform: rotate(90deg);
    color: white;
    border-radius: 2px;
    cursor: pointer;
}

.close{
    position: absolute;
    right: 21px;
    font-size: 16px;
    cursor:pointer;
}
#search{
    margin-top: 20px;
}


.gmail-popup{
     width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.6);
    z-index: 99999999999;
    top: 0px;
    position:fixed;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
    visibility: hidden;
}

.gmail-popup.showpopup{
    visibility: visible;
}
.gmail-popup-container{
    width: 500px;
    height: 300px;
    display: block;
    margin: 0 auto;
    text-align: center;
    left: initial;
    position: relative;
    top: 39%;
    margin-top: -150px;
    background-color: white;
    position:relative;
        box-shadow: 0px 0px 31px rgba(0,0,0,0.5);
}

.gmail-popup .gmailClass{
    position: relative;
    border: none;
    background-color: transparent;
    top: 50px;
    left: initial;
    width: initial;
    z-index: initial;
}

.search-gmail-popup-x{
   cursor:pointer;
   position:absolute;
   right:20px;
   top:20px;
}


.nt-icon{
     display: inline-block;
    margin-right: 90px;
}

.nt-icon img{
 display:block;
}
.remember-option{
    text-align: left;
    position: relative;
    right: 0px;
    border-top: 1px solid #dadada;
    padding-top: 20px;
    width: 80%;
    margin: 0 auto;
    margin-top: 37px;
}
.content-search .gmailClass a{
 text-decoration: none;
 color:#000;
  font-weight:bold;
  display:inline-block;
      margin: 0 auto;
    margin-right: 23px;
    width:152px;
}

.content-search .gmailClass a:hover{
  text-decoration: none;
 color:#000;
}
.content-search .gmailClass a img{
 display:block;
 margin: 0 auto;
 width: 100px;
}

.content-search .gmail-icon img{
 width:100px;
}

.content-search .gmailClass label{
 font-weight: normal;
 color: #828282;
 margin-left: 5px;
    position: relative;
    top: -2px;
}

.yt_logo{
    width:140px;
}

.row.allcontent{
    position:relative;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
    left:0px;
}

.row.allcontent.totheleft{
    left: -246px;
    position: relative;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

.row.allcontent.totheleft .footer{
    width: 135%;
    right: -18px;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

@media(max-width:1160px){
    .ytBttn{
        display:none;
    }
    #youtube{
        display:none;
    }
}


.form-yt-search{
    width: 335px;
    display: inline-block;
}
 /*end youtube*/
 

.widget-button.booking::before{
    display: block;
    width: 20px;
    height: 20px;
    content: "1";
    background-color: red;
    border-radius: 50%;
    color: white;
    top: -130px;
    right: -20px;
    position: relative;
    font-size: 12px;
    text-align: center;
    z-index: 9;
    padding-top: 2px;
}