/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */

@import url(//fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=vietnamese);


::-moz-selection {background: #f2c2c9;color: #a4003a;text-shadow: none;}

::selection {background: #16a085;color: #a4003a;text-shadow: none;}

/*
 * A better looking default horizontal rule
 */

 hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
.mt {	margin-top: 80px;}
.mb {	margin-bottom: 80px;}
.modal.modal-fullscreen .modal-dialog{margin: 0;width: 100%;}
.modal.modal-fullscreen .modal-dialog, .modal.modal-fullscreen .modal-content {bottom: 0;left: 0;position: absolute;right: 0;top: 0;    border-radius: 0;
    border: 0px;}
.modal.modal-fullscreen .modal-content .modal-body, .modal.modal-fullscreen .modal-content .modal-footer{background: #fff;}
.modal-iframe iframe{border: 0px; width: 100%; min-height: 500px;}
.modal-iframe .modal-content .modal-body {}
.modal img{max-width: 100%; height: auto;}
.input-group-btn select { border-color: #ccc;margin-top: 0px; margin-bottom: 0px;  padding-top: 5px;  padding-bottom: 6px;}
.form-control-noborder{border: 0px; border-radius: 0px; box-shadow: none; outline: none;}
.form-control-noborder:focus{ outline: none; box-shadow:none;}

/*Custom bootstrap*/
.gutter-10{margin-left:-10px; margin-right:-10px;}
.gutter-10 > [class*='col-'] {padding-right:10px;padding-left:10px;}
.gutter-5{margin-left:-5px; margin-right:-5px;}
.gutter-5 > [class*='col-'] {padding-right:5px;padding-left:5px;}
.gutter-2{margin-left:-2px; margin-right:-2px;}
.gutter-2 > [class*='col-'] {padding-right:2px;padding-left:2px;}
.form-horizontal .form-group.gutter-2{margin-left:-2px; margin-right:-2px;}
.form-horizontal .form-group.gutter-2 > [class*='col-'] {padding-right:2px;padding-left:2px;}
.gutter-1{margin-left:-1px; margin-right:-1px;}
.gutter-1 > [class*='col-'] {padding-right:1px;padding-left:1px;}
.gutter-0{margin-left:0px; margin-right:0px;}
.gutter-0 > [class*='col-'] {padding-right:0px;padding-left:0px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #2884c6;
    border-color: #2884c6;
}
.relative{position: relative;}
.input-group.date .input-group-addon{border-radius: 0px;}
.page-content-explore .iframe {border: 0px; width: 100%; min-height: 450px;}
.page-content-explore .iframe.iframe-hotel{min-height: 1800px;}


.btn-primary,.btn-default,.btn-info,.btn-warning,.btn-success,.btn-danger{ font-size: 15px; font-weight: 700; padding: 10px 40px; height: 40px; min-width: 210px;  border:0px; border-radius: 20px;
  outline: none;
}
.btn-primary,
.btn-primary:focus{background: #1aade4; border-color: #1aade4; outline: none;}
.btn-register{min-width: 250px;}
.btn-success,
.btn-success:focus {background: #00b050; border-color: #00b050; outline: none;}
/*.btn-primary {background: #2884c6; border-bottom: solid 3px #1c69a0;}
.btn-success {background: #5cb85c; border-bottom: solid 3px #399539;}
.btn-warning{background: #f0ad4e; border-bottom: solid 3px #c38226;}
.btn-default {background: #d9d9d9; border-bottom: solid 3px #bababa;}
.btn-danger {background: #3e3e3e; border-bottom: solid 3px #050505;}*/
/*.btn-danger:hover,.btn-danger:focus{background: #232323;border-bottom: solid 3px #050505;}*/

.btn.btn-xs{ padding: 6px 12px; font-size: 10px; height: 28px;}
.btn.btn-sm{ padding: 7px 28px; font-weight: 400; height: 34px;}

.table.table-style-1>tbody>tr>td,
.table.table-style-1>thead>tr>th{vertical-align: middle; height: 60px;}
.table.table-style-1>thead>tr>th{ border-bottom-width: 1px;}

.table-no-bordered tbody tr td{border: 0px;}


.modal-style-1 button.close {position: absolute;right: -7px;top: -7px;width: 30px;height: 30px;background: #fff;
border-radius: 50%;opacity: 1;margin-top: 0px;padding-left: 1px;outline: none;}
.modal-style-1 button.close:focus{outline: none;}
.modal-style-1 button.close:hover{background: #2884c6; color: #fff;}
.modal-style-1 .modal-dialog{min-width: 450px;}
.modal-style-1 .modal-content{border: 0px;}
.modal-style-1 .modal-footer{text-align: center; font-size: 15px; border-top: 0px; padding-bottom: 30px; padding-top: 0px;}
.modal-style-1 .modal-body {padding: 35px;}
.modal-style-1 .form-group label{font-size: 13px; font-weight: 400;}
.modal-style-1 .btn-nmc{min-height: 51px; border-radius: 5px; font-size: 19px; font-weight: 400;}
.modal-style-1 .form-control{border-radius: 0px; }
.modal-style-1 .input-group-addon{border-radius: 0px;}

.bootbox  .modal-footer{text-align: center;}

.form .input-group-addon{border-radius: 0px;}
.editor{min-height: 304px;}

.mb-4{margin-bottom: 40px;}
.mb-2{margin-bottom: 20px;}
/* General styles
   ========================================================================== */


body {font-family: 'Roboto', sans-serif; font-weight: 400;font-size: 16px;color: #555; background: #f2f2f2;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}

h1, h2, h3, h4, h5, h6 {font-weight: 700;color: #3d3b3b;}

a{cursor: pointer; color: #1aade4; outline: none;
  -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
a:focus{outline: none; text-decoration: none;}
a:hover{color: #004598; text-decoration: none; }
button{background-color:#2884c6; color: #fff; -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;}
button:hover{background-color:#44951e; }

table .button {color: #696969;cursor: pointer; padding: 3px; margin: 0px 5px; border:solid 1px #ccc; width: 30px; height: 30px; text-align: center; display: inline-block;
  background: #fff; border-radius: 3px;
}
table .alterar:hover {  color: #0a79df;}
table .excluir:hover {  color: #dc2a2a;}
body.homepage{padding-top: 60px;}
.form-registration .has-error .form-control-feedback{font-size: 14px; /*top:33px;*/}
.form-registration .help-block{font-size: 14px;}

.navbar-brand {	font-weight: 700; padding-top: 0px; padding-bottom: 0px; }
.main-nav.navbar-default{ position: fixed; left: 0px; top:0px; width: 100%;}
.main-nav.sticky{box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36); background:#fff;  }

.navbar-default {background-color: #fff;	border-color: transparent;height:60px;padding-top:5px;position: relative;z-index: 2;border-radius: 0px;margin-bottom: 0px; }
.main-nav.navbar {z-index: 5;}
#maincontentwrap{padding-top: 0px;}

.navbar-default .navbar-nav{padding-top: 3px;}
.navbar-default .navbar-nav > li > a{padding: 10px 0px 5px;  font-size: 15px; margin-left: 30px;  border-radius: 0px; text-transform: uppercase;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {}
.navbar-default .navbar-nav > li.active a:focus{background: transparent; color: #ccc;}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active > a{border: 0px; background: transparent;  color: #78d2ff;     box-shadow: 0 2px 0 0 #78d2ff;}
.navbar-default .navbar-nav > li.dropdown-language:hover > a,
.navbar-default .navbar-nav > li.dropdown-language:focus > a,
.navbar-default .navbar-nav > li.dropdown-language.active > a{box-shadow: none;}

.homepage #maincontentwrap{padding-top: 60px;}
.homepage .navbar-default{height:60px; background:#fff;}
.homepage .navbar-default.sticky{position: fixed; left: 0px; top:0px; width: 100%; background: rgba(255,255,255,0.9);}
.homepage #main_nav_navbar_collapse ul.nav li .dropdown > a {background: transparent; border-radius: 0; padding: 0px 0px 15px;}
.homepage .navbar-default .navbar-nav{}
.homepage .navbar-default .navbar-nav > li > a{height: auto; padding: 10px 30px 12px; margin-left: 10px;  border-radius: 30px;}
.homepage .navbar-default .navbar-nav > li.active > a,
.homepage .navbar-default .navbar-nav > li:hover > a{}

.home-slideshow{list-style: none;margin: 0px; padding: 0px;position: absolute;width: 100%;height: 520px;top: 0px;left: 0px;z-index: 0; background: #f2f2f2;}
.home-slideshow .slideshow{height: 520px; background-position: center top; background-size: cover; background-color: #4da0d8;}
#headerwrap .baner-content{padding-top: 80px;padding-left: 30px;font-size: 24px; color: #fff;}
#headerwrap .baner-content .description{padding-left: 30px;}


.homepage .page-content{padding: 45px 0px 0px; background: #fff;}
.homepage .page-info{padding: 0px; margin-bottom: 30px;}
.homepage .page-info h2{margin: 0px 0px 15px; font-size: 36px;}
.homepage .page-info p{text-align: justify; }
.homepage .quick-link{padding: 30px 0px;}
.homepage .quick-link .item{display: block; height: 180px; padding: 30px 10px; margin-bottom: 15px; background: #fff; box-shadow: 0 3px 0 #e2e3e4;}
.homepage .quick-link .item:hover{background: #f5f6f7;}
.homepage .quick-link .item i{color: #4DA0D7;}
.homepage .quick-link .item h3.item-title{font-weight: 400; margin: 20px 0px; text-transform: uppercase; font-size: 20px;}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
  min-height: 80px;
}
.homepage #headerwrap{background-attachment: relative;background-position: center center;background-size: cover;
width: 100%;min-height: 520px;margin-top: -80px;padding-top: 40px;
position:relative;}
#headerwrap::before{position: absolute;left: 0;  top: 0;  width: 100%;  height: 100%;  content: "";}
#headerwrap h1 {font-weight: 400;color: #fff;font-size: 48px;}

#footerwrap {padding-top: 15px;padding-bottom: 15px;background-color: #2d3e50;}
#footerwrap p {color: #f2f2f2;	margin-left: 10px;}
#footerwrap.fixbottom{position: fixed; bottom: 0px; left: 0px; width: 100%;}
.footer-bottom{padding-top:0px; color: #fff;}



.page-content{padding: 45px 0px; min-height: 283px;}
.page-content .page-info h2.page-title{margin-bottom: 30px;}
.user-profile-link{padding: 8px 15px; margin-top: 5px; background: #fff; border-radius: 5px;color: #444444;}
.user-profile-link .caret{color: #444444;}
.homepage .user-profile-link{padding-top: 8px; }
.user-profile-link .dropdown{display: inline-block;}
.user-profile-link a.dropdown-toggle{text-decoration: none;cursor: pointer; color: #444444;}
.homepage .sticky .user-profile-link a.dropdown-toggle {color: #333;}
.user-profile-link .dropdown.open a.dropdown-toggle,.user-profile-link .dropdown.open a.dropdown-toggle:focus,
.user-profile-link .dropdown.open a.dropdown-toggle:hover{background: transparent;}
.user-profile-link .dropdown-menu{margin-top: 15px; right: -15px;}
.user-profile-link .dropdown-menu::after {
  position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent;  border-bottom: 6px solid white;
  border-left: 6px solid transparent;  content: '';
}
.user-profile-link .dropdown-menu li a{padding: 8px 20px; }
.modal .social-buttons a,
.btn-signupemail {display: block;  margin: 0px auto; padding: 14px 30px; margin-bottom: 5px; text-align: center; color: #fff; font-weight: 400; font-size: 19px;
border-radius: 5px; text-decoration: none; position: relative; height: 51px;}
a.btn-icon-left  .icon-container{display: inline-block; width: 20px; text-align: left; float: left; position: absolute; left: 20px; top:7px; font-size: 27px;}
.modal .social-buttons a.btn-facebook{ background: #3B5998; }
.modal .social-buttons a.btn-googleplus{background: #d34836;  color: #fff;}
.signup-or-separator {position: relative; padding-top: 10px;}
.signup-or-separator .signup-or-separator--text{position: absolute; left: 50%; display: block; width: 30px; margin-left: -15px; background: #fff; text-align: center;}

.btn-signupemail{background: #2884c6;}
.btn-submit {border-radius: 2px; text-decoration: none; background: #2884c6; border:0px; font-weight: 700;}
.btn-signupemail:hover,.btn-submit:hover{background: #2884c6; text-decoration: none; color: #fff;}

.modal .modal-header{min-height: 75px; background: #d0d0d0; text-align: center; font-size: 26px; color: #333333; text-align: center; text-transform: uppercase; font-weight: 400;
border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 25px; position: relative;
}

.language{margin-bottom: 40px;}
.box{padding: 25px 40px; margin-bottom: 15px; background: #fff;
  -webkit-box-shadow: 4px 4px 33px 13px rgba(0,0,0,0.06);
-moz-box-shadow: 4px 4px 33px 13px rgba(0,0,0,0.06);
box-shadow: 4px 4px 33px 13px rgba(0,0,0,0.06);
border-radius: 10px;
}
.box .box-header .branch{display: inline-block; max-width: 130px;}
.box .box-title{margin-bottom: 30px; padding-bottom: 15px; position: relative; border-bottom: 1px dotted #e4e9f0; font-size: 16px; text-transform: uppercase; }
.box .box-title:after{position: absolute; content: ''; width: 80px; height: 2px; bottom: -1px; left: 0px; background: #4DA0D7;}
.box .box-info{margin-bottom: 15px;}
.box .form-group{margin-bottom: 20px;}
.box .form-control{box-shadow: none;border-radius: 20px; height: 40px;}
.box .select2-container--default .select2-selection--single{
  border-radius: 20px; height: 40px;
}
.select2-container .select2-selection--single .select2-selection__rendered{line-height: 40px; padding-left: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:5px; right: 5px;}

.box .control-label{color: #888; font-weight: 400;}
.form-button .btn{margin-right: 10px;}
.form-button.text-center .btn{margin: 0px 5px;}
.form-button.text-right .btn{margin-left: 10px; margin-right: 0px;}

.page-title{font-size: 33px; color: #3d3b3b; margin-bottom: 20px; margin-top: 10px;}

.upload-photo.thumbnail{height: 220px; text-align: center;}
.upload-photo.thumbnail img{max-height: 100%; max-width: 100%;}
.col-action{width: 140px;}

#map_canvas{height: 250px;}

#page_loading{position: fixed; z-index: 999; background: rgba(0,0,0,0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
#page_loading .inner{position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -5em;}
#page_loading .loader {margin: 0px auto;font-size: 10px;position: relative;text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
#page_loading .loader,#page_loading .loader:after {  border-radius: 50%;  width: 10em;  height: 10em;}
.box-legend .item{position: relative; padding-left: 15px;}
.box-legend .item:before{content: ''; position: absolute; left: 0px; top:7px; width: 6px; height: 6px; background: #393939;}

.modal table{table-layout:fixed;} 

.page-content .section{}
.page-content .section .section-heading {
    padding-bottom: 15px;
    font-weight: 400;
      line-height: 41px;
    color: #2E3037;
    font-size: 31px;
}
.page-content .section .section-subheading{
    padding-bottom: 30px;
    line-height: 40px;
    font-weight: 400;
    font-size: 22px;
    color: #7F7F7F;
}
.section-2{ padding-top: 0px; padding-bottom: 60px;}
.circle-box .circle-img img{max-width: 122px; height: auto;}
.circle-box h4{    color: #2E3037;font-size: 22px; padding: 10px 0px;}

.box-card .card {
    height: 320px;
    box-shadow: 0px 2px 13px rgba(127,127,127,0.5);
    border-radius: 15px;
    padding: 31px 40px 47.49px 40px;
    text-align: center;
    margin-bottom: 30px;
}
.box-card .card img{  margin: 0 auto;margin-bottom: 15px; width: 96px;}
.box-card .card .card-title{font-weight: 700; font-size: 22px;}
.box-card .card .card-content{margin-top: 15px; font-size: 18px;}
.section-3{background: url('../img/section-3-bg.jpg') no-repeat center center; background-size: cover; padding: 65px 0px;}
.section-3 .details-pricing .img-details-pricing{display: block; margin-bottom: 5px;}
.section-3 .details-pricing .img-details-pricing img{width: 64px; height: auto;}
.section-3 .btn-register{margin-top: 30px;}

.section-3 .pricing .panel{padding-bottom: 15px; border-radius: 10px;}
.section-5{padding-top: 45px ;background: #fff;}
.section-6{ padding-top: 45px ; padding-bottom: 45px; background: #fff; }
.section-7{ padding-top: 45px ; border-top: 1px solid #D8DFE3;background: #fff;}
.section-7 .section-content img{margin: 0px auto;}
.section-8{background: #fff; padding-bottom: 45px;}
.page-content .section-8 .section-subheading{padding-bottom: 0px;}
.page-content .section-8 .box-btn{margin-top: 15px;}
.page-content .section-8 .panel-body{padding-bottom: 30px;}

.section-7{background: url('../img/section-7-bg.jpg') no-repeat center center; background-size: cover; padding: 65px 0px; color: #fff;}
.box-standout .text-animation{font-size: 54px; margin: 30px 0px;}


.footer-top .app-download-logo-col{
  padding-right: 10px;
  padding-left: 10px;
  }

.page-footer {  background-color: #3c3c3c;color: #fff;     font-size: 16px;}
.page-footer h6{text-transform: uppercase; font-weight: 700; font-size:16px; color: #fff;}
.page-footer .footer-content{padding-top: 30px; }
.page-footer .footer-content p i{margin-right: 5px; min-width: 15px;}
.page-footer a{color: #fff;}
.footer-copyright {padding: 15px 0px; background: #262626;}
.page-footer .footer-top {padding: 10px 0px; background: #4DA0D7;}
.page-footer .footer-top h6{text-transform: none; font-weight: 400;}
.page-footer .social a{padding: 8px 5px; display: inline-block; margin-left: 3px;}

.page-footer .quick-contact{margin-bottom: 10px;}
.page-footer .quick-contact .btn-info{border-radius: 2px; height: 34px; padding: 5px 15px; background: #4DA0D7}

.single-page{font-size: 16px; line-height: 1.7;}

.btn-toogle-chat{    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: auto;
    font-size: 28px;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,.5);
    background-color: rgb(118, 181, 27);
    color: rgb(255, 255, 255);
    position: fixed; right: 15px; bottom: 15px;
    text-align: center; line-height: 60px;
    display: none;
}
.btn-toogle-chat:hover{color: #fff;}

.page-footer .deep-purple {width: 60px;}
.dropdown-menu-language a img{margin-right: 5px;}

/*.private-web-domain-group{position: relative; padding-left: 135px;     border: 1px solid #ccc;}
.private-web-domain-group .private-web-domain{position: absolute; left: 10px; top:8px; font-size: 14px; color: #444444; font-weight: 700; }
.private-web-domain-group .form-control{border:0px; padding-left: 0px;}*/

.private-web-domain-group{display: flex;   border: 1px solid #ccc;}
.private-web-domain-group .private-web-domain{font-size: 14px; color: #444444; font-weight: 700; display: flex; padding-left:10px; padding-top: 8px; }
.private-web-domain-group .form-control{border:0px; padding-left: 0px; display: flex;}

.text-md{font-size: 20px;}
.text-xs{font-size: 15px;}
.text-xs label{ font-weight: 400;}
.text-sm{font-size: 17px;}
.text-sm label{ font-weight: 400;}
.page-background{min-height: calc(100vh - 60px); background-position: center center; background-size: cover;}
.page-background.page-register{background-image: url('../img/bg-register.jpg');}
.page-background.page-login{background-image: url('../img/bg-login.jpg');}
.page-background .box{background: rgba(255,255,255,0.9);}
.page-background form{padding: 15px 45px;}

.form-registration .popover{min-width: 250px;}
.form-download-voucher{margin-top: 80px;}
.form-download-voucher .box{background: #f5f6f7;}
.form-download-voucher form{padding: 15px 45px;}

.select2 {font-size: 14px; color: #555;}

.page-action,
.page-sign-up,
.page-login{position: relative; min-height: 100vh;}

.page-action:before,
.page-action:after,
.page-login:before,
.page-login:after,
.page-sign-up:before,
.page-sign-up:after{position: absolute; width: 50%; height: 100%; top:0px; z-index: -1; content: ''; right: 0px;}

.page-action:before{background: url('../img/bg-login-left.jpg') no-repeat left bottom; left: 0px; right: auto;  background-size: 65%;}
.page-action:after{background: url('../img/bg-login-right.jpg') no-repeat right bottom;  background-size: 65%;}

.page-login:before{background: url('../img/bg-login-left.jpg') no-repeat left bottom; left: 0px; right: auto;  background-size: 65%;}
.page-login:after{background: url('../img/bg-login-right.jpg') no-repeat right bottom;  background-size: 65%;}

.page-sign-up:before,
.page-company:before{background: url('../img/bg-signup-left.jpg') no-repeat left bottom; left: 0px; right: auto;}
.page-sign-up:after,
.page-company:after{background: url('../img/bg-signup-right.jpg') no-repeat right bottom;}




@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 1600px) {

}
@media screen and (min-width: 1920px) {

}



/* Large desktop */
@media screen and (min-width: 1200px) {
   
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}
 
 /* Small devices (tablets, 768px and up) */
@media screen and (max-width: 991px) {
  .navbar-default .navbar-nav > li > a{padding: 15px 12px; font-size: 15px;}
  .box-card .card{margin-bottom: 30px;}
}

/* Portrait tablet to landscape and desktop */
@media screen and (max-width: 992px) {
  .page-content .form-download-voucher h2.page-title{    font-size: 22px;}
  .form-download-voucher form{    padding: 15px 15px;}
}
 
/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {
  
}
 
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
  #maincontentwrap{padding-top: 0px;}
  .navbar-brand{padding-top: 5px; padding-left: 0px;}
  .navbar-default .navbar-brand img { max-height: 40px;}
   .main-nav.navbar-default{border: 0px;}
   .main-nav.navbar-default, .main-nav.navbar-default.sticky, .homepage .main-nav.navbar-default,.homepage .main-nav.navbar-default.sticky{
    background:#fff;padding: 0px;height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    .homepage .navbar-default.sticky .navbar-nav > li > a, .homepage .navbar-default.sticky .navbar-nav > li > a:focus{color: #fff;}
    .main-nav.navbar-default .navbar-header{background:transparent;position: relative; }
   
   .navbar-default .navbar-toggle {border: 0px; padding: 9px 0px;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent;}
   .navbar-default .navbar-toggle .icon-bar{width: 30px; height: 3px; border-radius: 3px; background: #2d3e50;}
   
   .homepage .navbar-default .navbar-toggle{border-color: #fff; margin-right: 0px;}
   .nav-content{padding:0px;}
   .navbar-default{padding-top:10px;}
   .main-nav.navbar-default .navbar-collapse{background: #393939;border-top: 0px; box-shadow: none; margin-left: -15px; margin-right: -15px;}
   .navbar-default .navbar-nav{margin-left: 0px; margin-right: 0px;}
   .navbar-default .navbar-nav > li{margin-bottom: 5px;}
   .navbar-default .navbar-nav > li > a{margin-left: 0px;}
   .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
   .page-content{padding: 30px 0px;}

   .user-profile-link{float: right; margin-right: 15px;}
   .homepage .user-profile-link{ padding-top: 10px;}
   .user-profile-link .dropdown-menu{left: auto; right: 0px; background: #393939; border:0px; min-width: 220px; }
   .user-profile-link .dropdown-menu li a{color: #d8d8d8; border-bottom: solid 1px #414141; padding: 5px 0px; margin: 0px 15px;}
   .user-profile-link .dropdown-menu::after{border-bottom-color: #393939;}
   .user-profile-link a.dropdown-toggle,.homepage .user-profile-link a.dropdown-toggle{color: #333333; }
   .user-profile-link .dropdown-menu a:hover, .user-profile-link .dropdown-menu a:focus{background: transparent;}
   .user-profile-link .dropdown-submenu  .dropdown-menu{margin-top: 0px;}
   .user-profile-link .dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a{padding-left: 15px;}
   .user-profile-link .dropdown-submenu>a:after{margin-right: 0px;}
   
   #headerwrap h1{font-size: 30px;}

     /* Force table to not be like tables anymore */
  .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; }  
  .no-more-tables thead tr { position: absolute;top: -9999px;left: -9999px;  }
  .no-more-tables tr { border: 1px solid #ccc; }
  .no-more-tables table tbody tr td { border: none;border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left;}
  .no-more-tables td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;  }
  .no-more-tables td:before { content: attr(data-title); }  

  #headerwrap .baner-content{padding-top: 0px;}
  #headerwrap{background: #4da0d8;}
  .home-slideshow {display: none;}

  .page-content .section .section-heading{    font-size: 24px; line-height: 1.6;}
  .page-content .section .section-subheading{font-size: 16px; line-height: 1.6;}

  .page-background form{    padding: 15px 0px;}

  .form-download-voucher{margin-top: 30px;}

 }
@media screen and (max-width: 600px) {
    .modal .modal-header{min-height: 60px; padding-top: 20px;}
    .modal .modal-body{padding: 15px;}
    #modalTripitineraryViewMap .modal .modal-body{padding: 15px 25px;}
    .modal-style-1 .modal-dialog{min-width: 150px;}
    .modal-style-1 .modal-footer{font-size: 14px;}
    .modal .social-buttons a, .btn-signupemail{font-size: 15px; height: 42px; padding-top: 10px; padding-bottom: 10px;}
    a.btn-icon-left .icon-container{font-size: 22px;}
    .modal-style-1 .btn-nmc{font-size: 15px; min-height: 42px;}
  
  .section-3 .pricing .panel .details-pricing {    font-size: 16px;}

  .page-action:before,
  .page-action:after,
  .page-login:before,
  .page-login:after,
  .page-sign-up:before,
  .page-sign-up:after{
    background-size: 65%;
  }
  

}
 
/* Landscape phones and down */
@media screen and (max-width: 479px) {
  #headerwrap h1{font-size: 24px;}
 }


@media only screen and (max-width: 480px) {
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.80);
        -webkit-transform:scale(0.80);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

#spartez-support-chat-container .support-chat-icon,
#spartez-support-chat-container .spartez-support-chat-container .top-header,
#spartez-support-chat-container .chats-list button.new-conversation{background-color: #0074e0 !important;}