/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9.2
 * Author: @htmlstream and Kola Travel
 * Website: http://htmlstream.com
*/
/* ======================= Overwrite Bootstrap 3 ========= */
.container {padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;} /* was 10 10 auto auto */
.content {padding-top: 10px;}	 /* was 40 */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px 5px;}
.text-warning{color:#ff9207}a.text-warning:focus,a.text-warning:hover{color:#ba8b00}.text-danger{color:#dc3545}a.text-danger:focus,a.text-danger:hover{color:#a71d2a}
/* ======================= End Overwrite right padding Bootstrap 3 ===== */
* {border-radius: 0;}
html {scroll-padding-top: 40px; /* height of sticky header */}
html, body {font-size: 16px;-webkit-transition: background-color 800ms ease;transition: background-color 800ms ease;}
@media (max-width: 511px) {
html, body { font-size: 16px;}
}
@media (min-width: 512px) {
html, body { font-size: 16px;}
}
@media (min-width: 912px) {
html, body { font-size: 14px;}
}
p,
li,
li a,
label { color: #555; font-weight: 400;}
a { color: #72c02c; text-decoration: none;}
a,
a:focus,
a:hover,
a:active,
button,
button:hover {outline: 0 !important;}
a:focus {text-decoration: none;}
a:hover { color: #72c02c; text-decoration: underline;}
/*Boxed Layout
------------------------------------*/
.wrapper {background: tranperant;width: 100%;}

.boxed-layout {padding: 0;box-shadow: 0 0 5px #ccc;margin-left: auto !important;margin-right: auto !important;background: url(../img/patterns/15.png) repeat;}

/*Hiding arrows for select field in IE*/
select::-ms-expand {display: none;}
/*! @import assets/css/app.css */
h1{font-size:2rem;line-height:1.25;}
h2{font-size:1.75rem;line-height:1.25;}
h3{font-size:1.5rem;line-height:1.25;}
h4{font-size:1.25rem;line-height:1.25;}
h5{font-size:1rem;line-height:1.20;}
h6{font-size:0.75rem;line-height:1.20;}
h1,h2,h3,h4,h5{color:#555;margin-top:5px;text-shadow:none;font-weight:normal;font-family:"Open Sans", Arial, sans-serif;}
h4 i,h5 i{margin-right:5px;}
.headline{display:block;margin:10px 0 25px 0;border-bottom:1px dotted #e4e9f0;}
/*.headline h2{font-size:120%;}*/
.headline h2,.headline h3{margin:0 0 -2px 0;padding-bottom:5px;display:inline-block;border-bottom:2px solid #72c02c;}
.dropdown-menu,.navbar-toggle{border-radius:0;}
blockquote{font-size:1rem;padding:5px 15px;border-left-width:2px;}
/*blockquote p{font-size:14px;font-weight:400;}*/
blockquote:hover{border-color:#72c02c;transition:all 0.4s ease-in-out;}
blockquote.bq-green{border-color:#72c02c;}
.partner-page {margin-top: 10px;margin-bottom: 50px;padding-bottom: 30px;border-bottom: solid 1px #eee;}
.panel,.panel-heading,.panel-group .panel{border-radius:0;}
.panel-heading{color:#fff;padding:5px 15px;}
.panel .table{margin-bottom:0;}
.panel-title{font-size:1rem;}
.content{padding-top:40px;padding-bottom:40px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-left-10 { margin-left: 10px;}
.margin-left-20 { margin-left: 20px;}
.margin-right-10 { margin-right: 10px;}
.margin-right-20 { margin-right: 20px;}
.padding-top-60{padding-top:60px;}
.color-green{color:#72c02c;}
/*! @import assets/css/blocks.css */
.breadcrumbs{overflow:hidden;padding:10px 0 6px;border-bottom:solid 1px #eee;background:/assets/img/patterns/breadcrumbs.png) repeat;}
.breadcrumbs h1{color:#666;font-size:22px;margin-top:8px;}
.breadcrumb{top:10px;z-index:1;padding-right:0;background:none;position:relative;}
.breadcrumb a{color:#777;}
.breadcrumb li.active,.breadcrumb li a:hover{color:#72c02c;text-decoration:none;}
@media (max-width: 550px){
.breadcrumbs h1.pull-left,.breadcrumbs ul.pull-right{width:100%;text-align:center;}
.breadcrumbs h1.pull-left{margin-bottom:0;}
.breadcrumbs .breadcrumb{top:0;margin-bottom:10px;}
}
.ls-ct-half,.ls-ct-center{border-radius:100px!important;}
.acc-v1 .panel-heading{padding:0;box-shadow:none;}
.acc-v1 .panel-heading a{display:block;padding:5px 15px;background:#f5f5f5;}
.footer-logo{margin:17px 0 20px;}
.link-list li{border-top:solid 1px #353535;}
.link-list li:first-child{border-top:none!important;}
.link-list a{color:#eee;font-size:80%;padding:6px 0px;display:inline-block;text-transform:uppercase;}
.link-list li i{color:#bbb;float:right;margin-top:10px;margin-right: 10px;}
.who li{margin-bottom:6px;}
.who li i{color:#72c02c;font-size:13px;min-width:15px;margin-right:8px;text-align:center;position:relative;}
.who li:hover i,.who li:hover a{color:#777;}
.who li:hover a:hover{text-decoration:none;}
.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:hover,.btn-u:focus,.btn-u:active{background:#5fb611;}
.btn-u.btn-u-orange{background:#e67e22;}
.btn-u.btn-brd:hover {color: #fff;background:#72c02c;border: solid 1px #555;}
.rounded-2x {border-radius: 10px !important;}
/*! @import assets/css/plugins.css */
#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:-2px;left:8.5px;content:"\f106";position:absolute;text-align:center;font-family:FontAwesome;}
#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;}

/*! ---------------------------------------------------------------------------------
 * Addition on Bootstrap; to make rowlink possible.
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */

.table.rowlink td:not(.rowlink-skip),
.table .rowlink td:not(.rowlink-skip) {cursor: pointer;}
.table.rowlink td:not(.rowlink-skip) a,
.table .rowlink td:not(.rowlink-skip) a {font: inherit;color: inherit;text-decoration: inherit;}
.table-hover.rowlink tr:hover td,
.table-hover .rowlink tr:hover td {background-color: #cfcfcf;}
/*! --------------------------------------------------------------------------------- */

/* ======================= Only for on mobile phones =============== */
/*	acc-v2 is used for accordions which collapses depending on screen size */
.acc-v2 .panel {border:none; -webkit-box-shadow:none; box-shadow:none;} /* for hiding borders on top and borders of panel */
.acc-v2 .panel-default>.panel-heading {color: #333;border-color: #ddd;}
.acc-v2 .panel-heading{box-shadow:none;}
.acc-v2 .panel-heading a{display:block;padding:5px 15px;background:#e4e9f0;border:1px solid #ddd;}
.acc-v2 .headline {display:block;border-bottom: 1px dotted #e4e9f0;}
.acc-v2 a.headline {display:block;margin:0px;border-bottom: 1px dotted #e4e9f0;}

/* visible-xxs and hidden-xxs are added by FdW to support smaller devices than 768px wide. Bootstrap goes not smaller the 768px */

@media (max-width: 511px) {
	.panel-body {padding: 15px 0px;}		/* ----- to override bootstrap for width portfolio -------- */
	.headline h2,.headline h3 {padding-left: 0px;}
	.accordion-menu, #emailForm, .visible-xxs {display: block;}
	.breadcrumbs, .portfolio-all, .slideShow, .accordion-menu .headline, .hidden-xxs {display: none !important;}
	.topmenu ul > li.mobile-visible {display:inline-block;}		/* switch for contact-us page or email form in footer */
	.topmenu ul > li.mobile-hidden {display:none;}
	.extra_content {display: none;}		/* switch for read more/less in combination with javascript */
	#read_more {display: block;}
	.row .mobile-hidden{display: none;}	/* to hide the thumbmail bar in bootstrap slider */
}
.read_more{display: none;}		/* switch for read more/less in combination with javascript */
a.read_more{font-size: 90%; color: blue; text-decoration: none;}
.show_more{display: block!important;}

@media (min-width: 512px) {
	.accordion-menu, #emailForm, .visible-xxs {display: none;}
	.breadcrumbs, .portfolio-all, .slideShow, .hidden-xxs {display: block;}
	.topmenu ul > li.mobile-visible {display:none;}		/* swith for contact-us page or email form in footer */
	.topmenu ul > li.mobile-hidden {display:inline-block;}
	.acc-v2 .div-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important; }
	.row .mobile-hidden{display: block;}	/* to show the thumbmail bar in bootstrap slider */
}
/* ======================= Hamburger menu on small media =============== */

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle {border: none;}
.navbar-toggle span.icon-bar {transition: all 0.15s;}
.navbar-toggle span:nth-child(2) {transform: rotate(45deg);transform-origin: 10% 10%;}
.navbar-toggle span:nth-child(3) {opacity: 0;}
.navbar-toggle span:nth-child(4) {transform: rotate(-45deg);transform-origin: 10% 90%;}
.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {transform: rotate(0);}
.navbar-toggle.collapsed span:nth-child(3) {opacity: 1;}

/* ======================= End Hamburger menu ========================== */
/* =======================-Social links ========================== */
a.socio {display: inline-block;position: relative;vertical-align: middle;width: 25px;height: 25px;border-radius: 50%;background-clip: content-box;padding: 0px;transition: .5s;color: #D7D0BE;margin-left: 0px;margin-right: 5px;font-size: 14px;}
a.socio span {display: block;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
a.socio:hover {padding: 0px;color: white;margin-left: 0px;margin-right: 0px;font-size: 20px;transform: translateX(0px) rotate(360deg);}
a.socio.instagram {background: #f09433;background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );color: white;}
a.socio.vk {background: #4c75a3;color: white;}
a.socio.facebook {background: #3B5998;color: white;}
a.socio.whatsapp {background: #25d366;color: white;}
.footer-v1 .email,
.footer-v1 .skype,
.footer-v1 .whatsapp {color: #eee;}
/* ======================= End Social links ========================== */
/* ========================= Carousel BS3 ============================ */
.list-inline {text-align: center;}
.list-inline > li {margin: 10px 5px;padding: 0;}
.list-inline > li:hover {cursor: pointer;}
.list-inline .selected img {opacity: 1;border-radius: 15px;}
.list-inline img {height: 50px;opacity: 0.5;transition: all .5s ease;}
.list-inline img:hover {opacity: 1;}
.item > img {max-width: 100%;height: auto;display: block;}
.carousel-control.left, .carousel-control.right {background: none !important; filter: progid: none !important; outline: 0; }	/* overrules lineair-gradient on sides of slide show */
/* ======================= End Carousel BS3 ========================== */
/* ======================== contact Form ============================= */
.contactForm section {margin-bottom: 20px;}
.contactForm footer {display: block;padding: 15px 30px 25px;border-top: 1px solid rgba(0,0,0,.1);background: rgba(248,248,248,.9);color:white;}
.contactForm footer:after {content: '';display: table;clear: both;}
.contactForm .label {display: block;margin-bottom: 6px;line-height: 19px;font-weight: 400;}
.contactForm .input, .contactForm .select, .contactForm .textarea, .contactForm .radio, .contactForm .checkbox, .contactForm .toggle, .contactForm .button,
.requestForm .input, .requestForm .select, .requestForm .textarea, .requestForm .radio, .requestForm .checkbox, .requestForm .toggle, .requestForm .button {position: relative;display: block;color: #aaa;}
.contactForm .icon-append,
.requestForm .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;}
.requestForm .error,
.contactForm .error,
.footer-v1 .contactForm .error {color: indianred;margin-left: 0px;font-weight: normal;font-size: 15px;font-family: "Open Sans", Arial, sans-serif;}
input[type=text], select, textarea {width: 100%;padding: 6px 5px;border: 1px solid #72c02c;border-radius: 2px;resize: vertical;background: none;font: 15px/23px 'Open Sans', Helvetica, Arial, sans-serif;/*color: #ccc;appearance: normal;-moz-appearance: none;-webkit-appearance: none;*/}
input::placeholder, textarea::placeholder {color: #aaa;}
label input[type=checkbox] {margin: 0px 5px 0px 0px;/*-T-R-B-L-*/}
input.no-border {border: 0px; -webkit-box-shadow: none; box-shadow: none;}
input.no-border:focus-visible {outline: 0;border: 0px; -webkit-box-shadow: none; box-shadow: none;}
.footer-v1 input[type=text], select, textarea {color: #aaa;}
.footer-v1 select option {background: #222;}
fieldset .col-md-4, fieldset .col-md-6, fieldset .col-md-8 {padding-left: 0px; padding-right: 10px;}
form .col-xs-8, form .col-xs-9 {padding-right: 5px; padding-left: 0px;}
form .col-xs-3, form .col-xs-4 {padding-right: 0px; padding-left: 5px;}
/* Change Autocomplete styles in Chrome
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
border: 1px solid indianred;
}*/

@-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 Form=========================== */
/* ======================= Additional on kt-font =============== */
.kt-2x {font-size: 1.2em;}
.kt-3x {font-size: 2.5em;}
.kt-icon-right {right: -2px;position: absolute;top: 50%;transform: translateY(-50%);vertical-align: middle;color: #72c02c;}
.btn-u.btn-brd {color: #555;background: none;padding: 5px 30px 5px 5px;border: solid 1px #72c02c;text-align: center;}	/* Fdw: was padding before: 5px 13px;border: */
.btn-u.btn-brd:hover .kt-icon-right{color: white;}


@media (max-width: 511px) {
	a.accordion-toggle:hover {font-size: 110%;}
	.img-fit {width:100%;height:auto;display:block;} /*  Scale an image to maximally fit available space  */
}

/* --- Extra additions to complete kolatravel template---*/ 
.fontNull {font-size: 0px;}
.reference {color: #72c02c;}

/* ======================== Banner on images =========================== */
.banner-wrapper{position:absolute;z-index:9}
.banner-wrapper .banner{position:relative;color:#fff;padding:2px 22px 2px 12px;float:left;height:24px}
.banner-wrapper .triangle-open{width:0;height:0;border-left:15px solid transparent;border-right:0 solid transparent;border-bottom:24px solid transparent;float:left}
.banner-wrapper .triangle-close{width:0;height:0;border-left:0 solid transparent;border-right:15px solid transparent;border-top:24px solid transparent;float:left}
.banner-wrapper .triangle-after,.banner-wrapper:after{width:0;opacity:.5;height:0;border-left:15px solid transparent;border-right:0 solid transparent;border-top:9px solid transparent;position:absolute;top:24px;left:0}
div.pull-left{float:left!important}
div.image-banner{position:relative;width:100%;}
div.image-banner .banner-wrapper{left:-15px;top:-7px;font-weight:600}
/* ================== For Offer block on program pages====================--- */
.price {font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;font-size: 48px;font-stretch: ultra-condensed;}
.price b {font-size: 60%;}
.promotion {background: #eee;border: 1px solid #ccc;text-align: center;height: 230px;padding: 0px;}
/* ================== For cashback block on program pages====================--- */
.cashBack {background: none;border-top: 1px solid #72c02c;border-right: 1px solid #72c02c;border-bottom: 1px solid #72c02c;text-align: center;min-height: 120px;padding: 10px;}
.cashBack .btn-u.btn-brd {color: #555;background: #eee;padding: 5px 13px;border: solid 1px #72c02c;}
.cashBack .btn-u.btn-brd:hover {color: #fff;background:#72c02c;border: solid 1px #555;}
/* ------------- For message page like 404--- */
.message-container {background-image: url('../../assets/img/blur/img2.jpg');background-repeat: no-repeat;background-attachment: fixed;background-size: cover;text-align: center;padding-bottom: 50px;}
.message-container h2 {font-size: 100px;line-height: 200px;padding-bottom: 10px;color: #eee;}
.message-container h3 {font-size: 25px;margin-bottom: 10px;color: #eee;}
.message-container h4 {font-size: 20px;margin-bottom: 10px;color: #eee;}
.message-container p {font-size: 15px;margin-bottom: 10px;color: #eee;}
.message-smiley {background-image: url('../../img/template/smiley-oops.png');background-repeat: no-repeat;background-position: center center;height: 300px;}
.message-direction-pole {background-image: url('../../img/template/Traffic-direction-sign-KT.png');background-repeat: no-repeat;background-position: center center;height: 100px;}
.message-alternative {display: block;width: 75%;padding: 20px 30px;text-align: center;margin-left: auto;margin-right: auto;background: rgba(200,2200,200,0.2);}
/* to overrule margin in font-awesome.min.css */
.fa-ul {margin-left: 1.6em;}
.footer .fa-ul>li {color: #ccc;}
/*  */
.hover-effect{transition:all 0.4s ease-in-out;}
.thumbnail-style{padding:7px;margin-bottom:20px;}
.thumbnail-style:hover{box-shadow:0 0 8px #ddd;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
.thumbnail-style .thumbnail-img{position:relative;margin-bottom:11px;}
.thumbnail-style a.btn-more{right:-10px;bottom:10px;color:#fff;padding:1px 6px;position:absolute;background:#72c02c;display:inline-block;}
.thumbnail-style a.btn-more:hover{text-decoration:none;box-shadow:0 0 0 2px #5fb611;}
.thumbnail-style:hover a.btn-more{right:10px;}
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {max-width: none;}
.map-box {height: 250px;}
.map-box-space {margin-top: 15px;}
.map-box-space1 {margin-top: 7px;}