/****************
 *** 
 *** cabare.css
 ***
 ****************/
 
  

.t-td-g-container .g-n-container-over { left: 0; margin: 5px; position: absolute; top: 0; } 

/* --- queentile-ru_dealers --- */
.duplicate { display: none; } 

/* --- queentile_dealers --- */
.filter-dealers { margin: 20px; } 
.filter-dealers div{ display: inline-block; } 
#map-canvas { height: 400px; width: 400px; } 
.list-dealers-list { width: 400px; } 
.list-dealers-list li { border: 2px solid; margin: 10px; }
/* ---/ queentile_dealers --- */

/* --- goods in catalog --- */
.link_goods_more a { font-size: 10px; }
.td-g-container .float-left-cena { min-height: 24px; } 

.td-g-container { height: 364px; position: relative; width: 182px !important; } 
.td-g-container .g-n-overlay { left: 0; position: absolute; top: 0; } .td-g-container.last-item .g-n-overlay { left: auto; right: 0; } 
.td-g-container:hover .g-n-overlay { background: #CCFFFF; border: 2px solid green; margin: -10px; padding: 8px; z-index: 60; } 
.td-g-container .g-n-container { max-width: 182px; } .td-g-container .g-n-container { float: left; } .td-g-container.last-item .g-n-container { float: right; } 
.td-g-container:hover .g-n-sidebar { margin-left: 190px; } .td-g-container.last-item:hover .g-n-sidebar { margin-left: auto; margin-right: 190px; }
.td-g-container:hover .good_description { display:block; } .good_description { background: cyan; display: none; height: 100%; width: auto; }
/* ---/ goods in catalog --- */

/* login-logout */
.welcome_buyerblock, .buyerblock { display: none; }

.overlay-buyer-bloks { color: #fff; position: absolute; top: -40px; right: -200px; z-index:85;}
.overlay-buyer-bloks ul li { background: #fff; color: #000; margin: 0 10px; list-style: none; }

#buyer-blok-login > li, #buyer-blok-logout > li { float: left; position:relative;}
.buyer-blok-links { background: #fff; border: 2px solid red; margin: 0; padding: 0; z-index: 20; }
.buyer-blok-links  ul { margin:0; padding:0; }
.buyer-blok-links { position:absolute;left:-9999px; }
#buyer-blok-logout > li:hover > .buyer-blok-links { left:auto; }
#buyer-blok-logout li.arrow > a {padding-right: 15px;}
#buyer-blok-logout li.arrow > a::after {position:absolute;top:5px;right:5px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease;}
/* /login-logout */

/* cat-menu 
#cat-menu {z-index:80;}
#cat-menu,#cat-menu ul,#cat-menu ul li,#cat-menu ul li a,#cat-menu #cat-menu-button{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
#cat-menu:after,#cat-menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cat-menu{width:auto;font-family:sans-serif;line-height:1;background:#fff;}
#cat-menu ul{z-index:80;}
#cat-menu > ul > li{float:left;}
#cat-menu > ul > li > a{font-size:12px;text-decoration:none;text-transform:uppercase;color:#000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;padding:20px;}
#cat-menu > ul > li:hover > a,#cat-menu > ul > li.active > a{color:#009ae1;}
#cat-menu > ul > li.has-sub > a{padding-right:25px;}
#cat-menu > ul > li.has-sub > a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease;}
#cat-menu > ul > li.has-sub:hover > a::after{border-color:#009ae1;}
#cat-menu ul ul{position:absolute;left:-9999px;}
#cat-menu li:hover > ul{left:auto;}
#cat-menu ul ul ul{margin-left:100%;top:0;}
#cat-menu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cat-menu ul li:hover > ul > li{height:32px;}
#cat-menu ul ul li a{width:160px;font-size:12px;background:#333;text-decoration:none;color:#ddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;padding:10px 20px;}
#cat-menu ul ul li:hover > a,#cat-menu ul ul li a:hover{color:#fff;}
#cat-menu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease;}
#cat-menu ul ul li.has-sub:hover > a::after{border-color:#fff;}
#cat-menu[data-scrn="mobile"] ul{width:100%;display:none;}
#cat-menu[data-scrn="mobile"] ul li,#cat-menu[data-scrn="mobile"] ul ul li,#cat-menu[data-scrn="mobile"] ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15);}
#cat-menu[data-scrn="mobile"] > ul > li{float:none;display:block;}
#cat-menu[data-scrn="mobile"] ul ul li a{font-size:12px;color:#000;background:none;padding:20px 20px 20px 30px;}
#cat-menu[data-scrn="mobile"] ul ul li:hover > a,#cat-menu[data-scrn="mobile"] ul ul li a:hover{color:#000;}
#cat-menu[data-scrn="mobile"] ul ul ul li a{padding-left:40px;}
#cat-menu[data-scrn="mobile"] ul ul,#cat-menu[data-scrn="mobile"] ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cat-menu[data-scrn="mobile"] #cat-menu-button{display:block;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase;padding:20px;}
#cat-menu[data-scrn="mobile"] #cat-menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000;}
#cat-menu[data-scrn="mobile"] #cat-menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #000;}
#cat-menu[data-scrn="mobile"] .cat-submenu-button{position:absolute;z-index:80;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer;}
#cat-menu[data-scrn="mobile"] .cat-submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:80;}
#cat-menu[data-scrn="mobile"] .cat-submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:80;}
#cat-menu #cat-menu-button,#cat-menu[data-scrn="mobile"] > ul > li.has-sub > a::after,#cat-menu[data-scrn="mobile"] ul ul li.has-sub > a::after,#cat-menu[data-scrn="mobile"] .cat-submenu-button.cat-submenu-opened:after{display:none;}
#cat-menu[data-scrn="mobile"],#cat-menu[data-scrn="mobile"] ul li a,#cat-menu[data-scrn="mobile"] ul ul li a{width:100%;}
/* /cat-menu */

.menu ul li a.selected, .menu ul li.selected a, .menu ul li a:hover {
    color: #00FFFF;
}

/* --- sudebar menu catalog mouseover --- */
.module.prm.usermenu { position: relative; }
#cat-menu { overflow: visible !important; min-width: 205px;}
#cat-menu ul li{ position: static; } 
#cat-menu ul li { padding: 5px 0 !important; }

#cat-menu { border: 2px solid #b1ffa5 !important; left: -9999px; position: absolute; z-index: 60; }
.module.prm.usermenu:hover #cat-menu { left: auto; }
#cat-menu ul{ box-shadow: 0 0 10px; }
#cat-menu .cat-has-sub > a:after { content: ">"; left: 185px; padding-right: 3px; position: absolute; }

.module.usermenu ul li.level0 > ul { width: 400px; }
.module.usermenu ul li ul { background: cyan; height: 100%; left: -9999px; padding: 0; position: absolute; top: 0; width: 205px; }
.module.usermenu ul li:hover ul { left: 195px; }

.module.usermenu ul li:hover ul li ul { left: -9999px; }
.module.usermenu ul li ul li:hover ul{ left: 195px; }

.level0{width:100%;}

#cat-menu li.category-id-3364 > ul { background: url("/img/userimages/user_749/img_catalog/i53pq12u.jpg") no-repeat scroll right bottom cyan; }

/* ---/ sudebar menu catalog mouseover --- */

/* for carouFredSel_61 */
#wrapper { height: 100%; width: 100%; top: 0; left: 0; }
#inner { width: 100%; min-width: 300px; max-width: 750px; }
#carousel-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px dotted red; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.2); width: 100%; padding: 20px; z-index: 2 }
#carousel { width: 750px; height: 500px; overflow: hidden; }
#carousel img { display: block; float: left; }
#pager-wrapper { border: 2px dotted blue; height: 120px; width: 500px; overflow: hidden; position: absolute; margin: -100px 120px 0; z-index: 2; }
#pager img { cursor: pointer; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: block; width: 80px; height: 80px; padding: 10px; margin: 10px; float: left; }
#pager img:hover { background: #eff; } 
#pager img.selected { background: #dff; }




li.category-id-3529:before {content: "--CSS-ЭЮЯ--"; color:red;}
li.category-id-3529:after {content: "--ЭЮЯ--CSS--"; color:red;}

.table-profile-catalog { left: 2px; margin: 0 12px; }
.table-profile-catalog td { padding: 5px; }

#_copyrt div { text-align: right; width: 1200px; } #_copyrt a { vertical-align: top; }

#modal-window { background-color: #F8F9FD; border: 5px solid #D2D4E7; padding: 10px; position: absolute; z-index: 90; }

/*----- fast order -----*/

#fast_order_form { color: #555AA1; font-size: 12px; text-align: center; width:350px; z-index: 95; }
#fast_order_form .kupit-dutton { float: none; margin: 10px 20px; }

/*----- label related_goods -----*/

h2.soputstv span {
color:grey;
}

.div_buy_btn_float {
position:absolute;
margin:-30px 0 0 450px;
}

.th-good-price,.td-good-price {
color:red;
}

.th-good-number,.th-good-name,.td-good-number,.td-good-name {
color:green;
}

.tooltipster-punk {
border-radius:5px;
border-bottom:3px solid #f71169;
background:#2a2a2a;
color:#fff;
}

.tooltipster-punk .tooltipster-content {
font-family:Courier, monospace;
font-size:14px;
line-height:16px;
padding:8px 10px;
}

.div_buy_btn_ext_cart .select-atribut-244,.div_buy_btn_ext_cart .notinstock {
float:none;
width:50%;
}

#col-left .module-content,#col-right .module-content,#col-left .module-content-two,#col-right .module-content-two,#buyerblock {
border:2px solid green;
}

.cart-ext-select {
width:748px;
}

.cart-ext-select table {
width:100%;
}

#vg_html_good_delivery {
display:inline-block;
width:300px;
margin:2px;
}

.div_rating_goods {
margin:0 0 -17px;
}

.text_attr {
float:left;
}

.div_price_goods {
margin:0 0 5px;
}

.vg_empty_div {
border:1px solid grey;
}

.gallerey_fancybox ul li {
float:left;
list-style-type:none;
}

.catalog__goods_name {
background-color:#666;
}

.catalog__goods_name a {
color:#CFC!important;
font-size:15px;
}

.under-layer {
background:none repeat scroll 0 0 #000;
height:100%;
left:0;
opacity:0.7;
position:fixed;
top:0;
width:100%;
z-index:90;
}

.new_icon {
z-index:50;
}

.div_img_goods {
position:relative!important;
display:inline-block;
vertical-align:middle;
width:400px;
margin:5px;
}

.profile-catalog-img_img {
height:180px;
border:1px solid;
}

div.cart-ext-select tr.darkRow {
background-color:#CCCCFF;
}

div.cart-ext-select tr.table-head {
background-color:#CCFFCC;
}

#div-korzina {
text-align:center;
background-color:#a8fcff;
}

.korzina_empty {
width:100px;
}

.korzina_full {
width:200px;
}

.bg-ltd,.bg-rtd {
height:40px;
}

.bg-rtd {
text-align:right;
}

#korzina {
border:0;
padding:0;
}

#tabify_menu {
clear:both;
margin:0;
padding:0;
}

#tabify_menu li {
display:inline;
list-style:none;
}

#tabify_menu li a {
display:inline-block;
background:#ccf;
color:#000;
font-weight:700;
text-decoration:none;
padding:5px 10px;
}

#tabify_menu li.active a {
background:#eef;
}

.vg_text_block,.div_testimonials_goods,.div_related_goods,.div_buy_btn_ext_cart {
clear:both;
background:#eef;
width:100%;
margin:0 10px 10px 0;
padding:20px 20px 20px 5px;
}

.div_buy_btn_ext_cart {
padding:20px 10px 20px 0;
}

#vg_html_good_payment {
clear:both;
}

.otzivi textarea {
width:750px;
}

.cart-ext-select_ft li a,.cart_btn {
background-color:#8AC97E;
}

#vg_next_goods,#vg_last_next_goods .bg-rtd {
margin:-40px 5px 5px;
}

/*----- for jquery.caroFredSel ----*/
/*----- gallerey images goods page view_goods and float_view_goods 
#vg_carousel div, #vg_thumbs div, #fvg_thumbs div{ cursor: pointer; }
#vg_carousel div, #fvg_carousel div{ display: none; }
#vg_carousel .visible, #fvg_carousel .visible { display: block; }

/*----- paginator 
#vg_prev,#vg_next, #fvg_prev,#fvg_next { position: relative; height: 16px; width: 16px; }
#vg_prev , #fvg_prev { background: url('/img/arrow-l.png') no-repeat; right:20px; top:-70px; }
#vg_next, #fvg_next { background: url('/img/arrow-r.png') no-repeat; right:-350px; top:-86px; }
#vg_prev.disabled,#vg_next.disabled, #fvg_prev.disabled,#fvg_next.disabled { display:none!important; }

/*----- gallerey images goods page view_goods 
#_vg_carousel-wrapper { height: 300px; overflow: auto; }
#vg_carousel { box-shadow:0 0 5px #566; border:none; }
#vg_carousel img { display:block; border:none; max-width:400px; top:0; left:0; }
#vg_thumbs-wrapper { height: 160px; margin: 0 auto; width: 350px; }
.vg_th_img { border-top:4px solid #899; border-bottom:4px solid #899; display:block; float:left; width:150px; height:100px; overflow:hidden; margin:10px 5px; }
.vg_th_img img { display:block; border:none; width:100%; top:0; left:0; }
.vg_th_img:hover,.vg_th_img.selected { border-top:4px solid #566; border-bottom:4px solid #566; }

/*----- gallerey images goods page float_view_goods 
#fvg_carousel-wrapper { height: 350px; overflow: auto; }
#fvg_carousel { box-shadow:0 0 5px #566; border:none; }
#fvg_carousel img { display:block; border:none; max-width:400px; margin: 0 auto; }
#fvg_thumbs-wrapper { height: 160px; margin: 0 auto; width: 350px; }
.fvg_th_img { border-top:4px solid #899; border-bottom:4px solid #899; display:block; float:left; width:150px; height:100px; overflow:hidden; margin:10px 5px; }
.fvg_th_img img { display:block; border:none; width:100%; top:0; left:0; }
.fvg_th_img:hover,.fvg_th_img.selected { border-top:4px solid #566; border-bottom:4px solid #566; }

/*----- float gallerey images goods div float_view_goods 
#float_view_goods{ background: none repeat scroll 0 0 #FFFFFF; overflow: auto; position: absolute; z-index: 95; padding: 20px; width: 728px; } 
#fvg_h1_content { text-align: center; }
#fvg_ext_image_goods { position: relative !important; vertical-align: middle; width: 100%; }
#fvg_buy_button_ext_cart { width:95%}

/*----- END for jquery.caroFredSel ----*/

/*--- Style for jquery.ecarousel.min.js SuperZoom. Thumbnail - Left ---*/
.cat_large_img-left #fvg_buy_fast_order,#fvg_h1_content,#ext_fvg_prev,#ext_fvg_next,.cat_large_img-left .right{display:none}

.cat_large_img-left #fvg_carousel-wrapper div {padding: 0;}

.cat_large_img-left #float_view_goods{border:5px solid gold;box-sizing:border-box;height:100%;padding:5px;position:fixed;width:100%}
.cat_large_img-left #fvg_ext_image_goods{height:100%;width:100%}
.cat_large_img-left #fvg_wrapper {height:100%;padding: 0;width: 100%;}
.cat_large_img-left #fvg_carousel-wrapper{box-sizing:border-box;height:100%;padding-left:150px;width:100%}
.cat_large_img-left #fvg_carousel{height:100%;padding: 0;width:100%}
.cat_large_img-left #fvg_wrapper .fvg_ca_img{line-height:auto;height:100%;width:100%}
.cat_large_img-left #fvg_wrapper .fvg_ca_img img{left:50%;max-height:50px;max-width:50px;position:absolute;top:50%}

.cat_large_img-left #fvg_thumbs-wrapper{height:100%;left:0;position:absolute;text-align:center;top:0;width:140px}
.cat_large_img-left #fvg_thumbs-wrapper #fvg_thumbs{border:2px dotted red;box-sizing:border-box;height:100%;margin:0 auto;overflow:hidden;width:100%}
.cat_large_img-left #fvg_wrapper .fvg_th_img{display:inline-block;float:none;height:auto;margin:7px;width:auto}
.cat_large_img-left #fvg_wrapper .fvg_th_img img{max-height:100px;max-width:100px}

.cat_large_img-left #fvg_next,.cat_large_img-left #fvg_prev{background:gold;cursor:pointer;height:25px;position:absolute;top:45px;width:25px}

.cat_large_img-left #fvg_prev {left:0}
.cat_large_img-left #fvg_next{right:0}

.cat_large_img-left #fvg_next,.cat_large_img-left #fvg_prev{display:none;}
.cat_large_img-left .is_overflow #fvg_next,.cat_large_img-left .is_overflow #fvg_prev{display:block;}

.cat_large_img-left .float_view_goods-close {background:gray;color:#000;font-size:40px;height:40px;position:absolute;right: 25px;text-align:center;top: 25px;width:40px;}
/*--- END Style for jquery.ecarousel.min.js SuperZoom. Thumbnail  - Left ---*/


/*--- Style for jquery.ecarousel.min.js SuperZoom. Thumbnail - of Bottom OVER ---*/
.cat_large_img-over #fvg_buy_fast_order,#fvg_h1_content,#ext_fvg_prev,#ext_fvg_next,.cat_large_img-over .right{display:none}

.cat_large_img-over #float_view_goods{border:5px solid gold;box-sizing:border-box;height:100%;padding:5px;position:fixed;width:100%}
.cat_large_img-over #fvg_ext_image_goods{height:100%;width:100%}
.cat_large_img-over #fvg_wrapper {height:100%;padding: 0;width: 100%;}
.cat_large_img-over #fvg_carousel-wrapper{box-sizing:border-box;height:100%;padding-bottom:20px;width:100%}
.cat_large_img-over #fvg_carousel{height:100%;padding: 0;width:100%}
.cat_large_img-over #fvg_wrapper .fvg_ca_img{line-height:auto;height:100%;width:100%}
.cat_large_img-over #fvg_wrapper .fvg_ca_img img{left:50%;max-height:50px;max-width:50px;position:absolute;top:50%}

.cat_large_img-over #fvg_thumbs-wrapper{bottom:0;left:50%;margin-left:-325px;position:absolute;text-align:center;width:650px}
.cat_large_img-over #fvg_thumbs-wrapper #fvg_thumbs{border:2px dotted red;height:120px;margin:0 auto;max-width:600px;overflow:hidden;width:100%}
.cat_large_img-over #fvg_wrapper .fvg_th_img{display:inline-block;float:none;height:auto;margin:7px;width:auto}
.cat_large_img-over #fvg_wrapper .fvg_th_img img{max-height:100px;max-width:100px}

.cat_large_img-over #fvg_next,.cat_large_img-over #fvg_prev{background:gold;cursor:pointer;height:25px;position:absolute;top:45px;width:25px}
.cat_large_img-over #fvg_prev {left:0}
.cat_large_img-over #fvg_next{right:0}


.cat_large_img-over .float_view_goods-close {background:gray;color:#000;font-size:40px;height:40px;position:absolute;right: 25px;text-align:center;top: 25px;width:40px;}
/*--- END Style for jquery.ecarousel.min.js SuperZoom. Thumbnail - of Bottom OVER ---*/


/*--- Style for jquery.ecarousel.min.js SuperZoom. Thumbnail - of Bottom ---*/
.cat_large_img #fvg_buy_fast_order,#fvg_h1_content,#ext_fvg_prev,#ext_fvg_next,.cat_large_img .right{display:none}

.cat_large_img #float_view_goods{border:5px solid gold;box-sizing:border-box;height:100%;padding:5px;position:fixed;width:100%}
.cat_large_img #fvg_ext_image_goods{height:100%;width:100%}
.cat_large_img #fvg_wrapper {height:100%;padding: 0;width: 100%;}
.cat_large_img #fvg_carousel-wrapper{box-sizing:border-box;height:100%;padding-bottom:130px;width:100%}
.cat_large_img #fvg_carousel{height:100%;padding: 0;width:100%}
.cat_large_img #fvg_wrapper .fvg_ca_img{line-height:auto;height:100%;width:100%}
.cat_large_img #fvg_wrapper .fvg_ca_img img{left:50%;max-height:50px;max-width:50px;position:absolute;top:50%}

.cat_large_img #fvg_thumbs-wrapper{bottom:0;left:50%;margin-left:-325px;position:absolute;text-align:center;width:650px}
.cat_large_img #fvg_thumbs-wrapper #fvg_thumbs{border:2px dotted red;height:120px;margin:0 auto;max-width:600px;overflow:hidden;width:100%}
.cat_large_img #fvg_wrapper .fvg_th_img{display:inline-block;float:none;height:auto;margin:7px;width:auto}
.cat_large_img #fvg_wrapper .fvg_th_img img{max-height:100px;max-width:100px}

.cat_large_img #fvg_next,.cat_large_img #fvg_prev{background:gold;cursor:pointer;height:25px;position:absolute;top:45px;width:25px}
.cat_large_img #fvg_prev {left:0}
.cat_large_img #fvg_next{right:0}


.cat_large_img .float_view_goods-close {background:gray;color:#000;font-size:40px;height:40px;position:absolute;right: 25px;text-align:center;top: 25px;width:40px;}
/*--- END Style for jquery.ecarousel.min.js SuperZoom. Thumbnail - of Bottom ---*/



/*--- Style for jquery.ecarousel.min.js ---*/
/* common */
#vg_carousel div, #vg_thumbs div, #fvg_thumbs div, #ext_fvg_prev, #ext_fvg_next { cursor: pointer; } #vg_carousel div, #fvg_carousel div{ display: none; } #vg_carousel .select, #fvg_carousel .select { display: block; }

/* service */
#vg_wrapper { border: 2px dotted black; padding: 5px;}
#vg_carousel-wrapper { border: 2px dotted blue; padding: 5px;}
#vg_carousel-wrapper div{ padding: 5px; }
#vg_carousel { border: 2px dotted cyan;}
#vg_wrapper .vg_ca_img { border: 2px dotted gold;}
#vg_wrapper .vg_ca_img img  { border: 2px dotted red;}

#vg_thumbs-wrapper { border: 2px dotted blue; }
#vg_thumbs { border: 2px dotted cyan; }
#vg_wrapper .vg_th_img { border: 2px dotted gold;}
#vg_wrapper .vg_th_img img  { border: 2px dotted red;}

#fvg_wrapper { border: 2px dotted black; padding: 5px;}
#fvg_carousel-wrapper { border: 2px dotted blue; padding: 5px;}
#fvg_carousel-wrapper div{ padding: 5px; }
#fvg_carousel { border: 2px dotted cyan;}
#fvg_wrapper .fvg_ca_img { border: 2px dotted gold;}
#fvg_wrapper .fvg_ca_img img  { border: 2px dotted red;}

#fvg_thumbs-wrapper { border: 2px dotted blue; }
#fvg_thumbs { border: 2px dotted cyan; }
#fvg_wrapper .fvg_th_img { border: 2px dotted gold;}
#fvg_wrapper .fvg_th_img img  { border: 2px dotted red;}

/* END service */

#vg_wrapper { width: 500px; margin: 0 auto; }
#vg_wrapper  div { margin: 0 auto; }

#vg_carousel-wrapper { position: relative; }

#vg_wrapper .vg_ca_img { height: 320px; line-height: 320px; text-align: center; }
#vg_wrapper .vg_ca_img img  { max-height: 300px; max-width: 400px; vertical-align: middle; }

#vg_thumbs-wrapper { width: 300px; position: relative; }
#vg_thumbs { width: 240px; height:80px; overflow: hidden;}
#vg_wrapper #vg_thumbs .select { border-bottom: 4px solid olive; }
#vg_wrapper .vg_th_img { width: 65px; height: 65px; line-height: 65px; text-align: center; float: left; margin: 5px; }
#vg_wrapper .vg_th_img img { max-height: 60px; max-width: 60px; vertical-align: middle; }
#vg_prev, #vg_next { height: 15px; width: 15px; position:absolute; top:30px; }
#vg_prev { background-image: url("/img/arrow-l.png"); }
#vg_next { background-image: url("/img/arrow-r.png"); right:0; }


#float_view_goods { background: #FFFFFF; position: absolute; z-index: 95; padding: 20px; width: 750px; border: 3px solid #80D508; border-radius: 7px;}

#fvg_wrapper { width: 450px; margin: 0 auto; padding: 5px 50px; position: relative; }
#fvg_wrapper  div { margin: 0 auto; }

#fvg_carousel-wrapper { position: relative; }

#fvg_wrapper .fvg_ca_img { height: 300px; line-height: 300px; text-align: center; }
#fvg_wrapper .fvg_ca_img img  { max-height: 300px; max-width: 400px; vertical-align: middle; }

#fvg_thumbs-wrapper { width: 300px; position: relative; }
#fvg_thumbs { width: 240px; height:80px; overflow: hidden;}
#fvg_wrapper #fvg_thumbs .select { border-bottom: 4px solid olive; }
#fvg_wrapper .fvg_th_img { width: 65px; height: 65px; line-height: 65px; text-align: center; float: left; margin: 5px; }
#fvg_wrapper .fvg_th_img img { max-height: 60px; max-width: 60px; vertical-align: middle; }
#fvg_prev, #fvg_next { height: 15px; width: 15px; position:absolute; top:30px; }
#ext_fvg_prev, #ext_fvg_next { height: 15px; width: 15px; position:absolute; top:150px; }
#fvg_prev { background-image: url("/img/arrow-l.png"); left:0; }
#fvg_next { background-image: url("/img/arrow-r.png"); right:0; }
#ext_fvg_prev { width: 0; height: 0; border-top: 50px solid transparent; border-right: 20px solid red; border-bottom: 50px solid transparent; left:-30px;}
#ext_fvg_next { width: 0; height: 0; border-top: 50px solid transparent; border-left: 20px solid red; border-bottom: 50px solid transparent; right:-30px;}


#fvg_h1_content { text-align: center; }
#vg_buy_button_ext_cart {clear: both;}
/*--- END Style for jquery.ecarousel.min.js ---*/


/*--- List goods for page about ---*/
.list-goods-container { margin: 0 20px; }
.list-goods-head h5 { background-color: #D3D3D3; padding: 10px; width: 33%; }
.overlay-list-goods-content { border: 4px solid cyan; padding: 5px; position: relative;}
.list-goods-content { border: 2px solid green; height: 350px; margin: 0 auto; width:660px; }
.overlay-g-container { float: left; height: 350px; width: 220px; }
.overlay-g-container .catalog__goods_name { height: 40px; margin: 5px; padding: 5px; text-align: center; }
.overlay-g-container .g-container {height: 300px; margin: 5px; width: 210px;}
.overlay-g-container .profile-catalog-img {width: 100%;}
.overlay-g-container img {max-height: 180px; max-width: 200px;}
.overlay-g-container table {width: 100%;}
.goods_prev, .goods_next { color:cyan; cursor: pointer; font-size: 20px; position: absolute; top: 170px; } .goods_prev {left:0} .goods_next {right: 0;}

 
/*--- carousel for ---*/
#ecarousel-22 { border: 1px solid grey; margin: 0 auto; text-align: center; width: 500px; } 
#ecarousel-22 .cont_box { background: #CCCCFF; border: 5px solid green; display: none; margin: 10px; width: 400px; text-align: center; } 
#ecarousel-22 .index_box { background: #CCCCFF; border: 5px solid green; display: inline-block; margin: 10px; width: 20px; text-align: center; } 
#ecarousel-22 .cont_box.select { display: inline-block; border: 5px solid red; } 
#ecarousel-22 .index_box.select { border: 5px solid red; }

#ecarousel-5 { border: 1px solid grey; margin: 0 auto; text-align: center; width: 400px; } 
#ecarousel-5 .cont_box { display: none; margin: 10px auto; width: 100px; height: 100px; color: #fff; background: #252525; line-height: 100px; text-align: center; _font-size: 123%; } 
#ecarousel-5 .ecrsl_cont .select { display: block; } 
#ecarousel-5 .ecrsl_index .select { border: 3px solid red; } 
#ecarousel-5 .ecrsl_index { display: inline-block; margin: 0 auto; } 
#ecarousel-5 .index_box { border: solid grey 3px; cursor: pointer; float: left; width: 20px; height: 20px; color: #fff; background: grey; margin: 5px; text-align: center; } 

#ecarousel-81 { border: 1px solid grey; margin: 0 auto; text-align: center; width: 400px; } 
#ecarousel-81 .cont_box { border: 3px solid red; display: none; margin: 10px auto; width: 150px; height: 150px; color: #fff; background: grey; line-height: 150px; } 
#ecarousel-81 .ecrsl_cont .select { display: block; } 
#ecarousel-81 .ecrsl_index .select { border: 3px solid red; } 
#ecarousel-81 .ecrsl_index { border: 1px red solid; display: inline-block; margin: 0 auto; height: 55px; width: 336px; overflow: hidden; } 
#ecarousel-81 .index_box { border: solid #ccc 3px; border-radius: 10px; cursor: pointer; float: left; width: 40px; height: 40px; color: #fff; background: #ccc; margin: 5px; line-height: 40px; }

#ecarousel-5 .btns, #ecarousel-81 .btns { clear: both; padding-top: 5px; } 
#ecarousel-5 .btns div, #ecarousel-81 .btns div { display: inline-block; cursor: pointer; height: 20px; width: 40px; color: #fff; background: green; margin: 10px auto; text-align: center; }

/*--- style for auto-ray ---*/
.zapros-vin-overlay { position: relative; width: 760px; } 
.form-inner { width:600px; } 
.form-title { color: #737373; font-size: 16px; font-weight: bold; margin: 10px 25px; } 
.form_item { float:left; margin: 10px; } 
.no-vin { display: none; } 
.head_list_detail, .item_list_detail { background: #FFC000; } 
#zapros-vin label { display: block; float: left; width: 300px; } 
#zapros-vin hr { background-color: #737373; border: 0 none; clear: both; height: 1px; margin: 0 1%; width: 96%; } 
#vin-info { background-color: #ffc000; border: 1px solid black; color: #000; float: left; font-size: 12px; padding: 3px; position: absolute; right: 0; top: 50px; width: 150px; } 
#mob-info { background-color: #ffc000; border: 1px solid black; color: #000; float: left; font-size: 12px; margin-top: -20px; padding: 3px; position: absolute; right: 0; width: 150px; }





#korzina { overflow: visible; }
#korzina .content-cart-items { background: #A8FCFF; border: 2px solid; }
#div-korzina { border: 2px solid; margin-left: 998px; margin-top: 32px; position: absolute; z-index: 85;}

#polosa {height: 35px;} .menu ul { height: 35px; display: block; d-margin: 0; d-padding: 0; } .divdropmenu { background: #99CC99; position: absolute; d-width:300px; z-index: 999; }

#j_digit_wrapper { border: 1px #888 solid; display: inline-block; white-space: nowrap; width: 410px; height: 40px; padding: 10px; } #j_sel_digit_wrapper { border: 1px #888 solid; display: block; white-space: nowrap; width: 410px; height: 40px; padding: 10px; margin-top: 10px; } .j_digit { border: 1px #888 solid; display: inline-block; width: 30px; height: 40px; margin: 0px; margin-right: 10px; padding: 0px; border-radius: 5px; } .j_digit:last-child { margin-right: 0px; } #beautiful-number-list { margin-top: 10px; border: 1px #888 solid; width: 600px; }


.valid-error { box-shadow: 0 0 3px rgba(255,1,0,0.5); }
.valid-success { box-shadow: 0 0 10px rgba(51,153,51,0.5); }

.popup-form-window { border: 5px solid #D2D4E7; }
.popup-form-content { color: #555AA1; font-size: 12px; }


.catalog-manufacturer-select { padding-right: 15px; text-decoration: underline; }
.catalog-manufacturer-filter ul { background: #FFFFFF; border: 1px solid; display: none; font-size: 13px; margin: 5px auto; padding: 10px; position: absolute; width: 93%; z-index: 100; }
.catalog-manufacturer-filter { padding: 0 10px 10px; }

#filter-sort { float:left; }


#vg_related_goods .td-g-container:hover .good_description {display:none;}

.cont-page-id-172304 .module-content { min-height: 500px; }


.cont-page-id-172303 #col-main h1 { background: #CCFFFF; padding: 100px 0 10px 0; }
.menu ul li.page-id-172303 a { padding: 2px; background: #FFCC00; }

#_btn-top { bottom: 0; color: #999; cursor: pointer; display: none; font-size: 40px; padding: 15px 10px; position: fixed; right: 0; z-index: 50; }
#_btn-top:hover { color:#666; }

#vg_image_goods img { max-height: 460px; max-width: 300px; }


#menu_page_tabify { clear: both; margin: 0; padding: 0; }
#menu_page_tabify li { float:left; list-style-type: none; }
#menu_page_tabify li a { background: none repeat scroll 0 0 #CCCCCC; border-right: 1px solid black; float: left; padding: 5px; text-decoration: none; }
#menu_page_tabify_c div { background: none repeat scroll 0 0 #FFD700; clear: both; height: 200px; width: 200px; }

#profile_header-contacts { background: #FFCC00; border: 3px solid #FFD700; border-radius: 10px; padding: 5px 20px; position: absolute; z-index: 50;}


.inline { background: #66CC66; border: 2px solid #669966; cursor: pointer; display: inline-block; padding: 10px 10px 10px 10px; margin: 10px; text-align: center; width: 100px; } .infoblock { background: #999999; border: 5px solid #CCCCCC; border-radius: 5px; margin: 7px 10px 10px 0; padding: 10px; position:absolute; width: 200px; z-index: 10; } #infoblock-20{ margin-left: 150px; } #infoblock-30{ margin-left: 300px; } #infoblock-40{ margin-left: 450px; }
.t-inline { border: 1px solid; float: left; padding: 10px 10px 10px 0; margin: 10px; text-align: center; width: 100px;} .inline.overlay-infblk { background: #CCFFCC; }

#module-content-search { float: none; }

/*СТИЛИ HELLO BAR*/
	#bizzbar{  
	background: #0ca0ab;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 2px;
    overflow: hidden;
    height: 59px;
    z-index: 1000;
    font-family: Georgia;
    font-size: 14px;
    line-height: 30px;
    /* top: 0; */
    left: 0;
    border-bottom: 3px solid rgb(255,255,255);
    box-shadow: 0 1px 5px rgba(0,0,0,.7);
    display: none;
    opacity: 0;
    padding-top: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}
	#bizzbar input {
		box-sizing: border-box;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-o-box-sizing: border-box;
  		-ms-box-sizing: border-box;
	}
	.wrap_biz {
		width: 63%;
    	margin: auto;
	}
	.wrap_biz span{
		display: block;
    	float: left;
    	margin-right: 55px;
    	font-size: 1.5em;
    	font-family: sans-serif;
    	text-shadow: 1px 1px 0px #333;
    	margin-top: 4px;
	}
	.wrap_biz .inp_block {
		float: left;
    	width: 37%;
	}
#bizzbar input[type="submit"]{
	background: #5CBDD4 none repeat scroll 0 0;
    border: none;
    border-radius: 4px;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.28);
    color: white;
    cursor: pointer;
    font-size: 1.4em;
    line-height: 35px;
    margin: 0px 0 0 0px;
    outline: none;
    padding: 0 18px 1px;
    position: relative;
    text-decoration: initial;
    /* opacity: .1; */
    float: right;
    outline: none;
    animation-name: shake;
    animation-duration: 6.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2.5s;
    animation-iteration-count: infinite;
}
@keyframes shake {
        20% {transform: rotate(0) translate(0, 0);}
        21% {transform: rotate(5deg) translate(0, -2px);}
        22% {transform: rotate(-3deg) translate(0, -2px);}
        23% {transform: rotate(5deg) translate(0, -2px);}
        24% {transform: rotate(-3deg) translate(0, -2px);}
        25% {transform: rotate(5deg) translate(0, -2px);}
        26% {transform: rotate(-3deg) translate(0, -2px);}
        27% {transform: rotate(0) translate(0, 0);}
    }
@-webkit-keyframes shake {
        20% {transform: rotate(0) translate(0, 0);}
        21% {transform: rotate(5deg) translate(0, -2px);}
        22% {transform: rotate(-3deg) translate(0, -2px);}
        23% {transform: rotate(5deg) translate(0, -2px);}
        24% {transform: rotate(-3deg) translate(0, -2px);}
        25% {transform: rotate(5deg) translate(0, -2px);}
        26% {transform: rotate(-3deg) translate(0, -2px);}
        27% {transform: rotate(0) translate(0, 0);}
    }
.open_bar {
	width: 50px;
    height: 43px;
    top: 0px;
    right: 20px;
    background: url('/img/userimages/user_749/sprite-8bit.png'), #0ca0ab no-repeat 22px 8px;
    position: absolute;
    z-index: 999;
    background-position: 7px 135%;
    border-bottom-right-radius: 11px;
    border: 2px solid #fff;
    cursor: pointer;
    position: fixed;
    display: none;
}
.close_bar{  
	width: 20px;
    height: 19px;
    top: 20px;
    right: 34px;
    cursor: pointer;
    background:url('/img/userimages/user_749/sprite-8bit.png') no-repeat 0px -247px;  position:absolute
  }
.close_bar:hover{  background:url('/img/userimages/user_749/sprite-8bit.png') no-repeat 0px -247px;  cursor:pointer;  height:19px}

.fixbar {
	position: fixed;
	animation: fix 1.5s;
}
@keyframes fix {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.relat {
	position: relative;
	animation: relat 3s;
}
@keyframes relat {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*ОБЩИЕ СТИЛИ ДЛЯ ПЛЭЙСХОЛДЕРА*/
::-webkit-input-placeholder {color:#CECECE;font-weight: normal}
::-moz-placeholder          {color:#CECECE;font-weight: normal}
:-moz-placeholder           {color:#CECECE;font-weight: normal}
:-ms-input-placeholder      {color:#CECECE;font-weight: normal}

.input_text {
    background-color: transparent;
    border: 2px solid #08838C;
    border-image: none;
    font-size: 16px;
    height: 30px;
    outline: medium none;
    padding: 3px 12px;
    position: relative;
    transition: box-shadow 0.3s ease 0s;
    width: 100%;
    border-radius: 12px;
    color: #6a7989;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}
/* СТИЛИ ДЛЯ СALLBACK */
* {
  padding:0;
  margin:0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#float_callback {
  width:150px;
  height:150px;
  color: #fff;
  background: #0CA0AB;
  border-radius: 50%;
  -moz-border-radius: 50%;
  font-family: Georgia;
  position: absolute;
  right: 10%;
  bottom: 50px;
  box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
  cursor: pointer;
}
#float_callback:hover {
  animation-name: call_shadow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes call_shadow {
  0% {
    box-shadow: 0 0px 5px 7px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 5px 7px rgba(0,0,0,0.1);
  }
  25% {
    box-shadow: 0 0px 5px 7px transparent, 0 0px 5px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 5px 7px transparent, 0 0px 5px 12px rgba(0,0,0,0.1);
  }
  100% {
    box-shadow: 0 0px 5px 7px transparent, 0 0px 5px 12px transparent, 0 0px 5px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 5px 7px transparent, 0 0px 5px 12px transparent, 0 0px 5px 20px rgba(0,0,0,0.1);
  }
}
#float_callback:before {
  position: absolute;
  display: block;
  content: "";
  width: 200px;
  height: 200px;
  top: -25px;
  left: -25px;
  border-radius: 100%;
  border: 1px solid;
  border-right-color: #96F6FD;
  border-top-color: #0CA0AB;
  border-left-color: #96F6FD;
  border-bottom-color: #0CA0AB;
  transition: all .2s;
  -webkit-transition: all .2s;
  animation-name: anim_before;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes anim_before {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
#float_callback:after {
  position: absolute;
  display: block;
  content: "";
  width: 185px;
  height: 185px;
  top: -17px;
  left: -17px;
  border: 1px solid;
  border-right-color: #0CA0AB;
  border-top-color: #96F6FD;
  border-left-color: #0CA0AB;
  border-bottom-color: #96F6FD;
  border-radius: 100%;
  transition: all 1s;
  -webkit-transition: all 1s;
  animation-name: anim_after;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform: scale(1);
}
@keyframes anim_after {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
#float_callback:hover:after {
    opacity: 0;
}
#float_callback:hover:before {
    width: 0px;
    height: 0px;
    left: 50%;
    top: 50%;
}
.float_tel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 40px;
    background: #0CA0AB;
    border-radius: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    /*transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;*/
    animation-name: anim_two;
    animation-duration: 8s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    Animation-direction: alternate;
    animation-delay: 5s;
}
@keyframes anim_two {
    0% {
      transform: scale(1) rotateZ(0deg);
      -webkit-transform: scale(1) rotateZ(0deg);
      -moz-transform: scale(1) rotateZ(0deg);
      -o-transform: scale(1) rotateZ(0deg);
      -ms-transform: scale(1) rotateZ(0deg);
      opacity: 1;
    }
    5% {
      transform: rotate(10deg);
    }
    6% {
      transform: rotate(-10deg);
    }
    7% {
      transform: rotate(10deg);
    }
    8% {
      transform: rotate(-10deg);
    }
    9% {
      transform: rotate(10deg);
    }
    10% {
      transform: rotate(-10deg);
    }
    11% {
      transform: rotate(10deg);
    }
    12% {
      transform: rotate(-10deg);
    }
    13% {
      transform: rotate(10deg);
    }
    30% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity: 1;
    }
    40% {
      transform: rotate(360deg)
       -webkit-transform: rotate(360deg)
    }
    50% {
      transform: scale(0);
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(0);
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      opacity: 0;
    }
}
.float_text {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    text-align: center;
    padding-top: 40px;
    font-size: 25px;
    opacity: 0;
    background: #0CA0AB;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    /*transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;*/
    z-index: 2;
    background: #0CA0AB;
    animation-name: anim_one;
    animation-duration: 8s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    Animation-direction: alternate;
    animation-delay: 5s;
}
.float_text p:hover {
    animation: trip .1s infinite;
}
@keyframes trip {
   0% {
      transform: translateX(-2px)
   }
   100% {
      transform: rtranslateX(2px)
   }
}
@keyframes anim_three {
    0% {
      transform: scale(0) rotateZ(0deg);
    }
    100% {
      transform: scale(1) rotateZ(360deg);
    }
}
@keyframes anim_one {
    0% {
      transform: scale(0) rotateZ(0deg);
      -webkit-transform: scale(0) rotateZ(0deg);
      -moz-transform: scale(0) rotateZ(0deg);
      -o-transform: scale(0) rotateZ(0deg);
      -ms-transform: scale(0) rotateZ(0deg);
      opacity: 0;
    }
    50% {
      transform: scale(1) rotateZ(360deg);
      -webkit-transform: scale(1) rotateZ(360deg);
      -moz-transform: scale(1) rotateZ(360deg);
      -o-transform: scale(1) rotateZ(360deg);
      -ms-transform: scale(1) rotateZ(360deg);
      opacity: 1;
    }
    
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity: 1;
    }
}

/******** НОВАЯ ФОРМА ********/

#mod-form-contact_ input {
  color: #6a7989;
  font-size: 16px;
  font-weight: bold;
}

/*ОБЩИЕ СТИЛИ ДЛЯ ПЛЭЙСХОЛДЕРА*/
#mod-form-contact_ ::-webkit-input-placeholder {color:#96A4B3;font-weight: normal}
#mod-form-contact_ ::-moz-placeholder          {color:#96A4B3;font-weight: normal}
#mod-form-contact_ :-moz-placeholder           {color:#96A4B3;font-weight: normal}
#mod-form-contact_ :-ms-input-placeholder      {color:#96A4B3;font-weight: normal}

/*ОБЩИЙ БЛОК*/

#mod-form-contact_ {
	width: 400px;
	padding: 20px 10px;
	margin: auto;
	background: #F0EFEE;
	text-align: center;
  	border-radius: 7px;
  	box-shadow: 0px 0px 6px 0px #D0D0D0;
  	position: fixed;
  	top: 50%;
  	margin-top: -177px;
  	left: 50%;
  	margin-left: -200px;
}
#mod-form-contact_ h2{
	color: #96A4B3;
	margin: 0;
}
/*БЛОК ВКЛЮЧАБЩИЙ ИНПУТ И ЛАБЕЛЬ*/
.form-row {
  position: relative;
  margin: 2em auto;
  width: 350px;
  color: #6a7989;
  font-size: 16px;
  font-weight: bold;
	 box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.input-text {
  background-color: transparent;
  padding: 8px 4px;
  position: relative;
  width: 100%;
  display: block;
/*  z-index: 3;*/
  outline: none;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  border: 2px solid #6a7989;
  border-left: none;
  border-right: none;
  font-size: 16px;
  height: 38px;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.label-helper {
  bottom: 0;
  display: block !important;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: .2s bottom, .1s opacity;
  -webkit-transition: .2s bottom, .1s opacity;
  -moz-transition: .2s bottom, .1s opacity;
  -o-transition: .2s bottom, .1s opacity;
  -ms-transition: .2s bottom, .1s opacity;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  line-height: 208%;
  text-align: left;
  padding-right: 3%;
  font-size: 16px;
  font-weight: bold;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/*СВОЙСТВА ИНПУТА ПРИ ФОКУСЕ*/

.input-text:focus {
	transition: all .2s;
  	-webkit-transition: all .2s;
  	-moz-transition: all .2s;
  	-o-transition: all .2s;
  	-ms-transition: all .2s;
  	background: #F9F7F6;
	-webkit-transform: translate3d(0, 0.5em, 0);
	transform: translate3d(0, 0.5em, 0);
  border-bottom: 2px solid #D6D6D6;
  border-top: 2px solid #D6D6D6;
  animation: input_shadow .1s linear;
  /*-webkit-animation-name: input_shadow;
  -o-animation-name: input_shadow;
  -moz-animation-name: input_shadow;
  animation-name: input_shadow;
  -webkit-animation-duration: .1s;
  -moz-animation-duration: .1s;
  -o-animation-duration: .1s;
  animation-duration: .1s;
  -o-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear;*/
}
@keyframes input_shadow {
	0% {
		box-shadow: 0px 0px 0px 0px #6a7989;
	}
 	50% {
    	box-shadow: 0px 0px 50px 0px #6a7989;
  	}
  	100% {
  		box-shadow: 0px 0px 0px 0px #6a7989;
  	}
}

/*СВОЙСТВА ЛАБЕЛЬ ПРИ ФОКУСЕ НА ИНПУТ И ЛАБЕЛЬ*/

.input-text:focus + .label-helper {
  bottom: 80%;
  opacity: 1;
}

/*СВОЙСТВА И ЭФФЕКТЫ КНОПКИ ОТПРАВИТЬ*/

#mod-form-contact_ .button {
    display: block;
    padding: 10px 30px;
    background: #6a7989;
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    border-radius: 5px;
    position: relative;
    width: 50%;
    margin: auto;
    outline: none;
    border: 2px solid #6a7989;
    cursor: pointer;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
}
#mod-form-contact_ .button:hover, #mod-form-contact_ .button:focus, #mod-form-contact_ .button:active {
    background: #fff;
    color: #6a7989;
    border: 2px solid #6a7989;
}

/* СВОЙСТВА И ЭФФЕКТЫ, ЕСЛИ НЕ ЗАПОЛНЕНЫ ПОЛЯ */

.valid-error {
  	box-shadow: 0px 0px 0px 0px #E83131s;
    -webkit-box-shadow: 0px 0px 9px 0px #E83131;
    -moz-box-shadow: 0px 0px 0px 0px #E83131s;
    -o-box-shadow: 0px 0px 0px 0px #E83131s;
    border: 1px solid #EFEFEF;
}
.snow-canvas {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	pointer-events: none;
	z-index: 9999;
}