/* CSS Document */ /* Created on : 01/02/2018. Theme Name : Advisory. Description : Advisory - Business, Consulting, Corporate html Template Version : 1.0. Author : @Unifytheme. Developed by : @Unifytheme. */ /* ------------------------------------------ */ /* TABLE OF CONTENTS /* ------------------------------------------ */ /* 01 - Loading Transition */ /* 02 - Global stlye */ /* 03 - Theme title */ /* 04 - INDEX HOME */ /* 05 - Header */ /* 06 - Theme Menu */ /* 07 - Theme Main Banner */ /* 08 - We Help */ /* 09 - Our Services */ /* 10 - Why Choosing */ /* 11 - Company History */ /* 12 - Latest Project */ /* 13 - Testimonial */ /* 14 - Latest News */ /* 15 - Partner Logo */ /* 16 - Main Footer */ /* 17 - INDEX - 2 */ /* 18 - Theme Main Banner V-2 */ /* 19 - Advisory */ /* 20 - Team Section */ /* 21 - Theme Inner Banner */ /* 22 - About Us */ /* 23 - Services */ /* 24 - Services Details */ /* 25 - Side-Bar-Wrapper */ /* 26 - Projects Gallery */ /* 27 - Projects Details */ /* 28 - Team Pages */ /* 29 - Testimonial Pages */ /* 30 - Blog Pages */ /* 31 - Blog Details */ /* 32 - Shop Pages */ /* 33 - Shop Details */ /* 34 - Contact Us */ /* 35 - Google Map */ /* 36 - Click To Top */ /* 37 - Conatct Form Activation */ /** * Importing necessary Styles. **/ /*------- Fonts ---------*/ @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Poppins:400,500,600,700|Source+Sans+Pro:400,600,700'); /*----bootstrap css ----- */ @import url('../vendor/bootstrap/css/bootstrap.min.css'); /*------------ Range Slider ------------*/ @import url('../vendor/bootstrap-slider-master/dist/css/bootstrap-slider.min.css'); /*----bootstrap Select ----- */ @import url('../vendor/bootstrap-select-1.10.0/dist/css/bootstrap-select.min.css'); /*----Camera---*/ @import url('../vendor/Camera-master/css/camera.css'); /*-------fancy box --------*/ @import url('../vendor/fancybox/dist/jquery.fancybox.min.css'); @import url('../vendor/fancybox/jquery.fancybox.css'); /*----font awesome -------*/ @import url('../font/font-awesome/css/font-awesome.min.css'); /*--------- flat-icon ---------*/ @import url('../font/flat-icon/font/flaticon.css'); /*----owl-carousel css----*/ @import url('../vendor/OwlCarousel2/dist/assets/owl.carousel.min.css'); @import url('../vendor/OwlCarousel2/dist/assets/owl.theme.default.min.css'); /*-------- animated css ------*/ @import url('../vendor/WOW-master/css/libs/animate.css'); /*-------Hover Css --------*/ @import url('../vendor/hover.css'); /*--------- Jquery ui ---------*/ @import url('../vendor/jquery-ui/jquery-ui.min.css'); /*------------- Map -------------*/ @import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css'); /*** ==================================================================== Loading Transition ==================================================================== ***/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #fff; overflow: hidden; } #loader { background: url(../images/1.gif); width: 64px; height: 64px; position: relative; top: 50%; margin: -32px auto 0 auto; } /*======== Global css ========*/ @font-face { font-family: "font-awesome"; src: url('../font/font-awesome/fonts/fontawesome-webfont.ttf'); src: url('../font/font-awesome/fonts/fontawesome-webfont.eot'), /*IE9 Compat Modes*/ url('../font/font-awesome/fonts/fontawesome-webfont.woff') format ('woff'), /* Pretty Modern Browsers */ url('../font/font-awesome/fonts/fontawesome-webfont.woff2') format ('woff2'), /* Super Modern Browsers */ url('../font/font-awesome/fonts/fontawesome-webfont.svg') format ('svg'), /* Legacy iOS */ } * { margin:0; padding: 0; } body { font-family: 'Source Sans Pro', sans-serif; color: #000; font-size: 16px; font-weight: 400; overflow-x: hidden !important; position: relative; } h1,h2,h3,h4,h5,h6,p,ul { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { color: #272727; text-transform: capitalize; } h1 { font-family: 'Playfair Display', serif; font-size: 70px; line-height: 80px; font-weight: 700; } h2 { font-family: 'Playfair Display', serif; font-size: 45px; line-height: 55px; font-weight: 700; } h3 { font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 50px; font-weight: 600; } h4 { font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 40px; font-weight: 500; } h5 { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; } h6 {font-size: 16px; line-height: 25px;} /*p { font-weight: 400; line-height: 32px; font-size: 18px; color: rgba(0,0,0,0.7); }*/ a { color: inherit; text-decoration: none; display: inline-block; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } a:hover,a:active,a:visited,a:focus { text-decoration: none; outline: none; color: inherit; } button { border: none; outline: none; box-shadow: none; display: block; padding: 0; } img {max-width: 100%; display: block;} input,textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .main-page-wrapper {overflow-x: hidden !important;} .clear-fix { clear: both; } .clear-fix:after { display: table; content: ''; clear: both; } .float-left { float: left; } .float-right { float: right; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>h2, .Comment-and-Reply-wrapper .Next-and-Prev-Post>div>p, .shop-product-wrapper .single-product .image .opacity, .Testimonial-Section-v2 .Testimonial-Item>.Title>div>h6, .Testimonial-Section-v2 .Testimonial-Item>.Text, .Testimonial-Section-v2 .Testimonial-Item>.Text:before, .Side-Bar-Wrapper .Side-Bar-Services>ul>li>a>i, .mixitUp_menu ul li:before, .portfolio-item .item-opacity, .Team-Pages .Team-Item .Team-Img>.Img-opacity, .owl-theme .owl-dots .owl-dot span, .News-Item .news-image>div, .middle-header-and-menu-item-v-two .middle-header-contant>ul>li>h5, .value-decrease-and-button .Size-chart>ul>li>button, .top-header .right-side>li>a:after, .camera_prev, .camera_next, .Risk-management .management-item, .Team-Item .team-img>.opacity-div, .tran3s { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .single-product-details .related-product .related-product-item>div, .portfolio-item .item-opacity>div>h6, .Team-Pages .Team-Item .Team-Img>.Img-opacity>div, .shop-product-wrapper .single-product .image .opacity a, img, .News-Item .news-image>div>a, .Team-Item .team-img>.opacity-div>div>h6, .Team-Item .team-text>div, .portfolio-item .item-opacity>div>a, .tran5s { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .fa-bullseye {color: #ff474a; margin-right: 10px;} .image {border-radius: 0px; overflow: hidden;} .height_fix {height: 980px;} li.dropdown-holder-new { display: none!important; } .p-color { color: #2f87fd; } .p-color-bg { background: #311a95; } .text-center { text-align: center; } .a-comon { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-align: center; } .service_caption { padding: 30px 35px 50px; padding-top: 0; padding-bottom: 0; } .service_image {float: left; width: 100%;} .image_box_form { float: left; width: 100%; background-color: #FFF; display: flex; vertical-align: middle; align-items: center; min-height: 502px; } .image_box_form img { margin: 0 auto; text-align: center; margin-left: 6px; } .submit-btn { width: 100%; line-height: 53px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; background: #311a95; margin-top: 20px; border: none; border-radius: 0px; } .submit-btn:hover {background-color: rgb(255, 71, 74); color: #FFF; border: none; border-radius: 0px;} .margin-top {margin-top: 120px !important;} .margin-bottom {margin-bottom: 120px !important;} .margin-top-0 {margin-top: 0 !important;} .margin-bottom-0 {margin-bottom: 0 !important;} .padding-top-0 {padding-top: 0 !important;} .padding-bottom-0 {padding-bottom: 0 !important;} /**============= Theme title ===============**/ .Theme-title {position: relative; padding-bottom: 60px;} .Theme-title h6 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 20px; line-height: 55px; text-transform: none; position: relative; z-index: 999; } .Theme-title h2 { color: #311a95; position: relative; z-index: 999; } .Theme-title h2:after { content: ""; display: block; width: 80px; height: 2px; background: #311a95; margin: 40px auto 0; z-index: 999; } .Theme-title>span { display: block; font-family: 'Playfair Display', serif; font-size: 285px; font-weight: 700; text-transform: uppercase; line-height: 190px; color: #f6f2f2; position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: 1; } /*** ==================================================================== INDEX HOME ==================================================================== ***/ .top-header {background: #f5f5f5;} .top-header .left-side>li { display: inline-block; color: rgba(0,0,0,0.7); line-height: 65px; } .top-header .left-side>li:nth-of-type(1) {margin-right: 50px;} .top-header .left-side>li>a:hover {color: #2f87fd;} .top-header .left-side>li>i { font-size: 50px; color: #311a95; line-height: 40px; display: inline-block; vertical-align: middle; margin-right: 15px; } .top-header .left-side>li>i.flaticon-phone-call {font-size: 35px;} .top-header .right-side>li { display: inline-block; color: rgba(0,0,0,0.7); line-height: 65px; margin-left: 15px; } .top-header .right-side>li>i { display: inline-block; font-size: 20px; vertical-align: middle; color: #2f87fd; } /********/ .Select-Language {display: inline-block;} .Select-Language .bootstrap-select.btn-group:not(.input-group-btn), .Select-Language .bootstrap-select.btn-group[class*="col-"] { width: 100px !important; height: 40px !important; } .Select-Language .bootstrap-select > .dropdown-toggle:focus, .Select-Language .bootstrap-select > .dropdown-toggle { line-height: 25px; padding-left: 0; padding-right: 20px; border-radius: 0; font-size: 16px; background: transparent !important; width: 100%; height: 100%; white-space: normal; display: block; border: none; position: relative; outline: none !important; box-shadow: none !important; } .Select-Language .bootstrap-select > .dropdown-toggle:focus, .Select-Language .Getting-Business-Form form .single-input>input:focus, .Select-Language .bootstrap-select.btn-group .dropdown-menu { box-shadow: none; z-index: 999999999; } .Select-Language .bootstrap-select.btn-group .dropdown-toggle .filter-option {text-align: center; color: #7c7c7c;} .Select-Language .bootstrap-select.btn-group .dropdown-menu li>a {padding: 3px 8px;} /*********/ .find-course .bootstrap-select > .dropdown-toggle:hover, .find-course .bootstrap-select > .dropdown-toggle:focus { background: transparent; outline: none !important; } .bootstrap-select.btn-group .dropdown-menu { border: solid 1px #ebebeb; box-shadow: none; border-radius: 0; margin-top: 1px; } .bootstrap-select.btn-group .dropdown-menu li>a {line-height: 30px; border-bottom: solid 1px #fff;} .bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.btn-group .dropdown-menu li:hover a {color: #fff; background: #2f87fd;} /*************/ .top-header .right-side>li>a {line-height: 30px;} .top-header .right-side>li>a:after { content: ""; display: block; width: 0%; height: 1px; background: #2f87fd; } .top-header .right-side>li>a:hover:after {width: 100%;} /*==================================== Middle Header & Menu Item ======================================*/ .middle-header { padding: 0px 0 0px; } .middle-header .middle-header-contant>ul {text-align: center;} .middle-header .middle-header-contant>ul>li {display: inline-block; text-align: left; line-height: 65px;} .middle-header .middle-header-contant>ul>li:nth-of-type(1) { float: right; } .middle-header-contant { margin-top: 38px; } .middle-header .middle-header-contant>ul>li:nth-of-type(3) {float: right;} .middle-header .middle-header-contant>ul>li:nth-of-type(1), .middle-header .middle-header-contant>ul>li:nth-of-type(2) {padding-left: 70px; position: relative;} .middle-header .middle-header-contant>ul>li:nth-of-type(1)>i, .middle-header .middle-header-contant>ul>li:nth-of-type(2)>i { position: absolute; top: 6px; left: 0; font-size: 45px; color: #ff4b4e; display: inline-block; line-height: 46px; } .middle-header .middle-header-contant>ul>li>h5 {font-size: 18px;} .middle-header .middle-header-contant>ul>li>span {line-height: 26px; color: rgba(0,0,0,0.7); display: block;} .middle-header .middle-header-contant>ul>li>.button { border: solid 2px #311a95; width: 195px; line-height: 53px; text-align: center; font-weight: 600; color: #311a95; } .middle-header .middle-header-contant>ul>li>.button:hover {color: #fff; background: #2f87fd;} /*==================================== Theme Main Menu ======================================*/ #search-button { background: transparent; color: #fff; font-size: 22px; position: relative; display: inline-block; line-height: 75px; width: 60px; float: left; } #searchWrapper { position: fixed; top:0; right: 0; bottom: 0; left:0; background: rgba(255,255,255,0.97); z-index: 99999; opacity: 0; visibility: hidden; } #searchWrapper.show-box {opacity: 1; visibility: visible;} #searchWrapper .container {height: 100%;} #searchWrapper img { margin:0 auto; position: relative; top:20%; } #searchWrapper form { position: relative; top:40%; height: 70px; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #searchWrapper form input { height: 100%; width: 100%; border: 1px solid rgba(47,135,153,0.2); border-radius: 5px; padding: 0 95px 0 20px; background: rgba(240,240,240,0.5); font-size: 20px; letter-spacing: 1.2px; font-weight: 300; } #searchWrapper form input:focus {box-shadow: 0px 0px 18px -3px rgba(47,135,153,0.7);} #searchWrapper form button { position: absolute; top:0; right: 0; width: 90px; height: 100%; position: absolute; font-size: 20px; color:#fff; border-radius: 0 5px 5px 0; background: #2f87fd; } #searchWrapper #close-button { position: absolute; top:20px; right: 20px; width: 60px; height: 60px; font-size: 35px; background: transparent; } .cart { position: relative; background: transparent; display: inline-block; color: #fff; line-height: 74px; font-size: 25px; width: 60px; float: left; padding-bottom: 1px; } .cart span { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; color: #fff; font-weight: 600; font-size: 14px; position: absolute; bottom: 12px; right: 3px; background: #2d71cd; } .main-menu-icon { width: 200px; float: right; line-height: 75px; border-left: solid 1px #5f64fb; text-align: center; } .main-menu-icon>li {display: inline-block;} .main-menu-icon>li>a { color: #fff; font-size: 17px; line-height: 30px; padding: 0 8px; } .main-menu-icon>li>a:hover {color: #dad9d9;} .cart:hover, #search-button:hover, .main-menu-button:hover {color: #fff; background: rgba(0,0,0,0.3);} /*=====*/ .theme-main-menu .main-menu { background: #311a95; } .main-menu .navbar-nav {margin: 0; width: 100%;} .navbar {border: none; margin-bottom: 0; float: left;} .main-menu .navbar-collapse { padding:0; box-shadow: none; z-index: 9999; } .main-menu .navbar-nav >li {margin-right: 1px;} .main-menu .navbar-nav >li>a { background: transparent; font-size: 14.5px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 0 20px; line-height: 75px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-menu .navbar-nav >li.active>a, .main-menu .navbar-nav >li:hover a, .main-menu .navbar-nav >li:focus a { background: rgb(255, 71, 74); } .main-menu nav ul li.dropdown-holder .fa { display: none; line-height: 46px; width: 60px; font-size: 18px; color: #fff; position: absolute; top:0; right: 0; text-align: center; cursor: pointer; border-left: solid 1px #fff; } .navbar-toggle { margin: 0; background: transparent; border-radius: 0; padding: 0 15px; height: 75px; } .navbar-toggle:hover {background: rgba(0,0,0,0.3);} .navbar-toggle .icon-bar { background: #fff; height: 4px; width: 35px; } .navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;} .navbar-toggle:hover .icon-bar+.icon-bar {margin-top: 4px;} /*=================== Sub Menu ==============*/ .main-menu .navbar-nav>li.dropdown-holder .sub-menu { position: absolute; min-width:250px; top: 110px; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 99999; box-shadow: 0px 0px 25px -3px rgba(21,21,21,0.09); } .main-menu .navbar-nav>li.dropdown-holder:hover .sub-menu { opacity: 1; visibility: visible; top: 75px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); z-index: 99999; } .main-menu .navbar-nav>li.dropdown-holder .sub-menu li a { font-size: 15px; font-weight: normal; line-height: 48px; text-transform: uppercase; color: #565656; padding: 0 15px; display: block; border-top: 1px solid rgba(0,0,0,0.05); background: #fff; position: relative; } .main-menu .navbar-nav>li.dropdown-holder .sub-menu li:hover a { background: #ff484c; padding-left: 22px; color: #fff; } /*((((((((((((((((((((( scroll Menu ))))))))))))))))))))*/ @keyframes menu_sticky { 0% {margin-top:-120px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } .theme-main-menu.fixed { position: fixed !important; width:100%; top:0; left:0; z-index: 9999; margin: 0; animation-name: menu_sticky; animation-duration: 0.90s; animation-timing-function: ease-in-out; } .theme-main-menu.fixed .main-menu {box-shadow: 0px 0px 25px -3px rgba(21,21,21,0.2);} /*==================================== Theme Main Banner ====================================*/ .camera_wrap {float:none;} #theme-main-banner .camera_overlayer { content: ''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); } #theme-main-banner .camera_prev, #theme-main-banner .camera_next { background: rgba(255,255,255,0.32); height: 58px; width: 58px; border-radius: 50%; margin-top: -30px; text-align: center; } #theme-main-banner .camera_prev {margin-left: 10px;} #theme-main-banner .camera_next {margin-right: 10px;} #theme-main-banner .camera_prev:hover, #theme-main-banner .camera_next:hover { background: #ff474a; } #theme-main-banner .camera_prev > span,#theme-main-banner .camera_next > span { background: none; display: block; width: 100%; height: 100%; } #theme-main-banner .camera_prev > span:before,#theme-main-banner .camera_next > span:before { font-family: 'font-awesome'; font-size: 32px; color:#fff; line-height: 58px; } #theme-main-banner .camera_prev > span:before {content: '';} #theme-main-banner .camera_next > span:before {content: '';} #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {display: none !important;} #theme-main-banner .camera_caption {height: 100%;} #theme-main-banner .camera_caption>div { background: transparent; position: absolute; width: 100%; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-shadow: none; left: 0; padding: 0; } #theme-main-banner .camera_caption .container h1 {color: #fff; margin-bottom: 70px;padding-left: 60px;} #theme-main-banner .camera_caption .container p {color: #fff; font-size: 18px; max-width: 830px;padding-left: 60px;} #theme-main-banner .camera_caption .container a { width: 215px; font-weight: 600; font-size: 18px; line-height: 52px; text-align: center; color: #fff; background: #311a95; opacity: 1; margin-top: 90px; text-transform: capitalize; letter-spacing: 1px; } #theme-main-banner .camera_caption .container a>i {margin-right: 8px;} #theme-main-banner .camera_caption .container>a:before {background: rgba(0,0,0,0.6);} /*==================================== We Help ======================================*/ .We-Help-Section { padding: 80px 0; position: relative; } .We-Help-Section>i { position: absolute; top: 110px; left: -170px; z-index: -1; color: #311a95; font-size: 250px; display: none; line-height: 250px; } .We-Help .We-Help-Item>h6 { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #311a95; } .We-Help .We-Help-Item>h2 { text-transform: none; font-size: 44px; margin: 30px 0 55px; } .We-Help .We-Help-Item>p {line-height: 36px; max-width: 100%;} .We-Help .We-Help-Item>a { width: 170px; line-height: 52px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; background: #311a95; margin-top: 55px; } .Latest-News{ padding: 80px 0 120px;} .We-Help .We-Help-Item>a>i {margin-right: 10px;} .We-Help .Our-Free-Offer { background: #f6f6f6; margin-top: 65px; margin-left: 70px; padding: 35px 30px 50px; border: none; } .We-Help .Our-Free-Offer>h6 { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 700; text-transform: none; margin-bottom: 40px; } .We-Help .Our-Free-Offer>p {margin-bottom: 15px;} .We-Help .Our-Free-Offer>a { font-size: 18px; font-weight: 600; line-height: 36px; color: #2f87fd; margin-top: 20px; } .We-Help .Our-Free-Offer>a>i {margin-right: 13px;} /*==================================== Our Services ======================================*/ .Our-Services-Home { position: relative; /*background: #f5f4f4;*/ padding: 80px 0 120px; } .Our-Services-Home>i { position: absolute; bottom: 9px; right: -70px; z-index: 1; color: #311a95; font-size: 250px; line-height: 250px; display: none; } .Our-Services-Home .Theme-title>span {color: #fff;} .Our-Services .Services-Item { position: relative; background: #fff; /* text-align: center;*/ /* padding: 30px 35px 50px; */ margin-bottom: 30px; min-height: auto; z-index: 99; } .Our-Services .Services-Item>.item-icon {height: 110px; overflow: hidden;} .Our-Services .Services-Item>.item-icon>img { margin: 0 auto; width: auto; margin-top: 55px; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .Our-Services .Services-Item h5 { font-size: 21px; line-height: 36px; margin: 10px 0; } .Our-Services .Services-Item p {line-height: 34px;text-align: justify;} .Our-Services .Services-Item:hover h5>a { color: #ff474a; } .ask_us {background-color: #FFF; padding: 50px;} .form-control { display: block; width: 100%; height: 47px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-bottom: 15px; } /*==================================== Why Choosing ======================================*/ .Why-Choosing { margin: 80px 0 110px 0px; } .Why-Choosing-Text h2:after { content: ""; display: block; width: 80px; height: 2px; background: #2f87fd; margin: 30px 0 50px; } .Why-Choosing-Text>p.color-p { color: #311a95; font-size: 18px; line-height: 36px; font-weight: 500; font-family: 'Poppins', sans-serif; margin-bottom: 40px; } .Why-Choosing-Text>p {line-height: 36px;} .Choosing-img { overflow: hidden; border: 1px solid #eaeaea; margin-top: 18px; border-radius: 0px; } .Choosing-img>img { width: 100%; -webkit-transform: scale3D(1.1,1.1,1.1); transform: scale3D(1.1,1.1,1.1); } .Why-Choosing>div:hover .Choosing-img>img { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .Risk-management {margin-top: 100px;} .Risk-management .management-item { border: solid 1px #f2f2f2; padding: 40px 15px 20px 40px; min-height: 200px; } .Risk-management .management-item:hover {border-left-color: #2f87fd;} .Risk-management .management-item>ul>li { display: inline-block; vertical-align: middle; } .Risk-management .management-item>ul>li>i { display: inline-block; font-size: 40px; line-height: 40px; color: rgba(47,135,253,0.4); margin-right: 17px; } .Risk-management .management-item>ul>li>a { font-weight: 600; font-size: 18px; line-height: 36px; color: #272727; } .Risk-management .management-item:hover>ul>li>a {color: #2f87fd;} .Risk-management .management-item>p {margin-top: 30px;} /*==================================== Company History ======================================*/ .Company-History {background: #1f2329;} .Company-History-Row {margin: 0;} .Company-History-Row>div {padding: 0; border-right: solid 1px #313f51;} .Company-History-Row>div:last-child {border-right: none; padding-left: 80px;} .Company-History-Row>div:nth-of-type(2), .Company-History-Row>div:nth-of-type(3) {padding-left: 45px;} .Company-History .history-item {padding: 90px 0;} .Company-History .history-item>.icon {height: 80px;} .Company-History .history-item>.icon>i { display: inline-block; font-size: 50px; line-height: 50px; color: rgba(47,135,253,1); } .Company-History .history-item>p { font-size: 20px; color: #fff; font-weight: 600; } .Company-History .history-item>h6 { font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 700; color: #2f87fd; line-height: 50px; margin-top: 34px; } /*==================================== Latest Project ======================================*/ .Latest-Project {margin: 140px 0;} .Latest-Project .Latest-Project-title {margin-bottom: 60px;} .Latest-Project .Latest-Project-title>p { font-family: 'Poppins', sans-serif; font-size: 20px; color: #272727; line-height: 37px; width: calc(100% - 250px); margin-top: -8px; } .Latest-Project .Latest-Project-title>a { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: #2f87fd; line-height: 37px; } .Latest-Project .Latest-Project-title>a>i {margin-right: 10px;} .Latest-Project-item {overflow: hidden;} .Latest-Project-item>img {width: 100%;} .Latest-Project-item:hover>img { -webkit-transform: scale3D(1.1,1.1,1.1); transform: scale3D(1.1,1.1,1.1); } /*==================================== Testimonial ======================================*/ .Testimonial { background: #311a95; padding: 100px 0 60px; } .Testimonial-item img {width: 100%;} .Testimonial-item div.text-center>p { font-family: 'Poppins', sans-serif; color: #fff; font-size: 21px; line-height: 38px; padding: 0 38px; } .Testimonial-item div.text-center>h6:before { content: ""; display: block; width: 80px; height: 1px; background: #fff; margin: 70px auto 30px; } .Testimonial-item div.text-center>h6 { font-family: 'Poppins', sans-serif; color: #fff; font-size: 22px; font-weight: 500; line-height: 38px; } .Testimonial-item div.text-center>span { display: block; color: #fff; line-height: 38px; } #Testimonial-Slider.owl-theme .owl-dots { margin-top: 16px; padding-left: 33.33333333%; } #Testimonial-Slider.owl-theme .owl-dots .owl-dot span { width: 26px; height: 14px; background: #ff474a; } #Testimonial-Slider.owl-theme .owl-dots .owl-dot.active span, #Testimonial-Slider.owl-theme .owl-dots .owl-dot:hover span {background: #fff;} /*==================================== Latest News ======================================*/ .Latest-News { margin: 80px 0 85px; } .Latest-News .Latest-News-title {margin-bottom: 80px;} .Latest-News .Latest-News-title>p { font-family: 'Poppins', sans-serif; font-size: 20px; color: #272727; line-height: 37px; width: calc(100% - 255px); margin-top: -8px; } .Latest-News .Latest-News-title>a { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: #2f87fd; line-height: 37px; } .Latest-News .Latest-News-title>a>i {margin-right: 10px;} .News-Item {margin-bottom: 60px;} .News-Item .news-image {overflow: hidden; position: relative;} .News-Item .news-image>img { width: 100%; -webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1); } .News-Item:hover .news-image>img { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .News-Item .news-image>div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(47,135,253,0.9); opacity: 0; } .News-Item:hover .news-image>div>a, .News-Item:hover .news-image>div {opacity: 1;} .News-Item .news-image>div>a { font-size: 40px; color: #fff; position: absolute; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 50%; margin-left: -20px; opacity: 0; } .News-Item .news-text>h6 { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #2f87fd; line-height: 32px; margin: 43px 0 18px; } .News-Item .news-text>p {line-height: 30px;} .News-Item .news-text>span { display: block; line-height: 30px; color: rgba(47,135,253,0.7); margin-top: 10px; } /*==================================== Partner Logo ======================================*/ .Partner-Logo { background: #311a95; padding: 70px 0 110px; } .Partner-Logo .Logo-Item { overflow: hidden; height: 100px; background: #2f87fd; } .Partner-Logo .Logo-Item>img { width: auto; max-width: 100%; margin: 0 auto; margin-top: 50px; -webkit-transform:translateY(-50%); transform:translateY(-50%); } /*==================================== Main Footer ======================================*/ .Main-Footer { background: #080029; } .Main-Footer .contact-info { background: #150363; position: relative; text-align: center; padding: 20px 30px; margin: -40px 0 84px; } .Main-Footer .contact-info:before { content: ""; position: absolute; bottom: -24px; right: 10px; left: 10px; height: 24px; background: #ff474a; } .Main-Footer .contact-info>ul>li { display: inline-block; line-height: 32px; font-family: 'Poppins', sans-serif; font-size: 15px; color: #fff; font-weight: 400; } .Main-Footer .contact-info>ul>li>i { font-size: 40px; line-height: 40px; vertical-align: middle; color: #ff474a; margin-right: 15px; } .Main-Footer .contact-info>ul>li>i.flaticon-mail {font-size: 50px;} .Main-Footer .contact-info>ul>li:nth-of-type(1) {float: left;} .Main-Footer .contact-info>ul>li:nth-of-type(3) {float: right;} /******/ .Main-Footer .Footer-Item-Wrapper .footer-News, .Main-Footer .Footer-Item-Wrapper .Quick-Focus, .Main-Footer .Footer-Item-Wrapper .footer-News, .Main-Footer .Footer-Item-Wrapper .Quick-Focus, .Main-Footer .Footer-Item-Wrapper .footer-logo { margin-bottom: 23px; } .Main-Footer .Footer-Item-Wrapper .footer-logo>.F-logo { display: block; margin-bottom: 29px; } .Main-Footer .Footer-Item-Wrapper .footer-logo>.F-logo>img {width: auto;} .Main-Footer .Footer-Item-Wrapper .footer-logo>p {color: #b1afaf;} .Main-Footer .Footer-Item-Wrapper .footer-logo>h6 { color: #2f87fd; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 500; line-height: 32px; margin: 60px 0 25px; } .Main-Footer .Footer-Item-Wrapper .footer-logo>form { position: relative; overflow: hidden; height: 50px; border-radius: 0 20px 20px 0; } .Main-Footer .Footer-Item-Wrapper .footer-logo>form>input { width: 100%; height: 100%; background: #313030; border: solid 1px transparent; padding: 0 100px 0 15px; color: #605d5d; } .Main-Footer .Footer-Item-Wrapper .footer-logo>form>input:focus {border: solid 1px #2f87fd; padding-left: 20px;} .Main-Footer .Footer-Item-Wrapper .footer-logo>form>button { position: absolute; top: 0; right: 0; bottom: 0; width: 90px; color: #fff; background: #2f87fd; font-size: 20px; z-index: 99; border-radius: 20px; } /******/ .Main-Footer .Footer-Item-Wrapper h6 { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; line-height: 32px; color: #fff; margin: 18px 0 28px; } .Main-Footer .Footer-Item-Wrapper .Quick-Focus { padding-left: 0; } .Quick-Focus ul {margin: 0 auto; text-align: center;} .Main-Footer .Footer-Item-Wrapper .Quick-Focus>ul>li { color: #ffffff; line-height: 32px; margin-bottom: 5px; display: inline-block; padding: 0px 30px; font-size: 18px; text-transform: uppercase; font-weight: 600; } .Main-Footer .Footer-Item-Wrapper .Quick-Focus>ul>li>a:hover {color: #2f87fd; padding-left: 5px;} /******/ .Main-Footer .Footer-Item-Wrapper .footer-News>ul>li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #313030; } .Main-Footer .Footer-Item-Wrapper .footer-News>ul>li:last-child {margin-bottom: 0; border-bottom: none;} .Main-Footer .Footer-Item-Wrapper .footer-News>ul>li>p { font-family: 'Poppins', sans-serif; font-size: 15px; color: #ffffff; } .Main-Footer .Footer-Item-Wrapper .footer-News>ul>li>span { display: block; color: #545454; font-size: 15px; line-height: 36px; } .Main-Footer .Footer-Item-Wrapper .footer-News>a { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 500; color: #2f87fd; line-height: 36px; } .Main-Footer .Footer-Item-Wrapper .footer-News>a>i {font-size: 12px; color: #fff; margin-right: 10px;} /******/ .Main-Footer .footer-bottom { border-top: solid 1px #ffffff; padding: 26px 0; } .Main-Footer .footer-bottom>p { color: #ffffff; } .Main-Footer .footer-bottom>ul>li { color: #ffffff; display: inline-block; font-size: 17px; line-height: 32px; } .Main-Footer .footer-bottom>ul>li>a {padding: 0 8px;} .Main-Footer .footer-bottom>ul>li>a:hover {color: #2f87fd;} /*** ==================================================================== INDEX - 2 ==================================================================== ***/ .Main-Menu-And-Main-Banner {position: relative;} .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; } .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two .middle-header-contant>ul>li>span, .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two .middle-header-contant>ul>li>h5 {color: #fff;} .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two .middle-header-contant>ul>li>.main-menu-icon a:hover, .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two .middle-header-contant>ul>li:hover>h5 {color: #2f87fd;} .Main-Menu-And-Main-Banner .middle-header-and-menu-item-v-two .middle-header-contant>ul>li>.main-menu-icon {border-left: none; line-height: 56px;} .main-menu-button { width: 200px; float: right; line-height: 75px; border-left: solid 1px #5499f7; text-align: center; color: #fff; font-weight: 600; } /*==================================== Theme Main Banner V-2 ====================================*/ .camera_wrap {float:none;} #theme-main-banner-two .camera_overlayer { content: ''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: rgba(0,0,0,0.42); } #theme-main-banner-two .camera_prev, #theme-main-banner-two .camera_next { background: rgba(255,255,255,0.32); height: 58px; width: 58px; border-radius: 50%; margin-top: -30px; text-align: center; top: 60%; } #theme-main-banner-two .camera_prev {margin-left: 10px;} #theme-main-banner-two .camera_next {margin-right: 10px;} #theme-main-banner-two .camera_prev:hover, #theme-main-banner-two .camera_next:hover {background: #2f87fd;} #theme-main-banner-two .camera_prev > span, #theme-main-banner-two .camera_next > span { background: none; display: block; width: 100%; height: 100%; } #theme-main-banner-two .camera_prev > span:before,#theme-main-banner-two .camera_next > span:before { font-family: 'font-awesome'; font-size: 32px; color:#fff; line-height: 58px; } #theme-main-banner-two .camera_prev > span:before {content: '';} #theme-main-banner-two .camera_next > span:before {content: '';} #theme-main-banner-two.camera_wrap .camera_pag .camera_pag_ul li {display: none !important;} #theme-main-banner-two .camera_caption {height: 100%;} #theme-main-banner-two .camera_caption>div { background: transparent; position: absolute; width: 100%; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-shadow: none; left: 0; padding: 200px 0 0; } #theme-main-banner-two .camera_caption .container h1 {color: #fff; margin-bottom: 70px;} #theme-main-banner-two .camera_caption .container p {color: #fff; font-size: 18px; max-width: 830px;} #theme-main-banner-two .camera_caption .container a { width: 215px; font-weight: 600; font-size: 18px; line-height: 52px; text-align: center; color: #fff; background: #2f87fd; opacity: 1; margin-top: 90px; text-transform: capitalize; letter-spacing: 1px; } #theme-main-banner-two .camera_caption .container a.banner-button-two { color: #2f87fd; background: #fff; width: 185px; margin-left: 12px; } #theme-main-banner-two .camera_caption .container a.banner-button-two:hover {color: #fff;} #theme-main-banner-two .camera_caption .container a>i {margin-right: 8px;} #theme-main-banner-two .camera_caption .container>a:before {background: rgba(0,0,0,0.6);} /************/ .We-Help-v2 .We-Help-Item>h2 {margin-bottom: 42px;} .We-Help-v2 .We-Help .Our-Free-Offer {margin: 10px 70px 0 0;} .We-Help-v2 .We-Help .We-Help-Text>p {line-height: 36px; margin-bottom: 30px;} .We-Help-v2 .We-Help .We-Help-Text>ul>li {display: inline-block; vertical-align: middle; margin-right: 60px;} .We-Help-v2 .We-Help .We-Help-Text>ul>li>a { width: 170px; line-height: 52px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; background: #2f87fd; margin-top: 30px; } .We-Help-v2 .We-Help .We-Help-Text>ul>li>a>i {margin-right: 10px;} .We-Help-v2 .We-Help .We-Help-Text>ul>li>img {width: auto;} /********/ .Latest-Project-V2 { position: relative; margin-top: 0 !important; padding-top: 100px; } .Latest-Project-V2>i { position: absolute; top: 10px; right: -70px; z-index: 1; color: #78aef8; font-size: 250px; line-height: 250px; } /********/ .Why-Choosing-V2 .Why-Choosing-Text>p.mar {margin-bottom: 30px;} .Why-Choosing-V2 .Why-Choosing-Text>p.color-p {margin-bottom: 30px;} /********/ .Our-Services-Home-v2>i { right: auto; left: 50%; margin-left: -125px; } .Our-Services-Home-v2 .Our-Services {position: relative; z-index: 99;} /*==================================== Advisory ======================================*/ .Advisory {position: relative; margin: 120px 0;} .Advisory>i { position: absolute; top: 50%; right: -50px; z-index: 1; color: #f3f3f3; font-size: 250px; line-height: 250px; margin-top: -128px; z-index: -1; } .Advisory p { color: #2f87fd; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 37px; max-width: 1070px; margin-bottom: 45px; } .Advisory ul>li {display: inline-block; vertical-align: middle;} .Advisory ul>li>span { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 37px; color: #272727; border-bottom: solid 2px #2f87fd; margin-right: 100px; } .Advisory ul>li>a { width: 170px; line-height: 52px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; background: #2f87fd; } .Advisory ul>li>a>i {margin-right: 10px;} /*==================================== Team Section ======================================*/ .Team-Section {margin: 120px 0 60px;} .Team-Section .team-title {margin-bottom: 55px;} .Team-Section .team-title>p { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; color: #272727; line-height: 37px; width: calc(100% - 270px); } .Team-Section .team-title>a { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #2f87fd; line-height: 37px; } .Team-Section .team-title>a>i {margin-right: 10px;} .Team-Item .team-img {overflow: hidden; position: relative;} .Team-Item .team-img>img { width: 100%; -webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1); } .Team-Item:hover .team-img>img { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .Team-Item .team-img>.opacity-div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(47,135,253,0.45); opacity: 0; } .Team-Item:hover .team-img>.opacity-div {opacity: 1;} .Team-Item .team-img>.opacity-div>div { position: absolute; top: 50%; right: 0; left: 0; text-align: center; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .Team-Item .team-img>.opacity-div>div>h6 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 38px; color: #fff; margin-bottom: 150%; } .Team-Item:hover .team-img>.opacity-div>div>h6 {margin-bottom: 0;} .Team-Item .team-img>.opacity-div>div>a { font-size: 30px; color: #fff; line-height: 50px; } .Team-Item .team-text>div { position: relative; width: 200px; text-align: center; border: solid 1px #2f87fd; border-radius: 20px; padding: 8px 2px; margin: 30px auto 0; opacity: 0; -webkit-transform: scale3D(0,0,0); transform: scale3D(0,0,0); } .Team-Item:hover .team-text>div { opacity: 1; -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .Team-Item .team-text>div:before { content: ""; display: block; position: absolute; top: -8px; left: 22px; width: 15px; height: 15px; border-bottom: solid 1px #2f87fd; border-left: solid 1px #2f87fd; background: #fff; webkit-transform: rotate(135deg); transform: rotate(135deg); } .Team-Item .team-text>div>h6 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; color: #2f87fd; } .Team-Item .team-text>div>p {line-height: 30px;} /*** ==================================================================== Theme Inner Banner ==================================================================== ***/ .Theme-Inner-Banner.inner-banner-bg-img-one { background: url(../images/about/inner-banner-1.jpg) no-repeat center center; background-size: cover; /*background-attachment: fixed;*/ } .Theme-Inner-Banner .banner-opacity {background: rgba(1,22,50,0.55);} .Theme-Inner-Banner .banner-content { padding: 111px 0 100px; min-height: 320px; position: relative; } .Theme-Inner-Banner .banner-content>h1 {color: #fff; font-size: 55px;} .Theme-Inner-Banner .banner-content>p { font-family: 'Poppins', sans-serif; color: #fff; font-size: 18px; margin-top: 50px; max-width: 850px; } .Theme-Inner-Banner .banner-content>ul { position: absolute; right: 0; bottom: 28px; } .Theme-Inner-Banner .banner-content>ul>li {display: inline-block; color: #fff; font-size: 16px;} .Theme-Inner-Banner .banner-content>ul>li>span {padding: 0 5px;} .Theme-Inner-Banner .banner-content>ul>li>a {color: #fff;} .Theme-Inner-Banner .banner-content>ul>li:last-child>a, .Theme-Inner-Banner .banner-content>ul>li:last-child>a, .Theme-Inner-Banner .banner-content>ul>li>a:hover { color: #9e88ff; } /****/ .Theme-Inner-Banner.inner-banner-bg-img-two { background: url(../images/about/inner-banner-2.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; } .Theme-Inner-Banner.inner-banner-bg-img-two>.banner-opacity {background: rgba(0,0,0,0.75);} /*** ==================================================================== About Us ==================================================================== ***/ .About-Company-Story .Left-Story-Item .Story-title { width: 100%; float: right; } .About-Company-Story .Left-Story-Item .Story-title>h2 {font-weight: 400; font-size: 44px;} .About-Company-Story .Left-Story-Item .Story-title>h2:after { content: ""; display: block; width: 120px; height: 2px; background: #2f87fd; margin: 30px 0 35px; } .About-Company-Story .Left-Story-Item .Story-title>p.color-p { font-family: 'Poppins', sans-serif; font-weight: 600; color: #2f87fd; margin-bottom: 0; } .About-Company-Story .Left-Story-Item .Story-title>p {font-size: 18px; line-height: 36px;} /*****/ .About-Company-Story .Right-Story-Item {background: #2f87fd; margin-top: 15px;} .About-Company-Story .Right-Story-Item .Story-text { max-width: 700px; float: left; padding: 70px 10px 50px 50px; min-height: 440px; } .About-Company-Story .Right-Story-Item .Story-text>p { font-family: 'Poppins', sans-serif; font-size: 17px; line-height: 36px; color: #fff; margin-bottom: 20px; } /***********/ .About-Company-Story .Right-Story-Item-Two {margin-top: 15px;} .About-Company-Story .Right-Story-Item-Two .Right-Story-img { background: url(../images/about/img-1.jpg) no-repeat center center; background-size: cover; height: 440px; } #About-Company-Story-Slider.owl-theme .owl-dots {margin-top: 30px;} #About-Company-Story-Slider.owl-theme .owl-dots .owl-dot span { width: 26px; height: 14px; background: #cee1fc; } #About-Company-Story-Slider.owl-theme .owl-dots .owl-dot.active span, #About-Company-Story-Slider.owl-theme .owl-dots .owl-dot:hover span {background: #347ad8;} /*** ==================================================================== Services ==================================================================== ***/ .Services-Pages>div.Wrapper {position: relative; /*padding-top: 110px;*/} .Services-Pages>div.Wrapper>i { position: absolute; top: -20px; left: -150px; z-index: 1; color: #bbd5f9; font-size: 250px; line-height: 250px; } .Services-Pages>div.Wrapper>h2 { position: absolute; top: 60px; right: 0px; left: 0px; text-align: center; font-size: 175px; color: #f9f9f9; text-transform: uppercase; } /*****/ .Advisory-v2 ul>li>a {width: 290px;} /*==================================== Services Details ======================================*/ .Services-Details {margin: 140px 0 120px;} .Details-Wrapper .Details-Item>p.p-border { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 38px; color: #272727; margin-bottom: 35px; } .Details-Wrapper .Details-Item>p.p-border>span {border-bottom: solid 1px #afd0fc;} .Details-Wrapper .Details-Item>p {font-size: 18px; line-height: 36px; margin-bottom: 50px;} .Details-Wrapper .Details-Item>.image { overflow: hidden; margin-bottom: 50px; border-radius: 22px; } .Details-Wrapper .Details-Item>.image>img {width: 100%;} .Details-Wrapper .Details-Item:hover>.image>img { -webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1); } /***********/ .Details-Wrapper .Profit-Maagement>h6, .Details-Wrapper .Specific-Services>h6 { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 500; line-height: 36px; color: #2f87fd; margin-bottom: 45px; } .Details-Wrapper .Specific-Services .Specific {min-height: 340px; margin-bottom: 30px;} .Details-Wrapper .Specific-Services .Specific>ul {min-height: 120px;} .Details-Wrapper .Specific-Services .Specific>ul>li {float: left;} .Details-Wrapper .Specific-Services .Specific>ul>li:nth-of-type(1) {width: 120px;} .Details-Wrapper .Specific-Services .Specific>ul>li:nth-of-type(2) {width: calc(100% - 120px);} .Details-Wrapper .Specific-Services .Specific>ul>li>.icon { width: 77px; height: 70px; border-radius: 20px; background: #9dc5fa; overflow: hidden; } .Details-Wrapper .Specific-Services .Specific>ul>li>.icon>img { width: auto; margin: 35px auto 0; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .Details-Wrapper .Specific-Services .Specific>ul>li>h6 { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 36px; color: #2f87fd; margin-top: 15px; } /***********/ .Details-Wrapper .Profit-Maagement>h6 {margin-bottom: 20px;} .Details-Wrapper .Profit-Maagement>a { display: block; width: 280px; line-height: 52px; background: #2f87fd; color: #fff; font-weight: 600; font-size: 19px; text-align: center; border-radius: 10px; } .Details-Wrapper .Profit-Maagement .text>p {margin-bottom: 22px;} .Details-Wrapper .Profit-Maagement .text>p.color-P { color: #2f87fd; font-weight: 600; font-size: 18px; margin: 40px 0 70px; } .Details-Wrapper .Profit-Maagement .Profit {padding-left: 70px;} .Details-Wrapper .Profit-Maagement .Profit .grap {margin: 0 0 40px 15px; overflow: hidden;} .Details-Wrapper .Profit-Maagement .Profit .grap>div {display: inline-block;} .Details-Wrapper .Profit-Maagement .Profit>ul>li { position: relative; padding-left: 35px; line-height: 32px; font-size: 16px; color: rgba(0,0,0,0.7); margin-bottom: 15px; } .Details-Wrapper .Profit-Maagement .Profit>ul>li>i { position: absolute; top: 0; left: 0; line-height: 32px; color: #2f87fd; } .Details-Wrapper .Profit-Maagement .Profit>ul>li:nth-of-type(2)>i {color: #fd6a42;} .Details-Wrapper .Profit-Maagement .Profit>ul>li:nth-of-type(3)>i {color: #f2e22c;} .Details-Wrapper .Profit-Maagement .Profit>ul>li:nth-of-type(4)>i {color: #95c0fa;} /*================================ ----- Side-Bar-Wrapper ----- ===================================*/ .Side-Bar-Wrapper .Side-Bar-Services { background: #f5f4f4; padding: 40px 0 30px; } .Side-Bar-Wrapper .Side-Bar-Services>h6 { padding-left: 50px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 20px; line-height: 40px; margin-bottom: 40px; } .Side-Bar-Wrapper .Side-Bar-Services>h6>i {font-size: 16px; color: #2f87fd; margin-right: 15px;} .Side-Bar-Wrapper .Side-Bar-Services>ul>li {margin-bottom: 5px;} .Side-Bar-Wrapper .Side-Bar-Services>ul>li>a { display: block; line-height: 54px; padding-left: 50px; font-family: 'Poppins', sans-serif; font-size: 16px; color: #272727; } .Side-Bar-Wrapper .Side-Bar-Services>ul>li>a>i {font-size: 12px; color: #2f87fd; margin-right: 30px;} .Side-Bar-Wrapper .Side-Bar-Services>ul>li>a:hover {background: #2f87fd; color: #fff;} .Side-Bar-Wrapper .Side-Bar-Services>ul>li>a:hover>i {color: #fff; margin-right: 35px;} .Side-Bar-Wrapper .Side-Bar-Contact { background: #2f87fd; padding: 50px; margin: 30px 0; color: #fff; } .Side-Bar-Wrapper .Side-Bar-Contact>h6 { font-family: 'Poppins', sans-serif; font-weight: 600; color: #fff; line-height: 36px; font-size: 18px; } .Side-Bar-Wrapper .Side-Bar-Contact>p {color: #fff; line-height: 36px; margin: 20px 0 30px;} .Side-Bar-Wrapper .Side-Bar-Contact>span { display: block; line-height: 36px; font-family: 'Poppins', sans-serif; font-size: 18px; } .Side-Bar-Wrapper .Side-Bar-Testimonial { border: solid 1px #c9defa; padding: 45px 10px 50px 45px; } .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.title>li {display: inline-block; vertical-align: middle;} .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.title>li:nth-of-type(1) {width: 120px;} .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.title>li>img { width: 95px; height: 95px; border-radius: 50%; } .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.title>li>h6 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 32px; } .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.title>li>p {line-height: 36px;} .Side-Bar-Wrapper .Side-Bar-Testimonial>p {margin: 25px 0 45px;} .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.icon>li {display: inline-block; margin-right: 15px; vertical-align: middle;} .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.icon>li>a { font-size: 22px; color: #b9c7db; line-height: 32px; } .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.icon>li:last-child>a:hover, .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.icon>li>a:hover {color: #2f87fd;} .Side-Bar-Wrapper .Side-Bar-Testimonial>ul.icon>li:last-child>a { font-weight: 600; font-size: 16px; color: #000; margin-left: 30px; display: inline; border-bottom: solid 1px #2f87fd; } /*** ==================================================================== Projects Gallery ==================================================================== ***/ .mixitUp_menu {margin-bottom: 60px;} .mixitUp_menu ul li { font-size: 19px; display: inline-block; cursor: pointer; margin: 0 15px; font-family: 'Poppins', sans-serif; position: relative; line-height: 36px; color: #666666; margin-bottom: 10px; } .mixitUp_menu ul li:nth-of-type(1) {margin-left: 0;} .mixitUp_menu ul li:before { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background: #687383; width: 0%; } .mixitUp_menu ul li.mixitup-control-active:before, .mixitUp_menu ul li:hover:before {width: 100%;} .mixitUp_menu ul li.mixitup-control-active, .mixitUp_menu ul li:hover {color: #2f87fd;} /****/ .portfolio-item {position: relative; overflow: hidden;} .portfolio-item>img { width: 100%; -webkit-transform:scale3D(1.1,1.1,1.1); transform:scale3D(1.1,1.1,1.1); } .portfolio-item:hover>img { -webkit-transform:scale3D(1,1,1); transform:scale3D(1,1,1); } .portfolio-item .item-opacity { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); opacity: 0; } .portfolio-item:hover .item-opacity {opacity: 1;} .portfolio-item .item-opacity>div { position: relative; height: 100%; z-index: 99; } .portfolio-item .item-opacity>div>h6 { font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 40px; font-weight: 500; color: #fff; position: absolute; top: 50%; left: -100%; right: 0; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .portfolio-item:hover .item-opacity>div>h6 {left: 0;} .portfolio-item .item-opacity>div>a { position: absolute; bottom: -60px; right: -60px; width: 60px; height: 60px; border-radius: 50%; color: #fff; background: #2f87fd; line-height: 60px; font-size: 30px; } .portfolio-item:hover .item-opacity>div>a {bottom: 10px; right: 10px;} /*****/ .Gallery-Wrapper .Title-Item { text-align: center; padding: 25px 0; margin-bottom: 20px; } .Gallery-Wrapper .Title-Item>h6 { font-family: 'Poppins', sans-serif; font-size: 19px; line-height: 40px; } .Gallery-Wrapper .Title-Item:hover>h6>a {color: #2f87fd;} /**************/ .Next-Button {vertical-align: middle; margin: 50px 0 100px;} .Next-Button>li {display: inline; margin-right: 15px;} .Next-Button>li>a { font-family: 'Poppins', sans-serif; font-size: 19px; line-height: 40px; width: 40px; border-radius: 50%; background: #dbe8fb; text-align: center; color: #272727; } .Next-Button>li>a>i {font-size: 15px;} .Next-Button>li.active>a, .Next-Button>li>a:hover {color: #fff; background: #2f87fd;} /***********************/ .with-no-space .Space {margin: 0;} .with-no-space .Space>div {padding: 0;} .with-no-space .Space>div .portfolio-item .item-opacity {background: rgba(47,135,253,0.83);} .with-no-space .Next-Button {margin-top: 100px;} /*==================================== Projects Details ======================================*/ .Details-Wrapper .Project-Info {margin-bottom: 80px;} .Details-Wrapper .Result-Driven>h6, .Details-Wrapper .Project-Info>h6 { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 500; color: #2f87fd; list-style: 36px; margin-bottom: 30px; } .Details-Wrapper .Project-Info>p { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; list-style: 38px; color: #272727; margin-bottom: 60px; } .Details-Wrapper .Project-Info ul>li { color: #272727; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 45px; } .Details-Wrapper .Project-Info ul>li>span { font-weight: 400; font-size: 18px; color: #2f87fd; margin-left: 5px; } .Details-Wrapper .Project-Info a { width: 280px; line-height: 75px; background: #2f87fd; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; color: #fff; text-align: center; margin-top: 30px; } /********/ .Details-Wrapper .Result-Driven {margin-bottom: 100px;} .Details-Wrapper .Result-Driven>p { font-size: 18px; line-height: 36px; margin-bottom: 80px; } .Details-Wrapper .Result-Driven>.list-one>li { display: inline-block; color: #4f5362; font-weight: 600; font-size: 15px; text-transform: uppercase; line-height: 36px; } .Details-Wrapper .Result-Driven>.list-one>li>ul {text-align: right;} .Details-Wrapper .Result-Driven>.list-one>li>ul>li {display: inline-block; border-width: 400; margin-left: 40px;} .Details-Wrapper .Result-Driven>.list-one>li:nth-of-type(1) {float: left;} .Details-Wrapper .Result-Driven>.list-one>li:nth-of-type(2) {float: right;} #chartContainer { height: 300px; width: 100%; margin: 25px 0 10px; } .Details-Wrapper .Result-Driven>.list-two {text-align: right;} .Details-Wrapper .Result-Driven>.list-two>li { display: inline-block; font-size: 15px; line-height: 36px; color: #4f5362; vertical-align: middle; margin-left: 45px; } .Details-Wrapper .Result-Driven>.list-two>li>i {margin-right: 8px; color: #c966fb;} .Details-Wrapper .Result-Driven>.list-two>li:nth-of-type(2)>i {color: #95f0fa;} .Details-Wrapper .Result-Driven>.list-two>li>a {color: #a8acb9; font-weight: 600;} .Details-Wrapper .Result-Driven>.list-two>li>a>i {margin-right: 5px;} /************************/ .Side-Bar-Wrapper .Side-Bar-Form { height: 50px; overflow: hidden; position: relative; margin-bottom: 60px; } .Side-Bar-Wrapper .Side-Bar-Form>input { width: 100%; height: 100%; border: solid 1px #eae7e7; padding: 0 70px 0 25px; } .Side-Bar-Wrapper .Side-Bar-Form>button { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; color: #fff; background: #2f87fd; } .Side-Bar-Wrapper .Side-Bar-Form>input:focus {border-color: #2f87fd;} /*** ==================================================================== Team Pages ==================================================================== ***/ .Team-Pages {margin: 140px 0 70px;} .Team-Pages h2 { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 400; max-width: 900px; } .Team-Pages h2:after { content: ""; display: block; width: 110px; height: 4px; background: #2f87fd; margin-bottom: 90px; } .Team-Pages .Team-Item-W {margin-bottom: 33px;} .Team-Pages .Team-Item .Team-Img {position: relative; overflow: hidden;} .Team-Pages .Team-Item .Team-Img>img { width: 100%; -webkit-transform:scale3D(1.1,1.1,1); transform:scale3D(1.1,1.1,1); } .Team-Pages .Team-Item:hover .Team-Img>img { -webkit-transform:scale3D(1,1,1); transform:scale3D(1,1,1); } .Team-Pages .Team-Item .Team-Img>.Img-opacity { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(47,135,253,0.8); opacity: 0; } .Team-Pages .Team-Item:hover .Team-Img>.Img-opacity {opacity: 1;} .Team-Pages .Team-Item .Team-Img>.Img-opacity>div { position: absolute; left: 0; right: 0; bottom: -50%; text-align: center; z-index: 99; } .Team-Pages .Team-Item:hover .Team-Img>.Img-opacity>div {bottom: 20px;} .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>p>a, .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>p { color: #fff; line-height: 38px; font-size: 18px; font-family: 'Poppins', sans-serif; } .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>ul>li>a:hover, .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>p>a:hover {color: #36074e;} .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>ul>li {display: inline-block;} .Team-Pages .Team-Item .Team-Img>.Img-opacity>div>ul>li>a { color: #fff; line-height: 38px; padding: 0 8px; } .Team-Pages .Team-Item .Team-Title { text-align: center; padding: 30px 0 10px; } .Team-Pages .Team-Item .Team-Title>h6 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 38px; } .Team-Pages .Team-Item .Team-Title>h6>a {color: #272626;} .Team-Pages .Team-Item:hover .Team-Title>h6>a {color: #2f87fd;} .Team-Pages .Team-Item .Team-Title>span { display: block; line-height: 38px; color: #717171; font-size: 18px; } /*** ==================================================================== Testimonial Pages ==================================================================== ***/ .Testimonial-Pages-Title {margin: 140px 0 100px;} .Testimonial-Pages-Title h3 { font-size: 35px; font-weight: 400; max-width: 900px; text-transform: none; } .Testimonial-Pages-Title h3:after { content: ""; display: block; width: 83px; height: 4px; background: #2f87fd; } /*================= .Testimonial-Section-v2 ========================*/ .Testimonial-Section-v2 {margin: 140px 0 50px;} .Testimonial-Section-v2 .Testimonial-Item {margin-bottom: 80px;} .Testimonial-Section-v2 .Testimonial-Item>.Title {padding-left: 85px;} .Testimonial-Section-v2 .Testimonial-Item>.Title>img { display: inline-block; width: 79px; height: 79px; border-radius: 50%; } .Testimonial-Section-v2 .Testimonial-Item>.Title>div { display: inline-block; vertical-align: middle; padding-left: 15px; } .Testimonial-Section-v2 .Testimonial-Item>.Title>div>h6 { font-size: 22px; font-weight: 600; text-transform: none; margin-bottom: 8px; } .Testimonial-Section-v2 .Testimonial-Item:hover>.Title>div>h6 {color: #2f87fd;} .Testimonial-Section-v2 .Testimonial-Item>.Title>div>span { color: rgba(0,0,0,0.7); font-weight: 600; font-size: 16px; } .Testimonial-Section-v2 .Testimonial-Item>.Text { position: relative; border: solid 1px #edecec; text-align: center; padding: 30px 30px 50px; margin-top: 40px; } .Testimonial-Section-v2 .Testimonial-Item>.Text:before { content: ""; display: block; position: absolute; top: -11px; left: 115px; width: 20px; height: 20px; border-top: solid 1px #edecec; border-left: solid 1px #edecec; background: #fff; webkit-transform: rotate(45deg); transform: rotate(45deg) } .Testimonial-Section-v2 .Testimonial-Item:hover>.Text:before, .Testimonial-Section-v2 .Testimonial-Item:hover>.Text {border-color: #2f87fd;} .Testimonial-Section-v2 .Testimonial-Item>.Text>i { position: absolute; right: 30px; bottom: 20px; display: block; font-size: 25px; color: #2f87fd; line-height: 25px; } .Testimonial-Section-v2 .Testimonial-Item>.Text>p {font-size: 16px;} /*** ==================================================================== Blog Pages ==================================================================== ***/ .blog-v-one-section {margin: 140px 0;} .blog-post-list-wrapper>.blog-post-list-item {margin-bottom: 80px;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-img {overflow: hidden;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-img>img { width: 100%; -webkit-transform: scale3D(1.2,1.2,1.2); transform: scale3D(1.2,1.2,1.2); } .blog-post-list-wrapper>.blog-post-list-item:hover .blog-post-list-img>img { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>ul {padding-top: 70px;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>ul>li { color: #989898; font-size: 16px; font-weight: 400; line-height: 30px; font-family: 'Poppins', sans-serif; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>ul>li>span { display: block; color: #2f87fd; font-size: 22px; font-weight: 500; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>ul>li:nth-of-type(1) {float: left;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>ul>li:nth-of-type(2) {float: right;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>h2 { margin: 50px 0 30px; font-size: 40px; text-transform: none; font-family: 'Poppins', sans-serif; font-weight: 500; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>p { max-width: 800px; margin-bottom: 55px; font-size: 18px; line-height: 36px; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>a { font-family: 'Poppins', sans-serif; font-weight: normal; width: 230px; line-height: 52px; border: solid 1px #2f87fd; color: #2f87fd; font-size: 18px; } .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>a>i {margin-left: 10px; vertical-align: middle;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text>a:hover {background: #2f87fd; color: #fff;} .blog-post-list-wrapper>.blog-post-list-item .blog-post-list-text:hover>h2 {color: #2f87fd;} .blog-post-list-wrapper>.blog-prev-next-button {padding: 20px 0 0;} .blog-post-list-wrapper>.blog-prev-next-button>li {display: inline-block; margin-right: 10px;} .blog-post-list-wrapper>.blog-prev-next-button>li>a { width: 55px; line-height: 48px; font-size: 22px; font-weight: 400; color: #2f87fd; border: solid 1px #c3dcfd; text-align: center; font-family: 'Poppins', sans-serif; } .blog-post-list-wrapper>.blog-prev-next-button>li>a>i {line-height: 48px;} .blog-post-list-wrapper>.blog-prev-next-button>li:last-child {margin: 0 0 0 35px;} .blog-post-list-wrapper>.blog-prev-next-button>li.active>a, .blog-post-list-wrapper>.blog-prev-next-button>li:hover>a {color: #fff; background: #2f87fd;} /*========== side-bar-section ==========*/ .side-bar-section .blog-section-search-blog>form { margin: 25px 0 50px; border-bottom: solid 1px #dcd9d9; position: relative; padding-right: 30px; height: 45px; } .side-bar-section .blog-section-search-blog>form>input { width: 100%; height: 100%; border: none; color: #b9b8b8; padding: 0 10px 0 0; } .side-bar-section .blog-section-search-blog>form>button { width: 30px; position: absolute; top: 0; right: 0; bottom: 0; color: #b9b8b8; background: transparent; } .side-bar-section {max-width: 270px;} .side-bar-section h5 { font-size: 20px; text-transform: none; background: #2f87fd; line-height: 55px; color: #fff; padding-left: 30px; border-radius: 0 0 9px 9px; font-weight: 500; font-family: 'Poppins', sans-serif; } .side-bar-section .side-bar-solutions-item>ul {margin: 38px 0 80px;} .side-bar-section .side-bar-solutions-item>ul>li { margin-bottom: 20px; border-bottom: solid 1px #e2dede; padding: 10px 0 25px 50px; position: relative; min-height: 40px; } .side-bar-section .side-bar-solutions-item>ul>li>i { position: absolute; top: 0; left: 0; font-size: 25px; line-height: 45px; color: #2f87fd; } .side-bar-section .side-bar-solutions-item>ul>li>a { font-weight: 500; color: #222121; font-family: 'Poppins', sans-serif; } .side-bar-section .side-bar-solutions-item>ul>li:hover>a {color: #2f87fd; padding-left: 10px;} .side-bar-section .get-your-brochures-item>ul {margin: 50px 0 80px;} .side-bar-section .get-your-brochures-item>ul>li {margin-bottom: 12px;} .side-bar-section .get-your-brochures-item>ul>li>a { background: #f5f4f4; line-height: 55px; border: solid 1px transparent; display: block; padding: 0 30px; color: #312f2f; border-radius: 0 0 9px 9px; } .side-bar-section .get-your-brochures-item>ul>li>a:hover {color: #2f87fd; border: solid 1px #2f87fd;} .side-bar-section .get-your-brochures-item>ul>li>a>i {margin-left: 50px; color: #2f87fd;} .official-contact-item {border: solid 1px #cae0fe; margin-top: 65px; border-radius: 0 0 9px 9px; height: 360px;} .official-contact-item>.item-one {margin: 60px 0 45px; padding: 0 10px 0 40px;} .official-contact-item>.item-one>li {margin-bottom: 18px;} .official-contact-item>.item-one>li>span>i {font-size: 20px; margin-right: 30px; vertical-align: middle;} .official-contact-item>.item-one>li>span {display: inline-block;} .official-contact-item>.item-two {padding-left: 40px;} .official-contact-item>.item-two>li>a {font-size: 18px; color: #6f6e6e;} .official-contact-item>.item-two>li {display: inline-block; margin-right: 15px;} .official-contact-item>.item-two>li>a:hover {color: #2f87fd;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper {border: solid 1px #cae0fe; border-radius: 0 0 9px 9px; margin-top: 80px;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item {padding: 30px 10px 45px 30px;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item>div>div {display: inline-block; vertical-align: middle;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item>div>.img-item {width: 88px; height: 88px; border-radius: 50%; margin-right: 15px;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item>div>.img-item>img {width: 100%; height: 100%;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item>div>div>span {color: #959595; display: block; margin-top: 5px;} .side-bar-Testimonials-item .side-bar-Testimonials-wrapper .item>p {line-height: 30px; margin-top: 45px; font-size: 16px;} #side-bar-Testimonials-Slider.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0; position: absolute !important; top: -50px; width: 100%;} #side-bar-Testimonials-Slider.owl-theme .owl-dots .owl-dot:hover span, #side-bar-Testimonials-Slider.owl-theme .owl-dots .owl-dot.active span {background: #2f87fd;} /*================================= Blog Details =================================*/ .blog-details-wrapper .blog-post-list-text>p {margin-bottom: 34px !important; max-width: 100% !important;} .blog-details-wrapper .blog-post-list-text .blog-details-P-style { position: relative; padding: 40px 60px 40px 0; margin-bottom: 25px; } .blog-details-wrapper .blog-post-list-text .blog-details-P-style>i { position: absolute; right: 10px; bottom: 35px; color: #2f87fd; font-size: 35px; line-height: 35px; } .blog-details-wrapper .blog-post-list-text .blog-details-P-style>p { font-size: 19px; font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 36px; color: rgba(0,0,0,0.9); position: relative; } .blog-details-wrapper .blog-post-list-text .blog-details-P-style>p:after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 17px; background: #d0e4fe; z-index: -1; } .blog-details-wrapper .blog-post-list-text .tags-blog-insurance {padding-top: 30px;} .blog-details-wrapper .blog-post-list-text .tags-blog-insurance>h6 {line-height: 36px; float: left; font-weight: 700; font-size: 18px;} .blog-details-wrapper .blog-post-list-text .tags-blog-insurance>ul {float: right;} .blog-details-wrapper .blog-post-list-text .tags-blog-insurance>ul>li {display: inline-block; margin-left: 25px;} .blog-details-wrapper .blog-post-list-text .tags-blog-insurance>ul>li>a {font-size: 24px; color: #a6a6a6; line-height: 36px;} .blog-details-wrapper .blog-post-list-text .tags-blog-insurance>ul>li>a:hover {color: #2f87fd;} .Comment-and-Reply-wrapper {padding-top: 20px;} .Comment-and-Reply-wrapper .Next-and-Prev-Post>div { width: 46%; text-align: center; border: solid 1px #d1e5ff; padding: 30px 5px 22px; } .Comment-and-Reply-wrapper .Next-and-Prev-Post>div>p { color: #a6a6a6; font-size: 20px; font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 36px; } .Comment-and-Reply-wrapper .Next-and-Prev-Post>div:hover>p {color: #2f87fd;} .Comment-and-Reply-wrapper .Reply-wrapper {margin: 120px 0 80px;} .Comment-and-Reply-wrapper .Reply-wrapper>ul>li { position: relative; padding-left: 170px; margin-bottom: 60px; } .Comment-and-Reply-wrapper .Reply-wrapper>ul>li:last-child {margin-bottom: 0;} .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>img { position: absolute; top: 0; left: 20px; width: 79px; height: 79px; border-radius: 50%; } .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>h6 {font-size: 18px; line-height: 32px; text-transform: none;} .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>div>span { display: inline-block; color: #939393; margin-right: 70px; line-height: 32px; font-size: 14px; } .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>div>a { display: inline-block; line-height: 32px; color: #939393; font-size: 16px; font-weight: 600; font-family: 'Poppins', sans-serif; vertical-align: middle; } .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>div>a:hover {color: #2f87fd;} .Comment-and-Reply-wrapper .Reply-wrapper>ul>li>p { margin-top: 27px; font-size: 15px; } /****/ .contact-form-wrapper>h6 {font-size: 20px; line-height: 32px; margin-bottom: 40px;} .contact-form-wrapper>form input { width: 100%; height: 60px; margin-bottom: 30px; border: none; border-bottom: solid 1px #d7e6fb; } .contact-form-wrapper>form textarea:focus, .contact-form-wrapper>form input:focus {border-color: #2f87fd;} .contact-form-wrapper>form textarea { max-width: 100%; min-width: 100%; max-height: 150px; min-height: 150px; margin-bottom: 75px; border: none; border-bottom: solid 1px #d7e6fb; padding: 105px 0 20px; overflow: hidden; } .contact-form-wrapper>form button { width: 200px; height: 55px; background: #ff474a; color: #fff; } /*** ==================================================================== Shop Pages ==================================================================== ***/ .shop-page {margin: 140px 0 120px;} .shop-sidebar-form {margin-bottom: 70px;} .shop-sidebar-form>form {height: 54px; position: relative;} .shop-sidebar-form>form>input { width: 100%; height: 100%; padding: 0 75px 0 20px; border: solid 1px #ede9e9; } .shop-sidebar-form>form>input:focus {border-color: #2f87fd;} .shop-sidebar-form>form>button { position: absolute; top: 4px; right: 5px; bottom: 4px; width: 60px; background: #2f87fd; color: #fff; font-size: 18px; } .shop-sidebar .shop-sidebar-list>h6 { font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 34px; margin-bottom: 25px; } .shop-sidebar .shop-sidebar-list ul li a { font-weight: 700; color: #6c6c6c; line-height: 48px; position: relative; padding-left: 40px; display: block; margin-bottom: 10px; } .shop-sidebar .shop-sidebar-list ul li a:hover {padding-left: 45px; color: #2f87fd;} .shop-sidebar .shop-sidebar-list ul li a:before { content: ''; font-family: 'font-awesome'; position: absolute; top:0; left: 0; line-height: 48px; font-size: 13px; color: #2f87fd; } .shop-sidebar h6 { font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 34px; margin-bottom: 40px; } .shop-sidebar .shop-filter {margin: 60px 0;} .shop-sidebar .shop-filter form{ border:1px solid #eaeaea; padding: 55px 18px 30px 18px; } .shop-sidebar .slider.slider-horizontal .slider-track { height: 5px; -webkit-box-shadow: none; box-shadow: none; border-radius: none; background: #eef2f5; margin: 0; } .shop-sidebar .slider-selection { background: #2f87fd; -webkit-box-shadow: none; box-shadow: none; } .shop-sidebar .slider-handle { width: 15px; height: 15px; border-radius: 50%; background: #dddddd; border: none; top:4px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); } .shop-sidebar .shop-filter .tooltip { opacity: 1 !important; } .slider.slider-horizontal { width: 100%; height: 20px; } .shop-sidebar .shop-filter .tooltip-inner { font-weight: 600; color: #32394d; font-size: 14px; background: #fff; -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); } .shop-sidebar .shop-filter .tooltip.top .tooltip-arrow { border-top-color: #fff; } .shop-sidebar .shop-filter form .filter-button { width: 100%; display: block; line-height: 45px; background: #2f87fd; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; margin-top: 40px; } .shop-sidebar .shop-filter form .filter-button:hover {background: #353535;} .shop-sidebar .shop-sidebar-popular-product img {width: 75px;} .shop-sidebar .shop-sidebar-popular-product .text { width: calc(100% - 75px); padding-left: 20px; margin-top: -7px; } .shop-sidebar .shop-sidebar-popular-product .text a { font-weight: 400; font-size: 17px; color: #1e1e1e; display: block; line-height: 34px; font-family: 'Poppins', sans-serif; } .shop-sidebar .shop-sidebar-popular-product .text ul li {display: inline-block; margin-right: 5px;} .shop-sidebar .shop-sidebar-popular-product .text ul li:last-child {margin-right: 0;} .shop-sidebar .shop-sidebar-popular-product .text ul li i {color: #f65c5c;} .shop-sidebar .shop-sidebar-popular-product .text strong { font-size: 18px; font-weight: 400; color: #2f87fd; font-family: 'Poppins', sans-serif; } .shop-sidebar .shop-sidebar-popular-product .text ul {margin: 2px 0;} .shop-sidebar .shop-sidebar-popular-product>ul>li {margin-bottom: 30px;} .shop-sidebar .shop-sidebar-popular-product>ul>li:last-child {margin-bottom: 0;} /****/ .shop-product-wrapper .single-product {margin-bottom: 75px;} .shop-product-wrapper .single-product .image { position: relative; overflow: hidden; } .shop-product-wrapper .single-product .image img { width: 100%; -webkit-transform: scale3D(1.1,1.1,1.1); transform: scale3D(1.1,1.1,1.1); } .shop-product-wrapper .single-product:hover .image img { width: 100%; -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .shop-product-wrapper .single-product .image .opacity { position: absolute; width: 100%; height: 100%; top:0; left:0; background: rgba(47,135,253,0.7); text-align: center; opacity: 0; } .shop-product-wrapper .single-product:hover .image .opacity {opacity: 1;} .shop-product-wrapper .single-product .image .opacity a { font-weight: 400; font-size: 50px; color: #fff; } .shop-product-wrapper .single-product .image .opacity>div { position: relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .shop-product-wrapper .single-product>div.clear-fix {padding-top: 35px;} .shop-product-wrapper .single-product>div.clear-fix>ul {float: left;} .shop-product-wrapper .single-product>div.clear-fix>ul>li {display: inline-block; margin-right: 5px; line-height: 34px;} .shop-product-wrapper .single-product>div.clear-fix>ul>li:last-child {margin-right: 0;} .shop-product-wrapper .single-product>div.clear-fix>ul>li i {color: #f65c5c;} .shop-product-wrapper .single-product>div.clear-fix>strong { font-size: 18px; font-weight: 500; color: #2f87fd; font-family: 'Poppins', sans-serif; display: block; line-height: 34px; float: right; } .shop-product-wrapper .single-product h6 a { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; text-transform: none; color: #444444; margin: 18px 0 30px 0; line-height: 34px; } .shop-product-wrapper .single-product>a { font-family: 'Poppins', sans-serif; font-weight: 400; width: 172px; line-height: 39px; border: solid 1px #dfeaf9; border-radius: 20px; color: #2f87fd; } .shop-product-wrapper .single-product>a:hover {background: #2f87fd; color: #fff;} .theme-pagination-one>.blog-prev-next-button {padding: 30px 0 0;} .theme-pagination-one>.blog-prev-next-button>li {display: inline-block; margin-right: 10px;} .theme-pagination-one>.blog-prev-next-button>li>a { width: 55px; line-height: 48px; font-size: 22px; font-weight: 500; color: #2f87fd; border: solid 1px #dfeaf9; text-align: center; font-family: 'Poppins', sans-serif; } .theme-pagination-one>.blog-prev-next-button>li>a>i {line-height: 48px;} .theme-pagination-one>.blog-prev-next-button>li:last-child {margin: 0 0 0 35px;} .theme-pagination-one>.blog-prev-next-button>li.active>a, .theme-pagination-one>.blog-prev-next-button>li:hover>a {color: #fff; background: #2f87fd;} /*=================================== Shop Details ================================*/ .shop-page-details {margin: 130px 0;} .single-product-details .product-order-img {margin-bottom: 30px;} .single-product-details .product-order-img .vig-img {overflow: hidden; margin-right: 8px;} .single-product-details .product-order-img .vig-img>img {width: 100%;} .single-product-details .product-order-img .small-img:hover>img, .single-product-details .product-order-img:hover .vig-img>img { -webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1); } .single-product-details .product-order-img .small-img {overflow: hidden; margin-bottom: 30px;} .single-product-details .product-order-img .small-img>img {width: 100%;} .single-product-details .product-order-details>h6 {font-size: 32px; line-height: 50px; text-transform: none;} .single-product-details .product-order-details>.price {margin: 50px 0 15px;} .single-product-details .product-order-details>.price>li {display: inline-block; margin-right: 15px; color: #2f87fd; vertical-align: middle;} .single-product-details .product-order-details>.price>li:nth-of-type(1) {color: #121212; font-weight: 700; font-size: 35px;} .single-product-details .product-order-details>.price>li:nth-of-type(2) {color: #737373; font-size: 22px;} .single-product-details .product-order-details>.rating-and-tag>.rating {display: inline-block; margin-right: 35px;} .single-product-details .product-order-details>.rating-and-tag>.rating>li {display: inline-block; color: #fb663e; font-size: 25px; margin-right: 5px;} .single-product-details .product-order-details>.rating-and-tag>.tag {display: inline-block;} .single-product-details .product-order-details>.rating-and-tag>.tag>li {vertical-align: middle;} .single-product-details .product-order-details>p {margin: 40px 0 30px; font-size: 16px; max-width: 770px;} .value-decrease-and-select {position: relative; padding-left: 99px;} .value-decrease-and-select>span { position: absolute; top: 10px; left: 0; color: #121212; font-weight: 700; font-size: 18px; } .value-decrease-and-button .value-decrease-and-select>ul>li {display: inline-block;} .value-decrease-and-select .content-and-select { width: 270px; height: 45px; } .value-decrease-and-select .content-and-select .bootstrap-select.btn-group:not(.input-group-btn), .value-decrease-and-select .content-and-select .bootstrap-select.btn-group[class*="col-"] { border: none; width: 100%; } .value-decrease-and-select .content-and-select .bootstrap-select > .dropdown-toggle:focus, .value-decrease-and-select .content-and-select .bootstrap-select > .dropdown-toggle { line-height: 30px; padding-left: 15px; padding-right: 25px; background: #f4f1f1 !important; border-radius: 0; } .value-decrease-and-select .content-and-select .bootstrap-select > .dropdown-toggle:focus, .value-decrease-and-select .content-and-select .Getting-Business-Form form .single-input>input:focus, .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-menu { box-shadow: none; } .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-toggle .caret {display: none;} .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-toggle .bs-caret { position: absolute; top:0; right: 0; bottom: 0; width: 23px; } .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { font-family: 'font-awesome'; content: ''; position: absolute; top:0; left: 0; font-size: 18px; line-height: 43px; color: #848484; } .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-toggle .filter-option {color: #7c7c7c;} .value-decrease-and-select .content-and-select .bootstrap-select.btn-group .dropdown-menu li>a {padding: 3px 8px;} .value-decrease-and-select .value-section {padding-left: 20px;} .value-decrease-and-select .value-section>li { display: inline-block; vertical-align: middle; } .value-decrease-and-select .value-section>li button { width: 54px; height: 38px; color: #6c6b6b; font-size: 14px; background: #f4f1f1; } .value-decrease-and-select .value-section>li:nth-child(2) { width: 54px; height: 38px; line-height: 38px; background: #98c2fb; text-align: center; font-size: 20px; font-weight: 500; color: #fff; margin: 0 10px; } .value-decrease-and-button .Size-chart {position: relative; padding-left: 99px; margin-top: 55px;} .value-decrease-and-button .Size-chart>span { position: absolute; top: 0; left: 0; color: #121212; font-weight: 700; font-size: 18px; line-height: 38px; } .value-decrease-and-button .Size-chart>ul, .value-decrease-and-button .Size-chart>ul>li {display: inline-block;} .value-decrease-and-button .Size-chart>ul>li>button { width: 54px; height: 38px; font-size: 18px; color: rgba(18,18,18,0.6); text-transform: uppercase; font-weight: 700; background: #f4f1f1; } .value-decrease-and-button .Size-chart>ul>li>button:focus, .value-decrease-and-button .Size-chart>ul>li>button:hover {color: #fff; background: #98c2fb;} .value-decrease-and-button .Size-chart>a { width: 175px; line-height: 41px; color: #fff; background: #2f87fd; border-radius: 20px; margin-left: 75px; } .single-product-details .review-tab {margin: 80px 0 100px 0;} .single-product-details .review-tab .nav-tabs > li {margin: 0;} .single-product-details .review-tab .nav-tabs > li > a { font-family: 'Poppins', sans-serif; line-height: 40px; font-size: 22px; font-weight: 500; color: #121212; border: none; margin-right: 30px; text-align: left; border-radius: 0; border-bottom: solid 3px #f4f1f1; text-transform: capitalize; } .single-product-details .review-tab .nav-tabs {border: none; margin: 0 0 40px 0;} .single-product-details .review-tab .nav-tabs > li > a:hover, .single-product-details .review-tab .nav-tabs > li.active > a, .single-product-details .review-tab .nav-tabs > li.active > a:hover, .single-product-details .review-tab .nav-tabs > li.active > a:focus {background: transparent !important; border-color: #2f87fd;} .single-product-details .review-tab .tab-pane p {font-size: 16px;} .single-product-details .review-tab .tab-pane h4 {margin-bottom: 40px;} .single-product-details .review-tab .tab-pane ul li {line-height: 45px; font-size: 18px;} #review .single-review {background: #f4f1f1; padding: 30px 30px 30px 30px;} #review .single-review img {width: 85px; height: 85px; border-radius: 50%;} #review .single-review .text { width: calc(100% - 85px); padding-left: 35px; } #review .single-review .text span { display: block; font-size: 14px; color: rgba(0,0,0,0.6); } #review .single-review .text h6 { font-weight: 600; margin: 5px 0 20px 0; } #review .single-review .text ul li { display: inline-block; font-size: 20px; margin:15px 2px 0 2px; color: #fb663e; } #review .single-review {margin-bottom: 10px;} .single-product-details .pluses-item-and-progress>h6 {margin-bottom: 20px; text-transform: uppercase;} .single-product-details .pluses-item-and-progress>.progress {max-width: 575px; height: 25px; border-radius: 20px;} .single-product-details .pluses-item-and-progress>.progress .progress-bar {background-color: #2f87fd; font-weight: 500; font-size: 20px; line-height: 25px;} .single-product-details .pluses-item-and-progress>p {margin: 43px 0 30px; font-size: 16px;} .single-product-details .delivery>h6 {margin-bottom: 30px; text-transform: uppercase;} .single-product-details .delivery>p {font-size: 16px; margin-bottom: 25px;} .single-product-details .related-product {margin-top: 80px;} .single-product-details .related-product>h5 {font-size: 26px; margin-bottom: 45px;} .single-product-details .related-product .related-product-item>div {overflow: hidden; border: solid 1px transparent;} .single-product-details .related-product .related-product-item:hover>div {border-color: #2f87fd;} .single-product-details .related-product .related-product-item>div>img {width: 100%;} .single-product-details .related-product .related-product-item>a {font-size: 18px; margin: 20px 0 5px; display: block; font-weight: 700; color: #121212;} .single-product-details .related-product .related-product-item>span {display: inline-block; font-size: 18px; font-weight: 700; color: #121212; border-bottom: solid 1px #c661fa; line-height: 35px;} /*** ==================================================================== Contact Us ==================================================================== ***/ .Contact-Us {margin: 140px 0 100px;} .Contact-Us>div {position: relative;} .Contact-Us>div>i { position: absolute; top: -50px; left: -128px; color: #bbd5f9; font-size: 250px; line-height: 250px; z-index: -1; } .Contact-Us>div>h2 { position: absolute; top: 50px; left: 150px; font-size: 175px; color: #f6f6f6; z-index: -1; text-transform: uppercase; } .Contact-Us h3 {margin: 60px 0 130px;} .Contact-Us .Contact-Us-Info { background: #311a95; padding: 40px 30px 74px; margin-top: 25px; } .Contact-Us .Contact-Us-Info>h6 {color: #fff; font-size: 20px; line-height: 32px;} .Contact-Us .Contact-Us-Info>span { display: block; color: #fff; line-height: 32px; font-size: 18px; font-weight: 500; margin: 11px 0; margin-bottom: 7px; } .Contact-Us .Contact-Us-Info>p { font-size: 16px; color: #fff; line-height: 29px; } /*=========== Google Map ==========*/ .Contact-Us-Map {height: 450px;} .map-canvas {width: 100%; height: 100%;} .si-content img {margin-bottom: 10px;} .si-has-border .si-content-wrapper {border: none;} .si-shadow-wrapper-top {opacity: 0;} /**********/ /*-------------------------------------------------------------------------------------------------------------*/ /*============================= Click To Top =========================*/ .scroll-top { width:30px; height:30px; position: fixed; bottom: 5px; right: 10px; z-index: 99; text-align: center; color:#fff; font-size: 20px; display: none; border-radius: 3px; } .scroll-top:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } /*-------------------------------------------------------------------------------------------------------------*/ /*** ==================================================================== Conatct Form Activation ==================================================================== ***/ .alert-wrapper { display: none; position: fixed; width: 100%; height:100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 9999999; } #success, #error { position: relative; width:500px; height: 100px; top: calc(50% - 50px); left:calc(50% - 250px); background: rgba(0,0,0,0.8); text-align: center; } #success .wrapper, #error .wrapper { display: table; width:100%; height: 100%; } #success .wrapper p, #error .wrapper p{ display: table-cell; vertical-align: middle; letter-spacing: 1px; } #success p {color: #ffce6e;} #error p {color: #C9182B;} #error button, #success button { color:#fff; width:40px; height:40px; line-height: 20px; background: transparent; border-radius: 50%; position: absolute; top: -20px; right: -20px; font-size: 20px; } .form-validation label.error {display: none !important;} .form-validation input.error, .form-validation textarea.error {border-bottom:1px solid #f03838 !important;} .carousel-caption h1 {text-align: left; font-size: 20px; line-height: 30px; text-shadow: none;} .carousel-caption p {text-align: left; text-shadow: none;} .carousel-caption { right: 0; left: 0; padding-bottom: 30px; } .carousel-caption { position: relative; right: 0%; bottom: 20px; left: 0%; z-index: 10; padding-top: 20px; padding-bottom: 20px; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: #f1f1f1; color: #FFF; } @media only screen and (max-width: 1920px) and (min-width: 767px) { .image_box_form {display: none;} .box {display: block !important; display: flex !important; vertical-align: middle !important; align-items: center !important; padding-left: 25px;} .padding_right {padding-right: 0px !important;} .padding_left {padding-left: 0 !important;} .mobile_carousel {display: none;} } @media only screen and (max-width: 768px) and (min-width: 200px) { .mobile_carousel {display: block;} .banner_main {display: none;} .middle-header-contant {display: none;} .middle-header .them-logo { margin-bottom: 0px !important; } .Main-Footer .Footer-Item-Wrapper .Quick-Focus>ul>li { color: #ffffff; line-height: 32px; margin-bottom: 5px; display: inline-block; padding: 0px 7px; font-size: 17px; text-transform: uppercase; font-weight: 600; } .Contact-Us { margin: 50px 0 100px; } .Team-Pages { margin: 70px 0 70px; } .Our-Services-Home { position: relative; background: #f5f4f4; padding: 2px 0 120px; } .Services-Pages>div.Wrapper>i { position: absolute; top: -20px; left: -150px; z-index: 1; color: #bbd5f9; font-size: 250px; line-height: 250px; display: none; } .height_fix { height: auto; } .padding_right {padding-right: 15px !important;} .padding_left {padding-left: 15px !important;} .image_box_form {display: none;} .box {display: block !important;} .image_box_form { float: left; width: 100%; background-color: #FFF; display: none; vertical-align: middle; align-items: center; min-height: 181px; padding: 30px; padding-left: 0px; padding-bottom: 0px; } .Our-Services-Home { position: relative; background: #f5f4f4; padding: 39px 0 120px; } .Our-Services-Home { position: relative; background: #f5f4f4; padding: 39px 0 120px !important; } .Our-Services .Services-Item { padding: 30px 18px 1px !important; } } @media only screen and (max-width: 414px) and (min-width: 320px) { .Our-Services .Services-Item h5 { font-size: 25px; line-height: 31px; margin: 10px 0; } .service_caption { padding: 28px 35px 45px; padding-top: 0; padding-bottom: 0; float: left; width: 100%; background-color: #FFF; margin-bottom: 9px; } .Our-Services .Services-Item { padding: 30px 15px 50px; float: left; width: 100%; } .Our-Services .Services-Item { padding: 30px 15px 50px; padding-bottom: 0 !important; } .Our-Services-Home { position: relative; background: #f5f4f4; padding: 39px 0 63px; } .ask_us { background-color: #FFF; padding: 19px; } .image_box_form {display: none;} .box {display: block !important;} .image_box_form { float: left; width: 100%; background-color: #FFF; display: none; vertical-align: middle; align-items: center; min-height: 181px; padding: 30px; padding-left: 0px; padding-bottom: 0px; } } ul.sub-menu.\31 234_acdsd li { list-style: none; }