/*GENERAL CSS START*/

/*reset css*/
body h1, body h2, body h3, body h4, body h5, body a, body p, body span, body strong{margin: 0; padding: 0;}
body h1, body h2, body h3, body h4, body h5{font-weight: normal;}
a{text-decoration: none;}

/*reset css*/
/*margin-top*/
            .nomargT {margin-top: 0 !important;}
            .margT5 {margin-top: 5px !important;}
            .margT10 {margin-top: 10px !important;}
            .margT15 {margin-top: 15px !important;}
            .margT20 {margin-top: 20px !important;}
            .margT25 {margin-top: 25px !important;}
            .margT30 {margin-top: 30px !important;}
            .margT35 {margin-top: 35px !important;}
            .margT40 {margin-top: 40px !important;}
            .margT45 {margin-top: 45px !important;}
            .margT50 {margin-top: 50px !important;}

            /*margin-right*/
            .nomargR {margin-right: 0 !important;}
            .margR5 {margin-right: 5px !important;}
            .margR10 {margin-right: 10px !important;}
            .margR15 {margin-right: 15px !important;}
            .margR20 {margin-right: 20px !important;}
            .margR25 {margin-right: 25px !important;}
            .margR30 {margin-right: 30px !important;}
            .margR35 {margin-right: 35px !important;}
            .margR40 {margin-right: 40px !important;}
            .margR45 {margin-right: 45px !important;}
            .margR50 {margin-right: 50px !important;}
			.margR-100 {margin-right: -100px !important;}

            /*margin-bottom*/
            .nomargB {margin-bottom: 0 !important;}
            .margB5 {margin-bottom: 5px !important;}
            .margB10 {margin-bottom: 10px !important;}
            .margB15 {margin-bottom: 15px !important;}
            .margB20 {margin-bottom: 20px !important;}
            .margB25 {margin-bottom: 25px !important;}
            .margB30 {margin-bottom: 30px !important;}
            .margB35 {margin-bottom: 35px !important;}
            .margB40 {margin-bottom: 40px !important;}
            .margB45 {margin-bottom: 45px !important;}
            .margB50 {margin-bottom: 50px !important;}
            .margBCustom1 {margin-bottom: 220px !important;}

            /*margin-left*/
            .nomargL {margin-left: 0 !important;}
            .margL5 {margin-left: 5px !important;}
            .margL10 {margin-left: 10px !important;}
            .margL15 {margin-left: 15px !important;}
            .margL20 {margin-left: 20px !important;}
            .margL25 {margin-left: 25px !important;}
            .margL30 {margin-left: 30px !important;}
            .margL35 {margin-left: 35px !important;}
            .margL40 {margin-left: 40px !important;}
            .margL45 {margin-left: 45px !important;}
            .margL50 {margin-left: 50px !important;}
			
			.paddL-50 {margin-left: -50px !important;}
			.paddL-100 {margin-left: -100px !important;}
			.paddR-50 {margin-right: -50px !important;}
			.paddR-100 {margin-right: -100px !important;}

            /*margin-negative*/
            .mt-100{    margin-top: -100px;}
            .mt-75{    margin-top: -75px;}
            .mt-50{    margin-top: -50px;}
            .mt-40{    margin-top: -40px;}
            .mt-30{    margin-top: -30px;}
            .mt-20{    margin-top: -20px;}
            .mt-10{    margin-top: -10px;}
            .mt250{margin-top: 250px;}



            /*padding-top*/
            .nopaddT {padding-top: 0 !important;}
            .paddT5 {padding-top: 5px !important;}
            .paddT10 {padding-top: 10px !important;}
            .paddT15 {padding-top: 15px !important;}
            .paddT20 {padding-top: 20px !important;}
            .paddT25 {padding-top: 25px !important;}
            .paddT30 {padding-top: 30px !important;}
            .paddT35 {padding-top: 35px !important;}
            .paddT40 {padding-top: 40px !important;}
            .paddT45 {padding-top: 45px !important;}
            .paddT50 {padding-top: 50px !important;}

            /*padding-right*/
            .nopaddR {padding-right: 0 !important;}
            .paddR5 {padding-right: 5px !important;}
            .paddR10 {padding-right: 10px !important;}
            .paddR15 {padding-right: 15px !important;}
            .paddR20 {padding-right: 20px !important;}
            .paddR25 {padding-right: 25px !important;}
            .paddR30 {padding-right: 30px !important;}
            .paddR35 {padding-right: 35px !important;}
            .paddR40 {padding-right: 40px !important;}
            .paddR45 {padding-right: 45px !important;}
            .paddR50 {padding-right: 50px !important;}
            .paddR80 {padding-right: 80px !important;}
			.paddR100 {padding-right: 100px !important;}

            /*padding-bottom*/
            .nopaddB {padding-bottom: 0 !important;}
            .paddB5 {padding-bottom: 5px !important;}
            .paddB10 {padding-bottom: 10px !important;}
            .paddB15 {padding-bottom: 15px !important;}
            .paddB20 {padding-bottom: 20px !important;}
            .paddB25 {padding-bottom: 25px !important;}
            .paddB30 {padding-bottom: 30px !important;}
            .paddB35 {padding-bottom: 35px !important;}
            .paddB40 {padding-bottom: 40px !important;}
            .paddB45 {padding-bottom: 45px !important;}
            .paddB50 {padding-bottom: 50px !important;}

            /*padding-left*/
            .nopaddL {padding-left: 0 !important;}
            .paddL5 {padding-left: 5px !important;}
            .paddL10 {padding-left: 10px !important;}
            .paddL15 {padding-left: 15px !important;}
            .paddL20 {padding-left: 20px !important;}
            .paddL25 {padding-left: 25px !important;}
            .paddL30 {padding-left: 30px !important;}
            .paddL35 {padding-left: 35px !important;}
            .paddL40 {padding-left: 40px !important;}
            .paddL45 {padding-left: 45px !important;}
            .paddL50 {padding-left: 50px !important;}
			.paddL100 {padding-left: 100px !important;}

            /*reset all*/
            .noMargnoPadd {margin: 0 !important; padding: 0 !important;}
            section{width: 100%; margin:0 auto;}
            /*img{width:100%; height: auto;}*/
/*ОБЩИЕ СТИЛИ ДЛЯ ВСЕГО САЙТА*/

/* ДЛЯ ВСЕГО САЙТА*/
body {
margin: 0;
padding: 0;
/*font-family: "HPSimplified", arial, sans-serif;*/
font-family: "HPSimplifiedLight";
}

html{
    overflow-x: hidden;
}
/*    
a {
    color: #0096D6;
    text-decoration: none;
}
a:hover, a:active {
    color: #0096D6;
    
}                            
*/


.lightFont{font-family: "HPSimplifiedLight", "HPSimplified", arial, sans-serif;}
@font-face {
                font-family: "HPSimplified";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedRegular";
                font-style: normal;
                font-weight: bold;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedLight";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-ttf.ttf") format("truetype");
}



/*ОБЩИЕ СТИЛИ ДЛЯ БЛОКОВ*/
img{
    width: 100%;
    height: auto;
}

/* ДЛЯ FOOTER*/	
	html,body {
	  height: 100%;
	  margin:0px;
	  padding:0px;
	}
	.wrapper {
	
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.content {
	  flex: 1 0 auto;
	}
	footer {
	  flex: 0 0 auto;	  
	  background-color:#4B4096;
	  /*background-color:#6b3a96;*/
	  height:100px;	  
	}
	
	footer  p{
	  padding-top:30px;
	  font-size:14px;
	  color:#fff;
	}

/*ОБЩИЕ СТИЛИ*/


.content{
	padding-top:0px;
	margin-top:0px;
	background: #B34EE9 url(../images/fon4.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-color: #3B3867;
}

.container{
	max-width:1000px;	
	margin:0 auto;
	min-width: 240px;
	outline:0px solid #FF00AE;/*розовый*/
	padding:30px;
}
.containerFixed{
	max-width:1000px;	
	margin:0 auto;
	min-width: 240px;
	outline:0px solid #FF00AE;/*розовый*/
	padding:0px 30px 0px 30px;
}

.section-fixed {
	overflow: hidden;
	outline:0px solid #FF00AE;
	 width: 100%;		
	 background: #fff;
	/* opacity: 0.7;  
    /*filter: alpha(Opacity=70); /* Прозрачность в IE */
	 height: auto;
	 position: fixed;
	 z-index: 1000;
	  top: 0;	  
	}	 
.bottomShadow {
    box-shadow: 0 7px 10px 0px rgba(49, 42, 98, 0.4);
}

		.containerLogo {	
			  outline:0px solid #FF00AE;
			  width: 100%;
			  max-width: 68px;
			  float:right;
			  margin-left:30px;
			}
		.containerLogo  img{
				max-width:100%;
				height:auto;				
				}
		.containerZagol {	
			  outline:0px solid #3AE2CE;
				width: 100%;		
				max-width:650px;
				text-align:left;				
				 /*float:left;*/		
			}
		.containerZagol  img{
			width: 100%;
			 height:auto;
		}
	
 
  .section-0{
	margin: 0px;
    padding: 0px;
    height: 600px; 	
	width: 100%;
	background: url("../images/3top_1920.jpg") no-repeat scroll 50% 50% / cover;	   
	background-color: #4B4096;
	overflow: hidden; 
	position: relative; 
	/*position: fixed;*/
	z-index: 2; 
 }
 
 
.containerFotoFon2{
	display: none;
}	
.containerFotoFon1 {
 overflow:hidden;
 width: 1920px;
 height:600px;
 text-align: center;
 }
 
 div.containerFotoFon1 img {
	  width: 100%;
	  height:auto;
	}
	div.containerFotoFon2 img {
	  width: 100%;
	  height:auto;
	}
	div.containerFotoFon2{
		 outline:0px solid #3AE2CE;
		width: 100%;
		max-width: 100%;	
		padding:0;
		margin:0;	
	}	
 


.section-1{
    width: 100%;
	background-color:#fff;	/*белый*/
	height: 100%;
	outline:0px solid #000;
	margin-bottom:50px;
	
}
			
	.section1Foto {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 350px;
	  float:right;
	  position: relative;
	  top:-150px;
	  height:270px;
	  text-align:right;
	}
	.section1Foto img{
		max-width:100%;
		height:auto;
		text-align:right;
	}
	.section1Text{
	outline:0px solid #000;
	}



.section-2{
    outline:0px solid #000;
	background:url("../images/fonFiolet.jpg") no-repeat scroll 50% 50% / cover ;	/*cирень*/
	background-color:#4B4096;
	height: 100%;
	margin-bottom:50px;
}
 
.section-4{
    outline:0px solid #000;
	background: url("../images/footer7.jpg") no-repeat scroll 50% 50% / cover ;
	background-color:#4B4096;
	height: 248px;
}


.sectionFoto {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 50px;
	  padding-right:10px;
	  /*float:right;*/
	}
.sectionPodarok {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 20px;
	  padding-right:30px;
	  /*float:right;*/
	}
 
.wrapperBody{	
/*top:600px;*/
    z-index: 10;
	 position: relative;
    width: 100%;
	height:auto;
	
}

/*ОФОРМЛЕНИЕ*/
.container h1,h2 {
	font-size: 40px;	/*px*/					/*ЗАГОЛОВОК*/
	line-height: 1.2;
    text-align: left;
	
	}
/*.container h1 {
	color:#E40002;
	}
.container h2 {
	color:#fff;
	}*/
	
.container h3{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	font-size: 28px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	color:#000;
    line-height: 1.2;
    text-align: left;
	padding-bottom:15px;
	font-family: "HPSimplified";
	
}	

.container p{	
	
	font-size: 22px; 
	line-height: 1.2;
	text-align: left;
	 padding-top:5px; 
    padding-bottom:5px; /* Отступ снизу */
}	
.textWhite{
	color:#fff;
}
.textGray{
	color:#757678;
}
.textRed{
	color:#E40002;
	}
.textViolet{
	color:#4B4096;
	}
.textViolet2{
	color:#a53894;
	}
.textOrange{
	color:#e88233;
	}
.textNormal{font-family: "HPSimplified";}
.textUppercase {
	text-transform:uppercase;
}
	a.primaryButtonBlue{
	  color: #4B4096 !important; 
	 background-color: #fff; 
	 border:1px solid #4B4096;
	 margin:15px 0 15px 0;	 
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 	
	 overflow:hidden;
	 font-size: 22px;
	 
	 -moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonBlue:hover {
	 background-color: #4B4096; 
	 border:1px solid #4B4096;
	 text-decoration:none !important; 
	 color: #FFF !important;}

fieldset {border: 0px;}
textarea, input {
width: auto;
outline:0px solid #3FC63A;
background-color: #fff;
margin-top:10px;
margin-bottom:10px;
color:#757678;
font-size: 22px; 
}
input{
height:30px;
border: 1px solid #4B4096;
}
textarea:focus,  input:focus{
	border: 1px solid #4B4096;	
	background-color: #e0e1e4;
}
.widthInput input, .widthInput textarea{
	width:80%;
}

@media screen and (max-width: 1000px) {		  
.containerLogo img{	
	width: 80%;
			  }
.section1Foto img{
	width: 80%;
}
.containerZagol img{
	width: 80%;
}

.container h1,h2 {
	font-size: 35px;	/*px*/					/*ЗАГОЛОВОК*/
	}
.container h3{						
	font-size: 23px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
}	
.container p{	
	font-size: 17px; 
}	
}


@media (max-width:560px){  
	.section1Foto img{
		text-align:center;
	}

.section1Foto {	
		height:288px;
	  top:-70px;
	  text-align:center;
}

.containerZagol img{
	width: 100%;
}

.containerLogo {	
			  float:none;
			  margin:0px auto;
			}
.containerZagol {	
				text-align:center;				
				 /*float:left;*/		
			}
.section-0{height: 300px; 	}
.containerFixed{
	padding:0px 15px 0px 15px;
}
.container{
	padding:15px 15px 15px 15px;
}

}