﻿/*! CSS Used from: http://greencard.kolatravel.com.local/assetsB3/css/app.css */
*{border-radius:0;}
html {scroll-padding-top: 40px; /* height of sticky header */}
html,body{width:100%;height:100%;font-size:14px;line-height:1.6;-webkit-transition:background-color 800ms ease;transition:background-color 800ms ease;}
h2{font-size:24px;line-height:33px;}
h3{font-size:20px;line-height:27px;}
h4{font-size:18px;line-height:26px;}
h2,h3,h4{color:#555;margin-top:5px;text-shadow:none;font-weight:normal;font-family:"Open Sans", Arial, sans-serif;}
.dropdown-menu,.navbar-toggle{border-radius:0;}
.btn-u{border:0;color:#fff;font-size:14px;cursor:pointer;font-weight:400;padding:6px 13px;position:relative;background:#72c02c;white-space:nowrap;display:inline-block;text-decoration:none;}
.btn-u:hover{color:#fff;text-decoration:none;transition:all 0.3s ease-in-out;}
.btn-u-lg,a.btn-u-lg{font-size:18px;padding:10px 25px;}
.btn-u:hover,.btn-u:focus,.btn-u:active{background:#5fb611;}
.btn-u.btn-u-red{background:#e74c3c;}
.btn-u.btn-u-red:hover,.btn-u.btn-u-red:focus,.btn-u.btn-u-red:active{background:#c0392b;}
.btn-u-upper{text-transform:uppercase;}
.btn-u-lg.btn-u-upper,a.btn-u-lg.btn-u-upper{font-size:12px;font-weight:bold;}
.btn-transp{color:#fe6466;font-size:14px;line-height:14px;font-weight:700;font-style:normal;padding:10px 20px;text-decoration:none;background-color:rgba(0, 0, 0, 0);border-color:#fe6466;border-style:solid;border-width:2px;border-radius:0px 0px 0px 0px;text-align:left;letter-spacing:1px;}
.btn-at-bottom {position: absolute;top: 106%;left: 50%;transform: translateY(-50%) translateX(-53%);}
.rounded-x{border-radius:50%!important;}
.footer-logo{margin:17px 0 20px;}
/*! CSS Used from: http://greencard.kolatravel.com.local/assetsB3/plugins/animate.css */
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
/*! CSS Used from: http://greencard.kolatravel.com.local/assetsB3/css/agency.style.css */
a.reference{color:yellow;text-decoration:none;}
a,a:focus,a:hover,a:active{outline:0;}
a:focus{text-decoration:none;}
a:hover{color:blue;text-decoration:underline;}
::-moz-selection{color: #fff;background: #e74c3c;}
::selection{color:#fff;background:#e74c3c;}
.g-pt-45{padding-top:45px;}
.g-pt-80{padding-top:80px;}
.g-pb-30{padding-bottom:30px;}
.g-mt-20{margin-top:20px;}
.g-mt-30{margin-top:30px;}
.g-mt-35{margin-top:35px;}
.g-mt-50{margin-top:50px;}
.g-mt-100{margin-top:100px;}
.g-mt-140{margin-top:140px;}
.g-mb-15{margin-bottom:15px!important;}
.g-mb-25{margin-bottom:25px!important;}
.g-mb-30{margin-bottom:30px!important;}
.center-icon{text-align:center;}
i.icon-border-v3{border:10px solid #f8f8f8;padding: 20px;}
i.icon-border-v3:hover {border-color: #e74c3c;color: #e74c3c;}
.navbar-brand > img{width:170px;}
.why-we{position:relative;overflow:hidden;}
.g-heading-v7 h2,.g-heading-v7 .h2{text-transform:uppercase;font-size:40px;font-weight:600;position:relative;padding-bottom:40px;margin-bottom:40px;color:#383339;}
.g-heading-v7 .h2 .block-name{font-size:12px;font-style:normal;display:block;color:#fe6466;margin-bottom:20px;}
.g-heading-v7 .h2:after{content:"";display:inline-block;width:70px;height:10px;background:#fe6466;position:absolute;left:0;bottom:0;}
.g-heading-v7 h3{text-transform:uppercase;font-size:26px;font-weight:600;margin-bottom:25px;color:#383339;}
.g-heading-v7 h4{text-transform:uppercase;font-size:14px;font-weight:600;line-height:auto;margin:0;color:#383339;}
.g-heading-v7 h5{text-transform:uppercase;font-size:11px;font-weight:600;line-height:auto;margin:0;color:#383339;}
.one-page-header{border-bottom:none;background:#222;margin-bottom:0;}
.one-page-header .navbar-brand{padding:10px 15px;height:auto;}
.one-page-header .navbar-toggle:hover,.one-page-header .navbar-toggle:focus{background:none;}
.one-page-header .container{position:relative;}
.one-page-header .navbar-nav > li > a{color:#383339;font-size:11px;text-transform:uppercase;padding:0 15px;font-weight:bold;overflow:hidden;position:relative;}
.one-page-header .navbar-nav > li > a span[data-hover]{color:#ddd;position:relative;display:inline-block;transition:transform .4s;}
.one-page-header .navbar-nav > li > a span[data-hover]:before{position:absolute;top:100%;font-weight:bold;color:#e74c3c;content:attr(data-hover);transform:translate3d(0, 0, 0);transition:color .4s;}
.one-page-header .navbar-nav > li > a:hover span[data-hover]{transform:translate3d(0, -100%, 0);font-weight:bold;}
.one-page-header .dropdown-menu{border:none;background:rgba(0,0,0,.5);;box-shadow:none;float:none;}
.one-page-header .dropdown-menu li > a:hover{background:none;color:#72c02c;filter:none!important;transition:all 0.1s ease-in-out;}
.one-page-header .dropdown-menu li > a:focus{background:none;color:#72c02c;filter:none!important;}
.one-page-header.navbar-default .navbar-toggle .icon-bar{background:#fe6466;}
.one-page-header.navbar-default .navbar-toggle:hover .icon-bar{background:#e74c3c;}
.one-page-header .navbar-nav > .active > a span[data-hover], 
.one-page-header .navbar-nav > .open > a span[data-hover], 
.one-page-header .navbar-nav > .active > a:hover span[data-hover], 
.one-page-header .navbar-nav > .active > a:focus span[data-hover], 
.one-page-header .dropdown-menu > .active > a span[data-hover], 
.one-page-header .dropdown-menu > .active > a:hover span[data-hover], 
.one-page-header .dropdown-menu > .active > a:focus span[data-hover] {color: yellow;transform: translate3d(0, 0, 0);}
.one-page-header .navbar-nav a.dropdown-toggle{color:#777!important;}
.chess-about-us{color:#fff;position:relative;overflow:hidden;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #222;} /* override bootstrap */
.chess-about-us-item{width:50%;float:left;min-height:1px;position:relative;}
.chess-about-us-item{background:#3e393f;position:relative;transition:all .3s ease-in-out;}
.chess-about-us-item--dark{background:#383339;}
.chess-about-us-item:hover{background:#e74c3c;}
.chess-about-us-item:hover:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(231,76,60,.9);}
.chess-about-us-inner{float:left;z-index:2;position:relative;padding:15px;text-align:left;}
.chess-about-us h3{color:#fff;text-transform:uppercase;font-size:18px;font-weight:600;line-height:auto;}
.chess-about-us-item p{opacity:.5;}
.chess-about-us-item:hover p{opacity:1;}
.contacts-v4-info{color:#fff;padding-top:60px;padding-bottom:80px;text-align:center;background:#3e393f;}
.contacts-v4-info--dark{background:#383339;}
.contacts-v4 em{font-style:normal;display:block;text-transform:uppercase;color:#89848a;font-size:11px;line-height:1;margin-bottom:10px;}
.contacts-v4 strong{font-size:16px;line-height:1;}
.contacts-v4 a{color:#fff;}
/*! CSS Used from: Embedded */
.menu-container button{background-color:transparent;border:none;color:red;/*padding:0;*/text-align:center;text-transform:uppercase;font-size:12px;/*margin:0;*/transition-duration:0.4s;cursor:pointer;}
.fixed{position:fixed;padding-left:5px;}
#Main,#Contact{background:lightgrey;}
#Quote{background:whitesmoke;}
#Services{background:lightcyan;} 
#About{background:#c8e8fd;}
#Quote h3{font-size:1.5rem;line-height:1.25;}
#Quote h3{color:#555;text-transform:none;margin-top:;margin-bottom:10px;}
#Footer-v9{background:#222;position: relative;}
#Footer-v9 h2, #Footer-v9 h3, #Footer-v9 p {color:#a49da6;}
#Footer-v9 h4, #Footer-v9 input[type=text], #Footer-v9 select, #Footer-v9 textarea, #Footer-v9 label {color: #aaa;font-weight: 400;}
#Footer-v9 .contactUs label.error {color: indianred; margin-left: 0px;font-weight: normal;font-size: 15px;font-family: "Open Sans", Arial, sans-serif;}
#Footer-v9 select option {background: #222;}
.color-red{color:#fe6466;}
.color-u{color:#72c02c;}
.color-blue{color:#00aff0;}
.color-white{color:#fff;}
.promo li{font-size:1.5em;color:#383339;}
.bgimg-1{background-image:url(/img/greencard9.jpg);min-height:1080px;position:relative;background-attachment:fixed;background-position:center 50px;background-repeat:no-repeat;background-size:cover;}
.promo{padding-top:50px;}
.out-of-office{display:inline-block;max-width:330px;padding-top:40px}
.row.display-flex {display: flex;flex-wrap: wrap;background:#c8e8fd;}
.fontNull{font-size:0px;}
/* ======================= Additional on kt-font =============== */
.kt-icon-right {right: -2px;position: absolute;top: 50%;transform: translateY(-50%);vertical-align: middle;color: #72c02c;}
.kt-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none;}
.kt-ul>li{position:relative;}
.kt-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center;}
.kt-1x {font-size: 1.3em;}
.kt-2x {font-size: 2em;}
.kt-3x {font-size: 3em;}
.kt-4x {font-size: 4.5em;}
/* ======================= End Additional on kt-font =============== */
/* ======================= contact Form ================================ */
.contactUs .input,
.contactUs .select,
.contactUs .textarea,
.contactUs .radio,
.contactUs .checkbox,
.contactUs .toggle,
.contactUs .button {position: relative;display: block;color:#aaa;}
.contactUs .icon-append {position: absolute;top: 5px;width: 29px;height: 29px;font-size: 15px;line-height: 29px;text-align: center;right: 5px;padding-left: 3px;border-left-width: 1px;border-left-style: solid;}
/*.contactUs .error {color: indianred; margin-left: 0px;font-weight: normal;font-size: 15px;font-family: "Open Sans", Arial, sans-serif;}
*/
input[type=text], input[type=file], select, textarea {width: 100%;padding: 6px 10px;border: 1px solid #72c02c;border-radius: 2px;background: none;font: 15px/23px 'Open Sans', Helvetica, Arial, sans-serif;/*color: #ccc;*/}
input[type=text], input[type=file], select {height:37px;}
input::placeholder, textarea::placeholder {color: #aaa;}
label {display: block;margin-bottom: 6px;line-height: 23px;font-weight: 400;width: 100%;}
/* ======================= Multi step form =============== */
.multiForm .tab{display:none;}
.multiForm .current{display:block;}
/* Make circles that indicate the steps of the form: */
.multiForm .step{height:50px;width:50px;cursor:pointer;margin:0 2px;color:#fff;background-color:#bbbbbb;border:none;border-radius:50%;display:inline-block;opacity:0.8;padding:10px 5px 5px 5px;}
.multiForm .step.active{opacity:1;background-color:#69c769;}
.multiForm .step.finish {background-color: #4CAF50;}
.multiForm .col-md-4 {margin-bottom: 15px;}
.multiForm label {font-weight: normal;}
.multiForm label.toggle {margin-top: 5px;}
.multiForm label.error {color: red;font-size: 14px;}
.multiForm .buttons {overflow:auto;float:right; margin-top: 5px;margin-bottom: 15px;}
.multiForm .form-top-left{margin:0px 0px 15px 15px;}
/* ======================= End Multi step form =============== */
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto;}
button,button:hover{outline:0!important;}
#topcontrol{color:#fff;z-index:99;width:30px;height:30px;font-size:20px;background:#72c02c;position:relative;right:14px!important;bottom:11px!important;border-radius:3px!important;}
#topcontrol:after{top:-1px;left:5.5px;content:"\ea41";position:absolute;text-align:center;font-family:kolatravel;}
#topcontrol:hover{color:#fff;background:#222;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/* ======================= Align vertical middle two elements ================= */
.flex-item label {margin-top: 5px;}
.flex-container {display: flex;flex-flow: row wrap;align-items: baseline;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
/* ======================= Contact and Multi Form=============== */
@-webkit-keyframes autofill {0%,100% { color: #eee; background: transparent;}}
input:-webkit-autofill {-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
.thanks h3, .thanks h4 {text-align: center;color: #72c02c;}
.thanks h3 {font-weight: bold;}
.thanks img {display: block;margin-left: auto;margin-right: auto;}
.alert h4,.alert p {color:red!important;}
/* ======================= End contact and Multi Form=========== */
/* ========================== Accordion ======================== */
.panel-group .panel+.panel {margin-top: 0px;}
.panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 0px;}
.panel-group .panel{margin-bottom:0;border:none;border-radius:0px;}
.panel-default>.panel-heading {padding-left:35px;background-color: inherit;border: none;color:#ddd;}
.panel-default.faq1,.panel-default.faq3,.panel-default.faq5,.panel-default.faq7,.panel-default.faq9,.panel-default.faq11{background:#4765a0;color:#ddd;}
.panel-default.faq0,.panel-default.faq2,.panel-default.faq4,.panel-default.faq6,.panel-default.faq8,.panel-default.faq10,.panel-default.faq12{background:#4765a0;;color:#ddd;}
.panel-heading {position: relative;}
.panel-heading[data-toggle=collapse]:after {font-family: 'Glyphicons Halflings';content: "\2212";position: absolute;color: #ddd;font-size: 0.7em;line-height: 22px;left: 10px;top: 11px;}
.panel-heading[data-toggle=collapse].collapsed:after {font-family: 'Glyphicons Halflings';content:"\2b";}
.panel-body {padding-left:35px;}
h4.panel-title{font-size: 1.1em;color:#ddd;text-transform: none;font-weight: 600;}

/* ======================== End Accordion ====================== */
/* ================= WhatsApp and contactForm toggle =========== */
:root{--bg:transparent;--btn-bg-inactive:#ddd;--btn-bg-active:#72c02c;--btn-fa-inactive:black;--btn-fa-active:green;--border:#000;--border-w:1px;--btn-thumb:#EDF2F4;--btn-w:4rem;--btn-f:calc(var(--btn-w) / 6.5);--btn-h:calc(var(--btn-w) / 2.5);}
.wa-toggle, .ht-toggle{display:flex;background:var(--bg);}
.btn-toggle{font-family:kolatravel;font-size:var(--btn-f);width:fit-content;display:flex;justify-content:flex-start;align-items:center;position:relative;}
.btn-toggle input{display:none;}
.toggle{box-sizing:content-box;width:var(--btn-w);height:var(--btn-h);padding:var(--gap);border:var(--border-w) solid var(--border);border-radius:var(--btn-w);background:var(--btn-bg-inactive);cursor:pointer;position:relative;font-weight:normal;transition:background 0.3s;}
.wa-toggle .toggle::after{content:"\ea93";font-size:1.8em;color:var(--btn-fa-inactive);padding:0em 0em 0em 2.2em;}.toggle::before{content:'';box-sizing:border-box;position:absolute;left:var(--gap);width:var(--btn-h);height:var(--btn-h);border:var(--border-w) solid var(--border);border-radius:50%;background:var(--btn-thumb);transition:transform 0.3s;}
[id^="whatsapp"]:checked + .toggle::after{content:"\ea93";font-size:1.8em;padding:0em 0em 0em 0.25em;color:var(--btn-fa-inactive);}
[id^="whatsapp"]:checked + .toggle::before{content:"\e907";font-size:1.8em;padding:0em 0em 0em 0.15em;color:var(--btn-fa-active);transform:translateX(calc(var(--btn-w) - var(--btn-h)));}
[id^="whatsapp"]:checked + .toggle{background:var(--btn-bg-active);}
.ht-toggle .toggle::after{content:"YES";font-size:1.8em;color:var(--btn-fa-inactive);padding:0em 0em 0em 1.5em;}
[name^="btnOptions"]:checked + .toggle::after{content:"NO";font-size:1.8em;padding:0em 0em 1em 0.25em;color:var(--btn-fa-inactive);}
[name^="btnOptions"]:checked + .toggle::before{content:"";font-size:1.8em;padding:0em 0em 0em 0.15em;color:var(--btn-fa-active);transform:translateX(calc(var(--btn-w) - var(--btn-h)));}
[name^="btnOptions"]:checked + .toggle{background:var(--btn-bg-active);}

/* ============== End WhatsApp and contactForm toggle =========== */
@media (max-width: 767px)	{
	.one-page-header .menu-container:before,.one-page-header .menu-container:after{content:" ";display:table;}
	.one-page-header .menu-container:after{clear:both;}
	.one-page-header .navbar-brand{padding:24px 0px;}
	.one-page-header .navbar-toggle{display:block;margin:20px 0 5px;}
	.one-page-header .navbar-collapse{padding:0;}
/*	.one-page-header .navbar-collapse.collapse{display:none!important;}	*/
	.one-page-header .navbar-nav{margin:0;float:none!important;top:0;padding:10px 0;}
	.one-page-header .navbar-nav > li{float:none;}
	.navbar-default .navbar-nav > li > a{padding:5px 0;}
	.navbar-default .navbar-nav > li > a::before{content:'';}
	.one-page-header .navbar-nav > li > a span[data-hover]:before{content:"";display:none;top:0;}
	.one-page-header .navbar-nav > li > a:active span[data-hover]{color:#e74c3c;}
	.one-page-header .navbar-nav > li > a:hover span[data-hover]{transform:translate3d(0, 0, 0);transition:color .3s;color:#e74c3c;font-weight:bold;}
	.one-page-header .dropdown-menu{position:relative;}
	.one-page-header .dropdown-menu a{color:#ddd!important;padding:10px 20px;background:none!important;}
	.one-page-header .dropdown-menu a:hover{color:#72c02c!important;}
	.one-page-header .navbar-nav{padding-left:15px;}
	.one-page-header .navbar-nav > li > a:before{content:"";}
	.chess-about-us-item,.chess-about-us-inner{width:100%;}
	.chess-about-us-inner--left{text-align:left;}
	.chess-about-us-inner--left,.chess-about-us-inner--right{padding:30px 15px;}
	.chess-about-us-item--1,.chess-about-us-item--3,.chess-about-us-item--5,.chess-about-us-item--7,.chess-about-us-item--9{background:#4765a0;}
	.chess-about-us-item--2,.chess-about-us-item--4,.chess-about-us-item--6,.chess-about-us-item--8,.chess-about-us-item-10{background:#2f2a5d;}
	.equal-height-column{height:auto!important;}
}
@media (min-width: 768px)	{
	.one-page-header .navbar-nav{padding:0;position:relative;top:22px;}
	.one-page-header.navbar{padding:4px 0;transition:background .3s ease-in-out,padding .3s ease-in-out;}
	.one-page-header.navbar .navbar-nav{float:right;}
	.one-page-header .dropdown-menu{padding-top:35px;min-width:130px;border-radius:0;z-index:9999!important;top:100%;}
	.one-page-header .navbar-nav > li.dropdown:hover > .dropdown-menu{display:block;}
	.one-page-header .dropdown-menu > li{background:none);}
	.one-page-header .dropdown-menu > li:first-child{padding-top:15px;}
	.one-page-header .dropdown-menu > li:last-child{padding-bottom:15px;}
	.one-page-header .dropdown-menu > li > a{color:#fff;font-size:13px;font-weight:400;padding:5px 15px 5px 25px;}
	.one-page-header .navbar-nav{padding:0;position:relative;top:-35px;}
	.chess-about-us-item--1,.chess-about-us-item--4,.chess-about-us-item--5,.chess-about-us-item--8,.chess-about-us-item--9{background:#4765a0;}
	.chess-about-us-item--2,.chess-about-us-item--3,.chess-about-us-item--6,.chess-about-us-item--7,.chess-about-us-item-10{background:#2f2a5d;}
}
@media (max-width: 511px)	{
	html,body{font-size:1.1em;}
	.g-heading-v7 h2,.g-heading-v7 .h2{font-size:30px;padding-bottom:30px;}
	.g-heading-v7 .h2:after{height:7px;}
	.promo li{font-size:1.1em;text-shadow: 2px 2px #fff;}
	.out-of-office{text-shadow: 2px 2px #fff;}
}