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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } 
body, input, button, textarea {font-family: 'Montserrat', sans-serif;}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?9609697');
  src: url('../font/fontello.eot?9609697#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?9609697') format('woff2'),
       url('../font/fontello.woff?9609697') format('woff'),
       url('../font/fontello.ttf?9609697') format('truetype'),
       url('../font/fontello.svg?9609697#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.logotype a {transition: all 300ms ease-in-out 0s;}
  .user-ico:before { font-family: 'fontello';} 
  .border2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  .clear:after {clear:both; display:block; content:'';} 
   .with2 {display:inline-block; float:left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);} 
  
  
body {color:#314c66;}  
body a {text-decoration:none; color:#314c66;}
.overflow_screen {min-height:570px; position:relative; background:url('../images/mainscreen.jpg') center top no-repeat; background-size:cover; overflow-x:hidden;}  
.overflow_screen:before {content:''; display:block; height:100%; width:100%;  position:absolute; left:0; top:0; bottom:0; z-index:2; background: rgba(2,99,204,1);
background: -moz-linear-gradient(left, rgba(2,99,204,1) 0%, rgba(2,99,204,0.21) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,99,204,1)), color-stop(100%, rgba(2,99,204,0.21)));
background: -webkit-linear-gradient(left, rgba(2,99,204,1) 0%, rgba(2,99,204,0.21) 100%);
background: -o-linear-gradient(left, rgba(2,99,204,1) 0%, rgba(2,99,204,0.21) 100%);
background: -ms-linear-gradient(left, rgba(2,99,204,1) 0%, rgba(2,99,204,0.21) 100%);
background: linear-gradient(to right, rgba(2,99,204,1) 0%, rgba(2,99,204,0.21) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0263cc', endColorstr='#0263cc', GradientType=1 );}
.overflow_screen header {position:absolute; left:0; top:0; width:100%; height:60px; z-index:20;}
.overflow_screen header.fixed_head {background:rgba(5,101,205,.9); position:fixed; left:0; top:0; z-index:21;}
.overflow_screen header div {text-align:center;}
.overflow_screen header div .logotype {display:inline-block; float:left; line-height:60px; font-weight:900; color:#fca828; font-size:20px; text-transform:uppercase;}
.overflow_screen header div .logotype:before {content:''; display:inline-block; line-height:60px; width:50px; display:inline-block; height:60px; vertical-align:top; background:url('../images/logo_first.png') center center no-repeat; background-size:35px;}
.overflow_screen header div .logotype em {color:#fff;}
.overflow_screen header div nav {display:inline-block;}
.overflow_screen header div nav a{text-transform:uppercase; font-size:13px; color:#fff; display:inline-block; padding:0 8px; line-height:60px; font-weight:800; transition: all 300ms ease-in-out 0s;}
.overflow_screen header div nav a:hover {color:#fec63b;}
.overflow_screen header div span {display:inline-block; float:right; line-height:60px;}
.overflow_screen header div span a {color:#fff; font-weight:900; font-size:17px; position:relative;}
.overflow_screen header div span a:before {width:50px; line-height:60px;  display:inline-block;  font-family: 'fontello'; content: '\e800'; font-size:14px;}
.overflow_screen header div span a:after {  
    animation: pulse 2s infinite;
    width: 40px;
    height:40px;
    border-radius: 50%;
    content: '';
    position: absolute;
	top: -10px;
    left: 4px;
	}
.overflow_screen header div span a strong {color:#fcad2c;}
.overflow_screen:after {content:''; display:inline-block; width:90%; height:100%; position:absolute; right:0; bottom:0; z-index:9; background:url('../images/family.png') center bottom no-repeat; max-width:832px; background-size:contain;}
.overflow_screen .content {padding-top:115px; position:relative; z-index:10;}
.overflow_screen header div:after,
.overflow_screen .content:after {content:''; display:block; clear:both;}
.overflow_screen .content div {display:inline-block; float:left; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); position:relative; z-index:10; padding-left:30px;}
.overflow_screen .content div:before {width:180px; height:260px; content:''; left:0; top:0; position:absolute; z-index:2; display:inline-block; background:url('../images/dot.png') left top repeat; opacity:.2;}
.overflow_screen .content div h1 {font-size:30px; font-weight:900; color:#fff; text-transform:uppercase; margin-bottom:35px; padding:60px 0 0 0;}
.overflow_screen .content div h1 strong {color:#fec63b;}
.overflow_screen .content div p{line-height:1.4; text-align:justify; font-size:12px; color:#fff; max-width:65%;}
.overflow_screen .content div a {width:255px; line-height:50px; transition: all 300ms ease-in-out 0s; color:#fff; font-weight:600; text-transform:uppercase; background: rgba(255,186,74,1);
background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 ); -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
-moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45); -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; display:inline-block; font-size:11px; text-align:center; position:relative; margin-top:30px;}
.overflow_screen .content div a:hover {-webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);
-moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76); box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);}
.overflow_screen .content div a:before {content: '\f2dc';  font-family: 'fontello'; color:#fff; font-weight:normal; line-height:50px; font-size:15px; margin-right:12px;}

#services {}
#services .article {margin:20px auto;}
#services .article .content .text ul:after,
#services .article:after {content:''; display:block; clear:both;}
#services .article .picture_block {display:inline-block; width:345px; float:left; position:relative;}
#services .article .picture_block img {display:block; width:100%; vertical-align:bottom;}
#services .article .picture_block:before {content:''; display:inline-block; width:326px; height:295px; background:url('../images/condition.png') bottom center no-repeat; position:absolute; right:-25px; bottom:-87px; z-index:11;}
#services .article .content {display:inline-block; width: -webkit-calc(100% - 345px); width: -moz-calc(100% - 345px); width: calc(100% - 345px); float:right;}
#services .article .content .text {padding:65px 0 0 75px;}
#services .article .content .text h2 {font-weight:900; text-transform:uppercase; font-size:28px; margin-bottom:35px;}
#services .article .content .text h2 strong {color:#fca627;}
#services .article .content .text p {line-height:1.6; font-size:12px; max-width:80%; text-align:justify;}
#services .article .content .text ul {margin:35px -14px 0 -14px;}
#services .article .content .text ul li {display:inline-block; float:left; width:33.3%; margin-bottom:14px;}
#services .article .content .text ul li div {background:#fff; border:1px solid rgba(0,0,0,.03);
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.19);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.19);-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; padding:12px 0 10px 50px; position:relative; margin:0 14px;}
#services .article .content .text ul li div i {display:inline-block; position:absolute; left:-10px; top:10px; width:40px; height:40px;
background: rgba(18,115,219,1);
background: -moz-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,115,219,1)), color-stop(100%, rgba(6,101,204,1)));
background: -webkit-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
background: -o-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
background: -ms-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
background: linear-gradient(to bottom, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1273db', endColorstr='#0665cc', GradientType=0 );
-webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
-moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19); -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; transition: all 300ms ease-in-out 0s;}
#services .article .content .text ul li:hover div i { top:-10px;}
#services .article .content .text ul li div i:before {width:40px; height:40px; position:absolute; left:0; top:0; content:'';}
#services .article .content .text ul li:nth-child(1) div i:before {background:url('../images/icon_001.png') center center no-repeat; background-size:34px;}
#services .article .content .text ul li:nth-child(2) div i:before {background:url('../images/icon_002.png') center center no-repeat; background-size:28px;}
#services .article .content .text ul li:nth-child(3) div i:before {background:url('../images/icon_003.png') center center no-repeat; background-size:28px;}
#services .article .content .text ul li:nth-child(4) div i:before {background:url('../images/icon_004.png') center center no-repeat; background-size:28px;}
#services .article .content .text ul li:nth-child(5) div i:before {background:url('../images/icon_005.png') center center no-repeat; background-size:23px;}
#services .article .content .text ul li:nth-child(6) div i:before {background:url('../images/icon_006.png') center center no-repeat; background-size:19px;}
#services .article .content .text ul li:nth-child(7) div i:before {background:url('../images/icon_007.png') center center no-repeat; background-size:30px;}
#services .article .content .text ul li:nth-child(8) div i:before {background:url('../images/icon_008.png') center center no-repeat; background-size:20px;}
#services .article .content .text ul li:nth-child(9) div i:before {background:url('../images/icon_009.png') center center no-repeat; background-size:30px;}
#services .article .content .text ul li div span {display: block; font-weight: 600; font-size: 13px; line-height: 1.3; height: 40px}

.areas_of_activity {position:relative; z-index:9; margin-top:-20px;}
.areas_of_activity .article:after {content:''; display:block; clear:both;}
.areas_of_activity .article {}
.areas_of_activity .article .block {display:inline-block;float:left; width:50%; text-align:center; }
.areas_of_activity .article .block.cold {background:url('../images/winter_background.jpg') top center no-repeat; background-size:cover;}
.areas_of_activity .article .block.hot {background:url('../images/hot_background.jpg') top center no-repeat; background-size:cover;}
.areas_of_activity .article .block div {display:inline-block; margin:80px 45px 45px 45px; background:rgba(255,255,255,.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22); padding:50px 0 30px 0; position:relative;}
.areas_of_activity .article .block.cold div i {    display: inline-block;
    position: absolute;
    left:50%; margin-left:-25px;
    top: -25px;
    width: 50px;
    height: 50px;
    background: rgba(18,115,219,1);
    background: -moz-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,115,219,1)), color-stop(100%, rgba(6,101,204,1)));
    background: -webkit-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -o-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: linear-gradient(to bottom, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1273db', endColorstr='#0665cc', GradientType=0 );
    -webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s;}
.areas_of_activity .article .block.hot div i {    display: inline-block;
    position: absolute;
    left:50%; margin-left:-25px;
    top: -25px;
    width: 50px;
    height: 50px;
background: rgba(255,186,74,1);
    background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 );
    -webkit-box-shadow: 0px 10px 15px 0px rgba(252,166,39,0.19);
    -moz-box-shadow: 0px 10px 15px 0px rgba(252,166,39,0.19);
    box-shadow: 0px 10px 15px 0px rgba(252,166,39,0.19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s;}

.areas_of_activity .article .block div i {}
.areas_of_activity .article .block div p a{color:#fca627; border-bottom:1px dotted #fca627;}
.areas_of_activity .article .block div p a:hover {border-bottom-color:transparent;}
.areas_of_activity .article .block div i:before {width:50px; height:50px; line-height:50px;   font-family: 'fontello'; font-size:24px; color:#fff;}
.areas_of_activity .article .block.cold div i:before {content: '\f2dc'; }
.areas_of_activity .article .block.hot div i:before {content: '\e802'; }
.areas_of_activity .article .block div span {display:block; text-transform:uppercase; color:#314c66; font-weight:700; margin-bottom:20px; font-size:12px;}
.areas_of_activity .article .block div p{font-size:12px; line-height:1.4; max-width:80%; display:inline-block;}

.double_block {margin:20px 0;}
.double_block .article:after {content:''; display:block; clear:both;}
.double_block .leftblock {display:inline-block; float:left; width:50%;}
.double_block .rightblock div,
.double_block .leftblock div {padding:45px 65px 0 65px;}
.double_block .rightblock div h3,
.double_block .leftblock div h3 {font-weight:900; color:#0665cc; line-height:1; font-size:20px; text-transform:uppercase; margin-bottom:25px;}
.double_block .rightblock div p,
.double_block .leftblock div p {line-height:1.4; font-size:12px; text-align:justify; margin-bottom:15px;}
.double_block .rightblock div a[href*="#contacts"],
.double_block .leftblock div a[href*="#contacts"] {text-align:center; width:190px; font-size:11px; text-transform:uppercase; font-weight:600; color:#fff; line-height:45px; 
background: rgba(18,115,219,1);
    background: -moz-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,115,219,1)), color-stop(100%, rgba(6,101,204,1)));
    background: -webkit-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -o-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: linear-gradient(to bottom, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1273db', endColorstr='#0665cc', GradientType=0 );
    -webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s; display:inline-block; margin-top:15px;}
	.double_block .rightblock div a[href*="#contacts"]:hover,
.double_block .leftblock div a[href*="#contacts"]:hover {    -webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.5);
    -moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.5);
    box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.5);}
.double_block .rightblock {display:inline-block; float:right; width:50%;}
.double_block .leftblock img,
.double_block .rightblock img {vertical-align:bottom; width:100%;}
.double_block .rightblock.secondary ul {margin:16px 0;}
.double_block .rightblock.secondary ul li {font-size:13px; line-height:40px; color:#172736; font-weight:700; margin:0 0 15px 0;}
.double_block .rightblock.secondary ul li i {background: rgba(255,186,74,1);
    background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 );
    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block; width:40px; height:40px; vertical-align:top; margin-right:10px; position:relative;}
	.double_block .rightblock.secondary ul li i:before {width:40px; height:40px; position:absolute; left:0; top:0; background:url('../images/icon_011.png') center center no-repeat; background-size:30px;  content:'';}
	.double_block .rightblock.secondary ul li:first-child i:before {background:url('../images/icon_010.png') center center no-repeat; background-size:26px;}	
	.double_block .rightblock.secondary ul li:last-child i:before {background:url('../images/icon_012.png') center center no-repeat; background-size:26px;}
.double_block .rightblock.secondary h3 {color:#314c66;}
.double_block .rightblock.secondary h3 strong {color:#fdb532; display:block;}
.double_block .leftblock.third h3 {color:#314c66;}
.double_block .leftblock.third h3 strong {color:#0565cd;}


#project {}
#project .article {}
#project .article ul {margin:20px -4px 5px -4px;}
#project .article ul:after {clear:both; content:''; display:block;}
#project .article ul li {display:inline-block; float:left; width:50%;}
#project .article ul li div {margin:4px; position:relative; overflow:hidden; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; display:block;}
#project .article ul li div:before {height:229px; width:100%; background:url('../images/services_layer.png') left bottom repeat-x; content:''; display:inline-block; position:absolute; left:0; bottom:0; z-index:2; }
#project .article ul li div img {display:block; width:100%; vertical-align:bottom;     transition: all 300ms ease-in-out 0s;}
#project .article ul li:hover div img {    transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); }
#project .article ul li div span {font-weight:800; font-size:19px; color:#fff; position:absolute; left:35px; bottom:20px; z-index:10; text-transform:uppercase;}
#project .article ul li:nth-child(2) div span em,
#project .article ul li:nth-child(1) div span em {color:#0565cd;}
#project .article ul li div span em {text-transform:uppercase; display:inline-block; position:relative;}
#project .article ul li div span:before {content:'01.'; display:inline-block; color:rgba(255,255,255,.2); font-size:40px; position:absolute; left:-18px; bottom:-10px;}
#project .article ul li:nth-child(2) div span:before {content:'02.';}
#project .article ul li:nth-child(3) div span:before {content:'03.';}
#project .article ul li:nth-child(4) div span:before {content:'04.';}
#project .article ul li:nth-child(3) div span,
#project .article ul li:nth-child(4) div span  {color:#fff;}
#project .article ul li:nth-child(3) div span em,
#project .article ul li:nth-child(4) div span em {color:#fdc23b;}
#project .article ul li div i {display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    background: rgba(18,115,219,1);
    background: -moz-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,115,219,1)), color-stop(100%, rgba(6,101,204,1)));
    background: -webkit-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -o-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: linear-gradient(to bottom, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1273db', endColorstr='#0665cc', GradientType=0 );
    -webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s; z-index:11;}
#project .article ul li:nth-child(3) div i,
#project .article ul li:nth-child(4) div i {background: rgba(255,186,74,1);
    background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 );
    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);}
#project .article ul li div i:before {content: '\f2dc';   font-family: 'fontello'; width:40px; line-height:40px; height:40px; color:#fff; position:absolute; left:0; top:0; text-align:center; font-size:18px;}
#project .article ul li:nth-child(3) div i:before,
#project .article ul li:nth-child(4) div i:before {content: '\e802';}

.why_choose_us {}
.why_choose_us .article {}
.why_choose_us .article:after {content:''; display:block; clear:both;}
.why_choose_us .article .leftblock {display:inline-block; float:left; width:50%; position:relative;}
.why_choose_us .article .leftblock span {font-weight:800; color:#314c66; font-size:21px; text-transform:uppercase; padding:14px 25px; position:absolute; right:0; bottom:0; background:#fff;}
.why_choose_us .article .leftblock span strong {color:#2681e3;}
.why_choose_us .article .leftblock img {vertical-align:bottom; width:100%;}
.why_choose_us .article .rightbock {display:inline-block; float:right; width:50%;}
.why_choose_us .article .rightbock ul {padding:40px 30px 0 30px;}
.why_choose_us .article .rightbock ul li {margin-bottom:40px;}
.why_choose_us .article .rightbock ul li div {padding-left:65px; margin-bottom:20px; position:relative;}
.why_choose_us .article .rightbock ul li div span {display:block; text-transform:uppercase; color:#314c66; font-size:14px; font-weight:800; margin-bottom:15px;}
.why_choose_us .article .rightbock ul li div p{line-height:1.4; font-size:11px; text-align:justify;}
.why_choose_us .article .rightbock ul li div i:before {content:''; display:inline-block; width:50px; height:50px; position:absolute; left:0; top:0; background:url('../images/icon_013.png') center center no-repeat; background-size:28px;}
.why_choose_us .article .rightbock ul li:first-child div i:before {background:url('../images/icon_014.png') center center no-repeat; background-size:28px;}
.why_choose_us .article .rightbock ul li:last-child div i:before {background:url('../images/icon_015.png') center center no-repeat; background-size:28px;}
.why_choose_us .article .rightbock ul li div i{display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background: rgba(18,115,219,1);
    background: -moz-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,115,219,1)), color-stop(100%, rgba(6,101,204,1)));
    background: -webkit-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -o-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    background: linear-gradient(to bottom, rgba(18,115,219,1) 0%, rgba(6,101,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1273db', endColorstr='#0665cc', GradientType=0 );
    -webkit-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -moz-box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    box-shadow: 0px 10px 15px 0px rgba(1,98,203,0.19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s; z-index:11;}
#faq {margin:20px 0;}
#faq .article {}
#faq  .title-block {background:url('../images/faq_background.jpg') center top no-repeat; background-size:cover; text-align:center; padding:60px 0 70px 0;}
#faq  .title-block span {display:block; font-size:22px; color:#fff; font-weight:900; margin-bottom:12px; text-transform:uppercase;}
#faq  .title-block span em {color:#fdc23b;}
#faq  .title-block p {line-height:1.3; color:rgba(255,255,255,.6); font-size:12px;}
#faq  .title-block a {display:inline-block; border:1px solid rgba(255,255,255,.2); line-height:45px; color:#fff; font-weight:600; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 28px; transition: all 300ms ease-in-out 0s; margin-top:14px; font-size:13px;}
#faq  .title-block a:before { font-family: 'fontello';  content: '\e800'; font-weight:normal; font-size:12px; color:#fdc23b; margin-right:8px;}
#faq  .title-block a:hover:before {color:#fff;}
#faq  .title-block a:hover {border-color:#fdc23b; background:#fdc23b; color:#fff;}
.questions_list {position:relative; z-index:11; margin:-20px 8px 0 8px;}
.questions_list li {margin-bottom:14px;}
.questions_list li .item {background:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22); padding:15px 15px 15px 40px;}
.questions_list li .item span {display:block; font-weight:700; line-height:1.4; position:relative; font-size:13px; text-transform:uppercase; cursor:pointer;}
.questions_list li .item span:before {height:25px; width:45px; position:absolute; left:-40px; top:0;  font-family: 'fontello'; content: '\e803'; text-align:center;}
.questions_list li .item div { transition: all 300ms ease-in-out 0s; padding-top:0px; border-top:1px solid rgba(0,0,0,0); margin-top:0px; max-height:0px; overflow:hidden;}
.questions_list li .item div p{line-height:1.6; font-size:12px;}
.questions_list li .item.clicked div {padding-top:12px; border-top:1px solid rgba(0,0,0,.1); margin-top:12px; max-height:600px;}
.questions_list li .item.clicked span:before  {content: '\e804';}

#contacts {background:url('../images/background_prefooter.jpg') top center no-repeat; background-size:cover; padding:70px 0;}
#contacts .article {}
#contacts .article .sidebar .content ul:after,
#contacts .article:after {content:''; display:block; clear:both;}
#contacts .article .sidebar {display:inline-block; float:left; width:50%;}
#contacts .article .sidebar .content {padding-top:95px;}
#contacts .article .sidebar .content h4 {font-size:25px; text-transform:uppercase; color:#fff; margin-bottom:25px; font-weight:700;}
#contacts .article .sidebar .content h4 strong {font-weight:000; color:#fdbc37;}
#contacts .article .sidebar .content p {line-height:1.4; font-size:12px; text-align:justify; margin-bottom:20px; color:rgba(255,255,255,.6);}
#contacts .article .sidebar .content ul {margin:35px -6px 0 -6px;}
#contacts .article .sidebar .content ul li {display:inline-block; float:left; width:33.3%;}
#contacts .article .sidebar .content ul li div {margin:6px; border:1px solid rgba(255,255,255,.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-left:70px; position:relative; color:#fff; font-size:10px; text-transform:uppercase; line-height:1.4; padding-top:15px; min-height:40px;}
#contacts .article .sidebar .content ul li div:before {width:60px; height:50px; position:absolute; left:0; top:0;   content:''; display:inline-block; background:url('../images/icon_017.png') center center no-repeat; background-size:22px;}
#contacts .article .sidebar .content ul li:first-child div:before {background:url('../images/icon_016.png') center center no-repeat; background-size:27px;}
#contacts .article .sidebar .content ul li:last-child div:before {background:url('../images/icon_018.png') center center no-repeat; background-size:22px;}
#contacts .article .sidebar .content ul li div em{font-weight:700; display:block;}
#contacts .article .form-block {display:inline-block; float:right; width:50%; text-align:center;}
.form_article {background:#fff; width:350px; padding:20px; -webkit-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22);
box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.22); display:inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:left;}
.form_article .title {}
.form_article .title span {display:block; font-weight:800; font-size:20px; color:#314c66; text-transform:uppercase; margin-bottom:12px;}
.form_article .title span strong {color:#2681e3;}
.form_article .title small {font-size:11px; line-height:1.3; text-align:justify; color:rgba(0,0,0,.7);}
.form_article #submit:hover {    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);}
.form_article #submit:focus {outline:none;}
.form_article #submit {
	cursor:pointer;
	border:0;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	width: 100%;
    line-height: 50px;
    transition: all 300ms ease-in-out 0s;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background: rgba(255,186,74,1);
    background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 );
    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    position: relative;
    margin-top: 10px;
}

footer {}
footer .overflow {border-bottom:1px solid rgba(0,0,0,.1);}
footer .overflow .content {position:relative;}
footer .overflow .content a[href*="#"] {width:35px; height:35px; text-align:center; line-height:35px; position:absolute; right:0; top:-18px;     background: rgba(255,186,74,1);
    background: -moz-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,74,1)), color-stop(100%, rgba(245,158,27,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    background: linear-gradient(to bottom, rgba(255,186,74,1) 0%, rgba(245,158,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba4a', endColorstr='#f59e1b', GradientType=0 );
    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.45);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
footer .overflow .content a[href*="#"]:hover {    -webkit-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);
    -moz-box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);
    box-shadow: 0px 10px 44px 0px rgba(252,166,39,0.76);}	
footer .overflow .content a[href*="#"]:before {content: '\e808';  font-family: 'fontello'; color:#fff; font-size:11px;}
footer .overflow .content:after {content:''; display:block; clear:both;}
footer .overflow .content .logotype {display: inline-block; float: left; line-height: 60px; font-weight: 900; color: #0162cb; font-size: 20px; text-transform: uppercase;}
footer .overflow .content .logotype em {color:#fca828;}
footer .overflow .content .logotype:before {content: ''; display: inline-block; line-height: 60px; width: 50px; display: inline-block; height: 60px; vertical-align: top; background: url(../images/logo_second.png) center center no-repeat; background-size: 35px;}
footer .overflow .content a {}
footer .overflow .content a[href*="tel:0714088429"],
footer .overflow .content a[href*="mailto:thor.tradingsa@gmail.com"] {font-weight:600; color:#314c66; font-size:14px; display:inline-block; float:right; line-height:60px;}
footer .overflow .content a[href*="tel:0714088429"]:hover,
footer .overflow .content a[href*="mailto:thor.tradingsa@gmail.com"]:hover {color:#fca627;}
footer .overflow .content a[href*="mailto:thor.tradingsa@gmail.com"] {margin-left:15px;}
footer .overflow .content a[href*="tel:0714088429"]:before {  display: inline-block; font-family: 'fontello'; content: '\e800'; font-size: 13px; color:#fca627; margin-right:12px;}
footer .overflow .content a[href*="mailto:thor.tradingsa@gmail.com"]:before {  display: inline-block; font-family: 'fontello';content: '\e806'; font-size: 13px; color:#fca627; margin-right:12px;}
footer .content small {display:inline-block; float:left; font-size:11px; color:rgba(0,0,0,.7); line-height:60px;}
footer .content nav {display:inline-block; float:right;}
footer .content nav a {display:inline-block; line-height:60px; color:#314c66; font-weight:600; font-size:11px; padding-left:14px; text-transform:uppercase;} 
footer .content nav a:hover {color:#fca627;}

.antibot {max-height:0px; overflow:hidden;}
.overflow_poles {}
.overflow_poles .pole {position:relative;margin:8px 0;}
.overflow_poles .pole:before {width:40px; height:40px; position:absolute; left:0; top:0; font-family: 'fontello'; font-size:12px; line-height:40px; text-align:center;}
.overflow_poles .pole.sername:before,
.overflow_poles .pole.user:before {content: '\e805';}
.overflow_poles .pole.phone:before {content: '\e800';}
.overflow_poles .pole.email:before {content: '\e806';}
.overflow_poles .pole.area:before {content: '\e807';}
.overflow_poles .pole.work:before {content: '\e807';}
.overflow_poles .pole input {line-height:38px; height:38px; border:1px solid rgba(0,0,0,.05); width: -webkit-calc(100% - 42px); width: -moz-calc(100% - 42px); width: calc(100% - 42px); padding-left:40px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 300ms ease-in-out 0s;}
.message_block div textarea:focus,
.overflow_poles .pole input:focus {outline:none; border-color:#0565cd;}
.message_block span {display:block; font-weight:600; font-size:12px; text-transform:uppercase; line-height:40px; cursor:pointer;}
.message_block span:before {font-family: 'fontello'; content: '\e803';margin-right:6px;}
.message_block div textarea{border:1px solid rgba(0,0,0,.05);  width: -webkit-calc(100% - 22px); width: -moz-calc(100% - 22px); width: calc(100% - 22px); padding:10px;}
.message_block div {transition: all 300ms ease-in-out 0s; max-height:0px; overflow:hidden;}
.message_block.visible div {max-height:120px;}

 /** Animation  **/
 .overflow_screen header div span a:after { -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 .overflow_screen .content,
 .overflow_screen:after,
 .overflow_screen header.fixed_head,
 .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } 
 .overflow_screen:after,
 .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } 
 .overflow_screen .content,
 .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 
.fadein { -webkit-animation-name: fadeIn; animation-name: fadeIn; }@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } 
.overflow_screen header.fixed_head,
.fadeInDown  { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0); box-shadow: 0 0 0 10px rgba(255,255,255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }
 
@media screen and (min-width:1720px) {
	.overflow_screen { min-height:720px;}
	.overflow_screen .content {padding-top:175px;}
}
@media screen and (min-width:1380px) {
	.overflow_screen:after {max-width:none; background-size:contain; width:50%}
	.overflow_screen {background:url('../images/mainscreen_big.jpg') center bottom no-repeat; background-size:cover;}
}

@media screen and (max-width:1200px) {
	footer .content,
	.article {padding-left:10px; padding-right:10px;}
		footer .overflow .content a[href*="#"] {right:12px;}
}
@media screen and (min-width:1200px) {
	.overflow_screen .content,
	.article,
	footer .content,
	.overflow_screen header div {padding-left:0; padding-right:0; max-width:1200px; margin-left:auto; margin-right:auto; }

}
@media screen and (max-width:1270px) {
 #services .article .content .text ul {margin-right:0;}
.overflow_screen header div {padding-left:12px; padding-right:12px;}
#project .article ul {margin-left:0; margin-right:0;}
}

@media screen and (max-width: 1100px) {
	.why_choose_us .article .rightbock,
	.why_choose_us .article .leftblock {display:block; float:none; width:100%;}
	.why_choose_us .article .leftblock {height:170px; background:url('../images/how_our_big.jpg') center bottom no-repeat; background-size:cover;}
	.why_choose_us .article .leftblock span {left:0; width:100%; text-align:center; background:none; padding:0; bottom:40px;}
	.why_choose_us .article .leftblock img {display:none;}
	#faq .article,
	.why_choose_us .article,
	.areas_of_activity .article{padding-left:0; padding-right:0;}
	.why_choose_us .article .rightbock ul li div p {padding-right:15px;}
}
@media screen and (max-width: 1060px) {
	#services .article .content .text {padding:25px 0 0 45px;}
	#services .article .content .text p {max-width:none; padding-right:12px;}
}
@media screen and (max-width: 1024px) {
	#services .article .picture_block:before {right:50px;}
	#services .article .content,
#services .article .picture_block {float:none; width:100%; display:block;}
#services .article .picture_block img {display:none;}
#services .article .picture_block {height:260px; background:url('../images/first-screen_big.jpg') center bottom no-repeat; background-size:cover;}
#services .article .content {margin-top:-180px; position:relative; z-index:10;}
#services .article .content .text p {max-width: -webkit-calc(100% - 385px); max-width: -moz-calc(100% - 385px); max-width: calc(100% - 385px);}
#services .article .content .text {padding-left:20px;}
.areas_of_activity .article .block div {min-height:160px;}
.double_block .rightblock div, .double_block .leftblock div {padding:20px 20px 0 20px;}
}
@media screen and (max-width: 1000px) {
	.overflow_screen:after {width:65%;}
	.overflow_screen .content div {margin-bottom:15px;}
	.overflow_screen .content {padding-top:80px;}
	.overflow_screen {min-height:450px;}
}
@media screen and (max-width: 960px) {
	#contacts {padding:20px 0;}
	#contacts .article .sidebar .content {padding-top:0;}
	#contacts .article .form-block,
	#contacts .article .sidebar {display:inline-block; float:none; width:100%;}
	.overflow_poles:after {content:''; display:block; clear:both;}
	.overflow_poles .pole {display:inline-block; float:left; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px);}
	.overflow_poles .pole.email,
	.overflow_poles .pole.work,
	.overflow_poles .pole.sername {float:right;}
	.form_article {width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); margin-top:20px;}
}
@media screen and (max-width: 920px) {
	.overflow_screen .content div {width: -webkit-calc(70% - 30px); width: -moz-calc(70% - 30px); width: calc(70% - 30px);}
	.overflow_screen:after {background-size:640px; width:100%; right:-280px;}
}
@media screen and (max-width: 860px) {
	#services .article .content .text p {max-width:none;}
	#services .article .picture_block:before {display:none;}
	.double_block .rightblock,
	.double_block .leftblock {display:block; width:100%; float:none;}
.double_block .rightblock.secondary ul:after{content:''; display:block; clear:both;}
.double_block .rightblock.secondary ul li {display:inline-block; float:left; margin-right:10px;}
	.double_block .leftblock img, .double_block .rightblock img {display:none;}
}
@media screen and (max-width: 780px) {
	.areas_of_activity .article .block {display:block; float:none; width:100%;}
	.areas_of_activity .article .block div  {min-height:auto; margin:40px 25px 25px 25px;}
}
@media screen and (max-width: 770px) {
	.overflow_screen:after {right:-220px;}
}
@media screen and (max-width: 750px) {
	.overflow_screen header div nav {display:none;}
}
@media screen and (max-width: 680px) {
	#project .article ul li {float:none; width:100%; display:block;}
	#project .article ul li div {margin:0;}
.why_choose_us .article .rightbock ul {padding:20px 0 0 12px;}
.overflow_screen:after {display:none;}
.overflow_screen .content div {width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px);}
.overflow_screen .content div p {max-width:95%;}
}
@media screen and (max-width: 660px) {
	#services .article .content .text ul li {width:50%;}
	#services .article .picture_block {height:170px;}
	#services .article .content {margin-top:-95px;}
	#services .article .content .text h2 {padding-bottom:15px; margin-bottom:0;}
	#services .article .content .text ul {margin-top:12px;}
}
@media screen and (max-width: 620px) {
	footer .overflow .content {text-align:center; padding-bottom:12px;}
	footer .overflow .content .logotype {display:block; text-align:center; width:100%; line-height:50px;}
	footer .overflow .content a[href*="tel:0714088429"], footer .overflow .content a[href*="mailto:thor.tradingsa@gmail.com"] {line-height:40px; margin:0 10px; float:none;}
	footer .content nav {display:block; width:100%; float:none; text-align:center;}
	footer .content nav a {line-height:40px; float:none;}
	footer .content small {display:block; float:none; text-align:center; line-height:30px;}
	.double_block .rightblock.secondary ul li {float:none; width:100%; display:block;}
	.double_block .rightblock.secondary ul li i:before,
	.double_block .rightblock.secondary ul li i {width:60px; height:60px;}
	.double_block .rightblock.secondary ul li:last-child i:before,
	.double_block .rightblock.secondary ul li:first-child i:before {background-size:37px;}
	.double_block .rightblock.secondary ul li i:before {background-size:45px;}
}
@media screen and (max-width: 560px) {
	 #services .article .content .text ul li:last-child {width:100%;}
}
@media screen and (max-width: 505px) {
	#contacts .article .sidebar .content ul {display:none;}
}
@media screen and (max-width: 480px) {
	#faq .title-block span {font-size:18px;}
}
@media screen and (max-width: 460px) {
	.overflow_poles .pole {width:100%; float:none; width:100%;}
	.overflow_screen .content div h1 {font-size:25px;}
}
@media screen and (max-width: 420px) {
	.overflow_screen header div span {width:50px;}
	.overflow_screen header div span a {white-space:nowrap;  }
	.overflow_screen header div span a:before {margin-right:20px;}
	#services .article .content .text ul li {display:block; float:none; width:100%;}
}
.hicovid {display:block; position:fixed; left:0; top:0; z-index:99; background:#ffd302; color:#000000; -webkit-box-shadow: 0px 3px 46px -26px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 46px -26px rgba(0,0,0,0.75); box-shadow: 0px 3px 46px -26px rgba(0,0,0,0.75); text-align:center; width:100%; right:0;  }   
.hicovid:after {content:''; display:block; clear:both;}
.title-covid {display:inline-block; float:left; font-weight:bold; font-size:40px; line-height:65px;}
.covid-text {display:inline-block; font-size:15px; padding-top:25px; max-width: -webkit-calc(100% - 365px); max-width: -moz-calc(100% - 365px); max-width: calc(100% - 365px);}
.call-block {display:inline-block; float:right; margin-top:13px;}
.call-block a {text-decoration:none; display:block; position:relative; padding-left:45px; line-height:35px; font-weight:bold; font-size:19px; color:#000;}
.call-block a i {width: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/phone.svg) center center no-repeat;
    background-size: 12px;
	
    content: '';
    height: 35px;}
    .overflow_screen {margin-top:65px;}
    .hicovid.hide {display:none;}
    .overflow_screen.removemargin {margin-top:0;}
	 
@media screen and (min-width: 1200px) {
.hicovid-inner { max-width: 1200px; margin-left: auto; margin-right: auto; display: block; padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 1180px) {
.hicovid-inner {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 720px) {
.covid-text {padding-top:15px;}
}
@media screen and (max-width: 580px) {
	.hicovid .close {display:inline-block; width:30px; height:30px; position:fixed; right:10px; top:10px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z'/%3E%3C/svg%3E") center/20px no-repeat; cursor:pointer;}
	    .header-block {margin-top:135px;}
	.call-block {    display: inline-block; float:none; margin-top:10px; margin-bottom:10px;}
	.hicovid {text-align:center;}
	.covid-text {max-width:100%;}
	.covid-text,
.title-covid {display:block; float:none; text-align:center;}
.title-covid {font-size:20px; line-height:20px; padding-top:15px;}
.call-block a {float:none;}
}