/*============================================================ # Template Name: Enexus - Business Consulting HTML5 Template # Template URI: https://webextheme.com/html/enexus-html/ # Description: Business Consulting HTML5 Template # Author: Enexus # Author URI: https://themeforest.net/user/webextheme # Version: 1.0 /*============================================================ ============================================ ------------ [CSS_INDEXING_START] ---------- ============================================ ## [_Google_Fonts] ## [_Imported_CSS_Plugins] ## [_Colors] ## [_Reset_Styles] ## [_Accordion] ## [_Buttons] ## [_Typography] ## [_Global] ## [_Header] ## [_Footer] ## [_Form] ## [_widget] ## [_Home_Slider] ## [_Section_Title] ## [_Page_Title] ## [_Section_About] ## [_Section_Service] ## [_Section_Single_Service] ## [_Section_Portfolio] ## [_Section_Project] ## [_Section_Single_Project] ## [_Section_Funfact] ## [_Section_Icon_Box] ## [_Section_News] ## [_Section_Team] ## [_Section_Testimonials] ## [_Section_Pricing_Tables] ## [_Divider] ## [_Utility] =========================================== ---------- [CSS_INDEXING_END] ------------- =========================================== */ /*========================================*/ /*----------- [_Google_Fonts] ------------*/ /*========================================*/ @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap|Playfair+Display:400,700,900"); @import url('https://fonts.googleapis.com/css?family=Kaushan+Script|Poppins:300,400,500,600,700,800,900|Rubik:300,400,500,700,900&display=swap'); /*========================================*/ /*-------- [_Imported_CSS_Plugins] -------*/ /*========================================*/ @import url("../css/bootstrap.min.css"); @import url("../css/font-awesome.min.css"); @import url("../fonts/webexflaticon/flaticon.css"); @import url("../fonts/webexicon/style.css"); @import url("../css/owl.carousel.min.css"); @import url("../css/magnific-popup.css"); @import url("../css/animate.css"); @import url("../css/meanmenu.min.css"); /*========================================*/ /*-------------- [_Colors] ---------------*/ /*========================================*/ /*========== Background Colors ==========*/ .bg-primary-color { background: #E41F7A; } .bg-secondary-color { background: #3d3d68; } /*========== Text Color ==========*/ .text-primary-color { color: #E41F7A; } .text-secondary-color { color: #3d3d68; } .heading-text-color { color: #3d3d68; } .bg-gradient-color { background: linear-gradient(45deg, #e41f7a, #604183) !important; } /*========================================*/ /*------------ [_Reset_Styles] -----------*/ /*========================================*/ * { margin: 0px; padding: 0px; border: none; outline: none !important; } ::-moz-selection { background: #E41F7A; color: #fff; text-shadow: none; } ::selection { background: #E41F7A; color: #fff; text-shadow: none; } ul li { display: inline; } .img-full { width: 100%; } /*========================================*/ /*-------------- [_Accordion] ------------*/ /*========================================*/ .accordion .accordion-item { margin-bottom: 20px; float: left; width: 100%; } .accordion .accordion-item .accordion-header { position: relative; } .accordion .accordion-item .accordion-header .title { cursor: pointer; color: #3d3d68; position: relative; background: #e0e7f2; margin: 0; padding: 15px 20px 15px 60px; font-size: 18px; } .accordion .accordion-item .accordion-header span { position: absolute; left: 20px; top: 15px; height: 25px; width: 25px; color: #ffffff; background-color: #E41F7A; border-radius: 50%; text-align: center; line-height: 25px; font-size: 13px; } .accordion .accordion-item .accordion-body { padding: 20px; background: #FCFCFC; border: 1px solid #e2e3e6; display: none; } .accordion .accordion-item .accordion-body p { font-size: 15px; color: #444444; margin: 0px; } .accordion .accordion-item:nth-child(1) .accordion-body { display: block; } /*========================================*/ /*--------------- [_Buttons] -------------*/ /*========================================*/ /*Btn Style One*/ .cs-btn-one { position: relative; display: inline-block; text-transform: uppercase; background-color: #E41F7A; font-size: 14px; line-height: 26px; color: #ffffff; padding: 14px 42px; font-weight: 500; overflow: hidden; border-radius: 5px; cursor: pointer; } .cs-btn-one:hover { background: #c31767; color: #ffffff; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .cs-btn-one.has-icon i { font-size: 20px; vertical-align: middle; padding-right: 10px; } .cs-btn-one.btn-sm.has-icon i { font-size: 18px; } .cs-btn-one.btn-circle { border-radius: 60px 60px 60px 60px; } .cs-btn-one.btn-square { border-radius: 0; } .cs-btn-one.btn-sm { font-size: 14px; padding: 10px 28px; } .cs-btn-one.btn-md { font-size: 14px; padding: 18px 56px; } .cs-btn-one.btn-lg { font-size: 18px; padding: 20px 64px; } .cs-btn-one.btn-xl { font-size: 18px; padding: 24px 56px; } .cs-btn-one.btn-border { border: 2px solid #E41F7A; background: transparent; color: #E41F7A; } .cs-btn-one.btn-light { background: #fff; color: #E41F7A; border: 2px solid transparent; font-weight: 800; } .cs-btn-one.btn-light:hover { border: 2px solid; } .cs-btn-one.btn-light:focus { box-shadow: none; } .cs-btn-one.btn-hover-border:hover { border: 2px solid #E41F7A; } .cs-btn-one.btn-secordary-color { background: #3d3d68; } .cs-btn-one.btn-secordary-color:hover { background: #E41F7A; } .cs-btn-one.btn-primary-color { background: #E41F7A; } .cs-btn-one.btn-primary-color:hover { background: #3d3d68; } .cs-btn-one.btn-gradient-color { background: linear-gradient(45deg, #e41f7a, #604183) !important; color: #fff; } .cs-btn-one.btn-gradient-color:hover { background: linear-gradient(-20deg, #e41f7a, #604183) !important; } .cs-btn-one.btn-transparent { background: rgba(0, 0, 0, 0.2); } .cs-btn-one.text-btn { color: #E41F7A; } /*========================================*/ /*-------------- [_Utility] -----===------*/ /*========================================*/ body { color: #494b51; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.8em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin: 0 0 20px; line-height: 1.8em; } h1, h2, h3, h4, h5, h6 { color: #3d3d68; margin: 0; font-family: "Montserrat", sans-serif; } h1, h2 { font-weight: 800; } h3, h4 { font-weight: 700; } h5, h6 { font-weight: 600; } h1 { font-size: 48px; line-height: 56px; } h2 { font-size: 42px; line-height: 48px; } h3 { font-size: 28px; line-height: 1.25; letter-spacing: -.02em; } h4 { font-size: 22px; line-height: 28px; } h5 { font-size: 18px; line-height: 24px; } h6 { font-size: 16px; line-height: 26px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } b, strong { color: #2b2350; } iframe { border: none; } a, b, div, ul, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; } input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] { -moz-appearance: none; box-shadow: none !important; } img:not([draggable]), embed, object, video { max-width: 100%; height: auto; } a { transition: all 0.3s ease 0s; text-decoration: none; cursor: pointer; color: #049AD3; } a:hover, a:focus, a:visited { text-decoration: none; } a:hover { color: #E41F7A; text-decoration: none; } ul, ol { list-style: outside none none; margin: 0; padding: 0; } img { border: none; max-width: 100%; } .clear-both:before, .clear-both:after { display: table; content: ""; clear: both; } .block-quote { padding: 30px; background: #F4F5F8; border-left: 5px solid #e41f7a; position: relative; overflow: hidden; margin-bottom: 20px; } .block-quote:after { position: absolute; content: "\ea70"; font-family: 'webexicon' !important; font-size: 17rem; top: 50px; right: -15px; opacity: 0.08; } .block-quote p { font-size: 20px; color: #555362; } /*========================================*/ /*--------------- [_Global] --------------*/ /*========================================*/ #preloader { position: fixed; top: 0; width: 100%; height: 100%; background-color: #e8e9ee; z-index: 99999; } .preloader-default { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -15px; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .preloader-default span { position: absolute; width: 90px; height: 90px; border-radius: 100%; background: #E41F7A; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite; } .preloader-default span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } .section-gap { padding: 110px 0; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; width: 100%; height: auto; vertical-align: middle; } .slide-bg-1 { background-image: url(../img/bg/bg1.jpg); } .slide-bg-2 { background-image: url(../img/bg/bg2.jpg); } .slide-bg-3 { background-image: url(../img/bg/bg3.jpg); } .homepage-slides .owl-nav button.owl-prev, .homepage-slides .owl-nav button.owl-next { font-size: 20px; height: 50px; left: 50px; line-height: 50px; position: absolute; text-align: center; top: 50%; width: 50px; background: #fff; transform: translateY(-50%); transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; } .homepage-slides:hover .owl-nav button.owl-prev, .homepage-slides:hover .owl-nav button.owl-next { opacity: 1; visibility: visible; } .homepage-slides .owl-nav button.owl-next { left: auto; right: 50px; } .social-list li { display: inline; float: left; margin-right: 15px; } .social-list li a { background: #33334d; height: 42px; width: 41px; display: inline-block; color: #fff; text-align: center; border-radius: 50%; line-height: 42px; font-size: 16px; } .social-list li a:hover { background: #E41F7A; } .social-list.list-sm li { margin-right: 10px; height: 34px; width: 34px; font-size: 14px; line-height: 34px; } .social-list.list-sm li a { height: 34px; width: 34px; font-size: 14px; line-height: 34px; } .order-list li { display: inherit; position: relative; padding-left: 30px; margin: 12px 0px; } .order-list li:before { position: absolute; content: '\f20e'; left: 0px; top: 0px; font-family: 'FontAwesome'; } .order-list li:first-child { margin-top: 0; } .order-list.primary-color li:before { color: #E41F7A; font-weight: 600; } .list-items li { display: inherit; padding: 5px 0; } #curve { position: absolute; top: 0; left: 0; transform: rotate(180deg); } #curve path { fill: #fff; } .google-map { height: 465px; } .google-map.map-full-height { height: 100%; } .mapouter { position: relative; text-align: right; height: 100%; width: 100%; } .gmap_canvas { overflow: hidden; background: none !important; height: 100%; width: auto; } .mapouter iframe { width: 100%; height: 100%; } @keyframes white-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-transition: box-shadow .3s ease-in-out; -webkit-transition: -webkit-box-shadow .3s ease-in-out; -o-transition: box-shadow .3s ease-in-out; transition: box-shadow .3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: box-shadow .4s ease-in-out; -webkit-transition: -webkit-box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out; transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out; } } @-webkit-keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4); box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } @keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4); box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } .text-under-line { position: relative; display: inline-block; } .text-under-line:before { content: ''; background-color: #E41F7A; height: 2px; width: 4.75rem; top: 15px; right: -90px; position: absolute; } .popup-video-block { position: relative; display: inline-block; min-height: 495px; } .popup-video-block .icon { position: relative; display: inline-block; height: 96px; width: 96px; text-align: center; top: 50%; line-height: 96px; background-color: #c5277c; color: #ffffff; z-index: 1; font-size: 24px; margin-top: -48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-animation: pulse-animation 3s infinite; -khtml-animation: pulse-animation 3s infinite; -moz-animation: pulse-animation 3s infinite; -ms-animation: pulse-animation 3s infinite; -o-animation: pulse-animation 3s infinite; animation: pulse-animation 3s infinite; } .popup-video-block .icon:before { font-size: 62px; } .pulse-animation, .pulse-animation:before, .pulse-animation:after { position: absolute; top: 50%; left: 50%; height: 60px; width: 60px; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: pulse-animation 3s infinite; -khtml-animation: pulse-animation 3s infinite; -moz-animation: pulse-animation 3s infinite; -ms-animation: pulse-animation 3s infinite; -o-animation: pulse-animation 3s infinite; animation: pulse-animation 3s infinite; } .pulse-animation:before { -webkit-animation-delay: 0.9s; -khtml-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .pulse-animation:after { -webkit-animation-delay: 0.6s; -khtml-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } @-webkit-keyframes pulse-animation { 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulse-animation { 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } /*Owl Carousel Nav Prev*/ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 20px; height: 50px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 50%; width: 50px; background: linear-gradient(45deg, #e41f7a, #604183) !important; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease 0ms; -webkit-transition: all 600ms ease 0ms; -ms-transition: all 600ms ease 0ms; -o-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; } .owl-carousel:hover .owl-nav button.owl-prev, .owl-carousel:hover .owl-nav button.owl-next { opacity: 1; visibility: visible; } .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } .owl-carousel .owl-nav button i { color: #fff; } .mean-container a.meanmenu-reveal { border: 1px solid #E41F7A; color: #E41F7A; margin-top: -38px; } .mean-container a.meanmenu-reveal span { background: #E41F7A; } .pagination-nav .pagination-list > li { text-align: center; margin-right: 8px; } .pagination-nav .pagination-list > li:last-child { margin-right: 0; } .pagination-nav .pagination-list > li > a { color: #565151; font-weight: 500; height: 47px; width: 47px; line-height: 45px; display: inline-block; border: 1px solid #ddd; position: relative; } .pagination-nav .pagination-list > li:hover a { border: 1px solid transparent; background: #E41F7A; color: #fff; } .pagination-nav .pagination-list > li.active a { border: 1px solid transparent; background: #E41F7A; color: #fff; } .skills .skill-item { position: relative; margin-bottom: 20px; } .skills .skill-item .skill-header { position: relative; margin-bottom: 5px; } .skills .skill-item .skill-header .skill-percentage { position: absolute; right: 0; top: 1px; font-size: 15px; font-weight: 600; color: #3d3d68; } .skills .skill-item:last-child { margin-bottom: 0; } .skills .skill-item .skill-bar { position: relative; width: 100%; } .skills .skill-item .skill-bar .bar-inner { position: relative; width: 100%; height: 12px; background: #EBEAF0; } .skills .skill-item .skill-bar .bar-inner .bar { position: absolute; left: 0; top: 3px; width: 0; height: 6px; background: linear-gradient(-20deg, #e41f7a, #604183) !important; -webkit-transition: all 2000ms ease; transition: all 2000ms ease; } .skills .skill-item .skill-bar .bar-inner .bar::before { position: absolute; content: ''; right: 0; height: 18px; width: 1px; background: #c0287c; top: -6px; } .percentage { font-size: 12px; float: right; } .single-post-navigation .navigation-links a { -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .single-post-navigation .navigation-links .nav-next a i { -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; margin-left: 8px; } .single-post-navigation .navigation-links .nav-next a:hover i { margin-left: 3px; } .single-post-navigation .navigation-links .nav-previous a i { -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; margin-right: 8px; } .single-post-navigation .navigation-links .nav-previous a:hover i { margin-right: 3px; } .error-area { background-size: cover; background-position: center center; } .error-inner .error-title { font-size: 190px; line-height: 240px; } .error-inner .error-text { font-size: 40px; } .error-inner p { max-width: 545px; margin: 20px auto 30px; } .pintarest-list { display: flex; flex-wrap: wrap; } .pintarest-list li { width: 80px; height: 80px; padding: 5px; } #scrollUp { right: 36px; bottom: 42px; width: 42px; height: 42px; color: #fff; text-align: center; line-height: 40px; border-radius: 50%; z-index: 99; font-size: 22px; cursor: pointer; background-color: #E41F7A; -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite; animation: white-shadow .8s infinite, red-shadow .8s infinite; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); } /*========================================*/ /*--------------- [_Header] --------------*/ /*========================================*/ .logo img { height: 42px; } /*Header Style One*/ .header-style-one .header-wrapper .header-navigation-area { background: #F4F5F8; transition: all 0.4s ease-out 0s; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li { display: inline-block; margin-right: 45px; position: relative; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li:last-child { margin-right: 0; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li a { padding: 36px 0; display: block; color: #2f2b2b; font-weight: 600; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li.has-sub.right-view ul { right: -20px; left: auto; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li.has-sub > a::before { content: "\f107"; position: absolute; right: -16px; top: 50%; -moz-transform: translate(0, -13px); -o-transform: translate(0, -13px); -ms-transform: translate(0, -13px); -webkit-transform: translate(0, -13px); transform: translate(0, -13px); font-family: FontAwesome; font-size: 16px; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li:hover > a { color: #E41F7A; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li:hover ul.sub-menu { opacity: 1; visibility: visible; top: 100%; -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu { position: absolute; width: 220px; background: #f8f8f8; z-index: 2; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; opacity: 0; visibility: hidden; left: 0; transform-origin: top; top: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li { display: block; margin: 0; text-align: left; border-bottom: 1px solid #ddd; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:last-child { border-bottom: none; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li a { padding: 8px 20px; font-size: 14px; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover > a { padding-left: 25px; background-color: #E41F7A; color: #fff; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover ul.sub-menu { opacity: 1; visibility: visible; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li ul.sub-menu { left: 100%; top: 0; opacity: 0; visibility: hidden; } .header-style-one .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li.has-sub-child > a::before { content: "\f105"; position: absolute; right: 10px; top: 50%; transform: translateY(-15px); font-family: FontAwesome; font-size: 16px; } .header-style-one .header-wrapper .header-navigation-area.inner-page .main-menu ul li a { padding: 35px 0; } .header-style-one .header-wrapper .header-navigation-area.transparent-header { background: transparent; position: fixed; z-index: 9999; width: 100%; padding: 20px 0; top: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-style-one .header-wrapper .header-navigation-area.transparent-header.fixed { background: #fff; position: fixed; top: 0; width: 100%; z-index: 9999; padding: 10px 0; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); } .header-style-one .header-wrapper .header-navigation-area.fixed { position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } /*Header Style Two*/ .header-style-two .header-wrapper .header-middle { padding: 30px 0; margin: 0 auto; position: static; } .header-style-two .header-wrapper .header-middle .topbar-info-area i { margin-right: 15px; color: #E41F7A; vertical-align: middle; height: 48px; width: 48px; line-height: 48px; text-align: center; background: #F4F5F8; border: 1px solid #eee; } .header-style-two .header-wrapper .header-middle .topbar-info-area i:before { font-size: 26px; } .header-style-two .header-wrapper .header-middle .topbar-info-area a { font-size: 15px; } .header-style-two .header-wrapper .header-navigation-area { background: #F4F5F8; transition: all 0.4s ease-out 0s; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li { display: inline-block; margin-right: 45px; position: relative; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:last-child { margin-right: 0; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li a { padding: 36px 0; display: block; color: #2f2b2b; font-weight: 600; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li.has-sub.right-view ul { right: -20px; left: auto; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li.has-sub > a::before { content: "\f107"; position: absolute; right: -18px; top: 50%; -moz-transform: translate(0, -15px); -o-transform: translate(0, -15px); -ms-transform: translate(0, -15px); -webkit-transform: translate(0, -15px); transform: translate(0, -15px); font-family: FontAwesome; font-size: 16px; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover > a { color: #E41F7A; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover ul.sub-menu { opacity: 1; visibility: visible; top: 100%; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu { position: absolute; width: 220px; background: #F4F5F8; z-index: 2; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; opacity: 0; visibility: hidden; left: 0; transform-origin: top; top: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li { display: block; margin: 0; text-align: left; border-bottom: 1px solid #ddd; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:last-child { border-bottom: none; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li a { padding: 8px 20px; font-size: 14px; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover > a { padding-left: 25px; background: #E41F7A; color: #fff; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li:hover ul.sub-menu { opacity: 1; visibility: visible; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li ul.sub-menu { left: 100%; top: 0; opacity: 0; visibility: hidden; } .header-style-two .header-wrapper .header-navigation-area .main-menu ul li ul.sub-menu li.has-sub-child > a::before { content: "\f105"; position: absolute; right: 10px; top: 50%; transform: translateY(-14px); font-family: FontAwesome; font-size: 16px; } .header-style-two .header-wrapper .header-navigation-area.inner-page .main-menu ul li a { padding: 35px 0; } .header-style-two .header-wrapper .header-navigation-area.transparent-header { background: transparent; position: fixed; z-index: 9999; width: 100%; padding: 20px 0; top: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-style-two .header-wrapper .header-navigation-area.transparent-header.fixed { background: #fff; position: fixed; top: 0; width: 100%; z-index: 9999; padding: 10px 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .header-style-two .header-wrapper .header-navigation-area.fixed { position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } /*Header Searchbox Style Two*/ .header-searchbox-style-one { position: relative; float: right; } .header-searchbox-style-one .show-searchbox { float: right; margin-left: 32px; position: relative; margin-top: 3px; } .header-searchbox-style-one .show-searchbox a { position: relative; width: 35px; height: 35px; background: #E41F7A; display: block; border-radius: 6px; text-align: center; line-height: 35px; margin: 27px 0 30px; } .header-searchbox-style-one .show-searchbox a i { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-one .show-searchbox.active .fa-search::before { content: "\f00d"; } .header-searchbox-style-one .toggle-searchbox { position: absolute; right: 0; top: 170%; width: 315px; opacity: 0; padding: 20px; visibility: hidden; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-one .toggle-searchbox #searchform-all { position: relative; } .header-searchbox-style-one .toggle-searchbox #searchform-all #s { margin-bottom: 0; height: 50px; font-size: 14px; color: #E41F7A; top: 6px; background-color: #fff; border-radius: 0; } .header-searchbox-style-one .toggle-searchbox #searchform-all #searchsubmit { padding: 3px; position: absolute; right: 12px; top: 9px; font-family: "FontAwesome"; color: #E41F7A; background: transparent; border: none; text-align: center; font-size: 16px; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-one .toggle-searchbox form input[type="text"] { border: 1px solid #ddd6d9; } .header-searchbox-style-one .toggle-searchbox.show { visibility: visible; opacity: 1; z-index: 1; top: 103%; padding: 20px; background: #f4f4f4; border: 1px solid #E41F7A; } /*Header Searchbox Style Two*/ .header-searchbox-style-two { position: relative; float: right; } .header-searchbox-style-two .show-searchbox { float: right; margin-left: 32px; position: relative; margin-top: 3px; } .header-searchbox-style-two .show-searchbox a { position: relative; width: 40px; height: 40px; display: block; text-align: center; line-height: 55px; margin: 25px 0 30px; } .header-searchbox-style-two .show-searchbox a i { font-size: 20px; color: #E41F7A; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-two .show-searchbox.active .fa-search::before { content: "\f00d"; } .header-searchbox-style-two .toggle-searchbox { position: absolute; right: 0; top: 170%; width: 315px; opacity: 0; padding: 20px; visibility: hidden; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-two .toggle-searchbox #searchform-all { position: relative; } .header-searchbox-style-two .toggle-searchbox #searchform-all #s { margin-bottom: 0; height: 50px; font-size: 14px; color: #E41F7A; top: 6px; background-color: #fff; border-radius: 0; } .header-searchbox-style-two .toggle-searchbox #searchform-all #searchsubmit { padding: 3px; position: absolute; right: 12px; top: 9px; font-family: "FontAwesome"; color: #E41F7A; background: transparent; border: none; text-align: center; font-size: 16px; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-searchbox-style-two .toggle-searchbox form input[type="text"] { border: 1px solid #ddd6d9; } .header-searchbox-style-two .toggle-searchbox.show { visibility: visible; opacity: 1; z-index: 1; top: 102%; padding: 20px; background: #f4f4f4; border: 1px solid #E41F7A; } .input-box { position: absolute; right: 12px; top: 12px; } .input-box i { color: #E41F7A; } /*Header-top-area*/ .header-top-area { font-size: 14px; color: #fff; padding: 10px 0; } .header-top-area a { color: #fff; font-size: 14px; display: block; font-weight: 400; } .header-top-area i { margin: 0px; font-size: 14px; font-weight: 400; } .header-top-area .header-top-left-part .address { padding-right: 20px; position: relative; } .header-top-area .header-top-left-part .address:after { background: #aaaac9; content: ""; position: absolute; height: 90%; width: 1px; right: 0; top: 2px; } .header-top-area .header-top-left-part .phone { padding-left: 20px; } .header-top-area .header-top-left-part i { color: #fff; margin-right: 5px; vertical-align: middle; } .header-top-area .header-top-left-part i:before { font-size: 16px; } .header-top-area .header-top-right-part .social-links { position: relative; display: inline-block; } .header-top-area .header-top-right-part .social-links::after { position: absolute; content: ""; right: 0px; top: 7px; height: 60%; width: 1px; background: #aaaac9; } .header-top-area .header-top-right-part .social-links li { display: inline-block; margin-right: 15px; } .header-top-area .header-top-right-part .social-links li a { color: #fff; -webkit-transition: .3s; transition: .3s; } .header-top-area .header-top-right-part .social-links li a:hover { color: #E41F7A; } .header-top-area .header-top-right-part .social-links li:last-child { margin-right: 25px; } .header-top-area .header-top-right-part .language { display: inline-block; margin-left: 25px; position: relative; } .header-top-area .header-top-right-part .language .language-btn { position: relative; text-decoration: none; width: 85px; text-align: left; -webkit-transition: .5s; transition: .5s; } .header-top-area .header-top-right-part .language .language-btn i { margin-right: 4px; } .header-top-area .header-top-right-part .language .language-btn i::before { font-size: 14px; } .header-top-area .header-top-right-part .language .language-btn:hover { color: #E41F7A; } .header-top-area .header-top-right-part .language .language-btn::after { content: "\f107"; position: absolute; right: -3px; font-family: 'FontAwesome'; font-weight: 700; top: 0; font-size: 16px; } .header-top-area .header-top-right-part .language .language-dropdown { text-align: center; position: absolute; z-index: 10; top: 36px; right: -13px; width: 120px; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: .5s; transition: .5s; } .header-top-area .header-top-right-part .language .language-dropdown.open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); background: #31314d; } .header-top-area .header-top-right-part .language .language-dropdown li { position: relative; background-color: #0a3041; z-index: -1; } .header-top-area .header-top-right-part .language .language-dropdown li a { display: block; position: relative; padding: 5px 10px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-decoration: none; } .header-top-area .header-top-right-part .language .language-dropdown li a:hover { background: #E41F7A; } .header-top-area .header-top-right-part .language .language-dropdown li :last-child a { border-bottom: none; } /* extra info */ .side-panel-content { background: #fff; height: 100%; padding: 30px; position: fixed; right: 0; top: 0; -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; width: 355px; z-index: 9999; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); padding-bottom: 40px; } .side-panel-content.side-panel-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3); } .close-icon { text-align: right; } .close-icon > button { cursor: pointer; background: #E41F7A; border-radius: 50%; height: 42px; width: 42px; } .close-icon > button i { line-height: 20px; color: #fff; } .close-icon > button i:before { font-size: 14px; } .extra-info > p { color: #ddd; font-size: 15px; line-height: 28px; } .extra-info.extra-info-left.side-panel-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .side-panel { width: 36px; float: right; padding-top: 38px; cursor: pointer; margin-left: 10px; } .side-panel span { margin: 3px 0; transition: .3s; float: right; } .side-panel:hover span { width: 100%; } .bar1 { width: 55%; background: #E41F7A; height: 2px; } .bar2 { width: 75%; background: #E41F7A; height: 2px; } .bar3 { width: 65%; background: #E41F7A; height: 2px; } /*========================================*/ /*-------------- [_Footer] ---------------*/ /*========================================*/ .footer-main-area { background: #232235; padding: 90px 0 60px; } .footer-bottom-area { background: #27273F; padding: 20px 0; } .footer-widget { margin-bottom: 40px; display: inline-block; } .footer-widget-list li { display: inherit; margin-bottom: 10px; } .footer-widget-list li a { color: #9d98bf; position: relative; padding-left: 25px; } .footer-widget-list li a:before { position: absolute; content: '\f105'; left: 0px; top: -3px; font-family: 'FontAwesome'; } .footer-widget-list li a:hover { color: #E41F7A; } /*========================================*/ /*-------------- [_Form] -----------------*/ /*========================================*/ .form-control { box-shadow: none; outline: none; border: 1px solid #dfdce6; background: #fff; font-size: 16px; font-weight: 400; line-height: 24px; font-family: "Montserrat", sans-serif; color: #3d3d68; height: auto; padding: 20px; resize: none; min-width: 100%; height: 56px; } textarea.form-control { min-height: 210px; } .form-control:focus { border-color: #e41f7a; } .contact-form textarea { display: inline-block; min-height: 210px; } .contact-form textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"] { background: #F4F5F8; border: 1px solid #e3e3e3; } .contact-form .form-control:focus { border-color: #E41F7A; background: #fff; } .request-a-call-back-form { background: #31314d; padding: 60px 50px 60px 50px; } .request-a-call-back-form.form-control { margin-bottom: 20px; } .request-a-call-back-form .custom-select-categories { background-color: #fff; color: #3d3d68; height: 52px; width: 100%; font-size: 16px; font-weight: 400; padding: 4px 15px; border: 1px solid #f5f0ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; } .request-a-call-back-form.sidebar { padding: 30px; } select { width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 5px; height: 34px; background: url(../img/down-arrow.png) no-repeat right #ddd; -webkit-appearance: none; background-position-x: 96%; } /*========================================*/ /*---------------- [_widget] -------------*/ /*========================================*/ /*Widget Search*/ .sidebar-widget { padding: 30px; margin-bottom: 30px; background: #F4F5F8; border: 1px solid #eee; } .widget-title { position: relative; padding-left: 15px; } .widget-title:after { position: absolute; content: ""; height: 18px; width: 5px; left: 0; top: 3px; background: #E41F7A; } .news-sidebar-widget .widget-search .search-form { position: relative; } .news-sidebar-widget .widget-search .search-form label { display: block; margin-bottom: 0; } .news-sidebar-widget .widget-search .search-form input { height: 50px; padding: 6px 15px; border: 1px solid #eeeeee; width: 100%; display: block; outline: 0; -webkit-transition: 0.5s; transition: 0.5s; } .news-sidebar-widget .widget-search .search-form button { position: absolute; right: 0; outline: 0; bottom: 0; height: 50px; width: 50px; z-index: 1; border: none; color: #ffffff; background-color: #E41F7A; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; } .news-sidebar-widget .widget-popular-posts .post-date { font-size: 14px; } .news-sidebar-widget .widget-categories ul li, .news-sidebar-widget .widget-archives ul li { display: inherit; padding: 10px 0; border-bottom: 1px dashed #ccc; } .news-sidebar-widget .widget-categories ul li a, .news-sidebar-widget .widget-archives ul li a { color: #565151; } .news-sidebar-widget .widget-categories ul li a:hover, .news-sidebar-widget .widget-archives ul li a:hover { color: #E41F7A; } .news-sidebar-widget .widget-categories ul li:first-child, .news-sidebar-widget .widget-archives ul li:first-child { padding-top: 0; } .news-sidebar-widget .widget-tags ul li a { background: #fafcfe; border: 1px solid #ddd; margin-bottom: 8px; color: #565151; font-size: 12px; margin-right: 4px; margin-bottom: 8px; padding: 4px 8px 4px 8px; display: inline-block; } .news-sidebar-widget .widget-tags ul li a:hover { border: 1px solid transparent; color: #fff; background: #E41F7A; } /*========================================*/ /*------------- [_Home_Slider] -----------*/ /*========================================*/ .slider-wrapper { height: 960px; background-color: #FAEAE5; background-position: center center; background-size: cover; } .slider-wrapper .banner-title { font-size: 72px; font-weight: 700; margin-bottom: 20px; line-height: 1.1; text-transform: capitalize; } /*========================================*/ /*----------- [_Section_Title] -----------*/ /*========================================*/ .section-title { margin-bottom: 60px; } .section-title .sub-title { font-weight: 400; margin-bottom: 5px; font-size: 16px; } .subtitle-block { background: linear-gradient(45deg, #e41f7a, #604183) !important; display: inline-block; color: #fff; padding: 3px 16px; font-size: 13px; border-radius: 6px; margin-bottom: 20px; } /*========================================*/ /*-------------- [_Page_Title] -----------*/ /*========================================*/ .page-title-section { padding: 110px 0; background-color: #f8f8f8; background-image: url(../img/bg/page-title-bg.jpg); color: #fff; } /*========================================*/ /*---------- [_Section_About] ------------*/ /*========================================*/ .about-icon { color: #3d3d68; font-weight: 600; } .about-list { display: inline-block; } .about-contact-btn { margin-right: 60px; position: relative; display: inline; } .about-contact-btn:after { position: absolute; content: ""; height: 55%; width: 1px; background: #ccc; top: 10px; right: -35px; } .about-icon i { height: 48px; width: 48px; line-height: 48px; display: inline-block; background: #fff; text-align: center; margin-right: 15px; border-radius: 50%; color: #E41F7A; box-shadow: 0 8px 16px 0 rgba(182, 173, 174, 0.3); } /*========================================*/ /*---------- [_Section_Service] ----------*/ /*========================================*/ .service-section { position: relative; } /*========================================*/ /*------ [_Section_Single_Service] -------*/ /*========================================*/ .service-description { margin-left: 30px; } .service-description .title { margin-bottom: 10px; } .service-link-list li a { display: block; background: #eef4f8; color: #40436a; padding: 12px 25px; font-size: 16px; font-weight: normal; position: relative; font-weight: 500; margin-bottom: 5px; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; border: 1px solid #d7e2e6; position: relative; } .service-link-list li a:after, .service-link-list li.active a:after { position: absolute; content: ""; height: 50%; background: #E41F7A; left: -3px; width: 5px; top: 0; opacity: 0; -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .service-link-list li a:hover:after, .service-link-list li.active a:after { opacity: 1; } .service-link-list li.active a { color: #E41F7A; padding-left: 30px; } .service-link-list li a:hover { color: #E41F7A; padding-left: 30px; } .service-link-list li a i { margin-right: 10px; font-size: 13px; } .service-section-title-area { background: #571bcd; padding: 90px 0 240px; margin: 0 110px; margin-top: -180px; } .service-section-content { margin-top: -180px; } /*========================================*/ /*---------- [_Section_Project] ----------*/ /*========================================*/ .project-section .project-filter ul li { display: inline-block; border: 1px solid #ab2a78; padding: 8px 20px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; color: #373959; font-weight: 500; } .project-section .project-filter ul li:hover, .project-section .project-filter ul li.active { background: linear-gradient(45deg, #e41f7a, #604183) !important; color: #fff; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .project-item { position: relative; overflow: hidden; } .project-item .project-overlay { position: absolute; left: 0; bottom: 0; padding: 20px; z-index: 1; width: 100%; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); background: linear-gradient(45deg, #e41f7a, #604183) !important; } .project-item .project-overlay a:hover { color: #fff; } .project-item .link-single-page a { position: absolute; z-index: 2; top: -15px; right: 15px; width: 48px; height: 48px; background: linear-gradient(45deg, #e41f7a, #604183) !important; text-align: center; line-height: 58px; color: #fff; visibility: hidden; opacity: 0; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .project-item:hover .project-overlay { transform: translateY(0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .project-item:hover .link-single-page a { visibility: visible; opacity: 1; top: 15px; } .project-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .project-item img { width: 100%; -webkit-transition: 1s; transition: 1s; } /*=================================================*/ /*---------- [_Section_Single_Project] ------------*/ /*=================================================*/ .project-info-list li { padding: 8px 0; color: #677286; display: inherit; } .project-info-list li span { color: #233d63; font-weight: 600; margin-right: 5px; } .project-info-list li span i { color: #dd1e76; font-size: 18px; margin-right: 10px; } .project-info-list li a { color: #677286; } /*========================================*/ /*---------- [_Section_Funfact] ----------*/ /*========================================*/ .funfact { text-align: center; } .funfact .icon { margin-bottom: 20px; } .funfact .icon span:before { font-size: 54px; color: #E41F7A; } .funfact .counter { font-size: 48px; margin-bottom: 15px; } .funfact .title { color: #a4a4aa; } /*==========================================*/ /*---------- [_Working_Process] ------------*/ /*==========================================*/ .working-process { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin: 15px -15px 0; } .working-process .working-process-block { position: relative; width: calc(100% / 3); padding: 0 15px; text-align: center; } .working-process .working-process-block .working-process-thumb { margin-bottom: 25px; position: relative; display: inline-block; } .working-process .working-process-block img { border: 5px solid #fff; border-radius: 5%; } .working-process .working-process-details { text-align: center; padding: 0 10px; } .working-process .working-process-block .process-counter { margin-right: 5px; font-size: 16px; font-weight: 500; background: linear-gradient(45deg, #e41f7a, #604183) !important; width: 45px; height: 45px; line-height: 48px; border-radius: 50%; border: none; display: block; text-align: center; position: absolute; left: 0; margin-left: -20px; top: -15px; z-index: 10; } .working-process .working-process-block .working-process-thumb:before { display: block; content: ''; position: absolute; right: -90px; top: 45%; height: 22px; width: 72px; background: url(../img/working-process/arrow.png) center center no-repeat; background-repeat: no-repeat; } .working-process .working-process-block:last-child .working-process-thumb:before { content: unset; } .working-process .working-process-block .working-process-title h5 { font-size: 22px; line-height: 30px; margin-bottom: 15px; } /*========================================*/ /*---------- [_Section_Icon_Box] ---------*/ /*========================================*/ .icon-box-block { background-color: #ffffff; border-radius: 12px; text-align: center; border: 1px solid #f0f0f0; padding: 30px 25px 30px 25px; z-index: 1; position: relative; overflow: hidden; -webkit-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); } .icon-box-block:after { background: url(../img/service/1.png); background-size: cover; position: absolute; height: 100%; width: 100%; bottom: -35px; background-repeat: no-repeat; left: 0; z-index: -1; content: ""; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .icon-box-block img { -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .icon-box-block:hover img { -moz-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .icon-box-block:hover:after { -moz-transform: scale(1.08) translate(0px, -8px); -o-transform: scale(1.08) translate(0px, -8px); -ms-transform: scale(1.08) translate(0px, -8px); -webkit-transform: scale(1.08) translate(0px, -8px); transform: scale(1.08) translate(0px, -8px); } .icon-box-two .icon { background: #E41F7A; border-radius: 6px; width: 84px; height: 84px; line-height: 84px; float: left; text-align: center; } .icon-box-two .icon span:before { font-size: 48px; color: #fff; } .icon-box-two .icon-details { margin-left: 110px; } /*========================================*/ /*------------ [_Section_News] -----------*/ /*========================================*/ .news-wrapper .news-details { padding: 24px; background: #F4F5F8; border: 1px solid #eee; } .news-wrapper .news-details .news-meta { font-size: 15px; color: #888; font-weight: 500; margin: 0 0 15px 0px; } .news-wrapper .news-details .news-meta i { font-size: 16px; margin-right: 5px; vertical-align: middle; color: #E41F7A; } .news-wrapper .news-details .news-meta .admin { background: #f6e1eb; padding: 4px 8px 6px 8px; color: #e41f7a; border-radius: 3px; font-size: 13px; } .news-wrapper .news-details .news-description .the-title { margin-bottom: 20px; } .news-wrapper .news-details .news-description .the-content { margin-bottom: 30px; } /*========================================*/ /*------------ [_Section_News] -----------*/ /*========================================*/ .blog-single-news .single-news-details .single-news-content .entry-meta { font-size: 15px; color: #888; font-weight: 500; margin: 25px 0px 10px 0px; } .blog-single-news .single-news-details .single-news-content .entry-meta i { font-size: 16px; margin-right: 5px; vertical-align: middle; color: #E41F7A; } .blog-single-news .single-news-details .single-news-content .entry-meta .admin { background: #f6e1eb; padding: 4px 8px 6px 8px; color: #E41F7A; border-radius: 3px; font-size: 13px; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area { margin: 45px 0 30px; border-top: 1px solid #eee; padding: 30px 0; border-bottom: 1px solid #eeee; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-tags ul li a { border: 1px solid #e6e6e6; padding: 8px 8px; background: #f4f5f8; font-size: 12px; color: #333; border-radius: 5px; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-tags ul li a:hover { color: #fff; background-color: #E41F7A; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li { display: inline-block; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li a { display: block; color: #E41F7A; width: 32px; height: 32px; line-height: 32px; background-color: #f4f5f8; text-align: center; font-size: 14px; border: 1px solid #e6e6e6; } .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li a:hover { color: #fff; background-color: #E41F7A; } .blog-single-news .single-news-details .single-news-content .comments-area { background: #F4F5F8; padding: 30px 30px; margin-top: 30px; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children { margin-left: 45px; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body { padding-top: 30px; display: inline-block; border-bottom: 1px solid #e6e6e6; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb { margin-top: 5px; border: 3px solid #a7a7c3; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content { margin-left: 95px; position: relative; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text { margin-bottom: 35px; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-meta .comment-metadata { margin-bottom: 10px; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-meta .comment-metadata span { font-size: 14px; color: #8b8b8b; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply { position: absolute; top: 0; right: 0; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply .comment-reply-link { background: #fafcfe; padding: 8px 20px; border: 1px solid #eae5e6; font-size: 12px; color: #6e6969; border-radius: 35px; } .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply .comment-reply-link:hover { background: #E41F7A; color: #fff; border: 1px solid transparent; } /*========================================*/ /*---------- [_Section_Team] -------------*/ /*========================================*/ .team-block .team-upper-part { position: relative; overflow: hidden; } .team-block .team-upper-part .social-list { position: absolute; top: 15px; left: 15px; } .team-block .team-upper-part .social-list.vertical-style li { float: none; display: list-item; margin-right: 5px; margin-bottom: 5px; } .team-block .team-upper-part .social-list.vertical-style li a { border-radius: 4px; background: linear-gradient(45deg, #e41f7a, #604183) !important; } .social-list.vertical-style li { opacity: 0; transform: translateY(-60px); transition: .3s ease-out all; } .team-block:hover .social-list.vertical-style li:nth-child(1) { transition-delay: .3s; } .team-block:hover .social-list.vertical-style li:nth-child(2) { transition-delay: .2s; } .team-block:hover .social-list.vertical-style li:nth-child(3) { transition-delay: .1s; } .team-block:hover .social-list.vertical-style li { opacity: 1; transform: translateY(0); } .team-block .team-bottom-part { background: #f7f7f7; padding: 20px; position: relative; } .team-block:hover .team-bottom-part .team-title { z-index: 1; color: #fff; position: sticky; } .team-block:hover .team-bottom-part .team-title a { color: #fff; } .team-block:hover .team-bottom-part .designation { z-index: 1; position: sticky; color: #fff; } .team-block .team-bottom-part .designation { color: #e41f7a; } .team-block .team-bottom-part:after { background: linear-gradient(45deg, #e41f7a, #604183) !important; height: 5px; width: 100%; left: 0; bottom: 0; content: ""; transition: all 401ms; position: absolute; z-index: 0; } .team-block:hover .team-bottom-part:after { height: 100%; z-index: 0; } .personal-details-title { line-height: 20px; padding-bottom: 5px; } /*========================================*/ /*-------- [_Section_testimonials] -------*/ /*========================================*/ .testimonial-item { background: #fff; padding: 35px; text-align: center; position: relative; border-radius: 12px; overflow: hidden; } .testimonial-item:after { content: ""; position: absolute; background: linear-gradient(45deg, #e41f7a, #604183) !important; bottom: -65px; left: -75px; height: 95px; width: 100%; transform: skew(10deg, 6deg); opacity: 0.2; } .testimonial-item:before { content: ""; position: absolute; background: linear-gradient(45deg, #e41f7a, #604183) !important; bottom: -70px; right: -80px; height: 95px; width: 100%; transform: skew(10deg, 6deg); opacity: 0.2; } .testimonial-thumb { display: inline-block; background: linear-gradient(45deg, #e41f7a, #604183) !important; padding: 3px; border-radius: 8px; margin-bottom: 20px; } .testimonial-thumb img { border-radius: 15px; } .testimonial-content .comments { font-style: italic; } .client-designation { font-size: 16px; color: #a6a4a4; letter-spacing: 0px; font-weight: 400; margin-bottom: 10px; } .star-rating li i { font-size: 18px; } .client-name { margin-bottom: 3px; } .quote-icon:before { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 1; font-size: 124px; transform: translateY(50%); opacity: 0.13; } /*=================================================*/ /*----------- [_Section_Pricing_Tables] -----------*/ /*=================================================*/ .price-table { position: relative; display: block; background: #F4F5F8; padding: 50px 0px 50px 0px; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .price-table .table-header { position: relative; display: block; margin-bottom: 23px; } .price-table .table-header .pricing-plan-name { position: relative; display: block; font-size: 24px; line-height: 40px; color: #3d3d68; font-weight: 400; margin-bottom: 60px; } .price-table .table-header .pricing-plan-name:after { position: absolute; content: ""; background: linear-gradient(45deg, #e41f7a, #604183) !important; height: 4px; width: 45px; left: 0; bottom: -20px; right: 0; margin: 0 auto; } .price-table .table-header .price { font-size: 72px; line-height: 40px; color: #3d3d68; font-weight: 600; margin: 10px 0px; display: inline-block; } .price-table .table-header .price .price-currency { font-size: 28px; margin-right: 10px; vertical-align: middle; font-weight: 600; } .price-table .table-header .price .price-duration { font-size: 15px; letter-spacing: .3px; font-weight: 500; } .price-table .table-content { position: relative; display: block; margin-bottom: 44px; } .price-table .table-content .list-items li { padding: 8px 0; } .price-table .table-content .list-items li:nth-child(odd) { background: #ecedf2; } .price-table.active { -webkit-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .price-table .recommended { position: absolute; top: -20px; right: 0; left: 0; padding: 3px; background: #b62b7d; margin: 0 auto; width: 40%; border-radius: 30px; color: #fff; font-size: 13px; } /*========================================*/ /*------------- [_Divider] ---------------*/ /*========================================*/ .text-divider .large-text { font-size: 48px; line-height: 1.2; text-transform: uppercase; } /*========================================*/ /*-------------- [_Typography] -----------*/ /*========================================*/ /*Margin Top */ .mrt-0 { margin-top: 0px; } .mrt-5 { margin-top: 5px; } .mrt-10 { margin-top: 10px; } .mrt-15 { margin-top: 15px; } .mrt-20 { margin-top: 20px; } .mrt-25 { margin-top: 25px; } .mrt-30 { margin-top: 30px; } .mrt-35 { margin-top: 35px; } .mrt-40 { margin-top: 40px; } .mrt-45 { margin-top: 45px; } .mrt-50 { margin-top: 50px; } .mrt-55 { margin-top: 55px; } .mrt-60 { margin-top: 60px; } .mrt-65 { margin-top: 65px; } .mrt-70 { margin-top: 70px; } .mrt-75 { margin-top: 75px; } .mrt-80 { margin-top: 80px; } .mrt-85 { margin-top: 85px; } .mrt-90 { margin-top: 90px; } .mrt-95 { margin-top: 95px; } .mrt-100 { margin-top: 100px; } .mrt-105 { margin-top: 105px; } .mrt-110 { margin-top: 110px; } .mrt-115 { margin-top: 115px; } .mrt-120 { margin-top: 120px; } .mrt-125 { margin-top: 125px; } .mrt-130 { margin-top: 130px; } .mrt-135 { margin-top: 135px; } .mrt-140 { margin-top: 140px; } .mrt-145 { margin-top: 145px; } .mrt-150 { margin-top: 150px; } /*Margin Right */ .mrr-0 { margin-right: 0px; } .mrr-5 { margin-right: 5px; } .mrr-10 { margin-right: 10px; } .mrr-15 { margin-right: 15px; } .mrr-20 { margin-right: 20px; } .mrr-25 { margin-right: 25px; } .mrr-30 { margin-right: 30px; } .mrr-35 { margin-right: 35px; } .mrr-40 { margin-right: 40px; } .mrr-45 { margin-right: 45px; } .mrr-50 { margin-right: 50px; } .mrr-55 { margin-right: 55px; } .mrr-60 { margin-right: 60px; } .mrr-65 { margin-right: 65px; } .mrr-70 { margin-right: 70px; } .mrr-75 { margin-right: 75px; } .mrr-80 { margin-right: 80px; } .mrr-85 { margin-right: 85px; } .mrr-90 { margin-right: 90px; } .mrr-95 { margin-right: 95px; } .mrr-100 { margin-right: 100px; } .mrr-105 { margin-right: 105px; } .mrr-110 { margin-right: 110px; } .mrr-115 { margin-right: 115px; } .mrr-120 { margin-right: 120px; } .mrr-125 { margin-right: 125px; } .mrr-130 { margin-right: 130px; } .mrr-135 { margin-right: 135px; } .mrr-140 { margin-right: 140px; } .mrr-145 { margin-right: 145px; } .mrr-150 { margin-right: 150px; } /*Margin Bottom */ .mrb-0 { margin-bottom: 0px; } .mrb-5 { margin-bottom: 5px; } .mrb-10 { margin-bottom: 10px; } .mrb-15 { margin-bottom: 15px; } .mrb-20 { margin-bottom: 20px; } .mrb-25 { margin-bottom: 25px; } .mrb-30 { margin-bottom: 30px; } .mrb-35 { margin-bottom: 35px; } .mrb-40 { margin-bottom: 40px; } .mrb-45 { margin-bottom: 45px; } .mrb-50 { margin-bottom: 50px; } .mrb-55 { margin-bottom: 55px; } .mrb-60 { margin-bottom: 60px; } .mrb-65 { margin-bottom: 65px; } .mrb-70 { margin-bottom: 70px; } .mrb-75 { margin-bottom: 75px; } .mrb-80 { margin-bottom: 80px; } .mrb-85 { margin-bottom: 85px; } .mrb-90 { margin-bottom: 90px; } .mrb-95 { margin-bottom: 95px; } .mrb-100 { margin-bottom: 100px; } .mrb-105 { margin-bottom: 105px; } .mrb-110 { margin-bottom: 110px; } .mrb-115 { margin-bottom: 115px; } .mrb-120 { margin-bottom: 120px; } .mrb-125 { margin-bottom: 125px; } .mrb-130 { margin-bottom: 130px; } .mrb-135 { margin-bottom: 135px; } .mrb-140 { margin-bottom: 140px; } .mrb-145 { margin-bottom: 145px; } .mrb-150 { margin-bottom: 150px; } /*Margin Left */ .mrl-0 { margin-left: 0px; } .mrl-5 { margin-left: 5px; } .mrl-10 { margin-left: 10px; } .mrl-15 { margin-left: 15px; } .mrl-20 { margin-left: 20px; } .mrl-25 { margin-left: 25px; } .mrl-30 { margin-left: 30px; } .mrl-35 { margin-left: 35px; } .mrl-40 { margin-left: 40px; } .mrl-45 { margin-left: 45px; } .mrl-50 { margin-left: 50px; } .mrl-55 { margin-left: 55px; } .mrl-60 { margin-left: 60px; } .mrl-65 { margin-left: 65px; } .mrl-70 { margin-left: 70px; } .mrl-75 { margin-left: 75px; } .mrl-80 { margin-left: 80px; } .mrl-85 { margin-left: 85px; } .mrl-90 { margin-left: 90px; } .mrl-95 { margin-left: 95px; } .mrl-100 { margin-left: 100px; } .mrl-105 { margin-left: 105px; } .mrl-110 { margin-left: 110px; } .mrl-115 { margin-left: 115px; } .mrl-120 { margin-left: 120px; } .mrl-125 { margin-left: 125px; } .mrl-130 { margin-left: 130px; } .mrl-135 { margin-left: 135px; } .mrl-140 { margin-left: 140px; } .mrl-145 { margin-left: 145px; } .mrl-150 { margin-left: 150px; } /*Padding Top */ .pdt-0 { padding-top: 0px; } .pdt-5 { padding-top: 5px; } .pdt-10 { padding-top: 10px; } .pdt-15 { padding-top: 15px; } .pdt-20 { padding-top: 20px; } .pdt-25 { padding-top: 25px; } .pdt-30 { padding-top: 30px; } .pdt-35 { padding-top: 35px; } .pdt-40 { padding-top: 40px; } .pdt-45 { padding-top: 45px; } .pdt-50 { padding-top: 50px; } .pdt-55 { padding-top: 55px; } .pdt-60 { padding-top: 60px; } .pdt-65 { padding-top: 65px; } .pdt-70 { padding-top: 70px; } .pdt-75 { padding-top: 75px; } .pdt-80 { padding-top: 80px; } .pdt-85 { padding-top: 85px; } .pdt-90 { padding-top: 90px; } .pdt-95 { padding-top: 95px; } .pdt-100 { padding-top: 100px; } .pdt-105 { padding-top: 105px; } .pdt-110 { padding-top: 110px; } .pdt-115 { padding-top: 115px; } .pdt-120 { padding-top: 120px; } .pdt-125 { padding-top: 125px; } .pdt-130 { padding-top: 130px; } .pdt-135 { padding-top: 135px; } .pdt-140 { padding-top: 140px; } .pdt-145 { padding-top: 145px; } .pdt-150 { padding-top: 150px; } /*Padding Right */ .pdr-0 { padding-right: 0px; } .pdr-5 { padding-right: 5px; } .pdr-10 { padding-right: 10px; } .pdr-15 { padding-right: 15px; } .pdr-20 { padding-right: 20px; } .pdr-25 { padding-right: 25px; } .pdr-30 { padding-right: 30px; } .pdr-35 { padding-right: 35px; } .pdr-40 { padding-right: 40px; } .pdr-45 { padding-right: 45px; } .pdr-50 { padding-right: 50px; } .pdr-55 { padding-right: 55px; } .pdr-60 { padding-right: 60px; } .pdr-65 { padding-right: 65px; } .pdr-70 { padding-right: 70px; } .pdr-75 { padding-right: 75px; } .pdr-80 { padding-right: 80px; } .pdr-85 { padding-right: 85px; } .pdr-90 { padding-right: 90px; } .pdr-95 { padding-right: 95px; } .pdr-100 { padding-right: 100px; } .pdr-105 { padding-right: 105px; } .pdr-110 { padding-right: 110px; } .pdr-115 { padding-right: 115px; } .pdr-120 { padding-right: 120px; } .pdr-125 { padding-right: 125px; } .pdr-130 { padding-right: 130px; } .pdr-135 { padding-right: 135px; } .pdr-140 { padding-right: 140px; } .pdr-145 { padding-right: 145px; } .pdr-150 { padding-right: 150px; } /*Padding Bottom */ .pdb-0 { padding-bottom: 0px; } .pdb-5 { padding-bottom: 5px; } .pdb-10 { padding-bottom: 10px; } .pdb-15 { padding-bottom: 15px; } .pdb-20 { padding-bottom: 20px; } .pdb-25 { padding-bottom: 25px; } .pdb-30 { padding-bottom: 30px; } .pdb-35 { padding-bottom: 35px; } .pdb-40 { padding-bottom: 40px; } .pdb-45 { padding-bottom: 45px; } .pdb-50 { padding-bottom: 50px; } .pdb-55 { padding-bottom: 55px; } .pdb-60 { padding-bottom: 60px; } .pdb-65 { padding-bottom: 65px; } .pdb-70 { padding-bottom: 70px; } .pdb-75 { padding-bottom: 75px; } .pdb-80 { padding-bottom: 80px; } .pdb-85 { padding-bottom: 85px; } .pdb-90 { padding-bottom: 90px; } .pdb-95 { padding-bottom: 95px; } .pdb-100 { padding-bottom: 100px; } .pdb-105 { padding-bottom: 105px; } .pdb-110 { padding-bottom: 110px; } .pdb-115 { padding-bottom: 115px; } .pdb-120 { padding-bottom: 120px; } .pdb-125 { padding-bottom: 125px; } .pdb-130 { padding-bottom: 130px; } .pdb-135 { padding-bottom: 135px; } .pdb-140 { padding-bottom: 140px; } .pdb-145 { padding-bottom: 145px; } .pdb-150 { padding-bottom: 150px; } .pdb-300 { padding-bottom: 300px; } /*Padding Left */ .pdl-0 { padding-left: 0px; } .pdl-5 { padding-left: 5px; } .pdl-10 { padding-left: 10px; } .pdl-15 { padding-left: 15px; } .pdl-20 { padding-left: 20px; } .pdl-25 { padding-left: 25px; } .pdl-30 { padding-left: 30px; } .pdl-35 { padding-left: 35px; } .pdl-40 { padding-left: 40px; } .pdl-45 { padding-left: 45px; } .pdl-50 { padding-left: 50px; } .pdl-55 { padding-left: 55px; } .pdl-60 { padding-left: 60px; } .pdl-65 { padding-left: 65px; } .pdl-70 { padding-left: 70px; } .pdl-75 { padding-left: 75px; } .pdl-80 { padding-left: 80px; } .pdl-85 { padding-left: 85px; } .pdl-90 { padding-left: 90px; } .pdl-95 { padding-left: 95px; } .pdl-100 { padding-left: 100px; } .pdl-105 { padding-left: 105px; } .pdl-110 { padding-left: 110px; } .pdl-115 { padding-left: 115px; } .pdl-120 { padding-left: 120px; } .pdl-125 { padding-left: 125px; } .pdl-130 { padding-left: 130px; } .pdl-135 { padding-left: 135px; } .pdl-140 { padding-left: 140px; } .pdl-145 { padding-left: 145px; } .pdl-150 { padding-left: 150px; } /*Font Weight */ .f-weight-100 { font-weight: 100; } .f-weight-200 { font-weight: 200; } .f-weight-300 { font-weight: 300; } .f-weight-400 { font-weight: 400; } .f-weight-500 { font-weight: 500; } .f-weight-600 { font-weight: 600; } .f-weight-700 { font-weight: 700; } .f-weight-800 { font-weight: 800; } .f-weight-900 { font-weight: 900; } .vh { height: 100vh; } .d-flex { align-items: center; display: flex; } .font-30 { font-size: 30px; } .font-54 { font-size: 54px; line-height: 64px; } .z-index-1 { z-index: 1; } .z-index--1 { z-index: -1; } .border-right-silver2 { border-right: 1px solid #b7b7b8; } @media (max-width: 991px) { .sidebar-right { padding-top: 50px !important; order: 1; width: 100%; } } /*Google Font Classes */ .montserrat-font { font-family: "Montserrat", sans-serif; } .playfair-display-font { font-family: "Playfair Display", serif; } .data-bg-img { background-position: center center; background-size: cover; } /*Data Overlay */ [data-overlay-dark], [data-overlay-light] { position: relative; } [data-overlay-dark] .container, [data-overlay-light] .container { position: relative; z-index: 2; } [data-overlay-dark]:before, [data-overlay-light]:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } [data-overlay-dark]:before { background: #0B0C26; } [data-overlay-light]:before { background: #fff; } [data-overlay-dark="0"]:before, [data-overlay-light="0"]:before { opacity: 0; } [data-overlay-dark="1"]:before, [data-overlay-light="1"]:before { opacity: 0.1; } [data-overlay-dark="2"]:before, [data-overlay-light="2"]:before { opacity: 0.2; } [data-overlay-dark="3"]:before, [data-overlay-light="3"]:before { opacity: 0.3; } [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before { opacity: 0.4; } [data-overlay-dark="5"]:before, [data-overlay-light="5"]:before { opacity: 0.5; } [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before { opacity: 0.6; } [data-overlay-dark="7"]:before, [data-overlay-light="7"]:before { opacity: 0.7; } [data-overlay-dark="8"]:before, [data-overlay-light="8"]:before { opacity: 0.8; } [data-overlay-dark="9"]:before, [data-overlay-light="9"]:before { opacity: 0.9; } [data-overlay-dark="94"]:before, [data-overlay-light="94"]:before { opacity: 0.94; } [data-overlay-dark="10"]:before, [data-overlay-light="10"]:before { opacity: 1; } .f-right { float: right; } .f-left { float: left; } .text-underline { text-decoration: underline; } .display-inline-block { display: inline-block; } .text-white { color: #ffffff; } .bg-white { background: #ffffff; } .bg-silver { background: #F4F5F8; } .bg-silver-deep { background: #ecdaee; } .bg-gray { background: #f7f7f7; } .text-silver { color: #f5f3f1; } .text-light-gray { color: #9d98bf; } .text-gray { color: #a4a4aa; } .text-gray-light { color: #CCCCCC; } .text-dark-light { color: #808093; } .section-white-typo * { color: #fff !important; } .section-bg1 { background: url(../img/bg/1.jpg); } .section-bg2 { background: url(../img/bg/2.jpg); } .section-bg3 { background: url(../img/bg/3.jpg); } .section-bg4 { background: url(../img/bg/4.jpg); } .section-bg5 { background: url(../img/bg/5.jpg); } .abs-bg1 { background: url(../img/bg/abs-bg1.png); } .abs-bg2 { background: url(../img/bg/abs-bg2.png); } .contact-from-bg { background: url(../img/bg/contact-form-bg.png); } [class*=section-bg] { position: relative; background-size: cover; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .section-title-line { position: relative; display: inline-block; } .section-title-line:before { content: ""; background: #e41f7a; height: 3px; width: 45%; position: absolute; right: 0; bottom: 5px; display: inline-block; left: 0; margin: 0 auto; } .section-title-line.line-white:before { background: #fff; } .solid-line-bottom { position: relative; display: inline-block; } .solid-line-bottom:before { content: ""; background: linear-gradient(45deg, #e41f7a, #604183) !important; height: 5px; width: 15%; position: absolute; right: 0; bottom: -20px; display: inline-block; left: 0; z-index: -1; border-radius: 15px; } .element-shadow { box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.3); } .element-shadow-long { box-shadow: 0px 20px 19px 0px rgba(0, 0, 0, 0.14); } .bg-cover { background-size: cover; } .divider-gap { padding: 11% 16% 9% 12%; } .position-relative { position: relative; } .position-absolute { position: absolute; } .vertical-align-middle { vertical-align: middle; } /*# sourceMappingURL=style.css.map */