/* font */ @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=latin,cyrillic); @font-face { font-family: 'Roboto Slab', serif; } @font-face { font-family: "MuseoSansCyrl-900"; src: url('../fonts/MuseoSansCyrl-900.eot'); src: url('../fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-900.otf') format('opentype'), url('../fonts/MuseoSansCyrl-900.svg'), url('../fonts/MuseoSansCyrl-900.woff') format('woff'), url('../fonts/MuseoSansCyrl-900.ttf') format('truetype'); } @font-face { font-family: "MuseoSansCyrl-700"; src: url('../fonts/MuseoSansCyrl-700.eot'); src: url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-700.otf') format('opentype'), url('../fonts/MuseoSansCyrl-700.svg'), url('../fonts/MuseoSansCyrl-700.woff') format('woff'), url('../fonts/MuseoSansCyrl-700.ttf') format('truetype'); } @font-face { font-family: "MuseoSansCyrl-500"; src: url('../fonts/MuseoSansCyrl-500.eot'); src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-500.otf') format('opentype'), url('../fonts/MuseoSansCyrl-500.svg'), url('../fonts/MuseoSansCyrl-500.woff') format('woff'), url('../fonts/MuseoSansCyrl-500.ttf') format('truetype'); } @font-face { font-family: "MuseoSansCyrl-300"; src: url('../fonts/MuseoSansCyrl-300.eot'); src: url('../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-300.otf') format('opentype'), url('../fonts/MuseoSansCyrl-300.svg'), url('../fonts/MuseoSansCyrl-300.woff') format('woff'), url('../fonts/MuseoSansCyrl-300.ttf') format('truetype'); } @font-face { font-family: "MuseoSansCyrl-100"; src: url('../fonts/MuseoSansCyrl-100.eot'); src: url('../fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-100.otf') format('opentype'), url('../fonts/MuseoSansCyrl-100.svg'), url('../fonts/MuseoSansCyrl-100.woff') format('woff'), url('../fonts/MuseoSansCyrl-100.ttf') format('truetype'); } /* body */ html, body { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-size:16px; line-height:24px; text-indent:0; text-align:justify; width:100%; height:100%; margin:0 auto; padding:0; color:#000000; background:#1a1d2c; -webkit-text-size-adjust: none; } body img {border:none;} a {text-decoration:none;} a:link {color:#707070;} a:visited {color:#707070;} a:hover {color:#707070;} a:active {color:#707070;} .clear {clear:both;} /* top */ #top-w { width:265px; height:100%; padding:0; margin:0; background:#1a1d23; z-index:60; position: fixed; left:0; top:0; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } #top { width:265px; height:100%; margin:0; padding:0; position:relative; text-align:center; } #top a.logo { width:265px; height:190px; margin:0; padding:0; position:relative; text-align:center; float:left; background:url('../images/1.png') no-repeat center center #ffffff; -webkit-background-size: 190px 105px; -moz-background-size: 190px 105px; -o-background-size: 190px 105px; background-size: 190px 105px; } #home { width:265px; padding:0; position:absolute; left:0; top:50%; margin-top:-110px; z-index:65; } #menu { width:265px; height:100%; margin:0; float:left; padding:0; position:relative; text-align:center; } #menu ul { display:block; list-style:none; margin:0; padding:0; } #menu ul li { margin:0; padding:0; } #menu ul li a { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; cursor:pointer; color:#5a606f; display:block; float:left; padding:0 0 0 10px; margin:8px 0 8px 40px; border-left:2px solid #26292e; } #menu ul li a.current, #menu ul li a:hover { color:#959bab; padding:0 0 0 9px; border-left:3px solid #a9acb1; } .t1 { width:265px; padding:0; margin:0; position:absolute; left:0; bottom:30px; z-index:65; } .t1-1 { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#9296a2; display:block; float:left; padding:0; margin:5px 0 5px 40px; background: url(../images/7.png) no-repeat center left; } .t1-1 a { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:38px; line-height:17px; cursor:default; color:#ffffff; display:block; padding:10px 0 7px 45px; margin:0; } .t1-3 { display:none; font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#03153d; float:right; padding:0; margin:0 15px 0 0; } .t1-3 a { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:38px; line-height:62px; cursor:default; color:#03153d; display:block; height:60px; padding:0 60px 0 0; margin:0; background:url('../images/2.png') no-repeat center right; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -o-background-size: 50px 50px; background-size: 50px 50px; } .t1-2 { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#9296a2; display:block; float:left; padding:7px 0 7px 45px; margin:5px 0 5px 40px; background:url('../images/8.png') no-repeat center left; } #opennav { display: none; background:#ffffff; border:none; width:60px; height:60px; padding:0; margin:0; overflow:hidden; float:left; cursor:pointer; outline:none; z-index:70; position:relative; } #opennav:after { content:''; position:absolute; width:56%; height:4px; background:#03153d; top:18px; left:22%; box-shadow: 0 11px 0 #03153d, 0 22px 0 #03153d; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #closenav { display: none; background:#ffffff; border:none; width:60px; height:60px; padding:0; margin:0; overflow:hidden; float:left; cursor:pointer; outline:none; z-index:70; position:relative; } #closenav:after { content:''; position:absolute; width:56%; height:4px; background:#03153d; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:28px; left:22%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #closenav:before { content:''; position:absolute; width:56%; height:4px; background:#03153d; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:28px; left:22%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #nav2 { display:block; list-style:none; margin:0; padding:40px 0; width:80%; height:100%; position:fixed; left:-80%; top:62px; background:#1a1d2c; overflow:auto; z-index:75; } #nav2 li { float:left; width:100%; margin:0; padding:0; vertical-align:middle; } #nav2 li a { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; cursor:pointer; color:#5a606f; display:block; float:left; padding:0 0 0 10px; margin:8px 0 8px 40px; border-left:2px solid #26292e; } #nav2 li a:hover { color:#959bab; padding:0 0 0 9px; border-left:3px solid #a9acb1; } /* экран до 1100px */ @media all and (max-width: 1100px) { #top-w { width:100%; height:60px; border-bottom: 2px solid #e0e0e0; padding:0; margin:0; background:#ffffff; z-index:60; position: fixed; left:0; top:0; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0); box-shadow: 0 2px 4px rgba(0, 0, 0, 0); } #top { width:100%; height:60px; margin:0; padding:0; position:relative; text-align:center; } #top a.logo { display:none; width:265px; height:190px; margin:0; padding:0; position:relative; text-align:center; float:left; background:url('../images/1.png') no-repeat center center #ffffff; -webkit-background-size: 190px 105px; -moz-background-size: 190px 105px; -o-background-size: 190px 105px; background-size: 190px 105px; } #home { display:none; width:265px; padding:0; position:absolute; left:0; top:50%; margin-top:-110px; z-index:65; } #menu { width:265px; height:100%; margin:0; float:left; padding:0; position:relative; text-align:center; } #menu ul { display:block; list-style:none; margin:0; padding:0; } #menu ul li { margin:0; padding:0; } #menu ul li a { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; cursor:pointer; color:#5a606f; display:block; float:left; padding:0 0 0 10px; margin:8px 0 8px 40px; border-left:2px solid #26292e; } #menu ul li a.current, #menu ul li a:hover { color:#959bab; padding:0 0 0 9px; border-left:3px solid #a9acb1; } .t1 { display:none; width:265px; padding:0; margin:0; position:absolute; left:0; bottom:30px; z-index:65; } .t1-1 { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#9296a2; display:block; float:left; padding:0; margin:5px 0 5px 40px; } .t1-1 a { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:38px; line-height:17px; cursor:default; color:#ffffff; display:block; padding:10px 0 7px 45px; margin:0; background:url('../images/7.png') no-repeat center left; } .t1-3 { display:block; font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#03153d; float:right; padding:0; margin:0 15px 0 0; } .t1-3 a { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:38px; line-height:62px; cursor:default; color:#03153d; height:60px; display:block; padding:0 60px 0 0; margin:0; background:url('../images/2.png') no-repeat center right; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -o-background-size: 50px 50px; background-size: 50px 50px; } .t1-2 { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:left; font-size:12px; line-height:17px; cursor:default; color:#9296a2; display:block; float:left; padding:7px 0 7px 45px; margin:5px 0 5px 40px; background:url('../images/8.png') no-repeat center left; } #opennav { display: block; background:#ffffff; border:none; width:60px; height:60px; padding:0; margin:0; overflow:hidden; float:left; cursor:pointer; outline:none; z-index:70; position:relative; } #opennav:after { content:''; position:absolute; width:56%; height:4px; background:#03153d; top:18px; left:22%; box-shadow: 0 11px 0 #03153d, 0 22px 0 #03153d; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #closenav { display: none; background:#ffffff; border:none; width:60px; height:60px; padding:0; margin:0; overflow:hidden; float:left; cursor:pointer; outline:none; z-index:70; position:relative; } #closenav:after { content:''; position:absolute; width:56%; height:4px; background:#03153d; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:28px; left:22%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #closenav:before { content:''; position:absolute; width:56%; height:4px; background:#03153d; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:28px; left:22%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #nav2 { display:block; list-style:none; margin:0; padding:40px 0; width:80%; height:100%; position:fixed; left:-80%; top:62px; background:#1a1d2c; overflow:auto; z-index:75; } #nav2 li { float:left; width:100%; margin:0; padding:0; vertical-align:middle; } #nav2 li a { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; cursor:pointer; color:#5a606f; display:block; float:left; padding:0 0 0 10px; margin:8px 0 8px 40px; border-left:2px solid #26292e; } #nav2 li a:hover { color:#959bab; padding:0 0 0 9px; border-left:3px solid #a9acb1; } } /* экран до 1100px */ @media all and (min-width: 1101px) { #opennav { opacity:0; } } /* экран до 530px */ @media all and (max-height:650px) { #top a.logo { width:265px; height:140px; margin:0; padding:0; position:relative; text-align:center; float:left; background:url('../images/1.png') no-repeat center center #ffffff; -webkit-background-size: 190px 105px; -moz-background-size: 190px 105px; -o-background-size: 190px 105px; background-size: 190px 105px; } } /* page */ #page { padding:0 0 0 265px; margin:0 auto; position:relative; background:#ffffff; } /* экран до 1100px */ @media all and (max-width: 1100px) { #page { padding:0; margin:0 auto; position:relative; background:#ffffff; } } /* box */ #box-w { display:none; width:100%; padding:70px 0; margin:60px 0 0 0; position:relative; text-align:left; background:#ffffff; } #box-w a.logo2 { display: block; width:240px; height:133px; margin:0 auto; padding:0; position:relative; text-align:center; background:url('../images/1.png') no-repeat center center; -webkit-background-size: 240px 133px; -moz-background-size: 240px 133px; -o-background-size: 240px 133px; background-size: 240px 133px; } /* экран до 600px */ @media all and (max-width: 600px) { #box-w { display: block; width: 100%; padding: 70px 0; margin: 60px 0 0 0; position: relative; text-align: left; background: #ffffff; } #box-w a.logo2 { display: block; width: 240px; height: 133px; margin: 0 auto; padding: 0; position: relative; text-align: center; background: url('../images/1.png') no-repeat center center; -webkit-background-size: 240px 133px; -moz-background-size: 240px 133px; -o-background-size: 240px 133px; background-size: 240px 133px; } } /* экран до 420px */ @media all and (max-width: 420px) { #box-w { display: block; width: 100%; padding: 50px 0; margin: 60px 0 0 0; position: relative; text-align: left; background: #ffffff; } #box-w a.logo2 { display: block; width: 180px; height: 100px; margin: 0 auto; padding: 0; position: relative; text-align: center; background: url('../images/1.png') no-repeat center center; -webkit-background-size: 180px 100px; -moz-background-size: 180px 100px; -o-background-size: 180px 100px; background-size: 180px 100px; } } /* box-1 */ #box-1-w { width:100%; min-height:800px; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-1-w2 { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; top:0; background:rgba(0,0,0,0.65); z-index:1; } #video{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; } #video video { position:absolute; left:0; top:0; z-index:-1; min-width:100%; min-height:100%; overflow:hidden; } #box-1 { width:100%; max-width:1000px; padding:250px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:2; } #box-1 h2 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:38px; line-height:44px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-1 h3 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:60px; line-height:68px; padding:0; margin:10px 0 40px 0; cursor:default; color:#a3b7ff; } .h3-1, .h3-2, .h3-3, .h3-4, .h3-5, .h3-6, .h3-7 { position:absolute; } .lightGallery { width:240px; height:84px; padding:0; margin:0 0 0 -120px; position: absolute; left:50%; top:500px; z-index:20; } .lightGallery li { padding:0; margin:0; list-style-type: none; } .video-button { font-family: "MuseoSansCyrl-500"; font-weight:normal; text-align:left; font-size:19px; line-height:24px; width:135px; height:68px; padding:16px 0 0 105px; margin:0; position: relative; float:left; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:url('../images/b1.png') no-repeat top center; } .video-button:hover { background:url('../images/b2.png') no-repeat top center; } .video-button:hover, .video-button:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } .down { position: absolute; left: 0; right: 0; top: 750px; bottom: 0; margin: auto auto; width:22px; height:25px; cursor: pointer; background:url('../images/3.png') no-repeat top center; } /* экран до 880px */ @media all and (max-width: 880px) { #box-1-w { width:100%; min-height:600px; padding:0; margin:0; position:relative; text-align:left; } #box-1-w2 { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; top:0; background:url('../images/bg.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:1; } #video{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; display:none; } #video video { position:absolute; left:0; top:0; z-index:-1; min-width:100%; min-height:100%; overflow:hidden; } #box-1 { width:100%; max-width:1000px; padding:160px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:2; } #box-1 h2 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:38px; line-height:44px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-1 h3 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:48px; line-height:58px; padding:0; margin:10px 0 40px 0; cursor:default; color:#a3b7ff; } .h3-1, .h3-2, .h3-3, .h3-4, .h3-5, .h3-6, .h3-7 { position:absolute; } .down { position: absolute; left: 0; right: 0; top: 750px; bottom: 0; margin: auto auto; width:22px; height:25px; cursor: pointer; background:url('../images/3.png') no-repeat top center; } .lightGallery { width:240px; height:84px; padding:0; margin:0 0 0 -120px; position: absolute; left:50%; top:420px; z-index:20; } .lightGallery li { padding:0; margin:0; list-style-type: none; } .video-button { font-family: "MuseoSansCyrl-500"; font-weight:normal; text-align:left; font-size:19px; line-height:24px; width:135px; height:68px; padding:16px 0 0 105px; margin:0; position: relative; float:left; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:url('../images/b1.png') no-repeat top center; } .video-button:hover { background:url('../images/b2.png') no-repeat top center; } .video-button:hover, .video-button:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-1-w { width:100%; min-height:600px; overflow: hidden; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-1-w2 { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; top:0; background:url('../images/bg.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:1; display:none; } #video{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; display:none; } #video video { position:absolute; left:0; top:0; z-index:-1; min-width:100%; min-height:100%; overflow:hidden; } #box-1 { width:auto; max-width:1000px; padding:130px 20px 0 20px; margin:0 auto; position:relative; text-align:center; z-index:2; } #box-1 h2 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:30px; line-height:38px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-1 h3 { font-family: 'Roboto Slab', serif; font-weight:400; font-style:normal; text-align:center; font-size:36px; line-height:42px; padding:0; margin:10px 0 40px 0; cursor:default; color:#a3b7ff; } .h3-1, .h3-2, .h3-3, .h3-4, .h3-5, .h3-6, .h3-7 { position:absolute; } .down { display:none; left: 0; right: 0; top: 750px; bottom: 0; margin: auto auto; width:22px; height:25px; cursor: pointer; background:url('../images/3.png') no-repeat top center; } .lightGallery { width:240px; height:84px; padding:0; margin:0 0 0 -120px; position: absolute; left:50%; top:420px; z-index:20; } .lightGallery li { padding:0; margin:0; list-style-type: none; } .video-button { font-family: "MuseoSansCyrl-500"; font-weight:normal; text-align:left; font-size:19px; line-height:24px; width:135px; height:68px; padding:16px 0 0 105px; margin:0; position: relative; float:left; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:url('../images/b1.png') no-repeat top center; } .video-button:hover { background:url('../images/b2.png') no-repeat top center; } .video-button:hover, .video-button:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } } /* box-2 */ #box-2-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg2-1.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-2-l { width:50%; padding:0; margin:0; float:left; position:relative; text-align:center; } #box-2-r { width:50%; padding:0; margin:0; float:left; position:relative; text-align:center; } .box-2-l { max-width:540px; padding:80px 50px 90px 20px; margin:0; float:right; position:relative; text-align:center; } .box-2-r { max-width:540px; padding:80px 20px 90px 50px; margin:0; float:left; position:relative; text-align:center; } .box-2-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:32px; line-height:40px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-2-r h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:32px; line-height:40px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .line2 { width:100px; height:5px; padding:0; margin:25px 0 40px 0; cursor:default; background: #6e86db; } .box-2-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:30px; padding:20px 20px 20px 35px; margin:0 auto; cursor:default; color:#000000; background:url('../images/5.png') no-repeat 0 25px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; -o-background-size: 19px 19px; background-size: 19px 19px; } .box-2-l p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } .box-2-r p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:30px; padding:20px 20px 20px 35px; margin:0 auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 25px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } /* экран до 880px */ @media all and (max-width: 880px) { #box-2-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-2-l { width:100%; padding:0; margin:0; float:none; position:relative; text-align:center; } #box-2-r { width:100%; padding:0; margin:0; float:none; position:relative; text-align:center; background:url('../images/bg2.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .box-2-l { max-width:840px; padding:80px 20px 90px 20px; margin:0; float:left; position:relative; text-align:center; } .box-2-r { max-width:840px; padding:80px 20px 90px 20px; margin:0; float:left; position:relative; text-align:center; } .box-2-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:32px; line-height:40px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-2-r h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:32px; line-height:40px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .line2 { width:100px; height:5px; padding:0; margin:25px 0 40px 0; cursor:default; background: #6e86db; } .box-2-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:30px; padding:20px 20px 20px 35px; margin:0 auto; cursor:default; color:#000000; background:url('../images/5.png') no-repeat 0 25px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; -o-background-size: 19px 19px; background-size: 19px 19px; } .box-2-l p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } .box-2-r p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:30px; padding:20px 20px 20px 35px; margin:0 auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 25px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-2-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-2-l { width:100%; padding:0; margin:0; float:none; position:relative; text-align:center; } #box-2-r { width:100%; padding:0; margin:0; float:none; position:relative; text-align:center; background:url('../images/bg2.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .box-2-l { max-width:840px; padding:80px 20px 90px 20px; margin:0; float:left; position:relative; text-align:center; } .box-2-r { max-width:840px; padding:80px 20px 90px 20px; margin:0; float:left; position:relative; text-align:center; } .box-2-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:28px; line-height:36px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-2-r h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:28px; line-height:36px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .line2 { width:100px; height:5px; padding:0; margin:25px 0 40px 0; cursor:default; background: #6e86db; } .box-2-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:18px; line-height:26px; padding:15px 20px 15px 35px; margin:0 auto; cursor:default; color:#000000; background:url('../images/5.png') no-repeat 0 20px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; -o-background-size: 19px 19px; background-size: 19px 19px; } .box-2-l p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } .box-2-r p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:18px; line-height:26px; padding:15px 20px 15px 35px; margin:0 auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 20px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } } /* box-3 */ #box-3-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg3.jpg') no-repeat top right #fbfcfc; } #box-3 { max-width:1000px; padding:85px 50px 120px 50px; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-3 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:26px; max-width:360px; padding:15px 20px 10px 60px; margin:0; cursor:default; color:#000000; background:url('../images/4.png') no-repeat 0 20px; -webkit-background-size: 46px 42px; -moz-background-size: 46px 42px; -o-background-size: 46px 42px; background-size: 46px 42px; } /* экран до 1750px */ @media all and (max-width: 1750px) { #box-3-w { width: 100%; padding: 0; margin: 0; position: relative; text-align: left; background: url('../images/bg3.jpg') no-repeat top left #fbfcfc; } } /* экран до 880px */ @media all and (max-width: 880px) { #box-3-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg3.jpg') no-repeat top left #fbfcfc; } #box-3 { max-width:1000px; padding:85px 50px 120px 50px; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-3 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:19px; line-height:26px; max-width:360px; padding:15px 20px 10px 60px; margin:0; cursor:default; color:#000000; background:url('../images/4.png') no-repeat 0 20px; -webkit-background-size: 46px 42px; -moz-background-size: 46px 42px; -o-background-size: 46px 42px; background-size: 46px 42px; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-3-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg3.jpg') no-repeat top left #fbfcfc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-3 { max-width:1000px; padding:85px 50px 100px 50px; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-3 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:18px; line-height:24px; max-width:360px; padding:15px 20px 10px 60px; margin:0; cursor:default; color:#000000; background:url('../images/4.png') no-repeat 0 20px; -webkit-background-size: 46px 42px; -moz-background-size: 46px 42px; -o-background-size: 46px 42px; background-size: 46px 42px; } } /* box-4 */ #box-4-w { width:100%; min-height:800px; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg4.jpg') no-repeat bottom center #f8f8f8; } #box-4 { max-width:1000px; padding:95px 20px 300px 20px; margin:0 auto; position:relative; text-align:center; } .line4 { width:150px; height:5px; padding:0; margin:30px auto 35px auto; cursor:default; background: #6e86db; } #box-4 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; max-width:640px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-4 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:30px; max-width:740px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-4 h4 { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:30px; padding:50px 0; margin:0 auto; cursor:default; color:#000000; } .button { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:26px; width:280px; height:60px; line-height:60px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .button:hover { background:#5a72c9; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } /* экран до 600px */ @media all and (max-width: 600px) { #box-4-w { width:100%; min-height:800px; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg4.jpg') no-repeat bottom center #f8f8f8; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size:100%; background-size: 100%; } #box-4 { max-width:1000px; padding:85px 20px 230px 20px; margin:0 auto; position:relative; text-align:center; } .line4 { width:130px; height:5px; padding:0; margin:30px auto 35px auto; cursor:default; background: #6e86db; } #box-4 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; max-width:640px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-4 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:26px; max-width:740px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-4 h4 { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:26px; padding:50px 0; margin:0 auto; cursor:default; color:#000000; } .button { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:24px; width:260px; height:60px; line-height:60px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .button:hover { background:#5a72c9; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } } /* box-5 */ #box-5-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg5.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-5 { max-width:1000px; padding:210px 20px 230px 20px; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-5 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } /* экран до 880px */ @media all and (max-width: 880px) { #box-5-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg5.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-5 { max-width:1000px; padding:180px 20px 190px 20px; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-5 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-5-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg5.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-5 { max-width:1000px; padding:120px 20px 130px 20px; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-5 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:30px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } } /* box-6 */ #box-6-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg6.jpg') no-repeat bottom center #ffffff; } #box-6 { max-width:1000px; padding:130px 20px 220px 20px; margin:0 auto; position:relative; text-align:center; } #box-6 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-6 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#000000; } /* экран до 880px */ @media all and (max-width: 880px) { #box-6-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg6.jpg') no-repeat bottom center #ffffff; } #box-6 { max-width:1000px; padding:110px 20px 220px 20px; margin:0 auto; position:relative; text-align:center; } #box-6 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-6 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#000000; } .br880 { display:none; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-6-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg6.jpg') no-repeat bottom center #ffffff; -webkit-background-size: 150%; -moz-background-size: 150%; -o-background-size:150%; background-size: 150%; } #box-6 { max-width:1000px; padding:90px 20px 220px 20px; margin:0 auto; position:relative; text-align:center; } #box-6 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#000000; } #box-6 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:30px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#000000; } } /* box-7 */ #box-7-w { width:100%; padding:0; margin:0; position:relative; text-align:left; } #box-7-w2 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg7.jpg') repeat-y top center; } #box-7 { max-width:1000px; padding:95px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-7 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 h3 { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:22px; line-height:30px; max-width:780px; padding:35px 0 30px 0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:22px; line-height:30px; max-width:740px; padding:0 0 0 40px; margin:5px auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 5px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } /* экран до 880px */ @media all and (max-width: 880px) { #box-7-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg7.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-7-w2 { width:100%; padding:0; margin:0; position:relative; background:none; } #box-7 { max-width:1000px; padding:95px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-7 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 h3 { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:22px; line-height:30px; max-width:780px; padding:35px 0 30px 0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:22px; line-height:30px; max-width:740px; padding:0 0 0 40px; margin:5px auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 5px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-7-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg7.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-7-w2 { width:100%; padding:0; margin:0; position:relative; background:none; } #box-7 { max-width:1000px; padding:85px 20px 90px 20px; margin:0 auto; position:relative; text-align:center; } #box-7 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 h3 { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-style:normal; text-align:left; font-size:18px; line-height:26px; max-width:780px; padding:35px 0 30px 0; margin:0 auto; cursor:default; color:#ffffff; } #box-7 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:18px; line-height:26px; max-width:740px; padding:0 0 0 40px; margin:5px auto; cursor:default; color:#ffffff; background:url('../images/6.png') no-repeat 0 5px; -webkit-background-size: 19px 13px; -moz-background-size: 19px 13px; -o-background-size: 19px 13px; background-size: 19px 13px; } } /* box-8 */ #box-8-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-8 { max-width:1000px; padding:120px 20px 140px 20px; margin:0 auto; position:relative; text-align:center; } #box-8 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto 70px auto; cursor:default; color:#000000; } .box-8 { width:31.33%; padding:0 1%; margin:0; float:left; position:relative; text-align:center; } .box-8 img { width:160px; padding:0; margin:0 auto; visibility: hidden; } #box-8 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:19px; line-height:30px; padding:20px 0 0 0; margin:0 auto; cursor:default; color:#000000; visibility: hidden; } #box-8 p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } /* экран до 880px */ @media all and (max-width: 880px) { #box-8-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-8 { max-width:600px; padding:100px 20px 110px 20px; margin:0 auto; position:relative; text-align:center; } #box-8 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto 0 auto; cursor:default; color:#000000; } .box-8 { width:100%; max-width:300px; padding:0; margin:50px auto 0 auto; float:none; position:relative; text-align:center; } .box-8 img { width:160px; padding:0; margin:0 auto; visibility: hidden; } #box-8 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:19px; line-height:30px; padding:20px 0 0 0; margin:0 auto; cursor:default; color:#000000; visibility: hidden; } #box-8 p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-8-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-8 { max-width:600px; padding:100px 20px 110px 20px; margin:0 auto; position:relative; text-align:center; } #box-8 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto 0 auto; cursor:default; color:#000000; } .box-8 { width:100%; max-width:300px; padding:0; margin:50px auto 0 auto; float:none; position:relative; text-align:center; } .box-8 img { width:140px; padding:0; margin:0 auto; visibility: hidden; } #box-8 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:28px; padding:20px 0 0 0; margin:0 auto; cursor:default; color:#000000; visibility: hidden; } #box-8 p span { font-family: "MuseoSansCyrl-900"; font-weight:normal; } } /* box-11 */ #box-11-w { width:100%; padding:0; margin:0; position:relative; background:#edf0f1; } #box-11 { max-width:1000px; padding:100px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-11 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto 70px auto; cursor:default; color:#000000; } #box-11 h3 { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:15px 0 5px 0; margin:0; color:#000000; cursor:default; } #box-11 h3 span { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:5px 0 0 0; display: inline-block; margin:0; color:#000000; cursor:default; } /* slider */ .slider1 { width:750px; padding:0; margin:0 auto; overflow:hidden; position:relative; } .slider1 ul { width:100%; margin:0; padding:0; } .slider1 li { width:200px; float:left; margin:0 25px; list-style:none; } .slider1 li img{ width:168px; padding:0; margin:0 auto; } .slider1 { overflow:hidden; position:relative; } #box-11 .controls { width:100%; max-width:860px; margin:0 auto; padding:0; position:relative; } #box-11 .prev-slide { position:absolute; top:-200px; left:0; width:37px; height:65px; background:url('../images/16.png') no-repeat; } #box-11 .next-slide { position:absolute; top:-200px; right:0; width:37px; height:65px; background:url('../images/17.png') no-repeat; } #box-11 .prev-slide:hover { background:url('../images/32.png') no-repeat; } #box-11 .next-slide:hover { background:url('../images/33.png') no-repeat; } .prev-slide:hover, .next-slide:hover, .prev-slide:not(:hover), .next-slide:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /* экран до 880px */ @media all and (max-width: 880px) { #box-11 { max-width:1000px; padding:100px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-11 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto 70px auto; cursor:default; color:#000000; } #box-11 h3 { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:15px 0 5px 0; margin:0; color:#000000; cursor:default; } #box-11 h3 span { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:5px 0 0 0; display: inline-block; margin:0; color:#000000; cursor:default; } /* slider */ .slider1 { width:500px; padding:0; margin:0 auto; overflow:hidden; position:relative; } .slider1 ul { width:100%; margin:0; padding:0; } .slider1 li { width:200px; float:left; margin:0 25px; list-style:none; } .slider1 li img{ width:168px; padding:0; margin:0 auto; } .slider1 { overflow:hidden; position:relative; } #box-11 .controls { width:100%; max-width:600px; margin:0 auto; padding:0; position:relative; } #box-11 .prev-slide { position:absolute; top:-200px; left:0; width:37px; height:65px; background:url('../images/16.png') no-repeat; } #box-11 .next-slide { position:absolute; top:-200px; right:0; width:37px; height:65px; background:url('../images/17.png') no-repeat; } #box-11 .prev-slide:hover { background:url('../images/32.png') no-repeat; } #box-11 .next-slide:hover { background:url('../images/33.png') no-repeat; } .prev-slide:hover, .next-slide:hover, .prev-slide:not(:hover), .next-slide:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-11 { max-width:1000px; padding:100px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-11 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto 70px auto; cursor:default; color:#000000; } #box-11 h3 { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:15px 0 5px 0; margin:0; color:#000000; cursor:default; } #box-11 h3 span { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:20px; padding:5px 0 0 0; display: inline-block; margin:0; color:#000000; cursor:default; } /* slider */ .slider1 { width:250px; padding:0; margin:0 auto; overflow:hidden; position:relative; } .slider1 ul { width:100%; margin:0; padding:0; } .slider1 li { width:200px; float:left; margin:0 25px; list-style:none; } .slider1 li img{ width:168px; padding:0; margin:0 auto; } .slider1 { overflow:hidden; position:relative; } #box-11 .controls { width:100%; max-width:320px; margin:0 auto; padding:0; position:relative; } #box-11 .prev-slide { position:absolute; top:-200px; left:0; width:37px; height:65px; background:url('../images/16.png') no-repeat; } #box-11 .next-slide { position:absolute; top:-200px; right:0; width:37px; height:65px; background:url('../images/17.png') no-repeat; } #box-11 .prev-slide:hover { background:url('../images/32.png') no-repeat; } #box-11 .next-slide:hover { background:url('../images/33.png') no-repeat; } .prev-slide:hover, .next-slide:hover, .prev-slide:not(:hover), .next-slide:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* box-9 */ #box-9-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg8.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-9 { max-width:1000px; padding:190px 20px 190px 20px; margin:0 auto; position:relative; text-align:center; } #box-9 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-9 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .formbox { width:100%; max-width:620px; margin:70px auto 0 auto; padding:0; text-align:center; position:relative; } .formbox input { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-size:22px; text-indent:0; text-align:left; width:260px; height:30px; padding:15px 20px; border:none; margin:0 20px 0 0; float:left; color:#000000; background:#ffffff; outline:none; -webkit-appearance: none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .formbox input:-moz-placeholder {color:#9ea3b5;} .formbox input::-webkit-input-placeholder {color:#9ea3b5;} .formbox input.error:-moz-placeholder {color:#FF413B;} .formbox input.error::-webkit-input-placeholder {color:#FF413B;} .formbox input.error {color:#FF413B;} input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .submit { width:300px; height:60px; line-height:60px; padding:0; margin:0; border:none; outline:none; background:none; float:left; } .submit input { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:25px; width:100%; height:60px; line-height:60px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .submit input:hover { background:#465eb5; } .submit input:hover, .submit input:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } /* экран до 880px */ @media all and (max-width: 880px) { #box-9-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg8.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-9 { max-width:1000px; padding:160px 20px 160px 20px; margin:0 auto; position:relative; text-align:center; } #box-9 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-9 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .formbox { width:100%; max-width:580px; margin:70px auto 0 auto; padding:0; text-align:center; position:relative; } .formbox input { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-size:22px; text-indent:0; text-align:left; width:220px; height:30px; padding:15px 20px; border:none; margin:0 20px 0 0; float:left; color:#000000; background:#ffffff; outline:none; -webkit-appearance: none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .formbox input:-moz-placeholder {color:#9ea3b5;} .formbox input::-webkit-input-placeholder {color:#9ea3b5;} .formbox input.error:-moz-placeholder {color:#FF413B;} .formbox input.error::-webkit-input-placeholder {color:#FF413B;} .formbox input.error {color:#FF413B;} input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .submit { width:280px; height:60px; line-height:60px; padding:0; margin:0; border:none; outline:none; background:none; float:left; } .submit input { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:25px; width:100%; height:60px; line-height:60px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .submit input:hover { background:#465eb5; } .submit input:hover, .submit input:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } } /* экран до 600px */ @media all and (max-width: 600px) { #box-9-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:url('../images/bg8.jpg') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-9 { max-width:1000px; padding:100px 20px 100px 20px; margin:0 auto; position:relative; text-align:center; } #box-9 h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } #box-9 p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:30px; max-width:880px; padding:0; margin:0 auto; cursor:default; color:#ffffff; } .formbox { width:100%; max-width:270px; margin:50px auto 0 auto; padding:0; text-align:center; position:relative; } .formbox input { font-family: "MuseoSansCyrl-700"; font-weight:normal; font-size:19px; text-indent:0; text-align:left; width:230px; height:30px; padding:15px 20px; border:none; margin:0; float:left; color:#000000; background:#ffffff; outline:none; -webkit-appearance: none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .formbox input:-moz-placeholder {color:#9ea3b5;} .formbox input::-webkit-input-placeholder {color:#9ea3b5;} .formbox input.error:-moz-placeholder {color:#FF413B;} .formbox input.error::-webkit-input-placeholder {color:#FF413B;} .formbox input.error {color:#FF413B;} input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .submit { width:270px; height:60px; line-height:60px; padding:0; margin:20px 0 0 0; border:none; outline:none; background:none; float:left; } .submit input { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:24px; width:100%; height:60px; line-height:60px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .submit input:hover { background:#465eb5; } .submit input:hover, .submit input:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } } /* box-10 */ #box-10-w { width:100%; padding:0; margin:0; position:relative; text-align:left; background:#ffffff; } #box-10-l { width:50%; padding:0; margin:0; float:left; position:relative; text-align:center; } #box-10-r { width:50%; height:600px; overflow: hidden; padding:0; margin:0; float:left; position:relative; text-align:center; background:#f7f7f7; } .box-10-l { max-width:300px; padding:100px 230px 110px 20px; margin:0; float:right; position:relative; text-align:center; } .box-10-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:left; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-10-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:22px; line-height:37px; padding:50px 0 0 0; margin:0; cursor:default; color:#000000; } .box-10-l p a { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:left; font-size:30px; line-height:50px; padding:0; margin:0; cursor:default; color:#000000; } /* экран до 1350px */ @media all and (max-width: 1350px) { .box-10-l { max-width:300px; padding:100px 190px 110px 20px; margin:0; float:right; position:relative; text-align:center; } } /* экран до 1280px */ @media all and (max-width: 1280px) { .box-10-l { max-width:300px; padding:100px 140px 110px 20px; margin:0; float:right; position:relative; text-align:center; } } /* экран до 880px */ @media all and (max-width: 880px) { #box-10-l { width:100%; padding:0; margin:0; float:none; position:relative; text-align:center; } .box-10-l { max-width:600px; padding:80px 20px 70px 20px; margin:0 auto; float:none; position:relative; text-align:center; } #box-10-r { width:100%; height:450px; overflow: hidden; padding:0; margin:0; float:none; position:relative; text-align:center; background:#f7f7f7; } .box-10-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:46px; line-height:52px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-10-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:37px; padding:50px 0 0 0; margin:0; cursor:default; color:#000000; } .box-10-l p a { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:37px; line-height:37px; padding:0; margin:0; cursor:default; color:#000000; } } /* экран до 600px */ @media all and (max-width: 600px) { .box-10-l h2 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; font-size:40px; line-height:46px; padding:0; margin:0 auto; cursor:default; color:#000000; } .box-10-l p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:30px; padding:50px 0 0 0; margin:0; cursor:default; color:#000000; } .box-10-l p a { font-family: "MuseoSansCyrl-900"; font-weight:normal; font-style:normal; text-align:center; font-size:30px; line-height:30px; padding:0; margin:0; cursor:default; color:#000000; } } /* экран до 420px */ @media all and (max-width: 420px) { #box-10-r { width:100%; height:350px; overflow: hidden; padding:0; margin:0; float:none; position:relative; text-align:center; background:#f7f7f7; } } /* bottom */ #bottom-w { width:100%; padding:0; margin:0; position:relative; text-align:center; background:#131519; } #bottom { max-width:1000px; padding:55px 20px 50px 20px; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:17px; line-height:28px; padding:0; margin:0; cursor:default; color:#626770; float:left; } #bottom h2 a { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:left; font-size:17px; line-height:28px; padding:0; margin:0; cursor:pointer; color:#626770; border-bottom:1px solid #626770; } #bottom h2 a:hover { color:#ffffff; border-bottom:1px solid #ffffff; } #bottom h2 a:hover, #bottom h2 a:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #bottom h3 { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:right; font-size:17px; line-height:28px; height:28px; padding:0 35px 0 0; margin:10px 0 0 0; cursor:default; color:#626770; float:right; background:url('../images/9.png') no-repeat center right; } #bottom h3 a { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:right; font-size:17px; line-height:28px; padding:0; margin:0; cursor:pointer; color:#626770; border-bottom:1px solid #626770; } #bottom h3:hover { background:url('../images/10.png') no-repeat center right; } #bottom h3:hover a { color:#2fae37; border-bottom:1px solid #2fae37; } #bottom h3:hover, #bottom h3:hover a, #bottom h3:not(:hover), #bottom h3:not(:hover) a { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /* экран до 700px */ @media all and (max-width: 700px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; text-align:center; background:#131519; } #bottom { max-width:1000px; padding:55px 20px 55px 20px; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:28px; height:auto; padding:0; margin:0 auto; cursor:default; color:#626770; float:none; } #bottom h2 a { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:28px; padding:0; margin:0; cursor:pointer; color:#626770; border-bottom:1px solid #626770; } #bottom h2 a:hover { color:#ffffff; border-bottom:1px solid #ffffff; } #bottom h2 a:hover, #bottom h2 a:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #bottom h3 { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:28px; height:auto; min-height:28px; padding:0 35px 0 0; display: inline-block; margin:20px auto 0 auto; cursor:default; color:#626770; float:none; background:url('../images/9.png') no-repeat center right; } #bottom h3 a { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:28px; padding:0; margin:0; cursor:pointer; color:#626770; border-bottom:1px solid #626770; } #bottom h3:hover { background:url('../images/10.png') no-repeat center right; } #bottom h3:hover a { color:#2fae37; border-bottom:1px solid #2fae37; } #bottom h3:hover, #bottom h3:hover a, #bottom h3:not(:hover), #bottom h3:not(:hover) a { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* noone */ .noone { display:none; position:absolute; top:9999999999px; left:9999999999px; z-index:0; } /* wrapper */ .wrapper { display: none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.75); z-index:90; } /* close */ .closee { width:22px; height:21px; padding:0; margin:0; cursor:pointer; position:absolute; top:0px; right:-40px; background:url('../images/close.png') no-repeat; z-index:107; } .closee:hover { opacity:0.5; } .closee:hover, .closee:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /* z */ .z-box { display: none; width:420px; padding:50px 20px 50px 20px; margin-left:-230px; margin-top:-200px; position:fixed; left:50%; top:50%; z-index:106; background:#ffffff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .z-box p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:30px; padding:0; margin:0 0 10px 0; cursor:default; color:#000000; } .z-box p span { font-family: 'Roboto Slab', serif; font-weight:700; font-size:30px; line-height:30px; text-transform:uppercase; } /* экран до 540px */ @media all and (max-width: 570px) { .z-box { width:90%; height:85%; padding:15% 5% 0 5%; margin:0; left:0; top:0; overflow:auto; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -khtml-border-radius:0px; } .close { top:20px; right:20px; background:url('../images/close2.png') no-repeat; } } /* экран до 320px */ @media all and (max-width: 540px) { .close { top:15px; right:15px; } .z-box p { font-family: "MuseoSansCyrl-300"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:26px; padding:0; margin:0 0 10px 0; cursor:default; color:#000000; } .z-box p span { font-family: 'Roboto Slab', serif; font-weight:700; font-size:26px; line-height:26px; text-transform:uppercase; } } /* z */ .formbox2 { width:100%; max-width:420px; margin:0 auto; padding:0; text-align:center; position:relative; } .formbox2 input { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-size:21px; text-indent:0; text-align:left; width:70%; height:30px; padding:15px 5%; border:2px solid #edefee; margin:12px 10%; display:inline-block; color:#000000; background:#ffffff; outline:none; -webkit-appearance: none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .formbox2 input:-moz-placeholder {color:#9ea3b5;} .formbox2 input::-webkit-input-placeholder {color:#9ea3b5;} .formbox2 input.error:-moz-placeholder {color:#FF413B;} .formbox2 input.error::-webkit-input-placeholder {color:#FF413B;} .formbox2 input.error {color:#FF413B;} input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .submit2 { width:80%; height:65px; line-height:65px; padding:0 2px; margin:9px 10%; border:none; outline:none; background:none; display:inline-block; } .submit2 input { font-family: "MuseoSansCyrl-700"; font-weight:normal; text-align:center; font-size:25px; width:100%; height:65px; line-height:65px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; color:#ffffff; background:#6e86db; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #3951a7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .submit2 input:hover { background:#465eb5; } .submit2 input:hover, .submit2 input:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } /* экран до 500px */ @media all and (max-width: 500px) { .formbox2 input { width:80%; padding:12px 5%; display:block; margin:20px 5%; } .submit2 { width:90%; display:block; margin:20px 5%; padding:0 2px; line-height:38px; } .submit2 input { width:100%; margin:0 auto; line-height:36px; } } /* thnx */ .thnx { display: none; width:340px; padding:60px 40px; margin-left:-210px; margin-top:-180px; position:fixed; left:50%; top:50%; z-index:2008; background:#ffffff; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } .ok { width:100px; height:100px; padding:0; margin:0 auto 15px auto; background:url('../images/ok.png') no-repeat; } .thnx h3 { font-family: 'Roboto Slab', serif; font-weight:700; font-style:normal; text-align:center; text-transform: uppercase; font-size:30px; line-height:30px; padding:10px 0; margin:0; cursor:default; color:#000000; } .thnx p { font-family: "MuseoSansCyrl-500"; font-weight:normal; font-style:normal; text-align:center; font-size:22px; line-height:30px; padding:0; margin:0; cursor:default; color:#000000; } /* ============================================== expandUp ============================================== */ .expandUp{ animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ transform: translateY(-7%) scaleY(1.12); } 75%{ transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ -webkit-transform: translateY(-7%) scaleY(1.12); } 75%{ -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } /* ============================================== fadeIn ============================================== */ .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } #box-12-w { width: 100%; background-color: #edf0f1; overflow: hidden; padding-bottom: 70px; } #box-12 h2 { font-family: 'Roboto Slab', serif; font-weight: 700; font-style: normal; text-align: center; font-size: 46px; line-height: 52px; padding: 0; padding-top: 70px; margin: 0 auto 40px auto; cursor: default; color: #03153D; } #box-12 ul { list-style: none; } #box-12 li { background-color: #fff; border-radius: 6px; padding: 20px 30px; width: 700px; box-shadow: 2px 3px 5px rgba(0,0,0,.3); margin: 0 auto 20px; color: #03153D; } @media (max-width: 820px) { #box-12 li { width: 80%; } } #box-12 li h3 { margin-top: 0; } #box-12 li h3 span { font-weight: 400; } #box-12 li h3 a { color: #3951a7; font-weight: 400; } .read_more { font-family: "MuseoSansCyrl-700"; font-weight: normal; text-align: center; font-size: 26px; width: 280px; height: 60px; line-height: 60px; padding: 0; margin: 0 auto; outline: none; cursor: pointer; -webkit-appearance: none; color: #ffffff; background: #6e86db; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #3951a7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } .read_more:hover, .read_more:not(:hover) { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; } #feedbackAll { display: none; }