@charset "UTF -8";
/*
	Theme Name: Livin Eye
	Author: ANTS Creation
	Author URI: http://www.ants.lk
	Version: 1.1
*/
/*------------margine padding--------------*/
/*=========================================*/
.m-p-zero{ margin:0 !important; padding:0 !important;}
.p-zero{ padding:0 !important;}
.pt-zero{ padding-top:0 !important;}
.pb-zero{ padding-bottom:0 !important;}
.pr-zero{ padding-right:0 !important;}
.pl-zero{ padding-left:0 !important;}
.mt-zero{ margin-top:0 !important;}
.mb-zero{ margin-bottom:0 !important;}
.m-zero{ margin:0 !important;}
.mr-zero{ margin-right:0 !important;}
.ml-zero{ margin-left:0 !important;}

.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt90{padding-top:90px !important;}

.pb10{ padding-bottom:10px !important;}
.pb20{ padding-bottom:20px !important;}
.pb30{ padding-bottom:30px !important;}
.pb40{ padding-bottom:40px !important;}
.pb50{ padding-bottom:50px !important;}

.pl5{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl20{ padding-left:20px !important;}
.pl30{ padding-left:30px !important;}
.pl40{ padding-left:40px !important;}
.pl50{ padding-left:50px !important;}

.pr10{ padding-right:10px !important;}
.pr20{ padding-right:20px !important;}
.pr30{ padding-right:30px !important;}

.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.ml30{ margin-left:30px !important;}

.mr10{ margin-right:10px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}

@media(max-width:992px){
.t-m-mt30{ margin-top:30px !important;}
}
@media(min-width:992px) and (max-width:1200px){
.hidden-smmd{ display:none;}
}
@media(max-width:768px){
.xs-mb20{ margin-bottom:20px;}
}

/* Comman CSS
   ========================================================================== */
.modal.in .modal-dialog {
	padding-top:50px !important;
}
.fancybox-opened {
    z-index: 9999999 !important;
}
.bb-slipt{
	border-bottom: 1px dotted #e09d00;
}

/* Header
   ========================================================================== */
@media(min-width:1200px){
	.header-style3{
		position: absolute;
		top: 0;
		width: 100%;
	}
}
	
.top-bar{
	padding: 5px 0;
	font-size: 12px;
}

.top-bar i{
	font-size: 20px;
}

.top-bar .top-bar-left a{
	position: relative;
	margin-right: 30px;
}

@media(max-width:768px){
	.top-bar .top-bar-left a{
		margin-right: 10px;	
	}
	.top-bar .top-bar-left{
		text-align: center !important;
	}
	.top-bar .top-bar-right{
		text-align: center !important;
		margin-top: 5px;
	}
}

@media(max-width:768px){
	.top-bar .top-bar-left a{
		margin-left: 20px;
	}
}

.top-bar .top-bar-left i{
	position: absolute;
	top: 0;
	left: -25px;
}

.top-bar .top-bar-right a{
	margin-right: 20px;
	position: relative;
}

.top-bar .top-bar-right i{
	position: absolute;
	top: 0px;
}

.top-bar .language{
	font-size: 13px;
	position: relative;
	border-right: 1px dotted #ccc;
	padding-right: 45px;
}

.top-bar .language i{
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 13px;
}

.top-bar .language img{
	margin-right: 10px;
}

.top-bar .language ul{
	position: absolute;
	top: 22px;
	right: 0;
	padding: 10px 0 0 0;
	background: rgba(44,41,37,.9);
	height: 0;
	overflow: hidden;
	opacity: 0;
}

.top-bar .language ul li{
	padding: 10px 0 10px 10px;
	width: 150px;
	text-align: left;
	border-bottom: 1px dotted #666;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.top-bar .language ul li:last-child{
	border-bottom: none;
}

.top-bar .language ul li:hover{
	background: rgba(44,41,37,1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.top-bar .language ul li a:hover{
	color: #fff;
}

.top-bar .language:hover ul, .top-bar .language ul:hover{
	opacity: 1 !important;
	height: auto !important;
	z-index: 99999;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.top-bar .top-bar-right ul.with-lang li.social:nth-child(2){
	padding-left: 20px;
}

.color-bar .red, .color-bar .black{
	padding: 0;
	height: 3px;
}

.color-bar .red{
	background: #ad2930;
}

.color-bar .black{
	background: #2c2925;
}

@media(max-width:768px){
	.logo{
		position: absolute;
		top: -1px;
		left: 10px;
		z-index: +1;
	}
	.sticky-navbar .logo{
		display: none;
	}
}

/*-------logo--------------------*/
@media(min-width:480px) and (max-width:767px){
	.deslogo{
		display:none !important;
	}
}
@media(min-width:992px){
.logo-area .brand-logo-col{ padding-top: 20px;padding-bottom: 5px;}
}

/* Page Banner and Page Header
=============================================================================*/
.custom-banner{
	position:relative;
}
.custom-page-header{
	background:#b3b0af;
	color:#fff;
	margin-bottom:20px;
}
.cust-pagetitle{
	padding:10px;
	color:#fff;
}
.cust-breadcrumb{
	padding:10px;
	color:#fff;
}
.cust-breadcrumb a{
	color:#fff;
}
.cust-breadcrumb a:hover{
	color:#ad2930;
}


/* Slider
   ========================================================================== */
.bs-slider{
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: #000000;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}

.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0;
    top: 40%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    
}

.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 50px;
    font-style: normal;
    line-height: 84px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}

@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
	
}

@media(min-width:1200px){
	#bootstrap-touch-slider{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.slider-display-none{
		display: none !important;
	}
}

@media(max-width:1200px){
	#bootstrap-touch-slider{
		min-height: 0 !important;
	}
	.fadeInLeft{
		text-align: justify;
	}
	.fadeInRight{
		text-align: justify;
	}
}
/*---------logo------*/


@media (max-width:480px){
	.deslogo{
		display:none;
	}
	.head_contact{
		background-color: #fff;
	}
}

@media(min-width:768px){
	.reslogo{
		display:none;
	}
	.cssmenu .menu-button{
		line-height: 85px;
	}
	.cssmenu>ul>li {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width:1200px){
	.reslogo{
		display:none;
	}
}

@media (max-width:480px){
	.responsbtn{
		margin-left: 80px;
	}
}

/* Home
   ========================================================================== */
@media(max-width:1200px){
	.slide-body{
		display: none;
	}
}

@media(min-width:1200px){
	.booking-form{
		margin-top: 515px;
	}
}

@media(max-width:1200px){
	.booking-form-top{
		height: 0px !important;
	}
}


.booking-form-top{
	background: url(../medias/slider-bottom.png) no-repeat;
	background-position: center bottom;
	height: 100px;
	background-size: 100%;
	z-index:10;
	position:relative;
}

.booking-form-bottom{
	background: rgba(255,255,255,0.5);	
	position:fixed;
    z-index:1;
	padding:30px;
}

.booking-form-bottom .form-control{
	border: 2px solid;

}

.booking-form-bottom .form-control, .booking-form-bottom .input-group-addon {
	border-radius: 0;
	border-color: rgba(255,255,255,0.5);
	height: 50px;
}

.booking-form-bottom .input-group-addon, .form-small .input-group-addon{
	width: 40px !important;
	background: rgba(255,255,255,0.5);
}



.booking-form-bottom .btn {
	border-radius: 0;
	line-height: auto;
	height: 50px;	
	background: rgba(255,0,0,0.4);
	border-color: rgba(255,0,0,0.4);
}

@media(max-width:1200px){
	.form-small .btn {
		height: 40px;
		line-height: 40px;
		width: 100%;
	}
	.form-small .input-group{
		width: 100%;
	}
	.form-small .form-control, .form-small .input-group-addon{
		border-radius: 0;
	}
}

.booking-form-bottom .btn:hover {
	Background: #2c2925;
	border-color: #2c2925;
}

.welcome p{
	margin: 0;
}

.parallax{
	background: url(../img/parallax.jpg) no-repeat;
	background-attachment: fixed;
	background-size: auto;
	padding: 50px 0;
	z-index:10;
	position:relative;
}

/* Home packages
   ========================================================================== */
.pack-heading h2{
	margin-bottom: 10px;
	color: #ad2930;
}

.pack-heading p{
	margin-bottom: 10px;
}

.plan-btn{
	line-height: 40px;
	height: 40px;
	border-radius: 20px;
	background: #231f20;
	border-color: #231f20;
	margin-bottom: 40px;
}   

.home-package .item{
	overflow: hidden;
}

@media(min-width:768px) and (max-width:1200px){
	.home-package .item:nth-child(7),
	.home-package .item:nth-child(8){
		display: none;
	}
}

.home-package .item .pack-img{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.home-package .item:hover .pack-img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.home-package .item  .overlay-pack{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35,31,32,.8);
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-package .item:hover  .overlay-pack{
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-package .item .title{
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px 10px 10px 20px;
	font-size: 20px;
	color: #fff;
	text-shadow: 1px 2px 2px #000;
}

.home-package .item .title hr{
	border: none;
	margin-bottom: 15;
	margin-top: 5px;
	height: 1px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(204,204,204,1) 0%, rgba(0,0,0,0) 120%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(204,204,204,1) 0%, rgba(0,0,0,0) 120%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(204,204,204,1) 0%, rgba(0,0,0,0) 120%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(204,204,204,1) 0%, rgba(0,0,0,0) 120%);
	background: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(204,204,204,1) 0%, rgba(0,0,0,0) 120%);
}

.home-package .item .center{
	position: absolute;
	top: 25%;
	right: -30%;
	width: 100%;
	padding: 20px;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media(min-width:768px) and (max-width:1200px){
	.home-package .item .center{
		padding: 10px;
	}	
}

.home-package .item:hover .center{
	right: 0;
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-package .item .center p{
	color: #fff;
}

.home-package .item .price-area{
	font-size: 14px;
	font-weight: 500px;
	color: #fff;
}

.home-package .item .price-area .offer{
	background: #ad2930;
	padding: 0px 8px;
	border-radius: 5px;
}

.home-package .item .price-area .line-through{
	text-decoration: line-through;
	font-weight: normal !important;
	font-size: 12px !important;
}

.home-package .item .price-area .pri-title{
	font-style: italic;
	text-transform: uppercase;
	margin-right: 10px;
}

.home-package .item .bottom{
	position: absolute;
	width: 100%;
	background: transparent;
	bottom: -100%;
	left: 0;
	padding: 10px;
	color: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-package .item:hover .bottom{
	bottom: 0;
	background: rgba(35,31,32,.8);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-package .item .bottom .day-area{
	position: relative;
}

.home-package .item .bottom .day-area i{
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 20px;
}

.home-package .item .bottom .day-area .days{
	margin-left: 25px;
}

.home-package .item .bottom .things img{
	margin-left: 10px;
}
.home-rate-para{
	font-size:12px;
}
.home-package .item .home-rate-para .rate{
	background: #ad2930;
	padding: 0px 6px;
	border-radius: 3px;
}

/* Home Excursions
   ========================================================================== */
.home-ex h2{
	margin-top: 0;
	color: #ad2930;
}

.home-ex .item .no-padding{
	overflow: hidden;
	position: relative;
}

@media(min-width:992px){
	.home-ex .item:nth-child(1),
	.home-ex .item:nth-child(2),
	.home-ex .item:nth-child(3){
		margin-bottom: 30px;
	}
}

@media(max-width:992px) and (min-width:768px){
	.home-ex .item:nth-child(1),
	.home-ex .item:nth-child(2),
	.home-ex .item:nth-child(3),
	.home-ex .item:nth-child(4){
		margin-bottom: 30px;
	}
}

.home-ex .item img{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.home-ex .item:hover img{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.home-ex .item .ex-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35,31,32,.5);
	display: flex;
	align-items: center;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-ex .item .ex-overlay i{
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
}

.home-ex .item:hover .ex-overlay{
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-ex .item .ex-border-top-bottom-right{
	position: absolute;
	top: 10%;
	right: 7%;
	width: 58%;
	height: 80%;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.home-ex .item .ex-border-top-left{
	position: absolute;
	top: 10%;
	left: 7%;
	width: 40%;
	height: 50%;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}

@media(min-width:992px) and (max-width:1200px){
	.home-ex .item .ex-border-top-bottom-right{
		width: 50%;
	}
	.home-ex .item .ex-border-top-left{
		width: 50%;
		height: 20%;
	}
}

.home-ex .item .title{
	position: absolute;
	top: 62.5%;
	left: 0;
	width: 50%;
	padding: 10px 20px;
	color: #fff;
	font-size: 18px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media(min-width:992px) and (max-width:1200px){
	.home-ex .item .title{
		top: 35%;
		padding-left: 15px;
	}
}

@media(min-width:768px) and (max-width:992px){
	.home-ex .item .title{
		top: 61%;
	}
}

@media(max-width:768px){
	.home-ex .item .title{
		width: 70%;
		padding-left: 18px;
		top: 58%;
	}
	.home-ex .item .ex-border-top-bottom-right{
		width: 50% !important;
	}
}

.home-ex .item:hover .title{
	color: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.home-ex .ex-bt{
	position: absolute;
	top: 18%;
	right: 12%;
	border: none;
	border-radius: 0;
	background: rgba(255,255,255,.5);
	line-height: 32px;
	padding: 0 15px;
	color: #fff;
}

.home-ex .item:hover .ex-bt{
	background: rgba(173,41,48,.8) !important;
}

.home-ex .btn-primary{
	background: transparent;
	color: #2c2925;
	border-radius: 0;
	border: 2px solid #2c2925;
	margin-bottom: 20px;
}

.home-ex .btn-primary:hover{
	background: #ad2930;
	border-color: #ad2930;
	color: #fff;
}

@media(min-width:992px){
	.home-ex .btn-primary{
		margin-bottom: 0 !important;
	}
}

/* Home Things to do
   ========================================================================== */
@media(min-width:992px){
	.home-things{
		border-right: 1px solid #ad2930;
	}
}

.home-things .title{
	color: #ad2930;
	margin-top: 0;
}

.home-things .title a{
	font-size: 16px;
	margin-left: 30px;
}

.home-things .desc{
	color: #fff;
}

.home-things .things-bg{
	background-color: rgba(0,0,0,.3);
	border-bottom: 2px solid #ad2930;
}

.home-things .nav-tabs {
    border-bottom: 1px solid rgba(0,0,0,.3);
}

.home-things .nav-tabs > li > a{
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0;
	border-left: 1px solid rgba(0,0,0,.2);
}

.home-things .nav-tabs > li > a:hover{
	background-color: rgba(0,0,0,.3);
	color: #fff;
	border: 1px solid rgba(0,0,0,0);
	border-bottom: transparent;
}

.home-things .nav-tabs > li.active > a,
.home-things .nav-tabs > li.active > a:focus,
.home-things .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: rgba(0,0,0,.3) !important;
	border-radius: 0;
	border: 1px solid rgba(0,0,0,0);
	border-bottom: transparent;
}

.home-things .nav-tabs > li > a.more{
	background: rgba(173, 41, 48, 0.5);
}

.home-things .nav-tabs > li > a.more:hover{
	background: rgba(173, 41, 48, 0.8);
}

.home-things .tab-content .tab-pane{
	background: rgba(0,0,0,.3);
	padding: 30px 0 20px 0;
}

.home-things .tab-content .things-img{
	border-right: 1px solid #999;
}

.home-things .tab-content p{
	color: #fff;
	margin: 0;
}

@media(max-width:768px){
	.home-things{
		border-right: none;
	}
	.home-things .nav-tabs > li, .nav-tabs li a { 
		width: 100%;
	}
	.home-things .nav-tabs li a {
		border: 1px solid #ddd;
	}
	.home-things .tab-content .things-img{
		border-right: none;
	}
	.home-things .tab-content .things-img img{
		margin: 0 auto;
	}
	.home-things .tab-content p{
		text-align: center;
	}
}

/* Home Customer feedbacks
   ========================================================================== */
.testi .title{
	color: #ad2930;
	font-size: 30px;
}

.testi .bottom-bracket {
    border-bottom: 5px solid #fff;
    font-size: 24px;
    height: 65px;
    line-height: 48px;
    width: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.testi .bottom-bracket i{
	color: #fff;
}

.testi .desc{
	color: #5d5d5d;
	font-size: 14px;
}

.testi .desc span{
	font-size: 20px;
	font-style: none !important;
}

.testi .name{
	color: #ad2930;
	font-weight: 500;
	font-size: 16px;
}

/* Footer
   ========================================================================== */  
footer{
	background: #fff !important;
	z-index:10;
	position:relative;
	/*background-image: url(../img/silhouette.png);*/
}

footer .top-footer{
	padding-top: 30px;
	padding-bottom: 30px;
	
}

footer .footer-logo{
	margin-bottom: 15px;
}

footer h3{
	color: #ad2930;
	margin-top: 20px;
	margin-bottom: 15px;
}

footer p{
	font-size: 12px;
	margin: 0;
}

footer i{
	color: #ad2930;
}

footer .links li{
	border-bottom: 1px dotted #c0c0c0;
	padding: 5px 0;
}

footer .links li:last-child{
	border-bottom: none;
}

footer .links li a{
	font-size: 12px;
	color: #666;
}

footer .links li a:hover{
	color: #ad2930;
}

footer .contact .social{
	margin-top: 20px;
}

footer .contact .social li a i{
	font-size: 20px;
	color: #666;
}

footer .contact .social li a i:hover{
	color: #ad2930;
}

footer .footer-bottom{
	background: #2c2925;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 12px;
}
  
/* Common styles
   ========================================================================== */
.section-padding-top{
	
	z-index:10;
	position:relative;
}

.section-padding-bottom{
	padding-bottom: 80px;
}

.section-padding-top-bottom{
	padding-top: 80px;
	padding-bottom: 80px;
	z-index:10;
	position:relative;
}

.section-heading h2{
	margin-top: 0;
}

.display-none{
	display: none !important;
}

.gray-bg-alt{
	background-color: #eee;
}

.black{
	color: #2c2925 !important;
}
 
/* Tour Type / Tour Types Page styles
   ========================================================================== */
.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #B58A3C;
    color: #202935;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
	color: #202935;
	position: absolute;
	bottom: 0;
	left: 20px;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fff;
	color: #fff;
	position: absolute;
	left: 0;
	top: 40%;
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right:20px solid #fff;
	color: #fff;
	position: absolute;
	right: 0;
	top: 40%;
}
.package-page h3{
	padding:10px;
	background-color:transparent;
	color:#ad2930 ;
	margin-bottom:5px;
}
.package-page .pak-btn-div{
	position:absolute;
	right:5px;;
	bottom:8px;
}
.package-page .pack-btn{
	padding:5px;
	background:#ad2930;
	color:#fff;
	border-radius:1px;
}
.package-page .pack-btn:hover{
	padding:5px;
	background:#bf3a41;
	color:#fff;
	border-radius:1px;
}
.package-page-body .tour-type-full-link{
	width:100%;
	height:200px;
}
.package-page-body .tour-type-full-link:hover{
	background:rgbargba(0,0,0,0.5);
}

.package-page .price-area{
	position:absolute;
	top:5px;
	left:5px;
}
.price{
	padding:0px 5px 0px 5px;
	background:#369530;
	color:#fff;
	border-radius:2px;
}
.line-through{
	text-decoration:line-through;
}
.offer{
	padding:0px 5px 0px 5px;
	background:#CC292C;
	color:#fff;
	border-radius:2px;
}

/*---------tour types-------------*/
@media(min-width:768px){
.tour-type-filter ul{
	background:#eee;
	padding-bottom:20px;
	min-height:400px;
}
}
.tour-type-filter ul li{
	background:#eee;
	padding:10px;
	border-bottom:solid 1px #D1D1D1;
	text-transform:uppercase;
}
.tour-type-filter ul li:hover{
	background:#eee;
	padding:10px;
	border-bottom:solid 1px #b3b0af;
	padding-left:13px;
}

  
/*About Us page
============================================================*/
.text-aling{
	text-align:justify;
	padding:10px;
}

/* Tour Type / Tour Types Page styles
   ========================================================================== */
.panel-default > .panel-heading {
    color: #fff;
    border-color: #ddd;
}

/* package inner page styles
   ========================================================================== */
.only-breadcrumb{
	background:#fff;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff !important;
    border-radius: 4px;
}
.bottom-fixed{
	position:absolute;
	bottom:10px;
	left:5px;
	width:100%;
	color:#fff;
}
.bottom-fixed .day-area{float: right;}
.bottom-fixed .things{}
.clearfix .rating-xs{font-size:1em}

@media(min-width:768px){
    .bottom-fixed{
		left:0px !important;
	}
}
.highlights-list ul{
	list-style:outside !important;
}
.highlights-list ol{
	padding-left:10px;
}

/* things page styles
   ========================================================================== */
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.todo-icon-bg{
	background-color:#ad2930;
	height:90px;
	width:90px;
}
.todo-icon-bg img{
	text-align:center !important;
	padding-top:10px;
}
.line-bar{
	height:2px;
	width:25%;
	background:#ad2930;
	margin-bottom:10px;
}
.todo-content{
	height:190px;
}
.things-td-do-box:hover .todo-icon-bg{
	background-color:#2c2925;
}

.btn-suc{
	color: #fff;
	background-color: #B02A31;
	border-color: #B02A31;
}
.btn-suc:hover{
	background: #000;
	border-color: #000;
	color: #fff;
}
.btn-prim{
	color: #fff;
	background-color: #0782C8;
	border-color: #0782C8;
}
.btn-prim:hover{
	background: #0782C8;
	border-color: #0782C8;
	color: #fff;
}

/* things page styles
   ========================================================================== */
.exc-content{
	padding:25px;
}
.overlay-white{
	background:rgba(255,255,255,0.4);
	width:100%;
	height:250px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
    #owl-demo .item{
      margin: 10px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
    }

	
.head_contact{
	background-color: #B02A31;
     padding-right: 10px;
    padding-left: 10px;
}

.navbar-nav {
    margin: 0px -0px;
}

.list-inline > li {  
    padding-right: 10px;
    padding-left: 10px;
}

#booking-breadcrumb .breadcrumb-item.active {
    background: #B02A31;
    color: #fff;
}
#booking-breadcrumb .breadcrumb-item {
    background: #B3B0AF;
    padding-bottom:20px;
	padding-top:20px;
	padding-right:30px;
	padding-left:30px;
	text-align:center;
	font-size: 17px;
}

.heder_back{
background-image: url(../img/back.jpg);
}

.bankde{
	text-align: center;
}

.body_bacground{
	background-image:url(../img/bodyback.png);
	width:100%;
	/*height:100%;*/
	padding-top: 20px;
}

@media (max-width:480px){
	.top-bar-right{
		display:none;
	}

}
@media(min-width:992px) and (max-width:1920px){
	.planetrip{
		display:none;
}}

@media(min-width:768px) and (max-width:1920px){
	.packagesdestop{
		display:none;
}}

@media (max-width:480px){
	.packagesdestop1{
		display:none;
	}

}

@media(min-width:768px) and (max-width:1920px){
	.exclutiontop{
		display:none;
}}

@media (max-width:480px){
	.exclutiontop1{
		display:none;
	}

}

.blog_read{
	float: right;
}
.tourbtn{
	padding: 40px;
	margin-top: 60px;
}
.tbtn{
	margin-bottom: 10px;
}
.twith{
	width: 280%;
	}
	
@media (max-width:480px){
	.tourbtn{
		margin-top: 10px;
	}
	.twith {
    width: 110%;
    }
}

.address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 2.2;
}

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: none;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 992px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}	
/*
@media(min-width:480px) and (max-width:1920px){
	.topnav{
		display:none;
}}
*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
	/*background-color: #f9f9f9;
	min-width: 200px;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;*/
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #AD2930}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


@media(max-width:480px) and (max-width:1920px){
.hedmobile{
	display:none;
}
}

@media(max-width:1024px){
.hedmobile{
	display:none;
}
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 2px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.header .show-search {
	float: right;
}

.header .show-search a {
	line-height: 70px;
	color: #fff;
	font-size: 18px;
}

/* ==========================================================================
    12. WIDGETS
    ========================================================================= */
.aside-widgets > li{
    list-style: none;
}

.widget{
    display: block;
    width: 100%;
    margin-bottom: 45px;
}

.widget .title h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.widget ul > li{
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    list-style: none;
    padding-left: 15px;
}

.widget li a{
    padding-top: 5px;
    display: block;
}

/* 
   ASIDE SEARCH WIDGET
   -------------------------------------------------------------------------- */
.widget_search form {
    position: relative;
}
.widget_search .a_search {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
    color: #777;
    font-style: italic;
    left: 0;
    top: 0;
    padding: 10px 60px 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit {
    background-image: url('../img/search.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    min-height: 40px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}

/*
    LATEST POSTS WIDGET 01
    ------------------------------------------------------------------------- */
.rpw_posts_widget ul > li{
    position: relative;
    background: none;
    background-image: none !important;
    padding-left: 18px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.rpw_posts_widget ul > li::before{
    position: absolute;
    display: block;
    content: "\f073";
    font-family: 'FontAwesome';
    font-size: 11px;
    top: 5px;
    left: 0;
}

.rpw_posts_widget ul > li:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.rpw_posts_widget li h4{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}






/*
    NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.widget_newsletterwidget .newsletter{
    width: 100%;
    float: left;
    position: relative;
}

.widget_newsletterwidget .newsletter .email{
    padding: 5px 60px 5px 15px;
    font-style: italic;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    min-width: 100%;
}

.footer-dark .footer-widget-container .newsletter .email{
    color: #bcc0c4;
    background-color: #565f66;
    border: none;
}

.newsletter .submit{
    width: 40px;
    height: 40px;
    background-image: url('../img/subscribe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    border: none;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	background-color: #B02A31;
}


/*  NEWS CAROUSEL
    ------------------------------------------------------------------------- */
.news-carousel-container .icon-title{
    float: left;
    border-right: 3px solid #1f2830;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 25px;
    padding-left: 15px;
    min-height: 80px;
}

.news-carousel-container .icon-title i,
.news-carousel-container .icon-title h3{
    float: left;
    font-size: 24px;
}

.news-carousel-container .icon-title i{
    padding-right: 10px;
}

.news-carousel-container .owl-item {
    padding-top: 5px;
}

.news-carousel-container .owl-item h4{
    margin-bottom: 5px;
}

.news-carousel-container .owl-item span{
    text-transform: uppercase;
}
.red{
color: #B02A31!important;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    color: #AD2930;
}

/*--heder--*/
.navbar-default {
   background-color: rgba(255,255,255,0.8);
}
.nav > li {
    position: relative;
    display: block;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a {
    color: #2C2925;
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #B02A31;
    background-color: transparent !important;
	border-top:2px solid #B02A31;
}

@media(min-width:768px) and (max-width:1024px){
	.widget_newsletterwidget .newsletter .email {
    padding: 5px 0px 5px 15px;	
	}

}


/* ===========
Google Translator
============= */ 
#google_translate_element * {
  color: #fff;
  background:rgba(0, 0, 0, 0.0);
  border:none;
}
.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    font-size: 8pt !important;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px !important;
    cursor: pointer;
    zoom: 1;
    *display: inline;
}

.conditionteam{
	margin-left:130px;
}

@media(max-width:414px) and (max-width:736px){
   .conditionteam{
	   margin-left:0px;
   }
}

@media(max-width:1024px) and (max-width:768px){
 p {
    margin-bottom: 20px;
}

}

@media(min-width:992px) and (max-width:1024px){
.home-ex .ex-main p{
height: 200px;
overflow: hidden;
}
}

/*================Hotel Page================*/
.hotel-slider .item img{
	max-height:310px;
}
.hotelbtn .btnwidth{
	width:100%;
}

/*--------------img gallerty-------------*/
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
      float: left;
    width: 25%;
    height: 175px;
    overflow: hidden;
    margin-bottom: 15px;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999999999999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 60%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---03.10.2017--mobile nav style----*/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999999999;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 14px;
	color: #7B7B7B;
	display: block;
	transition: 0.3s;
}
.sidenav a:hover {
	color: #fff;
}
.sidenav .dropdown-content a{
	color: #fff;
}
.sidenav .dropdown-content a:hover{
	color: #AD2930;
}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}