@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
    font-family: 'ProximaNova-Light';
    src:    url('/assets/fonts/proximanova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  
            url('/assets/fonts/proximanova/ProximaNova-Light.woff') format('woff'), 
            url('/assets/fonts/proximanova/ProximaNova-Light.ttf')  format('truetype'), 
            url('/assets/fonts/proximanova/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/assets/fonts/proximanova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  
         url('/assets/fonts/proximanova/ProximaNova-Regular.woff') format('woff'), 
         url('/assets/fonts/proximanova/ProximaNova-Regular.ttf')  format('truetype'), 
         url('/assets/fonts/proximanova/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }  
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('/assets/fonts/proximanova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  
         url('/assets/fonts/proximanova/ProximaNova-Semibold.woff') format('woff'), 
         url('/assets/fonts/proximanova/ProximaNova-Semibold.ttf')  format('truetype'), 
         url('/assets/fonts/proximanova/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'ATSackersLightClassicRoman';
    src: url('/assets/fonts/atSackers/ATSackersLightClassicRoman.eot?#iefix') format('embedded-opentype'),  
         url('/assets/fonts/atSackers/ATSackersLightClassicRoman.woff') format('woff'), 
         url('/assets/fonts/atSackers/ATSackersLightClassicRoman.ttf')  format('truetype'), 
         url('/assets/fonts/atSackers/ATSackersLightClassicRoman.svg#ATSackersLightClassicRoman') format('svg');
    font-weight: normal;
    font-style: normal;
  }
*{
    /*font-family: 'Oxygen', sans-serif;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    /*font-family: 'PT Sans', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'ProximaNova-Light';
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    transition: all ease .5s;
    outline: none;
}
img{max-width: 100%}
.block {display:  block !important;}
.relative {position:relative}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-35{margin-top: 35px !important;}

.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}

.mr-10{margin-right:  10px !important;}

.bg-white{background-color: #fff !important;}
.bg-green{background-color: #18ba60 !important;}
.bg-blue{background-color: #002872 !important;}

.tx-white{color:#fff !important;}
.tx-grey{color:#586067 !important;}
.tx-blue{color:#002872 !important;}
.tx-yellow{color:#d3af37 !important;}

header .main-top {
    width: 100%;
    display:  block;
    background:  #000000;
}

header .main-top .top {
    max-width:  1200px;
    margin:  0 auto;
    padding: 0 15px;
}

header .main-top .top .left {
    display:  inline-block;
    width: 40%;
    position:  relative;
    padding: 13px 50px 13px 0px;
    vertical-align: top;
    line-height:  24px;
}

header .main-top .top .left:before {
    background: #d3af37;
    width: 1500px;
    height:  100%;
    content:  '';
    position:  absolute;
    top: 0;
    right:  0px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    transform: skewX(20deg);
}
header .main-top .top .left span {
    z-index: 1;
    color: #222;
    position:  relative;
    padding-left:35px;
}
header .main-top .top .left span .fnt {
    padding-left: 0;
    font-size: 14px;
    color: #444;
}
header .main-top .top .left .relative i {
    background: url(../images/cloud.svg);
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
    vertical-align: text-bottom;
    margin-left: 10px;
}
header .main-top .top .right {
    display:  inline-block;
    width: 59%;
    text-align:  right;
    padding: 13px 50px 13px 0px;
    line-height: 24px;
}

header .main-top .top .right .phone {
    display:  inline-block;
}

header .main-top .top .right .phone > * {
    color: #d3af37;
    font-size:18px;
}

header .main-top .top .right .phone a {
    margin-left:  10px;
    font-size:26px;
}

header .main-top .top .right .social {
    display:  inline-block;
    margin-left:  30px;
}

header .main-top .top .right .social i {
    margin: 0 10px;
    color: #ffffff;
}
header .head-main {
    display:  block;
    width:  100%;
    border-bottom: 1px solid #ddd;
}

header .head-main .head-cont {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 19px 70px 15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
header .head-main .head-cont .logo {
    max-width:  286px;
    display:  inline-block;
    width:100%;
}
header .head-main .head-cont .logo > a img{
    width:100%;
}
header .head-main .head-cont .menu {
    display:  flex;
    flex-wrap:  wrap;
    padding-right: 10px;
}

header .head-main .head-cont .menu > li {
    padding: 0 15px;
    position:relative;
}
header .head-main .head-cont .menu > li > a{
    color: #000;
    font-weight: 500;
    font-size:15px;
    border-bottom: 2px solid transparent;
    vertical-align: middle;
    font-weight: 700;
}
header .head-main .head-cont .menu > li.selected > a, 
header .head-main .head-cont .menu > li:hover > a {
    color: #222;
    border-bottom: 2px solid #d3af37;
}
header .head-main .head-cont .menu > li.book-now {
    margin-top: -10px;
    margin-left: 20px;
    background: #d3af37;
}

header .head-main .head-cont .menu > li.book-now > a {
    padding:  11px 0;
    display: block;
    color:#000000;
    font-size: 14px;
}
header .head-main .head-cont .menu > li.book-now:hover {
    background: #000;
}

header .head-main .head-cont .menu > li.book-now:hover > a {
    color: #fff;
    border-bottom: 2px solid transparent;
}

header .head-main .head-cont .menu > li > ul {
    position:  absolute;
    top: 30px;
    z-index:  9;
    background:  #000;
    white-space: nowrap;
    display: none;
    padding:15px 20px;
    min-width:  280px;
}
header .head-main .head-cont .menu > li.sub-menu:hover > ul {
    display:  block;
}
header .head-main .head-cont .menu > li > ul > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom:  1px solid #ccc;
}

header .head-main .head-cont .menu > li > ul > li > a {
    color: #fff;
    display: block;
    position: relative
}

header .head-main .head-cont .menu > li > ul > li:hover > a {
    color: #d3af37;
}
header .head-main .head-cont .menu > li > ul > li > a i {
    position:  absolute;
    right: 10px;
}

header .head-main .head-cont .menu > li > ul > li:hover > a i {
    right:  0;
}
header .head-main .head-cont .menu > li > ul > li:last-child {
    border-bottom:  none;
    padding-bottom: 0;
    margin-bottom:  0;
}

/*Swiper*/
.swiper-button-next, .swiper-button-prev {background:  none;width:  50px;height:  50px;}
.swiper-button-next i, .swiper-button-prev i {color: #fff;font-size: 50px;}
.swiper-pagination-bullet-active{background-color: #fff;}
/*Swiper*/
slider {
    display:  block;
}

slider .slide {
    display:  block;
    position:  relative;
    overflow:  hidden;
}

slider .slide img {
    width:  100%;
}

slider .slide .text {
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    text-align: left;
    max-width: 500px;
}
slider .slide .text > h2 {
    color: #fff;
    font-size: 2.25em;
    font-weight: 500;
    font-family: 'ATSackersLightClassicRoman';
}
slider .slide .text > span {
    font-weight: 500;
    color: #fff;
    margin: 10px 0;
    display:  block;
    font-size: 18px;
}

slider .slide:before {
    content: '';
    background:  #0000009c;
    position:  absolute;
    left: 0;
    right:  0;
    top: 0;
    bottom:  0;
    opacity: 0.4;
}

slider .slide .text > a {
    color: #fff;
    background: #858e95;
    padding:  10px 15px;
    display: inline-block;
    max-width:  150px;
    width:  100%;
    margin: 10px;
    text-align:center;
    border:2px solid transparent;
    font-family: 'Open Sans', sans-serif;
}
slider .slide .text > a.tx-grey:hover {
    background: none !important;
    border: 2px solid #fff;
    color: #fff !important;
}
slider .slide .text > a.border-gr {
    background: none;
    border: 2px solid #d3af37;
    background: #0004
}
slider .slide .text > a.border-gr:hover {
    color:#222;
    background:#d3af37;
}
main {
    display:  block;
}

main .book-now {
    display:  block;
    max-width:  1400px;
    margin: 30px auto;
    position: relative;
}
main .book-now .book-now-form {
    display:  block;
    padding:  40px 100px 40px 60px;
    background: url("../images/pattern-1.png");
    background-color: #000000;
}
main .book-now .book-now-form .left {
    text-align:  left;
    width:  70%;
    display:  inline-block;
    vertical-align:  middle;
}

main .book-now .book-now-form .right {
    display:  inline-block;
    width:  29%;
    text-align:  right;
    vertical-align:  middle;
}

main .book-now .book-now-form .left > * {
    display:  block;
    color: #fff;
}

main .book-now .book-now-form .left .h3 {
    margin-bottom:  10px;
    font-size:  1.45em;
}

main .book-now .book-now-form .left .txt {
    font-size:  16px;
}

main .book-now .book-now-form .right a {
    color: #fff;
    border: 2px solid #fff;
    padding: 12px 24px;
}

main .book-now .book-now-form .right a:hover {
    color: #022668;
    background:  #fff;
}
/*main .book-now .btn-book-now {
    position:  absolute;
    top: 0;
    right:  0;
    bottom: 0;
    background: #18ba60;
}

main .book-now .btn-book-now a {
    word-wrap: break-word;
    width: 50px;
    display:  inline-block;
    padding: 30px 20px;
    font-size: 18px;
    color: #fff;
    text-align:  center;
}*/

/*
main .book-now .book-now-form > div {
    display:  inline-block;
    width:  49%;
    padding:  0 15px;
    vertical-align:  top;
}

main .book-now .book-now-form > div .full-inp {
    width:  100%;
    display:  block;
}

main .book-now .book-now-form > div span {
    display:  block;
    margin-bottom:  10px;
    color: #fff;
}

main .book-now .book-now-form > div input {
    padding:  10px 20px;
    border-radius:  3px;
    border: 1px solid #e3e3e3;
}

main .book-now .book-now-form > div > div {
    margin-bottom: 15px;
}

main .book-now .book-now-form > div > div.full-inp input {
    width:  100%;
}

main .book-now .book-now-form > div .two-inp {
    margin-bottom: 0;
}

main .book-now .book-now-form > div .two-inp input {
    width: calc(50% - 7px);
}
main .book-now .book-now-form > div .two-inp .return-loc .chcbx {
    width: 20px;
    display:  inline-block;
    margin-right:  5px;
}

main .book-now .book-now-form > div .two-inp .return-loc {
    margin-top: 10px;
    padding:  15px 0px;
}

main .book-now .book-now-form > div .two-inp .return-loc span {
    display:  inline-block;
}

main .why-we {
    display: block;
    max-width: 1200px;
    margin: 80px auto 30px auto;
    position: relative;
}

main .why-we .why-we-cont > div {width: 49.5%;display:  inline-block;vertical-align:  top;}

main .why-we .why-we-cont > div.text {
    padding-right: 30px;
}

main .why-we .why-we-cont > div.text .h1 {
    font-size: 34px;
    font-weight:  700;
    margin-bottom: 10px;
    display:  block;
}

main .why-we .why-we-cont > div.text p {
    font-size: 16px;
    color: #777777;
    line-height: 1.8em;
}

main .why-we .why-we-cont > div.text ul {
    padding-top: 30px;
}

main .why-we .why-we-cont > div.text ul li {
    margin-bottom: 10px;
    cursor:default;
}

main .why-we .why-we-cont > div.text ul li .h2 {
    font-size: 23px;
    font-weight:  700;
    vertical-align:  top;
}

main .why-we .why-we-cont > div.text ul li i {
    font-size: 30px;
    color: #18ba60;
    padding: 16px;
    border: 1px solid #ddd;
    display: inline-block;
}
main .why-we .why-we-cont > div.text ul li:hover i {
    color: #fff;
    background-color:  #18ba60;
}
main .why-we .why-we-cont > div.text ul li span {
    display:  block;
}

main .why-we .why-we-cont > div.text ul li .text-wrp {
    width: calc(100% - 90px);
    display:  inline-block;
    margin-left:  20px;
    vertical-align: top;
}
main .services-wrap {
    max-width:  1200px;
    display:  block;
    margin: 50px auto 30px auto;
}

main .services-wrap .h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
    text-align:  center;
}

main .services-wrap .services {
    width:  33%;
    display:  inline-block;
    padding: 20px;
}

main .services-wrap .services .text .h3 {
    font-size: 20px;
    display:  block;
    margin: 15px 0;
    font-weight:  700;
    color: #000;
}

main .services-wrap .services .text span {
    font-size: 14px;
    color: #777777;
}

main .services-wrap .services:hover .text .h3 {
    color: #18ba60;
}*/
main .services-main {
    background: #f1f1f1;
    padding: 30px;
}
main .services-wrp .h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
    width:100%;
    text-align:  center;
    font-family: 'ATSackersLightClassicRoman';
    font-weight: 700;
}
main .services-wrp {
    display: flex;
    flex-wrap:  wrap;
    justify-content: space-between;
    max-width:  1400px;
    margin: 20px auto;
}

main .services-wrp .services {
    width: calc((100% / 5) - 15px);
    position:  relative;
    margin-bottom: 15px;
}

main .services-wrp .services .text {
    position:  absolute;
    top: 50%;
    display:  block;
    width:  100%;
    text-align:  center;
    transform: translateY(-50%);
    z-index:  10;
}

main .services-wrp .services .text > * {
    color: #fff;
    display:  block;
}

main .services-wrp .services:after {
    content:  '';
    background:  #000;
    top: 0;
    left:  0;
    right:  0;
    bottom:  0;
    position:  absolute;
    opacity: 0.2;
}

main .services-wrp .services .text span {
    margin-bottom: 5px;
    font-size:  20px;
}

main .services-wrp .services .text .txt {opacity: 0;visibility:  hidden;margin-top: -20px;font-size: 13px;}

main .services-wrp .services:hover .text .txt {
    opacity:  1;
    visibility:  visible;
    margin-top:  0;
}

main .blog {
    display:  block;
    background:  #f1f1f1;
    margin-bottom:  30px;
}
main .blog .h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
    display: block;
    width:100%;
    text-align:  center;
}
main .blog .blog-wrp {
    max-width: 1400px;
    width:  100%;
    margin:  0 auto;
    display:  flex;
    flex-wrap:  wrap;
    justify-content: space-between;
    padding:  30px 0;
}

main .blog .blog-wrp .blog-cont {
    display: table;
}

main .blog .blog-wrp .blog-cont .img {
    width:  50%;
    display:  table-cell;
    padding:  15px;
    vertical-align: middle;
}

main .blog .blog-wrp .blog-cont > .text {
    display:  table-cell;
    vertical-align:  middle;
}

main .blog .blog-wrp .blog-cont > .text .bold {
    font-size:  1.31em;
    display:  block;
    font-weight:  700;
    margin-bottom:  5px;
}

main .blog .blog-wrp .blog-cont > .text .mtn {
    font-size: 14.6px;
    line-height: 1.5em;
    color: #5b5b5b;
}
main .blog .blog-wrp .blog-cont > .text .fnt {
    display:  block;
    font-size:  12px;
    font-weight:  700;
    color: #b70234;
    margin-bottom:5px;
}
footer {
    display:  block;
}

footer .footer-top {
    font-size:  0;
}

footer .footer-top .left {
    width: 40%;
    display:  inline-block;
    text-align:  right;
    padding: 30px;
    position:  relative;
    vertical-align:  bottom;
}
footer .footer-top .left span {
    width:  50%;
    color: #222;
    z-index:  1;
    position:  relative;
    font-size: 25px;
    padding: 0 80px;
}

footer .footer-top .left:before {
    background: #d3af37;
    width: 1500px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    transform: skewX(20deg);
}
footer .footer-top .left span i {
    border: 1px solid #222;
    border-radius:  50%;
    padding: 9px;
    font-size:  20px;
    margin-right:  20px;
}
footer .footer-top 
.right {
    width: 60%;
    display:  inline-block;
    vertical-align:  top;
    background: #000000;
    position:  relative;
}
footer .footer-top .right:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 0px;
    width: 70px;
    height: 100%;
    background: #000000;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
footer .footer-top .right .logo {
    max-width: 250px;
    display:  inline-block;
    padding: 0 15px 0 5px;
    margin: 0 22px;
    border-right:  1px solid #ddd;
}



footer .footer-top .right .text {
    width: calc(100% - 300px);
    display:  inline-block;
}



footer .footer-top .right .right-wrap {
    padding: 25px;
}

footer .footer-top .right .text span {
    color: #fff;
    font-size:  14px;
    vertical-align: text-bottom;
}


footer .footer-wrap {
    background:  #000000;
    padding-bottom:30px;
}

footer .footer-wrap .footer-cont {
    max-width:  1400px;
    margin:  0 auto;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    padding: 60px 0 0 0;
}
footer .footer-wrap .footer-cont .ul-wrp {
    width: calc(100% / 6);
}
footer .footer-wrap .footer-cont .ul-wrp-two {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    align-content: flex-start;
}

footer .footer-wrap .footer-cont .ul-wrp > span {
    display:  block;
    width:  100%;
    color: #d3af37;
    font-weight:  700;
}

footer .footer-wrap .footer-cont .ul-wrp ul li {
    width: 100%;
    line-height: 1.8;
}

footer .footer-wrap .footer-cont .ul-wrp ul li a, footer .footer-wrap .footer-cont .ul-wrp ul li span {
    color: #fff;
}

footer .footer-wrap .footer-cont .ul-wrp ul li span.bold {
    font-weight:  700;
}

footer .footer-wrap .footer-cont .ul-wrp ul li span b {
    width: 80px;
    display: inline-block;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social {display:  flex;flex-wrap:  wrap;justify-content: space-between;margin-top:  35px;}
footer .footer-wrap .footer-cont .ul-wrp ul li a {position:  relative;padding: 0 20px; display:inline-block;}

footer .footer-wrap .footer-cont .ul-wrp ul li a i.icon-right-arrow {position: absolute;left:  0;font-size:  10px;top: 50%;transform: translateY(-50%);color: #d3af37;}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a {
    padding:  0;
}

footer .footer-wrap .footer-cont .ul-wrp ul li a:hover .icon-right-arrow {
    left:  5px;
}
footer .footer-wrap .footer-cont .ul-wrp ul li.social a:hover i.icon-facebook {
    color: #3b5a9b;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a i {
    font-size: 22px;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a:hover i.icon-twitter {
    color: #1da1f2;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a:hover i.icon-instagram {background: #f09433;background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a i.icon-instagram {
    padding: 3px 4px 3px 3px;
    border-radius: 3px;
    text-align:  center;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a:hover i.icon-google-plus {
    color: #DD4B39;
}

footer .footer-wrap .footer-cont .ul-wrp ul li.social a:hover i.icon-youtube {
    color: #FF0000;
}

input.newsletter {
    border:  none;
    padding:  15px;
    background: #ddd;
    color: #222;
    width:100%;
}
input::placeholder {
    font-size: 15px;
}

input.send {
       position: absolute;
       top: 0;
       right: 10px;
       width: 30px;
       height: 100%;
       background: url("../images/send.svg");
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 18px;
       cursor: pointer;
       border: none;
       font-size: 0;
}

footer .copy {
    background: #000000;
    text-align:  center;
    display:  block;
    padding:  40px 0;
}

footer .copy > span {
    display: inline-block;
    padding-top: 20px;
    border-top: 1px solid #555555;
    color: #fff;
}


/*TOURS*/
main .tours-cont {
    max-width:  1400px;
    margin:  0 auto;
}

main .tours-cont .tours {
    justify-content: space-between;
    align-items:  center;
    display:  block;
    background:  #ededed;
    margin-bottom:  20px;
    position: relative;
}

main .tours-cont .tours > .left {
    width: 30%;
    display: inline-block;
    margin-right: 40px;
    vertical-align:  middle;
}

main .tours-cont .tours > .center {
    width: 49%;
    display:  inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

main .tours-cont .tours > .right {
    width: 15%;
    text-align:  center;
    display:  inline-block;
}

main .tours-cont .tours > .right a {
    display: block;
    background: #d3af37;
    color:  #222;
    padding: 15px;
    max-width: 150px;
    border-radius:  4px;
    font-weight:  700;
    margin:  0 auto;
}

main .tours-cont .tours > .center > a.h2 {
    font-size:  24px;
    display:  block;
    margin-bottom:  20px;
    color: #000;
    font-family: 'ATSackersLightClassicRoman';
    font-weight:  700;
}

main .tours-cont .tours > .center > .text {
    color: #444;
}

main .tours-cont .h1 {
    display:  block;
    text-align:  center;
    margin:  40px;
    font-weight:  700;
    font-size:  40px;
}

main .tours-cont .tours:after {
    content: '';
    height:  2px;
    background: #d3af37;
    z-index: -1;
    bottom: 0;
    position:  absolute;
    left:  50%;
    right:  50%;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

main .tours-cont .tours:hover:after {
    left:  0;
    right:  0;
    z-index:  1;
}

/*TOURS*/

/*ABOUT*/
main .blog-cont {
    margin:  0 auto 40px auto;
}

main .blog-cont .blog-img {
    position:  relative;
    background:  url("../images/irizar.jpg");
    background-size: cover;
    background-attachment:  fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

main .blog-cont .blog-img > img {
    opacity:  0;
}

main .blog-cont .blog-img > .h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
}
main .blog-cont .blog-img:before {
    content: '';
    left: 0;
    right:  0;
    top: 0;
    bottom:  0;
    background: #000;
    position:  absolute;
    opacity:  .2;
}
main .blog-cont .text {
    max-width:  1400px;
    margin:  0 auto;
    padding-top:  50px;
    color: #444;
    line-height:  1.5;
    letter-spacing:  0.8px;
}

/*tours detail*/
main .blog-cont .details {
    background-image:  url("../images/gallery/mct/melbourne-city2.jpg");
}
main .blog-cont .details > img {
    max-height: 400px;
}
main .blog-cont .details .abs-cont {
    position:  absolute;
    width:  100%;
    text-align:  center;
    top: 50%;
    transform: translateY(-50%);
}

main .blog-cont .details .abs-cont > span {
    display:  block;
    margin-bottom:  10px;
    color: #fff;
}

main .blog-cont .details .abs-cont > span.h1 {
    font-size:  55px;
    font-weight:  700;
    font-family: 'ATSackersLightClassicRoman';
}

main .blog-cont .details .abs-cont > span.h2 {
    font-size:  22px;
}

main .blog-cont .details .abs-cont > a {
    background:  #000;
    color: #fff;
    padding:  10px 20px;
    display:  inline-block;
    border-radius:  5px;
}

main .blog-cont .details:before {
    opacity:  .3;
}
main .details-cont {
    max-width:  1400px;
    margin:  0 auto;
}

main .details-cont .left-item {
    width:  65%;
    display:  inline-block;
    padding: 0 50px 0 0;
}

main .details-cont .right-item {
    width: 34%;
    display:  inline-block;
    vertical-align:  top;
    background: #efefef;
}

main .details-cont .right-item > .newsletter {
    margin:  0 auto;
    top: 0;
    position:  sticky;
    position:  -webkit-sticky;
    padding: 30px;
    background: url("../images/newsletter-back.jpg");
}

main .details-cont .right-item > .newsletter > .h2 {
    display:  block;
    font-size: 24px;
    font-weight:  700;
    margin-bottom:  20px;
    color:#fff;
}

main .details-cont .right-item > .newsletter > span.text {
    margin-bottom:  20px;
    display:  block;
    font-size: 18px;
    color:#fff;
}

main .details-cont .right-item > .tour-details-sidebar {
    padding:  30px;
}

main .details-cont .right-item > .tour-details-sidebar ul {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom:  1px solid #ccc;
}


main .details-cont .right-item > .tour-details-sidebar > ul > li.baslik {
    margin-bottom:  10px;
    font-weight:  700;
    color: #000;
}

main .details-cont .right-item > .tour-details-sidebar > ul > li {
    color: #a3a3a3;
    margin-bottom:  5px;
}
main .details-cont .left-item .tab-menu {
    margin-top: 50px;
}

main .details-cont .left-item .tab-menu details {
    background: #efefef;
    margin-bottom:10px
}

main .details-cont .left-item .tab-menu details summary {
    background: #d3af37;
    padding:  10px 20px;
    cursor: pointer;
}

main .details-cont .left-item .tab-menu details .tab-detail {
    padding:  20px;
    margin-bottom: 20px;
    border-bottom:  1px solid #fff;
}

main .details-cont .left-item .tab-menu details .tab-detail li.baslik {
    font-weight:  700;
    margin-bottom: 20px;
    padding-left:  0;
    color: #000;
    list-style:  none;
}

main .details-cont .left-item .tab-menu details .tab-detail li {
    color: #000;
    margin-bottom:  10px;
    padding-left:  20px;
    list-style:  circle;
    margin-left:  20px;
}
main .details-cont .left-item .img {
    display:  flex;
    justify-content:  space-between;
    margin-bottom:  40px;
}

main .details-cont .left-item .img > a {
    width:  calc((100% / 4) - 10px);
}
@keyframes invisiblyGrowFontSize {
	0% {
    font-size: 0;
    opacity: 0;
	}
	100% {
    font-size: 1em;
    opacity: 0;
	}
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
	100% {
		opacity: 1;
	}
}
main .details-cont .left-item .tab-menu .details[open] .tab-detail{
    animation-name: invisiblyGrowFontSize, fadeIn;
    animation-duration: 500ms, 200ms;
    animation-delay: 0ms, 500ms;
}



/*Gallery*/
main > .gallery-wrp {
    max-width: 1400px;
    margin:  0 auto;
}

main > .gallery-wrp .gallery-menu ul {
    display:  block;
    margin-bottom:  10px;
    padding-bottom:  10px;
    border-bottom:  1px solid #d4d4d4;
}

main > .gallery-wrp .gallery-menu > ul > li {
    display:  inline-block;
    margin-right:  5px;
}
main > .gallery-wrp .gallery-menu > ul > li > a{
    background:  #efefef;
    padding:  10px 20px;
    display: inline-block;
    border-radius:  4px;
    color: #000;
}

main > .gallery-wrp .gallery-menu > ul > li.selected > a {
    background: #d3af37;
    color: #fff;
}

main > .gallery-wrp .gallery-cont {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-start;
}

main > .gallery-wrp .gallery-cont > div {
    width:  calc((100% / 4) - 10px);
    margin:  5px;
    position:  relative;
    overflow:  hidden;
}

main > .gallery-wrp .gallery-cont > div a:before {
    content: '\e90b';
    position:  absolute;
    display: flex;
    left:  0;
    right:  0;
    top: 0;
    height:  0;
    background:  #424242;
    opacity:  .8;
    justify-content:  center;
    align-items:  center;
    font-family:  icomoon;
    color: #fff;
    z-index:  1;
    transition:  all ease .4s;
}

main > .gallery-wrp .gallery-cont > div a:hover:before {
    top: 0;
    height: 100%;
}

/*About US*/
main .about-us .one-step {
    max-width:  1400px;
    margin: 30px auto;
}

main .about-us .one-step > div {
    width:  49%;
    display:  inline-block;
    vertical-align:  top;
    padding:  0 30px;
}

main .about-us .one-step > div.left .h2 {
    font-size:  40px;
    display:  block;
    margin-bottom:  30px;
    font-family: 'ATSackersLightClassicRoman';
    font-weight: 700;
}

main .about-us .one-step > div.left .text {
    font-size:  18px;
    color: #586067;
} 

main .about-us .two-step {
    display:  block;
    width: 100%;
    background:  rgb(0, 0, 0);
}

main .about-us .two-step ul {
    max-width:  1400px;
    margin:  0 auto;
    display:  flex;
    flex-wrap:  wrap;
    justify-content: space-around;
    align-items:  center;
    padding:  80px 0;
}

main .about-us .two-step ul > li span {display:  block;text-align:  center;}

main .about-us .two-step ul > li span.number {
    color: #d3af37;
    font-weight:  700;
    font-size: 34px;
    margin-bottom:  10px;
}

main .about-us .two-step ul > li span {
    color: #fff;
}

main .about-us .three-step {
    max-width:  1400px;
    margin: 70px auto;
}

main .about-us .three-step .team-text > span {
    display:  block;
    text-align:  center;
}

main .about-us .three-step .team-text > span.h2 {
    font-size:  40px;
    margin-bottom: 10px;
    font-weight: 700;
}

main .about-us .three-step .team-text {
    margin-bottom:  30px;
}
main .about-us .three-step .image {
    display:  flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
/*Contact*/
main .contact-main {
    display:  block;
    padding: 80px 0;
    max-width:  1400px;
    margin:  0 auto;
}

main .contact-main > .h2 {
    display:  block;
    text-align:  center;
    font-size:  28px;
    margin-bottom: 60px;
    font-weight:  700;
    font-family: 'ATSackersLightClassicRoman';
}

main .contact-main .icons-detail {
    display:  flex;
    flex-wrap:  wrap;
    justify-content: space-around;
}

main .contact-main .icons-detail .icons > i {
    display:  block;
    text-align:  center;
    margin-bottom: 15px;
    font-size:  30px;
    color:  #d2b756;
}

main .contact-main .icons-detail .icons > .h3 {
    display:  block;
    text-align:  center;
    margin-bottom: 10px;
    font-weight:  700;
    font-size:  18px;
    color: #424242;
}

main .contact-main .icons-detail .icons > .text {
    display:  block;
    text-align:  center;
    color: #586067;
}

main .contact-form {
    background-color:  #f7f7f7;
}

main .contact-form .contact-form-wrap {
    max-width:  1400px;
    margin: 0 auto;
    padding:  80px 0;
}

main .contact-form .contact-form-wrap .left {
    display:  inline-block;
    width:  49%;
}

main .contact-form .contact-form-wrap .left .h2 {
    display:  block;
    margin-bottom:  40px;
    font-size:  30px;
    font-family: 'ATSackersLightClassicRoman';
    font-weight: 700;
}

main .contact-form .contact-form-wrap .left .row {
    display:  flex;
    flex-wrap:  wrap;
    justify-content: space-between;
    margin-bottom:  20px;
}

main .contact-form .contact-form-wrap .left .row span, main .contact-form .contact-form-wrap .left .row-group span {
    display:  block;
    margin-bottom: 5px;
    font-weight:  700;
    color: #444;
}

main .contact-form .contact-form-wrap .left .row .col {
    width:  49%;
    padding-right:  10px;
}

main .contact-form .contact-form-wrap .left .row .col input {
    border: none;
    padding: 15px;
    border-radius: 4px;
    background: #ddd;
    color: #222;
    width: 100%;
}

main .contact-form .contact-form-wrap .left .row-group {
    display:  block;
    margin-bottom:20px;
}

main .contact-form .contact-form-wrap .left .row-group .col textarea {border: none;padding: 15px;border-radius: 4px;background: #ddd;color: #222;width: 100%;resize:  none;}
main .contact-form .contact-form-wrap .left .row-group .col input.send-btn {
    border: none;
    padding: 15px;
    border-radius: 4px;
    background: #d3af37;
    color: #222;
    width: 100%;
    cursor:  pointer;
    max-width: 200px;
}
main .contact-form .contact-form-wrap .right {
    display:  inline-block;
    width:  49%;
    vertical-align:  top;
    padding-left:  30px;
}
main .service-detail-wrp {
    max-width: 1400px;
    margin: 40px auto;
    display:  block;
}

main .service-detail-wrp .left-menu {
    max-width:  300px;
    display:  inline-block;
    width:  100%;
}

main .service-detail-wrp .left-menu ul li a {display:  block;width:  100%; font-size:18px;position:  relative;background: #000;color: #fff;border: 1px solid #cccccc;padding:  10px 15px;}

main .service-detail-wrp .left-menu ul li {
    margin-bottom:  5px;
}

main .service-detail-wrp .left-menu ul li a:hover,
main .service-detail-wrp .left-menu ul li a.selected {
    background: #d3af37;
    color: #000;
}

main .service-detail-wrp .left-menu ul li a i {
    color: #424242;
    position:  absolute;
    right: 20px;
}

main .service-detail-wrp .left-menu ul li a:hover i,
main .service-detail-wrp .left-menu ul li a.selected i {
    color: #000;
    right:  15px;
}

main .service-detail-wrp .left-menu ul li input {
    border: none;
    padding: 15px;
    border-radius: 4px;
    background: #ddd;
    color: #222;
    width: 100%;
}

main .service-detail-wrp .left-menu ul.fast-contact {
    margin-top: 30px;
}

main .service-detail-wrp .left-menu ul.fast-contact .h2 {
    display:  block;
    font-size:  20px;
    font-weight:  700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position:  relative;
}

main .service-detail-wrp .left-menu ul.fast-contact .h2:after {
    content:  '';
    width: 50px;
    height:  2px;
    position:  absolute;
    bottom: 0;
    background: #d3af37;
    left:  0;
}

main .service-detail-wrp .left-menu ul li textarea.message {
    border: none;
    padding: 15px;
    border-radius: 4px;
    background: #ddd;
    color: #222;
    width: 100%;
    resize:  none;
}

main .service-detail-wrp .left-menu ul li input.send-btn {
    background: #d3af37;
    font-weight: 700;
    cursor:pointer;
}
main .service-detail-wrp .right {
    width:  calc(100% - 350px);
    display:  inline-block;
    margin-left:  40px;
    vertical-align:  top;
}
main .service-detail-wrp.fleet .right {
    width:  100%;
    display: block;
    margin-left:  0;
    vertical-align:  top;
}
main .fleet .services-wrp .services:after{
    display: none;
}

main .service-detail-wrp .right .image {
    margin-bottom:  30px;
}
main .service-detail-wrp .right .image img {
    width: 100%;
}

main .service-detail-wrp .right .full-text .h2 {
    display:  block;
    margin-bottom:  10px;
    padding-bottom:  10px;
    position:  relative;
    font-weight: 700;
    font-size:  26px;
    font-family: 'ATSackersLightClassicRoman';
}

main .service-detail-wrp .right .full-text .h2:after {
    content:  '';
    width:  50px;
    height:  2px;
    background: #d3af37;
    position:  absolute;
    left:  0;
    bottom:  0;
}
main .service-detail-wrp .right .full-text .text {
color:#586067
}
main .service-detail-wrp .right .services-main {
    padding: 0;
    margin-top:40px;
    background:  none;
}

main .service-detail-wrp .right .services-main .services-wrp {margin:  0;}
main .service-detail-wrp .right .services-main .services-wrp .services:after {
    display:  none;
}

/*BookNow*/
main .book-now-wrp {
    max-width:  1400px;
    width:  100%;
    margin: 0 auto;
}

main .book-now-wrp .row {
    display: flex;
    flex-wrap:  wrap;
    justify-content: space-between;
    margin-bottom:  20px;
}

main .book-now-wrp .row .column-50 {
    width: calc(100% / 2);
    display:  inline-block;
    padding:  0 30px;
}

main .book-now-wrp .row .label {
    display:  block;
    margin-bottom:  10px;
    font-size:  26px;
    color: #424242;
}

main .book-now-wrp .row .label i {
    color: #b70234;
    font-size:  20px;
}

main .book-now-wrp .row .dropdown {
    width:100%;
    border:  none;
    padding: 15px;
    background: #ddd;
    color: #222;
}
main .book-now-wrp .row .col-3 {
    width:  calc((100% / 3) - 10px);
    margin-right: 11px;
    display:  inline-block;
}

main .book-now-wrp .row .col-3:last-child {
    margin-right:  0;
}
main .book-now-wrp .row .column-50 .col-2-max {
    width:  70%;
    display:  inline-block;
}

main .book-now-wrp .row .column-50 .col-2-min {
    width:  29%;
    display:  inline-block;
    vertical-align: middle;
}

main .book-now-wrp .row .textbox {
    border: none;
    padding: 15px;
    background: #ddd;
    color: #222;
    width: 100%;
}
main .book-now-wrp .row .column-50 .col-2-min input[type="checkbox"] {
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    vertical-align:  middle;
    display:  block;
}

main .book-now-wrp .row .column-50 .col-2-min .check {
    font-size:  18px;
    margin-bottom: 5px;
    display:  block;
}

main .book-now-wrp .row .column-33 {
    padding:  0 30px;
    width: calc(100% / 3);
}

main .book-now-wrp .row.row-col {
    padding:  0 30px;
    display:  block;
}

main .book-now-wrp .row.row-col .textarea {border: none;padding: 15px;border-radius: 4px;background: #ddd;color: #222;width: 100%;resize: none;}

main .book-now-wrp .row.row-btn .send-btn {
    border: none;
    padding: 15px;
    border-radius: 4px;
    background: #d3af37;
    color: #222;
    width: 100%;
    cursor: pointer;
    max-width: 200px;
}

main .book-now-wrp .row.row-btn {
    padding:  0 30px;
    display:  block;
    text-align:  right;
}
/*BookNow*/


/*responsive*/
@media screen and (max-width:960px){
    /*Home*/
    slider {background:  #000;}
    slider .slide .text {position: static;transform: translateY(0);padding: 20px 20px 40px 20px;}
    slider .slide .text > a {width:  49%;max-width:  none;margin:  0;}
    slider .slide .text > h2 {font-size:  25px;}
    slider .slide .text > span {font-size:  16px;}
    slider .swiper-button-next, .swiper-button-prev {display:none;}
    main .services-wrp .h2{font-size:25px;}
    main .services-wrp .services {width: calc((100% / 2) - 5px);}
    main .book-now .book-now-form {padding:  20px;}
    main .book-now .book-now-form .left {width:  100%;}
    main .book-now .book-now-form .right {width:  100%;display:  block;}
    main .book-now .book-now-form .right a {display:  block;text-align:  center;margin-top: 20px;}
    main .blog .h2{font-size:25px;}
    main .blog .blog-wrp .blog-cont {display:  block;}
    main .blog .blog-wrp .blog-cont .img,
    main .blog .blog-wrp .blog-cont > .text  {width:  100%;display:  block;padding:10px 20px;}

    /*about*/
    main .about-us .one-step > div {width:  100%;}
    main .about-us .one-step > div.left .h2 {font-size:  25px;}
    main .about-us .one-step > div.left .text {font-size:  16px;}

    /*Service*/
    main .service-detail-wrp .left-menu {display:  none;}
    main .service-detail-wrp .right {width:  100%;margin:  0;padding:  0 20px;}

    /*Tour List*/
    main .tours-cont .tours {padding: 20px;}
    main .tours-cont .tours > div {width: 100% !important;display: block !important;margin: 0 0 10px 0;}

    /*Tour Detail*/
    main .details-cont .left-item {display:  block;width:  100%;padding: 0 20px;}
    main .details-cont .right-item {width:  100%;}
    main .details-cont .left-item .tab-menu details .tab-detail li {margin-left:  10px;padding-left: 0px;}

    /*Gallery*/
    main > .gallery-wrp .gallery-menu > ul > li {width: 49%;vertical-align:  top;margin-bottom: 5px;margin-right:  .5%;}
    main > .gallery-wrp .gallery-menu > ul > li > a {padding:  10px 5px;display:  block;text-align:  center;font-size:  10px;}
    main > .gallery-wrp .gallery-menu > ul > li:nth-child(even) {margin: 0;}
    main > .gallery-wrp .gallery-cont > div {width:  calc((100% / 2) - 10px);}

    /*Contact*/
    main .contact-form .contact-form-wrap {padding:  20px;}
    main .contact-main {padding: 20px 10px;}
    main .contact-form .contact-form-wrap > div {width:  100% !important;display:  block;padding:  0 !important;margin-bottom:  20px;}
    main .contact-form .contact-form-wrap .left .h2 {font-size:  25px;}
    main .contact-form .contact-form-wrap .left .row-group .col input.send-btn {max-width: none;}

    /*BookNow*/
    main .book-now-wrp .row .column-50 {width:  100%;margin-bottom:  20px;padding:  0 15px;}
    main .book-now-wrp .row {display:  block;margin-bottom: 0;}
    main .book-now-wrp .row .label {font-size:  18px;}
    main .book-now-wrp .row .column-50 .col-2-max {width:  65%;}
    main .book-now-wrp .row .column-50 .col-2-min {width: 33%;}
    main .book-now-wrp .row .column-50 .col-2-min .check {font-size: 14px;}
    main .book-now-wrp .row .column-33 {width:  100%;padding:  0 15px;margin-bottom:  20px;}
    main .book-now-wrp .row.row-col {padding:  0 15px;margin-bottom:  20px;    }
    main .book-now-wrp .row.row-btn {padding:  0 15px;margin-bottom:  20px;}
    main .book-now-wrp .row.row-btn .send-btn {max-width:  none;}
}