/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font: 14px/18px Arial;
	color:#4d4d4d;
	min-width:1147px;
	background: #91abb5;
}
.logo{margin-left: -792px;}
.bg {width:100%; background:url(../images/bg.jpg) center 0 repeat-x #d9e1e4;}
.bg-2 {width:100%; background:url(../images/bg-2.jpg) center 0 no-repeat;}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

h2 { font-size:36px; line-height:46px; color:#92abb5; font-weight:300; font-family: 'Muli', sans-serif; letter-spacing:-2px; border-bottom:#c4d2d7 1px solid; }
h2 strong {display:block; font-weight:300; margin-top:-10px;}
h3 { font-size:21px; line-height:30px; text-align: center; color:#92abb5; font-weight:300; font-family: 'Arial', sans-serif; letter-spacing:-1px; padding-bottom:4px; border-bottom:#c4d2d7 1px solid; }
h4 { font-size:14px; line-height:30px; text-align: center; font-family: 'Arial';  padding-bottom:4px; }
ul {padding: 0px 30px; text-align: justify;}
/*********************************header*************************************/
header {width:1147px; margin:0 auto; z-index:101; }

h1 {display:block; z-index:100; background:url(../images/shadow-1.png) center bottom no-repeat; text-align:center; padding:31px 0 13px 0;}

nav { width:1023px; z-index:100; background:url(../images/shadow-2.png) center bottom no-repeat; margin:0px auto; padding:0px; border-bottom:#d0dde2 1px solid; border-top:#d0dde2 1px solid; text-align:center;}

ul.menu {margin:10px 0px 10px 0px; display:inline-block;}
ul.menu li {float:left; line-height:29px; margin:0px 0px 0px 0px; width:190px; text-align:center; border-left:#d2dfe3 1px solid; }
ul.menu li:first-child {border:transparent 1px solid;} 
ul.menu li a {font-size:20px; line-height:29px; color:#fff; font-family: 'Passion One', cursive; font-weight:400; display:inline-block; text-shadow: 3px 3px 1px #acbec6; letter-spacing:1px; }
ul.menu li a:hover , ul.menu li.current a { color:#dae4e8; text-shadow: 0px 0px 1px #c4d2d8; }

/*********************************content*************************************/

.line-left {position:absolute; left:90px; top:-86px; background:#cedde1; width:1px; height:462px; z-index:111;}
.line-right {position:absolute; right:85px; top:-86px; background:#cedde1; width:1px; height:462px; z-index:111;}
.text { position:relative; width:1147px; height:717px; padding:0px 0px 0 0px; z-index:2; background:url(../images/slider-shadow.png) center 0 no-repeat; top:10px;}
.textcontent{ text-align: justify; text-alposition: relative; width: 953px; padding-left: 100px; text-indent: 24px;}
.image-flex { display:flex; align-items: center; justify-content: center;}
.fond {
	position:absolute;
	padding-top:0px;
	top:0;
	left:0; 
	right:0;
	bottom:0;
	background-color:#1289aa;
}
/* Стили для оформления кнопок поделиться */
#share {
	width:100%;
	margin: 0 auto;
	background:#fff;
	text-align:center;
}
 
.like {
font-size: 16px;
font-weight: 700;
padding-top: 10px;
margin-bottom: 10px;
}
 
.push {
    display: inline-block;
    min-width: 100px;
    margin: 5px 2px 10px 2px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}
 
.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373;color:#fff;text-decoration: none;}
 
.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321;color:#fff;text-decoration: none;}
 
.pinterest {background-color:#bd081c;}
.pinterest:hover {background-color:#881f12;color:#fff;text-decoration: none;}
 
.viber {background-color:#665cac;}
.viber:hover {background-color:#881f12;color:#fff;text-decoration: none;}
 
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9;color:#fff;text-decoration: none;}
 
.vkontakte {background-color:#587ea3;}
.vkontakte:hover {background-color:#466482;color:#fff;text-decoration: none;}
 
.ok {background-color:#ee8208;}
.ok:hover {background-color: #a05f20; color:#fff;text-decoration: none;}
/* Стили для оформления кнопок поделиться */


/*********************************Images*************************************/
#vverh-1 {position: relative; padding: 10px; margin: 10px 10px 0px 99px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-1:hover {position: relative; padding: 10px; margin: 10px 10px 0px 99px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#vverh-2 {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-2:hover {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#vverh-3 {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-3:hover {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}

#vverh-4 {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-4:hover {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}

#vverh-5 {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-5:hover {position: relative; padding: 10px; margin: 10px 10px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#vverh-6 {position: relative; padding: 10px; margin: 10px 10px 0px 50px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#vverh-6:hover {position: relative; padding: 10px; margin: 10px 10px 0px 50px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}

#nizcenter-textcontent {position: relative; padding: 10px; margin: 25px 10px 0px 140px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#nizcenter-textcontent:hover {position: relative; padding: 10px; margin: 25px 10px 0px 140px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#nizcenter {position: relative; padding: 10px; margin: 25px 10px 0px 424px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#nizcenter:hover {position: relative; padding: 10px; margin: 25px 10px 0px 424px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#nizcenter-1 {position: relative; padding: 10px; margin: 25px 10px 0px 258px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#nizcenter-1:hover {position: relative; padding: 10px; margin: 25px 10px 0px 258px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#nizcenter-2 {position: relative; padding: 10px; margin: 25px 10px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#nizcenter-2:hover {position: relative; padding: 10px; margin: 25px 10px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#priem {position: relative; padding: 10px; margin: 22px 0px 0px -24px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#priem:hover {position: relative; padding: 10px; margin: 22px 0px 0px -24px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}
#priem1 {position: relative; padding: 10px; margin: 22px 0px 0px 0px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}	
#priem1:hover {position: relative; padding: 10px; margin: 22px 0px 0px 0px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}	
#priem2 {position: relative; padding: 10px; margin: 22px -223px 0px 244px;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}	
#priem2:hover {position: relative; padding: 10px; margin: 22px -223px 0px 244px;
		-webkit-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        -moz-box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;
        box-shadow:0 0 5px, 0 0px 6px 3px #b2c3dd;}		
/****************************footer************************/
footer { width:100%; position:relative; overflow:hidden; text-align:center; padding:17px 0 20px 0; color:#fff;}