/*------------------ ------------------*/
/*                RESET                */
/*------------------ ------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
body{height: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
b,strong{font-weight: bold;}
img{color: transparent;font-size: 0;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;-ms-interpolation-mode: bicubic;}
ol,ul{list-style: none;}
li {display: list-item;}
table{border-collapse: collapse;border-spacing: 0;}
th,td,caption{font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before,q:after{content: '';content: none;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
.clr,.clear {display: block; clear: both;overflow: hidden;line-height: 0 !important;height: 0 !important;font-size: 0;margin: 0;padding: 0;}
.clearfix:before,.clearfix:after {content: ""; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

h2.swal2-title {line-height: 1.5em !important;}
/*------------------ ------------------*/
/*                 TEXT                */
/*------------------ ------------------*/
html {overflow-x: hidden;}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color:#000;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}
/*Headings*/
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
/*Spacing*/
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;font-weight: 300;}
p,dl,hr,ol,ul,pre,table,address,fieldset,figure {margin-top: 0;}

.hr-shadow {position: relative;overflow: hidden;height: 25px;}
.hr-shadow:after {position: absolute;content: '';z-index: 1;height: 20px;top: -20px;left: 50%;width: 100%;margin-left: -50%;-webkit-border-radius: 200px / 10px;-moz-border-radius: 200px / 10px;border-radius: 200px / 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.28);}

/*------------------ ------------------*/
/*                PLANB                */
/*------------------ ------------------*/

::selection {background: #4562AC;color: #fff;}
.white {color: #fff;}

/*ul li customization*/
  ul.style li, #block11 ul li, .page-full ul li, .blog-full .text ul li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;}
  ul.style li:before, #block11 ul li:before, .page-full ul li:before, .blog-full .text ul li:before {color: #49cb5c;position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}
/*ol li customization*/
  .page-full ol li, 
  .blog-full .text ol li {margin-bottom: 5px;list-style-type: none;padding-left: 20px;position: relative;}
  .page-full ol, .blog-full ol {counter-reset: myCounter;}
  .page-full ol li:before,
  .blog-full .text ol li:before{background:#49cb5c;counter-increment:myCounter;content:counter(myCounter);position:absolute;left:-14px;top:0;color:#fff;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}
  

/*Верстка*/
.main {max-width: 1220px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 10px;position: relative;}

input[type="text"], textarea {line-height: 30px;padding: 15px 25px;color: #222222;font-size: inherit;box-shadow: 0 0 5px #949ca2 inset;background: none;background-color: #fff;font-weight: 400;border-radius: 5px;border: 0;font-family: inherit;outline: none;width: 100%;margin-bottom: 20px;display: block;}
textarea {height: 150px;line-height: normal;resize: vertical;}

/* ------------- SECTIONS */
    .tar {text-align: right;}
    .tal {text-align: left;}
    .tac {text-align: center;}
    .icons {width: 30px;margin-left: 5px;display: inline-block;vertical-align: middle;}
    .pdfbr {margin: -15px 0 20px;display: block;}
    .red {color: red}
    .nowrap {white-space: nowrap}
   
    body {background: #E2E6E9;color: #0D1E29;letter-spacing: .2px;}
    a {font-weight:400;color: #4562AC;outline: none;text-decoration: none;}
    p {margin-bottom: 24px;font-weight: 300;}
    h2 {font-size: 48px;line-height: 56px;font-weight: 500;margin-bottom: 40px;}
    .fw300 {font-weight: 300;}
    .fw400 {font-weight: 400;}
    .tac {text-align: center;}

    .button {font-size: 18px;background: #4562AC;/* box-shadow: 0 0 30px #4c5263; */padding: 10px 20px;margin-bottom: 20px;color: #fff;display: inline-block;border-radius: 5px;transition: .5s;cursor: pointer;border: 0 !important;outline: 0 !important;}
    .button img {width: 20px;margin-right: 10px;vertical-align: middle;transform: translateY(-2px);display: inline-block;}
    
    .button-white {background: #E2E6E9;color: #000;}
    .button-white.effect:before {border-left: 100px solid rgba(255,255,255,0.35);box-shadow: -20px 30px 30px rgba(255,255,255,.5);}

#index {background: url(/assets/img/line-particles_1.png) 50% 50%/cover no-repeat;background-color: #0D1E29;position: relative;min-height: 100%;max-height: 100%;/* overflow: auto; */}
.vrazrabotke {color: #fff;}
.vrazrabotke:after {background: rgb(53 58 70 / 60%);display: block;content: '';position: absolute;left: 0;top: 0;width:100%;height:100%;z-index: 1;}

.vrazrabotke .logo {width: 400px;}
.vrazrabotke .main {width: 1000px;padding: 100px 0 50px 0;/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%, -50%); */z-index: 2;}
.vrazrabotke .country-icon {width: 25px;height: 25px;line-height: 25px;padding:  5px;/* color: #222; */border-radius: 100%;text-align: center;margin-right: 15px;background: #4562AC;}  
.vrazrabotke .country {font-size: 18px;}
.vrazrabotke .mail > img {width: 25px;margin-right: 15px;}
.vrazrabotke input[type="text"], .vrazrabotke textarea {padding: 5px 15px;margin-bottom: 10px;}
.vrazrabotke textarea {height: auto;}
          

@media all and (max-width: 1220px) {
    .vrazrabotke .main {width: 900px;}
    .main {width: 990px;}
} 

@media all and (max-width: 980px) {
    .main {width:770px;}
    
    .vrazrabotke {width: 100%;height: 100%;padding: 30px;position: relative;background: url('/assets/img/line-particles_1.png') 50% 50%/cover no-repeat;background-color: #0D1E29;color: #fff;top: auto;left: auto;box-sizing: border-box;}
    .vrazrabotke input[type="text"], .vrazrabotke textarea {box-sizing: border-box;}
    .vrazrabotke .main {width: 100%;height: 100%;position: relative;top: auto;padding: 0;left: auto;transform: none;z-index: 2;}
}