*{margin:0;padding:0;font-family:'HelveticaRegular',sans-serif;} .line_up{ background-color: #898b8e; height:40px; width:100%; } .line_up_in{ width:960px; margin-left: auto; margin-right: auto; display:table; } .line_up_in .left_lineup, .line_up_in .right_lineup{ display:table-cell; padding-left:10px; padding-right:10px; } .line_up ul li{ list-style: none; display: table-cell; vertical-align: middle; height: 40px; color:#dde1e8; font-size:13px; padding-right:36px; } .line_up a{color:#dde1e8;text-decoration:none;} .line_up_in .left_lineup ul{ float:left;} .line_up_in .right_lineup ul{ float:right;} .login_button_lu, .user_button_lu{ padding-left:15px; background:url('../images/ico_user.png') center left no-repeat; cursor:pointer; } .reg_button_lu{ padding-left:20px; background:url('../images/ico_note.png') center left no-repeat; cursor:pointer; } .login_button_lu a, .reg_button_lu a, .user_button_lu a{border-bottom:1px dotted #dde1e8;} .line_up ul li:last-child{padding-right:0px;} .line_up a:hover{color:#eef1f5;transition:0.2s;} .login_button_lu a:hover, .reg_button_lu a:hover, .user_button_lu a:hover{border-bottom:1px dotted #eef1f5;} /* */ .head{ width:960px; margin-left: auto; margin-right: auto; position:relative; } .head_up{ display:table; height:124px; padding-left:10px; padding-right:10px; } .bau_logo{opacity:0.8;transition:0.2s;width:170px;} .bau_logo:hover{opacity:1;} .head_up_cell{display:table-cell;vertical-align:middle;} .head_up_cell.srch{width:311px;} .search_head { margin-left: 29px; margin-right: auto; margin-top: -6px; } .search_head input[type="text"]{ border: 1px solid #c3c6cb; border-right: none; padding: 8px; padding-right:18px; border-radius: 2px 0px 0px 2px; width: 230px; color: #515355; font-family: 'HelveticaRegular',sans-serif; font-size: 13px; height:15px; } .search_head button{ background-color: #6aa033; border: 0; color: #ffffff; padding-bottom: 8px; font-size: 14px; border-top: 1px solid #6aa033; border-bottom: 2px solid #588c23; border-radius: 0px 2px 2px 0px; cursor: pointer; width: 33px; height: 33px; max-height: 33px; position: absolute; overflow: hidden; margin-left:-10px; } .srch_head_desc{color:#898b8e;font-size:12px;padding-bottom:5px;} .srch_head_desc a{margin-left: 3px;margin-right: 3px;color: #898b8e;text-decoration:none;border-bottom:1px dotted #898b8e;} input:focus {outline: none;} button:focus {outline: none;} .phone_me_head .phone_code{color:#898b8e;font-family:HelveticaBold;} .phone_me_head .phone_num{ letter-spacing: 0; font-family: HelveticaBold; font-size: 24px; margin-bottom: 9px; margin-top: -1px; position: relative; color: #333333; margin-left: -2px; } .phone_desc{ font-size: 12px; color: #898b8e; text-align: center; padding-top: 7px; margin-left: -14px; margin-top: 1px; } .phone_me_head button{ font-family: 'Ubuntu', sans-serif; background-color: #6aa033; border: 0; color: #ffffff; padding-top: 8px; padding-bottom: 8px; font-size: 13px; border-top: 1px solid #6aa033; border-bottom: 2px solid #588c23; border-radius: 0px 2px 2px 0px; cursor: pointer; padding-right: 10px; padding-left: 10px; position:absolute; z-index:2; height:33px; } .phone_me_head input[type="text"]{ text-transform: uppercase; font-size: 12px; border: 1px solid #c3c6cb; border-right: none; padding: 8px; padding-top: 9px; border-radius: 2px 0px 0px 2px; width: 100px; color: #515355; margin-left: -1px; padding-right: 3px; padding-left: 10px; z-index:2; height:14px; } .phone_me_head{margin-left:10px;} /* */ .menu_up { width: 100%; height: 60px; background-color: #6AA033; background: -webkit-linear-gradient(top, #588C23 0%,#6AA033 50%,#6AA033 51%,#6AA033 100%); background: linear-gradient(to top, #6AA033 41px, #6AA033 47px, #588C23 57px) transparent; } .menu_up .home_button{float:left;} .menu_up .home_button a{ background:url('../images/ico_home.png') right center no-repeat; height:60px; display: table-cell; vertical-align: middle; text-align:left; width:55px; padding:0 !important; } .menu_up .home_button a:hover{ background:url('../images/ico_home_black.png') right center no-repeat; background-color:#ffde00; } .menu_item a:after{ content:''; width:1px; height:44px; position:absolute; background-color:#90c25c; left:0px; top:7px; opacity:1 !important; } .menu_item a:hover:after{opacity:0 !important;} .menu_up_center{width:960px;margin-left:auto;margin-right:auto;position:relative;} .menu_up a{ height: 60px; display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; color: white; text-decoration: none; font-size: 15px; position: relative; } .menu_up a:hover{background-color:#ffde00;color:#000000;} .submenu_button.m_item2.active:hover{background-color:#ffffff!important;color:#000000;border-top:1px solid #598d24!important;} .menu_up a:last-child:after, .menu_up a:hover:after{opacity:0;} .meter{ background-color:#737679; width:100%; height:3px; position:relative; } .meter span{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffde00', endColorstr = '#e3c600'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffde00', endColorstr = '#e3c600')"; background-image: -moz-linear-gradient(top, #ffde00, #e3c600); background-image: -ms-linear-gradient(top, #ffde00, #e3c600); background-image: -o-linear-gradient(top, #ffde00, #e3c600); background-image: -webkit-gradient(linear, center top, center bottom, from(#ffde00), to(#e3c600)); background-image: -webkit-linear-gradient(top, #ffde00, #e3c600); background-image: linear-gradient(top, #ffde00, #e3c600); height:3px; position: absolute; left:0; } .meter.none{ background-color:#737679; width:100%; height:0px; position:relative; } /* */ .content{width:940px;margin-left:auto;margin-right:auto;padding:10px;padding-top:11px;} .content .title{font-size:30px;margin-top:14px;color:#333333;} .title.white{color:#ffffff;} .title.grey{color:#dde1e8;} /* */ /* */ .why_us{ width:100%; height:260px; background:url('../images/why_us_fon.png') center center no-repeat; background-color:#898b8e; } .why_us .items_why{margin-top: 14px;} .why_us .items_why .item{ color: #ffffff; font-size: 15px; float: left; width: 220px; border-bottom: 2px solid #6aa034; height: 50px; display: inline-table; margin: 10px; margin-bottom: 14px; } .items_why .item span{ width:175px; font-size:15px; display:table-cell; vertical-align:middle; padding-left: 43px; line-height:1.2; } .why_us .items_why .item.no_mrg_lt{ margin-left:0; } .why_us .items_why .item.no_mrg_rgt{ margin-right:0; } /**/ .prods{background:#f4f4f4 url('../images/prods_grey_fon.png');} /* */ .novelty .content{ padding-top:30px; } /* */ .products .content{padding-top:30px;padding-bottom:52px;} .products .items{ display:table; width:90%; margin-left:auto; margin-right:auto; margin-top:24px; } .products .items .item .item_title{margin-top:8px;} .products .items .item{ text-align:center; display:table-cell; width:1000px; } .products .items .item a{color:#6aa033;font-size:15px;} /* */ .footer_bl{background-color:#898b8e;} .footer{ width: 960px; height: 215px; margin-left: auto; margin-right: auto; position: relative; } .footer .content{ position: absolute; font-size: 13px; color: #dde1e8; vertical-align: top;} .footer .content .title{font-size:24px;margin-top:15px;margin-bottom:13px;} .footer .content.small{ width: 130px; right: -13px; top: -1px;} .footer .content.big{width:360px;} .footer .content ul li{list-style:none;margin-bottom:9px;} .footer .content ul li a{color:#dde1e8;text-decoration:none;} .down_line .left{float:left;} .down_line .right{float:right;} .both{clear:both;} .down_line{ font-size: 11px; color: #dde1e8; padding: 10px; padding-top: 14px; position: absolute; bottom: 8px; width: 100%;} .footer .copyright{color:#dde1e8;background:url('../images/aw_logo.png') right center no-repeat; padding-right:35px;padding-top:9px;padding-bottom:9px;} .social_button { float: left; margin-left: 11px; margin-top: 20px; position: relative; width: 32px; height: 32px; } .social_button:first-child{margin-left:0px;} /* */ .slider_prod{position:relative;} .prods .content{position:relative; padding-bottom:30px;} .prods_carousel{ margin-left:22px; margin-top:24px; width:100%; position:relative; } .prods_carousel li{ background-color:#ffffff !important; width:138px; height:78px; border:1px solid #cdd1d9; border-radius:2px; list-style:none; text-align:center; margin-right:12px; vertical-align:middle; } .prods_carousel li img, .socbut{ opacity:0.4; transition:0.3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */} .prods_carousel li:hover img, .socbut:hover{ opacity:1!important; transition:0.3s; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .pc_next,.pc_prev{cursor:pointer;position:absolute;z-index:99999; width:8px;height:18px;} .prods .content .pc_prev{left:2px; top:31px; background:url('../images/slider_left.png') center center no-repeat;} .prods .content .pc_next{right:-2px; top:31px; background:url('../images/slider_right.png') center center no-repeat;} .prods .content .pc_prev:hover{background:url('../images/slider_left_hover.png') center center no-repeat;transition:0.2s;} .prods .content .pc_next:hover{background:url('../images/slider_right_hover.png') center center no-repeat;transition:0.2s;} .prods_carousel ul li{display:table;} .prods_carousel ul li span{display:table-cell;vertical-align:middle; width:100%;height:100%;} .socbut{width:32px;height:32px;position:absolute;transition:0.2s; opacity:0.75!important;} .socbut.fb_button{background:url('../images/fb_small_color.png')center center no-repeat;} .socbut.vk_button{background:url('../images/vk_small_color.png')center center no-repeat;} .socbut.yt_button{background:url('../images/yt_small_color.png')center center no-repeat;} /***/ .slider { width: 100%; height: 480px; background: #eceff4; margin-right: 25px; display: inline-block; float: left; overflow:hidden; } .slider .slide{ width:100%; height:480px; } .owl-nav { position: relative; width: 160px; margin-left: auto; margin-right: auto; z-index: 9999999; } .owl-dots { width: 100%; margin: auto; text-align: center; position: absolute; bottom: 17px; margin-left:3px; } .owl-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,0.0); border: 2px solid #ffffff; display: inline-block; margin-right: 6px; } .owl-dot.active {width:12px;height:12px; background: #ffffff; border:none;} .owl-stage-outer{ position: relative; height: 480px; } .slider .prev{position:absolute;width:8px;height:18px;background:url('../images/slider_left_white.png') center center no-repeat;left:0;bottom:17px;} .slider .next{position:absolute;width:8px;height:18px;background:url('../images/slider_right_white.png') center center no-repeat;right:0;bottom:17px;} .slide .content{padding-top: 35px;color:#333333;position:relative;} .slide .content .title span{color:#6aa033;text-transform:uppercase;font-family:HelveticaBold;font-size:36px;} .slide .content .title div{font-size:28px;} .slide .content .title div div{font-size:18px;} .slide .content .list .item{margin-bottom:8px;color:#333333;font-size:16px; background:url('../images/ico_ok.png') left center no-repeat;padding-left:28px;font-weight: 600;padding-top:2px;padding-bottom:1px;} .content .list{padding-top:20px;padding-bottom:27px;} .slide_about{background-color:#6aa033;color:#ffffff;font-family:Ubuntu;font-size:13px;text-decoration:none;padding-left:22px;padding-right:20px;padding-top:8px;padding-bottom:9px;border-bottom:2px solid #588c23;border-radius:2px;} .price_round_border{ position: absolute; right: 19px; top: 157px; text-align: center; width: 125px; height: 125px; overflow: hidden; border-radius: 50%; background-color: rgba(255,255,255,0.3); } .price_round{ position:absolute; background-color:#ffde00; margin:6px; border-radius:50%; overflow:hidden; width:112px; height:112px; } .price_round .title{ font-size:11px; text-transform:uppercase; font-weight:bold; position:relative; padding-top:9px; padding-bottom:10px; } .price_round .title:after{ content:''; width:74px; height:1px; background-color:#e3c600; position:absolute; top:25px; left:19px; } .price_round .desc{font-weight:bold;font-size:24px;font-family:HelveticaBold;} .price_round .desc div{font-size:13px;} .novelty_cont{ margin-top:14px; padding-bottom:60px; color:#333333; } .novelty_cont:after { display: block; content: ''; clear: both; } .novelty_cont .item{ border:1px solid #cdd1d9; border-bottom:none; width:218px; float:left; margin-left:20px; border-top-left-radius: 2px; border-top-right-radius: 2px; position:relative; text-align:center; min-height:367px; } .novelty_cont .item {opacity:0.9;transition:0.2s;} .novelty_cont .item:hover{opacity:1;} .novelty_cont .item:first-child{margin-left:0px;} .novelty_cont .item .item_link{ text-decoration:none; border:0; } .novelty_cont .item:after{ content:''; position:absolute; width:220px; height:19px; bottom:-19px; left:-1px; background: url('../images/nc_item_bottom.png') bottom center no-repeat; z-index: -1; } .compare_add_but{ color:#6aa034; font-size:12px; text-decoration:none; background:url("../images/ico_scales.png") left center no-repeat; padding-left:27px; } .compare_add_but span{ border-bottom:1px dotted #6aa034; } .novelty_cont .item .pic{ margin-top:24px; } .novelty_cont .title_item{padding:13px;padding-top:0px;color:#6aa033;margin-top:10px;font-size:15px;line-height: 1.2;height: 4em} .novelty_cont .title_item a{text-decoration:none;color:#6aa033;} .novelty_cont .item .price{ font-size:20px; font-weight:bold; font-family:HelveticaBold; padding-bottom: 17px; } .novelty_cont .item .price span{ font-size:13px !important; } .novelty_cont .item .brand, .novelty_cont .item .type{ font-size:12px; } .novelty_cont .item .brand{ padding-top:1px; } .novelty_cont .item .type{ margin-bottom:8px; } .novelty_cont .item .brand a{ text-decoration:none; color:#6aa033; } .basket_add_but{ font-family:Ubuntu; font-size:13px; color:#ffffff; text-decoration:none; background:#6aa033; border: none; border-bottom:2px solid #588c23; padding-bottom:9px; padding-left:12px; padding-top:8px; padding-right:51px; border-radius:2px; display: block; margin: auto; position:relative; margin-bottom: 10px; width: 126px; } .basket_add_but:hover{ color:#ffffff; } .item .pic{ height:134px; text-align:center; } .basket_add_but:after{ content:''; width:18px; height:18px; position:absolute; right:17px; top:7px; background:url('../images/ico_basket_white.png') center center no-repeat; } .basket_add_but:before{ content:''; width:1px; height:21px; position:absolute; right:45px; top:7px; background:#588c23; } .item .new{ background-color:#00adf0; position:absolute; width:52px; height:14px; color:#ffffff; left:0px; top:14px; text-transform:uppercase; font-size:10px; padding-top:4px; text-align:left; padding-left:5px; } .item .new:after{ content:''; background:url('../images/new_fon_blue.png') right center no-repeat; position:absolute; width:18px; height:18px; right:-18px; top:0; } .item .top{ background:#ffde00; position:absolute; width:23px; height:14px; color:#ffffff; left:0px; top:34px; text-transform:uppercase; font-size:10px; padding-top:4px; text-align:left; padding-left:5px; color:#333333; } .item .top:after{ content:''; background:url('../images/top_fon_yellow.png') right center no-repeat; width:18px; height:18px; position:absolute; top:0; right:-18px; } /*firefox only hack*/ @-moz-document url-prefix() { .menu_up{ background-color:#6aa033; } button.fa.fa-search{ max-height: 32px; max-width: 33px; padding-top: 6px; } .phone_me_head button{ max-height: 33px; padding-top: 3px; border-width: 2px 0px !important; top: 52px; } .search_head input[type="text"]{ margin-top:2px; } .search_head button{ height: 33px; top: 53px; } .phone_me_head input[type="text"]{ margin-top:-1px; } } .submenu{ background-color:white; position:absolute; width:950px; right:0; z-index:9999; display:none; height:480px; padding-top:3px; border-radius: 0px 0px 3px 3px; box-shadow: 0px 3px 5px rgba(218,218,218,0.75); overflow:hidden; top: 60px; } .submenu.visible{ display:block; } .menu_item{ float:left; height:60px; } .submenu_button.active:after{ content:''; opacity:0; left:-1px; } .submenu .categories{ list-style: none; margin-top:11px; margin-left:10px; border-right: 1px solid #c3c6cb; width:210px; } .submenu .categories li{ font-size: 15px; padding-left: 5px; padding-top: 8px; padding-bottom: 7px; margin-bottom: -3px; max-width: 205px; cursor: pointer; padding-right: 5px; } .submenu .sub_cat.active span:after{ content: ''; position: absolute; height: 100%; background: url('../images/right_sub.png') center right; top: 0; left: 201px; width: 13px; cursor:pointer; } .submenu .sub_cat.active{ color:white; background-color: #6aa033; z-index: 9999; } .submenu .sub_cat.active:hover{ color:white; background-color: #6aa033; } .sub_cat_content{ position:absolute; top:40px; right:10px; width:700px; height:420px; color:black; display: none; overflow:hidden; } .sub_cat span{ font-size: 15px; padding-top: 8px; padding-bottom: 7px; cursor: pointer; position: relative; } .sub_cat_content.visible{ display: block; } .sub_cat_content .content_item{ width:160px; height:207px; float:left; text-align: center; font-size: 15px; margin-right:20px; margin-top:10px; } .sub_cat_content .content_item a{ color:#6aa033; margin:0; padding:0; text-transform: none; height:auto; font-size: 15px; } .sub_cat_content .content_item a:after{content: none;} .sub_cat_content .content_item a:hover{color:#6aa033!important;background-color: #ffffff;} .sub_cat_content .content_item .picture{width:160px; height:170px;} .sub_cat_content .content_items{width:720px;} .filter_list .arrow{ cursor: pointer; } .head_up .head_up_cell.bau_logo img { margin-top: 4px; margin-left: -1px; } .order_list li{ cursor:pointer; } .order_list li .active{ cursor:default; } .menu_item a.m_item1{width: 119px;} .menu_item a.m_item2{width: 300px;} .menu_item a.m_item3{width: 178px;} .menu_item a.m_item4{width: 150px;} .menu_item a.m_item5{width: 158px;} .basket_head{ position:absolute; width:198px; height:54px; border:1px solid #c3c6cb; border-radius: 2px; top:36px; right:0; opacity: 0.8; cursor:default; background-color: #ffffff; z-index: 4; } .basket_head.basket_head_for_click { opacity: 1; border: 1px solid #737373; border-bottom: 1px solid #ffffff !important; box-shadow: 0px -1px 1px #B9B9B9; } .basket_head:hover{ opacity:1; } .basket_head .bh_cell{ position:absolute; } .basket_head .basket_head_title{ text-transform: uppercase; font-size: 18px; color: #333333; font-weight: 600; text-align: center; width: 125px; left: -20px; position: absolute; } .basket_head .bh_cell.img{ top:16px; left:20px; } .basket_head .bh_cell.text{ top:20px; left:66px; } .basket_head .basket_head_desc{ color:#6aa033; font-size:14px; } i.head-down.bh_cell{ width: 9px; height: 5px; background: url('../images/head_down.png'); cursor: pointer; right: 7px; top: 5px; opacity: 0.8; background-repeat: no-repeat; padding: 20px 0 20px 15px; background-position: 15px 20px; } i.head-down.bh_cell_2{ width: 9px; height: 5px; background: url('../images/head_up.png'); cursor: pointer; right: 7px; top: 5px; opacity: 0.8; background-repeat: no-repeat; padding: 20px 0 20px 15px; background-position: 15px 20px; } i.head-down.bh_cell:after{ content: ''; position: absolute; width: 1px; height: 37px; background-color: #d9dbde; top: 3px; right: 18px; } .phone_num .head-down{ width:9px; height:5px; background:url('../images/head_down.png') center center no-repeat; cursor:pointer; position: absolute; right:-17px; top:12px; } .prods{ height:212px; overflow: hidden; } .prods .content .title{ padding-top:20px; } .prods_carousel li{ cursor:pointer; } .products{ height:257px; overflow: hidden; } .products .title{ margin-top: 15px; } .phone_me_head button:hover, .search_head button:hover, .slide_about:hover, .basket_add_but:hover{ background-color: #588c23; border-bottom: 2px solid #41671a; } .basket_add_but:hover:before{ content: ''; width: 1px; height: 21px; position: absolute; right: 45px; top: 7px; background: #47711d; } .search_head button .search_img{ width:16px; height:15px; background:url('../images/search.png') center center no-repeat; position: absolute; top: 8px; left: 9px; } .slider_arrow_left, .slider_arrow_right{ cursor:pointer; } .slide_about:hover{ color:#ffffff !important; } .sub_cat .arrow{ display:none; width: 9px; height: 0px; background-color: rgba(0,0,0,0); float: right; margin-right: -22px; margin-top: -8px; border-left: 8px solid #6aa033; border-top: 16px solid rgba(0,0,0,0); border-bottom: 15px solid rgba(0,0,0,0); } .sub_cat.active .arrow, .sub_cat.active.big .arrow{ display:block; } .sub_cat.big .arrow{ display:none; width: 9px; height: 0px; background-color: rgba(0,0,0,0); float: right; margin-right: -22px; margin-top: -25px; border-left: 8px solid #6aa033; border-top: 24px solid rgba(0,0,0,0); border-bottom: 23px solid rgba(0,0,0,0); } /*.menu_item a{border-top:1px solid #588c23;}*/ .menu_item .active{background-color: #fff;color: black;} .menu_item .active a:hover{ background-color: #fff; color: black;} .content_item a, .content_item a:hover{border:none;} .meter .menu_up{ position: absolute; z-index: 9; top: -60px; } a.submenu_button{cursor:pointer;} .warning.phone{ position: absolute; background-color: #cacc36; font-size: 11px; width: 240px; right: 220px; text-align: center; padding-top: 5px; padding-bottom: 5px; border-radius: 5px; color: black; top: 89px; z-index: 1; display:none; } input.error{ transition:0.2s; /*background-color: #FFEDED; position: relative;*/ } input.error_pass{ transition:0.2s; background-color: #F1B9B9; } .close_modal{ position: absolute; background-color: rgba(0,0,0,0); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .forgot_pass_modal_wrapper .modal_window .text{ width: 420px; margin-left: auto; margin-right: auto; } .modal_centered{ width: 100%; height: 100%; position: fixed; padding-top: 3%; z-index: 999; } .modal_registration_form, .modal_wrapper_login, .forgot_pass_modal_wrapper, .forgot_pass_success_wrapper, .callback_wrapper{ display: block; position: fixed!important; width: 100%!important; height: 100%!important; } .modal_registration_form, .modal_wrapper_login, .forgot_pass_modal_wrapper, .forgot_pass_success_wrapper, .callback_wrapper, .consultation_modal{ display: block; position: fixed!important; width: 100%!important; height: 100%!important; } .please_phone{ position: absolute; border: 1px solid grey; padding: 5px; background-color: white; z-index: 4; font-size: 11px; font-weight: bold; border-radius: 3px; padding-left: 12px; padding-right: 12px; top: 89px; right: 219px; display: none; } .please_phone.visible{ display:block; } #loginform-rememberme{ display: none; } .field-loginform-rememberme{ display: inline; color: #6aa034; } .field-loginform-rememberme label:hover{ color: #517a27; } .buy_one_item { display: inline-block; width: 50px; height: 31px; vertical-align: top; font-size: 17px; line-height: 1; padding: 0 10px 0 10px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .portfolio-portfolio { width: 940px; height:230px; border-bottom: 1px solid #c8ced5; padding-top: 15px; box-sizing: border-box; position: relative; } .portfolio-portfolio-img-wrap { width: 200px; height: 200px; margin-right: 15px; float: left; } .portfolio-portfolio-text-wrap { width: 925px; } .date_end { display: block; padding: 10px 0; font-size: 12px; } .portfolio-text-name{ padding: 20px 0; } /*****comments***/ .style {} .new-portf-add-comm { padding: 24px 20px 30px 20px; box-sizing: border-box; margin-top: 10px; background: #f1f1f1; width: 100%; float: left; } .input-blocks-comm { width: 230px; float: left; margin-left: 34px; position: relative; } .input-blocks-comm.fix_marg_ { margin-left: 0;} .input-blocks-comm label { font-size: 13px; color: #454545; font-weight: 700; } .custom-input-4 { width: 230px; height: 32px; border: 0; box-sizing: border-box; outline: none; color: #333; font-size: 13px; line-height: 29px; padding-left: 8px; margin-top: 5px; } .help-block { width: 320px; margin-left: -10px; text-align: center; position: relative; border: 1px solid #c1c1c1; margin-top: 25px; box-shadow: 3px 3px 7px 0 rgba(200, 200, 200, .5), inset 0 -3px 0 0 #c1c1c1; padding: 15px 0; display: none; } .has-error .help-block { display: block; color: inherit; background: #fff; } .new-portf-add-comm .help-block { width: 230px; margin-left: 0; padding: 16px 10px; box-sizing: border-box; } .help-block:before { content: ''; width: 20px; height: 20px; background: #fff; border: 1px solid #c1c1c1; transform: rotate(45deg); position: absolute; top: -12px; left: 50%; margin-left: -10px; } .help-block:after { content: ''; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; top: -10px; left: 50%; margin-left: -10px; background: #fff; border: 1px solid #fff; } .input-blocks-comm.area-comm { width: 100%; margin-left: 0; margin-top: 10px; position: relative; } .custom-area-4 { min-height: 142px; max-height: 142px; resize: none; width: 100%; max-width: 100%; border: 0; box-sizing: border-box; outline: none; color: #636363; font-size: 13px; padding-left: 8px; padding-top: 8px; margin-top: 5px; } .input-blocks-comm-button { text-align: right; margin-top: 16px; float: left; width: 100%; } .input-blocks-comm-button button { background: #6a9f33; color: #fff; font-size: 13px; height: 27px; outline: none; cursor: pointer; border-radius: 4px; padding: 0 17px; border: 1px solid #6a9f33; } .input-blocks-comm-button button:hover {background: #588b22;border: 1px solid #588b22;} .input-blocks-comm-button button:active {background: #3e6416;border: 1px solid #3e6416;} .comments-name { font-weight: normal; margin-top: -3px; } .comments-name a { color: #0072bc; text-decoration: none; } .comments-name span { color: inherit; } .new-portf-comm-read .comments-name a, .new-portf-comm-read .comments-name span { font-size: 13px; }