body { background: none repeat scroll 0 0 #FFFFFF; margin: 0; overflow-x: hidden; padding: 0; float: left; width: 100%; position: relative; left: 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } fieldset{ float:left; width:100%; } body:before { position: fixed; left: 0; top: 0; width: 0px; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; z-index: 99; opacity: 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } body.show-layer:before { opacity: 1; width: 100%; } p{ font-family:Lato; font-size:14px; color:#666666; float:left; width:100%; line-height:26px; letter-spacing: 0.3px; margin:0; } a{ text-decoration:none; } /* General Setting */ .block { float: left; padding: 30px 0; position: relative; width: 100%; } .no-padding{ padding:0; } .block.gray { background: none repeat scroll 0 0 #F8F8F8; } .top-margin{ margin-top:-30px; float:left; width:100%; } .layer:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-color:rgba(0, 0, 0, 0.7); } .layer.whitish:before { background-color:rgba(255, 255, 255, 0.7); } .fixed-img { background-attachment: fixed !important; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .remove-top { padding-top: 0; } .remove-bottom { padding-bottom: 0; } .block .container { padding: 0; position: relative; z-index: 9; } .sec-bg1 { background: url("../images/resource/sec-bg1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg2 { background: url("../images/resource/sec-bg2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg3 { background: url("../images/resource/sec-bg3.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg4 { background: url("../images/resource/sec-bg4.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg5 { background: url("../images/resource/sec-bg5.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg6 { background: url("../images/resource/sec-bg6.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg7 { background: url("../images/resource/sec-bg7.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg8 { background: url("../images/resource/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg9 { background: url("../images/resource/sec-bg9.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg10 { background: url("../images/resource/sec-bg10.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg11 { background: url("../images/resource/sec-bg11.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg12 { background: url("../images/resource/sec-bg12.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg13 { background: url("../images/resource/sec-bg13.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg14 { background: url("../images/resource/sec-bg14.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg15 { background: url("../images/resource/sec-bg15.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg16 { background: url("../images/resource/sec-bg16.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg17 { background: url("../images/resource/sec-bg17.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg18 { background: url("../images/resource/sec-bg18.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg19 { background: url("../images/resource/sec-bg19.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg20 { background: url("../images/resource/sec-bg20.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg21 { background: url("../images/resource/sec-bg21.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg22 { background: url("../images/resource/sec-bg22.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg23 { background: url("../images/resource/sec-bg23.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg24 { background: url("../images/resource/sec-bg24.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg25 { background: url("../images/resource/sec-bg25.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg26 { background: url("../images/resource/sec-bg26.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg27 { background: url("../images/resource/sec-bg27.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg28 { background: url("../images/resource/sec-bg28.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg29 { background: url("../images/resource/sec-bg29.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg30 { background: url("../images/resource/sec-bg30.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg31 { background: url("../images/resource/sec-bg31.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg32 { background: url("../images/resource/sec-bg32.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg33 { background: url("../images/resource/sec-bg33.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg34 { background: url("../images/resource/sec-bg34.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } /* Boxed Layout */ .theme-layout.boxed { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; display: block; margin: 0 auto; overflow: hidden; position: relative; width: 1230px; } .theme-layout { display: inline-block; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } /* Main Slider */ .main-slider { float: left; width: 100%; position: relative; } /* Categories */ .category-box { float: left; margin-top: 30px; position: relative; width: 100%; overflow: hidden; } .category-box > img { float: left; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .category-box:hover > img { -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -ms-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); } .category-sec-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 15px; } .category-info { float: left; width: 100%; background: rgba(255,255,255,0.8); position: relative; height: 100%; } .category-info > a { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } .category-info > a > h3 { float: left; width: 100%; margin: 0; font-family: Montserrat; font-size: 20px; color: #060606; font-weight: normal; letter-spacing: 0.30px; } .category-info > a > h3 > span { color: #666667; float: left; font-family: Lato; font-size: 13px; letter-spacing: 0.3px; padding-top: 15px; position: relative; width: 100%; margin-top: 15px; } .category-info > a > h3 span:before { background: none repeat scroll 0 0 #000; content: ""; height: 1px; left: 50%; margin-left: -19px; position: absolute; top: 0; width: 38px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .category-info > a:hover > h3 span:before { width: 0; margin: 0; } .category-info > a > h3 span:after { content: ""; height: 1px; left: 50%; margin-left: 0; position: absolute; top: 0; width: 0px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .category-info > a:hover > h3 span:after { width: 38px; margin-left: -19px; -webkit-transition: all 0.4s ease 0.2s; -moz-transition: all 0.4s ease 0.2s; -ms-transition: all 0.4s ease 0.2s; -o-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } /* Heading */ .heading { float: left; width: 100%; padding-left: 20px; margin-bottom:30px; } .heading h2 strong { font-weight: 900; } .heading h2 { color: #1f1f1f; float: left; font-family: Lato; font-size: 33px; font-weight: lighter; letter-spacing: 0.3px; line-height: 26px; margin: 0; width: 100%; position: relative; } .heading h2:before { content: ""; height: 100%; left: -20px; position: absolute; top: 0; width: 1px; } .heading > span { float: left; width: 100%; font-family: Lato; font-size: 16px; color: #828282; letter-spacing: 0.30px; line-height: 25px; margin-top: 15px; } /* Heading 2 */ .heading2 { float: left; text-align: center; width: 100%; margin-bottom:50px; } .heading2 h6 { color: #8e8e8e; float: left; font-family: Lato; font-size: 17px; letter-spacing: 0.3px; margin: 0 0 13px; width: 100%; } .heading2 > h2 { float: left; font-family: Lato; font-size: 31px; font-weight: 900; letter-spacing: 0.3px; line-height: 39px; margin: -5px 0 10px; width: 100%; text-transform: uppercase; } .heading2 > span { color: #8e8e8e; display: table; float: none; font-family: Lato; font-size: 18px; letter-spacing: 0.3px; margin: 0 auto; padding: 0 60px; position: relative; z-index: 0; } .heading2 > span:before { background: none repeat scroll 0 0 #333; content: ""; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; z-index: -1; } .heading2 > span > i { background: none repeat scroll 0 0 #fff; float: left; padding: 0 20px; width: 100%; font-style:normal; } /* Heading 3 */ .heading3 { color: #565656; float: left; font-family: Lato; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; line-height: 21px; margin: 0 0 20px; padding-left: 50px; position: relative; text-transform: uppercase; width: 100%; } .heading3:before { background-image: url("../images/dots.png"); background-repeat: no-repeat; content: ""; height: 22px; left: 0; position: absolute; top: 0; width: 15px; } .heading3:after { background: none repeat scroll 0 0 #e8ecec; content: ""; height: 16px; left: 32px; margin-top: -8px; position: absolute; top: 50%; width: 1px; } /* Product */ .product { float: left; width: 100%; margin-top: 30px; position: relative; } .product-box { float: left; width: 100%; position: relative; } .product-box > img { float: left; width: 100%; } .product-box > .product-rate { position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; background: #1f1f1f; color: #fff; text-align: center; font-size: 14px; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 50px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; letter-spacing: 0.30px; } .product-box:hover ul{ opacity: 1; bottom: 0; } .product-box ul { bottom: -20px; left: 0; list-style: outside none none; margin: 0; padding: 0 0 20px 20px; position: absolute; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; } .product-box ul > li { float: left; margin-right: 10px; } .product-box ul > li a:hover, .woocommerce .product-box ul > li a:hover{ color: #fff; } .product-box ul > li a, .woocommerce .product-box ul > li a { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; font-size: 15px; height: 38px; line-height: 40px; text-align: center; width: 38px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 0; } .product-box ul > li:last-child { margin: 0; } .product > h3 { float: left; width: 100%; text-align: left; font-size: 18px; color: #313131; font-family: Montserrat; letter-spacing: 0.30px; margin: 0; line-height: 25px; margin-top: 25px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product > h3 a{ color: #313131; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product > span { color: #272727 !important; float: left; font-family: Lato; font-size: 17px; font-weight: 900; letter-spacing: 0.3px; margin: 16px 0 0; text-align: left; width: 100%; } .cart-btn { float: left; background: #6d6d6d; color: #fff; font-size: 13px; font-family: lato; padding: 8px 15px; margin-top: 15px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* Product Two */ .product-two { float: left; margin-top: 30px; position: relative; width: 100%; } .item-thumb { float: left; overflow: hidden; position: relative; width: 100%; } .item-thumb > img { float: left; width: 100%; } .cross-boxes { float: left; height: 100%; left: 0; overflow: hidden; padding: 10px; position: absolute; top: 0; width: 100%; } .hover-boxes > .box1 { float: left; height: 50%; position: relative; width: 100%; } .hover-boxes > .box2 { float: left; height: 50%; position: relative; width: 100%; } .hover-boxes { float: left; height: 100%; overflow: hidden; position: relative; width: 100%; } .hover-boxes > .box1:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); content: ""; height: 108%; left: -10%; opacity: 0; position: absolute; top: -179px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 150%; } .hover-boxes > .box2:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: -152px; content: ""; height: 108%; left: -25%; opacity: 0; position: absolute; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 150%; } .item-thumb:hover .hover-boxes > .box1:before { opacity: 1; top: -29px; } .item-thumb:hover .hover-boxes > .box2:before { opacity: 1; bottom: -22px; } .product .item-thumb > .btns { bottom: -11px; left: 0; list-style: outside none none; margin: 0; padding: 0 0 0 40px; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width:170px; z-index: 9; } .item-thumb:hover > .btns { bottom: 50%; left: 50%; margin-bottom: -20px; margin-left: -50px; margin-right: 0; padding: 0; width: 100px; } .item-thumb:hover > .btns a { background: none repeat scroll 0 0 #4b4b4b; color: #fff; } .item-thumb:before { background: none repeat scroll 0 0 #fff; bottom: -22px; content: ""; height: 63px; left: -20px; position: absolute; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 190%; z-index: 1; } .item-thumb:hover:before { opacity: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .item-thumb > .btns > li { float: left; margin-right: 12px; } .item-thumb > .btns > li a { background: #ffffff none repeat scroll 0 0; border-radius: 50%; color: #333333; display: inline; float: left; height: 38px; line-height: 38px; padding: 0; text-align: center; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 38px; } .item-thumb > .btns > li a:hover{ color: #fff; } .item-thumb > .btns > li:nth-child(2n+1) { margin-top: 10px; } .col-md-6 .item-thumb:hover .hover-boxes > .box2::before { bottom: -54px; height: 119%; } .woocommerce .product .item-thumb > .price { bottom: -4px; color: #585858; font-family: Montserrat; font-size: 20px; font-weight: bold; letter-spacing: 0.3px; position: absolute; right: 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; } .col-md-6 .item-thumb::before { bottom: -19px; height: 110px; } .col-md-6 .item-thumb:hover .hover-boxes > .box1::before { height: 115%; top: -67px; } .col-md-9 .col-md-4 .item-thumb:hover .hover-boxes > .box2::before { bottom: -30px; } .col-md-9 .col-md-4 .item-thumb:hover .hover-boxes > .box1::before { top: -32px; } .item-thumb:hover > .price { opacity: 0; } .col-md-9 .col-md-4 .item-thumb::before { bottom: -39px; } .product-two > .title h2 { color: #313131; float: left; font-family: Montserrat; font-size: 17px; font-weight: bold; letter-spacing: 0.3px; margin: 0; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-two > .title h2 a{ color:#313131; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-two > .title > span { color: #333; float: left; font-family: Lato; font-size: 12px; letter-spacing: 0.3px; line-height: 10px; margin-top: 8px; width: 100%; } .product-two > .title { border-bottom: 2px solid #f1f1f1; border-left: 2px solid #f1f1f1; float: left; padding: 35px 25px; position: relative; width: 100%; z-index: 9; } /* Product Style 3 */ .product-three { float: left; position: relative; width: 100%; padding-bottom: 70px; margin-bottom: 70px; } .product-three .title { float: left; margin-bottom: 25px; text-align: center; width: 100%; position: relative; z-index: 99; } .product-three:before { position: absolute; left: 0; bottom: 0; width: 70%; height: 2px; background: #ebebeb; content: ""; margin-left: -35%; left: 50%; } .product-three .title > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 25px; font-weight: bold; color: #333; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-three .title > h3 a{ color: #333; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-three.down .product-thumb { margin-bottom: 20px; } .product-three.down .title { margin-bottom: 5px; } .product-three.down .product-thumb span { left: auto; right: 36px; top: auto; bottom: 0px; } .product-three.down .product-thumb .add-cart-btn { left: auto; right: 103px; top: auto; bottom: -23px; } .product-three .product-thumb:hover:before { height: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity: 0.13; } .product-three .product-thumb:hover .btn { opacity: 1; -webkit-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); -o-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); left: 50%; } .product-three .product-thumb .btn i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); float: left; width: 100%; } .product-three .product-thumb .btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; padding: 12px; position: absolute; text-align: center; top: 50%; -webkit-transform: rotate(360deg) scale(2); -moz-transform: rotate(360deg) scale(2); -ms-transform: rotate(360deg) scale(2); -o-transform: rotate(360deg) scale(2); transform: rotate(360deg) scale(2); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 40px; opacity: 0; z-index: 9; } .product-three .product-thumb:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index: 1; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); opacity: 0; } .product-three .title > span { float: left; font-family: Lato; font-size: 20px; font-weight: lighter; letter-spacing: 0.3px; width: 100%; line-height: 16px; margin-top: 5px; } .product-three .product-thumb { float: left; overflow: visible; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index: 0; } .product-three .product-thumb:hover { box-shadow: 10px 10px 0 rgba(0,0,0,0.02); } .product-three .product-thumb img { float: left; width: 100%; } .product-three .product-thumb .add-cart-btn { background: #ffffff none repeat scroll 0 0 !important; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; color: #313131; font-size: 15px; height: 45px; left: 103px; line-height: 65px; position: absolute; text-align: center; top: -23px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 45px; padding: 0; z-index: 9; font-weight: normal; } .product-three .product-thumb .add-cart-btn i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); float: left; line-height: 53px; text-align: center; width: 100%; margin-left: 2px; } .product-three .product-thumb > span { color: #585858; font-family: Montserrat; font-size: 18px; height: 70px; left: 36px; position: absolute; top: 0; width: 70px; z-index: 9; text-align: center; line-height: 70px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-three .product-thumb span:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; content: ""; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* Product Four */ .product-four { float: left; margin-top: 30px; position: relative; width: 100%; overflow: hidden; } .product-thumb { float: left; width: 100%; position: relative; overflow: hidden; } .product-thumb > img { float: left; width: 100%; } .product-four > h3 { float: left; width: 100%; position: relative; } .product-four > h3 { float: left; position: relative; width: 100%; font-family: Lato; font-size: 20px; color: #303030; font-weight: 300; letter-spacing: 0.30px; margin: 20px 0; margin-bottom: 10px; } .product-four > h3 a{ color: #303030; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-four > .prices { float: left; width: 100%; font-size: 20px; font-weight: 600; color: #333; font-family: Lato; line-height: 17px; margin-top: 0px; } .product-four:hover > .cart-whislist { left: 20px; } .product-four > .cart-whislist { left: -25px; list-style: outside none none; margin: 0; padding: 0; position: absolute; top: 20px; width: 60px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-four:hover > .cart-whislist li { margin-bottom: 10px; } .product-four > .cart-whislist li { float: left; width: 100%; margin-bottom: 30px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-four > .cart-whislist li > a { color: #333333; float: left; font-size: 15px; height: 50px; line-height: 50px; position: relative; width: 50px; z-index: 0; text-align: right; padding: 0 10px 0 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: none; } .modal .cart-footer .checkout-btn { margin: 0 15px 0 0; padding: 14px 30px; } .product-four:hover > .cart-whislist li > a { color: #fff; padding-right: 18px; font-size: 15px; line-height: 54px; } .product-four:hover > .cart-whislist li > a:before { transform: rotate(0deg); } .product-four > .cart-whislist li > a:before { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* Col 4 */ .col-md-4 .hover-boxes > .box1:before { height: 118%; } .col-md-4 .item-thumb:hover .hover-boxes > .box1:before { top: -49px; } .col-md-4 .item-thumb:hover .hover-boxes > .box2:before { bottom: -42px; height: 118%; } .col-md-4 .hover-boxes > .box2:before { bottom: -152px; } .col-md-4 .item-thumb:before { bottom: -22px; height: 80px; } /* Product Filter */ .product-filter { float: left; width: 100%; } .product-filter > section { float: left; width: 100%; } .option-isotop { float: left; margin-bottom: 30px; width: 100%; } .option-set { display: table; margin: 0 auto; padding: 0; width: auto; } .option-set > li { float: left; list-style: outside none none; position: relative; } .option-set > li:before { background: none repeat scroll 0 0 #e5e5e5; content: ""; height: 12px; margin-top: -6px; position: absolute; right: 0; top: 50%; width: 1px; } .option-set > li > a { color: #909090; float: left; font-family: Lato; font-size: 18px; font-weight: lighter; letter-spacing: 0.3px; padding: 11px 30px 0; position: relative; transition:all 0.4s ease 0s; } .option-set > li > a:before { content: ""; height: 1px; margin-right: -30%; position: absolute; right: 50%; top: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 0; } .option-set > li > a.selected:before{ width:60%; } .option-set > li > a i { float: left; font-size: 15px; line-height: 20px; margin-right: 10px; } /* Product Review Carousal */ .parallax-text { text-align: center; width: 100%; float: left; width: 100%; padding: 0 30px; padding-left: 70px; padding-top: 90px; } .parallax-text > h2 { float: left; width: 100%; font-family: Lato; font-size: 30px; color: #ffffff; font-weight: bold; margin: 0; margin-bottom: 15px; } .parallax-text > h2 > strong { font-weight: 900; } .parallax-text p { color: #bbbbbb; margin-bottom: 20px; font-size: 15px; line-height: 29px; margin-bottom: 30px; margin-top: 10px; } .parallax-text > a { float: none; margin: 0 auto; display: table; font-family: Lato; font-size: 15px; color: #fff; letter-spacing: 0.30px; padding: 12px 35px; margin: 0 auto; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .parallax-text > a:hover{ background:#555555; } .product-review-carousel .owl-nav { position: absolute; right: 10px; top: 10px; width: 90px; height: 35px; } .product-review-carousel .owl-nav > div { width: 35px; height: 35px; background: white; position: relative; float: left; color: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .product-review-carousel .owl-nav > div.owl-next { float: right; } .product-review-carousel .owl-nav > div:before { content: "\f104"; color: #333; font-family: fontawesome; position: absolute; left: 0; top: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .product-review-carousel .owl-nav > div.owl-next:before { content: "\f105"; } .product-review-carousel .owl-nav > div:hover:before { color: #FFF; } .about-product { float: left; width: 100%; position: relative; } .parallax-title { float: left; width: 100%; text-align: center; margin-bottom: 40px; } .parallax-title h2 { margin: 0; font-family: Montserrat; color: #FFF; } /* parallax Text 3 */ .parallax-text3 { float: left; width: 100%; text-align: center; } .parallax-text3 > h5 { float: left; font-family: Lato; margin: 0; width: 100%; font-size: 20px; color: #ffffff; letter-spacing: 0.30px; margin-bottom: 10px; } .parallax-text3 > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 30px; color: #ffffff; font-weight: bold; letter-spacing: 0.30px; margin-bottom: 10px; } .parallax-text3 > p { color: #dedede; margin: 0; } /* parallax text 4 */ .parallax-text4 { float: left; width: 100%; text-align: center; } .parallax-text4 > h3 { float: left; width: 100%; text-align: center; margin: 0; font-family: Lato; font-size: 60px; color: #ffffff; font-weight: 900; } .parallax-text4 > h3 > i { font-style: normal; font-weight: 100; } .parallax-text4 > span { color: #fff; float: left; font-family: Lato; font-size: 30px; font-weight: 100; letter-spacing: 0.3px; margin-top: 10px; width: 100%; margin-bottom: 41px; } .parallax-text4 > a { float: none; margin: 0 auto; display: table; font-family: Lato; font-size: 24px; font-weight: 100; color: #fff; padding: 10px 30px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .product-four > .cart-whislist li > a:hover:before { background: #555555; } .parallax-text4 > a:hover { background: #555555; } /* Step Box */ .step-box { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); float: left; margin-top: 30px; padding: 45px 20px; text-align: center; width: 100%; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .step-box:hover:before{ opacity: 1; } .step-box:hover:after{ opacity: 1; } .step-box:before { position: absolute; left: 0; top: 0; width: 30px; height: 30px; content: ""; border-left: 1px solid; border-top: 1px solid; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; } .step-box:after { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; content: ""; border-right: 1px solid; border-bottom: 1px solid; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; } .step-box > i { color: #fff; float: left; font-size: 70px; width: 100%; margin-bottom: 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .step-box > h3 { color: #fbfbfb; float: left; font-family: Montserrat; font-size: 19px; font-weight: 600; letter-spacing: 0.3px; line-height: 26px; margin: 15px 0 10px; padding-bottom: 15px; position: relative; width: 100%; } .step-box > h3:before { bottom: 0; content: ""; height: 1px; left: 50%; margin-left: -20px; position: absolute; width: 40px; } .step-box > p { font-size: 13px; color: #fff; margin: 0; } /* Fancy Tabs */ .fancy-tabs { float: left; width: 100%; border: none; margin: 0; padding: 0; } .fancy-tabs li { float: left; position: relative; } .fancy-tabs li:nth-child(2n+1) { float: right; margin-right:80px; } .fancy-tabs li a { float: left; padding: 0; border: none !important; margin: 0; } .fancy-tabs li:nth-child(2n+2) { float: left; margin-top: -140px; } .fancy-tabs li:nth-child(2n+3) { float: right; margin-top: -230px; margin-right: 0; } .fancy-tabs li.active { z-index: 9; } .fancy-tab-content { float: left; width: 100%; text-align: center; padding-left: 20px; padding-top: 60px; } .fancy-tab-content > h3 { float: left; width: 100%; font-family: Lato; font-size: 40px; color: #333333; margin: 0; line-height: 47px; font-weight: 600; margin-bottom:30px; } .fancy-tab-content > h3 strong { font-weight: 900; } .fancy-tab-content > span { color: #fff; display: table; float: none; font-family: Lato; font-size: 22px; font-weight: 900; margin: 0 auto; padding: 5px 17px; letter-spacing: 0.30px; } .fancy-tab-content > p { font-family: Lato; font-size: 15px; color: #474747; margin-bottom: 30px; margin-top: 20px; } .woocommerce .fancy-tab-content > a { border-bottom: 1px solid; color: #000000; display: table; float: none; font-family: Lato; font-size: 17px; font-weight: 900; letter-spacing: 0.3px; margin: 0 auto; padding-bottom: 9px; background: none !important; border-radius: 0 0; padding: 0; padding-bottom: 11px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .fancy-tab-content > a > i { margin-right: 10px; } /* Our Brands */ .our-brands { float: left; width: 100%; background: #fff; border: 3px solid #f5f5f5; padding: 40px 45px; } .our-brands > h3 { float: left; width: 100%; margin: 0; font-family: Montserrat; font-size: 25px; color: #424242; letter-spacing: 0.30px; margin-bottom: 30px; } .our-brands.style2 { border: medium none; padding: 0; } .brands { float: left; width: 100%; } .brands .top-margin { margin-top: -20px; } .brands .row { margin: 0 -10px; } .brands .row > div { padding: 0 10px; } .company-brands { background: none repeat scroll 0 0 #fff; border: 3px solid #f5f5f5; float: left; height: 100px; margin-top: 20px; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index: 0; } .company-brands.no-details > span { margin: 0 !important; } .company-brands.no-details:before { display: none; } .company-brands:before { background: rgba(255,255,255,0.95); border: 3px solid #f5f5f5; content: ""; height: 0; left: 50%; opacity: 0; position: absolute; top: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 0; z-index: -1; } .company-brands:hover:before { height: 260px; width: 315px; margin-left: -157px; left: 50%; margin-top: -150px; opacity: 1; z-index: 999; } .company-brands:hover span { z-index: 999; margin-top: -100px; } .company-brands > span { float: left; position: relative; text-align: center; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .company-brands:hover h4 { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); z-index: 99999; } .company-brands > h4 { color: #222222; float: left; font-family: Lato; font-size: 16px; font-weight: 900; letter-spacing: 0.3px; margin: 0; opacity: 0; overflow: hidden; text-overflow: ellipsis; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; white-space: nowrap; width: 100%; position: absolute; left: 0; top: 20px; } .company-brands:hover p { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); z-index: 99999; } .company-brands > p { left: 50%; opacity: 0; padding: 0 24px; position: absolute; top: 50px; max-height: 84px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 315px; z-index: 99999; text-align: center; margin-left: -157px; } /* Subscribe */ .subscribe { float: left; width: 100%; background: #fff; border: 3px solid #f5f5f5; padding: 55px 30px; } .social-btns #fb{ background-color: #3b5998; } .social-btns #twitter{ background-color: #00aced; } .social-btns #dribble{ background-color: #C73B6F; } .social-btns #youtube{ background-color: #bb0000; } .subscribe .social-btns > li > a { color: #fff; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .with-color.social-btns > li > a { color: #fff; } .subscribe > h3 { color: #333333; float: left; font-family: Montserrat; font-size: 27px; line-height: 35px; margin: -11px 0 0; text-align: center; width: 100%; } .subscribe .social-btns > li > a:hover { opacity: 0.5; } .subscribe-form { background: none repeat scroll 0 0 #fefefe; border: 3px solid #f5f5f5; float: left; margin-top: 35px; width: 100%; position: relative; padding-right: 40px; } .subscribe-form > input[type="text"] { float: left; background: none; border: none; height: 40px; border: none; padding: 0 30px; font-size: 14px; font-style: italic; font-family: Lato; letter-spacing: 0.30px; color: #909090; padding: 0 20px; width: 100%; } .subscribe-form button { background: none repeat scroll 0 0 #f5f5f5; border: medium none; color: #a5a5a5; float: right; font-size: 17px; height: 40px; padding: 10px 13px; position: absolute; right: 0; top: 0; } /* Social Buttons */ .social-btns { float: left; list-style: outside none none; margin-top: 50px; padding: 0; text-align: center; width: 100%; margin-bottom: 0; } .social-btns > li { display: inline-flex; margin: 0 4px; } .social-btns > li > a { float: left; width: 56px; height: 56px; background: #f5f5f5; text-align: center; line-height: 58px; font-size: 17px; color: #555555; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* blog */ div.post.blog.sticky::before { left: 0; width: 100%; } div.blog { float: left; margin-top: 30px; width: 100%; position: relative; padding-bottom:20px; } div.post.blog.sticky { background: #f7f7f7 none repeat scroll 0 0; padding: 30px; } .blog-thumb { float: left; padding-bottom: 32px; position: relative; width: 100%; overflow: hidden; } .blog-thumb > span { bottom: 0; left: 0; padding: 8px; position: absolute; width: 50px; } .blog-thumb:hover > span { background-color: #fafafa; bottom: 32px; color: #444444; } .blog-thumb > span { bottom: 10px; left: 0; padding: 4px 8px; position: absolute; width: 50px; color: #fff; font-family: Montserrat; font-size: 15px; font-weight: bold; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .blog-thumb > span > i { float: left; font-style: normal; line-height: 15px; margin-bottom: 3px; width: 100%; } .blog-thumb:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .blog-thumb > img { float: left; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .blog > h3 { float: left; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: Montserrat; font-size: 17px; font-weight: bold; margin: 0; letter-spacing: 0.30px; margin-top:4px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .blog > h3 a{ color:#333; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .blog h6 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 13px; color: #474747; letter-spacing: 0.30px; margin-top: 8px; } .blog h6 a{ color:#474747; } .blog > p { margin: 0; margin-top: 12px; } div.blog:before { position: absolute; left: 0; bottom: 0; width: 90px; height: 2px; content: ""; } /* Responsive Header */ .responsive-header { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); -webkit-border-radius: 0 0 3px; -moz-border-radius: 0 0 3px; -ms-border-radius: 0 0 3px; -o-border-radius: 0 0 3px; border-radius: 0 0 3px; display: none; float: left; left: 0; margin: 0; padding-bottom: 20px; position: static; top: 0; width: 100%; z-index: 100000; } .responsive-logo { display: table; margin: 0 auto; padding: 15px 0; text-align: center; } .responsive-logo a { float: left; width: 100%; color: #7F7F7F; } .responsive-logo a img { float: left; height: auto; } .responsive-logo a h1 { float: left; font-family: open sans; font-size: 22px; font-weight: 500; line-height: 40px; margin-left: 20px; } .responsive-header > span { color: #ffffff; cursor: pointer; float: left; font-size: 19px; margin-left: 10%; padding: 8px 10px; text-align: center; width: 80%; } .responsive-header > ul { background: none repeat scroll 0 0 #fafafa; border-top: 1px solid #f7f7f7; float: left; margin-left: 10%; padding: 10px; display: none; position: relative; width: 80%; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .responsive-header > ul li { float: left; width: 100%; } .responsive-header > ul li a { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f7f7f7; color: #919191; float: left; font-family: roboto; font-size: 13px; letter-spacing: 0.2px; line-height: 12px; overflow: hidden; padding: 15px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .responsive-header > ul li:first-child > a{ border-top: 0; } .responsive-header > ul li:last-child > a{ border-bottom: 0; } .responsive-header > ul ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #e7e7e7; display: none; float: left; margin: 0; opacity: 1; padding: 20px 0; position: static; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: 100%; } .responsive-header .responsive-cart { float: left; text-align: center; width: 100%; } .responsive-header .responsive-cart .cart-header-btns { display: table; float: none; margin: 0 auto; } .responsive-header .responsive-cart .cart-header-btns li a { color: #333333; } .responsive-header ul { list-style: outside none none; } /* Fancy Header */ .fancy-header > .container { padding: 0; } .fancy-header { background: none repeat scroll 0 0 #444444; position: fixed; width: 100%; left: 0; top: 0; z-index: 99; } .fancy-header .logo { float: left; width: auto; } .fancy-header .logo > h1 { color: #fff; float: left; font-family: Montserrat; font-size: 26px; font-weight: normal; letter-spacing: 0.3px; line-height: 22px; margin: 0; padding: 25px 0; } .fancy-header .logo > h1 a{ color: #fff; } .fancy-header .logo > h1 i { font-style: normal; font-weight: 900; } .cart-header-btns { float: right; list-style: outside none none; margin: 0; padding: 27px 0; } .cart-header-btns > li { float: left; line-height: 10px; } .cart-header-btns > li:last-child a{ border: medium none; } .cart-header-btns > li > a { color: #ffffff; font-size: 17px; padding: 0 20px; cursor: pointer; letter-spacing: 0.3px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-right: 1px solid #6f6f6f; } .cart-header-btns > li > a span { font-family: Montserrat; font-size: 11px; margin-left: 8px; } .fancy-menu { float: right; } .open-menu { color: #ffffff; float: right; font-family: Montserrat; font-size: 17px; font-weight: bold; letter-spacing: 0.3px; margin-left: 80px; padding: 27px 0; cursor:pointer; } .fancy-menu nav { background-color: rgba(252, 252, 252, 1); height: 100%; padding-bottom: 72px; position: fixed; right: -340px; top: 78px; -webkit-transform: rotateY(90deg) perspective(200px) translateZ(0px); -moz-transform: rotateY(90deg) perspective(200px) translateZ(0px); -ms-transform: rotateY(90deg) perspective(200px) translateZ(0px); -o-transform: rotateY(90deg) perspective(200px) translateZ(0px); transform: rotateY(90deg) perspective(200px) translateZ(0px); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 340px; z-index: 999; } .fancy-menu nav.show { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); right: 0px; } .fancy-menu nav:before { background: url("../images/nav-bg.png") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); content: ""; height: 100%; left: 0; opacity: 0.16; position: absolute; top: 0; width: 100%; } .fancy-menu > a > i { margin-left: 5px; } #nav-scroll { overflow: auto; width:340px; } .fancy-menu > nav > ul { float: left; list-style: outside none none; margin: 0; padding: 40px 35px 130px; position: relative; width: 100%; z-index: 9; } .fancy-menu > nav > ul > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; -ms-box-shadow: 0 0; -o-box-shadow: 0 0; box-shadow: 0 0; margin: 0 !important; padding: 0; width: 100%; } .track3 { width: 10px; background: rgba(0, 0, 0, 0); margin-right: 2px; -webkit-transition: background 250ms linear; transition: background 250ms linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .fancy-menu > nav > ul > li { float: left; width: 100%; } .fancy-menu > nav > ul > li > a { border-bottom: 1px solid #eaeaea; color: #555555; float: left; font-family: Lato; font-size: 17px; font-weight: 900; letter-spacing: 0.3px; line-height: 16px; padding: 15px 0; width: 100%; } .fancy-menu > nav > ul > li > a span { display: inline-flex; font-size: 11px; font-weight: normal; line-height: 0; margin-left: 3px; } .fancy-menu > nav > ul > li > a i { float: right; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fancy-menu > nav > ul > li ul { float: left; list-style: outside none none; margin: 0; padding: 10px 0 0; width: 100%; position: static; float: left; width: 100%; opacity: 1; background: none; transform: rotate(0deg); } .fancy-menu > nav > ul > li.active > a i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .fancy-menu > nav > ul > li ul li { float: left; position: relative; width: 100%; } .fancy-menu > nav > ul > li ul li a:before { background: none repeat scroll 0 0 #a4a4a4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 3px; left: 0; margin-top: -1px; position: absolute; top: 50%; width: 3px; } .fancy-menu > nav > ul > li ul li a { color: rgb(0, 0, 0); float: left; font-family: Lato; font-size: 15px; font-weight: 300; letter-spacing: 0.3px; line-height: 12px; padding: 10px 0 10px 15px; position: relative; width: 100%; line-height: 23px; } /* Fancy Post */ .fancy-post { float: left; margin-top: 30px; overflow: hidden; position: relative; width: 100%; } .post-carousal { float: left; width: 100%; } .fancy-post img { float: left; width: 100%; } .fancy-post > .title { bottom: 20px; left: 0; position: absolute; width: 100%; } .fancy-post > .title > h2 span { color: #282828; float: left; font-size: 20px; font-weight: normal; letter-spacing: 0.3px; line-height: 27px; margin-bottom: 8px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; white-space: nowrap; width: 100%; } .fancy-post > .title > h2 > a { color: #282828; float: left; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fancy-post > .title > h2 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96); color: #282828; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; float: left; font-family: Lato; font-size: 25px; font-weight: bold; line-height: 38px; margin: 0; padding: 20px 0; text-align: center; width: 100%; } /* Parallax Text 2 */ .parallax-text2 { float: right; width: 50%; } .parallax-text2 p { color: #666666; font-size: 15px; margin-bottom: 20px; margin-top: 20px; } .parallax-text2 > h2 { color: #444444; float: left; font-family: Lato; font-size: 45px; font-weight: 100; line-height: 55px; margin: 0; width: 100%; } .parallax-text2 > h2 strong{ font-weight: 900; } .parallax-text2 a { color: #fff; float: left; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; margin: 15px auto 0; padding: 12px 35px; } /* Resort */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: transform, opacity; -o-transition-property: transform, opacity; transition-property: transform, opacity; } /* Scroll Css */ .track3:hover, .track3.dragging { background: #d9d9d9; /* Browsers without rgba support */ background: rgba(0, 0, 0, 0.15); } .handle3 { width: 7px; right: 0; background: #999; background: rgba(0, 0, 0, 0.4); -webkit-transition: width 250ms; transition: width 250ms; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .track3:hover .handle3, .track3.dragging .handle3 { width: 10px; } /* Deal Sec */ .product-deals-sec { background: none repeat scroll 0 0 #fafafa; padding-left: 30px; padding-right: 0; position: relative; z-index: 0; } .product-deals-sec:before { background: none repeat scroll 0 0 #fafafa; content: ""; height: 100%; left: 100%; position: absolute; top: 0; width: 160%; z-index: -1; } .product-deals-sec .heading2 > span > i{ background:#fafafa; } .deal-box { float: left; margin-top: 30px; overflow: hidden; position: relative; width: 100%; } .deal-box > img { float: left; width: 100%; } .deal-box:hover > a { bottom: 10px; left: 10px; } .deal-box > a { bottom: 0; color: #fff; font-family: Lato; font-size: 14px; left: 0; letter-spacing: 0.3px; padding: 9px 60px 9px 20px; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .deal-counter { background: none repeat scroll 0 0 #fff; list-style: outside none none; margin: 0; padding: 8px 0 9px 12px; position: absolute; left: 0; top: 0; } .deal-box > a > i { background: #333333 none repeat scroll 0 0; font-family: Lato; font-style: normal; font-weight: bold; height: 100%; line-height: 37px; position: absolute; right: 0; text-align: center; top: 0; width: 42px; } .deal-counter > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; float: left; width: auto !important; } .deal-counter > li > i { color: #000; float: left; font-family: Lato; font-size: 13px; font-style: normal; font-weight: lighter; margin-right: 4px; } .deal-counter > li > span { font-size: 16px; font-weight: bold; line-height: 10px; margin-right: 8px; } /* Pagination Sec */ .pagination-sec { float: left; margin-top: 70px; text-align: center; width: 100%; } .pagination-sec > ul { margin: 0; -webkit-border-radius: 0 0; -moz-border-radius: 0 0; -ms-border-radius: 0 0; -o-border-radius: 0 0; border-radius: 0 0; } .pagination-sec > ul > li { float: left; } .pagination-sec > ul > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; float: left; } .pagination-sec > ul > li:first-child { margin-right: 30px; } .pagination-sec > ul > li:last-child { margin-left: 30px; } .pagination-sec > ul > li a { border-color: #f3f3f3; float: left; font-family: Lato; font-size: 13px; color: #9d9d9d; } /* Footer */ footer { float: left; width: 100%; } .w-pro-carousal { float: left; width: 100%; } footer .layer:before { background: #262626; opacity: 0.93; } .footer-post { float: left; margin: 0; width: 100%; } .mini-title { float: left; width: 100%; margin: 0; font-family: Montserrat; font-size: 17px; color: #fff; font-weight: bold; padding-bottom: 13px; position: relative; margin-bottom: 20px; } .mini-title:before { position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #43464a; content: ""; } .footer-post > ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; margin-top: -10px; } .footer-post > ul > li { float: left; margin-top: 10px; padding-left: 90px; position: relative; width: 100%; min-height: 75px; } .footer-post > ul > li > .thumb { left: 0; position: absolute; top: 0; width: 75px; height: 75px; overflow: hidden; margin:0; } .footer-post > ul > li > .thumb img { float: left; width: 100%; height: auto; } .footer-post > ul > li h3 { color: #dedede; float: left; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; line-height: 21px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .footer-post > ul > li h3 a{ color:#dedede; } .theme-layout .footer-post > ul > li > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; font-size: 14px; margin-top: 9px; padding: 3px 8px; line-height: 22px !important; } .footer-post > ul > li > span { float: left; font-family: Montserrat; font-size: 17px; font-weight: bold; color: #fff; margin-top: 8px; margin-left: 7px; } .footer-post > ul > li .date { float: left; width: 100%; font-style: normal; font-family: Lato; font-size: 11px; font-weight: bold; letter-spacing: 0.30px; margin-top: 7px; } .footer-product { float: left; width: 100%; padding: 0; margin: 0; list-style: none; } .footer-product .owl-item > li { text-align: center; } .footer-product .owl-item > li img { float: left; width: 100%; } .footer-product .owl-item > li a { float: left; width: 100%; font-family: Montserrat; font-weight: bold; color: #fff; letter-spacing: 0.30px; margin-top: 9px; } .footer-product .owl-item > li span { float: left; width: 100%; color: #fff; font-family: Lato; font-size: 14px; color: #d6d6d6; line-height: 11px; margin-top: 3px; } .footer-product .owl-dots { float: left; width: 100%; text-align: center; } .footer-product .owl-dots > .owl-dot { width: 12px; height: 2px; background: #686c73; display: inline-block; margin: 0 2px; } /* Footer Strip */ .block.footer-strip { padding: 40px 0; } .block.footer-strip .mini-title { color: #333333; } .strip-about { float: left; width: 100%; } .footer-strip p { color: #404040; margin:0; } .strip-about > p > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-family: Montserrat; font-size: 51px; height: 75px; line-height: 75px; text-align: center; width: 75px; margin-right: 13px; } .shoping-tags { float: left; width: 100%; } .tagcloud > a { background: none repeat scroll 0 0 #fff; float: left; margin-right: 10px; margin-bottom: 10px; color: #aeaeae; background: #f7f7f7; font-family: Lato; font-size: 12px; letter-spacing: 0.30px; padding: 3px 12px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .tagcloud > a:hover{ color: #fff; } .signup-form > p { margin-top: -8px; margin-bottom: 15px; } .signup-form form { float: left; width: 100%; position: relative; padding-right: 45px; height: 42px; } .signup-form form input[type="text"] { background: none repeat scroll 0 0 #f7f7f7; border: medium none; float: left; font-family: Lato; font-size: 13px; letter-spacing: 0.3px; padding: 8px 20px; width: 100%; height: 45px; color: #707070; } .bottom-line span { color: #a8a8a8; float: left; font-family: Lato; letter-spacing: 0.3px; line-height: 23px; margin-top: 5px; } .bottom-line ul li { float: left; margin-left: 10px; } .bottom-line ul { float: right; list-style: outside none none; margin: 0; padding: 0; } .signup-form form button { border: medium none; height: 45px; position: absolute; right: 0; width: 45px; color: #fff; } .block.bottom-line { padding: 30px 0; background: #262626; } /* Curve Parallax */ .curve-parallax-sec { float: left; position: relative; width: 100%; overflow: hidden; } .curve-carousal .owl-nav { margin: 0; } .curve-carousal { float: left; position: relative; width: 100%; } .owl-carousel .fixed-img { background-attachment: inherit !important; background-size: 100% auto !important; height: 100%; left: auto; right: 0; width: 60%; } .curve-carousal .owl-dots { margin: 0; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 14px; } .curve-carousal .owl-dots > div { background: none repeat scroll 0 0 #ededed; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 14px; margin: 3px 0; width: 14px; } .curve-carousal .owl-dots > div.active{ background:#252525; } .curve-parallax { float: left; width: 470px; background: #fff; position: relative; padding: 90px 0; padding-right: 30px; } .curve-parallax > a.add-cart-btn { background: #252525 none repeat scroll 0 0 !important; height: 38px; margin-right: 10px; padding: 14px 20px !important; color: #ffffff; } .curve-parallax > .prices { color: #252525; float: left; font-family: Lato; font-size: 40px; font-weight: 900; letter-spacing: 0.3px; line-height: 30px; margin-top: 20px; width: 100%; } .curve-parallax:before { position: absolute; left: -200%; top: 0; width: 200%; height: 100%; content: ""; background: #fff; } .curve-parallax:after { position: absolute; right: -70px; top: 0; width: 100%; min-height: 800px; content: ""; background: #fff; z-index: -1; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } .curve-parallax > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 45px; color: #333; font-weight: 900; letter-spacing: 0.30px; } .curve-parallax > h3 > span { float: left; width: 100%; font-weight: 100; font-size: 30px; margin-bottom: 8px; } .curve-parallax > p { margin-top: 25px; margin-bottom: 25px; } .curve-parallax > a { float: left; font-family: Lato; font-size: 13px; color: #fff; padding: 10px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .curve-parallax > a:hover{ color: #fff; background-color: #939393; } .curve-parallax.right { float: right; padding-right: 0; padding-left: 30px; } .curve-parallax.right:before { left: 100%; } .curve-parallax.right:after { right: auto; left: 0; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); left: -70px; } /* Category With Carousal */ .cat-with-carousal { float: left; width: 100%; } .cat-with-carousal > .row { margin: 0 -5px; } .cat-with-carousal > .row > div { padding: 0 5px; } .cat2-sec { float: left; margin-top: -10px; width: 100%; } .cat-style2 { float: left; margin-top: 10px; overflow: hidden; position: relative; width: 100%; z-index: 0; } .cat-style2::before { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.1; position: absolute; top: 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 100%; z-index: 0; } .cat-style2:hover > h3 a { background: none repeat scroll 0 0 #ffffff; color: #222222; } .cat-style2 > img { float: left; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .cat-style2 > h3 { bottom: 0; left: 0; margin: -23px 0 0; position: absolute; text-align: center; width: 100%; } .cat-style2 > h3 > a { background: #fff; color: #333333; display: table; float: none; font-family: Lato; font-size: 18px; font-weight: 900; letter-spacing: 0.3px; margin: 0 auto; padding: 14px 20px; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .carousal-sec { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .carousal-sec li { float: left; width: 100%; } .carousal-sec li img { float: left; width: 100%; } .carousal-sec .owl-nav { padding: 20px; position: absolute; right: 0; top: 0; } .carousal-sec .owl-nav > div { background: none repeat scroll 0 0 #fff; color: transparent; float: left; height: 36px; margin-left: 5px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 36px; } .carousal-sec .owl-nav > div:before { color: #333; font-family: Simple-Line-Icons; font-size: 15px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 0; width: 100%; } .carousal-sec .owl-nav > div:before { color: #333; font-family: Simple-Line-Icons; font-size: 15px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 0; width: 100%; } .carousal-sec .owl-nav > .owl-next:before{ content:"�?�"; } .carousal-sec .owl-nav > .owl-prev:before{ content:"�??"; } /* Fancy Product */ .fancy-product { border-bottom: 2px solid #f5f5f5; float: left; margin-top: 30px; padding-bottom: 30px; padding-right: 10px; position: relative; width: 100%; } .fancy-product::before { background: #959595 none repeat scroll 0 0; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 35px; } .fancy-product > span:before { background: none repeat scroll 0 0 #f9f9f9; content: ""; height: 100%; left: 10px; position: absolute; top: 10px; width: 100%; z-index: -1; } .fancy-product > span { float: left; position: relative; width: 100%; } .fancy-product img { float: left; width: 100%; } .fancy-product > h3 { bottom: 40px; float: left; font-family: Lato; font-size: 19px; font-weight: 900; left: 0; letter-spacing: 0.3px; margin: 34px 0 25px; overflow: hidden; padding: 0; position: static; text-align: left; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 100%; } .fancy-product > h3 a:hover { text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .fancy-product > h3 a { color: #000000; float: left; padding: 10px 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .fancy-product > .price-btn { float: left; width: auto; } .fancy-product > .price-btn span { color: #696969; float: right; font-family: Montserrat; font-size: 17px; font-weight: 600; letter-spacing: 0.3px; line-height: 35px; } .fancy-product > .price-btn a:hover{ color: #ffffff; } .fancy-product > .price-btn a { background: #969696 none repeat scroll 0 0; border-radius: 0; color: #ffffff; float: left; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; margin-left: 20px; margin-top: -5px; padding: 0; text-align: center; margin:0; margin-right:15px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 40px; } /* Portfolio */ .full-portfolio { float: left; width: 100%; } .our-portfolio { float: left; width: 100%; position: relative; } .full-portfolio > .row { margin: 0; } .our-portfolio > div { padding: 0; } .portfolio-2 { float: left; overflow: hidden; position: relative; width: 100%; z-index: 0; } .portfolio-2.dark::before { background: #000000; background-size: 100% 100%; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; opacity: 0.5; z-index: 9; } .portfolio-2.light::before { background: #ffffff; background-size: 100% 100%; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; opacity: 0.7; z-index: 9; } .portfolio-2 > img { float: left; width: 100%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .portfolio-2:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .portfolio-2 > .title { left: 50%; padding: 20px 30px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 99; width: 70%; } .portfolio-2 .title > h3:before { background: none repeat scroll 0 0 #fff; content: ""; position: absolute; left: 50%; bottom: 0; width: 14px; height: 2px; margin-left: -7px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .portfolio-2 > .title span { float: left; width: 100%; font-family: Lato; font-size: 13px; color: #fff; text-transform: uppercase; letter-spacing: 0.30px; line-height: 12px; margin-top: 15px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .portfolio-2 .title > h3 { float: left; width: 100%; font-family: Lato; font-size: 24px; color: #fff; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 900; padding-bottom: 20px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .portfolio-2 .title > h3 a{ color:#fff; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* Block */ .inner-head { background: none repeat scroll 0 0 #f7f7f7; float: left; text-align: center; width: 100%; } .inner-head h2 { color: #232323; float: left; font-family: Lato; font-size: 50px; font-weight: 900; line-height: 38px; margin: 0; overflow: hidden; padding: 0 120px 30px; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .inner-head h2:before { background: none repeat scroll 0 0 #232323; bottom: 0; content: ""; height: 3px; left: 50%; margin-left: -16px; position: absolute; width: 32px; } .breadcrumbs { float: left; list-style: outside none none; margin: 0; padding: 15px 0 0; width: 100%; } .breadcrumbs > li { display: inline-flex; } .breadcrumbs > li > a { color: #232323; float: left; font-family: Lato; font-size: 16px; font-weight: lighter; margin: 0 10px; } .breadcrumbs > li > .active { font-weight: bold; } /* Shopping Product Tab */ .single-product-tabs { float: left; width: 100%; } .single-product-tabs > .tab-content { float: left; width: 100%; } .single-product-tabs > .tab-content img { float: left; width: 100%; } .single-product-tabs > .nav { border: medium none; float: left; margin: 0 -15px; } .single-product-tabs > .nav > li { float: left; margin: 30px 0 0; padding: 0 15px; width: 33.334%; } .single-product-tabs > .nav > li a { border: medium none !important; float: left; margin: 0; padding: 0; width: 100%; } .single-prodcut-info { background: none repeat scroll 0 0 #fbfbfb; float: left; padding-bottom: 101px; padding-left: 30px; padding-right: 30px; position: relative; width: 100%; z-index: 0; } .single-prodcut-info:after { background: none repeat scroll 0 0 #fbfbfb; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 200%; z-index: -1; } .single-prodcut-info:before { background: none repeat scroll 0 0 #fbfbfb; content: ""; height: 100%; left: 100%; position: absolute; width: 200%; } .single-prodcut-info > h2 { color: #292929; float: left; font-family: Lato; font-size: 30px; font-weight: 900; letter-spacing: 0.3px; line-height: 40px; margin: -9px 0 25px; width: 100%; } .single-prodcut-info > span { color: #232323; float: left; font-family: Lato; font-size: 30px; font-weight: 600; line-height: 23px; margin-bottom: 25px; margin-top: 0; width: 100%; } .single-prodcut-info > i { color: #494949; float: left; font-family: Lato; font-size: 14px; font-style: normal; letter-spacing: 0.3px; width: 100%; } .single-prodcut-info > p { margin: 20px 0; } .wishlist-btn { border: 1px solid #313131; color: #313131; float: left; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; padding: 16px 27px; } .wishlist-btn i { margin-right: 7px; } .c-input-number { float: left; margin: 40px 0; width: 100%; } .c-input-number > span { float: left; padding: 0 70px; position: relative; width: 210px; } .theme-layout .c-input-number > span input[type="text"] { border: medium none; color: #303030; float: left; font-family: Lato; font-size: 20px; font-weight: bold; height: 42px; padding: 0; text-align: center; width: 100%; } .c-input-number > span .userincr-btn-dec { left: 0; top: 0; } .c-input-number > span .userincr-btn-inc { right: 0; top: 0; } .c-input-number > span > input[type="button"] { background: none repeat scroll 0 0 #494949; border: medium none; color: #fff; font-family: Lato; font-size: 25px; font-weight: 900; height: 42px; position: absolute; width: 70px; } .add-to-cart { color: #fff; float: left; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; padding: 17px 30px; border: none; } /* Services */ .services { float: left; width: 100%; text-align: center; margin-top: 30px; padding-bottom: 35px; position: relative; } .services:before { position: absolute; left: 50%; width: 50px; height: 3px; background: #dedede; content: ""; bottom: 0; margin-left: -25px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .services > span { float: none; margin: 0 auto; display: table; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 120px; height: 120px; } .services > span img { float: left; width: 100%; } .services > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 18px; color: #303030; font-weight: bold; letter-spacing: 0.30px; margin-top: 24px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin-bottom: 10px; } /* Collection */ .collection { float: left; position: relative; width: 100%; text-align: center; margin-top:30px; } .collection > span { float: left; position: relative; width: 100%; } .collection > span img { float: left; width: 100%; } .collection > .title { background: #fbfbfb none repeat scroll 0 0; bottom: 0; left: 50%; padding: 20px 50px 0; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; } .collection > .title:before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-left: 1px solid #333333; border-top: 1px solid #333333; content: ""; } .collection > .title:after { position: absolute; right: 0; top: 0; width: 20px; height: 20px; border-right: 1px solid #333333; border-top: 1px solid #333333; content: ""; } .collection > .title > h3:before { background: none repeat scroll 0 0 #1f1f1f; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -7px; position: absolute; width: 14px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .collection > .title > h3 { color: #1f1f1f; float: left; font-family: Lato; font-size: 20px; font-weight: bold; margin: 0; padding-bottom: 22px; position: relative; width: 100%; } .collection > .title > h3 a{ color: #1f1f1f; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .collection > .title > ul > li { display: inline-flex; font-family: Lato; font-size: 13px; color: #8f8f8f; line-height: 16px; } .collection > .title > ul { float: left; padding: 0 10px; text-align: center; width: 100%; margin: 0; margin-bottom: 20px; margin-top: 10px; } .collection > .title { transition:all 0.4s ease 0s; } .collection:hover > .title { background: #f7f7f7; } /* Deal Banner */ .deal-banner { float: left; width: 100%; overflow: hidden; position: relative; } .deal-banner > img { float: left; width: 100%; } .deal-text { float: left; width: 100%; text-align: center; padding: 30px 35px; } .deal-text h4 { float: left; width: 100%; color: #fff; font-family: Lato; font-size: 20px; color: #ffffff; font-weight: bold; margin: 0; margin-bottom: 10px; } .deal-text p { color: #ffffff; } .banner-counter { float: left; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; padding: 30px 20px; background: #585858; } .banner-counter > li { float: left; width: 25%; } .banner-counter > li > span { color: #fff; float: left; font-family: Lato; font-size: 32px; font-weight: 900; width: 100%; line-height: 24px; padding-bottom: 12px; position: relative; margin-bottom: 10px; } .banner-counter > li > span:before { position: absolute; left: 50%; bottom: 0; width: 12px; height: 2px; background: #fff; content: ""; margin-left: -6px; } .banner-counter > li i { float: left; font-style: normal; width: 100%; color: #f1f1f1; font-size: 11px; font-family: Lato; letter-spacing: 0.30px; } /* Product Wide Carousal */ .product-wide-carousal { float: left; width: 100%; position: relative; } .product-wide { float: left; position: relative; width: 100%; } .product-wide > img { float: left; width: 100%; } .wide-prdct-info { background: none repeat scroll 0 0 rgba(253, 253, 253, 0.93); height: 100%; padding:80px 65px 100px 35px; position: absolute; right: 0; top: 0; width: 520px; } .wide-prdct-info span.amount { color:#333333 !important; } .wide-prdct-info > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 60px; font-family: Lato; font-weight: 900; color: #0a0a0a; } .wide-prdct-info > h3 > span { font-size: 30px; font-weight: normal; float: left; width: 100%; } .wide-prdct-info > p { margin-top: 20px; } .wide-prdct-info > .price { bottom: 0; color: #ffffff; float: left; font-family: Montserrat; font-size: 25px; left: 50%; margin: 0; text-align: left; width: 100%; z-index: 0; margin-top: 25px; } .cart-link { background: #fbfbfb none repeat scroll 0 0; bottom: 0; height: 70px; left: 0; list-style: outside none none; margin: 0; padding: 0 40px; position: absolute; width: 100%; z-index: 9; padding-left:20px; } .cart-link > li { float: left; } .cart-link > li:last-child a { border: medium none !important; } .woocommerce .cart-link > li a { border-right: 1px solid #e8ecec; color: #6a6a6a; float: left; font-size: 17px; margin: 17px 0; padding: 6px 28px; position: relative; text-align: center; z-index: 0; background: none !important; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .product-wide-carousal:before { background: none repeat scroll 0 0 #cacaca; bottom: 0; content: ""; height: 70px; position: absolute; right: 0; width: 520px; z-index: 0; } .product-wide-carousal .owl-nav { bottom: 0; height: 70px; text-align: center; z-index: 99; } .product-wide-carousal .owl-controls { bottom: 0; height: 70px; position: absolute; right: 0; width: auto; } .product-wide-carousal .owl-nav > div { background: #b8b8b8 none repeat scroll 0 0; color: rgba(0, 0, 0, 0); display: inline-table; height: 70px; position: relative; text-align: center; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 85px; margin: 0; border-radius: 0; } .product-wide-carousal .owl-nav > div:hover{ background:#696969; } .product-wide-carousal .owl-nav > div::before { color: #ffffff; content: "�?�" !important; font-family: Simple-Line-Icons; font-size: 20px; height: 70px; left: 0; line-height: 70px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 9999; } .product-wide-carousal .owl-nav > .owl-prev { margin-right: 1px; } .product-wide-carousal .owl-nav > .owl-prev:before { content: "�??" !important; } /* Testimonial */ .testimonails-carousal { float: left; min-height: 260px; width: 100%; } .testimonial-sec { float: left; width: 100%; } .testimonial-area { float: left; padding: 0 15px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 17%; } .testimonial-area.active { width: 66%; } .clients-reviw { left: 0; opacity: 0; padding-left: 280px; position: absolute; top: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 100%; } .testimonial-area.active .clients-reviw { display: block; } .testimonial-area.active .clients-reviw { opacity: 1; -webkit-transition: all 0.2s ease 0.2s; -moz-transition: all 0.2s ease 0.2s; -ms-transition: all 0.2s ease 0.2s; -o-transition: all 0.2s ease 0.2s; transition: all 0.2s ease 0.2s; } .testimonial-thumb { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 100%; margin-top: 43px; overflow: hidden; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 170px; } .testimonial-area.active .testimonial-thumb { margin: 0; width: 260px; } .testimonial-thumb > a { float: left; position: relative; width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .testimonial-thumb > a img { float: left; width: 100%; } .testimonial-thumb > a span { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-family: Montserrat; font-size: 20px; color: #fff; font-weight: bold; letter-spacing: 0.30px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .testimonial-area.active .testimonial-thumb span { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .testimonial-area.active .clients-reviw > p:before { opacity: 0.15; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -ms-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; transition: all 0.4s ease 0.3s; } .clients-reviw > p:before { color: #fff; content: ""; font-family: Simple-Line-Icons; font-size: 170px; left: 0; opacity: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index: -1; } .clients-reviw > p { float: left; text-align: center; width: 100%; font-family: Lato; font-size: 19px; color: #ffffff; font-weight: 200; margin: 0; line-height: 32px; margin-top: 90px; padding: 0 30px; position: relative; } .testimonial-thumb > a:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; opacity: 0; } .testimonial-area.active .testimonial-thumb > a:before { opacity: 0.86; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } /* Accordian Sec */ .accordian-sec { float: left; width: 100%; } .accordian-sec > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 29px; color: #2f383d; letter-spacing: 0.30px; margin-top: -6px; margin-bottom: 8px; } .accordian-sec > p { margin-bottom: 20px; } .accordian { float: left; width: 100%; } .accordian > h2 { float: left; margin: 0; width: 100%; padding: 13px 15px; background: #f8f8f8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: Lato; font-size: 15px; font-weight: bold; color: #222222; margin-bottom: 10px; height: 46px; cursor: pointer; } .accordian .content > p { margin-bottom: 10px; } .accordian .content { float: left; width: 100%; } .accordian > h2 > span { float: left; font-size: 13px; position: relative; width: 35px; margin-right: 10px; text-align: center; height: 35px; margin-top: -8px; line-height: 36px; z-index: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .accordian > h2.active > span{ color:#fff; } .accordian > h2 > span:before { position: absolute; left: 3px; top: 4px; width: 28px; height: 28px; content: ""; background: #fff; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .accordian > h2:hover > span{ color:#ffffff; } /* Accordian Style 2 */ .accordian.style2 > h2 { padding-left: 70px; } .accordian.style2 h2 span:before { display: none; } .accordian.style2 h2 span { background: none repeat scroll 0 0 #8d8d8d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 18px; height: 51px; left: 0; line-height: 51px; margin: 0; position: absolute; top: 0; width: 51px; } .accordian.style2 > h2 { -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; -ms-border-radius: 25px 0 0 25px; -o-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; border-right: 2px solid #f5f5f5; min-height: 51px; padding: 16px 16px 16px 70px; position: relative; } /* Text About */ .text-about { float: left; padding: 190px 0; text-align: center; width: 100%; padding-bottom:300px; } .text-about > span { color: #fff; float: left; font-family: Lato; font-size: 70px; font-weight: 100; line-height: 80px; text-align: center; width: 100%; } .text-about > span strong { font-weight: 900; } /* Name Box Sec */ .name-box { left: 0; padding: 0; position: absolute; text-align: center; top: 50%; width: 100%; } .name-box > h2 > i { color: #fff; float: left; font-family: Lato; font-size: 48px; font-weight: 100; letter-spacing: 0.3px; line-height: 38px; margin-bottom: 20px; width: 100%; font-style: normal; } .name-box > i { color: #fff; float: left; font-size: 55px; letter-spacing: 0.3px; margin-top: 24px; width: 100%; } .name-box h2 { color: #fff; float: left; font-family: Lato; font-size: 48px; font-weight: 900; margin: -10px 0 0; width: 100%; } .name-box-sec:before { border: 6px solid #fff; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 100%; } .name-box-sec.overlay { margin-top: -157px; } .name-box-sec { bottom: 0; display: table; float: none; height: 314px; margin: 0 auto 54px; position: relative; width: 314px; } /* Who I Am */ .who-i-am { float: left; width: 100%; } .who-i-am > h3 { float: left; font-family: Lato; font-size: 34px; font-weight: bold; line-height: 41px; margin: -8px 0 0; text-transform: uppercase; width: 100%; } .who-i-am > h3 i { font-style: normal; font-weight: 100; } .who-i-am > h3 { float: left; font-family: Lato; font-size: 34px; font-weight: bold; line-height: 41px; margin: -8px 0 20px; text-transform: uppercase; width: 100%; } .who-i-am > p { margin-bottom: 35px; } .who-i-am h5 { color: #070707; float: left; font-family: Lato; font-size: 20px; font-weight: 900; margin: -4px 0 10px; width: 100%; } .cv-btn { color: #fff; float: left; font-family: Lato; font-size: 18px; font-weight: bold; padding: 15px 60px; } /* Profile Info Sec */ .profile-info-sec { background: none repeat scroll 0 0 #faf9f9; float: left; width: 100%; } .profile-info-sec .row { margin: 0; } .profile-info-sec .row > div { padding: 0; } .profile-avatar { float: left; position: relative; width: 100%; } .profile-avatar > img { float: left; width: 100%; } .profile-avatar > .social-btns { bottom: 0; left: 0; margin: 0 0 30px; position: absolute; width: 100%; } .user-info { float: left; padding-left: 30px; padding-right: 30px; padding-top: 40px; width: 100%; } .user-info > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .user-info li { float: left; margin-bottom: 17px; padding-left: 90px; position: relative; width: 100%; } .user-info li > strong { color: #1f1f1f; font-family: Lato; font-size: 15px; font-weight: bold; left: 0; letter-spacing: 0.3px; position: absolute; top: 2px; width: 90px; } .signature { float: left; margin-top: 10px; text-align: center; width: 100%; } .user-info li > strong { left: 0; position: absolute; top: 0; width: 90px; } /* Fun Fact */ .fun-fact { color: #fff; float: left; margin-top: 30px; text-align: center; width: 100%; } .fun-fact i { float: left; font-size: 77px; margin-bottom: 25px; width: 100%; } .fun-fact > span { display: table; float: none; font-family: Lato; font-size: 20px; font-weight: 900; margin: 0 auto; padding: 6px 17px; } .fun-fact h6 { color: #e1e1e1; float: left; font-family: Lato; font-size: 20px; letter-spacing: 0.3px; margin: 20px 0 0; width: 100%; } /* My Work Sec */ .my-work-sec { float: left; margin-top: -12px; width: 100%; } .my-work-sec > .row { margin: 0 -6px; } .my-work-sec > .row > div { padding: 0 6px; } .work-box { float: left; margin-top: 12px; overflow: hidden; position: relative; width: 100%; } .work-box > img { float: left; width: 100%; } .work-box > .title-sec .title { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93); float: left; height: 80px; margin-top: -80px; padding: 20px; position: relative; top: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .work-box > .title-sec .title h3 { float: left; font-family: Lato; font-size: 17px; font-weight: bold; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .work-box:hover > .title-sec .title { height: 100%; margin: 0; top: 0; } .work-box > .title-sec .title h3 a{ color:#333; } .work-box > .title-sec .title span { color: #919090; float: left; font-family: Montserrat; font-size: 13px; margin-top: 2px; width: 100%; } .work-box > .title-sec { height: 100%; left: 0; padding: 5px; position: absolute; top: 0; width: 100%; } /* Experience Sec */ .experience-sec { background: none repeat scroll 0 0 #faf9f9; float: left; margin-top: 30px; min-height: 203px; padding-left: 190px; position: relative; width: 100%; overflow: hidden; padding-bottom: 28px; } .exp-thumb img { float: left; width: 100%; } .exp-thumb { left: 0; overflow: hidden; position: absolute; top: 0; width: 190px; } .experience-info { float: left; padding-left: 10px; padding-right: 20px; padding-top: 49px; position: relative; text-align: center; width: 100%; } .experience-info > h3 { color: #424242; float: left; font-family: Lato; font-size: 17px; font-weight: 900; letter-spacing: 0.3px; margin: 0 0 8px; width: 100%; } .experience-info > span { float: left; font-family: Lato; font-size: 13px; font-weight: 300; margin-bottom: 15px; margin-top: -5px; width: 100%; } .exp-thumb:before { background: none repeat scroll 0 0 #faf9f9; content: ""; height: 150%; left: 100%; margin-left: -31px; position: absolute; top: 0; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); width: 150%; } .experience-info > h6 { color: #424242; font-family: Lato; font-size: 14px; font-weight: bold; letter-spacing: 0.3px; margin: 20px; position: absolute; right: 0; top: 0; } /* My Slilss Area */ .my-skills-area { float: left; width: 100%; } .my-skills-area > p { margin-top: -9px; } .skills-progress { float: left; margin-top: 20px; width: 100%; } .skills-progress > span { color: #0f0f0f; float: left; font-family: Lato; font-size: 13px; font-weight: bold; letter-spacing: 0.3px; width: 100%; } .progress { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; float: left; height: 26px; margin-bottom: 0; margin-top: 8px; width: 100%; } .progress .progress-bar { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; position: relative; } .progress .progress-bar span { font-family: Lato; font-size: 11px; font-weight: bold; left: 6px; line-height: 26px; position: absolute; } /* Map Sec */ .map { border-top: 4px solid; float: left; position: relative; width: 100%; border-bottom: 4px solid; } .map > span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 20px; height: 58px; left: 50%; line-height: 58px; margin-left: -29px; margin-top: -29px; position: absolute; text-align: center; width: 58px; z-index: 9; } .map iframe { border: medium none; float: left; width: 100%; height: 350px; } /* Fancy Grid */ .fancy-grid { float: left; margin-top: 30px; width: 100%; } .fancy-grid-thumb { float: left; position: relative; width: 100%; } .fancy-grid-thumb > img { float: left; height: auto; width: 100%; } .fancy-grid-thumb { float: left; position: relative; width: 100%; } .fancy-grid-thumb > .date { color: #050505; font-family: Lato; font-size: 18px; font-weight: 600; height: 100px; letter-spacing: 0.3px; line-height: 22px; margin-top: -50px; padding-left: 37px; padding-top: 25px; position: absolute; right: 0; text-align: center; top: 50%; width: 70px; z-index: 0; } .fancy-grid-thumb > .date:before { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; content: ""; height: 100%; left: 26px; position: absolute; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 100px; z-index: -1; } .fancy-grid-thumb > .date i { float: left; font-style: normal; font-weight: 100; width: 100%; } .grid-fancy-desc { float: left; margin-top: 30px; width: 100%; } .grid-fancy-desc .author-thumb, .single-post .author-thumb { float: left; width: 100%; } .grid-fancy-desc .author-thumb span, .single-post .author-thumb span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 46px; margin-right: 10px; overflow: hidden; width: 46px; } .grid-fancy-desc .author-thumb h6, .single-post .author-thumb h6 { color: #141414; display: block; float: left; font-family: Lato; font-size: 15px; font-weight: bold; letter-spacing: 0.3px; line-height: 46px; margin: 0; width: auto; } .grid-fancy-desc .author-thumb h6 a, .single-post .author-thumb a { color: #333333; font-weight: 100; } .grid-fancy-desc h2 { color: #232323; float: left; font-family: Lato; font-size: 30px; font-weight: bold; letter-spacing: 0.3px; line-height: 36px; margin: 15px 0 11px; width: 100%; } .grid-fancy-desc h2 a{ color:#222; } .fancy-metas { float: left; list-style: outside none none; margin: 0 0 15px; padding: 0; width: 100%; } .fancy-metas > li { float: left; margin-right: 15px; } .fancy-metas a { color: #232323; font-family: Lato; font-size: 13px; } .fancy-metas i { color: #9aa7af; margin-right: 5px; } .read-more { border: 1px solid; float: left; font-family: Montserrat; font-size: 13px; font-weight: bold; letter-spacing: 0.3px; margin-top: 25px; padding: 10px 12px; text-transform: uppercase; } /* Widget */ .widget { float: left; margin-top: 30px; width: 100%; } /* Featured Product Widget */ .w-featured-products { background: none repeat scroll 0 0 #fbfbfb; float: left; padding-bottom: 17px; position: relative; width: 100%; } .w-featured-products > span img { float: left; width: 100%; } .w-featured-products > span { float: left; overflow: hidden; position: relative; width: 100%; } .w-featured-products > span:before { background-color: rgba(255, 255, 255, 0.82); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .w-featured-products > span:hover:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .w-featured-products > span a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; left: 50%; line-height: 44px; margin-left: -22px; margin-top: -22px; opacity: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 44px; z-index: 9; } .w-featured-products > span:hover a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -ms-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; transition: all 0.4s ease 0.3s; } .w-featured-products > h6 { color: #090909; float: left; font-family: Lato; font-size: 17px; font-weight: bold; letter-spacing: 0.3px; margin: 20px 0 5px; padding: 0 30px; text-align: center; width: 100%; } .w-featured-products > p { padding: 0 30px; text-align: center; } /* Widget Gallery */ .w-gallery { float: left; position: relative; width: 100%; } .w-gallery > .nav-tabs { border: medium none; left: 10px; margin: 0; padding: 0; position: absolute; top: 50%; width: 73px; } .w-gallery > .nav-tabs > li { float: left; margin-bottom: 10px; width: 100%; } .w-gallery > .nav-tabs > li > a { border: medium none !important; border-radius: 0; float: left; margin: 0; overflow: hidden; padding: 0 !important; position: relative; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 60px; } .w-gallery > .nav-tabs > li > a img { float: left; width: 100%; } .w-gallery > .nav-tabs > li > a:before { content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 6px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .w-gallery > .nav-tabs > li.active > a:before { opacity: 0.8; } .w-gallery > .tab-content { float: left; width: 100%; } .w-gallery > .tab-content > div { float: left; width: 100%; } .w-gallery > .tab-content > div img { float: left; width: 100%; } /* Product Weekly WIdget */ .w-product-weekly { float: left; width: 100%; } .widget-carousal { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .prdct-weekly-thumb > img { float: left; width: 100%; } .widget-carousal li { background: none repeat scroll 0 0 #fbfbfb; float: left; text-align: center; width: 100%; } .prdct-weekly-thumb > span { background: none repeat scroll 0 0 #fff; bottom: 10px; color: #222; font-family: Lato; font-size: 17px; font-weight: bold; left: 10px; padding: 10px 30px 10px 65px; position: absolute; } .prdct-weekly-thumb > span i { color: #fff; height: 44px; left: 0; line-height: 44px; position: absolute; top: 0; width: 44px; } .widget-carousal li > p { margin: 0; padding: 20px 30px; } .prdct-weekly-thumb { float: left; position: relative; width: 100%; } .widget-carousal .owl-nav { left: 0; padding: 10px; position: absolute; top: 0; margin:0; width: 100%; } .widget-carousal .owl-nav > div { background: none repeat scroll 0 0 #484848; color: rgba(0, 0, 0, 0); float: left; margin: 0 2px; position: relative; width: 36px; } .widget-carousal .owl-nav > div:before { color: #fff; content: "�?�" !important; font-family: simple-line-icons; font-size: 12px; left: 0; position: absolute; text-align: center; top: 0; width: 100%; } .widget-carousal .owl-nav > .owl-prev:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .widget-carousal li .deal-counter { bottom: 0; left: 0; right: auto; top: auto; } /* Widget Special Sales */ .w-sales-special { background: none repeat scroll 0 0 #fbfbfb; float: left; overflow: hidden; position: relative; width: 100%; } .w-sales-special > img { float: left; width: 100%; } .prdct-old { font-family: Lato; font-size: 17px; font-weight: lighter; left: 0; line-height: 20px; padding: 11px; position: absolute; top: 0; width: 70px; z-index: 0; } .prdct-old:before { border-bottom: 110px solid transparent; border-left: 110px solid #fbfbfb; border-top: 0 solid transparent; content: ""; left: 0; position: absolute; top: 0; z-index: -1; } .w-sales-special p { padding: 10px 20px; text-align: center; margin-bottom: 0 !important; } .w-sales-special .prdct-price { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; font-family: Lato; font-size: 17px; font-weight: 900; padding: 4px 10px; position: absolute; right: 10px; top: 10px; } /* WIdget POst Tabs */ .w-post-tabs { float: left; width: 100%; } .w-post-tabs > .nav-tabs { border: medium none; float: left; margin: 0; width: 100%; } .w-post-tabs > .nav-tabs > li { background: none repeat scroll 0 0 #ecf0f2; border-top: 3px solid transparent; color: #555555; float: left; font-family: Lato; font-size: 13px; margin: 0; text-align: center; width: 50%; } .w-post-tabs > .nav-tabs > li > a { border: medium none; border-radius: 0; color: #757575; float: left; padding: 10px 0; width: 100%; } .w-post-tabs > .nav-tabs > li > a i { margin-right: 5px; } .w-post-tabs > .nav-tabs > li.active > a { border: medium none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .w-post-tabs > .nav-tabs > li > a:hover{ border-color: #ecf0f2; } .w-post-tabs > .tab-content { background: none repeat scroll 0 0 #fbfbfb; float: left; padding: 30px 20px; width: 100%; } .sidebar-post { float: left; margin-top: 30px; width: 100%; } .sidebar-post > img { float: left; width: 100%; } .sidebar-post > h3 { color: #333333; float: left; font-family: Lato; font-size: 15px; font-weight: 900; letter-spacing: 0.3px; margin: 14px 0 5px; width: 100%; } .sidebar-post > h3 a{ color: #333333; } .sidebar-post > h6 { float: left; font-family: Lato; font-size: 11px; font-weight: bold; letter-spacing: 0.3px; margin: 3px 0 0; width: 100%; } .sidebar-post p { line-height: 23px; margin: 10px 0 0; } /* Single Post */ .single-post { float: left; width: 100%; } .single-metas { background: none repeat scroll 0 0 #fff; float: left; margin-top: 0; padding-bottom: 15px; padding-right: 57px; padding-top: 35px; position: relative; } .single-post > img { float: left; margin-bottom: -86px; width: 100%; } .single-metas > .author-thumb { margin-right: 25px; width: auto; } .single-metas > .fancy-metas { margin: 16px 0 0; width: auto; } .single-post > h1 { color: #131313; float: left; font-family: Lato; font-size: 27px; font-weight: bold; margin: 30px 0 15px; width: 100%; } .single-post p { margin-bottom: 30px; } /* Post Gallery */ .post-gallery { float: left; margin-bottom: 30px; margin-top: -30px; width: 100%; } .post-gallery img { float: left; margin-top: 30px; width: 100%; } /* Tags Sec */ .tags-sec { float: left; margin-top: 30px; width: 100%; } .tags-sec > span { float: left; font-family: lato; font-size: 15px; font-weight: 600; letter-spacing: 0.3px; margin-right: 13px; } .tags-sec > span > i { margin-right: 6px; } .tags-sec > a { color: #999999; display: inline-flex; font-family: Lato; font-size: 13px; line-height: 18px; margin-right: 5px; margin-top: 3px; transition:all 0.4s ease 0s; } /* Author Box */ .author-box { background: none repeat scroll 0 0 #fbfafa; float: left; margin-top: 60px; padding-left: 214px; position: relative; width: 100%; min-height: 200px; } .author-box > span { left: 0; overflow: hidden; position: absolute; top: 0; width: 214px; } .author-info-box { float: left; padding: 35px; width: 100%; } .author-info-box > h3 { color: #2f383d; float: left; font-family: Lato; font-size: 19px; font-weight: bold; letter-spacing: 0.3px; margin: 0 0 7px; position: relative; width: 100%; } .author-info-box > h3 a { color: #2f383d; } .author-info-box > h6 { color: #9aa7af; float: left; font-family: Lato; font-size: 13px; letter-spacing: 0.3px; margin: 0; width: 100%; } .author-info-box > p { border-top: 1px solid #f1f1f1; margin: 20px 0 0; padding-top: 15px; } .follow-admin > span { color: #6d7a83; float: left; font-family: Lato; font-size: 13px; font-weight: bold; letter-spacing: 0.3px; line-height: 26px; } .follow-admin { background: none repeat scroll 0 0 #ffffff; border: 1px solid #e8ecec; padding: 8px 20px; position: absolute; right: 20px; top: 20px; } .follow-admin > .social-btns { margin: 0; width: auto; } .follow-admin > .social-btns li { float: right; margin: 0 0 0 5px; } .follow-admin > .social-btns a { background: none repeat scroll 0 0 #6d7a83; color: #fff; font-size: 12px; height: 26px; line-height: 29px; margin: 0; width: 26px; } /* title Wide */ .title-wide { border: 1px solid #7a7a7a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #262626; display: table; float: none; font-family: Lato; font-size: 14px; font-weight: 900; letter-spacing: 0.3px; margin: 0 auto; padding: 20px 225px; } /* Comments */ .comments-area { float: left; margin-bottom: 90px; margin-top: 55px; width: 100%; } .comments-area > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .comments-area > ul > li { float: left; margin-bottom: 30px; position: relative; width: 100%; } .comment { float: left; min-height: 155px; padding-left: 155px; position: relative; width: 100%; } .comment-avatar { left: 0; overflow: hidden; position: absolute; top: 0; width: 155px; } .comment-info { float: left; padding-left: 20px; padding-top: 25px; width: 100%; } .comment-info > h3 { color: #262626; float: left; font-family: Lato; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; margin: 0; width: 100%; } .comments-sec { float: left; margin-top: 60px; width: 100%; } .comment-info > p { margin: 10px 0 0; } .comment-options { float: left; list-style: outside none none; margin: 20px 0 0; padding: 0; width: 100%; } .comment-options > h6 { color: #a4b1ba; float: left; font-family: Lato; font-size: 12px; letter-spacing: 0.3px; } .comment-options > h6 a { float: right; margin: 0 4px; } .comments-area > ul > li ul { float: left; list-style: outside none none; padding-left: 155px; width: 100%; } .comments-area > ul > li ul li { float: left; margin-top: 30px; width: 100%; } .comments-area > ul > li:last-child { margin: 0; } /* Add Comment */ .add-comment { float: left; width: 100%; } .add-comment > form { float: left; margin-top: 40px; width: 100%; } .add-comment > form input[type="text"], .add-comment > form textarea { background: none repeat scroll 0 0 #f7f7f7; border: medium none; color: #757575; float: left; font-family: Lato; font-size: 14px; height: 51px; margin-bottom: 30px; padding: 0 20px; width: 100%; } .add-comment > form textarea { height: 230px; padding: 20px; } .woocommerce .block .add-comment > form.comment-form input#submit[type="submit"] { background: #515151 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 0 !important; color: #ffffff !important; float: left; font-family: Lato !important; font-size: 17px; font-weight: 900 !important; letter-spacing: 0.3px !important; padding: 17px 70px !important; text-transform: uppercase; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /* Header Sticky */ .header-style3.sticky { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.09); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.09); background-color: rgba(255,255,255,0.99); } header.header-style3.sticky .social-btns { position: absolute; right: 50%; margin-right: -60px; } header.header-style3.sticky .social-btns a{ background-color: #f5f5f5; color: #333; } /* Header 1 */ .header-style1 { float: left; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: #fff; } .top-bar { background: none repeat scroll 0 0 #4b4b4b; float: left; position: relative; width: 100%; z-index: 9; } header .container { padding: 0; } .top-bar .address { color: #ffffff; float: left; font-family: Lato; font-size: 12px; letter-spacing: 0.3px; line-height: 12px; padding: 15px 0; } .top-bar .address i { float: left; font-size: 14px; margin-right: 7px; } header .social-btns { float: right; margin: 8px 0; width: auto; } header .social-btns > li { float: left; margin: 0 0 0 8px; } header .social-btns > li a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); font-size: 12px; height: 28px; line-height: 28px; margin: 0; width: 28px; color: #fff; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .menu-sec1 { border-bottom: 1px solid rgba(240, 240, 240, 0.6); border-top: 1px solid rgba(240, 240, 240, 0.6); float: left; width: 100%; } .menu-sec1 .logo { float: left; padding: 0px 0; } .menu-sec1 .logo a { float: left; } .menu-sec1 .logo a img { float: left; } .menu nav { float: right; } .menu nav > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: auto; } .menu nav > ul > li { float: left; margin-left: 25px; padding: 29px 0; } .menu nav > ul > li:first-child { margin: 0; } .menu nav > ul > li > a { color: #4e4e4e; float: left; font-family: Montserrat; font-size: 13px; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .menu nav > ul > li.menu-item-has-children > a { padding-right: 20px; position: relative; } .menu nav > ul > li.menu-item-has-children > a:before { bottom: 0; color: #777777; content: "▾"; font-size: 18px; line-height: 15px; position: absolute; right: 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .menu-sec1 .cart-header-btns { margin-left: 20px; padding: 30px 0; } .menu-sec1 .cart-header-btns a { border-color: #b8b8b8; color: #333333; } /* Header 2 */ .header-style2 { left: 0; position: fixed; top: 20px; width: 100%; z-index: 999999999; } .menu-sec2 { background: none repeat scroll 0 0 #fff; float: left; position: relative; width: 100%; border: 1px solid #eeeeee; } .menu-sec2 .logo { float: left; padding-bottom: 35px; padding-left: 80px; padding-top: 35px; width: auto; } .menu-sec2 .cart-header-btns > li > a { border-color: #b8b8b8; color: #333333; } .menu-sec2 .cart-header-btns { margin-left: 40px; padding: 39px 50px 39px 0; } .menu-sec2 .menu nav > ul > li { padding: 39px 0; } header.header-style2 .social-btns a { background: none repeat scroll 0 0 #fff; color: #333333; } header.header-style2 .social-btns { bottom: -13px; margin: 0; position: absolute; right: 80px; z-index: 9; } /* Header 3 */ .header-style3 { background: none repeat scroll 0 0 #fff; float: left; position: fixed; top: 0; width: 100%; z-index: 99; left:0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .menu-sec3 { float: left; position: relative; width: 100%; } .menu-sec3 .cart-header-btns > li > a { border-color: #b8b8b8; color: #333333; } .menu-sec3 .cart-header-btns { margin-left: 40px; padding: 35px 50px 35px 0; } header.header-style3 .social-btns a { background: none repeat scroll 0 0 #fff; color: #333333; } header.header-style3 .social-btns { bottom: -13px; margin: 0; position: absolute; right: 80px; z-index: 999; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .menu-sec3 .logo { background: none repeat scroll 0 0 #f5f5f5; left: 50%; margin-left: -110px; padding: 30px 0; position: absolute; text-align: center; top: 0; width: 220px; z-index: 0; } .menu-sec3 .logo:after { border-bottom: 88px solid #f5f5f5; border-left: 0 solid transparent; border-right: 90px solid transparent; content: ""; position: absolute; right: -90px; top: 0; } .menu-sec3 .logo:before { border-left: 90px solid transparent; border-right: 0 solid transparent; border-top: 90px solid #f5f5f5; content: ""; left: -90px; position: absolute; top: 0; } .menu-sec3 .fancy-menu { float: left; margin: 0; } .menu-sec3 .fancy-menu .open-menu { color: #333333; margin: 0; padding: 32px 0; } .menu-sec3 .fancy-menu nav { left: -340px; right: auto; top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .menu-sec3 .fancy-menu nav.active { left: 0; right: auto; } .slide-body { left: 340px; position: relative; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /* Header 4 */ .header-style4 { float: left; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: #fff; } .account-wishlist { float: right; } .account-wishlist > ul > li a { color: #ffffff; float: left; font-family: Lato; font-size: 13px; letter-spacing: 0.3px; margin-left: 21px; padding: 12px 0; cursor: pointer; } .account-wishlist a i { float: left; line-height: 17px; margin-right: 5px; } .header-style4 .top-bar .social-btns { bottom: -13px; left: 0; margin: 0; position: absolute; text-align: center; width: 100%; } .header-style4 .top-bar .social-btns li { display: inline-flex; float: none; margin: 0; } .header-style4 .top-bar .social-btns a { background: none repeat scroll 0 0 #fff; color: #333333; } .menu-sec4 { float: left; padding-top: 40px; text-align: center; width: 100%; } .menu-sec4 .logo { display: table; float: none; margin: 0 auto; } .menu-sec4 .menu { float: left; width: 100%; } .menu-sec4 .menu nav > ul { float: left; text-align: center; width: 100%; } .menu-sec4 .menu nav { float: left; text-align: center; width: 100%; } .menu-sec4 .menu nav > ul > li { display: inline-flex; float: none; } .step-service-sec { background: none repeat scroll 0 0 #f8f8f8; float: left; padding: 25px 0; width: 100%; } .step-service { float: left; padding-left: 40px; position: relative; width: 100%; } .step-service > i { left: 0; position: absolute; top: 0; } .step-service > span { color: #000000; float: left; font-family: Lato; font-size: 13px; font-weight: 900; letter-spacing: 0.3px; line-height: 25px; margin-top: -3px; text-transform: uppercase; } .step-service > span > i { color: #696969; font-size: 13px; font-style: normal; font-weight: normal; text-transform: lowercase; } .step-service > i { color: #000000; float: left; font-size: 20px; margin-right: 15px; } .step-service-sec .row { margin: 0 -8px; } .step-service-sec .row > div { padding: 0 8px; } /* Newsletter Box */ #mask { position:fixed; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position:fixed; left:0; top:0; display:none; z-index:999999; } #boxes #dialog { background-color: #ffffff; width: 755px; } .subscribe-modal { background-image: url("../images/subscribe.jpg"); background-repeat: no-repeat; background-size: 100% auto; float: left; overflow: hidden; padding-bottom: 35px; padding-right: 50px; padding-top: 90px; position: relative; width: 100%; z-index: 0; min-height: 410px; } .subscribe-modal:after { background: none repeat scroll 0 0 #fff; content: ""; height: 150%; left: 14px; position: absolute; top: -160px; width: 130%; z-index: -1; -webkit-transform: rotate(52deg); -moz-transform: rotate(52deg); -ms-transform: rotate(52deg); -o-transform: rotate(52deg); transform: rotate(52deg); } .subscribe-modal:before { background: none repeat scroll 0 0 #fff; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 430px; z-index: -1; } .subscribe-modal > h4 { float: left; width: 100%; text-align: right; font-size: 55px; font-family: Lato; text-transform: uppercase; font-weight: 900; color: #2f2f2f; margin: 0; line-height: 41px; } .subscribe-modal > h4 i { font-style: normal; font-weight: 100; } .subscribe-modal > span { float: right; width: 100%; text-align: right; font-family: Lato; font-size: 17px; font-weight: lighter; color: #2f2f2f; margin: 0; line-height: 30px; margin-top: 15px; } .subscribe-modal > form { float: right; width: 430px; margin-top: 60px; } .subscribe-modal > form input[type="text"] { float: left; width: 100%; height: 58px; background: #e2e2e2; border: none; font-family: Lato; color: #000000; padding: 0 30px; } .subscribe-modal > form > button i { margin-right: 4px; } .subscribe-modal > form > button { border: medium none; color: #fff; float: right; font-family: Lato; font-size: 14px; letter-spacing: 0.3px; margin-top: 20px; padding: 12px 24px; } .subscribe-modal > .close { color: #fff; font-family: Lato; font-size: 19px; font-weight: 900; height: 40px; line-height: 40px; position: absolute; right: 20px; text-align: center; top: 20px; width: 40px; opacity: 1; text-shadow: 0 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* Cart MOdal */ .shop-modal > .modal-dialog { width: 920px; } .shop-modal > .modal-dialog .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .shop-modal > .modal-dialog .modal-content { float: left; width: 100%; } .cart-empty { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; text-align: center; padding: 20px 0; } .cart-modal-sec { background-image: url("../images/cart-bg.jpg"); float: left; padding: 70px 35px; position: relative; width: 100%; z-index: 0; background-size: 100% 100%; } .cart-modal-sec:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; background: rgba(255,255,255,0.85); } .cart-modal-sec > h3 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 55px; color: #2f2f2f; font-weight: bold; color: #2f2f2f; text-transform: uppercase; margin-bottom: 25px; } .cart-modal-sec > span { float: left; width: 100%; font-family: Lato; font-size: 14px; color: #2f2f2f; margin-bottom: 40px; line-height: 21px; margin-top: -10px; } .add-cart-item { background: none repeat scroll 0 0 #fff; float: left; margin-top: 30px; min-height: 179px; overflow: hidden; padding: 20px 20px 20px 205px; position: relative; width: 100%; } .add-cart-item .cart-thumb { position: absolute; left: 0; top: 0; width: 180px; height: 180px; overflow: hidden; } .cart-thumb img { float: left; width: 100%; } .add-cart-item > h3 { color: #333; float: left; font-family: Lato; font-size: 19px; font-weight: 900; margin: 0; width: 100%; letter-spacing: 0.30px; line-height: 26px; margin-top: -3px; } .add-cart-item > h3 a{ color: #333; } .add-cart-item > h6 { float: left; width: 100%; font-family: Lato; font-size: 16px; font-weight: 900; } .add-cart-item .quantity { float: left; margin-top: 10px; font-size: 15px; font-family: Lato; color: #555555; } .add-cart-item .quantity strong { font-weight: 900; } .theme-layout .form-row > .button { color: #ffffff; padding: 15px 30px; text-transform: uppercase; } .theme-layout .woocommerce form .input-text { background: #fafafa none repeat scroll 0 0; border: medium none; color: #222222; float: left; font-family: Lato; letter-spacing: 0.3px; padding: 5px 30px; width: 100%; height: 40px; } .woocommerce .order_details { float: left; margin: 20px 0; padding: 0; width: 100%; } .theme-layout .modal .del-cart { background: none repeat scroll 0 0 #636363; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff !important; float: left; font-family: Lato; font-size: 15px; height: 27px; line-height: 23px; margin-left: 20px; margin-top: 10px; text-align: center; width: 27px; padding: 0; } .cart-footer { float: left; width: 100%; margin-top: 30px; } .checkout-btn { color: #fff !important; float: left; font-family: Lato; font-weight: 600; letter-spacing: 0.3px; margin-right: 30px; padding: 10px 50px; } .sub-total { font-family: Montserrat; font-size: 15px; line-height: 40px; float: right; } /* Contact */ .contact-form { float: left; width: 100%; } .contact-form > form { float: left; width: 100%; } .contact-form > form input[type="text"], .contact-form > form textarea, .input-style { background: none repeat scroll 0 0 #f7f7f7; border: medium none; color: #333333; float: left; font-family: Lato; letter-spacing: 0.3px; margin: 0 0 30px; padding: 15px 30px; width: 100%; } .contact-form > form textarea { min-height: 210px; } .alert { background: #ffe4c4 none repeat scroll 0 0; float: left; width: 100%; } .contact-form > form input[type="submit"] { background: none repeat scroll 0 0 #555; border: medium none; color: #fff; float: left; font-family: Lato; font-size: 17px; font-weight: bold; padding: 16px 70px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .contact-infos { background: none repeat scroll 0 0 #f7f7f7; float: left; padding: 40px 30px; width: 100%; } .contact-infos > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .contact-infos > ul > li { float: left; margin-top: 14px; padding-left: 40%; position: relative; width: 100%; } .contact-infos > ul > li span { color: #232323; font-family: Lato; font-size: 16px; font-weight: bold; left: 0; letter-spacing: 0.3px; line-height: 22px; position: absolute; top: 0; width: 40%; } .contact-infos > ul > li span i { margin-right: 10px; } .contact-infos > ul > li h6 { color: #676767; float: left; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; line-height: 23px; margin: 0; width: 100%; } .contact-map { border-top: 3px solid #555555; float: left; position: relative; width: 100%; } .contact-map iframe { border: medium none; float: left; height: 400px; width: 100%; } .contact-map i { background: none repeat scroll 0 0 #555555; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 28px; height: 80px; left: 50%; line-height: 80px; margin-top: -40px; position: absolute; text-align: center; width: 80px; margin-left: -40px; } /* Carousal */ .carousal { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .carousal li { float: left; width: 100%; } .carousal li img { float: left; width: 100%; } .carousal .owl-nav { background: none repeat scroll 0 0 #fff; bottom: 0; left: 0; padding: 25px; position: absolute; width: auto; } .carousal .owl-nav > div { background: none repeat scroll 0 0 #f5f5f5; color: transparent; float: left; height: 33px; margin: 4px; position: relative; width: 33px; } .carousal .owl-nav > div:before { color: #333; font-family: Simple-Line-Icons; font-size: 15px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 0; width: 100%; } .carousal .owl-nav > .owl-next:before { content: "�?�"; } .carousal .owl-nav > .owl-prev:before { content: "�??"; } /* About */ .about { float: left; width: 100%; } .about > h2 { color: #131313; float: left; font-family: Lato; font-size: 27px; font-weight: bold; letter-spacing: 0.3px; line-height: 35px; margin: 13px 0 25px; width: 100%; } .about > span i { margin-right: 6px; } .about > span { float: left; font-family: Lato; font-size: 14px; letter-spacing: 0.3px; width: 100%; } .about p{ margin-top:20px; } /* Team */ .team-sec { float: left; margin-top: 30px; width: 100%; } .team-thumb { float: left; margin-bottom: 35px; position: relative; width: 100%; } .team-thumb img { float: left; width: 100%; } .team-thumb > .progress .progress-bar i { color: #3a3a3a; font-family: Lato; font-size: 10px; font-style: normal; font-weight: bold; letter-spacing: 0.3px; position: absolute; right: 4px; top: 3px; } .team-thumb > .progress .progress-bar { position: static; } .team-thumb > .progress { background: none repeat scroll 0 0 #f9f9f9; bottom: -10px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; left: 4%; position: absolute; width: 92%; } .team-sec > h3 { color: #3a3a3a; float: left; font-family: Lato; font-size: 17px; font-weight: bold; letter-spacing: 0.3px; margin: 0 0 7px; text-align: center; width: 100%; } .team-sec > span { float: left; font-family: Lato; font-size: 11px; letter-spacing: 0.3px; text-align: center; width: 100%; } .team-sec .social-btns { margin: 15px 0 0; } .team-sec .social-btns a { font-size: 15px; height: 32px; line-height: 34px; width: 32px; } /* Slide */ .border-left:before { border-left: 6px solid; border-top: 6px solid; content: ""; height: 50px; left: -6px; position: absolute; top: -6px; width: 50px; } .border-left:after { border-right: 6px solid; border-bottom: 6px solid; content: ""; height: 50px; right: -6px; position: absolute; bottom: -6px; width: 50px; } a.ls-l{ transition:all 0.4s ease 0s; } /* Cart */ .cart { float: left; list-style: outside none none; margin: 0 0 30px; padding: 0; width: 100%; } .cart > li { background: none repeat scroll 0 0 #f7f7f7; float: left; margin-top: 30px; min-height: 188px; padding: 40px 30px; position: relative; width: 100%; } .theme-layout .woocommerce .cart_item .delete-cart { border-radius: 50%; color: #ffffff !important; content: ""; font-family: Lato; font-size: 22px; font-weight: bold; height: 35px; line-height: 35px; position: absolute; right: -10px; text-align: center; top: -10px; width: 35px; } .cart > li { background: none repeat scroll 0 0 #f7f7f7; float: left; margin-top: 30px; min-height: 188px; padding: 40px 30px; width: 100%; } .cart-list-thumb { float: left; padding-left: 165px; position: relative; width: 35%; } .cart-list-price { color: #676767; float: left; font-family: Lato; font-size: 19px; font-weight: bold; line-height: 115px; text-align: center; width: 15%; } .cart-list-quantity > .c-input-number { display: table; float: none; margin: 43px auto 0; width: auto; } .cart-list-quantity { float: left; text-align: center; width: 25%; } .total-quantity { float: left; text-align: center; width: 25%; } .cart-list-thumb > span { left: 0; overflow: hidden; position: absolute; top: 0; width: 135px; } .cart-list-thumb > span img { float: left; width: 100%; } .cart-list-thumb h5 { color: #444444; float: left; font-family: Lato; font-size: 14px; font-weight: 900; letter-spacing: 0.3px; width: 100%; } .cart-list-thumb > h3 { color: #444444; float: left; font-family: Lato; font-size: 20px; font-weight: bold; line-height: 28px; margin: 10px 0 0; width: 100%; } .cart-list-thumb > h3 a{ color: #444444; } .quantity-area { background: none repeat scroll 0 0 #efefef; display: table; float: none; font-family: Lato; font-size: 19px; font-weight: bold; margin: 0 auto; padding: 16px 0; text-align: center; width: 200px; } .quantity-area i { float: left; font-size: 32px; margin-bottom: 11px; text-align: center; width: 100%; } .quantity-area span { float: left; margin-top: 8px; width: 100%; } /* Cart Total Box */ .cart-total-box { background: none repeat scroll 0 0 #fcfcfc; border: 1px solid; float: left; margin-top: 30px; width: 100%; } .cart-head h2 { color: #fff; float: left; font-family: Montserrat; font-size: 20px; font-weight: bold; margin: 0; padding: 18px 30px; width: 100%; } .cart-total-box > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .cart-total-box > ul > li > a { color: #fff; float: left; font-family: Lato; font-weight: 600; letter-spacing: 0.3px; padding: 10px 40px; } .cart-total-box > ul > li input[type="text"] { border: 1px solid #c6dade; float: left; font-family: Lato; height: 40px; letter-spacing: 0.3px; padding: 9px 25px; width: 100%; } .customlist select { border: 1px solid #c6dade; color: #555555; float: left; font-family: Lato; height: 40px; letter-spacing: 0.3px; padding-left: 20px; width: 100%; } .cart-total-box > ul > li { border-bottom: 1px solid #e0e0e0; float: left; padding: 14px 30px; width: 100%; } .cart-total-box > ul > li i { color: #818181; float: right; font-family: Lato; font-size: 14px; font-style: normal; } .cart-total-box > ul > li span { color: #5b5b5b; font-family: Lato; font-weight: 900; letter-spacing: 0.3px; } .coupon { float: left; width: auto; } .coupon label { color: #494949; float: left; font-family: Lato; font-size: 20px; font-weight: 900; letter-spacing: 0.3px; line-height: 43px; margin-right: 10px; } .coupon input[type="text"] { border: 2px solid #e0e0e0; float: left; font-family: Lato; height: 47px; padding: 0 20px; width: 170px; } input.dark-btns, .theme-layout .woocommerce .checkout-button.wc-forward { background: #494949 none repeat scroll 0 0; border: medium none; border-radius: 0; color: #ffffff; float: left; font-family: Lato; font-weight: normal; height: 47px; line-height: 43px; margin-left: 20px; padding: 0 30px; text-shadow: 0 0; } .checkout-button.dark-btns { float: right; } /* Billing Form */ .billing-form { float: left; width: 100%; } .billing-form form { float: left; width: 100%; } .billing-form form fieldset { float: left; margin-top: 30px; width: 100%; } .billing-form form fieldset > label { color: #232323; float: left; font-family: Lato; font-size: 16px; font-weight: 900; letter-spacing: 0.3px; margin: 0 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .billing-form form fieldset input, .billing-form form fieldset textarea { border: 1px solid #c6dade; float: left; font-family: Lato; height: 40px; letter-spacing: 0.3px; padding: 9px 25px; width: 100%; } .billing-form form fieldset textarea { min-height: 160px; } .product-table { border: 1px solid; float: left; margin: 0 0 30px; padding: 0; width: 100%; } .product-table > li { background: none repeat scroll 0 0 #FCFCFC; border-bottom: 1px solid #E0E0E0; border-top: 1px solid rgba(255, 255, 255, 0.8); float: left; list-style: none outside none; width: 100%; } .product-table > li > h2 { color: #fff; float: left; font-family: Montserrat; font-size: 20px; font-weight: bold; margin: 0; padding: 18px 30px; width: 50%; } .product-table > li > span { color: #5b5b5b; float: left; font-family: Lato; font-weight: 900; letter-spacing: 0.3px; padding: 13px 30px; width: 50%; } .product-table > li > i { color: #818181; float: right; font-family: Lato; font-size: 14px; font-style: normal; padding: 13px 30px; width: 50%; font-style:normal; } .billing-form input.dark-btns { float: right; margin: 0; } .product-table > li > span > i { color: #999999; float: left; font-style: normal; } .product-table > li:first-child { border: medium none; } /* Account Modal */ .account-modal .modal-dialog { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 900px; box-shadow: none; } .account-modal .modal-dialog .modal-content { box-shadow: none; -webkit-border-radius: 0 0; -moz-border-radius: 0 0; -ms-border-radius: 0 0; -o-border-radius: 0 0; border-radius: 0 0; background: none; border: none; } .account-area { float: left; width: 100%; background: rgba(255,255,255,0.2); padding: 15px; } .account-sec { float: left; width: 100%; background-image: url('../images/resource/account-bg.png'); background-size: 100% 100%; } .account { float: left; padding: 80px 50px; position: relative; width: 100%; z-index: 0; } .account > h2 { float: left; width: 100%; margin: 0; font-family: Lato; font-size: 28px; font-weight: 900; color: #2f2f2f; letter-spacing: 0.30px; margin: 0; margin-bottom: 20px; } .account form { float: left; width: 100%; } .account form > fieldset { background: none repeat scroll 0 0 #fff; border: 1px solid #ebeaea; float: left; height: 52px; margin-top: 15px; padding-left: 60px; position: relative; width: 100%; } .account form > fieldset i { position: absolute; left: 17px; top: 16px; font-size: 17px; border-right: 1px solid #e8ecec; padding-right: 11px; } .account form > fieldset input { float: left; width: 100%; border: none; height: 50px; font-family: Lato; font-size: 13px; color: #5f5f5f; } .account form > label { float: left; width: 100%; } .account form > label a { display: inline-block; font-size: 13px; font-weight: 900; font-style: italic; letter-spacing: 0.30px; } .account.register:before { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; background: rgba(255,255,255,0.93); display: block; } .modal { z-index: 99999999; } .account:before { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; display: none; background: rgba(255,255,255,0.93); } .account form > label input[type="radio"] { float: left; margin-right: 10px; } .account form > label { float: left; width: 100%; line-height: 23px; padding: 20px 0; font-family: Lato; font-weight: normal; } .account input[type="submit"] { float: left; border: none; padding: 9px 34px; color: #ffffff; font-family: Lato; font-weight: 900; font-size: 17px; } /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { background: #ffffff none repeat scroll 0 0; border: medium none; color: #333333; cursor: pointer; display: block; font-size: 0; height: 40px; line-height: 0; margin-top: -20px; outline: medium none; padding: 0; position: absolute; top: 50%; width: 40px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:hover:before, .slick-next:hover:before{ color:#ffffff !important; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #333333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .slick-prev { left: 155px; } [dir='rtl'] .slick-prev { right: -155px; left: auto; } .slick-prev:before { content: '��?'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 155px; } [dir='rtl'] .slick-next { right: auto; left: -155px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '��?'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .center-mode { float: left; width: 100%; padding: 0; margin: 0; list-style: none; } .center-mode li img { float: left; width: 100%; } .center-mode li { position: relative; } .center-mode li:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.68); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .center-mode .slick-slide.slick-active.slick-center:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .center-mode .slick-slide.slick-active.slick-center .slide-content-area > a { margin-top: 20px; } .slide-content-area { bottom: 0; opacity: 0; position: absolute; right: 60px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 570px; } .center-mode .slick-slide.slick-active.slick-center .slide-content-area { bottom: 20px; opacity: 1; right: 50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .slide-content > span { color: #757575 !important; float: left; font-family: lato; font-size: 13px; letter-spacing: 0.3px; line-height: 25px; margin-bottom: -8px; margin-top: -1px; width: 100%; } .slide-content-area > a:hover{ color: #fff; } .slide-content-area > a { background: #313131 none repeat scroll 0 0; float: left; font-family: Lato; font-size: 16px; font-weight: 900; height: 60px; letter-spacing: 1.24px; line-height: 60px; margin: 0 !important; padding: 0; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; }.slide-content { background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0; float: left; padding: 47px 70px; text-align: center; width: 100%; } .slide-content > h3 { color: #333333; float: left; font-family: lato; font-size: 35px; font-weight: 900; margin: 0 0 15px; text-transform: uppercase; width: 100%; } /* Post Carousal Area */ .post-carousel-area { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .post-carousel-area li { float: left; position: relative; width: 100%; } .owl-carousel .owl-item img { display: block; width: 100%; } .carousal-infos { bottom: 0; left: 0; padding-bottom: 90px; padding-left: 100px; position: absolute; width: 100%; } .carousal-infos > span:before { bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 80px; } .carousal-infos > span { float: left; font-family: Lato; font-size: 30px; font-weight: lighter; margin-bottom: 20px; padding-bottom: 25px; position: relative; width: 100%; } .carousal-infos > h3 { color: #fff; float: left; font-family: Lato; font-size: 37px; font-weight: bold; letter-spacing: 0.3px; line-height: 46px; margin: 0; width: 100%; } .carousal-infos > h3 a{ color: #fff; } .post-carousel-area .owl-dots { bottom: 50px; float: left; left: 0; margin-top: 30px; padding-left: 100px; position: absolute; width: 100%; } .post-carousel-area .owl-dots .owl-dot { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 9px; margin-right: 12px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 9px; } .post-carousel-area .owl-dots .owl-dot.active { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } /* main Head Sec */ .main-head-sec { float: left; width: 100%; } .main-head-sec .row > div { padding: 0; } .chota-carousal { float: left; margin: 0; padding: 0; width: 100%; } .chota-carousal li { background: none repeat scroll 0 0 #f7f7f9; float: left; padding-bottom: 140px; padding-left: 311px; padding-top: 80px; position: relative; width: 100%; list-style: none; } .chota-carousal li > img { bottom: 0; left: 0; position: absolute; width: 280px !important; } .chota-carousal li span { float: left; font-family: Lato; font-size: 20px; font-weight: lighter; letter-spacing: 0.3px; margin-bottom: 15px; padding-bottom: 15px; position: relative; width: 100%; } .chota-carousal li span:before { bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 40px; } .chota-carousal li h3 { float: left; margin: 0; width: 100%; } .chota-carousal li h3 a { color: #222222; float: left; font-family: Lato; font-size: 28px; font-weight: bold; letter-spacing: 0.3px; line-height: 39px; padding-right: 30px; width: 100%; } .chota-carousal .owl-dots { bottom: 100px; left: 0; padding-left: 311px; position: absolute; width: 100%; } .chota-carousal .owl-dots .owl-dot { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 9px; margin-right: 12px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 9px; } .chota-carousal .owl-dots .owl-dot.active { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .categories-style2 { float: left; margin-bottom: 14px; min-height: 209px; padding-left: 285px; position: relative; width: 100%; overflow: hidden; } .categories-style2:last-child { margin: 0; } .parallax-curve-sec .curve-parallax > a.add-cart-btn { background: #ffffff none repeat scroll 0 0 !important; color: #333333; } .categories-style2 .cat-thumb { height: 100%; left: 0; position: absolute; top: 0; width: 285px; } .categories-style2 .cat-thumb img { float: left; width: 100%; } .prodct-cat-info { float: left; padding: 58px 40px 0; position: relative; width: 100%; text-align: center; } .prodct-cat-info:before { border-bottom: 14px solid transparent; border-right: 14px solid #fff; border-top: 14px solid transparent; content: ""; position: absolute; left: -13px; top: 50px; } .prodct-cat-info > h3 { float: left; margin: 0 0 20px; text-align: center; width: 100%; } .prodct-cat-info > h3 a { color: #313131; float: left; font-family: Lato; font-size: 25px; font-weight: bold; letter-spacing: 0.3px; line-height: 33px; width: 100%; } .prodct-cat-info > a { color: #fff; display: table; float: none; font-family: Lato; font-size: 13px; margin: 0 auto; padding: 10px 26px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .prodct-cat-info > a:hover{ background: #555555; } .prodct-cat-info > span { float: left; font-family: Lato; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 20px; margin-bottom: 18px; width: 100%; } /* Parallax Curve Sec */ .parallax-curve-sec { float: left; width: 100%; } .parallax-curve-sec img { float: left; width: 100%; } .parallax-curve-sec .curve-parallax:before, .parallax-curve-sec .curve-parallax:after { display: none; } .parallax-curve-sec .curve-parallax { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .parallax-curve-sec .curve-parallax > h3 { color: #ffffff; } .parallax-curve-sec .curve-parallax > .prices { color: #fafafa; } .parallax-curve-sec .curve-parallax > p { color: #eaeaea; } .contact-form > form .loader { float: right; margin: 13px 0; } /* Grid Box Sec */ .grid-box-sec { float: left; width: 100%; } .grid-box-sec > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .grid-box-sec > ul > li { float: left; overflow: hidden; } .grid-box-sec > ul > li.box { width: 25%; } .grid-box-sec > ul > li.normal { width: 33.3333%; } .grid-box-sec > ul > li.wide { width: 50%; } .grid-box { float: left; position: relative; width: 100%; z-index: 0; } .grid-box img { float: left; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .grid-box:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .grid-title { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 22; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 !important; } .grid-box:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.63); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 22; } .grid-box:hover .grid-title { opacity: 0; top: 70%; -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; -ms-transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; transition: all 0.4s ease 0.1s; } .grid-box:hover:before { opacity: 0; top: 50px; } .grid-box > a { color: #fff; font-size: 16px; height: 50px; left: -50px; line-height: 50px; position: absolute; text-align: center; top: -50px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 50px; z-index: 99; } .grid-box:hover > a{ left: 0; top: 0; } .grid-title > h3 { color: #fff; float: left; font-family: Lato; font-size: 19px; font-weight: 900; margin: 0 0 15px; padding: 0 20px 18px; position: relative; text-transform: uppercase; width: 100%; letter-spacing: 3px; } .grid-title > h3 a{ color: #fff; } .grid-title > h3:before { background: none repeat scroll 0 0 #fff; bottom: 0; content: ""; height: 3px; left: 50%; margin-left: -14px; position: absolute; width: 28px; } .grid-title > span { color: #fff; float: left; font-family: Lato; font-size: 18px; font-weight: lighter; letter-spacing: 0.3px; text-align: center; width: 100%; } /* Subscribe Us */ .subscribe-box { float: left; padding: 60px 50px 0; width: 100%; } .subscribe-box > h3 { float: left; font-family: Montserrat; font-size: 20px; margin: 0 0 20px; text-transform: uppercase; width: 100%; } .subscribe-box > form { background: none repeat scroll 0 0 #f2f2f2; float: left; height: 70px; padding-right: 160px; position: relative; width: 100%; } .subscribe-box > form > input[type="text"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #656565; float: left; font-family: Lato; font-size: 16px; height: 70px; letter-spacing: 0.3px; padding: 20px 30px; width: 100%; } .subscribe-box > form input[type="submit"] { border: medium none; font-family: Lato; font-size: 17px; font-weight: bold; height: 70px; letter-spacing: 0.3px; position: absolute; right: 0; top: 0; width: 160px; color: #fff; } .subscribe-box .social-btns { float: left; margin-top: 30px; width: auto; } /* Error Page */ .error-page { float: left; text-align: center; width: 100%; } .error-page > h3 { font-family: Lato; font-size: 200px; font-weight: bold; margin: 0; width: 100%; } .error-page > h3 > span { border-left: 1px solid; display: inline-block; font-size: 30px; margin-left: 30px; padding-left: 30px; text-align: left; } .error-page > h3 > span i { float: left; font-style: normal; font-weight: 100; margin-bottom: 10px; width: 100%; } .error-page > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; display: table; font-family: Lato; font-size: 16px; margin: 0 auto; padding: 11px 30px; } .error-page > p { margin-bottom: 30px; margin-top: 20px; } /* Cart Popup */ .cart-popup .modal-dialog { width: 970px; } .cart-popup .modal-dialog .modal-content { border-radius: 0; box-shadow: none; } .cart-popup-sec { float: left; width: 100%; background: #ffffff; } .cart-popup-item > h5 { color: #1e1e1e; display: block; font-family: lato; font-size: 20px; font-weight: 900; margin: 20px 0 0; text-align: left; width: 100%; float: none; } .cart-popup-sec > h2 { float: left; width: 100%; text-align: center; margin: 0; font-family: lato; font-size: 24px; font-weight: bold; background: #3e3e3e; color: #fff; padding: 40px 20px; } .cart-popup-item i { color: #777777; display: block; font-family: Lato; font-size: 16px; font-style: normal; text-align: left; width: 100%; } .cart-popup-item > h3 a { color: #222222; float: left; margin: 30px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .cart-popup-item > h3 { color: #1e1e1e; display: table-cell; font-family: Lato; font-size: 20px; letter-spacing: 0.3px; width: 100%; float: none; } .cart-popup-item { float: left; width: 50%; padding: 110px 40px; } .cart-popup-item > span { float: left; margin-right: 20px; width: 180px; } .cart-popup-item > span img { float: left; width: 100%; } .cart-popup-desc { float: left; width: 50%; background: #efefef; padding: 65px 50px; } .cart-popup-desc > ul > li { float: left; width: 100%; margin-bottom: 10px; } .cart-popup-desc > p { font-family: Lato; font-size: 18px; padding-bottom: 18px; border-bottom: 1px solid #d8dcdc; margin-bottom: 30px; } .cart-popup-desc > ul > li a { float: left; font-family: Lato; font-size: 17px; color: #ffffff; padding: 15px 40px; } .cart-popup-desc > ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; margin-top: 40px; } .cart-popup-desc > h5 { float: left; width: 100%; font-family: Lato; font-size: 20px; font-weight: 900; color: #1e1e1e; letter-spacing: 0.30px; margin-top: 28px; } .cart-popup-desc > span { float: left; width: 100%; font-family: Lato; font-size: 17px; font-weight: bold; color: #1e1e1e; letter-spacing: 0.30px; margin-bottom: 8px; } /* Coming Soon */ .soon-sec { float: left; width: 100%; } .soon-btns { float: left; list-style: outside none none; margin: 0; padding: 0; } .soon-btns > li { float: left; margin-right: 10px; } .soon-btns > li a { border: 2px solid #161616; color: #161616; float: left; font-family: Lato; font-size: 14px; font-weight: 600; padding: 14px 30px; letter-spacing: 2px; } .keep-in-touch { border: 2px solid #161616; float: right; max-width: 340px; padding: 30px 60px; text-align: center; } .keep-in-touch > span { color: #020202; float: left; font-family: Lato; font-size: 14px; font-weight: 600; letter-spacing: 2px; text-align: center; width: 100%; } .soon-sec h1 { color: #222222; float: left; font-family: Lato; font-size: 60px; font-weight: 900; margin: 60px 0 0; text-align: center; width: 100%; } .keep-in-touch > ul { float: left; list-style: outside none none; margin: 20px 0 0; padding: 0; text-align: center; width: 100%; } .keep-in-touch > ul > li a { color: #151515; float: left; font-size: 16px; } .keep-in-touch > ul > li { display: inline-flex; margin: 0 9px; } .soon-sec h3 { float: left; font-family: lato; font-size: 18px; letter-spacing: 0.3px; line-height: 30px; margin: 30px 0 80px; text-align: center; width: 100%; } .soon-counter { float: left; margin: 0 0 200px; padding: 0; text-align: center; width: 100%; } .soon-counter > li { display: inline-block; list-style: outside none none; margin: 0; padding: 0 50px; position: relative; text-align: center; width: 230px; } .soon-counter > li span { color: #020202; float: left; font-family: Lato; font-size: 60px; font-weight: 900; letter-spacing: 2px; text-align: center; width: 100%; } .soon-counter > li i { color: #020202; float: left; text-align: center; width: 100%; } .soon-counter > li i { float: left; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 100; text-align: center; width: 100%; } /* Testimonial */ .testimonial-style2 { float: left; width: 100%; text-align: center; } .testimo { float: left; font-family: Lato; font-size: 20px; font-style: italic; font-weight: 100; line-height: 38px; padding: 0 230px; position: relative; width: 100%; margin-bottom: 25px; z-index: 1; } .testimo::before { color: #e9e9e9; content: "\""; font-family: Lato; font-size: 257px; left: 50%; position: absolute; top: 50%; z-index: -1; margin-top: 80px; } .testimo::after { color: #e9e9e9; content: "\""; font-family: Lato; font-size: 257px; right: 50%; margin-top: 80px; position: absolute; top: 50%; z-index: -1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .testimonial-style2 .nav.nav-tabs { border: medium none; float: left; margin: 30px 0 0; padding: 0; position: relative; text-align: center; width: 100%; z-index: 9; } .testimonial-style2 .nav.nav-tabs > li.active { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); margin: 0 16px; } .testimonial-style2 .nav.nav-tabs > li { display: inline-block; float: none; margin: 0 7px; padding: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .testimonial-style2 .nav.nav-tabs > li a { border: 1px solid #e9e7e7; border-radius: 50%; float: left; height: 78px; margin: 0; padding: 2px; position: relative; width: 78px; transition:all 0.4s ease 0s; } .testimonial-style2 .nav.nav-tabs > li a img { border-radius: 50%; float: left; width: 100%; } .testimo > span { float: left; width: 100%; font-family: Lato; font-size: 22px; font-style: normal; font-weight: 900; color: #212121; letter-spacing: 0.30px; margin-bottom: 12px; } /* DropDown */ .menu-item-has-children.wpshop-mega > ul { width: 480px; } .menu-item-has-children.wpshop-mega > ul > li { width: 50%; } .menu-item-has-children > ul { background: none repeat scroll 0 0 #fdfdfd; left: 0; list-style: outside none none; margin: 0; opacity: 0; padding: 20px 10px; position: absolute; text-align: left; top: 100%; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 240px; z-index: 99; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .menu-item-has-children:hover > ul { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .menu-item-has-children > ul > li { float: left; width: 100%; position: relative; } .menu-item-has-children > ul > li ul { background: none repeat scroll 0 0 #f9f9f9; left: 100%; opacity: 0; position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 99; } .menu-item-has-children ul li.menu-item-has-children > a::after { bottom: 50%; color: #777777; content: "▾"; font-size: 18px; line-height: 15px; margin-bottom: -7px; position: absolute; right: 10px; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); } .menu-item-has-children > ul > li a { color: #5f5f5f; float: left; font-family: Lato; letter-spacing: 0.3px; padding: 10px 10px 10px 33px; position: relative; width: 100%; } .menu-item-has-children > ul > li a::before { background: none repeat scroll 0 0 #d5d5d5; content: ""; height: 4px; left: 15px; margin-top: -2px; position: absolute; top: 50%; width: 4px; } /* Mega Menu */ .menu nav > ul > li { position: relative; } .menu nav > ul > li:hover .mega-menu-sec{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mega-menu-sec { background: none repeat scroll 0 0 #ffffff; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); left: 50%; position: absolute; text-align: left; top: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 1060px; z-index: 999; } .mega-menu-sec.left { left: 0 !important; margin: 0 !important; } .mega-menu-sec.right { left: auto !important; margin: 0 !important; right:0; } .mega-links { float: left; padding: 60px 0; width: 100%; } .mega-menu-sec img { float: left; width: 100%; } .mega-links > h3 { color: #1f1f1f; float: left; font-family: Lato; font-size: 19px; font-weight: bold; margin: 0 0 20px; text-align: left; width: 100%; } .mega-menu-sec > div > div { padding: 0; } .mega-menu-sec > .row{ margin:0; } .with-icons > .mega-links h3 { padding: 0 20px; } .mega-links > ul { border-left: 1px solid #e8ecec; border-right: 1px solid #e8ecec; float: left; list-style: outside none none; margin: 0; padding: 0 20px; width: 100%; } .mega-links > ul > li { float: left; width: 100%; } .mega-links > ul > li a { color: #5f5f5f; float: left; font-family: Lato; letter-spacing: 0.3px; padding: 10px 0 10px 33px; position: relative; width: 100%; } .mega-links > ul > li a i { border-bottom: 2px solid #e8ecec; font-size: 14px; left: 0; margin-top: -7px; padding-bottom: 7px; position: absolute; top: 50%; } .mega-links.no-border > ul { border: medium none; } .mega-links.no-icon > ul > li > a::before { background: none repeat scroll 0 0 #d5d5d5; content: ""; height: 4px; left: 0; margin-top: -2px; position: absolute; top: 50%; width: 4px; } .mega-menu-sec.with-icons { padding: 0 50px; } /* Portfolio Single */ .portfolio-carousal { float: left; margin: 0; padding: 0 100px; width: 100%; } .portfolio-carousal li { float: left; width: 100%; list-style: none; } .portfolio-carousal li img { float: left; width: 100%; } .portfolio-desc .fancy-metas > li { display: inline-flex; float: none; } .portfolio-desc h1 { color: #131313; float: left; font-family: Lato; font-size: 27px; font-weight: bold; margin: 0 0 20px; padding: 70px 0 0; width: 100%; } .project-infos { background: none repeat scroll 0 0 #fff; float: left; padding: 40px 30px; width: 100%; } .project-infos > h3 { color: #252525; } .portfolio-desc { float: left; padding: 0 100px; text-align: center; width: 100%; } .project-infos > ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .project-infos > ul > li > span > i { left: 0; margin-top: -7px; position: absolute; top: 50%; } .project-infos > ul > li > i { float: left; font-family: Lato; font-size: 12px; font-style: normal; width: 50%; } .project-infos > ul > li > span { color: #222222; float: left; font-family: Lato; font-size: 14px; font-weight: 600; padding-left: 36px; padding-right: 20px; position: relative; width: 50%; } .project-infos > ul > li { float: left; margin-top: 30px; width: 100%; } .portfolio-carousal .owl-nav { height: 0; margin-top: -25px; position: absolute; right: 0; top: 50%; width: 100%; } .portfolio-carousal .owl-nav > div { background: none repeat scroll 0 0 #8e8e8e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: transparent; float: left; height: 55px; position: relative; width: 55px; } .portfolio-carousal .owl-nav > div.owl-next { float: right; } .portfolio-carousal .owl-nav > div::before { color: #fff; content: ""; font-family: fontawesome; font-size: 20px; height: 55px; left: 0; line-height: 55px; position: absolute; text-align: center; top: 0; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; width: 100%; } .portfolio-carousal .owl-nav > div.owl-next:before { content: "\f105"; } .portfolio-carousal .owl-nav > div:hover:before { color: #FFF; } /* Dark Skin */ .dark { background: none repeat scroll 0 0 #1d1f22; } .dark p{ color: #959595; } .inner-head.dark { background: none repeat scroll 0 0 #393b3f; } .inner-head.dark h2 { color: #fff; } .inner-head.dark h2::before { background: none repeat scroll 0 0 #fafafa; } .dark .breadcrumbs > li > a { color: #c5c5c5; } .dark .breadcrumbs > li { color: #c5c5c5; } .dark .about > h2 { color: #ffffff; } .dark .carousal .owl-nav { background: none repeat scroll 0 0 #454545; } .dark .carousal .owl-nav > div { background: none repeat scroll 0 0 #6a6a6a; } .dark .carousal .owl-nav > div::before { color: #ffffff; } .dark .heading h2 { color: #ffffff; } .dark .accordian > h2 { background: none repeat scroll 0 0 #555555; border-color: #757575; color: #ffffff; } .dark .team-sec > h3 { color: #ffffff; } .dark .who-i-am > h3 { color: #fff; } .dark .who-i-am h5 { color: #ffffff; } .dark .profile-info-sec { background: none repeat scroll 0 0 #555555; } .dark .user-info li > strong { color: #ffffff; } .dark .user-info li p { color: #d8d8d8; } .dark .curve-parallax::after { background: none repeat scroll 0 0 #1d1f22; } .dark .curve-parallax::before { background: none repeat scroll 0 0 #1d1f22; } .dark .curve-parallax { background: none repeat scroll 0 0 #1d1f22; } .dark .curve-parallax > h3 { color: #ffffff; } .dark .skills-progress > span { color: #ffffff; } .dark .billing-form form fieldset > label { color: #ffffff; } .dark .customlist select { background: none repeat scroll 0 0 #555555; border: 1px solid #787c7c; color: #ffffff; } .dark .billing-form form fieldset input, .dark .billing-form form fieldset textarea { background: none repeat scroll 0 0 #555555; border-color: #787c7c; } .dark .billing-form form fieldset { color: #ffffff; } .dark .product-table > li { background: none repeat scroll 0 0 #555555; border-bottom-color: #656565; border-top-color: #454545; } .dark .product-table > li > span { color: #ffffff; } .dark .product-table > li > i { color: #d5d5d5; } .dark .product-table > li > span > i { color: #fff; } .dark .heading3 { color: #ffffff; } .dark .w-featured-products { background: none repeat scroll 0 0 #555555; } .dark .w-featured-products > h6 { color: #ffffff; } .dark .w-featured-products > p { color: #dfdfdf; } .dark .widget-carousal li { background: none repeat scroll 0 0 #555555; } .dark .widget-carousal li > p { color: #dfdfdf; } .dark .widget-carousal li .deal-counter { background: none repeat scroll 0 0 #858585; } .dark .widget-carousal li .deal-counter i { color: #ffffff; } .dark .widget-carousal li .deal-counter i { color: #ffffff; } .dark .prdct-old::before { border-left-color: #555555; } .dark .w-sales-special { background: none repeat scroll 0 0 #555555; } .dark .w-sales-special p { color: #dfdfdf; } .dark .w-post-tabs > .nav-tabs > li.active > a { background: none repeat scroll 0 0 #555555; } .dark .w-post-tabs > .tab-content { background: none repeat scroll 0 0 #555555; } .dark .sidebar-post > h3 a { color: #fff; } .dark .sidebar-post p { color: #dfdfdf; } .dark .accordian > h2 > span::before { background: none repeat scroll 0 0 #757575; } .dark .blog > h3 a { color: #fff; } .dark .blog h6 { color: #d5d5d5; } .dark .blog h6 a { color: #dfdfdf; } .dark .fancy-grid-thumb > .date::before { background: none repeat scroll 0 0 #1d1f22; } .dark .fancy-grid-thumb > .date { color: #fff; } .dark .grid-fancy-desc .author-thumb h6, .dark.single-post .author-thumb h6 { color: #ffffff; } .dark .grid-fancy-desc .author-thumb h6 a, .dark .single-post .author-thumb a { color: #ffffff; } .dark .grid-fancy-desc h2 a { color: #fff; } .dark .cart > li { background: none repeat scroll 0 0 #555555; } .dark .cart-list-thumb h5 { color: #dfdfdf; } .dark .cart-list-thumb > h3 a { color: #ffffff; } .dark .cart-list-price { color: #ffffff; } .dark .quantity-area { background: none repeat scroll 0 0 #474747; } .dark .coupon input[type="text"] { background: none repeat scroll 0 0 #555555; border-color: #787c7c; color: #ffffff; } .dark .coupon label { color: #ffffff; } .dark .cart-total-box > ul > li { background: none repeat scroll 0 0 #555555; border-bottom-color: #656565; } .dark .cart-total-box > ul > li span { color: #fff; } .dark .cart-total-box > ul > li i { color: #dfdfdf; } .dark .cart-total-box > ul > li input[type="text"] { background: none repeat scroll 0 0 #555555; border-color: #787c7c; color: #fff; } .dark .contact-form > form input[type="text"], .dark .contact-form > form textarea { background: none repeat scroll 0 0 #555555; color: #ffffff; } .dark .contact-infos { background: none repeat scroll 0 0 #454545; } .dark .contact-infos > ul > li span { color: #ffffff; } .dark .contact-infos > ul > li h6 { color: #dfdfdf; } .window.dark .subscribe-modal:after { background: #555555; } .window.dark .subscribe-modal:before { background: #555555; } .dark .subscribe-modal > h4 { color: #ffffff; } .dark .subscribe-modal > span { color: #dfdfdf; } .dark .subscribe-modal > form input[type="text"] { background: #353535; color: #ffffff; } .dark .cart-modal-sec::before { background: #555555; opacity: 0.9; } .dark .cart-modal-sec > h3 { color: #ffffff; } .dark .cart-modal-sec > span { color: #dfdfdf; } .dark .category-info { background: #333; opacity: 0.9; } .dark .category-info > a > h3 span { color: #dfdfdf; } .dark .category-info > a > h3 span::before { background: #bababa; } .dark .product > h3 a { color: #ffffff; } .dark .fancy-tab-content > h3 { color: #ffffff; } .dark .fancy-tab-content > a { color: #ffffff; } .dark .subscribe-form button { background: #555555; } .dark .our-brands { background: #555555; border-color: #757575; } .dark .our-brands > h3 { color: #ffffff; } .dark .subscribe{ background: #555555; border-color: #757575; } .dark .subscribe-form { background: #454545; border-color: #757575; } .dark .subscribe-form > input[type="text"] { color: #ffffff; } .dark .subscribe > h3 { color: #ffffff; } .dark .category-info > a > h3 { color: #fff; } .dark .fancy-post > .title > h2 { background: none repeat scroll 0 0 rgba(45, 45, 45, 0.9); color: #ffffff; } .dark .fancy-post > .title > h2 a { color: #ffffff; } .dark .fancy-post > .title > h2 span { color: #dfdfdf; } .dark .heading2 > h2 { color: #ffffff; } .dark .heading2 > span i { background: none repeat scroll 0 0 #1d1f22; color: #ffffff; } .dark .heading2 > span::before { background: none repeat scroll 0 0 #6f6f6f; } .dark .hover-boxes > .box1::before, .dark .hover-boxes > .box2::before { background: none repeat scroll 0 0 rgba(45, 45, 45, 0.9); } .dark .product-two > .title h2 a { color: #ffffff; } .dark .product-two > .title { border-color: #4f4f4f; } .dark .item-thumb::before { background: none repeat scroll 0 0 #1d1f22; } .dark .item-thumb > .price { color: #ffffff; } .dark .item-thumb > .btns > li a { background: none repeat scroll 0 0 #1d1f22; color: #fff; } .dark .option-set > li > a { color: #ffffff; } .dark .product-deals-sec { background: none repeat scroll 0 0 #1d1f22; } .dark .product-deals-sec:before { background: none repeat scroll 0 0 #1d1f22; } .dark .our-brands.style2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .dark .product-three .title > h3 a { color: #ffffff; } .dark .product-three .title > span { color: #dfdfdf; } .dark .product-three .product-thumb .add-cart-btn { background: none repeat scroll 0 0 #1d1f22; color: #ffffff; } .dark .product-three .product-thumb span::before { background: none repeat scroll 0 0 #1d1f22; } .dark .product-three .product-thumb span { color: #ffffff; } .dark .product-three::before { background: #6f6f6f; } .account-modal.dark { background: none; } .dark .account:before { background: rgba(45,45,45,0.95); } .dark .account.register > h2 { color: #ffffff; } .dark .fancy-product > span:before { background: none repeat scroll 0 0 #3f3f3f; } .dark .curve-parallax > .prices { color: #dfdfdf; } .dark .services > h3 { color: #ffffff; } .dark .collection > .title { background: none repeat scroll 0 0 #1d1f22; border-color: #555555; } .dark .collection > .title > h3 a { color: #ffffff; } .dark .collection > .title > h3::before { background: #555555; } .dark .product-four > .cart-whislist li > a:before { background: #1d1f22; } .dark .product-four > .cart-whislist li > a { color: #ffffff; } .dark .product-four > h3 a { color: #fff; } .dark .product-four > .prices { color: #fff; } .dark .deal-text p { color: #fff; } .dark .wide-prdct-info { background: rgba(45,45,45,0.9); } .dark .wide-prdct-info > h3 { color: #ffffff; } .dark .accordian-sec > h3 { color: #fff; } .dark .prodct-cat-info > h3 a { color: #fff; } .dark .prodct-cat-info::before { border-right-color:#1d1f22; } .dark .parallax-curve-sec .curve-parallax { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .dark .subscribe-box > h3 { color: #fff; } .dark .single-prodcut-info::before, .dark .single-prodcut-info::after { background: none repeat scroll 0 0 #5f5f5f; } .dark .single-prodcut-info { background: none repeat scroll 0 0 #5f5f5f; } .dark .single-prodcut-info > h2 { color: #fff; } .dark .single-prodcut-info > span { color: #dfdfdf; } .dark .single-prodcut-info > i { color: #ffffff; } .dark .single-prodcut-info > p { color: #dedede; } .dark .wishlist-btn { border-color: #fff; color: #fff; } .dark .single-metas { background: none repeat scroll 0 0 #1d1f22; } .dark .grid-fancy-desc .author-thumb h6, .dark .single-post .author-thumb h6 { color: #fff; } .dark .single-post > h1 { color: #fff; } .dark .author-info-box { background: none repeat scroll 0 0 #555555; } .dark .author-info-box > h3 a { color: #fff; } .dark .author-info-box > p { border-color: #888888; } .dark .author-info-box > p { border-color: #888888; color: #dedede; } .dark .follow-admin { background: none repeat scroll 0 0 #454545; border-color: #757575; } .dark .follow-admin > span { color: #eeeeee; } .dark .title-wide { color: #ffffff; } .dark .comment-info > h3 { color: #fff; } .dark .add-comment > form input[type="text"], .dark .add-comment > form textarea { background: none repeat scroll 0 0 #555555; color: #ffffff; } .dark .deal-counter > li > span { color: #ffffff; } .dark .w-post-tabs > .nav-tabs > li.active > a { background: none repeat scroll 0 0 #555555; color: #fff; } .dark .w-post-tabs > .nav-tabs > li > a { background: none repeat scroll 0 0 #353535; color: #ffffff; } .woocommerce .add_to_cart_button::after { display: none; } .item-thumb > .price > del .amount { font-size: 12px; font-weight: normal; } .cart-header-btns > li > a span { font-size: 13px; text-transform: uppercase; } a.wc-forward { display: none !important; } .fancy-tab-content > span del .amount { font-size: 15px; margin-right: 10px; } .wpb_layerslider_element.wpb_content_element { margin: 0; float: left; width: 100%; } .fancy-product > .price-btn ins span { font-size: 14px; margin-left: 15px; text-decoration: line-through; } section#options { float: left; width: 100%; } .curve-parallax > .prices del span { font-size: 20px; font-weight: normal; } .layer .row { position: relative; z-index: 9; } .about-image { float: left; width: 100%; } .about-image img { float: left; width: 100%; } .about-video > iframe { float: left; width: 100%; } .owl-dots { float: left; margin-top: 20px; text-align: center; width: 100%; } .owl-dots > .owl-dot { background: none repeat scroll 0 0 #555555; display: inline-flex; float: none; height: 10px; margin: 0 1px; width: 10px; } .layer.blackish p { color: #dfdfdf; } .layer.whitish p { color: #545454 !important; } .layer.blackish .heading h2 { color: #ffffff; } .layer.blackish .heading span { color: #dfdfdf; } .layer.blackish .heading2 h6 { color: #8e8e8e; } .layer.blackish .heading2 h2 { color: #ffffff; } .layer.blackish .heading2 > span > i{ color: #dfdfdf; } .experience-info p { color: #666666 !important; } .layer.blackish .blog > h3 a { color: #ffffff; } .owl-nav { float: left; text-align: center; width: 100%; } .owl-nav > div { background: none repeat scroll 0 0 #ededed; border-radius: 3px; color: rgba(0, 0, 0, 0); display: inline-flex; height: 35px; position: relative; width: 35px; margin: 0 4px; margin-top: 30px; } .owl-nav > div:before { content: "\f104"; color: #333; font-family: fontawesome; position: absolute; left: 0; top: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .owl-nav > div.owl-next:before { content: "\f105"; } .owl-nav > div:hover:before { color: #FFF; } .layer.blackish .blog h6 { color: #dfdfdf; } .layer.blackish .blog h6 a { color: #dfdfdf; } .block.gray .heading2 > span > i { background: none repeat scroll 0 0 #f8f8f8; } .fancy-menu nav.nav-dark { background: #555555; } .fancy-menu > nav.nav-dark > ul > li > a { color: #ffffff; border-color: #757575; } .fancy-menu > nav.nav-dark > ul > li ul li a { color: #ffffff; } .fancy-menu nav.nav-left { left: -340px; right: auto; transform: rotateY(90deg) perspective(200px) translateZ(0px); } .fancy-menu nav.nav-left.show { left: 0; transform: rotate(0); } img { height: auto; } .fancy-tabs li img { float: left; width: 100%; } .fancy-tabs li { width: 490px; } .theme-layout.non-sticky { padding: 0 !important; } .theme-layout.non-sticky header { position: relative !important; } /* Widget */ .widget .a-stats { float: left; width: 100%; } .widget .a-stats > a { border: medium none; color: #ffffff; float: left; font-family: Lato; letter-spacing: 0.3px; padding: 16px 0; width: 100% !important; } .widget select { color: #7f7f7f; float: left; font-family: Lato; height: 40px; padding: 0 12px; width: 100%; } /* Widget Calendar */ #calendar_wrap { float: left; width: 100%; } #calendar_wrap > table { float: left; width: 100%; } #calendar_wrap > table > caption { background: none repeat scroll 0 0 #fafafa; font-family: Lato; font-size: 13px; font-weight: 600; padding: 9px 20px; } #calendar_wrap > table > thead { width: 100%; } #calendar_wrap > table > thead > tr > th { background: none repeat scroll 0 0 #f3f3f3; border-right: 1px solid #e8e8e8; font-family: Lato; font-size: 13px; font-weight: normal; padding: 5px 0; text-align: center; } #calendar_wrap > table > tbody > tr > td.pad { background: none repeat scroll 0 0 #fdfdfd; } #calendar_wrap > table > tbody > tr > td { background: none repeat scroll 0 0 #fafafa; border: 1px solid #e8ecec; color: #888; font-family: Lato; font-size: 12px; padding: 4px 0; text-align: center; } #calendar_wrap > table > tbody > tr > td > a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #fff; float: left; width: 100%; } #calendar_wrap > table > tfoot > tr > td { background: none repeat scroll 0 0 #fafafa; border: 1px solid #e8ecec; font-family: Lato; font-size: 13px; text-align: center; } #calendar_wrap > table > tfoot > tr > td > a{ color:#555555; } /* Widget LIST ITEM */ .widget > ul, .widget ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .widget > ul ul{ padding-left: 20px; } .widget > ul > li, .widget ul li { float: left; width: 100%; } .widget > ul > li > a, .widget ul li a { border-bottom: 1px dashed #e8ecec; color: #555555; float: left; font-family: Lato; line-height: 24px; padding: 12px 0 12px 20px; position: relative; width: 100%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .widget > ul > li > a::before, .widget ul li a:before { background: none repeat scroll 0 0 #e8ecec; content: ""; height: 12px; left: 0; margin-top: -6px; position: absolute; top: 50%; width: 1px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /* Recent Comment */ .widget_recent_comments > ul, .widget_recent_entries > ul { background: none repeat scroll 0 0 #fafafa; } .widget_recent_comments > ul > li, .widget_recent_entries > ul > li { padding: 20px; } .widget_recent_comments > ul > li > .comment-author-link, .widget_recent_entries > ul > li > span { color: #ffffff; float: left; font-family: Lato; font-size: 11px; margin-bottom: 8px; margin-right: 15px; padding: 3px 13px; text-transform: uppercase; } .widget_recent_entries > ul > li > span{ margin-bottom: 0; margin-top: 8px; } .widget_recent_comments > ul > li > a, .widget_recent_entries > ul > li > a { border: medium none; padding: 0; } .widget_recent_comments > ul > li > a:before, .widget_recent_entries > ul > li > a:before{ display: none; } .widget_recent_comments > ul > li, .widget_recent_entries > ul > li { border-bottom: 1px dashed #e8ecec; font-family: Lato; padding: 20px; } /* Widget Form */ .searchform, .woocommerce-product-search { background: none repeat scroll 0 0 #fafafa; float: left; padding: 20px; width: 100%; } .sidebar-search { background: none repeat scroll 0 0 #ffffff; border-radius: 0; float: left; padding-right: 70px; position: relative; width: 100%; } .sidebar-search > input[type="text"] { border: medium none; float: left; width: 100%; } .sidebar-search > input[type="text"] { border: medium none; float: left; font-family: Lato; font-size: 13px; height: 41px; letter-spacing: 0.3px; padding: 0 15px; width: 100%; } .sidebar-search > input[type="submit"] { border: medium none; color: #ffffff; font-family: Lato; font-size: 11px; height: 41px; letter-spacing: 0.3px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 70px; } .product_list_widget { background: none repeat scroll 0 0 #fafafa; } div .widget .product_list_widget > li { border-bottom: 1px dashed #e8ecec; float: left; padding: 20px; width: 100%; } div .widget .product_list_widget > li > a { border: medium none; padding: 0; } div .widget .product_list_widget > li > a::before { display: none; } div .widget .product_list_widget > li del { color: #959595; float: left; font-family: Lato; font-size: 14px; margin-right: 10px; } div .widget .product_list_widget > li:last-child { border: medium none; } .widget .cart_list.product_list_widget > li { padding-top: 20px; } div .widget .remove { background: none repeat scroll 0 0 #555555; color: #ffffff !important; font-size: 15px; height: 20px; line-height: 20px; margin-left: -8px; margin-top: -8px; position: absolute; text-align: center; width: 20px; } .widget .widget_shopping_cart_content > .total { float: left; padding: 20px 0; width: 100%; } .widget .widget_shopping_cart_content > .buttons a { background: none repeat scroll 0 0 #4a4a4a; color: #ffffff; } .woocommerce-product-search > label { color: #555555; float: left; font-family: Lato; width: 100%; } .woocommerce-product-search > input[type="search"] { background: none repeat scroll 0 0 #ffffff; border: medium none; float: left; font-family: Lato; letter-spacing: 0.3px; margin-top: 7px; padding: 11px 15px; width: 100%; text-align: center; } aside .footer-post > ul > li > a::before, .wpb_wrapper .footer-post > ul > li > a::before { display: none; } .footer-post > ul > li > span del span { font-size: 14px; font-weight: normal; } .footer-post > ul > li > span ins span { font-size: 14px; font-weight: normal; } .woocommerce-product-search > input[type="submit"] { border: medium none; color: #ffffff; float: left; font-family: Lato; letter-spacing: 0.3px; padding: 10px 0; width: 100%; } footer .footer-post > ul > li > a { width: auto; } aside .footer-post > ul > li > a, .wpb_wrapper .footer-post > ul > li > a { border: medium none; margin-right: 4px; padding: 0; width: auto; } footer .widget_recent_comments > ul > li > a, footer .widget_recent_entries > ul > li > a { color: #555555; } footer .accordian .content > p { color: #dfdfdf; } footer .woocommerce ul.cart_list li a, footer .woocommerce ul.product_list_widget li a { color: #555555; } footer .widget > ul > li > a, footer .widget ul li a { color: #ffffff; } footer .footer-product .owl-item > li a { color: #ffffff; } footer .footer-post > ul > li a:before { display: none; } footer .footer-post li a { border: medium none; padding: 0; } .product_list_widget > li span.reviewer, .product_list_widget > li span.amount { float: left; font-family: Lato; margin-top: 11px; width: 100%; } aside .footer-post > ul > li h3 a::before, .wpb_wrapper .footer-post > ul > li h3 a::before { display: none; } aside .footer-post > ul > li h3 a, .wpb_wrapper .footer-post > ul > li h3 a { color: #555555; border: medium none; padding: 0; } aside .footer-product .owl-item > li a::before, .wpb_wrapper .footer-product .owl-item > li a::before { display: none; } aside .prdct-weekly-thumb > span a::before, .wpb_wrapper .prdct-weekly-thumb > span a::before { display: none; } .footer-product .owl-item > li a { border: medium none; color: #555555; line-height: 19px; margin: 18px 0 10px; padding: 0; } aside .footer-product .owl-item > li span, .wpb_wrapper .footer-product .owl-item > li span { color: #767676; } .woocommerce .prdct-weekly-thumb > span a { border: medium none; float: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; } footer .prdct-weekly-thumb > span > a:before { display: none; } footer .prdct-weekly-thumb > span > a { padding: 0; width: auto; position: absolute; } .widget-carousal li .deal-counter { padding: 14px 20px; width: auto; } .w-post-tabs > .nav-tabs > li > a::before { display: none; } .no-image { background: none repeat scroll 0 0 #fafafa; float: left; min-height: 340px; text-align: center; width: 100%; } .no-image > i { color: #202020; font-size: 100px; line-height: 340px; } .fancy-grid.sticky { background: none repeat scroll 0 0 #fafafa; padding: 60px 50px; position: relative; } .single-post > ul { float: left; line-height: 26px; list-style: outside none none; padding: 0; width: 100%; } blockquote { background: none repeat scroll 0 0 #fafafa; border: medium none; float: left; padding: 30px 50px; text-align: center; width: 100%; } blockquote p { font-size: 16px; font-style: italic; letter-spacing: 0.3px; line-height: 28px; } table { border: 1px solid #f0f0f0; color: #888888; float: left; line-height: 33px; text-align: center; width: 100%; } thead { color: #333; text-align: center; } table th { border: 1px solid #f0f0f0; text-align: center; } td { border: 1px solid #f0f0f0; font-size: 12px; line-height: 30px; } dt,dd { color: #777; font-family: Lato; font-size: 13px; line-height: 25px !important; letter-spacing:0.30px; } pre { float: left; text-align: left; width: 100%; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .aligncenter { margin: 0 auto; } .page-numbers { float: left; width: 100%; } .twitter-tweet.twitter-tweet-rendered { float: left; width: 100% !important; } .single-post > ul li { font-family: Lato; } .single-post > ul ul { padding-bottom: 5px; padding-left: 20px; padding-top: 5px; } .single-post > ol { font-family: Lato; padding: 0 0 0 19px; text-align: left; width: 100%; } .single-post > ol ol { padding-bottom: 5px; padding-left: 20px; padding-top: 5px; } img[title="Image Alignment 1200x400"] { float: left; width: 100%; } .single-post > ol { float: left; width: 100%; } .single-post figure { float: left; width: 100% !important; } h1, h2, h3, h4, h5, h6 { float: left; font-family: Lato; width: 100%; } .comments-sec .comment-info > ul li { margin: 0; } .comments-sec .comment-info > ul ul { padding-left: 30px; } .comment-info > h1, .comment-info > h2, .comment-info > h3, .comment-info > h4, .comment-info > h5, .comment-info > h6 { float: left; width: 100%; } .comments-sec .comment-info > ul { padding: 0; } .comments-sec .comment-info > ul { padding: 0; } /*** BB PRESS STYLING ***/ #bbpress-forums { margin-bottom: 0; } #bbpress-forums #bbp-search-form { background: none repeat scroll 0 0 #efefef; border: 1px solid #dcdcdc; float: left; margin-bottom: 20px; overflow: hidden; width: 310px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #bbpress-forums #bbp-search-form input#bbp_search { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #343434; float: left; font-family: open sans; height: 40px; padding: 10px; width: 230px; } #bbpress-forums #bbp-search-form input#bbp_search_submit { border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf; border-radius: 0; border-right: 0 none; border-style: none none none solid; border-width: 0 0 0 1px; float: left; font-family: open sans; height: 40px; padding: 5px 0; text-transform: uppercase; width: 70px; } #bbpress-forums #bbp-search-form input#bbp_search_submit:hover{ color: #AFAFAF; } #subscription-toggle, #favorite-toggle { background:none repeat scroll 0 0 #282828; float: left; margin: 0 20px; padding: 5px 15px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } #subscription-toggle a, #favorite-toggle a { color: #fff !important; line-height: 20px; } .bbp-author-avatar img { border: 0 none !important; margin: 0 !important; } #bbpress-forums ul { color: #888888; font-weight: 400; } #bbpress-forums .minict_wrapper.bubble ul { background: none repeat scroll 0 0 #fff; } #bbpress-forums li.bbp-header ul { font-size: 14px; font-weight: 400; overflow: hidden; text-transform: uppercase; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ padding:0; } #bbpress-forums > ul { border: 1px solid #c9c9c9!important; overflow: hidden !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } #bbpress-forums li.bbp-footer { background: none repeat scroll 0 0 #DCDCDC; border-top: 1px solid #C9C9C9; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ border-top: 1px solid #d0cfcf; padding: 0 20px; } #bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li { border-right: 1px solid #c9c9c9; font-size: 13px; line-height: 80px; min-height: 125px; padding: 20px 0; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count { font-size: 15px; line-height: 34px; } #bbpress-forums fieldset.bbp-form { border: 0 none; margin: 0; padding: 0; width: 100%; } #bbpress-forums fieldset.bbp-form label { float: left; font-weight: 400; width: 100%; } #bbpress-forums li.bbp-header { background: none repeat scroll 0 0 #6f6f6f; border: 1px solid #3e3e3e; float: left; font-weight: 400; padding: 0 20px; position: relative; width: 100%; z-index: 1; } #bbpress-forums li.bbp-header:before { background: url("images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #84898B; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } #bbpress-forums li.bbp-header ul { font-size: 14px; font-weight: 400; overflow: hidden; text-transform: uppercase; } #bbpress-forums li.bbp-header li { color: #F1EFEF; font-family: open sans; font-size: 15px; font-weight: 600; line-height: 58px; text-shadow: 0 1px 0 #000000; text-align: center; } li.bbp-forum-freshness, li.bbp-topic-freshness { border-right: 0 none !important; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count { font-size: 15px; line-height: 47px; } .bbp-form input[type="text"],.bbp-form textarea { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #C8C8C8; font-family: roboto; height: 30px; padding: 5px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bbp-form textarea{ border:0; height:auto; } #bbpress-forums div.reply { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ color: #333333; font-size: 12px; position: relative; padding:0; right: 0; } div.bbp-submit-wrapper button { background: none repeat scroll 0 0 #D4D4D4; border: 0 none; color: #FFFFFF; font-size: 13px; font-weight: 500; padding: 7px 25px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } div.bbp-template-notice.info { color: #747474; float: left; padding: 5px 20px; text-shadow: 0 0 1px #FFFFFF; background-color: #BFE7F1; border: 1px solid #D1D1D1; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a, ul.topic li.bbp-topic-title > a.bbp-topic-permalink { background: none repeat scroll 0 0 #E0E0E0; color: #646363 !important; float: left; font-size: 13px; margin-right: 20px; margin-top: 18px; padding: 7px 15px; line-height: 20px; text-shadow: 0 1px 0 #F4F4F4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bbp-forum-content { color: #9d9d9d; line-height: 20px; margin: 25px 0 0 !important; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a, .bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a { background: none repeat scroll 0 0 #E1E1E1; color: #898888 !important; display: table; margin: 10px auto 0; padding: 5px 15px; text-shadow: 0 1px 0 #F4F4F4; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #bbpress-forums p.bbp-topic-meta { float: left; margin-bottom: 0; margin-top: 10px !important; width: 100%; } .bbp-author-avatar { margin-right: 10px; } ul.topic li.bbp-topic-title > a.bbp-topic-permalink { margin-top: 5px; line-height: 20px; } li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { font-size: 15px !important; } .bbp-pagination-count { border: 1px solid rgba(0, 0, 0, 0); color: #888888; float: left; font-size: 12px; } div.bbp-template-notice, div.indicator-hint { background: none repeat scroll 0 0 #FBE3A7; border-color: #D1D1D1; float: left; padding: 5px 20px; text-shadow: 0 0 1px #FFFFFF; width: auto; } #bbpress-forums p.bbp-topic-meta .bbp-author-name { color: #A1A1A1; } ul.bbp-replies li.bbp-header > div { color: #F1EFEF; font-family: open sans; font-size: 15px; font-weight: 600; line-height: 58px; text-align: center !important; text-shadow: 0 1px 0 #000000; text-transform: uppercase; } li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle { float: right; font-size: 12px; line-height: 17px; margin-top: 18px; text-shadow: none; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #EDEAEA; border-top: 1px solid #D0CFCF; } .bbp-admin-links, .bbp-admin-links a { color: #8E8E8E !important; font-size: 12px !important; padding: 0 5px; text-transform: capitalize !important; } .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink { color: #8E8E8E !important; float: right; margin-left: 30px; } #bbpress-forums .bbp-body div.bbp-reply-author { border-right: 1px solid #C9C9C9; float: left; padding: 20px; width: 30%; } .bbp-reply-author .bbp-author-avatar { float: left; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { color: #8E8E8E; display: table-row-group; width: auto; } #bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { color: #9c9c9c; display: table-row; float: left; font-size: 12px; font-style: normal; line-height: 20px; margin-top: -8px; } .bbp-reply-ip { float: left; text-align: left; } .bbp-reply-author .bbp-author-avatar img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content { border-left: 1px solid #C9C9C9; color: #8E8E8E; float: left; font-family: roboto; margin-left: -1px; padding: 20px 25px; width: 70%; } fieldset.bbp-form { float: left; padding: 0 !important; width: 100%; } fieldset.bbp-form label { color: #7f7f7f; float: left; font-family: open sans; font-size: 12px; padding: 0 20px 0 0 !important; text-transform: uppercase; width: auto !important; } button.button.submit { line-height: 20px; overflow: hidden; padding: 7px 20px; } div.bbp-template-notice, div.indicator-hint { width: 100%; } .bbp-breadcrumb > p a, .bbp-breadcrumb > p span { color: #fff; display: inline-block; font-size: 30px; max-width: 220px; overflow: hidden; padding: 0 5px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .bbp-breadcrumb > p span.bbp-breadcrumb-current { color: #a0a0a0; } div.bbp-breadcrumb, div.bbp-topic-tags { float: left; position: relative; text-align: center; width: 100%; } .recentcomments a, .widget_recent_entries a { color: #555555 !important; } .single-product-tabs > .nav > li img { float: left; width: 100%; } .woocommerce .summary.entry-summary { float: left !important; margin: 0 !important; width: 100% !important; } .product_meta { float: left; width: 100%; } .posted_in, .tagged_as { color: #888888; float: left; font-family: Lato; width: 100%; } .tagged_as{ margin-top: 20px; } .woocommerce form.cart > button { border-radius: 0; font-family: Lato; letter-spacing: 0.3px; padding: 18px 31px; text-transform: uppercase; } .summary.entry-summary > p { margin: 20px 0 33px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 40px 0; } .woocommerce-tabs { float: left; margin-bottom: 40px; margin-top: 70px; width: 100%; } .woocommerce .woocommerce-tabs > ul { float: left; margin: 0 !important; padding: 0 !important; width: 100%; } .woocommerce .woocommerce-tabs > ul li a { background: #494949 none repeat scroll 0 0 !important; color: #ffffff !important; font-family: Lato; font-size: 16px; letter-spacing: 0.3px; padding: 13px 30px !important; } .woocommerce .woocommerce-tabs > ul::before { display: none !important; } .woocommerce .woocommerce-tabs > ul > li::before, .woocommerce .woocommerce-tabs > ul > li::after { display: none !important; } .woocommerce .woocommerce-tabs > ul > li { border: medium none !important; margin: 0 15px 0 0 !important; padding: 0 !important; } #reviews > div#review_form_wrapper { float: left; margin-top: 10px; width: 100%; } #tab-description > h2, #comments > h2 { float: left; font-family: Lato; font-size: 22px; font-weight: bold; margin: 0 0 11px; width: 100%; } form.login p > .button { margin-top: 18px; } .login > p { margin-bottom: 13px; } .theme-layout .woocommerce > form { float: left; margin-bottom: 30px; margin-top: 0; width: 100%; } .theme-layout .woocommerce .woocommerce-info { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; margin: 0; width: 100%; } .woocommerce .woocommerce-tabs .entry-content { background: #fcfbfb none repeat scroll 0 0; border-radius: 0 1px 3px 3px; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; -ms-box-shadow: 0 0; -o-box-shadow: 0 0; box-shadow: 0 0; float: left; margin-top: -1px !important; padding: 40px 30px !important; width: 100%; } form.login p > label.inline { font-family: Lato; letter-spacing: 0.3px; margin-left: 30px; } form.login p > label.inline > input { margin-right: 7px; } .create-account { float: left; width: 100%; } .theme-layout .woocommerce > form > h3 { float: left; width: 100%; } .woocommerce-checkout-review-order { float: left; width: 100%; } .theme-layout .woocommerce-checkout-review-order > table { background: #fafafa none repeat scroll 0 0; border: 1px solid #e8ecec; float: left; width: 100%; } .theme-layout .woocommerce-checkout-review-order > table th { border: medium none; } .theme-layout .woocommerce .woocommerce-checkout-payment { background: #fafafa none repeat scroll 0 0 !important; float: left; width: 100%; } .payment_box { float: left; width: 100%; } .theme-layout .woocommerce form textarea.input-text { height: 180px; } .payment_box p { color: #333333; } .payment_method_cheque { float: left; width: 100%; } .theme-layout .woocommerce form .coupon .input-text { float: left; width: auto; } .woocommerce-review-link { margin-left: 10px; } .payment_methods.methods { float: left; width: 100%; } .payment_methods.methods > li { float: left; width: 100%; } .woocommerce-product-rating { float: left; width: 100%; } .pop { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } .comment-reply-title { float: left; margin-bottom: 20px !important; width: 100%; } .comment-form p textarea { min-height: 180px; } .woocommerce .theme-layout .product .comment-respond .comment-form p .submit { float: left; margin-top: 20px !important; padding: 16px 40px !important; text-transform: uppercase; width: auto; } .comment-form p input, .comment-form p textarea { background: #fafafa none repeat scroll 0 0; border: medium none; float: left; padding: 8px 20px; width: 100%; } .pop > .alert { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); left: 50%; margin-left: -200px; margin-top: -60px; position: absolute; text-align: center; top: 50%; width: 400px; z-index: 2147483647; } #comments > h2 { margin-bottom: 30px; } ol.commentlist li { min-height: auto; } .summary.entry-summary > h2 { float: left; font-family: Lato; font-size: 26px; font-weight: bold; margin: 0 0 24px; width: 100%; } .slide-body.slide-right-menu { left: auto; right: 340px !important; } .menu-sec3 .fancy-menu nav.nav-right { left: auto; right: -340px; } .menu-sec3 .fancy-menu nav.nav-right.active { right: 0; } .theme-layout footer .layer.whitish h3, .theme-layout footer .layer.whitish a { color: #222222; } footer .layer.whitish .footer-product .owl-item > li span { color: #555555; } footer .layer.whitish .accordian .content > p { color: #444444; } .owl-carousel { cursor: -moz-grab; cursor: -wrbkit-grab; cursor: -ms-grab; cursor: -o-grab; } .loader-overlay { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; } .card { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .checkout-button.wc-forward { display: block !important; } .addresses { background: none repeat scroll 0 0 #fff; border: 1px solid #e8ecec; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; width: 100%; } .woocommerce .addresses > .address { float: left; padding: 25px; width: 50%; } .woocommerce .addresses > .col-1.address{ border-right: 1px solid #e8ecec; } .woocommerce .addresses > .address > header.title { float: left; position: relative; width: 100%; } .woocommerce .addresses > .address > header.title > a { background: none repeat scroll 0 0 #555; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #fff; font-family: roboto; font-size: 13px; line-height: 12px; padding: 7px 19px; position: absolute; right: 0; top: 0; } .woocommerce .addresses > .address address { color: #888; float: left; font-family: roboto; font-size: 13px; letter-spacing: 0.3px; margin: 0; width: 100%; } .woocommerce .addresses > .address > header.title > h3 { color: #555; float: left; font-family: Raleway; font-size: 20px; letter-spacing: 0.3px; margin: 0 0 10px; padding-right: 80px; width: 100%; } .addresses .title.sticky { float: left; text-align: center; width: 100%; } .addresses .title.sticky h3 { float: left; width: 100%; } .addresses address { float: left; font-family: Lato; line-height: 28px; text-align: center; width: 100%; } .theme-layout .vc_carousel .vc_carousel-control { background: #555555 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; height: 50px; line-height: 50px; text-align: center; text-shadow: 0 0; width: 50px; } .theme-layout .vc_carousel .vc_carousel-control > span { bottom: auto; float: left; height: 100%; left: auto; line-height: 50px; margin: 0; position: relative; text-align: center; width: 100%; } .theme-layout .wpb_toggle_content { background: #ffffff none repeat scroll 0 0; float: left; padding: 20px 30px; width: 100%; } .page .theme-layout .wpb_accordion .ui-accordion-header span { float: right; margin: 10px 13px; } .theme-layout .wpb_toggle { background-color: #ffffff; background-position: 24px 17px; border: 1px solid #e8ecec; float: left; font-family: Lato; font-size: 15px; padding: 16px 40px 16px 63px; width: 100%; } .page .theme-layout .wpb_accordion .ui-accordion-header a { color: #333333; float: left; font-size: 13px; letter-spacing: 0.3px; padding: 0; } .page .theme-layout .wpb_accordion .ui-accordion-header { float: left; padding-left: 30px; } .theme-layout .wpb_alert > div { float: left; width: 100%; } .theme-layout .wpb_toggle, .page .theme-layout .wpb_accordion .ui-accordion-header { background-color: #ffffff; border: 1px solid #e8ecec; float: left; font-family: Lato; padding: 16px 40px 16px 80px; width: 100%; } .theme-layout .wpb_tour_tabs_wrapper > ul > li { clear: none; float: left; width: auto; } .theme-layout .wpb_tour_next_prev_nav span a { color: #333333; font-family: Lato; font-size: 15px; letter-spacing: 0.3px; } .theme-layout .wpb_tour_next_prev_nav { float: left; margin: 30px 0 0; padding: 0; width: 100%; } .page .theme-layout .wpb_tour_tabs_wrapper > ul > li.ui-tabs-active a { color: #ffffff; } .page .theme-layout .wpb_tour_tabs_wrapper > .ui-tabs-panel { background: #ffffff none repeat scroll 0 0 !important; float: left; margin-top: 20px; padding: 30px; width: 100%; } .vc_progress_bar { font-family: Lato; font-size: 15px; letter-spacing: 0.3px; } .page .theme-layout .wpb_tour_tabs_wrapper > ul > li a { background: #ffffff none repeat scroll 0 0; color: #444444; float: left; font-family: Lato; font-size: 14px; letter-spacing: 0.3px; padding: 15px 30px; } .theme-layout .wpb_tour_tabs_wrapper > ul { float: left; width: 100%; } .theme-layout .vc_separator h4 { color: #555555; font-size: 16px; letter-spacing: 0.3px; } .theme-layout .wpb_alert { float: left; width: 100%; } .theme-layout .vc_carousel .vc_carousel-control > span::before { bottom: auto; top: -27px; } .theme-layout .wpb_tour_tabs_wrapper { float: left; width: 100%; } .exp-thumb img { float: left; width: 100%; } .fancy-product > span::after { background: #ffffff none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.28; position: absolute; top: 0; width: 100%; } .single-post .gallery { margin: 0 -15px; } .single-post figure.gallery-item img { float: left; width: 100%; } .single-post figure.gallery-item { float: left; margin-top: 30px; padding: 0 15px; } .single-post .gallery.gallery-columns-1 figure { width: 100% !important; } .single-post .gallery.gallery-columns-2 figure { width: 50% !important; } .single-post .gallery.gallery-columns-3 figure { width: 33.3333% !important; } .single-post .gallery.gallery-columns-4 figure { width: 25% !important; } .single-post .gallery.gallery-columns-5 figure { width: 20% !important; } .single-post .gallery.gallery-columns-6 figure { width: 16.6666% !important; } .single-post .gallery.gallery-columns-7 figure { width: 14.28571428571429% !important; } .single-post .gallery.gallery-columns-8 figure { width: 12.5% !important; } .single-post .gallery.gallery-columns-9 figure { width: 11.1111% !important; } .pagination-sec > ul > li span { border-radius: 3px !important; color: #777777; font-family: Lato; height: 34px; line-height: 31px; margin: 0 3px; padding: 0 16px; } .close-menu { float: left; color: #fffff; position: relative; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; margin: 30px 30px; margin-bottom: 0; } .account-wishlist > ul > li { float: left; } .product-review-image iframe { border: medium none; float: left; min-height: 400px; width: 100%; } .woocommerce .product .item-thumb > .price del span { float: right; text-decoration: line-through; } .account-wishlist > ul { float: left; padding: 0; margin: 0; list-style: none; } .product-review-image { float: left; width: 100%; } .owl-carousel .product-three { margin-bottom: 0; } .product-slider-image { float: left; padding-right: 520px; width: 100%; } .woocommerce footer .footer-post > ul > li > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; line-height: 41px; margin-right: 10px; padding: 0; width: auto; } .whitish .mini-title { color: #333333; } .whitish .footer-post > ul > li h3, .whitish .footer-post > ul > li h3 a { color: #333333; } footer .whitish .footer-product .owl-item > li a { color: #333333; } footer .whitish .footer-product .owl-item > li a::before { display: none; } footer .footer-product .owl-item > li a::before { display: none; } .footer-strip .layer p { color: #dfdfdf; } .footer-strip .layer .mini-title { color: #ffffff; } .footer-strip .layer.whitish .mini-title { color: #333333; } .collection:hover > span:before { opacity: 0.4; border-radius: 0 0; width: 100%; height: 100%; left: 0; top: 0; margin: 0; } .collection > span::before { background: #ffffff none repeat scroll 0 0; border-radius: 50%; content: ""; height: 100px; left: 50%; margin-left: -50px; margin-top: -50px; opacity: 0; position: absolute; top: 50%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; width: 100px; } .cart-header-btns > li:last-child a { padding-right: 0; } select.orderby { background: #fafafa none repeat scroll 0 0; border: 1px solid #e2e6e6; border-radius: 3px; float: right; font-family: Lato; height: 40px; padding-left: 20px; } .no-icon .mega-links > h3 { padding-left: 33px; } .tagcloud { float: left; width: 100%; margin-bottom: 30px; } .product-four > .prices del span { color: #555555; font-size: 15px; font-weight: normal; } .about-video > iframe { border: medium none; float: left; min-height: 320px; width: 100%; } .about-video > iframe { border: medium none; } .mega-menu-sec.no-banner { padding: 0 50px; } .about-video { float: left; width: 100%; } .whitish .text-about > span { color: #232323; } .blackish h1, .blackish h2, .blackish h3, .blackish h4, .blackish h5, .blackish h6 { color: #ffffff; } .whitish h1, .whitish h2, .whitish h3, .whitish h4, .whitish h5, .whitish h6 { color: #232323; } .widget:first-child { margin: 0; } .whitish .parallax-text4 > h3 { color: #232323; } .whitish .parallax-text4 > span { color: #232323; } .whitish .fun-fact i { color: #333333; } .services > span i { background: #fafafa none repeat scroll 0 0; border: 1px solid #e8ecec; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; font-size: 28px; height: 120px; line-height: 120px; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 120px; } .services:hover > span i { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset; } .whitish .step-box > h3 { color: #ffffff; } .blackish .testimo::before { opacity: 0.1; } .blackish .testimo::after { opacity: 0.1; } .blackish .testimo { color: #dfdfdf; } .whitish .step-box > p { color: #dfdfdf !important; } .whitish .testimonial-area.active .clients-reviw > p::before { color: #333333; } .blackish .testimo > span { color: #ffffff; } .dark .fancy-product > h3 a { color: #ffffff; } .layer .heading2 > h2 { color: #ffffff; } .layer .heading2 > span::before { background: #9f9f9f none repeat scroll 0 0; } .layer .heading2 h6 { color: #cfcfcf; } .deals-carousal { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .latest-deals { float: left; margin-top: 30px; width: 100%; list-style: none; } .latest-deals > span { float: left; position: relative; width: 100%; } .latest-deals > span img { float: left; width: 100%; } .woocommerce .latest-deals > span > a { bottom: 0; color: #ffffff; height: 37px; left: 0; line-height: 37px; position: absolute; text-align: center; width: 39px; border-radius: 0 0; padding: 0; } .latest-deals > span > .amount { background: #323232 none repeat scroll 0 0; bottom: 0; color: #ffffff; font-family: Montserrat; font-size: 15px; height: 37px; left: 39px; padding: 8px 20px; position: absolute; } .latest-deals > span > .amount del { color: #dfdfdf; font-size: 12px; margin-right: 11px; } .latest-deals > span > .amount { background: #323232 none repeat scroll 0 0; bottom: 0; color: #ffffff; font-family: Montserrat; font-size: 15px; height: 37px; left: 39px; padding: 8px 30px; position: absolute; } .latest-deals > span > .amount ins { text-decoration: none; } .latest-deals > h3 { float: left; font-family: Lato; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; margin: 18px 0 0; width: 100%; } .latest-deals > h3 a{ color: #232323 } .layer .latest-deals > h3 a{ color: #ffffff } .deals-carousal.carousal .owl-nav { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 0; left: 0; padding: 0; top: 0; width: 100%; } .deals-carousal.carousal .owl-nav > div.owl-next { float: right; } .deals-carousal.owl-carousel .latest-deals { margin: 0; } .deals-carousal.carousal .owl-nav > div::before { color: #ffffff; line-height: 52px; } .deals-carousal.carousal .owl-nav > div { background: #313131 none repeat scroll 0 0; height: 52px; line-height: 52px; margin: 0; width: 52px; } .deals-counter { float: left; position: relative; width: 100%; } .deals-counter > img { float: left; width: 100%; } .deals-counter .deal-counter > li:last-child { display: none; } .deals-counter .deal-counter { padding: 13px 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } .deals-counter .deal-counter > li { display: inline-block; float: none; } .deals-counter .deal-counter > li > i { color: #1c1c1c; font-family: Lato; font-size: 16px; } .deals-counter .deal-counter > li > span { font-size: 18px; line-height: 23px; } .deals-counter .deal-counter::before { border-bottom: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid #ffffff; border-top: 8px solid rgba(0, 0, 0, 0); content: ""; left: -8px; margin-top: -8px; position: absolute; top: 50%; } .cat-wide-carousal { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .cat-wide-carousal .owl-dots { position: absolute; right: 20px; top: 50%; width: 14px; transform: translateY(-50%); } .cat-wide-carousal .owl-dots > div { background: #ededed none repeat scroll 0 0; border-radius: 50%; float: left; height: 14px; margin: 3px 0; width: 14px; } .cat-wide-carousal .owl-dots > div.active { background: #252525 none repeat scroll 0 0; } .cat-wide-carousal li { float: left; width: 100%; } .category-wide { float: left; position: relative; width: 100%; } .category-wide > img { float: left; width: 100%; } .category-wide-info { background: rgba(41, 40, 40, 0.94) none repeat scroll 0 0; border-bottom: 3px solid; border-top: 3px solid; left: 100px; padding: 80px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 570px; } .category-wide-info > span { float: left; font-family: Lato; font-size: 30px; font-weight: bold; width: 100%; } .category-wide-info > h3 { color: #ffffff; float: left; font-family: lato; font-size: 40px; font-weight: 900; margin: 15px 0; } .category-wide-info > p { color: #dfdfdf; margin-bottom: 30px; } .category-wide-info > a { border: 2px solid; display: table; font-family: Lato; font-size: 13px; font-weight: 900; letter-spacing: 0.8px; margin: 0 auto; padding: 10px 20px; } .banner1 { float: left; position: relative; width: 100%; border: 1px solid transparent; } .banner1 > img { float: left; width: 100%; } .banner1-infos { color: #ffffff; font-family: Lato; font-size: 24px; font-weight: 900; padding: 8px 17px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 230px; } .banner1-infos span { color: #343434; } .banner1-infos > i { color: #dfdfdf; font-style: normal; font-weight: 100; } .banner2 { float: left; position: relative; width: 100%; border: 1px solid transparent; } .banner2-infos { left: 20px; position: absolute; top: 50%; transform: translateY(-50%); } .banner2 > img { float: left; width: 100%; } .banner2-infos > span i { color: #ffffff; float: left; font-style: normal; padding: 0 14px; } .banner2-infos span { color: #343434; float: left; font-family: Lato; font-size: 24px; font-weight: 900; margin: 2px 0; width: 100%; } .banner3 { float: left; position: relative; width: 100%; border: 1px solid transparent; } .banner3 > img { float: left; width: 100%; } .banner3-infos { position: absolute; right: 30px; top: 50%; width: 150px; transform: translateY(-50%); } .banner3-infos span i{ color: #343434; font-style: normal; } .banner3-infos span { float: left; font-family: Lato; font-size: 24px; font-weight: 900; width: 100%; } .nukar::before { background: #ffffff none repeat scroll 0 0; content: ""; height: 100%; left: -20px; position: absolute; top: 0; transform: skewX(40deg); width: 50px; z-index: -1; } .deal-text h4 a { color: #ffffff; } /* Final CHanges */ .services:hover > span { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .services > span, .collection > span img { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .collection > span { overflow: hidden; } .collection > span::before { z-index: 1; } .collection > .title { z-index: 9; } .collection:hover > span img { -webkit-transform: scale(1.3) rotate(6deg); -moz-transform: scale(1.3) rotate(6deg); -ms-transform: scale(1.3) rotate(6deg); -o-transform: scale(1.3) rotate(6deg); transform: scale(1.3) rotate(6deg); } .page-template-default p { margin-bottom: 20px; } .theme-layout.no-padding{ padding:0 !important; } .nukar::before { background: #ffffff none repeat scroll 0 0; content: ""; height: 100%; left: -20px; position: absolute; top: 0; -webkit-transform: skewX(40deg); -moz-transform: skewX(40deg); -ms-transform: skewX(40deg); -o-transform: skewX(40deg); transform: skewX(40deg); width: 50px; z-index: -1; } .deal-info-sec { float: left; width: 100%; } .deal-info-sec img { float: left; width: 100%; } .single-deal-info { float: left; width: 100%; } .counter-deal { float: left; width: 100%; } .counter-deal > span { color: #ffffff; float: left; font-family: Lato; font-size: 28px; font-weight: bold; height: 92px; line-height: 92px; text-align: center; width: 92px; } .counter-deal .deal-counter { background: #434343 none repeat scroll 0 0; color: #ffffff; float: left; margin-top: 11px; padding: 21px 40px; position: static; } .counter-deal .deal-counter span { display: inline-block; font-size: 23px; margin-right: 20px; margin-top: 10px; } .counter-deal .deal-counter i { color: #ffffff; font-size: 20px; } .single-deal-info > h3 { color: #292929; float: left; font-family: Lato; font-size: 31px; font-weight: 900; letter-spacing: 0.3px; margin: 39px 0 20px; width: 100%; } .header-style1.dark-header > .menu-sec1 { background: #434343 none repeat scroll 0 0; border-color: #5e5e5e; } .header-style1.dark-header .menu nav > ul > li > a:before { color: #939393; } .header-style1.dark-header .menu-sec1 .cart-header-btns a { color: #ffffff; } .header-style1.dark-header .menu nav > ul > li > a { color: #ffffff; } .dark-header .menu-item-has-children > ul { background: #333333 none repeat scroll 0 0; } .dark-header .menu-item-has-children > ul a { color: #dfdfdf; } .dark-header .mega-menu-sec { background: #333333; } .dark-header .mega-menu-sec h3 { color: #ffffff; } .dark-header .mega-links > ul { border-color: #535353; } .dark-header .mega-links > ul a { color: #dfdfdf; } .header-style4 .top-bar .social-btns a:hover { color: #ffffff; } .portfolio-2.light .title > h3 a { color: #333; } .portfolio-2.light .title > h3:before { background: #333; } .portfolio-2.light .title span { color: #333; } .sub-title{ color:#FFF; font-weight:300; font-family:montserrat; } .slide-title{ color:#000; font-family:montserrat; text-transform: uppercase; font-weight:700; } .slide-title2{ color:#fff; font-family:montserrat; font-weight:700; } .slide-btn{ background:#f3f2f2; font-family:lato; color:#000; font-weight:900; } .slide-title3{ font-family:montserrat; font-weight:700; text-transform:uppercase; } .sub-title2{ color:#fff; font-family:montserrat; font-weight:700; } .slide-text{ color:#FFF; font-family:lato; } .menu-sec3 .fancy-menu > nav > ul > li ul { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .woocommerce .woocommerce-message { float: left; margin-bottom: 80px !important; width: 100% !important; } .sticky .fancy-grid-thumb > .date { right: -49px; } dl { float: left; width: 100%; } address { float: left; } .theme-layout .footer-post > ul > li > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .widget.widget_categories > ul > li, .widget.widget_categories ul li { color: rgba(0, 0, 0, 0); } .widget.widget_rss > ul > li { background: #fafafa none repeat scroll 0 0; padding: 30px; } .widget.widget_rss > ul > li > a { border: medium none; font-size: 16px; font-weight: bold; margin-bottom: 15px; padding: 0; width: 100%; } .widget.widget_rss > ul > li > a::before { display: none; } .widget.widget_rss > ul > li > span { background: #ffffff none repeat scroll 0 0; border-radius: 3px; color: #939393; float: left; font-family: Lato; font-size: 12px; padding: 4px 10px; } .rssSummary { color: #555555; float: left; font-family: Lato; font-size: 13px; letter-spacing: 0.3px; line-height: 23px; margin-top: 15px; width: 100%; } cite { float: left; margin-top: 19px; } .widget .menu-main-menu-container > ul li ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; opacity: 1; padding-left: 30px; position: static; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #map-canvas { height: 400px !important; } .theme-layout .form-row > #place_order.button { margin-top: 16px; } .currentTextHolder { line-height: 15px; width: auto; }