/*

Name site - desc site

Version:    1
Author:     Michael Volosunov
Contact:    volosunovmike@gmail.ru
Website:    http://volosunov.esy.es/
Facebook:   https://www.facebook.com/profile.php?id=100001614692110
VK:         http://vk.com/id52013225
Skype:      mihey_vol4ara
fl.ru:      https://www.fl.ru/users/mihey_vol4ara/


If I could help you, and you have something to share with me - write to me. I will be glad to new acquaintances and advice: 
SKYPE: mihey_vol4ara.
If significantly helped in the development, not against donations by WMR - R107283121914 :)


Copyright (c) 2015 Michael Volosunov

*/

/* ==========================================================================
   Table Of Content
   ========================================================================== 
   
1. General
2. Site header
.Site footer
.Medium devices (desktops, 992px and up)
.Small devices (tablets, 768px and up)


*/   
   

/* ==========================================================================
   1.General
   ========================================================================== */
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:none;}
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,  
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
	vertical-align: baseline; 
	font-family: inherit; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	outline: 0; 
	padding: 0; 
	margin: 0; 
	border: 0;  } 
/* remember to define focus styles! */ 
:focus {outline: 0;} 
body {line-height: 1;color: black;} 
ol, ul {list-style: none;} 
/* tables still need cellspacing="0" in the markup */ 
table {border-collapse: separate;border-spacing: 0;} 
caption, th, td {font-weight: normal;text-align: left;} 
/* remove possible quote marks (") from <q> & <blockquote> */ 
blockquote:before, blockquote:after, q:before, q:after {content: "";} 
blockquote, q {quotes: "" "";}
/*сброс стилей*/

/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "OpenSansRegular";
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansLight"; */
@font-face {
    font-family: "OpenSansLight";
    src: url("../fonts/OpenSansLight/OpenSansLight.eot");
    src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
    url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansItalic"; */
@font-face {
    font-family: "OpenSansItalic";
    src: url("../fonts/OpenSansItalic/OpenSansItalic.eot");
    src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
    url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansBold"; */
@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/OpenSansBold/OpenSansBold.eot");
    src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansExtraBold"; */
@font-face {
    font-family: "OpenSansExtraBold";
    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansExtraBoldItalic"; */
@font-face {
    font-family: "OpenSansExtraBoldItalic";
    src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
    src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansBoldItalic"; */
@font-face {
    font-family: "OpenSansBoldItalic";
    src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
    src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansRegularItalic"; */
@font-face {
    font-family: "OpenSansRegularItalic";
    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansSemiBold"; */
@font-face {
    font-family: "OpenSansSemiBold";
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
    font-family: "OpenSansSemiBoldItalic";
    src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
    src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {
	overflow-x: hidden;
    overflow: visible;
}
.g-hidden {
	display: none;
}

.wrapper {
	max-width: 1920px;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
}
a, input[type="submit"], .btn {
	cursor: pointer;
	transition:0.5s;
}
input[type="text"]{
	transition:0.5s;
}
/*Цвет placeholder текста*/
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}
:-moz-placeholder           {color:#fff;}
:-ms-input-placeholder      {color:#fff;}

/*А если placeholder не вмещается?*/
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}  

/*Как скрыть placeholder при фокусе?*/
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

.wrap {
	width: 1200px;
	margin: 0 auto;
}
.wrap_a, .wrap_center {
	width: 100%;
	float: left;
}

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

header,section,footer,nav{
	float: left;
	width: 100%;
}

@keyframes rotate {
  100% {
    transform: rotateY(360deg);
  }
}

/* ==========================================================================
PRELOADER
========================================================================== */
    
.volosunov {
    position: fixed; left: 0; top: 0; right: 0;  bottom: 0;
    /*background: #f1f2f6;*/
    background: #fff;
    z-index: 100500;
}
.volosunov .spinner {
/*    width: 48px;
    height: 48px;*/
    position: absolute; left: 50%; top: 50%;
    /*background: url('../img/spinner.gif') no-repeat 50% 50%;*/
    /*margin: -24px 0 0 -24px;  */

/*    background: url(../img/logo_footer_advokat.png) no-repeat center;
    width: 184px;
    height: 168px;
    margin: -84px 0 0 -92px */
    
    background: url(../img/adokat_preloader.svg)  no-repeat center;;
    width: 250px;
    height: 250px;
    margin: -125px 0 0 -125px;
}

.sprites {
    display: block;
    background: url(../img/sprites.png) no-repeat; 
}

.head_text {
    width: 380px;
    margin: 70px auto 45px;
    overflow: hidden;
}
.head_text .circle {
    width: 72px;
    height: 72px;
    border: 6px solid #fff;
    border-radius: 100%;
    color: #fff;
    position: relative;
    /*margin-right: 25px;*/
    float: left;
}
.head_text .circle span {
    font: 14px 'OpenSansBold';
    position: absolute;
    top: 10px;
    left: 10px;
}
.head_text .circle .num {
    font: 35px/62px 'OpenSansBold';
    text-align: center;
}
.head_text > p {
    font: 46px/72px 'OpenSansBold';
    color: #fff;
    float: left;
    margin-left: 25px;
}
.head_text .line {
    width: 272px;
    height: 7px;
    background: #a4aab3;
    float: right;
    margin-right: 20px;
}

.desc {
    font: 14px/26px 'OpenSansRegular';
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
}

/* ==========================================================================

========================================================================== */

header {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #a6b0b6;
    padding: 40px 0;
    z-index: 2;
}
header .logo {
    float: left;
}
header .block_phone {
    float: right;
    position: relative;
    padding-top: 8px;
}
header .block_phone .ico_phone {
    background-position: -74px 0;
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 12px 0 0;
}
header .block_phone p {
    font: 23px/23px 'OpenSansRegular';
    color: #fff;
}
header .block_phone p a {
    font-family: 'OpenSansBold';
    color: #fff;
}

	
.general {
    height: 1074px;
    background: url(../img/bg_general.jpg) no-repeat center;
    position: relative;
}
.general .wrap {
    position: relative;
}


.general h1 {
    color: #ffd015;
    font: 35px/45px 'OpenSansBold';
    width: 100%;
    text-align: center;
    float: left;
    margin: 204px auto 45px;
}
.general .desc   {
    color: #fff;
    font: 13px/23px 'OpenSansRegular';
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 35px;
}
.general .wrap_center {}
.general .wrap_center .column {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}
.general .wrap_center .btn_phone{
    border: 4px solid #ffd015;
    width: 292px;
    height: 60px;
    color: #ffd015;
    font: 14px/53px 'OpenSansRegular';
    text-align: center;
    border-radius: 5px;
    /*margin: 0 auto;*/
    float: right;
    margin-right: 35px;
}
.general .wrap_center .btn_phone span {
    font-family: 'OpenSansBold';
}
.general .wrap_center .btn_quote{
    width: 292px;
    height: 60px;
    background: #ffd015;
    border-radius: 5px;
    border:none;
    border-bottom: 3px solid #a49035;
    outline: none;
    color: #42484c;
    font: 14px/61px 'OpenSansBold';
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-left: 35px;
}

.general .video {
    /*position: absolute;*/
    width: 1115px;
    height: 715px;
    background: url(../img/mac.png) no-repeat center;
    margin: 0 auto;
    margin-left: -80px;
}
.general .video iframe{
    display: block;
    width: 942px;
    height: 565px;
    margin: 40px 0 0 86px;
    float: left;
}

.info {
    background: #fff;
    padding: 280px 0 0;
    width: 100%;
    float: left;
}

.info .block {
    /*background: red;*/
    margin-bottom: 150px;
    overflow: hidden;
}
.info .block:last-child {
    margin-bottom: 100px;
}

.info .title {
    font: 27px/27px 'OpenSansRegular';
    color: #4f4f4f;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}
.info p {
    font: 13px/28px 'OpenSansRegular';
    color: #4f4f4f;
    text-align: justify;
    width: 100%;
}
.info .img {
    padding-top: 20px;
}
.info .img img {
    display: block;
    margin: 0 auto;
}

.boss {
    height: 268px;
    padding: 40px 0 0;
    background: url(../img/bg_boss.jpg) no-repeat center;
}

.boss p {
    font: 13px/28px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 25px;
}
.boss .wrap_center {}
.boss .wrap_center .column {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}
.boss .wrap_center .btn_phone{
    border: 4px solid #ffd015;
    width: 230px;
    height: 61px;
    color: #ffd015;
    font: 14px/53px 'OpenSansRegular';
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 15px;
}
.boss .wrap_center .btn_phone span {
    font-family: 'OpenSansBold';
}
.boss .wrap_center .btn_quote{
    width: 230px;
    height: 61px;
    background: #ffd015;
    border-radius: 5px;
    border:none;
    border-bottom: 3px solid #a49035;
    outline: none;
    color: #42484c;
    font: 14px/61px 'OpenSansBold';
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-left: 15px;
}



.boss img {
    margin-top: -108px;
}

footer {
    height: 797px;
    background: url(../img/bg_footer.jpg) no-repeat center;
    position: relative;
}

footer .column1 {
    float: left;
    height: 705px;
    padding: 90px 0 0;
    width: 50%;
}

footer .column1 .container {
    width: 470px;
    float: right;
}
footer .column2 {
    float: right;
    height: 797px;
    width: 50%;
    /*background: red;*/
    position: relative;
}
footer .column2 .adres {
    height: 440px;
    padding: 90px 0 0 70px;
    float: left;
    width: 100%;
    background: rgba(51,92,126,0.9);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
footer .column2 .container {
    width: 470px;
    float: left;
}
footer .column2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 797px;
    z-index: 1;
}


footer h1 {
    font: 27px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 55px;
}
footer form {
    width: 380px;
}
footer form ul {}
footer form ul li {
    position: relative;
}
footer form ul li input[type="text"]{
    width: 380px;
    height: 55px;
    background: #353f46;
    padding: 0 27px;
    color: #fff;
    font: 14px 'OpenSansItalic';
    margin-bottom: 20px;
    border: none;
}
footer form ul li textarea{
    width: 380px;
    height: 110px;
    resize:none;
    background: #353f46;
    padding: 24px 27px;
    color: #fff;
    font: 14px 'OpenSansItalic';
    margin-bottom: 30px;
    border: none;
}
footer form ul li button{
    width: 100%;
    display: block;
    height: 64px;
    background: #ffd015;
    border-radius: 5px;
    border:none;
    border-bottom: 3px solid #a49035;
    outline: none;
    color: #42484c;
    font: 14px 'OpenSansBold';
}
footer form ul li .req{
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    color: #ffd015;
    font: 18px 'OpenSansBold';
}
footer p.copy {
    color: #525f68;
    font: 12px 'OpenSansRegular';
}

footer .contact {}
footer .contact ul {}
footer .contact ul li {
    margin-bottom: 35px;
}
footer .contact ul li .img {
    float: left;
    width: 43px;
}
footer .contact ul li .img .ico_phone {
    background-position: -46px 0px;
    width: 26px;
    height: 26px;
}
footer .contact ul li .img .ico_mail {
    background-position: -20px 0px;
    width: 23px;
    height: 23px;
}
footer .contact ul li .img .ico_local {
    background-position: 0px 0px;
    width: 20px;
    height: 33px;
}
footer .contact ul li p {
    font: 15px 'OpenSansRegular';
    color: #fff;
}
footer .contact ul li p a {
    color: #fff;
    font-family: 'OpenSansBold';
}
footer .contact ul li p span {
    font-family: 'OpenSansBold';
}
footer .copy {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    padding: 30px 0;
    border-top: 1px solid #36444e;
}
footer .copy p {
    color: #525f68;
    font: 12px 'OpenSansRegular';
    width: 445px;
    float: right;
}


.modal {
    position: relative;
    background: url(../img/bg_footer.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 50px 30px;
}
.modal .modal_close {
    position: absolute;
    top: 4px;
    right: 10px;
    font: 20px 'OpenSansBold';
    color: #fff;
    cursor: pointer;
}
.modal p {
    color: #ffd015;
font: 35px/45px 'OpenSansBold';
margin: 0 auto 20px;
text-align: center;
}
.modal form {
    width: 380px;
}
.modal form ul {}
.modal form ul li {
    position: relative;
}
.modal form ul li input[type="text"]{
    width: 380px;
    height: 55px;
    background: #353f46;
    padding: 0 27px;
    color: #fff;
    font: 14px 'OpenSansItalic';
    margin-bottom: 20px;
    border: none;
}
.modal form ul li textarea{
    width: 380px;
    height: 110px;
    resize:none;
    background: #353f46;
    padding: 24px 27px;
    color: #fff;
    font: 14px 'OpenSansItalic';
    margin-bottom: 30px;
    border: none;
}
.modal form ul li button{
    width: 100%;
    display: block;
    height: 64px;
    background: #ffd015;
    border-radius: 5px;
    border:none;
    border-bottom: 3px solid #a49035;
    outline: none;
    color: #42484c;
    font: 14px 'OpenSansBold';
}
.modal form ul li .req{
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    color: #ffd015;
    font: 18px 'OpenSansBold';
}

.success {
    max-width: 500px;
}
.success h1 {
    color: #ffd015;
font: 35px/45px 'OpenSansBold';
margin: 0 auto 20px;
text-align: center;}
.success p {
    color: #fff;
    font: 18px 'OpenSansRegular';
}
.success p span {
    font-family: 'OpenSansBold';
    color: #ffd015;
}


@media screen and (max-width: 1200px) {
    .general .video {
        width: 990px;
        height: 630px;
        margin-left: -24px;
        background-size: 100% 100%;
    }
    .general .video iframe {
        width: 835px;
        height: 497px;
        margin: 34px 0 0 77px;
    }

    
}

@media screen and (max-width: 800px) {
    .general {
        background: green;
    }
}

@media screen and (max-width: 750px) {
    .general {
        background: orange;
    }
}
@media screen and (max-width: 720px) {
    .general {
        background: red;
    }
}

@media screen and (max-width: 700px) {
    .general {
        background: blue;
    }
}