/* reset */ a, h1, h2, h3, h4, h5, p{ font-family: 'Open Sans', sans-serif;} a:hover{ text-decoration:none;} img{max-width:100%; height:auto;} body{ font-family: 'Open Sans', sans-serif;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0;padding:0;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* start editing from here */ a{text-decoration:none;} .txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ body{ font-family: 'Open Sans', sans-serif; background:#fff; } a:hover{ text-decoration:none;} .wrap{ width:80%; margin:0 auto; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; } .header-top{ background:url(../images/header_wrap.gif) no-repeat top center; background-size:cover; text-align:right; padding: 5px 5px 0 5px; } .header-top8{ background:#10354A url(../images/headerbg-articles.jpg) no-repeat top center; background-size:cover; text-align:right; padding: 5px 5px 0 5px; height: 420px; } .listing li{ background:url(../images/black_arrow.png) no-repeat 0px 12px; font-family: 'Open Sans', sans-serif; color: #262626; font-size: 14px; border-bottom: 1px dotted #E7E6E4; padding: 8px 0px 8px 35px; float: none; width: auto; } ul.address { color: #3C3C3C; font: italic 13px/20px "Georgia",Arial,Helvetica,sans-serif; padding-top: 10px; } ul.trad_way { color: #3C3C3C; font: italic 13px/20px "Georgia",Arial,Helvetica,sans-serif; padding-top: 10px; } .listing li span{ padding-left:15px;} .logo{ float:left; margin-top:10px; } .header-right { float: right; width: auto; right:0%; margin: 0 0 10px 0; padding:5px 0 0 0; } .header-right ul.cont_info { float:right; } .header-right ul.cont_info li { float:left; color:#fff; font: 14px Verdana; position:relative; margin-left:8px; } .header-right ul.cont_info li.ind_phone { padding-top:0px; font: 14px Verdana,Arial,Helvetica,sans-serif; } .header-right ul.cont_info li.cont a { background: #E25E2B none repeat scroll 0% 0%; padding: 8px 24px; } .header-right ul.cont_info li span, .header-right ul.cont_info li a { padding:5px 5px 5px 3px; } .header-right ul.cont_info li a { color:#fff; padding:5px 0px 5px 3px; } .header-right ul.cont_info li span { padding:5px 5px 5px 32px; } .header-right ul.cont_info li.ind_phone span { padding:5px 5px 5px 34px; } .wmuGallery .wmuGalleryImage { margin-bottom: 10px; } .wmuSliderPrev, .wmuSliderNext { position: absolute; width: 70px; height: 120px; text-indent: -9999px; background: url(../images/img-sprite.png)no-repeat; top: 27%; z-index: 2; cursor: pointer; } .wmuSliderPrev { background-position: -20px -21px; left: 40px; } .wmuSliderNext { background-position: -100px -21px; right: 40px; } .wmuSliderPagination { z-index: 2; position: absolute; left:83.5%; bottom:80px; } .wmuSliderPagination li { float: left; margin:0 10px 0 0; list-style-type: none; } .wmuSliderPagination a { display: block; text-indent: -9999px; width:10px; height:10px; background:#ececec; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; } .wmuSliderPagination a.wmuActive { background:#08080b; width:10px; height:10px; } .slider-left{ float: left; width: 70.5%; } .slider-right{ width:28.5%; float:left; text-align: right; margin-top:4%; } .slider-right h1{ color:#000; font-size:4em; text-transform:uppercase; font-weight: 100; } .slider-right h2{ color:#000; font-size:3em; text-transform:uppercase; font-weight: 100; } .slider-right p{ color:#999; font-size:0.85em; } .btn{ padding:8% 0; } .btn a { border:1px solid #ddd; color: #000; cursor: pointer; padding: 10px 30px; display: inline-block; font-size:0.85em; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #FFF; } /*--content--*/ .span_1_of_c1{ width: 26.2%; } .span_1_of_c1 p{ color:#999; font-size:0.8125em; margin-top: 30px; } .lsidebar { display: block; float: left; margin: 1% 4.6% 1% 0; } .span_2_of_c1{ width: 69.2%; } .cont { display: block; float: left; margin: 1% 0 1% 0; } .span_2_of_c1 p{ font-size:0.8125em; color:#999; } .social { width:23.33%; float: left; margin-right: 2%; text-align: center; position: relative; } .social span label { font-size: 1.6em; line-height: 1.8em; } .border { height: 3px; width: 110px; display: block; background: url(../images/border.png) no-repeat 0px 0px; position: absolute; left:33%; top: 45%; } .radius { position: absolute; top: 5px; left: 47px; } .social ul li:first-child, ol li:first-child { margin-top: 0px; margin-left: 0; } li.facebook a span { height: 75px; width: 75px; display: block; background: url(../images/img-sprite.png)no-repeat -34px -157px; } li.facebook a span:hover { background: url(../images/img-sprite.png) no-repeat -34px -230px; } li.twitter a span { height: 75px; width: 75px; display: block; background: url(../images/img-sprite.png)no-repeat -114px -157px; } li.twitter a span:hover { background: url(../images/img-sprite.png) no-repeat -114px -230px; } li.google a span { height: 75px; width: 75px; display: block; background: url(../images/img-sprite.png)no-repeat -190px -157px; } li.google a span:hover { background: url(../images/img-sprite.png) no-repeat -190px -230px; } li.dot a span { height: 75px; width: 75px; display: block; background: url(../images/img-sprite.png)no-repeat -272px -157px; } li.dot a span:hover { background: url(../images/img-sprite.png) no-repeat -272px -230px; } .content-top h2{ color: #333; font: 20px/28px OpenSans,Arial,Helvetica,sans-serif; margin-bottom: 20px; text-shadow: 0px 1px 0px #FFF;} .content-top h4{ color: #000; font: 18px/28px OpenSans; margin-bottom: 25px; text-shadow: 0px 1px 0px #FFF;} .content-top{ margin:3% 0; } .social:nth-child(4) { margin-right: 0; } p.num{ color:#000; margin-top:-20px; } .col_1_of_3:first-child { margin-left: 0; } .col_1_of_3 { display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_3 { width:30.7%; border: 1px solid #DDD; } .grid_img{ text-align:center; } h3.m_1{ color:#555; font-size:0.9em; text-transform:uppercase; font-weight:500; } p.m_2{ color:#999; font-size:0.8125em; } .price{ color:#555; font-size:1.2em; font-weight:700; } .rating { overflow: hidden; display:block; background:#d5d5d5; padding:2% 5%; font-size: 0.85em; color:#000; float: left; width:40%; } .rating-input { position: absolute; left: 0; top: -50px; } .rating-star { display: block; width: 20px; height: 20px; background: url('../images/star.png') 0 -3px; float:left; } .rating-star:hover { background: url('../images/star.png') 0 -20px; } .rating-star1 { display: block; width: 20px; height: 20px; background: url('../images/b_star.png') 0 -3px; float: left; } .rating-star1:hover { background: url('../images/b_star.png') 0 -20px; } /* Just for the demo */ .top_box{ padding:6%; } ul.listing3 li { background: transparent none repeat scroll 0px 0px; border-bottom: 1px dashed #5E5D5D; line-height: 16px; margin: 0px; padding: 10px 0px; position: relative; font-size: 13px; } ul.listing3 li a{ font-size:15px;} ul.listing3 li img{ margin-bottom:10px; margin-right:0px; width: 100%; } @media(min-width:768px) and (max-width:820px){ul.listing3 li img{ margin-bottom:10px; margin-right:0px; width: 25%; } ul.listing3 li a{ font-size:14px; padding-left: 10px;} } @media (min-width:100px) and (max-width:760px){ .comment-form textarea { width: 95%; } } ul.listing2 li { background: transparent none repeat scroll 0px 0px; border-bottom: 1px dashed #5E5D5D; line-height: 16px; margin: 0px; padding: 10px 0px; position: relative; font-size: 13px; } .widge-box ul li { background: transparent none repeat scroll 0px 0px; border-bottom: 1px dashed #5E5D5D; line-height: 16px; margin: 0px; padding: 10px 0px; position: relative; font-size: 13px; } ul.listing1 li { font-family: 'Open Sans', sans-serif; color: #262626; font-size: 13px; background: transparent url("../images/service_arrow_icon.png") no-repeat scroll 0px 16px; padding: 8px 0px 8px 35px; float: none; width: auto; } .widge-box{ } .widge-box a{ color: #333; font-size: 13px; } .widge-box a:hover{ color:#Ff6000;} .seprator{ border-right:1px dashed #999;} .list{ float: left; background: #08080B; width: 50%; padding: 0.5% 0; text-align: center; } ul.list li img{ vertical-align:middle; float: left; margin: 0 0px 0 18%; } .top_box .css3 img { -webkit-transition-duration: 0.5s; /* Webkit: Animation duration; */ -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .top_box:hover .css3 img{ -webkit-transform: scale(0.9); /* Webkit: Scale up image to 1.2x original size; */ -moz-transform: scale(0.9); -o-transform: scale(0.9); opacity: 1; } /* start icon styles */ .icon1:before,.icon1:after { content: ""; display: table; } .icon1:after { clear: both; } .icon1 { float: left; zoom:1; } .icon1 li a{ color: #FFF; font-size: 0.85em; text-transform: uppercase; margin-top: 6px; } .icon1 li { position: relative; } .icon1 li:last-child{ border-right:none; } .icon1 li:hover > a { color: #fafafa; } *html .icon1 li a:hover { color: #fafafa; } .icon1 ul { width:300px; margin: 20px 0 0 0; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top:38px; z-index: 1; right: -140px; background: #ffffff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: 0px 2px 6px #aaa; -webkit-box-shadow: 0px 2px 6px #aaa; -moz-box-shadow: 0px 2px 6px #aaa; -o-box-shadow: 0px 2px 6px #aaa; } .icon1 li:hover > ul { opacity: 1; visibility: visible; margin: 0; z-index: 9999; } .icon1 ul ul { top: 6px; left: 158px; margin: 0 0 0 20px; } .icon1 ul li { float: none; display: block; border: 0; } .icon1 ul li:first-child{ border-top:none; } .icon1 ul li:first-child a{ border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; } .icon1 ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .icon1 ul a { _height: 10px; white-space: nowrap; float: none; text-transform: none; } .icon1 ul li:first-child > a:after { content: ''; position: absolute; left: 45%; top: -30px; border-left: 10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0; } .icon1 ul ul li:first-child a:after { left: -100px; top: 0%; margin-top: -6px; border-left: 0; border-bottom:20px solid transparent; border-top: 20px solid transparent; border-right:20px solid #323757; } /* Mobile */ .icon1-trigger { display: none; } .sub-icon1 img{ border:none; display:inline-block; vertical-align:middle; } .c1 a{ color:#fff; display: inline-block; vertical-align: middle; } .icon1 .profile_img { margin-top: 3px; } .sub-icon1 ul li h3{ text-align: center; font-size: 1em; color: #000; text-transform: uppercase; margin-bottom: 4%; } .sub-icon1 ul li p{ text-align:center; font-size: 0.8125em; color: #555555; line-height: 1.8em; } .sub-icon1.list{ padding: 20px 0px; } .sub-icon1 ul li p a{ color: #00405d; } .sub-icon1 ul li p a:hover{ color: #555555; text-decoration:underline; } ul.last{ float: left; margin: 12px 0px 0 20px; } ul.last li a{ color:#000; text-transform:uppercase; } ul.last li a:hover{ color:#176375; } .w_sidebar h3{ padding:0 20px 10px; font-size: 1em; color: #555555; text-transform:uppercase; } .price_single{ font-size:1.6em; margin-bottom:3%; } .price_single a { color: #999; font-size: 13px; } .price_single a:hover{ color: #555; } span.reducedfrom { text-decoration: line-through; margin-right:3%; color: #555; } h3.actual1 { text-transform:uppercase; color:#373737; font-size: 24px; } h3.actual,h3.actual1{ margin-top:0; line-height: 20px; font-weight: bold; } h3.actual a { font-family: 'Open Sans', sans-serif; text-transform:uppercase; color:#333; font-size: 24px; } h3.actual a:hover{ color:#FF6000;} .btn1 { border: none; float: right; color: #FFF; cursor: pointer; padding: 7px 20px; display: inline-block; background: #555; font-size: 0.85em; text-transform: uppercase; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 20px 20px 0 0; width: 52%; text-align: center; border-bottom: 4px solid #1D1C1C; } .btn1:hover{ background: #FFAF02; border-bottom: 4px solid #DF9A06; } h4.m_7{ color:#555; font-size:1em; text-transform:uppercase; margin-bottom:2%; } p.m_6{ color:#999; font-size:0.8125em; line-height:1.6em; } p.m_8{ color:#999; font-size:0.8125em; line-height:1.6em; margin-top:2%; } .content-bottom{ margin-bottom:5%; } /*--footer--*/ .footer-top{ background:#08080b; padding: 5px 0; } .col_1_of_footer-top:first-child { margin-left: 0; } .span_1_of_footer-top { width: 30.7%; } ul.f_list img{ vertical-align:middle; float:left; margin-right:2%; } span.delivery{ color:#fff; font-size:0.8125em; } .col_1_of_footer-top { display: block; float: left; margin:0 0 0 3.6%; } span.orange{ color:#FFAF02; } .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;} .dropdown a:hover { color:#fff;} .dropdown dt a:hover { color:#fff;} .dropdown dt a {background:url(../images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;/*--height:38px; /*--border-radius: 0 0 4px 4px;--*/ /*-- width:150px; --*/} .dropdown dt a span {cursor: pointer; display: block; padding: 12px 10px; font-size: 0.8125em; text-transform: uppercase; color: #000;} .dropdown dd ul { background:#555 none repeat scroll 0 0;color:#fff; display:none; left:0px; padding:5px 0px; position:absolute; top:13px; width:auto; min-width:200px; list-style:none;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:5px; display:block;font-size: 13px;} .dropdown dd ul li a:hover { background-color:#444;} .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { float: right;} /*--dropdown--*/ .dropdown { display: block; display: inline-block; border-right: 1px solid #FFF; padding-right: 66%; position: relative; z-index: 9999; } /* ===[ For demonstration ]=== */ /* ===[ End demonstration ]=== */ .dropdown .dropdown_button { cursor: pointer; width: auto; display: inline-block; padding: 4px 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: bold; color:#fff; line-height:29px; text-decoration: none !important; background:#595959; font-size: 11px; } .dropdown input[type="checkbox"]:checked + .dropdown_button { } .dropdown input[type="checkbox"] + .dropdown_button .arrow { display: inline-block; width: 0px; height: 0px; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .dropdown input[type="checkbox"]:checked + .dropdown_button .arrow { border-color: white transparent transparent transparent } .dropdown .dropdown_content { position: absolute; border: 1px solid #777; padding: 0px; background:#595959; margin: 0; display: none; } .baner{ text-align:center; } .pic{ padding-bottom:20px;} .bradecrumb { margin-bottom:10px; padding:10px 0; border-bottom: 1px solid #DADADA; border-top: medium none; } .dropdown .dropdown_content li { list-style: none; margin-left: 0px; line-height: 16px; border-top: 1px solid #5F5D5D; border-bottom: 1px solid #555353; margin-top: 2px; margin-bottom: 2px; } .dropdown .dropdown_content li:hover { border-top-color: #555; border-bottom-color: #555; background:#444; } .dropdown .dropdown_content li a { display: block; padding: 2px 7px; padding-right: 15px; color:#fff; font-size:13px; text-decoration: none !important; white-space: nowrap; } .dropdown .dropdown_content li:hover a { color: white; text-decoration: none !important; } .dropdown input[type="checkbox"]:checked ~ .dropdown_content { display: block } .dropdown input[type="checkbox"] { display: none } /*end-dropdown*/ .footer-middle{ background:#d5d5d5; } .col_1_of_middle:first-child { margin-left: 0; } .col_1_of_middle{ display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_middle{ width: 47.9%; } .social-icons a img{ width:30px; height:30px;} .social-icons{ padding:0 0 30px 0;} .search { background:#fff; margin-bottom:2em; } .widge-form{ background-color: #F4F4F4; border: 1px solid #E0E0E0; padding: 20px !important; margin-bottom: 15px;} .widge-form h2{ font-size:20px; font-style:italic; font-weight:300; margin:10px 0px; } .es_textbox_class{ padding:10px; width:92%;} .newsletter-email{ padding:10px; width:92%;} .widge-form input[type="submit"]{ margin-top:10px; height: auto; font-family: "Open Sans",sans-serif; cursor: pointer; border-style: none none solid; outline: medium none; display: inline-block; padding: 9px 30px; background: #555 none repeat scroll 0% 0%; color: #FFF; text-transform: uppercase; transition: all 0.3s ease-in-out 0s;} h3.widge-title{ font: 600 16px "Open Sans",sans-serif !important; text-transform: uppercase; margin: 0px 0px 10px; padding: 15px 0px 10px; border-bottom: 1px solid #8E8E8E; color: #000;} .search input[type="text"], .search input[type="search"] { float: left; padding: 8px; width: 65%; color:#000; -webkit-apperance: none; margin: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .search input[type="submit"] { font-family: 'Open Sans', sans-serif; cursor: pointer; border: none; outline: none; display: inline-block; font-size: 12px; padding: 11px; width: 28%; background:#ff6000; color: #FFF; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search input[type="submit"]:hover{ background: #555; color: #FFF;} .search input[type="submit"]:active { position:relative; } .client img{ margin:0 15px; } span.m_8{ float: left; font-size: 0.8125em; text-transform: uppercase; color: #000; margin: 2% 7% 2% 0; } .col_1_of_5:first-child { margin-left: 0; } .col_1_of_5 { display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_5 { width: 16.9%; } ul.list1{ padding:5px 0 5px 5px;} ul.icons li a img{ margin:3px 5px 3px 0;} ul.icons li a img:hover{ box-shadow:0px 0px 5px #F60; border-radius:30px; margin:3px 0;} ul.list1 li{font-family: 'Open Sans', sans-serif; font-size: 13px; color: #C9C9C9; line-height: 30px; text-decoration: none;} ul.list1 li a { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #C9C9C9; line-height: 20px; text-decoration: none; } ul.list1 li a:hover{ color:#fff;} .rotation img { padding:20px; } .heading{margin-top:3.5em;} h3.m_9{ margin-bottom:0; color:#454545; font-size:1em; text-transform:uppercase; padding-bottom:20px; font-weight: bold; } h3.m_7{ margin-top:3.8em; margin-bottom:0; color:#454545; background:url("../images/line.jpg") no-repeat left bottom; font-size:1em; text-transform:uppercase; padding-bottom:10px; } h2.m_11{ margin:0 0 10px 0; color:#454545; font-size:1em; background:url("../images/line1.jpg") no-repeat left bottom; text-transform:uppercase; padding-bottom:10px; } h2.m_8{ color:#454545; font-size:1em; background:url("../images/line1.jpg") no-repeat left bottom; text-transform:uppercase; padding-bottom:10px; } h4.m_10{ margin-bottom:2%; font-size:0.85em; color:#000; } ul.sub_list{ margin-bottom:9%; } ul.sub_list li{ border-bottom:1px #ddd solid;} ul.sub_list li a{ color: #e16839; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 35px; text-decoration: none; } ul.sub_list li:hover{background:url(../images/blog-img1.jpg) no-repeat right center;} ul.sub_list li a:hover{ color:#016892; } ul.sub_list1 li a{ color:#999; font-size:0.8125em; } ul.sub_list li{ background:url(../images/blog-img.jpg) no-repeat right center;; } ul.sub_list li:hover{ background:url(../images/blog-img1.jpg) no-repeat right center;; } ul.sub_list2{ margin:9% 0 0 0; } ul.sub_list2 li a{ color:#777; font-size:0.8125em; } ul.sub_list2 li a:hover{ color:#000; } .copy{ border-top:1px dotted #fff; width:97%; text-align:center; padding:5px 0 0 0; line-height: 30px; } .copy p{ color:#fff; font-size:0.89em; } .copy p a{ color:#c9c9c9; } .copy p a:hover{ color:#fff; } .footer-bottom{ background:#000; } /* start icon styles */ .icon2:before,.icon2:after { content: ""; display: table; } .icon2:after { clear: both; } .icon2{ float:right; zoom:1; } .icon2 li a{ color: #FFF; font-size: 0.85em; text-transform: uppercase; margin-top: -13px; } .icon2 li { position: relative; } .icon2 li:last-child{ border-right:none; } .icon2 li:hover > a { color: #fafafa; } *html .icon2 li a:hover { /* IE6 only */ color: #fafafa; } .icon2 ul { width:300px; margin: 20px 0 0 0; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top:30px; z-index: 1; right: -140px; background: #ffffff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: 0px 2px 6px #aaa; -webkit-box-shadow: 0px 2px 6px #aaa; -moz-box-shadow: 0px 2px 6px #aaa; -o-box-shadow: 0px 2px 6px #aaa; } .icon2 li:hover > ul { opacity: 1; visibility: visible; margin: 0; z-index: 9999; } .icon2 ul ul { top: 6px; left: 158px; margin: 0 0 0 20px; } ul.list1{ padding:5px 0 5px 5px;} ul.icons li{ padding:5px 0px 5px 40px; margin:3px 5px 3px 0; } .link1{ background: transparent url("../images/fb.png") no-repeat scroll left center; } .link1:hover{ cursor:pointer; background: transparent url("../images/fb1.png") no-repeat scroll left center; } .link2{ background: transparent url("../images/twiter.png") no-repeat scroll left center; } .link2:hover{ cursor:pointer; background: transparent url("../images/twiter1.png") no-repeat scroll left center; } .link3{ cursor:pointer; background: transparent url("../images/gp.png") no-repeat scroll left center; } .link3:hover{ background: transparent url("../images/gp1.png") no-repeat scroll left center; } .link a{ color:#016892;} .link a:hover{ text-decoration: none; color: #F15B00;} .icon2 ul li { float: none; display: block; border: 0; } .icon2 ul li:first-child{ border-top:none; } .icon2 ul li:first-child a{ border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; } .icon2 ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .icon2 ul a { _height: 10px; /*IE6 only*/ white-space: nowrap; float: none; text-transform: none; } .active-icon{ display: block; } .icon2 ul li:first-child > a:after { content: ''; position: absolute; left: 45%; top: -30px; border-left: 10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0; } .icon2 ul ul li:first-child a:after { left: -100px; top: 0%; margin-top: -6px; border-left: 0; border-bottom:20px solid transparent; border-top: 20px solid transparent; border-right:20px solid #323757; } /*--side-bar--*/ h3.cate { padding: 1em; color: #fff; font-size: 1.3em; font-weight: 600; background-color: #553A99; } ul.cute li{ background: #fff; } .arrow-img { } .img-arrow{ padding: 0 0 0 7.3em; } .sub-cate,.slide-grid,.banner-bag,.banner-off{ float:right; } .rsidebar { border: 1px solid #ddd; } .chain{ margin: 0 auto; padding: 3em 0; } .chain-grid span.star{ background: url(../images/img-sprite.png)-208px -14px; width: 52px; height: 52px; display: block; position: absolute; top: 2%; right: 2%; } span.reducedfrom { color: #555; text-decoration: line-through; margin-right: 8%; font-size:1.1em; } span.actual { font-weight:600; color:#553a99; font-size:1.2em; } span.dolor-left-grid{ font-size: 1.7em; } .chain-watch h6{ padding: 0; } .chain-watch { padding: 1em ; } .grid-chain-bottom h6{ margin: 0; font-size: 1.3em; color: #D52685; font-weight: 400; padding: 0.8em 0.5em 0; font-family: 'Open Sans', sans-serif; } .chain-grid{ border: 1px solid #ddd; position: relative; float:left; width: 30.7%; margin: 0 31px 0 0; } .sed-left-top,.grid-top-chain{ margin: 0; } .star-price { padding: 1em 0.5em; } .chain{ margin: 0 auto; padding: 2em 0; } .chain-grid span.star{ background: url(../images/img-sprite.png)-208px -14px; width: 52px; height: 52px; display: block; position: absolute; top: 2%; right: 2%; } span.reducedfrom { color: #555; text-decoration: line-through; margin-right: 8%; font-size:1.1em; } a.view-all { font-size: 0.9em; } a.view-all{ text-decoration: none; padding: 1em 0.5em; font-size: 1.9em; color: #D52685; font-weight: 400; font-family: 'Open Sans', sans-serif; } .latest-products { float: right; margin-left: 3%; width: 75%; } /* Mobile */ .icon2-trigger { display: none; } .sub-icon2 img{ border:none; display:inline-block; vertical-align:middle; } .c1 a{ color:#fff; display: inline-block; vertical-align: middle; } .c2 { background: url(../images/img-sprite.png) no-repeat -350px -175px; width: 42px; height: 42px; display: inline-block; vertical-align: middle; } .icon2 .profile_img { margin-top: 3px; } .sub-icon2 ul li h3{ text-align: center; font-size: 1em; color: #000; text-transform: uppercase; margin-bottom: 4%; } .sub-icon2 ul li p{ text-align:center; font-size: 0.8125em; color: #555; line-height: 1.8em; } .sub-icon2.list{ padding: 20px 0px; } .sub-icon2 ul li p a{ color: #00405d; } .sub-icon2 ul li p a:hover{ color: #555555; text-decoration:underline; } /*--login--*/ .span_1_of_login { width: 47.2%; } .col_1_of_login { display: block; float: left; margin: 1% 0 1% 4.6%; } .col_1_of_login:first-child { margin-left: 0; } h4.title { color: #000; margin-bottom: 0.5em; font-size: 1.1em; line-height: 1.2; text-transform: uppercase; } .span_1_of_login p { color:#999; font-size:0.8125em; line-height: 1.8em; } h5.sub_title{ color:#000; font-size:0.8125em; text-transform:uppercase; margin: 3%; } .button1 { margin-top:3%; } .button1 input[type="submit"] { background: #555; color: #FFF; font-size: 0.8em; padding: 8px 20px; /* border-radius: 5px; */ border-bottom: 4px solid #1D1C1C; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; display: inline-block; font-family: 'Open Sans', sans-serif; cursor: pointer; outline: none; text-transform: uppercase; border-right: none; border-left: none; border-top: none; float: left; } .button1 input[type="submit"]:hover{ background:#444; } .login{ padding:3% 0; } .comments-area input[type="text"] { padding: 10px 15px; width: 97%; color:#000; font-size: 0.8125em; border:1px solid #f0f0f0; background:#fff; outline: none; display: block; font-family: 'Open Sans', sans-serif; } .comments-area input[type="text"]:hover, .comments-area input[type="password"]:hover{ border:1px solid #DBDADA; } .comments-area input[type="password"] { padding: 10px 15px; width: 97%; color:#000; font-size: 0.8125em; border:1px solid #f0f0f0; background:#fff; outline: none; display: block; font-family: 'Open Sans', sans-serif; } .comments-area span { color: #A60000; } .comments-area p { padding: 8px 0; } .comments-area input[type="submit"] { background: #555; color: #FFF; /* font-size: 0.8em; */ padding: 8px 20px; /* border-radius: 5px; */ border-bottom: 4px solid #1D1C1C; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; display: inline-block; font-family: 'Open Sans', sans-serif; cursor: pointer; outline: none; text-transform: uppercase; border-right: none; border-left: none; border-top: none; margin-left:20%; } .comments-area input[type="submit"]:hover{ background:#444; } p#login-form-remember{ float:left; } p#login-form-remember label a { text-decoration: underline; color:#000; } p#login-form-remember label a:hover{ text-decoration:none; } .col_1_of_2 { display: block; float: left; } .lft{ padding:5px 5px 5px 0; } .rht{ padding:5px 0 5px 5px;} .span_1_of_2 { width: 49.2%; } .col_1_of_2 { display: block; float: left; } .span_1_of_12 { width: 98.4%; } .col_1_of_2:first-child { margin-left: 0; } .register_account{ padding:3% 0; } .register_account form input[type="text"], .register_account form select { font-size: 0.8125em; color: #999; padding: 8px; outline: none; margin: 10px 0; width: 95%; font-family: 'Open Sans', sans-serif; border:1px solid #f0f0f0; } .register_account form input[type="text"]:hover, .register_account form select:hover{ border:1px solid #DBDADA; } button.grey { background: #555; color: #FFF; /* font-size: 0.8em; */ padding: 8px 20px; /* border-radius: 5px; */ border-bottom: 4px solid #1D1C1C; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; display: inline-block; font-family: 'Open Sans', sans-serif; cursor: pointer; outline: none; text-transform: uppercase; border-right: none; border-left: none; border-top: none; float:left; } button.grey:hover{ background:#FFAF02; border-bottom: 4px solid #DF9A06; } p.terms { float: left; font-size: 12px; padding: 15px 0 0 15px; } p.terms a, p.note a { text-decoration: underline; color: #555; } p.terms a:hover, p.note a:hover{ text-decoration:none; } .register_account form input[type="text"].code { width: 15%; } .register_account form input[type="text"].number { width:74.8%; } p.code { color:#999; font-size:0.8125em; } /*--shop--*/ .span_2_of_3 { width: 77.1%; } .span_1_of_left { width:19.2%; } .rsidebar { display: block; } .mens-toolbar { margin: 0 0 12px; overflow: hidden; background: #F7F7F7; padding: 5px; border: 1px solid #E6E6E6; } .mens-toolbar h3{ margin:0;} .mens-toolbar .sort { float: left; width: 20.5%; } .sort { padding: 3px 8px; } .sort-by { color: #555; font-size: 0.8125em; } .mens-toolbar .pager { padding: 5px 8px 3px 8px; float: right; width: 26.5%; } .pager .limiter { float: right; color: #555; font-size: 0.8125em; } .pager .limiter select { padding: 0; margin: 0 0 1px; vertical-align: middle; } ul.dc_pagination li { float: left; margin: 0px; margin-left: 5px; padding: 0px; } ul.dc_pagination li a { color: #555; display: block; padding: 2px 4px 0px 0px; text-decoration: none; font-size: 0.8125em; } .pager .limiter label { color:#555; font-size:0.8125em; } .rating1{ overflow: hidden; display: block; background: #D5D5D5; padding: 2.1% 1%; font-size: 0.85em; color: #000; float: left; width: 44.5%; } .list2{ float: left; background: #08080B; width: 53.5%; padding: 0.2% 0; text-align: center; } ul.list2 li img { vertical-align: middle; float: left; margin:0 0px 0 12%; } h3.m_s{ color: #555; font-size: 1em; text-transform: uppercase; font-weight: 500; } .price_shop{ color: #555; font-size: 1.2em; font-weight: 700; } .span_1_of_a1 { width: 23.2%; } .labout { display: block; float: left; margin:0 0 0 0; } .labout img{ margin-bottom:10px;} .span_2_of_a1 { width: 76.1%; } .cont1 { display: block; float: left; border-bottom:1px #ddd solid; } h3.m_3 { color: #FF6000; font-size: 25px; margin-top:0; margin-bottom: 10px; } .client-img{ text-align:center;} .client-img img{ margin:15px 40px;} .bradecrumb a { padding: 0px; text-decoration: none; font: 12px calibri; color: #717171; } .bradecrumb span { color: #FF6000; } ul.options li{ float:left; margin: 0 3% 0 0; } ul.options li a{ color:#fff; font-size:0.8125em; background:#555; padding: 5px 10px; } ul.options li a:hover{ background:#FFAF02; } h4.m_9{ color:#555; font-size:0.85em; text-transform:uppercase; margin-bottom:2%; } .btn_form { padding: 3% 0; } .btn_form a { font-family: 'Open Sans', sans-serif; cursor: pointer; border: none; outline: none; display: inline-block; font-size:0.85em; padding: 10px 34px; background:#ff6000; color: #FFF; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn_form a:hover{ background: #555; color:#fff; } ul.add-to-links{ margin-bottom:2%; } ul.add-to-links img{ vertical-align:middle; } ul.add-to-links a{ color:#ff6000; font-size:0.85em; } ul.add-to-links a:hover{ text-decoration:underline; } .col_1_of_single{ display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_single{ width: 11.9%; } .col_1_of_single:first-child { margin-left: 0; } .prod_desc{ text-align:center; } .prod_desc h4{ margin-bottom:2%; } .prod_desc h4 a{ color:#000; font-size:0.8115em; } .prod_desc h4 a:hover{ color:#555; } .prod_desc p{ font-size:1em; } p.m_desc{ font-family: 'Open Sans', sans-serif; color:#454545; font-size:14px; line-height:1.8em; margin-bottom:10px; } .view { overflow: hidden; position: relative; } .view .mask,.view .content { position: absolute; overflow: hidden; top: 130px; left: 130px; } .view-fifth img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth .mask { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth:hover .mask { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .view1{ overflow: hidden; position: relative; } .view1 .mask1,.view1 .content { position: absolute; overflow: hidden; top:130px; left:90px; } .info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; font-size:0.9em; } .info:hover { background:#FFAF02; } .view-fifth1 img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth1 .mask1 { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth1:hover .mask1 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .social_single ul li:first-child, ol li:first-child { margin-top: 0px; margin-left: 0; } .social_single{ padding:1% 0; } .social_single ul li{ display:inline-block; } li.fb a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite.png)no-repeat -24px -317px #555; } li.fb a span:hover { background: url(../images/img-sprite.png) no-repeat -24px -317px #6796fd; } li.tw a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite.png)no-repeat -50px -317px #555; } li.tw a span:hover { background: url(../images/img-sprite.png) no-repeat -50px -317px #20b8ff; } li.g_plus a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite.png)no-repeat -78px -319px #555; } li.g_plus a span:hover { background: url(../images/img-sprite.png)no-repeat -78px -319px #ed402e; } li.rss a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite.png)no-repeat -107px -318px #555; } li.rss a span:hover { background: url(../images/img-sprite.png)no-repeat -107px -318px #ff9303; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display: none; } .nbs-flexisel-container { position: relative; max-width: 100%; } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; } .nbs-flexisel-inner { overflow: hidden; /*--width:80%;--*/ margin: 0 auto; } .nbs-flexisel-item { float: left; margin:0px; padding:0px; cursor: pointer; position: relative; line-height: 0px; /*--padding-right:50px;--*/ } .nbs-flexisel-item > img { /*--width:60%;--*/ cursor: pointer; positon: relative; margin-top:10px; margin-bottom: 10px; max-width:150px; max-height:500px; } .grid-flex{ margin:10px 0 20px 0; } .nbs-flexisel-item a { color: #999; font-size:0.8125em; } .nbs-flexisel-item a:hover{ color:#555; } .nbs-flexisel-item p { color: #000; font-size: 0.85em; padding-top: 25px; } .nbs-flexisel-item > img { cursor: pointer; positon: relative; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:30px; height:30px; position: absolute; cursor: pointer; z-index: 100; } .nbs-flexisel-nav-left { left: 0px; background: url(../images/img-sprite.png) no-repeat -166px -315px; } .nbs-flexisel-nav-right { right: 0px; background: url(../images/img-sprite.png) no-repeat -193px -315px; } .toogle { margin-top: 2.5%; } .toogle P{ margin-bottom: 5%; color:#454545; } p.m_text { color: #454545; font-size: 14px; line-height:1.8em; } .single{ padding:3% 0 0 0; } /*--checkout--*/ p.cart { color:#999; font-size:0.8125em; line-height:1.8em; } p.cart a { text-decoration: underline; color: #000; } p.cart a:hover { text-decoration: none; } /*--shop--*/ .col_1_of_single1:first-child { margin-left: 0; } .span_1_of_single1{ width: 30.7%; border: 1px solid #DDD; } .col_1_of_single1{ display: block; float: left; margin: 1% 0 1% 3.6%; } #toTop { display: none; text-decoration: none; position: fixed; bottom:30px; right: 12px; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: 100%; background: url(../images/down_arrow.png) no-repeat right top; } .breadcrumb { background-color:transparent !important; padding:0 !important; margin-bottom:0 !important;} .breadcrumb > li { color:#ff6000; font-size: 12px;} .breadcrumb > li + li::before { color: #ccc; content: "»" !important; padding-left:2px !important; padding-right:2px !important; padding-top:0 !important; padding-bottom:0 !important } .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; max-width: 604px; width: 100%; } .heading { margin:0 0 25px 0; color:#ff6000; font-size: 24px; text-transform:capitalize;} #nav-below div{display:inline-block;vertical-align:middle;} #nav-below div a, .pagination > li > a, .pagination > li > span{font-size:14px;background:#3a3a3a;padding:8px 10px;color:#fff;} #nav-below div a:focus, #nav-below div a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background:#000;color:#fff;} #nav-below div.nav-previous{float:left;} #nav-below div.nav-next{float:right;} .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comments-title { font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 20px; } .comment-list > li:after, .comment-list .children > li:before { background: url(images/dotted-line.png) repeat left top; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; } .comment-author { float: left; max-width: 74px; margin-right:15px; } .comment-author .avatar { display: block; margin-bottom: 10px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #bc360a; font-size: 14px; font-style: normal; font-weight: normal; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; word-wrap: break-word; } .comment-meta, .comment-meta a { color: #1072b9; font-size: 13px; text-align:right; } .comments-area { background: #ffffff; } .comment-meta a:hover { color: #ea9629; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { margin-right: 3px; } /* Comment form */ .comment-respond { padding: 30px 0; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { font: 300 italic 28px; clear:both;font-size: 20px; font-weight: bold; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f406"; vertical-align: top; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 8px; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 270px; width: 60%; } .comment-form textarea { width: 100%; } @media(max-width:750px){.comment-form textarea { width: 95%; }} .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } /*--responsive design--*/ @media (max-width:1366px){ .wrap{ width:80%; } .logo { margin-right: 10%; margin-top:10px; } .dropdown { padding-right: 63%; } .search input[type="text"], .search input[type="search"] { width: 55%; } span.m_8 { margin: 2% 4% 2% 0; } .icon2 ul { right: -50px; } .span_1_of_3 { width: 29.5%; } .mens-toolbar .sort { width:22.5%; } ul.list2 li img { margin: 0 0px 0 2%; } .rating1 { width: 49.5%; padding: 2.5% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 2.2% 5%; } .span_1_of_single1 { width: 28.6%; } .span_2_of_c1 { width: 67.2%; } .view1 .mask1, .view1 .content { top: 120px; left: 80px; } } @media (max-width:1280px){ .wrap{ width:90%; } .logo { } .dropdown { padding-right:62%; } span.m_8 { margin: 2% 4% 2% 0; } .icon2 ul { right: -50px; } .span_1_of_3 { width: 29.5%; } .mens-toolbar .sort { width:23.5%; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 2.5% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding:2.3% 5%; } .span_1_of_single1 { width: 28.6%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 2.6%; } .view .mask, .view .content { left: 115px; } .span_2_of_a1 { width: 61.1%; margin-left: 3.5%; } .view1 .mask1, .view1 .content { top: 110px; left: 75px; } } @media (max-width:1024px){ .sub-cate { float: right; width: 100%; margin-top: 2em; padding: 0; } .wrap{ width:90%; } .logo { margin-right:25.5%; } .dropdown { padding-right:46.5%; } span.m_8 { margin: 3% 4% 2% 0; } .icon2 ul { right:-30px; } .span_1_of_3 { width:27.8%; } .mens-toolbar .sort { width:29.5%; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 2.5% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 2.4% 0%; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width:27.8%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .view .mask, .view .content { left:75px; top: 115px; } .span_2_of_a1 { width: 51.1%; margin-left: 3.5%; } .view1 .mask1, .view1 .content { top: 110px; left: 45px; } .slider-right h1 { font-size: 3em; } .slider-right h2 { font-size: 2em; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 70px; left: 46%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 6%; } .span_1_of_footer-top { width: 32.7%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width: 41.2%; } .register_account form input[type="text"].number { width: 73.8%; } .mens-toolbar .pager { width: 31.5%; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width: 96.9%; } .etalage_zoom_area div { width:350px !important; height:350px !important; } .wmuSliderPagination { bottom: 50px; } } @media (max-width:800px){ .client{ margin:0; text-align:center; } .client img{ margin:0 0 5px 0; padding:0; width:30%; height:18%;} .wrap{ width:90%; } .logo { margin-right:11.5%; } .dropdown { padding-right:34.5%; } span.m_8 { margin: 2% 10% 2% 0; } .icon2 ul { right:-30px; } .span_1_of_3 { width:100%; } .col_1_of_3 { float: none; margin: 1% 0 1% 0; } .mens-toolbar .sort { width:29.5%; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 1% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 0.8% 0; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width: 100%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .view .mask, .view .content { left: 40%; top: 115px; } .span_2_of_a1 { width: 51.1%; margin-left: 3.5%; } .view1 .mask1, .view1 .content { top: 120px; left: 40%; } .slider-right h1 { font-size:2em; } .slider-right h2 { font-size: 1.5em; } .slider-right p { font-size: 0.8125em; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 37px; left: 65%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 6%; } .span_1_of_footer-top { width: 32.7%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width: 41.2%; } .register_account form input[type="text"].number { width:70.8%; } .mens-toolbar .pager { width: 31.5%; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width:98.8%; } .top_box { padding: 10px; } .view-fifth .mask { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .view-fifth1 .mask1 { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .span_1_of_middle { width: 100%; } .dropdown { padding-right: 0; border-right: 0; } .span_1_of_left { width: 100%; } .rsidebar { float: none; margin: 1% 0% 0% 0; } .span_2_of_3 { width: 100%; } .col_1_of_single1 { float: none; margin: 1% 0 1% 0; } .etalage_zoom_area div { width:350px !important; height:350px !important; } } @media(max-width:820px){ .comments-area input[type="submit"]{ margin:0;} .client-img img{ margin:15px 3px;} .seprator{ border:none;} .header-right ul.cont_info { float:none; } .sub-cate { float: right; width: 93%; margin-top: 2em; padding: 0; } .client{ margin:0; text-align:center; } .client img{ margin:0 0 5px 0; padding:0; width:30%; height:18%;} .header-right ul.cont_info li { float:none; display:block; } .header-right ul.cont_info li.cont a { position:relative; top:10px; } .header-top{ background:url(../images/header_wrap.gif) no-repeat top center; background-size:cover; text-align:center; } .header-top8{ background:url(../images/headerbg-articles.jpg) no-repeat top center; background-size:cover; text-align:right; } .wrap{ width:90%; } .logo { margin-right:8.5%; } .dropdown { padding-right:34.5%; } span.m_8 { margin: 2% 10% 2% 0; } .icon2 ul { right:-30px; } .span_1_of_3 { width:100%; } .col_1_of_3 { float: none; margin: 1% 0 1% 0; } .mens-toolbar .sort { width:29.5%; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 1% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 0.8% 0; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width: 100%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .view .mask, .view .content { left: 40%; top: 115px; } .span_2_of_a1 { width: 75%; margin-left: 3.5%; } .view1 .mask1, .view1 .content { top: 120px; left: 40%; } .slider-right h1 { font-size:2em; } .slider-right h2 { font-size: 1.5em; } .slider-right p { font-size: 0.8125em; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 37px; left: 65%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 6%; } .span_1_of_footer-top { width: 32.7%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width: 18%; } .register_account form input[type="text"].number { width:69.8%; } .mens-toolbar .pager { width: 31.5%; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width:98.8%; } .top_box { padding: 10px; } .view-fifth .mask { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .view-fifth1 .mask1 { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .span_1_of_middle { width: 100%; } .dropdown { padding-right: 0; border-right: 0; } .span_1_of_left { width: 100%; } .rsidebar { float: none; margin: 1% 0% 0% 0; } .span_2_of_3 { width: 100%; } .col_1_of_single1 { float: none; margin: 1% 0 1% 0; } .etalage_zoom_area div { width:350px !important; height:350px !important; } .row1 { height: 200px; width:670px!important; } .header-bottom { background:transparent; padding:0; } } @media (max-width:640px){ .wrap{ width:90%; } .logo { margin-right: 1.5%; width: 24.5%; } .dropdown { padding-right:34.5%; } span.m_8 { margin:0% 5% 0% 0; } .icon2 ul { right:-30px; } .span_1_of_3 { width:100%; } .col_1_of_3 { float: none; margin: 1% 0 1% 0; } .mens-toolbar .sort { width: 100%; float: none; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 1% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 0.8% 0; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width: 100%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .view .mask, .view .content { left: 40%; top: 115px; } .span_2_of_a1 { width: 100%; margin-left: 0; } .view1 .mask1, .view1 .content { top: 120px; left: 40%; } .slider-right h1 { font-size:2em; } .slider-right h2 { font-size: 1.5em; } .slider-right p { font-size: 0.8125em; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 65px; left: 51%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 6%; } .span_1_of_footer-top { width:100%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width:100%; } .register_account form input[type="text"].number { width:69.8%; } .mens-toolbar .pager { width: 100%; float: none; padding: 0; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width:98.8%; } .top_box { padding: 10px; } .view-fifth .mask { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .view-fifth1 .mask1 { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .span_1_of_middle { width: 100%; } .dropdown { padding-right: 0; border-right: 0; } .span_1_of_left { width: 100%; } .rsidebar { float: none; margin: 1% 0% 0% 0; } .span_2_of_3 { width: 100%; } .col_1_of_single1 { float: none; margin: 1% 0 1% 0; } .wmuSliderPrev, .wmuSliderNext { background: url(../images/arrows.png)no-repeat; width: 40px; height: 63px; } .wmuSliderPrev { background-position: -6px -4px; left:20px; } .wmuSliderNext { background-position: -31px -4px; right:20px; } .wmuSliderPagination { bottom: 0px; } .span_1_of_c1 { width: 100%; } .lsidebar { float: none; margin: 1% 0% 1% 0; } .span_2_of_c1 { width: 100%; } .span_1_of_5 { width: 100%; } .col_1_of_5 { float: none; margin: 1% 0 1% 0; } h3.m_9 { margin-bottom: 1%; } h4.m_10 { margin-bottom: 1%; } ul.sub_list { margin-bottom: 2%; } ul.sub_list2 { margin: 2% 0 0 0; } .etalage_zoom_area div { width:220px !important; height:220px !important; } .labout { margin:0; } .row1 { height: 200px; width: 570px!important; } .span_1_of_login { width: 100%; } .col_1_of_login { float:none; margin: 1% 0 1% 0; } .span_1_of_2 { width: 100%; } .col_1_of_2 { float:none; margin: 1% 0 1% 0%; } .header-bottom { padding:0; } .cont { float:none; } } @media (max-width:480px){ .wrap{ width:90%; } .client{ margin:0; text-align:center; } .client img{ margin:0; padding:0; width:20%; height:13%;} .logo { margin-right: 0; width: 30.5%; } .dropdown { padding-right:34.5%; } span.m_8 { margin:0% 3% 0% 0; } .icon2 ul { right:-10px; } .span_1_of_3 { width: 95%; } .col_1_of_3 { float: none; margin: 1% 0 1% 0; } .mens-toolbar .sort { width: 100%; float: none; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 1.8% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 1.5% 0; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width:100%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .view .mask, .view .content { left:35%; top: 115px; } .span_2_of_a1 { width: 100%; margin-left: 0; } .view1 .mask1, .view1 .content { top: 120px; left: 35%; } .slider-right h1 { font-size:1.7em; } .slider-right h2 { font-size: 1.1em; } .slider-right p { display: none; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 35px; left: 69%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 19%; } .span_1_of_footer-top { width:100%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width:100%; } .register_account form input[type="text"].number { width:69.8%; } .mens-toolbar .pager { width: 100%; float: none; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width:97.8%; } .top_box { padding: 10px; } .view-fifth .mask { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .view-fifth1 .mask1 { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .span_1_of_middle { width: 100%; } .dropdown { padding-right: 0; border-right: 0; } .span_1_of_left { width: 100%; } .rsidebar { float: none; margin: 1% 0% 0% 0; } .span_2_of_3 { width: 100%; } .col_1_of_single1 { float: none; margin: 1% 0 1% 0; } .wmuSliderPrev, .wmuSliderNext { background: url(../images/arrows.png)no-repeat; width: 40px; height: 63px; } .wmuSliderPrev { background-position: -6px -4px; left:10px; } .wmuSliderNext { background-position: -31px -4px; right:10px; } .wmuSliderPagination { bottom: 0px; left: 69.5%; } .span_1_of_c1 { width: 100%; } .lsidebar { float: none; margin: 1% 0% 1% 0; } .span_2_of_c1 { width: 100%; } .span_1_of_5 { width: 100%; } .col_1_of_5 { float: none; margin: 1% 0 1% 0; } h3.m_9 { margin-bottom: 1%; } h4.m_10 { margin-bottom: 1%; } ul.sub_list { margin-bottom: 2%; } ul.sub_list2 { margin: 2% 0 0 0; } .etalage_zoom_area div { width:100px !important; height:100px !important; } .labout { margin:0; } .row1 { height: 200px; width:410px!important; } .span_1_of_login { width: 100%; } .col_1_of_login { float:none; margin: 1% 0 1% 0; } .span_1_of_2 { width: 100%; } .col_1_of_2 { float:none; margin: 1% 0 1% 0%; } .header-bottom { padding:0; } .cont { float:none; } .icon2 li a { margin-top: -73px; } .slider-left { width: 58.5%; } .slider-right { width: 39.5%; } .btn a { padding: 7px 20px; font-size: 0.8125em; } .icon1 ul { right: -100px; } } @media (max-width:320px){ .wrap{ width:90%; } .logo { margin-right: 0; width:42.5%; } .dropdown { padding-right:34.5%; } span.m_8 { margin: 0px 0 10px 0; } .dropdown dt a span { padding:3px 10px; } .icon2 ul { right:-10px; top: -50px; width: 260px; } .sub-icon2 ul li h3 { font-size: 0.85em; margin-bottom: 1%; } .header-top { padding: 10px 0 0 0; } .span_1_of_3 { width:98%; } .col_1_of_3 { float: none; margin: 1% 0 1% 0; } .mens-toolbar .sort { width:29.5%; } ul.list2 li img { margin: 0 0px 0 0; } .rating1 { width: 49.5%; padding: 1.8% 1%; font-size: 0.8125em; } .list2 { width: 48.5%; } .rating { padding: 2.1% 0; font-size: 12px; width: 51.5%; } .span_1_of_single1 { width:93%; } .span_1_of_c1 p { margin-top: 15px; } .col_1_of_middle { margin: 1% 0 1% 0%; } .search { width:100%; } .view .mask, .view .content { left:28%; top: 115px; } .span_2_of_a1 { width: 100%; margin-left: 0; } .view1 .mask1, .view1 .content { top: 120px; left: 35%; } .slider-right h1 { font-size:1.7em; } .slider-right h2 { font-size: 1.1em; } .slider-right p { display: none; } .wmuSliderPrev { left: 15px; } .wmuSliderNext { right: 15px; } .border { width: 50px; left: 54%; } .icon1 li a { font-size:11px; margin-top: 9px; } .list { width:48.5%; padding:0; } ul.list li img { margin: 0 0px 0 9%; } .span_1_of_footer-top { width:100%; } .col_1_of_footer-top { margin:0; } .span_1_of_a1 { width:100%; } .register_account form input[type="text"].number { width:69.8%; } .mens-toolbar .pager { width: 31.5%; } ul.dc_pagination li a { padding: 0px 4px 0px 0px; } .span_2_of_c1 { width: 62.2%; } .mens-toolbar { width:98.8%; } .top_box { padding: 10px; } .view-fifth .mask { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .view-fifth1 .mask1 { -webkit-transform: translateX(-391px); -moz-transform: translateX(-391px); -o-transform: translateX(-391px); -ms-transform: translateX(-391px); transform: translateX(-391px); } .span_1_of_middle { width: 100%; } .dropdown { padding-right: 0; border-right: 0; } .span_1_of_left { width: 100%; } .rsidebar { float: none; margin: 1% 0% 0% 0; } .span_2_of_3 { width: 100%; } .col_1_of_single1 { float: none; margin: 1% 0 1% 0; } .wmuSliderPrev, .wmuSliderNext { background: url(../images/arrows.png)no-repeat; width: 40px; height: 63px; } .wmuSliderPrev { background-position: -6px -4px; left:10px; } .wmuSliderNext { background-position: -31px -4px; right:10px; } .wmuSliderPagination { bottom: 0px; left:60.5%; } .span_1_of_c1 { width: 100%; } .lsidebar { float: none; margin: 1% 0% 1% 0; } .span_2_of_c1 { width: 100%; } .span_1_of_5 { width: 100%; } .col_1_of_5 { float: none; margin: 1% 0 1% 0; } h3.m_9 { margin-bottom: 1%; } h4.m_10 { margin-bottom: 1%; } ul.sub_list { margin-bottom: 2%; } ul.sub_list2 { margin: 2% 0 0 0; } .etalage_zoom_area div { width:100px !important; height:100px !important; } .labout { margin:0; } .row1 { height: 200px; width:410px!important; } .span_1_of_login { width: 100%; } .col_1_of_login { float:none; margin: 1% 0 1% 0; } .span_1_of_2 { width: 100%; } .col_1_of_2 { float:none; margin: 1% 0 1% 0%; } .header-bottom { padding:0; } .cont { float:none; } .icon2 li a { margin-top:-169px; } .slider-left { width: 80%; float: none; margin: 0 auto; } .slider-right { display:none; } .btn a { padding: 7px 20px; font-size: 0.8125em; } .social { width: 45.33%; } .icon1 ul { width: 200px; margin: 10px 0 0 0; } .icon1 ul { right:-7px; } .sub-icon1 ul li h3 { font-size: 0.85em; margin-bottom: 1%; } } .offer9{ font-family:'Open Sans', sans-serif; font-size:20px; color:#FFF; padding:20px; text-align:center; line-height:60px } /*Customer Spport*/ .customer-support{background:url(../images/customer-support.jpg);background-repeat:no-repeat;background-position:top left;background-size: cover;overflow: hidden;color: #fff;padding:60px 0 85px;text-align:center;width: 100%;} .customer-support .support-content{max-width:790px;margin:10px auto 0;overflow: hidden;} .customer-support .support-content p{padding:0 4%; font-size: 18px;} .support-content .callsupp ul{margin:0;padding:0;list-style:none;line-height: 40px;} .support-content .callsupp ul li{display:inline-block;font-size:20px;font-weight:800;} .support-content .callsupp ul li a{color:#fff;position:relative;} .support-content .callsupp ul li:first-child a{padding-left:56px;} .support-content .callsupp ul li:nth-child(2){margin:0 15px;} .support-content .callsupp ul li:nth-child(2) a{padding-left:57px;} .support-content .callsupp ul li:last-child a{padding-left:46px;} .support-content .callsupp ul li:first-child a:before{position:absolute;top:0;left:0;width:48px;height:25px;content:"";background:url(../images/sprite.png);background-repeat:no-repeat;background-position:top -256px left -16px;} .support-content .callsupp ul li:nth-child(2) a:before{position:absolute;top:0;left:0;width:50px;height:25px;content:"";background:url(../images/sprite.png);background-repeat:no-repeat;background-position:top -256px left -78px;} .support-content .callsupp ul li:last-child a:before{position:absolute;top:0;left:0;width:38px;height:25px;content:"";background:url(../images/sprite.png);background-repeat:no-repeat;background-position:top -256px left -145px;} .support-content .callsupp ul li a:hover{color:#fff;text-decoration:underline;} .customer-support .support-content .callus-support a:hover{color:#000;} .customer-support .support-content .callus-support a:before{position:absolute;top:0;left:0;width:41px;height:41px;content:"";background:url(../images/sprite.png);background-repeat:no-repeat;background-position:top -53px left -8px;} .customer-support .support-content ul.emailsupp{margin:25px 25px 0px 15px;padding:0;list-style:none;} .customer-support .support-content ul.emailsupp li{width:50%;float:left;border:solid 2px #fff;border-radius: 15px 15px;padding:20px;text-align:left;} .customer-support .support-content ul.emailsupp li:first-child{width:42%;} .customer-support .support-content ul.emailsupp li:last-child{width:42%;float: right;} .customer-support .support-content ul.emailsupp li h6{font-size:18px;font-weight:700;margin-bottom:12px;} .customer-support .support-content ul.emailsupp li .flRight {width:60%;padding-left: 5px; float: right;} .customer-support .support-content ul.emailsupp li .flLeft {width:38%;} .customer-support .support-content ul.emailsupp li .flLeft a{border-radius: 50px 50px;background:#f13e0d;display:block;color:#fff;font-size:14px;font-weight:700;line-height:40px;padding:0 10px;text-align:center;position:relative;border:solid 2px #f13e0d;} .customer-support .support-content ul.emailsupp li .flLeft a:hover{background:rgba(227, 159, 133, 0.25);border-color:#fff;}} .btn-area {margin-top: 30px;clear:both;} .learn-btn{width:150px;line-height:50px;background:#e25e2b;outline:none;border:solid 2px #e25e2b;color:#fff;text-transform:uppercase;display: inline-block; text-align: center;border-radius: 35px;font-size: 14px;font-weight: 500;} .learn-btn:hover, .learn-btn:focus{border-color:#fff;color:#fff;background:rgba(227, 159, 133, 0.25);text-decoration:none;} .learn-btn.req-btn {width: 191px;} .header-content .learn-btn{width: 190px;} @media screen and (max-width: 1024px) { .our-clients, .customer-support {padding: 30px 0;} .our-clients h2 {max-width: 70%;} .header-content {max-width: 450px;} .header-content p {line-height: 1.6;} .site-banner-caption.header-content h1 {font-size: 44px;} } @media screen and (max-width: 820px) { .customer-support .support-content ul.emailsupp li{padding: 15px;} .customer-support .support-content .callus-support a {font-size: 20px;padding-left: 36px;top: 1px;} .customer-support .support-content .callus-support a::before{background-position: top -77px left -81px;width: 24px;height: 24px;} .header-content p{color:#fff;} .site-banner-caption.header-content {max-width: 100%;} } @media screen and (max-width: 820px) { .customer-support .support-content ul.emailsupp{margin:25px 25px 10px 25px;padding:0;list-style:none;} .customer-support .support-content ul.emailsupp li {text-align: center;} .customer-support .support-content ul.emailsupp li .flRight {width: 100%;padding-left: 0;margin-bottom: 10px;min-height: 50px;} .customer-support .support-content ul.emailsupp li .flLeft {width: 100%; padding-top: 50px;} .customer-support .support-content{margin: 10px 0px 10px 0px;} .customer-support .support-content p {padding-right: 25px;font-size: 14px;line-height: 1.3;} .header-content {max-width: 100%;text-align: center;} .header-content p {line-height: 1.3;} .header-content .btn-area {margin-top: 15px;} .site-banner-caption.header-content h1 {font-size: 34px;} .site-banner-caption.header-content{width: 100%;margin: 50px 0 0;} .learn-btn{line-height: 42px;} } @media screen and (max-width: 540px) { .customer-support .support-content ul.emailsupp li:first-child, .customer-support .support-content ul.emailsupp li:last-child{width:80%;} .customer-support .support-content ul.emailsupp li:last-child{margin-top:10px; float: left;} .customer-support .support-content ul.emailsupp li .flRight{min-height: auto;} .customer-support .support-content ul.emailsupp li .flLeft a{max-width: 200px;margin: auto;} .site-banner-caption.header-content h1, h1 {font-size: 24px;padding-bottom: 5px;line-height: 1.2;} .header-content p.grey{color:#aaaaaa; FONT-SIZE: 13PX;} } @media screen and (max-width: 380px) { .customer-support .support-content ul.emailsupp li .flLeft a{max-width:100%; } } .header-content {max-width: 590px;left: right;text-align: left;margin:30px 0 0;color: #fff;font-size:16px;} .header-content-inner {max-width: 100%;left: right;text-align: left;margin:30px 0 0;color: #fff;font-size:16px;} .header-content p.grey{color:#aaaaaa} .header-content p{line-height:1.8;} .header-content h1 span{font-weight:300;display: block;} .site-banner-caption.header-content {max-width: 600px;margin: 110px 0 0;} .site-banner-caption.header-content h1{font-size:48px;font-weight:800;} .pdws .header-content, .ecps .header-content, .dmadds .header-content, .pdes .header-content, .xcpdus .header-content, .apes .header-content, .acprws .header-content, .asims .header-content, .avas .header-content, .gpfus .header-content, .rpls .header-content, .spls .header-content, .npls .header-content, .wpdls .header-content, .hpdls .header-content {max-width: 770px;} .hepdca .header-content, .scepdes .header-content, .amms .header-content, .acs .header-content, .awds .header-content, .alos .header-content, .apdcs .header-content, .acas .header-content, .acps .header-content, .aops .header-content, .csfms .header-content, .boss .header-content, .caplidus .header-content, .mplidus .header-content, .lplidus .header-content, .splidus .header-content, .jmpls .header-content {max-width: 910px;} .mdws .header-content, .pies .header-content, .cus .header-content, .bpus .header-content, .dcans .header-content, .cpms .header-content, .ops .header-content, .ecss .header-content, .mpus .header-content, .zcpdus .header-content, .spus .header-content, .ocpus .header-content, .mpls .header-content{max-width: 720px;} .header-content p.grey, .four-img li, .our-clients .item{color:#FFFFFF!important;} .header-content .learn-btn{width: 190px;} .slide-contact.is_stuck{height:128px!important;top:150px!important;width:auto!important;} #slideout{position:fixed;top:220px;right:0; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;height:auto;} #slideout_inner{position:fixed;top:220px;right:-250px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;width:250px;background-color:#f6f6f6;padding:20px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);box-sizing:border-box;} #slideout.slide-contact.selected{right:250px;} #slideout.slide-contact{right:0;z-index:99;} #slideout.slide-contact.selected #slideout_inner{right:0;} #slideout_inner input, #slideout_inner textarea{width:100%;padding:10px;margin-bottom:10px;font-size:13px;border:1px solid #BCB9B3;box-sizing:border-box;color:#333333;} .slide-bttn {background-color:#E25E2B;color: #FFFFFF;font-weight:400;padding:6px 14px;position: relative;top:0;right: 0;border-radius:30px 0 0 30px;cursor: pointer; transition: all 0.2s ease 0s;text-transform:uppercase;font-size:17px;} .slide-bttn img{display: inline-block;margin: 0 5px 0 0;position: relative;top: 0px;} .slide-bttn:hover {background-color: #241913;} .slide-bttn i{margin-right:10px;font-size:19px;} .slide-bttn span{display:block;} #slideout_inner .btn-input1 {background: #333;border: none;color: #FFFFFF;margin: 0;font-weight: 700;border-radius: 4px;padding: 10px;letter-spacing: 2px;font-size: 15px;transition: all 0.2s ease 0s;font-family: "Open Sans";} #slideout_inner .btn-input1:hover{background:#e67000;color:#fff;} #slideout_inner > h3 {color: #444;display: block;font-size: 19px;font-weight: 700;text-transform: uppercase;line-height: normal;margin: 0 0 10px !important;padding: 0 !important;} #slideout_inner .sec-box{width:100%;} #slideout_inner .security-sec{width:100%;color:#333;padding-top:0;} #slideout_inner .security-sec .sign{color:#333;} #slideout_inner .security-sec img, #slideout_inner .security-sec span, #slideout_inner .security-sec input{float:left;} #slideout_inner .security-sec input{width:50px;margin-left:10px;padding:0px 10px;} #slideout_inner .security-sec img, #slideout_inner .security-sec span{margin-top:0;} #slideout_inner span.spclose {cursor: pointer;display: inline-block;width: 10%;text-align: right;color: #858585;position: absolute;top: 10px;right: 10px;} .slide-contact #Fname{float:left;width:48%;margin-right:4%;} .slide-contact #email{float:left;width:48%;} .slide-contact textarea{width:100%;} .slide-contact strong {font-weight: 400;} @media screen and (max-width: 430px) { #slideout.slide-contact{right:0;z-index:99;display: none;} } .blog-services {display: none;} @media screen and (max-width: 730px) { .blog-services {display: block; padding-top: 20px;} }