/*************************************************************************************************************** |||||||||||||||||||||||||| MASTER STYLESHEET FOR Pro Master |||||||||||||||||||||||||||| **************************************************************************************************************** |||||||||||||||||||||||||||| TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** **************************************************************************************************************** * 1. miscelnious styles * 2. header styles * 3. banner styles * 4. builder styles * 5. footer styles * 6. team styles * 7. projects styles * 8. we do styles * 9. blog styles * 10. client carousel styles * 11. fun fact styles * 12. service styles * 13. testimonials styles * 14. request qoute styles * 15. page cover styles * 16. who we are styles * 17. features styles * 18. service sidebar styles * 19. maintenance styles * 20. error 404 styles * 21. pricing styles * 22. subscribe styles * 23. cart style styles * 24. shop styles * 25. checkout page styles * 26. product page styles * 27. coming soon styles * 28. about styles * 29. cta styles * 30. find zip styles * 31. search styles **************************************************************************************************************** |||||||||||||||||||||||||||| End TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| ****************************************************************************************************************/ @charset "UTF-8"; /************************** * 1. miscelnious styles ***************************/ .m0 { margin: 0; } .p0 { padding: 0; } @media (min-width: 1281px) { .container { width: 1200px; } } .mb0.row { margin-bottom: 0; } a, .btn, button { text-decoration: none; outline: none; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { text-decoration: none; outline: none; } section.row, header.row, footer.row { margin: 0; } .sectpad { padding: 85px 0; } .section_header { margin-bottom: 50px; position: relative; } .section_header h2 { font-size: 32px; font-family: "Poppins", serif; text-transform: capitalize; font-weight: 600; margin: 0 0 10px; line-height: 1; color: #272727; } .section_header h2:after { display: inline-block; margin-left: 20px; content: ''; width: 50px; height: 3px; background: #36a9e1; } .section_header h5 { font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 500; color: #878686; margin: 0; } @media (max-width: 479px) { .section_header h5 { font-weight: normal; font-size: 12px; } } @media (max-width: 479px) { .section_header h5:after { display: none; } } .section_header p { font: 15px/28px "Open Sans", sans-serif; color: #898989; padding: 40px 0px 0px 0px; margin: 0; } @media (max-width: 1199px) { .section_header p { line-height: 22px; font-size: 14px; padding-top: 25px; } } /************************** * 2. header styles ***************************/ header, #header { position: relative; } .header_top { background: url(../images/header/header-bg.jpg) no-repeat scroll center 0 #121416; -webkit-background-size: cover; background-size: cover; padding: 36px 0 26px; } @media (max-width: 767px) { .header_top { padding: 20px 0 5px; } } @media (max-width: 991px) { .header_top .logo_part { text-align: center; } } @media (max-width: 767px) { .header_top .logo_part { text-align: left; width: 50%; float: left; } } .header_top .logo_part .logo { color: #fff; display: inline-block; float: left; } @media (max-width: 991px) { .header_top .logo_part .logo { float: none; text-align: left; } } @media (max-width: 991px) { .header_top .logo_part .logo .media { max-width: 245px; } } .header_top .logo_part .logo .media .media-left { padding: 0 20px 0 10px; } .header_top .logo_part .logo .media .media-body { padding-left: 20px; position: relative; } .header_top .logo_part .logo .media .media-body:before { content: ''; background: #3d4144; width: 1px; height: 53px; position: absolute; top: 5px; left: 0; } .header_top .logo_part .logo .media .media-body h3 { margin: 0; font: 600 25px/28px "Poppins", sans-serif; } .header_top .logo_part .logo .media .media-body h4 { margin: 0; color: #e1ba60; font: 600 20px/28px "Poppins", sans-serif; } .header_top .contact_info { padding: 8px 15px 0 0; float: right; } @media (max-width: 1199px) { .header_top .contact_info { width: auto; display: table; padding: 8px 0 0; margin: 0 auto; } } @media (max-width: 991px) { .header_top .contact_info { float: none; } } @media (max-width: 767px) { .header_top .contact_info { float: right; width: 50%; padding-top: 8px; } } @media (max-width: 550px) { .header_top .contact_info { display: none; } } .header_top .contact_info .c_info { float: right; padding: 0 18px; font: 14px/20px "Open Sans", sans-serif; } @media (max-width: 1280px) { .header_top .contact_info .c_info { padding: 0 15px; } } @media (max-width: 1199px) { .header_top .contact_info .c_info { padding: 0 12px; } } @media (max-width: 767px) { .header_top .contact_info .c_info { display: none; } } .header_top .contact_info .c_info .row { float: left; margin: 0; } .header_top .contact_info .c_info+.c_info { border-right: 1px solid rgba(214, 214, 214, 0.5); } .header_top .contact_info .c_info:first-child { padding-right: 0; } .header_top .contact_info .c_info:last-child { padding-left: 0; } .header_top .contact_info .c_info:before { font: normal normal normal 30px/38px 'Stroke-Gap-Icons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; margin-right: 15px; color: #e1ba60; } @media (max-width: 1199px) { .header_top .contact_info .c_info:before { font-size: 26px; margin-right: 12px; } } .header_top .contact_info .c_info.location:before { content: '\e6ab'; } .header_top .contact_info .c_info.tel_email:before { content: '\e674'; } .header_top .contact_info .c_info.service_time:before { content: '\e668'; } .header_top .contact_info .c_info .line_1, .header_top .contact_info .c_info .line_1>a { color: #bebebe; } .header_top .contact_info .c_info .line_2, .header_top .contact_info .c_info .line_2>a { color: #898989; } .header_top .contact_info .c_info a:hover, .header_top .contact_info .c_info a:focus { color: #fff; } .header_top .contact_info+.visible-xs button#search-form2 { display: block; color: #000; font-size: 18px; padding: 0 15px; line-height: 40px; background: #fff; border: none; } .header_top .contact_info+.visible-xs button#search-form2+ul { right: -webkit-calc(100% + 1px); right: calc(100% + 1px); left: auto; top: 0; margin: 0; padding: 0; width: 270px; border: none; } .header_top .contact_info+.visible-xs button#search-form2+ul li .search-form .form-control { border-radius: 0; height: 40px; border: none; } .navbar { background: none #dedce0; -webkit-box-shadow: none; box-shadow: none; margin: 0; border: none; min-height: auto; } @media (max-width: 767px) { .navbar .navbar-toggle { margin: 0 -15px; float: none; display: block; background: #e1ba60; border-radius: 0; color: #000; border: none; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); padding: 10px 25px; } .navbar .navbar-toggle .icon-bar { background: #fff; } .navbar .navbar-toggle:after { content: 'Menu'; display: block; color: #fff; font: 22px/34px "Poppins", serif; position: absolute; top: 0; left: 60px; } .navbar .navbar-toggle[aria-expanded="false"]:focus { background: #e1ba60; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, .navbar .navbar-toggle[aria-expanded="true"] { background: #000; } } .navbar #main_nav .navbar-nav li { padding: 10px 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .navbar #main_nav .navbar-nav li:before { content: ''; display: block; height: 0; width: 100%; background: #232323; position: absolute; top: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li:before { left: 0; bottom: 0; width: 0; height: 100%; } } .navbar #main_nav .navbar-nav li a { border-left: 1px solid #fff; border-right: 1px solid #b7b5b8; font-family: "Open Sans", sans-serif; font-size: 16px; text-transform: uppercase; color: #000; line-height: 35px; padding: 0 24px; font-weight: bold; } @media (max-width: 1199px) { .navbar #main_nav .navbar-nav li a { padding: 0 20px; } } @media (max-width: 991px) { .navbar #main_nav .navbar-nav li a { padding: 0 12px; font-size: 13px; line-height: 30px; } } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li a { border: none; } } .navbar #main_nav .navbar-nav li a:before { content: ''; display: block; height: 0; width: 0; position: absolute; top: -7px; left: -webkit-calc(50% - 7px); left: calc(50% - 7px); border-top: 7px solid #232323; border-left: 7px solid transparent; border-right: 7px solid transparent; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; display: none; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li a:before { border: none; border-left: 7px solid #232323; border-top: 7px solid transparent; border-bottom: 7px solid transparent; top: 50%; left: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .navbar #main_nav .navbar-nav li a+ul { border: none; padding: 8px 26px 5px; border-radius: 0; background: #e1ba60; min-width: 254px; } @media (min-width: 1025px) { .navbar #main_nav .navbar-nav li a+ul { display: block; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-duration: 200ms; transition-duration: 200ms; } } @media (max-width: 991px) { .navbar #main_nav .navbar-nav li a+ul { padding: 10px 15px; min-width: 180px; } } .navbar #main_nav .navbar-nav li a+ul li { padding: 0; position: relative; } .navbar #main_nav .navbar-nav li a+ul li:before { display: none; } .navbar #main_nav .navbar-nav li a+ul li a { border-top: 1px solid #e8c16c; border-bottom: 1px solid #b9974e; border-left: 0; border-right: 0; font-size: 14px; line-height: 40px; font-weight: normal; white-space: nowrap; padding: 0; font-weight: 600; } .navbar #main_nav .navbar-nav li a+ul li a:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/38px FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; float: left; position: relative; top: 0; left: 0; width: 18px; height: auto; } @media (max-width: 991px) { .navbar #main_nav .navbar-nav li a+ul li a:before { width: 15px; } } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li a+ul li a:before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .navbar #main_nav .navbar-nav li a+ul li a:hover, .navbar #main_nav .navbar-nav li a+ul li a:focus { text-shadow: none; border-top: 1px solid #e8c16c; border-bottom: 1px solid #b9974e; color: #fff; } .navbar #main_nav .navbar-nav li a+ul li a:hover:before, .navbar #main_nav .navbar-nav li a+ul li a:focus:before { color: #fff; } @media (min-width: 1025px) { .navbar #main_nav .navbar-nav li a+ul li a+ul { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; position: absolute; left: 100%; top: 0; } } @media (max-width: 1024px) { .navbar #main_nav .navbar-nav li a+ul li a+ul { padding: 10px 0 10px 10px; } } @media (max-width: 991px) { .navbar #main_nav .navbar-nav li a+ul li a+ul { padding: 5px 0 5px 5px; } } @media (max-width: 1024px) { .navbar #main_nav .navbar-nav li a+ul li a+ul li a:before { content: "\f101"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; float: none; } } @media (max-width: 1024px) and (max-width: 991px) { .navbar #main_nav .navbar-nav li a+ul li a+ul li a:before { margin-right: 0; } } .navbar #main_nav .navbar-nav li a+ul li:hover>a, .navbar #main_nav .navbar-nav li a+ul li:focus>a { border-bottom-color: #b9974e; } .navbar #main_nav .navbar-nav li a+ul li:first-child a { border-top: 0; } .navbar #main_nav .navbar-nav li a+ul li:last-child a { border-bottom: 0; } .navbar #main_nav .navbar-nav li:first-child a { border-left: 0; } .navbar #main_nav .navbar-nav li:last-child a { border-right: 0; } .navbar #main_nav .navbar-nav li:hover, .navbar #main_nav .navbar-nav li.open { background: #e1ba60; } .navbar #main_nav .navbar-nav li:hover:before, .navbar #main_nav .navbar-nav li.open:before { height: 3px; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li:hover:before, .navbar #main_nav .navbar-nav li.open:before { width: 3px; height: 100%; } } .navbar #main_nav .navbar-nav li:hover>a, .navbar #main_nav .navbar-nav li.open>a { background: none; -webkit-box-shadow: none; box-shadow: none; border-color: #e1ba60; } @media (min-width: 1025px) { .navbar #main_nav .navbar-nav li:hover>a+ul, .navbar #main_nav .navbar-nav li.open>a+ul { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } @media (min-width: 1025px) { .navbar #main_nav .navbar-nav li:hover>a+ul li a+ul, .navbar #main_nav .navbar-nav li.open>a+ul li a+ul { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } } @media (min-width: 1025px) { .navbar #main_nav .navbar-nav li:hover>a+ul li:hover a+ul, .navbar #main_nav .navbar-nav li:hover>a+ul li.active a+ul, .navbar #main_nav .navbar-nav li:hover>a+ul li.open a+ul, .navbar #main_nav .navbar-nav li.open>a+ul li:hover a+ul, .navbar #main_nav .navbar-nav li.open>a+ul li.active a+ul, .navbar #main_nav .navbar-nav li.open>a+ul li.open a+ul { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } .navbar #main_nav .navbar-nav li.active { background: #e1ba60; } .navbar #main_nav .navbar-nav li.active:before { height: 3px; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li.active:before { width: 3px; height: 100%; } } .navbar #main_nav .navbar-nav li.active a { background: none; -webkit-box-shadow: none; box-shadow: none; border-color: #e1ba60; } .navbar #main_nav .navbar-nav li.active a:before { display: block; } .navbar #main_nav .navbar-nav li.active a+ul li a { border-top: 1px solid #e8c16c; border-bottom: 1px solid #b9974e; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav li.active a+ul li a:before { display: inline-block; } } .navbar #main_nav .navbar-nav li.active a+ul li a:hover, .navbar #main_nav .navbar-nav li.active a+ul li a:focus { border-top-color: #e1ba60; border-bottom-color: #e1ba60; } .navbar #main_nav .navbar-nav li.active a+ul li a+ul li a:before { line-height: 41px; display: inline-block; } .navbar #main_nav .navbar-nav li.active a+ul li:first-child a { border-top: 0; } .navbar #main_nav .navbar-nav li.active a+ul li:last-child a { border-bottom: 0; } .navbar #main_nav .navbar-nav.navbar-right { margin-right: 0; } @media (max-width: 767px) { .navbar #main_nav .navbar-nav.navbar-right { display: none; } } @media (max-width: 991px) { .navbar #main_nav .navbar-nav.navbar-right li { padding: 7px 0; } } .navbar #main_nav .navbar-nav.navbar-right li a { border: 1px solid #99989a; padding: 0; border-radius: 100%; width: 35px; height: 35px; color: #99989a; text-align: center; } .navbar #main_nav .navbar-nav.navbar-right li a:hover, .navbar #main_nav .navbar-nav.navbar-right li a:focus { color: #000; border-color: #000; } @media (max-width: 4000px) { .navbar #main_nav .navbar-nav.navbar-right li a+ul { display: none; } } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box { background: #fff; padding-top: 10px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); width: 350px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box li+li { margin-left: 0; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-header h4 { text-transform: capitalize; color: #391F0A; font-size: 16px; font-weight: bold; margin-bottom: 15px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content { padding: 15px 0; border-top: 1px dashed #BEBEBE; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .img-box { width: 100px; display: table-cell; vertical-align: top; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .img-box img { width: 100%; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content { display: table-cell; vertical-align: top; padding-left: 30px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content h4 { font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; line-height: 30px; margin: 0; text-transform: uppercase; color: #000; margin-top: 5px; margin-bottom: 5px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content .rating i { color: #7fa409; cursor: pointer; font-size: 13px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price { margin-top: 5px; margin-left: -10px; margin-right: -10px; list-style: none; padding-left: 0; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price li { display: table-cell; vertical-align: middle; padding: 0 10px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price li span { color: #2d2d2d; font-size: 16px; font-weight: 600; font-style: italic; font-family: "PT Serif", serif; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer { border-top: 1px dashed #BEBEBE; padding-top: 15px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer div { float: left; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer h4 { color: #000; text-transform: capitalize; font-weight: 700; font-size: 14px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box { float: right; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; line-height: 35px; text-transform: uppercase; background: #E1BA60; font-size: 13px; height: 35px; color: #fff; border-radius: 5px; padding: 0 15px; width: auto; border: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:before { content: ""; position: absolute; z-index: -1; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 5px; background: #000000; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100%; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a i { padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff; line-height: 35px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:hover, .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:focus { border: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:hover:before, .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:focus:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar #main_nav .navbar-nav.navbar-right li+li { margin-left: 18px; } .navbar #main_nav .navbar-nav.navbar-right li:hover, .navbar #main_nav .navbar-nav.navbar-right li:focus { background: none; } .navbar #main_nav .navbar-nav.navbar-right li .search-form .form-control { border-radius: 0; background: #333; border: none; -webkit-box-shadow: none; box-shadow: none; } .navbar #main_nav .navbar-nav.navbar-right li.open { background: none; } .navbar #main_nav .navbar-nav.navbar-right li.open a+ul { display: block; } @media (max-width: 1280px) { .navbar #main_nav.smooth_scroll { margin: 0; } .navbar #main_nav.smooth_scroll .navbar-nav li a { padding: 0 22px; } } @media (max-width: 1199px) { .navbar #main_nav.smooth_scroll { margin: 0; } .navbar #main_nav.smooth_scroll .navbar-nav li a { padding: 0 15px; font-size: 14px; } } @media (max-width: 991px) { .navbar #main_nav.smooth_scroll { margin: 0; } .navbar #main_nav.smooth_scroll .navbar-nav li a { padding: 0 9px; font-size: 13px; font-weight: normal; } } @media (max-width: 767px) { .navbar #main_nav.smooth_scroll { margin: 0 -15px; } .navbar #main_nav.smooth_scroll .navbar-nav li a { padding: 0 20px; font-size: 16px; font-weight: bold; } } @media (max-width: 991px) { .navbar.affix-top .container { width: 100%; } } @media (max-width: 767px) { .navbar.affix-top .container { padding: 0 15px; } } .navbar.affix { width: 100%; top: 0; } @media (max-width: 991px) { .navbar.affix .container { width: 100%; } } .header-top.home-two { padding: 28.5px 0; border-top: 5px solid #AAAAAA; background: #e4e4e4; background: -moz-linear-gradient(top, #e4e4e4 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #e4e4e4 0%, #ffffff 100%); background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0); } .header-top.home-two .header-right-info { padding: 5px 0; } .header-top.home-two .single-header-right-info { display: inline-block; vertical-align: middle; } .header-top.home-two .single-header-right-info+.single-header-right-info { margin-left: 20px; } .header-top.home-two .single-header-right-info:nth-child(2) { border-left: 1px solid #C9C9C9; padding-left: 20px; } .header-top.home-two .single-header-right-info .icon-box, .header-top.home-two .single-header-right-info .text-box { display: table-cell; vertical-align: middle; } .header-top.home-two .single-header-right-info .icon-box i.pro-master-icon-smartphone { color: #777777; font-size: 44px; } .header-top.home-two .single-header-right-info .icon-box i.pro-master-icon-mail { color: #777777; font-size: 30px; } .header-top.home-two .single-header-right-info .text-box h3, .header-top.home-two .single-header-right-info .text-box p { margin: 0; } .header-top.home-two .single-header-right-info .text-box h3 { color: #232323; font-family: 'Poppins'; font-weight: 500; font-size: 18px; } .header-top.home-two .single-header-right-info .text-box p { color: #787878; font-family: 'Poppins'; font-weight: 400; font-size: 16px; margin-top: 5px; } .header-top.home-two .single-header-right-info .text-box { padding-left: 15px; } .header-top.home-two .single-header-right-info a.header-btn { display: inline-block; vertical-align: middle; background: #D5B062; border-radius: 4px; color: #212121; font-family: 'Poppins'; font-weight: 500; text-align: center; transition: all .4s ease; padding: 13px 29px; } .header-top.home-two .single-header-right-info a.header-btn i { margin-left: 4px; } .header-top.home-two .single-header-right-info a.header-btn:hover { background: #212121; color: #fff; } .header-navigation.home-page-two { background: #242424; } .header-navigation.home-page-two .container { padding-right: 15px; } .header-navigation.home-page-two .container .main-navigation { text-align: left; } .header-navigation.home-page-two ul.navigation-box>li { padding: 16.5px 0; } .header-navigation.home-page-two ul.navigation-box>li>a { padding: 7.5px 0; color: #FFFFFF; font-family: 'Poppins'; font-weight: 500; font-size: 18px; padding-left: 27px; padding-right: 27px; position: relative; } .header-navigation.home-page-two ul.navigation-box>li>a:before, .header-navigation.home-page-two ul.navigation-box>li>a:after { content: ''; width: 1px; height: 100%; background: #393939; position: absolute; top: 0; left: 0; } .header-navigation.home-page-two ul.navigation-box>li>a:after { left: 1px; background: #000000; } .header-navigation.home-page-two ul.navigation-box>li:first-child>a { padding-left: 0; } .header-navigation.home-page-two ul.navigation-box>li:first-child>a:before, .header-navigation.home-page-two ul.navigation-box>li:first-child>a:after { display: none; } .header-navigation.home-page-two ul.navigation-box>li+li { margin-left: 0; } .header-navigation.home-page-two .container .right-side-box { right: 25px; border-left: 1px solid #6A6A6A; padding-left: 30px; } .header-navigation.home-page-two .container .right-side-box a.search-btn { margin: 0; color: #E1E1E1; font-size: 18px; margin-right: 30px; } .header-navigation.home-page-two .container .right-side-box a.cart-btn { font-size: 25px; color: #E1E1E1; position: relative; } .header-navigation.home-page-two .container .right-side-box a.cart-btn span.count { border-radius: 50%; background: #B5B5B5; width: 20px; height: 20px; border-radius: 50%; font-family: 'Open Sans'; font-size: 13px; text-align: center; position: absolute; top: -10px; right: -10px; color: #212121; line-height: 20px; } .header-top.home-three { background: #0A0A0A url(../images/updated-image/header-top-2-bg.jpg); padding-top: 30px; padding-bottom: 40px; position: relative; } .header-top.home-three:before { content: ''; width: 100%; height: 0px; border-bottom: 1px dashed #414141; position: absolute; left: 0; top: 8px; } .header-top.home-three .single-header-right-info { display: inline-block; vertical-align: middle; } .header-top.home-three .header-right-info { padding: 4px 0; } .header-top.home-three .single-header-right-info .text-box {} .header-top.home-three .single-header-right-info .text-box h3 { color: rgba(255, 255, 255, .5); font-family: 'Poppins'; font-size: 15px; margin: 0; } .header-top.home-three .single-header-right-info:nth-child(2) { border-left: 1px solid rgba(255, 255, 255, .23); padding-left: 30px; margin-left: 30px; } .header-top.home-three .single-header-right-info .text-box p { color: rgba(255, 255, 255, .5); font-family: 'Poppins'; font-size: 15px; margin: 0; margin-top: 10px; } .header-top.home-three .single-header-right-info .text-box p span { font-weight: 500; font-size: 20px; line-height: 1em; } .header-top.home-three .single-header-right-info a.header-btn { font-size: 15px; font-weight: 500; font-family: 'Poppins'; color: #141414; border-radius: 4px; padding: 13.5px 28px; background: #e4e4e4; background: -moz-linear-gradient(top, #e4e4e4 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #e4e4e4 0%, #ffffff 100%); background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0); position: relative; margin-left: 24px; } .header-top.home-three .single-header-right-info a.header-btn .inner { position: relative; } .header-top.home-three .single-header-right-info a.header-btn:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #D5B062; border-radius: 4px; opacity: 0; transition: all .4s ease; } .header-top.home-three .single-header-right-info a.header-btn:hover:before { opacity: 1; } .header-navigation.home-page-three { background-color: transparent; position: relative; top: -18px; margin-bottom: -66px; } .header-navigation.home-page-three.stricky-fixed { top: 0; margin-bottom: 0; position: fixed; left: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; } .header-navigation.home-page-three .container { border-radius: 3px; background: #c6a863; background: -moz-linear-gradient(left, #c6a863 0%, #ecc877 100%); background: -webkit-linear-gradient(left, #c6a863 0%, #ecc877 100%); background: linear-gradient(to right, #c6a863 0%, #ecc877 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6a863', endColorstr='#ecc877', GradientType=1); max-width: 1170px; padding-left: 0; padding-right: 0; } .header-navigation.home-page-three ul.navigation-box>li { padding: 15px 0; } .header-navigation.home-page-three ul.navigation-box>li>a { color: #111111; font-family: 'Poppins'; font-weight: 500; font-size: 18px; position: relative; padding: 8px 0; padding-left: 34px; padding-right: 34px; } .home-page-three.header-navigation ul.navigation-box>li+li { margin-left: 0; } .header-navigation.home-page-three ul.navigation-box>li>a:before, .header-navigation.home-page-three ul.navigation-box>li>a:after { content: ''; width: 1px; height: 100%; background: #F8D27A; position: absolute; top: 0; left: 0; } .header-navigation.home-page-three ul.navigation-box>li:first-child>a:before, .header-navigation.home-page-three ul.navigation-box>li:first-child>a:after { display: none; } .header-navigation.home-page-three ul.navigation-box>li>a:after { left: 1px; background: #9E854D; } .header-navigation.home-page-three .container .main-navigation { text-align: left; } .header-navigation.home-page-three ul.navigation-box>li:first-child>a:before, .header-navigation.home-page-three ul.navigation-box>li:first-child>a:after { display: none; } .header-navigation.home-page-three .container .right-side-box a.search-btn { margin: 0; background: #DBB25E; width: 79px; height: 66px; text-align: center; border-left: 1px solid #BDA160; display: block; line-height: 66px; color: #000000; font-size: 17px; } .header-navigation.home-page-four { background: #d6d6d6; background: -moz-linear-gradient(left, #d6d6d6 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #d6d6d6 0%, #ffffff 100%); background: linear-gradient(to right, #d6d6d6 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=1); } .header-navigation.home-page-four .container .navbar-brand { margin: 0; } .header-navigation.home-page-four .container { padding-right: 65px; } .header-navigation.home-page-four ul.navigation-box>li { padding: 39.5px 0; } .header-navigation.home-page-four ul.navigation-box>li>a { color: #232323; font-family: 'Poppins'; font-weight: 500; font-size: 17px; } .header-navigation.home-page-four ul.navigation-box>li+li { margin-left: 37px; } .header-navigation.home-page-four .container .right-side-box a.search-btn { font-size: 16px; color: #232323; margin: 0; border-left: 1px solid #c7c7c7; padding-left: 15px; display: inline-block; vertical-align: middle; } .header-navigation.home-page-four .container .right-side-box { right: 15px; } .header-top.home-four { background: #2B2B2B; padding: 13.5px 0; } .header-top.home-four .left-contact {} .header-top.home-four .left-contact p { color: #FFFFFF; font-family: 'Poppins'; font-weight: 500; font-size: 15px; margin: 0; line-height: 1em; } .header-top.home-four .left-contact p span { font-size: 20px; color: #FFFFFF; display: inline-block; vertical-align: middle; } .header-top.home-four .right-info {} .header-top.home-four .right-info .address-line { display: inline-block; vertical-align: middle; } .header-top.home-four .right-info .address-line p { margin: 0; line-height: 1em; } .header-top.home-four .right-info .address-line p i { display: inline-block; vertical-align: middle; font-size: 18px; color: #FFFFFF; margin-right: 7px; } .header-top.home-four .right-info .address-line p span { display: inline-block; vertical-align: middle; font-family: 'Poppins'; font-size: 15px; color: #FFFFFF; } .header-top.home-four .right-info .social { display: inline-block; vertical-align: middle; border-left: 1px solid rgba(255, 255, 255, .3); padding-left: 20px; margin-left: 20px; } .header-top.home-four .right-info .social a { color: #FFFFFF; font-size: 16px; line-height: 1em; transition: all .4s ease; } .header-top.home-four .right-info .social a:hover { color: #D5B062; } .header-top.home-four .right-info .social a+a { margin-left: 20px; } .header-top.home-five { background: #1D1D1D; border-bottom: 1px dashed #383838; padding: 26px 0; z-index: 20; } .header-top.home-five .single-header-right { display: inline-block; padding-top: 2px; padding-bottom: 2px; } .header-top.home-five .single-header-right .icon-box { display: table-cell; vertical-align: middle; } .header-top.home-five .single-header-right .icon-box i { color: #828282; } .header-top.home-five .single-header-right .icon-box i.pro-master-icon-location { font-size: 38px; } .header-top.home-five .single-header-right .icon-box i.pro-master-icon-smartphone { font-size: 43px; } .header-top.home-five .single-header-right .text-box { display: table-cell; vertical-align: middle; padding-left: 20px; } .header-top.home-five .single-header-right .text-box p { margin: 0; font-family: 'Poppins'; font-weight: 500; font-size: 15px; line-height: 22px; color: #FFFFFF; } .header-top.home-five .single-header-right .text-box h3 { margin: 0; color: #FFFFFF; font-size: 20px; font-weight: 500; font-family: 'Poppins'; margin-top: 10px; } .header-top.home-five .single-header-right .text-box h4 { margin: 0; color: #E0B961; font-size: 16px; font-weight: 500; font-family: 'Poppins'; } .header-top.home-five .single-header-right+.single-header-right { position: relative; padding-left: 30px; margin-left: 30px; } .header-top.home-five .single-header-right+.single-header-right:before { width: 0; height: 100%; content: ''; border-right: 1px solid #000000; border-left: 1px solid #313131; position: absolute; top: 0; left: 0; } .header-navigation.home-page-five { background-color: transparent; position: relative; margin-bottom: -62px; } .header-navigation.home-page-five.stricky-fixed { margin-bottom: 0; position: fixed; -webkit-box-shadow: none; box-shadow: none; } .header-navigation.home-page-five:after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #161616; display: block; } .header-navigation.home-page-five .container .main-navigation { text-align: left; } .header-navigation.home-page-five ul.navigation-box>li>a { color: #FFFFFF; font-family: 'Poppins'; font-weight: 500; font-size: 17px; } .header-navigation.home-page-five ul.navigation-box>li { padding: 20.5px 0; } .header-navigation.home-page-five ul.navigation-box>li.search-btn-box { margin-left: 0; } .header-navigation.home-page-five ul.navigation-box>li.search-btn-box>a.search-btn { color: #FFFFFF; font-size: 14px; border-left: 1px solid #525252; padding-left: 20px; margin-left: 20px; } .header-navigation.home-page-five ul.navigation-box>li+li { margin-left: 45px; } .header-navigation.home-page-five .container { width: 1170px; background: #161616; padding-left: 0; padding-right: 0; position: relative; z-index: 10; } .header-navigation.home-page-five .container .right-side-box a.rqa-btn { border-radius: 0px; color: #1D1D1D; font-size: 18px; font-family: 'Poppins'; font-size: 18px; font-weight: 600; background: #E0B961; padding: 18.5px 39px; } /************************** * 3. banner styles ***************************/ .bannercontainer { position: relative; padding: 0; z-index: 0; } .bannercontainer .banner { position: relative; } .handylexo-caption-h1 { font: 800 55px/1.25 "Poppins", sans-serif; color: #fff; text-transform: capitalize !important; } @media (max-width: 1365px) { .handylexo-caption-h1 { font-size: 45px; } } .handylexo-caption-h1:before { content: ''; background: #e1ba60; width: 95px; height: 6px; position: absolute; bottom: -20px; left: 0; } .handylexo-caption-h1 span { color: #e1ba60; } .handylexo-caption-h2 { font: 800 50px/1.25 "Poppins", sans-serif; color: #fff; text-transform: capitalize !important; } @media (max-width: 1365px) { .handylexo-caption-h2 { font-size: 40px; } } .handylexo-caption-h2:before { content: ''; background: #e1ba60; width: 95px; height: 6px; position: absolute; bottom: -20px; left: 0; } .handylexo-caption-h2 span { color: #e1ba60; } .handylexo-caption-p { color: #fff; font-size: 20px; font-style: italic; line-height: 26px; font-family: "Open Sans", sans-serif; } @media (max-width: 1365px) { .handylexo-caption-p { font-size: 18px; line-height: 24px; } } @media (max-width: 600px) { .handylexo-caption-p { display: none !important; } } .handylexo-caption-a { min-width: 340px; height: auto; } .handylexo-caption-a .btn { background: #e1ba60; border: none; text-shadow: none; color: #222222; font-weight: bold; font-family: "Open Sans", sans-serif; padding: 0 25px !important; line-height: 41px !important; float: left; -webkit-transition: all 300ms ease-in-out !important; transition: all 300ms ease-in-out !important; text-transform: uppercase !important; } @media (max-width: 991px) { .handylexo-caption-a .btn { font-size: 14px !important; } } @media (max-width: 600px) { .handylexo-caption-a .btn { display: none; } } .handylexo-caption-a .btn i { font-size: 18px; margin-left: 15px !important; } .handylexo-caption-a .btn:hover, .handylexo-caption-a .btn:focus { background: #222222; color: #fff; } .handylexo-caption-a .btn.btn-2 { background: #222222; color: #fff; } .handylexo-caption-a .btn.btn-2:hover, .handylexo-caption-a .btn.btn-2:focus { background: #e1ba60; color: #222; } .handylexo-caption-call-text { font: 600 25px/1 "Poppins", sans-serif !important; color: #FFF; } @media (max-width: 1365px) { .handylexo-caption-call-text { font-size: 20px !important; } } @media (max-width: 600px) { .handylexo-caption-call-text { display: none !important; } } .handylexo-caption-phone a { display: block; padding: 10px 120px 19px 10px !important; background: #e1ba60; border-radius: 60px; font-size: 55px !important; line-height: 55px !important; color: #000; font-family: "Open Sans", sans-serif; font-weight: bold; } @media (max-width: 1365px) { .handylexo-caption-phone a { font-size: 40px !important; line-height: 45px !important; } } @media (max-width: 991px) { .handylexo-caption-phone a { font-size: 24px !important; line-height: 24px !important; padding-bottom: 10px !important; padding-right: 60px !important; } } @media (max-width: 479px) { .handylexo-caption-phone a { display: none; } } .handylexo-caption-phone a i { width: 64px; line-height: 64px; text-align: center; background: #000; border-radius: 100%; font-size: 44px !important; float: left; margin-right: 10px !important; color: #e1ba60; } @media (max-width: 1365px) { .handylexo-caption-phone a i { font-size: 34px !important; width: 54px; height: 54px; line-height: 64px; } } @media (max-width: 991px) { .handylexo-caption-phone a i { font-size: 16px !important; width: 24px; height: 24px; margin-right: 5px !important; line-height: 24px !important; } } .handylexo-caption-phone a:hover, .handylexo-caption-phone a:focus { color: #000; } .handylexo-caption-footer { font: 23px/1 "Poppins", sans-serif !important; color: rgba(255, 255, 255, 0.34); } @media (max-width: 1100px) { .handylexo-caption-footer { display: none !important; } } .handylexo-caption-footer:after { content: ''; width: -webkit-calc(50vw - 585px); width: calc(50vw - 585px); height: 1px; background: #fff; display: block; opacity: 0.3; position: absolute; left: 100%; top: 50%; } #minimal-bootstrap-carousel { position: relative; z-index: 99; } #minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; z-index: 99999; text-align: right; text-shadow: none; } #minimal-bootstrap-carousel .carousel-caption .thm-container { display: table; width: 100%; height: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; text-align: center; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box { display: table-cell; text-align: left; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top { vertical-align: top; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom { vertical-align: bottom; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle { vertical-align: middle; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content { display: block; } #minimal-bootstrap-carousel .carousel-control { background: none; width: 70px; height: 70px; font-size: 20px; line-height: 70px; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.1); visibility: visible !important; opacity: 1; margin-top: -20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; z-index: 99; } @media (max-width: 667px) { #minimal-bootstrap-carousel .carousel-control { width: 30px; height: 30px; font-size: 15px; line-height: 30px; } } #minimal-bootstrap-carousel .carousel-control.left { left: 1%; } #minimal-bootstrap-carousel .carousel-control.right { right: 1%; } #minimal-bootstrap-carousel .carousel-control:hover { opacity: 1; background: #000; } /* processing for fadeing effect styles */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } /* fixing slider height */ #minimal-bootstrap-carousel.slider-home-one .carousel-inner .item { min-height: 739px; height: 100%; width: 100%; background-size: cover; background-position: center center; background-color: #242A34; } #minimal-bootstrap-carousel.slider-home-two .carousel-inner .item { min-height: 699px; } #minimal-bootstrap-carousel.slider-home-three .carousel-inner .item { min-height: 699px; } #minimal-bootstrap-carousel.slider-home-four .carousel-inner .item { min-height: 647px; } #minimal-bootstrap-carousel.slider-home-five .carousel-inner .item { min-height: 702px; } .slider-home-one .content h4, .slider-home-one .content h2, .slider-home-one .content h3, .slider-home-one .content p { margin: 0; } .slider-home-one .content h4 { color: #FFFFFF; font-family: 'Lora'; font-size: 20px; font-style: italic; margin-bottom: 15px; -webkit-animation-delay: .5s; animation-delay: .5s; } .slider-home-one .content h4:after { content: ''; width: 66px; height: 1px; background: #FFFFFF; display: inline-block; vertical-align: baseline; margin-left: 15px; } .slider-home-one .content h2 { color: #fff; font-family: 'Poppins'; font-weight: 600; font-size: 58px; line-height: 1.1em; -webkit-animation-delay: .5s; animation-delay: .5s; letter-spacing: .03em; } .slider-home-one .content h3 { color: #242424; font-family: 'Poppins'; font-weight: 600; font-size: 33px; line-height: 1em; -webkit-animation-delay: .5s; animation-delay: .5s; letter-spacing: 0em; background: #E0B961; display: inline-block; padding: 16px 25px; } .slider-home-one .content h2 span { color: #E0B961; font-family: 'Playfair Display'; font-weight: bold; font-style: italic; border-bottom: 2px solid #E0B961; } .slider-home-one .content h2 span.white-color { color: #fff; border-bottom-color: #fff; } .slider-home-one .content h3 span { font-size: 37px; } .slider-home-one .content p { color: #FFFFFF; font-family: 'Poppins'; font-size: 18px; line-height: 26px; -webkit-animation-delay: 1s; animation-delay: 1s; margin-top: 35px; margin-bottom: 40px; } .slider-home-one .content a.thm-button { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transition: all .4s ease; transition: all .4s ease; display: inline-block; vertical-align: middle; background: #E0B961; font-family: 'Poppins'; font-weight: 500; font-size: 15px; border-radius: 4px; color: #212121; padding: 12px 26px; } .slider-home-one .content a.thm-button i { margin-left: 10px; } .slider-home-one .content a.thm-button.style-two { background: #212121; color: #fff; margin-left: 30px; } .slider-home-one .content a.thm-button.style-three { background: #fff; color: #212121; margin-left: 30px; } .slider-home-one .content a.thm-button.style-four { background: #fff; color: #1D1D1D; border-radius: 26px; height: 52px; line-height: 52px; padding: 0; width: 200px; text-align: center; font-size: 17px; } .slider-home-one .content a.thm-button:hover { background: #212121; color: #fff; } .slider-home-one .content a.thm-button.style-two:hover { color: #212121; background: #fff; } .slider-home-one .content a.thm-button.style-three:hover { color: #fff; background: #212121; } .slider-home-two .content { padding-bottom: 110px; } .slider-home-three .content { /*padding-bottom: 90px;*/ } .slider-home-four .content { padding-bottom: 0px; } .slider-home-five .content { padding-bottom: 0px; } .static-banner-home-two { background: #E7E3D8 url(../images/updated-image/banner-2-1-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; } .static-banner-home-two .container { background: transparent url(../images/updated-image/banner-2-1-man.png) -150% 0% no-repeat; padding-top: 70px; } .static-banner-home-two .banner-content { padding-top: 100px; } .static-banner-home-two .banner-content h3, .static-banner-home-two .banner-content h1, .static-banner-home-two .banner-content p { margin: 0; font-family: 'Poppins'; } .static-banner-home-two .banner-content h3, .static-banner-home-two .banner-content h1 { color: #232323; font-family: 'Poppins'; font-weight: 600; font-size: 58px; margin-bottom: 30px; } .static-banner-home-two .banner-content h3 span, .static-banner-home-two .banner-content h1 span { font-family: 'Playfair Display'; font-weight: bold; font-style: italic; border-bottom: 2px solid #42403C; } .static-banner-home-two .banner-content p { font-size: 18px; line-height: 26px; color: #232323; margin-bottom: 45px; } .static-banner-home-two .banner-content a.banner-btn { display: inline-block; vertical-align: middle; background: #36a9e1; font-family: 'Poppins'; font-weight: 500; font-size: 15px; border-radius: 4px; color: #212121; padding: 12px 26px; transition: all .4s ease; } .static-banner-home-two .banner-content a.banner-btn i { margin-left: 11px; } .static-banner-home-two .banner-content a.banner-btn:hover { background: #36a9e1; color: #fff; } .static-banner-home-two .banner-content a.banner-btn.style-two { background: #FFFFFF; color: #151515; margin-left: 30px; } .static-banner-home-two .banner-content a.banner-btn.style-two:hover { background: #36a9e1; color: #212121; } .static-banner-home-two .banner-contact-form { background: #36a9e1; padding: 0 30px; padding-top: 30px; } .static-banner-home-two .banner-contact-form h3, .static-banner-home-two .banner-contact-form p { margin: 0; font-family: 'Poppins'; } .static-banner-home-two .banner-contact-form h3 { color: #000000; font-size: 24px; font-weight: 600; } .static-banner-home-two .banner-contact-form p { color: #232323; font-size: 15px; /* margin-bottom: 20px; */ margin-top: 10px; } .static-banner-home-two .banner-contact-form input, .static-banner-home-two .banner-contact-form textarea { width: 100%; height: 45px; background: #F5F5F5; font-family: 'Open Sans'; font-size: 14px; padding-left: 15px; display: block; border: none; outline: none; border: 1px solid #CDA95E; } .static-banner-home-two .banner-contact-form textarea { height: 115px; padding-top: 10px; } .static-banner-home-two .banner-contact-form .form-grp { position: relative; width: 100%; } .static-banner-home-two .banner-contact-form .form-grp i { color: #8D8D8D; font-size: 14px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; top: 50%; } .static-banner-home-two .banner-contact-form button[type=submit] { background: #0F0F0F; color: #FFFFFF; font-family: 'Poppins'; font-size: 16px; width: 100%; text-align: center; height: 47px; line-height: 47px; transition: all .4s ease; border: none; outline: none; margin-top: 20px; margin-bottom: 20px; } .static-banner-home-two .banner-contact-form button[type=submit]:hover { color: #0F0F0F; background: #fff; } .static-banner-home-two .banner-contact-form .row { margin-left: -7.5px; margin-right: -7.5px; } .static-banner-home-two .banner-contact-form [class*=col-] { margin-bottom: 10px; padding-left: 7.5px; padding-right: 7.5px; } .qoute-form-style-one { background: #000 url(../images/updated-image/qoute-form-style-one-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; padding-top: 100px; padding-bottom: 145px; margin-bottom: -45px; overflow: hidden; } .qoute-form-style-one:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #EDDCB6; opacity: .9; } .qoute-form-style-one .container { position: relative; z-index: 10; } .qoute-form-style-one .title { margin-bottom: 42px; } .qoute-form-style-one .title h3 { margin: 0; font-family: 'Poppins'; font-weight: 600; font-size: 34px; color: #292929; margin-bottom: 0px; } .qoute-form-style-one .title h3:after { content: ''; width: 40px; height: 2px; background: #232323; display: inline-block; margin-left: 25px; } .qoute-form-one input, .qoute-form-one textarea { width: 100%; border: none; outline: none; background: #FFFFFF; color: #787878; font-size: 16px; font-family: 'Open Sans'; height: 52px; padding-left: 20px; border: 1px solid #DFCEA8; display: block; margin-bottom: 15px; } .qoute-form-one textarea { height: 171px; padding-top: 15px; } .qoute-form-one button[type=submit] { border: none; outline: none; width: 159px; height: 45px; border-radius: 4px; color: #fff; font-size: 15px; font-weight: 500; font-family: 'Poppins'; background: #151515; margin-top: 15px; transition: all .4s ease; } .qoute-form-one button[type=submit] i { margin-left: 11px; } .qoute-form-one button[type=submit]:hover { background: #fff; color: #151515; } .qoute-form-style-one .contact-infos { padding-left: 30px; } .qoute-form-style-one .single-contact-info {} .qoute-form-style-one .single-contact-info+.single-contact-info { margin-top: 35px; } .qoute-form-style-one .single-contact-info .icon-box, .qoute-form-style-one .single-contact-info .text-box { display: table-cell; vertical-align: top; } .qoute-form-style-one .single-contact-info .icon-box i { font-size: 49px; color: #151515; position: relative; top: 5px; } .qoute-form-style-one .single-contact-info .text-box { padding-left: 30px; } .qoute-form-style-one .single-contact-info .text-box h3 { color: #232323; font-family: 'Poppins'; font-weight: 600; font-size: 18px; line-height: 28px; margin: 0; } .qoute-form-style-one img.man-image { position: absolute; bottom: 45px; right: 85px; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.4))); } /************************** * 4. builder styles ***************************/ .builder_bg { background: #e1ba60; } .builder_bg .builder { margin: 0; } .builder_bg .builder .content { padding: 90px 0; } @media (max-width: 1280px) { .builder_bg .builder .content { padding: 70px 0; } } @media (max-width: 1199px) { .builder_bg .builder .content { padding: 60px 0; } } @media (max-width: 991px) { .builder_bg .builder .content { width: 100%; float: left; padding-bottom: 30px; } } .builder_bg .builder .content .media { width: 50%; float: left; padding-right: 55px; margin-top: 70px; } .builder_bg .builder .content .media:nth-child(1), .builder_bg .builder .content .media:nth-child(2) { margin-top: 0; } @media (max-width: 1280px) { .builder_bg .builder .content .media { margin-top: 50px; } } @media (max-width: 1199px) { .builder_bg .builder .content .media { padding-right: 15px; margin-top: 40px; } } @media (max-width: 991px) { .builder_bg .builder .content .media { width: 50%; padding: 0 15px; } } @media (max-width: 767px) { .builder_bg .builder .content .media { width: 100%; margin-top: 20px; } .builder_bg .builder .content .media:nth-child(2) { margin-top: 20px; } } .builder_bg .builder .content .media .media-left { padding-right: 32px; } @media (max-width: 1199px) { .builder_bg .builder .content .media .media-left { padding-right: 15px; } } .builder_bg .builder .content .media .media-left a { text-decoration: none; width: 70px; height: 70px; display: block; background: #202020; text-align: center; font-size: 34px; color: #fff; border-radius: 100%; line-height: 70px; } @media (max-width: 1199px) { .builder_bg .builder .content .media .media-left a { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } } .builder_bg .builder .content .media .media-body h4 { font-size: 20px; font-family: "Poppins", serif; font-weight: 600; color: #202020; text-transform: capitalize; } .builder_bg .builder .content .media .media-body p { font-size: 14px; font-family: "Open Sans", sans-serif; color: #7a633c; line-height: 26px; margin: 0; } .builder_bg .builder .image { padding-top: 36px; } @media (max-width: 991px) { .builder_bg .builder .image { padding-top: 0; width: 100%; text-align: center; } } .builder_bg .builder .image img { max-width: 100%; display: inline-block; } /************************** * 5. footer styles ***************************/ footer.row { background: #161616; margin-top: 45px; } footer.row .footer_sidebar { padding: 10px 0 40px; } @media (max-width: 1199px) { footer.row .footer_sidebar { padding-bottom: 10px; } } @media (max-width: 767px) { footer.row .footer_sidebar { padding: 40px 0 30px; } } footer.row .footer_sidebar .widget+.widget { margin-top: 0; } @media (max-width: 1199px) { footer.row .footer_sidebar .widget { margin-top: 20px; } footer.row .footer_sidebar .widget+.widget { margin-top: 20px; } footer.row .footer_sidebar .widget.widget1, footer.row .footer_sidebar .widget.widget2 { margin-top: 0; } } @media (max-width: 767px) { footer.row .footer_sidebar .widget { min-height: auto !important; max-width: 320px; margin: 0 auto; } footer.row .footer_sidebar .widget.widget2 { margin-top: 20px; } } footer.row .footer_sidebar .widget .service-widget { padding-left: 30px; } footer.row .footer_sidebar .widget .widget_title { font: normal 500 20px/26px "Poppins", sans-serif; color: #FFFFFF; margin: 0; text-transform: capitalize; } footer.row .footer_sidebar .widget .widget_title:after { display: block; margin-left: 0px; margin-top: 15px; margin-bottom: 20px; content: ''; width: 40px; height: 2px; background: #36a9e1; } footer.row .footer_sidebar .widget ul { list-style: none; padding-left: 0; } footer.row .footer_sidebar .widget.widget_links ul li a { font-family: "Open Sans", sans-serif; color: #6c6c6c; font-size: 14px; line-height: 39px; text-transform: capitalize; } footer.row .footer_sidebar .widget.widget_links ul li a:hover, footer.row .footer_sidebar .widget.widget_links ul li a:focus { color: #fff; } footer.row .footer_sidebar .widget.about_us_widget .logo { margin-bottom: 20px; display: block; } footer.row .footer_sidebar .widget.about_us_widget p { color: #6c6c6c; font: 14px/24px "Open Sans", sans-serif; margin-bottom: 10px; } footer.row .footer_sidebar .widget.about_us_widget .read_more { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; color: rgba(215, 179, 97, 0.5); margin-bottom: 45px; display: inline-block; } footer.row .footer_sidebar .widget.about_us_widget .social_icon ul li { float: left; } footer.row .footer_sidebar .widget.about_us_widget .social_icon ul li+li { margin-left: 10px; } footer.row .footer_sidebar .widget.about_us_widget .social_icon ul li a { text-decoration: none; padding: 0; background: transparent; font-size: 18px; color: rgba(215, 179, 97, 0.5); text-align: center; width: 40px; height: 40px; border: 1px solid rgba(215, 179, 97, 0.5); border-radius: 100%; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } footer.row .footer_sidebar .widget.about_us_widget .social_icon ul li a i { line-height: 30px; padding-top: 5px; display: block; } footer.row .footer_sidebar .widget.about_us_widget .social_icon ul li a:hover { border-color: #e1ba60; color: #e1ba60; } footer.row .footer_sidebar .widget.widget_contact ul li { display: table; width: 100%; } footer.row .footer_sidebar .widget.widget_contact ul li+li { margin-top: 15px; } footer.row .footer_sidebar .widget.widget_contact ul li i { float: left; font-size: 20px; color: #636363; width: 34px; text-align: left; padding-top: 5px; } footer.row .footer_sidebar .widget.widget_contact ul li i.fa-map-marker { font-size: 22px; } footer.row .footer_sidebar .widget.widget_contact ul li i.fa-envelope-o { font-size: 16px; } footer.row .footer_sidebar .widget.widget_contact ul li .fleft { float: left; color: #6c6c6c; line-height: 24px; width: -webkit-calc(100% - 34px); width: calc(100% - 34px); } footer.row .footer_sidebar .widget.widget_contact ul li .fleft strong { color: #82868a; } footer.row .footer_sidebar .widget.widget_contact ul li .fleft a { color: #6c6c6c; } footer.row .footer_sidebar .widget.widget_contact ul li .fleft a:hover, footer.row .footer_sidebar .widget.widget_contact ul li .fleft a:focus { color: #fff; } footer.row .footer_bottom { padding: 27px 0; background: #000; color: #575757; line-height: 26px; font-family: "Open Sans", sans-serif; } @media (max-width: 767px) { footer.row .footer_bottom { text-align: center; } } @media (max-width: 359px) { footer.row .footer_bottom { font-size: 13px; line-height: 20px; } } footer.row .footer_bottom a { color: #575757; } footer.row .footer_bottom a:hover, footer.row .footer_bottom a:focus { color: #fff; } footer.row .footer_bottom .right { text-align: right; } @media (max-width: 767px) { footer.row .footer_bottom .right { text-align: center; } } .contact_banner { padding: 24px 75px 24px 60px; background: #e1ba60; position: relative; top: -45px; } @media (max-width: 1199px) { .contact_banner { padding: 24px 30px; } } @media (max-width: 767px) { .contact_banner { display: none; } } .contact_banner h2 { font-family: "Poppins", serif; font-size: 27px; margin: 0; line-height: 41px; float: left; color: #000000; font-style: normal; font-weight: normal; } @media (max-width: 1199px) { .contact_banner h2 { font-size: 20px; } } @media (max-width: 991px) { .contact_banner h2 { font-size: 17px; } } .contact_banner a { display: block; float: right; border-radius: 4px; background: #222222; color: #fff; font: 500 15px/45px "Poppins", sans-serif; padding: 0 30px; text-transform: none; transition: all .4s ease; } .contact_banner a i { margin-left: 11px; } .contact_banner a:hover { background: #fff; color: #222; } /************************** * 6. team styles ***************************/ .team_header { padding-bottom: 30px; } .team { background: url(../images/our_team/bg.png) no-repeat scroll center top #e0e0e0; -webkit-background-size: cover; background-size: cover; } .team .team_carousel_nav { position: absolute; bottom: 0; right: 0; } .team .team_carousel_nav .owl-prev, .team .team_carousel_nav .owl-next { float: left; line-height: 36px; width: 46px; border: 1px solid; text-align: center; cursor: pointer; } .team .team_carousel_nav .owl-next { margin-left: 4px; } .team .team_members .team_member { position: relative; text-align: center; overflow: hidden; min-height: 574px; } .team .team_members .team_member .team_inner { position: relative; width: 270px; margin: 0 auto; } @media (max-width: 991px) { .team .team_members .team_member .team_inner { max-width: 270px; margin: 0 auto; } } .team .team_members .team_member img { z-index: 1; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); padding-top: 20px; max-width: 100%; width: auto; display: inline-block; } .team .team_members .team_member .back { background: #e1ba60; width: 170px; height: 0; position: absolute; top: 360px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; -webkit-transition: all, 300ms, linear, 0s; transition: all, 300ms, linear, 0s; } .team .team_members .team_member .content { position: absolute; background: #e1ba60; text-align: center; padding: 10px 0; width: 100%; top: 355px; left: 0%; z-index: 3; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .team .team_members .team_member .content h4 { font-size: 16px; line-height: 21px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #000; margin: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .team .team_members .team_member .content h5 { font-size: 13px; line-height: 21px; font-family: "Open Sans", sans-serif; color: #000; text-transform: uppercase; margin: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .team .team_members .team_member .social_icon { position: absolute; top: 360px; left: 0%; width: 100%; background: #1e1e1e; z-index: 1; -webkit-transition: all, 300ms, linear, 0s; transition: all, 300ms, linear, 0s; padding: 10px 0; } .team .team_members .team_member .social_icon ul { margin: 0; padding: 0; } .team .team_members .team_member .social_icon ul li { list-style: none; display: inline; } .team .team_members .team_member .social_icon ul li a { text-decoration: none; margin: 0 4px; width: 28px; height: 28px; border: 1px solid #fff; background: #202020; text-align: center; display: inline-block; font-size: 12px; color: #fff; border-radius: 100%; text-align: center; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .team .team_members .team_member .social_icon ul li a i { line-height: 28px; } .team .team_members .team_member .social_icon ul li a:hover { border: 1px solid #e1ba60; color: #e1ba60; } .team .team_members .team_member:hover img, .team .team_members .team_member:focus img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .team .team_members .team_member:hover .back, .team .team_members .team_member:focus .back { top: 0%; height: 390px; } .team .team_members .team_member:hover .content, .team .team_members .team_member:focus .content { background: #2d2f31; } .team .team_members .team_member:hover .content h4, .team .team_members .team_member:focus .content h4 { color: rgba(255, 255, 255, 0.6); } .team .team_members .team_member:hover .content h5, .team .team_members .team_member:focus .content h5 { color: rgba(255, 255, 255, 0.6); } .team .team_members .team_member:hover .social_icon, .team .team_members .team_member:focus .social_icon { top: 307px; } .team.team_v2 { background: url(../images/our_team/bg2.jpg) no-repeat scroll center top #d1d1d1; -webkit-background-size: cover; background-size: cover; padding-top: 0; } .team.team_v3 { background: none #fff; padding-top: 30px; } /*Single Member Profile*/ .member_sec { padding-top: 80px; padding-bottom: 85px; } .member_sec .member_img img { max-width: 100%; } .member_sec .member_details { padding-left: 40px; margin-bottom: 0px; padding-right: 60px; } @media (max-width: 1199px) { .member_sec .member_details { padding-right: 15px; } } @media (max-width: 767px) { .member_sec .member_details { padding-left: 15px; padding-top: 30px; } } .member_sec .member_details .social_icon { padding-top: 35px; padding-bottom: 50px; } @media (max-width: 1199px) { .member_sec .member_details .social_icon { padding: 20px 0; } } .member_sec .member_details .social_icon a { color: #e1ba60; border: 1px solid #e1ba60; border-radius: 100%; font-size: 18px; width: 45px; height: 45px; display: inline-block; text-align: center; line-height: 45px; } .member_sec .member_details .social_icon a:hover { color: #222222; border-color: #222222; } .member_sec .member_details .social_icon a+a { margin-left: 10px; } .member_sec .member_details .phn_no a { border: 2px solid #D6D6D6; border-radius: 50px; color: #242424; line-height: 21px; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 42px; padding: 10px; display: inline-block; padding-right: 25px; padding-left: 25px; } @media (max-width: 1199px) { .member_sec .member_details .phn_no a { padding: 8px 20px 8px 8px; font-size: 22px; border-width: 1px; } } .member_sec .member_details .phn_no a img { padding-right: 10px; } @media (max-width: 1199px) { .member_sec .member_details .phn_no a img { max-width: 25px; padding-right: 0; margin-right: 10px; float: left; } } .member_sec .member_details .send_email { padding-top: 40px; } @media (max-width: 1199px) { .member_sec .member_details .send_email { padding-top: 10px; } } .member_sec .member_details .send_email a { color: #242424; line-height: 21px; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 20px; } @media (max-width: 1199px) { .member_sec .member_details .send_email a { font-size: 14px; line-height: 20px; font-weight: 400; } } .member_work { background: url(../images/single-member/img_bg1.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; padding-top: 85px; padding-bottom: 85px; } .member_work .work_inn_txt h4 { color: #242424; line-height: 26px; font-family: "Open Sans", sans-serif; font-size: 20px; margin: 0px; padding-bottom: 10px; } .member_work .work_inn_txt p { color: #898989; line-height: 26px; font-family: "Open Sans", sans-serif; font-size: 15px; margin: 0px; } .member_work .work_img { padding-left: 95px; } @media (max-width: 1199px) { .member_work .work_img { padding-left: 15px; } } .member_work .work_img img { max-width: 100%; } @media (max-width: 991px) { .member_work .work_img img { margin-top: 40px; } } .member_work .work_img img+img { margin-top: 30px; } @media (max-width: 991px) { .member_work .work_img img+img { margin-top: 20px; } } .educational-part h2 { font: 600 34px/21px "Poppins", serif; color: #282828; } @media (max-width: 1199px) { .educational-part h2 { font-size: 30px; } } @media (max-width: 767px) { .educational-part h2 { line-height: 1.2; } } .educational-part h2:after { content: ""; width: 50px; height: 3px; background: #e1ba60; display: inline-block; margin-left: 20px; } @media (max-width: 1199px) { .educational-part h2:after { margin-left: 10px; } } .educational-part .education-area { padding-right: 55px; } .educational-part .education-area .media { padding-top: 37px; } @media (max-width: 991px) { .educational-part .education-area .media+.media { padding-top: 0; } } @media (max-width: 767px) { .educational-part .education-area .media+.media { padding-top: 15px; } } .educational-part .education-area .media .media-left { padding-right: 30px; } .educational-part .education-area .media .media-left a { font: 35px/1 "PT Serif", serif; color: #e1ba60; font-style: italic; } @media (max-width: 767px) { .educational-part .education-area .media .media-left { display: block; padding-bottom: 10px; } } .educational-part .education-area .media .media-body h4 { font: 600 20px/26px "Poppins", sans-serif; color: #000; text-transform: capitalize; margin: 0; } .educational-part .education-area .media .media-body p { font: 14px/26px "Open Sans", sans-serif; color: #777; margin: 0; } .educational-part .notes { padding-right: 38px; } @media (max-width: 991px) { .educational-part .notes { padding-top: 20px; } } .educational-part .notes a { margin-top: 50px; display: block; } .educational-part .notes a img { max-width: 100%; } .educational-part .notes h4 { font: 600 16px/26px "Open Sans", sans-serif; color: #000; margin-top: 55px; } @media (max-width: 991px) { .educational-part .notes h4 { margin-top: 25px; } } .educational-part .notes p { font: 14px/26px "Open Sans", sans-serif; color: #777; margin: 0; } .single-bg { display: block; position: relative; } .single-bg:after { content: ""; background: #000; opacity: 0.5; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; } .single-bg img { width: 100%; } .address-area { padding-bottom: 85px; } .address-area .question-box { padding: 40px 35px; border: 1px solid #e1e1e1; background: #fff; position: relative; margin-top: -90px; display: block; } @media (max-width: 767px) { .address-area .question-box { padding: 25px 15px; margin-top: -20px; } } .address-area .question-box h2 { font: 600 34px/21px "Poppins", serif; color: #282828; margin: 0; padding-bottom: 40px; padding-left: 12px; } @media (max-width: 767px) { .address-area .question-box h2 { font-size: 24px; padding-bottom: 10px; } } .address-area .question-box .form-control { height: 55px; margin-bottom: 20px; border-radius: 0px; font-style: italic; } .address-area .question-box .message { height: 203px; resize: none; } .address-area .question-box .button { background: #e1ba60; text-transform: uppercase; font: 600 14px/21px "Open Sans", sans-serif; border-color: #e1ba60; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; margin-top: 15px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; text-shadow: none; } .address-area .question-box .button i { margin-left: 10px; font-size: 18px; color: #222222; } .address-area .question-box .button:hover { background: #242424; color: #fff; border-color: #242424; } .address-area .question-box .button:hover i { color: #fff; } .address-area .address { padding: 68px 0px 0px 60px; } @media (max-width: 991px) { .address-area .address { padding: 50px 15px; } } .address-area .address .address-left strong { font: 600 16px/26px "Open Sans", sans-serif; margin: 0; color: #000; text-transform: uppercase; } .address-area .address .address-left p { font: 500 14px/20px "Open Sans", sans-serif; color: #898989; } .address-area .address .address-left a { font: 500 14px/26px "Open Sans", sans-serif; color: #898989; display: inline-block; } .address-area .address .social { display: block; padding-top: 20px; } .address-area .address .social a { font: 600 50px/1 "Open Sans", sans-serif; color: #242424; display: block; padding-top: 70px; } @media (max-width: 1199px) { .address-area .address .social a { font-size: 40px; padding-top: 30px; } } @media (max-width: 767px) { .address-area .address .social a { font-size: 30px; } } .address-area .address .social p { font: 500 14px/1.5 "Open Sans", sans-serif; color: #898989; padding-top: 30px; } @media (max-width: 1199px) { .address-area .address .social p { padding-top: 10px; } } .row.footer { margin-top: 40px; } .team-style-one { padding: 100px 0; } .team-style-one .title { margin-bottom: 50px; } .team-style-one .title h3, .team-style-one .title p { margin: 0; } .team-style-one .title h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #282828; } .team-style-one .title h3:after { content: ''; width: 40px; height: 2px; background: #c08c4d; display: inline-block; vertical-align: bottom; position: relative; bottom: 5px; margin-left: 20px; } .team-style-one .title p { font-family: 'Open Sans'; color: #787878; font-size: 17px; margin-top: 20px; } .single-team-style-one { text-align: center; } .single-team-style-one .img-box { position: relative; overflow: hidden; } .single-team-style-one .img-box>img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .4s ease; } .single-team-style-one .img-box:hover>img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .single-team-style-one .img-box .social { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; z-index: 2; opacity: 0; transition: all .4s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .single-team-style-one .img-box:hover .social { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .single-team-style-one .img-box .social a { display: inline-block; vertical-align: middle; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #FFFFFF; font-size: 17px; text-align: center; line-height: 32px; transition: all .4s ease; color: #fff; } .single-team-style-one .img-box .social a:hover { border-color: #BF8B4E; color: #BF8B4E; } .single-team-style-one .img-box .social a+a { margin-left: 10px; } .single-team-style-one .img-box:before { content: ''; width: 100%; height: 100%; background: #1C1C1C; opacity: 0; transition: all .4s ease; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); position: absolute; top: 0; left: 0; z-index: 1; } .single-team-style-one .img-box:hover:before { opacity: .7; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .single-team-style-one h3, .single-team-style-one p { margin: 0; } .single-team-style-one h3 { font-size: 20px; color: #232323; font-family: 'Poppins'; font-weight: 600; margin-top: 20px; } .single-team-style-one p { font-family: 'Open Sans'; font-size: 16px; color: #787878; margin-top: 10px; } /************************** * 7. projects styles ***************************/ .latest_projects { background: url(../images/project/background.jpg) no-repeat scroll center 0 #595959; -webkit-background-size: cover; background-size: cover; } .latest_projects .section_header h2 { color: #fff; } .latest_projects .section_header h5 { color: #aeaeae; } .filter_row { margin-bottom: 25px; } .filter_row ul li { background: #292929; float: left; color: #7e7e7e; border: 1px solid rgba(145, 145, 145, 0.33); padding: 0 23px; text-transform: uppercase; font: 13px/35px "Open Sans", sans-serif; cursor: pointer; } @media (max-width: 1280px) { .filter_row ul li { margin-right: 14px; margin-bottom: 5px; } } .filter_row ul li+li { margin-left: 20px; } @media (max-width: 1280px) { .filter_row ul li+li { margin-left: 0; } } .filter_row ul li.active { background: #e1ba60; border-color: rgba(0, 0, 0, 0.33); color: #000; } .projects_row .project-sizer { width: 25%; } .projects_row .project { padding: 15px; } @media (max-width: 767px) { .projects_row .project { max-width: 100%; } } .projects_row .project img { max-width: 100%; } @media (max-width: 767px) { .projects_row .project.col-sm-3 { width: 50%; } } .projects-title { margin-bottom: 0px; } .projects-area { background: url("../images/protfolio/protfoliobg.png") no-repeat scroll center 0; -webkit-background-size: cover; background-size: cover; padding: 85px 0px; } .project_type1 .project { margin-bottom: 30px; } @media (max-width: 767px) { .project_type1 .project { max-width: 370px; margin: 0 auto 30px; } } .project_type1 .project .item { position: relative; overflow: hidden; cursor: pointer; } .project_type1 .project .item:after { position: absolute; width: 5px; height: 264px; top: 0; left: 0; background: #121416; content: ""; } .project_type1 .project .item img { max-width: 100%; } .project_type1 .project .item .inner { position: absolute; background: #e1ba60; opacity: 0.9; top: 0; left: 5px; right: 0; bottom: 23px; padding: 20px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 0; } @media (max-width: 1280px) { .project_type1 .project .item .inner { bottom: 21px; } } @media (max-width: 1199px) { .project_type1 .project .item .inner { bottom: 48px; } } @media (max-width: 767px) { .project_type1 .project .item .inner { bottom: 23px; } } .project_type1 .project .item .inner .search-icon { position: relative; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; top: 3px; left: -150%; } .project_type1 .project .item .inner .search-icon a { width: 37px; text-align: center; border: 1px solid #121416; height: 37px; display: block; color: #121416; line-height: 35px; font-size: 16px; } .project_type1 .project .item .inner .search-icon a:hover { color: #fff; } .project_type1 .project .item .inner .search-icon a+a { margin-top: -1px; } .project_type1 .project .item .inner p { font: 400 16px/21px "Open Sans", sans-serif; color: #121416; left: 30px; position: absolute; bottom: -1000%; z-index: 1; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } @media (max-width: 991px) { .project_type1 .project .item .inner p { display: none; } } @media (max-width: 767px) { .project_type1 .project .item .inner p { display: block; } } .project_type1 .project .item .item-txt { width: 325px; max-width: 100%; padding: 12px 30px; background: #121416; position: relative; margin-top: -25px; } .project_type1 .project .item .item-txt a { font: 600 16px/24px "Open Sans", sans-serif; text-transform: uppercase; text-decoration: none; color: #e1ba60; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 991px) { .project_type1 .project .item .item-txt a { font-size: 13px; } } .project_type1 .project .item .item-txt a:hover { color: #fff; } .project_type1 .project .item:hover .inner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .project_type1 .project .item:hover p { bottom: 30px; } @media (max-width: 1199px) { .project_type1 .project .item:hover p { bottom: 0; } } @media (max-width: 767px) { .project_type1 .project .item:hover p { bottom: 30px; } } .project_type1 .project .item:hover .search-icon { left: 88%; } .project_type1+.load-button { text-align: center; } .project_type1+.load-button a { font: 600 14px/35px "Open Sans", sans-serif; color: #d3d2d2; text-decoration: none; text-transform: uppercase; padding-top: 8px; display: block; } .row.footer-top { margin-top: 0px; } .project2-area { background: #f3f3f3; display: block; padding-top: 85px; } .project2-area .filter_row .project_filter li { background: #fff; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border-color: #adadad; } .project2-area .filter_row .project_filter li.active { background-color: #e1ba60; color: #000; } .project2-area .filter_row .project_filter li:hover { background-color: #e1ba60; color: #000; border-color: #e1ba60; } .project2-area .projects2 { margin-top: 50px; } @media (max-width: 767px) { .project2-area .projects2 { margin: 0 auto; } } @media (max-width: 749px) { .project2-area .projects2 { width: 500px; } } @media (max-width: 499px) { .project2-area .projects2 { width: 320px; } } .project2-area .projects2 .project { padding-bottom: 85px; overflow: hidden; } @media (max-width: 767px) { .project2-area .projects2 .project { max-width: 250px; padding-bottom: 40px; } } @media (max-width: 499px) { .project2-area .projects2 .project { max-width: 300px; } } .project2-area .projects2 .project .item { overflow: hidden; position: relative; } .project2-area .projects2 .project .item a { padding-top: 0px; } .project2-area .projects2 .project .item .featured-img { display: block; position: relative; } .project2-area .projects2 .project .item .featured-img img { max-width: 100%; } .project2-area .projects2 .project .item .image_opacity { background-color: transparent; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; position: absolute; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); cursor: pointer; } .project2-area .projects2 .project .item:hover .image_opacity { background: rgba(217, 187, 123, 0.6); opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .project2-area .projects2 .project a h4 { font: 600 20px/21px "Poppins", sans-serif; color: #242424; text-transform: capitalize; padding-top: 5px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .project2-area .projects2 .project a h4:hover { color: #e1ba60; } .project2-area .projects2 .project p { font: 14px/24px "Open Sans", sans-serif; color: #898989; } .project2-area .projects2 .project a { font: 600 12px/1 "Open Sans", sans-serif; color: #242424; text-transform: uppercase; padding-top: 12px; display: inline-block; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .project2-area .projects2 .project a i { margin-left: 10px; } .project2-area .projects2 .project a:hover { color: #e1ba60; } .latest_projects.white-bg { background: #FFFFFF; } .latest_projects.white-bg .section_header h2 { color: #232323; } .latest_projects.white-bg .section_header h5 { color: #787878; } .latest_projects.white-bg .filter_row ul li { border-color: rgba(145, 145, 145, .33); background: #F8F8F8; color: #7D7D7D; font-family: 'Poppins'; text-transform: capitalize; font-size: 15px; transition: all .4s ease; } .latest_projects.white-bg .filter_row ul li:hover, .latest_projects.white-bg .filter_row ul li.active { color: #000000; background: #E0B961; border-color: #E0B961; text-shadow: 1px 0 0 rgba(0, 0, 0, .25); } .project-style-one { padding: 100px 0 70px; } .project-style-one.dark-bg { background: #282828; } .project-style-one .title { margin-bottom: 50px; } .project-style-one .title h3, .project-style-one .title p { margin: 0; } .project-style-one .title h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #fff; } .project-style-one .title h3:after { content: ''; width: 40px; height: 2px; background: #c08c4d; display: inline-block; vertical-align: bottom; position: relative; bottom: 5px; margin-left: 20px; } .project-style-one .title p { font-family: 'Open Sans'; color: #787878; font-size: 17px; margin-top: 20px; } .single-project-style-one { margin-bottom: 30px; } .single-project-style-one .img-box { border-left: 5px solid #111315; position: relative; overflow: hidden; } .single-project-style-one .img-box>img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .4s ease; } .single-project-style-one .img-box .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(214, 178, 98, .9); padding-left: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; padding-bottom: 45px; -webkit-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; transition: all .4s ease; } .single-project-style-one:hover .img-box .content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .single-project-style-one:hover .img-box>img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .single-project-style-one .img-box .content p { font-size: 15px; line-height: 21px; color: #111315; font-family: 'Open Sans'; margin: 0; } .single-project-style-one .img-box .content .btn-box { position: absolute; top: 20px; right: 20px; } .single-project-style-one .img-box .content .btn-box a { display: block; width: 37px; height: 37px; text-align: center; line-height: 35px; border: 1px solid #000000; color: #000000; font-size: 16px; } .single-project-style-one .text-box { width: calc(100% - 45px); background: #111315; padding: 16.5px 0; padding-left: 30px; margin-top: -25px; position: relative; z-index: 10; } .single-project-style-one .text-box h3 { margin: 0; font-family: 'Poppins'; font-weight: 500; color: #D6B262; font-size: 16px; } .project-style-two { padding: 100px 0; } .project-style-two.dark-bg { background: #1F1F1F; } .project-style-two .title { margin-bottom: 42px; } .project-style-two .title h3 { margin: 0; font-family: 'Poppins'; font-weight: 600; font-size: 34px; color: #292929; margin-bottom: 0px; } .project-style-two .title h3:after { content: ''; width: 40px; height: 2px; background: #E1BA60; display: inline-block; margin-left: 25px; } .project-style-two.dark-bg .title h3 { color: #fff; } .project-style-two .container-fluid { padding-left: 30px; padding-right: 30px; } .single-project-style-two .img-box { position: relative; overflow: hidden; } .single-project-style-two .img-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); text-align: center; opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); transition: all .4s ease; } .single-project-style-two .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-project-style-two .img-box .overlay .box .content { display: table-cell; vertical-align: middle; } .single-project-style-two .img-box .overlay .box .content a.more-btn { display: inline-block; vertical-align: middle; border-radius: 4px; color: #212121; background: #E0B961; font-size: 15px; font-family: 'Poppins'; font-weight: 500; padding: 9.5px 22px; transition: all .4s ease; } .single-project-style-two .img-box .overlay .box .content a.more-btn:hover { background: #212121; color: #fff; } .single-project-style-two .img-box .overlay .box .content h3 { margin: 0; color: #FFFFFF; font-family: 'Poppins'; font-weight: 500; font-size: 18px; margin-top: 25px; } .single-project-style-two .img-box:hover .overlay { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .project-style-two-carousel .owl-nav { text-align: center; margin-top: 50px; } .project-style-two-carousel .owl-nav [class*=owl] { display: inline-block; vertical-align: middle; width: 46px; height: 46px; border: 2px solid rgba(148, 148, 148, .5); text-align: center; line-height: 42px; color: #939393; font-size: 22px; transition: all .4s ease; } .project-style-two-carousel .owl-nav [class*=owl]:hover { background: #fff; color: #000; border-color: #fff; } .project-style-two-carousel .owl-nav [class*=owl-next] { margin-left: 20px; } .project-style-three { background: #252422; padding-top: 100px; } .project-style-three .title { margin-bottom: 25px; } .project-style-three .title h3, .project-style-three .title p { margin: 0; } .project-style-three .title h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #fff; } .project-style-three .title h3:after { content: ''; width: 40px; height: 2px; background: #c08c4d; display: inline-block; vertical-align: bottom; position: relative; bottom: 5px; margin-left: 20px; } .project-style-three .title p { font-family: 'Open Sans'; color: #787878; font-size: 17px; margin-top: 20px; } .project-style-three .col-5 { float: left; width: 20%; } .project-style-three .gallery-filter { margin-bottom: 60px; } .project-style-three .gallery-filter ul { margin: 0; padding: 0; list-style: none; } .project-style-three .gallery-filter ul li { display: inline-block; vertical-align: middle; } .project-style-three .gallery-filter ul li+li { margin-left: 20px; } .project-style-three .gallery-filter ul li span { display: block; color: #ACACAC; font-size: 17px; font-family: 'Poppins'; border-bottom: 1px solid transparent; cursor: pointer; } .project-style-three .gallery-filter ul li.active span { border-bottom-color: #BF8B4E; color: #BF8B4E; } .project-style-three .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%; } .single-project-style-three .img-box { position: relative; overflow: hidden; } .single-project-style-three .img-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); text-align: center; opacity: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); transition: all .4s ease; } .single-project-style-three .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-project-style-three .img-box .overlay .box .content { display: table-cell; vertical-align: middle; } .single-project-style-three .img-box .overlay .box .content a.more-btn { display: inline-block; vertical-align: middle; border-radius: 4px; color: #212121; background: #E0B961; font-size: 15px; font-family: 'Poppins'; font-weight: 500; padding: 9.5px 22px; transition: all .4s ease; } .single-project-style-three .img-box .overlay .box .content a.more-btn:hover { background: #212121; color: #fff; } .single-project-style-three .img-box .overlay .box .content h3 { margin: 0; color: #FFFFFF; font-family: 'Poppins'; font-weight: 500; font-size: 18px; margin-top: 25px; } .single-project-style-three .img-box:hover .overlay { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .working-area { padding: 70px 0px; } .working-area .work-details { padding-left: 44px; } @media (max-width: 991px) { .working-area .work-details { padding-left: 15px; } } .working-area .work-details .work-title { border-bottom: 1px solid #e3e3e3; padding-top: 16px; } .working-area .work-details .work-title h2 { font: 600 34px/21px "Poppins", serif; color: #282828; margin: 0; margin-bottom: 30px; } .working-area .work-details .work-title h2:after { width: 50px; height: 3px; content: ""; background: #e1ba60; display: inline-block; margin-left: 12px; } .working-area .work-details .project-description { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; padding-top: 12px; } .working-area .work-details .project-description h4 { font: 600 18px/28px "Open Sans", sans-serif; } .working-area .work-details .project-description h4 a { color: #242424; text-decoration: none; text-transform: uppercase; } .working-area .work-details .project-description p { font: 15px/28px "Open Sans", sans-serif; color: #898989; } .working-area .work-details .project { border-bottom: 1px solid #e3e3e3; font: 15px/28px "Open Sans", sans-serif; color: #898989; display: block; padding-bottom: 18px; padding-top: 12px; } .working-area .work-details .project .date h4 { font: 600 18px/28px "Open Sans", sans-serif; } .working-area .work-details .project .date h4 a { color: #242424; text-decoration: none; } .working-area .work-details .project .category { padding-left: 20px; } .working-area .work-details .project .category h4 { font: 600 18px/28px "Open Sans", sans-serif; } .working-area .work-details .project .category h4 a { color: #242424; text-decoration: none; } .working-area .work-details .base { background: #f5f5f5; padding: 40px 42px 48px 40px; margin-top: 50px; } .working-area .work-details .base h4 { font: 600 18px/28px "Open Sans", sans-serif; color: #242424; } .working-area .work-details .base p { font: 15px/28px "Open Sans", sans-serif; color: #898989; } .working-area .work-details .base p+p { padding-top: 12px; } .working-area .work-details .work-scope { padding-top: 35px; } .working-area .work-details .work-scope h4 { font: 600 18px/28px "Open Sans", sans-serif; color: #242424; } .working-area .work-details .work-scope p { font: 15px/28px "Open Sans", sans-serif; color: #898989; } .working-area .work-details .work-scope .scope-item { margin: 0; padding: 0; display: inline-block; } .working-area .work-details .work-scope .scope-item li { list-style: none; } .working-area .work-details .work-scope .scope-item li a { font: 15px/40px "Open Sans", sans-serif; color: #e1ba60; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; display: inline-block; } @media (max-width: 479px) { .working-area .work-details .work-scope .scope-item li a { font-size: 12px; line-height: 26px; } } .working-area .work-details .work-scope .scope-item li a:before { content: "\f0a4"; padding-right: 15px; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; text-rendering: auto; color: #e1ba60; cursor: pointer; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .working-area .work-details .work-scope .scope-item li a:hover { color: #242424; } .working-area .work-details .work-scope .scope-item li a:hover:before, .working-area .work-details .work-scope .scope-item li a:hover a { color: #242424; } .gallery-single { padding: 15px; float: left; } @media (max-width: 767px) { .gallery-single { max-width: 100%; } } .gallery-single img { max-width: 100%; } /************************** * 8. we do styles ***************************/ .we_do { background: url(../images/we_do/bg.jpg) no-repeat scroll right bottom #ecebef; } @media (max-width: 1799px) { .we_do { background-image: none; } } .we_do .tab { margin: 0; } .we_do .tab .menu { border-bottom: none; padding-bottom: 60px; } .we_do .tab .menu li { text-align: center; position: relative; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 991px) { .we_do .tab .menu li { margin-right: 5px; margin-bottom: 5px; } } .we_do .tab .menu li+li { margin-left: -36px; } @media (max-width: 1199px) { .we_do .tab .menu li+li { margin-left: -13px; } } @media (max-width: 991px) { .we_do .tab .menu li+li { margin-left: 0; } } .we_do .tab .menu li a { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 14px; font-family: "Open Sans", sans-serif; display: block; margin: 0; border-radius: 0; border: none; font-weight: 600; line-height: 43px; padding: 0; } @media (max-width: 1280px) { .we_do .tab .menu li a { font-weight: 500; } } .we_do .tab .menu li a span { float: left; display: block; background: #2d2f31; padding: 0 10px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 991px) { .we_do .tab .menu li a span { padding: 0 20px; } } .we_do .tab .menu li a:before, .we_do .tab .menu li a:after { content: ''; width: 0; height: 0; border-style: solid; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; float: left; } .we_do .tab .menu li a:before { border-width: 0 0 43px 40px; border-color: transparent transparent #2d2f31 transparent; } @media (max-width: 1199px) { .we_do .tab .menu li a:before { border-left-width: 15px; } } @media (max-width: 991px) { .we_do .tab .menu li a:before { border: none; } } .we_do .tab .menu li a:after { border-width: 43px 40px 0 0; border-color: #2d2f31 transparent transparent transparent; } @media (max-width: 1199px) { .we_do .tab .menu li a:after { border-right-width: 15px; } } @media (max-width: 991px) { .we_do .tab .menu li a:after { border: none; } } .we_do .tab .menu li:first-child a span { padding-left: 30px; } @media (max-width: 1199px) { .we_do .tab .menu li:first-child a span { padding-left: 10px; } } .we_do .tab .menu li:first-child a:before { display: none; } .we_do .tab .menu li:last-child a span { padding-right: 30px; } @media (max-width: 1199px) { .we_do .tab .menu li:last-child a span { padding-right: 10px; } } .we_do .tab .menu li:last-child a:after { display: none; } .we_do .tab .menu li:hover a, .we_do .tab .menu li.active a, .we_do .tab .menu li:focus a { color: #000; } .we_do .tab .menu li:hover a span, .we_do .tab .menu li.active a span, .we_do .tab .menu li:focus a span { background: #e1ba60; } .we_do .tab .menu li:hover a:before, .we_do .tab .menu li.active a:before, .we_do .tab .menu li:focus a:before { border-color: transparent transparent #e1ba60 transparent; } .we_do .tab .menu li:hover a:after, .we_do .tab .menu li.active a:after, .we_do .tab .menu li:focus a:after { border-color: #e1ba60 transparent transparent transparent; } .we_do .tab .tab-content .tab-pane .media .media-left { position: relative; z-index: 3; padding-right: 55px; padding-bottom: 5px; } @media (max-width: 767px) { .we_do .tab .tab-content .tab-pane .media .media-left { display: block; padding-right: 0; padding-bottom: 20px; text-align: center; } } .we_do .tab .tab-content .tab-pane .media .media-left a { position: relative; width: 345px; max-width: 100%; display: block; } @media (max-width: 767px) { .we_do .tab .tab-content .tab-pane .media .media-left a { display: inline-block; } } .we_do .tab .tab-content .tab-pane .media .media-left a:after { content: ''; padding: 10px; background: transparent; position: absolute; border: 2px solid #fff; z-index: 4; display: block; top: 10px; left: 10px; bottom: 10px; right: 10px; } .we_do .tab .tab-content .tab-pane .media .media-left img { max-width: 100%; } .we_do .tab .tab-content .tab-pane .media .media-body { font-family: "Open Sans", sans-serif; } .we_do .tab .tab-content .tab-pane .media .media-body h4 { font-size: 18px; line-height: 26px; text-transform: uppercase; color: #252525; font-weight: bold; font-family: "Open Sans", sans-serif; margin: 0 0 15px; } .we_do .tab .tab-content .tab-pane .media .media-body p { color: #898989; font-size: 15px; line-height: 26px; font-family: "Open Sans", sans-serif; margin: 0 0 25px; } @media (max-width: 1199px) { .we_do .tab .tab-content .tab-pane .media .media-body p { line-height: 24px; font-size: 14px; } } .we_do .tab .tab-content .tab-pane .media .media-body .list_icon { max-width: 570px; } .we_do .tab .tab-content .tab-pane .media .media-body .list_icon ul { max-height: 250px; padding: 0px; } .we_do .tab .tab-content .tab-pane .media .media-body .list_icon ul li { list-style: none; font-size: 16px; line-height: 47px; font-family: "Open Sans", sans-serif; color: #333; width: 50%; float: left; } @media (max-width: 1199px) { .we_do .tab .tab-content .tab-pane .media .media-body .list_icon ul li { line-height: 40px; } } @media (max-width: 991px) { .we_do .tab .tab-content .tab-pane .media .media-body .list_icon ul li { width: 100%; } } .we_do .tab .tab-content .tab-pane .media .media-body .list_icon ul li i { padding-right: 15px; } /************************** * 9. blog styles ***************************/ .blogs-area { background: #f5f4f4; } @media (max-width: 991px) { .blog.inHome { padding: 0 10px; } } @media (max-width: 767px) { .blog.inHome { max-width: 370px; margin: 0 auto 20px; } .blog.inHome:last-child { margin-bottom: 0; } } .blog.inHome .blog-image { position: relative; } .blog.inHome .blog-image a { display: block; border-bottom: 4px solid #e1ba60; text-align: center; } .blog.inHome .blog-image a img { max-width: 100%; display: inline-block; } .blog.inHome .blog-image .blog-date { position: absolute; width: 63px; height: 63px; background: #e1ba60; bottom: 0; right: 0; text-align: center; } .blog.inHome .blog-image .blog-date h3 { color: #000; margin: 12px 0 0; font: italic bold 25px/1 "PT Serif", serif; position: relative; } .blog.inHome .blog-image .blog-date h3 small { font: 600 14px/1 "Open Sans", sans-serif; color: #000; display: block; } .blog.inHome .blog-text { background: #fff; padding: 20px 30px 16px 30px; display: block; } @media (max-width: 991px) { .blog.inHome .blog-text { padding: 14px 16px; } } .blog.inHome .blog-text h4 { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 18px; color: #000000; line-height: 1; text-transform: capitalize; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .blog.inHome .blog-text h4:hover { color: #e1ba60; } .blog.inHome .blog-text p { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 14px; color: #8e8d8d; line-height: 26px; border-bottom: 1px solid #e9e9e9; padding-bottom: 13px; } .blog.inHome .blog-text .blog-meta { font-family: "Poppins", sans-serif; font-size: 13px; color: #8e8d8d; } .blog.inHome .blog-text .blog-meta a { font-family: "Poppins", sans-serif; font-weight: 500; color: #c7c7c7; text-decoration: none; padding-left: 5px; } .blog.inHome .blog-text .blog-meta a.read_more { color: #fd9c1e; } .blog.inHome .blog-text .blog-meta a.read_more:before { content: ""; border-left: 1px solid #c2c2c2; padding-right: 10px; } @media (max-width: 991px) { .blog.inHome .blog-text .blog-meta a.read_more:before { padding-right: 5px; } } .blog.inHome .blog-text .blog-meta a.read_more:hover, .blog.inHome .blog-text .blog-meta a.read_more:focus { color: #000; } .blog_content .blog_section { float: left; width: -webkit-calc(50% + 215px); width: calc(50% + 215px); } @media (max-width: 1199px) { .blog_content .blog_section { width: 65%; } } @media (max-width: 991px) { .blog_content .blog_section { width: 60%; } } @media (max-width: 767px) { .blog_content .blog_section { width: 100%; } } .blog_content .blog_section .blog_section_inner { width: 800px; padding: 85px 50px 85px 0; float: right; /*Blog*/ } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner { width: 600px; padding-right: 40px; max-width: 100%; } } @media (max-width: 991px) { .blog_content .blog_section .blog_section_inner { padding: 50px 20px; } } @media (max-width: 767px) { .blog_content .blog_section .blog_section_inner { width: 100%; } } .blog_content .blog_section .blog_section_inner .blog { margin: 0; padding: 30px 0 50px; } .blog_content .blog_section .blog_section_inner .blog:first-child { padding-top: 0; } .blog_content .blog_section .blog_section_inner .blog .featured_img { text-align: center; } .blog_content .blog_section .blog_section_inner .blog .featured_img a { display: block; } .blog_content .blog_section .blog_section_inner .blog .featured_img img { display: inline-block; max-width: 100%; } .blog_content .blog_section .blog_section_inner .blog .post-meta { margin: -10px 0 35px; position: relative; z-index: 2; } @media (max-width: 991px) { .blog_content .blog_section .blog_section_inner .blog .post-meta { margin-bottom: 15px; } } .blog_content .blog_section .blog_section_inner .blog .post-meta .post-date { padding-left: 10px; padding-right: 30px; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .blog .post-meta .post-date { padding-right: 20px; } } .blog_content .blog_section .blog_section_inner .blog .post-meta .post-date a { width: 70px; text-transform: capitalize; text-align: center; display: block; font: 600 28px/1 "PT Serif", serif; color: #000; background: #36a9e1; padding: 45px 0 10px; } .blog_content .blog_section .blog_section_inner .blog .post-meta .post-date a span { display: block; font: 20px/1 "Open Sans", sans-serif; } @media (max-width: 991px) { .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body { vertical-align: top; padding-top: 30px; } } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-title { text-transform: capitalize; font: 600 20px/1 "Poppins", sans-serif; margin: 0 0 10px; color: #000; } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-title a { color: #000; } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li { float: left; color: #858585; } @media (max-width: 991px) { .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li { float: none; display: block; } } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li+li { margin-left: 30px; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li+li { margin-left: 15px; } } @media (max-width: 991px) { .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li+li { margin-left: 0; } } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li i { color: #e1ba60; margin-right: 10px; } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li a { color: #858585; padding: 0; display: inline-block; } .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li a:hover, .blog_content .blog_section .blog_section_inner .blog .post-meta .media-body .post-infos li a:focus { background: none; color: #e1ba60; } .blog_content .blog_section .blog_section_inner .blog .post-content { padding: 0 10px; font: 14px/26px "Open Sans", sans-serif; color: #8e8d8d; } .blog_content .blog_section .blog_section_inner .blog .post-content p { font: 14px/26px "Open Sans", sans-serif; color: #8e8d8d; margin: 0; } .blog_content .blog_section .blog_section_inner .blog .post-content p a { color: #8e8d8d; text-decoration: underline; } .blog_content .blog_section .blog_section_inner .blog .post-content p strong { font-style: italic; font-size: 16px; } .blog_content .blog_section .blog_section_inner .blog .post-content .read-more { color: #000; font: 600 14px/1 "Open Sans", sans-serif; text-transform: uppercase; display: inline-block; margin-top: 30px; } .blog_content .blog_section .blog_section_inner .blog .post-content .read-more i { margin-left: 10px; } .blog_content .blog_section .blog_section_inner .blog .post-content h3 { margin-bottom: 20px; font: 600 22px/1 "Poppins", serif; } .blog_content .blog_section .blog_section_inner .blog .post-content blockquote { padding: 30px; border: none; background: #f7f7f7; } @media (max-width: 479px) { .blog_content .blog_section .blog_section_inner .blog .post-content blockquote { padding: 5px; } } .blog_content .blog_section .blog_section_inner .blog .post-content blockquote:before { float: left; content: "\f10d"; display: inline-block; font: normal normal normal 55px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 70px; margin-top: -10px; color: #e1ba60; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .blog .post-content blockquote:before { font-size: 30px; width: 40px; } } .blog_content .blog_section .blog_section_inner .blog .post-content blockquote p { float: left; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin: 5px 0 0; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .blog .post-content blockquote p { margin: 0; } } .blog_content .blog_section .blog_section_inner .blog .post-content blockquote footer { text-align: right; color: #e1ba60; font: italic 16px/1 "Open Sans", sans-serif; } .blog_content .blog_section .blog_section_inner .blog .post-content blockquote footer a { color: #e1ba60; } .blog_content .blog_section .blog_section_inner .pagination { margin: 0 0 0 10px; } .blog_content .blog_section .blog_section_inner .pagination li { float: left; } .blog_content .blog_section .blog_section_inner .pagination li a { color: #898989; font: 24px/46px "PT Serif", serif; padding: 0 18px; border-color: #dfdfdf; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .pagination li a { font: 18px/40px "PT Serif", serif; padding: 0 14px; } } .blog_content .blog_section .blog_section_inner .pagination li+li { margin-left: 10px; } .blog_content .blog_section .blog_section_inner .pagination li.prev a, .blog_content .blog_section .blog_section_inner .pagination li.next a { border-radius: 0; color: #cdcdcd; font-size: 16px; } @media (max-width: 1199px) { .blog_content .blog_section .blog_section_inner .pagination li.prev a, .blog_content .blog_section .blog_section_inner .pagination li.next a { font-size: 14px; } } .blog_content .blog_section .blog_section_inner .pagination li.active a, .blog_content .blog_section .blog_section_inner .pagination li:hover a, .blog_content .blog_section .blog_section_inner .pagination li:focus a { color: #000; background: #e1ba60; border-color: #e1ba60; } .blog_content .sidebar_section { float: left; width: -webkit-calc(50% - 215px); width: calc(50% - 215px); background: #f4f4f4; padding-bottom: 45px; margin-bottom: -45px; } @media (max-width: 1199px) { .blog_content .sidebar_section { width: 35%; } } @media (max-width: 991px) { .blog_content .sidebar_section { width: 40%; } } @media (max-width: 767px) { .blog_content .sidebar_section { width: 100%; min-height: auto !important; } } .blog_content .sidebar_section .sidebar { padding: 85px 0 85px 30px; width: 370px; float: left; } @media (max-width: 1199px) { .blog_content .sidebar_section .sidebar { max-width: 100%; width: 300px; padding-left: 40px; } } @media (max-width: 991px) { .blog_content .sidebar_section .sidebar { padding: 50px 20px; } } @media (max-width: 767px) { .blog_content .sidebar_section .sidebar { width: 100%; } } .blog-area.gray-bg { background: #F3F3F3; padding: 120px 0 60px; } .blog-area .title { margin-bottom: 42px; } .blog-area .title h3 { margin: 0; font-family: 'Poppins'; font-weight: 600; font-size: 34px; color: #292929; margin-bottom: 0px; } .blog-area .title h3:after { content: ''; width: 40px; height: 2px; background: #E1BA60; display: inline-block; margin-left: 25px; } .blog-area .single-blog-post .img-box { margin-bottom: 35px; position: relative; cursor: pointer; } .blog-area .single-blog-post .img-box:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .blog-area .single-blog-post .img-box:hover:after { opacity: 1; } .blog-area .single-blog-post .img-box img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; } .blog-area .single-blog-post .img-box .date-box { position: absolute; bottom: -20px; left: 0; background: #E1BA60; font-family: 'Poppins'; font-weight: 600; font-size: 17px; color: #242424; display: inline-block; padding: 8px 20px; z-index: 10; } .blog-area .single-blog-post h3, .blog-area .single-blog-post p { margin: 0; } .blog-area .single-blog-post h3 { color: #242424; font-family: 'Poppins'; font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 11px; -webkit-transition: all .4s ease; transition: all .4s ease; } .blog-area .single-blog-post h3:hover { color: #E1BA60; } .blog-area .single-blog-post p { font-family: 'Open Sans'; color: #7d7d7d; font-size: 17px; line-height: 28px; } .blog-area .single-blog-post a.read-more { font-family: 'Poppins'; font-weight: 600; font-size: 16px; line-height: 28px; color: #E1BA60; border-bottom: 1px solid #E1BA60; padding-bottom: 0px; display: inline-block; margin-top: 13px; -webkit-transition: all .4s ease; transition: all .4s ease; } .blog-area .blog-post-list { -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); background: #FBFBFB; padding: 0 30px; padding-top: 41px; padding-bottom: 45px; } .blog-area .blog-post-list .single-post-list+.single-post-list { border-top: 1px solid #E8E8E8; padding-top: 15px; margin-top: 11px; } .blog-area .blog-post-list .single-post-list a { display: block; text-decoration: none !important; } .blog-area .blog-post-list .single-post-list h3 { margin: 0; color: #242424; font-family: 'Poppins'; line-height: 30px; font-size: 20px; font-weight: 600; -webkit-transition: all .4s ease; transition: all .4s ease; margin-bottom: 10px; } .blog-area .blog-post-list .single-post-list h3:hover { color: #E1BA60; } .blog-area .blog-post-list .single-post-list span { font-size: 13px; color: #C08C4D; font-family: 'Poppins'; font-weight: 600; display: inline-block; vertical-align: middle; text-transform: uppercase; } .blog-area.dark-bg { background: #2B2B2B; padding: 100px 0; } .blog-area.dark-bg .title h3 { color: #FFFFFF; } .blog-area.dark-bg .single-blog-post h3 { color: #FFFFFF; } .blog-area.dark-bg .single-blog-post h3:hover { color: #E1BA60; } .blog-area.dark-bg .single-blog-post p { color: #7C7C7C; } .blog-area.dark-bg .blog-post-list .single-post-list h3 { color: #FFFFFF; } .blog-area.dark-bg .blog-post-list .single-post-list h3:hover { color: #E1BA60; } .blog-area.dark-bg .blog-post-list .single-post-list+.single-post-list { border-top: 1px solid rgba(232, 232, 232, .20) } .blog-area.dark-bg .blog-post-list { border: 1px solid #4F4F4F; background: #292929; } .widget { margin: 0; } .widget+.widget { margin-top: 60px; } .widget .widget-title { margin: 0 0 35px; font: 600 20px/1 "Poppins", serif; text-transform: capitalize; } .widget .widget-title:after { content: ''; display: inline-block; width: 35px; height: 2px; background: #36a9e1; margin-left: 10px; } .widget .widget-inner { margin: 0; } .widget .search-form .form-control { height: 48px; border-radius: 0; background: #2a2a2a; border: none; font: 14px/48px "Open Sans", sans-serif; padding: 0 15px; -webkit-box-shadow: none; box-shadow: none; color: #d7d7d7; } .widget .search-form .form-control+.input-group-addon { padding: 0; border: 0; border-radius: 0; background: #2a2a2a; } .widget .search-form .form-control+.input-group-addon button { border: 0; background: #2a2a2a; color: #d7d7d7; font-size: 16px; line-height: 46px; padding-right: 15px; } .widget ul.categories li a { color: #808080; padding: 0; font: 14px/44px "Open Sans", sans-serif; } .widget ul.categories li a i { margin-right: 10px; } .widget ul.categories li a:hover, .widget ul.categories li a:focus { color: #222; background: none; } .widget ul.categories li+li { border-top: 1px solid #e0e0e0; } .widget .popular-post+.media { margin-top: 30px; } .widget .popular-post .media-left { padding-right: 30px; } .widget .popular-post .media-left a { width: 120px; display: block; } .widget .popular-post .media-left a img { max-width: 100%; } .widget .popular-post .media-body h5 { margin: 0; font: 13px/20px "Open Sans", sans-serif; } .widget .popular-post .media-body h5.post-title a { color: #242424; text-transform: uppercase; } .widget .popular-post .media-body h5.post-date { margin-top: 12px; } .widget .popular-post .media-body h5.post-date a { color: #999; } .widget .tag { padding: 0 18px; font: 13px/38px "Open Sans", sans-serif; white-space: nowrap; color: #898989; background: #fbfbfb; border: 1px solid #e2e2e2; float: left; display: block; margin-right: 10px; margin-bottom: 10px; text-transform: uppercase; } .widget .recent-projects { max-width: 320px; } .widget .recent-projects .item img { max-width: 100%; } .widget .recent-projects .owl-controls .owl-dots { display: table; margin: 30px auto 0; } .widget .recent-projects .owl-controls .owl-dots .owl-dot { float: left; width: 12px; height: 12px; border: 1px solid #8f8f8f; background: transparent; border-radius: 100%; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .widget .recent-projects .owl-controls .owl-dots .owl-dot+.owl-dot { margin-left: 6px; } .widget .recent-projects .owl-controls .owl-dots .owl-dot.active { border-color: #36a9e1; background: #36a9e1; } .about-post-author { margin: 0 10px; } .about-post-author .author-bio { padding: 25px; background: #2a2a2a; } @media (max-width: 479px) { .about-post-author .author-bio { padding: 15px; } } .about-post-author .author-bio .media-left { padding-right: 30px; } @media (max-width: 479px) { .about-post-author .author-bio .media-left { padding-right: 0; display: block; padding-bottom: 30px; } } .about-post-author .author-bio .media-left a { display: block; width: 122px; height: 122px; } @media (max-width: 479px) { .about-post-author .author-bio .media-left a { margin: 0 auto; } } .about-post-author .author-bio .media-body h4 { text-transform: uppercase; margin: 0 0 10px; font: 600 16px/1 "Open Sans", sans-serif; } .about-post-author .author-bio .media-body h4 a { color: #fff; } .about-post-author .author-bio .media-body h4 a small { color: #FFF; margin-left: 5px; text-transform: capitalize; } .about-post-author .author-bio .media-body p { color: #fff; margin-bottom: 0; font: 14px/26px "Open Sans", sans-serif; } .about-post-author .posts-social { font: 14px/50px "Open Sans", sans-serif; padding: 0 15px 0 34px; border: 1px solid #eee; border-top: 0; } @media (max-width: 479px) { .about-post-author .posts-social { padding-left: 15px; } } .about-post-author .posts-social .post-count { float: left; color: #242424; } .about-post-author .posts-social .social { float: right; } @media (max-width: 479px) { .about-post-author .posts-social .social { float: left; } } .about-post-author .posts-social .social li { float: left; } .about-post-author .posts-social .social li a { color: #010101; padding: 0 10px; font-size: 16px; } .about-post-author .posts-social .social li a:hover, .about-post-author .posts-social .social li a:focus { background: #36a9e1; color: #fff; } .comments_count, .leave-comment-title { margin: 45px 10px 30px; font: 600 22px/1 "Poppins", serif; } .leave-comment-title { margin: 60px 10px 25px; } .comments { margin: 0 10px; border: 1px solid #eee; } .comments .comment { padding: 25px; } @media (max-width: 479px) { .comments .comment { padding: 15px; } } .comments .comment+.comment { margin-top: 0; border-top: 1px solid #eee; } .comments .comment .media-left { padding-right: 30px; } @media (max-width: 479px) { .comments .comment .media-left { padding-right: 0; padding-bottom: 20px; display: block; } } .comments .comment .media-left a { display: block; width: 70px; height: 70px; } .comments .comment .media-left a img { max-width: 100%; } @media (max-width: 991px) { .comments .comment .media-body { overflow: visible; } } .comments .comment .media-body h5, .comments .comment .media-body p { font: 14px/26px "Open Sans", sans-serif; margin: 0; color: #242424; } .comments .comment .media-body p { color: #8e8d8d; } .comments .comment .media-body .date-reply { margin: 15px 0 0; } .comments .comment .media-body .date-reply li { float: left; } .comments .comment .media-body .date-reply li a { padding: 0; font: 13px/1 "Open Sans", sans-serif; text-transform: capitalize; color: #e1ba60; } .comments .comment .media-body .date-reply li a:hover, .comments .comment .media-body .date-reply li a:focus { background: none; } .comments .comment .media-body .date-reply li+li:before { content: ''; width: 1px; height: 14px; float: left; background: #e1ba60; margin: 0 10px; } .comments .comment .media-body .date-reply li+li a { float: left; } .comments .comment.reply { padding-left: 0; } @media (max-width: 991px) { .comments .comment.reply { margin-left: -70px; } } @media (max-width: 479px) { .comments .comment.reply { margin-left: 30px; } } .comments .comment.reply:last-child { padding-bottom: 0; } .comment_form { padding: 50px 25px; border: 1px solid #eee; margin: 0 10px; background: #f7f7f7; } @media (max-width: 479px) { .comment_form { padding: 20px 15px; } } .comment_form .form-control { border-radius: 0; padding: 9px 20px; font: 14px/25px "Open Sans", sans-serif; color: #c4c4c4; margin-bottom: 20px; } .comment_form .form-control::-moz-placeholder { color: #c4c4c4; opacity: 1; } .comment_form .form-control:-ms-input-placeholder { color: #c4c4c4; } .comment_form .form-control::-webkit-input-placeholder { color: #c4c4c4; } .comment_form .form-control+input { margin-left: 20px; } @media (max-width: 479px) { .comment_form .form-control+input { margin-left: 0; } } .comment_form input { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); float: left; } @media (max-width: 479px) { .comment_form input { width: 100%; } } .comment_form textarea { height: 168px; resize: none; margin-bottom: 32px; } .comment_form .btn-primary { background: #161616; border: none; text-transform: uppercase; font: 13px/40px "Open Sans", sans-serif; padding: 0 20px; color: #e1ba60; } .comment_form .btn-primary i { margin-left: 10px; } .comment_form .btn-primary:hover, .comment_form .btn-primary:focus { color: #fff; } .post-list { margin: 0; width: 100%; } .post-list li { float: left; width: 250px; font: 14px/30px "Open Sans", sans-serif; color: #e1ba60; } .post-list li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; padding-right: 10px; } /************************** * 10. client carousel styles ***************************/ .clients { padding-bottom: 65px; } .clients .clients-logos { margin-top: -15px; } .clients .clients-logos .client { padding: 15px; } @media (max-width: 479px) { .clients .clients-logos .client { width: 50%; } } .clients .clients-logos .inner-logo { border: 1px solid #f0f0f0; text-align: center; line-height: 128px; } .clients .clients-logos .inner-logo img { max-width: 100%; } /* owl carousel styles */ .clients .owl-theme.clients-logos .client { padding: 0; } .clients .owl-theme.clients-logos .inner-logo img { max-width: none; width: auto; display: inline; } .clients .owl-theme.clients-logos .owl-controls .owl-dots { text-align: center; padding-top: 48px; } .clients .owl-theme.clients-logos .owl-controls .owl-dots .owl-dot { display: inline-block; font: normal normal normal 15px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clients .owl-theme.clients-logos .owl-controls .owl-dots .owl-dot:before { content: "\f10c"; } .clients .owl-theme.clients-logos .owl-controls .owl-dots .owl-dot.active { color: #e1ba60; font-size: 15px; } .clients .owl-theme.clients-logos .owl-controls .owl-dots .owl-dot+.owl-dot { margin-left: 17px; } .client-carousel-wrapper .container { border-top: 1px solid #dddddd; padding-bottom: 120px; padding-top: 60px; max-width: 1170px; padding-left: 0; padding-right: 0; } .client-carousel-wrapper.gray-bg { background: #F3F3F3; } .client-carousel-wrapper.white-bg .container { padding-top: 100px; padding-bottom: 100px; border-top: 0; } /************************** * 11. fun fact styles ***************************/ .counting-area { background: url(../images/counte_rbg.jpg) no-repeat scroll center 0; -webkit-background-size: cover; background-size: cover; position: relative; } @media (max-width: 991px) { .counting-area { padding: 50px 0; } } .counting-area:before, .counting-area:after { content: ''; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; display: block; } .counting-area:before { background: #4a350b; opacity: 0.702; z-index: 0; } .counting-area:after { z-index: 1; background: #000; opacity: 0.30; } @media (max-width: 991px) { .counting-area .counting .col-sm-3+.col-sm-3 { margin-top: 20px; } } .counting-area .counting .info-media { position: relative; z-index: 163; } @media (max-width: 991px) { .counting-area .counting .info-media { max-width: 210px; margin: 20px auto 0; } .counting-area .counting .info-media:nth-child(1), .counting-area .counting .info-media:nth-child(2) { margin-top: 0; } } .counting-area .counting .info-media .media-left { vertical-align: middle; } .counting-area .counting .info-media .media-icon { font-family: 'Stroke-Gap-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.7; font-size: 50px; color: #fff; padding-right: 15px; } @media (max-width: 991px) { .counting-area .counting .info-media .media-icon { font-size: 36px; padding-right: 10px; } } .counting-area .counting .info-media .media-text h3 { font-family: "Open Sans", sans-serif; font-size: 50px; line-height: 30px; font-style: italic; color: #fff; margin: 11px 0px; } @media (max-width: 991px) { .counting-area .counting .info-media .media-text h3 { font-size: 40px; } } .counting-area .counting .info-media .media-text h4 { font-family: "Open Sans", sans-serif; line-height: 30px; font-style: italic; color: #fff; margin: 0px; } @media (max-width: 1199px) { .counting-area .counting .info-media .media-text h4 { font-size: 16px; } } @media (max-width: 991px) { .counting-area .counting .info-media .media-text h4 { font-size: 15px; font-weight: normal; line-height: 1.5; } } .fun-fact-style-one { background: #000 url(../images/updated-image/fun-fact-bg-1.jpg) center top no-repeat fixed; -webkit-background-size: cover; background-size: cover; } .fun-fact-style-one .inner { background: rgba(0, 0, 0, .55); padding: 89px 0; } .single-fun-fact-style-one h3 { margin: 0; color: #fff; font-family: 'Open Sans'; font-size: 70px; font-weight: 700; line-height: 1em; } .single-fun-fact-style-one .line { width: 40px; height: 3px; background: #BF8B4E; display: inline-block; vertical-align: baseline; margin-top: 30px; margin-bottom: 20px; } .single-fun-fact-style-one p { margin: 0; font-family: 'Open Sans'; font-size: 18px; line-height: 1.35em; color: #fff; } /************************** * 12. service styles ***************************/ .service_slide.row { z-index: 991; position: relative; } .service_slide.row:before { content: ''; display: block; position: absolute; width: 100%; height: -webkit-calc(100% - 55px); height: calc(100% - 55px); background: url(../images/services.png) no-repeat scroll right bottom white; z-index: -1; opacity: 0.4; bottom: 0; } .service_slide.row .service_about { margin: 35px 0 80px; } .service_slide.row .service_about.sectpad { margin: 0; padding: 80px 15px; } .service_slide.row .service_about h2 { font: 600 32px/1 "Poppins", serif; margin: 0 0 20px; color: #282c3d; } .service_slide.row .service_about p { font: 15px/26px "Open Sans", sans-serif; color: #898989; margin: 0; } .service_slide.row .service_about .nav { color: #e1ba60; } .service_slide.row .service_about .nav li { font: 15px/40px "Open Sans", sans-serif; } @media (max-width: 479px) { .service_slide.row .service_about .nav li { font-size: 12px; line-height: 26px; } } .service_slide.row .service_about .nav li i { margin-right: 16px; } .services_carousel { position: relative; z-index: 1; top: -50px; } .services_carousel .owl-item .item { background: #2d2f31; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .services_carousel .owl-item .item .inner { padding: 45px 35px; } @media (max-width: 991px) { .services_carousel .owl-item .item .inner { padding: 40px 60px; } } .services_carousel .owl-item .item .inner h3 { color: #fff; font: 22px/1 "Poppins", serif; margin: 0 0 20px; text-transform: capitalize; font-weight: 600; } @media (max-width: 1199px) { .services_carousel .owl-item .item .inner h3 { font-size: 21px; } } .services_carousel .owl-item .item .inner h3:after { content: ''; display: block; width: 50px; height: 2px; margin-top: 10px; background: #e1ba60; } .services_carousel .owl-item .item .inner p { font: 14px/24px "Open Sans", sans-serif; color: #999; margin-bottom: 20px; } .services_carousel .owl-item .item .inner .ancar { font: 13px/1 "Open Sans", sans-serif; color: #e1ba60; text-transform: uppercase; } .services_carousel .owl-item .item .inner .ancar i { margin-left: 5px; } .services_carousel .owl-item.center .item { background: #e1ba60; } .services_carousel .owl-item.center .item .inner h3 { color: #000; } .services_carousel .owl-item.center .item .inner h3:after { background: #000; } .services_carousel .owl-item.center .item .inner p { color: #2d2f31; } .services_carousel .owl-item.center .item .inner .ancar { color: #2d2f31; } .services_carousel .owl-item.center+.owl-item .item { background: #616568; } .services_carousel .owl-prev, .services_carousel .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .services_carousel .owl-prev i, .services_carousel .owl-next i { width: 40px; line-height: 40px; font-size: 18px; text-align: center; background: #2a2a2a; color: #fff; cursor: pointer; -webkit-box-shadow: 0 0 3px transparent; box-shadow: 0 0 3px transparent; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .services_carousel .owl-prev i:hover, .services_carousel .owl-prev i:focus, .services_carousel .owl-next i:hover, .services_carousel .owl-next i:focus { background: #e1ba60; -webkit-box-shadow: 0 0 3px #2a2a2a; box-shadow: 0 0 3px #2a2a2a; } .services_carousel .owl-next { text-align: right; right: 0; } .services_carousel .owl-controls .owl-dots { text-align: center; padding-top: 48px; } .services_carousel .owl-controls .owl-dots .owl-dot { display: inline-block; font: normal normal normal 15px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .services_carousel .owl-controls .owl-dots .owl-dot:before { content: "\f10c"; } .services_carousel .owl-controls .owl-dots .owl-dot.active { color: #e1ba60; font-size: 15px; } .services_carousel .owl-controls .owl-dots .owl-dot+.owl-dot { margin-left: 17px; } .service-style-one { padding-top: 100px; padding-bottom: 50px; } .service-style-one.gray-bg { background: #EEEEEE; } .service-style-one .title { margin-bottom: 50px; } .service-style-one .title h3, .service-style-one .title p { margin: 0; } .service-style-one .title h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #232323; } .service-style-one .title h3:after { content: ''; width: 40px; height: 2px; background: #c08c4d; display: inline-block; vertical-align: bottom; position: relative; bottom: 5px; margin-left: 20px; } .service-style-one .title p { font-family: 'Open Sans'; color: #787878; font-size: 17px; margin-top: 20px; } .single-service-style-one { margin-bottom: 50px; } .single-service-style-one .img-box { position: relative; overflow: hidden; } .single-service-style-one .img-box:before { content: ''; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; transition: all .4s ease; z-index: 1; } .single-service-style-one .img-box:hover:before { opacity: .5; } .single-service-style-one .img-box>img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .4s ease; } .single-service-style-one .img-box:hover>img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .single-service-style-one .text-box { margin-top: 30px; } .single-service-style-one .text-box h3 { margin: 0; color: #232323; font-family: 'Poppins'; font-size: 20px; font-weight: 600; transition: all .4s ease; } .single-service-style-one .text-box h3:hover { color: #E0B961; } .single-service-style-one .text-box h3:after { content: ''; width: 36px; height: 2px; background: #E0B961; display: block; margin-top: 15px; } .service-style-two.gray-bg { background: #F3F3F3; padding: 100px 0; } .service-style-two .title { margin-bottom: 50px; } .service-style-two .title h3 { margin: 0; font-family: 'Poppins'; font-size: 32px; color: #313131; font-weight: 600; } .service-style-two .title h3:after { content: ''; display: inline-block; vertical-align: baseline; background: #36a9e1; width: 40px; height: 2px; margin-left: 20px; } .service-style-two .title p { margin: 0; color: #787878; font-size: 16px; font-family: 'Open Sans'; margin-top: 8px; } .single-service-style-two {} .single-service-style-two .img-box {} .single-service-style-two .text-box { background: #FFFFFF; padding-top: 35px; padding-left: 25px; padding-right: 25px; padding-bottom: 35px; transition: all .4s ease; } .single-service-style-two:hover .text-box { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); } .single-service-style-two .text-box h3, .single-service-style-two .text-box p { margin: 0; } .single-service-style-two .text-box h3 { font-size: 20px; font-family: 'Poppins'; font-weight: 600; color: #232323; margin-bottom: 10px; } .single-service-style-two .text-box p { color: #787878; font-size: 15px; line-height: 24px; font-family: 'Open Sans'; } .single-service-style-two .img-box { position: relative; overflow: hidden; } .single-service-style-two .img-box:before { /* content: ''; */ width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; transition: all .4s ease; z-index: 1; } .single-service-style-two .img-box:hover:before { opacity: .5; } .single-service-style-two .img-box>img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .4s ease; } .single-service-style-two .img-box:hover>img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .service-style-two-carousel .owl-nav { position: absolute; bottom: 100%; right: 0; margin-bottom: 50px; } .service-style-two-carousel .owl-nav [class*=owl-] { display: inline-block; vertical-align: middle; width: 46px; height: 46px; border: 2px solid rgba(96, 96, 96, .50); line-height: 42px; text-align: center; color: #545454; font-size: 22px; transition: all .4s ease; } .service-style-two-carousel .owl-nav [class*=owl-]:hover { color: #232323; background: #36a9e1; border-color: #36a9e1; } .service-style-two-carousel .owl-nav [class*=owl-next] { margin-left: 10px; } .service-style-three { padding: 100px 0; } .service-style-three .title { margin-bottom: 75px; } .service-style-three .title h3 { margin: 0; color: #232323; font-family: 'Poppins'; font-weight: 500; font-size: 24px; line-height: 34px; } .service-style-three .title p { margin: 0; font-family: 'Open Sans'; color: #787878; font-size: 16px; line-height: 26px; border-left: 1px solid #BCBCBC; padding-left: 45px; } .service-style-three .more-box { margin-top: 50px; } .service-style-three .more-box a.more-btn { display: inline-block; vertical-align: middle; width: 207px; height: 49px; border: 2px solid #BF8B4E; color: #BF8B4E; font-size: 16px; font-family: 'Poppins'; font-weight: 600; border-radius: 24.5px; line-height: 45px; transition: all .4s ease; } .service-style-three .more-box a.more-btn:hover { background: #BF8B4E; color: #fff; } .single-service-style-three .img-box { position: relative; overflow: hidden; } .single-service-style-three .img-box:before { content: ''; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; transition: all .4s ease; z-index: 1; } .single-service-style-three .img-box:hover:before { opacity: .5; } .single-service-style-three .img-box>img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .4s ease; } .single-service-style-three .img-box:hover>img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .single-service-style-three .text-box { text-align: center; margin-top: 30px; } .single-service-style-three .text-box h3 { margin: 0; color: #232323; font-weight: 600; font-family: 'Poppins'; font-size: 17px; transition: all .4s ease; } .single-service-style-three .text-box h3:hover { color: #BF8B4E; } .free_quote { width: 500px; max-width: 100%; float: right; padding: 10px; background: #e1ba60; border-top: 8px solid #333; margin-top: -50px; } @media (max-width: 767px) { .free_quote { margin: 0 auto 80px; float: none; } } .free_quote h2 { color: #242424; font: 600 32px/1 "Poppins", serif; margin: 0 0 50px; text-transform: uppercase; } @media (max-width: 479px) { .free_quote h2 { font-size: 24px; margin-bottom: 20px; } } .free_quote .form_wrap { padding: 32px; border: 1px solid rgba(0, 0, 0, 0.4); } @media (max-width: 479px) { .free_quote .form_wrap { padding: 15px; } } .free_quote .form_wrap button[type="submit"] { background: #333; border-radius: 5px; color: #fff; text-transform: uppercase; } .free_quote .form_wrap button[type="submit"] i { margin-left: 14px; } /************************** * 13. testimonials styles ***************************/ .testimonial_header { display: block; margin-bottom: 45px; } .testimonial_header h2 { font: 600 34px/1 "Poppins", serif; text-transform: capitalize; margin: 0 0 5px; color: #323232; } .testimonial_header h2:after { display: block; content: ''; width: 55px; height: 3px; background: #36a9e1; margin-top: 20px; } .testimonial_header.v2 { text-align: center; } .testimonial_header.v2 h2 { color: #fff; } .testimonial_header.v2 h2:after { display: block; margin: 15px auto 0; } .testimonials-area { background: #f3f5f7; display: block; } @media (max-width: 991px) { .testimonials-area .testimonials { margin-bottom: 85px; } } .testimonials-area .testimonials .testimonial { margin-top: 12px; } .testimonials-area .testimonials .testimonial .slide { padding-right: 15px; } .testimonials-area .testimonials .testimonial .slide .testimonial-slider { border-bottom: 1px solid #d8d8d8; } .testimonials-area .testimonials .testimonial .slide .testimonial-image { width: 100%; position: relative; padding-left: 0; margin-left: 0; padding-top: 58px; bottom: 0; left: 0; } .testimonials-area .testimonials .testimonial .slide .testimonial-image li { text-indent: 0px; width: 80px; height: 80px; margin: 1px; border-radius: 50%; margin-right: 50px; padding: 3px; background: transparent; border: 1px solid transparent; position: relative; } @media (max-width: 479px) { .testimonials-area .testimonials .testimonial .slide .testimonial-image li { margin-right: 3px; } } .testimonials-area .testimonials .testimonial .slide .testimonial-image li img { max-width: 100%; opacity: 0.60; border-radius: 100%; } .testimonials-area .testimonials .testimonial .slide .testimonial-image li.active { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); border-color: #d4d4d4; background: #fff; } .testimonials-area .testimonials .testimonial .slide .testimonial-image li.active:before { position: absolute; width: 15px; height: 15px; content: ""; top: -51px; display: block; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 41%; background: #f3f5f7; } .testimonials-area .testimonials .testimonial .slide .testimonial-image li.active img { opacity: 1; } .testimonials-area .testimonials .testimonial .slide .testimonial-image li:last-child { margin-right: 0px; } .testimonials-area .testimonials .testimonial .slide .testimonial-text { position: relative; left: 0; right: 0; bottom: 0; text-align: left; text-shadow: none; color: #8d8d8d; padding-top: 0; } .testimonials-area .testimonials .testimonial .slide .testimonial-text h5 { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 26px; color: #242424; margin: 0 0 15px; } .testimonials-area .testimonials .testimonial .slide .testimonial-text p { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 26px; color: #8d8d8d; } .testimonials-area .testimonials .testimonial .slide .testimonial-text h6 { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 15px; text-align: right; } .testimonials-area .testimonials .testimonial .slide .testimonial-text h6 a { color: #36a9e1; } .testimonials-area.v2 { background: #181818; position: relative; z-index: 0; text-align: center; } .testimonials-area.v2:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: url(../images/testimonials/bg.jpg) no-repeat scroll center top; -webkit-background-size: cover; background-size: cover; z-index: 1; opacity: 0.28; } .testimonials-area.v2 .container { position: relative; z-index: 2; max-width: 970px; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-slider { border-color: rgba(255, 255, 255, 0.4); } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-image li { border: none; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-image li.active { background: transparent; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-image li.active:before { background: none; top: -50px; opacity: 0.4; border-color: #fff; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-text { text-align: center; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-text h5 { color: #fff; position: relative; margin-bottom: 5px; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-text h5:before { content: '“'; display: inline-block; font: 130px/35px "Arial"; color: #e1ba60; padding-top: 50px; height: 35px; overflow: hidden; margin-right: 20px; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-text p { font-size: 18px; line-height: 30px; color: #c6c6c6; } .testimonials-area.v2 .container .testimonials .testimonial .slide .testimonial-text h6 { text-align: center; font-size: 16px; margin-top: 20px; } .bg_top { background: #f5f5f5; } .bg_top .member_comment { background: #fff; } .bg_bottom { background: #fff; } .bg_bottom .member_comment { background: #f5f5f5; } .testimonials .members { text-align: center; } @media (max-width: 767px) { .testimonials .members .member+.member { margin-top: 50px; } } .testimonials .members .member h4 { font: 600 16px/28px "Open Sans", sans-serif; color: #242424; margin: 0; padding: 30px 0 15px 0; } .testimonials .members .member .member_comment { padding: 30px; border-top: 2px solid #e0e0e0; } @media (max-width: 1199px) { .testimonials .members .member .member_comment { padding: 20px 15px; } } @media (max-width: 767px) { .testimonials .members .member .member_comment { padding: 15px; } } .testimonials .members .member .member_comment p { font: 15px/26px "Open Sans", sans-serif; color: #898989; } @media (max-width: 1199px) { .testimonials .members .member .member_comment p { margin-bottom: 0; font-size: 14px; line-height: 24px; } } .testimonials-style-two.gray-bg { background: #ECECEC url(../images/updated-image/testi-2-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; } .testimonials-style-two-carousel .single-testimonials-style-two img { width: auto; } .single-testimonials-style-two .top-box { background: #FFFFFF; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); position: relative; padding-left: 18px; padding-right: 19px; padding-top: 30px; padding-bottom: 40px; border-radius: 4px; } .single-testimonials-style-two .top-box:after { content: ''; width: 28px; height: 23px; background: transparent url(../images/updated-image/qoute-angle-1-1.png) 0 0 no-repeat; position: absolute; bottom: -23px; left: 65px; } .single-testimonials-style-two .top-box .img-box, .single-testimonials-style-two .top-box .text-box { display: table-cell; vertical-align: top; } .single-testimonials-style-two .top-box .text-box { padding-left: 20px; } .single-testimonials-style-two .top-box .text-box p { color: #9C9C9C; font-size: 15px; line-height: 26px; font-family: 'Open Sans'; margin: 0; } .single-testimonials-style-two .name-box { margin-top: 35px; } .single-testimonials-style-two .name-box .img-box, .single-testimonials-style-two .name-box .text-box { display: table-cell; vertical-align: middle; } .single-testimonials-style-two .name-box .text-box { padding-left: 30px; } .single-testimonials-style-two .name-box .text-box h3 { margin: 0; color: #9C9C9C; font-weight: 400; font-size: 15px; } .testimonials-style-two { padding: 100px 0; } .testimonials-style-two .title { margin-bottom: 42px; } .testimonials-style-two .title h3 { margin: 0; font-family: 'Poppins'; font-weight: 600; font-size: 34px; color: #292929; margin-bottom: 0px; } .testimonials-style-two .title h3:after { content: ''; width: 40px; height: 2px; background: #232323; display: inline-block; margin-left: 25px; } .testimonials-area.home-page-four { background: #fff; } .testimonials-area.home-page-four .about-feature .title h3:after { margin-left: 0; display: block; margin-top: 25px; } .testimonials-area.home-page-four .testimonial_header h2:after { display: block; margin-left: 0; width: 55px; height: 2px; margin-top: 25px; } .testimonials-area.home-page-four .request_form .form-control, .free_quote .form-control { border-color: #D8D8D8; } .testimonials-area.home-page-four .about-feature .single-about-feature+.single-about-feature { margin-top: 38px; } .testimonials-style-three.gray-bg { background: #ECECEC; padding-top: 100px; padding-bottom: 120px; } .testimonials-style-three .container { max-width: 1000px; } .testimonials-style-three .title { padding-left: 195px; margin-bottom: 50px; } .testimonials-style-three .title h3 { margin: 0; color: #232323; font-family: 'Poppins'; font-weight: 600; font-size: 32px; } .testimonials-style-three .title h3:after { content: ''; width: 40px; height: 2px; background: #232323; display: inline-block; vertical-align: baseline; margin-left: 30px; } .testimonials-style-three .single-testimonials-style-three .img-box, .testimonials-style-three .single-testimonials-style-three .text-box { display: table-cell; vertical-align: top; } .testimonials-style-three .single-testimonials-style-three .text-box h4, .testimonials-style-three .single-testimonials-style-three .text-box p { margin: 0; } .testimonials-style-three .single-testimonials-style-three .img-box { width: 95px; position: relative; } .testimonials-style-three .single-testimonials-style-three .img-box:after { content: ''; width: 47px; height: 37px; background: transparent url(../images/updated-image/testi-qoute-2-1.png) 0 0 no-repeat; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .testimonials-style-three .single-testimonials-style-three .text-box { padding-left: 100px; } .testimonials-style-three .single-testimonials-style-three .text-box h4 { color: #232323; font-family: 'Open Sans'; font-size: 20px; font-style: italic; margin-top: 20px; } .testimonials-style-three .single-testimonials-style-three .text-box p { color: #232323; font-family: 'Open Sans'; font-weight: 300; font-size: 20px; line-height: 28px; } .testimonials-style-three-carousel .owl-nav { position: absolute; bottom: 100%; right: 0; margin-bottom: 55px; } .testimonials-style-three-carousel .owl-nav [class*=owl-] { display: inline-block; vertical-align: middle; width: 46px; height: 46px; border: 2px solid rgba(96, 96, 96, .50); line-height: 42px; text-align: center; color: #545454; font-size: 22px; transition: all .4s ease; } .testimonials-style-three-carousel .owl-nav [class*=owl-]:hover { color: #232323; background: #E1BA60; border-color: #E1BA60; } .testimonials-style-three-carousel .owl-nav [class*=owl-next] { margin-left: 10px; } /************************** * 14. request qoute styles ***************************/ .request_form .form-control, .free_quote .form-control { width: 100%; height: 47px; border-radius: 0; margin-bottom: 15px; border: 1px solid #e5e5e5; -webkit-box-shadow: none; box-shadow: none; color: #000; font: 14px/45px "Open Sans", sans-serif; padding: 0 20px; } .request_form .form-control::-moz-placeholder, .free_quote .form-control::-moz-placeholder { color: #898989; opacity: 1; } .request_form .form-control:-ms-input-placeholder, .free_quote .form-control:-ms-input-placeholder { color: #898989; } .request_form .form-control::-webkit-input-placeholder, .free_quote .form-control::-webkit-input-placeholder { color: #898989; } .request_form .form-control.bootstrap-select, .free_quote .form-control.bootstrap-select { padding: 0; } .request_form .form-control.bootstrap-select .btn, .free_quote .form-control.bootstrap-select .btn { font: 14px/45px "Open Sans", sans-serif; padding: 0 20px; background: none; -webkit-box-shadow: none; box-shadow: none; border: none; color: #898989; } .request_form .form-control.bootstrap-select .btn .bs-caret, .free_quote .form-control.bootstrap-select .btn .bs-caret { color: #605f5f; } .request_form .form-control.bootstrap-select .dropdown-menu, .free_quote .form-control.bootstrap-select .dropdown-menu { margin: 0; border-radius: 0; } .request_form .form-control.bootstrap-select .dropdown-menu ul li a, .free_quote .form-control.bootstrap-select .dropdown-menu ul li a { font: 14px/25px "Open Sans", sans-serif; } .request_form .form-control.bootstrap-select .dropdown-menu ul li a:hover, .request_form .form-control.bootstrap-select .dropdown-menu ul li a:focus, .free_quote .form-control.bootstrap-select .dropdown-menu ul li a:hover, .free_quote .form-control.bootstrap-select .dropdown-menu ul li a:focus { background: #222; color: #fff; } .request_form textarea.form-control, .free_quote textarea.form-control { height: 122px; resize: none; } .request_form button[type="submit"], .free_quote button[type="submit"] { background: #e1ba60; border: none; text-shadow: none; color: #323232; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 45px; padding: 9.5px 29px; line-height: 26px; font-size: 15px; margin-top: 15px; border-radius: 3px; } .request_form button[type="submit"]:hover, .request_form button[type="submit"]:focus, .free_quote button[type="submit"]:hover, .free_quote button[type="submit"]:focus { background: #323232; color: #fff; } .request_form button[type="submit"] i, .free_quote button[type="submit"] i { margin-left: 10px; } .touch .touch_bg .section_header p { max-width: 840px; } .touch .touch_bg .touch_top { padding-bottom: 50px; } .touch .touch_bg .touch_top ul { border: 1px solid #e5e5e5; padding: 12px 0; } .touch .touch_bg .touch_top ul .item { width: -webkit-calc(100% / 3); width: calc(100% / 3); float: left; padding: 15px 28px; text-align: center; border-right: 1px solid #ebebeb; } @media (max-width: 1199px) { .touch .touch_bg .touch_top ul .item { width: 32%; padding: 0 15px; } .touch .touch_bg .touch_top ul .item:nth-child(2) { width: 34%; } } @media (max-width: 991px) { .touch .touch_bg .touch_top ul .item { border: none; width: 100%; } .touch .touch_bg .touch_top ul .item+.item { margin-top: 15px; } .touch .touch_bg .touch_top ul .item:nth-child(2) { width: 100%; } } .touch .touch_bg .touch_top ul .item .media .media-left { padding-right: 30px; vertical-align: middle; } @media (max-width: 1280px) { .touch .touch_bg .touch_top ul .item .media .media-left { padding-right: 20px; } } .touch .touch_bg .touch_top ul .item .media .media-left a { color: #e1ba60; border: 1px solid #e1ba60; border-radius: 100%; display: block; width: 48px; height: 48px; } .touch .touch_bg .touch_top ul .item .media .media-left a i { border-radius: 50%; font-size: 30px; line-height: 32px; padding-top: 8px; } .touch .touch_bg .touch_top ul .item .media .media-body { text-align: left; font: 15px/26px "Open Sans", sans-serif; color: #898989; } @media (max-width: 1199px) { .touch .touch_bg .touch_top ul .item .media .media-body { font-size: 13px; line-height: 22px; } } .touch .touch_bg .touch_top ul .item:last-child { border-right: none; } .touch .touch_bg .touch_middle { padding-bottom: 85px; } .touch .touch_bg .touch_middle .input_form { position: relative; } .touch .touch_bg .touch_middle .input_form form .form-control { margin-bottom: 20px; border-radius: 0; font: 15px/26px "Open Sans", sans-serif; color: #959595; padding: 13px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } .touch .touch_bg .touch_middle .input_form form .form-control:hover, .touch .touch_bg .touch_middle .input_form form .form-control:focus { border: 1px solid #d6d6d6; border-color: #d6d6d6; outline: none; } .touch .touch_bg .touch_middle .input_form form textarea.form-control { margin-bottom: 30px; resize: none; } .touch .touch_bg .touch_middle .input_form form button { background: #e1ba60; text-transform: uppercase; font: 600 14px/21px "Open Sans", sans-serif; color: #222; padding: 10px 20px; text-shadow: none; border: none; } .touch .touch_bg .touch_middle .input_form form button i { font-size: 18px; padding-left: 15px; } .touch .touch_bg .touch_middle .input_form form button:hover, .touch .touch_bg .touch_middle .input_form form button:focus { color: #fff; background: #232323; } .touch .touch_bg .touch_middle .input_form #success, .touch .touch_bg .touch_middle .input_form #error { position: absolute; top: -15px; display: block; right: 0; left: 0; bottom: -15px; background: rgba(0, 0, 0, 0.5); display: none; } .touch .touch_bg .touch_middle .input_form #success p, .touch .touch_bg .touch_middle .input_form #error p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .touch .touch_bg .touch_middle .input_form #success { color: lawngreen; } .touch .touch_bg .touch_middle .input_form #error { color: orangered; } .touch .touch_bg .touch_middle .open_hours { padding-left: 60px; } @media (max-width: 1199px) { .touch .touch_bg .touch_middle .open_hours { padding-left: 15px; } } @media (max-width: 991px) { .touch .touch_bg .touch_middle .open_hours { padding-top: 30px; } } .touch .touch_bg .touch_middle .open_hours .hours { border: 1px solid #e3e3e3; background: #f5f5f5; padding: 40px; } @media (max-width: 479px) { .touch .touch_bg .touch_middle .open_hours .hours { padding: 15px; } } .touch .touch_bg .touch_middle .open_hours .hours h2 { font: 600 28px/1 "Poppins", serif; padding: 0; color: #282828; padding-bottom: 30px; margin: 0; } .touch .touch_bg .touch_middle .open_hours .hours ul li { font: 15px/21px "Open Sans", sans-serif; text-transform: capitalize; color: #898989; padding-bottom: 20px; } .touch .touch_bg .touch_middle .open_hours .hours ul li span { float: right; } #mapBox { height: 415px; } /************************** * 15. page cover styles ***************************/ .page-cover { background: url(../images/page-cover.jpg) no-repeat scroll center 0; -webkit-background-size: cover; background-size: cover; padding: 60px 0; text-transform: uppercase; } .page-cover h2, .page-cover h1 { font: 600 46px/1 "Poppins", serif; color: #fff; margin: 0 0 15px; text-transform: capitalize; } .page-cover p { font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 45px; } @media (max-width: 767px) { .page-cover h2, .page-cover h1 { font-size: 30px; } } .page-cover .breadcrumb { background: none; padding: 0; } .page-cover .breadcrumb li { font: 14px/1 "Open Sans", sans-serif; color: #FFF; float: left; text-transform: capitalize; } .page-cover .breadcrumb li+li:before { padding: 0 7px; content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page-cover .breadcrumb li a { color: #FFF; } /************************** * 16. who we are styles ***************************/ .who_we_are .section_header .margin_bot { margin-bottom: 0; } @media (max-width: 767px) { .who_we_are .slogan_area .slogan+.slogan { margin-top: 50px; } } .who_we_are .slogan_area img { width: 100%; } .who_we_are .slogan_area h4 { margin: 35px 0 10px; font-family: "Poppins", sans-serif; font-weight: bold; font-size: 16px; line-height: 21px; text-transform: uppercase; color: #242424; } .who_we_are .slogan_area p { margin-bottom: 0px; font-size: 14px; line-height: 24px; color: #989898; font-family: "Open Sans", sans-serif; } .fulwid_bg { background: #222222; } .expert img { margin-bottom: 15px; } .expert h4 { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 28px; color: #1a2329; margin: 20px 0 10px; text-transform: uppercase; } .expert p { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 26px; color: #898989; } /************************** * 17. features styles ***************************/ .fluid_features_row { background: #222325; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1100px) { .fluid_features_row { display: block; } } .fluid_features_row .promo_image { width: -webkit-calc(50% - 285px); width: calc(50% - 285px); float: left; text-align: right; } @media (max-width: 1440px) { .fluid_features_row .promo_image { width: -webkit-calc(50% - 200px); width: calc(50% - 200px); } } @media (max-width: 1170px) { .fluid_features_row .promo_image { width: -webkit-calc(50% - 280px); width: calc(50% - 280px); } } @media (max-width: 1100px) { .fluid_features_row .promo_image { width: 100%; text-align: center; margin-bottom: 20px; } } .fluid_features_row .promo_image img { width: 100%; display: inline-block; } .fluid_features_row .promo_features { float: left; width: -webkit-calc(50% + 285px); width: calc(50% + 285px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-left: 80px; } @media (max-width: 1440px) { .fluid_features_row .promo_features { width: -webkit-calc(50% + 200px); width: calc(50% + 200px); padding-left: 40px; } } @media (max-width: 1280px) { .fluid_features_row .promo_features { width: -webkit-calc(50% + 200px); width: calc(50% + 200px); padding-left: 20px; } } @media (max-width: 1170px) { .fluid_features_row .promo_features { width: -webkit-calc(50% + 280px); width: calc(50% + 280px); padding-left: 20px; } } @media (max-width: 1100px) { .fluid_features_row .promo_features { width: 100%; padding: 20px 0 0; } } .fluid_features_row .promo_features .features_inner { max-width: 800px; margin: 0; } @media (max-width: 1100px) { .fluid_features_row .promo_features .features_inner { margin: 0 auto; } } .fluid_features_row .promo_features .feature { width: 50%; float: left; padding: 0 20px; margin-top: 70px; } .fluid_features_row .promo_features .feature:nth-child(1), .fluid_features_row .promo_features .feature:nth-child(2) { margin-top: 0; } @media (max-width: 1440px) { .fluid_features_row .promo_features .feature { margin-top: 20px; } } @media (max-width: 1280px) { .fluid_features_row .promo_features .feature { padding: 0 15px; } } @media (max-width: 1170px) { .fluid_features_row .promo_features .feature { padding: 0 10px; } } @media (max-width: 1100px) { .fluid_features_row .promo_features .feature { margin-top: 0; margin-bottom: 40px; } } @media (max-width: 767px) { .fluid_features_row .promo_features .feature { width: 100%; padding: 0 15px; } } .fluid_features_row .promo_features .feature .media-left { padding-right: 30px; } @media (max-width: 1280px) { .fluid_features_row .promo_features .feature .media-left { padding-right: 20px; } } .fluid_features_row .promo_features .feature .media-left a { text-decoration: none; width: 70px; height: 70px; line-height: 66px; display: block; text-align: center; font-size: 34px; color: #e1ba60; border-radius: 100%; border: 2px solid #e1ba60; } .fluid_features_row .promo_features .feature .media-left a span { line-height: 70px; } @media (max-width: 1170px) { .fluid_features_row .promo_features .feature .media-left a { width: 50px; height: 50px; line-height: 34px; } .fluid_features_row .promo_features .feature .media-left a img { max-width: 100%; padding: 15px; } } .fluid_features_row .promo_features .feature .media-body h4 { font-size: 20px; font-family: "Poppins", serif; font-weight: bold; color: #e1ba60; text-transform: uppercase; } .fluid_features_row .promo_features .feature .media-body p { font-size: 14px; font-family: "Open Sans", sans-serif; color: #898989; line-height: 26px; margin: 0; } @media (max-width: 1280px) { .fluid_features_row .promo_features .feature .media-body p { line-height: 20px; } } @media (max-width: 1170px) { .fluid_features_row .promo_features .feature .media-body p { font-size: 13px; line-height: 16px; } } .feature-style-one { background: #222325; } .feature-style-one .feautred-img { margin-right: -15px; } .feature-content { padding-left: 85px; padding-top: 80px; } .feature-content .row { margin-left: -20px; margin-right: -20px; margin-top: -70px; } .feature-content [class*=col-] { padding-left: 20px; padding-right: 20px; } .single-feature-style-one { background: #222325; margin-top: 70px; } .single-feature-style-one .icon-box, .single-feature-style-one .text-box { display: table-cell; vertical-align: top; } .single-feature-style-one .icon-box .inner { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #E0B961; text-align: center; color: #E0B961; } .single-feature-style-one .icon-box .inner i { font-size: 44px; line-height: 68px; } .single-feature-style-one .text-box { padding-left: 30px; } .single-feature-style-one .text-box h3, .single-feature-style-one .text-box p { margin: 0; } .single-feature-style-one .text-box h3 { font-family: 'Poppins'; color: #E0B961; font-weight: 500; font-size: 20px; } .single-feature-style-one .text-box p { font-size: 14px; line-height: 26px; color: #888888; font-family: 'Open Sans'; margin-top: 5px; } .feature-style-two { background: #252527; } .feature-style-two .features-content { padding-left: 65px; padding-top: 70px; } .feature-style-two .features-content h3, .feature-style-two .features-content p, .feature-style-two .features-content span, .feature-style-two .features-content ul { margin: 0; padding: 0; list-style: none; } .feature-style-two .features-content h3 { color: #FFFFFF; font-family: 'Poppins'; font-weight: 600; font-size: 32px; line-height: 44px; } .feature-style-two .features-content h3:after { content: ''; width: 50px; height: 2px; background: #36a9e1; margin-left: 20px; vertical-align: baseline; display: inline-block; } .feature-style-two .features-content span { color: #36a9e1; font-size: 20px; font-family: 'Open Sans'; display: block; margin-top: 27px; } .feature-style-two .features-content p { color: #787878; font-size: 16px; line-height: 28px; margin-top: 10px; margin-bottom: 15px; } .feature-style-two .features-content ul li { color: #BEBEBE; font-size: 16px; position: relative; padding-left: 40px; } .feature-style-two .features-content ul li+li { margin-top: 10px; } .feature-style-two .features-content ul li i { color: #36a9e1; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 17px; } .feature-style-three { background: #36a9e1; } .feature-style-three [class*=col-]:nth-child(2) { position: relative; } .feature-style-three [class*=col-]:nth-child(2):after, .feature-style-three [class*=col-]:nth-child(2):before { content: ''; width: 1px; border-left: 1px solid #F1CF81; border-right: 1px solid #AB935C; height: 100%; position: absolute; top: 0; left: 0; } .feature-style-three [class*=col-]:nth-child(2):after { right: 0; left: auto; } .single-feature-style-three { text-align: center; padding: 46px 0; } .single-feature-style-three .icon-box, .single-feature-style-three .text-box { display: inline-block; vertical-align: middle; } .single-feature-style-three .icon-box i { font-size: 56px; color: #383734; } .single-feature-style-three .text-box { padding-left: 30px; text-align: left; } .single-feature-style-three .text-box h3 { margin: 0; color: #232323; font-family: 'Poppins'; font-weight: 600; font-size: 24px; line-height: 35px; } /************************** * 18. service sidebar styles ***************************/ .services .sidebar { width: 330px; } @media (max-width: 767px) { .services .sidebar { width: auto; } } .services .sidebar .nav-tabs { border-bottom: 0px; margin-bottom: 30px; background: #f0f0f0; padding: 10px; } @media (max-width: 767px) { .services .sidebar .nav-tabs { padding: 5px; } } .services .sidebar .nav-tabs li { width: 100%; margin-bottom: 10px; } @media (max-width: 767px) { .services .sidebar .nav-tabs li { width: auto; float: left; padding: 5px; margin: 0; } } @media (max-width: 480px) { .services .sidebar .nav-tabs li { width: 100%; } } .services .sidebar .nav-tabs li:last-child { margin-bottom: 0px; } .services .sidebar .nav-tabs li a { background: #fff; border: none; margin-right: 0px; border-radius: 0px; color: #000; font-size: 15px; line-height: 35px; font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; } .services .sidebar .nav-tabs li a:hover, .services .sidebar .nav-tabs li a:focus { background: #000; color: #e1ba60; border: 0px; } .services .sidebar .nav-tabs li a .fa { margin-right: 15px; padding-left: 5px; } @media (max-width: 991px) { .services .sidebar .nav-tabs li a .fa { margin-right: 10px; padding-left: 0; } } .services .sidebar .nav-tabs li.active a { background: #000; color: #e1ba60; border: 0px; } @media (max-width: 767px) { .services .sidebar .sidebar_ad { width: auto; float: left; margin-right: 30px; } } .services .sidebar .sidebar_ad img { max-width: 100%; } .services .sidebar .downloads { float: left; padding-top: 50px; } .services .sidebar .downloads h3 { font-family: "Poppins", serif; font-weight: bold; font-size: 20px; line-height: 28px; margin-top: 0; } .services .sidebar .downloads h3:after { content: " "; width: 35px; height: 2px; display: inline-block; background: #e1ba60; margin-left: 15px; } .services .sidebar .downloads .dload { margin-bottom: 20px; background: #f0f0f0; padding: 5px; } .services .sidebar .downloads .dload:last-child { margin-bottom: 0px; } .services .sidebar .downloads .dload .dlbg { background: #FBFBFB; padding: 10px; } .services .sidebar .downloads .dload .dlbg a { font-family: "Open Sans", sans-serif; font-weight: 600; color: #4c4c4c; line-height: 22px; text-transform: uppercase; padding-left: 10px; } .services .sidebar .downloads .dload .dlbg img { padding-left: 60px; } .services .tab_pages { width: -webkit-calc(100% - 330px); width: calc(100% - 330px); } @media (max-width: 767px) { .services .tab_pages { width: 100%; padding-top: 40px; clear: both; } } .services .tab_pages .tab-content { padding-left: 40px; } @media (max-width: 991px) { .services .tab_pages .tab-content { padding-left: 0; } } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_1 img { width: 100%; padding-bottom: 30px; padding-top: 45px; } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_1 h3 { margin-top: 0px; margin-bottom: 10px; font-family: "Poppins", serif; font-weight: bold; font-size: 24px; list-style: 28px; text-transform: capitalize; color: #242424; } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_1 p { padding: 0px; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 28px; color: #898989; } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 { padding-top: 30px; } @media (max-width: 991px) { .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_left { width: 100%; } } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_left h3 { padding-bottom: 20px; margin: 0px; font-family: "Poppins", serif; font-weight: bold; font-size: 24px; line-height: 28px; color: #242424; } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_left p { padding: 0px; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 28px; color: #898989; } @media (max-width: 991px) { .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_right { width: 100%; } } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_right img { width: 100%; } @media (max-width: 767px) { .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_right img { width: auto; float: left; margin: 10px 0; } } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_right img+img { margin-top: 30px; } @media (max-width: 767px) { .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_right img+img { margin: 10px 0; } } /*====================================================*/ .service .service_bg .container .section_header { margin-bottom: 0; } .service .service_bg .container .service_members .member { margin-top: 50px; } @media (max-width: 767px) { .service .service_bg .container .service_members .member { max-width: 350px; margin: 0; float: left; padding: 15px; } } @media (max-width: 719px) { .service .service_bg .container .service_members .member { max-width: 340px; margin: 0 auto; float: none; } } .service .service_bg .container .service_members .member .service_img { position: relative; } .service .service_bg .container .service_members .member .service_img img { max-width: 100%; } .service .service_bg .container .service_members .member .service_img .image_opacity { background: rgba(162, 163, 165, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .service .service_bg .container .service_members .member h4 { font: 600 20px/35px "Poppins", sans-serif; text-transform: capitalize; color: #242424; margin: 30px 0; } @media (max-width: 1199px) { .service .service_bg .container .service_members .member h4 { margin: 15px 0; } } .service .service_bg .container .service_members .member h4:after { display: block; margin-left: 0; margin-top: 15px; content: ''; width: 36px; height: 1px; background: #e1ba60; } @media (max-width: 1199px) { .service .service_bg .container .service_members .member h4:after { margin-top: 0; } } .service .service_bg .container .service_members .member p { font: 14px/24px "Open Sans", sans-serif; color: #818181; margin-bottom: 0; } /************************** * 19. maintenance styles ***************************/ .maintenance { background: #252525; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } @media (max-width: 1099px) { .maintenance { display: block; } } .maintenance:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url(../images/services/bg.jpg) no-repeat scroll 0 0; -webkit-background-size: cover; background-size: cover; opacity: 0.08; } .maintenance .maintenance_left { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; padding-right: 65px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; z-index: 2; } @media (max-width: 1280px) { .maintenance .maintenance_left { padding-right: 30px; } } @media (max-width: 1199px) { .maintenance .maintenance_left { width: 50%; padding: 0 15px; } } @media (max-width: 1099px) { .maintenance .maintenance_left { width: 100%; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; padding: 50px 20px; } } .maintenance .maintenance_left .features_inner { margin-left: auto; margin-right: 0; max-width: 635px; } @media (max-width: 1099px) { .maintenance .maintenance_left .features_inner { margin: 0 auto; } } @media (max-width: 1280px) { .maintenance .maintenance_left .features_inner .feature+.feature { margin-top: 5px; } } @media (max-width: 1199px) { .maintenance .maintenance_left .features_inner .feature+.feature { margin-top: 0; } } .maintenance .maintenance_left .features_inner .feature .media-left { padding-right: 35px; } @media (max-width: 1440px) { .maintenance .maintenance_left .features_inner .feature .media-left { padding-right: 25px; } } @media (max-width: 1440px) { .maintenance .maintenance_left .features_inner .feature .media-left img { max-width: 50px; } } @media (max-width: 1280px) { .maintenance .maintenance_left .features_inner .feature .media-left img { max-width: 40px; } } .maintenance .maintenance_left .features_inner .feature .media-body h4 { font: 600 20px/28px "Poppins", sans-serif; color: #fff; text-transform: capitalize; } @media (max-width: 1440px) { .maintenance .maintenance_left .features_inner .feature .media-body h4 { margin-bottom: 0; } } .maintenance .maintenance_left .features_inner .feature .media-body p { color: #a2a3a7; font: 14px/26px "Open Sans", sans-serif; } @media (max-width: 1440px) { .maintenance .maintenance_left .features_inner .feature .media-body p { line-height: 22px; } } @media (max-width: 1199px) { .maintenance .maintenance_left .features_inner .feature .media-body p { line-height: 20px; font-size: 13px; } } .maintenance .maintenance_right { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; position: relative; } @media (max-width: 1199px) { .maintenance .maintenance_right { width: 50%; } } @media (max-width: 1099px) { .maintenance .maintenance_right { width: 100%; text-align: center; } } .maintenance .maintenance_right img { width: 100%; height: 100%; } .maintenance .maintenance_right a { position: absolute; left: 0; font: italic 22px/28px "Playfair Display", serif; color: #252525; bottom: 80px; padding: 15px 40px; background: #d6b161; } @media (max-width: 1440px) { .maintenance .maintenance_right a { bottom: 40px; padding: 10px 25px; } } .maintenance .maintenance_right.ttup { text-transform: uppercase; } .maintenance .maintenance_right.ttup a { font: normal bold 25px/1 "Poppins", serif; } .maintenance.v2 .maintenance_left .features_inner .feature+.feature { margin-top: 20px; } @media (max-width: 1280px) { .maintenance.v2 .maintenance_left .features_inner .feature+.feature { margin-top: 5px; } } @media (max-width: 1199px) { .maintenance.v2 .maintenance_left .features_inner .feature+.feature { margin-top: 0; } } /************************** * 20. error 404 styles ***************************/ .content-404.row { background: url(../images/404.jpg) no-repeat scroll center top; padding: 120px 0 100px; } @media (max-width: 991px) { .content-404.row { background-position: right top; } } @media (max-width: 767px) { .content-404.row { text-align: center; padding: 70px 0; margin-bottom: -45px; } } .content-404.row h2 { color: #e1ba60; font: 800 200px/1 "Open Sans", sans-serif; margin: 0; } @media (max-width: 767px) { .content-404.row h2 { font-size: 120px; } } .content-404.row h3 { font: 600 50px/53px "Poppins", serif; color: #fff; margin: 0; } @media (max-width: 767px) { .content-404.row h3 { font-size: 20px; line-height: 30px; } } .content-404.row h4 { font: 300 25px/53px "Open Sans", sans-serif; margin: 0 0 35px; color: #fff; } @media (max-width: 767px) { .content-404.row h4 { font-size: 15px; line-height: 1.5; margin: 0 0 35px; } } .content-404.row a.redirect-to-home { font: 600 16px/55px "Open Sans", sans-serif; color: #000; border-radius: 5px; background-image: -webkit-linear-gradient(90deg, #cea74d 0%, #e1ba60 100%); border: none; padding: 0 138px; text-transform: uppercase; text-shadow: none; margin-bottom: 67px; } .content-404.row a.redirect-to-home:hover, .content-404.row a.redirect-to-home:focus { background-image: none; background: #2a2a2a; color: #fff; } @media (max-width: 767px) { .content-404.row a.redirect-to-home { padding: 0 50px; line-height: 45px; } } .content-404.row img.cons { margin-left: 18px; max-width: 100%; } @media (max-width: 767px) { .content-404.row img.cons { margin-left: 0; } } /************************** * 21. pricing styles ***************************/ .pricing { padding-bottom: 0; } .pricing .pricing_table .item { text-align: center; } @media (max-width: 991px) { .pricing .pricing_table .item { padding: 15px; } } @media (max-width: 560px) { .pricing .pricing_table .item { width: 70%; margin: 0 auto; float: none; } } @media (max-width: 479px) { .pricing .pricing_table .item { width: 300px; } } .pricing .pricing_table .item .table_header { background: #d6b161; color: #fff; } .pricing .pricing_table .item .table_header h2 { margin: 0; padding-top: 30px; font: 600 60px/1 "Open Sans", sans-serif; } .pricing .pricing_table .item .table_header h2 span { font: 600 50px/1 "Open Sans", sans-serif; vertical-align: top; } .pricing .pricing_table .item .table_header h5 { margin: 0; padding: 10px 0 20px; font: 12px "Open Sans", sans-serif; text-transform: uppercase; } .pricing .pricing_table .item .table_types { font: 600 15px/16px "Poppins", sans-serif; color: #fff; background: #000; text-transform: uppercase; padding: 12px 0; } .pricing .pricing_table .item .table_data { border: 1px solid #dadada; padding-bottom: 50px; padding-top: 20px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .pricing .pricing_table .item .table_data ul { margin-bottom: 30px; padding: 0 20px; } .pricing .pricing_table .item .table_data ul li { border-bottom: 1px solid #ececec; color: #898989; font: 14px/44px "Open Sans", sans-serif; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .pricing .pricing_table .item .table_data ul li:last-child { border: none; } .pricing .pricing_table .item .table_data a { text-transform: uppercase; font: 600 13px/22px "Open Sans", sans-serif; color: #4c4c4c; border: 1px solid #c4c4c4; padding: 12px 24px; border-radius: 5px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .pricing .pricing_table .item .table_data a i { margin-left: 10px; font: 14px/22px; } .pricing .pricing_table .business .table_data { background: #252525; border-color: #252525; } .pricing .pricing_table .business .table_data ul li { border-bottom: 1px solid #373737; } .pricing .pricing_table .business .table_data ul li:last-child { border: none; } .pricing .pricing_table .business .table_data a { background: #d6b161; color: #fff; border: none; } .pricing .pricing_table .business .table_types { background: #b39656; } .pricing.hasBg { background: url(../images/our_team/bg2.jpg) no-repeat scroll center center; -webkit-background-size: cover; background-size: cover; } .pricing.hasBg .pricing_table .item .table_data { background: #fff; } .pricing.hasBg .pricing_table .business .table_data { background: #252525; } /************************** * 22. subscribe styles ***************************/ .subscribe { padding: 110px 0 100px; position: relative; background: #000; z-index: 0; } .subscribe:before { content: ''; background: url(../images/subscribe.jpg) no-repeat scroll center top; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; opacity: 0.34; z-index: 1; } .subscribe .container { max-width: 1030px; position: relative; z-index: 2; } .subscribe .container h2 { color: #fff; margin: 0 0 30px; font: 300 35px/1 "Open Sans", sans-serif; text-transform: uppercase; } @media (max-width: 479px) { .subscribe .container h2 { font-size: 22px; } } .subscribe .container form .form-group { margin-right: 30px; } .subscribe .container form .form-group .form-control { border-color: #6d6d6d; background: none; width: 100%; font: italic 16px/40px "PT Serif", serif; padding: 0 20px; height: 42px; color: #c0c0c0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; } .subscribe .container form .form-group .form-control:focus { font-style: normal; } .subscribe .container form button { width: 230px; height: 42px; padding: 5px 0 5px 23px; background: #dba532; border: none; text-transform: uppercase; font: 14px/32px "Open Sans", sans-serif; text-shadow: none; color: #000; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; } .subscribe .container form button i { width: 50px; margin-left: 15px; font-size: 18px; line-height: 32px; text-align: center; border-left: 1px solid #69593d; } .subscribe .container form button:hover, .subscribe .container form button:focus { color: #fff; background: #252525; } /************************** * 23. cart style styles ***************************/ .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box { background: #fff; padding-top: 10px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); width: 350px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box li+li { margin-left: 0; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-header h4 { text-transform: capitalize; color: #391F0A; font-size: 16px; font-weight: bold; margin-bottom: 15px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content { padding: 15px 0; border-top: 1px dashed #BEBEBE; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .img-box { width: 100px; display: table-cell; vertical-align: top; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .img-box img { width: 100%; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content { display: table-cell; vertical-align: top; padding-left: 30px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content a { border: 0px solid #99989a; padding: 0; border-radius: none; width: auto; height: auto; color: #99989a; text-align: center; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content a:before { display: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content h4 { font-family: "Roboto Slab", serif; font-size: 13px; font-weight: 700; line-height: 30px; margin: 0; text-transform: uppercase; color: #000; margin-top: 5px; margin-bottom: 5px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content .rating i { color: #E1BA60; cursor: pointer; font-size: 13px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price { margin-top: 5px; margin-left: -10px; margin-right: -10px; list-style: none; padding-left: 0; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price li { display: table-cell; vertical-align: middle; padding: 0 10px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price li span { color: #2d2d2d; font-size: 16px; font-weight: 600; font-style: italic; font-family: "PT Serif", serif; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-content .content ul.price li span.or-price { text-decoration: line-through; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer { border-top: 1px dashed #BEBEBE; padding-top: 15px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer div { float: left; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer h4 { color: #000; text-transform: capitalize; font-weight: 700; font-size: 14px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box { float: right; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:before { display: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a { display: inline-block; vertical-align: middle; line-height: 35px; text-transform: uppercase; font-size: 13px; height: 35px; /*color: #fff;*/ border-radius: 5px; padding: 0 15px; width: auto; border: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box a.thm-btn { border: none; outline: none; background: #E1BA60; font-size: 12px; line-height: 28px; color: #000000; text-transform: uppercase; /* font-family: 'Roboto', sans-serif;*/ font-weight: 600; padding: 5px 0px; padding-left: 20px; padding-right: 15px; display: inline-block; border-radius: 3px; transition: all 0.5s ease; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box a.thm-btn:hover { background: #262A3B; color: #fff; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .thm-btn:hover i { color: #fff; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .thm-btn i { font-size: 16px; color: #000000; line-height: 28px; margin-left: 0px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a i { padding-left: 10px; /*margin-left: 10px;*/ /*border-left: 1px solid #fff;*/ line-height: 35px; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:hover, .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:focus { border: none; } .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:hover:before, .navbar #main_nav .navbar-nav.navbar-right li a+ul.cart-box .cart-footer .checkout-box a:focus:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* cart page styles */ .cart-page { padding: 80px 0px; } .cart-page .table { margin: 0; } .cart-page table>tbody>tr>td, .cart-page .table>thead>tr>th { border: none; } .cart-page .table thead { background: #F9F9F9; } .cart-page .table>thead>tr>th { font-weight: normal; color: #000000; font-size: 16px; line-height: 60px; padding: 0 40px; font-weight: 500; border: 1px solid #EBEBEB; border-bottom: 0; } .cart-page .table>thead>tr>th.close { color: transparent; } .cart-page .table>tbody>tr>td.preview { padding: 25px 50px; } .cart-page .table>tbody>tr>td { border: 1px solid #ebebeb; color: #898989; font-size: 14px; font-weight: 500; padding: 80px 40px; } .cart-page .table>tbody>tr>td.price { font-size: 16px; } .cart-page .table>tbody>tr>td.del-item { text-align: center; } .cart-page .table>tbody>tr>td.total { font-size: 16px; } .cart-page .table>tbody>tr>td .select-box select:focus { outline: none; } .cart-page .table>tbody>tr>td.del-item { color: #c56e21; font-size: 18px; font-weight: normal; } .cart-page .bottom-box { background: #f9f9f9 none repeat scroll 0 0; margin: 0 0 50px; padding: 30px 25px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .cart-page .bottom-box .cupon-box input { border: 1px solid #eeeeee; color: #8e8d8d; line-height: 36px; margin-right: 10px; outline: medium none; padding: 0 20px; width: 130px; } .cart-page .bottom-box .cupon-box button { padding: 0 20px; color: #fff; background: #282D3E; text-transform: capitalize; border: none; outline: none; font-weight: normal; line-height: 36px; } .cart-page .add-to-cart-wrap { text-align: right; } .cart-page .add-to-cart-wrap a .cart-button { background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; } .cart-page .add-to-cart-wrap a .cart-button p { color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 35px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; border-right: 1px solid #000000; } .cart-page .add-to-cart-wrap a .cart-button i { border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 35px; padding-left: 14px; padding-right: 15px; } .cart-page .add-to-cart-wrap a:before { background: #98BC24; } .cart-page .cart-total-box li { border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-weight: 500; line-height: 60px; padding: 0 25px; color: #000000; font-size: 16px; } .cart-page .cart-total-box li:first-child { border-top: 1px solid #EBEBEB; } .cart-page .cart-total-box li span { color: #898989; margin-left: 50px; } .cart-page .cart-total-box .cart-total { background: #F9F9F9; } .cart-page .cart-total-box .proceed-to-checkout { text-align: right; } .cart-page .cart-total-box .proceed-to-checkout a { line-height: 30px; font-size: 14px; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button { background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; margin-top: 24px; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button p { border-right: 1px solid #000000; color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 40px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button i { border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 40px; padding-left: 14px; padding-right: 15px; } .cart-page .cart-total-box .proceed-to-checkout a:before { background: #98BC24; } /************************** * 24. shop styles ***************************/ .single-product-item { text-align: center; padding-bottom: 27px; margin-bottom: 20px; background: #F4F4F4; margin-left: -5px; margin-right: -5px; border: 1px solid #E9E9E9; } .single-product-item .img-box { margin-bottom: 28px; } .single-product-item h3 { font-size: 15px; color: #242424; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans'; } .single-product-item ul { margin-top: 8px; margin-bottom: 3px; } .single-product-item ul li { display: inline-block; } .single-product-item ul li span { display: block; } .single-product-item ul li span i { font-size: 13px; color: #E1BA60; } .single-product-item p.price { font-family: 'PT Serif'; font-size: 20px; font-style: italic; color: #2D2D2D; margin: 0; } .single-product-item a.thm-btn { padding: 3px 23px; font-size: 12px; margin-top: 12px; } .single-product-details { margin-bottom: 50px; } .single-product-details img { border: 5px solid #F4F4F4; } .single-product-details h3 { font-size: 34px; color: #000000; font-weight: bold; line-height: 28px; border-bottom: 1px solid #EAEAEA; padding-bottom: 20px; margin-bottom: 25px; } .single-product-details p { color: #898989; } .single-product-details p.price { color: #242424; font-size: 18px; font-weight: 500; } .single-product-details p.price span { color: #FF7549; font-size: 24px; font-weight: 600; margin-left: 20px; } .single-product-details p.qntyt { margin-top: 15px; color: #242424; font-size: 18px; font-weight: 500; } .single-product-details p.qntyt input { width: 40px; height: 30px; padding-left: 10px; text-align: center; font-size: 14px; border: 1px solid #E8E8E8; margin-left: 20px; } .single-product-details .thm-btn { padding: 8px 28px; margin-top: 40px; } .shop-page ul { padding: 0; } .shop-page .img-cap-effect:hover .img-box .img-caption { top: 0; } .shop-page .img-cap-effect:hover .img-box .img-caption:before { bottom: 15px; opacity: 1; } .shop-page .img-cap-effect:hover .img-box .img-caption .box-holder ul { transform: scale(1); } .shop-page .img-cap-effect .img-box { position: relative; overflow: hidden; } .shop-page .img-cap-effect .img-box .img-caption { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; background: rgba(225, 186, 96, 0.6); text-align: center; transition: all 0.5s ease; } .shop-page .img-cap-effect .img-box .img-caption:before { content: ''; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 100%; opacity: 0; border: 2px solid #ffffff; border-bottom: 0; border-right: 0; transition: all .5s ease .5s; } .shop-page .img-cap-effect .img-box .img-caption .box-holder { width: 100%; height: 100%; display: table; } .shop-page .img-cap-effect .img-box .img-caption .box-holder ul { transform: scale(0); display: table-cell; vertical-align: middle; transition: all .5s ease 1s; } .shop-page .img-cap-effect .img-box .img-caption .box-holder ul li { display: inline-block; } .shop-page .img-cap-effect .img-box .img-caption .box-holder ul li a { display: block; width: 30px; height: 30px; background: #13314c; font-size: 13px; color: #fff; line-height: 30px; text-align: center; border-radius: 50%; margin-right: 5px; } .shop-page .sec-title { margin-bottom: 50px; } .shop-page .sec-title.text-center h2:after { margin-left: auto; margin-right: auto; } .shop-page .sec-title h2 { margin-top: -9px; } .shop-page .sec-title h2:after { content: ''; width: 50px; height: 3px; background: #FF7B52; display: inline-block; margin-top: 0px; margin-left: 15px; } .shop-page .sec-title h2 span { display: inline-block; font-size: 32px; font-weight: 600; color: #000000; font-family: 'Poppins', sans-serif; text-transform: capitalize; } .shop-page .sec-title p { color: #898989; margin: 0; margin-top: 20px; } .shop-page .thm-btn { border: none; outline: none; background: #E1BA60; font-size: 15px; line-height: 28px; color: #000000; text-transform: capitalize; font-family: 'Poppins'; font-weight: 600; padding: 5px 0px; padding-left: 20px; padding-right: 15px; display: inline-block; border-radius: 3px; font-weight: 500; transition: all 0.5s ease; } .shop-page .thm-btn:hover { background: #262A3B; color: #fff; } .shop-page .thm-btn:hover i { color: #fff; } .shop-page .thm-btn i { font-size: 16px; color: #000000; line-height: 28px; margin-left: 20px; } .shop-page .thm-btn.transparent { background-color: transparent; border: 1px solid #898989; color: #fff; } .shop-page .thm-btn.transparent i { color: inherit; } .shop-page .thm-btn.transparent:hover { background: #262A3B; border-color: #262A3B; color: #fff; } .shop-page .thm-btn.transparent:hover i { color: inherit; } .shop-page.blog_content .sidebar_section .sidebar { padding: 85px 30px 85px 0px; width: 370px; float: right; } .blog_content.shop-page .blog_section .blog_section_inner { width: 800px; padding: 85px 0px 85px 50px; float: left; } .shop-page ul li { list-style: none; } .shop-page .contact-form .select-menu+.ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 20px; border: 1px solid #E5E5E5; height: 47px; background: #fff; outline: none; color: #898989; } .shop-page .contact-form .select-menu+.ui-selectmenu-button .ui-selectmenu-text { padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 47px; } .shop-page .contact-form .select-menu+.ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 8px; } .ui-selectmenu-menu .ui-menu { background: #fff; height: 150px; } .ui-selectmenu-menu .ui-menu-item { font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 5px 20px; border-bottom: 1px solid #E5E5E5; } .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background: #E1BA60; border-color: #E1BA60; color: #fff; font-weight: normal; } /************************** * 25. checkout page styles ***************************/ #checkout-content { padding: 85px 0; } #checkout-content ul { padding: 0; } #checkout-content .return-customer { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ebebeb; margin-bottom: 45px; padding: 21px 30px; } #checkout-content .return-customer p { color: #898989; font-size: 16px; line-height: 26px; margin-bottom: 0; } #checkout-content .return-customer a { color: #E1BA60; } #checkout-content label, #checkout-content input[type="text"] { display: block; } #checkout-content label { color: #8e8d8d; font-size: 14px; font-weight: 500; line-height: 26px; margin-bottom: 4px; } #checkout-content input[type="text"] { border: 1px solid #e2e2e2; color: #c6c6c6; font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; margin-bottom: 10px; outline: medium none; padding: 0 20px; width: 100%; } .left-checkout .section-title2.ship-to-different { margin-bottom: 39px; margin-top: 68px; } #checkout-content input[type="text"]:last-child { margin-bottom: 0; } #checkout-content .left-checkout>.row { margin-bottom: 23px; } #checkout-content .row span b { color: #8e8d8d; font-size: 14px; font-weight: 500; } #checkout-content input[type="checkbox"] { display: inline-block; margin: 0 15px 0 0; vertical-align: middle; float: left; margin-top: 8px; } #checkout-content textarea { width: 100%; height: 100px; border: 1px solid #E2E2E2; padding: 10px 20px; outline: none; } #checkout-content .ship-different { margin-top: 80px; } #checkout-content .order-box { border: 1px solid #D9D9D9; padding: 30px; } #checkout-content .order-box ul li { color: #8e8d8d; display: block; font-size: 14px; font-weight: 500; line-height: 45px; } #checkout-content .order-box ul li.total { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color: #242424; } #checkout-content .order-box ul li span { color: #898989; display: inline-block; float: right; font-size: 14px; font-family: "Open Sans", sans-serif; } #checkout-content .order-box ul li span.bold { color: #242424; font-size: 18px; font-weight: 500; font-family: "Open Sans", sans-serif; } #checkout-content .order-box ul li a span { color: #ff9101; font-size: 13px; font-weight: 500; font-family: "Poppins", sans-serif; } #checkout-content .order-box ul li.place-order-button { padding-top: 30px; line-height: 30px; } #checkout-content .order-box ul li input[type="radio"] { margin-right: 10px; } #checkout-content .order-box ul li .note { background: #ECECEC; padding: 25px; color: #8E8D8D; line-height: 24px; font-size: 14px; font-weight: normal; position: relative; } #checkout-content .order-box ul li .note .fa { font-size: 35px; position: absolute; top: -25px; left: 25px; color: #ECECEC; } #checkout-content .order-box ul li a.place-order { background: #FD9C1E; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; margin-top: 30px; } #checkout-content .select-menu+.ui-selectmenu-button .ui-selectmenu-text { padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 42px; color: #898989; text-transform: capitalize; } #checkout-content .select-menu+.ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 8px; } #checkout-content .select-menu+.ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 20px; border: 1px solid #E5E5E5; height: 42px; background: #fff; outline: none; color: #898989; } #checkout-content .thm-btn { font-size: 14px; padding: 7px 23px; } /************************** * 26. product page styles ***************************/ .single-product-item { text-align: center; margin-bottom: 50px; } .single-product-item .img-box { border: 1px solid #E9E9E9; margin-bottom: 28px; } .single-product-item h3 { font-size: 18px; color: #242424; text-transform: capitalize; font-weight: 600; font-family: 'Poppins'; } .single-product-item ul { margin-top: 8px; margin-bottom: 3px; } .single-product-item ul li { display: inline-block; } .single-product-item ul li span { display: block; } .single-product-item ul li span i { font-size: 13px; color: #F0683E; } .single-product-item p.price { font-family: 'PT Serif'; font-size: 20px; font-style: italic; color: #2D2D2D; margin: 0; } .single-product-item a.thm-btn { padding: 8px 23px; font-size: 15px; margin-top: 12px; } .single-product-details { margin-bottom: 50px; } .single-product-details img { border: 5px solid #F4F4F4; width: 100%; } .single-product-details h3 { font-size: 34px; color: #000000; font-weight: 600; line-height: 28px; border-bottom: 1px solid #EAEAEA; margin: 0; padding-bottom: 20px; margin-bottom: 25px; font-family: 'Poppins'; } .single-product-details p { color: #898989; font-size: 14px; line-height: 26px; font-family: 'Open Sans'; } .single-product-details p.price { color: #242424; font-size: 18px; font-weight: 500; border-top: 1px solid #EAEAEA; margin-top: 25px; padding-top: 20px; } .single-product-details p.price span { color: #FF7549; font-size: 24px; font-weight: 600; margin-left: 20px; } .single-product-details p.qntyt { margin: 0; margin-top: 15px; color: #242424; font-size: 18px; font-weight: 500; } .single-product-details p.qntyt input { width: 40px; height: 30px; padding-left: 10px; text-align: center; font-size: 14px; border: 1px solid #E8E8E8; margin-left: 20px; } .single-product-details .thm-btn { padding: 8px 28px; margin-top: 40px; } .product-tab { margin-bottom: 50px; } .product-tab .product-tab-title ul { border-bottom: 1px solid #E2E2E2; } .product-tab .product-tab-title ul li { display: inline-block; margin-right: 5px; } .product-tab .product-tab-title ul li a { display: block; background: #F4F4F4; color: #000000; font-size: 16px; text-transform: capitalize; padding: 10px 34px; } .product-tab .product-tab-title ul li.active a { background: #fff; position: relative; border: 1px solid #E2E2E2; border-bottom: 0; } .product-tab .product-tab-title ul li.active a:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff; content: ''; } .product-tab .product-tab-title ul li.active a:before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #F0683E; content: ''; } .product-tab .product-tab-content { border: 1px solid #E2E2E2; border-top: 0; padding: 55px 40px; } .product-tab .product-tab-content p { color: #898989; font-size: 14px; line-height: 26px; } /************************** * 27. coming soon styles ***************************/ .comming-soon-body footer.row { margin-top: 0; } .comming-soon { padding-top: 212px; padding-bottom: 306px; background: url(../images/comming-soon-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } .comming-soon:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .7; } .comming-soon .container { position: relative; max-width: 730px; z-index: 9; padding: 0; } .comming-soon h2 { font-family: 'Poppins', sans-serif; font-size: 70px; color: #E1BA60; text-transform: uppercase; font-weight: bold; text-align: center; margin: 0; } .comming-soon .countdown-box { margin: 0; padding: 0; margin-top: 63px; } .comming-soon .countdown-box li { display: inline-block; width: 160px; border: 1px solid #E1BA60; text-align: center; margin-right: 26px; list-style: none; } .comming-soon .countdown-box li:last-child { margin-right: 0; } .comming-soon .countdown-box li .box { padding-top: 24px; padding-bottom: 28px; } .comming-soon .countdown-box li h4 { font-family: 'PT Serif', sans-serif; font-style: italic; color: #E1BA60; font-size: 60px; margin: 0; margin-bottom: 38px; } .comming-soon .countdown-box li span { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #E1BA60; font-size: 20px; text-transform: uppercase; } .comming-soon p { font-size: 20px; color: #fff; font-family: 'Open Sans', sans-serif; margin-top: 49px; } .comming-soon form { margin-top: 30px; } .comming-soon form input { width: 494px; height: 52px; border: 1px solid #A8A8A8; line-height: 52px; font-size: 18px; font-family: 'PT Serif', sans-serif; color: #999999; font-style: italic; display: inline-block; background-color: transparent; padding-left: 24px; outline: none; } .comming-soon form button { text-align: center; margin: 0; padding: 0; text-align: center; width: 187px; display: inline-block; height: 49px; font-size: 14px; border: none; outline: none; color: #000000; text-transform: uppercase; background: #E1BA60; border-radius: 4px; position: relative; bottom: 3px; margin-left: 19px; } .short-about-our-company { padding-bottom: 68px; } .short-about-our-company h3 { font-size: 22px; font-family: 'Open Sans', sans-serif; font-style: italic; color: #242424; margin: 0; margin-top: 27px; margin-bottom: 22px; } .short-about-our-company p { color: #898989; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 26px; } .short-about-our-company img { margin-bottom: 17px; } @media (max-width: 729px) { .comming-soon p { text-align: center; } .comming-soon form input { width: 85%; margin-left: auto; margin-right: auto; display: block; } .comming-soon form button { margin-left: auto; margin-right: auto; display: block; margin-top: 20px; } .comming-soon .countdown-box li { display: block; margin-left: auto !important; margin-right: auto !important; margin-bottom: 30px !important; } } #home-page-two-google-map { width: 100%; height: 440px; margin-bottom: -45px; } /************************** * 28. about styles ***************************/ .about-style-one { padding: 100px 0; } .about-style-one .about-content { padding-left: 35px; } .about-style-one .about-content h3, .about-style-one .about-content p { margin: 0; } .about-style-one .about-content h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #232323; line-height: 48px; margin-bottom: 35px; } .about-style-one .about-content p { color: #787878; font-family: 'Open Sans'; font-size: 16px; line-height: 26px; } .about-style-one .about-content p+p { margin-top: 20px; } .about-style-one .about-content .btn-box { margin-top: 45px; } .about-style-one .about-content a.about-btn { display: inline-block; vertical-align: middle; width: 197px; height: 50px; line-height: 50px; border-radius: 5px; color: #212121; background: #E0B961; text-align: center; font-family: 'Poppins'; font-weight: 500; font-size: 15px; transition: all .4s ease; margin-top: 45px; } .about-style-one .about-content a.about-btn i { margin-left: 10px; } .about-style-one .about-content a.about-btn:hover { background: #212121; color: #fff; } .about-style-two { padding: 100px 0; } .about-style-two .about-content {} .about-style-two .about-content h3, .about-style-two .about-content p { margin: 0; } .about-style-two .about-content h3 { font-family: 'Poppins'; font-weight: 600; font-size: 32px; color: #232323; margin-bottom: 22px; } .about-style-two .about-content p { color: #787878; font-size: 16px; line-height: 26px; font-family: 'Open Sans'; } .about-style-two .about-content p+p { margin-top: 20px; } .about-style-two .about-content img.signature { margin-top: 30px; } .about-style-two .about-feature {} .about-style-two .about-feature .title {} .about-style-two .about-feature .title h3 { font-family: 'Poppins'; font-weight: 600; color: #232323; font-size: 32px; margin: 0; margin-bottom: 45px; } .about-style-two .about-feature .title h3:after { content: ''; width: 40px; display: inline-block; vertical-align: bottom; height: 2px; background: #E0B961; top: -7px; position: relative; margin-left: 20px; } .about-style-two .about-feature .single-about-feature {} .about-style-two .about-feature .single-about-feature+.single-about-feature { margin-top: 25px; } .about-style-two .about-feature .single-about-feature .icon-box, .about-style-two .about-feature .single-about-feature .text-box { display: table-cell; vertical-align: middle; } .about-style-two .about-feature .single-about-feature .icon-box {} .about-style-two .about-feature .single-about-feature .icon-box i { color: #586796; font-size: 48px; } .about-style-two .about-feature .single-about-feature .text-box { padding-left: 30px; } .about-style-two .about-feature .single-about-feature .text-box h3 { margin: 0; color: #252422; font-weight: 500; font-family: 'Poppins'; font-size: 18px; line-height: 28px; } .about-style-three { padding-top: 80px; } .about-style-three .about-content { padding-left: 45px; padding-top: 75px; } .about-style-three .about-content h3, .about-style-three .about-content h2 { margin: 0; font-family: 'Poppins'; font-size: 32px; font-weight: 600; color: #232323; margin-bottom: 20px; } .about-style-three .about-content h3:after, .about-style-three .about-content h2:after { content: ''; width: 40px; height: 2px; background: #36a9e1; display: inline-block; vertical-align: baseline; margin-left: 20px; } .about-style-three .about-content p , .contact-page p{ margin: 0; color: #787878; font-family: 'Open Sans'; font-size: 16px; line-height: 26px; margin-bottom: 25px; } .about-style-three .about-content p.highlight { font-family: 'Poppins'; font-weight: 400; color: #232323; font-size: 22px; line-height: 1.25em; margin-bottom: 10px; } .about-style-three .about-content a.about-btn { display: inline-block; vertical-align: baseline; width: 159px; height: 45px; border-radius: 4px; background: #36a9e1; color: #212121; font-family: 'Poppins'; font-size: 15px; line-height: 45px; font-weight: 500; text-align: center; transition: all .4s ease; margin-top: 20px; } .about-style-three .about-content a.about-btn i { margin-left: 10px; } .about-style-three .about-content a.about-btn:hover { background: #121212; color: #fff; } .about-style-four { padding: 0; } .about-style-four .container { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .about-style-four .container .row { margin: 0; } .about-style-four .container .col-md-6 { padding: 0; } .about-style-four .container .col-md-6:first-child { background: #E3D9C5; } .about-style-four .container .col-md-6:last-child { background: #F3E9D2 url(../images/updated-image/about-3-bg-1.jpg) bottom right no-repeat; } .about-style-four .about-left { max-width: 600px; margin-left: auto; padding-top: 100px; padding-bottom: 87px; padding-right: 30px; } .about-style-four .about-left .tagline { color: #686868; font-family: 'Playfair Display'; font-style: italic; font-size: 20px; } .about-style-four .about-left h3 { margin: 0; font-family: 'Poppins'; color: #232323; font-weight: 600; font-size: 32px; margin-top: 10px; } .about-style-four .about-left .line { display: block; width: 40px; height: 1px; background: #BF8B4E; margin-top: 20px; margin-bottom: 30px; } .about-style-four .about-left p { margin: 0; color: #787878; font-size: 16px; line-height: 26px; font-family: 'Open Sans'; } .about-style-four .about-left p.highlight { color: #232323; font-size: 22px; font-weight: 300; font-family: 'Open Sans'; margin-bottom: 10px; } .about-style-four .about-left .name-box { margin-top: 35px; } .about-style-four .about-left .name-box img+img { margin-left: 30px; } .about-style-four .about-feature { max-width: 570px; margin-right: auto; padding: 100px 0; padding-left: 70px; } .about-style-four .about-feature .single-about-feature+.single-about-feature { margin-top: 35px; } /************************** * 29. cta styles ***************************/ .cta-style-one { padding: 62px 0; background: #E0B961; } .cta-style-one h3 { color: #1F1F1F; font-family: 'Poppins'; font-weight: 400; font-size: 36px; margin: 0; } .cta-style-one h3 span { font-weight: 600; font-size: 45px; } .cta-style-two { background: #202020 url(../images/updated-image/cta-two-bg.jpg) center center no-repeat fixed; -webkit-background-size: cover; background-size: cover; } .cta-style-two .inner { padding-top: 100px; background: rgba(32, 32, 32, .85); padding-bottom: 150px; margin-bottom: -45px; } .cta-style-two .cta-content {} .cta-style-two .btn-box { text-align: right; border-left: 1px solid #5D5D5D; padding-top: 10px; padding-bottom: 15px; } .cta-style-two .tag-line { font-family: 'Open Sans'; color: #FFFFFF; font-size: 20px; font-style: italic; } .cta-style-two .tag-line:after { content: ''; width: 85px; height: 1px; background: #FFFFFF; display: inline-block; vertical-align: baseline; position: relative; margin-left: 20px; } .cta-style-two h3 { font-family: 'Poppins'; font-size: 34px; line-height: 48px; font-weight: 600; color: #FFFFFF; margin: 0; margin-top: 10px; } .cta-style-two h4 { font-family: 'Poppins'; font-weight: 600; font-size: 28px; color: #FFFFFF; margin: 0; } .cta-style-two .cta-btn { display: inline-block; vertical-align: middle; width: 200px; height: 52px; border: 2px solid #DBA565; line-height: 48px; text-align: center; font-family: 'Poppins'; font-size: 17px; font-weight: 600; color: #DBA565; border-radius: 26px; margin-top: 30px; } .cta-style-three { position: relative; } .cta-style-three:before { content: ''; width: 100%; height: 50%; background: #ECECEC; position: absolute; top: 0; left: 0; } .cta-style-three .container .row { margin: 0; } .cta-style-three .container .row [class*=col-] { padding: 0; } .cta-style-three .img-box>img { width: 100%; } .cta-style-three .text-box { background: #1F1F1F url(../images/updated-image/cta-three-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 504px; } .cta-style-three .text-box .inner { background: rgba(31, 31, 31, .9); width: 100%; min-height: 504px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding-left: 75px; padding-right: 76px; } .cta-style-three .text-box .inner .box { width: 100%; } .cta-style-three .text-box h3 { font-family: 'Poppins'; font-weight: 600; color: #FFFFFF; font-size: 40px; line-height: 57px; margin: 0; } .cta-style-three .text-box p { font-family: 'Open Sans'; color: #CACACA; font-size: 16px; line-height: 26px; margin: 0; margin-top: 21px; } .cta-style-three .text-box .cta-btn { display: inline-block; vertical-align: bottom; font-size: 16px; font-family: 'Poppins'; font-weight: 500; color: #232323; background: #D5B062; width: 217px; height: 59px; line-height: 59px; text-align: center; border-radius: 29.5px; margin-top: 30px; } .cta-style-four { position: relative; } .cta-style-four:before { content: ''; width: 100%; height: 50%; position: absolute; top: 0; left: 0; background: #F5F4F4; } .cta-style-four .container { background: #000 url(../images/updated-image/cta-four-bg.jpg) center right no-repeat; -webkit-background-size: cover; background-size: cover; max-width: 1170px; position: relative; padding-left: 0; padding-right: 0; } .cta-style-four .cta-content { padding: 60px 0; padding-left: 90px; } .cta-style-four .cta-content .tagline { font-family: 'Oregano'; font-weight: 400; color: #E0B961; font-size: 25px; } .cta-style-four .cta-content .tagline:after { content: ''; width: 60px; height: 1px; background: #C5C5C5; display: inline-block; vertical-align: baseline; margin-left: 20px; } .cta-style-four .cta-content h3 { font-size: 32px; font-family: 'Poppins'; font-weight: 400; color: #fff; margin: 0; margin-bottom: 15px; margin-top: 5px; } .cta-style-four .cta-content h3 span { font-size: 40px; font-weight: 600; } .cta-style-four .cta-content p { font-size: 16px; line-height: 26px; color: #fff; font-family: 'Open Sans'; margin: 0; } .cta-style-four .cta-content a.cta-btn { width: 173px; display: inline-block; vertical-align: middle; text-align: center; line-height: 45px; border-radius: 22.5px; background: #E0B961; color: #212121; font-family: 'Poppins'; font-weight: 500; font-size: 15px; transition: all .4s ease; margin-top: 50px; } .cta-style-four .cta-content a.cta-btn i { margin-left: 10px; } .cta-style-four .cta-content a.cta-btn:hover { background: #212121; color: #fff; } /************************** * 30. find zip styles ***************************/ .find-zip-wrapper { background: #F3F3F3; padding: 39px 0; } .find-zip-wrapper h3 { font-size: 30px; font-family: 'Poppins'; font-weight: 500; color: #232323; margin: 0; line-height: 52px; } .zip-find-form input { border: none; outline: none; width: 100%; max-width: 455px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.14); border-radius: 4px; font-family: 'Poppins'; font-weight: 500; font-size: 18px; color: #787878; height: 52px; padding-left: 30px; } .zip-find-form button[type=submit] { background: #050505; border-radius: 4px; color: #FFFFFF; font-size: 16px; font-weight: 500; font-family: 'Poppins'; height: 52px; width: 100%; max-width: 177px; margin-left: 30px; border: none; outline: none; transition: all .4s ease; } .zip-find-form button[type=submit]:hover { background: #D5B062; color: #fff; } /************************** * 31. search styles ***************************/ .hidden-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); background-size: 100% 100%; text-align: center; z-index: 1000; overflow: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } .hidden-search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } .hidden-search a.close-button { position: absolute; top: 30px; right: 30px; color: #fff; font-size: 25px; } .hidden-search .sidebar-content { padding: 40px 0; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; height: 100%; } .hidden-search .sidebar-content .search_box_inner { width: 100%; max-width: 670px; background: #212121; margin-left: auto; margin-right: auto; padding: 100px 60px; position: relative; } .hidden-search .sidebar-content .search_box_inner h3 { font-size: 20px; color: #fff; font-family: 'Poppins'; font-weight: 600; margin: 0; margin-bottom: 15px; } .hidden-search .sidebar-content .search_box_inner .search-form { width: 100%; position: relative; } .hidden-search .sidebar-content .search_box_inner input { background-color: transparent; border-radius: 0; border: none; outline: none; border-bottom: 1px solid #fff; height: 45px; width: 100%; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 17px; font-family: 'Open Sans'; padding-left: 0; } .hidden-search .sidebar-content .search_box_inner button[type=button] { border: none; outline: none; font-size: 17px; background-color: transparent; color: #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /***************** basic fixings *******************************/ .project_type1 .project .item .item-txt a { font-family: 'Poppins'; font-weight: 500; color: #D6B262; font-size: 16px; text-transform: capitalize; } .section_header p { font-size: 16px; } .services .tab_pages .tab-content .tab-pane .tab_inn_cont_1 h3, .services .tab_pages .tab-content .tab-pane .tab_inn_cont_2 .cont_left h3 { font-weight: 600; } .project_type1 .project .item .inner p, .project_type1 .project .item .inner .search-icon { transition: all .6s ease .0s; } .project_type1 .project .item .search-icon { left: 80% !important; } .project_type1 .project .item p { bottom: 30px !important; } .project_type1 .project .item .inner { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; transition: all .4s ease; } .project_type1 .project .item:hover .inner { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } footer.row .footer_bottom {font-weight: 600;} .single-service-style-one .img-box, .single-service-style-two .img-box, .single-service-style-three .img-box, .single-service-style-one .img-box {cursor: pointer;} .services .sidebar .nav-tabs li a { font-family: 'Poppins'; font-size: 17px; font-weight: 600; text-transform: capitalize; } .services .sidebar .downloads .dload .dlbg a { font-size: 18px; font-weight: 600; color: #4B4B4B; font-family: 'Poppins'; text-transform: capitalize; } .services .sidebar .downloads {float: none;} .services .sidebar .downloads .dload .dlbg a + a img {padding-left: 40px;} .projects_row .project {cursor: pointer;} .projects_row .project:before { content: ''; position: absolute; top: 15px; left: 15px; right: 15px; bottom:15px; background: #000; opacity: 0; transition: all .4s ease; } .projects_row .project:hover:before { opacity: .65; } .projects_row .project .icon-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition: all .4s ease; } .projects_row .project .icon-box a {color: #fff;font-size: 16px;width: 45px;height: 45px;line-height: 43px;border: 1px solid #fff;text-align: center;transition: all .4s ease;} .projects_row .project .icon-box a:hover {background: #fff;color: #000;} .projects_row .project .icon-box a+ a {margin-left: 15px;} .projects_row .project:hover .icon-box {opacity: 1;}