@font-face {
    font-family: 'Samo Sans Pro Rg Regular';
    src: url('../fonts/samosanspro-regular-webfont.eot');
    src: url('../fonts/samosanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/samosanspro-regular-webfont.woff') format('woff'),
         url('../fonts/samosanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*,*:before,*:after{box-sizing: border-box;}
*{margin:0;
	padding:0;}
a{text-decoration: none;color:inherit; outline:none !important;}
a:hover{ color:#fd2293;}
:focus{outline:none;}
a:active, a:hover, a:hover{outline: none;}
input,textarea{font:inherit;padding:0;margin:0;background: none;border:0;width:100%;}
button{font:inherit;padding:0;margin:0;background: none;border:0;}
/*main*/
.clearfix:before,
.clearfix:after {content: " ";
    display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{border:none;}

html{ min-height:100%;}
body{min-height:100%; overflow-x: hidden;}


section, footer, header, aside{
	display: block;
}
html.loading{ overflow:hidden;}
.loadingoverbl{ display:none; z-index:1001; position:fixed; background:#fdca00; left:0; top:0; width:100%; height:100%; }
html.loading .loadingoverbl{display:block;}
.overlay{ position:fixed; width:100%; height:100%; left:0; top:0; background:#0280c9; opacity:0.5; z-index:999; display:none;}
.loadingoverbl div { position:absolute; width:120px; height:120px; left:0; top:0; bottom:0; right:0; margin:auto; border: 12px solid rgba(255, 255, 255, .5); border-top-color: rgb(255,255,255); border-radius: 100%; -webkit-animation: loading linear .7s infinite; animation: loading linear .7s infinite; }
@-webkit-keyframes loading {
  100% {-webkit-transform: rotate(360deg);}
}
@keyframes loading {
  100% {transform: rotate(360deg);}
}


body{ position:relative; font-family: 'Samo Sans Pro Rg Bold', sans-serif; color:#000000; font-size:22px; overflow-x:hidden; min-width:320px; width:100%; background:#fdca00;}

.wrapper{ position:relative; width:100%; max-width:1021px; margin:0 auto; padding:0 15px;}
.wrapper.wrapper-b{ max-width:1284px;}

.top{ margin-bottom:30px;}
.top .top-img{ margin:50px auto 0; width:100%;}
.top .top-img img{ display:block; width:100%;
	top:0; 
	left:0;}

.child .child-img-b{ position:relative; margin:0 auto 70px; width:876px;}
.child .child-img-s{ display:none;}
.child .child-i{ position:absolute; background:url(../img/sprite.png); background-repeat:no-repeat;}
.child .child-i.i-1{
	width: 148px;
    height: 99px;
    background-position: -5px -5px;
	right:175px;
	top:235px;
}
.child .child-i.i-2 {
    width: 178px;
    height: 101px;
    background-position: -5px -268px;
	top:328px;
	left:123px;
}
.child .child-i.i-3 {
    width: 148px;
    height: 99px;
    background-position: -381px -114px;
	top:453px;
	right:39px;
}

.child .child-i.i-4 {
    width: 178px;
    height: 142px;
    background-position: -193px -268px;
	top:551px; 
	left:8px;
}

.child .child-i.i-5 {
    width: 177px;
    height: 136px;
    background-position: -539px -5px;
	top:573px; 
	left:269px;
}

.child .child-i.i-6 {
    width: 178px;
    height: 109px;
    background-position: -539px -151px;
	top:624px; 
	right:46px;
}

.child .child-i.i-7 {
    width: 144px;
    height: 99px;
    background-position: -381px -270px;
	top:728px; 
	right:220px;
}

.child .child-i.i-8 {
    width: 148px;
    height: 99px;
    background-position: -535px -270px;
	top:834px; 
	right:18px;
}

.child .child-i.i-9 {
    width: 178px;
    height: 128px;
    background-position: -5px -379px;
	top:910px; 
	left:39px;
}
.child .child-i.i-10 {
    width: 178px;
    height: 99px;
    background-position: -163px -5px;
	top:1019px; 
	right:10px;
}

.child .child-i.i-11 {
    width: 148px;
    height: 99px;
    background-position: -351px -5px;
	top:1072px; 
	left:50px;
}

.child .child-i.i-12 {
    width: 178px;
    height: 141px;
    background-position: -5px -114px;
	top:1320px; 
	right:276px;
}

.child .child-i.i-13 {
    width: 178px;
    height: 144px;
    background-position: -193px -114px;
	bottom:215px; 
	left:68px;
}

.bottom .bottom-company{ margin-bottom:80px; padding:0 25px;}
.bottom .bottom-company img{ width:100%;}
.bottom .bottom-text{ position:relative; margin-bottom:75px;}
.bottom .bottom-i{ width:154px; position:absolute; left:0; top:5px;}
.bottom .bottom-t{ padding-left:180px;}
.bottom .bottom-butts{ text-align:center; margin-bottom:90px;}
.btn{ display:inline-block; width:32%; padding:0 15px;}
.btn a{ display:block; width:100%; height:100%;  -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35); box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);  border-radius:17px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.btn:hover a{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn img{ width:100%; display:block}

.footer{ margin-bottom:40px;}
.footer .wrapper{ padding-top:0; max-width:940px}
.footer .footer-in{width:100%; padding:20px 30px; position:relative; background:#fff; }
.footer .ulft{ margin:0; padding:0; list-style:none; font-size:12px; color:#000; font-weight:normal; font-family:'Samo Sans Pro Rg Regular', sans-serif; width:100%; height:80px;}
.footer .ulft-item{ float:left; height:100%;}
.footer .ulft-item.one{ width:34%;}
.footer .ulft-item.two{ border-left:2px solid #888d90; padding-left:17px;}
.footer .ulft-item.three{ float:right; text-align:right;}
.footer .f-logo{ float:left; margin-right:19px;}
.footer .copy{ float:left; margin-top:3px;}
.footer .copy a{ text-decoration:underline; color:#004e5a;}
.footer .copy a:hover{ text-decoration:none;}
.footer .soc.fb{ margin-right:20px;}
.footer .soc.vk{ margin-right:20px;}
.footer .socials{ margin-bottom:22px; display:block;}
.footer .artartery{ text-decoration:underline; color:#004e5a;}
.footer .artartery:hover{color:#fd0b93; text-decoration:none;}

@media only screen and (max-width: 950px){

.child .child-img-b{ display:none;}
.child .child-img-s{ display:block; width:100%; margin:0 auto 60px;}
.child .child-img-s img{ width:100%;}

	}
@media only screen and (max-width: 767px){	

body{ font-size:18px;}

.child .child-img-s{ margin-bottom:35px;}
.bottom .bottom-i{ position:relative; float:left; width:120px; margin:0 10px 0 0 }
.bottom .bottom-i img{ width:100%;}
.bottom .bottom-t{ padding-left:0;}
.bottom .bottom-company{ margin-bottom:35px;}
.bottom .bottom-text{ margin-bottom:35px;}
.bottom .bottom-butts{ margin-bottom:10px;}

.btn{ display:block; padding:0; margin:0 auto 25px; width:232px;}

.footer{ margin-bottom:20px;}
.footer .ulft{ height:100%;}
.footer .ulft-item{ float:none; text-align:center !important; width:100% !important; border-left:none !important; margin-bottom:10px; padding-left:0 !important;}
.footer .f-logo{ float:none; display:block; margin-right:0;}
.footer .copy{ float:none;display:block;}

}