/*
    Table Of Contents
    1.) Typography
    2.) Default Styles
    3.) Home Page
    3.1) Header - Main
    3.2) Banner - Main
    3.3) Content - Main
    3.3.1) Section - 1
    3.3.2) Section - 2
    3.3.3) Section - 3
    3.4) Footer - Main
    ===============================================*/
#main-c { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
pre { word-break: normal; word-wrap: normal; }
img { max-width: 100%; -ms-interpolation-mode: bicubic; line-height: .5em; }

/*= Links
    =======================================================*/
a { color: #4ec6df; outline: 0; text-decoration: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; cursor: pointer; }
.content-main a:hover { color: #f05622; outline: 0; text-decoration: underline; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
a:focus, a:active, a.active, a:visited { outline: 0; text-decoration: none; }

/*= Headings: P, H1, H2, H3, H4, H5, H6
    =======================================================*/

p { padding: 0 0 20px 0; margin: 0; }
em { font-style: italic; }
strong { font-weight: normal; font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif; }

@media (max-width: 1139px) {
    h1 { font-size: 65px; }
}

@media (max-width: 1023px) {
    h1 { font-size: 60px; }
    h2 { font-size: 45px; }
}

@media (max-width: 767px) {
    h1 { font-size: 45px; }
    h2 { font-size: 32px; }
}

/*= Order List And Unorder List
    =======================================================*/
ul, ol, li { list-style: none; margin: 0; padding: 0; }

/* #Input Styles
    ================================================= */
input, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: 0; }
    textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: 0; }
input, textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
label { width: 100%; float: left; font-size: 16px; color: #333333; padding: 0 0 10px 0; margin: 0; }
.content-main input[type="text"], .content-main input[type="password"], .content-main input[type="datetime"], .content-main input[type="datetime-local"], .content-main input[type="date"], .content-main input[type="month"], .content-main input[type="time"], .content-main input[type="week"], .content-main input[type="number"], .content-main input[type="email"], .content-main input[type="url"], .content-main input[type="search"], .content-main input[type="tel"], .content-main input[type="color"], .content-main select, .content-main textarea { width: 100%; height: 58px; float: left; font-size: 18px; color: #062b31; text-transform: none; line-height: 22px; background: #fff; border: 1px solid #c0c0c0; border-radius: 5px; outline: none; position: relative; padding: 10px 20px; margin-bottom: 15px; }
select { padding-top: 0; padding-bottom: 0; padding-right: 0; }
textarea { height: 100px; outline: none; resize: none; padding: 8px 15px; }
:placeholder { color: #888888; }
.placeholder { color: #888888; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #888888; }

@media (max-width: 767px) {
    input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea { height: 48px; font-size: 16px; line-height: 20px; padding: 8px 12px; }
    textarea { height: 100px; padding: 8px 12px; }
}

.sbHolder { width: 100%; height: 58px; float: left; outline: none; text-decoration: none; position: relative; margin-bottom: 15px; }
.sbSelector { display: block; height: 58px; left: 0; line-height: 58px; outline: none; overflow: hidden; text-indent: 0; text-decoration: none; width: 100%; float: left; background: #fff; font-size: 18px; color: #062b31 !important; text-transform: none; text-align: left; border: 1px solid #c0c0c0; border-radius: 5px; position: relative !important; padding: 0 20px; }
    .sbSelector:link, .sbSelector:visited, .sbSelector:hover, .sbSelector:active { color: #fff; outline: none; text-decoration: none; }
.sbHolder:hover .sbSelector { color: #fff; outline: none; text-decoration: none; }
.sbToggle { display: block; width: 18px; height: 12px; outline: none; position: absolute; right: 20px; top: 19px; float: right; z-index: 10; }
    .sbToggle:before { float: right; content: "\f078"; width: 0; height: 0; font-size: 18px; position: absolute; color: #c0c0c0; }
.sbToggleOpen:before { content: "\f077"; }
.sbOptions { width: 100%; max-height: 100px; background: #f5f5f5; border: 1px solid #c0c0c0; border-radius: 0 0 5px 5px; list-style: none; position: relative; position: absolute; top: 30px; left: 0; margin: 0; padding: 0; overflow-y: auto; z-index: 20; overflow: auto; overflow-x: hidden; }
    .sbOptions li { width: 100%; float: left; padding: 0; }
    .sbOptions a { width: 100%; float: left; display: block; font-size: 16px; color: #59585d; text-transform: none; text-decoration: none; text-align: left; border: none; outline: none; padding: 12px 20px; }
        .sbOptions a:link, .sbOptions a:visited { color: #504640; text-decoration: none; }
        .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #FFFFFF; background: #999; }
    .sbOptions .sbDisabled { color: #FFFFFF; display: block; padding: 10px 20px; }
    .sbOptions .sbGroup { font-size: 16px; color: #5b6e80; display: block; padding: 8px 11px; }
    .sbOptions .sbSub { padding-left: 11px; }

@media (max-width: 767px) {
    .sbHolder { height: 48px; }
    .sbSelector { height: 48px; line-height: 48px; font-size: 16px; padding: 0 12px; }
    .sbToggle { width: 16px; height: 12px; right: 12px; top: 15px; }
        .sbToggle:before { font-size: 16px; }
    .sbOptions a { font-size: 14px; padding: 12px; }
    .sbOptions .sbDisabled { padding: 10px 12px; }
    .sbOptions .sbGroup { font-size: 14px; padding: 8px 11px; }
}

/* #Buttons
    ================================================== */
.content-main .btn,
.content-main input[type="button"],
.content-main input[type="submit"] { height: 58px; float: none; display: inline-block; font-size: 18px; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: none; white-space: normal; vertical-align: middle; text-transform: uppercase; line-height: 58px; background: #f05622; border: none; filter: 0; border-radius: 5px; position: relative; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 0 30px; margin: 0; }
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active:focus { color: #FFFFFF; background: #d75225; border: none; text-decoration: none; outline: 0; box-shadow: none; }
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
a.btn.disabled,
fieldset[disabled] a.btn { pointer-events: none; }
.btn-blue { background: #4dc7df; }
    .btn-blue:before { background: #30afc8; }
    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue:active,
    .btn-blue:active:focus,
    .btn-blue.active:focus { color: #FFFFFF; background: #4dc7df; }
.btn-orange { background: #f05622; }
    .btn-orange:before { background: #e64b17; }
    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange:active:focus,
    .btn-orange.active:focus { color: #FFFFFF; background: #f05622; }
        .btn-orange:hover:before,
        .btn-orange:focus:before,
        .btn-orange:active:before,
        .btn-orange:active:focus:before,
        .btn-orange.active:focus:before { top: 0; }
.btn-out { width: 100%; float: left; text-align: center; }

@media (max-width: 767px) {
    .btn,
    input[type="button"],
    input[type="submit"] { height: 48px; font-size: 16px; line-height: 48px; }
}

/*= Grow & flip
    =======================================================*/
.grow { width: 100%; float: none; display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); }
    .grow:hover, .grow:focus, .grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }
.flip { -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; cursor: pointer; }
    .flip:hover { -webkit-transform: rotateY(360deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(360deg); -moz-box-sizing: border-box; -o-transform: rotateY(360deg); -o-box-sizing: border-box; transform: rotateY(360deg); box-sizing: border-box; cursor: pointer; }

/* #Owl-carousel
    =======================================================*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
    .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
    .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
        .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
    .owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

/* #Slider Controls
    ================================================== */
/* Pagers */
.owl-controls { width: 100%; float: left; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; }
    .owl-controls .owl-buttons div { display: none; }
    .owl-controls .owl-page { width: auto; float: none; display: block; margin: 0; display: inline-block; zoom: 1; *display: inline; }
        .owl-controls .owl-page span { display: block; width: 14px; height: 14px; background: #ffffff; border: 1px solid #cccccc; border-radius: 20px; margin: 3px; padding: 0; text-indent: -9999px; }
        .owl-controls .owl-page.active span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; background: #f05621; border-color: #f05621; }

@media (max-width: 767px) {
    .owl-controls { margin: 30px 0 0 0; }
}

/* Navigations */
.navigation { }
    .navigation a { color: #818285; line-height: .5em; z-index: 10; cursor: pointer; text-indent: -99999px; position: absolute; top: 50%; margin: -10px 0 0 0; width: 50px; }
        .navigation a:hover { color: #f05621; text-decoration: none; }
        .navigation a:before { font-size: 45px; display: block; text-indent: 0; position: absolute; top: 0; z-index: 10; cursor: pointer; opacity: 1; }
        .navigation a.previous { left: -50px; }

        .navigation a.next { right: -50px; }

@media (max-width: 1399px) {
    .navigation a.previous { left: -40px; }
    .navigation a.next { right: -50px; }
}

@media (max-width: 1299px) {
    .navigation a.previous { left: -15px; }
    .navigation a.next { right: -15px; }
}

@media (max-width: 767px) {
    .navigation { padding: 0 5%; display: flex; justify-content: center; margin-top: 20px; }
        .navigation a { font-size: 45px; top: 0; margin: 0 10px; position: relative; background: #4EC6DF; width: 62px !important; height: 62px; border-radius: 100px; flex: none; display: flex; justify-content: center; align-items: center; color: white; }
            .navigation a:hover { color: #f05621; text-decoration: none; }
            .navigation a:before { font-size: inherit !important; position: relative; }
            .navigation a.previous { left: 0; }
                .navigation a.previous:before { }
            .navigation a.next { right: 0; }
                .navigation a.next:before { }
}

/*= Site Common
    =======================================================*/
.container { width: 100%; max-width: 1270px; padding: 0 50px; }
.content-main .row { width: 100%; float: left; margin: 0; padding: 0; }

@media (min-width: 1200px) {
    .content-main .row { margin: 0; }
    .container { width: 100%; max-width: 1270px; padding: 0 50px; }
}

@media (max-width: 1023px) {
    .content-main .row { margin: 0; }
    .container { width: 100%; max-width: 100%; padding: 0 50px; }
}

@media (max-width: 767px) {
    .container { width: 100%; max-width: 100%; padding: 0 5%; }
}

/*= Common styles
    =======================================================*/
.container-main { width: 100%; float: left; background: #FFFFFF; }
.right-r { float: right; }

/* verticalalign middle */
.outer-bg { width: 100%; height: 100%; float: none; display: table; margin: 0 auto; }
.inner-bg { width: 100%; height: 100%; float: none; display: table-cell; vertical-align: middle; }

/* Menu - Btn */
.menu-btn { width: 35px; height: 35px; float: right; position: absolute; top: 150px; right: 50px; padding: 7px; display: none; }
    .menu-btn .icon-bar { width: 100%; float: left; margin-top: 8px; }
    .menu-btn span { width: 100%; height: 5px; float: left; background: #062b31; border-radius: 1px; position: relative; transition: all 0.4s ease; }
        .menu-btn span:after { width: 100%; height: 5px; float: left; background: #062b31; border-radius: 1px; content: ""; position: absolute; top: 8px; left: 0; transition: all 0.4s ease; }
        .menu-btn span:before { width: 100%; height: 5px; float: left; background: #062b31; border-radius: 1px; content: ""; position: absolute; top: -8px; left: 0; transition: all 0.4s ease; }
.icon-close { width: 21px; height: 21px; float: left; text-decoration: none; position: absolute; top: 62px; right: 57px; cursor: pointer; z-index: 50; padding: 0; display: none; padding-top: 8px; }
    .icon-close span { width: 100%; height: 5px; float: left; border-radius: 0; position: relative; transition: all 0.4s ease; }
        .icon-close span:before { content: ""; width: 100%; height: 5px; float: left; background: #062b31; border-radius: 1px; position: absolute; top: 0; left: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); transition: all 0.4s ease; }
        .icon-close span:after { content: ""; width: 100%; height: 5px; float: left; background: #062b31; border-radius: 1px; position: absolute; top: 0; left: 0; transition: all 0.4s ease; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

@media (max-width: 1023px) {
    .menu-btn { display: block; }
    .icon-close { display: block; }
}

@media (max-width: 767px) {
    .menu-btn { top: 80px; right: 5%; }
        .menu-btn .icon-bar { margin-top: 9px; }
        .menu-btn span { height: 4px; }
            .menu-btn span:after { height: 4px; top: 7px; }
            .menu-btn span:before { height: 4px; top: -7px; }
    .icon-close { top: 33px; right: 5%; margin-right: 7px; padding-top: 8px; }
        .icon-close span { height: 4px; }
            .icon-close span:before { height: 4px; }
            .icon-close span:after { height: 4px; }
}

@media (max-width: 359px) {
    .menu-btn { top: 72px; }
    .icon-close { top: 25px; }
}

@media (max-width: 320px) {
    .icon-close { right: 5%; margin-right: 8px; }
}

/* Social - Links */
.social-links { float: left; }
    .social-links ul { float: left; }
        .social-links ul li { width: 21px; height: 21px; float: left; margin: 0 15px 0 0; }
            .social-links ul li a { width: 21px; height: 21px; float: left; font-size: 14px; color: #FFFFFF; text-align: center; text-decoration: none; line-height: 22px; background: #11393f; border-radius: 20px; margin: 0; }
                .social-links ul li a span { display: none; }
                .social-links ul li a:hover { background: #f05622; }

/* Date - Picker */
.dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: left; width: 280px; padding: 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #4ec6df; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 20px; }
.datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #4ec6df; position: absolute; top: -6px; left: 21px; }
.datepicker > div { display: none; }
.datepicker.dropdown-menu { background: #f5f5f5; border: 1px solid #dedfe0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 5px; box-shadow: none; top: 0; right: 0; padding: 0; margin-top: 6px; }
.datepicker table { width: 100%; font-size: 13px; margin: 0; }
.datepicker tbody td { width: 14.28% !important; padding: 5px 0 !important; margin: 0; border-radius: 0; border: 1px solid #cccccc; }
.datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 0; }
.datepicker thead tr:first-child { width: 100%; background: #4ec6df; }
.datepicker thead .switch { color: #FFFFFF; font-size: 14px; padding: 10px 0 !important; border-radius: 0; }
    .datepicker thead .switch:hover { background: #4ec6df !important; }
.datepicker thead th.prev { background: url(/res/img/arrow-01.png) no-repeat center center; border-radius: 0; text-indent: -99999px; cursor: pointer; }
    .datepicker thead th.prev:hover { background: url(/res/img/arrow-01.png) no-repeat center center !important; }
.datepicker thead th.next { background: url(/res/img/arrow-02.png) no-repeat center center; border-radius: 0; text-indent: -99999px; cursor: pointer; }
    .datepicker thead th.next:hover { background: url(/res/img/arrow-02.png) no-repeat center center !important; }
.datepicker thead tr:nth-child(2) { background: #30afc8; }
    .datepicker thead tr:nth-child(2) th { color: #FFFFFF; font-size: 12px; text-transform: uppercase; padding: 8px 0 !important; }
.datepicker td.day { color: #666; }
.datepicker .month { color: #666; }
.datepicker .year { color: #666; }
.datepicker td.day:hover { background: #ddd; cursor: pointer; }
.datepicker td.day.disabled { color: #eeeeee; }
.datepicker td.old, .datepicker td.new { color: #999999; }
.datepicker td.active, .datepicker td.active:hover { color: #FFFFFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #062b31; background-image: -moz-linear-gradient(top, #062b31, #062b31); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#062b31), to(#062b31)); background-image: -webkit-linear-gradient(top, #062b31, #062b31); background-image: -o-linear-gradient(top, #062b31, #062b31); background-image: linear-gradient(to bottom, #062b31, #062b31); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff062b31', endColorstr='#ff062b31', GradientType=0); border-color: #062b31 #062b31 #062b31; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #062b31; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #FFFFFF !important; background-color: #062b31; *background-color: #062b31; }
        .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #062b31 \9; }
.datepicker .datepicker-months td { padding: 0 !important; }
.datepicker td span { display: block; width: 47px; height: 40px; line-height: 40px; float: none; display: inline-block; margin: 0; cursor: pointer; border-radius: 0; }
    .datepicker td span:hover { background: #ddd; }
    .datepicker td span.active { color: #FFFFFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #062b31; background-image: -moz-linear-gradient(top, #062b31, #062b31); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#062b31), to(#062b31)); background-image: -webkit-linear-gradient(top, #062b31, #062b31); background-image: -o-linear-gradient(top, #062b31, #062b31); background-image: linear-gradient(to bottom, #062b31, #062b31); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff062b31', endColorstr='#ff062b31', GradientType=0); border-color: #062b31 #062b31 #062b31; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #062b31; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
        .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #062b31; *background-color: #062b31; }
        .datepicker td span.active:active, .datepicker td span.active.active { background-color: #062b31 \9; }
    .datepicker td span.old { color: #999999; }
.datepicker th.switch { width: 145px; color: #FFF; }
.datepicker th.next, .datepicker th.prev { font-size: 21px; }
.datepicker thead tr:first-child th { cursor: pointer; }
    .datepicker thead tr:first-child th:hover { background: #eeeeee; }
.datepicker .table-condensed > tbody > tr > td, .datepicker .table-condensed > tbody > tr > th, .datepicker .table-condensed > tfoot > tr > td, .datepicker .table-condensed > tfoot > tr > th, .datepicker .table-condensed > thead > tr > td, .datepicker .table-condensed > thead > tr > th { padding: 0; }

@media (max-width: 1023px) {
    .datepicker:before { border-left-width: 7px; border-right-width: 7px; border-bottom-width: 7px; top: -7px; left: auto; right: 20px; }
    .datepicker:after { border-left-width: 6px; border-right-width: 6px; border-bottom-width: 6px; top: -6px; left: auto; right: 21px; }
    .dropdown-menu { left: auto !important; right: 30px !important; }
}

@media (max-width: 767px) {
    .datepicker:before { top: -7px; right: 17px; }
    .datepicker:after { top: -6px; right: 18px; }
    .dropdown-menu { right: 5% !important; }
}

/*
     3.) Home Page
    ----------------------------------------*/
/*
     3.1) Header
    ----------------------------------------*/
.header-main { width: 100%; float: left; background: #FFFFFF; position: relative; z-index: 100; }
    .header-main .container { max-width: 100%; padding: 0; }
.brand { width: 276px; float: left; margin-right: -276px; position: relative; z-index: 12; }
.nav-bar { width: 100%; float: left; padding: 0 0 0 276px; }
    .nav-bar .social-links { width: 455px; float: right; position: absolute; top: 0; right: 0; }
        .nav-bar .social-links ul { float: left; padding: 14px 27px 13px 42px; }
    .nav-bar .btn-login { width: 170px; height: 49px; float: right; font-size: 13px; color: #FFFFFF; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 49px; background: #11393f; padding: 0 20px; }
        .nav-bar .btn-login i { font-size: 18px; margin-right: 5px; }
        .nav-bar .btn-login:hover,
        .nav-bar .btn-login:focus,
        .nav-bar .btn-login:active,
        .nav-bar .btn-login:active:focus,
        .nav-bar .btn-login.active:focus { text-decoration: none; background: #205d66; }
    .nav-bar .top-bar { width: 100%; float: left; background: #f5f5f5; padding-right: 455px; }
    .nav-bar .sub-nav { height: 49px; float: right; }
        .nav-bar .sub-nav ul { width: 100%; height: 49px; float: left; }
            .nav-bar .sub-nav ul li { height: 49px; float: left; font-size: 13px; color: #11393f; text-transform: uppercase; background: url(../img/divider-01.png) no-repeat right; padding: 0 28px; }
                .nav-bar .sub-nav ul li a { height: 49px; float: left; color: #11393f; line-height: 49px; }
                    .nav-bar .sub-nav ul li a:hover { color: #f05622; }
                    .nav-bar .sub-nav ul li a.active { color: #f05622; }
    .nav-bar nav { float: right; padding-right: 445px; }
        .nav-bar nav ul { height: 95px; float: left; }
            .nav-bar nav ul li { height: 95px; float: left; font-size: 22px; margin: 0 32px 0 0; }
                .nav-bar nav ul li a { height: 95px; float: left; color: #11393f; text-decoration: none; line-height: 95px; }
                    .nav-bar nav ul li a:hover { color: #f05622; }
                    .nav-bar nav ul li a.active { color: #f05622; }
    .nav-bar .collapse { display: block; visibility: visible; }
.btn-right { float: right; position: absolute; top: 49px; right: 0; }
    .btn-right .btn { height: 95px; float: left; font-size: 22px; line-height: 95px; border-radius: 0; overflow: hidden; z-index: 1; transition: 0.18s ease-in; -o-transition: 0.18s ease-in; -ms-transition: 0.18s ease-in; -moz-transition: 0.18s ease-in; -webkit-transition: 0.18s ease-in; transition: 0.18s ease-in; }
        .btn-right .btn:before { width: 100%; height: 100%; content: ""; position: absolute; top: 90px; left: 0; z-index: -1; -o-transition: top 0.18s ease-in; -ms-transition: top 0.18s ease-in; -moz-transition: top 0.18s ease-in; -webkit-transition: top 0.18s ease-in; transition: top 0.18s ease-in; }
        .btn-right .btn:hover:before,
        .btn-right .btn:focus:before,
        .btn-right .btn:active:before,
        .btn-right .btn:active:focus:before,
        .btn-right .btn.active:focus:before { top: 0; }
.call-txt { float: right; font-size: 29px; color: #062b31; position: absolute; top: 157px; right: 133px; display: none; }
    .call-txt a { color: #062b31; }

@media (min-width: 1200px) {
    .header-main .container { max-width: 100%; padding: 0; }
}

@media (max-width: 1499px) {
    .nav-bar .social-links { width: 382px; }
        .nav-bar .social-links ul { padding: 14px 0 13px 13px; }
            .nav-bar .social-links ul li { margin-right: 11px; }
    .nav-bar .top-bar { padding-right: 384px; }
    .nav-bar .sub-nav ul li { background-size: 2px 20px; padding: 0 15px; }
    .nav-bar nav { float: right; padding-right: 380px; }
        .nav-bar nav ul li { font-size: 18px; margin-right: 37px; }
    .btn-right .btn { font-size: 18px; }
}

@media (max-width: 1359px) {
    .brand { width: 230px; margin-right: -230px; }
    .nav-bar { padding-left: 230px; }
        .nav-bar .social-links { width: 398px; }
            .nav-bar .social-links ul { padding: 12px 0 12px 20px; }
        .nav-bar .btn-login { height: 44px; line-height: 44px; }
        .nav-bar .top-bar { padding-right: 398px; }
        .nav-bar .sub-nav { height: 44px; }
            .nav-bar .sub-nav ul { height: 44px; }
                .nav-bar .sub-nav ul li { height: 44px; font-size: 12px; background-size: 2px 20px; padding: 0 16px; }
                    .nav-bar .sub-nav ul li a { height: 44px; line-height: 44px; }
        .nav-bar nav ul { height: 76px; }
            .nav-bar nav ul li { height: 76px; font-size: 18px; margin-right: 31px; }
                .nav-bar nav ul li a { height: 76px; line-height: 76px; }
    .btn-right { top: 44px; }
        .btn-right .btn { height: 76px; font-size: 18px; line-height: 76px; }
            .btn-right .btn:before { top: 71px; }
}

@media (max-width: 1279px) {
    .brand { width: 200px; margin: 40px -200px 0 0; }
    .nav-bar { padding: 40px 0 0 200px; }
        .nav-bar .social-links { width: 100%; height: 40px; background: #f5f5f5; border-bottom: 1px solid #e2dfdf; position: absolute; top: 0; right: 0; }
            .nav-bar .social-links ul { padding: 10px 8px 10px 20px; }
        .nav-bar .btn-login { float: right; height: 40px; line-height: 40px; padding: 0 15px; }
        .nav-bar .top-bar { padding-right: 0; }
        .nav-bar .sub-nav { height: 40px; float: right; }
            .nav-bar .sub-nav ul { height: 40px; }
                .nav-bar .sub-nav ul li { height: 40px; font-size: 12px; background-size: 2px 18px; padding: 0 16px; }
                    .nav-bar .sub-nav ul li:last-child { background: none; }
                    .nav-bar .sub-nav ul li a { height: 40px; line-height: 40px; }
        .nav-bar nav { padding-right: 285px; }
            .nav-bar nav ul { height: 64px; }
                .nav-bar nav ul li { height: 64px; font-size: 15px; margin-right: 20px; }
                    .nav-bar nav ul li a { height: 64px; line-height: 64px; }
    .btn-right { top: 80px; }
        .btn-right .btn { height: 64px; font-size: 14px; line-height: 64px; padding: 0 20px; }
            .btn-right .btn:before { top: 60px; }
}

@media (max-width: 1023px) {
    .brand { width: 276px; margin: 0; }
    .nav-bar { padding: 0; }
        .nav-bar .social-links { width: auto; height: auto; background: none; border-bottom: none; padding-bottom: 45px; position: relative; top: 0; right: 0; }
            .nav-bar .social-links ul { padding: 10px 20px 20px 20px; }
            .nav-bar .social-links .btn-login { float: left; margin-left: 20px; }
        .nav-bar .top-bar { width: 100%; background: none; padding: 105px 0 0 0; }
        .nav-bar .sub-nav { width: 100%; height: auto; float: left; padding: 0; }
            .nav-bar .sub-nav ul { width: 100%; height: auto; }
                .nav-bar .sub-nav ul li { width: 100%; height: auto; font-size: 15px; background: none; padding: 0; }
                    .nav-bar .sub-nav ul li a { width: 100%; height: auto; line-height: normal; padding: 10px 20px; }
                        .nav-bar .sub-nav ul li a:hover { color: #f05622; text-decoration: none; }
                        .nav-bar .sub-nav ul li a.active { color: #f05622; }
        .nav-bar nav { width: 100%; float: left; padding: 0; }
            .nav-bar nav ul { width: 100%; height: auto; }
                .nav-bar nav ul li { width: 100%; height: auto; font-size: 15px; margin-right: 0; }
                    .nav-bar nav ul li a { width: 100%; height: auto; line-height: normal; padding: 10px 20px; }
        .nav-bar .collapse { position: relative; height: 0; overflow: hidden; }
            .nav-bar .collapse.in { height: auto; overflow: visible; }
        .nav-bar .collapsing { height: 0; position: relative; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; }
        .nav-bar .menu-collapse { width: 94%; max-width: 320px; float: right; background: rgba(255, 255, 255, 0.97); box-shadow: rgba(0, 0, 0, .3) 0 10px 15px; position: absolute; top: 95px; right: 0; z-index: 100; }
    .btn-right { width: 100%; float: left; position: static; top: 0; }
        .btn-right .btn { width: 50%; height: 95px; font-size: 22px; line-height: 95px; padding: 0 20px; }
            .btn-right .btn:before { top: 90px; }
    .call-txt { display: block; }
}

@media (max-width: 767px) {
    .brand { width: 160px; }
    .nav-bar .top-bar { padding-top: 65px; }
    .nav-bar .sub-nav ul li { font-size: 14px; }
    .nav-bar nav ul li { font-size: 14px; }
    .nav-bar .menu-collapse { top: 55px; }
    .btn-right .btn { width: 50%; height: 55px; font-size: 14px; line-height: 55px; padding: 0 20px; }
        .btn-right .btn:before { top: 50px; }
    .call-txt { font-size: 12px; top: 88px; right: 5%; margin-right: 44px; }
}

@media (max-width: 359px) {
    .brand { width: 130px; }
    .call-txt { top: 80px; }
}

/*
    3.2) Banner - Main
    ----------------------------------------*/
.banner-main { width: 100%; float: left; position: relative; overflow: hidden; }
    .banner-main figure { width: 100%; float: left; text-align: center; overflow: hidden; }
        .banner-main figure img { width: 100%; min-width: 1100px; margin: 0 -550px; }
    .banner-main ul { width: 100%; float: left; }
        .banner-main ul li { width: 100%; float: left; position: relative; }
.banner-txt { width: 100%; height: 100%; float: left; background: rgba(55, 54, 55, 0.6); position: absolute; top: 0; left: 0; }
    .banner-txt .article { width: 100%; float: left; }
        .banner-txt .article h1 { max-width: 570px; float: none; line-height: 1em; display: inline-block; vertical-align: middle; padding: 0 45px 0 0; }
        .banner-txt .article .brand-huge { float: none; display: inline-block; vertical-align: middle; }

@media (max-width: 1139px) {
    .banner-txt .article .brand-huge img { width: 100%; max-width: 160px; }
}

@media (max-width: 1023px) {
    .banner-txt .article { text-align: center; }
}

@media (max-width: 767px) {
    .banner-main .container { padding: 0; }
    .banner-main figure img { min-width: 1000px; margin: 0 -500px; }
    .banner-txt .article { max-width: 100%; }
        .banner-txt .article h1 { max-width: none; padding: 15px; }
        .banner-txt .article .brand-huge { padding: 15px; }
            .banner-txt .article .brand-huge img { max-width: 120px; }
}

@media (max-width: 359px) {
    .banner-txt .article h1 { padding: 15px 0; }
}

/*
    3.3) Content - Main
    ----------------------------------------*/
.content-main { width: 100%; background: #ffffff; padding: 100px 0; }

@media (max-width: 767px) {
    .content-main { padding: 60px 0; }
}

/* Heading - Txt */
.heading-txt { text-align: center; }
    .heading-txt h2 { text-transform: uppercase; padding-bottom: 10px; margin: 78px 0 20px; font-size: 32px; }
    .heading-txt p { font-size: 14px; text-transform: uppercase; line-height: 20px; }
        .heading-txt p a { float: none; display: inline-block; vertical-align: top; padding: 0 17px 0 0; position: relative; }
            .heading-txt p a:before { content: "\f105"; float: right; font-size: 18px; color: #4ec6df; position: absolute; top: 0; right: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
            .heading-txt p a:hover:before { color: #f05622; right: 3px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
        .heading-txt p:last-child { padding-bottom: 0; }

@media (max-width: 767px) {
    .heading-txt { text-align: left; padding: 0 0 20px 0; }
        .heading-txt p { font-size: 13px; }
            .heading-txt p a:before { font-size: 16px; }
}

/*
    3.3.1) Section - 1
    ----------------------------------------*/
.section-1 { text-align: center; padding: 0 0 60px 0; }
    .section-1 .slider-bg { position: relative; }
.calendar { width: 92%; float: none; display: inline-block; vertical-align: top; overflow: hidden; margin: 0 4%; }
    .calendar ul { width: 101%; float: left; background: #f5f5f5; border-radius: 0 0 10px 10px; list-style: none; margin: -1px -0.5%; padding: 0; }
        .calendar ul li { width: 14.28%; height: 52px; float: left; font-size: 16px; color: #818285; text-transform: uppercase; border: 1px solid #c0c0c0; border-bottom: none; border-left: none; line-height: 50px; padding: 0; box-sizing: border-box; }
            .calendar ul li a { width: 100%; height: 100%; float: left; color: #818285; }
                .calendar ul li a:hover { color: #818285; text-decoration: none; }
            .calendar ul li:before { display: none; }
            .calendar ul li.selected { background: #dadada; }
            .calendar ul li.current a { color: #ffffff; background: #062b31; }
    .calendar .date-bar { width: 100%; float: left; font-weight: bold; font-size: 22px; color: #ffffff; text-align: center; background: #c0c0c0; border-radius: 5px 5px 0 0; letter-spacing: 1px; text-transform: uppercase; line-height: 26px; padding: 25px 0; }
    .calendar .days { width: 100%; float: left; border: none; font-weight: bold; border-radius: 0; background: #818285; margin: 0; }
        .calendar .days li { height: 50px; font-size: 14px; color: #ffffff; border: none; }
    .calendar.active .date-bar { background: #4ec6df; }
    .calendar.active .days { background: #30afc8; }

@media (max-width: 1139px) {
    .calendar ul li { height: 46px; line-height: 44px; }
    .calendar .days li { height: 44px; line-height: 44px; }
}

@media (max-width: 1023px) {
    .section-1 .slider-bg { }
}

@media (max-width: 767px) {
    .section-1 { padding: 0 0 60px 0; }
        .section-1 .slider-bg { }
    .calendar ul li { height: 42px; font-size: 14px; line-height: 40px; }
    .calendar .date-bar { font-size: 18px; padding: 15px 0; }
    .calendar .days li { height: 40px; font-size: 12px; line-height: 40px; }
}

@media (max-width: 570px) {
    .section-1 .slider-bg { }
}

/*
     3.3.2) Section - 2
    ----------------------------------------*/
.section-2 { padding: 0 0 100px 0; margin: 0 -65px; }
    .section-2 .date-txt { width: 100%; float: left; font-size: 20px; color: #f05622; line-height: 1.2em; text-align: center; padding-bottom: 65px; }

@media (max-width: 767px) {
    .section-2 { padding: 0 0 60px 0; }
        .section-2 .date-txt { font-size: 18px; padding-bottom: 25px; }
}

.section-2 .figure-bg { position: relative; border-radius: 8px 8px 0 0; height: 130px; background-position: center; background-size: cover; }
    .section-2 .figure-bg .overlay { width: 100%; height: 100%; float: left; background: rgba(6, 43, 49, 0.6); text-align: center; position: absolute; top: 100%; left: 0; border-radius: 8px 8px 0 0; padding: 0 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
        .section-2 .figure-bg .overlay h5 { width: 100%; height: 100%; float: left; color: #fff; text-transform: uppercase; line-height: 1.2em; display: table; padding: 0; top: 100%; }
            .section-2 .figure-bg .overlay h5 span { width: 100%; height: 100%; float: none; display: table-cell; vertical-align: middle; }
.section-2 .social-btns { width: 100%; float: left; }
    .section-2 .social-btns a { width: 50%; float: left; background: #4ec6df; font-size: 14px; color: #ffffff; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 10px 6px 10px; }
        .section-2 .social-btns a:hover { background: #3b5998; }
        .section-2 .social-btns a i { margin: 0 8px 0 0; vertical-align: -4px; }
        .section-2 .social-btns a.twitter { background: #f05622; }
            .section-2 .social-btns a.twitter:hover { background: #55acee; }
.section-2 aside { width: 100%; min-height: 175px; float: left; padding: 2px 20px 2px 20px; }
    .section-2 aside h3 { font-size: 16px; color: #fff; line-height: 1.2em; padding: 0 0 5px 0; }
        .section-2 aside h3 a { color: #fff; }
            .section-2 aside h3 a:hover { color: #4ec6df; }
    .section-2 aside p { font-size: 14px; color: #fff; line-height: 17px; }
        .section-2 aside p:last-child { padding-bottom: 0; }
.section-2 .article { background: #F2F2F2; border-radius: 8px; vertical-align: top; position: relative; padding: 0; margin: 10px 15px; width: 300px; }
    .section-2 .article:hover .figure-bg .overlay { top: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

@media (min-width:1024px) and (max-width:1130px) {
    .section-2 aside p { font-size: 12px; line-height: 15px; }
}

@media (min-width:768px) {
    .section-2 .owl-carousel { width: 100% !important; height: auto !important; float: left !important; display: block !important; }
        .section-2 .owl-carousel .owl-wrapper { width: 100% !important; height: auto !important; float: left !important; display: block !important; transform: translate3d(0, 0px, 0px) !important; }
        .section-2 .owl-carousel .owl-wrapper-outer { width: 100% !important; height: auto !important; float: left !important; overflow: visible !important; transform: translate3d(0, 0px, 0px) !important; }
            .section-2 .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; transform: translate3d(0, 0px, 0px) !important; }
        .section-2 .owl-carousel .owl-item { width: 46% !important; height: auto !important; float: none !important; display: inline-block; vertical-align: top !important; padding: 0 !important; margin: 0 2% 4% 2% !important; left: auto !important; right: auto !important; }
    .section-2 .navigation { display: none !important; }
    .section-2 .owl-controls { display: none !important; }
}

@media (min-width:980px) {
    .section-2 .owl-carousel .owl-item { width: 30.33% !important; margin: 0 1.5% 3% 1.5% !important; }
}

@media (min-width:1024px) {
    .section-2 .owl-carousel .owl-item { width: 22.6% !important; margin: 0 1.2% 2.47% 1.2% !important; }
}

@media (min-width:1200px) {
}

@media (max-width:767px) {
    .section-2 .article { width: 93%; margin: 0 3.5%; }
    .section-2 .navigation { display: block; }
}

@media (max-width:570px) {
    .section-2 .article { width: 93%; margin: 0 3.5%; }
}

/*
    3.3.3) Section - 3
    ----------------------------------------*/
.section-3 { width: 100%; float: left; }
    .section-3 h2 { text-transform: uppercase; padding-bottom: 50px; }
.form-block { width: 100%; float: left; padding-bottom: 40px; }
    .form-block ul { width: 100%; float: left; }
        .form-block ul li { width: 100%; float: left; padding: 0 30px 0 0; position: relative; }
            .form-block ul li.search { width: 34.18%; }
            .form-block ul li.date-view { width: 25.64%; }
            .form-block ul li.state { width: 17%; }
            .form-block ul li.country { width: 23%; padding: 0; }
            .form-block ul li .sbOptions li { padding: 0; }
            .form-block ul li .input-bg { width: 100%; float: left; position: relative; }
            .form-block ul li .input-append .input { padding-right: 60px; }
            .form-block ul li .input-append .add-on i, .form-block ul li .input-prepend .add-on i { display: block; cursor: pointer; width: 58px; height: 58px; float: left; font-size: 18px; color: #c0c0c0; text-align: center; line-height: 58px; }
            .form-block ul li .icon-cale { width: 58px; height: 58px; float: left; line-height: 58px; position: absolute; top: 0; right: 30px; }
.search-list { width: 100%; float: left; }
    .search-list ul { width: 100%; float: left; padding-bottom: 40px; }
        .search-list ul li { width: 100%; float: left; font-size: 20px; line-height: 22px; padding: 0 0 14px 0; }
    .search-list .view-list { float: left; font-size: 14px; color: #818285; text-transform: uppercase; line-height: 16px; }
        .search-list .view-list:before { content: "\f105"; width: 10px; height: 16px; float: right; font-size: 20px; color: #c0c0c0; margin-left: 15px; }
        .search-list .view-list:hover { color: #4ec6df; }
            .search-list .view-list:hover:before { color: #4ec6df; }

@media (max-width: 1023px) {
    .section-3 h2 { padding-bottom: 40px; }
    .form-block { padding-bottom: 30px; }
        .form-block ul li { padding: 0; }
            .form-block ul li.search { width: 100%; }
            .form-block ul li.date-view { width: 100%; }
            .form-block ul li.state { width: 100%; }
            .form-block ul li.country { width: 100%; }
            .form-block ul li .icon-cale { right: 0; }
    .search-list ul { padding-bottom: 30px; }
}

@media (max-width: 767px) {
    .section-3 h2 { padding-bottom: 30px; }
    .form-block ul li.date .input { padding-right: 35px; }
    .search-list ul li { font-size: 16px; line-height: 18px; padding: 0 0 12px 0; }
    .form-block ul li .input-append .input { padding-right: 50px; }
    .form-block ul li .input-append .add-on i, .form-block ul li .input-prepend .add-on i { width: 48px; height: 48px; font-size: 16px; line-height: 48px; }
    .form-block ul li .icon-cale { width: 48px; height: 48px; line-height: 48px; right: 0; }
}

/*
     3.4) Footer - Main
    ----------------------------------------*/
.footer-main { width: 100%; float: left; }
.footer-bar { width: 100%; float: left; background: #0f3940; padding: 90px 0; }
    .footer-bar .container { max-width: 1130px; }
    .footer-bar .foot-logo { width: 100%; float: left; text-align: right; margin-bottom: 35px; }
        .footer-bar .foot-logo img { max-width: 100%; }
    .footer-bar .logo-bg { width: 100%; float: left; }
        .footer-bar .logo-bg ul { float: right; margin: 0 -25px 0 0; }
            .footer-bar .logo-bg ul li { float: left; line-height: 49px; margin: 0 25px 0 0; }
                .footer-bar .logo-bg ul li img { max-width: 100%; }
    .footer-bar .search-bar { width: 100%; max-width: 625px; float: left; margin-bottom: 40px; }
        .footer-bar .search-bar .btn { width: 125px; float: right; border-radius: 0 5px 5px 0 !important; position: absolute; top: 0; right: 0; padding: 0; }
        .footer-bar .search-bar .input { color: #0e393f; border: none; border-radius: 5px 0 0 5px; margin: 0; }
        .footer-bar .search-bar .input-bg { width: 100%; float: left; position: relative; padding: 0 125px 0 0; }
    .footer-bar .links-bg { width: 100%; float: left; padding-bottom: 40px; }
        .footer-bar .links-bg ul { float: left; margin: 0 -25px -8px 0; }
            .footer-bar .links-bg ul li { float: left; font-size: 14px; color: #ffffff; text-transform: uppercase; line-height: 20px; padding: 0 20px 8px 0; }
                .footer-bar .links-bg ul li a { color: #ffffff; }
                    .footer-bar .links-bg ul li a:hover { color: #f15722; }
                    .footer-bar .links-bg ul li a.active { color: #f15722; }
    .footer-bar .social-links { width: 100%; float: left; }
        .footer-bar .social-links ul li { width: 38px; height: 38px; margin: 0 21px 0 0; }
            .footer-bar .social-links ul li a { width: 38px; height: 38px; font-size: 25px; color: #0f3940; text-align: center; text-decoration: none; line-height: 38px; background: #ffffff; border-radius: 20px; margin: 0; }
                .footer-bar .social-links ul li a:hover { color: #ffffff; background: #f05622; }
    .footer-bar aside { width: 260px; float: left; margin: 0 -330px 0 0; position: relative; z-index: 50; }
    .footer-bar article { width: 100%; float: left; padding: 0 0 0 330px; }

@media (max-width: 1023px) {
    .footer-bar { padding: 70px 0; }
        .footer-bar article { padding-left: 310px; }
}

@media (max-width: 767px) {
    .footer-bar { padding: 50px 0; }
        .footer-bar .foot-logo { text-align: center; margin-bottom: 0; }
            .footer-bar .foot-logo img { max-width: 180px; }
        .footer-bar .logo-bg { width: 100%; float: left; }
            .footer-bar .logo-bg ul { float: left; }
        .footer-bar .search-bar .btn { width: 100px; }
        .footer-bar .search-bar .input-bg { padding: 0 100px 0 0; }
        .footer-bar .links-bg ul { width: 100%; margin: 0 0 -8px 0; }
            .footer-bar .links-bg ul li { width: 100%; padding: 0 0 8px 0; }
        .footer-bar .social-links { padding-bottom: 40px; }
            .footer-bar .social-links ul li { margin: 0 10px 0 0; }
                .footer-bar .social-links ul li a { font-size: 22px; }
        .footer-bar aside { width: 100%; text-align: center; margin: 0 0 50px 0; }
        .footer-bar article { width: 100%; padding: 0; }
}

.copy-rights { width: 100%; float: left; text-align: center; padding: 15px 0; }
    .copy-rights p { font-size: 14px; color: #f15722; line-height: 18px; padding: 0; }
        .copy-rights p span { color: #ffffff; margin: 0 6px; }
        .copy-rights p a { color: #ffffff; text-decoration: underline; }
            .copy-rights p a:hover { color: #f15722; }
            .copy-rights p a.active { color: #f15722; }
        .copy-rights p .txt { width: 100%; float: left; color: #f15722; }

@media (max-width: 767px) {
    .copy-rights { padding: 20px 0; }
        .copy-rights p { line-height: 26px; padding: 0; }
}

/*added*/
#filters-1 { text-align: center; }
    #filters-1 > select { background: linear-gradient(#F0F0F0, #fff); border: solid 1px #AAAAAA; border-radius: 5px; font-size: 17px; padding: 10px 10px; width: 220px; float: none; }
#owl-slide3 { display: flex; flex-wrap: wrap; justify-content: center; }
#evts { display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center; }
    #evts .evt { margin: 10px 15px; padding: 14px; position: relative; background: #F2F2F2; border-radius: 5px; border: solid 1px #E8E8E8; width: 300px; box-sizing: border-box; height: 424px; color: inherit; }
        #evts .evt > .map { height: 182px; flex: none; background-position: center; background-size: cover; margin-bottom: 10px; }
        #evts .evt > .date { position: absolute; top: 14px; right: 14px; text-align: center; width: 82px; flex: none; }
            #evts .evt > .date > .day { display: flex; justify-content: center; align-items: center; background: #00BBDC; color: white; font-size: 33px; font-weight: 600; padding: 10px 0; }
            #evts .evt > .date > .month { background: #14353B; color: #AAAAAA; text-transform: uppercase; padding: 10px 0; font-size: 15px; }
        #evts .evt > .t { overflow: hidden; }
            #evts .evt > .t > .title { font-size: 19px; font-weight: bold; text-transform: uppercase; height: 80px; }
            #evts .evt > .t > .i-t { display: flex; }
                #evts .evt > .t > .i-t > i { color: #FF4200; font-size: 24px; margin-right: 5px; }
                #evts .evt > .t > .i-t > .t { margin-top: 5px; }
            #evts .evt > .t > .share, #evts .evt > .t > .share > i { color: blue; }
            #evts .evt > .t > .place { text-transform: uppercase; max-height: 50px; overflow: hidden; }
        #evts .evt.even > .date > .day { background: #F05125; }

/*!desktop*/
@media(max-width:1439px) {
    .section-2 { margin: 0; }
    #evts { width: 705px; }
        #evts .evt { margin: 10px 11px; padding: 10px; font-size: 12px; height: 298px; width: 212px; }
            #evts .evt > .map { height: 128px; }
            #evts .evt > .date { width: 58px; top: 10px; right: 10px; }
                #evts .evt > .date > .day { font-size: 22px; padding: 9px; }
                #evts .evt > .date > .month { font-size: 10px; padding: 9px 0; }
            #evts .evt > .t > .i-t > i { margin-right: 2px; }
            #evts .evt > .t > .title { font-size: 14px; height: 40px; overflow: hidden; }
    .section-1 .navigation a { width: 30px; }
        .section-1 .navigation a:before { font-size: 30px; margin: 0; }
}

/*mobile*/
@media (max-width:767px) {
    #evts { width: auto; }
        #evts .evt { width: 213px; }
    #main-c { padding: 0 15px; }

    .heading-txt h2 { font-size: 24px; margin: 28px 0 0; text-align: center; }
    #filters-1 { display: flex; flex-direction: column; align-items: center; }
}