/*
Theme Name: GID
Author: Vitaly Kukin
*/
html {overflow-y:scroll}
html, body {font: normal 100% Arial,Helvetica,sans-serif;color:#000;font-size:15px;line-height:21px;background-color:#fff;min-width:300px}
#footer{height:80px}

h1, h2, h3, h4, h5{line-height:normal;font-weight:normal}
h1{font-size:25px;margin:25px 0}
h2{font-size:24px;margin:20px 0}
h3{font-size:22px;margin:19px 0}

a, a:focus{color:#245dc1}
a:hover{color:#0071bc;text-decoration:none}
.polosa{overflow:hidden}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{display:block;margin:0 auto}
.clear{clear:both}
#wrap.wrap .noborder{border:none}

.button{font-weight:bold;font-size:21px;border:0 none;cursor:pointer;padding:18px 20px;text-decoration:none}
.button-large{font-weight:bold;font-size:24px;border:0 none;cursor:pointer;padding:20px 35px;margin:10px auto;text-decoration:none}
.gid{background-image:url('images/arrow.png');background-repeat:no-repeat;background-position:90% 23px;padding-right:20%}
.more-first{display:inline-block;width:200px}
.bgreen{background-color:#8cc63f;color:#fff}
.bgreen:hover{background-color:#6da326;color:#fff}

/********************
	GLOBAL WIDTH
*********************/
.wrap{min-width:300px;max-width:100%}
.header, .footer, .main-index, .main-live, .main-star, .main-form{min-width:300px;max-width:960px;margin:0 auto}
#menu{height:6px;width:100%;background:url('images/menu.jpg') no-repeat top center}

/********************
	HEADER
*********************/
#header{background:#fff;height:100px}
.header{height:100px;position:relative;z-index:40}
.header .logo{position:absolute;top:20px;left:10px;z-index:10}
.header .logo a{display:block;height:67px;width:186px;background:url('images/logo.png') no-repeat}
.header .description{position:absolute;top:102px;left:10px;z-index:30;display:block;font-size:27px;line-height:27px;text-transform:uppercase}
.header .description{display:none}

/********************
	MAIN PAGE
*********************/
#main{background:url('images/bigcity.jpg') no-repeat top center;height:560px;width:100%}
.main-index{position:relative;height:560px;z-index:10}
.main-index h1{position:absolute;top:10px;font-size:26px;color:#000;background:#fff;padding:8px 20px;text-transform:uppercase}
.main-index .message{position:absolute;top:220px;font-size:14px;line-height:24px;color:#fff;background:#5c5c5c;padding:20px 10px}
.main-index .message h3{margin:0;margin-bottom:10px;font-size:30px;text-transform:uppercase}
.main-index .message ul{list-style-type:disc}
.main-index .message ul li{margin-left:25px}
.main-index .button{display:none}

#main-form{background:#fff;height:400px}
.reveal-modal{position:absolute;top:673px;left:50%;margin-left:-147px}
.reveal-modal .form-logo, .reveal-modal .close-reveal-modal{display:none}

#main-live{width:100%;height:auto;background:url('images/texture.jpg')}
.main-live{position:relative}
.main-live .dub-pic{position:absolute;top:40px;width:450px;height:300px;background:url('images/dubfly.jpg')}
.main-live .dub-pic{display:none}
.main-live .text, .main-live h2{padding: 0 10px}
.main-live h2{font-size:24px;margin-top:0;padding-top:30px}
.main-live .text{font-size:13px;padding-bottom:15px}

#main-star{width:100%;padding-bottom:15px;background:url('images/bigtexture.jpg')}
.main-star{position:relative;color:#fff}
.main-star h3{font-size:27px;margin-top:0}
.main-star .text{font-size:13px;padding:0 10px;padding-top:20px}
.main-star .stars{position:absolute;left:410px;top:55px;width:530px}
.main-star .stars{display:none}
.main-thx .imgbig{display:none}
/********************
	FOOTER
*********************/
#footer{background:#fff}
.footer{height:80px;position:relative}
.footer .footer-social{float:right;width:300px;padding-top:30px}
.footer .footer-social ul li{float:right;margin-left:15px}
.footer .footer-social ul li a{display:block;height:44px;width:44px;cursor:pointer}
.footer .footer-social ul li a.facebook{background:url('images/social/facebook.jpg') no-repeat}
.footer .footer-social ul li a.youtube{background:url('images/social/youtube.jpg') no-repeat}
.footer .footer-social ul li a.twitter{background:url('images/social/twitter.jpg') no-repeat}
.footer .footer-social ul li a.vk{background:url('images/social/vk.jpg') no-repeat}
.footer .footer-social ul li a.facebook:hover,
.footer .footer-social ul li a.youtube:hover,
.footer .footer-social ul li a.twitter:hover,
.footer .footer-social ul li a.vk:hover{background-position:0 -44px}
.footer .footer-item{float:left;width:170px;font-size:12px;text-transform:uppercase;padding-top:30px;line-height:15px}
.footer .footer-item li{margin-bottom:8px}
.footer .footer-item a{color:#5c5c5c;text-decoration:none}
.footer .footer-item a:hover{color:#000}





#form .form-logo{text-align:center;padding:10px 0}
form .form-field {margin:5px 0;}
form .form-field label{width:80px;color:#000;display:inline-block;float:left; font-size:18px;}
form .form-field input[type="text"], 
form .form-field input[type="email"]{width:190px; direction:ltr;}

.select, .dropdown {width:210px;font-size:13px;color:#999}
.select {height:22px;border:1px solid #ebebeb;-webkit-border-radius: 3px; border-radius: 3px;cursor: pointer;}
.select {background: url('images/select.png') no-repeat top right;}
.dropdown li {padding: 7px 0;margin:0;width: 200px;background: #ddd;cursor: pointer;font-size:15px;color:#3d3d3d}
.dropdown li:before {
  content: "";
  display: block;
  float: left;
  width: 10px;
  height: 10px;
}
.dropdown li.disabled {color:#ddd}
.hide{display:none}
.booking form input[type=tel],
.booking form input[type=email],
.booking form input[type=text] 
{height:22px;padding:0 10px;box-shadow:none;-webkit-box-shadow:none;border:1px solid #ebebeb;background:none;outline:none;font-size:13px;color:#999;line-height:22px}
.select-wrapper {display:inline-block;position:relative;z-index:1}
.select-wrapper:before {content:"";display:block;border:1px solid #dcdcdc;border-bottom:none;border-top:none;box-shadow: inset 0 4px 5px -4px rgba(0, 0, 0, .4);position:absolute;left:0;right:0;top:0;bottom:0;background:#ebebeb;z-index:-1}
.select-wrapper:after {
    content: "";
    display: none;
    width: 40px;
    background:#555;
    background-position: -168px -40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    cursor: pointer}

.select-wrapper:hover:after {
    background-color: #6a6a6a;
}

.select-wrapper:active:after {
    background-color: #464646;
}

.select-wrapper select {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: .7em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-wrapper:before {
        right: 43px;
    }

    .select-wrapper:after {
        z-index: -1;
        display: block;
    }

    .select-wrapper select {
        -webkit-appearance: none;
        padding-right: 50px;
    }
}

.booking form select {
  /*display: none;*/

    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 1em;

    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;width: 100%;padding: .7em;border-bottom:none;border-top:none;outline:none;color:#555;margin:0;max-width:100%;display:block;box-sizing:border-box;-webkit-appearance:none;padding-bottom:12px;padding-left:8px;padding-right:50px;padding-top: 12px;}
.booking form .submit, .tnx_popup .submit {margin-top:17px;padding:0 15% 0 15px;height:40px;border:0;background:#036fba url('images/arrow-right.png') no-repeat 90% 17px;font-size:13px;line-height:40px;color:#fff;cursor:pointer}
.booking form p {margin-top:13px;font-size:10px;line-height:14px;color:#363636}
.booking form button{display:inline-block;margin-top:17px;padding:0 13px 0 20px;height:40px;border:0;background:#036fba;color:#fff}
.dropdown{max-height: 290px}
.dropdown ul {padding:0;margin:0}
span.selectbox{padding:0}

.main-index .message{top:124px}
.main-star .text p, .main-live p{padding-bottom:8px}
.click-here{display:none}
@media (min-width: 480px) and (max-width: 640px){
	#header{height:120px}
	.header{height:120px}
	.header .logo{top:20px;left:10px}
	.header .description{display:block;top:16px;left:210px}

	.main-index h1{top:35px;font-size:31px;width:80%;}
	.main-index .message{top:224px}
	.reveal-modal{position:absolute;top:694px;left:50%;margin-left:-147px}
	.main-live .dub-pic{display:block;position:relative;top:15px;left:50%;margin-left:-225px}
	.main-thx .imgbig{display:none}
	
}

@media (min-width: 640px) and (max-width: 960px){
	#header{height:120px}
	.header{height:120px}
	.header .logo{top:20px;left:10px}
	.header .description{display:block;top:16px;left:210px}
	
	.main-index h1{top:40px;font-size:40px}
	.reveal-modal{position:absolute;top:694px;left:50%;margin-left:-147px}
	.main-live .dub-pic{display:block;position:relative;top:15px;left:50%;margin-left:-225px}
	.main-index .message{top:280px}
	.main-star .stars{display:block;position:relative;top:15px;left:0;width:auto;text-align:center;padding-bottom:15px}
	.main-thx .imgbig{display:none}
	
	.click-here{display:none}
}

@media (min-width: 960px){
	
	html, body {min-width:960px;height:100%;color:#464646;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:21px}
	#wrap {position: relative;min-height: 100%;z-index:1}
	* html #wrap {height: 100%}
	#content {padding-bottom: 80px}
	#footer {position:relative;height:80px;margin-top: -80px;z-index:20;background:#fff}

	#header{height:100px}
	.header{height:100px}
	.header .logo{top:20px;left:0}
	.header .description{display:block;top:25px;left:240px;font-size:24px}

	#main{height:560px}
	#main-form{display:none}
	#main-live{width:100%;background:url('images/texture.jpg')}
	#main-star{width:100%}
	.main-live .dub-pic{display:block}
	.main-live h2, .main-live .text{margin-left:490px}
	.main-index{position:relative;height:560px;z-index:10}
	.main-index h1{position:absolute;top:85px;font-size:40px;color:#000;background:#fff;padding:8px 10px;width:520px;text-transform:uppercase}
	.main-index .message{position:absolute;top:240px;font-size:14px;line-height:24px;color:#fff;background:#5c5c5c;padding:30px;width:510px}
	.main-index .button{position:absolute;top:390px;left:620px;display:block}
	.reveal-modal .form-logo{display:block} .reveal-modal .close-reveal-modal{display:inline}
	.main-star h3, .main-star .text{width:390px}
	.main-star .stars{display:block}
	.main-star h3{font-size:27px;margin-top:0;padding-top:50px}
	.main-star .text{font-size:13px;padding-top:20px}
	.main-thx .imgbig{display:block}

	.reveal-modal-bg {
		position:fixed;
		height:100%;
		width:100%;
		background:#000;
		z-index:1100;
		display:none;
		top:0;
		left:0;
	}
	
	.reveal-modal {
		display:none;
		top:100px;
		left:50%;
		margin-left:-150px;
		width:294px;
		background:#fff;
		position:absolute;
		z-index:1101;
		padding:30px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
		box-shadow:0 0 10px rgba(0,0,0,.4);
	}
	
	.reveal-modal.small 	{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium  { width: 400px; margin-left: -240px;}
	.reveal-modal.large 	{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #eee;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
	}
	
	.click-here{
		position:absolute;top:314px;left: 620px;display: block; text-align:center
	}
	.click-here h3{
		color:#fff;font-size:26px;font-weight:bold
	}
}