html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html {
	height:100%;
}
body {
background:#000 center top;
color:#fff;
font-size:14px;
margin:0;
padding:0;
font-family:"WeblySleek UI Light"  !important;
}

.shadow {
	background:url(../images/shadow.png) top left;
	height:15px;
	width:100%;
	min-width:1035px;
	position:absolute;
	z-index:4;
	top:0px;
	left:0px;	
}

.clear {
	clear:both;
}

.toppanel {
	height:67px;
	width:100%;
	background:#ff4200;	
	min-width:1000px;
}

.logo {
	position:absolute;
	display:block;
	height:100px;
	width:300px;	
	top:30px;
	left:350px;
}

.topcontent {
	width:1000px;
	height:67px;
	margin:0 auto;
	background:#ff4200;		
}

.home {
	float:left;
	display:block;
	height:61px;
	width:30px;
	background:url(../images/home.png) center center no-repeat;	
}

.lang {
	float:right;
	margin-top: 16px;
}

.lang li {
	float:left;
	font-size:11px;	
	text-transform:uppercase;
	margin:3px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px;
		 -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out; 
    -o-transition: background 300ms ease-in-out;  
    transition: background 300ms ease-in-out;  	
}

.lang li:hover , .langactive {
	background:#000;
		 -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out; 
    -o-transition: background 300ms ease-in-out;  
    transition: background 300ms ease-in-out;  
}

.lang li a {
	color:#fff;
	text-decoration:none;
	display: block;
	padding:6px 5px;
}

.lang li a:hover {
		color:#fff !important;
}

.wrapper {
	width:100%;
	background:url(../images/bg.jpg) repeat-y center top #fff;
	background-size:cover;
	min-width:1000px;
	padding:0 0;
	background-attachment: fixed;
}

.main_wrapper {
	padding:0 !important;	
}
.container {
	width:1000px;
	margin:0 auto;	
	position:relative;
	padding:50px 0 0 0;
}

.topcontent .text {
    float: left;
    margin: 4px 0 0 147px;
    width: 629px;
	text-align: center;
}

ul.menu {
	position:relative;
	height:536px;
	margin:0;
	width:1000px;
	text-align:center;
}
ul.pagesmenu {
	width:833px;
	height:350px;
	margin:0 auto;
}
ul.pagesmenu > li {
	position:relative !important;
	top:0px !important;
	left:0px !important;
	float:left !important;
	margin:2px 2px !important;
	overflow:hidden;
}
ul.pagesmenu  .selected {
	
		z-index:5;
		outline:none;
		-webkit-box-shadow: 0px 2px 7px 0px #000;
		-moz-box-shadow:    0px 2px 7px 0px #000;
		box-shadow:         0px 2px 7px 0px #000;
}
ul.menu > li {
	position:absolute;
	width:160px;
	height:159px;
	background:url(../images/menubg.png) no-repeat top left;
	border-radius:90px;
	overflow:hidden;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	-webkit-transition: box-shadow 300ms linear ; 
    -moz-transition: box-shadow 300ms linear ;
    -o-transition: box-shadow 300ms linear  ;
    transition: box-shadow 300ms linear;
	display: table;
	text-align: center;
	
}
.selected {
	background:url(../images/menubghv.png) no-repeat top left !important;
	-webkit-box-shadow: 0px 2px 7px 0px #000;
	-moz-box-shadow:    0px 2px 7px 0px #000;
	box-shadow:         0px 2px 7px 0px #000;
	
}
.selected .submenu {
	top:0 !important;
}
ul.menu > li:hover {
	background:url(../images/menubghv.png) no-repeat top left;
	z-index:3;
	-webkit-transition: box-shadow 300ms linear ; 
    -moz-transition: box-shadow 300ms linear ;
    -o-transition: box-shadow 300ms linear  ;
    transition: box-shadow 300ms linear  ;
	-webkit-box-shadow: 0px 2px 7px 0px #000;
	-moz-box-shadow:    0px 2px 7px 0px #000;
	box-shadow:         0px 2px 7px 0px #000;
}
ul.menu > li:active {
	-webkit-transition: box-shadow 300ms linear ; 
    -moz-transition: box-shadow 300ms linear ;
    -o-transition: box-shadow 300ms linear  ;
    transition: box-shadow 300ms linear  ;
	-webkit-box-shadow: inset 0px 0px 17px 0px #000;
	-moz-box-shadow: inset 0px 0px 17px 0px #000;
	box-shadow:   inset 0px 0px 17px 0px #000;
}
ul.menu > li .submenu a:hover  {
	text-decoration: underline;
}
ul.submenu {
	width:160px;
	position:absolute;
	top:0;
	left:0;
	padding:47px 0 0;
	height:125px;
	background:url(../images/menubghv.png) no-repeat top left;
	border-radius:90px;
	overflow:hidden;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;	
	display: none;
	text-align: center;
	}
ul.submenu > li {
	width:130px inherit;
	margin:5px auto;
	text-transform:uppercase;
}
ul.submenu > li:hover .submenu  {
visibility: visible;
}
ul.submenu > li > a {
	color:#fff;
	width:130px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-size: 12px;

}
ul.submenu li:hover {
	margin:5px auto !important;	
}
ul.menu > li > a {
	position:relative;
	height:100px;
	width:100%;
	top:0;
	display:table-cell;
	left:0;
	text-decoration:none;
	vertical-align: middle;
}
ul.menu > li > a img {
	margin:0 auto;
	display:block;
}
.menuname {
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin:5px auto 0;
	display:block;
	font-size:13px;
	line-height:16px;
	width: 130px;
	font-weight: bold;
}

.content {
	width:100%;
	min-width:1000px;
	margin:0;
	padding:0;
	background:url(../images/wordshvbg.png);
	clear:both;
}
.contentblock {
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:15px 10px;
	clear:both;
}
.contentblock h1 {
	font: 30px 'Calibri';
	margin:5px 0 20px 0;
	clear:both;
	
}
.contentblock img {
	border:1px solid #CAC0BC;
}
.contentblock p {
	font-size:15px;
	line-height:19px;
	font-weight: bold;
	color: #D3E5FF;
}


.timeline {
	height:36px;
	width:1000px;
	clear:both;
	padding:0;
	margin:0;
}

#slider {
	position:relative;
	top:13px;
	width:990px !important;
	padding:0;
	margin-bottom: 50px;
}
.timeline li:hover {
	background:url(../images/timecirchv.png) right center no-repeat;
	color:#ff4200;

}
.timeline li {
	float:left;
	padding:0px 0;
	margin:0px 0px;
	background:url(../images/timecirc.png) right center no-repeat;
	height:60px;
	text-align:right;
	
}
#legend {
	height:30px;
	margin-bottom: 10px;
}
#legend label{
  display: inline-block;
  text-align:center;
  padding:0 0 35px 0;

}
#legend label:first-child{
  text-align:left;
   /*--background:url(../images/timecirchv.png) center left no-repeat;--*/
}
#legend label:last-child{
  text-align:right;
	/*--background:url(../images/timecirchv.png) right center no-repeat !important;--*/
}
.active {
	/*--background:url(../images/timecirchv.png) right center no-repeat !important;--*/
	color:#ff4200;
}

.carouselcont {
	height:232px;
	position:relative;
	margin:10px 55px 20px;
	clear:both;
}

.timeblock .carouselwrapper {
	width: 900px;
	margin-left: 20px;
	overflow: hidden;
}
.gallery .carouselwrapper {
	height:482px;
	position:relative;
}
.gallery .carouselcont , .gallery .carousel {
	height:482px;
	margin:10px 30px;
	
}
.gallery  .next , .gallery .prev {
	margin-top:120px !important;
}

.gallery .carouselcont li div {
	width:145px;
	height:230px;
	border:1px solid #ccc;
	margin:0 0 8px 0;
	padding:0px;
	overflow:hidden;
	position:relative;
}
.gallery .carouselcont li {
	width:147px !important;
	height:480px !important;
	border:none !important;
}

.prev , .next {
	width:77px;
	height:230px;
	cursor:pointer;
	position:absolute;
}
.prev {
	background:url(../images/prev.png) no-repeat center left;
	float:left;	
	left:-4px;
	transition: all 0.3s ease;
}
.next {
	background:url(../images/next.png) no-repeat center right;	
	float:right;
	right:-10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.prev:hover, .next:hover {opacity: 1;}
.carousel {
	height:232px;
	position:relative;
	overflow:hidden;
}
.carousel li {
	width:200px;
	height:230px;
	border:1px solid #ccc;
	margin:0 0 8px 8px;
	float:left;
	overflow:hidden;
	position:relative;
}
.carousel li a {
	position:absolute;
	width: 130px;
	height:70px;
	padding:30px 10px 20px 10px;
	bottom:-120px;
	left:0px;
	color:#fff;
	z-index:3;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	background:url(../images/carouselbg.png) no-repeat top left;
}

.carousel li img {
	height:235px !important;
	margin:0px;
	position:relative;
	top:0px !important;
	border:none;
}

.virtualtour {
	margin:10px 0;
}

.virtualtour img {
	border:none;
	margin:0;	
}

.planmap {
	width:1000px;
	height:430px;
	margin:10px 0;
	background: url(../images/plan.png) no-repeat bottom center;
	clear:both;
	position:relative;
}

.tag {
	width:35px;
	height:57px;
	position:absolute;
	cursor:pointer;
	background:url(../images/tag.png) no-repeat top left;
}

.tags:hover .taginfo {
	display:block;
}
.taginfo {
	width:110px;
	height:110px;
	text-align:center;
	padding: 25px 25px;
	background:url(../images/menubghv.png);
	background-size:contain;
	position:absolute;
	bottom:35px;
	left:15px;
	font-size:13px;
	display:none;
}

.zalleft {
	width:480px;
	margin:0 20px 0 0;
	float:left;	
}

.video {
	width:320px;
	height:185px;
	margin:10px 0 0 10px;
	float:left;
	position:relative;
	overflow:hidden;
	
}
.video .caption {
	position:absolute;
	top:0px;
	width:300px;
	font-size:11px;
	line-height:15px;
	padding:10px;
	color:#fff;
	z-index:2;
	background:url(../images/wordshvbg.png);
}

.zalleft .video {
	width:480px;
	height:350px;
	position:relative;
	overflow:hidden;
	margin:0 10px;
}

.zalleft .video .caption {
	position:absolute;
	top:0;
	width:460px;
	font-size:11px;
	line-height:15px;
	padding:10px;
	color:#fff;
	z-index:2;
	background:url(../images/wordshvbg.png);
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;

}
.zalleft .video img {
	border:none;
	width:480px;
	min-height:340px;
	margin:0px;	
}
.video .play {
	position:absolute;
	background:url(../images/menubghv.png) no-repeat;
	width:160px;
	height:160px;	
	z-index:2;
	bottom:-80px;
	left:-80px;
		-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.video .play a {
	background:url(../images/play.png) no-repeat top right;
	width:100px;
	height:100px;
	display:block;
	margin:30px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:-99999px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.video:hover .play {
	bottom:50%;
	left:50%;
	margin:0 0 -80px -80px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.video:hover .caption {
	top:-200px;
		-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.video:hover .play a {
	background:url(../images/play.png) no-repeat center center;
	text-indent:inherit;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.zalright {
	width:480px;
	float:right;
}

.zal {
	width:150px;
	height:270px;
	position:relative;
	overflow:hidden;
	float:left;
	margin:8px;
}
.zal .caption {
	position:absolute;
	top:0px;
	width:140px;
	font-size:11px;
	line-height:15px;
	text-align:center;
	padding:5px;
	color:#fff;
	z-index:2;
	background:url(../images/wordshvbg.png);

}
.zal img {
	border:none;
	width:150px;
	min-height:270px;
	margin:0px;	
}
.zal .link {
	position:absolute;
	background:url(../images/zalbg.png) no-repeat;
	width:116px;
	height:116px;	
	z-index:2;
	bottom:-60px;
	left:-60px;
		-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.zal .link a {
	background:url(../images/zallink.png) no-repeat 50px 0px;
	width:80px;
	height:60px;
	display:block;
	margin: 39px 18px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-indent:-99999px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.zal .link a br {
	height:30px;
	display:block;
	width:100px;
	clear:both;
}
.zal:hover .link {
	bottom:50%;
	left:50%;
	margin:0px 0px -60px -60px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.zal:hover .link a {
	background:url(../images/zallink.png) no-repeat center center;
	text-indent:inherit;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.photos {
	width:225px;
	height:110px;
	margin:0px 0px 10px 10px;
	float:left;
	overflow:hidden;
	position:relative;
}
.photos a {
	position:absolute;
	width:105px;
	height:70px;
	padding:20px 10px 20px 10px;
	left:-130px;
	top: 0;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	background:url(../images/photobg.png) no-repeat top right;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;	
	font-size:12px;
}
.photos:hover a {
	left:0px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.photos img {
	width:225px;
	margin:0px;
	border:none;

}

.sertifikatcont {
	height:380px;
	position:relative;
	margin:10px 30px;
	clear:both;
}

#prevs , #nexts {
	width:30px;
	height:230px;
	cursor:pointer;
	position:absolute;
	
}
#prevs {
	background:url(../images/prevbl.png) no-repeat top left;
	float:left;	
	height:380px;
	left:0px;
}
#nexts {
	background:url(../images/nextbl.png) no-repeat top right;	
	float:right;
	height:380px;
	right:0px;
}
.sertifikat {
	height:380px;
	position:relative;
	overflow:hidden;
}
.sertifikat li {
	width:215px;
	height:380px;
	margin:0px 10px 8px 10px;
	background:url(../images/wordshvbg.png);
	float:left;
	overflow:hidden;
	position:relative;
}
.sertifikat li a {
	width:195px;
	display:block;
	height:70px;
	margin:0px 10px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

.sertifikat li img {
	height:255px;
	width:201px;
	margin:7px;
	border:none;
	clear:both;
}

.rules {
	margin:10px 0px;
	list-style:disc outside;	
	color:#fd4202;
}
.rules li {
	margin:20px 20px;
}
.rules li p {
	color:#fff;
}
.map {
	width:670px;
	margin:0 auto;
	height:330px;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 400px;
position:relative;
bottom:-7px;
}
.map iframe {
	width:670px;
	height:330px
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 400px;
}
.contacts {
	width:280px;
	margin:10px 0px 0px 50px;	
	float:left;
}
.contacts h3 {
	font-size:16px;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
}
.reviewp {
	width:500px;
	clear:both;
}
.review {
	width:100%;/*KAMRAN ABBASOV 480px*/
	float:left;
	margin:20px 20px 0px 0px;
}
.review .name {
	color:#ff4200;
	text-transform:uppercase;

}
.review .title , .review .date {
	margin:7px 0px;
	font-size:11px;
	text-transform:uppercase;
}
.message {
	font-size:13px;
	line-height:15px;
	text-align:justify;
	margin:10px 0px;
}
.write {
	position:absolute;
	top:3px;
	right:10px;
	cursor:pointer;	
	padding:40px 30px;
	height:40px;
	width:57px;
	text-align:center;
	background:url(../images/zalbg.png) no-repeat top left;
}
.footercontent {
	width:100%;
	background:url(../images/contentbg.png);
	min-width:1000px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.overlaw {
	width:100%;
	height:100%;
	background:url(../images/wordshvbg.png);
	position:fixed;
	z-index:1111;
	display:none;
}
.addreview {
	width:550px;
	height:550px;
	position:fixed;
	top:-50%;
	left:50%;
	margin:-275px 0px 0px -275px;
	z-index:2222;
}
.reviewcont {
	width:550px;
	height:550px;
	background:#fff;
	-webkit-border-radius: 275px;
-moz-border-radius: 275px;
border-radius: 275px;
overflow:hidden;
}
.reviewcont form {
	width:370px;
	margin:25px auto;
}
.reviewcont form input[type=text] , .reviewcont form textarea {
	width:340px;
	border:1px solid #d5d5d5;
	font-size:13px;
	color:#222;
	font-family:"WeblySleek UI Light";
	height:15px;
	padding:10px 15px;
	margin:2px 0px;
}
.reviewcont form textarea {
	height:150px;
}
.reviewcont form input[type=text]:focus , .reviewcont form textarea:focus {
	border:1px solid #ff4200;	
}
.reviewcont form button {
	border:none;
	margin:5px auto;
	color:#fff;
	height:100px;
	width:100px !important;
	display:block;
	cursor:pointer;
	width:57px;
	text-align:center;
	background:#ff4200;
	font-family:"WeblySleek UI Light";
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}

.close {
	width:33px;
	height:33px;
	background:url(../images/close.png) no-repeat top left;
	position:absolute;
	right:75px;
	top:50px;
	cursor:pointer;
}
.head {
	width:550px;
	height:25px;
	padding:80px 0px 0px 0px;
	text-align:center;
	background:url(../images/addhead.png) no-repeat center center #ff4200;
	vertical-align:text-bottom;	
}

.tour {
	width:480px;
	float:left;
	margin:20px 20px 0 0;
	height:160px;
}
.tour .title  {
	margin:15px 0;
	height:14px;
}
.tour .title a {
	margin:7px 0;
	font-size:14px;
	color:#ff4200;
	text-transform:uppercase;
	text-decoration:none;
}
.shortstory {
	font-size:13px;
	line-height:15px;
	text-align:justify;
	marin:10px 0px;
	height:93px;
}
.readmore {
	float:right;
	background:#ff4200;
	color:#fff;
	display:block;
	font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px 10px;
	text-decoration:none;
}

.contentmenu {
	width:710px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	top:-20px;
}
.menublock {
	width:210px;
	height:200px;
	padding:15px 10px;
	background:url(../images/menu.png);
	float:left;
	margin:2px;
	overflow:hidden;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.menublock h1 {
	width:210px;
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	clear:both;
}
.menublock img {
	margin:15px auto;
	display:block;
	clear:both;
}
.menublock a {
	color:#fff;
	text-decoration:none;	
}
.menublock p {
	width:170px;
	margin:0 auto;
	text-align:center;
	line-height:15px;
	font-size:13px;
	text-transform:uppercase;
	clear:both;
}

.ca-icon{
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.ca-main{
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{ 
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menublock:hover{
    background:#ff4200;
}
.menublock:hover .ca-icon{
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.menublock:hover .ca-main{
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
.menublock:hover .ca-sub{
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.partners {
	width:100%;
	height: 75px;
	margin: 0px 0px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.partners img {
	height:100%;
	width:100%;
}
.color {
	display:none;	
}
.bw {
	position:absolute;
}
.partners li {
	height:75px;
	width:130px;
	background:url(../images/partnerbg.png);
	display: inline-block;
	margin:0px 2px;
	position:relative;
	transition:background 1s ease;
	-webkit-transition:background 1s ease;
	-moz-transition:background 1s  ease;
	-o-transition:background 1s  ease;

}
.partners li:hover {
	background:#ccc;
	transition:background 1s ease;
	-webkit-transition:background 1s ease;
	-moz-transition:background 1s  ease;
	-o-transition:background 1s  ease;
}

.footer {
	width:100%;
	background:#000;
	min-width:1000px;
	height:80px;

}
.footercont {
	width:1000px;
	height:80px;
	margin:0 auto;	
}
.copyright {
	color:#fff;
	float:right;
	text-align:right;
	height:40px;
	font-size:12px;
	padding:20px 10px;
	line-height:20px;
	font-weight:500;
}
.copyright a {
	color:#ff4200;
	text-decoration:none;	
}
.scroll-cont {
	position:relative;
	clear:both;
	padding:15px 0px;
}
.social {
	float:left;
	margin:20px 5px;
}
.social li {
	float:left;
	font-size:11px;	
	text-transform:uppercase;
	padding:5px 5px;
	margin:3px;
	background:#666;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px;
	 -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out; 
    -o-transition: background 300ms ease-in-out;  
    transition: background 300ms ease-in-out;  
	
}
.social li img {
	width:20px;
	height:20px;
}
.social li:hover  {
	background:#ff4200;
}
.social li a {
	color:#fff;
	text-decoration:none;
}
.social li a:hover {
	color:#fff !important;
}

div.scrollingHotSpotLeft
{
	width: 50px;
	height: 75px;
	background:url(../images/left.png) no-repeat left center;
	position: absolute;
	z-index: 200;
	left: 0;
	cursor:w-resize;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter: alpha(opacity = 50);
	zoom: 1; 
}

div.scrollingHotSpotLeftVisible
{
	background:url(../images/left.png) no-repeat left center;
	opacity: 0.35; 
	-moz-opacity: 0.35; 
	filter: alpha(opacity = 35);
	zoom: 1; 
}

div.scrollingHotSpotRight
{
	width: 50px;
	height: 75px;
	background:url(../images/right.png) no-repeat right center;
	position: absolute;
	z-index: 200;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter: alpha(opacity = 50);
	zoom: 1; 
	right: 0;
	cursor: e-resize;
}

div.scrollingHotSpotRightVisible
{
	background:url(../images/right.png) no-repeat right center;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter: alpha(opacity = 50);
	zoom: 1; 
}

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
	margin:0 auto;
}

.reservcont  {
	width:950px;
	height:300px;
	margin:0 auto;
}
#reservform {
	width:880px;
	height:300px;
	margin:0 auto;
	position:relative;
}
.reservtext {
	width:550px;
	height:280px;
	padding:20px 0 0 0;
	float:left;
}
.reservtext p {
	padding:10px 0px;
	line-height:16px;
	font-size:14px;
}
.plan{
	float:right;
	margin:15px 0 0 0;
}
.reservleft {
	height:260px;
	width:430px;
	float:left;	
	margin:20px 0;
}
.reservright{
	height:260px;
	width:430px;
	float:right;
	margin:20px 0;
}
#reservform  .item {
	width:430px;
	height:auto;
	overflow:hidden;
	margin:1px 0px !important;
	clear:both;
}
#reservform  .item span {
	width:190px;
	font-size:14px;
	line-height:13px;
	padding:9px 10px;
	float:left;
	vertical-align:top;
	font-family:"WeblySleek UI Light";
}
#reservform  .item input {
	font-size:13px !important;
	line-height:100%;
	line-height:13px;
	outline:none !important;
	margin:0px 2px;
	padding:10px 10px;
	border:1px solid transparent;
	width:190px;
	color:#ff4200;
	float:right;
	font-family:"WeblySleek UI Light";
	background:url(../images/alhabetbg.png);
	
}
#reservform  .item textarea {
	font-size:14px !important;
	line-height:100%;
	margin:0px 2px 0px 2px;
	padding:10px 10px;
	width:196px !important;
	font-family:"WeblySleek UI Light";
    color:#ff4200;
	height:65px;
	float:right;
	border:none;
	outline:none !important;
	background:url(../images/alhabetbg.png);
 }
 .textblock {
	height:91px; 
 }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item input[type=number]::-o-inner-spin-button,
.item input[type=number]::-o-outer-spin-button {
    -webkit-appearance: none;
	appearance: none;
	-o-appearance: none;
    margin: 0;
}
#reservform .item select {
	font-size:14px !important;
	margin:0px;
	padding:8px 10px;
	font-family:"WeblySleek UI Light";
	color:#ff4200;
	border-radius:0px;
    float:left;
	width:243px;
	outline:none;
	background:none !important;
	border:none !important;
	-moz-appearance: none;   
   	-webkit-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	
}
#reservform .item select:focus {
	opacity:0.7;

}
#reservform .items select option {
	background:#fff;
	border:none;
}

#reservform .item .time {
	width:83px !important;
	margin:0px 2px 0px 0px;
	float:right;
	text-align:center;
}
#reservform .item .age {
	width:136px !important;
	overflow:hidden;
}
.selectcont {
	width:106px;
	float:left;
	overflow:hidden;
	margin:0px 0px 0px 2px;
	background:url(../images/arrow.png) top right;
}

.wide {
	width:214px;	
}

#reservform .item .capcha {
	width:87px;
	float:right;
}

.capchaimg {
	float:right
}
#reservform .item input[type=submit] {
	background:#ff4200;
	color:#fff;	
	border:none;
	margin:10px 0;
	height:30px;
	padding:5px 0;
	width:109px;
	cursor:pointer;
	-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}

#reservform .item input[type=submit]:active {
	box-shadow:inset 0px 0px 10px  #000;	
	-webkit-box-shadow:inset 0px 0px 10px #000;
	-moz-box-shadow:inset 0px 0px 10px #000;
	-ms-box-shadow:inset 0px 0px 10px  #000;
	-o-box-shadow:inset 0px 0px 10px  #000;
	-khtml-box-shadow:inset 0px 0px 10px  #000;
	color:#d4d4d4
}
#errorwarn {
	position:absolute;
	bottom:50px;
	right:270px;
}

@keyframes shake{
    25%{ transform:translateX(-6px); }
    75%{ transform:translateX(6px); }
}
@-webkit-keyframes shake{
    25%{ -webkit-transform:translateX(-6px); }
    75%{ -webkit-transform:translateX(6px); }
}
	
.alert{ border:1px solid #f00 !important ; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.3s 2 shake linear; -webkit-animation:0.3s 2 shake linear; }
.good {
	border:1px solid #060 !important;
}

.data_title {
	width: 100%;
	font: 16px Arial;
	text-transform: capitalize;
	margin-bottom: 5px;
	display: block;
}

.news-box {
	width: 310px;
	/* height: 500px;  elave etmisem  */
	display: inline-block;
	margin-right: 17px;
	margin-bottom: 17px;
	color: #fff;
	background-color: #171717;
}

.news-box:nth-child(3n+3) {
	margin-right: 0;
}

.news-box .img-box {
	background: #E3E3E3;
	width: 100%;
	height: 160px   /*   */
}

/* dəyişiklik etmişəm => new boxun font u */
.news-box p { margin-left: 5px; margin-right: 5px; font-family: "Calibri"; color: white; font-weight: normal;}

.news-box .img-box a { display: block;}
.news-box h3, 
.news-box h3 a{
	font: 15px/15px Calibri;
	height: 5em;    /* dəyişiklik etmişəm, təqribən 3 sətirlik hündürlük */
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px; 
	margin-right: 5px;
	text-decoration: none;
	color: #ff4200;   /* dəyişiklik etmişəm, şriftin rəngi kohne reng => #f37567;#ff4200;*/
}

.news-box h3 a:hover{text-decoration: underline;}

.news-views .news-box {
	width: 100%;
	overflow: hidden;
}

.news-views .news-box  .img-box{width: 420px;height: 217px;display: inline-block;float: left;margin-right: 17px;}

.news-views .news-box h3, 
.news-views .news-box h3 a{
	margin-top: 0;
	font: 15px/15px Calibri;
}

.news-box .more {    /* ətraflı linki */
	color: #ff4200;
	font-weight: bold;
	
}

/* tekst ucun box */
.xeber_concat {
  width: 310px;	
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 4em;
  min-height: 4em;  /* (Number of lines you want visible) * (line-height) */
}

/* xeber qutusunda tarix ucun css */
.xeber_tarix {
  font: 12px/12px Calibri;
  color: white;
  margin-left: 5px;
  margin-top: 5px;
}

div.scrollingHotSpotLeft, 
div.scrollingHotSpotRight {
	display: none!important;
}

/* Kamran Abbasov */

.yer1 {
	position: absolute;
	margin-top: 18px;
	left: 100px;
	}

.yer2 {
	position: absolute;
	/*margin-top: 10px;*/
	left: 200px;
	}
/* Kamran Abbasov */

#navtop {
  position: fixed;
  top: 10px;
  left: 250px;
  
}

#navtop.sekil1 {
  position: fixed;
  top: 10px;
  left: 250px;
  display:none;
}

#nav {
  position: fixed;
  top: 500px;
  left: 250px;
  
}

#nav.shrink {
  position: fixed;
  display:none;
}

.sekil0 {
	float: left;
}

.sekil0 {
	width: 35px;
	height: 40px;
	background-image: url('hexagon.svg');
	
}

.sekil0:hover {
	background-image: url("hexagon_1.svg");
	cursor: pointer;
	}
	
.sekil1 {
	float: left;
}

.sekil1 {
	width: 35px;
	height: 40px;
	background-image: url('../images/hexagon.svg');
}

.sekil1:hover {
	background-image: url("../images/hexagon_1.svg");
	cursor: pointer;
	
	}
	
#start {
		position: absolute;
		top: 150px;
		visibility: hidden;
		}
		
#yer {
	position: absolute;
	top: 300px;
	left: 500px;
	width: 300px;
	align: center;
	}		
	
.xeber {
	position: absolute;
	top: 600px;
	left: 500px;
	width: 300px;
	align: center;
	}

.sekil2 {
	background-image: url('hexagon.svg');
	position: absolute;
	top: 900px;
	width: 35px;
	height: 40px;
}

#homeicon {
  position: absolute;
  top: 10px;
  left: 180px;
  
}
.home_icon {
	width: 35px;
	height: 40px;
	background-image: url('../images/hexagon_home_0.svg');
	z-index: 999;
	
}

.home_icon:hover {
	background-image: url("../images/hexagon_home_1.svg");
	cursor: pointer;
	}

/*Kamran Abbasov*/
	
.qiymet table, th, td {
    border: 1px solid white;
	border-collapse: collapse;
	background-color:"#1b2330";
	vertical-align: middle;
	}

.qiymet tr	{
	background-color: #1b2330;
	}

.qiymet p	{
	font: 14px Arial;
	color: white;
	text-align: center;
	vertical-align: middle;
	}
	
td.reng {
	background-color: #ff8d14;
	}

td.reng1 {
	background-color: #d33e15;
	}	
	
/*------*/	

/* serhlerde deyisiklikler */

.narinci_reng {	
	font-family: "Calibri";	
	font-size: 18px;	
	font-weight: Normal;	
	color: #ff4200;	
	}

.ag_reng {	
	font-family: "Calibri";	
	font-size: 14px;	
	font-weight: Normal;	
	color: #ffffff;
	text-align:justify;
	} 

/* Partnyorlar bolmesi ucun deyisikler */

.sekil0 {
	width: 162px;
	height: 32px;
	background-image: url('../images/unesco.svg');
	
}

/*elaqe bolmesinde #ahref  linki ucun stil */
.link_stil a { text-decoration: none; font-family: Calibri; font-size: 14px; font-weight: normal; color: #ffffff; }
.link_stil a:hover { color: #ff4200; }

.link_stil_footer { padding: 20px 10px; float: left;  display: inline-block;  }



.sekil_facebook { margin-left: 10px; margin-right: 10px;display: inline-block; width: 28px; height: 28px; background-image: url('../images/social_media/facebook_icon.svg'); }
.sekil_facebook:hover { background-image: url('../images/social_media/facebook_icon_0.svg'); cursor: pointer; }

.sekil_youtube { margin-left: 10px; margin-right: 10px; display: inline-block;width: 28px; height: 28px; background-image: url('../images/social_media/youtube_icon.svg'); }
.sekil_youtube:hover { background-image: url('../images/social_media/youtube_icon_0.svg'); cursor: pointer; }

.sekil_instagram { margin-left: 10px; margin-right: 10px;display: inline-block;width: 28px; height: 28px; background-image: url('../images/social_media/instagram.svg'); }
.sekil_instagram:hover { background-image: url('../images/social_media/instagram_0.svg'); cursor: pointer; }

/*KAMRAN ABBASOV VIDEO CSS ANA SEHIFE */
#myVideo {

    right: 0;
    bottom: 0;
    max-width: 100%; 
}

.video_content {
	position: absolute;
	right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #ff4200;
    color: #fff;
	font-weight: bold;
    cursor: pointer;
}

#myBtn:hover {
    background: #ff6833;
    color: #fff;
	font-weight: bold;
}

.vidqutu {
	position: relative;
}