@charset "utf-8";



body { font-family: segoe ui, Arial, 'Helvetica Neue', sans-serif; font-size:13px; line-height:18px; color:#3c3c3c; background:#f7f3f3; /*url(../img/bg.png) 50% 0;*/ cursor:default;}

*:focus { outline:none; }

a { color:#151515 !important; text-decoration:underline;}

.width { max-width:1024px; margin:0 auto;}

.width2 {  max-width: 1200px;  margin: 0 auto;vertical-align: top;}

.width3 {  max-width: 1120px;  margin: 0 auto;vertical-align: top;}

.row { max-width:none;}

.page { background:#fff; margin:0 auto; overflow:hidden; }

.icon, [class*="icon-"] { background-image:url(../img/sprite.png) !important; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; display:inline-block; text-align:left !important; background-size:771px 543px;}



/* icons */

.icon-6edr { background-position:0 -180px; width:154px; height:180px; position:relative;}

.icon-6edr > * { position:absolute; margin:auto; top:0; left:0; right:0; bottom:0;}

.icon-6edr_2 { background-position:-434px -163px; width:137px; height:161px;}

.icon-6edr_3 { background-position:-156px 0; width:137px; height:161px;}

.icon-6edr_4 { background-position:-156px -163px; width:137px; height:161px;}

.icon-6edr_5 { background-position:-295px 0; width:137px; height:161px;}

.icon-6edr_6 { background-position:-295px -163px; width:137px; height:161px;}

.icon-6edr_viv, .icon-6edr_1  { background-position:-434px 0; width:137px; height:161px;}



.icon-design { background-position:0 -362px; width:198px; height:153px;}

.icon-facebook { background-position:-717px -371px; width:32px; height:32px;}



.icon-gear { background-position:-660px -310px; width:60px; height:59px;}

.icon-tel {	background-position: -663px -435px; width: 59px; height: 56px;}

.icon-happy { background-position:-573px -155px; width:198px; height:153px;}

.icon-logo_w { background-position:0 -517px; width:185px; height:26px;}

.icon-ok { background-position:-722px -310px; width:32px; height:32px;}

.icon-phone { background-position:-722px -344px; width:16px; height:18px;}

.icon-poli { background-position:-573px 0; width:198px; height:153px;}

.icon-production { background-position:-200px -362px; width:198px; height:153px;}

.icon-slider_arr { background-position:-573px -310px; width:85px; height:146px;}

.icon-slogan { background-position:-187px -517px; width:242px; height:26px; display:block;}

.icon-slogan_w { background-position:-431px -517px; width:242px; height:26px;}

.icon-up_arr { background-position:-660px -371px; width:55px; height:55px;}

.icon-vk { background-position:-573px -458px; width:32px; height:32px;}















/* header */

.header { overflow:hidden; background:#000; padding:20px 0 14px;}

.logo { margin:1px 0 0; float:left;}

.logo_img, .logo_img_w { width:214px; height:59px; display:block; text-indent:-999px; overflow:hidden; float:left; margin:0;}

.logo_img { background:url(../img/ek-logo2.png) no-repeat;}



.slogan_out { border-left:0px solid #666; padding:10px 0 10px 21px; margin:0 0 0 22px; float:left; display:none;}

.icon-slogan, .icon-slogan_w { display:block; text-indent:-999px; overflow:hidden;}

.icon-slogan_w {}



.omnomnom{

	color: #fff;

    font-family: segoe ui;

    font-weight: 500;

    font-size: 22px;

    padding: 7px 0px;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.phone_mail {

display: inline-block;

font-size: 18px;

padding: 0px 20px 0 0;

}



.contacts .phone a, .phone_mail a, .meow_phone a {color: #fff !important; text-decoration: none}



.fixed .ulphone .phone a, .fixed .phone_mail a {color: #231f20 !important; text-decoration: none}

.top-bar-nav .phone a {padding: 0 0px 3px 0;}

.phone_mail a span {color: #00b4ff;}

.new_phone {

width: 243px;

position: relative;

left: -46px;

display: inline-block;    

}



.contacts { float:right; text-align:right;}

.contacts_down { display:inline-block; vertical-align:top; text-align:left;}

.phone { font-size:25px; color:#fff; margin:0 0 1px; font-family: segoe ui, 'Open Sans', Arial, sans-serif;  display: inline-block;    vertical-align: top;    padding: 9px 20px 0 0;    font-weight: normal !important;}

/*.phone:before { content:''; background:url(../img/sprite.png) no-repeat -722px -344px; width:16px; height:18px; display:inline-block; margin:0 6px 0 0; vertical-align:-5px;}*/

.phone span { color:#00b4ff; font-size:14px;}

.mail { font-size:14px; letter-spacing:-.025em; margin:0 0 6px; font-family:'Open Sans', Arial, sans-serif;}

.hours { font-size:12px; line-height:1.5; color:#fff;}

.hours span {color:#00b4ff;}



.social { overflow:hidden; padding:24px 0 0; margin:0 auto; width:125px; display:none;}

.social li { float:left; margin:0 9px 0 0; list-style: outside none none;}

.social a { display:block;}





/* navigation */

.top-bar_line { border-top:1px solid rgba(204, 204, 204, 0.7);; background:#ffffff;}

.top-bar { background:transparent; height:auto; font-size:19px; color:#fff; font-family:'Open Sans', Arial, sans-serif;}

.top-bar .title-area { display:none;}

.top-bar-nav ul { list-style:none; margin:0; padding:0;}

.top-bar-nav li { font-size:16px; position:relative; float:left; margin-left:-1px; font-family: segoe ui; font-weight: bold;}

.top-bar-nav li:first-child { margin-left:0;}

.top-bar-nav li:after { content:''; border-right:0px solid #687e8b; top:17px; height:25px; position:absolute; right:0;}

.top-bar-nav a { line-height:60px; display:block; padding:0 60px 3px 0; position:relative; color:#231f20 !important; text-decoration: underline;; z-index:3;}

.top-bar-nav .active > a,

.top-bar-nav a.active,

.top-bar-nav a:hover { background:#ffffff;}

.contain-to-grid .top-bar { max-width:1120px; margin:0 auto; padding: 0 11px;}







a.example-image-link {text-decoration: none;}

.example-image-link img {/*height: 168px;*/

-webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.24);

-moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.24);

box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.24);

}

/* story */



.story_bg

{

	background: url(../img/halfgree.png) repeat;

	

	margin: 0 0 0 50%;

	height: 500px;

	z-index: 2;



}



.story{

	width: 50%;

    padding: 0 20px 0 40px;

    z-index: 5;

    position: relative;

    top: -360px;

    left: 50%;

	

}



.story .meow_title {

    font-size: 30px;

    font-weight: bold;

    font-family: segoe ui;

    text-transform: uppercase;

    text-align: left;

    letter-spacing: 1px;

    color: #fff;

}



.story .comm {

    font-size: 16px;

    font-weight: normal;

    font-family: segoe ui;

    padding-top: 12px;

}



.linked{

	color: #00b4ff !important;

    font-size: 16px;

    font-weight: bold;

}



/* services */





.services { font-size:12px; line-height:50px; color:#000; background:#fff; font-family: segoe ui; line-height: normal;}



.services .meow_title {font-size: 36px; font-weight: bold; font-family: segoe ui; text-transform: uppercase; text-align: center; letter-spacing: 1px; color:#fff;}



.services .serv_item {margin: 30px 10px 30px 10px;;    display: inline-block;    width: 200px;    vertical-align: top;}



.services .serv_item img {margin: 10px 0 20px 0; width: 170px; height: 170px;}



.services .serv_title {font-size: 14px; font-weight: normal; font-family: segoe ui; }



.services .serv_text {font-size: 14px; font-weight: normal; font-family: segoe ui; padding-top: 12px;}



.services .visual { margin: 0 auto; text-align: center;}







/* slider */

.orbit-timer,

.orbit-slide-number { display:none;}



.orbit-container .orbit-prev,

.orbit-container .orbit-next { top:0; bottom:35px; margin:0; height:auto; width:56px;}

.orbit-container .orbit-prev span,

.orbit-container .orbit-next span { width:38px; height:72px; background:url(../img/sprite.png) no-repeat -574px -311px; border:none; margin:-36px 0 0 -19px; left:50%;}

.orbit-container .orbit-next span { background-position:-620px -385px;}



.orbit-container .orbit-prev { background:rgba(0,0,0, .22); background:linear-gradient(-90deg, rgba(0,0,0, .2), rgba(0,0,0, .25));}

.orbit-container .orbit-prev:hover span { background-position:-574px -385px; }

.orbit-container .orbit-next { background:rgba(0,0,0, .22); background:linear-gradient(90deg, rgba(0,0,0, .2), rgba(0,0,0, .25));}

.orbit-container .orbit-next:hover span { background-position:-620px -311px;}



.orbit-bullets { margin:12px 0; padding:0; top:0; line-height:0;}

.orbit-bullets li { background:#bc115b; width:11px; height:11px; border-radius:50%; vertical-align:top; margin-left:3px;}

.orbit-bullets li.active { background:#8296a7;}





/* services list */

.serv_list { list-style:none; padding:0; margin:0; text-align:justify;}

.serv_list:after { content:''; width:100%; display:inline-block !important; vertical-align:top; height:0;}

.serv_list li { margin:0 17px 6px; overflow:hidden; display:inline-block; line-height:0; vertical-align:top;}

.serv_i { text-decoration:none; font-family:'Open Sans', Arial, sans-serif; display:block; position:relative; z-index:4; overflow:hidden;}

.serv_i:before { content:''; position:absolute; width:154px; height:178px; background:url(../img/sprite.png) no-repeat 0 -182px; margin:auto; left:0; right:0; z-index:-1;}

.serv_name { display:block; text-align:center; font-size:18px; line-height:1.1; color:#000000; width: 170px;}

.serv_i:hover:before { background-position:0 0;}

.serv_i:hover .serv_name { color:#0096d4;}

.serv_i i { display:block; margin:10px auto 11px;}





/* more info */

.mi_column { margin-bottom:22px;}

.mi { /*background:#edf6f8; padding:24px 10px 24px 130px;*/ color:#3c3c3c; font-size:14px; line-height:18px; position:relative; height:124px; display:table-cell; vertical-align:middle;}

.mi_ico { position:absolute; top:36px; left:8%;}



/* advantages */

.adv_list { list-style:none; padding:4px 0 0; margin:0; counter-reset:adv_counter;}

.adv_list li { font-size:13px; line-height:18px; color:#3c3c3c; position:relative; padding:0 0 0 50px; min-height:32px; margin:0 0 24px;}

.adv_list li:before { position:absolute; content:counter(adv_counter); counter-increment:adv_counter; border-radius:50%; width:32px; height:32px; line-height:32px; background:#bc115b; color:#fff; text-align:center; font-size:20px; font-family:'Open Sans', Arial, sans-serif; left:0; top:3px; text-shadow:0 1px 2px #569717;}





/* how to */

.how_list { list-style:none; padding:10px 0; margin:0;}

.how_list a { text-decoration:none;}

.how_list li { margin:0 0 6px; overflow:hidden;}

.how_title { font-size:24px; line-height:1.2; color:#bc115b; letter-spacing:-.025em;}

.how_text { font-size:13px; line-height:18px; color:#3c3c3c; overflow:hidden;}

.how_ico { float:left; margin:0 27px 0 0;}







/* base */

.page_title { font-size:30px; color:#25313d; margin:0 0 1rem; font-family:'Open Sans', Arial, sans-serif;}

.mp_title { font-size:35px; text-align:center; white-space:nowrap; overflow:hidden; width:100%; color:#25313d; margin:0 0 13px;}

.mp_title:after,

.mp_title:before { content:''; position:relative; display:inline-block; border-top:2px solid #edf0f2; border-bottom:2px solid #edf0f2; height:7px; width:50%; margin:0 -50% 0 0; left:35px; vertical-align:middle;}

.mp_title:before { margin:0 0 0 -50%; left:-35px;}

.title2 { font-size:30px; margin:0 0 .5em; color:#25313d; font-family:'Open Sans', Arial, sans-serif;}

.title3 { font-size:24px; margin:0 0 .5em; color:#25313d; font-family:'Open Sans', Arial, sans-serif;}





/* economy */

.economy { background:url(../img/border_bg_small.png); padding:1px; margin:10px 0 24px;}

.economy_in { padding:15px; background:#fff;}

.economy_title { font-size:18px; line-height:1.2; color:#25313d; text-transform:uppercase; text-align:center; border-bottom:1px solid #cde1f0; padding:0 0 15px; margin:0 0 .75rem;}

.economy_title_perc { color:#508f12;}



input.ft1_inp,

textarea.ft1_inp { border:1px solid #cde1f0; background:transparent; padding:.5rem; height:2.4375rem; font-size:14px; color:#333; margin:.1875rem 0 .8125rem;}

textarea.ft1_area { min-height:5rem;}

input.ft1_inp.error,

textarea.ft1_inp.error { margin-bottom:0;}





/* tages */





.tages { font-size:12px; line-height:50px; color:#fff; background:#1d040a; font-family: segoe ui; line-height: normal;}



.tages .meow_title {font-size: 36px; font-weight: bold; font-family: segoe ui; text-transform: uppercase; text-align: center; letter-spacing: 1px; color:#fff;}



.tages .tag_item {margin: 30px 20px 5px 15px; display: inline-block; width: 240px; vertical-align: top; }



.tages .tag_item img {margin: 20px 0; width: 170px; height: 170px;}



.tages .tag_title {font-size: 18px; font-weight: bold; font-family: segoe ui; }



.tages .tag_text {font-size: 14px; font-weight: normal; font-family: segoe ui; padding-top: 12px;}



.tages .visual { margin: 0 auto; text-align: center;}



/* clients */



.clients { font-size:12px; line-height:50px; color:#1c0a14; background:#ffffff; font-family: segoe ui; padding: 50px; color: #1c0a14;}



.clients .meow_title {font-size: 36px; font-weight: bold; font-family: segoe ui; text-transform: uppercase; text-align: center; letter-spacing: 1px; color:#1c0a14;}



.clients .clients_item {margin: 30px 20px 5px 15px; display: inline-block;}



.clients .clients_item img {width: 100px; height: 50px;}



.clients .visual {text-align: center; margin: 0 auto;}



/* footer */

.footer { background:#1c0a14; color:#fff; position:relative; padding:0;}

.footer .phone,

.footer .hours { color:#fff;}

.footer .contacts { padding:25px 0 0;}

.footer .title2 { color:#fff; margin-bottom:.25em;}

.footer_header { margin-bottom:-6px;}



.footer .meow_title {font-size: 36px; font-weight: bold; font-family: segoe ui; text-transform: uppercase; text-align: center; letter-spacing: 1px;}



/* input type 2 */

.ft2_inp::-webkit-input-placeholder { color:#e8e8e8; }

.ft2_inp:-moz-placeholder { color:#e8e8e8; }

.ft2_inp::-moz-placeholder { color:#e8e8e8; }

.ft2_inp:-ms-input-placeholder { color:#e8e8e8; }



input.ft2_inp,

.ft2_inp { border-radius: 0px !important; border-top-width: 0px !important;  border-right-width: 0px !important;   border-left-width: 0px !important;  background:transparent !important; padding:.6875rem .875rem .75rem; height:2.75rem; border-bottom: 2px solid #fff; color: #fff; box-shadow: none !important; font-family: segoe ui;     font-size: 16px;}

textarea.ft2_area { min-height: 44px;

    overflow-y: auto;

    word-wrap: break-word;

	overflow:hidden;

}



.privacy{

    font-family: segoe ui;

    font-weight: normal !important;

    font-size: 14px;

    color: rgb(189, 189, 189);

}



.meow_back{

	border-left: 0px solid;

    border-right: 0px solid;

    border-bottom: 0px solid;

    width: 390px;
				max-width:100%;

    padding: 20px 0 30px 0;

    margin: 20px auto;

    position: relative;

}



/* button */

.button { border:0px solid #be9800; /*box-shadow:inset 0 0 1px 1px #ffea55;*/ background: #0096d4; /*text-shadow:0 1px 2px rgba(0,0,0, .35);*/ font-size:18px !important; /*margin-bottom:.5rem;*/   

	font-family: segoe ui !important;

    margin: 0 0 30px 0;

    height: 40px;

    padding: 2px 22px 0px 20px !important;

	text-transform: uppercase;

    font-weight: 500;}

button.small, .button.small { font-size:.875rem; padding:.4575rem 2.125rem .5rem; font-family:'Open Sans', Arial, sans-serif;}



button:hover, button:focus, .button:hover, .button:focus {

	background-color: #ff3600;}



.meow_text{

	text-align: center !important;

}



.meow50

{

padding: 50px;	

}



.meow_button{

	margin: 20px auto;

	width: auto;

}



.meow_tree{

    line-height: 50px;

    color: #11030c;

    background: #fff;

    font-family: segoe ui;

}



.meow_tree ul{

    list-style: none;

    margin: 50px 0px 50px 65px;

    display: inline-block;

	vertical-align: top;

}



.meow_tree a{

    font-size: 13px;

	color: #1c0a14 !important;

    transition: color .3s ease 0s;

	font-weight: 500;

}



.meow_tree a.lvl_up{

	font-size: 14px;

    color: #0096d4 !important;

	

    

}



.meow_adr{

	display: inline-block;

	padding: 50px 50px 50px 50px;

	text-align: left;

	font-size: 28px;

	font-family: segoe ui;

	font-weight: 600;

	width: 620px;

    text-transform: uppercase;

	letter-spacing: 1px;

}



.meow_phone{

	display: inline-block;

	padding: 50px 50px 50px 50px;

	text-align: right;

	font-size: 28px;

	font-family: segoe ui;

	font-weight: 600;

	width: 550px;

    text-transform: uppercase;

	letter-spacing: 1px;

}



.meow_bottom{

	border-top: 1px solid #3e333a;

    text-align: left;

	color: #e8e8e8;

	padding: 20px 0 0 0;

}



.meow_bb{

	padding: 10px 60px;

}



/* map */

.map {max-width: 1200px; min-width: 390px; margin: 0 10px 0 10px;}

.map_place { text-align:right; font-size:14px;}





/* copy */

.copy { font-size:12px; line-height:50px; color:#fff; background:#11030c; font-family: segoe ui;}





/* page */

/* breadcrumbs */

.breadcrumbs-columns { padding:.875rem 0 0;}

.breadcrumbs ,.B_crumbBox{ border:0; background:transparent; margin-bottom:.25rem; padding:.3125rem .875rem;}

.breadcrumbs li ,.B_crumbBox li{ padding:.25rem 0;}

.breadcrumbs a ,.B_crumbBox a{ color:#0096d4; font-size:13px;}

.breadcrumbs > * ,.B_crumbBox > *{ text-transform:none;}

.breadcrumbs .current a ,.B_crumbBox .current a{ text-decoration:none;}

.breadcrumbs>*:before ,.B_crumbBox>*:before{ margin:0 .25rem;}



/* contacts page */

.contants_list { line-height:1.1; margin:0 0 2rem;}

.contants_list dt { font-size:13px; color:#508f12;}

.contants_list dd { font-size:18px; color:#3c3c3c; margin:0 0 1rem;}





.article_page { padding-bottom:2rem;}

.article_text {}

.article_text img {}

.article_text p { font-size:13px; line-height:18px;}





/* submenu */

.submenu { background:#edf6f8; padding:22px 30px; margin-bottom:1.75rem;}

.submenu li { color:#0096d4;}

.submenu a {}

.submenu > ul { list-style:none; margin:0; padding:0; font-size:20px; font-family:'Open Sans', Arial, sans-serif;}

.submenu > ul > li {}

.submenu ul ul { list-style:disc; font-size:13px; line-height:1.5; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-left:1rem; margin-bottom:.4rem;}

.submenu ul ul li { padding:2px 0;}

.submenu .current { color:#25313d;}

.submenu .current > a { text-decoration:none; color:#25313d;}



/* portfolio */

/* .portfolio_article {}

.portfolio_list { line-height:0; text-align:justify; margin:0;}

.portfolio_list:after { content:''; display:inline-block; vertical-align:top; height:0; overflow:hidden; width:100%;}

.pl_i, .pl_i_emp {

    display: inline-block;

    margin: 0 0 23px;

    text-align: center;

    vertical-align: top;

    width: 170px;

}

.pl_i_emp { margin:0; height:0; overflow:hidden;}

.pl_link { text-decoration:none; display:block;}

.pl_link img { border:10px solid #f1f1f1; margin:0 0 11px; display:block; max-width:100%; width:100%; height:auto;}

.pl_i_name { font-size:13px; line-height:18px; display:block; color:#3c3c3c;} */

/* portfolio */

.portfolio_article {}

.portfolio_list { line-height:0; text-align:justify; margin:0;}

.portfolio_list:after { content:''; display:inline-block; vertical-align:top; height:0; overflow:hidden; width:100%;}

.pl_i, .pl_i_emp { display:inline-block; vertical-align:top; width:170px; text-align:center; margin:0 23px;}

.pl_i_emp { margin:0; height:0; overflow:hidden;}

.pl_link { text-decoration:none; display:block;}

.pl_link img { border:10px solid #f1f1f1; margin:0 0 11px; display:block; max-width:100%; width:100%; height:auto;}

.pl_i_name { font-size:13px; line-height:18px; display:block; color:#3c3c3c;}



/* pagination */

.pagination-right { overflow:hidden; padding:6px 0;}

.pagination-right .pagination { float:right;}

ul.pagination li a,

ul.pagination li button { background:#7bc433; color:#fff; text-decoration:none; font-size:16px; line-height:22px; min-width:23px; text-align:center; border-radius:0; padding:2px 2px 0;}

ul.pagination li.current a { background:#83a1b7;}

ul.pagination li:hover a { background:#83a1b7;}







/* srervices list */

.services_article {}

.services_list { line-height:0; text-align:justify; margin:0;}

.services_list:after { content:''; display:inline-block; vertical-align:top; height:0; overflow:hidden; width:100%;}

.sl_i { width:48%; position:relative; padding:0 0 20px 150px; display:inline-block; vertical-align:top; min-height:210px;}

.sl_i .icon-6edr { position:absolute; top:0; left:-10px;}

.sl_i .icon-6edr,

.sl_i .icon-6edr * { background-size:771px 543px;}

.sl_i_title { font-size:20px; line-height:1.2; color:#25313d; font-family:'Open Sans', Arial, sans-serif; margin:.85rem 0 10px;}

.sl_i ul { font-size:15px; line-height:1.2; color:#0096d4; text-align:left; margin-bottom:0;}

.sl_i li { margin:0 0 10px;}

.sl_i a { color:#0096d4;}

.sl_i a:hover { color:#0081b6;}









/* tech */

.nowrap { white-space:nowrap;}

.hide { display:none;}

.up_arrow { cursor:pointer; position:fixed; bottom:102px; left:50%; margin-left:-600px; font-size:14px; color:#74d0f2; text-align:center; text-decoration:none;}

.up_arrow:hover { color:#74d0f2;}

.up_arrow:before { content:''; background:url(../img/sprite.png) -660px -371px no-repeat; width: 55px; height: 55px; display:block; margin:0 0 6px;}



.flex-video { margin-bottom:.75rem;}























@media only screen and (max-width: 740px) {

    .article_text img {

    width: 100%;

    height: auto;

    display: inline-block;

    }

}











@media only screen and (max-width: 390px) {

	.pl_i { width:100%;}

	.pl_i_emp { width:0;}

		.meow_adr{ width: 390px; font-size: 20px; padding: 30px 10px 10px 10px;}

	.meow_phone {width: 390px; font-size: 20px; padding: 0px 10px 15px 10px;}

	.story .comm {font-size: 14px;}



}

@media only screen and (min-width: 391px) and (max-width:564px) {

	.pl_i, .pl_i_emp { width:48%;}

		.meow_adr{ width: 390px; font-size: 20px; padding: 30px 10px 10px 10px;}

	.meow_phone {width: 390px; font-size: 20px; padding: 0px 10px 15px 10px;}

	.story .comm {font-size: 14px;}



}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) {

	.sl_i { padding-bottom:0; width:auto; display:block; min-height:180px; margin:0 0 2rem;}

	.sl_i li { margin-bottom:6px;}





	.icon, [class*="icon-"], .serv_i:before { background-size:386px 272px;}



	/* icons */

	.serv_list .icon-6edr { background-position:0 0; width:77px; height:180px;}

	.serv_list .icon-6edr_2 { background-position:-217px -82px; width:69px; height:81px;}

	.serv_list .icon-6edr_3 { background-position:-78px 0; width:69px; height:81px;}

	.serv_list .icon-6edr_4 { background-position:-78px -82px; width:69px; height:81px;}

	.serv_list .icon-6edr_5 { background-position:-148px 0; width:69px; height:81px;}

	.serv_list .icon-6edr_6 { background-position:-148px -82px; width:69px; height:81px;}

	.serv_list .icon-6edr_viv, .serv_list .icon-6edr_1 { background-position:-217px 0; width:69px; height:81px;}



	.icon-design { background-position:0 -181px; width:99px; height:77px;}

	/*.icon-facebook { background-position:-359px -186px; width:16px; height:16px;}*/



	.icon-gear { background-position:-330px -155px; width:30px; height:30px;}

	.icon-tel {	background-position: -332px -217px; width:30px; height: 28px;}

	.icon-happy { background-position:-287px -78px; width:99px; height:76px;}



	/*.icon-ok { background-position:-361px -78px; width:16px; height:16px;}*/



	.icon-phone { background-position:-361px -172px; width:16px; height:18px;}



	.icon-poli { background-position:-287px 0; width:99px; height:77px;}

	.icon-production { background-position:-100px -182px; width:99px; height:77px;}

	.icon-slider_arr { background-position:-573px -310px; width:85px; height:146px;}

	.icon-slogan { background-position:-187px -517px; width:242px; height:26px; display:block;}

	.icon-slogan_w { background-position:-431px -517px; width:242px; height:26px;}

	.icon-up_arr { background-position:-660px -371px; width:55px; height:55px;}

	/*.icon-vk { background-position:-573px -458px; width:16px; height:16px;}*/



	.icon-vk,

	.icon-ok,

	.icon-facebook { background-size:771px 543px;}



	.logo_img { width:93px; height:13px; background-size:contain;}

	.icon-logo_w { background-position:0 -269px; width:93px; height:13px; margin:11px 0 0 .9375rem;}



	.header,

	.slogan_out,

	.contacts_down,

	.feedback_columns,

	.footer_header .logo,

	.how_text { display:none;}



	.top-bar { height:45px;}

	.top-bar .title-area { display:block;}

	.top-bar .logo { width:140px; height:20px;}

	.top-bar .icon-logo_w { width:140px; height:20px; background-size:578px 408px; background-position:0 -388px;}

	.top-bar-nav li { float:none; font-size:1rem;}

	.top-bar-nav li:after { display:none;}

	.top-bar-nav a { padding:0 1rem; line-height:2.375rem;}



	.phone { font-size:18px;}



	.orbit-columns { padding:0; margin:0 0 1rem;}



	.adv_list li { padding-left:42px; font-size:14px;}



	.mp_title { font-size:1.5rem;}

	.mp_title:after,

	.mp_title:before { content:''; position:relative; display:inline-block; border-top:2px solid #edf0f2; border-bottom:2px solid #edf0f2; height:7px; width:50%; margin:0 -50% 0 0; left:35px; vertical-align:middle;}

	.mp_title:before { margin:0 0 0 -50%; left:-35px;}

	.title2 { font-size:1.5rem;}

	.title3 { font-size:24px;}



	.how_ico { margin-right:1rem;}

	.how_title { font-size:1.1rem; line-height:1; padding-top:.75rem; letter-spacing:-.05em;}





	.mi { padding-left:75px; height:100px;}

	.mi_ico { left:5%}

	.mi_column { margin:0 0 .75rem; display:table; width:100%;}





	.serv_list li { width:33.33333%; padding:0; margin:0 0 .5rem;}

	.serv_i i { margin:.35rem auto;}

	.serv_i:before { width:77px; height:89px; background-position:0 -91px;}

	.serv_i:hover:before,

	.serv_i:active:before,

	.serv_i:focus:before { background-position:0 0;}

	.serv_name { font-size:1rem;}





	.map { margin: 0 10px 0 10px}

	.map_place { font-size:13px; text-align:center;}



	.footer { padding:0;}

	.footer .contacts { padding:0;}

	.footer_header { margin:0;}

	

	.meow_adr{ width: 390px; font-size: 20px; padding: 30px 10px 10px 10px;}

	.meow_phone {width: 390px; font-size: 20px; padding: 0px 10px 15px 10px;}

	.story .meow_title {font-size: 20px;}

	.story .comm {font-size: 14px;}

	





}



/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) {

	.logo { margin-top:1px;}

	.top-bar_line { height:66px; overflow:hidden; -webkit-box-shadow: 0 11px 30px -10px rgba(0,0,0,.2);

    -moz-box-shadow: 0 11px 30px -10px rgba(0,0,0,.2);

    box-shadow: 0 11px 30px -10px rgba(0,0,0,.2);}

	.phone { display:inline-block; vertical-align:top; padding:9px 20px 0 0; font-weight: normal !important;}

	.mi { padding-left:105px;}

	.footer_header { padding-bottom:20px;}

	





}



/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.top-bar-nav li { font-size:1rem;}

	.top-bar-nav a {padding: 0 60px 3px 0;}





	.serv_list li { padding:0;}

	.meow_adr{ width: 390px; font-size: 20px; padding: 30px 10px 10px 10px;}

	.meow_phone {width: 390px; font-size: 20px; padding: 0px 10px 15px 10px;}

	.story .meow_title {font-size: 18px;}

	.contain-to-grid .top-bar {padding: 0 11px;}



}





@media only screen and (min-width: 980px) {

	.slogan_out { display:block;}

}



@media only screen and (min-width: 740px) {



	.logo { margin-top:1px;}

	.phone { /*display:block; padding:0;*/     display: inline-block;    vertical-align: top;    padding: 9px 20px 0 0;    font-weight: normal !important;}

	.footer_header { padding-bottom: 50px;}

	.feedback_columns button.small-12,

	.feedback_columns .button.small-12 { width:auto;}





}



@media only screen and (min-width: 740px) and (max-width:1199px) {

	/* icons */

	.serv_list .icon-6edr_2 { background-position:-326px -123px; width:103px; height:121px;}

	.serv_list .icon-6edr_3 { background-position:-117px 0; width:103px; height:121px;}

	.serv_list .icon-6edr_4 { background-position:-117px -123px; width:103px; height:121px;}

	.serv_list .icon-6edr_5 { background-position:-222px 0; width:103px; height:121px;}

	.serv_list .icon-6edr_6 { background-position:-222px -123px; width:103px; height:121px;}

	.serv_list .icon-6edr_viv , .serv_list .icon-6edr_1{ background-position:-326px 0; width:103px; height:121px;}



	.serv_list li { width:16.6%;}

	.serv_list i,

	.serv_i:before { background-size:579px 408px;}

	.serv_i:before { width:116px; height:134px; background-position:0 -137px;}

	.serv_i:hover:before { background-position:0 0;}

	.serv_name { font-size:15px; font-weight:bold;}



	.sl_i { padding-bottom:0;}

	.sl_i li { margin-bottom:6px;}

	.meow_adr{ width: 390px; font-size: 20px; padding: 30px 10px 10px 10px;}

	.meow_phone {width: 390px; font-size: 20px; padding: 0px 10px 15px 10px;}

	.story .meow_title {font-size: 20px;}

	.story .comm {font-size: 14px;}

	

}





@media only screen and (min-width: 740px) and (max-width:1120px) {

	.contain-to-grid .top-bar {padding: 0 11px;}

}



@media only screen and (min-width: 1120px) and (max-width:1199px) {

	.contain-to-grid .top-bar {padding: 0 11px;}

}

	

	

@media only screen and (min-width: 880px) {

	.social { display:block;}

	.mi { padding-left:130px;}

	



}





/* Large screens */

@media only screen and (min-width: 64.063em) {

	.serv_list li { padding:0;}

}

small.error {display:none;

    position: relative;

    top: -14px;

}

#Go_Top {

    position: fixed; /* Положение кнопки */   

    bottom: 15px; /* Расстояние снизу */

    left: 15px; /* Расстояние справа */

    cursor: pointer; /* Лучше не трогать */

}

.article_text h1,.article_text h2,.article_text h3,.article_text h4,.article_text h5,.article_text h6 { color: #bc115b;}

.ulphone {}

.ulphone li .phone{

    margin: 6px 0 0 16px;

    width: 215px;

    font-size: 25px;

    color: #231f20;

	display: none;

}

.ulphone li .phone::before{

    background-position: -722px -343px;

    height: 23px;

}

.f-topbar-fixed .ulphone li .phone{

	display: block;

	margin: -11px 0 0 0;

}

.large-8.columns.Georgia p, .large-8.columns.Georgia ul {font-family:Georgia}