@import url('owl.carousel.css');
@import url('owl.theme.css');

.slide-text-wrapper {
    /*height: 450px;*/
}
.slide-text-wrapper {
    display: table;width: 100%;
}

.slide-text {display: table-cell;vertical-align: bottom}

.slide-bg {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;background-position: center;background-size: cover
}
.slide-bg:after {
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide-one {background-image: url(img/slide-1.jpg)}
.slide-two {background-image: url(img/slide-2.jpg)}
.slide-three {background-image: url(img/slide-3.jpg)}
.slide-text {color: #fff;font-size: 16px;font-weight: 200}
.slide-text h2 {
    font-size: 36px;font-weight: 200
}

.slide-content {position: absolute;z-index: 9;padding: 30px;    padding-bottom: 0px; }
.slide-content:before {
    /*background: none repeat scroll 0 0 #000;*/
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


.readmore {
    background: none repeat scroll 0 0 #6e9cc5;
    color: #fff;
    border: 1px solid #6e9cc5;
    display: inline-block;
    font-size: 13px;  
    margin-top: 5px;   
    padding: 6px 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


.readmore:hover {background: #306898;text-decoration: none;color: #fff;border: 1px solid #fff}


.slide-bulletz {
    bottom: 0px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
}
ol.slide-indicators {
    left: inherit;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
ol.slide-indicators li {
    background: none repeat scroll 0 0 #222;
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 0 0 5px;
    width: 10px;
}
ol.slide-indicators li.active {
    background: none repeat scroll 0 0 #fff;
    height: 10px;
    margin: 0 0 0 5px;
    width: 10px;
}


.company-social {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
}

.company-social {
    /*text-align: left;*/
    list-style: none;
}

.company-social li{
    margin:0;
    padding:0;
    display: inline-block;
}


.company-social a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-align: center;
    border-radius: 3px;
    padding:0;
}

.guide-grid h4 {
    color: #666;
    font-size: 2em;
    margin-top: 20px;
}

i.strp {
    display: block;
    background: #3873ae;
    margin: 1.5em auto;
    height: 3px;
    width: 25%;
}

/*day tour*/
.details .description {
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;

}
.gradient-button{

    background: #5FC8C2;
    background: -moz-linear-gradient(top, #5FC8C2 0%, #41AFAA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5FC8C2), color-stop(100%,#41AFAA));
    background: -webkit-linear-gradient(top, #5FC8C2 0%,#41AFAA 100%);
    background: -o-linear-gradient(top, #5FC8C2 0%,#41AFAA 100%);
    background: -ms-linear-gradient(top, #5FC8C2 0%,#41AFAA 100%);
    background: linear-gradient(to bottom, #5FC8C2 0%,#41AFAA 100%);
}
.gradient-button{
    font-size:11.5px;
    line-height:32px;
    font-weight:700;
    margin-top: 5px;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff !important;
    height:32px;
    padding:0 18px !important;
    text-align:center;
    display:inline-block;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    border-radius:17px;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    cursor:pointer;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    box-shadow: inset 0 0 1px rgba(0,0,0,.3);
}
.box-shadow{
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
}
.price_em {
    display: inline-block;
    width: 100%;
    font-size: 30px;
    text-align: center
}

/*timeline*/

.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px
}
.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table
}
.timeline>li:after {
    clear: both
}
.timeline>li>.timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    padding: 0;
    position: relative
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px
}
.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1
}
.timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600
}
.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
    padding: 10px
}
.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}
.timeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    margin-left: 10px;
}
.timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}
.timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd
}

.bg-red {
    background-color: #dd4b39 !important;
    color: #fff !important;
}
.bg-blue {
    background-color: #0073b7 !important;
    color: #fff !important;
}



.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
@media(min-width:480px){
    .img-object-cover{
        height:185px;
        width: 100%;
        object-fit: cover;
    }
}

/*transport*/
.transport-img{
    object-fit: cover;
    height: 220px;
    width: 100%;
}

/*home*/
.actions {
    border-top: 1px solid #ccc;
    margin: 0 5px;
    padding:10px;
    text-align: center;
}

.btn {
    border: 1px solid #4f8db3;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-transform: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    background: none repeat scroll 0 0 #4f8db3;
    text-shadow: none;
    box-shadow: none;
    color: #FFF;
    white-space: nowrap;
}
.btn:hover {
    background: none repeat scroll 0 0 #3b3c41;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #3b3c41;
}

.inner-nav      {float:left;display:block;width:21.4%;position:relative;z-index:50;z-index:1;}
.inner-nav li   {
    padding:0 !important;
    float:left;
    display:block;
    height:42px;
    width:100%;
    margin:0 0 1px;
    font-size:14px;
    font-weight:600;
    line-height:42px;
    text-shadow:0 1px 1px rgba(0,0,0,0.15);
    background: rgb(193,182,174);
    background: -moz-linear-gradient(top, #a0a0a0 0%, #b8b8b8  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#b8b8b8 ));
    background: -webkit-linear-gradient(top, #a0a0a0 0%,#b8b8b8  100%);
    background: -o-linear-gradient(top, #a0a0a0 0%,#b8b8b8  100%);
    background: -ms-linear-gradient(top, #a0a0a0 0%,#b8b8b8  100%);
    background:linear-gradient(to bottom, #a0a0a0 0%,#b8b8b8  100%);


    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3',GradientType=0 );-webkit-transition:all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition:all 0.3s linear; transition: all 0.3s linear;}
.inner-nav li a    {float:left;display:block;color:#fff;padding:0 0 0 41px;width:100%;height:100%;position:relative;font-weight:600;}
.inner-nav li.active,
.inner-nav li.active:hover{width:110%;}
.inner-nav li.active a:after{content:"";position:absolute;top:0;right:-21px;width: 0;height: 0;border-style: solid;border-width: 21px 0 21px 21px;}

.inner-nav li a:before {font-family: 'Material Icons';font-size:24px;font-weight:400;position:absolute;top:0;left:10px;}


.inner-nav li.active a:after {border-color: transparent transparent transparent #2f2e2d;}
.social li a:hover,.social li a:focus,.pager .current,.pager a:hover,.contact:before,.header .ribbon,.destinations article .ribbon:hover,.view-type .active,.tags li:hover,.inner-nav li:hover,.inner-nav li.active,.inner-nav li.active:hover,.chart dd span,.infoBox,.lb-wrap,.ui-slider-horizontal .ui-slider-handle ,.image-overlay:before 	
{
    background:#2f2e2d !important;
}


.tab-content {float:right;width:76.4%;overflow:hidden;}
.tab-content article{float:left;width:100%;padding:13px 10px 20px;overflow:hidden;margin:0 0 20px;background:#fafafa;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);font-size:13px;}
.tab-content h3{color:#818181;padding:0 15px 10px;margin:0 0 20px;border-bottom:1px solid #ccc;display:inline-block;width:100%;}
.tab-content h2 a,
/*.tab-content h3 a{color:#B1A398;}*/
/*    .tab-content h3{color:#B1A398;padding:0 0 15px;}*/
.tab-content h4{padding:0 0 15px;font-family:'Open Sans', Helvetica, Arial, sans-serif;font-size:15px;} 



@media screen and (max-width: 600px) {
    .header .search				{width:60%;}	
    .header .contact 			{width:100%;float:left;margin:0 0 15px;}	

    .main-search .radios .f-item 								{width:50% !important;}
    .main-search .f-item.one-half,
    .main-search .f-item.one-third							{width:100% !important;}
    .main-search .gradient-button							{left:33%;}

    .lb-wrap {width:90%;left:5%;max-width:90%;}

    .chart {margin-top:10px;}
    .inner-nav,.inner-nav li.active, .inner-nav li.active:hover,.tab-content {width:100%;}
    .inner-nav {margin-bottom:20px;}
    .inner-nav li.active a:after,
    .inner-nav li.active a:after {display:none;}

    .room-types li figure,
    .tab-content .room-types .meta,
    .room-types .room-information			{width:100%;}
    .tab-content .room-types .meta			{padding:20px 0 0;}
    .room-types .room-information			{padding:13px 0 0;}
}