@import url(http://web.archive.org/web/20180425194730cs_/https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic&subset=latin,cyrillic); @import url(http://web.archive.org/web/20180425194730cs_/https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext); @import url(http://web.archive.org/web/20180425194730cs_/https://fonts.googleapis.com/css?family=Roboto:400,400italic,700&subset=latin,cyrillic); /* font-family: 'Roboto Condensed', sans-serif; */ /* font-family: 'Open Sans Condensed', sans-serif; */ /* font-family: 'Roboto', sans-serif; */ html {position: relative;min-height: 100%;} html, body {word-wrap: break-word;height: 100%;margin: 0;padding: 0;font-family: 'Roboto Condensed', sans-serif;-webkit-font-smoothing: antialiased;background:#fff;} .main-wrapper {min-height: 100%;margin-bottom: -500px;} * html .main-wrapper {height: 100%;} .container-fluid {max-width:1200px;} .resp-mode {position:fixed;z-index:100;background:red;color:#fff;padding:5px;right:0;bottom:0;font-size:14px;} .resp-mode:after {content:'full (pc)';} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { .resp-mode:after {content:'notebook';} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { .resp-mode:after {content:'tablet';} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { .resp-mode:after {content:'mobile';} } .float100 {width:100%;float:left;} .animate {-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} /*==========================================*/ /* header */ #header {background:rgba(0,63,103, 0.70);height:145px;border-bottom:1px solid #3788C1;position:fixed;top:0;left:0;z-index:99;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .container-fluid {position:relative;} #header .item-left {float:left;width:calc(50% - 159px);padding-right:15px;} #header .item-center {float:left;} #header .item-right {float:right;width:calc(50% - 159px);padding-left:15px;} #header .menu-wrapper {margin-top:27px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .social {float:left;margin-top:40px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .social li {list-style:none;float:left;} #header .social li+li {margin-left:10px;} #header .social li a {text-decoration:none;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png);width:22px;height:22px;float:left;} #header .social li a:hover {opacity:0.8;} #header .social li.vk a {background-position:-13px -2px;} #header .social li.fb a {background-position:-37px -2px;} #header .social li.tw a {background-position:-62px -2px;} #header .social li.ig a {background-position:-86px -2px;} #header .promo {margin-top:37px;float:right;background:#004574;color:#fff;text-decoration:none;font-size:15px;position:relative;padding:7px 20px 6px 45px;border-radius:20px;margin-right:15px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .promo:hover {background:#1C96EB;} #header .promo:before {content:'';position:absolute;top:6px;left:8px;width:24px;height:16px;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png) no-repeat -230px -91px;} #header .promo-wrapper.promo-hidden {display:none;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .logo {float:left;margin-top:25px;width:318px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .logo img {width:100%;} #header .logo .text-wrapper {margin-top:3px;position:relative;} #header .logo .text-wrapper span {float:left;background:#fff;height:1px;} #header .logo .text-wrapper span.text {padding:0px 10px 0px 10px;font-size:14px;color:#fff;background:none;height:auto;width:auto;margin-top:0;} #header .callback {margin-left:15px;float:left;font-size:12px;color:#fff;background:#1C96EB;text-transform:uppercase;text-decoration:none;padding:6px 20px 5px 20px;border-radius:7px;margin-top:31px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .callback:hover {background:#FFFFFF;color:#3CA5EE !important;} #header .callback-wrapper.callback-hidden {display:none;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .raschet {margin-left:15px;float:left;font-size:12px;color:#fff;background:#1C96EB;text-transform:uppercase;text-decoration:none;padding:6px 20px 5px 20px;border-radius:7px;margin-top:8px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s; clear: left;} #header .phone {text-decoration:none;float:right;color:#fff;font-size:29px;font-weight:700;margin-top:-10px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .phone i {font-style:normal;color:#CAE9FF;font-weight:normal;} /*==========================================*/ /* navbar-toggle */ .navbar-toggle {cursor:pointer;position: relative; display: inline-block; width:25px;float:left;width:auto;margin-right:15px;display:none;margin-top:28px;} .navbar-toggle span {position: absolute; left: 0; top: -1px;} .navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {position: absolute;display: block;content: '';height: 4px;width: 23px;background: #fff;cursor: pointer;} .navbar-toggle span:before {top: -8px;} .navbar-toggle span:after {bottom: -8px;} .navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {transition: all 500ms ease-in-out;} .navbar-toggle.active span {background-color: transparent;} .navbar-toggle.active span:before, .navbar-toggle.active span:after {top: 0;} .navbar-toggle.active span:before {transform: rotate(45deg);} .navbar-toggle.active span:after {transform: rotate(-45deg);} #header.scrolled .navbar-toggle span {background:#fff;} #header.scrolled .navbar-toggle.active span {background:none;} #header.scrolled .navbar-toggle span:before, #header.scrolled .navbar-toggle span:after {background:#fff;} /*==========================================*/ /* menu */ #header .menu {text-align:center;} #header .menu > li {display:inline-block;margin:0px 23px 0px 23px;position:relative;position:relative;} #header .menu > li+li:before {content:'';position:absolute;top:0;left:-30.5px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -110px -2px;width: 15px;height: 14px;} #header .menu > li > a {font-size:17px;color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none;padding:10px 10px 10px 10px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .menu > li:hover > a {text-decoration:underline;} #header .menu > li.item-has-children:hover > a {background:rgba(28,150,235, 0.90);text-decoration:none;} #header .menu.normal-menu li:hover > ul {display:block;} #header .menu > li.current-menu-item > a, #header .menu > li.current_page_item > a, #header .menu > li.current-menu-parent > a, #header .menu > li.current_page_parent > a, #header .menu > li.current_page_ancestor > a {background:rgba(28,150,235, 0.90);text-decoration:none;} /* menu > sub 1 */ #header .menu > li > ul {width:240px;display:none;z-index:5;position:absolute;top: calc(100% + 11px);background:rgba(28,150,235, 0.90);padding:0px 0px 0px 0px;} #header .menu > li > ul > li {list-style:none;position:relative;float:left;width:100%;} #header .menu > li > ul > li+li:before {content:'';background:#ccc;height:1px;width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);left:10px;top:0;position:absolute;} #header .menu > li > ul > li+li {} #header .menu > li > ul > li > a {float:left;width:100%;text-align:left;padding:10px 10px 10px 10px;font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .menu > li > ul > li:hover > a {color:#f4f4f4;background:rgba(24,125,195, 1);} #header .menu > li > ul > li.item-has-children:after {font-family: FontAwesome;content: "\f04b";color:#F7F7F7;font-size:8px;position:absolute;top:50%;margin-top:-4px;right:15px;} /* menu > sub 2 */ #header .menu > li > ul > li > ul {display:none;border:0;width:245px;z-index:5;position:absolute;left: 100%;top: 0;background-color: rgba(255,255,255, 0.80);} #header .menu > li > ul > li > ul > li {list-style:none;float:left;width:100%;position:relative;} #header .menu > li > ul > li > ul > li+li:before {content:'';background:#6FBFF6;height:1px;width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);left:10px;top:0;position:absolute;} #header .menu > li > ul > li > ul > li > a {text-decoration:none;float:left;width:100%;text-align:left;color:#3CA5EE;padding:10px 10px 10px 10px;font-size:15px;text-transform:uppercase;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .menu > li > ul > li > ul > li:hover a {color:#1F8BD6;background:#fff;} /* full */ @media (min-width: 1200px) { #header.scrolled {height:110px;background:rgba(0,63,103, 0.85);} #header.scrolled .menu-wrapper {margin-top:12px;} #header.scrolled .social {margin-top:25px;} #header.scrolled .promo {margin-top:22px;} #header.scrolled .logo {margin-top:10px;} #header.scrolled .callback {margin-top:21px;} /*#header.scrolled .phone {margin-top:18px;}*/ #header.scrolled .menu > li > a {padding-top:5px;padding-bottom:5px;} #header.scrolled .menu > li > ul {top: calc(100% + 6px);} } /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #header .social-wrapper {float:left;width:100%;text-align:center;} #header .promo-wrapper {display:none;} #header .promo-wrapper.promo-hidden {display:block;float:left;width:100%;text-align:center;margin-top:21px;} #header .callback-wrapper {display:none;} #header .callback-wrapper.callback-hidden {display:block;float:left;width:100%;text-align:center;} #header .phone-wrapper {float:left;width:100%;text-align:center;margin-top:21px;} #header .social {margin-top:8px;text-align:center;width:100%;} #header .social li {float:none;display:inline-block;margin:0px 5px 0px 5px;} #header .social li+li {margin-left:5px;} #header .promo {margin-top:0px;margin-right:0px;float:none;display:inline-block;font-size:14px;} #header .callback {margin-left:0px;float:none;margin-top:8px;display:inline-block;} #header .raschet {margin-left:0px;float:none;margin-top:8px;display:inline-block;} #header .phone {float:none;margin-top:0px;} #header .menu > li {margin:0px 11px 0px 11px;} #header .menu > li+li:before {left:-19.5px;} #header .menu > li > a {font-size:16px;} #header.scrolled {height:110px;background:rgba(0,63,103, 0.85);} #header.scrolled .logo {margin-top:10px;} #header.scrolled .promo-wrapper.promo-hidden {margin-top:10px;} #header.scrolled .promo {margin-top:0px;} #header.scrolled .phone-wrapper {margin-top:7px;} #header.scrolled .social {margin-top:5px;} #header.scrolled .callback {margin-top:5px;} #header.scrolled .menu-wrapper {margin-top:12px;} #header.scrolled .menu > li > a {padding-top:5px;padding-bottom:5px;} #header.scrolled .menu > li > ul {top: calc(100% + 6px);} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #header .social-wrapper {float:left;width:100%;text-align:center;} #header .promo-wrapper {display:none;} #header .promo-wrapper.promo-hidden {display:block;float:left;width:100%;text-align:center;margin-top:21px;} #header .callback-wrapper {display:none;} #header .callback-wrapper.callback-hidden {display:block;float:left;width:100%;text-align:center;} #header .phone-wrapper {float:left;width:100%;text-align:center;margin-top:21px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #header .social {margin-top:8px;text-align:center;width:100%;} #header .social li {float:none;display:inline-block;margin:0px 5px 0px 5px;} #header .social li+li {margin-left:5px;} #header .promo {margin-top:0px;margin-right:0px;float:none;display:inline-block;font-size:13px;} #header .callback {margin-left:0px;float:none;margin-top:8px;display:inline-block; padding: 5px;} #header .raschet {margin-left:0px;float:none;margin-top:8px;display:inline-block; padding: 5px;} #header .phone {float:none;margin-top:0px;font-size:24px;} #header .menu > li {margin:0px 1px 0px 1px;} #header .menu > li+li:before {content:none;} #header .menu > li > a {font-size:16px;padding-left:6px;padding-right:6px;} #header .menu > li > ul {padding:3px 0px 3px 0px;} #header .menu > li > ul {width:200px;} #header .menu > li > ul > li+li:before {width: -webkit-calc(100% - 12px);width: -moz-calc(100% - 12px);width: calc(100% - 12px);left:6px;} #header .menu > li > ul > li > a {padding:10px 6px 10px 6px;font-size:14px;} #header .menu > li > ul > li > ul {width:200px;} #header .menu > li > ul > li > ul > li+li:before {width: -webkit-calc(100% - 12px);width: -moz-calc(100% - 12px);width: calc(100% - 12px);left:6px;} #header .menu > li > ul > li > ul > li > a {padding:10px 6px 10px 6px;font-size:14px;} #header .logo {margin-top:25px;width:270px;} #header .item-left {width:calc(50% - 135px);} #header .item-right {width:calc(50% - 135px);} #header.scrolled {height:110px;background:rgba(0,63,103, 0.85);} #header.scrolled .logo {margin-top:10px;} #header.scrolled .promo-wrapper.promo-hidden {margin-top:10px;} #header.scrolled .promo {margin-top:0px;} #header.scrolled .phone-wrapper {margin-top:7px;} #header.scrolled .social {margin-top:5px;} #header.scrolled .callback {margin-top:5px;} #header.scrolled .menu-wrapper {margin-top:12px;} #header.scrolled .menu > li > a {padding-top:5px;padding-bottom:5px;} #header.scrolled .menu > li > ul {top: calc(100% + 6px);} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #header {height:60px;} .navbar-toggle {display:block;} #header .social-wrapper {display:none;} #header .promo-wrapper {display:none;} #header .callback-wrapper {display:none;} #header .logo {margin:0;width:240px;margin-top:19px;} #header .logo .text-wrapper {display:none;} #header .item-left {float:left;width:auto;padding:0;} #header .item-center {float:left;width:auto;padding:0;} #header .item-right {float:right;width:auto;padding:0;} #header .menu-wrapper {margin-top:0px;} #header .phone {margin:0;font-size:22px;margin-top:19px;} #header .navbar-collapse {padding:0;margin:0;background:rgba(28,150,235, 0.96);position:absolute;top:100%;left:0;width:100%;padding:0px 15px 0px 15px;z-index:20;max-height:calc(100vh - 60px);} #header .menu {float:left;width:100%;padding:0;margin:0;border:0;padding:20px 0px 20px 0px;} #header .menu li {width:100%;float:left;margin:0;padding:0;position:relative;} #header .menu li+li {border-top:1px solid #51B8FF;} #header .menu li a {font-family: 'Roboto', sans-serif;font-weight:normal;color:#fff;padding:0;margin:0;font-size:17px;padding:15px 0px 15px 0px;float:left;width:100%;text-align:left;} #header .menu li:hover a {background:none;color:#f4f4f4;} #header .menu li a:hover {background:none;color:#f4f4f4;} #header .menu > li.item-has-children > a:after {content: "";position:absolute;top:19px;right:15px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -278px -26px;width: 11px;height: 10px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} #header .menu > li.item-has-children.opened-menu-item > a:after {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} /* menu > sub 1 */ #header .menu > li > ul {background:none;padding:0px 0px 12px 25px;position:relative;top:0;left:0;float:left;width:100%;} #header .menu > li > ul > li {position:relative;} #header .menu > li > ul > li.item-has-children:after {content: none;background:none;} #header .menu > li > ul > li.item-has-children > a:after {border:none;font-family: FontAwesome;content: "\f0d7";font-size:14px;color:#fff;position:absolute;top:12px;right:15px;} #header .menu > li > ul > li.item-has-children.opened-menu-item > a:after {content: "\f0d8";} #header .menu > li > ul > li > a {position:relative;font-size:15px;font-family: 'Roboto Condensed', sans-serif;font-weight:normal;color:#fff;float:left;width:100%;padding:11px 0px 11px 0px;} #header .menu > li > ul > li > a:before {content:'•';position:absolute;top:11px;left:-15px;color:#fff;} #header .menu > li > ul > li+li {border:none;} #header .menu > li > ul > li+li > a:hover {background:none;color:#fff;} #header .menu > li > ul > li:hover > a {background:none;color:#fff;} /* menu > sub 2 */ #header .menu > li > ul > li > ul {background:none;padding:0px 0px 12px 15px;position:relative;top:0;left:0;float:left;width:100%;} #header .menu > li > ul > li > ul > li {float:left;width:100%;border:none;position:relative;padding-left:11px;} #header .menu > li > ul > li > ul > li > a:before {font-family: FontAwesome;content: "\f0c8";color:#fff;font-size:5px;position:absolute;top:50%;margin-top:-2.5px;left:0px;background:none;width:auto;} #header .menu > li > ul > li > ul > li > a {text-transform: none;font-size:14px;color:#DFDFDF;float:left;width:100%;padding:10px 0px 10px 0px;} #header .menu > li > ul > li > ul > li+li a {border:none;} #header .menu > li > ul > li > ul > li > a:hover {background:none;color:#fff;} #header .menu li.opened-menu-item > ul {display:block;} #header .menu li.opened-menu-item > a {color:#f4f4f4!important;} #header .menu > li > ul > li+li:before {content:none;background:none;} #header .menu > li > ul > li > ul > li+li:before {content:none;background:none;} } /* mobile 2 */ @media (min-width: 0px) and (max-width: 505px) { #header .phone {display:none;} } /*==========================================*/ /* #content */ #content {} /*==========================================*/ /* .home-slider */ #content .home-slider {position:relative;} #content .home-slider .slides li {width:100%;height:746px;} #content .home-slider .shadow {background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/slider-shadow.png)repeat-x bottom center;min-height:190px;position:absolute;left:0;bottom:0;z-index:9;width:100%;} #content .home-slider .cb-form {background:rgba(11,66,102, 0.10);padding:30px 0px 30px 0px;position:absolute;left:0;bottom:0;z-index:10;width:100%;} #content .home-slider .cb-form p {margin-top:11px;color:#fff;font-size:16px;font-family: 'Roboto Condensed', sans-serif;font-weight:700;float:left;width:190px;} #content .home-slider .cb-form form {float:left;width:calc(100% - 190px);padding-left:30px;} #content .home-slider .cb-form form .item {float:left;width:33.333%;position:relative;} #content .home-slider .cb-form form .item+.item {padding-left:20px;} #content .home-slider .cb-form form input {outline:none;width:100%;height:38px;padding:0px 15px 0px 15px;font-family: 'Roboto Condensed', sans-serif;} #content .home-slider .cb-form form input[type='text'] {font-size:16px;line-height:22px;background:rgba(12,149,222, 0.50);border:1px solid #7EC7FA;color:#fff;} #content .home-slider .cb-form form input[type='submit'] {border:1px solid #fff;background:#fff;color:#004574;font-weight:700;font-size:15px;text-transform:uppercase;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .home-slider .cb-form form input[type='submit']:hover {background:#1C96EB;color:#fff;border:1px solid #1C96EB;} #content .home-slider .cb-form form input[type='text']::-webkit-input-placeholder {color:#fff;} #content .home-slider .cb-form form input[type='text']::-moz-placeholder {color:#fff;} #content .home-slider .cb-form form input[type='text']:-moz-placeholder {color:#fff;} #content .home-slider .cb-form form input[type='text']:-ms-input-placeholder {color:#fff;} #content .home-slider .cb-form form input[type='text'].wpcf7-not-valid {border:1px solid red;} #content .home-slider .cb-form form .sent-ok {color:#fff;font-weight:700;line-height:18px;font-size:16px;display:none;} #content .home-slider .cb-form form.sent .sent-ok {display:block;} #content .home-slider .cb-form form.sent input[type='submit'] {display:none;} #content .home-slider .cb-form form .wpcf7-not-valid-tip {display:none!important;} #content .home-slider .cb-form form .wpcf7-response-output {display:none!important;} #content .home-slider .cb-form form .ajax-loader {position:absolute;top:8.5px;left:30px;background:#fff;padding:2px;border-radius:50%;} #content .home-slider .cb-form .callback {display:none;font-size:16px;color:#fff;background:#1C96EB;text-transform:uppercase;text-decoration:none;padding:8px 15px 7px 15px;border-radius:7px;} #content .home-slider .cb-form .callback:hover {background:#FFFFFF;color:#3CA5EE;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .home-slider .slides li {height:660px;} #content .home-slider .cb-form p {font-size:15px;width:180px;} #content .home-slider .cb-form form {width:calc(100% - 180px);padding-left:20px;} #content .home-slider .cb-form form input {height:36px;} #content .home-slider .cb-form form input[type='text'] {font-size:15px;} #content .home-slider .cb-form form input[type='submit'] {font-size:14px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .home-slider .slides li {height:600px;} #content .home-slider .cb-form {padding:25px 0px 25px 0px;} #content .home-slider .cb-form p {display:none;} #content .home-slider .cb-form form {width:100%;padding-left:0px;} #content .home-slider .cb-form form input {height:34px;} #content .home-slider .cb-form form input[type='text'] {font-size:15px;} #content .home-slider .cb-form form input[type='submit'] {font-size:14px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .home-slider .slides li {height:350px;} #content .home-slider .cb-form {padding:25px 0px 25px 0px;} #content .home-slider .cb-form p {display:none;} #content .home-slider .cb-form form {display:none;} #content .home-slider .cb-form {text-align:center;} #content .home-slider .cb-form .callback {display:inline-block;float:none;} } /*==========================================*/ /* .b-title */ #content .b-title {text-align:center;padding-bottom:70px;position:relative;} #content .b-title h2 {font-size:38px;color:#2F2F2F;text-transform:uppercase;font-weight:700;} #content .b-title h1 {font-size:38px;color:#2F2F2F;text-transform:uppercase;font-weight:700;} #content .b-title:before {content:'';width:390px;background:#666;height:1px;position:absolute;bottom:40px;left:50%;margin-left:-195px;z-index:1;} #content .b-title-h {text-align:center;position:relative;} #content .b-title-h h2 {font-size:38px;color:#2F2F2F;text-transform:uppercase;font-weight:700;} #content .b-title .star {display:block;margin:auto;background:#fff;padding:0px 10px 0px 10px;z-index:2;position:absolute;bottom:32px;left:50%;width:43px;height: 22px;margin-left:-21.5px;} #content .b-title .star i {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -127px -2px;width: 23px;height: 22px;float:left;} #content .b-title .bag {display:block;margin:auto;background:#fff;padding:0px 10px 0px 10px;z-index:2;position:absolute;bottom:32px;left:50%;width:48px;height: 22px;margin-left:-24px;} #content .b-title .bag i {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -283px -2px;width: 28px;height: 22px;float:left;} #content .b-title .bant {display:block;margin:auto;background:#fff;padding:0px 10px 0px 10px;z-index:2;position:absolute;bottom:32px;left:50%;width:52px;height: 20px;margin-left:-26px;} #content .b-title .bant i {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -313px -2px;width: 32px;height: 20px;float:left;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .b-title {padding-bottom:65px;} #content .b-title h2 {font-size:34px;} #content .b-title h1 {font-size:34px;} #content .b-title .star {bottom:27px;} #content .b-title:before {bottom:35px;} #content .b-title-h h2 {font-size:34px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .b-title {padding-bottom:60px;} #content .b-title h2 {font-size:30px;} #content .b-title h1 {font-size:30px;} #content .b-title .star {bottom:22px;} #content .b-title .bag {bottom:22px;} #content .b-title .bant {bottom:22px;} #content .b-title:before {bottom:30px;} #content .b-title-h h2 {font-size:30px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .b-title {padding-bottom:60px;} #content .b-title h2 {font-size:30px;} #content .b-title h1 {font-size:30px;} #content .b-title .star {bottom:22px;} #content .b-title .bag {bottom:22px;} #content .b-title .bant {bottom:22px;} #content .b-title:before {bottom:30px;width:60%;left:50%;margin-left:-30%;} #content .b-title-h h2 {font-size:30px;} } /*==========================================*/ /* .why */ #content .why {padding:55px 0px 65px 0px;} #content .why p {text-align:left;font-size:16px;line-height:24px;color:#666;} /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .why {padding:50px 0px 55px 0px;} #content .why p {font-size:15px;line-height:22px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .why {padding:45px 0px 45px 0px;} #content .why p {font-size:15px;line-height:22px;margin-bottom: 10px;} } /*==========================================*/ /* .see-video */ #content .see-video {background:#157EBA;padding:35px 0px 35px 0px;} #content .see-video .item-left {float:left;width:calc(50% - 42px);} #content .see-video .item-center {float:left;width:84px;} #content .see-video .item-right {float:left;width:calc(50% - 42px);} #content .see-video .play {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -2px -26px;width: 84px;height: 84px;cursor:pointer;text-decoration:none;float:left;} #content .see-video .play:hover {opacity:0.8;} #content .see-video p {margin-top:18px;float:right;margin-right:20px;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;color:#fff;text-transform:uppercase;font-size:42px;} #content .see-video .item-right p {float:left;margin-left:20px;margin-right:0;} #content .see-video .arrow {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat;width: 20px;height: 22px;float:left;} #content .see-video .arrows {margin-top:30px;} #content .see-video .item-left .arrows {float:right;padding-right:35px;padding-left:10px;} #content .see-video .item-left .arrows .arrow+.arrow {margin-left:10px;} #content .see-video .item-right .arrows {float:left;padding-left:35px;padding-right:10px;} #content .see-video .item-right .arrows .arrow+.arrow {margin-left:10px;} #content .see-video .item-left .arrow-1 {background-position:-261px -2px;} #content .see-video .item-left .arrow-2 {background-position:-239px -2px;} #content .see-video .item-left .arrow-3 {background-position:-217px -2px;} #content .see-video .item-right .arrow-1 {background-position:-151px -2px;} #content .see-video .item-right .arrow-2 {background-position:-173px -2px;} #content .see-video .item-right .arrow-3 {background-position:-195px -2px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .see-video {padding:30px 0px 30px 0px;} #content .see-video p {margin-top:21px;margin-right:20px;font-size:37px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .see-video {padding:30px 0px 30px 0px;} #content .see-video .item-left {width:calc(50% - 36px);} #content .see-video .item-center {width:72px;} #content .see-video .item-right {width:calc(50% - 36px);} #content .see-video .play {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -291px -25px;width: 72px;height: 72px;} #content .see-video p {margin-top:19px;margin-right:10px;font-size:33px;} #content .see-video .item-right p {margin-left:10px;} #content .see-video .arrows {margin-top:25px;} #content .see-video .item-left .arrows {padding-right:15px;padding-left:5px;} #content .see-video .item-left .arrows .arrow+.arrow {margin-left:7px;} #content .see-video .item-right .arrows {padding-left:15px;padding-right:5px;} #content .see-video .item-right .arrows .arrow+.arrow {margin-left:7px;} #content .see-video .item-left .arrow-3 {display:none!important;} #content .see-video .item-right .arrow-3 {display:none!important;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .see-video {padding:15px 0px 15px 0px;} #content .see-video .item-left {width:calc(50% - 25px);} #content .see-video .item-center {width:50px;} #content .see-video .item-right {width:calc(50% - 25px);} #content .see-video .play {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -365px -2px;width: 50px;height: 50px;} #content .see-video p {margin-top:13px;margin-right:10px;font-size:24px;} #content .see-video .item-right p {margin-left:10px;} #content .see-video .arrows {margin-top:15px;} #content .see-video .item-left .arrows {padding-right:15px;padding-left:5px;} #content .see-video .item-left .arrows .arrow+.arrow {margin-left:5px;} #content .see-video .item-right .arrows {padding-left:15px;padding-right:5px;} #content .see-video .item-right .arrows .arrow+.arrow {margin-left:5px;} #content .see-video .item-left .arrow-3 {display:none!important;} #content .see-video .item-right .arrow-3 {display:none!important;} } /* mobile */ @media (min-width: 0px) and (max-width: 590px) { #content .see-video {padding:25px 0px 25px 0px;} #content .see-video .arrows {display:none;} #content .see-video .item-left {width:100%;} #content .see-video .item-center {width:100%;text-align:center;} #content .see-video .item-right {width:100%;} #content .see-video p {margin:0;padding:0;float:left;width:100%;text-align:center;} #content .see-video .item-right p {margin:0;} #content .see-video .play {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -291px -25px;width: 72px;height: 72px;} #content .see-video .play {display:block;float:none;margin:auto;margin-top:15px;margin-bottom:15px;} } /*==========================================*/ /* home-portfolio */ #content .home-portfolio {padding:65px 0px 80px 0px;} #content .home-portfolio:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .home-portfolio .h-pr-navi {text-align:center;margin-top:25px;} #content .home-portfolio .h-pr-navi .item {display:inline-block;text-transform:uppercase;color:#666666;font-size:16px;padding:13px 23px 12px 23px;cursor:pointer;margin:0px 20px 0px 20px;} #content .home-portfolio .h-pr-navi .item.active {color:#fff;background:#157EBA;border-radius:15px;background:#157EBA;cursor:default;} #content .home-portfolio .h-pr-content {margin-top:50px;} #content .home-portfolio .h-pr-content .item {display:none;} #content .home-portfolio .h-pr-content .item.active {display:block;} #content .home-portfolio .h-pr-content .item .item-photo {float:left;width:20%;} #content .home-portfolio .h-pr-content .item .item-photo img {float:left;width:100%;height:auto;} #content .home-portfolio .h-pr-content .item .item-photo img:hover {opacity:0.8;} #content .home-portfolio .h-pr-content .item .item-video {position:relative;float:left;width:33.333%;} #content .home-portfolio .h-pr-content .item .item-video:before {opacity:0.7;content: "";position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;cursor:pointer;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -291px -25px;width: 72px;height: 72px;} #content .home-portfolio .h-pr-content .item .item-video img {float:left;width:100%;height:auto;} #content .home-portfolio .h-pr-content .item .item-video:hover {opacity:0.8;} #content .home-portfolio .h-pr-content .item .item-video:hover:before {opacity:1;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .home-portfolio {padding:50px 0px 65px 0px;} #content .home-portfolio .h-pr-content .item .item-video:before {margin-top:-25px;margin-left:-25px;background-position:-365px -2px;width: 50px;height: 50px;} #content .home-portfolio .h-pr-content .item .item-photo {width:33.333%;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .home-portfolio {padding:45px 0px 45px 0px;} #content .home-portfolio .h-pr-content {margin-top:45px;} #content .home-portfolio .h-pr-content .item .item-photo {width:50%;} #content .home-portfolio .h-pr-content .item .item-video:before {margin-top:-25px;margin-left:-25px;background-position:-365px -2px;width: 50px;height: 50px;} } /*==========================================*/ /* .photogallery-list */ #content .photogallery-list {} #content .photogallery-list .item-photo {float:left;width:20%;} #content .photogallery-list .item-photo img {float:left;width:100%;height:auto;} #content .photogallery-list .item-photo img:hover {opacity:0.8;} /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .photogallery-list .item-photo {width:33.333%;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .photogallery-list .item-photo {width:50%;} } /*==========================================*/ /* .i-can */ #content .i-can {padding:0px 0px 80px 0px;} #content .i-can ul {margin-top:10px;} #content .i-can ul li {list-style-type: none;text-align:center;float:left;width:16.666%;vertical-align:top;padding:0px 5px 0px 5px;} #content .i-can ul li img {width:auto;max-width:100%;display:block;margin:auto;} #content .i-can ul li span {font-family: 'Open Sans Condensed', sans-serif;font-size:20px;color:#111;margin-top:20px;float:left;width:100%;} #content .i-can ul li a {text-decoration:none;} #content .i-can ul li a:hover {opacity:0.8;} #content .i-can ul li a:hover span {color:#0076B5;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .i-can ul li span {font-size:18px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .i-can ul li span {font-size:16px;} #content .i-can {padding:0px 0px 70px 0px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .i-can ul li span {font-size:16px;margin-top:15px;} #content .i-can {padding:0px 0px 60px 0px;} #content .i-can ul {margin-top:-20px;} #content .i-can ul li {width:33.333%;margin-top:30px;} } /* mobile 2 */ @media (min-width: 0px) and (max-width: 380px) { #content .i-can ul li {width:50%;margin-top:20px;} } /*==========================================*/ /* .clients */ #content .clients {padding:0px 0px 80px 0px;} #content .clients ul {border-bottom:1px solid #DADADA;margin-top:15px;} #content .clients ul li {list-style-type: none;float:left;width:20%;height:200px;white-space: nowrap;text-align: center;border-top:1px solid #DADADA;padding:0px 15px 0px 15px;} #content .clients ul li:before {content: "";display: inline-block;height: 100%;vertical-align: middle;} #content .clients ul li+li {border-left:1px solid #DADADA;} #content .clients ul li:nth-child(6), #content .clients ul li:nth-child(11) {border-left:0;} #content .clients ul li img {vertical-align: middle;width:auto;max-width:100%;} #content .clients ul li a {text-decoration:none;} #content .clients ul li a:hover {opacity:0.8;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .clients ul li {height:185px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .clients {padding:0px 0px 70px 0px;} #content .clients ul li {height:170px;padding:0px 20px 0px 20px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .clients {padding:0px 0px 60px 0px;} #content .clients ul li {height:140px;padding:0px 15px 0px 15px;width:33.333%;} #content .clients ul li:nth-child(6), #content .clients ul li:nth-child(11) {border-left:1px solid #DADADA;} #content .clients ul li:nth-child(4), #content .clients ul li:nth-child(7) {border-left:0;} #content .clients ul li:nth-child(10) {display:none;} } /*==========================================*/ /* .aboutme */ #content .aboutme {padding:0px 0px 70px 0px;} #content .aboutme .text-in {margin-top:15px;text-align:left;} #content .aboutme .callback {margin-top:50px;background:#0076B5;color:#fff;text-transform:uppercase;padding:20px 10px 20px 10px;text-align:center;font-size:25px;border-radius:15px;text-decoration:none;} #content .aboutme .callback:hover {background:#004574;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .aboutme {padding:0px 0px 60px 0px;} #content .aboutme .callback {font-size:22px;margin-top:45px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .aboutme {padding:0px 0px 50px 0px;} #content .aboutme .callback {font-size:19px;margin-top:40px;line-height:26px;} } /*==========================================*/ /* .top-block */ #content .top-block {height:auto;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/header-bg.jpg)repeat-y top center;background-size:cover;padding:195px 0px 40px 0px;} #content .top-block .left {float:left;width:55%;padding-right:10px;} #content .top-block .right {float:left;width:45%;padding-left:10px;} #content .top-block .left .page-title {font-size:40px;color:#fff;text-transform:uppercase;margin-top:5px;} #content .top-block .right .quote {} #content .top-block .right .quote p {text-align:right;font-size:13px;color:#fff;line-height:18px;font-family: 'Roboto', sans-serif;font-style:italic;} #content .top-block .right .quote .author {color:#fff;float:right;font-weight:700;font-family: 'Roboto', sans-serif;font-size:13px;margin-top:8px;} #content .top-block .right .callback {margin-top:7px;margin-left:5px;float:right;display:none;font-size:16px;color:#fff;background:#1C96EB;text-transform:uppercase;text-decoration:none;padding:8px 15px 7px 15px;border-radius:7px;} #content .top-block .right .callback:hover {background:#FFFFFF;color:#3CA5EE !important;} #content .top-block .right .raschet {margin-top:7px;margin-left:5px;float:right;display:none;font-size:16px;color:#fff;background:#1C96EB;text-transform:uppercase;text-decoration:none;padding:8px 15px 7px 15px;border-radius:7px;} #content .top-block .right .raschet:hover {background:#FFFFFF;color:#3CA5EE !important;} /*==========================================*/ /* breadcrumbs */ #breadcrumbs {font-size:14px;color:#fff;} #breadcrumbs a {color:#fff;text-decoration:none;text-transform:uppercase;} #breadcrumbs a:hover {text-decoration:underline;} #breadcrumbs span {color:#fff;text-transform:uppercase;} #breadcrumbs span:last-child span {color:#7CADD1;font-weight:normal;} #breadcrumbs .separator {margin:0px 3px 0px 3px;color:#fff;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .top-block .left .page-title {font-size:32px;} #content .top-block .right .quote p {font-size:12px;} #breadcrumbs {font-size:13px;} #content .top-block .left {width:40%;} #content .top-block .right {width:60%;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .top-block {padding:90px 0px 30px 0px;} #content .top-block .left .page-title {font-size:30px;} #content .top-block .right .quote {display:none;} #breadcrumbs {font-size:13px;} #content .top-block .left {width:50%;} #content .top-block .right {width:50%;} #content .top-block .right .callback {display:block;} #content .top-block .right .raschet {display:block;} } /* mobile 2 */ @media (min-width: 0px) and (max-width: 420px) { #content .top-block .left {width:100%;padding:0;} #content .top-block .right {width:100%;padding:0;margin-top:10px;} #content .top-block .right .callback {float:left;} #content .top-block .right .raschet {float:left;} } /*==========================================*/ /* .commands-top */ #content .commands-top {padding:35px 0px 30px 0px;} #content .commands-top .left {float:left;width:70%;} #content .commands-top .right {float:left;width:30%;margin-top:-5px;} #content .commands-top .left h2 {font-size:23px;text-transform:uppercase;color:#0062A6;} #content .commands-top .right .phone {display:block;text-align:right;text-decoration:none;font-size:20px;color:#0062A6;} #content .commands-top .right .phone i {color:#5C5C5C;} #content .commands-top .right .add {display:block;text-align:right;text-decoration:underline;font-size:13px;color:#2277B2;} #content .commands-top .right .add:hover {text-decoration:none;} /*==========================================*/ /* .commands-navi */ #content .commands-navi {padding:10px 0px 25px 0px;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;} #content .commands-navi ul {margin-left:-25px;} #content .commands-navi ul li {list-style:none;float:left;margin-top:15px;margin-left:25px;} #content .commands-navi ul li a {float:left;background:#ECECEC;font-size:15px;color:#012135;text-decoration:none;padding:10px 20px 10px 20px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .commands-navi ul li a:hover {background:#1579BE;color:#fff;} #content .commands-navi ul li.active a {background:#1579BE;color:#fff;cursor:default;} /*==========================================*/ /* .article-wrapper */ #content .article-wrapper {padding:35px 0px 35px 0px;} #content .article-wrapper .container-fluid > .left {float:right;width:calc(100% - 300px);padding-left:50px;} #content .article-wrapper .container-fluid > .right {float:left;width:300px;} #content .article-wrapper .container-fluid > .full {float:left;width:100%;} #content .article-wrapper .cp-name {font-size:32px;color:#0062A6;text-transform:uppercase;font-weight:700;margin-bottom:25px;} #content .article-wrapper .cp-works-images {} #content .article-wrapper .cp-works-images .item-photo {float:left;width:25%;padding:1.5px;} #content .article-wrapper .cp-works-images .item-photo img {float:left;width:100%;height:auto;} #content .article-wrapper .cp-works-images .item-photo img:hover {opacity:0.8;} /*==========================================*/ /* sidebar */ #content .article-wrapper .container-fluid > .right .sb-title {color:#fff;background:#0062A6;font-size:17px;padding:12px 15px 12px 15px;} #content .article-wrapper .container-fluid > .right .other {float:left;width:100%;margin-bottom:40px;} #content .article-wrapper .container-fluid > .right .other ul {float:left;width:100%;margin-left: 0px;} #content .article-wrapper .container-fluid > .right .other ul li {margin-top:15px;float:left;width:100%;list-style-type: none} #content .article-wrapper .container-fluid > .right .other ul li+li {} #content .article-wrapper .container-fluid > .right .other ul li a {position:relative;float:left;width:100%;} #content .article-wrapper .container-fluid > .right .other ul li a:hover img {opacity:0.8;} #content .article-wrapper .container-fluid > .right .other ul li a img {float:left;width:100%;max-width:100%;} #content .article-wrapper .container-fluid > .right .other ul li a .title {position:absolute;left:0;bottom:0;background:rgba(5,60,97,0.65);text-transform:uppercase;font-size:18px;text-align:center;color:#fff;font-weight:700;padding:18px 10px 18px 10px;display:inline-block;width:100%;} #content .article-wrapper .container-fluid > .right .useful-articles {float:left;width:100%;} #content .article-wrapper .container-fluid > .right .useful-articles img {float:left;width:100%;max-width:100%;} #content .article-wrapper .container-fluid > .right .useful-articles ul {float:left;width:100%;margin-left: 0px;} #content .article-wrapper .container-fluid > .right .useful-articles ul li {list-style: none;margin-top:2px;float:left;width:100%;} #content .article-wrapper .container-fluid > .right .useful-articles ul li+li {} #content .article-wrapper .container-fluid > .right .useful-articles ul li a {text-decoration:none;float:left;width:100%;background:#ECECEC;color:#0062A6;font-size:15px;line-height:19px;padding:20px 17px 20px 17px;} #content .article-wrapper .container-fluid > .right .useful-articles ul li a:hover, #content .article-wrapper .container-fluid > .right .useful-articles ul li.current-menu-item a {background:#E6E5E5;} #content .article-wrapper .container-fluid > .right .left-menu {background: #fff; margin-bottom: 15px; padding-bottom: 15px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .article-wrapper .container-fluid > .left {width:calc(100% - 270px);padding-right:40px;} #content .article-wrapper .container-fluid > .right {width:270px;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .article-wrapper .container-fluid > .left {width:calc(100% - 250px);padding-right:35px;} #content .article-wrapper .container-fluid > .right {width:250px;} #content .article-wrapper .container-fluid > .right .other {margin-bottom:30px;} #content .article-wrapper .container-fluid > .right .other ul li {margin-top:10px;float:left;width:100%;} #content .article-wrapper .container-fluid > .right .useful-articles ul li a {font-size:14px;line-height:18px;padding:15px 13px 15px 13px;} #content .article-wrapper .container-fluid > .right .sb-title {font-size:15px;padding:10px 15px 10px 15px;} #content .article-wrapper .container-fluid > .right .other ul li a .title {font-size:16px;padding:15px 10px 15px 10px;text-align:center;} #content .article-wrapper .container-fluid > .right .useful-articles {} #content .commands-navi ul li a {padding:10px 15px 10px 15px;} #content .commands-navi ul {margin-left:-15px;} #content .commands-navi ul li {list-style:none;margin-left:15px;} #content .article-wrapper .cp-name {font-size:28px;} #content .article-wrapper .cp-works-images .item-photo {width:33.333%;padding:1px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .article-wrapper .container-fluid > .left {width:100%;padding-right:0px;} #content .article-wrapper .container-fluid > .right {display:none;} #content .commands-navi ul li a {padding:10px 15px 10px 15px;} #content .commands-navi ul {margin-left:-15px;} #content .commands-navi ul li {list-style:none;margin-left:15px;} #content .article-wrapper .cp-name {font-size:28px;} #content .article-wrapper .cp-works-images .item-photo {width:50%;padding:1px;} #content .commands-top .left {width:50%;} #content .commands-top .right {width:50%;margin-top:0px;} } /*==========================================*/ /* .add-anketa-form */ #content .add-anketa-form {background:#ECECEC;padding:20px;margin-top:35px;} #content .add-anketa-form .f-row {padding:30px;background:#fff;border:1px solid #9EC3DB;} #content .add-anketa-form .f-row+.f-row {margin-top:20px;} #content .add-anketa-form .f-row .fr-title {font-size:20px;font-weight:700;color:#0062A6;padding-bottom:30px;} #content .add-anketa-form .f-row .fr-item {position:relative;} #content .add-anketa-form .f-row .fr-item+.fr-item {margin-top:17px;} #content .add-anketa-form .f-row .fr-item label {font-size:16px;color:#333;margin-bottom:10px;} #content .add-anketa-form .f-row .fr-item label i {color:red;} #content .add-anketa-form .f-row .fr-item input[type='text'], #content .add-anketa-form .f-row .fr-item input[type='email'], #content .add-anketa-form .f-row .fr-item input[type='tel'], #content .add-anketa-form .f-row .fr-item textarea {resize:none;width:100%;height:34px;outline:none;border-radius:5px;border:1px solid #CCCCCC;padding:0px 10px 0px 10px;font-family: 'Roboto Condensed', sans-serif;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .add-anketa-form .f-row .fr-item input[type='text']:focus, #content .add-anketa-form .f-row .fr-item input[type='email']:focus, #content .add-anketa-form .f-row .fr-item input[type='tel']:focus, #content .add-anketa-form .f-row .fr-item textarea:focus {border:1px solid #B8B8B8;} #content .add-anketa-form .f-row .fr-item input[type='text']:disabled {background:#fff;} #content .add-anketa-form .f-row .fr-item input[type='file'] {outline:none!important;} #content .add-anketa-form .f-row .fr-item textarea {height:180px;padding:10px;} #content .add-anketa-form .f-row .fr-item textarea.ytl {height:90px;} #content .add-anketa-form .f-row .fr-item .jfilestyle {width:100%;} #content .add-anketa-form .f-row .fr-item .jfilestyle label {margin:0;} #content .add-anketa-form input[type='submit'] {font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size:18px;outline:none;color:#fff;border:0;background:#0076B5;border-radius:5px;padding:15px 50px 15px 50px;text-transform:uppercase;display:block;margin:auto;margin-top:20px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .add-anketa-form input[type='submit']:hover {background:#036091;} #content .add-anketa-form .wpcf7-not-valid-tip {font-size:13px;margin-top:5px;} #content .add-anketa-form .wpcf7-response-output {padding:0;margin:0;border:0;color:#fff;padding:15px;border-radius:5px;font-size:15px;font-weight:700;margin-top:15px;} #content .add-anketa-form .wpcf7-response-output.wpcf7-validation-errors {background:#EE1C25;} #content .add-anketa-form .wpcf7-response-output.wpcf7-mail-sent-ok {background:#07773F;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .add-anketa-form {padding:15px;} #content .add-anketa-form .f-row {padding:25px;} #content .add-anketa-form .f-row+.f-row {margin-top:15px;} #content .add-anketa-form .f-row .fr-title {padding-bottom:25px;} #content .add-anketa-form input[type='submit'] {font-size:16px;margin-top:15px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .add-anketa-form {padding:10px;} #content .add-anketa-form .f-row {padding:25px;} #content .add-anketa-form .f-row+.f-row {margin-top:10px;} #content .add-anketa-form .f-row .fr-title {padding-bottom:20px;} #content .add-anketa-form input[type='submit'] {font-size:16px;padding:12px 40px 12px 40px;margin-top:10px;} } /*==========================================*/ /* .cp-list */ #content .cp-list {} #content .cp-list ul {} #content .cp-list ul li {list-style: none;float:left;width:25%;padding:10px;margin-top:25px;} #content .cp-list ul li a {} #content .cp-list ul li a:hover img {opacity:0.8;} #content .cp-list ul li a .image {border:1px solid #DCDCDC;background:#FFFFFF;padding:8px;float:left;width:100%;} #content .cp-list ul li a .image .in {background:#ECECEC;text-align:center;float:left;width:100%;} #content .cp-list ul li a .image img {display:block;margin:auto;width:auto;max-width:100%;} #content .cp-list ul li a .name {float:left;width:100%;text-align:center;color:#0062A6;font-weight:700;font-size:18px;margin-top:20px;} #content .cp-list ul li a .period {float:left;width:100%;text-align:center;font-size:16px;color:#696969;margin-top:7px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .cp-list {margin-top:5px;} #content .cp-list ul li {list-style: none;width:33.333%;margin-top:20px;} #content .cp-list ul li a .name {font-size:17px;margin-top:15px;} #content .cp-list ul li a .period {font-size:15px;margin-top:5px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .cp-list {margin-top:10px;} #content .cp-list ul li {list-style: none;width:50%;margin-top:20px;padding:7.5px;} #content .cp-list ul li a .name {font-size:17px;margin-top:15px;} #content .cp-list ul li a .period {font-size:15px;margin-top:5px;} } /*==========================================*/ /* .command-list */ #content .command-list {padding:10px 0px 35px 0px;border-top:1px solid #DADADA;} #content .command-list ul {float:left;width:100%;} #content .command-list ul li {list-style: none;float:left;width:25%;margin-top:25px;padding:10px;} #content .command-list ul li+li {} #content .command-list ul li a {position:relative;float:left;width:100%;} #content .command-list ul li a:hover img {opacity:0.8;} #content .command-list ul li a img {float:left;width:100%;max-width:100%;} #content .command-list ul li a .title {position:absolute;left:0;bottom:0;background:rgba(5,60,97,0.65);text-transform:uppercase;font-size:18px;text-align:center;color:#fff;font-weight:700;padding:18px 10px 18px 10px;display:inline-block;width:100%;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .command-list {padding:15px 0px 35px 0px;} #content .command-list ul li {list-style: none;width:33.333%;margin-top:20px;} #content .command-list ul li a .title {font-size:16px;padding:15px 10px 15px 10px;text-align:center;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .command-list {padding:30px 0px 35px 0px;} #content .command-list ul li {list-style: none;width:50%;padding:7.5px;margin-top:0px;} #content .command-list ul li a .title {font-size:16px;padding:15px 10px 15px 10px;text-align:center;} } /*==========================================*/ /* .pr-navi */ #content .pr-navi {text-align:center;border-bottom:1px solid #DADADA;float:left;width:100%;} #content .pr-navi:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .pr-navi .item {text-transform:uppercase;font-weight:700;padding-bottom:15px;display:inline-block;text-transform:uppercase;color:#878787;font-size:16px;cursor:pointer;margin:0px 25px -2px 25px;} #content .pr-navi .item.active {cursor:default;color:#0062A6;border-bottom:4px solid #0062A6;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .pr-navi .item {margin:0px 20px -2px 20px;padding-bottom:12px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .pr-navi .item {margin:0px 10px 8px 10px;padding-bottom:3px;font-size:15px;border-bottom:2px solid transparent;} #content .pr-navi .item.active {border-bottom:2px solid #0062A6;} } /*==========================================*/ /* .photogalery */ #content .photogalery {padding:35px 0px 35px 0px;} #content .photogalery:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .photogalery .pg-pr-content {overflow: hidden;padding-top:35px;display:block;float:left;width:100%;} #content .photogalery .pg-pr-content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .photogalery .pg-pr-content .item {display:none;} #content .photogalery .pg-pr-content .item.active {display:block;} #content .photogalery .frame {overflow: hidden;} #content .photogalery .frame ul {} #content .photogalery .frame ul li {float: left;width:120px;cursor:pointer;position:relative;} #content .photogalery .frame ul li .border {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .photogalery .frame ul li+li {margin-left:20px;} #content .photogalery .frame ul li img {width:100%;} #content .photogalery .frame ul li.active .border {border:8px solid #1C96EB;} #content .photogalery .full-image {border:15px solid #ECECEC;width:100%;margin-top:35px;float:left;width:100%;position:relative;} #content .photogalery .full-image:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .photogalery .full-image img {float:left;width:100%;background:#ECECEC;} #content .photogalery .full-image .in {float:left;width:100%;position:relative;max-height:500px;overflow:hidden;} #content .photogalery .full-image .controls {} #content .photogalery .full-image .controls .prev, #content .photogalery .full-image .controls .next {position:absolute;outline:none;cursor:pointer;border:0;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -144px -26px;width: 84px;height: 84px;top:50%;margin-top:-42px;} #content .photogalery .full-image .controls .prev {left:-47px;} #content .photogalery .full-image .controls .next {right:-47px;background-position:-2px -26px;} #content .photogalery .full-image .controls .prev:hover, #content .photogalery .full-image .controls .next:hover {opacity:0.9;} .fotorama__nav-wrap {margin-bottom:20px!important;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .photogalery .frame ul li {width:105px;} #content .photogalery .frame ul li.active .border {border:7px solid #1C96EB;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .photogalery .frame ul li {width:90px;} #content .photogalery .frame ul li.active .border {border:5px solid #1C96EB;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .photogalery .frame ul li {width:80px;} #content .photogalery .frame ul li.active .border {border:5px solid #1C96EB;} #content .photogalery .full-image {border:10px solid #ECECEC;} #content .photogalery .full-image .controls {display:none;} } /*==========================================*/ /* .videogalery */ #content .videogalery {padding:35px 0px 35px 0px;} #content .videogalery:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .videogalery .vg-pr-content {overflow: hidden;padding-top:35px;display:block;float:left;width:100%;} #content .videogalery .vg-pr-content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .videogalery .vg-pr-content .item {display:none;} #content .videogalery .vg-pr-content .item.active {display:block;} #content .videogalery .vg-pr-content .video {float:left;width:50%;height:388px;background:#dfdfdf;} #content .videogalery .vg-pr-content .video iframe {width:100%!important;height:100%!important;} #content .videogalery .vg-pr-content .v-list {float:right;width:50%;position:relative;padding:32px 0px 32px 35px;} #content .videogalery .vg-pr-content .v-list ul.slides {} #content .videogalery .vg-pr-content .v-list ul.slides li {} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item {height:70px;cursor:pointer;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item+.v-item {margin-top:15px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image {float:left;position:relative;cursor:pointer;width:120px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image img {float:left;width:100%;} #content .videogalery .vg-pr-content .v-list ul.slides li .title {width:calc(100% - 120px);font-size:16px;line-height:20px;color:#707070;font-weight:700;float:left;padding-left:23px;position: relative;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .videogalery .vg-pr-content .v-list ul.slides li .image .border {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition-duration: 0.1s;-o-transition-duration: 0.1s;-moz-transition-duration: 0.1s;transition-duration: 0.1s;} #content .videogalery .vg-pr-content .v-list ul.slides li .image .play {opacity:0;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -365px -2px;width: 50px;height: 50px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item:hover .title {color:#116CAC;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item:hover .image .border {border:3px solid #1C96EB;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item:hover .image .play {opacity:1;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item.active .image .border {border:3px solid #1C96EB;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item.active .title {color:#116CAC;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item.active .play {opacity:1;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item .iframe {display:none;} /* controls */ #content .videogalery .vg-pr-content .flex-direction-nav { *height: 0; } #content .videogalery .vg-pr-content .flex-direction-nav a { text-decoration: none; display: block; position: absolute; z-index: 10; overflow: hidden; cursor: pointer; background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat; width: 20px; height: 22px; outline:none; } #content .videogalery .vg-pr-content .flex-direction-nav .flex-prev { background-position:-261px -2px; top:0;left:50%; margin-left:-10px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #content .videogalery .vg-pr-content .flex-direction-nav .flex-next { background-position:-261px -2px; bottom:0;left:50%; margin-left:-10px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #content .videogalery .vg-pr-content .flex-direction-nav .flex-prev:hover {background-position:-217px -2px;} #content .videogalery .vg-pr-content .flex-direction-nav .flex-next:hover {background-position:-217px -2px;} #content .videogalery .vg-pr-content .flex-direction-nav .flex-disabled { cursor: default; opacity:0.6; } /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .videogalery .vg-pr-content .v-list {padding:32px 0px 32px 25px;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item {height:55px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image {height:55px;width:94px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image img {height:55px;width:auto;} #content .videogalery .vg-pr-content .v-list ul.slides li .image .play {margin-top:-8px;margin-left:-12px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -230px -91px;width: 24px;height: 16px;} #content .videogalery .vg-pr-content .v-list ul.slides li .title {font-size:14px;line-height:18px;padding-left:15px;width:calc(100% - 94px);} #content .videogalery .vg-pr-content .video {height:327px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .videogalery .vg-pr-content .v-list {padding:32px 0px 32px 0px;width:100%;margin-top:35px;} #content .videogalery .vg-pr-content .v-list ul.slides li .v-item {height:55px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image {height:55px;width:94px;} #content .videogalery .vg-pr-content .v-list ul.slides li .image img {height:55px;width:auto;} #content .videogalery .vg-pr-content .v-list ul.slides li .image .play {margin-top:-8px;margin-left:-12px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -230px -91px;width: 24px;height: 16px;} #content .videogalery .vg-pr-content .v-list ul.slides li .title {width:calc(100% - 94px);font-size:14px;line-height:18px;padding-left:15px;} #content .videogalery .vg-pr-content .video {height:265px;width:100%;} } /*==========================================*/ /* .reviews-top */ #content .reviews-top {padding:35px 0px 35px 0px;} #content .reviews-top a {text-decoration:underline;} #content .reviews-top a:hover {text-decoration:none;} /*==========================================*/ /* .reviews-navi */ #content .reviews-navi {padding:10px 0px 25px 0px;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;} #content .reviews-navi ul {margin-left:-25px;} #content .reviews-navi ul li {list-style: none;float:left;margin-top:15px;margin-left:25px;} #content .reviews-navi ul li a {cursor:pointer;float:left;background:#ECECEC;font-size:15px;color:#012135;text-decoration:none;padding:10px 20px 10px 20px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .reviews-navi ul li a:hover {background:#1579BE;color:#fff;} #content .reviews-navi ul li.active a {background:#1579BE;color:#fff;cursor:default;} /*==========================================*/ /* .reviews-content */ #content .reviews-content {padding:35px 0px 35px 0px;} #content .reviews-content .item {display:none;} #content .reviews-content .item.active {display:block;} /*==========================================*/ /* .reviews-list */ #content .reviews-list {} #content .reviews-list .header {} #content .reviews-list .header h2 {color:#0062a6;text-transform:uppercase;font-size:32px;font-weight:700;} #content .reviews-list .header p {font-size:16px;color:#666;line-height:24px;margin-bottom:30px;} #content .reviews-list .header p:last-child {margin-bottom:0} #content .reviews-list ul {margin-top:35px;} #content .reviews-list ul li {list-style: none;border:1px solid #DADADA;background:#fff;padding:10px;} #content .reviews-list ul li+li {margin-top:30px;} #content .reviews-list ul li .con {background:#F3F3F3;padding:25px 20px 25px 20px;border:1px solid #F8F8F8;} #content .reviews-list ul li h3 {color:#0062A6;font-size:20px;font-weight:700;} #content .reviews-list ul li .desc {margin-top:5px;display:block;} #content .reviews-list ul li .desc p {color:#696969;font-size:16px;line-height:24px;} #content .reviews-list ul li .desc p+p {margin-top:10px;} #content .reviews-list ul li .images {margin:10px 0px 20px 0px;float:left;width:100%;} #content .reviews-list ul li .images a {float:left;margin:15px 0px 0px 15px;} #content .reviews-list ul li .images a:hover img {opacity:0.8;} #content .reviews-list ul li .images a img {float:left;width:100%;} #content .reviews-list ul li p {font-size:16px;color:#696969;line-height:24px;font-style:italic;display:inline-block;width:100%;} #content .reviews-list ul li p+p {margin-top:10px;} #content .reviews-list ul li .name {font-size:16px;color:#696969;font-weight:700;display:block;margin-top:25px;} #content .reviews-list ul li .link {display:inline-block;font-size:16px;color:#0062A6;margin-top:25px;} /*==========================================*/ /* .reviews-nav */ #content .reviews-nav {text-align:center;margin-top:35px;} #content .reviews-nav .nav-item {margin-top:0!important;display:inline-block;margin:0px 1px 0px 1px;padding:8px 8px 7px 8px;cursor:pointer;font-size:15px;color:#002135;min-width:20px;} #content .reviews-nav .nav-item.n {} #content .reviews-nav .nav-item:hover {color:#fff;background:#1579BE;} #content .reviews-nav .nav-item.current {color:#fff;background:#1579BE;cursor:default;} #content .reviews-nav .nav-item.disabled {color:#ccc;cursor:default;} #content .reviews-nav .nav-item.disabled:hover {color:#ccc;background:none;} #content .reviews-nav .nav-item.disabled:before, #content .reviews-nav .nav-item.disabled:after {opacity:0.5;} #content .reviews-nav .nav-item.prev {position:relative;} #content .reviews-nav .nav-item.prev:before {content:'';position:absolute;top:10px;left:-10px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -347px -14px;width: 8px;height: 10px;} #content .reviews-nav .nav-item.next {position:relative;} #content .reviews-nav .nav-item.next:after {content:'';position:absolute;top:10px;right:-10px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -347px -2px;;width: 8px;height: 10px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .reviews-navi ul li a {padding:10px 15px 10px 15px;} #content .reviews-navi ul {margin-left:-15px;} #content .reviews-navi ul li {list-style: none;margin-left:15px;} #content .reviews-list .header h2 {font-size:28px;} #content .reviews-list .header p {font-size:15px;line-height:22px;margin-bottom:25px;} #content .reviews-list ul li h3 {font-size:19px;} #content .reviews-list ul li .desc p {font-size:15px;} #content .reviews-list ul li p {font-size:15px;line-height:22px;} #content .reviews-list ul li .name {font-size:15px;margin-top:20px;} #content .reviews-list ul li .link {font-size:15px;color:#0062A6;margin-top:20px;} #content .reviews-list ul li+li {margin-top:25px;} #content .reviews-nav .nav-item {font-size:14px;min-width:20px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .reviews-navi ul li a {padding:10px 15px 10px 15px;} #content .reviews-navi ul {margin-left:-15px;} #content .reviews-navi ul li {list-style: none;margin-left:15px;} #content .reviews-list .header h2 {font-size:28px;} #content .reviews-list .header p {font-size:15px;line-height:22px;margin-bottom:20px;} #content .reviews-list ul li h3 {font-size:19px;} #content .reviews-list ul li .desc p {font-size:15px;} #content .reviews-list ul li p {font-size:15px;line-height:22px;} #content .reviews-list ul li .name {font-size:15px;margin-top:20px;} #content .reviews-list ul li .link {font-size:15px;color:#0062A6;margin-top:20px;} #content .reviews-list ul li+li {margin-top:25px;} #content .reviews-nav .nav-item {font-size:14px;min-width:20px;} #content .reviews-list ul li .images a {width:145px;} } /*==========================================*/ /* .c-left / .c-right */ #content .c-left {float:left;width:40%;background:#F1F9FF;padding:30px 35px 30px 35px;} #content .c-right {float:left;width:60%;padding-left:35px;} #content .c-left h2 {font-size:26px;font-weight:700;color:#0062A6;} #content .c-left .phone {font-size:24px;color:#033558;display:block;margin-top:20px;} #content .c-left .whatsup {font-size:15px;color:#033558;display:block;margin-top:5px;} #content .c-left .phone-desc {color:#0666A8;font-size:15px;line-height:20px;margin-top:10px;} #content .c-left .address-title {font-size:26px;font-weight:700;color:#0062A6;margin-top:30px;display:block;position:relative;padding-left:35px;} #content .c-left .address-title:before {content:'';position:absolute;top:-2px;left:0;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -230px -56px;width: 23px;height: 33px;} #content .c-left .address {margin-top:15px;color:#0666A8;font-size:15px;line-height:20px;display:block;} #content .c-left .c-text {color:#0666A8;font-size:15px;line-height:20px;margin-top:10px;} #content .c-left .c-text a {font-weight:700;} #content .c-left .c-text+.c-text {margin-top:0;} #content .c-left .social {float:left;margin-top:25px;} #content .c-left .social li {list-style:none;float:left;} #content .c-left .social li+li {margin-left:10px;} #content .c-left .social li a {text-decoration:none;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png);width:22px;height:22px;float:left;} #content .c-left .social li a:hover {opacity:0.8;} #content .c-left .social li.vk a {background-position:-13px -2px;} #content .c-left .social li.fb a {background-position:-37px -2px;} #content .c-left .social li.tw a {background-position:-62px -2px;} #content .c-left .social li.ig a {background-position:-86px -2px;} #content .c-right p {font-size:24px;line-height:28px;color:#0062A6;padding:30px 0px 30px 0px;} #content .c-right .form-row {position:relative;} #content .c-right .form-row+.form-row {margin-top:15px;} #content .c-right .form-row .icon {z-index:2;position:absolute;top:0;left:0;background:#1C96EB;height:34px;width:40px;border-radius:5px 0px 0px 5px;} #content .c-right .form-row .icon i {display:block;margin:auto;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat;} #content .c-right .form-row .icon.icon-1 i {background-position:-259px -26px;width:13px;height:13px;margin-top:9px;} #content .c-right .form-row .icon.icon-2 i {background-position:-259px -41px;width:12px;height:19px;margin-top:7px;} #content .c-right .form-row .icon.icon-3 i {background-position:-259px -62px;width:17px;height:13px;margin-top:11px;} #content .c-right .form-row .icon.icon-4 i {background-position:-259px -77px;width:20px;height:20px;margin-top:7px;} #content .c-right .form-row input[type='text'], #content .c-right .form-row input[type='email'], #content .c-right .form-row input[type='tel'] {z-index:1;line-height:22px;font-size:15px;height:34px;outline:none;width:100%;border:1px solid #CCCCCC;border-radius:5px;padding:0px 10px 0px 50px;font-family: 'Roboto Condensed', sans-serif;} #content .c-right .form-row input[type='text']:focus, #content .c-right .form-row input[type='email']:focus, #content .c-right .form-row input[type='tel']:focus {border:1px solid #999;} #content .c-right .form-row textarea {line-height:22px;font-size:15px;height:150px;resize:none;outline:none;width:100%;border:1px solid #CCCCCC;border-radius:5px;padding:10px;font-family: 'Roboto Condensed', sans-serif;} #content .c-right .form-row textarea:focus {border:1px solid #999;} #content .c-right .form-row input[type='submit'] {height:50px;font-family: 'Roboto Condensed', sans-serif;border:0;border-radius:5px;background:#0076B5;font-size:20px;color:#fff;font-weight:700;text-transform:uppercase;padding:0px 30px 0px 60px;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .c-right .form-row input[type='submit']:hover {background:#004574;} #content .c-right .form-row .submit-icon {position:absolute;top:50%;margin-top:-13.5px;left:18px;background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat -230px -27px;width: 27px;height: 27px;} #content .c-right .form-row .wpcf7-not-valid-tip {font-size:13px;margin-top:5px;} #content .c-right .wpcf7-response-output {padding:0;margin:0;border:0;color:#fff;padding:15px;border-radius:5px;font-size:15px;font-weight:700;margin-top:15px;} #content .c-right .wpcf7-response-output.wpcf7-validation-errors {background:#EE1C25;} #content .c-right .wpcf7-response-output.wpcf7-mail-sent-ok {background:#07773F;} #content .full-map {margin-top:35px;} #content .full-map iframe {width:100%!important;height:450px!important;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .c-left {float:left;width:50%;} #content .c-right {float:left;width:50%;} #content .c-left h2 {font-size:24px;} #content .c-left .phone {font-size:22px;} #content .c-left .address-title {font-size:24px;margin-top:20px;} #content .c-right .form-row .icon {width:36px;} #content .c-right .form-row input[type='text'], #content .c-right .form-row input[type='email'], #content .c-right .form-row input[type='tel'] {padding-left:46px;} #content .c-right .form-row input[type='submit'] {font-size:18px;height:46px;} #content .full-map iframe {height:350px!important;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .c-left {float:left;width:100%;} #content .c-right {float:left;width:100%;padding-left:0;} #content .c-left h2 {font-size:24px;} #content .c-left .phone {font-size:22px;} #content .c-left .address-title {font-size:24px;margin-top:20px;} #content .c-right .form-row .icon {width:36px;} #content .c-right .form-row input[type='text'], #content .c-right .form-row input[type='email'], #content .c-right .form-row input[type='tel'] {padding-left:46px;} #content .c-right .form-row input[type='submit'] {font-size:18px;height:46px;} #content .full-map iframe {height:350px!important;} } /*==========================================*/ /* .phone-block */ #content .text-in .phone-block {background:#157EBA;padding:20px 0px 20px 0px;float:left;width:100%;margin-bottom:30px;} #content .text-in .phone-block .item-left {float:left;width:calc(50% - 90px);} #content .text-in .phone-block .item-center {float:left;width:180px;text-align:center;} #content .text-in .phone-block .item-right {float:left;width:calc(50% - 90px);} #content .text-in .phone-block p {margin-bottom:0;margin-top:0px;float:right;margin-right:20px;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;color:#fff;text-transform:uppercase;font-size:22px;margin-top:1px;} #content .text-in .phone-block .item-right p {float:left;margin-left:20px;margin-right:0;} #content .text-in .phone-block .arrow {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat;width: 20px;height: 22px;float:left;} #content .text-in .phone-block .phone {text-decoration:none;font-size:26px;color:#fff;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;} #content .text-in .phone-block .phone i {color:#A1D9FF;font-weight:300;} #content .text-in .phone-block .arrows {margin-top:2px;} #content .text-in .phone-block .item-left .arrows {float:right;padding-right:25px;padding-left:10px;} #content .text-in .phone-block .item-left .arrows .arrow+.arrow {margin-left:10px;} #content .text-in .phone-block .item-right .arrows {float:left;padding-left:25px;padding-right:10px;} #content .text-in .phone-block .item-right .arrows .arrow+.arrow {margin-left:10px;} #content .text-in .phone-block .item-left .arrow-1 {background-position:-261px -2px;} #content .text-in .phone-block .item-left .arrow-2 {background-position:-239px -2px;} #content .text-in .phone-block .item-left .arrow-3 {background-position:-217px -2px;} #content .text-in .phone-block .item-right .arrow-1 {background-position:-151px -2px;} #content .text-in .phone-block .item-right .arrow-2 {background-position:-173px -2px;} #content .text-in .phone-block .item-right .arrow-3 {background-position:-195px -2px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { #content .text-in .phone-block .arrows {display:none;} } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .text-in .phone-block .arrows {display:none;} #content .text-in .phone-block .item-right {display:none;} #content .text-in .phone-block .item-left {float:left;width:50%;padding-left:20px;} #content .text-in .phone-block .item-left p {text-align:left;float:left;} #content .text-in .phone-block .item-center {float:left;width:50%;text-align:right;padding-right:20px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .text-in .phone-block .arrows {display:none;} #content .text-in .phone-block .item-right {display:none;} #content .text-in .phone-block .item-left {float:left;width:50%;padding-left:20px;} #content .text-in .phone-block .item-left p {text-align:left;float:left;} #content .text-in .phone-block .item-center {float:left;width:50%;text-align:right;padding-right:20px;} } /*==========================================*/ /* .in-price */ #content .in-price {margin-top:30px;} #content .in-price h3 {text-align:center;text-transform:uppercase;} #content .in-price .items {} #content .in-price .items .item {background:#F1F9FF;position:relative;padding:30px 25px 30px 150px;} #content .in-price .items .item+.item {margin-top:10px;} #content .in-price .items .item p {color:#424343;} #content .in-price .items .item .number {position:absolute;top:50%;left:55px;color:#157EBA;font-weight:700;font-size:90px;height:90px;margin-top:-45px;} /*==========================================*/ /* .my-team */ #content .my-team {margin-top:30px;background:#ECECEC;padding:20px;float:left;width:100%;margin-bottom: 20px;} #content .my-team .top {text-align:center;margin-bottom:30px;} #content .my-team .top h2 {font-size:34px;margin-top:15px;margin-bottom:25px;color:#2F2F2F;} #content .my-team .top h2 a {text-decoration:none;color:#2F2F2F;font-size:34px;} #content .my-team .top p {color:#444545;margin-bottom:0;} #content .my-team .mt-row {padding:30px;background:#fff;border:1px solid #CFCFCF;float:left;width:100%;} #content .my-team .mt-row+.mt-row {margin-top:20px;} #content .my-team .mt-row .title {font-size:22px;font-weight:700;color:#1C96EB;margin-bottom:25px;display:block;} #content .my-team .mt-row .title a {font-size:22px;font-weight:700;color:#1C96EB;text-decoration:none;} #content .my-team .mt-row .mt-item {float:left;width:100%;} #content .my-team .mt-row .mt-item+.mt-item {border-top:1px solid #DADADA;padding-top:10px;margin-top:10px;} #content .my-team .mt-row .mt-item .name {float:left;width:50%;font-size:16px;color:#595A5A;} #content .my-team .mt-row .mt-item .name a {font-size:16px;color:#595A5A;} #content .my-team .mt-row .mt-item .price {float:left;width:50%;text-align:right;font-size:16px;color:#595A5A;} /*==========================================*/ /* .party-list */ #content .party-list {margin-top:30px;float:left;width:100%;margin-bottom:30px;} #content .party-list h2 {text-transform:uppercase;font-size:30px;color:#1D82BC;text-align:center;margin-bottom:15px;} #content .party-list .items {} #content .party-list .items .item {margin-top:15px;float:left;width:calc(50% - 7.5px);border:1px solid #F0F0F0;padding:20px;background:#fff;} #content .party-list .items .item+.item {} #content .party-list .items .item:nth-child(2n) {margin-left:15px;} #content .party-list .items .item .title {font-size:22px;text-transform:uppercase;display:block;text-align:center;padding:10px 0px 25px 0px;} #content .party-list .items .item .title strong {color:#157EBA;} #content .party-list .items .item img {width:100%;max-width:100%;display:block;margin:auto;} #content .party-list .items .item .in-title {display:block;text-align:center;padding:30px 0px 25px 0px;font-size:17px;font-weight:700;} #content .party-list .items .item .in-items {text-align:center;} #content .party-list .items .item .in-items .in-item {font-size:16px;color:#666666;line-height:20px;} #content .party-list .items .item .in-items .in-item+.in-item {border-top:1px solid #E9E9E9;padding-top:10px;margin-top:10px;} #content .party-list .items .item .in-items .order {display:inline-block;margin-top:25px;background:#0076B5;color:#fff;text-transform:uppercase;text-decoration:none;font-size:20px;border-radius:5px;padding:13px 50px 13px 50px;font-weight:700;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #content .party-list .items .item .in-items .order:hover {background:#004574;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .party-list h2 {font-size:26px;} #content .party-list .items .item {width:100%;} #content .party-list .items .item:nth-child(2n) {margin-left:0px;} #content .party-list .items .item .in-items .order {padding-left:10px;padding-right:10px;width:100%;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .party-list h2 {font-size:26px;} #content .party-list .items .item {width:100%;} #content .party-list .items .item:nth-child(2n) {margin-left:0px;} #content .party-list .items .item .in-items .order {padding-left:10px;padding-right:10px;width:100%;} } /*==========================================*/ /* .text-in .gallery */ #content .text-in .gallery {margin-bottom:30px;float:left;width:100%;} #content .text-in .gallery:last-child {margin-bottom:0;} #content .text-in .gallery .gallery-item {margin:0;padding:1.5px;float:left;} #content .text-in .gallery .gallery-item:hover img {opacity:0.8;} #content .text-in .gallery .gallery-item img {margin:0;padding:0;border:0;float:left;width:100%;height:auto;} #content .text-in .gallery br {display:none;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #content .text-in .gallery.gallery-columns-4 .gallery-item {width:33.333%;padding:1px;} } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #content .text-in .gallery.gallery-columns-2 .gallery-item {width:50%;padding:1px;} #content .text-in .gallery.gallery-columns-3 .gallery-item {width:50%;padding:1px;} #content .text-in .gallery.gallery-columns-4 .gallery-item {width:50%;padding:1px;} } #vk_comments {width:100%!important;margin-top:30px;} #vk_comments iframe {width:100%!important;} /*==========================================*/ /* footer */ #footer-push {height: 500px;} #footer {background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/footer-bg.jpg) repeat-x;background-size:cover;z-index:2;position:relative;height: 500px;} #footer .top {height:70px;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/footer-top-bg.png) repeat-x;border-bottom:1px solid #2973A5;} #footer .center {height:370px;padding-top:35px;} #footer .bottom {height:60px;background:#002B49;padding-top:25px;} #footer .row-item {float:left;width:25%;} #footer .row-item+.row-item {padding-left:10px;} #footer .row-item:first-child {padding-right:10px} #footer .row-item:last-child {padding-left:20px;} #footer .top .row-item {padding-top:24px;} #footer .top .title {color:#fff;font-size:20px;font-weight:700;} #footer .contacts {} #footer .contacts .info {} #footer .contacts .info li {list-style:none;line-height:16px;color:#fff;font-size:14px;position:relative;padding-left:20px;padding-top:1px;} #footer .contacts .info li:before {background: url('/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png') no-repeat;content:'';position:absolute;top:0;left:0;} #footer .contacts .info li+li {margin-top:20px;} #footer .contacts .info li a {color:#fff;font-size:14px;line-height:16px;} #footer .contacts .info li a:hover {} #footer .contacts .info li.item-1:before {width: 11px;height: 15px;background-position:-123px -26px;} #footer .contacts .info li.item-2:before {width: 17px;height: 12px;background-position:-104px -26px;left:-4px;} #footer .contacts .info li.item-3:before {width: 14px;height: 14px;background-position:-88px -26px;left:-2px;} #footer .contacts .social {margin-top:35px;} #footer .contacts .social li {list-style:none;float:left;} #footer .contacts .social li+li {margin-left:9px;} #footer .contacts .social li a {text-decoration:none;background:url(/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/icons.png);width:22px;height:22px;float:left;} #footer .contacts .social li a:hover {opacity:0.8;} #footer .contacts .social li.vk a {background-position:-13px -2px;} #footer .contacts .social li.fb a {background-position:-37px -2px;} #footer .contacts .social li.tw a {background-position:-62px -2px;} #footer .contacts .social li.ig a {background-position:-86px -2px;} #footer .list {} #footer .list ul {list-style: square outside;color:#dedede;padding-left:20px;} #footer .list ul li {} #footer .list ul li+li {margin-top:20px;} #footer .list ul li a {color:#fff;font-size:14px;line-height:16px;} #footer .list ul li a:hover {} #vk_widget, #vk_groups { width: 100%!important; } #footer .bottom p {color:#fff;font-size:13px;} /* notebook */ @media (min-width: 992px) and (max-width: 1199px) { .primer{ height: 1085px !important; } } /* tablet */ @media (min-width: 768px) and (max-width: 991px) { #footer .contacts .info li+li {margin-top:15px;} #footer .list ul li+li {margin-top:15px;} #footer .top .row-item:last-child {display:none;} #footer .center .row-item:last-child {display:none;} #footer .row-item {width:33.333%;} #footer .center {padding-top:25px;} .primer{ height: auto !important; } } /* mobile */ @media (min-width: 0px) and (max-width: 767px) { #footer .contacts .info li+li {margin-top:15px;} #footer .list ul li+li {margin-top:15px;} #footer .top .row-item:nth-child(3), #footer .top .row-item:nth-child(4) {display:none;} #footer .center .row-item:nth-child(3), #footer .center .row-item:nth-child(4) {display:none;} #footer .row-item {width:50%;} #footer .center {padding-top:25px;} #footer .row-item+.row-item {padding-left:10px;} #footer .row-item:first-child {padding-right:10px} #footer .row-item:last-child {padding-left:0px;} #footer .bottom p {font-size:12px;} .primer{ height: auto !important; } } .counters-footer-code {display:none;} .primer{ border:1px solid #e6e6e6; border-radius:10px; padding:5px; height:1010px; margin:5px } .seo_table th{ background-color: #0062a6 ; color: #fff; padding: 30px 20px; vertical-align: middle; } .seo_table td{ border:1px solid #e6e6e6; } #fancyForm, .fancyFormBox { max-width: 450px; } .wpcf7-form .wpcf7-list-item { display: block; float: left; width: 45%; padding: 5px 15px; } #fancyForm p, #fancyForm_2 p, .fancyFormBox p { font-size: 15px; padding: 5px; } #fancyForm input[type="text"], #fancyForm input[type="email"],#fancyForm textarea, #fancyForm_2 input[type="text"], #fancyForm_2 input[type="email"],#fancyForm_2 textarea, .fancyFormBox input[type="text"], .fancyFormBox input[type="email"], .fancyFormBox textarea { width: 100%; } #fancyForm textarea, .fancyFormBox textarea { height: 85px; } #fancyForm .wpcf7-form-control.wpcf7-submit, #fancyForm_2 .wpcf7-form-control.wpcf7-submit, .fancyFormBox .wpcf7-form-control.wpcf7-submit { float: right; background: #0062A6; padding: 5px 15px; border: none; margin-top: 20px; color: #fff; } #fancyForm .h2, #fancyForm_2 .h2, .fancyFormBox .h2 { font-size: 20px; margin-bottom: 10px; text-align: center; } a.fancyForm, a.fancyForm_2 { background: #265C7E; color: #fff!important; padding: 3px 7px; } a.fancyForm:hover, a.fancyForm_2:hover { opacity: 0.8; text-decoration: none!important; } .seo_table tr td:nth-child(2),.seo_table tr td:nth-child(3),.seo_table tr th:nth-child(2) { text-align: center; } .carousel img { width: 100%; } .fancyForm_center { display: table; margin: auto; } .upbutton { display: none; position: fixed; right: 80px; bottom: 60px; background: url("/web/20180425194730im_/http://vmstar.ru/wp-content/themes/VmStar/images/upbutton.png") no-repeat center center / 51px 69px; width: 51px; height: 69px; } .upbutton:hover { cursor: pointer; opacity: 0.85; } .text-in ol.find { list-style-type: none; } .footer-search { margin: 10px auto; } .footer-search input { box-sizing: border-box; height: 30px; display: inline-block; vertical-align: top; background: #FFF; border: 1px solid #1C96EB; padding: 0 10px; border-radius: 7px; transition-duration: 0.2s; } .footer-search input[type="submit"] { background: #1C96EB; color: #FFF; border: 1px solid #1C96EB; border-radius: 7px; padding: 0 20px; } .footer-search input[type="submit"]:hover { background: #FFF; color: #1C96EB; border: 1px solid #FFF; opacity: 0.8; } /* FILE ARCHIVED ON 19:47:30 Apr 25, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:11:31 Jun 19, 2020. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): exclusion.robots: 0.215 exclusion.robots.policy: 0.201 load_resource: 209.348 captures_list: 442.783 PetaboxLoader3.resolve: 94.961 esindex: 0.015 RedisCDXSource: 34.878 PetaboxLoader3.datanode: 474.985 (4) LoadShardBlock: 390.967 (3) CDXLines.iter: 13.791 (3) */