@import "responsive.css";
@import "images.css";
@import "../vendor/arrows/css/arrows-embedded.css";

body {
  font-family: 'Roboto', sans-serif;
  color:rgba(0,0,0,1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;
}
a {color:rgba(102,153,204,1)}
/*a:hover, a:focus {color:rgba(21,126,242,1); text-decoration:underline}*/
h1,h2,h3,h4,h5,h6 {font-weight:700; margin:0 0 30px}
/*Новый год*/

.b-page__content{min-height:70px}
.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(../balls/b-head-decor_newyear.png) repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(../balls/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(../balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(../balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(../balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(../balls/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(../balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(../balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(../balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(../balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(../balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(../balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(../balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(../balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(../balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(../balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}
/*Новый год*/
.article {display:table;width:100%;margin-bottom:20px;}
.mar30 {margin-top:30px;}
.spec-form {max-width:400px;margin: 0 auto;}
.spec-s {margin-bottom:15px;}
.dost2 {
    height: 100px !important;
    padding-top: 10px;
}
.m-top0 {margin-top:0px !important;}
.date {font-size:14px;font-family: 'Roboto', sans-serif;font-weight:800;margin-top:3px;margin-bottom:10px;}
.art-title {font-size:18px;font-family: 'Roboto', sans-serif;font-weight:400;}
.m-oinoport {margin-top: 0px !important;z-index: 90 !important;
}
/*Табы*/
.popular-h2 {font-size:35px;font-family: 'Roboto', sans-serif;font-weight:400;color:#000;text-transform:uppercase;margin-top:70px;padding-left:15px;padding-right:15px;}
.flex-auto > * {
    flex: 1 1 auto;
}
/* Tabs container */
.r-tabs {	position: relative;	border-radius: 4px;}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;

}
.flex-auto {
    display: flex;
    flex-direction: row;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px;
background: #fff;
	text-decoration: none;

	font-size: 12px;
font-family: 'Montserrat', sans-serif;
	color: #000;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {background:#455766;color:#fff !important;}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #fff;
	text-shadow: none;
background:#455766;
font-weight:600;

}

/* Tab panel */
.r-tabs .r-tabs-panel {


}
.r-tabs-nav a.r-tabs-anchor{width: 100%;text-align:center;}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

background:linear-gradient(to top, #455766, #5f6971);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00c5ad;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
/*Внутренняя страница*/
.section-menu {margin-bottom:25px;}
.s1 {padding:2px;}
.menus-ri .active {padding:2px;}
.bg-menus a {display:block;width:100%;height:100%;}
.title-menus {margin-top:13px;min-height:50px;font-size:13px;text-transform:uppercase;color:#333333;}
.icon-images5 {width:41px;height:45px;background:url(../i/s1.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.icon-images6 {width:41px;height:45px;background:url(../i/s2.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.icon-images7 {width:41px;height:45px;background:url(../i/s3.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.icon-images8 {width:41px;height:45px;background:url(../i/s4.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.icon-images9 {width:41px;height:45px;background:url(../i/s5.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.icon-images10 {width:41px;height:45px;background:url(../i/s6.png) no-repeat;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images5 {width:41px;height:45px;background:url(../i/s1-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images5 {width:41px;height:45px;background:url(../i/s1-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images6 {width:41px;height:45px;background:url(../i/s2-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images6 {width:41px;height:45px;background:url(../i/s2-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images7 {width:41px;height:45px;background:url(../i/s3-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images7 {width:41px;height:45px;background:url(../i/s3-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images8 {width:41px;height:45px;background:url(../i/s4-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images8 {width:41px;height:45px;background:url(../i/s4-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images9 {width:41px;height:45px;background:url(../i/s5-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images9 {width:41px;height:45px;background:url(../i/s5-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover .icon-images10 {width:41px;height:45px;background:url(../i/s6-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.active .bg-menus div.icon-images10 {width:41px;height:45px;background:url(../i/s6-hover.png)  no-repeat !important;margin:0 auto;margin-bottom:15px;}
.bg-menus:hover {background:#4183d8;padding:35px;color:#fff !important;}
.active .title-menus {color:#fff;}
.bg-menus:hover .title-menus {color:#fff;}
.bg-menus:hover a {color:#fff;text-decoration:none;}
.active .bg-menus {background:#4183d8;}
.active .bg-menus {color:#fff !important;}
.bg-menus {background:#ffffff;text-align:center !important;padding:35px;}
.section-projects h2 {color:#fff;font-size:45px;text-transform:uppercase;font-family: 'Roboto', sans-serif;font-weight:300;}
.section-projects {background:url(../i/project-bgs.jpg) no-repeat;color:#fff;font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;background-size:cover;width:100%;padding:90px 0 40px 0;margin-top:30px;}
.section-bread {color:#333333;font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;padding:25px 0px 25px 0px;}
.section-bread  a {color:#333333;}
.section-text h1{color:#333333;margin-bottom:30px !important;font-size:45px;font-weight:300;font-family: 'Roboto', sans-serif;margin:0px;}
.section-text ul, .section-text ol{list-style-position:inside;padding:0.5em 2em 1em}
.section-text ul li{list-style-type:none;font-size:inherit !important;padding:0 0 0 0.375em;position:relative;z-index:3;line-height:inherit}
.bg-forms .policy label::before {border: #fff 2px solid !important; }
.bg-forms .policy label:after{border: #fff 2px solid important; }
.bg-forms .policy label:after{background: url(../i/arrow-i2.png) no-repeat !important; }
.bg-forms .title-soc {color:#fff;}
.bg-forms .name input[placeholder] {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:#999999}
.bg-forms .name::-webkit-input-placeholder {text-overflow:ellipsis; color:#999999}
.bg-forms .name::-moz-placeholder {text-overflow:ellipsis; color:#999999}
.bg-forms .name:-moz-placeholder {text-overflow:ellipsis; color:#999999}
.bg-forms .form-group.checkbox label {color:#fff !important;}
.bg-forms .form-group.checkbox label a {color:#fff !important;}
.bg-forms .phone-i input[placeholder] {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:#999999}
.bg-forms .phone-i::-webkit-input-placeholder {text-overflow:ellipsis; color:#999999}
.bg-forms .phone-i::-moz-placeholder {text-overflow:ellipsis; color:#999999}
.bg-forms .phone-i:-moz-placeholder {text-overflow:ellipsis; color:#999999}
.form-control.input_error:-ms-input-placeholder, .has-error .form-control:-ms-input-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.bg-forms .name {background: url(../i/name.png) no-repeat #fff !important;background-position: 10px 50% !important;}
.bg-forms .phone-i {background: url(../i/phone-i.png) no-repeat #fff !important;background-position: 10px 50% !important;}
.section-text ul li:before{color:#4183d8;content:"\2022";font-size:2em;line-height:0;height:2em;width:2em;position:absolute;left:-0.375em;top: 0.37em;z-index:2;}
.bg-forms {background:url(../i/bg-forms.jpg) no-repeat !important;padding: 0px 0px 50px 0px !important;color:#fff !important;width:100%;background-size:cover !important;}
.header-form2 {background:#4183d8;color:#fff;font-weight:300;font-family: 'Roboto', sans-serif;font-size:20px;display:table;position:relatve;top: 0px;padding:17px 40px 17px 40px;margin-bottom:35px;}
.bg-forms .label-input {color:#fff !important;}
.section-text h2 {font-size:20px;color:#000;font-family: 'Roboto', sans-serif;margin-bottom:20px;margin-top:20px;}
.section-text p {margin-bottom:20px !improtant;}
.section-text {color:#333333;padding:0 0 40px 0;font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;}
.input-w {height:50px;border:0px;padding-left:15px;margin-right:15px;}
.input-gr {background:#525867;height:50px;color:#fff;border:0px;padding-left:22px;width:100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 20px;}
.buttom2 {background:#375894;font-size:14px;font-family: 'Open Sans', sans-serif;font-weight:300;color:#fff;border:0px;width:100%;-webkit-border-radius: 5px;height:50px;-moz-border-radius: 5px;border-radius: 5px;}
.note {
    font-size: 11px;
    color: #5e5e5e;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 20px;
}
.no-margin {margin:0 !important}
.no-padding {padding:0}
.no-bg {background:none !important; background-color:transparent !important}
.inline-block {display:inline-block !important}
.bg-gray {background-color:rgba(238,238,238,1)}
.bg-white {background-color:rgba(255,255,255,1)}
.color-white {color:#fff !important}
.color-black {color:#000 !important}
.color-red {color:rgba(217,48,44,1) !important}
.text-bold {font-weight:700}
hr.divider {display:table; clear:both; line-height:0; height:0; border:0; margin:0; padding:0; visibility:hidden; opacity:0; width:100%}
.valign-block {height:100%}
.valign-block::before {content:''; display:inline-block; vertical-align:middle; height:100%}

img{max-width:100%; height:auto}
video {width: 100% !important; height: auto !important}

figure {text-align:center; margin:0 auto}
button {outline:none !important}
button, input, optgroup, select, textarea {font-family:inherit; font-size:inherit; line-height:inherit}

body, body > nav, body > footer .footer-bottom-row {background-color: #f8f8f8;}
.footer-nav-row {background-color:rgba(50,55,74,1)}
body > nav {background-color:rgba(255,255,255,1)}
body > section {position:relative}
body > footer {background-color:#f8f8f8;padding: 70px 0px 20px 0px;}
[class*="-area"] {padding-top:40px; padding-bottom:40px}
[class*="-area"], .catalog-brand-item, .prod-item {position:relative}
[class*="-area"]::after, .catalog-brand-item::after, .prod-item::after {content:''; display:table; clear:both; line-height:0}


/* Navigation */
.nav li {padding:0 !important}
.navbar-nav li a {text-decoration:none}
.site-nav > .navbar-nav, .site-nav > .navbar-nav li {position:relative}

.top-logo img {max-width:none; max-height:100%; height:auto}
.top-logo-link {padding:15px 0; display:inline-block}
.navbar-brand .tbl-cell {white-space:nowrap; position:relative}
.navbar-brand .tbl-cell .brand-name, .navbar-brand .tbl-cell .brand-motto {color:rgba(51,51,51,1) !important; text-decoration:none !important; display:block; position:relative}
.navbar-brand .tbl-cell .brand-name {font-size:1.7rem; font-family:'days', sans-serif; line-height:normal; font-weight:normal; margin-bottom:3px; -webkit-transform:scaleY(1.4); -ms-transform:scaleY(1.4); transform:scaleY(1.4)}
.navbar-brand .tbl-cell .brand-name {margin-bottom:3px; -webkit-transform:scaleY(1.3); -ms-transform:scaleY(1.3); transform:scaleY(1.3)}
.navbar-brand .tbl-cell .brand-motto {font-size:1.5rem; text-align:justify; text-justify:inter-word; font-weight:normal; border-top:#000 solid 1px}
.navbar-brand .tbl-cell .brand-motto::after {content:''; display:inline-block; width:100%; line-height:0; height:0; margin:0; padding:0; visibility:hidden}

.side-nav-links {margin-top:30px}
.side-nav-links .brand-item {padding:0; float:none; width:100%}
.side-nav-links .item-title, .side-nav-links .item-title a {font-size:1.8rem !important; margin:0 !important}
.side-nav-links .item-title a {display:inline-block; padding:10px 0}
.side-nav-links .item-links {font-size:1.4rem; padding:15px 0}
.side-nav-links > li:not(:last-child) {border-bottom:rgba(4,4,4,.2) dotted 2px}


/* Top-header & Footer */
.top-header {color:rgba(51,51,51,1);background:#fff; font-size:1.6rem; padding:35px 0px 25px 0px;}
.top-header .contact-block {text-align:right}
.page-head-banner {background:url(../images/head_bg.jpg) no-repeat 80% 100%; height:60px}
.obrat {color:#3e3e3e;font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;}
.footer-nav-row {padding:15px 0}
.site-nav > .navbar-nav::before, .site-nav > .navbar-nav > li:first-child::after, .site-nav > .navbar-nav > li::before {border-color:rgba(255,255,255,1) !important}
.footer-nav-row .site-nav > .navbar-nav > li > a::before {background-color:rgba(255,255,255,1) !important}
.footer-nav-row .site-nav a {color:rgba(255,255,255,1) !important}
.footer-nav-row .social li a {color:rgba(255,255,255,1)}
.footer-middle-row .contacts-block .phone {font-weight:700; white-space:pre-wrap}
.footer-middle-row .contacts-block .phone a {display:inline-block; white-space:nowrap}
.footer-middle-row .navbar-brand {display:table; width:auto}
.footer-middle-row .navbar-brand .tbl-row {display:table-row}
.footer-middle-row .navbar-brand .tbl-cell {display:table-cell; vertical-align:middle}
.footer-middle-row .navbar-brand .tbl-cell img.brand-name {margin-left:15px}
.footer-bottom-row {padding:20px 0; font-size:1.2rem; color:rgba(51,51,51,.4)}
.footer-bottom-row a {color:rgba(51,51,51,.4) }

.footer-widget {margin-bottom:15px; margin-top:15px; float:left}
.bottom-nav, .bottom-nav li {list-style:none; padding:0; margin:0}
.bottom-nav li {margin-bottom:5px}
.bottom-nav li a {color:#333333; font-size:15px; font-family: 'Roboto', sans-serif; display:inline-block;font-weight:300;}
.footer-t {margin-top:30px;}
.phone, .email, .address {display:inline-block; vertical-align:middle; padding-left:30px; position:relative; background-repeat:no-repeat; background-position:0 50%}
.footer-middle-row .email {background-position:0 3px}
.contact {position:relative}
.address {font-size:15px;color:#3e3e3e;font-weight:300;font-family: 'Roboto', sans-serif;line-height:1.2em;}
.email a {color:#3e3e3e;font-size:15px;font-weight:300;}
.top-header .phone a, .top-header .email a {display:block;}
.phone2 a, .email2 a {display:block;color:#fff;}
.phones {color:#3e3e3e;font-weight:800;font-family: 'Roboto', sans-serif;text-align:left;font-size:15px;}
.clear {clear:both;}
.footer-middle-row .email a {display:block}
.email a.trigg {display:inline-block; float:left; color:#3e3e3e;font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300;font-weight:normal; text-align:left; border-bottom:#adadad solid 1px; text-decoration:none !important}
.email2 a.trigg {display:inline-block; float:left; color:#fff;font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300;
font-weight:normal; text-align:left; border-bottom:#fff solid 1px; text-decoration:none !important}
.top-header .phone::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
 display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#4183d8; background-repeat:no-repeat; background-position:50% 50%}
 .top-header .email::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
  display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%;background-repeat:no-repeat; background-position:50% 50%}
  .top-header .address::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
   display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%;background-repeat:no-repeat; background-position:50% 50%}

   .footer-t .phone2::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
    display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#4183d8; background-repeat:no-repeat; background-position:50% 50%}
    .footer-t .email2::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
     display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%;background-repeat:no-repeat; background-position:50% 50%}
     .footer-t .address2::before {content:''; position:absolute; top:0; left:0; margin-left:-20px;
      display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%;background-repeat:no-repeat; background-position:50% 50%}
      .phone2, .email2, .address2 {
          display: inline-block;
          vertical-align: middle;
          padding-left: 30px;
          color:#fff;
          position: relative;
          background-repeat: no-repeat;
          background-position: 0 50%;
      }
      .logo-footer-s {margin-bottom:50px;}
/* Owl styles */
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {display:inline-block}
.owl-carousel .owl-nav {
    position: absolute;
    margin: 0 auto;
    top: 500px;
    left: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    z-index: 0;
    pointer-events: none;
}
.main-disl2 {display:table;position:absolute;z-index:90;top:430px;left:33%;}

.main-disl2 .img-disl {
    padding: 23px 0px 24px 0px !important;
  }
.service {position:relative;}
   img.service-i {
    object-fit: cover;
    height: 304px;
    width: 100%;
}
.line-horizont {transform: rotate(-90deg);
margin-top:130px;
color: #fff;
font-size:15px;
font-family: 'Roboto', sans-serif;
margin-left: -40px;
margin-top: 90px;
text-transform:uppercase;
width:150px;
}
.section-service {    margin-top: -120px;
    position: relative;
    z-index: 100;
}
.width-icon {bottom: 30px;position: absolute;left: 12px;}
.bg-service {background: rgba(65, 131, 216, 0.7);width:65px;right:0px;height:100%;top:0px;position:absolute;}
.main-disl {display:table;position:absolute;z-index:90;top:430px;left:60%;}
.disl-title {color:#252525;font-size:18px;font-family: 'Roboto', sans-serif;margin-bottom:4px;}
.disl-desc  {font-size:15px;color:#999999;font-weight:300;font-family: 'Roboto', sans-serif;line-height:1.1em;}
.img-disl {background:#4183d8;width:100px;text-align:center;float:left;padding:23px 0px 23px 0px;}
.text-disl {background:#fff;width:240px;float:left;padding:11px 0px 11px 17px;}
.owl-carousel .owl-nav > .owl-prev, .owl-carousel .owl-nav > .owl-next {display:inline-block; position:relative; cursor:pointer; pointer-events:all}
.owl-carousel .owl-nav > .owl-next {float:right}
.owl-carousel .owl-nav [class*="owl-"] {text-indent:999em; width:30px; height:30px; border-radius:4px; display:inline-block; position:relative; cursor:pointer}
.owl-carousel .owl-nav [class*="owl-"].disabled {cursor:default}
.owl-carousel .owl-nav > .owl-prev::before,
.owl-carousel .owl-nav > .owl-next::before {position:absolute;padding-top: 10px; content:'';border:1px solid #5688cd; left:0; top:0; display:block; width:40px;
 height:40px; line-height:1; text-indent:0; text-align:center; color:#fff; font-size:16px; font-family:'arrows'}
.owl-carousel .owl-nav > .owl-prev::before {content:'\e800'; margin-left:-5px}
.owl-carousel .owl-nav > .owl-next::before {content:'\e801'; margin-left:5px}

.owl-carousel .owl-dots {text-align:center; -webkit-tap-highlight-color:transparent; position:absolute; bottom:-40px; left:50%; width:100%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); pointer-events:none}
.owl-carousel .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; pointer-events:all}
.owl-carousel .owl-dots .owl-dot span {position:relative; width:14px; height:14px; margin:5px; background:rgba(255,255,255,1); border:0; border-radius:50%; display: block; -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.5); box-shadow:0 0 2px 0 rgba(0,0,0,.5); -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease}
.owl-carousel .owl-dots .owl-dot.active span::before, .owl-carousel .owl-dots .owl-dot:hover span::before {position:absolute; content:''; left:4px; top:4px; display:block; width:6px; height:6px; border:0; border-radius:50%; background-color:rgba(68,73,79,1)}

.btn-holder a {display:table;border:1px solid #5789cf;padding:20px 30px 20px 30px;color:#fff;font-size:15px;font-weight:300;}
.btn-holder a:hover {text-decoration:none;border:1px solid #357fe6;padding:20px 30px 20px 30px;color:#fff;}

#owl-top-slider .owl-dots {bottom:5px}
.top-slide {}
.top-slide {position:relative; height:100%; overflow:hidden}
.top-slide {color:rgba(255,255,255,1); background-repeat:no-repeat; background-position:100% 50%; background-size:cover}
.top-slide .slide-text {padding:50px 0; position:relative}
.top-slide .slide-text {width:100%}
.top-slide .slide-text .slide-title-row {margin-bottom:20px}
.top-slide .slide-text .slide-title {font-size:45px; color:rgba(255,255,255,1); font-weight:300;font-family: 'Roboto', sans-serif;text-transform:uppercase;}
.top-slide .slide-text .slide-motto {font-size:2rem; color:rgba(0,0,0,1)}
.top-slide .slide-text .slide-text-row {font-weight:300;font-family: 'Roboto', sans-serif; font-size:15px;color:rgba(255,255,255,1); margin-bottom:40px;min-height:110px;}
.top-slide .slide-text .brand-holder {position:absolute; top:0; left:0}
.top-slide .slide-text .btn {-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4);box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4); font-size:1.8rem; padding:1.5rem 3rem}

.related-slider-area {padding:0 0 30px; position:relative}
.related-slider-area .slider-title {padding-left:25px}
.related-slider .small-slide, .related-slider .small-slide a {display:block; width:85px; height:85px; position:relative; overflow:hidden; margin:0 auto; background-color:rgba(242,242,242,1); border-radius:50%}
.related-slider .small-slide a {-webkit-filter: saturate(0); filter: saturate(0); opacity:.5; -webkit-box-shadow:2px 0px 5px 0px rgba(0,0,0,0.5); box-shadow:2px 0px 5px 0px rgba(0,0,0,0.5); -webkit-transition:opacity .1s ease-in, -webkit-filter .1s ease-in; transition:opacity .1s ease-in, -webkit-filter .1s ease-in; -o-transition:filter .1s ease-in, opacity .1s ease-in; transition:filter .1s ease-in, opacity .1s ease-in; transition:filter .1s ease-in, opacity .1s ease-in, -webkit-filter .1s ease-in}
.related-slider .small-slide a:hover, .related-slider .small-slide a:focus {-webkit-filter: saturate(100%); filter: saturate(100%); opacity:1}

/*Почему*/

.section-why {background:#fff;}
.bg-why {background:#f8f8f8;padding:100px 15px 100px 15px;}
.why-col {max-width:750px;float:right;margin-right:50px;}
.why-title {font-size:35px;text-transform:uppercase;color:#000;font-family: 'Roboto', sans-serif;margin-bottom:25px;}
.why-desc {font-size:15px;font-weight:300;color:#000;font-family: 'Roboto', sans-serif;}
.why-right {padding:100px 0px 0px 70px;}
.why-desc p {margin-bottom:20px;}
.punkt {font-size:15px;color:#333333;font-family: 'Roboto', sans-serif;display:table;line-height:1.2em;margin-bottom:30px;}
.punkt img {margin-top:-4px;}
.punkt .img-why {width:53px;text-align:center;float:left;margin-right:40px;}
.buttom-why {margin-top:50px;}
.buttom-why a {display:table;border:1px solid #8cb7ef;padding:20px 30px 20px 30px;}
.buttom-why a:hover {text-decoration:none;border:1px solid #1758ac;padding:20px 30px 20px 30px;color:#1758ac;}
/*Преимущества*/
.bg-preim {background:url(../i/preim-l.jpg) no-repeat;background-size:cover;padding:85px 0px 110px 0px;}
.bg-r {background:#2c487c;padding:85px 0px 30px 0px;}
.title-prem {font-size:35px;color:#fff;font-family: 'Roboto', sans-serif;text-transform:uppercase;}
.block-right-p {padding-left:60px;max-width:660px;}
.desc-t-prem {font-size:15px;color:#fff;font-family: 'Roboto', sans-serif;margin-top:20px;}
.infograf {margin-top:30px;}
.p-title {font-size:50px;font-weight:800;font-family: 'Roboto', sans-serif;color:#fff;}
.p-desc {font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;color:#fff;}
.numbres {margin-bottom:75px;}
.text-numbers {display:table;margin-top:50px;margin-bottom:30px;}
.numbers-four {font-size:70px;font-weight:800;font-family: 'Roboto', sans-serif;color:#fff;float:left;}
.dec-numbers {float:left;color:#fff;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-size:15px;margin-top:25px;margin-left:20px;}
.dec-numbers span{color:#4183d8;}
/*Форма*/
.header-form {background:#4183d8;color:#fff;font-weight:300;font-family: 'Roboto', sans-serif;font-size:20px;display:table;position:absolute;top: -63px;padding:17px 40px 17px 40px;}
.section-form {background:#fff;padding:50px 0px 50px 0px;}
input, textarea {outline:none;}
.form {width:100%;display:table;}
.title-forms {color:#333333;font-size:30px;font-weight:800;font-family: 'Roboto', sans-serif;text-transform: uppercase;padding-left: 30px;}
.desc-forms {color:#333333;font-size:15px;font-family: Arial;margin-bottom:40px;padding-left: 30px;}
.label-input {font-size:15px;width: 100%;color:#333333;font-family: 'Roboto', sans-serif;margin-bottom:7px;}
.inputw {border:1px solid #8eb9f1;height:48px;padding-left:20px;width: 100%;}
.inputw-area {border:1px solid #8eb9f1;height:100px;padding-top:10px;width: 100%;padding-left:20px;}
.submit {background:#4183d8;border:0px;color:#fff;padding:15px 0px 15px 0px;font-family: 'Roboto', sans-serif;font-size:15px;width:100%;margin-top:27px;}
.submit:hover {background:#2c487c;}
.title-soc {font-size:15px;font-weight:300;font-family: 'Roboto', sans-serif;color:#333333;}
.soc-i {margin-top:20px;}
.soc-i img {margin-right:20px;}
.soc-i img:hover {opacity:.8}
input.name {
background: url(../i/name.png) no-repeat;
background-position: 10px 50%;
padding-left: 50px;
	width:100%;
}
input.phone-i {
background: url(../i/phone-i.png) no-repeat;
background-position: 10px 50%;
padding-left: 50px;
	width:100%;
}
.form-group.checkbox {
    margin-right: 0;
    margin-top: 32px;
}
.form-group.checkbox input {
    display: none;
}
.form-group.checkbox label {
    position: relative;
    max-width: 700px;
    padding: 0 0 0 50px;
    display: block;
    font-size: 15px;
    color:#262626;
    cursor: pointer;
    font-weight:300;font-family: 'Roboto', sans-serif;
}
.form-group.checkbox label a{color:#333333; }
.form-group.checkbox label a:hover{color:#000; }
.form-group.checkbox label span {
    width: 45px;
    height: 45px;
    border: 8px solid #e00802;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.form-group.checkbox label span:before {
	display: none;
    content: '\f00c';
    font-family: 'Font Awesome\ 5 Free';
    font-size: 22px;
    font-weight: 900;
    color: #FFF;
    position: absolute;
    right: -7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.form-group.checkbox input[type="checkbox"]:checked  + label span:before {
	display: block;
}
.policy label:before,
.policy label:after{
	content: '';
	background:transparent;
	border: #1f1f1f 2px solid;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);

}
.policy label:after{
	background: url(../i/arrow-i.png) no-repeat;
	border: none;
	border-radius: 0;
	opacity: 0;
	transition: all 0.3s ease;
  margin-top: 0px;
  margin-left: 6px;
}
.policy input:checked + label:after{
	opacity: 1;
}
.policy a{
	color: #99ffff;
	text-decoration: underline;
}
/* About */
.section-about {overflow:hidden; padding:0; background-color:rgba(238,238,238,1)}
.half-wide-block {position:absolute; left:0; top:0; bottom:0; right:0; z-index:0; overflow:hidden; width:50%}
.half-wide-block img {height:100%; max-width:none; min-width:100%; -o-object-fit:cover; object-fit:cover; width:auto; float:right}
.section-about [class^="col-"], .content-area {z-index:1; position:relative}

/* News */
.preview-item .item-date {font-size:1.6rem; display:inline-block; margin-bottom:5px}
.preview-item .item-summary a {color:inherit !important; text-decoration:underline; display:inline-block}
.preview-item .item-summary a:hover, .preview-item .item-summary a:focus {text-decoration:none}
.more {margin:40px 0}


/* Новости*/

.section-news {background:#f8f8f8;padding:60px 0px 60px 0px;}
.titlesnews-block {font-size:35px;font-family: 'Roboto', sans-serif; font-weight:500;text-transform: uppercase;margin-bottom:60px;}
.date-news {background:#2c487c;color:#fff;font-family: 'Roboto', sans-serif;font-size:13px;display:table;padding:13px 30px 13px 30px;}
.desc-news {margin-top:20px;min-height: 90px;}
.desc-news a {color:#2a2a2a;font-size:14px;font-family: 'Roboto', sans-serif;text-decoration:underline;}
.desc-news a:hover {text-decoration:none;}
.news {margin-bottom:50px;}
.link-grafic {color:#000;font-family: 'Roboto', sans-serif; font-weight:300;}
.news-all {margin-top:40px;}

/*Контакты*/

.bg-maps {background:url(../i/footer-contact.jpg) no-repeat;background-size:cover;min-height:420px;}
.contact-blocks {width:265px;float:right;margin-right:80px;padding-top:75px;}
/*Подвал сайта*/
.div-icons {font-size:15px;color:#999999;font-weight:300;font-family: 'Roboto', sans-serif;margin-top:50px;}
.div-icons  a {color:#999999; text-decoration:none;}
.div-icons img {float:left;margin-right:20px;margin-top:-15px;}
.text-copy  {font-size:15px;font-weight:300;color:#333333;font-family: 'Roboto', sans-serif;}
.footer-middle-row {padding-bottom:40px;}

.dev {
    text-align: left;

}

.dev a {
    display: block;
    margin: 0 auto;
}

.dev a img {
    display: inline-block;
    vertical-align: middle;
}

.dev a span {
    display: inline-block;
    vertical-align: middle;
margin-right: 30px;
    text-align: left;
    font-size: 13px;
    line-height: 1;
    color: #d1d1d1;
    position: relative;
    transition: .3s color;
}

 .dev a:hover span {
    color: #736012;
}
.links-politic {font-size:15px;font-weight:300;}
.links-politic a {color:#333333;border-bottom:1px solid #66a0ec;text-decoration:none;}
/* Text styles */
.content-area, .extra-content-area, .nav-block-area {padding:0 0 30px}
small {color:inherit !important; font-weight:inherit !important; font-size:75% !important}
.content-area p {margin:0 0 20px}
.content-area a {display:inline-block}

/* List styles */
.content-area ul {list-style-position:inside; padding:0 0 0 .5em; margin:0 0 10px 0}
.content-area ul li {list-style-type:none; font-size:inherit; padding:0 0 0 1em; position:relative; line-height:inherit}
.content-area ul li::before{color:inherit; content:"\2022"; font-size:1.25em; line-height:0; height:1.5em; width:.75em; position:absolute; left:-.375em; top:.6em}

.content-area ol {list-style:none; counter-reset:li; padding:0; margin:0 0 10px 0}
.content-area ol li {list-style-type:none; font-size:inherit; padding:0 0 0 1.5em; position:relative; line-height:inherit}
.content-area ol li::before {content:counter(li, decimal) ". "; counter-increment:li; font-size:1em; line-height:1.625em; text-align:center; height:1.5em; width:1.5em; position:absolute; top:-.1em; left:-.4em; color:inherit}

/* Tables */
.table {font-size:1.3rem}

.table > thead > tr > th {background-color:rgba(50,55,74,1)}
.table > thead > tr:first-child > th:first-child {border-radius: 0px 0 0 0px}
.table > thead > tr:first-child > th:last-child {border-radius: 0 0px 0px 0}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border:0; padding:1rem; text-align:center}
.table > thead > tr > th {color:#fff; padding:1rem; vertical-align:middle; text-align:center; font-weight:400}
.table > thead > tr > th, .table > thead > tr > td, .table th.right-border, .table td.right-border {border-right:rgba(255,255,255,.2) solid 1px !important}
.table > thead > tr:not(:last-child) > th, .table > thead > tr:not(:last-child) > td {border-bottom:rgba(255,255,255,.2) solid 1px}
.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child, .table > tbody > tr > td:last-child, .table > tfoot > tr > td:last-child {border:0}
.table > tbody > tr > td:first-child {text-align:left}
.table > tbody > tr > td {padding:1.5rem; vertical-align:middle}
.table > tbody > tr > td > strong {white-space:nowrap; font-size:1.5rem}
.table-striped > tbody > tr > td:first-child {border-radius:10px 0 0 10px !important}
.table-striped > tbody > tr > td:last-child {border-radius:0 10px 10px 0 !important}
.table-striped > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(even) {background-color:transparent}
.table-striped > tbody > tr:nth-of-type(even) > td {background-color:rgba(242,242,242,1)}
/*.table-hover > tbody > tr {transition:all .2s ease-out 0s}
.table-hover > tbody > tr:hover > td {background-color:rgba(242,242,242,1)}*/
.table-responsive {margin-bottom:30px}

/* Social */
[class^="icon-social"]::before, [class*=" icon-social"]::before {margin:0 !important}
.social {list-style:none; padding:0; margin-bottom:0}
.social li {display:block; float:left}
.social li:not(:last-child) {margin-right:1.5rem}
.social li a {color:#dbe6f6; font-size:2rem; line-height:1; display:block; text-decoration:none; text-align:center; padding:0}
.social li a {margin:0}
.social li:last-child a {margin:0}
.social li a:hover, .social li a:focus {color:#9ec0f2}

/* Breadcrumbs */
.breadcrumbs-row {margin:30px 0 30px}
.breadcrumb {background-color:transparent; padding:10px 0 0; margin:0}
.breadcrumb > li {position:relative; display:inline}
.breadcrumb > li:first-child {padding:0 10px 0 0}
.breadcrumb > li {padding:0 10px 0}
.breadcrumb > li + li::before {color:rgba(110,110,110,.6); position:absolute; content:"/ "; top:0; left:-4px; padding:0; display:inline-block}
.breadcrumb > li {font-size:1.6rem}
.breadcrumb > li a {color:rgba(51,51,102,1); text-decoration:underline}
.breadcrumb > li a:hover, .breadcrumb > li a:focus {text-decoration:none}

/* Forms */
.btn {text-decoration:none; -webkit-transition:all .25s ease-out 0s; -o-transition:all .25s ease-out 0s; transition:all .25s ease-out 0s}
.btn-default {background-color:rgba(193,195,200,1); color:#fff; font-size:1.4rem; font-weight:300; padding:1.2rem 2rem; border-radius:0; border:0}
.btn-default:hover, .btn-default:focus, .btn-default:active {background-color:rgba(193,195,200,.8) !important; color:#fff !important}
.btn-red {background-color:rgba(215,48,44,1); color:#fff; font-size:1.4rem; padding:1.1rem 2.2rem; border-radius:0; border:0}
.btn-red:hover, .btn-red:focus, .btn-red:active {background-color:rgba(215,48,44,1); color:#fff}
.btn-red, .btn-red:hover, .btn-red:focus, .btn-red:active {background-image:-webkit-gradient(linear, left top, right top, from(rgba(215,48,44,1)), to(rgba(174,38,35,1)));background-image:-webkit-linear-gradient(left, rgba(215,48,44,1), rgba(174,38,35,1));background-image:-o-linear-gradient(left, rgba(215,48,44,1), rgba(174,38,35,1));background-image:linear-gradient(90deg, rgba(215,48,44,1), rgba(174,38,35,1))}

.form-control {border-radius:0; background-color:rgba(255,255,255,1);}
.form-control input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control::-webkit-input-placeholder {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control::-moz-placeholder     {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:-moz-placeholder      {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:-ms-input-placeholder {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:focus::-webkit-input-placeholder {color: transparent !important}
.form-control:focus::-moz-placeholder          {color: transparent !important}
.form-control:focus:-moz-placeholder           {color: transparent !important}
.form-control:focus:-ms-input-placeholder      {color: transparent !important}

.has-error label, .has-error label sup, .form-group.required.has-error .control-label:before {color:rgba(230,90,91,1)}
.form-control.input_error, .has-error .form-control {border:rgba(230,90,91,1) solid 1px !important}
.form-control.input_error:focus, .has-error .form-control:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483}
.form-control.input_error input[placeholder], .has-error .form-control[placeholder] {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error::-webkit-input-placeholder, .has-error .form-control::-webkit-input-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error::-moz-placeholder, .has-error .form-control::-moz-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error:-moz-placeholder, .has-error .form-control:-moz-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error:-ms-input-placeholder, .has-error .form-control:-ms-input-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}

.yandex-map,
.yandex-map.hover * {
 transition:none
}
.yandex-map.footer {
 width:100%;
 height:420px
}
.yandex-map.footer .ymaps-2-1-71-patched-for-print {
 filter:grayscale(95%)
}
.yandex-map.footer:hover .ymaps-2-1-71-patched-for-print,
.yandex-map.footer [style*="map-footer-placemark.svg"] {
 filter:grayscale(0)
}
.required input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.required::-webkit-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.required::-moz-placeholder     {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.required:-moz-placeholder      {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.required:-ms-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}