html, body {margin:0; padding:0; font-family:segoe ui; background:#fdfaf3}
a {text-decoration:none}
.header {background:rgba(0,0,0,0.75); position:fixed; top:0; width:100%; height:100px; z-index:999}
.container {width:960px; margin:0 auto}
.slider {height:540px; overflow:hidden; margin:0 auto}
.header, .header a {color:#fff}
.header a:hover{color:inherit!important}
.logo {float:left; font-size:30px; margin-top:10px; margin-right:30px}
.logo img {height:80px}
.me_cl {float:right;max-width:730px; display:inline-block}
.cl {float:right; margin-top:10px; height:40px}
.cl div {float:left}
.tt {color:#FFF;}
.cl ul {list-style:none; margin:0; padding:0}
.temp {color:#FFC107; margin-left:10px; line-height:25px}
.time {margin-left:20px; line-height:35px}
.cl ul li {float:left; margin:0 5px;}
.cl ul li img{margin-bottom:-11px; cursor:pointer; height:20px}
#nav {width:100%; display:inline-block}
#nav > ul {list-style:none; display:inline-block; padding:0; margin:0; float:right}
#nav > ul li {float:left;
	height:45px;
	line-height:45px;
	font-weight:600;
	font-size:12px;
    padding-bottom: 12px;
    letter-spacing: 1px;
	margin:0 15px 0 0; line-height:3.3}
	#nav ul a{display:inline-block; float:left}
#nav ul a li{padding:0 10px;position:relative;}
#nav ul a:last-child li{padding-right:0; margin-right:0}
#nav ul a:hover li:before {content:'';position:absolute; background:#FFC107; height:1px; width:calc(100% - 20px); top:30px}
#nav ul >li:hover:before {content:'';position:absolute; background:#FFC107; height:1px; width:100%; top:30px}
#nav >ul>a:last-child:hover li:before {width:calc(100% - 10px);}
#nav >ul >li >ul a {width:100%}
#nav >ul >li >ul li {
    height: auto;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
	line-height:30px
}
.tour_cats {background:url(../image/carpet.png)}
.tour_cats .half, .tours .half {width: 380px;background: rgba(0,0,0,0.05);padding: 20px;margin-bottom: 60px;margin:30px; float:left; position:relative; min-height:220px}
.fr_aside {display:inline-block}
.fr_aside .third {margin-right:16px; width:309px; box-sizing:border-box; background-color:#cfe5ef; text-align:center}
.fr_aside .third:last-child {margin-right:0px; width:309px}
.fr_aside a {color:#0277BD}
.fr_aside a:hover {color:#333}
.bjqs li a {margin-top:200px; display:inline-block; margin-left:150px; font-size:70px;max-width:500px; color:#fff; font-weight:300; font-family:segoe ui;line-height:1.2}
.half a {color:#333}
.half a:hover {color:#0277BD}
.half h5, .rel_tours h5{color:#f15a23}
.langs {margin-left:20px}
.langs ul li:hover {border-color:#FFC107}
.more {position:absolute; bottom:0; right:0; background:#cfe5ef; height:40px; line-height:40px; text-align:center; padding:0 15px}
.content_wrapper {padding:50px 0; display:inline-block}
.contents {margin-top:130px; display:inline-block; width:100%; margin-bottom:50px}
.contents .contents {margin-top:auto; display:inline-block; width:100%; margin-bottom:50px}
.contents .gallery {width:100%; white-space:nowrap; overflow:hidden}
.contents h1{font-weight:400; text-align:center; color:#0277BD; margin-bottom:40px; font-size:25px}
.list_single, .all_cont {
    display: inline-block;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #FFC107;
}
.text {text-align:justify}

.left-arrow {
  width: 80px;
  height: 48px;
  position: relative;
  width:20px;
  cursor:pointer;
  position: absolute;
  margin-top: 90px;
  left:15px
}
.left-arrow:after, .left-arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-right-width: 15px;
  border-top-width: 15px;
  border-bottom-width: 15px;
  position: absolute;
  left: 2px;
}
.left-arrow:before {
  border-right-color: #333;
  top: 0px;
}
.left-arrow:after {
  border-right-color: #fefefe;
  left: 3px;
}
.left-arrow:hover:before {
  border-right-color: #ea6645;
}

.right-arrow {
  width: 80px;
  height: 48px;
  position: relative;
  width:20px;
  cursor:pointer;
  position: absolute;
  margin-top: 90px;
  right: 23px;
  z-index:999
}
.right-arrow:after, .right-arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-width: 15px;
  border-top-width: 15px;
  border-bottom-width: 15px;
  position: absolute;
  left: calc(50% - 8px);
}
.right-arrow:before {
  border-left-color: #333;
  top: 0px;
}
.right-arrow:after {
  border-left-color: #fefefe;
  left: 1px;
}
.right-arrow:hover:before {
  border-left-color: #ea6645;
}
.single_gallery {position:relative}




.all_cont {position:relative; width:100%}
.r_more {display:inline-block; padding:8px 15px; font-size:12px; background:#cfe5ef; color:rgba(0,0,0,0.7)}
.s_text_text {width:100%; margin-bottom:35px; display:inline-block}
.single_feedback {margin-top:20px; padding-bottom:20px; border-bottom:1px solid #FFC107 }
.feed_owner {text-align:right; color:#0277BD; font-style:italic}
.fuller {width:100%!important}
.pageination {text-align:center}
.pageination ul {margin:0; padding:0; list-style:none; display:inline-block}
.pageination ul li{margin-right: 5px; float:left; border:1px solid #a2d4ea; width:30px; height:30px; line-height:30px; color:rgba(0,0,0,0.7)}
.third {margin-right:40px; float:left; width:280px}
.two_third {margin-right:0; float:left; width:560px; min-height:1px}
.cont_det {padding:27px; width:306px; background:url(../image/carpet.png)}
.side {margin:0; padding:30px; width:280px; background:url(../image/carpet.png); margin-bottom:35px}
.f_gallery img {margin:0 3px 10px 3px; float:left}
.fourth {margin-right:30px; float:left; width: calc(100% - 40px);background: rgba(0,0,0,0.05);border-bottom: 3px solid #fcf9f0;padding: 10px 20px;}
.cat_list_single {width: 100%;background: rgba(0,0,0,0.05);border-bottom: 3px solid #fcf9f0;padding: 10px 20px;box-sizing:border-box; display:inline-block}
.cat_list_single:hover, .rel_tours .fourth:hover{background: rgba(0,0,0,0.075)}
.contents .fourth .date {text-align:right}
.hor_item {display:inline-block; float:left; margin:5px; position:relative; overflow:hidden; width:310px}
.gallist {width:230px; height:172px}
.third h5 a {color:#0277BD}
.third h5 a:hover {color:#212121}
.fourth:last-child, .third:last-child{margin-right:0}
aside .third {box-sizing:border-box;width:100%}
aside .third:last-child{margin-right:0; box-sizing:border-box}
.fourth h3  {margin:0; float:left; width:810px}
.cat_list_single h3  {margin:0; float:left; width:415px}
.side h5 {margin-bottom:0}
.fourth .date, .cat_list_single .date {float:right;font-size: 16px;line-height: 1.6;}
article {margin-bottom:25px}
h2 {font-weight:normal}
h5 { color: #333;
    margin-bottom: 2em;
	font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
	margin-top:0; text-align:center}
	aside {
    float: left;
    display: inline-block;
    margin-left: 60px;
    width: 340px;
}
h6 {font-size:16px; line-height:20px;color:#0277BD;margin:-4px 0 6px 0; font-weight:600}
.single_img, .cont_image {float:left; width:380px; margin-right:40px;}
.thin {width:699px; margin:0 auto}
.single_img img, .s_text_text img, .cont_image img {width:380px; height:220px; padding:10px; box-sizing:border-box}
.s_text_text img {float:left; }
.s_service {display:inline-block; float:left; position:relative;overflow:hidden;}
.s_service img {width:233px; height:233px}

div.s_service:hover > .tooltip{
    bottom:0;
    transition: bottom 0.3s ease;
}
div.tooltip, .hor_item .title{
    position:absolute;
    bottom:-60px;
    width:100%;
    height:60px;
    background-color: rgba(255,255,255,0.75);
    transition: bottom 0.3s ease;
	padding: 18px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: #0277BD;
}
.hor_item .title {color:#333; bottom:0; padding:10px 18px; height:45px}
.gallery img {width:200px; margin:5px; /*width:275px*/ width:100%}
.in_gal ul {list-style:none}
.in_gal ul li{float:left;width: 182px;height: 137px;overflow: hidden;}
.in_gal ul li img{min-width:100%;}


.single_text, .cont-right {width:530px; float:left; text-align:justify}
.single_article {width:100%; text-align:justify}
.single_article .s_text_text {padding-bottom:35px; border-bottom:1px solid #FFC107}
.hrm_contacts {background:rgba(0,0,0,0.05); padding:20px}
.hrm_contacts .f_left{color:#0277BD}
.hrm_gallery {display:inline-block; margin-top:35px}
.hrm_gallery img {width:148px; height:100px; margin:5px}
.hrm_gallery .contents {margin:0}
.single_gallery img {width:165px; height:165px; margin:10px}
.single_text h2, .list_title h2{margin-top:0; line-height:0.6; margin-bottom:30px}
.list_title h2 {width:430px; float:left}
.list_title .tab_date {float:right}
.all_cont .more {bottom:50px}
.date {font-size:14px; color:#242424; line-height:18px}
.s_text_text .date {font-size:16px; color:#242424; line-height:18px; text-align:right; margin-bottom:15px; color:#0277BD}
.s_text_text .date img {height:20px; width:20px; line-height:18px; float:none; margin:0; margin-right:20px; position:relative; top:4px}
.descr {padding:50px 0}
.rel_tours {border-top:1px dashed #FFC107; padding:50px 0; display:inline-block}
.rel_tours {width:100%}
.rel_tours h5 {float:left}
.rel_tours input[type="text"] {padding:0 20px 0 20px; height:40px; border:1px solid #bac0c3; float:right; background:url(../image/icons/cal.png) no-repeat 173px center; cursor:pointer}
.one_third .two {background:url(../image/icons/cal.png) no-repeat 305px center #fff}
.cal input[type="text"] {padding:0 20px 0 20px; height:50px; margin:0 10px; border:1px solid #bac0c3}
.two_third input[type="text"], .one_third input[type="text"], .one_half input[type="text"] {padding:0 20px 0 20px; height:50px; margin:0px 10px 35px; border:1px solid #bac0c3; width:257px;box-sizing:border-box}
.one_third input[type="text"] {width:297px}
.one_half {width:740px; margin:0 auto}
.one_third select {padding:0 20px 0 20px; height:50px; margin:0px 10px 35px; border:1px solid #bac0c3; width:347px;}
.two_third textarea {width:538px; height:150px; margin:0 10px 35px; padding:20px; box-sizing:border-box}
.one_third textarea {height:150px; margin:0 10px 35px; padding:20px; box-sizing:border-box; width:940px}
.two_third .r_more, .one_third .r_more {float:right; margin-right:10px; font-size:20px; font-weight:300; padding:8px 30px}
.one_third .r_more {}
.r_more {cursor:pointer}
.r_more:hover {background:#FFC107}
.fourth img {width:100%; height:200px}
.timeline {position: relative;
	list-style-type: none;
	padding: 0;margin:0}
	.timeline:before {content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 75px;
	background:#0277BD;z-index:2 }
.day {position: relative;
	margin-bottom: 60px;
	padding-right: 40px;
	display:inline-block; width:100%;z-index:3}
	.day:last-child {margin-bottom:0}
.thumb {
	width: 140px;
	height: 140px;
	border-radius: 50%;border:1px solid #0277BD;}
	.tour_img {margin:5px; height:130px;width:130px;border-radius:50%; overflow:hidden}
	.thumb img {min-width:100%; width:auto; min-height:100%; height:auto}
	.thday {float:left; text-align:center; background:#fcf9f0;position:relative}
	.thday:before {
  content: '';
  width: 18px;
  height: 10px;
  background:url(../image/down.png) no-repeat center;
  position: absolute;
  left: 65px;
  top:calc(100% + 30px)
}

.day:last-child .thday:after, .day:last-child .thday:before{display:none}	
	
	
	
	
.day_desc {
    margin-left: 20px;
    float: left;
    width: 380px;
    background: rgba(255,255,255,0.5);
    padding: 30px;
	min-height:90px;
	border-left:1px solid #0277BD;
	position:relative
}
.day_desc .gallery {margin-top:20px}
.day_desc .gallery img{margin:5px; height:75px; width:75px; float:left; margin:4px}
.d_count {font-size:20px; color:#f15a23; font-weight:300}
.day_desc:after, .day_desc:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-right-width: 15px;
  border-top-width: 15px;
  border-bottom-width: 15px;
  position: absolute;
  left: -18px;
}
.day_desc:before {
  border-right-color: #0277BD;
  top: 60px;
}
.day_desc:after {
  border-right-color: #fefdf9;
  left: -17px;
  top:60px
}
.third h5 {font-weight:normal}

.day_desc h2 {color:#0277BD;margin-top: 0;font-size: 20px;margin-bottom: 10px;}

.contents .fourth {width:255px; margin-bottom:35px; float:none; display:inline-block; border-bottom:1px solid #FFC107}
.title {font-weight:normal; color:#0277BD}
.c_det {width:100%; display:inline-block;}
.c_det img {width:25px; height:25px; margin-right:20px; margin-top:20px}
.f_left {float:left; margin-right:20px; width:80px; color:#0277BD}
.f_right a{color:#f15a23}
.f_right {float:left}
.footer {background:url(../image/art.png) repeat-x; padding:80px 0 0 0}
.top_footer {display:inline-block; margin-bottom:35px}
.top_footer .third:first-child{width:255px}
.copyright{border-top:1px dotted #0277BD; padding:20px 0; width:100%; display:inline-block}
.c_left {float:left}
.c_right {float:right}
.c_right a {font-size:19px; line-height:0.1; color:#0277BD}
.serv_imgs img {padding:0; box-sizing:inherit}

/*CAROUSEL GALLERY*/
#jcl-demo .carousel {
    float: left;
    margin-left: 10px;
    position: relative;
    visibility: hidden;
    left: -5000px;
}
#jcl-demo .carousel li {height:116px!important}
    #jcl-demo .carousel>ul>li img {
        width: 141px;
        height: auto;
        vertical-align:middle;

        /* optional */
        margin: 10px 10px 10px 0;
    }
	.day_desc #jcl-demo .carousel>ul>li img {width:60px;margin: 0px 5px 0px 0;}
#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;
    color: #333;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 60px;
    border-radius: 8px;
    float: left;
}
.day_desc #jcl-demo a.prev, .day_desc #jcl-demo a.next, .day_desc #jcl-demo a.go {font-size:30px; margin-top:2px}
.day_desc #jcl-demo .carousel li {height:38px!important}
#jcl-demo a.prev:hover, #jcl-demo a.next:hover {color:#0277BD}
    #jcl-demo a.prev.disabled, #jcl-demo a.next.disabled,
    #jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover {
        cursor: default;
    }
    #jcl-demo a.go.highlight {
        background-color: #dedede;
        color: #000;
    }
    #jcl-demo a.prev {
        margin: 30px -5px 0 0;
        text-indent: 7px;
    }
    #jcl-demo a.next {
        margin: 30px 0 0 -5px;
        text-indent: 10px;
    }
	
	nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li, .secondary_menu ul li {
  display: block;
  position: relative;
  float: left;
}

/* This hides the dropdowns */


nav li ul ,.secondary_menu li ul{ display: none; }

nav ul li a, .secondary_menu ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  z-index:44;
  position:relative
}
nav  ul li ul a , .secondary_menu ul li ul a{color:#fefefe; margin-bottom:5px}
nav ul li ul a span {display:inline-block; height:11px; width:6px; background:url(../image/min_arrows.png) no-repeat center; top:5px; right:10px; position:absolute}
/* Display the dropdown */


nav li:hover > ul, .secondary_menu li:hover ul {
  display: block;
  position: absolute;
  background:rgba(0,0,0,0.75);
  top:50px
}
.secondary_menu li:hover ul{background:#13354c; text-align:left; z-index:999}
.secondary_menu ul ul ul {}

li:hover li { float: none; }

a {text-decoration:none;color:#ea6645}
a:hover {text-decoration:none;color:#333}


.main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


nav ul ul ul {
  left: 100%;
  top: 0;
  background:#092B42
}

/* Simple clearfix */



nav ul:before,
nav ul:after, .secondary_menu ul:before,.secondary_menu ul:after  {
  content: " "; /* 1 */
  display: table; /* 2 */
}

nav ul:after { clear: both; }