/*

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: 960px;
	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: 960px;
	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: 23px/46px 'OpenSansBold';
    color: #fff;
    float: left;
    margin-left: 25px;
}
.head_text > h2 {
    font: 23px/46px '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: 45px;
    left: 0;
    z-index: 2;
    height: 58px;
    width: 100%;
}
header .container {
    width: 960px;
}
header .logo {
    float: left;
    width: 220px;
}
header .contact {
    color: #fff;
    float: right;
    width: 300px;
}
header .contact span {
    font: 19px/50px 'OpenSansLight';
}
header .contact .tel {
    color: #fff;
    font: 28px/58px 'OpenSansBold';
}

.general {
	height: 715px;
	background: url(../img/general.jpg) no-repeat center;
    text-align: center;
}
.general .title {
    color: #34a2f7;
    font: 46px/46px 'OpenSansBold';
    margin: 210px auto 10px;
}
.general .wrap_center {}
.general .line {
    background: #1f6295;
    height: 7px;
    margin: 0 auto;
    width: 300px;
    margin: 0 auto 45px;
}
.general .desc {
    font: 14px/26px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 30px;
}
.general .btn {
    text-transform: uppercase;
    font:16px/70px 'OpenSansBold';
    height: 70px;
    text-align: center;
    background: #0b8ff6;
    color: #fff;
    display: block;
    margin-bottom:130px;
    position: relative;
    display: inline-block;
    border: none;
    background: #0b8ff6;
    position: relative;
    overflow: hidden;
}


.general .btn:before {
    content: '';
    background: #206397;
    width: 800px;
    height: 600px;
    position: absolute;
    -webkit-transform: translate(-1000px, -400px) rotate(130deg);
    transform: translate(-1000px, -400px) rotate(130deg);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}
.general .btn:after {
    content: attr(data-word);
    position: relative;
    z-index: 100;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-weight: 200;
}

.general .btn:hover:before {
    -webkit-transform: translate(-200px, -400px) rotate(130deg);
    transform: translate(-200px, -400px) rotate(130deg);
}

.general .btn_video .scroll {
    width: 160px;
    margin: 0 auto;
    display: block;
}
.general .btn_video .scroll .img {
    height: 38px;
    width: 38px;
    background: #0b8ff6;
    text-align: center;
    border-radius: 100%;
    /*border: 4px solid rgba(255,255,255,0.5);*/
    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
    float: left;
    transition:0.5s;
}
.general .btn_video .scroll .img i {
    display: block;
    width: 13px;
    height: 18px;
    background-position: 0px 0px;
    display: block;
    margin: 10px 0 0 14px;
}
.general .btn_video .scroll p {
    font: 14px/40px 'OpenSansBold';
    color: #fff;
    transition:0.5s;
    float: right;
}
.general .btn_video .scroll h2 {
    font: 14px/40px 'OpenSansBold';
    color: #fff;
    transition:0.5s;
    float: right;
}
.general .btn_video:hover .scroll .img {
    background: #206397;
}
.general .btn_video:hover .scroll p {
    color: #0b8ff6;
}
.general .btn_video:hover .scroll h2 {
    color: #0b8ff6;
}

.hire {
	height: 825px;
	background: url(../img/bg_hire.jpg) no-repeat center;
    text-align: center;
    color: #fff;
}
.hire .title {
    font: 39px/39px 'OpenSansBold';
    margin-top: 60px
}
.hire .desc {
    font: 39px/40px 'OpenSansLight';
    margin-bottom: 82px;
}
.hire iframe {
    width: 712px;
height: 550px;

}


.map {
    /*height: 840px;*/
	height: 900px;
    /*background: #485566 url(../img/bg_map2.png) no-repeat center 422px;*/
	background: #485566 url(../img/bg_map3.png) no-repeat center bottom;
}
.city {
	height: 843px;
	background: url(../img/bg_city.jpg) no-repeat center;
    position: relative;
}
.city .head_text {
    width:  520px;
    margin: 75px auto 45px;
}
.city .head_text .circle {
    border-color:#485566;
    color: #485566;
}
.city .head_text .circle span {
    font: 14px 'OpenSansBold';
}
.city .head_text .circle .num {
    font: 35px/62px 'OpenSansBold';
}
.city .head_text > p {
    color: #485566;
}
.city .head_text > h2 {
    color: #485566;
}
.city .head_text .line {
    width:334px;
    background: #a0a2a3;
    margin-right: 70px;
}
.city .desc {
    color: #485566;
}
.city .man {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -182px;
}
.keywords {
	height: 843px;
	background: url(../img/bg_keywords.jpg) no-repeat center;
}
.keywords .head_text {
    width:  325px;
}
.keywords .head_text .circle {
    border-color:#34a2f7;
    color: #34a2f7;
}
.keywords .head_text .circle span {
    font: 14px 'OpenSansBold';
}
.keywords .head_text .circle .num {
    font: 35px/62px 'OpenSansBold';
}
.keywords .head_text > p {
    color: #34a2f7;
}
.keywords .head_text > h2 {
    color: #34a2f7;
}
.keywords .head_text .line {
    width:210px;
    background: #89c0eb;
    margin-right: 25px;
}
.keywords .desc {
    color: #485566;
}
.report {
	height: 843px;
	background: url(../img/bg_report.jpg) no-repeat center;
}
.report .head_text {
    width:  330px;
}
.report .head_text .circle {
    border-color:#fff;
    color: #fff;
}
.report .head_text .circle span {
    font: 14px 'OpenSansBold';
}
.report .head_text .circle .num {
    font: 35px/62px 'OpenSansBold';
}
.report .head_text > p {
    color: #fff;
}
.report .head_text > h2 {
    color: #fff;
}
.report .head_text .line {
    width:190px;
    background: #96c5cb;
    margin-right: 40px;
}
.report .desc {
    color: #fff;
    margin-bottom: 145px;
}
.report img {
    display: block;
    margin: 0 auto;
    max-width: 85%;
width: 100%;
}
.contacts {
	height: 605px;
	background: #2e3844;
    text-align: center;
    padding: 55px 0 0;
    padding: 105px 0 0;
}
.contacts .title {
    color: #34a2f7;
    font: 46px/46px 'OpenSansBold';
    /*margin-bottom: 50px;*/
    margin-bottom: 20px;
}
.contacts .line {
    background: #1d649e;
    width: 245px;
    height: 7px;
    margin: 0 auto 45px;
}
.contacts .desc {}
.contacts p {
    font: 14px/26px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 40px;
}
.contacts h2 {
    font: 14px/26px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 40px;
}
.contacts p span {
    font-family: 'OpenSansBold';
    color: #34a2f7;

}
.contacts h2 span {
    font-family: 'OpenSansBold';
    color: #34a2f7;

}
.contacts iframe {
    height: 310px;
    width: 100%;
}
footer {
	height: 590px;
	background: #303a47 url(../img/map.png) no-repeat center top;
    padding: 90px 0 0 0;
}
footer .column1 {
    float: left;
}
footer .block {
    border-radius: 5px;
    border: 3px solid #556272;
    overflow: hidden;
    margin-bottom: 65px;
}
footer .block ul {
    padding: 40px 0 0 40px;
}
footer .block ul li {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
footer .block ul li .tel {
    font: 27px 'OpenSansBold';
    color: #fff;
    margin-bottom: 10px;
}
footer .block ul li .img {
    float: left;
    margin-right: 15px;
}
footer .block ul li .img .ico_mail {
    width: 18px;
    height: 14px;
    background-position: -13px 0px;
}
footer .block ul li .img .ico_local {
    width: 16px;
    height: 21px;
    background-position: -31px 0px;
}
footer .block ul li a {
    color: #fff;
    float: left;
    font: 15px/15px 'OpenSansRegular';
}
footer .logo {
    margin-right: 25px;
}
footer .copy {
    font: 12px 'OpenSansRegular';
    color: rgba(255,255,255,0.5);
    padding: 10px 0 0 0;
    width: 120px;
}
footer .column2 {
    float: right;
}
footer .column2 form {}
footer .column2 form ul {}
footer .column2 form ul li {
    position: relative;
}
footer .column2 form ul li input[type="text"],
footer .column2 form ul li input[type="tel"],
footer .column2 form ul li input[type="email"] {
    display: block;
    width: 100%;
    padding: 0 35px 0 35px;
    height: 32px;
    font: 15px/32px 'OpenSansRegular';
    color: #fff;
    margin-bottom: 22px;
    border: none;
    border-bottom: 2px solid #989da3;
    background: none;
}
footer .column2 form ul li textarea {
    font: 15px/32px 'OpenSansRegular';
    color: #fff;
    background: none;
    border: none;
    border-bottom: 2px solid #989da3;
    margin-bottom: 38px;
    resize:none;
    width: 100%;
    padding: 35px 35px 35px;
}

footer .column2 form ul li input[type="text"]:focus,
footer .column2 form ul li input[type="tel"]:focus,
footer .column2 form ul li input[type="email"]:focus,
footer .column2 form ul li textarea:focus,
footer .column2 form ul li input[type="text"]:hover,
footer .column2 form ul li input[type="tel"]:hover,
footer .column2 form ul li input[type="email"]:hover,
footer .column2 form ul li textarea:hover {
    border-color: #34a2f7;
}

footer .column2 form ul li i {
    position: absolute;
    top: 6px;
    left: 5px;
}
footer .column2 form ul li .icousername {
    background-position: -47px 0px;
    width: 16px;
    height: 16px;
}
footer .column2 form ul li .icouserphone {
    background-position: -63px 0px;
    width: 17px;
    height: 17px;
}
footer .column2 form ul li .icousermail {
   background-position: -13px 0px;
width: 18px;
    height: 14px;
    top:8px;
}
footer .column2 form ul li .icousertext {
    background-position: -80px 0px;
    width: 18px;
    height: 18px;
}

footer .column2 form ul li button {
    background: #34a2f7;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 64px;
    font: 14px 'OpenSansBold';
    color: #fff;
    text-transform: uppercase;
    height: 70px;
    text-align: center;
    background: #0b8ff6;
    color: #fff;
    display: block;
    position: relative;
    display: inline-block;
    border: none;
    background: #0b8ff6;
    position: relative;
    overflow: hidden;
}

footer .column2 form ul li button:before {
    content: '';
    background: #206397;
    width: 800px;
    height: 600px;
    position: absolute;
    -webkit-transform: translate(-1000px, -400px) rotate(130deg);
    transform: translate(-1000px, -400px) rotate(130deg);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}
footer .column2 form ul li button:after {
    content: attr(data-word);
    position: relative;
    z-index: 100;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-weight: 200;
}

footer .column2 form ul li button:hover:before {
    -webkit-transform: translate(-200px, -400px) rotate(130deg);
    transform: translate(-200px, -400px) rotate(130deg);
}


.modal {
    width: 410px;
    background: #fff;
    overflow: hidden;
    text-align: center;
    padding: 55px 35px 50px;
    position: relative;
}
.modal p {
    font: 28px/28px 'OpenSansExtraBold';
    color: #34a2f7;
    margin-bottom: 60px;
}
.success p {
    line-height: 46px;
    margin-bottom: 0;
}
.modal h2 {
    font: 28px/28px 'OpenSansExtraBold';
    color: #34a2f7;
    margin-bottom: 60px;
}
.success h2 {
    line-height: 46px;
    margin-bottom: 0;
}
.modal form ul li {
    position: relative;
}

.modal form ul li input::-webkit-input-placeholder {color:#545454;}
.modal form ul li input::-moz-placeholder          {color:#545454;}
.modal form ul li input:-moz-placeholder           {color:#545454;}
.modal form ul li input:-ms-input-placeholder      {color:#545454;}
.modal form ul li textarea::-webkit-input-placeholder {color:#545454;}
.modal form ul li textarea::-moz-placeholder          {color:#545454;}
.modal form ul li textarea:-moz-placeholder           {color:#545454;}
.modal form ul li textarea:-ms-input-placeholder      {color:#545454;}

.modal form ul li input[type="text"],
.modal form ul li input[type="tel"],
.modal form ul li input[type="email"] {
    display: block;
    width: 100%;
    padding: 0 55px 0 55px;
    height: 64px;
    font: 15px/32px 'OpenSansRegular';
    color: #545454;
    margin-bottom: 10px;
    border: none;
    background: #f1f1f1;
}
.modal form ul li input[type="text"]:focus,
.modal form ul li input[type="tel"]:focus,
.modal form ul li input[type="email"]:focus,
.modal form ul li textarea:focus,
.modal form ul li input[type="text"]:hover,
.modal form ul li input[type="tel"]:hover,
.modal form ul li input[type="email"]:hover,
.modal form ul li textarea:hover {
box-shadow: 0 0 4px 1px #34a2f7;
  outline: 0;
}
.modal form ul li textarea {
    font: 15px/64px 'OpenSansRegular';
    color: #545454;
background: none;
    border: none;
    margin-bottom: 25px;
    resize:none;
    width: 100%;
    background: #f1f1f1;
    padding: 35px 55px 55px;
}
.modal form ul li i {
    position: absolute;
    top: 25px;
    left: 25px;
}
.modal form ul li .icousername {
    background-position: -47px -24px;
    width: 16px;
    height: 16px;
}
.modal form ul li .icouserphone {
    background-position: -63px -24px;
    width: 13px;
    height: 13px;
    left: 28px;
    top: 25px;
}
.modal form ul li .icousermail {
    background-position: -13px -24px;
    width: 18px;
    height: 14px;
    top: 26px;
}
.modal form ul li .icousertext {
    background-position: -80px -22px;
    width: 18px;
    height: 18px;
}

.modal .modal_close {
    color: #000;
    position: absolute;
    top: 10px;
    right: 15px;
    font:20px 'OpenSansSemiBold';
    cursor: pointer;
}
.modal .modal_close:hover {
    -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  cursor: pointer;
}

.modal form ul li button {
    background: #34a2f7;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 64px;
    font: 14px 'OpenSansBold';
    color: #fff;
    text-transform: uppercase;
    height: 70px;
    text-align: center;
    background: #0b8ff6;
    color: #fff;
    display: block;
    position: relative;
    display: inline-block;
    border: none;
    background: #0b8ff6;
    position: relative;
    overflow: hidden;
    background: #34a2f7;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 64px;
    font: 14px 'OpenSansBold';
    color: #fff;
}

.modal form ul li button:before {
    content: '';
    background: #206397;
    width: 800px;
    height: 600px;
    position: absolute;
    -webkit-transform: translate(-1000px, -400px) rotate(130deg);
    transform: translate(-1000px, -400px) rotate(130deg);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}
.modal form ul li button:after {
    content: attr(data-word);
    position: relative;
    z-index: 100;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-weight: 200;
}

.modal form ul li button:hover:before {
    -webkit-transform: translate(-200px, -400px) rotate(130deg);
    transform: translate(-200px, -400px) rotate(130deg);
}


/*@media (max-width: 1200px)
@media (max-width: 980px)
@media (max-width: 800px)
@media (max-width: 665px)
@media (max-width: 410px)
@media (max-width: 380px)
@media (max-width: 320px)*/

@media screen and (max-width: 1200px){
    .report {
        height: 700px;
    }
/*    .report img {
        max-width: 100%;
    }*/
/*    .desc {
        font: 20px/26px 'OpenSansRegular';
    }*/
}

@media (max-width: 980px) {

}
@media (max-width: 800px) {

}
@media (max-width: 665px) {

}
@media (max-width: 410px) {

}
@media (max-width: 380px) {

}
@media (max-width: 320px) {

}