*{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
body{background:#FFF;}
.wrapper{width:100%;min-width:970px;}
.box-modal .box-modal_close{position:absolute;right:-14px;top:-14px;cursor:pointer;text-indent:-999999px;background:url(../images/WC.png) 0 0 no-repeat;width:22px;height:22px;}
#form_1_Modal{width:277px;}
#form_1_Modal #form_1 .first_name #first_name,#form_1_Modal #form_1 .phone #phone{width:277px;height:34px;font-size:14px;font-family:Istok Web;color:#8595a6;background:url(../images/JB.png) 0 0 no-repeat;border:none;margin:0 0 8px;padding:0 13px;}
#form_1_Modal #form_1 .submit #submit{border:none;background:url(../images/DA.png) 0 0 no-repeat;width:277px;height:34px;text-transform:uppercase;cursor:pointer;color:#fff;font-family:Istok Web;font-size:12px;text-shadow:0 -1px 0 rgba(0,0,0,.26);padding:0 0 2px;}
#answer_Modal{width:233px;}
#answer_Modal .answer{display:block;text-align:center;font-family:Istok Web;font-size:14px;color:#514e4e;}
#photo_1_Modal,#photo_2_Modal,#photo_3_Modal,#photo_4_Modal,#photo_5_Modal,#photo_6_Modal{width:970px;}
#photo_1_Modal .photo_1,#photo_1_Modal .photo_2,#photo_1_Modal .photo_3,#photo_1_Modal .photo_4,#photo_1_Modal .photo_5,#photo_1_Modal .photo_6,#photo_1_Modal .photo_7,#photo_1_Modal .photo_8,#photo_1_Modal .photo_9,#photo_1_Modal .photo_10,#photo_1_Modal .photo_11,#photo_1_Modal .photo_12,#photo_1_Modal .photo_13,#photo_1_Modal .photo_14,#photo_1_Modal .photo_15,#photo_1_Modal .photo_16,#photo_1_Modal .photo_17,#photo_1_Modal .photo_18,#photo_2_Modal .photo_1,#photo_2_Modal .photo_2,#photo_2_Modal .photo_3,#photo_2_Modal .photo_4,#photo_2_Modal .photo_5,#photo_2_Modal .photo_6,#photo_2_Modal .photo_7,#photo_2_Modal .photo_8,#photo_2_Modal .photo_9,#photo_2_Modal .photo_10,#photo_2_Modal .photo_11,#photo_2_Modal .photo_12,#photo_2_Modal .photo_13,#photo_3_Modal .photo_1,#photo_3_Modal .photo_2,#photo_3_Modal .photo_3,#photo_3_Modal .photo_4,#photo_3_Modal .photo_5,#photo_3_Modal .photo_6,#photo_3_Modal .photo_7,#photo_3_Modal .photo_8,#photo_3_Modal .photo_9,#photo_3_Modal .photo_10,#photo_3_Modal .photo_11,#photo_3_Modal .photo_12,#photo_3_Modal .photo_13,#photo_4_Modal .photo_1,#photo_4_Modal .photo_2,#photo_4_Modal .photo_3,#photo_4_Modal .photo_4,#photo_4_Modal .photo_5,#photo_4_Modal .photo_6,#photo_4_Modal .photo_7,#photo_4_Modal .photo_8,#photo_4_Modal .photo_9,#photo_4_Modal .photo_10,#photo_4_Modal .photo_11,#photo_4_Modal .photo_12,#photo_4_Modal .photo_13,#photo_5_Modal .photo_1,#photo_5_Modal .photo_2,#photo_5_Modal .photo_3,#photo_5_Modal .photo_4,#photo_5_Modal .photo_5,#photo_5_Modal .photo_6,#photo_5_Modal .photo_7,#photo_5_Modal .photo_8,#photo_5_Modal .photo_9,#photo_5_Modal .photo_10,#photo_5_Modal .photo_11,#photo_5_Modal .photo_12,#photo_5_Modal .photo_13,#photo_6_Modal .photo_1,#photo_6_Modal .photo_2,#photo_6_Modal .photo_3,#photo_6_Modal .photo_4,#photo_6_Modal .photo_5,#photo_6_Modal .photo_6,#photo_6_Modal .photo_7,#photo_6_Modal .photo_8,#photo_6_Modal .photo_9,#photo_6_Modal .photo_10,#photo_6_Modal .photo_11,#photo_6_Modal .photo_12,#photo_6_Modal .photo_13,#photo_6_Modal .photo_14,#photo_6_Modal .photo_15{display:inline-block;width:305px;height:205px;margin:0 22px 18px 0;}
#photo_1_Modal .photo_13,#photo_1_Modal .photo_14,#photo_2_Modal .photo_13,#photo_2_Modal .photo_14,#photo_3_Modal .photo_13,#photo_3_Modal .photo_14,#photo_4_Modal .photo_13,#photo_4_Modal .photo_14,#photo_5_Modal .photo_13,#photo_5_Modal .photo_14,#photo_6_Modal .photo_13,#photo_6_Modal .photo_14,#photo_6_Modal .photo_15{margin:0 22px 0 0;}
#photo_1_Modal .photo_3,#photo_1_Modal .photo_6,#photo_1_Modal .photo_9,#photo_1_Modal .photo_12,#photo_1_Modal .photo_15,#photo_1_Modal .photo_18,#photo_2_Modal .photo_3,#photo_2_Modal .photo_6,#photo_2_Modal .photo_9,#photo_2_Modal .photo_12,#photo_2_Modal .photo_15,#photo_2_Modal .photo_18,#photo_3_Modal .photo_3,#photo_3_Modal .photo_6,#photo_3_Modal .photo_9,#photo_3_Modal .photo_12,#photo_3_Modal .photo_15,#photo_3_Modal .photo_18,#photo_4_Modal .photo_3,#photo_4_Modal .photo_6,#photo_4_Modal .photo_9,#photo_4_Modal .photo_12,#photo_4_Modal .photo_15,#photo_4_Modal .photo_18,#photo_5_Modal .photo_3,#photo_5_Modal .photo_6,#photo_5_Modal .photo_9,#photo_5_Modal .photo_12,#photo_5_Modal .photo_15,#photo_5_Modal .photo_18,#photo_6_Modal .photo_3,#photo_6_Modal .photo_6,#photo_6_Modal .photo_9,#photo_6_Modal .photo_12,#photo_6_Modal .photo_15,#photo_6_Modal .photo_18{margin:0 0 18px;}
.section1{position:fixed;width:100%;min-width:1000px;height:39px;background:#FFF;z-index:100;}
.section1 .block{width:1000px;height:39px;margin:0 auto;}
.section1 .block .main_navigation{position:absolute;list-style:none;font-family:Istok Web;font-size:13px;width:1000px;text-transform:uppercase;}
.section1 .block .main_navigation li{display:block;float:left;margin:0 8px;}
.section1 .block .main_navigation li:nth-child(even){margin:0 7px 0 8px;}
.section1 .block .main_navigation li a{display:block;color:#556373;text-decoration:none;padding:9px 0 0;}
.section1 .block .main_navigation li a:hover,.section1 .block .main_navigation li a.active{background:url(../images/FD.png) 0 0 repeat-x;}
.section1 .block .main_navigation li:first-child,.section1 .block .main_navigation li:last-child{margin:0 4px;}
.section2{width:100%;min-width:970px;height:866px;background:url(../images/KM.png) 50% 37px no-repeat,url(../i/vyezdnaya-registratsiya-svadeb.jpg) 50% 7px no-repeat;}
.section2 .block{width:970px;height:866px;margin:0 auto;}
.section2 .block .logo{position:absolute;width:261px;height:80px;background:url(../i/logo.gif) 0 0 no-repeat;margin:42px 0 0 325px;}
.section2 .block .title{position:absolute;text-align:center;color:#556373;font-family:Istok Web;font-size:12px;line-height:11px;font-style:italic;margin:100px 0 0 364px;}
.section2 .block .phones{position:absolute;color:#008CD0;font-family:Istok Web;font-size:28px;font-weight: bold;line-height:29px;text-align:center;white-space:nowrap;text-shadow: #fff 2px 0 2px, #fff 0 2px 2px, #fff -2px 0 2px, #fff 0 -2px 2px;margin:84px 0 0 735px;}
.section2 .block .form_1{border:none;position:absolute;color:#fff;font-family:Istok Web;font-size:12px;text-shadow:0 -1px 0 rgba(0,0,0,.26);text-transform:uppercase;width:205px;height:24px;cursor:pointer;background:url(../images/OV.png) 0 0 no-repeat;margin:120px 0 0 750px;padding:0 0 2px;}
.section2 .block .info{position:absolute;width:606px;margin:195px 0 0 196px;padding:0 0 742px;}
.section2 .block .info .blue{color:#c01a48;font-family: 'Lobster';font-size:44px;line-height:40px;text-align:center;text-shadow: #fff 1px 0 0px, #fff 0 1px 0px, #fff -1px 0 0px, #fff 0 -1px 0px;}
.section2 .block .info .blues{color:#c01a48;font-family: 'Istok Web';font-weight: bold;font-size:33px;line-height:55px;text-align:right;text-shadow: #fff 1px 0 0px, #fff 0 1px 0px, #fff -1px 0 0px, #fff 0 -1px 0px;}
.section2 .block .info .white{color:#fff;font-family:Istok Web;font-size:18px;text-align:center;}
.section2 .block .info .circle{position:absolute;background:url(../images/SA.png) 0 0 no-repeat;width:117px;height:89px;text-align:center;font-family:Istok Web;color:#fff;font-size:18px;line-height:22px;text-shadow:0 -1px 0 rgba(0,0,0,.26);text-transform:uppercase;margin:20px 0 0 73px;padding:28px 0 0;}
.section2 .block .info .circle .large{font-size:36px;}
.section2 .block .infos{position:absolute;width:352px;margin:692px 0 0 538px;padding:0 0 742px;}
.section2 .block .infos .bluess{color:#00a2ff;font-family: 'Lobster';font-size:33px;line-height:41px;text-align:center;text-shadow: #fff 1px 0 0px, #fff 0 1px 0px, #fff -1px 0 0px, #fff 0 -1px 0px;}
.section2 .block .form_2{border:none;position:absolute;background:url(/i/svadebniy-vedushiy.png) 0 0 no-repeat;width:373px;height:373px;//margin:339px 0 0 668px;margin:260px 0 0 -15px;}
.section2 .block .form_2{text-align:center;font-family:Istok Web;font-size:36px;line-height:36px;color:#514d4d;padding:46px 0 17px;}
.section2 .large{color:#fff;font-size:32px;font-weight: bold;text-decoration:none;text-shadow: #0090ff 2px 0 2px, #0090ff 0 2px 2px, #0090ff -2px 0 2px, #0090ff 0 -2px 2px;}
.section2 .block .form_2 #form_2 .first_name #first_name,.section2 .block .form_2 #form_2 .phone #phone,.section2 .block .form_2 #form_2 .email #email{border:none;width:188px;height:34px;font-size:14px;font-family:Istok Web;color:#8595a6;background:url(../images/NK.png) 0 0 no-repeat;margin:0 0 8px 79px;padding:0 13px;}
.section2 .block .form_2 #form_2 .submit #submit{border:none;background:url(../images/QQ.png) 0 0 no-repeat;width:174px;height:50px;color:#FFF;font-size:16px;text-transform:uppercase;font-family:Istok Web;cursor:pointer;margin:146px 0 13px 0px;padding:0 0 5px;}

.section3{width:100%;min-width:970px;background: url(../i/konfeti.png) repeat-x !important;}
.section3 .block{width:970px;margin:0 auto;}
.section3 .block .title{font-family:Istok Web;font-size:38px;font-style: italic;color:#444;text-transform:uppercase;padding:29px 0 0px;text-align: center;}
.section3 .block .title h1{font-family:'Exo 2', sans-serif;font-size:38px;color:#444;text-transform:uppercase;padding:29px 0 0px;text-align: center;}
.section3 .block table{border-spacing:0;}
.section3 .block table tr td{width:100%;font-family:Istok Web;font-size:16px;color:#444;height:103px;padding:18px 10px 18px 180px;}
.section3 .block table tr .item1{background:url(../i/wedding-1.gif) 0 50% no-repeat;}
.section3 .block table tr .item2{background:url(../i/wedding-2.gif) 0 50% no-repeat;}
.section3 .block table tr .item3{background:url(../i/wedding-3.gif) 0 50% no-repeat;}
.section3 .block table tr .item4{background:url(../i/wedding-4.gif) 0 50% no-repeat;}
.section3 .block table tr .item5{background:url(../i/wedding-5.gif) 0 50% no-repeat;}
.section3 .block table tr .item6{background:url(../i/wedding-6.gif) 0 50% no-repeat;}
.section3 .block table tr .item7{background:url(../i/wedding-7.gif) 0 50% no-repeat;}
.section3 .block table tr .item8{background:url(../i/wedding-8.gif) 0 50% no-repeat;}
.section3 .block table tr .item9{background:url(../i/wedding-9.gif) 0 50% no-repeat;}
.section3 .block table tr .item10{background:url(../i/wedding-10.gif) 0 50% no-repeat;}
.section3 .block table tr .item10 a{color:#e3097b;}

.section4{width:100%;min-width:970px;height:377px;background:url(../images/EL.jpg) 50% 0 no-repeat;}
.section4 .block{width:970px;height:377px;background:url(../images/FW2.png) 2px 82px no-repeat;margin:0 auto;}
.section4 .block .title{text-align:center;font-family:'Exo 2', sans-serif;font-size:38px;color:#FFF;text-transform:uppercase;padding:11px 0;}
.section4 .block .item_1{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 8px;}
.section4 .block .item__1{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 15px;}
.section4 .block .item_2{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 169px;}
.section4 .block .item__2{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 175px;}
.section4 .block .item_3{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 329px;}
.section4 .block .item__3{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 335px;}
.section4 .block .item_4{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 488px;}
.section4 .block .item__4{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 495px;}
.section4 .block .item_5{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 649px;}
.section4 .block .item__5{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 655px;}
.section4 .block .item_6{position:absolute;font-family:Istok Web;font-size:24px;color:#fffc00;margin:228px 0 0 809px;}
.section4 .block .item__6{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#FFF;margin:81px 0 0 815px;}
.section5{width:100%;min-width:970px;height:605px;background:url(../i/gallery-bg.jpg) repeat;}
.section5 .block{width:970px;height:605px;margin:0 auto;}
.section5 .block .title{text-align:center;font-family:'Exo 2', sans-serif;font-size:38px;color:#556373;text-transform:uppercase;padding:17px 0 6px;}
.section5 .block .subtitle{text-align:center;font-family:Istok Web;font-size:24px;text-transform:uppercase;margin:0 0 20px;}
.section5 .block .photo_ .photo_1,.section5 .block .photo_ .photo_2,.section5 .block .photo_ .photo_3,.section5 .block .photo_ .photo_4,.section5 .block .photo_ .photo_5,.section5 .block .photo_ .photo_6{display:inline-block;width:305px;height:205px;cursor:pointer;margin:0 22px 18px 0;}
.section5 .block .photo_ .photo_3,.section5 .block .photo_ .photo_6{margin:0 0 18px;}
.section5 .block .photo_ .photo_1 img,.section5 .block .photo_ .photo_2 img,.section5 .block .photo_ .photo_3 img,.section5 .block .photo_ .photo_4 img,.section5 .block .photo_ .photo_5 img,.section5 .block .photo_ .photo_6 img{position:absolute;}
.section5 .block .photo_ .photo_1 .caption,.section5 .block .photo_ .photo_2 .caption,.section5 .block .photo_ .photo_3 .caption,.section5 .block .photo_ .photo_4 .caption,.section5 .block .photo_ .photo_5 .caption,.section5 .block .photo_ .photo_6 .caption{position:absolute;background:rgba(0,0,0,.67);text-align:center;width:305px;font-family:Istok Web;font-size:16px;color:#FFF;margin:181px 0 0;padding:1px 0;}
.section5 .block .video_ .video_1,.section5 .block .video_ .video_2,.section5 .block .video_ .video_3{display:inline-block;width:305px;height:229px;margin:0 22px 0 0;}
.section5 .block .video_ .video_3{margin:0;}
.section5 .block .tamada_ .tamada_1,.section5 .block .tamada_ .tamada_2,.section5 .block .tamada_ .tamada_3{display:inline-block;width:305px;height:229px;margin:0 22px 0 0;}
.section5 .block .tamada_ .tamada_3{margin:0;}

.section5 .block .subtitle .photo,.section5 .block .subtitle .video,.section5 .block .subtitle .tamada{display:inline-block;background:#ccc;color:#566473;cursor:pointer;padding:2px 10px 0 12px;}
.section5 .block .subtitle .photo:hover,.section5 .block .subtitle .photo.active,.section5 .block .subtitle .video:hover,.section5 .block .subtitle .video.active,.section5 .block .subtitle .tamada:hover,.section5 .block .subtitle .tamada.active{background:#fac;color:#fff;}
.section5 .block .photo_,.section5 .block .video_,.section5 .block .tamada_{display:none;}
.section5 .block .photo_.active,.section5 .block .video_.active,.section5 .block .tamada_.active{display:block;}

.section{width:100%;height:469px;min-width:970px;}
.section .block{width:970px;height:469px;margin:0 auto;}
.section .block .title{text-align:center;font-family:Istok Web;font-size:48px;color:#556373;text-transform:uppercase;padding:15px 0 34px;}
.section .block .price_1,.section6 .block .price_2,.section6 .block .price_3,.section6 .block .price_4,.section6 .block .price_5,.section6 .block .price_6,.section6 .block .price_7,.section6 .block .price_8{width:225px;height:90px;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);display:block;float:left;margin:0 20px 20px 0;padding:176px 0 0;}
.section .block .price_1{background:url(../images/AR.png) 50% 25px no-repeat #fff;}
.section .block .price_2{background:url(../images/QJ.png) 50% 25px no-repeat #fff;}
.section .block .price_3{background:url(../images/VY.png) 50% 25px no-repeat #fff;}
.section .block .price_4{background:url(../images/QT.png) 50% 25px no-repeat #fff;}
.section .block .price_5{background:url(../images/BT.png) 50% 25px no-repeat #fff;}
.section .block .price_6{background:url(../images/UH.png) 50% 25px no-repeat #fff;}
.section .block .price_7{background:url(../images/VV.png) 50% 25px no-repeat #fff;}
.section .block .price_8{background:url(../images/VC.png) 50% 25px no-repeat #fff;}
.section .block .price_4,.section6 .block .price_8{margin:0 0 20px;}
.section .block .price_1 .name,.section6 .block .price_2 .name,.section6 .block .price_3 .name,.section6 .block .price_4 .name,.section6 .block .price_5 .name,.section6 .block .price_6 .name,.section6 .block .price_7 .name,.section6 .block .price_8 .name{display:block;width:225px;text-align:center;font-family:Istok Web;font-size:18px;line-height:22px;color:#566473;}
.section .block .price_1 .price,.section6 .block .price_2 .price,.section6 .block .price_3 .price,.section6 .block .price_4 .price,.section6 .block .price_5 .price,.section6 .block .price_6 .price,.section6 .block .price_7 .price,.section6 .block .price_8 .price{float:left;font-family:Istok Web;font-size:30px;line-height:40px;color:#2fa2e2;text-align:center;}
.section .block .price_1 .price,.section6 .block .price_2 .price,.section6 .block .price_3 .price,.section6 .block .price_4 .price,.section6 .block .price_8 .price{margin:0 0 0 49px;}
.section .block .price_1 .price_,.section6 .block .price_2 .price_,.section6 .block .price_3 .price_,.section6 .block .price_4 .price_,.section6 .block .price_5 .price_,.section6 .block .price_6 .price_,.section6 .block .price_7 .price_,.section6 .block .price_8 .price_{float:left;font-family:Istok Web;font-size:14px;color:#2fa2e2;text-align:center;line-height:17px;background:url(../images/RG.jpg) 0 17px no-repeat;margin:4px 0 0 10px;}
.section .block .price_5 .price__,.section6 .block .price_6 .price__,.section6 .block .price_7 .price__{float:left;font-family:Istok Web;font-size:14px;color:#2fa2e2;text-align:center;line-height:17px;margin:4px 10px 0 37px;}
.section6{width:100%;height:469px;min-width:970px;}
.section6 .block{width:970px;height:469px;margin:0 auto;}
.section6 .block .title{text-align:center;font-family:'Exo 2', sans-serif;font-size:38px;color:#556373;text-transform:uppercase;padding:15px 0 34px;}
.section6 .block .price_1{display:block;float:left;margin:0 0 20px 0;padding:16px 0 0;}
.section6 .block .price_1 .item{font-family:Istok Web;font-size:30px;font-weight: bold;line-height:35px;color:#fd0000;background:url(../i/svadba-moscow.gif) 0 0 no-repeat;padding:0 0 117px 205px;}
.section6 .block .price_1 .name{display:block;width:225px;text-align:center;font-family:Istok Web;font-size:18px;line-height:22px;color:#566473;}
.section6 .block .price_1 .price{float:left;font-family:Istok Web;font-size:18px;line-height:26px;color:#2fa2e2;text-align:left;margin: 12px 20px 0;}
.section6 .block .price_1 .aprice h4{float:left;font-family:Istok Web;font-size:20px;line-height:24px;color:#fd0000;text-align:left;margin:25px 20px 0;}
.section6 .block .price_1 .aprice p{float:left;font-family:Istok Web;font-size:16px;line-height:24px;color:#444;text-align:left;padding-left: 20px;font-weight: bold;}
.section6 .block .price_1 .aprice {color:#444;}
.section6 .block .price_1 .price_{float:left;font-family:Istok Web;font-size:14px;color:#2fa2e2;text-align:center;line-height:17px;background:url(../images/RG.jpg) 0 17px no-repeat;margin:4px 0 0 10px;}
.section7{width:100%;height:392px;min-width:970px;background:url(../images/BO.jpg) 50% 0 no-repeat;}
.section7 .block{width:970px;height:392px;margin:0 auto;}
.section7 .block .title{font-family:'Exo 2', sans-serif;font-size:38px;color:#FFF;text-transform:uppercase;padding:29px 0 29px;}
.section7 .block .photo{position:absolute;width:494px;height:425px;background:url(../images/GG.png) 0 0 no-repeat;margin:-136px 0 0 460px;}
.section7 .block .item{font-family:Istok Web;font-size:24px;line-height:29px;color:#fff;background:url(../images/BG.png) 0 0 no-repeat;padding:0 0 40px 64px;}

.sectionl{width:100%;height:392px;min-width:970px;background:url(../i/lovestory.jpg) 50% 0 no-repeat;}
.sectionl .block{width:670px;height:392px;margin:0 auto;padding:0 0 0 329px;}
.sectionl .block .title{font-family:Istok Web;font-size:48px;color:#FFF;text-transform:uppercase;padding:24px 0 29px;}
.sectionl .block .photo{position:absolute;width:494px;height:425px;background:url(../images/GG.png) 0 0 no-repeat;margin:-151px 0 0 524px;}
.sectionl .block .item{font-family:Istok Web;font-size:24px;line-height:29px;color:#fff;background:url(../images/BG.png) 0 0 no-repeat;padding:0 0 28px 64px;}
.scrollbox {
font-family:Istok Web;font-size:16px;color:#FFF;
	overflow: auto;
	max-height: 247px;
	margin: 0px auto;
	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,

	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}

.section8{width:100%;height:350px;min-width:520px;background:url(../images/OC.jpg) 50% 0 no-repeat;}
.section8 .block{width:980px;height:350px;margin:0 auto;}
.section8 .block .title{font-family:'Exo 2', sans-serif;font-size:38px;color:#556373;text-transform:uppercase;text-align:center;padding:27px 0 16px;}
.section8 .block .mo{font-family:Istok Web;font-size:18px;color:#556373;text-align:center;}
.section8 .block .left{float:left;width:248px;height:145px;text-align:center;font-family:Istok Web;font-size:16px;line-height:24px;color:#FF6091;margin:0 10px 0 0;padding:20px 0 0;}
.section8 .block .center{float:left;width:210px;height:145px;background:url(../images/VI.png) 50% 100% no-repeat;background-position-x: initial;text-align:center;font-family:Istok Web;font-size:16px;line-height:24px;color:#FF6091;padding:20px 0 0 145px;}
.section8 .block .right{float:left;width:210px;height:145px;background:url(../images/VII.png) 50% 100% no-repeat;background-position-x: initial;text-align:center;font-family:Istok Web;font-size:16px;line-height:24px;color:#FF6091;padding:20px 0 0 145px;}
.section8 .block .left .price,.section8 .block .right .price,.section8 .block .center .price{font-family:Istok Web;font-size:30px;line-height:36px;text-transform:uppercase;}

.section9{width:100%;min-width:970px;}
.section9 .block{width:970px;margin:0 auto;}
.section9 .block .title{font-family:'Exo 2', sans-serif;font-size:38px;line-height:57px;color:#556373;text-transform:uppercase;text-align:center;padding:25px 0;}
.section9 .block table{border-spacing:0;}
.section9 .block table tr td{width:410px;border-bottom:1px solid #e1e7ed;}
.section9 .block table tr.last td{border-bottom:none;}
.section9 .block table tr .separator,.section9 .block table tr .icon_1,.section9 .block table tr .icon_2,.section9 .block table tr .icon_3,.section9 .block table tr .icon_4,.section9 .block table tr .icon_5{width:140px;}
.section9 .block table tr .icon_1{background:url(../i/wedding-11.gif) 50% 50% no-repeat;}
.section9 .block table tr .icon_2{background:url(../i/wedding-12.gif) 50% 50% no-repeat;}
.section9 .block table tr .icon_3{background:url(../i/wedding-13.gif) 50% 50% no-repeat;}
.section9 .block table tr .icon_4{background:url(../i/wedding-14.gif) 50% 50% no-repeat;}
.section9 .block table .header td .background_grey{background:#e1e7ed;font-family:Istok Web;font-size:24px;text-transform:uppercase;color:#566473;padding:0 11px 1px 9px;}
.section9 .block table .header td .background_green{background:#e37f84;font-family:Istok Web;font-size:24px;text-transform:uppercase;color:#FFF;padding:0 11px 1px 9px;}
.section9 .block table .default td{font-family:Istok Web;font-size:16px;line-height:19px;color:#566473;padding:13px 0 24px;}
.section9 .block table .default td .large_grey{font-family:Istok Web;font-size:24px;line-height:28px;color:#566473;display:block;padding:0 0 7px;}
.section9 .block table .default td .large_green{font-family:Istok Web;font-size:24px;line-height:29px;color:#e37f84;display:block;padding:0 0 7px;}

.section10{width:100%;min-width:970px;background:url(../images/BJ.jpg) 50% 0 no-repeat repeat;}
.section10 .block{width:970px;margin:0 auto;}
.section10 .block .title{font-family:'Exo 2', sans-serif;font-size:38px;line-height:57px;color:#566473;text-transform:uppercase;text-align:center;padding:22px 0 27px;}
.section10 .block .review_1{position:absolute;width:912px;height:277px;background:url(../images/HI.png) 0 0 no-repeat;color:#556373;font-family:Istok Web;font-size:16px;line-height:19px;margin:0;padding:24px 22px 0 26px;}
.section10 .block .review_2{position:absolute;width:735px;height:278px;background:url(../images/TS.png) 0 0 no-repeat;color:#556373;font-family:Istok Web;font-size:16px;line-height:19px;margin:195px 0 0;padding:24px 22px 0 26px;}
.section10 .block .review_3{position:absolute;width:734px;height:277px;background:url(../images/AM.png) 0 0 no-repeat;color:#556373;font-family:Istok Web;font-size:16px;line-height:19px;margin:390px 0 0 178px;padding:24px 22px 0 26px;}
.section10 .block .review_4{position:absolute;width:735px;height:278px;background:url(../images/AN.png) 0 0 no-repeat;color:#556373;font-family:Istok Web;font-size:16px;line-height:19px;margin:585px 0 0;padding:24px 22px 0 26px;}
.section10 .block .review_5{position:absolute;width:734px;height:276px;background:url(../images/KU.png) 0 0 no-repeat;color:#556373;font-family:Istok Web;font-size:16px;line-height:19px;margin:779px 0 0 178px;padding:24px 22px 0 26px;}
.section11{width:100%;height:368px;min-width:970px;background:url(../images/VR.jpg) 50% 0 no-repeat;}
.section11 .block{width:970px;height:368px;margin:0 auto;}
.section11 .block .certificates{overflow:hidden;width:970px;}
.section11 .block .certificates .scans{width:2880px;}
.section11 .block .certificates .scans img{margin:0 1px;}
.section12{width:100%;height:287px;min-width:970px;}
.section12 .block{width:970px;height:287px;margin:0 auto;}
.section12 .block .title{font-family:Istok Web;font-size:48px;color:#556373;text-transform:uppercase;text-align:center;padding:14px 0 20px;}
.section12 .block .bx-wrapper{position:relative;margin:0 auto;padding:0;}
.section12 .block .bx-wrapper .bx-viewport{background:none;border:none;box-shadow:none;left:0;}
.section12 .block .bx-wrapper .bx-controls-direction a{height:58px;margin-top:-29px;outline:none;position:absolute;text-indent:-9999px;top:50%;width:16px;z-index:9999;}
.section12 .block .bx-wrapper .bx-prev{background:url(../images/UU.png) 0 0 no-repeat;left:-29px;}
.section12 .block .bx-wrapper .bx-next{background:url(../images/GR.png) 0 0 no-repeat;right:-29px;}
.section12 .block .bx-wrapper .bx-prev:hover,.section12 .block .bx-wrapper .bx-next:hover{background-position:0 0;}
.section13{width:100%;height:281px;min-width:970px;background:url(../images/AF.jpg) 50% 0 no-repeat;}
.section13 .block{width:970px;height:354px;margin:0 auto;}
.section13 .block .form_2{position:absolute;background:url(../images/TF.png) 0 0 no-repeat;width:373px;height:373px;margin:-50px 0 0 293px;}
.section13 .block .form_2 .large{text-align:center;font-family:Istok Web;font-size:24px;line-height:29px;color:#514d4d;text-transform:uppercase;padding:62px 0 10px;}
.section13 .block .form_2 #form_2 .first_name #first_name,.section13 .block .form_2 #form_2 .phone #phone,.section13 .block .form_2 #form_2 .email #email{border:none;width:188px;height:34px;font-size:14px;font-family:Istok Web;color:#8595a6;background:url(../images/NK.png) 0 0 no-repeat;margin:0 0 8px 79px;padding:0 13px;}
.section13 .block .form_2 #form_2 .submit #submit{border:none;background:url(../images/QQ.png) 0 0 no-repeat;width:174px;height:47px;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,.26);font-size:24px;text-transform:uppercase;font-family:Istok Web;cursor:pointer;margin:13px 0 13px 99px;padding:0 0 5px;}
.section14{width:100%;height:422px;min-width:970px;}
.section15{width:100%;min-width:970px;background:url(../images/AC.jpg) 50% 100% repeat;}
.section15 .block{width:970px;margin:0 auto;}
.section15 .block .address{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#566473;margin:13px 0 0;}
.section15 .block .phones{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#566473;text-align:center;margin:13px 0 0 417px;}
.section15 .block .mail{position:absolute;font-family:Istok Web;font-size:16px;line-height:19px;color:#566473;margin:13px 0 0 829px;}
.section15 .block .form_1{border:none;position:absolute;color:#fff;font-family:Istok Web;font-size:12px;text-shadow:0 -1px 0 rgba(0,0,0,.26);text-transform:uppercase;width:205px;height:24px;cursor:pointer;background:url(../images/OV.png) 0 0 no-repeat;margin:97px 0 0 377px;padding:0 0 2px;}
.section15 .block .logo{position:absolute;width:278px;height:90px;background:url(../i/logo.gif) 0 0 no-repeat;margin:20px 0 0;}
.section15 .block .title{position:absolute;text-align:center;color:#556373;font-family:Istok Web;font-size:16px;font-style:italic;margin:34px 0 0 305px;}
.section15 .block .developer{position:absolute;font-family:Istok Web;font-size:14px;line-height:24px;background:url(/i/evaio.png) 0 50% no-repeat;margin:33px 0 0 703px;padding:0 0 0 148px;}
.section15 .block .address .large,.section15 .block .phones .large,.section15 .block .mail .large{font-family:Istok Web;font-size:24px;line-height:24px;color:#566473;display:block;padding:0 0 12px;}
.section15 .block .mail a,.section15 .block .developer a{color:#2fa2e2;}
.share-wrapper,.share-action {
  width: 32px;
  height: 32px;
}
.share-wrapper {
  font: 14px, 'FontAwesome';
  position: relative;
  text-align: center;
}
.share-container {
  margin-left: 0px;
  margin-top:  0px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.05,.93,.61,1.6);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  width: 0px;
  height: 0px;
  background: #fff;
}
.share-action:hover ~ .share-container,
.share-container:hover {
  width: 100px;
  height: 100px;
 
  overflow: visible;
}
.share-container:after,
.share-container:before {
  position: absolute;
  background:  linear-gradient(rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%);
  z-index:4;
  margin: 0;
  transition: all 0.5s ease-in-out;
  content: '';
}
.share-container:before {
  background:  linear-gradient(left, rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%);
  height: 1px;
  margin: 50% 50%;
  width: 0%;
}
.share-action:hover ~ .share-container:before,
.share-container:hover:before {
  width: 85%;
  left: 0px;
  margin: 50% 7%;
}
.share-container:after {
  left: -1px;
  height: 0%;
  width: 1px;
  margin: 50% 50%;
}
.share-action:hover ~ .share-container:after,
.share-container:hover:after {
  height: 85%;
  margin: 7% 50%;
}
.share-action {
  display: inline-block;
  vertical-align: middle;
  z-index: 5;
  position: relative;
  background: linear-gradient(#fff 0%, #fff 100%);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5) inset, 0 0 0px 1px rgba(178, 33, 33, 0.5);
  line-height: 33px;
  color: #c5001c;
}
.share-btn {
  display:inline-block;
  width: 49%;
  height: 49%;
  position: absolute;
  z-indez:1;
  border-color: #92888f;
  border-style: solid;
  border-width: 0;
  font-size: 0px;
  color: #777777;
  overflow: hidden;
}
.share-action:hover ~ .share-container .share-btn ,
.share-container:hover .share-btn  {
  overflow: visible;
  font-size: 25px;
}
.share-btn:hover {
  background:linear-gradient(#8df 0%, #29d 100%);
  color: #ffffff;
  text-shadow: 0 -1px #4298e0;
}
.share-btn.tl {
  right: 50%;
  bottom: 50%;
}
.share-btn.tr {
  left: 50%;
  bottom: 50%;
}
.share-btn.br {
  left: 50%;
  top: 50%;
}
.share-btn.bl {
  right: 50%;
  top: 50%;
}
.share-btn {
  line-height: 50px;
text-decoration: none;
}
.rc50 {
  border-radius: 50%;
}
.rc50 .share-btn.tl {
  border-top-left-radius: 100%;
}
.rc50 .share-btn.tr {
  border-top-right-radius: 100%;
}
.rc50 .share-btn.br {
  border-bottom-right-radius: 100%;
}
.rc50 .share-btn.bl {
  border-bottom-left-radius: 100%;
}
.rc50.share-container .share-btn.tl {
  text-indent: 0px;
  line-height: 55px;
}
.rc50.share-container .share-btn.tr {
  text-indent: -5px;
  line-height: 50px;
}
.rc50.share-container .share-btn.br {
  line-height: 46px;
  text-indent: -2px;
}
.rc50.share-container .share-btn.bl {
  text-indent: 2px;
  line-height: 47px;
}
.rc10 {
  border-radius: 10%;
}
.below .share-btn.tl,
.rc10 .share-btn.tl {
  line-height: 50px;
}
.below .share-btn.tr,
.rc10 .share-btn.tr {
  line-height: 45px;
  text-indent: 3px;
}
.below .share-btn.br,
.rc10 .share-btn.br {
  line-height: 50px;
}
.below .share-btn.bl,
.rc10 .share-btn.bl {
  text-indent: -2px;
  line-height: 55px;
}
.rc10 .share-btn.tl {
  border-top-left-radius: 20%;
}
.rc10 .share-btn.tr {
  border-top-right-radius: 20%;
}
.rc10 .share-btn.br {
  border-bottom-right-radius: 20%;
}
.rc10 .share-btn.bl {
  border-bottom-left-radius: 20%;
}
 
/** positions **/
 
.below.share-wrapper {
  left: 64%;
  top: 67px;
z-index:300;
}
.bottom.share-wrapper {
  margin: 25% auto 0;
}

.below .share-container {
  position: absolute;
  top: 50%;
  left: 50%;
}
.bottom .share-container,
.top .share-container {
  position: absolute;
  top: 0%;
  left: 0%;
}

.bottom .share-action:hover ~ .share-container .share-btn:nth-child(1):after,
.bottom .share-container:hover .share-btn:nth-child(1):after {
  content: '';
  border: 11px solid transparent;
  border-bottom-color: #fff;
  border-top: none;
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  margin-left: -11px;
  margin-top: -11px;
}

.bottom .share-action:hover:after,
.top .share-action:hover:after {
  width: 200%;
  height: 20px;
  left: -50%;
  top: 100%;
}

.below .share-container,
.top .share-container,
.right .share-container,
.bottom .share-container {
  top : 0%;
  left: 50%;
}
.left .share-container {
  top : 0%;
  right: 50%;
}
.below .share-action:hover ~ .share-container,
.below .share-container:hover {
  top: -100%;
  left: -100%;
}
.bottom .share-action:hover ~ .share-container,
.bottom .share-container:hover {
  margin-left: 0px;
  left: -100%;
  top: 50px;
}
.bottom .rc10 .share-btn {
  text-indent: 0;
  line-height: 50px;  
}
.bottom .share-container .share-btn.tl {
  line-height: 55px;  
}



@font-face{
    font-family:FontAwesome;
    src:url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'),
    url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
    url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
    url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg');
    font-weight:400;font-style:normal;}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
 
  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-facebook:before             { content: "\f09a"; }
.icon-twitter:before              { content: "\f099"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-google-plus:before          { content: "\f055"; }
.icon-share:before                { content: "\f045"; }

.social-fixed{left:0; position:fixed; top:235px; z-index:9999999;}
.item-social{display:block;width:43px;margin-bottom:1px;overflow:hidden;cursor:pointer;}
.item-social:hover{width:144px;}
.item-social .table-item li{display:inline-block;vertical-align:middle;}
.item-social.item-facebook{background-color:#39599f;}
.item-social.item-blog{background-color:#f8bc2e;}
.item-social.item-youtube{background-color:#cc181e;}
.item-social.item-vkontakte{background-color:#1872bf;}
.item-social .table-item .ic-social{width:44px;height:44px;border-right:1px solid rgba(255,255,255,0.5);}
.item-social .table-item .text-social{font-family:Istok Web;color:#fff;padding-left:10px;}
.item-social .table-item .text-social a{color:#fff;text-decoration: none;}
.table-item{width:144px;}

/* Боковая панель навигации выдвигающаяся справа */
.navi {
    width: 320px;
    min-width: 320px;
    height: 300px;
    position: fixed;
    top: 100px;
    bottom: 0;
    margin: 0;
    right: -320px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    background: #fd3c5f;
    z-index: 2000 !important;
}

.green {
    width: 320px;
    min-width: 320px;
    height: 320px;
    position: fixed;
    top: 100px;
    bottom: 0;
    margin: 0;
    right: -320px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    background: #008000 !important;
    z-index: 2001 !important;
}

/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle {
    position: absolute;
    right: 320px;
    top: 30%;
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    color: #fff;
font-family: Istok Web;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
    z-index: 2001;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

.nav-toggle2 {
    position: absolute;
    right: 320px;
    top: 55%;
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: green;
    color: #fff;
font-family: Istok Web;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
    z-index: 1000 !important;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}
.nav-toggle:after {content: 'Галстук-бабочки';text-decoration: none;}
.nav-toggle2:after {content: 'Школа Танцев';text-decoration: none;}
/* цвет текста при наведении */
.nav-toggle:hover {color: #f4f4f4;}
[id='nav-toggle'] {position: absolute;display: none;}
[id='nav-toggle']:checked ~ .navi > .nav-toggle {left: auto;right: 2px;top: 1em;}
[id='nav-toggle']:checked ~ .navi {
    right: 0;
    box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;overflow-x: hidden;
}
[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    transform: translateX(-320px);
}
[id='nav-toggle']:checked ~ .navi > .nav-toggle:after {content: '\2715';}

/* цвет текста при наведении 2*/
.nav-toggle2:hover {color: #f4f4f4;}
[id='nav-toggle2'] {position: absolute;display: none;}
[id='nav-toggle2']:checked ~ .navi > .nav-toggle2 {left: auto;right: 2px;top: 1em;}
[id='nav-toggle2']:checked ~ .navi {
    right: 0;
    box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;overflow-x: hidden;
}
[id='nav-toggle2']:checked ~ main > article {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    transform: translateX(-320px);
}
[id='nav-toggle2']:checked ~ .navi > .nav-toggle2:after {content: '\2715';}


/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}
/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */
@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}
@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .navi {
      width: 100%;
      box-shadow: none
    }
}
.navi h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
	padding: 15px 20px;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}
.navi h2 a {
font-family: Istok Web;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
[id='nav-toggle']:checked ~ .navi h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
.navi > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
	padding: 15px 20px;
}
.navi > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}
[id='nav-toggle']:checked ~ .navi > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.navi > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}
.navi > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}
.navi > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}
.navi > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}
.navi > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}
.navi > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}
.navi > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-family: 'Istok Web', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #fff;
    width: 100%;
    text-decoration: none;
    /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}
.navi > ul > li > a:hover,
.navi > ul > li > a:focus {
    color: white;
    padding-left: 15px;
}
.navi > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}
.navi > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}
.navi > ul > li > a:hover:before {
    width: 0%;
    background: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}
.navi > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}
.navi p {
display: inline-block;
position: relative;
font-family: 'Istok Web', sans-serif;
font-weight: 300;
font-size: 1em;
color: #fff8d2;
width: 100%;
text-decoration: none;
padding: 6px 20px;
-webkit-transition: color .5s ease, padding .5s ease;
-moz-transition: color .5s ease, padding .5s ease;
transition: color .5s ease, padding .5s ease;
}
.navi .logo{padding: 20px 0px 0px 20px !important;}
.box-modal {position: relative;width: 500px;padding: 16px;background: #fff;color: #3c3c3c;font: 14px/18px Istok Web;box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);border-radius: 6px;}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }
.container-faq{padding:30px 0 5px 0;font-family: Istok Web;}
.container-faq ul{text-align: left;margin:0;padding:0;list-style:none;}
.container-faq ul li{padding-left:35px;background:url(/i/list_arrow_bottom.png) 15px 6px no-repeat;margin-bottom:18px;}
.container-faq ul li.active{background:url(/i/list_arrow_right.png) 15px 5px no-repeat;}
.container-faq ul li .text{display:none;padding:5px 0 5px;}
.container-faq h2{font-weight:900;margin:0;font-size:20px;color:#3477b7;border-bottom:1px dashed #3477b7;display:inline;cursor:pointer;}
.container-faq h2:hover{border-bottom:1px dashed transparent;}
.slider {z-index: 9;width: 675px;height: 450px;overflow: hidden;margin:0 auto;position: relative;}
.slider ul, .slider li {padding: 0;margin: 0;list-style-type: none;}
.slider ul {width: 99999px;}
.slider ul li {list-style-type: none;float: left;width: 675px;height: 450px;}
.slider .nav {position: absolute;left: 40px;bottom: 4px;}
.slider .nav span {opacity: 0.9;background: #999;margin: 0 8px 0 0;width: 12px;height: 12px;border-radius: 8px;cursor: pointer;overflow: hidden;display: block;float: left;box-shadow: 0 1px 2px #000;}
.slider .nav span.on {background: #fac;}
#intervyu {margin: 0px;z-index: 2;position: fixed;top: 60%;left: 20px;}