html *{ max-height:999999px; } @font-face { font-family:"lobster"; src: url("fonts/lobster/Lobster.ttf") format("truetype"), url("fonts/lobster/Lobster.woff") format("woff"), url("fonts/lobster/Lobster.woff2") format("woff2"), url("fonts/lobster/Lobster.otf") format("opentype"), url("fonts/lobster/Lobster.svg") format("svg"); } @font-face { font-family:"myriad_semiboldit"; src: url("fonts/myriad_semiboldit/MyriadPro-SemiboldIt.ttf") format("truetype"), url("fonts/myriad_semiboldit/MyriadPro-SemiboldIt.woff") format("woff"), url("fonts/myriad_semiboldit/MyriadPro-SemiboldIt.woff2") format("woff2"), url("fonts/myriad_semiboldit/MyriadPro-SemiboldIt.otf") format("opentype"), url("fonts/myriad_semiboldit/MyriadPro-SemiboldIt.svg") format("svg"); } @font-face { font-family:"myriad_bold"; src: url("fonts/myriad_bold/MyriadPro-Bold.ttf") format("truetype"), url("fonts/myriad_bold/MyriadPro-Bold.woff") format("woff"), url("fonts/myriad_bold/MyriadPro-Bold.woff2") format("woff2"), url("fonts/myriad_bold/MyriadPro-Bold.otf") format("opentype"), url("fonts/myriad_bold/MyriadPro-Bold.svg") format("svg"); } @font-face { font-family:"myriadit"; src: url("fonts/myriad_italic/MyriadPro-It.ttf") format("truetype"), url("fonts/myriad_italic/MyriadPro-It.woff") format("woff"), url("fonts/myriad_italic/MyriadPro-It.woff2") format("woff2"), url("fonts/myriad_italic/MyriadPro-It.otf") format("opentype"), url("fonts/myriad_italic/MyriadPro-It.svg") format("svg"); } @font-face { font-family:"myriadpro"; src: url("fonts/myriad_regular/MyriadPro-Regular.ttf") format("truetype"), url("fonts/myriad_regular/MyriadPro-Regular.woff") format("woff"), url("fonts/myriad_regular/MyriadPro-Regular.woff2") format("woff2"), url("fonts/myriad_regular/MyriadPro-Regular.otf") format("opentype"), url("fonts/myriad_regular/MyriadPro-Regular.svg") format("svg"); } @font-face { font-family:"myriadpro_light"; src: url("fonts/myriad_light/MyriadPro-Light.ttf") format("truetype"), url("fonts/myriad_light/MyriadPro-Light.woff") format("woff"), url("fonts/myriad_light/MyriadPro-Light.woff2") format("woff2"), url("fonts/myriad_light/MyriadPro-Light.otf") format("opentype"), url("fonts/myriad_light/MyriadPro-Light.svg") format("svg"); } @font-face { font-family:"myrad_cond"; src: url("fonts/myriad_cond/MyriadPro-BoldCond.ttf") format("truetype"), url("fonts/myriad_cond/MyriadPro-BoldCond.woff") format("woff"), url("fonts/myriad_cond/MyriadPro-BoldCond.woff2") format("woff2"), url("fonts/myriad_cond/MyriadPro-BoldCond.otf") format("opentype"), url("fonts/myriad_cond/MyriadPro-BoldCond.svg") format("svg"); } @font-face { font-family: "myriad_semibold"; src: url("fonts/myriad_semibold/MyriadPro-Semibold.ttf") format("truetype"), url("fonts/myriad_semibold/MyriadPro-Semibold.woff") format("woff"), url("fonts/myriad_semibold/MyriadPro-Semibold.woff2") format("woff2"), url("fonts/myriad_semibold/MyriadPro-Semibold.otf") format("opentype"), url("fonts/myriad_semibold/MyriadPro-Semibold.svg") format("svg"); } @font-face { font-family: "myriadpro-it"; src: url("fonts/myriadpro-it/MyriadPro-It.ttf") format("truetype"), url("fonts/myriadpro-it/MyriadPro-It.woff") format("woff"), url("fonts/myriadpro-it/MyriadPro-It.woff2") format("woff2"), url("fonts/myriadpro-it/MyriadPro-It.otf") format("opentype"), url("fonts/myriadpro-it/MyriadPro-It.svg") format("svg"); } body { font-size: 15.99px; font-family: 'myriadpro_light', Helvetica, arial, verdana; color: #292929; max-width:1920px; margin:0 auto; z-index:99; position:Relative; min-width:320px; background: #fff; } .fixed-overlay { display: none; position: fixed; overflow: auto; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; } .fixed-overlay__modal { text-align: center; white-space: nowrap; } .fixed-overlay__modal::after { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''; } .modal { display: inline-block; vertical-align: middle; } .modal_container { margin: 5px; padding: 20px; text-align: left; white-space: normal; background-color: #fff; color: #0774b0; display: block; overflow: hidden; border: 5px solid #b3e2f1; max-width: 550px; } .modal_container h3 { font-family: "myriad_semibold"; font-size: 25px; margin: 0 0 10px 0; } .modal_container p { font-size: 18px; color: #0774b0; font-family: "myriadpro"; margin: 0 0 10px 0; } .zakaz_content { text-align: left; color: #0774b0; font-family: "myriadpro"; font-size: 18px; max-width: 500px; margin: 0 auto 0 auto; padding: 7px 0 7px 0; border-bottom: 3px solid #b3e2f1; } .zakaz_content p { margin-top: 0; margin-bottom: 8px; } .zakaz_content a { color: #0774b0;; } .zakaz_content a:hover { color: #b3e2f1; } .zakaz_content table { width: 100%; color: #555555; border-collapse: collapse; } .zakaz_content table td { border: 1px solid #dddddd; padding: 5px; } .zakaz_content table th { border: 1px solid #dddddd; padding: 5px; background: #b3e2f1; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #cdcdcd; } ::-moz-placeholder { /* Firefox 19+ */ color: #cdcdcd; } :-ms-input-placeholder { /* IE 10+ */ color: #cdcdcd; } :-moz-placeholder { /* Firefox 18- */ color: #cdcdcd; } .close { position: relative; float: right; font-size: 32px; right: 3px; top: 8px; cursor: pointer; } .cross { position: relative; float: right; font-size: 25px; right: -18px; top: -18px; cursor: pointer; color: #a3a3a3; } .select { overflow: hidden; } .select a { text-decoration: none; color: #545454; position: relative; } .select a:hover { color: #545454; } .select a::after { content: ''; display: block; width: 6px; height: 6px; border-right: 3px solid #545454; border-top: 3px solid #545454; position: absolute; right: 15px; top: 35%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .select a.active::after { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); } .slct { display: block; margin-bottom: 12px; width: 100%; border: 2px solid #b3e2f1; font-size: 1.1em; padding: 4px 4px 4px 8px; box-sizing: border-box; color: #545454; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .drop { margin-top: -11px; padding: 0; max-width: 350px; z-index: 9999; width: 100%; border: 1px solid #cecece; border-top: none; display: none; position: absolute; background: #fff; overflow: hidden; box-sizing: border-box; } .radio { position: absolute; left: -9999px; } .radio+label { padding: 6px 0 6px 8px; cursor: pointer; } .zakaz_content select { /*margin-top: 5px;*/ /*margin-bottom: 5px;*/ /*outline: 0;*/ display: block; width: 100%; border: 2px solid #b3e2f1; font-size: 18px; line-height: 1.6em; padding-left: 6px; box-sizing: border-box; } .zakaz_content select:focus { border: 2px solid #b3e2f1; } .radio_b { font-size: 18px; padding: 7px; border: 2px solid #b3e2f1; margin-bottom: 8px; } .radio_b input[type=radio] { display:none; } /* to hide the checkbox itself */ .radio_b input[type=radio] + label:before { font-family: FontAwesome; display: inline-block; cursor: pointer; } .radio_b input[type=radio] + label { cursor: pointer; } .radio_b label { font-family: Arial; display: block; width: 100%; padding: 3px 0 3px 2px; color: #888; } .radio_b input[type=radio] + label:before { content: "\f096"; color: #a3a3a3; width: 25px } /* unchecked icon */ .radio_b input[type=radio] + label:before { letter-spacing: 5px; } /* space between checkbox and label */ .radio_b input[type=radio]:checked + label:before { content: "\f046"; color: green; width: 25px } /* checked icon */ .radio_b input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */ .search_result, .warehouses{ box-sizing: border-box; /*min-width: 350px;*/ width: 100%; /*max-width: 500px;*/ /*position: absolute;*/ margin: -8px auto 0 auto; padding: 0; background: #FFF; border-left: 1px #ccc solid; border-top: 1px #ccc solid; border-right: 1px #ccc solid; max-height:400px; display:none; overflow-y: auto; /*z-index: 999999;*/ } .search_result li, .warehouses li{ /*width: 416px;*/ list-style: none; padding: 4px 6px; /*margin-left: 250px;*/ color: #888; border-bottom: 1px #ccc solid; cursor: pointer; transition:0.3s; z-index: 999999; /*FONT-SIZE: 1.1em;*/ background: rgba(179, 226, 241, 0.1); } .search_result li:hover, .warehouses li:hover{ background: rgba(179, 226, 241, 0.38); color: #333; } .rep_text { line-height: 20px!important; } .news .txt{ color:#0774b0; font-size:16px; line-height:24px; display: -webkit-box; -webkit-line-clamp: 4; -moz-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family:"myriadpro"; } .news .headline{ display: -webkit-box; -webkit-line-clamp: 4; -moz-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .button_slide a{ padding: 15px 0px 14px 0; text-transform:uppercase; display:block; text-decoration:none; font-size:15px; color:#0774b0; font-family:"myriadpro"; transition-duration:0.2s; -ms-transition:0.2s; -webkit-transtion:0.2s; -o-transition:0.2s; } .news{ vertical-align:top; } div.inner a:hover{ color: #50a110; } .button_slide2 a{ transition-duration:0.2s; -ms-transition:0.2s; -webkit-transtion:0.2s; -o-transition:0.2s; display:block; font-family:"myriadpro"; font-size:15px; padding: 15px 0px 14px 0; text-transform:uppercase; } .button_slide{ margin-left:145px; text-align:Center; font-size:15px; position:relative; z-index:10; border:1px solid #0774B0; width:185px; border-radius:10px; margin-top:30px; } .button_slide:hover{ background:#0774B0 ; } .button_slide2 { margin-left: 55px; text-align: Center; font-size: 15px; position: relative; z-index: 10; border: 1px solid #fff; width: 185px; border-radius: 10px; margin-top: 30px; } .button_slide2:hover{ background:#fff; } /* СТИЛИ ДЛЯ ОБЩИХ ЭЛЕМЕНТОВ */ div.fon { display: none; background: #292929; width: 200%; height: 200%; position: fixed; z-index: 10; opacity: 0.8; top: -20px; } input[type="button"], input[type="submit"] { font-size: 13px; font-family: 'Trebuchet MS', Helvetica, arial, verdana; padding: 4px 15px; background: transparent; color: #888; outline: none; border: 1px solid #888; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; cursor: hand; border-radius:10px; } .form_zakaz input[type="button"], .form_zakaz input[type="submit"] { font-size: 18px; border: 1px solid #0774b0; background: #008CB9; color: #ffffff; cursor: pointer; margin-top: 12px; } .form_zakaz input[type="button"]:hover, .form_zakaz input[type="submit"]:hover { background: #ffffff; color: #008CB9; } div.pagingleft input:hover, div.pagingright input:hover{ padding: 0; } input[type="text"], input[type="email"] { font-size: 13px; font-family: 'Trebuchet MS', Helvetica, arial, verdana; width: 100%; padding: 6px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; color: #888; border: 1px solid #c7c7c7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input[type="text"]:focus { border: 1px solid #888; } input[type="password"] { font-size: 13px; font-family: 'Trebuchet MS', Helvetica, arial, verdana; width: 100%; padding: 6px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; color: #888; border: 1px solid #c7c7c7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input[type="password"]:focus { border: 1px solid #888; } .zakaz_content input[type="text"], .zakaz_content input[type="email"], .zakaz_content input[type="password"], .zakaz_content textarea { font-size: 18px; padding: 7px; border: 2px solid #b3e2f1; } input.fail { background:#ea646454; border: 1px solid #ff8888; } input.fail:focus { border: 1px solid #9A1414; } textarea { font-size: 13px; font-family: 'Trebuchet MS', Helvetica, arial, verdana; width: 100%; padding: 6px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; color: #888; border: 1px solid #c7c7c7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } textarea.fail { background: #fff3f3; border: 1px solid #ff8888; } textarea.fail:focus { border: 1px solid #9A1414; } select { font-size: 13px; font-family: 'Trebuchet MS', Helvetica, arial, verdana; width: 100%; padding: 6px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; color: #888; border: 1px solid #c7c7c7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } select:focus { border: 1px solid #888; } select.fail { background: #fff3f3; border: 1px solid #ff8888; } select.fail:focus { border: 1px solid #9A1414; } a { text-decoration: none; } a:hover { text-decoration: none; } div.relative { position: relative; } div.deliver {} div.inline { display: inline-block; vertical-align: middle; } div.delivercent { display: flex; flex-direction: column; margin: 5px; flex-grow: 1; flex-shrink: 1; flex-basis: 49%; } div.incenter { margin: 0 auto; display: flex; } div.nothingfound { color: #ff8888; text-align: center; margin: 20px auto; } div.textfail { color: #ff8888; font-size: 90%; padding: 2px; } span.star { color: #ff8888; } /*-- ВСПЛЫВАЮЩЕЕ ОКНО ОТВЕТА --*/ div.answerform { position: fixed; background: #fff; box-shadow: 0px 0px 0px 20px 292929; padding: 30px; display: none; z-index: 500; width: 500px; max-width: 90%; } div.answer_main { width: 100%; } div.answer_mainin {} div.answer_closeline { height: 40px; } div.answer_close { float: right; } div.answer_title { text-align: center; padding: 20px; } /* СТИЛИ РАЗМЕТКИ */ div.body { width: 100%; } div.allheader { width: 100%; height: 155px; background: url(../img/source/main/head.png) no-repeat center top; z-index: 9; position: relative; } .allheader { } #sliderallwidth{ margin: -130px auto 0 auto; position: relative; z-index: 1; } div.overhead { height: 0; width: 100%; max-width: 960px; margin: 0 auto; text-align: right; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 11; } div.overheadinfo { margin: 0 auto; display: block; } div.overheadleft {} div.overheadright { height: 0; } div.head { text-align: center; width: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } div.headinfo { max-width: 960px; margin: 0 auto; display:flex; position:relative; flex-direction:row; position:relative; text-align:center; } div.headinfo:after{ position:fixed; content:""; top:0; display:none; height:55px; width:100%; background:#0774B0; } div.headcolumn1 { display:inline-block; display:none!important; } div.headcolumn2 {display:inline-block;} div.headcolumn2row1 {} div.headcolumn2row2 { text-align: left; } div.headcolumn3 { display:inline-block; } /* @media all and (min-width: 599px) and (max-width: 790px) { div.headcolumn3 { min-width: 250px; } } */ div.headcolumn3row1 { text-align: right; } div.headcolumn3row2 { text-align: right; } /* @media all and (max-width: 699px) { div.headcolumnlogo {} div.headcolumn1 {} div.headcolumn2 {} div.headcolumn3 {} div.headcolumn3row2 { text-align: center; } } */ div.underhead { width: 100%; margin: 0 auto; height:0; box-sizing: border-box; -moz-box-sizing: border-box; } /* @media all and (max-width: 699px) { div.underhead { background: #888; } }*/ div.underheadinfo { margin: 0 auto; max-width: 1090px; display: block; } div.underheadleft { } div.underheadright { text-align: right; padding: 5px; } div.allcentermain { margin: 0 auto; max-width: 1920px; width: 100%; position:relative; z-index:3; } div.allcenterblock { display: block; margin: 0 auto; } div.leftmain { padding: 5px 10px 5px 5px; margin: 5px; flex-grow: 1; flex-shrink: 1; flex-basis: 200px; } /* @media all and (max-width: 800px) { div.leftmain { display: none; } } */ div.leftcolumn {} div.centermain { padding: 5px 0; margin: 5px auto; } div.centercolumn {min-height:350px;} div.rightmain { padding: 5px 5px 5px 10px; margin: 5px; flex-grow: 1; flex-shrink: 1; flex-basis: 200px; } /* @media all and (max-width: 800px) { div.rightmain { display: none; } } */ div.rightcolumn {} div.centerunderslider { margin-top: -156px; z-index:3; position:relative; } div.leftunderslider {} div.rightunderslider {} div.allfooter:before{ background-image: url(/img/source/main/footer_dana.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; content: ""; position: absolute; bottom:60%; left: 0; z-index: -1; height: 270px; display: block; max-width: 1920px; width: 100%; } div.allfooter { background-color:#0774B0; margin-top:130px; z-index:1; width: 100%; position: relative!important; box-sizing: border-box; -moz-box-sizing: border-box; } div.allfooterinfo { max-width: 960px; margin: 0 auto; } .contacts{ text-align:center; max-width:960px; margin:0 auto; } .contacts h1{ font-size:42px; } .c_block{ margin-bottom: 45px; text-align: left; } .c_block span{ font-size: 23px; display: inline-block; font-weight: bold; color: #0774b0; width: 37%; font-family:"myriad_bold"; vertical-align: top; } .map { min-width: 465px; margin: 0 0 0 0!important; } .c_block ul li{ list-style:none; color:#0774b0; font-family:"myriadpro"; font-size:25px; } .c_block ul li a{ list-style:none; color:#0774b0; font-size:25px; } .c_block ul{ padding:0; margin: 0; display:inline-block; vertical-align:top; } .sub_contact_block{ display:inline-block; margin:0 15px 0 0; width:48%; height:340px; vertical-align:middle; } div.overfooter { padding-bottom: 30px; margin: 0 AUTO; padding-top: 33px; } .form_block{ max-width: 960px; margin: 10px auto 25px auto; text-align: center; } .form_block div.feedback_title{ padding:0!important; border:none!important; } .form_block .feedbackinfo div.feedback_line:nth-child(1){ margin:0 21px 0 0; } .form_block .feedbackinfo div.feedback_line:nth-child(2){ margin:0 21px; } .form_block .feedbackinfo div.feedback_line:nth-child(3){ margin:0 0 0 21px; } .form_block .feedbackinfo div.feedback_line:nth-child(1), .form_block .feedbackinfo div.feedback_line:nth-child(2), .form_block .feedbackinfo div.feedback_line:nth-child(3){ display: inline-block; width: 282px; } .form_block input[type="number"]{ padding: 14px 10px 12px 20px; border: 1px solid #0774B0; font-size:16px; border-radius: 10px; width: 185px; box-sizing: border-box; outline:0 none !important; margin: 0 15px 15px 15px; } .form_block .headline{ font-size: 28px; color: #008cb9; font-family:"myriad_semibold"; margin: -5px auto 20px auto; } .form_block textarea{ resize:none; font-size:16px; min-height:155px; padding: 15px 10px 10px 20px; border: 1px solid #0774B0; border-radius: 10px; max-width: 936px; } .form_block input[type="button"]{ padding: 12px 0px 9px 0; text-transform: uppercase; /*display: block;*/ background:#008CB9; border:1px solid #0774B0; font-size: 18px; width:185px; margin: 0 10px; color: #fff; font-family: "myriadpro"; transition-duration: 0.2s; -ms-transition: 0.2s; -webkit-transtion: 0.2s; -o-transition: 0.2s; } .form_block input[type="button"]:hover{ background:transparent; color:#0774B0; transition-duration: 0.2s; -ms-transition: 0.2s; -webkit-transtion: 0.2s; -o-transition: 0.2s; } div.underfooter {} div.underfooterleft {} div.underfooterright {} div.counter {} /* футер */ div.footer-content { overflow: hidden; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } div.footer-box-1, div.footer-box-2, div.footer-box-3, div.footer-box-4 {} /* @media all and (min-width: 900px) and (max-width: 999px) { div.footer-box-1, div.footer-box-2, div.footer-box-3, div.footer-box-4 {} } @media all and (min-width: 799px) and (max-width: 899px) { div.footer-box-3 { display: none; } } */ div.footer-box-5 {} div.footer-box-1 p, div.footer-box-2 p, div.footer-box-3 p, div.footer-box-4 p, div.footer-box-5 p { text-align: left; color: #fff; font-size: 15px; text-transform: uppercase; margin: 45px 0px 18px 0px; } div.footer-box-1 ul, div.footer-box-2 ul, div.footer-box-3 ul, div.footer-box-4 ul, div.footer-box-5 ul { list-style: none; padding-left: 0px; } div.footer-box-1 ul li, div.footer-box-2 ul li, div.footer-box-3 ul li, div.footer-box-4 ul li { line-height: 25px; } div.footer-box-1 ul li a, div.footer-box-2 ul li a, div.footer-box-3 ul li a, div.footer-box-4 ul li a { color: #888; } div.footer-box-1 ul li a:hover, div.footer-box-2 ul li a:hover, div.footer-box-3 ul li a:hover, div.footer-box-4 ul li a:hover { color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } div.footer-box-2 ul li { color: #888; } li.footer-li-number { color: #fff!important; } div.footer-box-2 ul li a { color: #888; } ul.footer-pay { overflow: hidden; } .slide_2 .button_slide a{ color:#0774B0; } .slide_3 .button_slide2 a{ color:#fff; } .slide_3 .button_slide2:hover a{ color:#303030; } .slide_3 h2 .large{ text-transform:uppercase; font-weight:bold!important; } .slide_3 h2{ line-height:47px; } .img{ display: block; width: 100%; margin: 0 auto; padding-left: 70px; text-align: left; } ul.footer-pay li { float: left; padding-right: 3px; } ul.footer-social { overflow: hidden; } .underheadright .soc { z-index:100; } .underheadright .soc a{height:21px; width:20px;display:block; background-repeat:no-repeat; background-position:center;} .underheadright .soc a:nth-child(1){ background-image:url(../img/source/main/face_top_h.png); } .underheadright .soc a:nth-child(1):hover{ background-image:url(../img/source/main/face_top.png); } .underheadright .soc a:nth-child(3){ background-image:url(../img/source/main/inst_top.png); } .underheadright .soc a:nth-child(3):hover{ background-image:url(../img/source/main/inst_top_h.png); } .underheadright .soc a:nth-child(5) { background-image:url(../img/source/main/vk_top.png); } .underheadright .soc a:nth-child(5):hover{ background-image:url(../img/source/main/vk_top_h.png); } .underheadright .soc a:nth-child(7){ background-image:url(../img/source/main/tube_icon.png); } .underheadright .soc a:nth-child(7):hover{ background-image:url(../img/source/main/tube_icon_h.png); } ul.footer-social li { float: left; padding-left: 1px; } ul.footer-social img { background-color: #292929; } ul.footer-social img:hover { cursor: pointer; background-color: #888; transition: all 0.2s ease-in-out 0s; } .slide_2 .button_slide{ border: 1px solid #0774B0!important; } .slide_2 .button_slide:hover{ background-color:#0774B0; } .button_slide:hover a{ color:#fff; } div.phones_footer div.soc a { margin: 25px auto; width: 35px; height: 35px; align-items: center; } /* МОДУЛИ РАЗДЕЛОВ */ /* Разделы на шапке */ div.topchapters { display: inline-block; text-align: left; margin-left:30px; } div.topchapters_separator { display: none; } .slide_2 h2{ font-size:36px; font-family:"myriadpro"; font-weight:bold!important; color:#0774b0!important; } .main .container:nth-child(1) .headliner{ font-family:"myriad_bold"; } div.topchapter { position: relative; display: inline-block; -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; cursor: pointer; z-index: 2; margin: 5px 15px; width: auto; cursor: hand; text-align: center; } .articletext a{ color:#0774b0; } div.topactivechapter { position: relative; cursor: pointer; margin: 5px 25px; display:inline-block; width: auto; z-index:2; cursor: hand; margin: 5px 15px; text-align: center; } div.topchapter:hover{/*background: url(../img/source/main/chap_hover.png);background-repeat: no-repeat;background-position: center;background-size: 100% auto;*/} div.topactivechapter:after{ background:transparent; background-repeat:no-repeat; background-position:center; background-size: 100% auto; width:100%; left:0; top:0; height:100%; content:""; position:absolute; z-index:-1; } .news_header{ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } div.topchapter:hover > a{ transition:all 0.2s ease; transition:all 0.2s ease; -o-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; text-decoration: none; color: #fff; } div.topchapter:hover { position: relative; } .main .container:nth-child(1) .button_news a{ color:#0774b0!important; } .main .container:nth-child(1) .button_news:hover a{ color:#fff!important; } div.topchapter:hover div.topchapters_submenu { display: block; } div.topactivechapter:hover div.topchapters_submenu { display: block; } div.topchapters_submenu { display: none; position: absolute; top: 100%; z-index: 100; } div.topchapter_submenu { min-width: 122px; padding: 10px 5px 15px 15px; text-align: left!important; position: relative!important; text-align: center!important; line-height:12px; } .divide { width: 1px; background: none; height: 19px; display: inline-block; margin: 0 10px; vertical-align: middle; } div.topchapter_submenu:hover { min-width: 122px!important; padding: 10px 5px 15px 15px!important; text-align: left!important; position: relative!important; text-align: center!important; line-height:12px; } div.underheadright div.soc a:after{ position:absolute; top:10px; height:30px; width:100%; content:""; right:0; display:none; border-right:1px solid #1684C1; } div.topchapter_submenu a { color: #000; font-size: 15px; padding: 10px 4px; white-space: nowrap; } div.topchapter_submenu:hover a { color: #303030; font-size: 15px; white-space: nowrap; text-decoration: underline; } /* Адаптивное меню разделов */ div.mobiletopchapters { display: none; } @media all and (max-width: 600px) { div.topchapters { display: none; } div.mobiletopchapters { position: relative; display: block; width: 32px; height: 32px; z-index:100; margin-left: 40px; margin-top: -65px; margin-bottom: 0px; background: #50A110; display: flex; padding: 37px 0px; } } div.mobiletopchapters #seechapters { width: 32px; height: 32px; cursor: pointer; cursor: hand; font-size: 0; background: url("/img/source/main/burger.png") no-repeat center; } div.menuchapters_name { color: #292929; } div.menuchapters { display: none; position: fixed; height: 100%; width: 0px; top: 0px; left: 0; z-index: 4292929; max-height: 100%; overflow-y: auto; background: #fff; border-right: 1px solid #1684C1; } div.menuchapters_block { text-align: left; width: -webkit-fill-available; background: #0774B0; border-bottom: 1px solid #1684c1; display: inline-block; } div.menuchapters_block a { text-decoration: none; font-size:18px; padding: 24px; width:auto; height:100%; display:block; color:#fff; font-family:"myriad_semibold"; } #leftdivnew{ padding: 0px!important; background-color: #0774B0; } div.menuchapters_block:hover a { text-decoration: none; } .menuchapters_block:nth-child(3), .menuchapters_block:nth-child(4), .menuchapters_block:nth-child(8) { display:none; } div.menuchapters_block:hover{ background:#1684C1; } /* Разделы в колонке */ div.columnchapters_main { margin-bottom: 10px; } div.columnchapters_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.columnchapters {} div.columnchapter0 { padding: 5px; cursor: pointer; cursor: hand; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.columnchapter0 a { text-decoration: none; color: #888; } div.columnchapter0:hover { text-decoration: none; padding: 5px; } div.columnchapter0:hover a { text-decoration: none; color: #292929; } div.columnchapteractive0 { padding: 5px; cursor: pointer; cursor: hand; } div.columnchapteractive0 a { text-decoration: none; color: #292929; } div.columnchapter1 { padding: 4px 0px 4px 10px; cursor: pointer; cursor: hand; } div.columnchapter1 a { text-decoration: none; color: #888; font-size: 90%; } div.columnchapter1:hover { padding: 4px 0px 4px 10px; } div.columnchapter1:hover a { text-decoration: none; color: #292929; } div.columnchapteractive1 { padding: 4px 0px 4px 10px; cursor: pointer; cursor: hand; } div.columnchapteractive1 a { text-decoration: none; color: #292929; font-size: 90%; } div.columnchapter2 { padding: 4px 0px 4px 20px; cursor: pointer; cursor: hand; } div.columnchapter2 a { text-decoration: none; font-size: 90%; color: #888; } div.columnchapter2:hover { padding: 4px 0px 4px 20px; } div.columnchapter2:hover a { text-decoration: none; color: #292929; } div.columnchapteractive2 { padding: 4px 0px 4px 20px; cursor: pointer; cursor: hand; } div.columnchapteractive2 a { text-decoration: none; color: #292929; font-size: 90%; } /* Разделы в центре */ div.centerchapters { margin: 10px 0; text-align: center; } div.centerchapters_in { justify-content: center; display: flex; flex-wrap: wrap; text-align: center; } div.centerchapter { display: flex; flex-direction: column; margin: 10px 5px; flex-grow: 0; flex-shrink: 1; flex-basis: 23.8%; } /* @media all and (min-width: 1300px) and (max-width: 1399px) { div.centerchapter { flex-basis: 23.8%; } } @media all and (min-width: 1200px) and (max-width: 1299px) { div.centerchapter { flex-basis: 23.7%; } } @media all and (min-width: 1000px) and (max-width: 1199px) { div.centerchapter { flex-basis: 31.6%; } } @media all and (min-width: 900px) and (max-width: 999px) { div.centerchapter { flex-basis: 31.4%; } } @media all and (min-width: 799px) and (max-width: 899px) { div.centerchapter { flex-basis: 31.7%; } } @media all and (min-width: 600px) and (max-width: 798px) { div.centerchapter { flex-basis: 31%; } } @media all and (max-width: 599px) { div.centerchapter { flex-basis: 97%; } } */ div.centerchapter_topname { display: none; } div.centerchapter_img { width: 100%; height: 200px; overflow: hidden; margin-bottom:10px; align-items: center; justify-content: center; text-align: center; display: flex; } div.centerchapter_imgin { width: 100%; } div.centerchapter_imgin img { max-width: 100%; max-height: 200px; border: 0; } /* @media all and (max-width: 599px) { div.centerchapter_img { height: auto; } div.centerchapter_imgin img { max-height: 100%; } } */ div.centerchapter_infoblock { vertical-align: top; text-align: center; } div.centerchapter_bottomname { padding: 10px 0px 10px 0; } div.centerchapter_bottomname a { font-size: 110%; color: #292929; text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .centertext { max-width: 960px; margin: 0 auto; min-height:350px; } .centertext h1{ line-height:32px!important; margin-top:0!important; } div.centerchapter_bottomname a:hover { font-size: 110%; color: #292929; text-decoration: underline; } .tellist{ margin:0; padding:0; } .tellist li{ list-style:none; } div.centerchapter_info { margin: 5px 0px; height: 50px; font-size: 90%; color: #888; } div.centerchapter_button { text-align: center; } /* МОДУЛИ ПОИСК */ div.search { position: relative; max-width: 500px; margin: 0 auto; } div.search form{ display: flex; flex-direction: row; position: relative; align-items: center; } div.search_input { position: relative; max-width: 100%; width: 100%; } div.search_input input { width: 100%; max-width: 500px; border-radius: 3px; padding: 10px 20px; font-size: 110%; } div.search_button { position: absolute; right:5px; } div.search_button input { padding: 0; background: url("/themes/templates/icon_search.png") no-repeat center; width: 24px; height: 24px; font-size: 0; border: 0; } div.search_button input:hover { padding: 0; background: url("/themes/templates/icon_search_hover.png") no-repeat center; width: 24px; height: 24px; font-size: 0; border: 0; } /* НОВОСТНАЯ ЛЕНТА */ /* Новостная лента в колонке */ div.columnarticles_main {} div.columnarticles_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.columnarticles {} div.columnarticle_separator { display: none; } div.columnarticle { text-align: left; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; padding: 10px 0; display: flex; flex-direction: row; } div.columnarticle_imgleft { display: none; } div.columnarticle_imgright { display: none; } div.columnarticle_info { vertical-align: top; } div.columnarticle_name { padding: 3px 0; } div.columnarticle_name a { text-decoration: none; color: #888; } div.columnarticle_date { color: #888; font-size: 90%; text-align: left; } div.columnarticle_seeall { text-align: center; margin-bottom: 10px; margin-top: 10px; } /* Новостная лента в центре */ div.centerarticles_main { text-align: Center; margin: 10px 0; } div.centerarticles_title { font-size: 130%; color: #292929; padding: 10px; text-align: left; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.centerarticle_wrap { justify-content: center; display: flex; flex-wrap: wrap; text-align: center; } div.centerarticle { margin: 10px 8px; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 1; flex-basis: 32%; } /* @media all and (min-width: 890px) and (max-width: 1280px) { div.centerarticle { flex-basis: 31%; } } @media all and (min-width: 500px) and (max-width: 890px) { div.centerarticle { flex-basis: 47%; } } @media all and (max-width: 499px) { div.centerarticle { flex-basis: 95%; } } */ div.centerarticle_img { width: 100%; height: 200px; overflow: hidden; margin-bottom:10px; align-items: center; justify-content: center; text-align: center; display: flex; } div.centerarticle_imgin { width: 100%; } div.centerarticle_img img { max-width: 100%; max-height: 200px; border: 0; } /* @media all and (max-width: 599px) { div.centerarticle_img { height: auto; } div.centerarticle_imgin img { max-height: 100%; } } */ div.centerarticle_info { text-align: center; margin-top: 20px; } div.centerarticle_topname { display: none; } div.centerarticle_name { text-align: left; margin: 8px 0; } div.centerarticle_name a { text-decoration: none; color: #292929; } div.centerarticle_name a:hover { text-decoration: none; color: #292929; } div.centerarticle_short { margin: 5px 0px; text-align: left; color: #888; font-size: 90%; } div.centerarticle_date { padding: 8px; } div.centerarticle_seeall { text-align: center; } /* Новостная лента страница */ div.pagearticles { margin:0 auto 65px auto; max-width:960px; text-align: center; min-height:500px; } div.pagearticle { margin:0 0 70px 0; justify-content: left; display: flex; flex-direction: row; text-align: center; border-bottom: 5px solid #b3e2f1; } /* @media (max-width: 500px) { div.pagearticle { flex-direction: column; } } */ div.pagearticle_img { } /* @media (max-width: 500px) { div.pagearticle_img { width: 98%; margin: 0 auto; } } */ div.pagearticle_imgin { width:100%; } div.pagearticle_imgin img { max-width: 300px; /*max-height: 250px;*/ opacity:1; transition:all 0.5s ease; } div.pagearticle_imgin img:hover { opacity:0.8; } /* @media (max-width: 500px) { div.pagearticle_imgin img { max-width: 100%; max-height: 100%; } } */ div.pagearticle_info { text-align: left; padding-left: 30px; } div.pagearticle_info {} div.pagearticle_topname { display: none; } div.pagearticle_name { margin-bottom: 3px; font-size:25px; max-width:480px; color:#0774b0; font-family:"myriad_semibold"; } div.pagearticle_name a { text-decoration: none; color:#0774b0; text-transform:uppercase; } div.pagearticle_name a:hover { text-decoration: underline; color:#0774b0; } .pagearticle_short{ cursor:default; } .pagearticle_name:hover .more:after{ width:100%; } div.pagearticle_short { margin: 3px 0; font-size: 18px; color: #0774b0; font-family:"myriadpro"; } div.pagearticle_short p { } div.pagearticle_date,.articledate { font-size: 14px; font-family: "myriadpro"; color: #46bce2; text-transform:uppercase; margin: 10px 0; } /* Страница элемента ленты */ div.articleback { margin: 0px 0; display:none; } div.articlename { margin-bottom: 20px; } h1 { font-weight: normal; padding: 4px 10px; } .img_block_article{ float: left; text-align: left; /* margin: 0 35px 15px 0; */ margin: 0 35px 35px 0; display: flex; } .clear{ clear:both; } .aligner{ display: inline-block; width: 50%; text-indent: 0; position: relative; left: -40px; } .aligner h1{ text-transform: none; font-size: 25px; text-align: left; margin: 0 auto; padding: 0; } div.articletext { max-width:960px; min-height:350px; margin:60px auto 0 auto; text-align:justify; color:#0774b0; text-indent:40px; font-size:23px; line-height:32px; font-family:"myriadpro",helvetica,arial,verdana; } div.articletext p{ margin:0; } div.articledate { padding: 8px 0; } div.article_commall {} div.articlecomments {} div.commenthorseparator {} div.commentquote {} div.oneartcomm {} /* ХЛЕБНЫЕ КРОШКИ */ div.breads { position:relative; z-index:100; margin: 25px auto 25px auto; max-width:960px; font-family:"myriadpro",arial,verdana; padding: 5px 0px; } div.linkicon { display: inline-block; vertical-align: middle; padding: 0 10px; color:#a8a8a8; } div.link { display: inline-block; vertical-align: middle; } div.link a { text-decoration: none; font-size:16px; color:#a8a8a8!important; } div.link a:hover { font-size: 16px; text-decoration: underline; } div.linkactive { display: inline-block; vertical-align: middle; color:#0774b0!important; } div.linkactive a { font-size:16px; } div.linkactive a:hover { text-decoration: underline; font-size: 16px; } /* ПАГИНАЦИЯ */ div.paging { align-items: center; margin: 0 auto; margin-top:10px; margin-bottom:10px; display: flex; flex-direction: row; } div.pagingbutton { vertical-align: middle; } div.pagingleft input, div.pagingright input{ text-align: Center; position: relative; z-index: 10; border: none; border-radius: 10px; text-transform: uppercase; display: block; text-decoration: none; font-size: 15px; color: #83C2DF; font-family: "myriadpro"; transition-duration: 0.2s; -ms-transition: 0.2s; -webkit-transtion: 0.2s; -o-transition: 0.2s; padding:4px 15px; } div.pagingleft input:hover, div.pagingright input:hover{ background: transparent; color:#83C2DF; font-family: "myriadpro"; border:none; text-decoration:underline; transition-duration: 0.2s; -ms-transition: 0.2s; -webkit-transtion: 0.2s; -o-transition: 0.2s; font-size: 15px; padding:4px 15px; } div.pagingnow{ background: #83C2DF; color: #fff; font-size: 100%; width: 60px; height: 60px; border-radius: 360px; text-align: center; cursor: pointer; cursor: hand; font-weight: bold; line-height: 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; text-align: center; } div.pagingnow a { color: #fff; font-size:16px; font-family:"myriadpro", arial,verdana,calibri; } div.pagingnow:hover { } div.pagingall:hover a { } div.pagingall { margin:0 5px; color:#83C2DF; font-size: 100%; width: 60px; height:60px; line-height: 60px; text-align: center; cursor: pointer; } div.pagingall a{ color:#83C2DF; font-weight:bold; } div.pagingall:hover{ background: #83C2DF; color: #fff; font-size: 100%; width: 60px; height: 60px; border-radius: 360px; text-align: center; cursor: pointer; cursor: hand; font-weight: bold; line-height: 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; text-align: center; } div.pagingall:hover a{ color:#fff; font-weight:bold; } /* ЗАКАЗАТЬ ЗВОНОК */ div.callme {} div.callmeform { position: fixed; background: #fff; box-shadow: 0px 0px 0px 20px #292929; padding: 30px; display: none; z-index: 500; width: 500px; max-width: 90%; } div.callme_main { width: 100%; } div.callme_mainin {} div.callme_closeline { height: 40px; } div.callme_close { float: right; } div.callme_title { text-align: center; font-size: 110%; } div.callme_line { margin: 3px 0; } div.callme_block {} div.callme_button {} /* СЛАЙДЕР */ div.sliderback {position:relative;} div.sliderback:before{background: url(/img/source/main/bg_slider.png) no-repeat center bottom;content: '';position: absolute;bottom: -107px;left: 0;right: 0;height: 205px;z-index: 1;} div.slider {} div.sliderimg { margin: 0 auto; width: 100% !important; } div.advbanner { position: absolute; background-size: cover; background-position: center top !important; width:100% !important; } div.sliderarrows { margin: 0 auto; position: relative; max-width: 1250px; } div.sliderleft { position: absolute; z-index: 100; margin-top: 400px; left: 15px; } div.sliderleft input { background:transparent url(/img/source/main/left.png) no-repeat center; width: 65px; height: 65px; font-size: 0; padding: 0; border: 2px solid #7BBDDD; border-radius: 50px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.sliderleft input:hover { background: #008CB9 url("/img/source/main/left_hov.png") no-repeat center; border: 2px solid #008CB9; font-size: 0; padding: 0; border-radius: 50px; } div.sliderright { position: absolute; z-index: 100; right: 15px; margin-top: 400px; } div.sliderright input { background:transparent url(/img/source/main/right.png) no-repeat center; width: 65px; height: 65px; font-size: 0; padding: 0; border: 2px solid #7BBDDD; border-radius: 50px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.sliderright input:hover { background: #008CB9 url("/img/source/main/right_hov.png") no-repeat center; border: 2px solid #008CB9; font-size: 0; padding: 0; border-radius: 50px; } div.sliderbuttons { position: relative; top: -105px; height: 0; z-index: 100; max-width: 960px; margin: 0 auto; text-align: right; } div.sliderbuttonsin { display:inline-block; margin-right:40px; } div.sliderbutton { display: inline-block; } div.slidernext { background: #fff; border: 1px solid transparent; width: 7px; height: 7px; margin: 3px; font-size: 0; cursor: pointer; cursor: hand; border-radius: 20px; } div.slidernextact { background: transparent; border: 1px solid #004381; width: 7px; height: 7px; margin: 3px; font-size: 0; cursor: pointer; cursor: hand; border-radius: 20px; } /* ГАЛЕРЕЯ */ /* Страница галереи */ div.pagegallery { justify-content: center; display: flex; flex-wrap: wrap; text-align: center; } div.gallery { display: flex; flex-direction: column; margin: 10px 5px; flex-grow: 0; flex-shrink: 1; flex-basis: 23.8%; } /* @media all and (min-width: 1300px) and (max-width: 1399px) { div.gallery { flex-basis: 23.8%; } } @media all and (min-width: 1200px) and (max-width: 1299px) { div.gallery { flex-basis: 23.7%; } } @media all and (min-width: 1000px) and (max-width: 1199px) { div.gallery { flex-basis: 31.6%; } } @media all and (min-width: 900px) and (max-width: 999px) { div.gallery { flex-basis: 31.4%; } } @media all and (min-width: 799px) and (max-width: 899px) { div.gallery { flex-basis: 31.7%; } } @media all and (min-width: 600px) and (max-width: 798px) { div.gallery { flex-basis: 31%; } } @media all and (max-width: 599px) { div.gallery { flex-basis: 97%; } } */ div.gallery_img { width: 100%; height: 120px; overflow: hidden; margin-bottom:10px; align-items: center; justify-content: center; text-align: center; display: flex; } div.gallery_imgin { width: 100%; } div.gallery_imgin img { max-width: 100%; max-height: 120px; border: 0; } /* @media all and (max-width: 599px) { div.gallery_img { height: auto; } div.gallery_imgin img { max-height: 100%; } } div.gallery_text { text-align: center; padding-top: 10px; } /* Слайдер галереи */ div.slidergallerys { position: relative; padding-bottom: 10px; margin-top: 20px; } div.slidergallery_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.slidergallery_info { display: flex; flex-direction: row; align-items: center; } div.slidergallery_left { padding-right: 20px; } div.slidergallery_right { padding-left: 20px; } div.slidergallery_center { width: 100%; } div.slidergallery_cont {} div.slidergallery_contin { display: flex; flex-direction: row; } div.slidergallery_main { vertical-align: top; } div.slidergallery { margin: 5px 15px; width: 216px; } /* @media all and (min-width: 1300px) and (max-width: 1399px) { div.slidergallery { width: 206px; } } @media all and (min-width: 1200px) and (max-width: 1299px) { div.slidergallery { width: 190px; } } @media all and (min-width: 1000px) and (max-width: 1199px) { div.slidergallery { width: 180px; } } @media all and (min-width: 900px) and (max-width: 999px) { div.slidergallery { width: 230px; } } @media all and (min-width: 799px) and (max-width: 899px) { div.slidergallery { width: 176px; } } @media all and (min-width: 600px) and (max-width: 798px) { div.slidergallery { width: 200px; } } @media all and (min-width: 400px) and (max-width: 599px) { div.slidergallery { width: 206px; } } @media all and (min-width: 365px) and (max-width: 399px) { div.slidergallery { width: 166px; } } @media all and (min-width: 330px) and (max-width: 364px) { div.slidergallery { width: 148px; } } @media all and (max-width: 329px) { div.slidergallery { width: 108px; } } */ div.slidergallery_topname { display: none; } div.slidergallery_bottomname { text-align: center; } div.slidergallery_bottomname a {} div.slidergallery_bottomname a:hover { color: #292929; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-decoration: none; } div.slidergallery_img { width: 100%; height: 120px; overflow: hidden; margin-bottom:10px; align-items: center; justify-content: center; text-align: center; display: flex; } div.slidergallery_imgin { width: 100%; } div.slidergallery_imgin img { max-width: 100%; max-height: 120px; border: 0; } /* @media all and (max-width: 599px) { div.slidergallery_img { height: auto; } div.slidergallery_imgin img { max-height: 100%; } } */ div.slidergallery_seeall { text-align: center; margin: 15px 0; } /* Колонка галереи */ div.columngallerys_main {} div.columngallery_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.columngallerys {} div.columngallery { border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; padding: 10px 0; } div.columngallery_topname {} div.columngallery_bottomname {} div.columngallery_imgleft { width: 100%; } div.columngallery_imgleft img { max-width: 100%; } div.columngallery_imgright { width: 100%; } div.columngallery_imgright img { max-width: 100%; } div.columngallery_separator {} div.columngallery_seeall { text-align: center; margin-bottom: 10px; margin-top: 10px; } /* ОТЗЫВЫ */ /* Форма добавления */ div.addcomment { min-width: 50%; max-width: 500px; margin: 0 auto; margin-top: 30px; } div.addcomment_title { text-align: center; color: #ff8888; } div.addcommenttitle { padding: 10px 0px 10px; font-size: 28.12px; text-align: center; margin: 0px auto 10px; } div.addcomment_line { margin: 10px 0; } div.addcomment_line input[type="text"], div.addcomment_line textarea { padding: 15px 10px 15px 20px; border: 1px solid #0774B0; font-size: 16px; border-radius: 10px; } div.addcomment_block {} div.addcomment_button { text-align: center; } div.addcomment_button input{ text-align: Center; font-size: 15px; color: #0774b0; position: relative; z-index: 10; border: 1px solid #0774b0; width: 185px; margin-top: 30px; border-radius: 10px; padding: 15px 0px 14px 0; } div.addcomment_button input:hover{ text-align: Center; font-size: 15px; color: #fff; position: relative; z-index: 10; border: 1px solid #0774b0; width: 185px; margin-top: 30px; border-radius: 10px; padding: 15px 0px 14px 0; background:#0774b0; } div.addcomment_info {} div.addcomment_vote { margin-top: 10px; } div.addcomment_votename { display: inline-block; padding-right: 20px; vertical-align: middle; } div.addcomment_voterate { display: inline-block; vertical-align: middle; } div.itemactvote { background: url('/themes/templates/star1.png'); width: 30px; height: 30px; cursor: pointer; cursor: hand; } div.itemvote { background: url('/themes/templates/star.png'); width: 30px; height: 30px; cursor: pointer; cursor: hand; } /* Страница отзывов */ div.pagecomments { max-width: 1000px; margin: 0 auto; padding: 5px 10px; margin-top:20px; } div.pagecomment { width: 100%; padding: 10px; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px dashed #46bce2; } div.pagecomment_info { display: flex; flex-direction: row; justify-content: space-between; } /* @media all and (max-width: 500px) { div.pagecomment_info { display: flex; flex-direction: column; justify-content: baseline; } } */ div.pagecomment_name { font-size: 16px; text-transform: uppercase; font-family: "myriad_bold"; color: #0774b0; } div.pagecomment_text { font-size: 16px; line-height: 25px; font-family: "myriadpro"; color: #0774b0; margin-top: 10px; } div.pagecomment_date { font-size: 12px; font-family: "myriadpro"; color: #46bce2; display:none!important; } div.pagecomment_separator {} /* Отзывы в колонке */ div.columncomments {} div.columncomments_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.columncomment {} div.columncomment_name {} div.columncomment_text {} div.columncomment_date {} div.columncomment_separator {} div.columncomment_seeall {} /* Отзывы в центре */ div.centercomments { vertical-align: top; } div.centercomments_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.centercomment {} div.centercomment_info { display: flex; flex-direction: row; justify-content: space-between; } /* @media all and (max-width: 500px) { div.centercomment_info { display: flex; flex-direction: column; justify-content: baseline; } }*/ div.centercomment_name { } div.centercomment_text { font-size: 110%; margin: 5px 0; } div.centercomment_date { } div.centercomment_seeall {} /* FAQ */ /* Форма добавления */ div.addfaq { min-width: 50%; max-width: 500px; margin: 0 auto; margin-top: 30px; } div.addfaqtitle { padding: 10px 0px 10px; font-size: 110%; text-align: center; margin: 0px auto 10px; } div.addfaq_line { margin: 10px 0px; } div.addfaq_block {} div.addfaq_button { text-align: center; } div.addfaq_info {} /* Страница отзывов */ div.pagefaqs {} div.page_faq { padding: 10px; margin: 10px auto; } div.pagefaq_info { display: flex; flex-direction: row; justify-content: space-between; } /* @media all and (max-width: 500px) { div.pagefaq_info { display: flex; flex-direction: column; justify-content: baseline; } }*/ div.pagefaq_name { } div.pagefaq_text { font-size: 110%; } div.pagefaq_date { } div.pagefaq_textseparator {} div.pagefaq_answerinfo { display: flex; flex-direction: row; justify-content: space-between; } /* @media all and (max-width: 500px) { div.pagefaq_answerinfo { display: flex; flex-direction: column; justify-content: baseline; } } */ div.pagefaq_answername { padding-top: 20px; } div.pagefaq_answertext { background: #c7c7c7 none repeat scroll 0% 0%; padding: 10px 10px 10px 30px; color: #292929; font-size: 110%; } div.pagefaq_answerdate { } div.pagefaq_separator {} /* ФОРМА СВЯЗИ */ div.feedback_main { min-width: 300px; vertical-align: top; padding: 0px 0px; position: relative; z-index: 1; } div.feedback_in {} div.feedback_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.feedback_titlein { text-align: left; } div.feedback_info {} div.feedback_line { margin: 10px 0; } div.feedback_blockname { vertical-align: top; } div.feedback_blockparam { vertical-align: top; } div.feedback_button { text-align: center; } div.feedback_button input {} /* ГОЛОСОВАНИЯ */ div.columnpolls { margin-top: 20px; padding: 5px; } div.columnpolls_title { font-size: 110%; color: #292929; padding: 10px; margin-bottom: 10px; border-bottom: solid 1px #c7c7c7; } div.columnpoll {} div.columnpoll_info {} div.columnpoll_infoin { display: flex; flex-direction: row; justify-content: space-between; align-items:center; } div.columnpoll_radio { flex-basis:1px; vertical-align: middle; } div.columnpoll_name { flex-basis:99%; vertical-align: middle; padding: 5px 0; } div.columnpoll_votes { flex-basis:1px; vertical-align: middle; } div.columnpoll_line { background: #c7c7c7; } div.columnpoll_linein { background: #292929; height: 25px; } /* РЕГИСТРАЦИЯ */ div.registration_main { max-width: 800px; min-width: 50%; margin: 0 auto; margin-top: 20px; } div.registration_title { padding: 10px 0px; text-align: right; margin: 0px auto 10px; } div.registration_blockin {} div.registration_line { display: table; width: 100%; } div.registration_blockname { display: table-cell; width: 25%; padding: 4px; vertical-align: middle; } div.registration_blockparam { display: table-cell; padding: 4px; vertical-align: middle; } /* @media all and (max-width: 899px) { div.registration_blockname { display: none; } div.registration_blockparam { display: block; padding: 4px; margin: 3px; vertical-align: middle; } } */ div.registration_button { text-align: center; margin: 20px; } div.registration_maincomp {} /* ОКНО ВХОДА */ div.loginform { position: fixed; background: #fff; box-shadow: 0px 0px 0px 20px #292929; padding: 30px; display: none; z-index: 500; width: 500px; max-width: 90%; } div.login_main { width: 100%; } div.login_mainin {} div.login_closeline { height: 40px; } div.login_close { float: right; } div.login_title { text-align: center; font-size: 110%; padding: 10px; color: #292929; } div.login_line {} div.login_block { margin-bottom: 10px; } div.login_button {} div.login_info {} div.login_forget { margin-top: 3px; float: right; cursor: pointer; cursor: hand; } div.login_maininsocial {} div.login_titlesocial { text-align: center; font-size: 110%; text-transform: uppercase; padding: 10px; color: #292929; } div.login_titlesocialin { text-align: center; } div.login_socialfb { display: inline-block; padding: 5px; } div.login_socialfb input { width: 50px; height: 50px; background: url('/themes/templates/f.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialfb input:hover { width: 50px; height: 50px; background: url('/themes/templates/f.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialod { display: inline-block; padding: 5px; } div.login_socialod input { width: 50px; height: 50px; background: url('/themes/templates/od.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialod input:hover { width: 50px; height: 50px; background: url('/themes/templates/od.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialgg { display: inline-block; padding: 5px; } div.login_socialgg input { width: 50px; height: 50px; background: url('/themes/templates/g.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialgg input:hover { width: 50px; height: 50px; background: url('/themes/templates/g.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialvk { display: inline-block; padding: 5px; } div.login_socialvk input { width: 50px; height: 50px; background: url('/themes/templates/vk.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } div.login_socialvk input:hover { width: 50px; height: 50px; background: url('/themes/templates/vk.png') no-repeat; border: 0; font-size: 0; color: transparent; padding: 0; } /* АВТОРИЗАЦИЯ */ /* Кнопки */ div.buttonsusers { z-index:100; display: inline-block; } div.buttonsusers_main { display: block; padding-top: 15px; } div.buttonsusers_button1 { display: inline-block; vertical-align: middle; line-height: 0; } div.buttonsusers_button2 {display: inline-block;vertical-align: middle;line-height: 0;} div.buttonsusers_button3 { } div.buttonsusers_button4 { margin-left:5px; } /* Поля */ div.polesusers {} div.polesusers_main {} div.polesusers_enter {} div.polesusers_enter1 { margin: 3px 0; } div.polesusers_enter2 { margin: 3px 0; } div.polesusers_button { display: flex; flex-direction: row; justify-content: space-between; align-items:center; } div.polesusers_titlesoc {} div.polesusers_social {} div.polesusers_fb {} div.polesusers_gg {} div.polesusers_vk {} div.polesusers_od {} div.polesusers_forget span { cursor: pointer; cursor: hand; } div.polesusers_mainin {} div.polesusers_enterin {} div.polesusers_buttonsin {} div.polesusers_buttonsin1 {} div.polesusers_buttonsin2 {} div.polesusers_buttonsin3 {} div.polesusers_buttonsin4 {} /* АККАУНТ */ div.accountinfo {} div.userwelcome { color: #292929; padding: 10px 0px; font-size: 120%; text-align: center; margin: 0px auto 10px; border-bottom: 1px solid #c7c7c7; } div.accounttabs { margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #292929; position: relative; top: 0px; display: flex; flex-direction: row; } /* @media all and (max-width: 700px) { div.accounttabs { flex-direction: column; } } */ div.accounttabposition { vertical-align: bottom; position: relative; top: 1px; margin:0 2px; line-height: 56px; } div.accounttab { padding: 10px 20px; border: 1px solid #292929; height: 20px; -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; cursor: pointer; cursor: hand; background: #fff; color: #888; display: inline-block; vertical-align: bottom; line-height: initial; } div.accounttab:hover { padding: 10px 20px; border: 1px solid #292929; height: 30px; color: #fff; background: #292929; cursor: pointer; display: inline-block; vertical-align: bottom; line-height: initial; } div.accountactivetab { padding: 10px 20px; border: 1px solid #292929; height: 30px; color: #fff; background: #292929; cursor: pointer; display: inline-block; vertical-align: bottom; line-height: initial; } /* @media all and (max-width: 899px) { div.accounttabposition { display: block; top: 0px; line-height: initial; } div.accounttab { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } div.accounttab:hover { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } div.accountactivetab { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } }*/ div.accounttabinfo { padding: 20px; } div.account_userdata { display: flex; flex-direction: row; justify-content: space-between; } div.account_userdatacolumn1 { flex-basis: 50%; padding: 10px; flex-grow:1; } div.account_userdatacolumn2 { flex-basis: 50%; padding: 10px; flex-grow:1; } /* @media all and (max-width: 899px) { div.account_userdata { display: flex; flex-direction: column; justify-content: space-between; } div.account_userdatacolumn1 { flex-basis:100%; padding: 10px 0; } div.account_userdatacolumn2 { flex-basis:100%; padding: 10px 0; } }*/ div.account_button { text-align: center; margin-top: 20px; } div.account_blockname { color: #888; font-size: 110%; padding: 10px 0px 0px 0px; } div.account_title { font-size: 110%; text-align: center; border-bottom: 1px solid #c7c7c7; padding: 0px 0px 10px 0px; width: 50%; margin: 0 auto; } div.account_orders {} div.account_order { border: 1px solid #888; padding: 10px; } div.account_ordertitle {} div.account_ordertitlein {} div.ordernumber { display: inline-block; } div.orderinfo { padding: 5px; text-align: right; float: right; margin-bottom: 10px; display: inline-block; } div.account_orderinfo {} div.account_ordertable {} div.account_ordertable table { width: 100%; } span.seemoreorder { cursor: hand; cursor: pointer; margin: 10px 0; color: #292929; } /* ПОИСК */ div.searchtextpage {} div.searchtextname {} div.searchtext {} div.searchtexthorseparator {} div.searchtextfail {} /* МАТЕРИАЛЫ */ div.notemenu { padding-top: 20px; } div.notetabposition { display: inline-block; vertical-align: bottom; position: relative; top: 1px; line-height: 56px; } div.notetab { padding: 10px 20px; border: 1px solid #292929; height: 20px; -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; cursor: pointer; cursor: hand; background: #fff; color: #888; display: inline-block; vertical-align: bottom; line-height: initial; } div.notetab:hover { padding: 10px 20px; border: 1px solid #292929; height: 30px; color: #fff; background: #292929; cursor: pointer; display: inline-block; vertical-align: bottom; line-height: initial; } div.notetab:hover a { color: #fff; } div.notetabact { padding: 10px 20px; border: 1px solid #292929; height: 30px; color: #fff; background: #292929; cursor: pointer; display: inline-block; vertical-align: bottom; line-height: initial; } div.notetabact a { color: #fff; } /* @media all and (max-width: 899px) { div.notetabposition { display: block; top: 0px; line-height: initial; } div.notetab { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } div.notetab:hover { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } div.notetabact { text-align: center; height: auto; padding: 10px; display: block; vertical-align: middle; } }*/ div.notetabinfo { padding: 20px; } div.notetext {} /* ЯЗЫКИ */ div.languages {} div.languageact { display: inline-block; padding: 3px; margin: 3px; border: 1px solid #888; } div.language { display: inline-block; padding: 3px; margin: 3px; } .marketing, .partnership { max-width:965px; margin:0 auto 30px auto; } .container{ margin:0 auto; max-width:1200px; } .inline{ display:inline-block; } div.h1_block{ position:relative; margin:0 auto 40px auto; width:100%; } div.h1_block:after{ position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -17px; height: 100%; width: 70px; content: ""; border-bottom: 5px solid #b3e2f1; } .quantity-goods { /*position: absolute;*/ position: relative; top: -15px; /*right: 43px;*/ left: -5px; /*display: block;*/ /*min-width: 22px;*/ height: 11px; padding: 4px 6px; -webkit-border-radius: 100px; border-radius: 100px; font-size: 11px; line-height: 1; color: #ffffff; font-family: "Trebuchet MS", Helvetica, sans-serif; text-shadow: none; font-weight: bold; text-align: center; background-color: red; zoom: 1; /*-webkit-box-shadow: 0 1px 0 #745e32;*/ /*box-shadow: 0 1px 0 #745e32;*/ text-decoration: none; z-index: 999; } .buttonsusers_main input{display:none;} #reg_button{ color: #0774B0; position: relative; display: inline-block; height: 22px; width: 22px; /*margin: 0 10px;*/ /*background: url(../img/source/main/reg.png);*/ /*font-family: FontAwesome;*/ /*content: '\f07a';*/ background-position: center; background-size: 100% auto; background-repeat: no-repeat; transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; } #reg_button i { font-size: 24px; /*margin: 13px 13px 0 0;*/ } #reg_button:after, #reg_button:hover:after { content: "Корзина"; background: none; line-height: normal; box-shadow: none; padding: 0; color: #303030; display: inline-block; position: absolute; top: auto; left: -8px; right: 0; bottom: -18px; z-index: 1; font-size: 12px; text-align: center; } #login_butt:after, #login_butt:hover:after { content: "Кабинет"; background: none; box-shadow: none; padding: 0; display: inline-block; position: absolute; top: auto; bottom: -17px; line-height: normal; left: -10px; right: 0; z-index: 1; text-align: center; color: #303030; font-size: 12px; } #reg_button:hover{ cursor:pointer; color: #46bce2; /*background:url(../img/source/main/reg_h.png);*/ /*background-size:100% auto;*/ /*background-position:center;*/ /*background-repeat:no-repeat;*/ transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } #login_butt{ color: #0774B0; display:inline-block; height: 22px; position:relative; width: 22px; /*background:url(../img/source/main/enter.png);*/ /*background-size:100% auto;*/ /*background-position:center;*/ /*background-repeat:no-repeat;*/ transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } #login_butt i { font-size: 24px; /*margin: 13px 13px 0 0;*/ } #login_butt:hover{ color: #46bce2; cursor:pointer; /*background:url(../img/source/main/enter_h.png);*/ /*background-size:100% auto;*/ /*background-position:center;*/ /*background-repeat:no-repeat;*/ transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } /* marketing*/ h1{ text-align:center; line-height:32px; color:#008cb9; text-transform:uppercase; font-weight:bold; font-family:"myriadpro"; } .advbanner h2{ text-align:center; line-height:32px; color:#008cb9; text-transform:uppercase; font-weight:bold; font-family:"myriadpro"; } div.slidertext{ position: relative; top: 150px; max-width:960px; margin:0 auto; z-index:11; } div.footer_line { display:inline-block; vertical-align: middle; } div.phones_footer div.soc { display: flex; flex-direction: row; align-items: center; max-width: 200px; margin: 0 auto; text-align: center; } div.phones_footer div.soc a { margin: 0 auto; opacity:1; -o-opacity:1; -moz-opacity:1; -ms-opacity:1; -webkit-opacity:1; transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; } div.phones_footer div.soc a img{ display: inline-block; margin: 0 auto; vertical-align: middle; } div.phones_footer div.soc a:hover{ opacity:0.8; -o-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; -wenbkit-opacity:0.8; } div.phones_footer{ text-align:right; } .slide_2 h2 img{ margin-bottom:3px; } div.soc{ position: relative; top: 10px; } div.footer_phones{ position:relative; z-index:3; } div.footer_phones:before{ content:''; position:absolute; top:5px; left:-25px; width:25px; height:100%; background:url(/img/source/main/phones_footer.png) no-repeat center 3px; } div.footer_phones:after { width: 270px; margin: 0 auto; z-index: -1; left: -55px; top: -5px; display: none; height: 100%; padding: 5px 0; content: ""; border-bottom: 1px solid #298AC0; border-top: 1px solid #298AC0; position: absolute; } div.underheadright div.soc a{ transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; display: inline-block; background-color: #fff; border-radius: 60px; width: 36px; text-align: center; line-height: 0; padding: 6.5px 0px; margin-bottom:4px; box-shadow:0 0 2px 0 rgba(0,0,0,0.3); } div.underheadright div.soc a:hover{ background-color:#0774B0; transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } .more{ font-size:12px; z-index:10; display:inline-block; font-family:"myriadpro"; color:#46bce2; margin-top:40px; position:relative; } .more a{ text-transform:uppercase; text-decoration:none; color:#46bce2; position:relative; } .more a:hover{ color:#0774B0; } .special{ font-size:25px; font-weight:bold; text-align:center; display:inline-block; margin: 40px 0 50px 0!important; width:100%; } .more:after{ position:absolute; left:0; z-index:-1; top:0; height:100%; width:0; border-bottom:1px solid #0774b0; content:""; transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } .more:hover .more a{ color:#0774b0; } .more:hover:after{ width:100%; transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; -webkit-transition:all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; } .about_product{ max-width:960px; margin:0 auto; text-align:center; } .about_product .left,.about_product .center, .about_product .right { display: inline-block; vertical-align:top; padding:0; border:0; margin:0; border:0; vertical-align: top; } .about_product .left, .about_product .right{ width:240px; } .about_product .center { width: 470px; } .img_bottle{ position: absolute; left: 20px; top: 205px; right: 0; z-index: 100; } .about_product{ position: relative; } .h2_block h2{ font-family:"myriad_bold"; color:#00417d; text-align:Center; text-transform:uppercase; } .about_product .right:hover{ box-shadow:0px 0px 0px 0px rgba(0,0,0,0); } .about_product .background_block{ width: 275px; position:relative; background: url(../img/source/main/circle.png)no-repeat; background-position: center; margin: 0 auto 60px auto; border-radius: 360px; height: 275px; display:flex; flex-direction:column; } .sub_product_block{ position:relative; } .concealed .headline,.concealed .txt{ margin-top:30px!important; } .concealed .headline:after{ bottom:-15px!important; } .about_product .right .sub_product_block:nth-child(2), .about_product .right .sub_product_block:nth-child(3) { left:-11px; } .about_product .right .sub_product_block:nth-child(4){ left:-35px; } .about_product .right .sub_product_block:nth-child(2) .headline{ margin: 10px 0 10px 0; } .about_product .right .sub_product_block:nth-child(2) .headline:after { top: 32px; } .about_product .right .sub_product_block:nth-child(3) .headline { margin: 50px 0 35px 0; } .about_product .right .sub_product_block:nth-child(3) .headline:after { top: 42px; } .about_product .right .sub_product_block:nth-child(4) .headline { margin: 40px 0 44px 0; } .about_product .right .sub_product_block:nth-child(4) .headline:after { top: 45px; } .about_product .center .sub_product_block .headline{ margin:30px 0 30px 0; } .about_product .center .sub_product_block .headline:after{ top: 40px; } .about_product .center .sub_product_block{ top: -30px; } .about_product .left .sub_product_block:nth-child(1) .headline{ margin: 40px 0 20px 0; } .about_product .left .sub_product_block:nth-child(1) .headline:after { top: 36px; } .about_product .left .sub_product_block:nth-child(2) .headline { margin: 50px 0 30px 0; } .about_product .left .sub_product_block:nth-child(2) .headline:after { top: 42px; } .about_product .left .sub_product_block:nth-child(3) .headline { margin: 25px 0 15px 0; } .about_product .left .sub_product_block:nth-child(3) .headline:after { top: 35px; } .about_product .left .sub_product_block:nth-child(4){ right:-11px; } .about_product .sub_product_block .txt{ font-size:16.9px; color:#0774B0; font-family:"myriadpro"; } .about_product .header{ font-family:"myriad_bold"; font-size:28px; color:#00417d; margin-bottom:30px; text-transform:uppercase; } .about_product .sub_product_block .headline{ font-size: 26px; position: relative; color: #306eb0; font-family: "myriad_semibold"; margin: 0 0 0px 0; text-align: center; } .about_product .left .sub_product_block:nth-child(2){ left:-6px; } .about_product .center .sub_product_block { margin-top: 710px; margin-left: 20px; } .about_product .sub_product_block .headline:after{ position: absolute; margin: 0 auto; bottom:-30px; content: ""; left: 0; width: 40px; height: 3px; background: #0774B0; right: 0; } .block2 { text-align: center; margin-top: -40px; } .block2 .right{ padding:0; border:0; margin:0; } .block2 .right, .block2 .left{ text-align:left; font-size:23px; color:#00417d; } .block2 .right:hover{ box-shadow:1px 1px 1px 1px rgba(0,0,0,0); } .about_product .block2 .left ul, .about_product .block2 .right ul{ display:inline-block; width:49%!important; } .block2 .left ul li, .block2 .right ul li{ font-style:italic; font-family:"myriadpro-it"; font-size:23px; line-height:28px; margin-bottom:15px; list-style-image:url(../img/source/main/check.png); } .plus { max-width: 1920px; padding: 135px 0 155px 0; width: 100%; margin: 0 auto; background: url(../img/source/main/bg4321.jpg) no-repeat 0px 0, url(../img/source/main/bg1234.jpg) no-repeat bottom; background-size: 100% auto; } .plus .container:nth-child(1){ text-indent:40px; } .plus .container .headline{ font-size:28px; font-weight:bold; font-family:"myriadpro"; color:#0774b0; } .plus .container { font-size: 23px; color: #0774b0; margin-top: 30px; max-width: 960px; } .sub_headline{ text-align:center; font-size:28px; font-family:"myriad_bold"; color:#0774b0; margin-top:35px; text-transform:uppercase; } .plus ul{ max-width: 960px; font-size: 23px; margin-top: 20px; font-family: "myriadpro-it"; margin: 30px auto; color: #0774b0; } .plus ul li{ padding-left:30px; } .step3 .container .headline{ text-align: center; font-family: "myriad_bold"; text-transform: uppercase; font-size: 28px; color: #0774b0; margin-bottom:40px; } .concealed{ display:none; } .num_step{ color:#c1e7fc; font-family:"myriad_bold"; font-size:60px; } .num_step span{ font-size:24px; } .step3{ text-align:center; } .step3 .sub_step{ display: inline-block; vertical-align: top; text-align: left; position: relative; } .sub_step:before{ content: ""; position: absolute; width: 19px; height: 19px; background: url(/img/source/main/arrow_green.jpg); background-repeat: no-repeat; top: 82px; right: -40px; } .step3 .sub_step:nth-child(2) { margin: 0 135px; width: 12%; } .step3 .sub_step .txt{ font-size:20px; font-family:"myriadpro"; color:#00417d; } .step3 > .container:nth-child(2){ text-align:center; } .dotten_block{ margin-top: 50px; text-align: justify; max-width: 930px; margin: 50px auto 30px; border: 1px dashed #0083BB; border-radius: 20px; padding: 25px; } .dotten_block .headline{ text-align:left!important; margin-bottom:5px!important; font-family:"myriad_bold"; } .dotten_block p{ margin: 0; font-size: 23px; font-family: "myriadpro"; color: #0774b0; text-indent: 39px; } .dotten_block p:last-child{ margin-top:30px; } .step3 .sub_step:last-child:before { display:none!important; } .videoblock{ max-width: 660px; margin: 35px auto; text-indent:0!important; background: #fff; height: 390px; border-radius: 10px; padding: 20px; border: 1px solid #0774b0; } .news_headline{ position:Relative; } .slide_2 .sp{ text-transform:uppercase; } /* SLIDER FOR 1200x600 */ @media screen and (min-width: 1024px) and (max-width: 1250px) and (min-height: 550px) and (max-height: 800px) { div.advbanner { background-position: center 59px !important; width: 100% !important; height: 550px!important; } div.dana_baner h1 { padding: 10px 0 0; } div.sliderimg { height: 580px!important; } div.sliderleft { position: absolute; z-index: 100; margin-top: 300px; left: 15px; } div.sliderright { position: absolute; z-index: 100; right: 15px; margin-top: 300px; } .slide_3 h2 { padding-top: 0px!important; } } /* END SLIDER FOR 1200x600 */ .form .button { color: #ffffff; font-family: "myriadpro"; font-size: 18px; border: 1px solid #0774B0; background: #0774B0; } .form .button:hover { color: #0774B0; background: #ffffff; }