/**
 * Copyright (c)2016 CV. Graha Media Nusantara (http://www.gramedusa.com)
 * Site Style SimMate v.1.2
 *
 * Designer : Alfian
 * Author : Yoga
 *
 */

/**
[Table of contents]
 *
 * 01 - Reset Styles
 * 02 - Global Setting
 * 03 - Layouts
 * 04 - UI JQuery
 * 05 - Popup Box & Message Box
 * 06 - Bootstrap Tabs
 * 07 - Flight Reservation Component
 * 08 - Pricing Box
 * 00 - CSS Animations
 * XX - Blogs
 * XX - 404 Pages
 * XX - Article Purpose
 * XX - Media Queries
 * XX - Other Js
 *
 */

@import url(//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700%7CDancing+Script%7CMontserrat:400,700%7CMerriweather:400,300italic%7CLato:400,700,900);

/**
  01 - Reset Styles
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; /*font-size: 100%; font: inherit;*/ vertical-align: baseline;}
body{font-family: 'lato', sans-serif; font-weight: 400; font-size: 14px; line-height: 1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
blockquote footer:before, blockquote footer:after{display: none;}
body *{-webkit-text-size-adjust: none;}
.clear{clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{font-family: 'lato', sans-serif; font-weight: 300; -webkit-appearance: none; border-radius: 0;}
p{margin-bottom: 10px; line-height: 1.5;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
a{color: inherit;}
ul, ol{list-style: none;}
b, strong{font-weight: 600;}
table.full-width{width: 100%;}
hr{border-color: #ebebeb;}
select option{padding: 2px 10px;}
sup{top: 0;*}
sub{bottom: 0;}
dd, dt{font-weight: normal;line-height: 1;}
button[disabled], .button[disabled]{background: #e3e3e3 !important; color: #848484 !important;}

/**
  02 - Global Setting
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12{position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
/*Add Grid System Between Bootstrap col-xs and col-sm*/
@media (min-width: 481px) and (max-width: 767px) {
    .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12{float: left;}

    .col-sms-12 {width: 100%;}
    .col-sms-11 {width: 91.66666667%;}
    .col-sms-10 {width: 83.33333333%;}
    .col-sms-9  {width: 75%;}
    .col-sms-8  {width: 66.66666667%;}
    .col-sms-7  {width: 58.33333333%;}
    .col-sms-6  {width: 50%;}
    .col-sms-5  {width: 41.66666667%;}
    .col-sms-4  {width: 33.33333333%;}
    .col-sms-3  {width: 25%;}
    .col-sms-2  {width: 16.66666667%;}
    .col-sms-1  {width:  8.33333333%;}

    .col-sms-pull-12  {right: 100%;}
    .col-sms-pull-11  {right: 91.66666667%;}
    .col-sms-pull-10  {right: 83.33333333%;}
    .col-sms-pull-9   {right: 75%;}
    .col-sms-pull-8   {right: 66.66666667%;}
    .col-sms-pull-7   {right: 58.33333333%;}
    .col-sms-pull-6   {right: 50%;}
    .col-sms-pull-5   {right: 41.66666667%;}
    .col-sms-pull-4   {right: 33.33333333%;}
    .col-sms-pull-3   {right: 25%;}
    .col-sms-pull-2   {right: 16.66666667%;}
    .col-sms-pull-1   {right:  8.33333333%;}
    .col-sms-pull-0   {right: 0;}

    .col-sms-push-12  {left: 100%;}
    .col-sms-push-11  {left: 91.66666667%;}
    .col-sms-push-10  {left: 83.33333333%;}
    .col-sms-push-9   {left: 75%;}
    .col-sms-push-8   {left: 66.66666667%;}
    .col-sms-push-7   {left: 58.33333333%;}
    .col-sms-push-6   {left: 50%;}
    .col-sms-push-5   {left: 41.66666667%;}
    .col-sms-push-4   {left: 33.33333333%;}
    .col-sms-push-3   {left: 25%;}
    .col-sms-push-2   {left: 16.66666667%;}
    .col-sms-push-1   {left:  8.33333333%;}
    .col-sms-push-0   {left: 0;}

    .col-sms-offset-12  {margin-left: 100%;}
    .col-sms-offset-11  {margin-left: 91.66666667%;}
    .col-sms-offset-10  {margin-left: 83.33333333%;}
    .col-sms-offset-9   {margin-left: 75%;}
    .col-sms-offset-8   {margin-left: 66.66666667%;}
    .col-sms-offset-7   {margin-left: 58.33333333%;}
    .col-sms-offset-6   {margin-left: 50%;}
    .col-sms-offset-5   {margin-left: 41.66666667%;}
    .col-sms-offset-4   {margin-left: 33.33333333%;}
    .col-sms-offset-3   {margin-left: 25%;}
    .col-sms-offset-2   {margin-left: 16.66666667%;}
    .col-sms-offset-1   {margin-left:  8.33333333%;}
    .col-sms-offset-0   {margin-left: 0;}
}

/*Pull Columns Reset*/
@media (max-width: 1199px) {
    [class^="col-lg-"].pull-left, [class^="col-lg-"].pull-right, [class*=" col-lg-"].pull-left, [class*=" col-lg-"].pull-right{float: none !important;}
}
@media (max-width: 991px) {
    [class^="col-md-"].pull-left, [class^="col-md-"].pull-right, [class*=" col-md-"].pull-left, [class*=" col-md-"].pull-right{float: none !important;}
}
/*
@media (max-width: 767px) {
    [class^="col-sm-"].pull-left, [class^="col-sm-"].pull-right, [class*=" col-sm-"].pull-left, [class*=" col-sm-"].pull-right{float: none !important;}
}
*/

/*Content Block*/
#content-block{position: relative; overflow: hidden;}
#content-block *:last-child{/* */}
#content-block .nopadding {padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
#content-block .content-center, #content-block .position-center{max-width: 1310px; margin: 0 auto; background: none; padding: 0 70px; position: relative;}
#content-block .position-center{background: none;}
#content-block .wide-center{max-width: 1760px; margin: 0 auto; padding: 0 30px;}
@media (min-width: 1200px) {
    #content-block .responsive-menu-toggle-class{display: none!important;}
}
@media (max-width: 1199px) {
    #content-block .content-center, #content-block .position-center{padding: 0 30px;}
    #content-block .boxed-layout .fullwidth-block{margin-left: -30px; margin-right: -30px;}
    #content-block .responsive-menu-toggle-class{display: block;}
    #content-block .responsive-menu-hide-class{display: none!important;}
}
@media (max-width: 991px) {
    /* */
}
@media (max-width: 767px) {
    #content-block .content-center, #content-block .position-center{padding: 0 15px;}
    #content-block .wide-center{padding: 0 15px;}
}
#content-block .information-blocks{margin-bottom: 70px;}
#content-block .sidebar-column .information-blocks{margin-bottom: 40px;}
@media (max-width: 991px) {
    #content-block .information-blocks{margin-bottom: 40px;}
    /*#content-block .sidebar-column .information-blocks{margin-bottom: 20px;}*/
    #content-block .information-entry{margin-bottom: 35px;}
}
.block-title{font-size: 17px; line-height: 24px; color: #2e2e2e; font-weight: 600; padding-bottom: 15px; border-bottom: 1px #ebebeb solid; margin-bottom: 25px;}
.block-title.size-1{font-size: 16px;}
.block-title.size-2{font-size: 18px;}
.block-title.size-3{font-size: 24px; margin-bottom: -1px;}
.block-title.size-4{font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px;}

/*Buttons*/
.btn-group-xs > .btn, .btn-xs, .btn-group-sm > .btn, .btn-sm, .btn-group-md > .btn, .btn-md, .btn-group-lg > .btn, .btn-lg{border-radius: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px;}

.button{font-weight: 600; font-size: 12px; line-height: 14px; color: #373737; text-align: center; letter-spacing: 1.5px; padding: 8px 10px; display: inline-block; margin-bottom: 12px; cursor: pointer; /*min-width: 127px;*/ border: 2px #dadada solid; background: transparent; position: relative;}
.button.full-width{width: 100%;}
.button.style-2{background: #e8e8e8; border-color: #e8e8e8;}
.button.style-9{border-color: rgba(255,255,255,0.5);}
.button.style-1:hover, .button.style-9:hover{background: #fff; border: 2px transparent solid;}
.button.style-2:hover{background: #fff;}
.button.style-3{font-size: 12px; line-height: 16px; font-weight: 700; color: #333232; text-transform: uppercase; background: #f0f0f0; display: inline-block; text-align: center; border: 2px #f0f0f0 solid; padding: 10px 5px; min-width: 0;}
.button.style-4{font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; text-transform: uppercase; background: #ca1515; display: inline-block; text-align: center; border: 2px #ca1515 solid; padding: 10px 5px; min-width: 0;}
.button.style-3:hover, .button.style-4:hover{background: transparent!important; color: #333232!important;}
.button.style-5{border-color: #fff; background: #fff;}
.button.style-5:hover{background: transparent; border-color: #bfbfbf;}
.button.style-6{border-color: #fff; background: #fff;}
.button.style-6:hover{color: #fff; background: transparent; border-color: #bfbfbf;}
.button.style-7{background: rgba(241, 126, 14, 0.9); border-color: rgba(241, 126, 14, 0.9); color: #fff;}
.button.style-7:hover{background: transparent;}
.button.style-8{background: transparent; color: #fff; border-color: rgba(204, 204, 204, 0.2);}
.button.style-8:hover{border-color: rgba(204, 204, 204, 1);}
.button.style-10, .button.style-12, .button.style-18{font-size: 14px; line-height: 18px; padding: 11px 40px; font-weight: 600; color: #fff; border: 2px #262626 solid; background: #262626; letter-spacing: 2px;}
.button.style-10:hover, .button.style-12:hover{background: transparent; color: #262626;}
.button.style-11{font-size: 13px; color: #262626; font-weight: 600; line-height: 18px; padding: 12px 40px; border: 1px #fff solid; background: #fff;}
.button.style-11:hover{color: #808080;}
.button.style-12{border-color: #ca1515; background: #ca1515;}
.button.style-14{border-color: #272727; background: #272727; font-size: 12px; color: #fff; font-weight: 600; line-height: 16px; padding: 10px 20px; min-width: 0;}
.button.style-14:hover{background: transparent; color: #272727;}
.button.style-15, .button.style-16, .button.style-17{border: 1px #e0e0e0 solid; font-size: 12px; font-weight: 700; line-height: 17px; padding: 9px 18px; background: #fff; color: #2e2e2e; min-width: 0;}
.button.style-16, .button.style-15:hover{background: #f0f0f0; border-color: #f0f0f0;}
.button.style-16:hover{background: #fff; border-color: #e0e0e0;}
.button.style-17{border-color: #ca1515; background: #ca1515; color: #fff;}
.button.style-17:hover{background: transparent; color: #2e2e2e;}
.button.style-18{background: #f2f2f2; border-color: #f2f2f2; color: #333;}
.button.style-18:hover{background: transparent;}
.button.style-19{background: #ca1515; border-color: #ca1515; color: #fff;}
.button.style-19:hover{background: transparent; color: inherit;}
.button-x{font-size: 12px; line-height: 15px; width: 15px; text-align: center; color: #808080;}
.button-x .fa{display: block; line-height: 15px;}
.button.circle-icon{margin: 0; padding: 0px; width: 38px; height: 38px; line-height: 33px; font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.button.circle-icon .fa{margin: 0;}

.button.disabled, .button[disabled]{pointer-events: none; cursor: not-allowed; border-color: #e3e3e3; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -khtml-opacity: .65; -moz-opacity: .65; opacity: .65;}

/*Close Button*/
.close, .alert .close{filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: .8; -moz-opacity: .8; opacity: .8; font-weight: normal; color: #333; font-size: 14px; cursor: pointer; text-shadow: none; float: none; position: absolute; top: 8px; right: 8px; z-index: 99;}
.close:before, .alert .close:before{content: "\f00d"; font-family: "FontAwesome";}

/*Pagination Button*/
.pagination{margin: 10px 0;}
.pagination > li > a, .pagination > li > span{margin-right: 5px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{margin-right: 0;}
.pagination, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #f41f0f; border-color: #f41f0f;}

/*Overflow*/
.overflow{overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch;}

/*Form Elements*/
#toast-container > div{border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important;}

form label{font-size: 11px; line-height: 14px; color: #313131; font-weight: 500; display: block; margin-bottom: 7px; padding-top: 5px;}
form label span{color: #eb0101; font-size: 30px; line-height: 14px; display: inline-block; position: relative; vertical-align: bottom;}
form span.form-help{display: block; margin-top: 5px; font-size: 11px; color: #838383;}
form h4, form h5, form h6{margin-bottom: 5px;}

.form-group.important{margin-bottom: 15px !important;}
.form-control{padding: 6px 8px;font-size: 12px; color: #313131; font-weight: 400; border-radius: 0; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none;}
.form-control:hover, .form-control:focus{background: #f7f7f7; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none;}
.form-control[disabled]:hover, .form-control[disabled]:focus{background: #e3e3e3;}
.form-control::-webkit-input-placeholder{color: #ccc; opacity: 1;}
.form-control::-moz-placeholder{color: #ccc; opacity: 1;} /* firefox 19+ */
.form-control:-ms-input-placeholder{color: #ccc; opacity: 1;} /* ie */
.form-control:-moz-placeholder{color: #ccc; opacity: 1;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{pointer-events: none; cursor: not-allowed; background-color: #f5f5f5;}
.input-group-addon{color: #808080; border-radius: 0; border-color: #ddd;}

/*::-webkit-input-placeholder { color: #c2c2c2; opacity: 1;}
::-moz-placeholder { color: #c2c2c2; opacity: 1;}  ------ firefox 19+
:-ms-input-placeholder { color: #c2c2c2; opacity: 1;} ------ ie
input:-moz-placeholder { color: #c2c2c2; opacity: 1;}*/

.simple-field{margin-bottom: 25px; width: 100%; border: 1px #e6e6e6 solid; font-size: 13px; line-height: 43px; color: #313131; height: 45px; padding: 0 20px; font-weight: 400;}
.simple-field:hover, .simple-field:focus{background: #f7f7f7;}
.simple-field.size-1{height: 35px; line-height: 33px; margin-bottom: 12px; padding: 0 10px;}
.simple-field::-webkit-input-placeholder{color: #808080; opacity: 1;}
.simple-field::-moz-placeholder{color: #808080; opacity: 1;} /* firefox 19+ */
.simple-field:-ms-input-placeholder{color: #808080; opacity: 1;} /* ie */
.simple-field:-moz-placeholder{color: #808080; opacity: 1;}

textarea{resize: vertical;}

select{background: #fff!important;}
.simple-drop-down{width: 130px; position: relative;}
.simple-drop-down select{height: 30px; line-height: 28px; border: 1px #ddd solid; padding: 0 40px 0 10px;  white-space: nowrap; text-overflow: ellipsis; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; font-size: 12px; font-weight: 400; color: #7c7c7c;}
.simple-drop-down:after{width: 30px; height: 30px; position: absolute; top: 0; right: 0; border: 1px #ddd solid; content: "\f107"; font-family: FontAwesome; font-size: 12px; color: #5c5c5c; text-align: center; cursor: pointer; pointer-events: none; line-height: 30px; background: #fff;}
.simple-drop-down.simple-field{width: auto; border: none; padding: 0;}
.simple-drop-down.simple-field:after{width: 40px; height: 45px; line-height: 45px;}
.simple-drop-down.simple-field.size-1:after{width: 30px; height: 35px; line-height: 35px;}
.simple-drop-down.simple-field select{height: 45px; line-height: 43px; padding: 0 55px 0 15px;}
.simple-drop-down.simple-field.size-1 select{height: 35px; line-height: 33px; padding: 0 38px 0 8px;}

.checkbox, .radio{margin-top: 0;}
.checkbox-entry{margin-bottom: 15px; display: block; font-size: 13px; line-height: 14px; font-weight: 500; cursor: pointer;}
.checkbox-entry b{font-weight: 600!important; color: #313131!important;}
.checkbox-entry input + span{cursor: pointer; display: inline-block; border: 1px #d9d9d9 solid; width: 12px; height: 12px;  vertical-align: middle; color: #333232; position: relative; top: -1px; margin-right: 7px; position: relative;}
.checkbox-entry.radio input + span{width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border: 1px #eee solid;}
.checkbox-entry input{display: none;}
.checkbox-entry input:checked + span{background: #ca1515; border-color: #ca1515;}
.checkbox-entry:not(.radio) input:checked + span:after{width: 10px; position: absolute; font-family: 'FontAwesome'; content: "\f00c"; color: #fff; top: 0; text-align: center; font-size: 8px; line-height: 10px;}
.checkbox-entry.radio input:checked + span:after{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; content: ""; box-shadow: inset 0 0 0 3px #fff; border-radius: 50%; -webkit-border-radius: 50%; border: 1px #ca1515 solid;}
.checkbox-entry img{display: inline-block; max-width: 60px; vertical-align: middle;}

.progress{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px;}

.img-thumbnail{-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}

/*Unordered List*/
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin, ul.address{line-height: 24px; font-size: 14px;}
ul.arrow li, ul.triangle li, ul.circle li, ul.check li, ul.chevron li, ul.arrow-square li, ul.check-square li, ul.check-circle li, ul.decimal li, /*ul.upper-roman li, ul.lower-latin li, ul.upper-latin li,*/ ul.address li{padding-left: 25px; position: relative;}
ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before{color: #f41f0f;}
ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li{cursor: default;}
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.address{list-style: none; padding: 0;}
ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.check-square li:before, ul.check-circle li:before, ul.address li:before{font-family: "FontAwesome"; display: block; position: absolute; left: 0;}
ul.arrow li:before{content: "\f178"; margin-right: 10px; color: #f41f0f;}
ul.triangle li{padding-left: 30px;}
ul.triangle li:before{content: "\f04b"; margin-right: 10px; color: #d9d9d9; display: block; float: left; left: 15px; font-size: 7px;}
ul.triangle.orange li:before{color: #ffa800;}
ul.triangle.blue li:before{color: #f41f0f;}
ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before{color: #da251d;}
ul.circle li:before{content: "\f111"; margin-right: 10px; display: block; float: left; left: 8px; font-size: 5px;}
ul.check li:before{content: "\e8ba"; margin-right: 10px; color: #98ce44; font-family: "soap-icons"; font-size: 1.3333em; line-height: 1.433em;}
ul.chevron li{margin-bottom: 5px; padding-left: 25px !important; position: relative;}
ul.chevron li:before{left: 0; margin-top: 3px; line-height: 18px; content: "\f138"; font-size: 1.4em; color: #242424;}
ul.decimal{counter-reset: item;}
ul.decimal li:before{content: counters(item,".") "-"; counter-increment: item; /*margin-right: 5px;*/ left: 8px; position: absolute;}
ul.upper-roman{margin-left: 15px; padding-left: 1.5em; list-style: upper-roman outside none;}
ul.lower-latin {margin-left: 15px; padding-left: 1.25em; list-style: lower-latin outside none;}
ul.upper-latin{margin-left: 15px; padding-left: 1.5em; list-style: upper-latin outside none;}
ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li{color: #f41f0f;}
ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > *{color: #838383;}
ul.check-square li:before{font-family: 'soap-icons'; content: "\e8ba"; background: #c3c3c3; color: #fff; padding: 1px 4px 0; margin-right: 10px; font-size: 12px;}
ul.check-square li.active{background: #f41f0f; color: #fff;}
ul.check-square li.active > a{color: #fff;}
ul.check-square li.active:before{background: #fff; color: #ffa800;}
ul.check-circle li{padding-left: 30px; line-height: 1.433em;}
ul.check-circle li:before{content: "\e8ba"; display: inline-block; color: #fff; margin-right: 10px; font-family: "soap-icons"; background: #f41f0f; vertical-align: baseline; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 18px;}
ul.check-circle.text li{margin-bottom: 10px;}
ul.address li.home:before, ul.address li.phone:before, ul.address li.mail:before{margin-right: 10px; color: #98ce44;}
ul.address li.home:before{content: "\f015";}
ul.address li.phone:before{content: "\f095";}
ul.address li.mail:before{content: "\f003";}

/*General Purpose*/
section#content{/*min-height: 400px;*/ text-align: left; /*background: #f5f5f5;*/}
section#content:after{display: table; content: ""; clear: both;}

.sm-section{padding-top: 30px !important; padding-bottom: 20px !important;}
.md-section{padding-top: 40px !important; padding-bottom: 30px !important;}
.section{padding-top: 80px !important; padding-bottom: 70px !important;}

.small-box{margin-bottom: 20px !important;}
.box{margin-bottom: 30px !important;}
.block{margin-bottom: 40px !important;}
.large-block{margin-bottom: 70px !important;}

.uppercase{text-transform: uppercase;}
.no-uppercase{text-transform: none !important;}

.inline{display: inline-block !important;}

.lighter{font-weight: 400 !important;}
.bold{font-weight: 500 !important;}
.bolder{font-weight: 600 !important;}

.center, .align-center{text-align: center !important;}
.left, .align-left{text-align: left !important;}
.right, .align-right{text-align: right !important;}
@media (max-width: 767px) {
    .center-xs{text-align: center !important;}
}
@media (max-width: 991px) {
    .center-sm{text-align: center !important;}
}

.middle{vertical-align: middle !important;}
.top{vertical-align: top !important;}
.bottom{vertical-align: bottom !important;}

.small{font-size: 80%;}
@media (max-width: 767px) {
    .small-xs{font-size: 80% !important;}
}
@media (max-width: 991px) {
    .small-sm{font-size: 80% !important;}
}

.no-margin{margin: 0 !important;}
.no-tmargin{margin-top: 0 !important;}
.no-bmargin{margin-bottom: 0 !important;}
.no-lmargin{margin-left: 0 !important;}
.no-rmargin{margin-right: 0 !important;}
.no-lrmargin{margin-left: 0 !important; margin-right: 0 !important;}

.no-padding{padding: 0 !important;}
.no-tpadding{padding-top: 0 !important;}
.no-bpadding{padding-bottom: 0 !important;}
.no-lpadding{padding-left: 0 !important;}
.no-rpadding{padding-right: 0 !important;}
.no-lrpadding{padding-left: 0 !important; padding-right: 0 !important;}

.no-border{border: none !important;}
.no-border-bottom{border-bottom: none !important;}
.no-border-top{border-top: none !important;}
.no-border-left{border-left: none !important;}
.no-border-right{border-right: none !important;}

.width-2  {width:   2% !important;}
.width-3  {width:   3% !important;}
.width-4  {width:   4% !important;}
.width-5  {width:   5% !important;}
.width-6  {width:   6% !important;}
.width-7  {width:   7% !important;}
.width-8  {width:   8% !important;}
.width-9  {width:   9% !important;}
.width-10 {width:  10% !important;}
.width-15 {width:  15% !important;}
.width-20 {width:  20% !important;}
.width-25 {width:  25% !important;}
.width-30 {width:  30% !important;}
.width-35 {width:  35% !important;}
.width-40 {width:  40% !important;}
.width-45 {width:  45% !important;}
.width-50 {width:  50% !important;}
.width-55 {width:  55% !important;}
.width-60 {width:  60% !important;}
.width-65 {width:  65% !important;}
.width-70 {width:  70% !important;}
.width-75 {width:  75% !important;}
.width-80 {width:  80% !important;}
.width-85 {width:  85% !important;}
.width-90 {width:  90% !important;}
.width-95 {width:  95% !important;}
.width-100{width: 100% !important;}

.primary-color{color: #307ecc;}
.secondary-color{color: #05519e;}
.tertiary-color{color: #f41f0f;}
.red-color{color: #f41f0f !important;}
.green-color{color: #4caf50 !important;}
.blue-color{color: #382973 !important;}
.gray-color{color: #e8e8e8 !important;}
.white-color{color: #fff !important;}
.dark-color{color: #2c2c2c !important;}

.primary-bg{background: #307ecc;}
.secondary-bg{background: #05519e;}
.tertiary-bg{background: #f41f0f;}
.red-bg{background: #f41f0f !important;}
.green-bg{background: #4caf50 !important;}
.blue-bg{background: #382973 !important;}
.gray-bg{background: #e8e8e8 !important;}
.white-bg{background: #fff !important;}
.dark-bg{background: #2c2c2c !important;}

.cursor-pointer{cursor: pointer;}
.cursor-auto{cursor: auto;}
.cursor-default{cursor: default;}

/*Table View*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; height: inherit;}

.table-wrapper{display: table; position: relative; overflow: hidden;}
.table-wrapper .table-row{display: table-row;}
.table-wrapper .table-cell{display: table-cell; vertical-align: top;}

.table-wrapper .table-cell.h50  {height:  50px;}
.table-wrapper .table-cell.h65  {height:  65px;}
.table-wrapper .table-cell.h75  {height:  75px;}
.table-wrapper .table-cell.h85  {height:  85px;}
.table-wrapper .table-cell.h95  {height:  95px;}
.table-wrapper .table-cell.h100 {height: 105px;}

/**
  03 - Layouts
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
/*Main Header*/
header{width: 100%; margin-bottom: 25px; padding: 0; position: absolute; z-index: 997; top: 0; left: 0; background: none; -webkit-backface-visibility: hidden;}
header .header-top{border-bottom: 1px solid rgba(0, 0, 0, .1); position: relative;}
header .header-top .header-top-entry{float: left; font-size: 13px; line-height: 15px; font-weight: 400; color: rgba(0, 0, 0, .4); position: relative; padding: 20px 0;}
header .header-top .header-top-entry .title{border-left: 1px solid rgba(0, 0, 0, .4); padding: 0 20px; cursor: pointer; white-space: nowrap;}
header .header-top .header-top-entry .title:hover{color: #307ecc;}
header .header-top .header-top-entry:first-child .title{border-color: transparent; padding-left: 0;}
header .header-top .header-top-entry .title img, header .header-top .header-top-entry .list-entry img{display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; top: -1px;}
header .header-top .header-top-entry .title a{color: inherit;}

header .header-top .header-top-entry .title b{font-weight: 600;}
header .header-top .header-top-entry .title .fa{margin-left: 7px; position: relative; top: -1px;}
header .header-top .header-top-entry .title .fa:first-child{margin-left: 0; margin-right: 7px;}
header .header-top .header-top-entry .list{position: absolute; min-width: 100%; left: 1px; top: 40px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4; padding: 5px 20px; z-index: 1; text-align: left; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); opacity: 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px;}
header .header-top .header-top-entry:hover .list{opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}
header .header-top .header-top-entry:first-child .list{left: -20px;}
header .header-top .header-top-entry .list-entry{white-space: nowrap; display: block; color: #747474; padding: 10px 0; border-top: 1px #f0f0f0 solid;}
header .header-top .header-top-entry .list-entry:hover{color: #222;}
header .header-top .header-top-entry .list-entry:first-child{border-top: none;}
header .header-top .header-top-entry .socials-box{float: right; margin-top: 12px; margin-right: -3px; font-size: 0;}
header .header-top .header-top-entry .socials-box a{font-size: 16px; line-height: 30px; width: 30px; display: inline-block; color: #bababa; margin: 0 3px; text-align: center;}
header .header-top .header-top-entry .socials-box a:hover{color: #3d3d3d;}
header .header-top .header-top-entry .socials-box a > *{line-height: 30px; position: relative; top: 0;}
header .header-top .header-top-entry .socials-box a:hover > *{top: -2px;}

header .header-middle{display: table; width: 100%; padding: 25px 0; position: relative;}
header .header-middle .logo-wrapper{display: table-cell; vertical-align: middle; width: 300px;}
header .header-middle .logo-wrapper #logo{display: inline-block; max-width: 90%; height: auto; min-height: 45px;}
header .header-middle .logo-wrapper #logo img{display: block; height: 50px;}
header .header-middle .middle-entry{display: table-cell; vertical-align: middle;}
header .header-middle .middle-entry .icon-entry{width: 50%; float: left;}
header .header-middle .middle-entry .icon-entry .image{width: 45px; height: 45px; float: left; line-height: 45px; text-align: center; background: #f0f0f0;}
header .header-middle .middle-entry .icon-entry .image .icon{line-height: 45px; display: block; color: #05519e;}
header .header-middle .middle-entry .icon-entry .image.circle{-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
header .header-middle .middle-entry .icon-entry:hover .image{background: #0f51a3;}
header .header-middle .middle-entry .icon-entry:hover .image .icon{color: #fff;}
header .header-middle .middle-entry .icon-entry .text{margin-left: 60px; font-size: 13px; line-height: 18px; color: #747474; padding-top: 5px; display: block;}
header .header-middle .middle-entry .icon-entry .text b{font-size: 16px; line-height: 18px; font-weight: 600; color: #404040;}
header .header-middle .right-entries{display: table-cell; vertical-align: middle; width: 400px; text-align: right; font-size: 0;}
header .header-middle .right-entries .header-functionality-entry{font-size: 13px; line-height: 15px; color: #747474; font-weight: 400; display: inline-block; vertical-align: bottom; padding: 0 14px; border-right: 1px #d0d0d0 solid; white-space: nowrap;}
header .header-middle .right-entries .header-functionality-entry.open-search-popup{display: none;}
header .header-middle .right-entries .header-functionality-entry:hover{color: #05519e;}
header .header-middle .right-entries .header-functionality-entry:last-child{padding-right: 0; border-right: none;}
header .header-middle .right-entries .header-functionality-entry .fa{display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;}
header .header-middle .right-entries .header-functionality-entry b{font-size: 18px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif;}

@media (min-width: 1200px) {
    header .navigation{margin: 0 -89.5px; padding: 0 89.5px; border-bottom: none; background: #307ecc;}
    header .navigation .navigation-search-content .toggle-desktop-menu{text-align: right;}
    header:not(.fixed-header) nav{padding: 0 150px 0 20px;}
    header:not(.fixed-header) nav > ul > li > a, header:not(.fixed-header) nav > ul > li .fa{color: #fff;}
    header.fixed-header .navigation .nav-overflow{background: #f5f5f5; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -khtml-opacity: .95; -moz-opacity: .95; opacity: .95; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
    header.fixed-header nav > ul > li > a, header.fixed-header nav > ul > li > .fa{color: #333;}
}
@media (max-width: 1199px) {
    header{position: fixed; padding: 0 20px; top: 0; background: #f5f5f5; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2); box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
    header .header-top .header-top-entry{padding: 15px 0;}
    header .header-top .header-top-entry .title{/* */}
    header .header-top .header-top-entry .title:hover{color: #307ecc;}
    header .header-top .header-top-entry .socials-box{display: none;}
    header .header-top .menu-button{font-size: 25px; color: #05519e; cursor: pointer; position: absolute; right: 0; top: 10px;}
    header .header-top .menu-button .fa{line-height: inherit; display: block;}

    header .header-middle{padding: 10px 0;}
    header .header-middle .logo-wrapper #logo img{height: 45px;}
    header .header-middle .middle-entry{display: none;}
    header .header-middle .middle-entry .icon-entry .image{background: none; border: 2px solid #307ecc;}
    header .header-middle .middle-entry .icon-entry:hover .image{background: #307ecc;}
    header .header-middle .middle-entry .icon-entry .image .icon{color: #fff;}
    header .header-middle .middle-entry .icon-entry .text, header .header-middle .middle-entry .icon-entry .text b{color: #fff;}
    header .header-middle .right-entries .header-functionality-entry{padding: 0; border-right: none;}
    header .header-middle .right-entries .header-functionality-entry .fa{margin-right: 0; width: 40px; height: 40px; line-height: 45px; font-size: 20px; color: #05519e; text-align: center;}
    header .header-middle .right-entries .header-functionality-entry span, header .header-middle .right-entries .header-functionality-entry b{display: none;}
    header .header-middle .menu-button + .right-entries{padding-right: 50px; width: auto;}
    header .header-middle .menu-button{font-size: 28px; color: #05519e; cursor: pointer; position: absolute; right: 0; top: 20px;}
    header .header-middle .menu-button .fa{line-height: inherit; display: block;}

    header .navigation, header .navigation > *{margin: 0; padding: 0 !important;}
}

/*Additional seach button in header menu
.search-button{float: right; width: 45px; height: 45px; background: #03b4ea; position: relative;}
.search-button:hover{background: #999!important;}
.search-button .fa{display: block; line-height: 45px; text-align: center; color: #fff; font-size: 14px;}
.search-button input[type="submit"]{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.search-drop-down{border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; border-left: 1px #f2f2f2 solid; float: right; width: 135px; position: relative;}
.search-drop-down .title{line-height: 43px; padding: 0 30px 0 20px; position: relative; cursor: pointer; font-size: 12px; color: #999; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.search-drop-down .title .fa{position: absolute; top: 0; width: 10px; right: 20px; text-align: center; line-height: 45px;}
.search-drop-down .list{border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4; position: absolute; left: 0; top: 100%; width: 100%; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); display: none; z-index: 1;}
.search-drop-down.active .list{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); display: block;}
.search-drop-down .overflow{max-height: 161px;}
.search-drop-down .category-entry{color: #999; font-size: 12px; font-weight: 400; padding: 7px 0 7px 15px; margin: 0 5px; border-bottom: 1px #f2f2f2 solid; cursor: pointer;}
.search-drop-down .category-entry:hover{color: #3d3d3d;}
.search-field{border: 1px #e8e8e8 solid; border-right: none; height: 45px; margin-right: 180px;}
.search-field input[type="text"]{width: 100%; height: 43px; line-height: 43px; border: none; background: none; font-size: 14px; padding: 0 20px; color: #3d3d3d;}
*/

/*Navigation*/
.navigation{font-size: 0; position: relative; height: 70px;}
.navigation .navigation-copyright{font-size: 14px; line-height: 16px; color: #fff; padding: 25px 10px; text-align: center;}
.navigation .navigation-copyright a{color: #e5b81d; font-weight: 600;}
.navigation .navigation-copyright a:hover{text-decoration: none;}
nav{position: relative;}
nav > ul > li{float: left; padding-right: 20px; padding-left: 20px;}
nav > ul > li > a{font-size: 13px; font-weight: 700; color: #fff; line-height: 70px; text-transform: uppercase; display: inline-block;}
nav > ul > li > a .menu-label{position: absolute; right: 3px; top: 10px;}
nav > ul > li > .fa{color: #b9b9b9; font-size: 10px; margin-left: 3px; vertical-align: middle; position: relative; top: -5px;}
.submenu-container{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 20px 10px; display: none; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: solid 1px #f4f4f4;}
nav > ul > li:hover{z-index: 1;}
nav > ul > li:hover > a, nav > ul > li:hover > a.active{color: #f0f0f0; text-decoration: underline;}
nav > ul > li > a.active{text-decoration: none;}
nav > ul:nth-child(2){float: right;}
#content-block .submenu a:hover{color: #878787;}
.submenu .list-type-1 .fa{font-size: 13px; color: #cacaca!important; margin: 0 7px 0 0;}

/*Submenu Full Width*/
nav .full-width .submenu{padding: 50px 0; max-width: 1310px;}
.submenu{position: absolute; width: 100%; background: #fff; left: 0; top: 100%; border: 1px #f2f2f2 solid; display: none; -webkit-box-shadow: 0 1px 30px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 30px rgba(0,0,0,0.1); box-shadow: 0 1px 30px rgba(0,0,0,0.1);}
.submenu .row{position: relative;}
.submenu .list-type-1{margin-bottom: 45px;}
.submenu .list-type-1 li{padding: 5px 0;}
@media (min-width: 1200px) {
    .submenu.left-align{left: 0!important; margin: 0!important;}
    .submenu.right-align{left: auto!important; right: 0; margin: 0!important;}
}
.full-width-menu-items-right{width: 540px; margin-right: 50px; float: right;}
.full-width-menu-items-right .submenu-list-title{margin-right: 50px;}
.full-width-menu-items-left{margin-right: 615px; margin-left: 45px;}
.menu-slider-entry{padding-right: 40px; float: left; text-align: center; }
.menu-slider-out{overflow: hidden;}
.menu-slider-in{width: 100000px; position: relative;}
.menu-slider-in .product-slide-entry{width: 150px;}
.menu-slider-in .product-slide-entry .product-image{margin-bottom: 10px;}
.menu-slider-in .product-slide-entry .title{font-size: 14px;}
.menu-slider-in .price{font-size: 14px;}
.menu-slider-arrows{font-size: 0; text-align: right; margin-bottom: -22px;}
.menu-slider-arrows a{font-size: 13px; line-height: 22px; display: inline-block; width: 22px; text-align: center;}
.menu-slider-arrows a .fa{color: #cacaca;}
.menu-slider-arrows a:hover .fa{color: #2e2e2e;}
.submenu-list-title{font-size: 16px; line-height: 22px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 15px;}
.submenu-list-title a{color: #2e2e2e;}
.submenu-list-title a:hover{text-decoration: underline; color: #2e2e2e;}
.menu-label{font-size: 10px; line-height: 15px; color: #fff; font-weight: 600; text-transform: uppercase; position: relative; padding: 0 5px; display: inline-block; vertical-align: top; margin-top: -2px;}
.menu-label:before{width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; position: absolute; left: 6px; top: 100%; content: "";}
.menu-label.blue{background: #03b4ea;}
.menu-label.blue:before{border-color: #03b4ea transparent transparent transparent;}
.menu-label.red{background: #cd0000;}
.menu-label.red:before{border-color: #cd0000 transparent transparent transparent;}
.menu-label.yellow{background: #e9bc21;}
.menu-label.yellow:before{border-color: #e9bc21 transparent transparent transparent;}

/*Submenu Dropdown Menu Bottom Line*/
.submenu-links-line{position: absolute; left: 0; top: 100%; background: #f2f2f2; left: -1px; right: -1px; padding: 19px 45px; font-size: 14px; line-height: 24px; color: #575757; border: 1px #f2f2f2 solid;}
.submenu-links-line b{font-weight: 600; color: #000;}
.submenu-links-line a{color: #575757;}
.submenu-links-line a:hover{text-decoration: underline;}
.submenu-links-line-container{display: table; width: 100%;}
.submenu-links-line-container .cell-view:first-child{width: 60%;}
.submenu-links-line .red-message, .submenu-links-line .red-message b{color: #ca1515;}

/*Submenu Full Width Columns Inside*/
nav .full-width-columns .submenu{max-width: 1310px;}
.submenu .product-column-entry{float: left; width: 20%; border: none; border-right: 1px #f2f2f2 solid;}
.submenu .product-column-entry:last-child{border-color: transparent;}
.submenu .product-column-entry .submenu-list-title{margin-left: 30px; margin-right: 30px;}

/*Submenu 2 Columns*/
nav .column-2{position: relative;}
nav .column-2 .submenu{width: 600px; padding: 50px 0; left: 50%; margin-left: -300px;}
nav .column-2 .submenu .full-width-menu-items-left{margin-right: 190px;}
.submenu-background{position: absolute; right: 0; bottom: 0; height: 100%; width: auto;}

/*Submenu 1 Column*/
nav .column-1{position: relative;}
nav .column-1 .submenu{width: 400px; padding: 50px 0; left: 50%; margin-left: -200px;}
nav .column-1 .full-width-menu-items-left{margin-right: 200px;}
nav ul:first-child li:nth-child(1).column-1 .submenu, nav ul:first-child li:nth-child(2).column-1 .submenu{left: 0; margin-left: 0;}

/*Submenu Simple List*/
nav .simple-list{position: relative;}
nav .simple-list .submenu{width: 270px; left: 50%; margin-left: -135px;}
nav .simple-list .submenu a{font-size: 13px; line-height: 15px; color: #2e2e2e; padding: 16px 20px; border-top: 1px #f2f2f2 solid; display: block; margin-top: -1px;}
nav .simple-list .submenu a .fa{color: #cacaca; display: inline-block; position: relative; vertical-align: bottom; top: -2px; margin-right: 7px; font-size: 13px;}

/*Open Desktop Header Dropdowns*/
@media (min-width: 1200px) {
    /*.submenu{display: block!important; transform: rotateX(90deg); -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; opacity: 0;}
    nav>ul>li:hover>.submenu{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/
    .toggle-list-container{display: block!important;}
    .submenu .product-column-entry{min-height: 400px;}
}

/*Additional Header Block - Search in Navigation*/
.navigation-search-content{margin-left: 300px; position: relative; z-index: 1;}
.navigation-search-content .search-box{margin-right: 160px; top: 15px; position: relative;}
.search-box.size-1 .search-button{height: 40px; width: 40px;}
.search-box.size-1 .search-drop-down .title{line-height: 38px;}
.search-box.size-1 .search-drop-down .title .fa{line-height: 40px;}
.search-box.size-1 .search-field{margin-right: 175px; height: 40px;}
.search-box.size-1 .search-field input[type="text"]{height: 38px; line-height: 38px;}
.search-box.size-1 .search-button .fa{line-height: 40px;}
.navigation-search-content .toggle-desktop-menu{width: 150px; float: right; font-size: 14px; line-height: 70px; font-weight: 400; color: #fff; text-transform: uppercase;}
.navigation-search-content .toggle-desktop-menu a{color: #fff;}
.navigation-search-content .toggle-desktop-menu a:hover{color: #f3f3f3;}
.navigation-search-content .toggle-desktop-menu .fa{line-height: 70px; vertical-align: bottom; position: relative; top: -1px; margin-right: 5px; display: none;}
.navigation-search-content .toggle-desktop-menu .fa:first-child{display: inline-block;}
.navigation-search-content .toggle-desktop-menu.toggle-desktop-button{cursor: pointer;}
.navigation.active .navigation-search-content .search-box{display: none;}
.navigation.active .navigation-search-content .toggle-desktop-menu .fa{display: inline-block;}
.navigation.active .navigation-search-content .toggle-desktop-menu .fa:first-child{display: none;}

/*Mobile Menu Navigation*/
@media (max-width: 1199px) {
    header.opened .navigation{ transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px);}
    .navigation{position: fixed; left: 0; top: 0; width: 290px; background: #272727; height: 100%; border: none; z-index: 7; transform: translateX(-290px); -moz-transform: translateX(-290px); -webkit-transform: translateX(-290px); -ms-transform: translateX(-290px);}
    .nav-overflow{/*position: absolute;*/ width: 100%; left: 0; top: 75px; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch;}
    .navigation-header{padding: 0 50px 0 20px; border-bottom: 1px #343434 solid;}
    .navigation-header .title{font-size: 20px; line-height: 75px; font-weight: 700; text-transform: uppercase; color: #fff;}
    .navigation-header .close-menu{width: 40px; height: 40px; line-height: 40px; position: absolute; right: 5px; top: 17px; cursor: pointer; text-transform: uppercase;}
    .navigation-header .close-menu:before, .navigation-header .close-menu:after{width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -9px; content: ""; background: #fff;}
    .navigation-header .close-menu:before{transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
    .navigation-header .close-menu:after{transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
    .navigation-footer .socials-box{margin-top: -1px; margin-right: 0; float: none; border-top: 1px #343434 solid; border-bottom: 1px #343434 solid;}
    .navigation-footer .socials-box a{width: 14.25%; height: 41px; line-height: 39px; border-left: 1px #343434 solid; float: left; margin: 0; color: #fff;}

    .navigation-footer .socials-box a:first-child{border-left: none;}

    body:not(.mobile) .navigation-footer .socials-box a:hover{background: #fff; color: #272727;}
    body.opened-menu{overflow: scroll;}
    .navigation, .content-push{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
    /*body.opened-menu .content-push{transform: translateX(200px); -moz-transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px);}*/
    .close-header-layer{position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; background: rgba(0,0,0,0.5);}

    #content-block nav>ul{float: none;}
    nav > ul > li{float: none; border-bottom: 1px #343434 solid; padding: 0; position: relative;}
    nav > ul > li > a{font-size: 12px; color: #fff; line-height: 14px; padding: 15px 45px 15px 20px; display: block;}
    nav > ul > li > .fa{position: absolute; right: 5px; top: 2px; line-height: 40px; width: 40px; text-align: center; cursor: pointer; margin: 0; font-size: 12px;}
    nav > ul > li.opened > .fa{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
    .full-width-menu-items-right{display: none;}
    .full-width-menu-items-left{margin-left: 0; margin-right: 0;}
    .submenu{position: relative; top: auto; left: auto; padding: 0!important;}
    .submenu-links-line{display: none;}
    .submenu-list-title{margin: 0; display: block; position: relative;}
    .submenu-list-title a{display: block; margin: 0; font-size: 12px; line-height: 14px; padding: 15px 45px 15px 20px;}
    .submenu-list-title .toggle-list-button{width: 43px; height: 43px; position: absolute; top: 0; right: 2px; cursor: pointer;}
    .submenu-list-title .toggle-list-button:before{width: 11px; height: 1px; background: #878787; position: absolute; left: 50%; top: 50%; margin-top: -1px; margin-left: -6px; content: "";}
    .submenu-list-title .toggle-list-button:after{width: 1px; height: 11px; background: #878787; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -1px; content: "";}
    .toggle-list-container{display: none; padding-left: 20px;}
    .submenu-list-title.opened .toggle-list-button:after{height: 0; margin-top: 0;}
    .submenu .list-type-1{margin-bottom: 0;}
    .submenu .list-type-1 li{padding: 10px 30px 10px 20px;}
    .submenu .product-column-entry{float: none; width: auto; padding: 0;}
    .submenu .product-column-entry .image{display: none;}
    .submenu .product-column-entry .hot-mark{display: none;}
    .submenu .product-column-entry .submenu-list-title{margin-left: 0; margin-right: 0;}
    .submenu .product-column-entry .description{margin: 0;}
    nav .column-2 .submenu .full-width-menu-items-left, nav .column-1 .full-width-menu-items-left{margin-right: 0;}
    nav .column-2 .submenu, nav .column-1 .submenu, nav .simple-list .submenu{width: auto; margin: 0; left: auto;}
    .submenu-background{display: none;}
    nav .simple-list .submenu a{display: block; font-size: 12px; line-height: 14px; margin: 0; padding: 15px 45px 15px 20px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; border: none;}
    nav .simple-list .submenu a .fa{display: none;}
    nav > ul > li > a .menu-label{position: relative; right: auto; top: -7px; margin-left: 5px;}

    .navigation-search-content{display: none;}

    .full-width-menu-items-left .row > div{padding: 0;}
    .full-width-menu-items-left .row{margin: 0;}
}

/*Fixed Header (Scrolling Page)*/
.fixed-header-visible{display: none;}
.fixed-header .navigation-search-content{display: none;}
@media (min-width: 1200px) {
    header.fixed-header{z-index: 999;}
    header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu{left: auto; right: 0;}
    header.fixed-header .nav-overflow{position: fixed; left: 0; top: 0; width: 100%; background: #307ecc; color: #fff; border-bottom: 1px rgba(255, 255, 255, .3) solid; -webkit-backface-visibility: hidden;}
    header.fixed-header nav{max-width: 1310px; padding: 0 70px; margin: 0 auto; text-align: right;}
    header.fixed-header nav > ul:nth-child(2){float: none;}
    header.fixed-header nav > ul{display: inline-block; text-align: left;}
    header .additional-header-logo{position: absolute; left: 70px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
    header .additional-header-logo img{max-height: 40px; width: auto; display: block;}

    header.fixed-header .fixed-header-visible{display: block;}
    header.fixed-header .fixed-header-hidden{display: none;}
    header.fixed-header nav > ul > li > a{font-weight: 600;}
    .fixed-header-visible .header-functionality-entry{text-transform: none; margin-top: 27px; float: left; border: none; text-decoration: none!important;}
    .fixed-header-visible .header-functionality-entry:first-child{padding-left: 0;}
    .fixed-header-square-button{float: left; margin-top: 20px; line-height: 30px; width: 30px; text-align: center; text-decoration: none!important; margin-left: 20px; white-space: nowrap;}
    .fixed-header-square-button .fa{color: inherit!important;}
    .fixed-header-square-button:first-child{margin-left: 0;}
    .fixed-header-square-button .fa{font-size: 13px; line-height: 30px; color: #a0a0a0; display: inline-block;}
    .fixed-header-square-button:hover .fa{color: #3d3d3d;}
}

/*Footer*/
footer{position: relative;}
.footer-wrapper footer:before{background: #333; bottom: 0; content: ""; height: 100%; left: 50%; margin-left: -50000px; position: absolute; width: 100000px;}
.footer-wrapper .footer-bottom-navigation:before{background: #2e2e2e; bottom: 0; content: ""; height: 100%; left: 50%; margin-left: -50000px; position: absolute; width: 100000px;}
.footer-wrapper .footer-columns-entry .column a{color: #a6a6a6;}
.footer-wrapper .footer-address a b{color: #fff;}
.footer-wrapper .footer-columns-entry .column a:hover, .footer-wrapper.footer-bottom-navigation .footer-links a:hover{color: #fff;}
.footer-wrapper #content-block .footer-address a:hover, .footer-wrapper #content-block .footer-address a:hover b{color: #fff; text-decoration: underline;}
.footer-wrapper .footer-columns-entry .column-title{color: #fff;}
.footer-wrapper .footer-description b{color: #fff;}
.footer-wrapper .footer-columns-entry{border: none;}
.footer-wrapper .footer-bottom-navigation .footer-links a{color: #aaa; border-color: #4a4a4a;}
.footer-wrapper .copyright a{color: #fff;}
.footer-wrapper #content-block .copyright a:hover{color: #fff; text-decoration: underline;}
#content-block .footer-wrapper .copyright a:hover{color: #fff; text-decoration: underline;}

.clearfix.visible-sm-block{height: 35px; float: left; width: 100%;}
.footer-columns-entry{border-bottom: 1px #f0f0f0 solid; border-top: 1px solid #f0f0f0; padding: 65px 0 50px 0px; position: relative;}
.footer-logo{display: block; margin-bottom: 15px;}
.footer-description{font-size: 14px; line-height: 24px; color: #a6a6a6; font-weight: 400;}
.footer-description b{font-weight: 500; color: #3c3c3c;}
.footer-address{font-size: 15px; line-height: 26px; color: #a6a6a6; font-weight: 400;}
.footer-address a{color: #a6a6a6;}
.footer-address a b{font-weight: 600; color: #03b4ea;}
.footer-address a:hover, #content-block .footer-address a:hover b{color: #3c3c3c;}
.footer-columns-entry .column-title{margin-bottom: 20px; font-weight: 600; color: #343434; font-size: 17px; line-height: 20px;}
.footer-columns-entry .column{list-style: none; font-weight: 400; color: #989898; font-size: 15px; line-height: 20px; margin-top: -5px;}
.footer-columns-entry .column a{color: #989898; display: inline-block; padding: 5px 0;}
.footer-columns-entry .column a:hover{color: #03b4ea;}
.footer-bottom-navigation{padding: 40px 0; display: table; width: 100%; position: relative;}
.footer-bottom-navigation .cell-view{position: relative;}
.footer-bottom-navigation .footer-links{font-size: 0;}
.footer-links a{font-size: 14px; font-weight: 500; color: #3c3c3c; line-height: 14px; padding-right: 15px; display: inline-block; border-right: 1px #cfcfcf solid; margin-right: 15px; margin-bottom: 7px!important; margin-top: 7px; vertical-align: top;}
.footer-links a:last-child{padding-right: 0; border: none; margin-right: 0;}
.footer-links a:hover{color: #03b4ea;}
.payment-methods{text-align: right; font-size: 0;}
.payment-methods a{display: inline-block; background: #fff; margin-right: 10px; margin-bottom: 5px; vertical-align: top; margin-top: 5px;}
.payment-methods a:hover{opacity: 0.9;}
.payment-methods a img{display: block; height: 25px;}
.payment-methods a:last-child{margin-right: 0;}
.copyright{font-size: 14px; line-height: 18px; color: #7f7f7f; margin-bottom: 15px; padding: 7px 0;}
.copyright a{font-weight: 600; color: #03b4ea;}
.copyright a:hover{color: #3c3c3c;}
.footer-copyright-wrapper{text-align: center; padding: 40px 0; border-top: 1px solid #f0f0f0;}
.footer-description, .footer-address, .footer-columns-entry .column{margin-bottom: 15px;}
@media (max-width: 1199px) {
    .payment-methods{text-align: left;}
}
@media (max-width: 991px) {
    .footer-bottom-navigation{display: block;}
    .footer-bottom-navigation .cell-view{display: block; margin-bottom: 15px;}
    .footer-columns-entry{padding: 50px 0 35px 0;}
    .footer-address{margin-bottom: 50px;}
}
@media (max-width: 767px) {
    .footer-bottom-navigation{padding: 30px 0;}
    .footer-description, .footer-address, .footer-columns-entry .column{margin-bottom: 20px;}
    .footer-columns-entry{padding: 30px 0 10px 0;}
    .footer-columns-entry .column-title{margin-bottom: 10px;}
    .footer-bottom-navigation .footer-links{margin-bottom: 5px;}
    .copyright{margin-bottom: 20px;}
}

/*Navigation banner (size 1)*/
.navigation-banner-swiper.size-1 .navigation-banner-content{height: 430px;}

/*Breadcrumb*/
.breadcrumb-box{font-size: 0;}
.breadcrumb-box a{display: inline-block; font-size: 13px; color: #696969; line-height: 16px; margin-right: 7px; padding: 7px 0;}
.breadcrumb-box a:after{content: "\f105"; font-family: FontAwesome; display: inline-block; margin-left: 7px;}
.breadcrumb-box a:last-child:after{display: none;}
.breadcrumb-box a:hover{color: #2e2e2e;}
.breadcrumb-box a.active, .breadcrumb-box a:active{color: #f41f0f; font-weight: 500;}
.breadcrumb-entry{padding: 40px 0; background-position: center center; background-repeat: no-repeat; /*border-top: 1px #eee solid;*/ border-bottom: 1px #eee solid; text-align: center; background-size: cover;}
.breadcrumb-entry.align-left{text-align: left;}
.breadcrumb-entry.align-right{text-align: right;}
.breadcrumb-entry .breadcrumb-title.style-1{font-size: 26px; line-height: 26px; color: #312926; font-weight: 400; letter-spacing: -1px;}
.breadcrumb-entry .breadcrumb-title.style-2{font-size: 22px; line-height: 22px; text-transform: uppercase; font-weight: 600;}
.breadcrumb-entry .breadcrumb-title.dark{color: #312926;}
.breadcrumb-entry .breadcrumb-title.light{color: #fff;}
.breadcrumb-box.light a{color: rgba(255, 255, 255, 0.5);}
.breadcrumb-box.light a:hover{color: rgba(255, 255, 255, 1);}

.continue-link{font-size: 14px; line-height: 18px; color: #d14242; display: inline-block; margin-bottom: 15px; font-weight: 600;}
.continue-link:hover{color: #262626;}

/*For Train Purposes*/
.gerbong-information{padding: 20px; min-height: 210px; background-color: #e8e8e8;}

.legend-information{margin: 0; padding: 20px 30px;}
.legend-information .legend{margin-right: 20px; margin-bottom: 5px; display: inline-block;}
.legend-information .legend .legend-icon{width: 20px; height: 20px; margin-right: 5px; display: inline-block; text-align: center; line-height: 20px; white-space: nowrap;}

.kursi-kosong-bg, .gerbong-information .btn.kursi-kosong{background-color: #4caf50;}
.kursi-terisi-bg, .gerbong-information .btn.kursi-terisi{background-color: #f44336;}
.kursi-pilihan-bg, .gerbong-information .btn.kursi-pilihan{background-color: #ff9800;}
.kursi-none-bg, .gerbong-information .btn.kursi-none{background-color: #d1d1d1;}

.gerbong-information .gerbong-wrap{margin-bottom: 10px; padding: 15px 10px; padding-right: 7px !important; background-color: #fff; border: 1px solid #ccc;}
.gerbong-information .gerbong-wrap + .gerbong-wrap{margin-top: -11px;}
.gerbong-information .gerbong-wrap .seat-row{margin-bottom: 5px;}

.gerbong-information .gerbong-wrap .seat-coridor{width: 20px; height: 40px; padding: 0; display: inline-block; line-height: 40px;}

.gerbong-information .btn[class^="kursi-"], .gerbong-information .btn[class*=" kursi-"]{color: #fff;}
.gerbong-information .btn, .gerbong-information .btn .btn-xs, .gerbong-information .btn .btn-md, .gerbong-information .btn .btn-lg{width: 50px; height: 40px; padding: 0; line-height: 40px;}

.gerbong-information .gerbong-wrap .btn, .gerbong-information .gerbong-wrap .seat-coridor, .gerbong-information .gerbong-title{margin-right: 3px;}

/*Custom Accordion*/
.accordeon{margin-bottom: 40px;}
.accordeon-title{font-size: 13px; line-height: 18px; padding: 15px 0 15px 0; color: #262626; text-transform: uppercase; font-weight: 500; border-top: 1px #ebebeb solid; cursor: pointer; padding-right: 15px; position: relative;}
.accordeon-title:last-child{border-bottom: 1px #ebebeb solid;}
.accordeon-title:hover{color: #808080;}
.accordeon-title .number{display: inline-block; width: 40px; line-height: 40px; background: #f2f2f2; text-align: center; font-size: 18px; color: #262626; font-weight: 600; margin-right: 18px;}
.accordeon-title:after{content: "\f107"; position: absolute; height: 50px; line-height: 50px; top: 0; right: 0; font-size: 13px; color: #262626; font-family: FontAwesome;}
.accordeon-title.active:after{content: "\f106";}
.accordeon-entry{padding: 0 0 20px 0; display: none;}
.accordeon.size-1 .accordeon-title{font-size: 16px; line-height: 40px; text-transform: none; padding: 13px 0; border-bottom: 1px #ebebeb solid; margin-top: -1px;}
.accordeon.size-1 .accordeon-title:after{line-height: 66px;}
.accordeon.size-1 .accordeon-entry{padding: 30px 0 55px 0;}

/*Label Inline*/
.inline-label{font-size: 11px; color: #fff; line-height: 19px; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; padding: 0 10px; background: #d14242; position: relative; margin-top: -2px; margin-left: 7px;}
.inline-label.red{background: #d14242;}
.inline-label.green{background: #aac840;}

/*ContactUs*/
.block-title.main-heading{font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 20px; padding-bottom: 20px;}
.map-box{position: relative; margin-top: -25px; margin-bottom: 55px;}
.map-box.type-1{height: 350px; width: 100vw; left: 50%; margin-left: -50vw;}
.map-box.type-2{height: 350px; margin-top: 0;}
.map-box.type-3{height: 500px; margin-top: 0; margin-bottom: 20px;}
#map-canvas{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map-overlay-info{height: 360px; width: 350px; padding: 0 40px; overflow: hidden; margin-top: -460px; float: right; position: relative; background: rgba(255, 255, 255, 0.9); margin-right: 45px;}
.map-overlay-info .cell-view{height: 360px;}
.contact-spacer{height: 15px;}
@media (max-width: 1199px) {
    /* */
}
@media (max-width: 991px) {
    .map-box.type-1{left: auto; margin-left: 0; width: auto;}
    .map-overlay-info{height: auto; width: auto; padding: 0; margin: 0 0 20px 0; float: none; top: -15px;}
    .map-overlay-info .cell-view{height: auto; display: block;}
    .contact-spacer{display: none;}
}
@media (max-width: 767px) {
    .map-box.type-1, .map-box.type-2, .map-box.type-3{height: 200px; margin-top: 0;}
}

/*Global Box*/
.global-box{background: none; padding: 20px; margin-bottom: 30px; border: 1px solid #d0d0d0;}
.global-box > *:last-child{margin-bottom: 0;}
.global-box .title{margin-bottom: 5px;}
.global-box .box-title{margin-bottom: 10px;}

/*Slideshow*/
#slideshow{position: relative; width: 100%; padding: 0; min-height: 100px; /*padding-bottom: 70px; background: #307ecc;*/}
.slideshow-bg{position: relative;}
.slideshow-bg #slideshow{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; margin: 0; padding: 0;}
.slideshow-bg .flexslider{height: 100%; border: none; box-shadow: none;}
.slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li{height: 100%;}
.slideshow-bg .flexslider .slidebg{
position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;
-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}
.slideshow-bg #main{position: relative; z-index: 2;}
@media (max-width: 480px) {
    #slideshow .fullwidthbanner-container .tp-leftarrow.default:before, .fullwidthbanner-container .tp-rightarrow.default:before{font-size: 2em;}
    #slideshow .fullwidthbanner-container .tp-leftarrow.default:before{left: 0px !important;}
    #slideshow .fullwidthbanner-container .tp-rightarrow.default:before{right: 0px !important;}
}

/*Mobile Socials Icons*/
.socials-box{font-size: 0;}
.socials-box a{font-size: 16px; line-height: 30px; width: 30px; display: inline-block; color: #bababa; margin: 0 3px; text-align: center;}
.socials-box a .fa{line-height: 30px; position: relative; top: 0;}
.socials-box a:hover{color: #3d3d3d;}
body:not(.mobile) .socials-box a:hover .fa{top: -3px;}

/**
  XX - Blogs
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.blog-landing-box{position: relative;}
.blog-landing-box:after{content: ""; width: 100%; display: block; height: 0; clear: both;}
@media (min-width: 992px) {
    .blog-landing-box.type-1 .hover-class-1 .hover-label, .blog-landing-box.type-2 .hover-class-1 .hover-label{font-size: 22px; line-height: 22px;}
}
.blog-entry{padding-bottom: 45px; border-bottom: 1px #ebebeb solid; margin-bottom: 45px;}
.blog-entry:last-child{border: none;}
.blog-entry:after{content: ""; width: 100%; height: 0; clear: both; display: block;}
.blog-entry .image{position: relative; display: block; overflow: hidden; margin-bottom: 45px;}
.blog-entry .image img{display: block; width: 100%; height: auto;}
.blog-entry .image:hover img{transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);}
.blog-entry .title{font-size: 28px; color: #2e2e2e; font-weight: 500; line-height: 30px; display: block; margin-bottom: 15px;}
.blog-entry a.title:hover{color: #d14242;}
.blog-entry .subtitle{font-size: 14px; line-height: 24px; margin-bottom: 12px; color: #808080; font-weight: 300;}
.blog-entry .subtitle a{color: #434343; font-weight: 500;}
.blog-entry .subtitle a:hover{color: #d14242;}
.blog-entry .subtitle a b{color: #d14242; font-weight: 600;}
.blog-entry .subtitle a:hover b{color: #434343;}
.blog-entry .date{float: left; width: 70px; text-align: center; background: #f7f7f7; font-size: 30px; font-weight: 500; color: #2e2e2e; line-height: 70px;}
.blog-entry .date span{display: block; background: #d14242; font-size: 13px; color: #fff; font-weight: 600; color: #fff; line-height: 25px; text-transform: uppercase;}
.blog-entry .content{margin-left: 100px;}
.blog-entry .description{font-size: 14px; line-height: 24px; margin-bottom: 12px; color: #808080; font-weight: 300; margin-bottom: 15px;}
.blog-entry .readmore{font-size: 14px; color: #2e2e2e; font-weight: 700; text-transform: uppercase; line-height: 16px; border-bottom: 2px #2e2e2e solid; display: inline-block;}
.blog-entry .readmore:hover{color: #d14242; border-color: #d14242;}
.page-selector{padding: 15px 0 0 0; border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; font-size: 0; margin-bottom: 30px;}
.page-selector .description{float: left; font-size: 13px; line-height: 30px; font-weight: 400; color: #808080; margin-bottom: 15px;}
.page-selector .pages-box{float: right;}
.square-button{width: 28px; line-height: 28px; border: 1px #e3e3e3 solid; display: inline-block; font-size: 12px; color: #666666; font-weight: 500; text-align: center;}
.square-button:hover, .square-button.active{background: #cd0000; border-color: #cd0000; color: #fff;}
.page-selector .square-button{margin-right: 4px; margin-bottom: 15px;}
.page-selector .square-button:last-child{margin-right: 0;}
.page-selector .divider{display: inline-block; font-size: 18px; line-height: 18px; vertical-align: bottom; margin-right: 4px; margin-bottom: 15px;}
.tags-box{font-size: 0;}
.tags-box a{display: inline-block; margin: 0 10px 10px 0; line-height: 30px; padding: 0 15px; font-size: 13px; color: #7e7e7e; font-weight: 500; background: #f2f2f2;}
.tags-box a:hover{color: #fff; background: #d14242;}
.blog-sidebar .information-blocks{margin-bottom: 50px;}
.categories-list{}
.categories-list ul{}
.categories-list ul li{border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; margin-top: -1px;}
.categories-list ul li a{position: relative; font-size: 13px; color: #333232; font-weight: 500; line-height: 17px; padding: 15px 40px 15px 0; display: block;}
.categories-list ul li a:hover{color: #d14242;}
.categories-list ul li a span{position: absolute; line-height: 47px; top: 0; right: 0; font-weight: 600; color: #828282;}
.blog-sidebar .inline-product-entry .title{font-size: 15px; line-height: 22px; font-weight: 600;}
.blog-sidebar .inline-product-entry .image{width: 70px;}
.blog-sidebar .inline-product-entry .content{margin-left: 90px;}
@media (max-width: 991px) {
    .blog-sidebar{padding-top: 25px;}
}
@media (max-width: 767px) {
    .page-selector{margin-left: 0!important;}
}

/*Blog Timeline*/
.blog-landing-box.type-2{overflow: hidden;}
.blog-landing-box.type-2 .blog-entry{margin-left: 100px; position: relative;}
.blog-landing-box.type-2 .date{position: absolute; left: -100px; top: 0; z-index: 1;}
.blog-landing-box.type-2 .date:before{content: ""; width: 1px; background: #ebebeb; height: 1000px; left: 50%; top: 95px; position: absolute;}
.blog-landing-box.type-2 .blog-entry:last-child .date:after{content: ""; width: 1px; background: #fff; height: 1000px; left: 50%; top: 95px; position: absolute;}
.blog-landing-box.type-2 .blog-entry .content{margin-left: 0;}
@media (max-width:  480px) {
    .blog-landing-box.type-2 .date{left: 0;}
    .blog-landing-box.type-2 .date:before{display: none;}
}

/*Blog List*/
@media (min-width: 768px) {
    .blog-landing-box.type-3 .blog-entry .image{float: left; width: 270px; margin-bottom: 0;}
    .blog-landing-box.type-3 .blog-entry .date{width: 45px; line-height: 45px; font-size: 24px; margin-left: 30px;}
    .blog-landing-box.type-3 .blog-entry .date span{font-size: 9px; line-height: 16px;}
    .blog-landing-box.type-3 .blog-entry .content{margin-left: 370px;}
    .blog-landing-box.type-3 .blog-entry .title{font-size: 22px; line-height: 24px; margin-bottom: 3px; padding-top: 7px;}
    .blog-landing-box.type-3 .blog-entry .description{margin-left: -70px; padding-top: 7px;}
    .blog-landing-box.type-3 .blog-entry .readmore{margin-left: -70px;}
}

/*Blog Grid*/
@media (min-width: 768px) {
    .blog-landing-box.type-4 .blog-entry{float: left; width: 33.3333333%; padding-left: 15px; padding-right: 15px; border: none; padding-bottom: 0; margin-bottom: 55px;}
    .blog-landing-box.type-4 .blog-entry:nth-child(3n+1){clear: both;}
    .blog-landing-box.type-4{margin-left: -15px; margin-right: -15px;}
    .blog-landing-box.type-4.columns-3 .blog-entry .date{width: 45px; line-height: 45px; font-size: 24px;}
    .blog-landing-box.type-4.columns-3 .blog-entry .date span{font-size: 9px; line-height: 16px;}
    .blog-landing-box.type-4.columns-3 .blog-entry .content{margin-left: 70px;}
    .blog-landing-box.type-4.columns-3 .blog-entry .image{margin-bottom: 25px;}
    .blog-landing-box.type-4.columns-3 .blog-entry .title{font-size: 20px; line-height: 24px;}
}
@media (max-width: 991px) {
    #content-block .blog-landing-box.type-4 .blog-entry .date{position: relative; float: none; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 14px; width: auto; background: none; text-align: left;}
    .blog-landing-box.type-4 .blog-entry .date span{background: inherit; color: inherit; font-size: inherit; line-height: inherit; display: inline-block;}
    .blog-landing-box.type-4 .blog-entry .content{margin-left: 0!important;}
}

/*Blog Big Grid*/
@media (min-width: 768px) {
    .blog-landing-box.type-4.columns-2 .blog-entry{width: 50%;}
    .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(3n+1){clear: none;}
    .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1){clear: both;}
    .blog-landing-box.type-4.columns-2 .blog-entry .image{margin-bottom: 40px;}
}

@media (max-width: 991px) {
    .blog-sidebar .information-blocks{margin-bottom: 40px;}
}
@media (max-width: 767px) {
    .blog-entry{margin-bottom: 30px; padding-bottom: 30px;}
    .blog-entry .image{margin-bottom: 30px;}
}

@media only screen and (max-width:480px){
    .blog-entry{margin-left: 0!important;}
    #content-block .blog-entry .date{position: relative; float: none; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 14px; width: auto; background: none; text-align: left;}
    .blog-entry .date span{background: inherit; color: inherit; font-size: inherit; line-height: inherit; display: inline-block;}
    .blog-entry .content{margin-left: 0;}
}

/*Detail Post*/
.detail-post .blog-entry .content{margin-left: 0;}
.detail-post-tags{font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 25px; margin-top: -10px;}
.detail-post-tags a{color: #808080;}
.detail-post-tags a:hover{text-decoration: underline;}
.detail-post-tags b{color: #262626; font-weight: 600;}
.comment{margin-bottom: 30px;}
.comment:after{content: ""; width: 100%; height: 0; clear: both; display: block;}
.comment-image{width: 100px; float: left; position: relative;}
.comment-image:after{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 1px transparent solid;}
.comment-image:hover:after{border-color: #ca1515;}
.comment-image img{width: 100%; height: auto; display: block;}
.comment-content{margin-left: 140px; padding-top: 7px;}
.comment-title{font-size: 13px; color: #808080; line-height: 22px; font-weight: 300; margin-bottom: 12px;}
.comment-title span{font-size: 17px; font-weight: 600; color: #262626;}
.comment-text{font-size: 14px; line-height: 24px; color: #808080; font-weight: 300;}
.additional-blog-title{font-size: 20px; line-height: 24px; color: #2e2e2e; font-weight: 600; margin-bottom: 30px;}
@media (max-width: 767px) {
    .comment-image{margin-right: 15px;}
    .comment-content{margin-left: 0;}
}

/**
  XX - 404 Pages
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.container-404{text-align: center; max-width: 630px; margin: 0 auto; padding: 100px 30px;}
.container-404 .title{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 300px; line-height: 300px; color: #343434; letter-spacing: -25px;}
.container-404 .description{font-size: 70px; line-height: 100px; color: #343434; font-weight: 300; margin-bottom: 5px;}
.container-404 .text{font-weight: 400; color: #808080; font-size: 14px; line-height: 24px;}
.container-404 .text a{font-weight: 600; color: #ca1515; text-decoration: underline;}
.container-404 .text a:hover{color: #343434;}
@media (max-width: 767px) {
    .container-404{padding: 25px 15px;}
    .container-404 .title{font-size: 100px; line-height: 100px; letter-spacing: -7px; margin-bottom: 10px;}
    .container-404 .description{font-size: 43px; line-height: 43px; margin-bottom: 10px;}
}

/**
  XX - Article Purpose
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
#content-block .continue-link{font-size: 14px; line-height: 18px; color: #d14242; display: inline-block; margin-bottom: 15px; font-weight: 600;}
#content-block .continue-link:hover{color: #262626;}
.heading-article{margin-bottom: 30px;}
.heading-article .title{font-size: 28px; line-height: 30px; color: #2e2e2e; font-weight: 500; margin-bottom: 15px;}
.heading-article .description{font-size: 21px; line-height: 30px; color: #262626; font-weight: 300; margin-bottom: 15px;}
.text-widget{/* */}
.text-widget .image{display: block; width: 100%; height: auto; max-width: 275px; margin-bottom: 15px;}
.text-widget .description{font-size: 13px; line-height: 24px; color: #a3a2a2; margin-bottom: 10px;}
@media (max-width: 991px) {
    .text-widget .image{float: left; margin-right: 30px;}
}
@media (max-width: 767px) {
    .text-widget .image{float: none; margin-right: 0;}
}
.article-container{font-size: 13px; line-height: 22px; margin-bottom: 25px;}
.article-container b{font-weight: 500; color: #2e2e2e;}
.article-container.columns-2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.article-container.columns-3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.article-container p, .article-container ul, .article-container ol, .article-container img{margin-bottom: 15px;}
.article-container h1, .h1{font-size: 32px; line-height: 32px; color: #2e2e2e; font-weight: 500; margin-bottom: 15px;}
.article-container h2, .h2{font-size: 28px; line-height: 34px; color: #262626; font-weight: 300; margin-bottom: 15px;}
.article-container h3, .h3{font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 11px; color: #000;}
.article-container h4, .h4{font-size: 14px; line-height: 22px; color: #262626; font-weight: 600; margin-bottom: 15px; text-transform: uppercase;}
.article-container h5, .h5{font-size: 13px; line-height: 30px; color: #262626; font-weight: 600; text-transform: uppercase;}
.article-container h5 .fa, .h5 .fa{font-size: 20px; color: #d14242; display: inline-block; vertical-align: middle; position: relative; top: -3px; margin-right: 5px;}
.article-container h6, .h6{font-size: 11px; line-height: 18px; color: #262626; font-weight: 700; margin-bottom: 15px;}
.article-container .dropcap:first-letter{float: left; font-size: 40px; padding: 2px 0; margin-top: 4px; margin-right: 5px; font-weight: 500; text-transform: uppercase; display: block;}
.article-container .dropcap.colored:first-letter{color: #fff;}
@media (max-width: 767px) {
    .article-container.columns-2, .article-container.columns-3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
}
.project-thumbnail{width: 100%; height: auto; display: block; margin-bottom: 40px;}

.filters-container ul.filters-option{margin-bottom: 0;}
.filters-container ul.filters-option li{margin-bottom: 1px; padding-left: 35px;background: #f5f5f5; color: #808080;}
.filters-container ul.filters-option li a{color: inherit; display: block; padding: 8px 0; font-size: 11px;}
.filters-container ul.filters-option li small{float: right;}
.filters-container ul.filters-option li:before{float: left; width: 15px; height: 16px;margin-top: 14px; display: block; line-height: 13px; text-align: center; left: 10px;}
.filters-container ul.filters-option li:after{display: table; clear: both; content: "";}
.filters-container ul.filters-option li.active{background: #f0f0f0;}
.filters-container ul.filters-option li.active:before{background: #f41f0f; color: #fff;}
.filters-container ul.filters-option li.active a{color: inherit;}

.share-box{border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; padding: 12px 0; position: relative;}
.share-box:after{width: 100%; height: 0; clear: both; display: block; content: "";}
.share-box .title{font-size: 14px; color: #808080; font-weight: 300; line-height: 30px; float: left;}
.share-box .socials-box{float: right;}
.share-box .socials-box a{margin: 0;}
@media (max-width: 767px) {
    .share-box .title, .share-box .socials-box{float: none; text-align: center;}
}

.widget-contact{font-style: normal;}
.widget-contact .contact-phone{color: inherit; font-size: 24px;}
.widget-contact .contact-phone > i{color: #d8d8d8;}
.widget-contact .contact-email{padding-left: 25px; font-size: 12px; line-height: 16px;}

/**
  04 - UI JQuery
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
button.ui-button::-moz-focus-inner {border: 0; padding: 0;}

/*UI-Slider*/
.ui-slider{position: relative; height: 3px; background: #d9d9d9; margin-right: 10px; margin-bottom: 10px;}
.ui-slider-range{height: 100%; position: absolute; left: 0; top: 0; background: #ca1515;}
.ui-slider-handle{width: 10px; height: 10px; background: #ca1515; margin: -3.5px 0 0 0; position: absolute; cursor: pointer;}

/*UI-Autocomplete*/
.ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.ui-autocomplete{/*padding-left: 15px;*/ max-height: 300px; overflow-y: auto; position: absolute; background: #fff; color: inherit; border: 1px solid #e6e6e6; z-index: 999 !important;}
* html .ui-autocomplete{width: 1px; /*padding-left: 15px;*/}
.ui-autocomplete-category{padding: 7px 15px 0px 5px; line-height: 1.6em; color: #382973; font-size: 13px; text-transform: uppercase; font-weight: 500;}
.ui-autocomplete-category:first-child{padding-top: 3px;}
.ui-autocomplete-category i{color: #f41f0f;}
.ui-autocomplete.ui-menu{list-style: none; padding: 2px 0 0; margin: 0;}
.ui-autocomplete.ui-menu .ui-menu{margin-top: -3px;}
.ui-autocomplete.ui-menu .ui-menu-item{margin: 0; padding: 0 20px; width: 100%; font-size: 12px; line-height: 18px; cursor: pointer;}
.ui-autocomplete.ui-menu .ui-menu-item:last-child{margin-bottom: 15px;}
.ui-autocomplete.ui-menu .ui-menu-item a{cursor: pointer; text-decoration: none; display: block; line-height: 18px; padding-right: 10px; padding-left: 15px;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active{font-weight: normal; margin: -1px;}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus{border: none; background: none; color: #f41f0f;}

/*UI-Datepicker*/
.ui-datepicker{width: 20em; padding: 0; display: none; background: #fff; border: 1px solid #307ecc; z-index: 997 !important;}
.ui-datepicker .ui-datepicker-header{min-height: 39px; position: relative; padding: .2em 0; background: #307ecc;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position: absolute; top: 15px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {visibility: hidden;}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.ui-datepicker .ui-datepicker-prev{left: 15px;}
.ui-datepicker .ui-datepicker-prev:before{border-right: 8px solid #fff;}
.ui-datepicker .ui-datepicker-next{right: 15px;}
.ui-datepicker .ui-datepicker-next:before{border-left: 8px solid #fff;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: none;}
.ui-datepicker .ui-datepicker-title{margin: 5px; line-height: 25px; text-align: center; color: #fff; font-size: 1.1667em; font-weight: bold;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{border: 1px solid #fff; background: #F6F6F6; color: #382973;}
.ui-datepicker .ui-datepicker-title select{font-size: .875em; margin: 0; margin-right: 5px;}
.ui-datepicker select.ui-datepicker-month-year{width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 35%; padding: 0 5px; height: 24px; line-height: 24px; border: 1px solid #c3c3c3; color: #032d65; font-weight: normal;}
.ui-datepicker select.ui-datepicker-year{margin-right: 0;}
.ui-datepicker table{width: 100%; font-size: 12px; border-collapse: collapse;}
.ui-datepicker th{width: 30px; height: 30px; line-height: 30px; /*background: #f5f5f5;*/ font-weight: bold; color: #382973;}
.ui-datepicker th span{display: block; text-align: center; font-size: 1.1667em; font-weight: inherit; /*color: #f41f0f;*/}
.ui-datepicker th span{/* */}
.ui-datepicker span.ui-datepicker-month{font-weight: bold;}
.ui-datepicker .ui-datepicker-calendar td{vertical-align: middle; text-align: center;}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span{color: inherit; display: block; height: 30px; line-height: 30px;}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span{opacity: .35; /*color: #dbdbdb;*/}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a{color: #f41f0f; font-weight: 500;}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td a:hover{background: #f41f0f; color: #fff;}
/*.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end{color: #d00;}*/

/*Datepicker with multiple calendars*/
.ui-datepicker.ui-datepicker-multi{width: auto !important;}
.ui-datepicker-multi .ui-datepicker-group{float: left;}
.ui-datepicker-multi .ui-datepicker-group table{width: 97%; margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 1px;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;}

.ui-datepicker .ui-datepicker-buttonpane{background: none; margin: .7em 0 0; border-top: 1px solid #307ecc;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left;}
.ui-datepicker .ui-datepicker-buttonpane button{float: right; height: 24px; line-height: normal; margin: .5em; width: auto; overflow: visible;}

.ui-datepicker-row-break{clear: both; width: 100%; font-size: 0;}

.markholiday .ui-state-default, .markholiday a.ui-state-default{font-weight: bold; color: #d00 !important;}
.markholiday.ui-datepicker-today .ui-state-default, .markholiday.ui-datepicker-today a.ui-state-default{background: #d00 !important;}
.markholiday .ui-state-default:hover, .markholiday a.ui-state-default:hover, .markholiday.ui-datepicker-today .ui-state-default, .markholiday.ui-datepicker-today a.ui-state-default{color: #fff !important;}

/**
  05 - Popup Box & Message Box
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.overlay-popup{position: fixed; width: 100%; height: 100%; z-index: 999; left: -100%; top: 0; overflow: hidden;}
.overlay-popup.visible{left: 0;}
.overlay-popup *:last-child{margin-bottom: 0!important;}
.overlay-popup .close-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); opacity: 0; min-height: 100vh;}
.overlay-popup .cell-view{position: relative;}
.overlay-popup .overflow{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow-x: hidden;}
.overlay-popup .popup-container{padding: 45px; background: #fff; max-width: 860px; width: 100%; margin: 0 auto; text-align: left; position: relative; transform: perspective(2000px) rotateX(77deg); -moz-transform: perspective(2000px) rotateX(77deg); -webkit-transform: perspective(2000px) rotateX(77deg); -ms-transform: perspective(2000px) rotateX(77deg); opacity: 0;}
.overlay-popup .popup-container.popup-small{padding: 20px; max-width: 570px; width: 100%;}
.overlay-popup .popup-container.popup-small > .popup-header{padding: 20px;}
.overlay-popup .popup-container.popup-small > .popup-body{padding: 15px 20px 20px;}
.overlay-popup .popup-container.popup-small > img.popup-banner{position: relative; width: 100%; height: auto;}
.overlay-popup .popup-container.popup-small > .popup-header + img.popup-banner{margin-top: -26px;}
.overlay-popup .popup-container .gallery-image{width: 100%; height: auto;}
.overlay-popup.active .close-layer{opacity: 1;}
.overlay-popup.active .popup-container{transform: perspective(2000px) rotateX(0deg); -moz-transform: perspective(2000px) rotateX(0deg); -webkit-transform: perspective(2000px) rotateX(0deg); -ms-transform: perspective(2000px) rotateX(0deg); opacity: 1;}
.overlay-popup .close-popup{width: 19px; height: 19px; position: absolute; top: 18px; right: 18px; cursor: pointer;}
.overlay-popup .close-popup:before, .close-popup:after{width: 19px; height: 2px; top: 50%; margin-top: -1px; left: -2px; content: ""; background: #292929; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
.overlay-popup .close-popup:after{transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.popup-background{position: absolute; right: 0; top: 0; height: 100%; width: auto;}
@media (max-width: 767px) {
    .overlay-popup .popup-container{padding: 25px;}
    .overlay-popup .cell-view, .overlay-popup .table-view{display: block;}
    .overlay-popup .close-popup{top: 10px; right: 10px;}
    .popup-background{display: none;}
}

/*Message Box*/
.message-box{color: #8cbc09; border: 1px currentColor solid; margin-bottom: 25px; position: relative;}
.message-icon{position: absolute; width: 40px; height: 100%; background: currentColor; left: 0; top: 0;}
.message-icon *{font-size: 24px; line-height: 24px; text-align: center; color: #fff; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px;}
.message-text{font-size: 13px; color: #2e2e2e; font-weight: 500; line-height: 22px; padding: 10px 60px;}
.message-text b{font-weight: 700;}
.message-close{width: 55px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer;}
.message-close *{font-size: 12px; line-height: 12px; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -6px; color: #808080;}
.message-danger{color: #bc0909;}
.message-warning{color: #e7b60a;}
.message-info{color: #382973;}
.message-success{color: #4caf50;}

/**
  06 - Bootstrap Tabs
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.tab-wrapper{background: #fff;}
.tab-wrapper .tab-container .tab-content .tab-pane{padding-left: 0; padding-right: 0;}

.tab-pane [class^="col-"], .tab-pane [class*=" col-"]{padding-left: 10px; padding-right: 10px;}
.tab-pane .row{margin-top: 0; margin-left: -10px; margin-right: -10px;}

.tab-container {/* Write Style */}
.tab-container ul.tabs{margin: 0; padding: 0;}
.tab-container ul.tabs li{float: left; padding-right: 4px;}
.tab-container ul.tabs li:last-child{padding-right: 0;}
.tab-container ul.tabs li a{color: #fff; display: block; padding: 0 20px; background: #d9d9d9; font-size: 1em; font-weight: 500; height: 40px; line-height: 40px; text-decoration: none; text-transform: uppercase; white-space: nowrap;}
.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a{color: #f41f0f; background: #fff;}
.tab-container ul.tabs.full-width{display: block; width: 100%; /*margin-bottom: -4px;*/}
.tab-container ul.tabs.full-width li{float: none; display: table-cell; vertical-align: middle; width: 1%;}
.tab-container ul.tabs.full-width li a{padding: 0; text-align: center;}
.tab-container ul.tabs:after{display: table; content: ""; clear: both;}
.tab-container .tab-content{background: #fff;}
.tab-container .tab-content .tab-pane{padding: 20px; line-height: normal;}
.tab-container .tab-content .tab-pane .row{margin-bottom: 15px;
/*border-top: 1px solid #f5f5f5; padding: 20px 0;
&:first-child { border: none; padding-top: 0;}
&:last-child { padding-bottom: 0; }*/}
.tab-container .tab-content .tab-pane > img{margin: 0 15px 0 0;}
.tab-container .tab-content .tab-pane:after{content: "";display: table;clear: both;}
.tab-container .tab-content .tab-pane .image-box .details{padding-right: 0;}

.tab-container.style-1 ul.tabs{display: block; background: #fff; padding: 10px 0 10px 10px;}
.tab-container.style-1 ul.tabs li{padding-right: 10px;}
.tab-container.style-1 ul.tabs li a{height: 30px; line-height: 30px; background: #f5f5f5; padding: 0 18px; color: #9e9e9e; font-weight: normal; font-size: 0.9167em; font-weight: bold;}
.tab-container.style-1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a{color: #fff; background: #242424; position: relative;}
.tab-container.style-1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after{position: absolute; bottom: -5px; left: 50%; margin-left: -10px; border-top: 5px solid #242424; border-left: 7px solid transparent; border-right: 7px solid transparent; content: "";}
.tab-container.style-1 ul.tabs li:hover > a:after{display: none;}
.tab-container.style-1 ul.tabs li.active:hover > a:after{display: block;}
.tab-container.style-1 ul.tabs.full-width li a{padding: 0;}

.tab-container.style-2 ul.tabs{display: block; background: none; padding: 0;}
.tab-container.style-2 ul.tabs li{padding-right: 10px;}
.tab-container.style-2 ul.tabs li:last-child{padding-right: 0;}
.tab-container.style-2 ul.tabs li a{height: 40px; line-height: 40px; background: #c3c3c3; color: #fff; padding: 0 18px; font-weight: normal; font-size: 1.1em; font-weight: normal;}
.tab-container.style-2 ul.tabs li.active > a, .tab-container.style2 ul.tabs li:hover > a{color: #fff; background: #f57c00; position: relative;}
.tab-container.style-2 ul.tabs li span.number{float: left; margin: 8px -31px 0 8px; height: 23px; width: 23px; line-height: 23px; background: #fff; color: #c3c3c3; font-size: inherit; font-weight: 500; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.tab-container.style-2 ul.tabs li.active span.number, .tab-container.style2 ul.tabs li:hover span.number{background: #fff; color: #242424;}
.tab-container.style-2 ul.tabs.full-width li a{padding: 0;}
.tab-container.style-2 .tab-content{/*background: #fbfbfb;*/ background: none;}
.tab-container.style-2 .tab-content .tab-pane{padding: 0 0 20px;}
.tab-container.style-2 .tabs + .tab-content .tab-pane{padding-top: 15px;}
.tab-container.style-2 .tab-content .tab-pane .row{margin-bottom: 0;}

.tab-container.style-3 ul.tabs{padding: 0; font-size: 14px;}
.tab-container.style-3 ul.tabs li{margin-bottom: -1px; padding-right: 0px;}
.tab-container.style-3 ul.tabs li.side-title{height: 40px; padding-right: 30px; line-height: 39px; position: relative;}
.tab-container.style-3 ul.tabs li a{height: 40px; margin-right: -1px; line-height: 39px; background: none; text-transform: none; position: relative; font-weight: normal; color: #242424; border: 1px solid #d8d8d8;}
.tab-container.style-3 ul.tabs li:last-child a{margin-right: 0;}
.tab-container.style-3 ul.tabs li a:hover{background: #f5f5f5; color: inherit;}
.tab-container.style-3 ul.tabs li.active a{background: #f5f5f5; color: inherit; border-bottom: none;}
.tab-container.style-3 ul.tabs li.active a i{color: #f57c00;}
.tab-container.style-3 ul.tabs li.active a:hover i{color: #f57c00;}
.tab-container.style-3 .tabs + .tab-content{background: #f5f5f5; border: 1px solid #d8d8d8; border-top: none;}
.tab-container.style-3 .tabs + .tab-content .tab-pane{}
@media (max-width: 767px) {
    .tab-container.style-3 ul.tabs li{margin-bottom: 10px;}
    /*.tab-container.style-3 ul.tabs li{width: 50%;}*/
    .tab-container.style-3 ul.tabs li.side-title{width: 100%; height: auto; padding: 0; line-height: normal;}
    .tab-container.style-3 ul.tabs li.active a{border-bottom: 1px solid #d8d8d8;}
}

/**
  07 - Flight Reservation Component
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.ov-fr-flight-search{/*margin-top: -330px !important;*/margin-top: -300px !important;}/*If any other tabs section using margin-top: -330px*/
@media (max-width: 991px) {
    .ov-fr-flight-search{margin-top: 0 !important; padding-top: 40px !important;}
}

/*Form Search Box*/
.search-box-wrapper{background: none;}
.search-box-wrapper .search-box{margin: 0 auto; padding: 5px; background: rgba(192, 192, 190, 0.7); position: relative; z-index: 99;}
.search-box-wrapper .search-box .col3a, .search-box-wrapper .search-box .col3b, .search-box-wrapper .search-box .col3c{margin-bottom: 0;}
.search-box-wrapper .search-box .col3a/*, .search-box-wrapper.style2 .search-box .col3b*/{border-right: 2px dotted #fff;}
.search-box-wrapper .search-box .col3c{border-left: 2px dotted #fff;}
.search-box-wrapper .search-box ul.search-tabs{display: block; margin: 0; margin-right: -5px; padding: 0;}
.search-box-wrapper .search-box ul.search-tabs:before{display: table; content: " ";}
.search-box-wrapper .search-box ul.search-tabs li{margin-bottom: 5px; padding-right: 5px; display: table-cell; width: 25%; float: left;}
.search-box-wrapper .search-box ul.search-tabs li[class^="cols-"]{padding-right: 10px; padding-left: 10px;}
.search-box-wrapper .search-box ul.search-tabs li:first-child{/*padding-left: 0;*/}
.search-box-wrapper .search-box ul.search-tabs li:last-child{/*padding-right: 0;*/}
.search-box-wrapper .search-box ul.search-tabs li > a{display: block; overflow: hidden; padding: 0; height: 40px; line-height: 40px; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; letter-spacing: 0.04em; background: #fff; color: #242424; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: .8; -moz-opacity: .8; opacity: .8;}
.search-box-wrapper .search-box ul.search-tabs li > a:hover{filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
.search-box-wrapper .search-box ul.search-tabs li > a i{height: 40px; width: 40px; display: block; line-height: 40px; float: left; font-size: 16px;}
.search-box-wrapper .search-box ul.search-tabs li > a i[class^="soap-icon"], .search-box-wrapper .search-box ul.search-tabs li > a i[class^="fa"]{font-size: 18px; vertical-align: middle; margin-right: 10px;}
.search-box-wrapper .search-box ul.search-tabs li > a span{width: calc(100% - 40px); display: block; /*vertical-align: middle;*/}
.search-box-wrapper .search-box ul.search-tabs li.advanced-search > a{background: #f57c00;}
.search-box-wrapper .search-box ul.search-tabs li.active > a{margin-bottom: 0; /*height: 40px;*/ background: #fff;}
.search-box-wrapper .search-box .button{margin-bottom: 0;}
.search-box-wrapper .search-tab-content{padding: 20px; background: #fff;}
.search-box-wrapper .search-tab-content .tab-pane{display: none;}
.search-box-wrapper .search-tab-content .tab-pane.active{display: block;}
.search-box-wrapper .search-tab-content .tab-pane .row{margin-left: -15px; margin-right: -15px;}
.search-box-wrapper .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper .search-tab-content .tab-pane [class*=" col-"]{padding-left: 15px; padding-right: 15px;}
.search-box-wrapper .search-tab-content .tab-pane .form-group{margin-bottom: 10px;}
.search-box-wrapper .search-tab-content .checkbox-entry.radio input + span{border-color: #c0c0c0;}
.search-box-wrapper .search-tab-content .checkbox-entry.radio input:checked + span:after{box-shadow: inset 0 0 0 3px #fff; border-color: #ca1515;}
.search-box-wrapper .search-tab-content h4.title{margin: 10px 0; height: 20px; font-size: 16px;}
@media (min-width: 992px) {
    .cols-m1, .cols-m2, .cols-m3, .cols-m4, .cols-m5, .cols-m6, .cols-m7, .cols-m8, .cols-m9, .cols-m10, .cols-m11, .cols-m12{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

    .cols-m12 {width: 100%;}
    .cols-m11 {width: 91.66666667%;}
    .cols-m10 {width: 83.33333333%;}
    .cols-m9  {width: 75%;}
    .cols-m8  {width: 66.66666667%;}
    .cols-m7  {width: 58.33333333%;}
    .cols-m6  {width: 50%;}
    .cols-m5  {width: 41.66666667%;}
    .cols-m4  {width: 33.33333333%;}
    .cols-m3  {width: 25%;}
    .cols-m2  {width: 16.66666667%;}
    .cols-m1  {width:  8.33333333%;}
}
@media (max-width: 767px) {
    .search-box-wrapper .search-box ul.search-tabs li{width: 50%;}
    .search-box-wrapper .search-box ul.search-tabs li > a, .search-box-wrapper .search-box ul.search-tabs li > a i{height: 50px; line-height: 50px;}
}

/*Title Box*/
.box-title{margin-bottom: 0; line-height: 1em;}
.box-title small, .box-title span.info{text-transform: uppercase; font-size: 10px; display: block;}
.box-title span.info{margin-bottom: 2px; color: #838383;}
.box-title span.info.bottom{margin-bottom: 0; margin-top: 5px;}
.box-title small{/*font-size: 10px;*/ margin-top: 5px; color: #838383; /*text-transform: uppercase; display: block; letter-spacing: normal;*/}
.box-title small [class^="soap-icon"]{color: #f41f0f; font-size: inherit;}

/*Flight City Select Big*/
.list-city-wrap {display: none; width: 100%; height: 1px; position: absolute; top: 60px; z-index: 105;}
.list-city-wrap .list-city-container {position: relative; padding-left: 15px; padding-right: 15px; background: #fff; border: 1px solid #c3c3c3; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3);}
.list-city-wrap .overflow-city-container {/* */}
.list-city-wrap .overflow-city-container > *:last-child {border-left: 1px solid #c3c3c3;}
.list-city-wrap .sidebar-wrap {/*min-height: 600px; border-right: 1px solid #c3c3c3;*/}
.list-city-wrap .sidebar-wrap .tabs {position: relative; padding: 20px; font-size: 16px; line-height: 1.3em; background: #032d65; color: #fff; text-align: left; white-space: nowrap;}
.list-city-wrap .sidebar-wrap .tabs:after {font-family: "soap-icons"; content: "\e86f"; position: absolute; right: 0; width: 20px; height: 100%; color: #fff;  font-size: 2em;}
.list-city-wrap .sidebar-wrap .popular {padding: 20px; font-size: 115%; color: inherit;}
.list-city-wrap .city-container {display: block; width: 100%; margin-top: 30px; margin-bottom: 30px;}
.list-city-wrap .city-container .page {padding: 0 20px 5px 10px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 1px solid #c3c3c3; -moz-column-rule: 1px solid #c3c3c3; column-rule: 1px solid #c3c3c3;}
.list-city-wrap .city-container .page:last-child {border-right: none;}
.list-city-wrap .city-container .page > .city-category {padding-top: 0;}
.list-city-wrap .city-container .page .city-category, .list-city-wrap .popular .city-category {clear: both; /*padding-left: 23px; if using pseudo element :before*/ padding-left: 5px; color: #382973; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.list-city-wrap .city-container .page .city-category i, .list-city-wrap .popular .city-category i {margin-right: 3px; color: #f41f0f;}
.list-city-wrap .city-container .page .city-category:before, .list-city-wrap .popular .city-category:before {/*font-family: "FontAwesome"; content: "\f138"; margin-left: -18px; position: absolute; color: #f41f0f;*/}
.list-city-wrap .city-container .page .city-name, .list-city-wrap .popular .city-name {padding-left: 15px; color: inherit; font-size: 14px; font-weight: normal;}
.list-city-wrap .city-container .page .city-name a, .list-city-wrap .popular .city-name a {cursor: pointer; text-decoration: none;}
.list-city-wrap .city-container .page .city-name a:hover, .list-city-wrap .popular .city-name a:hover {color: #f41f0f;}
/*.list-city-wrap .city-container .page .city-name + .city-category {padding-top: 10px;}*/
.list-city-wrap .close {filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; font-weight: normal; color: #f41f0f; font-size: 20px; cursor: pointer; text-shadow: none; float: none; position: absolute; top: 8px; right: 8px;}
.list-city-wrap .close:hover {color: #d15621;}
.list-city-wrap .close:before {content: "\f00d"; font-family: "FontAwesome";}
.city-category {margin-bottom: -4px; line-height: 2.2em;}
.city-name {line-height: 1.5em;}
@media (max-width: 991px) {
    .list-city-wrap .city-container .page {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid #c3c3c3; -moz-column-rule: 1px solid #c3c3c3; column-rule: 1px solid #c3c3c3;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .list-city-wrap .city-container {height: 500px; overflow-y: auto;}
    .list-city-wrap .sidebar-wrap > .popular {height: 450px; overflow-y: auto;}
}
@media (max-width: 767px) {
    .list-city-wrap .list-city-container .overflow-city-container {height: 500px; overflow-y: auto;}
    .list-city-wrap .list-city-container > * [class^="col-"], .list-city-container > * [class*=" col-"] {padding-left: 0px; padding-right: 0px;}
    .list-city-wrap .sidebar-wrap .tabs:after {content: "";}
    .list-city-wrap .city-container {margin-top: 15px; padding-top: 15px; border-top: 1px dashed #c3c3c3;}
    .list-city-wrap .city-container .page .city-name, .list-city-wrap .popular .city-name {float: left; margin: 0 5px 5px 5px; padding: 3px 15px !important; background: #d9d9d9;}
    .list-city-wrap .city-container .page .city-name:hover, .list-city-wrap .popular .city-name:hover {background: #a0a0a0; color: #fff;}
    .list-city-wrap .city-container .page .city-name a:hover, .list-city-wrap .popular .city-name a:hover {color: #fff;}
    .list-city-wrap .city-container .page .city-name:first-child, .list-city-wrap .popular .city-name:first-child {border-left: none;}
    .list-city-wrap .city-container .page {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: none; -moz-column-rule: none; column-rule: none;}
}
@media (max-width: 480px) {
    .list-city-wrap .list-city-container .overflow-city-container {height: 400px;}
}

/*Flight City Select Small*/
.list-city-small-wrap {display: none; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3);}
ul.combobox {position: absolute; background: #fff; width: 100%; /* border-radius: 5px; */ margin: 0; padding: 0; border: 1px solid #d8d8d8; z-index: 9999; top: 0; left: 0; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3);}
ul.combobox li {/* background-color: red; */ border-bottom: 1px solid #d8d8d8; padding: 10px 10px !important; width: 100%; position: relative;}
ul.combobox li:nth-last-child(2) {border-bottom: none;}
ul.combobox li .fa {position: absolute; right: 5px; line-height: 25px;}
ul.combobox.nav.nav-tabs > li.active {font-size: 1.35em; background: #f41f0f; color: #fff300;}
ul.combobox.nav.nav-tabs > li.active i {font-size: 1.35em;}
ul.combobox.nav.nav-tabs > li.active a {padding-left: 15px; color: #fff300;}
ul.combobox.nav.nav-tabs > li a {padding: 0; padding-left: 25px; background-color: transparent; border: 0; font-size: 1.2em; letter-spacing: .07em; color: #888; line-height: 25px;}
ul.combobox.nav.nav-tabs > li a:hover {color: #f41f0f;}
ul.combobox.nav.nav-tabs > li:first-child a {color: #f41f0f;}
.tabbable.tabs-left {position: absolute; top: -1px; background-color: #fff; left: 100%; min-height: -webkit-calc(100% + 2px); min-height: -moz-calc(100% + 2px); min-height: -ms-calc(100% + 2px); min-height: -o-calc(100% + 2px); min-height: calc(100% + 2px); width: 60%; -webkit-transition: left 0.2s linear; -moz-transition: left 0.2s linear; -ms-transition: left 0.2s linear; -o-transition: left 0.2s linear; transition: left 0.2s linear; border: 1px solid #d8d8d8;}
.tabbable.tabs-left .tab-content {padding: 0;}
.tabbable.tabs-left .tab-content .tab-pane {padding: 0; line-height: 1.42857143;}
.tabbable.tabs-left ul {background-color: #fff !important;}
.tabbable.tabs-left .tab-content ul {background-color: #f41f0f;}
.tabbable.tabs-left .tab-content ul li {width: 100%; float: right; padding: 4px !important; padding-left: 38px !important; border: 0;}
.tabbable.tabs-left .tab-content ul li a {cursor: pointer;}
.tabbable.tabs-left .tab-content ul li.active a, .tabbable.tabs-left .tab-content ul li a:hover {color: #f41f0f;}
.tabbable.tabs-left .tab-content ul li:first-child {padding-top: 25px !important;}
.tabbable.tabs-left .tab-content ul li:last-child {padding-bottom: 15px !important;}
.tab-content-close {position: absolute; top: 11px; right: 13px; display: inline-block; font-size: 16px; cursor: pointer; z-index: 9;}
.leave ul.combobox li {border-bottom: 1px solid #eaeaea; padding: 10px 10px !important; width: 100%; position: relative;}
.leave ul.combobox li .fa {position: absolute; right: 5px; top: 14px;}
.tab-content-close:hover {color: #24d279 !important; background-color: #fff !important;}
span.leave.search-destination ul.combobox {top: 250px;}
.data-fade-island {left: 12px; right: auto; display: none !important;}

/*Flight Result and Book*/
.flight-result-title{line-height: 20px}

/*.flight-page{font-family: 'lato', sans-serif;}*/
.flight-page h4{margin-bottom: 3px;}
.flight-page h4.f16{font-size: 16px;}
.flight-page sup.strike{text-decoration: line-through;}

.header-search-box-wrap{padding: 15px 0;border-top: 1px dashed #c0c0c0;}
.header-search-box-wrap + .flight-result-select{border-top: 1px dashed #c0c0c0;}

.flight-progress{height: 2px; margin-top: -1px; margin-bottom: 0; overflow: hidden; background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);}
.flight-progress-bar{float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #C91111; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;}

.no-need-wrap{height: 34px; margin-left: 5px; padding: 0; font-size: inherit; font-style: italic; color: #838383; line-height: 34px;}
.no-need-wrap i{font-size: 16px; margin-right: 8px;}

.table-result{width: 100%;}
.table-result thead{border: 1px solid #d8d8d8; border-bottom: none;}
.table-result thead th{padding: 10px; font-weight: normal; vertical-align: middle;}
.table-result thead th:first-child{vertical-align: middle;}
.table-result tbody{border: 1px solid #d8d8d8;}
.table-result tbody tr{border-bottom: 1px solid #d8d8d8;}
.table-result tbody td{padding: 10px; vertical-align: middle;}
.table-result tbody td:first-child{vertical-align: middle;}

.filter-bar:after, .filter-bar:before{content: ""; display: table;}

.filter-bar.style1{margin-bottom: 0px;border: 1px solid #d8d8d8;color: #a0a0a0;}
.filter-bar.style1 .filter-by-section{padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #d8d8d8;}
.filter-bar.style1 .filter-by-section:last-child{padding: 10px; border-right: none;}
.filter-bar.style1 .filter-by-section .filter-by-container{font-size: 16px; cursor: pointer; position: relative; display: block;}

.filter-bar.style2{/* */}

.filter-date{color: inherit; margin-bottom: 20px !important; border: 1px solid #d8d8d8;}
.filter-date-container{height: 75px;}
.filter-date-container .slide-button{height: 75px; line-height: 75px;}
.filter-date-container .slide-button.left{border-right: 1px solid #d8d8d8;}
.filter-date-container > *:first-child, .filter-date-container > *:last-child{/* */}
.filter-date-container .filter-date-list > div{height: 75px; padding: 20px 0; border-right: 1px solid #d8d8d8; -webkit-transition: all .21s linear !important; -moz-transition: all .21s linear !important; -o-transition: all .21s linear !important; transition: all .21s linear !important; cursor: pointer;}
.filter-date-container .filter-date-list > div:last-child{border-right: none;}
.filter-date-container .filter-date-list > div span{color: #da251d; font-weight: 500;}
.filter-date-container .filter-date-list > div:hover{background: #fffbed;}
.filter-date-container .filter-date-list > div:active, .filter-date-container .filter-date-list > div.active{background: #05519e; color: #fff; font-weight: 500;}
.filter-date-container .filter-date-list > div:active a, .filter-date-container .filter-date-list > div.active a, .filter-date-container .filter-date-list > div:active a:hover, .filter-date-container .filter-date-list > div.active a:hover{color: #fff;}
.filter-date-container .filter-date-list > div:active span, .filter-date-container .filter-date-list > div.active span{color: #fff;}
@media (max-width: 767px) {
    .filter-date-container .filter-date-list > div:nth-last-child(3){border-right: none;}
}

.filter-box-container{}
.filter-box-container .checkbox-entry input + span{width: 20px; height: 20px;}
.filter-box-container .checkbox-entry:not(.radio) input:checked + span::after{width: 18px; font-size: 14px; line-height: 18px;}
.filter-box-container .ui-slider{margin-right: 20px; margin-bottom: 20px;}
.filter-box-container .ui-slider-handle{width: 20px; height: 20px; margin: -8.5px 0 0 0;}

.data-airlines .data-airlines-description{font-size: 13px; font-weight: 500; text-align: center;}

.ribbon-p1-wrapper{width: 60px; height: 60px; margin: 0px; overflow: hidden; position: absolute;}
.ribbon-p1{width: 120px; padding: 3px 0; text-align: center; position: relative; font-size: 11px; font-weight: 500; right: 40px; top: 10px; color: #fff; background-color: #f00; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}

.gtable{width: 100%;}
.gtable td{padding: 3px 5px;}
.gtable.bordered td{border: 1px solid #d8d8d8;}

/*Wizzard Step*/
.wizard-step{float: left; position: relative;font-family: "Lato";}
.wizard-step li{display: inline-block; font-weight: 400; color: #404040;}
.wizard-step li label, .wizard-step li span{display: inline-block; font-weight: 500; color: #999;}
.wizard-step li label{margin-bottom: 0px; letter-spacing: 0.5px; font-size: 13px;}
.wizard-step li span{width: 35px; height: 35px; margin-right: 6px; line-height: 30px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: none; border: 2px solid #eee;}
.wizard-step li.active label{font-weight: 600;color: inherit;}
.wizard-step li.active span{background: #da251d; color: #fff; border-color: #da251d;}
.wizard-step li.done span{background: #9691a7; color: transparent; border-color: #9691a7;}
.wizard-step li.done span:after{font-family: "FontAwesome"; content: "\f00c"; position: relative; right: 4px; color: #fff;}
.wizard-step.full-width{width: 100%;}
.wizard-step.full-width li{float: none; display: table-cell; vertical-align: middle; text-align: center; width: 1%;}
@media (max-width: 767px) {
    .wizard-step li label{display: none;}
}

/*Flight Step Transit*/
ol.progtrckr{margin-top: 30px;}
ol.progtrckr li{text-align: left; /*line-height: 3em;*/}
ol.progtrckr li.progtrckr-todo{margin-left: 0; margin-top: 16px; height: 100px; border-left: 3px solid #f57c00;}
ol.progtrckr li.progtrckr-todo:last-child{border-left: none; margin-bottom: -20px;}
ol.progtrckr li.progtrckr-todo:before{font-family: "FontAwesome"; content: "\f10c"; color: #f57c00; background-color: none; font-size: 22px; position: absolute; margin-top: -18px; left: 2.284px;}
.progtrckr-content{overflow: hidden; width: 100%; height: auto; position: relative; margin-left: 35px; top: -25px;}
.progtrckr-content .todo-wid{padding: 0 5px; text-align: center;}
.progtrckr-content .gtable td{padding: 1.3px 4px;}
@media (min-width: 561px) and (max-width: 767px) {
    ol.progtrckr li.progtrckr-todo{height: 180px;}
    .progtrckr-content table.gtable{font-size: 13px;}
}
@media (max-width: 560px) {
    ol.progtrckr li.progtrckr-todo{margin-left: 3.5px; height: 190px;}
    ol.progtrckr li.progtrckr-todo:before{left: 6px;}
    .progtrckr-content{margin-left: 20px;}
    .progtrckr-content [class^="col-"]{margin-bottom: 10px;}
    .progtrckr-content table.gtable{font-size: 12.5px;}
}

.flight-result-header{background: #05519e; color: #fff; border: 1px solid #d8d8d8; border-top: none; margin-bottom: 10px;}

.flight-result-container{/* */}
.flight-result-container .flight-panel{margin-bottom: 0px; border: none; border-radius: 0; box-shadow: none;}
.flight-result-container .flight-panel:first-child .list-boxer{border-top: 1px solid #d8d8d8;}
.flight-result-container .list-boxer table.table-result{height: 95px;}
.flight-result-container .list-boxer{cursor: pointer; border: 1px solid #d8d8d8; border-top: none;}
.flight-result-container .list-boxer, .flight-result-container .list-boxer:hover, .flight-result-container .list-boxer.collapsed:hover{background: #ffd;}
.flight-result-container .list-boxer.collapsed{background: none;}
.flight-result-container .flight-panel .flight-panel-content{border: 1px solid #d8d8d8; border-top: none; -webkit-transition: all .31s linear !important; -moz-transition: all .31s linear !important; -o-transition: all .31s linear !important; transition: all .31s linear !important;}
.flight-result-container .flight-panel .flight-panel-content h4.f-title{margin-bottom: 10px !important;}
.flight-result-container .flight-panel .flight-panel-content.collapse, .flight-result-container .flight-panel .flight-panel-content.in{background: #fffbed; }

.flight-selected > .list-boxer{border: 1px solid #d8d8d8; border-top: none;}
.flight-selected > .list-boxer:first-child{border-top: 1px solid #d8d8d8;}
.flight-selected > .list-boxer:last-child{margin-bottom: 10px !important;}

.booking-details .details{padding-left: 0; padding-right: 0; padding-top: 7px;}
.booking-details .timing{font-size: 0.8333em; text-transform: uppercase; text-align: right; line-height: 1.3333em; border-bottom: 1px solid #e1e8ed; padding: 10px 0 5px; margin: 0;}
.booking-details .timing .duration{font-weight: bold; color: #f41f0f;}
.booking-details .timing .duration > div{margin-top: 5px;}
.booking-details .timing .check-out{text-align: left;}
.booking-details .timing label, .booking-details .timing span{display: block; line-height: 1.42; letter-spacing: 0.04em;}
.booking-details .timing label{color: #382973; font-size: 1em; margin-bottom: 0; font-weight: bold;}
.booking-details .timing i{font-size: 2em;}
.booking-details .flight-price-detail{margin-bottom: 0; text-align: right; background: #f5f5f5;}
.booking-details .flight-price-detail dt, .booking-details .flight-price-detail dd{padding: 15px 12px; border-top: 1px solid #fff;}
.booking-details .flight-price-detail dt.first, .booking-details .flight-price-detail dd.first{border-top: none;}
.booking-details .flight-price-detail dt{float: left; text-align: left; margin: 0; clear: both;}
.booking-details .flight-price-detail dt.total-price, .booking-details .flight-price-detail dd.total-price-value{font-size: 16px; color: #382973; font-weight: 500;}
.booking-details .flight-booking-details .details{padding: 0; margin-top: 10px; border-top: 1px solid #d8d8d8;}
.booking-details .flight-booking-details + .other-details dt, .booking-details .flight-booking-details + .other-details dd{padding: 0 0 .5em; border-top: none;}
.booking-details .flight-booking-details .flight-goback-date{width: 100%; margin: 0; padding: 10px 15px; position: relative; background: #aaa; color: #fff; font-size: 1.13em;}
.booking-details .flight-booking-details .flight-goback-date span{float: right;}
.booking-details .flight-booking-details .flight-goback-date + .bordered-box{border-top: none;}
.booking-details .flight-booking-details > .bordered-box{padding-top: 15px; background: #fff; border: 1px solid #d8d8d8;}
.booking-details .flight-booking-details > .bordered-box .details{border-top: 1px dashed #d8d8d8;}
.booking-details .flight-booking-details > .bordered-box .timing{border-bottom: 1px dashed #d8d8d8;}
.booking-details .flight-booking-details > .bordered-box .timing:last-child{border-bottom: none;}
.booking-details .flight-booking-details .flight-airlogo{width: 75px; float: left; margin: 0; padding: 5px; text-align: center;}
.booking-details .flight-booking-details .flight-airlogo img{height: auto;}
.booking-details .flight-booking-details .flight-airlogo span{font-size: 0.8333em; text-transform: uppercase;}

.person-information .row, .card-information .row{margin-left: -10px; margin-right: -10px;}
.person-information [class^="col-"], .person-information [class^="col- "], .card-information [class^="col-"], .card-information [class^="col- "]{padding-left: 10px; padding-right: 10px;}

.penumpang {margin-bottom: 25px;}
.penumpang:last-child{margin-bottom: 60px;}
.penumpang .db-pax-right{width: 24%; float: right;}
.penumpang .db-pax-left{width: 100%; float: left;}
.penumpang .db-pax-right, .penumpang .db-pax-left{position: relative; min-height: 1px;}
@media (min-width: 768px) {
    .penumpang .db-pax-right + .db-pax-left{width: 76%;}
}
@media (max-width: 767px) {
    .penumpang .db-pax-right{width: 100%; float: none;}
    .penumpang .db-pax-left{width: 100%; float: none;}
}


.validerror-red {
  overflow: auto;
  margin: 0;
  margin-top: 5px;
  padding: 6px 10px;
  background: #f24444;
  color: #fff;
  font-size: 12px; }
  .validerror-red span.triangle {
    content: '';
    display: inline-block;
    position: absolute;
    margin-top: -28px;
    border: 11.5px solid rgba(255,255,255,0);
    border-bottom-color: rgba(242,68,68,1);
    height: 0;
    width: 0; }

/*Button Booking*/
@media (max-width: 560px) {
    .btn-back, .btn-book{float: left;}
    .btn-back{width: 23%;margin-right: .96%;}
    .btn-book{width: 75%;}
}

.constant-column-3:after{clear: both; content: ""; display: table;}
.constant-column-3 > *{float: left;}
.constant-column-3 > *{width: 31.3333%; margin-right: 3%; margin-bottom: 3%;}
.constant-column-3 > *:nth-child(3n){margin-right: 0;}
.constant-column-3 > *:nth-child(3n+1){clear: both;}

/*Box Listing*/
.box-listing{padding: 20px 20px 5px 20px; border: 1px solid #e0e0e0;}
.box-listing .block-title{font-size: 18px; border-color: #e0e0e0;}
.box-listing .inline-list-entry{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;}
.box-listing .inline-list-entry:last-child{margin-bottom: 0; border-bottom: none;}
.box-listing .inline-list-entry small{display: block; margin-bottom: 3px; font-size: 10px}
.box-listing .inline-list-entry .image{width: 55px; float: left; border: 1px transparent solid;}
.box-listing .inline-list-entry .image:hover{border-color: #8bab0a;}
.box-listing .inline-list-entry .image img{display: block; width: 100%; height: auto;}
.box-listing .inline-list-entry .content{margin-left: 70px;}
.box-listing .inline-list-entry .content .cell-view{height: 55px;}
.box-listing .inline-list-entry .title{font-size: 15px; color: #5a5858; line-height: 20px; font-weight: 500; margin-bottom: 5px; display: inline-block;}
.box-listing .inline-list-entry .title:hover{color: #8bab0a;}
.box-listing .inline-list-entry .price .current{font-size: 15px;}

.payment{margin-bottom: 20px;}
.payment .paymentlist{padding: 0; position: relative; background: none; border: 1px solid #e0e0e0;}
.payment .paymentlist ul.tabs li{width: 25%; float: left; margin-bottom: 10px; padding-right: 10px;}
.payment .paymentlist ul.tabs li:only-child{width: 100%;}
.payment .paymentlist ul.tabs li:first-child:nth-last-child(2), .tab-container.payment .paymentlist ul.tabs li:first-child:nth-last-child(2) ~ li{width: 50%;}
.payment .paymentlist ul.tabs li:first-child:nth-last-child(3), .tab-container.payment .paymentlist ul.tabs li:first-child:nth-last-child(3) ~ li{width: 33.3333%;}
.payment .paymentlist ul.tabs li a{height: 40px; line-height: 40px; background: #e6e6e6; color: #808080; text-transform: none; text-align: center;}
.payment .paymentlist ul.tabs li.active a, .tab-container.payment .paymentlist ul.tabs li:hover a{background: #382973; color: #fff;}
.payment .paymentlist ul.tabs{padding: 20px 10px 10px 20px !important; background: none;}
/*.paymentlist:before{content: ""; position: absolute; left: 50%; top: 100%; border-top: 10px solid #e0e0e0; border-left: 15px solid transparent; border-right: 15px solid transparent;}*/
.payment .paymentcontent{min-height: 420px; border: 1px solid #e0e0e0;}
.payment .paymentcontent:not(.tab-content){padding: 20px;}
.payment .paymentlist + .paymentcontent{border-top: none;}
.payment .paymentcontent table[class^="pay"]{width: 100%; border-collapse: collapse; border-spacing: 0; height: 130px; background: #fff;}
.payment .paymentcontent table[class^="pay"] td{padding: 0 7px; background: #f0f0f0; text-align: center; vertical-align: middle; border: 1px solid #fff; border-right: none; border-left: none;}
.payment .paymentcontent table.pay-confirm{height: auto;}
.payment .paymentcontent table.pay-confirm td{padding: 10px 15px; text-align: left;}
.payment .paymentcontent table.pay-bank{margin: 10px auto; background: #f4f4f4;}
.payment .paymentcontent table.pay-bank td{padding: 5px 7px;}
/*.payment .paymentcontent table.pay-bank td{border: none;}*/
.payment .paymentcontent table.pay-other{margin: 10px auto 20px;}
@media (max-width: 767px) {
    .payment .paymentlist ul.tabs li:last-child{padding-right: 10px;}
    .payment .paymentlist ul.tabs li, .payment .paymentlist ul.tabs li:first-child:nth-last-child(3), .payment .paymentlist ul.tabs li:first-child:nth-last-child(3) ~ li{/*width: 50% !important;*/width: 100% !important;}
    .payment .paymentlist ul.tabs li:only-child{width: 100% !important;}
}

.howtopay {}
.howtopay table[class^="pay"]{width: 100%; border-collapse: collapse; border-spacing: 0; height: 130px; background: #fff;}
.howtopay table[class^="pay"] td{/*text-align: center;*/ padding: 10px; border: 1px solid #d1d1d1;}
.howtopay table[class^="pay"] td.lpadding-30{padding-left: 30px;}
.howtopay table.pay-confirm{height: auto;}
.howtopay table.pay-confirm td{padding: 10px 15px; text-align: left;}
.howtopay table.pay-bank{margin: 10px auto;}
.howtopay table.pay-other{margin: 10px auto 20px;}

.flight-booked-data {background: none; margin-bottom: 30px;}
.flight-booked-data .headersm-icon-box{height: 30px; padding-right: 15px; background: #307ecc; color: #fff; text-transform: uppercase; line-height: 30px; font-size: 12px; font-weight: 500;}
.flight-booked-data .headersm-icon-box > i{width: 30px; margin-right: 15px;  float: left; background: #f41f0f; color: #fff; line-height: 30px; font-size: 16px; text-align: center;}
.flight-booked-data .headersm-icon-box > span{float: right;}
.flight-booked-data .flight-booked-data-container{padding: 20px; border: 1px solid #e0e0e0;}
.flight-booked-data .flight-booked-data-container:not(:first-child), .flight-booked-data .headersm-icon-box + .flight-booked-data-container{border-top: none;}
.flight-booked-data .flight-booked-data-container img.airlines{margin-bottom: 3px; width: 70px;}
.flight-booked-data .contact-details{margin-bottom: 0;}
.flight-booked-data .contact-details dt, .flight-booked-data .contact-details dd{padding: 15px 0; border-top: 1px solid #d8d8d8;}
.flight-booked-data .contact-details dt.first, .flight-booked-data .contact-details dd.first{border-top: none;}
.flight-booked-data .contact-details dd{text-align: right;}
.flight-booked-data .contact-details dt{float: left; text-align: left; margin: 0; clear: both;}
.flight-booked-data .pax-details{margin-bottom: 5px; min-height: 190px;}
.flight-booked-data .pax-details .pax-header{margin-bottom: 8px;}
.flight-booked-data .pax-details .pax-header .cbox{margin-right: 5px;}
.flight-booked-data .pax-details .pax-header .cbox:last-child{margin-right: 0;}
.flight-booked-data .pax-details .pax-header .cbox .btn, .col-penumpang .cbox .button{cursor: auto;}
.flight-booked-data .pax-details .pax-container{}
.flight-booked-data .pax-details .pax-container table.table-pax{width: 100%; font-size: 12px;}
.flight-booked-data .pax-details .pax-container table.table-pax > thead{background: #f5f5f5;}
.flight-booked-data .pax-details .pax-container table.table-pax > thead th{padding: 10px; font-size: 11px; font-weight: 500; color: #808080;}
.flight-booked-data .pax-details .pax-container table.table-pax > tbody td{padding: 8px 10px; line-height: 16px;}
.flight-booked-data .pax-details .pax-container table.table-pax > tbody td{border-bottom: 1px dashed #d8d8d8;}
.flight-booked-data .pax-details .pax-container table.table-pax > tbody tr:last-child td{border-bottom: none;}
@media (max-width: 767px) {
    .flight-booked-data .flight-booked-data-container{padding: 20px 15px;}
    .flight-booked-data .contact-details{margin-bottom: 30px;}
}

.col-penumpang{border-left: 1px dashed #d8d8d8;}
@media (max-width: 767px) {
    .col-penumpang{border-left: none;}
}

.print-ticket{margin-bottom: 30px;}
.print-ticket > *:first-child{background-color: #f0f0f0; border: 1px solid #d8d8d8;}
.print-ticket .file-container{padding-left: 20px;}
.print-ticket .button-container > .button{margin-bottom: 0;}
@media (max-width: 767px) {
    .print-ticket .file-container{padding-top: 20px; padding-bottom: 20px;}
    .print-ticket > *:first-child{border-bottom: none;}
}
@media (min-width: 768px) {
    .print-ticket{display: table; width: 100%; position: relative; overflow: hidden;}
    .print-ticket > *{display: table-cell; float: none; vertical-align: middle;}
    .print-ticket > *:first-child{border-right: none;}
}

/*Other Flight Content*/
.tuts-container{padding: 20px; background: #fafafa; border: 1px solid #ebebeb;}
.tuts-container .tuts-img{text-align: center;}
.tuts-container .tuts-img > img{margin-left: auto; margin-right: auto; max-width: 400px; width: 100%; height: auto;}
.tuts-container .tuts-content{/* */}
@media (min-width: 768px) {
    .tuts-container{display: table; width: 100%; position: relative; overflow: hidden;}
    .tuts-container > *{display: table-cell; float: none; vertical-align: middle;}
    .tuts-container .tuts-img{margin-right: -1px; border-right: 1px solid #ebebeb;}
    .tuts-container .tuts-content{margin-left: 0px; padding-left: 20px; border-left: 1px solid #ebebeb;}
}

.icon-box{margin-bottom: 20px;}
.icon-box > i{text-align: center;}
.icon-box .description{color: #838383; font-size: 13px;}
.icon-box.style1 .header-icon-box{height: 42px; background: #05519e; color: #fff; line-height: 42px; font-size: 16px;}
.icon-box.style1 .header-icon-box > i{display: block; width: 42px; float: left; background: #042f65; line-height: 42px; color: #fff; font-size: 16px; margin-right: 15px; text-align: center;}
.icon-box.style1 .header-icon-box > span{font-size: 16px; font-weight: normal;}
.icon-box.style1 .description{padding: 20px; background: #fff; line-height: 18px;}
.icon-box.style2{padding: 30px; background: #fff;}
.icon-box.style2 > i{width: 60px; height: 60px; line-height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #05519e;}
.icon-box.style2 > i.glyphicon{font-size: 22px;}
.icon-box.style2 .description{padding-left: 80px;}
.icon-box.style2 .description .box-title{margin-bottom: 20px; line-height: 18px;}
.icon-box.style2 .description ul{margin-bottom: 20px;}
.icon-box.style2 .description .view{text-decoration: underline;}
.icon-box.style2, .icon-box.style5{line-height: 50px; text-transform: none;}
.icon-box.style2 > i, .icon-box.style5 > i{display: block; width: 50px; float: left; background: #05519e; line-height: 50px; color: #fff; font-size: 22px;}
.icon-box.style2 .box-title, .icon-box.style5 .box-title{margin-bottom: 5px;}
.icon-box.style2 .description, .icon-box.style5 .description{line-height: 18px; padding-left: 70px;}
.icon-box.style2:after, .icon-box.style5:after{display: table; content: ""; clear: both;}
.icon-box.style3{background: #fff; text-align: center; margin-bottom: 10px;}
.icon-box.style3 .numbers {font-size: 5em; color: #2d3e52; padding: 20px 0; font-weight: 300;}
.icon-box.style3 .numbers i{margin-right: 10px;}
.icon-box.style3 .description{border-top: 1px solid #f5f5f5; font-weight: 500; padding: 6px 0;}
.icon-box.style4, .icon-box.style8, .icon-box.style9{text-align: center; text-transform: none;}
.icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title{margin-top: 15px; margin-bottom: 15px; font-size: 16px;}
.icon-box.style4 > i{font-size: 60px; color: #05519e;}
.icon-box.style5 .box-title{letter-spacing: normal; margin-bottom: 10px;}
.icon-box.style8 i, .icon-box.style9 i{font-size: 28px; background: #05519e; color: #fff; width: 50px; height: 50px; line-height: 50px; display: block; margin-left: auto; margin-right: auto;}
.icon-box.style9 .box-title{line-height: 1.2em;}
.icon-box.style9 > i{width: 55px; height: 55px; line-height: 55px; margin-bottom: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
@media (max-width: 767px){
    .icon-box{margin-bottom: 35px;}
}

.airline-icons.margin-auto{margin: 0 auto;}
.airline-icons li{/*float: left;*/ margin-right: 10px; overflow: hidden; display: inline-block; text-align: center;}
.airline-icons li a{width: 95px; margin-right: 4px; height: 45px; display: inline-block; background: #d8d8d8; color: #fff; line-height: 32px; font-size: 1.3333em; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;}
.airline-icons li a:hover{background: #fff;}
.airline-icons li:last-child{margin-right: 0;}
.airline-icons li:hover i{-webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; display: block;}
.airline-icons.full-width{display: block; width: 100%;}
.airline-icons.full-width li{display: table-cell; float: none; width: 1%; margin: 0; text-align: center;}
.airline-icons.style1 li{width: 75px; height: 75px; line-height: 70px; margin-right: 3px; overflow: hidden; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.airline-icons.style1 li img{width: 60px;}


.tooltip-css {
	position: relative;
	display: inline-block;
	border-bottom: 0px;
}

.tooltip-css .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 99999;
	top: -5px;
	left: 110%;
	opacity: 0;
	transition: opacity 1s;
}

.tooltip-css .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}
.tooltip-css:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


/**
  08 - Pricing Box
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.pricing-table-wrapper{margin-bottom: 0; position: relative;}
.pricing-table-wrapper .pricing-table{height: 100%; background: #f5f5f5; color: #838383; position: relative; border: 1px solid #f5f5f5;}
.pricing-table-wrapper .pricing-table .header{margin: 20px; padding-bottom: 20px; background: none; color: inherit; border-bottom: 1px solid #d8d8d8;}
.pricing-table-wrapper .pricing-table .header > i{float: left; margin: 3px 8px 0 0; font-size: 16px; color: #05519e;}
.pricing-table-wrapper .pricing-table .header .box-title{float: left; font-weight: 700; line-height: 1.3; letter-spacing: 1.2px; color: #2d3e52;}
.pricing-table-wrapper .pricing-table .header .box-title small{font-size: 10px; letter-spacing: normal;}
.pricing-table-wrapper .pricing-table .header .box-title small, .pricing-table-wrapper .pricing-table .header .price small{display: block; text-transform: uppercase; color: #838383; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.pricing-table-wrapper .pricing-table .header .price{display: block; float: right; font-size: 20px; font-weight: 500; text-align: right; line-height: 1; color: #838383;}
.pricing-table-wrapper .pricing-table .header .price small {font-size: 11px;}
.pricing-table-wrapper .pricing-table .header + .description{margin-top: 0;}
.pricing-table-wrapper .pricing-table .description{margin: 15px 0;}
.pricing-table-wrapper .pricing-table .features{padding: 20px;}
.pricing-table-wrapper .pricing-table .features{margin-bottom: 15px; padding-top: 0}
.pricing-table-wrapper .pricing-table .features ul.checklist{margin-bottom: 15px;}
.pricing-table-wrapper .pricing-table .features ul.checklist li{margin-top: 1px; padding: 8px 7px 8px 35px; background: #f0f0f0; font-size: inherit; line-height: 1.5;}
.pricing-table-wrapper .pricing-table .features ul.checklist li:before{float: left; width: 15px; height: 16px; padding-top:3px; display: block; line-height: 14px; font-size: 18px; text-align: center; color:#fc0; left: 10px;}
.pricing-table-wrapper .pricing-table + .pricing-table-button{border-top: none;}
.pricing-table-wrapper .pricing-table-button{padding: 20px; background: #f5f5f5; border: 1px solid #f5f5f5;}
.pricing-table-wrapper .pricing-table-button > *:last-child{margin-bottom: 0;}

/*Colored Pricing Table*/
.pricing-table-wrapper.green .pricing-table, .pricing-table-wrapper.orange .pricing-table, .pricing-table-wrapper.red .pricing-table,
.pricing-table-wrapper.green .pricing-table .header > i, .pricing-table-wrapper.orange .pricing-table .header > i, .pricing-table-wrapper.red .pricing-table .header > i,
.pricing-table-wrapper.green .pricing-table .header .box-title, .pricing-table-wrapper.orange .pricing-table .header .box-title, .pricing-table-wrapper.red .pricing-table .header .box-title,
.pricing-table-wrapper.green .pricing-table .header .box-title small, .pricing-table-wrapper.orange .pricing-table .header .box-title small, .pricing-table-wrapper.red .pricing-table .header .box-title small,
.pricing-table-wrapper.green .pricing-table .header .price, .pricing-table-wrapper.orange .pricing-table .header .price, .pricing-table-wrapper.red .pricing-table .header .price,
.pricing-table-wrapper.green .pricing-table .header .price small, .pricing-table-wrapper.orange .pricing-table .header .price small, .pricing-table-wrapper.red .pricing-table .header .price small,
.pricing-table-wrapper.green .pricing-table .features ul.checklist li:before, .pricing-table-wrapper.orange .pricing-table .features ul.checklist li:before, .pricing-table-wrapper.red .pricing-table .features ul.checklist li:before{color: #fff;}
.pricing-table-wrapper.green .pricing-table, .pricing-table-wrapper.green .pricing-table-button{background: #7cb342; border-color: #7cb342;}
.pricing-table-wrapper.green .pricing-table .header{border-bottom-color: #689f38;}
.pricing-table-wrapper.green .pricing-table .features ul.checklist li{background: #689f38;}
.pricing-table-wrapper.orange .pricing-table, .pricing-table-wrapper.orange .pricing-table-button{background: #ffb300; border-color: #ffb300;}
.pricing-table-wrapper.orange .pricing-table .header{border-bottom-color: #ffa000;}
.pricing-table-wrapper.orange .pricing-table .features ul.checklist li{background: #ffa000;}
.pricing-table-wrapper.red .pricing-table, .pricing-table-wrapper.red .pricing-table-button{background: #e53935; border-color: #e53935;}
.pricing-table-wrapper.red .pricing-table .header{border-bottom-color: #d32f2f;}
.pricing-table-wrapper.red .pricing-table .features ul.checklist li{background: #d32f2f;}
.pricing-table-wrapper.green .pricing-table-button > *:hover, .pricing-table-wrapper.orange .pricing-table-button > *:hover, .pricing-table-wrapper.red .pricing-table-button > *:hover{color: #fff;}
.pricing-table-wrapper .pricing-table.main{/* */}
@media (max-width: 767px) {
    .pricing-table-wrapper{height: auto !important; margin-bottom: 15px !important;}
}

/**
  XX - Media Queries
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {

}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {

}
/* Tablets (>=768px)*/
@media (max-width: 991px) {

}
/*Phones (<768px)*/
@media (max-width: 767px) {

}

/**
  XX - Other Js
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.jspPane{margin-left: 0!important; margin-right: 10px;}
.jspContainer{overflow: hidden; position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; border-left: 1px solid #f2f2f2;}
.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #fff; position: relative;}
.jspDrag{background: #c2c2c2; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left; height: 100%;}
.jspArrow{background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0;}
.jspArrow.jspDisabled{cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4; float: left; height: 100%;}

/**
  00 - CSS Animations
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.sidebar-navigation .entry:before, .sidebar-navigation .entry, .button, .socials-box a, .socials-box a .fa, .search-drop-down .category-entry, .search-button, .header-functionality-entry, footer a, .product-slide-entry .title, .product-slide-entry .tag, .inline-product-entry .title, .inline-product-entry .image, .list-type-1 a, .hover-class-1:after, .hover-label, .menu-slider-arrows a .fa, .bottom-line-a, .top-line-a, .fixed-header-square-button .fa, .read-more, .product-mix-info, .simple-search-form .simple-submit, .departmets-drop-down .list a, .copyright a, .styled-form .submit-wrapper, .socials-box a .fa, .sidebar-logos-row a img, a.sale-entry:before, a.sale-entry .sale-price, a.sale-entry .sale-price span, a.sale-entry .sale-description, .breadcrumb-box a, .icon-entry .image, .quantity-selector .entry.number-minus, .quantity-selector .entry.number-plus, .tabs-container.style-1 .tab-switcher, .size-selector .entry:after, .color-selector .entry:after, .color-selector .entry:before, .blog-entry .title, .blog-entry .subtitle a, .blog-entry .subtitle a b, .blog-entry .readmore, .square-button, .tags-box a, .categories-list ul li a, .container-404 .text a, .portfolio-navigation a, .portfolio-entry .title, .action-button, .hover-layer, .continue-link, .accordeon-title, .traditional-cart-entry .tag, .traditional-cart-entry .title, .remove-button, .cart-summary-box .simple-link, .checkout-progress-widget a.step-entry, .simple-field, .column-article-entry .title, .product-slide-entry .subtitle, .parallax-view, .simple-form .submit, .latest-entries-heading .latest-more, .demo-categories-entry .title, .demo-categories-entry .list a, .sale-entry-border, .sale-entry-border:before, .color-text-widget, .color-text-widget .cell-view, .color-text-widget .title, .color-text-widget .description, .sale-entry, .simple-search-form, .special-item-entry>img{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}
.product-slide-entry .product-image:after, .sidebar-navigation .title .fa, .navigation-banner-content, .from-the-blog-entry .image:after, .toggle-list-button:after, .product-image .bottom-line, .product-image .top-line-a, .navigation-banner-content .subtitle, .navigation-banner-content .title, .navigation-banner-content .description, .navigation-banner-content .info, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .swiper-slide .parallax-article .info, a.mozaic-banner-entry .subtitle, a.mozaic-banner-entry .title, a.mozaic-banner-entry .description, a.mozaic-banner-entry:before, .creative-square-box .background-box, .creative-square-box:before, .promo-banner-box:before, .promo-banner-box .promo-text, .promo-banner-box .promo-text .description, .product-image img, .product-thumbnails-swiper .paddings-container, .blog-entry .image img, .comment-image:after, .hover-layer .info, .title-info, .actions, a.mozaic-banner-entry .view{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
.swiper-slide .parallax-article .title, .portfolio-entry .image img, .portfolio-entry:hover .portfolio-drop-down, .overlay-popup .close-layer, .overlay-popup .popup-container{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
.creative-square-box:hover .background-box, .blog-entry .image:hover img, .portfolio-entry:hover .image img{-moz-transition:all 15000ms linear!important; -o-transition:all 15000ms linear!important; -webkit-transition:all 15000ms linear!important; transition:all 15000ms linear!important; -ms-transition:all 15000ms linear!important;}
.disable-animation, .shop-grid .product-slide-entry .title{-moz-transition: none!important; -o-transition: none!important; -webkit-transition: none!important; transition: none!important; -ms-transition: none!important;}

/*Transition Delay*/
.navigation-banner-content .subtitle, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .overlay-popup.active .popup-container{transition-delay:200ms; -moz-transition-delay:200ms; -webkit-transition-delay:200ms; -ms-transition-delay:200ms;}
.navigation-banner-content .title{transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms;}
.swiper-slide .parallax-article .info{transition-delay:400ms; -moz-transition-delay:400ms; -webkit-transition-delay:400ms; -ms-transition-delay:400ms;}

.header-demo{height: 250px; position: relative; background-size: cover; background-position: center top; margin-bottom: 50px;}
.header-demo.background-demo:before{background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.header-demo .header-wrapper header:before{height: 205px;}
.header-demo header{position: absolute!important;}

/*ie*/
_:-ms-input-placeholder, :root .simple-field.simple-drop-down select {padding-right: 22px;}
_:-ms-input-placeholder, :root .size-1.simple-field.simple-drop-down select{padding-right: 14px;}
_:-ms-input-placeholder, :root .simple-drop-down select{padding-right: 10px;}

@media (max-width: 991px) and (min-width: 768px){
    .header-functionality-entry{margin-left: 15px;}
}