*::-webkit-input-placeholder {
	color: #929aa0;
	opacity: 1;
}
*:-moz-placeholder {
	color: #929aa0;
	opacity: 1;
}
*::-moz-placeholder {
	color: #929aa0;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #929aa0;
	opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
	font-family: "Exo2Light";
	font-size: 16px;
	position: relative;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
body ul{
	padding: 0;
	margin: 0;
}
body p{
	padding: 0;
	margin: 0;
}
body a{
	padding: 0;
	margin: 0;
}
body h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
body input{
	padding: 0;
	margin: 0;
}
.clear {
	clear:both;
}
.hidden {
	display: none;
}
.carousel img {
	width: 100%;
	height: auto;
}
.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	position: relative;
}

header {
	background-image: url(../img/phoneheader1.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;

	background-size: cover;
	position: relative;
	padding-bottom:200px;
}
.headprodjectbg {
	background-image: url(../img/headerprodject.jpg);
	padding-bottom:30px;

}
.headportfoliobg {
	background-image: url(../img/headportfolio.jpg);
	padding-bottom:30px;

}

.headrecommendbg {
	background-image: url(../img/general.jpg);
	padding-bottom:390px;

}

.headinstal {
	background-image: url(../img/headerinstal.jpg);
	padding-bottom:30px;
}
.headservice {
	background-image: url(../img/headerservice.jpg);
	padding-bottom:30px;
}
.headercontent {
	margin: 0 auto;
	outline:0px solid #cc0000;
	padding-top: 5px;
}
.logo img {
	margin: 30px 0;
	float:left;
}
.headercontact {
	width: 324px;
	min-height: 108px;
	outline: 0px solid #cc0000;
	margin: 30px 0;
	float: right;
}
.headercontact img {
	float: left;
}
.headercontact p {
	color: #fff;
    font-family: "Exo2Regular";
    font-size: 30px;
    line-height: 34px;
    float: right;
    margin-bottom: 14px;
}
.headercontact a {
	color: #fff;
    padding: 15px 15px;
    font-family: "HelveticaNeue";
    background-color: #2579b5;
    font-size: 18px;
    border-radius: 5px;
    text-transform: uppercase;
    float: right;
    margin-right: 3px;
    box-shadow: 1px 3px 7px -5px rgba(0, 0, 0, 0.88);
    background: linear-gradient(to top, #2390dc, #2673a7);
    background: -moz-linear-gradient(#2390dc, #2673a7);

}
.headercontact a:hover {
    background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}

.menu ul li {
    float: left;
    list-style: none;
}
.menu ul li a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: "RobotoRegular";
    padding: 26px 26.4px;
    display: block;
}
.menu ul li span a {
	padding-left: 0;
	padding-right: 0;
}
.menu ul li a:hover{
	color:#2579b5;
}
#menu {
        text-align: center;
        line-height: 50px;

    }
    #menu ul {padding:0; margin:0;}
    #menu li{
        display: inline;
        list-style:none;
        margin: 5px 10px;
		font-size: 1.5em;
    }
    
    #menu li a {
        padding: 10px 10px;
        text-decoration: none;
        font-size: 18px;
	    font-weight: 500;
	    font-family: "RobotoRegular";
	    color:#fff;

    }
    #menu ul li span a {
    	padding: 0;
    }
    #menu li a:hover{
        color:#0c5f99;
    }
    .main_mnu_button {
	background-color: transparent;
	border: medium none;
	font-size: 26px;
	color: #fff;
	padding: 8px 15px 0;
}
    .default {
        width:100%;
    }
    .fixed {
        position:fixed;
        top:-12px; left:0;
        width:100%;
        padding:-105px 0;
        z-index: 100;
        
        -moz-box-shadow: 5px 5px 20px #333;
        -webkit-box-shadow: 5px 5px 20px #333;
        box-shadow: 5px 5px 20px #333;
        background: rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%; /* Old browsers */
background: -moz-linear-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%; /* FF3.6+ */
background: -webkit-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%; /* Chrome,Safari4+ */
background: -webkit-linear-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%;
background: -o-linear-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%;
background: -ms-linear-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%;
background: linear-gradient  rgba(88, 164, 239, 0.92) none repeat scroll 0% 0%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border: 1px solid #3A57D4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow:1px 2px 8px #9A9A9A;
-moz-box-shadow:1px 2px 8px #9A9A9A;
transition: 1s;
    }
    
    .transbg {
       background: rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%; /* Old browsers */
background: -moz-linear-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%; /* FF3.6+ */
background: -webkit-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%; /* Chrome,Safari4+ */
background: -webkit-linear-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%;
background: -o-linear-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%;
background: -ms-linear-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%;
background: linear-gradient rgba(0, 110, 204, 0.95) none repeat scroll 0% 0%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border: 1px solid #3A57D4;
color:#cc0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow:1px 2px 8px #9A9A9A;
-moz-box-shadow:1px 2px 8px #9A9A9A;
    }
header h1 {
	font-family: "Exo2Bold";
	font-size: 38.5px;
	color:#fff;
	text-transform: uppercase;
	padding-top: 25px;
	text-align: center;
}
header h2 {
	font-family: "Exo2Regular";
	font-size: 25px;
	color:#fff;
	text-align:center;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10%;
}
header h3 {
	font-family: "RobotoRegular";
	font-size: 35px;
	color:#fff;
	text-align:center;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 45px;
	margin-bottom: 45px;
}
.zaivka {
	width: 100%;
	outline: 0px solid #cc0000;
	background-color: rgba(0, 0, 0, 0.55);
}
.zaivkacontent {
	width: 100%;
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding-bottom: 16px;
}
.zaivkacontent h4 {
	font-family: "Exo2Regular";
    font-size: 34px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    padding: 25px 0;
}
.zaivkacontent p {
	text-align: center;
}
.zaivkacontent input {
    font-family: "HelveticaNeue";
    font-size: 18px;
    padding: 12px 10px;
    width: 214px;
    border-radius: 6px;
    margin: 5px 10px;
    border: none;
    box-shadow: -7px 12px 16px -12px rgba(0, 0, 0, 0.52) inset;

}
.zaivkacontent span input {
    width: 279px;
    padding: 13px 2px;
    font-family: "HelveticaNeue";
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    box-shadow: none;
    box-shadow: 1px 3px 7px -5px rgba(0, 0, 0, 0.88);
    background: linear-gradient(to top, #2390dc, #2673a7);
    background: -moz-linear-gradient(#2390dc, #2673a7);
    margin: 10px 35% 0;
}
.zaivkacontent span input:hover {
	background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}
.servicesbg {
	background-image: url(../img/servicesbg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
}
.services {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 40px 0;
}
.services h1 {
	font-family: "HelveticaBlack";
	font-size: 37px;
	color:#424242;
	text-align: center;
	padding-top: 5px;
}
.services h2 {
	font-family: "HelveticaBold";
    font-size: 25px;
    color: #424242;
    text-align: center;
    padding: 25px 0;
}
.services h4 {
	font-family: "Exo2Regular";
	color: #424242;
	font-size: 24px;
	text-align: center;
	padding-bottom: 50px;
}

.servicesblog {
	width: 210px;
	outline: 0px solid #cc0000;
	margin:18px 16px;
	float: left;
	margin-bottom: 50px;
}
.servicesblog img {
	max-width: 100%;
}
.genpod_img img {
	padding-bottom: 10px;
}
.servicesblog h3 {
	font-size: 20px;
	text-transform: none;
	padding: 0;
	padding-bottom: 20px;
	text-align: center;
	font-family: "HelveticaBold";
}
.servicesblog p {
	text-align:center;
}
.servicesblog a {
	padding: 13px 40px;
    background: linear-gradient(to top, #2390dc, #2673a7);
    background: -moz-linear-gradient(#2390dc, #2673a7);
    font-family: "HelveticaNeue";
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 7px 7px 17px -8px #000000;
    
}
.servicesblog a:hover {
	background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}
.companybg {
	background-image: url(../img/companybg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
}
.company {
	margin: 0 auto;
	outline: 0px solid #cc0000;
	padding: 50px 0;
}
.company h1 {
	font-family: "HelveticaBlack";
	font-size: 37px;
	color:#fff;
	text-align: center;
	padding-bottom: 25px;
}
.company h2 {
	font-family: "HelveticaBold";
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
}
.company p {
	font-family: "Exo2Regular";
	color: #fff;
	font-size: 17px;
	text-align: center;
	padding-bottom: 50px;
}
.companyblog {
	width: 226px;
	outline: 0px solid #cc0000;
	float: left;
	margin: 20px 7px;
	margin-bottom: 100px;
}
.companyblog h4 {
	font-family: "HelveticaBold";
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    padding-left:45px;
}
.companyblog2 {
	width: 226px;
	outline: 0px solid #cc0000;
	float: left;
	margin: 20px 7px;
	margin-bottom: 100px;
}
.companyblog2 h4 {
	font-family: "HelveticaBold";
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    padding-left:45px;
}
.company h3 {
	font-family: "Exo2Regular";
	color:#fff;
	font-size: 23px;
	text-align: center;
	font-weight: normal;
}
.algoritm {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 0px;
}
.algoritm h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
}
.algoritmblog {
	width: 155px;
	height: 130px;
	float: left;
	padding: 5px 12px;
	margin: 10px 3px;
	background-image: url(../img/figur.png);
	background-repeat: no-repeat;
}
.algoritmblog1 {
	width: 155px;
	height: 130px;
	float: left;
	padding: 5px 12px;
	margin: 10px 1px;
	background-image: url(../img/figur1.png);
	background-repeat: no-repeat;
}
.algoritmblog h3 {
	font-family: "Exo2Bold";
	font-size: 18px;
}
.algoritmblog p {
	font-family: "Exo2Regular";
	font-size: 13px;
	text-transform: uppercase;
}
.algoritmblog1 h3 {
	font-family: "Exo2Bold";
	font-size: 18px;
}
.algoritmblog1 p {
	font-family: "Exo2Regular";
	font-size: 13px;
	text-transform: uppercase;
}
.privilegesbg {
	background-image: url(../img/privilegesbg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
}
.privileges {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 25px;
}
.privileges h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
}
.prblog {
	width: 425px;
	outline: 0px solid #cc0000;
	margin: 15px 15px;
	float: left;
}
.prblog img {
	float: right;
	margin-left: 25px;
}

.prblog h2 {
	color: #0074c6;
	font-family: "Exo2Bold";
	font-size: 13px;
	text-transform: uppercase;
	text-align: right;
}
.prblog p {
	color:#363636;
	font-family: "Exo2Regular";
	font-size: 14px;
	text-align: right;
	line-height: 14px;
}
.prblog2 {
	width: 425px;
	outline: 0px solid #cc0000;
	margin: 15px 15px;
	float: left;
}
.prblog2 img {
	float: left;
	margin-right: 25px;
}

.prblog2 h2 {
	color: #0074c6;
	font-family: "Exo2Bold";
	font-size: 13px;
	text-transform: uppercase;
	text-align: left;
}
.prblog2 p {
	color:#363636;
	font-family: "Exo2Regular";
	font-size: 14px;
	text-align: left;
	line-height: 14px;
}
.rabotasn {
	width: 240px;
	outline: 0px solid #cc0000;
	margin: 25px auto;
}
.rabotasn a {
    padding: 17px 33px;
    background: linear-gradient(to top, #2390dc, #2673a7);
    background: -moz-linear-gradient(#2390dc, #2673a7);
    font-family: "HelveticaNeue";
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 7px 7px 17px -8px #000000;
}
.rabotasn a:hover {
	background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}
.sertificatsbg {
	background-image: url(../img/sertificats.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
	padding-bottom: 158px;
}
.sertificats {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 0px;
}
.sertificatsbg h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
}
.sertificatimg {
	outline: 0px solid #cc0000;
	margin: 65px 13px;
	float: left;
	box-shadow: 7px 7px 17px -8px #000000;
	background-repeat: no-repeat;
}
.sertificatimg img {
	width: 215px;
	height: 307px;
}
.dipimg {
	outline: 0px solid #cc0000;
	margin: 65px 13px;
	float: left;
	box-shadow: 7px 7px 17px -8px #000000;
	background-repeat: no-repeat;
}
.dipimg img {
	width: 400px;
	height: 310px;
}
.clientsbg {
	background-image: url(../img/clients.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
}
.clients {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 0px;
}
.clients h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-top: 10px;
}
.clients h3 {
	font-family: "Exo2Regular";
	font-size: 24px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
	text-transform: uppercase;
}
.clients p {
	font-family: "Exo2Bold";
	font-size: 28px;
	color:#272727;
	text-align: center;
	padding: 72px;
	text-transform: uppercase;
}
.clientsimg {
	outline: 0px solid #cc0000;
	margin: 1px 20px;
	float: left;	
}
.clientsimg img {
	float: left;
}
.clientsimg h4 {
	font-family: "Exo2Bold";
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	padding: 20px 0;
	text-transform: uppercase;
	color: #272727;
}
.portfoliobg {
	background:#fff;
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	top:-30px;
	margin:0 auto;
	background-size: cover;
	position: relative;
	-webkit-box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
-moz-box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
}
.portfolio {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 0px;
}
.portfolio h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-top: 10px;
}
.portfolio h3 {
	font-family: "Exo2Regular";
	font-size: 24px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
	text-transform: uppercase;
}
.portfolio p {
	font-family: "Exo2Bold";
	font-size: 20px;
	color:#272727;
	text-align: left;
	padding: 25px;
	text-transform: uppercase;
}
.portfolioimg {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding:15px 0px;
	width:900px;
	float: left;	
}
.portfolioimg img {
 -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
margin: 5px 0 0 0;
width:50%;


	
}
.portfolioimg h4 {
	font-family: "Exo2Bold";
	text-align: center;
	line-height: 16px;
	font-size: 14px;
	padding: 20px 0;
	text-transform: uppercase;
	color: #272727;
}
.projectname
{
float:right;
border:0px solid #000;
width:370px;
height:300px;

}
.projectopisanie {
    float: right;
    border: 0px solid #000;
    width: 433px;
    height: 100%;
    position: relative;
    top: -319px;
    padding: 5px;
}

.projectopisanie p{
font-size:12px;
padding:10px 0 0 0;
font-family:Arial;


}

.contacts {
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding: 30px 0px;
}
.contacts h1 {
	font-family: "HelveticaBlack";
	font-size: 38px;
	color:#424242;
	text-align: center;
	padding-top: 10px;
}
.contacts h2 {
	font-family: "HelveticaNeue";
	font-size: 22px;
	color:#424242;
	text-align: center;
	padding-bottom: 30px;
	text-transform: uppercase;
}
.contactsblog {
	width: 323px;
	float: left;
	margin: 30px 0px;
	outline: 0px solid #cc0000;
}
.contactsblog img {
	float: left;
	margin: 0 10px;
}
.contactsblog p {
	font-family: "Exo2Bold";
	font-size: 15px;
	color:#424242;
}
.soticons {
	width: 350px;
	outline: 0px solid #cc0000;
	margin: 0 auto;
}
.soticons h2 {
	font-family: "HelveticaNeue";
	font-size: 22px;
	color:#424242;
	text-transform: uppercase;
	padding: 10px 0;
}
.sicons {
	padding: 0 100px;
}
.sicons img {
	padding: 0 4px;
}
.carta {
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	background-size: cover;
	position: relative;
	padding-top: 20px;
}
.pop_form input[type="text"] {
    display: block;
    line-height: 24px;
    margin: 0 auto 12px;
    border: #999 3px solid;
    font-family: "HelveticaNeue";
	font-size: 18px;
	padding: 12px 10px;
	border-radius: 6px;
	margin: 15px 20px;
	border: none;
	background-color: #b4d8f1;
}

.pop_form .button {
	margin: 20px auto 40px;
}
.pop_form h3 {
    margin: 10px auto 15px;
    text-align: center;
    font-family: "HelveticaNeue";
    color: #666666;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 35px;
}
.pop_form p {
    margin: 10px auto 15px;
    font-family: "Exo2Regular";
}
.pop_form img {
   float: left;
   margin: 5px 15px;
}

.button {
    background-color: #2579B5;
    background: transparent linear-gradient(#2390DC, #2673A7) repeat scroll 0% 0%;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: block;
    border:none;
    padding: 15px 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: "HelveticaNeue";
    font-size: 18px;

}
.button:hover {
	background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}
.button:active {
	background-color: #14af8d;
}


.prodblog p {
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	font-family: "RobotoLight";
	padding: 10px 35px;
}
.instalblog p {
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	font-family: "RobotoLight";
	padding: 10px 2px;
	
}
#first_map{
    width: 100%;
    height: 500px;
}
.metrica p {
	text-align:center;
	margin-top:35px;
}


.popup{
padding:5px 15px 15px;
position:fixed;
top:15%;
left:37%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
z-index:99999;}
 
.reg_form{
height:auto;
}
 
#overlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:.8;
z-index:10000;}
a.close {
    background-color: #2579B5;
    background: transparent linear-gradient(#2390DC, #2673A7) repeat scroll 0% 0%;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    border: none;
    padding: 15px 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: "HelveticaNeue";
    font-size: 18px;
}
.popup a {
	background-color: #2579B5;
    background: transparent linear-gradient(#2390DC, #2673A7) repeat scroll 0% 0%;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    border: none;
    padding: 15px 30px;
    text-transform: uppercase;
    text-align: center;
    font-family: "HelveticaNeue";
    font-size: 18px;
}
.popup h3 {
	font-family: "HelveticaNeue";
	font-size: 18px;
	color: #666;
	text-align: center;
	margin: 10px 5px;
}
.popup p {
	text-align: center;
	margin: 20px 5px;
}
.galochka {
	background-color: #2677A7;
	background: transparent linear-gradient(#2390DC, #2673A7) repeat scroll 0% 0%;
    width: 50px;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 10px;
}
.galochka i {
	color: #44BF13;
    font-size: 30px;
    padding: 10px 10px;
}

.container1{
    width: 202px;
    height: 49px;
    float: right;
    margin-top: 5px;
    margin-right: 45px;
    cursor: pointer;
    }

.upload {
    position:relative;
    cursor: pointer;
    display: block;
    }

.upload > input[type=file] {
    display:block;
    width:100%;
    height:100%;
    opacity:0;
    cursor: pointer;
    }

.upload > .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #efefef;
    color: #555;
    border: solid 1px #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 1.5em;
    line-height: 43px;
    z-index: 0;
    cursor: pointer;
    }

.upload:hover > .btn {
    background:#0ac7e3;
    color:#333;
    }

.upload:active > .btn {
    background:#efefef;
    color:#333;
    margin-top:1px;
    } 

.genpod h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	font-size: 20px;
	line-height: 1.3;
	padding-bottom: 5px;
}

.genpod p {
	color: #fff;
	padding-bottom: 20px;
	font-size: 17px;
	text-align:center;
}


.genpoding p {
	color: #fff;
	padding-bottom: 7px;
	font-size: 20px;
	text-align:left;
}

.gen_st h4 {
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 30px;
}
.gen_ingo p {
	font-size: 17px;
	color: #fff;
}
.gen_ingo {
	padding: 30px 0;
}

.general {
	background-image: url(../img/general.jpg);
}
.portbutton {
	width: 240px;
	outline: 0px solid #cc0000;
	margin: 25px auto;
}
.portbutton a {
    padding: 17px 33px;
    background: linear-gradient(to top, #2390dc, #2673a7);
    background: -moz-linear-gradient(#2390dc, #2673a7);
    font-family: "HelveticaNeue";
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 7px 7px 17px -8px #000000;
}
.portbutton a:hover {
	background: linear-gradient(to top, #0f5c91, #2673a7);
    transition: 5s;
    color: #C7C6C6;
}

.recommendbg {

	background:#ccc;
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	top:-30px;
	margin:0 auto;
	background-size: cover;
	position: relative;
	-webkit-box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
-moz-box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
box-shadow: -1px 1px 18px -1px rgba(0,0,0,0.31);
}

.recommendimg{
	outline: 0px solid #cc0000;
	margin: 0 auto;
	padding:15px 0px;
	width:900px;
	float: left;	
}
.recommendimg img {
 -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.49);
    margin: -6px 10px 20px 43px;
    width: 44%;
    float: left;



	
}



}