/*STYLE.CSS*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,800,600,300&subset=latin-ext,latin");
@font-face{ 
	font-family: 'WebSymbolsLigaRegular';
	src: url('../fonts/websymbolsligaregular.eot');
	src: url('../fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/websymbolsligaregular.woff') format('woff'),
		url('../fonts/websymbolsligaregular.ttf') format('truetype'),
		url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}

input:focus, select:focus, textarea:focus, button:focus{outline:none;}
input:invalid {border:none; outline: none; box-shadow:none;}
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}
:-moz-placeholder           {color:#fff;}
:-ms-input-placeholder      {color:#fff;}
.wheel {position: absolute; bottom: 50px; height: 38px; width:100%; cursor: pointer; text-align: center;}
.wheel img {position: relative; display: inline-block; float:none;}
/*-----------------------------------------------------*/
input {font-size: 14px; line-height: 28px; color: #fff;}
iframe {border: none;}
/*------------------------------------------------------*/
/*----------------------button----------------------*/
.push {position: relative; float: left;}
.main-button { height: 69px; color:#fff;  padding: 20px 15px; position: relative; text-align: center; display: inline-block; background: url(../img/button_texture.png) repeat-X; float: left; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.main-button b {font-size: 13px; line-height: 28px; font-weight: 700; text-transform: uppercase;}
.push span {font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #ff9c00; background: url(../img/button_white.png) repeat-X; position: absolute; right: -40px; top:0; height: 69px; line-height: 62px;padding: 0 10px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.push:hover .main-button{margin-left:40px;}
.push:hover span{right: 100%; transform: rotateY(-360deg);-moz-transform: rotateY(-360deg);-webkit-transform: rotateY(-360deg);-o-transform: rotateY(-360deg);-ms-transform: rotateY(-360deg);}

.button-img {border: 3px solid #ff9c00; color: #fff; font-weight: 700; font-size: 20px; float: left; padding: 2px 5px; cursor: pointer; text-transform: uppercase;}
.more {color:#fff; width:31px; height:31px; text-align:center; line-height:27px; font-size:24px; font-family:'WebSymbolsLigaRegular'; cursor:pointer; z-index:1; border-radius: 50%; background:#ff9c00;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - CONTACT*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contact-title {text-align: center;}
.contact-title h4 {color:#fff; padding-top: 10px; padding-bottom: 25px;}
.contact-title h5 {font-size: 24px; font-weight: 400; padding: 20px 0px; float: left;}
.contact-title b {color:#ff9c00; float: left;padding: 14px 0px;}
.contact-title img {padding: 0px 10px; float: left; padding: 15px 10px;}

.block-adress {position: relative; float: left; width: 100%; padding-top: 45px;}
.block-adress h3 {color:#fff;}
.block-adress p {color:#b4b4b4; padding: 22px 0px 42px;}
.city {position: relative; float: left; width: 100%;}
.city ul {width: 100%; position: relative; float: left; padding: 15px 0px 45px 10px;}
.city ul li {color: #b4b4b4; font-size: 14px; line-height: 24px;}

.block-form {position: relative; float: left; width: 100%; padding-top: 45px; padding-bottom: 120px;}
.block-form h3 {color:#fff;}
.block-form p {color:#b4b4b4; padding: 22px 0px 30px;}
.form-contact {width: 100%; position: relative; float: left; text-align: center;}

.input-field {background: #222; height: 45px; width: 100%; font-size: 13px; line-height: 28px; position: relative; float: none; display: inline-block; border: 1px solid #222; margin: 10px 0px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.form-contact label {font-size: 13px; line-height: 28px; font-weight: 400; width: 110px; float: left; position: relative; padding-top: 7px;}
.input-field input {background: none; height: 45px;font-size: 13px; line-height: 28px; position: relative; border: none;padding-left: 10px; float: left;}
.input-field label.color {color:#ff9c00;}
.input-field input:focus {color: #ff9c00;}
.input-field.bg {background: none; outline: 2px solid #ff9c00; outline-offset: -2px; color: #ff9c00;}

.form-contact textarea {background: #222; color:#fff; width: 100%; height: 190px; font-size: 13px; line-height: 28px; border: 1px solid #222; margin:10px 0px; padding: 10px 20px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}

.form-contact textarea:focus {border: 2px solid #ff9c00; background:none; color:#ff9c00!important;}
textarea:-webkit-input-placeholder {color: #fff!important;}
textarea:-moz-placeholder {color: #fff!important;}
.form-contact .drop {margin: 10px 0px; height: 45px;}
.form-contact .drop input[type="text"] {position: relative; float: left; height: 45px; padding-left:20px;}
.form-contact .drop span {top:0px;}
.form-contact .drop span a {padding: 15px 0px 0px 20px; height: 45px;}
.email span {background:url(../img/button_white.png) repeat-x; }
.form-contact .email {float: right; padding-right: 40px; padding-top: 14px;}
.form-contact .email:hover .main-button {margin-right: -40px;}

.drop {float: none; position: relative; display: inline-block; margin: 50px 0 45px; height: 40px; z-index:3000; width: 100%;}
.drop input[type="text"] {position:absolute; width: 100%; height: 45px; background: #262626; padding-left: 15px; border: none; font-size: 13px; cursor: pointer;}
.drop .drop-list{position:absolute; left:0px; top:0px; width:100%; height:100%; background: url(../img/arrow.png) no-repeat 96% 64%;}
.drop input.bg-in {background: #262626; color: #fff; border:none;}
.drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 5000;}
.drop span a.bg-out {background: #fff; color: #545454;}
.drop span a {color: #fff; background: #262626; font-size: 13px; font-weight: 400; float: left; position: relative; width: 100%;  height: 45px; text-decoration: none; text-align: left; padding: 13px 0 0 15px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000;}
.drop span a:hover {background: #121212;}

.gm-style .gm-style-cc span {display: none;}
.gm-style .gm-style-cc a {display: none;}
.map-canvas {position: relative; float: left; width: 100%; height: 500px;}