@font-face {
  font-family: 'PT Serif';
  src: url("fonts/ptf55f_w.eot");
  src: local("PT Serif"), url("fonts/ptf55f_w.woff") format("woff"), url("fonts/ptf55f_w.ttf") format("truetype");
}
b { font-weight:bold; }
body { margin:0; padding:0; font-family:'PT Sans', sans-serif; background-color:#fff; }
.wrapper { width:100%; max-width:999px; margin:auto;  }
h1 { font-family:'PT Serif', serif; font-size:2.2em;color:#000;font-weight:normal;line-height:100%; text-align: center;}

.cols { width:600px; list-style:none;display:table; border-bottom:1px solid #e5e5e5; margin: 0 0 15px 220px; padding: 0!important;}
.cols li { display:table-cell; vertical-align:bottom; padding-bottom:8px; text-align:left; }
.cols span { font-size:0.7em; display:block; }

.col1 { width:460px; }
.col2 { width:80px;font-weight:bold; text-align:left; }
.col3 { width:60px;font-weight:bold; text-align:left; }

.itemcol1 { width:600px; list-style:none;display:block; }
.itemcol1 li { float:left; padding-bottom:15px; margin-bottom:0.5em;border-bottom:1px solid #dcdcdc;}
.itemcol2 { font-weight:bold; text-align:left; font-size:0.7em;}

.obl { padding:0.5em 0.5em 0.5em 1.6em; width:100%;text-align:left; color:#fff;font-weight:bold; background:url(img/barr.png) no-repeat 95% 40% #242424;cursor:pointer;}
.oblactive { background:url(img/arr.png) no-repeat 95% 40% #f8951d; }
.items { display:none; }
.activecol a { color:#f8951d!important;font-weight:bold!important;}

.itemcol1 { margin: 0 0 15px 10px;padding-left:15px;margin-top:1em; display:block; vertical-align:bottom; padding-bottom:8px;font-size:0.8em;}
.itemcol1 a { color:#242424; cursor:pointer;display:inline; text-decoration:none; border-bottom:1px dashed #000;font-weight:normal;}
.itemcol1 a:hover { color:#f8951d; border-bottom:1px dashed #f8951d; }
.itemcol1 label.active { color:#f8951d; }
.itemcol1 input { position:absolute; margin-left:-20px;margin-top:3px; }
.oblcol { width:591px; margin-left:175px;display:block; }

select {    margin: 20px 0 0 198px; padding: 10px 15px 10px 15px;background: none;}
#visa { display:none;}
#ticket { display:none;}
#totals { width:100%;padding:1em 0 1em 0;}

.modal { width:750px; height:520px; background-color:#fff; margin:auto; } 
.whitecol { color:#fff;font-size:1em;}

.slider { height:90vh; width:90%; margin:auto; }
.itemcontent { display:none;width:998px; height:470px; font-size:18px; margin:0; }
.itemcontent h3 { font-family: 'PT Serif', sans-serif;margin:0 0 0 20px;font-size:24px;line-height:100%;}
.images { float:left; width:654px;}
.data { float:left;width:344px;}
.info { color:#f7f7f7; font-size:16px; margin-left:20px;display:block;height:325px;margin-top:10px;overflow-y: auto;overflow-x: hidden;
padding-right: 20px;
    position: absolute;
    width: 309px;
}
.info::-webkit-scrollbar-button {
width:9px;
height:0px
}

.info::-webkit-scrollbar-track {
background-color:#222;
}

.info::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#555;
}

.info::-webkit-scrollbar-thumb:hover{
background-color:#999;
}

.info::-webkit-resizer{
width:8px;
height:0px
}

.info::-webkit-scrollbar{
width: 8px;
}
.fullimage { width:654px; height:383px; background:no-repeat top; background-size: 100%;}
.fullimage iframe { width:654px; height:383px;}
.thumbs { position: absolute;list-style:none;padding:0!important;}
.thumbs li { width:156px; height:91px; float:left; margin-top:10px;background-size: cover;cursor:pointer;}
.thumb1, .thumb2, .thumb3, .thumb0 { margin-right:10px;}
.copyright {     
position: absolute;
margin-top: 358px;
margin-left: 0;
text-align: right;
color: #fff;
font-size: 12px;
opacity: 0.6;
background-color: #000;
padding: 5px;
}
.addfav { width: 150px;
    color: #fff;
    font-size: 14px;
    outline: none;
    border: 2px solid #fff;
    border-radius: 17px;
     margin-left: 68px;
    margin-top: 15px;
     padding: 9px 20px 9px 40px;
    background: url(img/heart.png) 12px 6px no-repeat; 
	cursor:pointer;}
.oblhead { margin-left:4em; }
.icons { margin-left: 18px;margin-top: 339px;display: block;height:46px;}
.icons div {width:46px; height:46px;float:left; margin-right: 12px;}
.icons img { width:46px; height:46px; }
#batkenlist .itemcontent h3 { color:#f8951d; }
#batkenlist .icons div { background-color:#f8951d; }
#jalalabadlist .itemcontent h3 { color:#26c281; }
#jalalabadlist .icons div { background-color:#26c281; }
#issykkullist .itemcontent h3 { color:#2790c4; }
#issykkullist .icons div { background-color:#2790c4; }
#narynlist .itemcontent h3 { color:#6ec5ce; }
#narynlist .icons div { background-color:#6ec5ce; }
#talaslist .itemcontent h3 { color:#1f52ad; }
#talaslist .icons div { background-color:#1f52ad; }
#oshlist .itemcontent h3 { color:#d8534c; }
#oshlist .icons div { background-color:#d8534c; }
#chuylist .itemcontent h3 { color:#27d181; }
#chuylist .icons div { background-color:#27d181; }

.roads { position:absolute; z-index:456; display:none;}

#header { z-index:5555; top:0; height:60px; width:100%;position:absolute;}
#header #toplogo { float:left; margin-left:30px;border:0;}
#header #burger { float:right; margin-top:10px;margin-right:20px; }
#header #hearts { float:right; margin-top:10px;margin-right:20px; }

#selecteditems {  width:998px;margin:auto;padding-top:20px;}
#selecteditems h2 { font-family: 'PT Serif', serif; margin-left: 220px; margin-bottom: 20px;}
.hitem { display:block; height:125px; }
.hitem .lthumb { float:left; width:200px; margin-right:20px;height:105px; background:no-repeat center; background-width:100%; background-size: cover;}
.hitem h3 { margin:0 0 5px 0;font-size:18px; font-family: 'PT Serif', sans-serif;}
.hitem span { font-size:12px; display:block; width:600px;position:absolute;margin-left:220px;overflow: hidden;height: 105px;}
.reglist { font-size:16px; font-weight:normal; margin-bottom:10px; margin-left: 220px;color:#f8951d;}
.del { position: absolute;
    margin-left: 845px;
    background: url(img/del.png) no-repeat center;
    width: 20px;
    height: 20px;
    margin-top: 40px;
    opacity: 0.3;
	cursor:pointer;
	background-size: 90%;
	z-index: 5555;
}
.del:hover { opacity:1.0; }
.videosrc { display:none; }

.olist { margin-bottom:50px;}

.t-row a { color: #ff8562; text-decoration: none; }

.answers { list-style:none;margin:auto;width:600px; margin-bottom: 20px; }
.answers li { margin-top:10px;clear:both;display:block;height: 50px;}

label { cursor:pointer; font-size: 16px;padding:10px;float:left;display: block;width:620px;}
label:hover { background-color:#fff; }
.questions { display:none;height:400px; display: none; padding:50px;margin-top: 50px;}
.questions h3 { margin-left: 163px; font-family:'PT Serif', serif;font-size:24px;margin-bottom:20px;width:600px;}

.answers input { display:none; }
label:before {  content: "";display: inline-block;border:1px solid #000;border-radius:50%; width: 16px; height: 16px;margin:2px 10px 10px 0;float:left; }
.answers input:checked + label:before{ background:#000;}

.finbut, .ansbut, .backbut { 
	width: 195px;
	color: #000;
	font-size: 14px;
	outline: none;
	border: 2px solid #000;
	border-radius: 16px;
	padding: 9px 25px 9px 30px;
	cursor:pointer; 
	background: none;
	margin: 25px auto;
    display: block;}
.backbut { border: 2px solid #fff;display: block;background:none; color:#fff; margin:50px auto;}
.finbut:hover, .ansbut:hover, .backbut:hover { background-color:#fff; color:#000; }
#quizcontainer { background-size:cover;height:100vh; }
#quiz { padding-top:50px;height:80vh; }
#quiz h1 { margin-top:50px; }
.notice { width:570px; padding-left:20px; font-size:12px; margin:auto; display:block;color:#f8951d;}
.data .part { display:none; }
#answer {width: 100%;
	height:100vh;
    display: none;
    margin: auto;
    color: #fff;
	background-color:rgba(0,0,0,0.5);
    font-size: 22px;
    text-align: center;}
#answer span { width: 600px; margin: auto; display: block; padding-top: 250px;}
.yvid { background-color:#262626; height:612px;padding:57px 0 0 0;display:block;}
.yvid iframe { margin:auto;display: block;width:986px;height:554px;}
.threecol { width:308px; float:left;margin-right:20px;text-align: center;}
.t-carousel__caption__container { text-align: center; }
#wheart { opacity:0.9;position:fixed; right: 32px; top: 64px; width:46px; height:46px; background:url(img/wheart.png) no-repeat center;z-index:3333; background-size:100%;  text-align:center;display:none;}
#wheart span { color:#818181; font-weight:bold; margin-top:13px;display:block;}
#loader { position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.9); z-index:9999; }
#loader img { left:46%; top:40%; position:fixed; z-index:10000; }
@media (max-width: 1200px) {
	.threecol {width: 300px;}
}
@media (max-width: 998px) {
	
	.col2, .col3 { white-space:nowrap; }
	#loader img { left:30%; }
	#wheart { top:16px;right:28px; }
	#header #toplogo {margin-left:15px;}
	.copyright { margin-top:0; }
	.info { width: auto; }
	.t-cover__arrow { display:none; }
	#selecteditems { width:100%;}
	#selecteditems h2 { margin-left:20px; }
	.reglist { margin-left:10px;}
	.hitem { height:auto; margin-left:10px;margin-bottom: 10px;}
	.hitem span { width:auto; position:relative; margin-left:0;}
	.hitem h3 { width: 95%;}
	.hitem .lthumb { width: 140px; margin-right: 10px; height: 80px;}
	#tablebg img { width:100%; }
	.threecol img { width:100%;}
	.threecol { width:80%; float:left; margin:20px auto;}
	.yvid { padding:20px 0 20px 0;height:auto;}
	.yvid iframe { width:90%;height:52vh;}
	#header { height:60px;}
	#header img { height:45px; }
	.itemcontent { width: 98%; height: 50vh;}
	.images { width: 98%; margin-left: 2%;float:none;}
	.fullimage { width: 100%; height: 37vh }
	.fullimage iframe { width:100%;height:35vh; }
	.thumbs { width: 98%;position:relative;}
	.thumbs li { width: 22%;height: 11vh;float:left;margin-top:5px; }
	.thumb1, .thumb2, .thumb3 { margin:10px 10px 0 0;}
	.itemcontent h3 { width:98%;margin-left:10px; }
	.data { width:100%;float:none; }
	.oblhead { margin-left:1em;}
	.info { height:auto; display:block;margin-left:10px;}
	.icons { width:100%; text-align:center;position:static; margin-top: 230px; margin-left: 10px!important;}
	.addfav { position:static; margin:25px 10px;}
	.cols  { width:80%;margin: 0 0 15px 60px;}
	.notice { width:80%;}
	.data h3 { margin-top: 14vh; width: 100%;}
	.questions h3 { width:100%;margin-left:0;}
	.questions { height:auto; padding:10px;}
	.answers {	width: 90%;}
	label { width:auto; }
	#quizcontainer { height: 150vh; }
	#answer { height:150vh;}
	#answer span { width:100%!important; }
	.del { margin-left: 0; margin-top:0; right: 5px;}
}
@media (max-width:680px) {
	.threecol { width:100%; float:none;}
}