/*==================================== Table Of Content ======================================*/ /* - fonts - body - other settings - general - rev slider - navbar - services - counters - parallax - team - video - work - pricing - blog - blog-pages - footer - media query /*==================================== Ends Table Of Content ======================================*/ /*============================== Google Fonts ================================*/ /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /*=============================== Font Family =================================*/ .Raleway{ font-family: 'Raleway', sans-serif; } .Roboto{ font-family: 'Roboto', sans-serif; } h1,h2,h3,h4,h5,h6{ font-family: Raleway, sans-serif; } p{ font-family: Roboto, sans-serif; } .logo{ color: #fff; } .about_banner{ /*background: #f1f1f1;*/ background: url(../images/about.jpg); background-size: cover; background-attachment: fixed; padding: 80px 0 } .about_banner p{ color: #fff; font-size: 40px; } /* =================================== General ====================================== */ body {font-family: 'Roboto', sans-serif; font-size: 16px;color: #2b2b2b;font-weight:300;line-height: 26px;letter-spacing: 0.5px;overflow-x: hidden;-webkit-font-smoothing: antialiased;} section{background: #ffffff} p{margin-bottom: 0;color: #4c4c4c;} a {color:inherit;} br{line-height: 15px} ::-webkit-scrollbar-track {background-color: #e9edf0;border-left: 1px solid #ededed;} ::-webkit-scrollbar {width: 7px;background-color: #4166AB;} ::-webkit-scrollbar-thumb {background: #4166AB;} a:hover, a:active {color: #4166AB;text-decoration: none;} a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;text-decoration: none} .form-control::placeholder {color: #4c4c4c;opacity: 1;} .form-control:-ms-input-placeholder {color: #4c4c4c;} .form-control:-ms-input-placeholder {color: #4c4c4c;} a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next /*{transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-moz-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;}*/ ul{list-style: none;padding: 0; margin: 0;} :focus{outline: none;} img {max-width: 100%} section,.section-padding {position: relative;padding: 2.5rem 0;overflow: hidden;} .section-top-margin{margin-top: 7.5rem;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.3; font-family: 'Raleway', sans-serif; margin-bottom: 0;} .btn.focus, .btn:focus{box-shadow: none;} .text-color-white{color: #fff; font-size: 47px;} .text-video{color: #fff; font-size: 60px;} .business-color{color: #66c904; font-size: 60px;} .slider-heading{font-size: 57px !important; font-weight: 100 !important;} .slider-heading2{font-size: 60px !important;} .slider-p {font-size: 18px !important;} .h-100vh {min-height: 100vh !important;} /* transition none */ .no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;} /* opacity */ .opacity-full{opacity: 1;} .opacity-3{opacity: .3;} .opacity-4{opacity: .4;} .opacity-5{opacity: .5;} .opacity-6{opacity: .6;} .opacity-7{opacity: .7;} .opacity-8{opacity: .8;} .opacity-9{opacity: .9;} /*font-weight*/ .font-weight-100{font-weight: 100;} .font-weight-300{font-weight: 300;} .font-weight-500{font-weight: 500;} .font-weight-600{font-weight: 600;} /* z index */ .z-index-1{z-index: 1;} .z-index-2{z-index: 2;} .z-index-2{z-index: 3;} .z-index-2{z-index: 4;} .z-index-2{z-index: 5;} /* button */ .btn {display:inline-block; font-size: 17px; border:1px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform:capitalize; width: auto;font-family: 'Roboto', sans-serif; font-weight: 500; transition-duration: 0.3s; transition: all 0.3s !important; transition-timing-function: ease-in-out} /* button size */ .btn.btn-small {font-size:11px; padding: 4px 24px;} .btn.btn-medium {font-size:12px; padding: 6px 25px 5px;} .btn.btn-large {font-size:14px; padding: 9px 34px; line-height: 25px} .btn.btn-rounded {border-radius: 50px;} /* button background */ .btn.btn-white {background:#ffffff; border-color: #ffffff; color: #222d38} .btn.btn-white:hover, .btn.btn-white:focus {background: transparent !important; border-color: #ffffff; color: #ffffff !important} .btn.btn-transparent-white {background:transparent; border-color: #ffffff; color: #ffffff} .btn.btn-transparent-white:hover, .btn.btn-transparent-white:active, .btn.btn-transparent-white:focus {background: #ffffff !important; color: #4c4c4c !important} .btn.btn-black {background: #2b2b2b; border-color: #2b2b2b; color: #ffffff} .btn.btn-black:hover, .btn.btn-black:focus {background: transparent !important; border-color: #2b2b2b; color: #2b2b2b !important} .btn.btn-blue {background: #00bcd4; border-color: #00bcd4; color: #ffffff} .btn.btn-blue:hover, .btn.btn-blue:focus {background: transparent !important; border-color: #00bcd4; color: #00bcd4 !important} .btn.btn-gradient{color: #ffffff;} .btn.btn-gradient:hover{background-position: right center;} .btn.btn-hvr-white:hover, .btn.btn-hvr-white:focus {background: #ffffff !important; border-color: #ffffff; color: #585858 !important} .btn.btn-white-blue {background:#ffffff; border-color: #222d38; color: #222d38} .btn.btn-white-blue.clr-b:hover, .btn.btn-white-blue.clr-b:active, .btn.btn-white-blue.clr-b:focus {background:#ffffff; border-color: #4166AB; color: #222d38} .btn.btn-white-blue.clr-g:hover {background:#ffffff; border-color: #66c904; color: #222d38} .rev_slider .btn{border: 2px solid #fff} .rev_slider .btn.clr-g:hover{border-color: #66c904} .rev_slider .btn.clr-b:hover{border-color: #4166AB} /* =================================== Social Icon Hover ======================================*/ /*icon bg bover */ .facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important;border: 1px solid #4267B2 !important;} .twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important;border: 1px solid #1DA1F2 !important;} .instagram-bg-hvr:hover{background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important;color: #fff !important;} .linkedin-bg-hvr:hover{background:#0077B5 !important;color: #fff !important;border: 1px solid #0077B5 !important;} .pinterest-bg-hvr:hover{background:#BD081C !important;color: #fff !important;border: 1px solid #BD081C !important;} .google-bg-hvr:hover{background:#DB4437 !important;color: #fff !important;border: 1px solid #DB4437 !important;} .mail-bg-hvr:hover{background:#c32aa3 !important;color: #fff !important;border: 1px solid #c32aa3 !important;} /*icon text bover */ .facebook-text-hvr:hover{color:#4267B2 !important;} .twitter-text-hvr:hover{color:#1DA1F2 !important;} .instagram-text-hvr:hover{color: #aa2fb5} .linkedin-text-hvr:hover{color:#0077B5 !important;} .pinterest-text-hvr:hover{color:#BD081C !important;} .google-text-hvr:hover{color:#DB4437 !important;} .mail-text-hvr:hover{color:#c32aa3 !important;} /*Margin & Padding*/ .pb-20{padding-bottom: 20px;} .mb-20{margin-bottom: 20px;} .mb-2{margin-bottom: .5rem!important;} .mb-40{margin-bottom: 40px;} .mb-30{margin-bottom: 30px;} .mb-0{margin-bottom: 0!important;} .mt-20{margin-top: 20px;} .mt-10{margin-top: 10px;} .mb-10{margin-bottom: 10px;} .mt-25{margin-top: 25px;} .mt-30{margin-top: 30px} .mb-2rem{margin-bottom: 2rem !important;} .pt-3{padding-top: 1rem;} ul {margin-top: 0; margin-bottom: 0.5rem;} /* transition none */ .no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;} /*========================== Header & Navigation ==========================*/ a.logo { display: inline-block; vertical-align: middle; line-height: 0; } .navbat-toggler{ position: relative; border: none; -webkit-border-radius: 0; border-radius: 0; } .toggle-menu:focus, .toggle-menu:active{ outline: 0; } .toggle-menu{ -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 36px; padding: 6px; margin-right: 1rem; position: absolute; right: 15px; } .toggle-menu span{ display: block; background: #fff; height: 2px; width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0; opacity: 1; } .bg-purple-color{ background: #48459f; } .nav-padding20{ padding-top: 20px; } .nav-padding{ padding-top: 28px; } .nav-top{ padding-top: 70px; } .header-icon{ color: #ffffff; font-size: 20px; } .facebook-hover-effect:hover{ background-color:#4267B2 !important; color: #fff; } .twitter-hover-effect:hover{ background-color:#1DA1F2 !important; color: #fff; } .instagram-hover-effect:hover{ background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important; color: #fff; } .nav-color a{ color: #fff; } .nav-color a:hover{ color: #fff; } .navbar-default{ background-color: transparent; border-color: transparent; } .fixedmenu{ -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: .1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .navbar.fixedmenu{ background-color: #fff; margin: 0; padding-top: 0px; padding-bottom: 0px; position: fixed; box-shadow: 0 9px 6px -9px #000000; transition: 1s; -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .navbar.fixedmenu .navbar-nav li a{ -webkit-transition: all linear 300ms; transition:1s; } .navbar.fixedmenu .header-social a { height: 35px; width: 35px; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .navbar.fixedmenu:hover .header-social a:hover { color: #fff; height: 35px; width: 35px; line-height: 38px; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .bg-transparent.navbar.fixedmenu{ background: #222d38 !important; } .navbar.fixedmenu .toggle-menu span{ background: #232323; } .fixedmenu .menu-button{ color: #202125; } .navbar.fixedmenu .navbar-nav .active a { background: transparent !important; } .menu-button .fa{ font-size: 25px; padding: 14px 0 0 0; } .navbar-fixed-top .logo{ display: inline-block; vertical-align: middle; line-height: 0; } header a.logo img { max-height: auto; max-width: 100px; vertical-align: sub; } .nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nav-icon .navbar-nav { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .menu-line { position: absolute; border-bottom: 2px solid #66c904; top: 10px; left: 0; z-index: -1; display: block; text-align: center; width: 50px; height: 30px; pointer-events: none; transition: all .1s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line{ -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(73%, 0, 0); width: 40px; transition:all ; } .nav-icon .navbar-nav .nav-link:nth-child(2).active ~ .menu-line{ -webkit-transform: translate3d(283%, 0, 0); transform: translate3d(283%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(3).active ~ .menu-line{ -webkit-transform: translate3d(575%, 0, 0); transform: translate3d(575%, 0, 0); width: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(4).active ~ .menu-line{ -webkit-transform: translate3d(950%, 0, 0); transform: translate3d(950%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(5).active ~ .menu-line{ -webkit-transform: translate3d(850%, 0, 0); transform: translate3d(850%, 0, 0); width: 50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(6).active ~ .menu-line{ -webkit-transform: translate3d(1246%, 0, 0); transform: translate3d(1246%, 0, 0); width: 42px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(7).active ~ .menu-line{ -webkit-transform: translate3d(1805%, 0, 0); transform: translate3d(1805%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(8).active ~ .menu-line{ -webkit-transform: translate3d(1315%, 0, 0); transform: translate3d(1315%, 0, 0); width: 55px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(1):hover ~ .menu-line{ -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(60%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(2):hover ~ .menu-line{ -webkit-transform: translate3d(283%, 0, 0); transform: translate3d(283%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(3):hover ~ .menu-line{ -webkit-transform: translate3d(575%, 0, 0); transform: translate3d(575%, 0, 0); width: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(4):hover ~ .menu-line{ -webkit-transform: translate3d(950%, 0, 0); transform: translate3d(950%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(5):hover ~ .menu-line{ -webkit-transform: translate3d(850%, 0, 0); transform: translate3d(850%, 0, 0); width: 50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(6):hover ~ .menu-line{ -webkit-transform: translate3d(1246%, 0, 0); transform: translate3d(1246%, 0, 0); width: 42px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(7):hover ~ .menu-line{ -webkit-transform: translate3d(1805%, 0, 0); transform: translate3d(1805%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(8):hover ~ .menu-line{ -webkit-transform: translate3d(1315%, 0, 0); transform: translate3d(1315%, 0, 0); width: 55px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .header-appear .navbar-top-default.navbar-gradient .navbar-nav .menu-line{ color: #FFFFFF; } .navbar-top-default.navbar-dark .menu-line{ color: #151515; } .navbar-top-default .nav-item .nav-link.active { background-color: #66c904; text-align: center; color: #fff; } .navbar-top-default .nav-item .nav-link:hover{ color: #fff; } .header-appear .navbar-top-default .nav-item .nav-link:hover{ color: #000; } .header-appear .navbar-top-default.fixed-black .nav-item .nav-link:hover{ color: #fff; } .black-nav:hover{ color: #000 !important; } .navbar-top-default .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem; border-radius: 50px; } /*===================================== Video Navbar =====================================*/ .header-appear .white-bg .nav-link{ color: #000000; font-weight: 400; } .header-appear .black-bg .nav-link{ color: #ffffff; font-weight: 400; } .header-appear .white-bg .header-social a{ color: #000000; } .header-appear .black-bg .header-social a{ color: #ffffff; } .header-appear .header-social a { color: #fff; } .header-appear .white-bg .side-nav-btn span{ background-color: #000; } .fixedmenu.box-shadow{ box-shadow: 0 10px 10px -14px rgba(0, 0, 0, 0.35); } .r-250{ right: 250px !important; } /* logo change */ header .logo .logo-dark, header .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header .logo .logo-dark.default, header .logo .logo-light.default {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header.header-appear nav .logo .logo-light, header.header-appear nav.header-dark .logo .logo-light {visibility: visible; opacity: 1; width: auto; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header.header-appear nav .logo .logo-dark, header.header-appear nav.header-dark .logo .logo-dark {visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header.header-appear nav .logo .logo-dark, header.header-appear nav.header-light .logo .logo-dark {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header.header-appear nav .logo .logo-light, header.header-appear nav.header-light .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;} header a.logo {display: inline-block; vertical-align: middle;line-height: 0} header a.logo img { max-height: auto; max-width: auto; vertical-align: sub; } .menu-button{ position: absolute; cursor: pointer; background: transparent; padding: 3px 6px; -webkit-border-radius:4px; color: #fff; -webkit-transition: all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; z-index:2; display: inline-block; float: right; top: 15px; right: 35px; } .navbar-default .navbar-nav>li>a{ color: #fff; } .navbar-nav.nav-black>li>a{ color: #000; } .nav-white{ color: #fff; } .navbar-default .navbar-nav>li>a:focus{ color: #ffffff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus { color: #ffffff; background-color: transparent; } .navbar-default .navbar-nav>.active>a:hover { color: #47a2ae; background-color: transparent; } .navbar-default.fixedmenu .navbar-nav>.active>a, .navbar-default.fixedmenu .navbar-nav>.active>a:focus, .navbar-default.fixedmenu .navbar-nav>.active>a:hover { color: #47a2ae; background-color: transparent; } .navbar-nav .active a:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid #ffca00; bottom: 5px; content: " "; display: block; position: relative; transition: all 280ms ease-in-out; width: 20px; } .navbar-nav li a.active{ -webkit-backface-visibility: hidden; backface-visibility: hidden; border-color: #1a9bdc; -webkit-transition: width 350ms ease-in-out; -moz-transition: width 350ms ease-in-out; -o-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 100%; } .navbar-nav>li>a{ line-height: 24px; } a{ transition-duration: 0.3s; transition: all 0.3s; transition-timing-function: ease-in-out; } .navbar-top-default { position: absolute; top: 0; height: 86px; z-index: 99; width: 100%; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .navbar-top-default .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem; border-radius: 50px; } .navbar-top-default .nav-item:hover .nav-link { color: #fff; } .navbar-top-default .nav-item .nav-link.active{ background-color: #222d38; text-align: center; color: #fff; } .navbar-top-default .nav-item .nav-link.color-black:hover{ color: #000; } .navbar-top-default .nav-item .nav-link.active:hover{ color: #fff; } .navbar-top-default.fixedmenu .nav-item .nav-link.active { color: #fff; } .navbar-top-default.fixedmenu .nav-item .nav-link.active:hover{ color: #fff; } @-webkit-keyframes animationFade { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes animationFade { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes animationFade { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } .nav-item{ display: table; margin: 0 8px; } .header-social a { color: #fff; height: 35px; width: 35px; line-height: 38px; border-radius: 50%; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .black-social a{ color: #000; height: 35px; width: 35px; line-height: 35px; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .menu-button{ margin-right: 20px; color: #fff; font-size: 25px; } .menu-button:hover{ color: #47a2ae; } .nav-margin{ height: 60px; width: 100%; background:#fff; } .header-appear .nav-margin{ margin-top: 0; } .navbar-top-default .nav-item .gym-nav.active{ background-color: #28a745; text-align: center; } .navbar-top-default .nav-item .con-nav.active { background-color:#f2c900; text-align: center; } .navbar-top-default .nav-item .edu-nav.active { background-color: #20c997; text-align: center; } .padding-a, .padding-a main, .padding-a .content{ height: auto !important; } .no-animation { animation: none !important;} .no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;} /*end navbar*/ /*gym-nav*/ .fixed-bottom, .header-appear .fixed-bottom { position: absolute; width: 100%; bottom: 0; top: auto; } .fixed-bottom { position: absolute; top: auto; bottom: 0; z-index: 99; width: 100%; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .navbar-bottom-top { position: fixed !important; top: 0 !important; bottom: auto !important; } .arrows-no-margin .zeus.tp-leftarrow { margin-left: 0; } .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0,0,0,0); } .tp-leftarrow, .tp-rightarrow { margin: 5px; font-size: 24px; } .tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; } .zeus.tparrows:hover .tp-title-wrap { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .zeus .tp-title-wrap { background: rgba(0,0,0,0); width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border-radius: 50%; } .zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .zeus .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-size: cover; border-radius: 50%; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .zeus.tparrows:before { font-size: 20px; color: #000000; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } .cbp-caption-activeWrap .cbp-l-caption-body .plus { display: block; width: 30px; height: 34px; margin: 0 auto; } .gym-nav a:hover{ background: #000 !important; } /*end gym-nav*/ /*====================== Side Nav =======================*/ .side-nav-btn{ position: absolute; top: 45px; right: 50px; font-size: 18px; color: #000000; transition: all 0.3s ease; width: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; z-index: 99; transform: rotate(180deg); -webkit-transition: all linear 300ms; } .side-nav-btn span { content: ""; display: block; width: 100%; height: 2px; background: #fff; position: relative; top: 50%; margin-top: 6px; right: 0; -webkit-transition: all linear 300ms; } .side-nav-btn:hover span:nth-child(1),.side-nav-btn:hover span:nth-child(3){ width: 60%; -webkit-transition: all linear 300ms; } .side-nav-btn.active{ display: none; } .header-appear .side-nav-btn{ right: 50px; top: 35px; } /* Side Menu */ .side-menu { width: 100%; opacity: 0; position: fixed; /*left: 0;*/ /*top: 0;*/ z-index:0; height: 100vh; /*-webkit-transform: translate3d(-100%, 0, 0);*/ /*transform: translate3d(-100%, 0, 0);*/ -webkit-transition: all .5s ease; transition: all .5s ease; -o-transition: all .5s ease; overflow: hidden; visibility: hidden; } .side-menu:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-color: #4166AB; } .whitecolor{ color: #FFFFFF; } .side-menu.left { left: 0; right: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .side-menu.before-side { width: 280px; } .side-menu.side-menu-active, .side-menu.before-side{ /*-webkit-transform: translate3d(0, 0, 0);*/ /*transform: translate3d(0, 0, 0);*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index:999; opacity: 1; visibility: visible; } .pul-menu .side-menu.side-menu-active { visibility: visible; opacity: 1; } .side-menu .navbar-brand { margin: 0 0 2.5rem 0; } /*Side overlay*/ #close_side_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); display: none; z-index: 1031; opacity: 0.4; } /*side clode btn*/ .side-menu .btn-close { height: 33px; width: 33px; display: inline-block; text-align: center; position: absolute; top: 24px; right: 47px; cursor: pointer; } .side-menu.before-side .btn-close{ display: none; } .just-sidemenu #sidemenu_toggle { position: fixed; z-index: 999; /*background: #fff;*/ right: 0; top: 16px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 20px rgba(0, 0, 0, .15); } .side-menu .btn-close::before, .side-menu .btn-close::after { position: absolute; left: 16px; content: ' '; height: 24px; width: 2px; background: #fff; top: 5px; } .side-menu .btn-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .side-menu .btn-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*side open btn*/ .sidemenu_btn { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 36px; padding: 6px; margin-right: 1rem; position: absolute; right: 15px; } .sidemenu_btn.left { left: 15px; right: auto; } .sidemenu_btn > span { height: 2px; width: 100%; background: #FFFFFF; display: block; } .dark-navbar .sidemenu_btn > span{ background:#666666; } .header-appear .sidemenu_btn > span{ background: #666666; } .sidemenu_btn > span:nth-child(2) { margin: 4px 0; } .side-menu .inner-wrapper { padding: 3.5rem 5rem; height: 100%; position: relative; overflow-y: auto; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: flex-end; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pul-menu.pushwrap .side-menu .inner-wrapper{ padding: 3.5rem 2.5rem; } .inner-wrapper .navbar-nav{ -ms-flex-direction: inherit; flex-direction:inherit; } .side-menu .side-nav { margin-bottom: 30px; display: block; width:100% } .side-nav .navbar-nav .nav-item{ display: block; margin: 0 auto; padding: 0 !important; opacity: 0; -webkit-transition: all 0.8s ease 500ms; -o-transition: all 0.8s ease 500ms; transition: all 0.8s ease 500ms; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } .side-nav .navbar-nav .nav-item:first-child { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .side-nav .navbar-nav .nav-item:nth-child(2){ -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .side-nav .navbar-nav .nav-item:nth-child(3) { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .side-nav .navbar-nav .nav-item:nth-child(4) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .side-nav .navbar-nav .nav-item:nth-child(5) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .side-nav .navbar-nav .nav-item:nth-child(6) { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .side-nav .navbar-nav .nav-item:nth-child(7) { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } .side-nav .navbar-nav .nav-item:nth-child(8) { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } .side-nav .navbar-nav .nav-item:nth-child(9) { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; } .side-menu.side-menu-active .side-nav .navbar-nav .nav-item { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .nav-item a{ transition: all .3s ease; } .navbar-collapse .nav-item:hover a.nav-link.scroll, .header-appear .navbar-collapse .nav-item:hover a.nav-link.scroll{ transition: all .3s ease; } .navbar-collapse .nav-item:hover a.nav-link.scroll.active, .header-appear .navbar-collapse .nav-item:hover a.nav-link.scroll.active{ color: #FFFFFF !important; } .side-nav .navbar-nav .nav-link { display: inline-table; color: #fff; padding: 2px 0 3px 0 !important; font-family: 'Roboto' , sans-serif; font-size: 18px; font-weight: 500; line-height: normal; position: relative; -webkit-border-radius: 0; border-radius: 0; } .side-nav .navbar-nav .nav-link::after{ content: ""; position: absolute; background: #fff; display: inline-block; width: 0; height: 3px; bottom: 0; left: 0; overflow: hidden; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } .side-nav .navbar-nav .nav-link:hover::after, .side-nav .navbar-nav .nav-link:focus::after, .side-nav .navbar-nav .nav-link.active::after { width: 100%; } .side-nav .navbar-nav .nav-link.active { background: transparent; } .side-menu p{ font-size: 13px; margin-top: .5rem; margin-bottom: 0; font-weight: 500; } .social-icons-simple{ margin-bottom: 0; margin-left: -10px; padding: 0; } .social-icons-simple li{ display: inline-block; } .social-icons-simple li a { display: block; font-size: 16px; color: #FFFFFF; height: 38px; line-height: 38px; border: 1px solid transparent; text-align: center; width: 38px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .social-icons-simple li a:hover{ color: #FFFFFF; } .side-footer{ text-align: center; } .social-icons-simple a:hover{ background-color: #fff; } /*=========================== Center Logo ============================*/ .center-logo a.logo { left: 50%; transform: translateX(-50%); position: absolute; } /*========================== End Center Logo ==========================*/ /*======================== Slider Particles ========================*/ [class*=bg-img] { position: relative; background-size: cover; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .bg-img5 { background: url(../images/banner5.jpg) no-repeat ; background-position: center; background-size: cover; } .fullscreen { height: 100vh !important; width: 100%; } .bg-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* backround color */ .bg-black{background: #000000;} .bg-dark {background-color: #1d1d21 !important;} .bg-blue {background-color: #00bcd4;} .fullscreen .center-col { position: absolute; top: 51%; transform: translateY(-50%); width: 100%; } .morphext > .animated { display: inline-block; } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0,0,0,0); box-shadow: inset 0 0 0 2px rgb(255,255,255); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute; } /*======================== About Section ==========================*/ .rare-box { height: 195px; width: 100%; background-color: #4166AB; position: relative; left: 0.5rem; } .image-about{ top: -155px; margin-left: 30px; margin-bottom: -145px; } .pr-5 { padding-right: 4rem!important; } .pl-6 { padding-left: 1rem; } .green{ color: #222d38; } .blue{ color: #4166AB; } .dark-blue{ color: #222d38; } h2{ font-family: 'Raleway',sans-serif; font-size: 44px; font-weight: 600; color: #222d38; } h3{ font-family: 'Raleway',sans-serif; font-size: 30px; font-weight: 600; color: #222d38; } h4{ font-family: 'Raleway',sans-serif; font-size: 24px; font-weight: 600; color: #222d38; } h5{ font-family: 'Raleway',sans-serif; font-size: 18px; font-weight: 500; color:#4c4c4c; } h6{ font-family: 'Raleway',sans-serif; font-size: 16px; font-weight: 600; } .about ul li{ font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; list-style: none; display: block; color:#4c4c4c; } .about ul li:before{ font-family: FontAwesome; padding-right: 15px; font-weight: 300; content: '\f061'; background-color: #4166AB; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } /*==================================== Construction Section =================================*/ /*services-section*/ .services-section{ background-color: #f9f9f9; } .services-heading{ color: #222d38; } .services-para{ color: #4c4c4c; padding-bottom: 50px; } .services-heading{ padding-bottom: 10px; } .padding{ padding-top: 50px; padding-bottom: 50px; padding-right: 15px; padding-left: 15px; background-color: #47a2ae; border-radius: 6px; } .laptop-icon, .chart-icon, .pencil-icon{ padding-top: 10px; font-size: 48px; color: #fff; transition: 1s; } .icon-hover-effect{ transition: 1s; } .icon-hover-effect:hover .laptop-icon, .icon-hover-effect:hover .chart-icon, .icon-hover-effect:hover .pencil-icon{ transform: translateY(-20px); transition: 1s; } .creative-heading{ padding-top: 25px; padding-bottom: 10px; color: #ffffff; font-size: 24px; } .creative-para{ color: #ffffff; font-size: 15px; } .padding-1{ padding-top: 50px; padding-bottom: 50px; padding-right: 15px; padding-left: 15px; background-color: #66c904; border-radius: 6px; } .chart-icon{ padding-top: 10px; font-size: 48px; color: #fff; } .pencil-icon{ padding-top: 10px; font-size: 48px; color: #fff; } .con-box-color{ background-color: #f2c900; } .con-box-color-1{ background-color:#006475 ; } .edu-box-color{ background-color: #20c997; } .edu-box-color-1{ background-color: #dc3545; } /*end services*/ /*===================== Num sec ====================*/ .number-section{ background: #fff; } /*================================= Statical Num ==============================*/ /*statistic section*/ .number-heading{ color: #222d38; padding-bottom: 10px; } .number-para{ padding-bottom: 70px; max-width: 580px; margin: 0 auto; } .digi-number{ color: #66c904; font-size: 38px; } .digi-para{ color: #222d38; display: block; margin: 0 auto; } .font-weight-600{ font-weight: 600; } .number-icons{ font-size: 48px; color: #006475; } .setting{ width: 100%; } .briefcase-icon, .clock-icon, .star-icon, .heart-icon{ transition: 1s; } .img-clr{ color: #fff; } .num-img-con{ background: url("../images/con-parallax.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; } .img-clr-con{ color:#006475; } .img-clr-con-1{ color:#f2c900; } .edu-parallax{ background: url("../images/edu-parallax.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; } .edu-queto{ background: url("../images/edu-parallax.jpg"); } .t-white{ color: #fff; } /*end statistic*/ /* education section*/ /*end education*/ /* =================================== Counter ====================================== */ .counter{ background: #f9f9f9; } .hr-line{ width: 40px; height: 3px; background-color: #222d38; display: block; margin-top: 0px; margin-bottom: 20px; } .icon{ transition: all 1s; } .icon i{ font-size: 40px; } .icon-block:hover .icon{ transform: rotateY(360deg); transition: all 1.2s; } .counters i{ font-size: 18px; vertical-align: middle; margin-left: 2px; } .icon-block:hover .counters h3, .icon-block:hover .counters h3 i{ color: #4166AB; } .icon-block.two:hover .counters h3, .icon-block.two:hover .counters h3 i{ color: #66c904; } /*=========================== Parallax Section =============================*/ .parallex-section{ background: url("../images/parallax-img.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gym-parallax{ background: url("../images/gym-parallax.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .parallax { background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; width: 100%; } .img-size{ background-size: initial !important; } /* =================================== Team ====================================== */ #team{ background: #f9f9f9; } .margin-30{ margin-bottom: 40px; } .text-width{ max-width: 658px; } #team-slider{ text-align: center; } .team-box{ text-align: center; margin: 0 10px; display: inline-block; max-width: 380px; border: 20px solid #ffffff; background-color:#ffffff; } .team-box .team-image{ position: relative; overflow: hidden; } .team-box .team-text{ text-align: center; font-size: 16px; padding: 2rem 0 2.5rem 0; } .team-box .team-text h5{ font-size: 1.6rem; } .team-progress{ padding-bottom: 1rem; } .team-progress .progress-item:not(:last-child){ margin-bottom: 2rem; } .team-progress .progress{ height: 12px; margin-top: 12px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; background-color: #eaeaea; } .team-progress .progress-item .count{ font-weight: 500; } .team-progress .progress-bar{ height: 100%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .green-background{ background-color: #66c904; } .background-green{ background: #66c904; } .blue-background{ background-color: #4166AB; } .dark-blue-background{ background-color: #222d38; } .team-box:hover .overlay { opacity: 1; visibility: visible; } .team-box .overlay { width: 100%; height: 100%; top: 0; left: 0; } .center-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .overlay { position: absolute; left: 20px; top: 25px; right: 20px; bottom: 22px; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; } .team-box .overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4166AB; opacity: .5; } .team-box .team-social li { opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .team-box:hover .team-social li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .team-box .team-social li { display: inline-block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .team-box .team-social li:first-child { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .team-box .team-social li:nth-child(2) { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .team-box .team-social li:nth-child(3) { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .team-box .team-social li:nth-child(4) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .team-box .team-social li:nth-child(5) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .team-box .team-social li:nth-child(6) { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .team-box .team-social li:nth-child(7) { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } .team-box .team-social li a { display: block; font-size: 16px; height: 36px; line-height: 38px; text-align: center; width: 36px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; background: #fff; border-color: #FFFFFF; color: #384141; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1); box-shadow: 0 0 3px rgba(0, 0, 0, .1); -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } ul{ padding: 0; list-style-type: none; } .team-hover:hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .img-border img{ -o-transition: all .8s linear; -webkit-transition: all .8s linear; transition: all .8s linear; width: 100%; } .img-border{ overflow: hidden; } #ourteam-slider .item{ margin-bottom: 70px !important; } .team-heading{ color: #222d38; padding-bottom: 10px; } .team-para{ color: #adadad; font-size: 18px; padding-bottom: 50px; } .team-member{ font-size: 20px; padding-top: 11px; } .member-para{ font-size: 16px; padding-bottom: 11px; margin-bottom: 0; } .margin{ padding-top: 20px; padding-bottom: 20px; } .team-box-2{ background-color:#47a2ae; color: #fff; width: 270px; max-width: 270px; margin: 0 auto; display: block; left: 0; right: 0; position: absolute; margin-top: -40px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .team-box-1{ background-color:#66c904; color: #fff; width: 270px; max-width: 270px; margin: 0 auto; display: block; left: 0; right: 0; position: absolute; margin-top: -40px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .team-box-content { background: #66c904; position: absolute; left: 0; right: 0; padding: 14px; bottom: -65px; width: 100%; margin: auto; text-align: center; opacity: 0; z-index: 1; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .team-box-1-content { background: #47a2ae; position: absolute; left: 0; right: 0; padding: 14px; bottom: -65px; width: 100%; margin: auto; text-align: center; opacity: 0; z-index: 1; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .team-box-content ul li, .team-box-1-content ul li{ display: inline-block; padding-left: 9px; } .team-box-content ul li a i, .team-box-1-content ul li a i{ font-size: 15px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 50%; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .team-box-content ul li a i:hover, .team-box-1-content ul li a i:hover{ background: #fff; border-color: #fff; } .team-box-content ul li a:hover .fa-facebook, .team-box-1-content ul li a:hover .fa-facebook{ color: #3b5998; } .team-box-content ul li a:hover .fa-twitter, .team-box-1-content ul li a:hover .fa-twitter{ color: #55acee; } .team-box-content ul li a:hover .fa-google-plus, .team-box-1-content ul li a:hover .fa-google-plus{ color: #d34836; } .team-box-content ul li a:hover .fa-pinterest, .team-box-1-content ul li a:hover .fa-pinterest{ color: #bd081d; } .team-hover:hover .team-box-content, .team-hover:hover .team-box-1-content{ opacity: 1; bottom: 8px; -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .team-hover:hover .team-box-2{ padding-bottom: 80px; margin-top: -80px; } .team-hover:hover .team-box-1{ padding-bottom: 80px; margin-top: -80px; } .border{ border: 10px solid #ffffff !important; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .img-border{ position: relative; } .img-border img{ width: 100%; } .team-icons i { color: #FFFFFF; text-align: center; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; -webkit-transition: 600ms all linear; -o-transition: 600ms all linear; transition: 600ms all linear; } .team-icons i:hover {-webkit-transition: 600ms all linear; -o-transition: 600ms all linear; transition: 600ms all linear; cursor: pointer; background-color: #FFFFFF;} .facbook-code:hover {color: #3b5998; } .twitter-code:hover {color: #55acee;} .viemo-code:hover {color:#1ab7ea;} .google-plus-code:hover {color: #dd4b39;} .dribbble-code:hover {color: #ea4c89;} .team-box-setting .team-content { padding: 30px 1.25em; position: absolute; overflow: hidden; bottom: 0; left: 0; right: 0; /* -webkit-transform: translateY(53%); */ -ms-transform: translateY(53%); -o-transform: translateY(53%); /* transform: translateY(39%); */ text-align: center; } .gym-box{ background-color: #000; } .gym-box-content{ background-color:#28a745; } .gym-box-1{ background-color: #28a745; } .gym-box-content-1{ background-color: #000; } .con-box{ background-color: #f2c900; } .con-content{ background-color:#006475; } .con-box-1{ background-color: #006475; } .con-content-1{ background-color: #f2c900; } /*end team*/ /*======================== Video Section ==========================*/ .video-section{ background: url("../images/video-imag.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .video-bg1{ background: url("../images/gym-video.jpg"); } .video-section{ background: url("../images/con-video.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .agncy-img{ background: url("../images/video-1.jpg") ; } .edu-pallax-2{ background: url("../images/edu-paralax-2.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; } .parallax { background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; width: 100%; } .edu-parlx{ background:url("../images/palax-img.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; } .img-size{ background: url("../images/parallax-bg.jpg"); width: 100%; background-size: cover; background-repeat: no-repeat; } .video-heading{ color: #fff; padding-bottom: 20px; font-size: 48px; } .video-para{ color: #fff; } .play-btn{ padding-right: 8px; color: #fff; transition: -1s; } .btn.btn-transparent-white:active .play-btn, .btn.btn-transparent-white:hover .play-btn, .btn.btn-transparent-white:focus .play-btn{ color: #4c4c4c; } .btn.btn-transparent-white:hover .play-btn{ color: #4c4c4c; transition: -1s; } .video-image{ overflow: hidden; } /*========================== Video-bg light ===========================*/ .video-bg { background: #222d38; } .heading-title > span { font-size: 1.0rem; display: block; text-transform: capitalize; color: #fff; } .fontregular { font-weight: normal; margin-top: 15px; margin-bottom: 15px; } .button-play, .button-play::before { -webkit-border-radius: 50%; border-radius: 50%; position: absolute; } image, .image img { position: relative; } .image { overflow: hidden; } .button-play { height: 70px; width: 70px; line-height: 70px; color: #fff; display: inline-block; text-align: center; font-size: 20px; top: 35%; left: 42%; z-index: 2; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); animation: pulse 2s infinite; background: -webkit-linear-gradient(90deg, #47a2ae, #66c904); background: -webkit-gradient(linear, left top, right top, color-stop(#47a2ae), color-stop(#66c904)); background: -webkit-linear-gradient(left, #47a2ae, #66c904); background: -o-linear-gradient(left, #47a2ae, #66c904); background: -webkit-gradient(linear, left top, right top, from(#47a2ae), to(#66c904)); background: linear-gradient(90deg, #47a2ae, #66c904); } .button-play, .button-play::before { -webkit-border-radius: 50%; border-radius: 50%; position: absolute; } .button-play::before { content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; visibility: hidden; background: -webkit-linear-gradient(90deg, #66c904, #24c1dd); background: -webkit-gradient(linear, left top, right top, color-stop(#66c904), color-stop(#24c1dd)); background: -webkit-linear-gradient(left, #66c904, #24c1dd); background: -o-linear-gradient(left, #66c904, #24c1dd); background: -webkit-gradient(linear, left top, right top, from(#66c904), to(#24c1dd)); background: linear-gradient(90deg, #66c904, #24c1dd); } .button-play:hover::before, .button-play:focus::before { opacity: 1; visibility: visible; } .button-play:hover, .button-play:focus { color: #fff; } /* =================================== Video Section ====================================== */ .video-content-setting { max-width: 665px; margin: 0 auto; padding: 4.5rem 1rem 4.5rem; } .bg-yellow{ background: #24c1dd; } .video-content-setting h2 { line-height: 1.2; } .col-video { max-height: 500px; } .video-play-button-column { max-width: 70px; } .video-play-button { height: 70px; width: 70px; background: #fff; display: inline-block; top: 50%; right: 0; -webkit-border-radius: 50px; border-radius: 50px; line-height: 77px; text-align: center; color: #66c904; -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255); box-shadow: 0 0 0 0 rgb(255, 255, 255); z-index: 1; -webkit-transform: translate(50%,-40%); -ms-transform: translate(50%,-40%); -o-transform: translate(50%,-40%); transform: translate(50%,-40%); } .video-play-button.slider-play-button { margin: 10px; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); transform: translate(0%,0%); } .video-play-button:hover, .video-play-button:focus{ -webkit-animation: pulse_effect 1s infinite; -o-animation: pulse_effect 1s infinite; animation: pulse_effect 1s infinite; background: #ffffff; color: #66c904; } .video-play-button i { font-size: 20px; margin-left: 5px; } /* video button two */ .video-play-button-small { height: 50px; width: 50px; background: #ffffff; display: inline-block; border-radius: 50px; line-height: 57px; text-align: center; color: #66c904; -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255); box-shadow: 0 0 0 0 rgb(255, 255, 255); z-index: 1; } .video-play-button-small:hover, .video-play-button-small:focus{ -webkit-animation: pulse_effect 1s infinite; -o-animation: pulse_effect 1s infinite; animation: pulse_effect 1s infinite; background: #ffffff; color: #66c904; } .video-play-button-small i { font-size: 20px; } @-webkit-keyframes pulse_effect { 0% { -webkit-box-shadow: 0 0 0 5px rgba(102,201,4, 0.9); box-shadow: 0 0 0 5px rgba(102,201,4, 0.9); } 25% { -webkit-box-shadow: 0 0 0 10px rgba(102,201,4, 0.6); box-shadow: 0 0 0 10px rgba(102,201,4, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(102,201,4, 0.3); box-shadow: 0 0 0 15px rgba(102,201,4, 0.3); } 100% { -webkit-box-shadow: 0 0 0 60px rgba(102,201,4, 0.1); box-shadow: 0 0 0 20px rgba(102,201,4, 0.1); } } @-o-keyframes pulse_effect { 0% { box-shadow: 0 0 0 5px rgba(102,201,4, 0.9); } 25% { box-shadow: 0 0 0 10px rgba(102,201,4, 0.6); } 70% { box-shadow: 0 0 0 15px rgba(102,201,4, 0.3); } 100% { box-shadow: 0 0 0 20px rgba(102,201,4, 0.1); } } @keyframes pulse_effect { 0% { -webkit-box-shadow: 0 0 0 3px rgba(102,201,4, 0.9); box-shadow: 0 0 0 3px rgba(102,201,4, 0.9); } 25% { -webkit-box-shadow: 0 0 0 6px rgba(102,201,4, 0.6); box-shadow: 0 0 0 6px rgba(102,201,4, 0.6); } 70% { -webkit-box-shadow: 0 0 0 9px rgba(102,201,4, 0.3); box-shadow: 0 0 0 9px rgba(102,201,4, 0.3); } 100% { -webkit-box-shadow: 0 0 0 12px rgba(102,201,4, 0.1); box-shadow: 0 0 0 12px rgba(102,201,4, 0.1); } } .split-blog-scale img { transform: scale(1); transition: 1s; } .split-blog-scale:hover img { transform: scale(1.2); } /*===================== Work Section =======================*/ /*work section*/ .recent-heading{ color: #222d38; font-size: 44px; } .recent-para{ color: #4c4c4c; font-size: 16px; } .cbp-l-filters-buttonCenter .cbp-filter-item { background: transparent; border: none; margin: 10px 4px 6px 4px; padding: 10px 0; font-size: 16px; color: #222d38; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover{ color: #24c1dd; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{ color: #66c904; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{ font-family: "Roboto", sans-serif; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{ border-radius: 50px; padding: 9px 34px !important; display: inline-block; line-height: 25px; font-weight: 500; position: relative; text-align: center; transition: 1s; font-size: 14px; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:focus.hvr-shutter-out-horizontal-blk.green:before{ background-color:#66c904; color: #fff; transition: 1s; } .cbp-l-filters-buttonCenter .cbp-filter-counter{ background-color: #24c1dd; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background-color: #24c1dd; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.green-back{ background-color: #66c904; } .cbp-l-filters-buttonCenter{ margin-bottom: 20px; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #FFFFFF; font: 500 14px/21px "Roboto", sans-serif; text-transform: uppercase; letter-spacing: 2px; opacity: 1; display: inline-block; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{ font-family: "Roboto", sans-serif; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { display: none; } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 0.85; } /*end work section*/ /*quote section*/ .quote-section{ background: url("../images/queto-imag.jpg"); width: 100%; padding: 150px 50px; background-size: initial !important; background-repeat: no-repeat; background-position: center center; } .queto-jym{ background: url("../images/parx-img.jpg"); width: 100%; padding: 150px 50px; background-size: initial !important; background-repeat: no-repeat; background-position: center center; } .max{ max-width: 782px; margin: 0 auto; } .quote-para{ line-height: 50px; color: #fff; font-size: 36px !important; } .quote-para::before{ font-family: FontAwesome; font-size: 20px; position: absolute; color:#fff; content:"\f10d"; top: -55px; transform: translateX(-10px); } .quote-para::after{ font-family: FontAwesome; font-size: 20px; position: absolute; color:#fff; content:"\f10e"; top: 98px; transform: translateX(2px); } .fa-white::before{ font-family: FontAwesome; font-size: 20px; position: absolute; color:#fff; content:"\f10d"; top: -40px; transform: translateX(-10px); } .fa-white::after{ font-family: FontAwesome; font-size: 20px; position: absolute; color:#fff; content:"\f10e"; top: 82px; transform: translateX(20px); } /*end quote section*/ /* =================================== Pricing ====================================== */ .price-sec{ background: #f9f9f9; } #price-slider{ text-align: center; } .price-item{ border: 2px solid #FFFFFF; padding: 32px 21px; border-radius: 4px; max-width: 380px; margin: 10px; display: inline-block; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .price{ position: relative; display: inline-block; float: left; margin-right: 15px; } .price-tag{ padding: 15px 0; text-align:left; border-top: 2px solid rgba(111, 123, 133, 0.18); border-bottom: 2px solid rgba(111, 123, 133, 0.18); } .price-text{ font-size: 12px; font-weight: 300; line-height: 20px; } .price .sign{ font-size: 22px; font-weight: 500; vertical-align: super; } .price .currency{ font-size: 3.5rem; font-weight: 400; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } .price .month{ font-size: 12px; font-weight: 300; display: block; text-align: right; padding-right: 7px; } ul.packages{ padding:20px 0; margin: 0; } ul.packages li { font-size: 13px; font-weight: 400; line-height: 40px; list-style-type: none; color: #232323; } ul.packages li i { display: inline-block; width: 24px; padding-right: 5px; } ul.packages li i.fa-check{ color: #63be11; } ul.packages li i.fa-times{ color: #e04645; } .price-item .btn.btn-black:hover,.price-item .btn.btn-black:focus { background: #00bcd4 !important; border-color: #00bcd4; color: #ffffff !important } .custom-btn{ text-decoration: none; display: inline-block; color: white !important; } .custom-btn.blue{ background:#24c1dd !important; border: none; } .custom-btn.blue-white{ background: #24c1dd; border-color: #24c1dd; } .custom-btn.blue-white:hover, .custom-btn.blue-white:focus{ background: #fff; border-color: #222d38; color: #222d38 !important; } .custom-btn.green{ background: #222d38 !important; border: none; } .custom-btn.grrenn-white{ background: #66c904; border-color: #66c904; } .custom-btn.grrenn-white:hover, .custom-btn.grrenn-white:focus{ background: #fff; color: #222d38 !important; border-color: #222d38; } .custom-btn.white-blue{ background: #fff; color: #222d38 !important; border-color: #222d38; } .custom-btn.d-blue{ background: #222d38; color: #fff!important; border-color: #222d38; } .custom-btn.d-blue:hover, .custom-btn.d-blue:focus{ background: #fff; color: #222d38!important; border-color: #222d38; } .custom-btn.transparent{ background: transparent; color: #fff !important; border-color: #fff; } .custom-btn.transparent:hover{ background: #fff !important; color: #222d38 !important; } .custom-btn.b-green{ background: #28a745 !important; border: none; } .custom-btn.black{ background: #000 !important; border: none; } .custom-btn.c-yellow{ background: #f2c900 !important; border: none; } .custom-btn.c-blue{ background: #006475 !important; border: none; } .custom-btn.c-tale{ background: #20c997 !important; border: none; } .custom-btn.c-red{ background: #dc3545 !important; border: none; } .custom-btn.green.border-white:hover{ border: 1px solid #fff; } .custom-btn.blue.border-white:hover{ border: 1px solid #fff; } .custom-btn.white:hover{ background: #24c1dd !important; color: #222d38 !important; border-color: #fff !important; } .custom-btn.white-green:hover{ background: #66c904 !important; color: #222d38 !important; border-color: #fff !important; } .hvr-shutter-out-horizontal-blk { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal-blk:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 38px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal-blk.blue:before{ background:#66c904; } .hvr-shutter-out-horizontal-blk.green:before{ background:#4166AB; } .hvr-shutter-out-horizontal-blk.grrenn-white:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.blue-white:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.white-blue:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.transparent:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.black:before{ background:#28a745; } .hvr-shutter-out-horizontal-blk.b-green:before{ background:#000; } .hvr-shutter-out-horizontal-blk.c-blue:before{ background:#f2c900; } .hvr-shutter-out-horizontal-blk.c-yellow:before{ background:#006475; } .hvr-shutter-out-horizontal-blk.c-tale:before{ background:#dc3545; } .hvr-shutter-out-horizontal-blk.c-red:before{ background:#20c997; } .hvr-shutter-out-horizontal-blk.white.clr-b:before{ background:#4166AB; } .hvr-shutter-out-horizontal-blk.white.clr-g:before{ background:#66c904; } .hvr-shutter-out-horizontal-blk.white:before{ background:#fff; } .hvr-shutter-out-horizontal-blk.white:hover, .hvr-shutter-out-horizontal-blk.white:focus{ color: #fff !important; } .hvr-shutter-out-horizontal-blk:hover:before, .hvr-shutter-out-horizontal-blk:focus:before, .hvr-shutter-out-horizontal-blk:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /*client section*/ /* =================================== Client ====================================== */ .our-client{ background: #fff; } .our-client .item { text-align: center; } .our-client.item, .our-client .logo-item { position: relative; } .our-client .logo-item { width: 160px; height: 35px; line-height: 35px; overflow: hidden; } .our-client .logo-item, .our-client .logo-item > img{ display: inline-block; } .logo-item > img { width: 98%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); cursor: pointer; } /* =================================== Testimonial ====================================== */ /*testimonial two */ #client{ background:#f9f9f9; } .testi-heading{ padding-bottom: 10px; } .testi-para{ padding-top: 10px; } .testimonial-item .testimonial-quote { position: relative; background: #66c904; color: #fff; font-size: 20px; line-height: 50px; display: inline-block; text-align: center; height: 50px; width: 50px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; bottom: -26px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .testi-color:hover .testimonial-text{ background: #66c904; transition: 1s; } .testi-color:hover .testimonial-quote{ background: #24c1dd; transition: 1s; } .testimonial-text { background: #f6f6f6; padding: 4.25rem 2.5rem; } .testimonial-white .testimonial-text{ background: #FFFFFF; } .testimonial-photo { height: 100px; width: 100px; margin: -50px auto 0 auto; } .testimonial-photo > img { -webkit-border-radius: 50%; border-radius: 50%; } .testimonial-item .text-small{ font-size: .8rem; } .testimonial-item{ cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .owl-testimonial .owl-item.center .testimonial-item .testimonial-quote{ background: #24c1dd; } .owl-testimonial .owl-item.center .testimonial-item .text-small{ color:#24c1dd; } .owl-testimonial .owl-dots .owl-dot span { height: 12px !important; width: 12px; background: transparent; margin: 2px 3px; position: relative; border: 1px solid #24c1dd; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } .owl-testimonial .owl-dots .owl-dot.active span,.owl-testimonial .owl-dots .owl-dot:hover span { background: #24c1dd; } .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 80px; } /*end client section*/ /* =================================== Clients Starts ====================================== */ .testimonial-arrow { z-index: 1; bottom: -14px; left: 45%; width: 10px; height:0; border-top: 15px solid #ffffff; border-left: 13px solid transparent; border-right: 13px solid transparent; transition: 1s; } .testimonial-text { background: #f9f9f9; padding: 3rem 1.4rem; border-radius: 10px; transition: 1s !important; } .testimonial-text p { padding-bottom: 1.8rem; line-height: 24px; } .testimonial-date { font-size: 14px; color: #acacac; } .testimonial-photo { height: 89px; width: 89px; margin: 10px auto 0 auto; } .testimonial-photo > img { -webkit-border-radius: 50%; border-radius: 50%; } .testimonial-item h5 { font-size: 18px; } .testimonial-item p{ font-size: 16px; font-weight: 300; letter-spacing: 1px; } .testimonial-item { cursor: pointer; } .testimonial-text:hover { background: #66c904; transition: 1s !important; } .testimonial-text-blue:hover { background: #24c1dd; transition: 1s !important; } .testimonial-text:hover p { color: #ffffff; } .testimonial-text:hover .testimonial-date { color: #fff; } .testimonial-text:hover .testimonial-arrow { border-top-color: #66c904; } .client-padding{ margin-bottom: 40px !important; margin: 0 auto; } /*======================== Blog Section ==========================*/ .blog-heading{ color: #222d38; } .blog-para{ color: #4c4c4c; padding-top: 20px; padding-bottom: 30px; } .blog-btn{ background-color: #66c904; color: #fff !important; border-radius: 50px; border: none; width: 150px; height: 45px; line-height: 34px; margin-top: 30px; transition: 1s; } .blog-btn:hover{ background-color: #47a2ae; color: #fff !important; transition: 1s; } .blog-img{ border: 10px solid #fff !important; width: 100%; overflow: hidden; } .blog-heading-2{ color: #222d38; } .blog-para-2{ color: #4c4c4c; margin-left: 6px; padding-top: 20px; padding-bottom: 30px; line-height: 1.5; } .blog-btn-2{ background-color: #47a2ae; color: #fff !important; border-radius: 50px; border: none; width: 150px; height: 45px; line-height: 34px; margin-top: 30px; transition: 1s; } .blog-btn-2:hover{ background-color: #66c904; color: #fff !important; transition: 1s; } .text{ text-align: right; } .text-1{ text-align: left; } .hover-effect{ position: relative; overflow: hidden; } .hover-effect::before, .hover-effect::after{ content: ""; background: #fff; height: 0; width: 0; z-index: 1; position: absolute; -webkit-transition-duration: 1.3s !important; } .hover-effect::before{ right: 0; opacity: 1; top: 0; } .hover-effect::after{ bottom: 0; opacity: .7; left: 0; } .hover-effect:hover::after, .hover-effect:hover::before{ height: 80%; opacity: 0; width: 80%; } .gym-btn{ background-color: #28a745; transition: 1s; } .gym-btn:hover{ background-color: #000; transition: 1s; } .gym-btn-2{ background-color: #000; transition: 1s; } .gym-btn-2:hover{ background-color: #28a745; transition: 1s; } .gym-blog{ background-color: #28a745; color: #fff !important; border-radius: 50px; border: none; width: 165px; height: 45px; line-height: 32px; margin-top: 30px; transition: 1s; } .gym-blog:hover{ background-color: #000; transition: 1s; } .con-blog{ background-color: #f2c900; color: #fff !important; border-radius: 50px; border: none; width: 165px; height: 45px; line-height: 32px; margin-top: 30px; transition: 1s; } .con-blog:hover{ background-color: #006475; transition: 1s; } .top-15{ top: 15px; } .pt-15{ padding-top: 15px; padding-bottom: 15px; } .pt-70{ padding-top: 70px; } .page_header { background: url(../images/blog-headr.jpg) no-repeat; } .page_header .page-content h1, .page_header .page-content p { color: #fff; } .darkcolor { color: #222d38; } .font-light2 { font-weight: 500; } ul { padding: 0; list-style-type: none; } .commment li a { display: block; color: #4c4c4c; font-size: 14px; } .text-1 { text-align: left; } .heading_space { margin-bottom: 2rem; } .commment li:first-child { margin-left: 0; } .commment li a > i { margin-right: 4px; vertical-align: middle; color: #66c904; } .pagination { display: -ms-flexbox; display: flex; float: left; list-style: none; border-radius: .25rem; } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; } .pagination li > .page-link { height: 36px; width: 36px; padding: 0; line-height: 36px; font-size: 18px; color: #fff; text-align: center; margin: 0 4px; border: none; background: #4166AB; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .pagination li.active > .page-link { background: #66c904; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .pagination li > .page-link, .pagination li:first-child .page-link, .pagination li:last-child .page-link { -webkit-border-radius: 50% !important; border-radius: 50% !important; } .widget { /* -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */ /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */ padding: 25px 15px; background: #f6f6f6; -webkit-border-radius: 5px; border-radius: 5px; } .widget_search .input-group { } .widget_search .form-control, .widget_search .input-group-addon { border-color: #d6d5d5; -webkit-box-shadow: none; box-shadow: none; display: table-cell; } .widget_search .form-control { width: 214px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; } .widget_search .input-group-addon { height: 38px; background-color: #4166AB; color: #fff; position: relative; top: 0; left: -5px; width: 40px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; border: none; cursor: pointer; } .single_post { overflow: hidden; padding-bottom: 20px; } .single_post .post, .single_post .text { display: table-cell; } .single_post .post { height: 60px; width: 60px; padding-right: 10px; } .single_post .post > img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: text-top; } .webtags li { margin: 1px; } ul.social_icon li, .webtags li, .commment li { display: inline-block; } .webtags li a { -webkit-border-radius: 24px; border-radius: 24px; color: #4c4c4c; font-size: 12px; margin: 2px 0; padding: 5px 16px; border: 1px solid #c7c7c7; display: block; } .webtags li a:hover{ background: #4166AB; color: #fff; } .webcats { list-style: none; } .webcats li:first-child a { margin-top: 0; } .webcats li a { display: block; margin: 5px 0; font-weight: 400; padding-bottom: 7px; border-bottom: 1px solid #c7c7c7; text-decoration: none; } .webcats li a > span { display: inline-block; margin-left: 5px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 12px; height: 24px; width: 24px; text-align: center; color: #c7c7c7; line-height: 24px; float: right; } .news_box, .webcats li a > span, ul.links li a::before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; } .webcats li a { display: block; margin: 5px 0; font-weight: 400; padding-bottom: 7px; border-bottom: 1px solid #c7c7c7; text-decoration: none; } .webcats li a:hover { color: #4166AB; } .webcats li a:hover > span{ background: #4166AB; color: #fff; } .webcats li:first-child a { margin-top: 0; } .bottom25 { margin-bottom: 25px; } .margin10{ margin-top: 15px; } .bottom30 { margin-bottom: 30px; } .color-blockquote { font-size: 20px; font-weight: 500; } blockquote.blockquote::before { content: "\f10d"; width: 40px; font-size: 28px; margin-right: 5px; color: #222d38; font-family: "FontAwesome"; } .mb-2, .my-2 { margin-bottom: .5rem!important; } .d-inline-block { display: inline-block!important; } .align-middle { vertical-align: middle!important; } .ml-1, .mx-1 { margin-left: .25rem!important; } ul.social_icon li, .webtags li, .commment li { display: inline-block; } ul.social_icon.whitebg li a { color: #222d38; } ul.social_icon li a { display: block; font-size: 16px; height: 36px; line-height: 35px; text-align: center; width: 36px; border: 1px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } b, strong { font-weight: bolder; } .heading .divider-left, .heading .divider-center { height: 4px; width: 70px; background: #66c904; display: block; margin-top: 10px; } .profile { background: #fff; padding: 15px; display: table; -webkit-border-radius: 2px; border-radius: 2px; } .profile .p_pic { width: 100px; height: 100px; padding-right: 15px; } .profile .p_pic, .profile .profile_text { display: table-cell; } .profile .p_pic img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .profile .p_pic, .profile .profile_text { display: table-cell; } .profile_text { vertical-align: top; } .profile_text h5 { margin-bottom: 8px; } .profile_text strong { color: #66c904; font-size: 14px; } .profile_text span { color: #4c4c4c; font-size: 13px; } .a-recent { display: inline-block; font-weight: 600; position: relative; color: #4c4c4c; } .readmore { display: inline-block; position: relative; color: #4166AB; } form.findus textarea { width: 100%; min-height: 160px; } .form.findus .form-control, form.findus textarea { padding: 12px 10px; margin-bottom: 20px; font-size: 16px; color: #495057; border: 1px solid #ced4da; -webkit-border-radius: 0; border-radius: 5px; position: relative; -webkit-transition: border .9s ease; -o-transition: border .9s ease; transition: border .9s ease; } .page_header .page-content .page_nav { background: #fff; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; padding: 18px 40px 10px; display: inline-block; margin-top: 80px; color: #7f7f7f; font-size: 0.875rem; float: right; margin-bottom: -2px; } .form-control{ border-radius: 5px; } .roboto{ font-family: "Roboto", sans-serif; } .page-link:focus { z-index: 2; outline: 0; box-shadow: none } /*end blog section*/ /* =================================== Contact ====================================== */ #contact .mb-3.blue.mb-20.text-capitalize { margin-top: 50px; } .address{ background-color: #f9f9f9; } .address h2,.address p,.address h5{ color: #222d38; } .address img{ max-width: 100%; height: auto; position: relative; top: 55px; } .address p{ font-size: 16px; margin-bottom: 0px; } .address ul{ list-style: none; padding: 0; } .address ul li { display: inline-block; text-align: center; } .address a{ color:#222d38; height: 38px; width: 38px; line-height: 38px; border-radius: 34px; background: transparent; display: block; border: 1px solid transparent; } .contact-form{ margin-top: 140px; position: relative; overflow: hidden; } .contact-form .form-group{ margin-top: 30px; } .contact-form .form-control { border: none; border-bottom: 1px solid #ced4da; border-radius:0px; font-size: 14px; padding: 0; height:40px; background:transparent; } .contact-form label{ font-size: 13px; color: #a4a0a0; margin-bottom: 0; margin-top: 10px; } .form-control:focus { color: #495057; background-color: #fff; border-color: #ced4da; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0); } .check-box { margin: 12px 20px 0px; } .message{ margin-top: 41px; } .message textarea{ width: 100%; resize: none; margin-top: 14px; border: none; border-bottom: 1px solid #ced4da; background: transparent; line-height: 26px; } .message .form-group{ margin-bottom: 0px; } .circle-bg2:before { position: absolute; right: -10px; top: 10px; } /* =================================== Address , Map % Contact ====================================== */ #contact{ background-color: #f9f9f9; } #google-map { height: 400px; width: 100%; } .col-map #google-map { height: 418px; } .map { background: url("../images/map.jpg"); } .address-text{ padding: 7.5rem 0; } .address-social li{ display: inline-block; } .address-social a { display: block; width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 34px; color: #000; font-size: 16px; border: 1px solid transparent; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .address-social a:hover { background-color: #ffffff; } .contact-form { max-width: 750px; display: block; text-align: center; margin: 0 auto; } .contact-form .form-control { border: none; border-bottom:1px solid #e2e2e2; padding: 12px 0; background: #fff; letter-spacing: .7px; font-weight: 300; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 44px; color: #a5a5a5; font-size: 14px; position: relative; -webkit-transition: border .9s ease; -o-transition: border .9s ease; transition: border .9s ease; } .contact-form textarea { min-height: 175px; resize: none; } .contact-form .form-group { margin-bottom: 1.5rem; } .w-30 { width: 30%!important; } .tittle p { max-width: 720px; margin: 0 auto; } /* =================================== Footer ====================================== */ .footer-social li{ display: inline-block; } .footer-social a { display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 50px; font-size: 17px; margin: 10px 5px; border: 1px solid transparent; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .footer-social li a:hover{ background-color:#00bcd4; color: #ffffff; } .grey-text{ color:#8b8b8b; } /*Single Porfolio parallax*/ .item-one { background: url(../images/parallax-10.jpg) no-repeat; } .item-two { background: url(../images/parallax-2.jpg) no-repeat; } .item-three { background: url(../images/parallax-3.jpg) no-repeat; } .item-four { background: url(../images/parallax-4.jpg) no-repeat; } .item-five { background: url(../images/parallax-5.jpg) no-repeat; } .item-six { background: url(../images/parallax-6.jpg) no-repeat; } .item-seven { background: url(../images/parallax-7.jpg) no-repeat; } .item-eight { background: url(../images/parallax-8.jpg) no-repeat; } .onepage-seven { background: url(../images/parallax-7.jpg) no-repeat; } .single-items { background-attachment: fixed; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; width: 100%; height: 100vh; } /*Align items center*/ .center-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .whitecolor { color: #fff; } .colorwhite{ color: #fff; } .colorblack{ color: #000; } .parallax-bg main, .parallax-bg .content{ min-height: 0 !important; } .forcefullwidth_wrapper_tp_banner,.rev_slider_wrapper{ height: 100vh !important; width: 100%; overflow: hidden; } /*header top bar*/ .top-header-area{ position: absolute; top: 0; z-index: 99; width: 100%; display: block; height: 45px; line-height: 45px; font-size: 14px; } .top-header-area .header-top-text i{ font-size: 18px; } .top-header-area ~ .navbar-top-default{ background-color: #ffffff; top: 45px; height: 65px; } .header-appear .top-header-area{ display: none; } .header-appear .top-header-area ~ .navbar-top-default{ top: 0; } /*================================== Loader ===================================*/ .loader { background: #fff; text-align: center; height: 100vh; z-index: 999; position: fixed; width: 100%; display: flex; justify-content: center; align-items: center; } .loading { position: absolute; top: 40%; left: 48%; } .loading:after { content: ''; width: 50px; height: 50px; background: #222d38; -moz-animation: preloader 500ms linear infinite; -webkit-animation: preloader 500ms linear infinite; animation: preloader 500ms linear infinite; position: absolute; top: 0; left: 0; border-radius: 3px; } .loading:before { content: ''; width: 50px; height: 5px; background: #000; -moz-animation: preloader-shadow 500ms linear infinite; -webkit-animation: preloader-shadow 500ms linear infinite; animation: preloader-shadow 500ms linear infinite; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; } @-moz-keyframes preloader { 17% { border-bottom-right-radius: 3px; } 25% { -moz-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg); transform: scale(1, 0.9) translateY(18px) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -moz-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -moz-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-webkit-keyframes preloader { 17% { border-bottom-right-radius: 3px; } 25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg); transform: scale(1, 0.9) translateY(18px) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @keyframes preloader { 17% { border-bottom-right-radius: 3px; } 25% { -moz-transform: translateY(9px) rotate(22.5deg); -ms-transform: translateY(9px) rotate(22.5deg); -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg); -ms-transform: scale(1, 0.9) translateY(18px) rotate(45deg); -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg); transform: scale(1, 0.9) translateY(18px) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -moz-transform: translateY(9px) rotate(67.5deg); -ms-transform: translateY(9px) rotate(67.5deg); -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -moz-transform: translateY(0) rotate(90deg); -ms-transform: translateY(0) rotate(90deg); -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-moz-keyframes preloader-shadow { 50% { -moz-transform: scale(1.2, 1); transform: scale(1.2, 1); } } @-webkit-keyframes preloader-shadow { 50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } @keyframes preloader-shadow { 50% { -moz-transform: scale(1.2, 1); -ms-transform: scale(1.2, 1); -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } /* =================================== Media Queries ====================================== */ @media screen and (max-width: 1199px) { .nav-icon.navbar-top-default .navbar-nav .nav-link{ min-width: 90px; } } @media screen and (min-width: 991px){ #home{ height: 100vh; } } @media screen and (max-width: 991px) { .top-header-area{ display: none; } .top-header-area ~ .navbar-top-default{ top:0; } #laptop-slide { width: 375px; height: 235px; overflow: hidden; position: absolute; display: inline-block; top: 100px; right:76px; } .inner-wrapper .navbar-nav { flex-direction: column; } .side-nav .navbar-nav .nav-item { margin: 9px auto; } .navbar-expand-lg>.container{ padding-right: 15px; padding-left: 15px; } h2{ font-size: 36px; } .video-heading{ font-size: 36px; } .address-box{ text-align: center; } .center-about{ text-align: center; } .left-about{ text-align: left; } .mb-0{ margin-bottom: 0px; } .sm-pt-3{ padding-top: 1.5rem; } .sm-mb-2r{ margin-bottom: 2rem; } } @media screen and (max-width:767px) { body p{ font-size: 14px; } section, .section-padding,.testimonial-item { position: relative; padding: 4.5rem 0; overflow: hidden; } h2{ font-size: 26px; } h5{ font-size: 15px; } .about{ text-align: center; } .about ul{ text-align: justify; } .about ul li{ font-size: 14px; } .pt-2{ padding-top: 0.5rem; } .btn.btn-medium {font-size:12px; padding: 6px 25px 5px;} .mt-4{ margin-top: 0.3rem !important; } .counter{ text-align: center; } h3{ font-size: 22px; } .hr-line { margin-right: auto; margin-left: auto; width: 40px; height: 3px; background-color: #222d38; display: block; margin-top: 0px; margin-bottom: 15px; } .num-counts{ margin-top: 1rem !important; } .video-heading{ font-size: 26px; } .quote-para{ font-size: 24px !important; line-height: 35px; } .quote-para::before { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10d"; top: -38px; transform: translateX(-10px); } .quote-para::after { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10e"; top: 140px; transform: translateX(-3px); } .center-text { text-align: center; } .footer-social a{ margin: 10px -1px; } .cbp-l-filters-buttonCenter .cbp-filter-item{ margin: 10px 4px -30px 4px; } .header-appear .side-nav-btn{ right: 20px; } .side-nav-btn{ right: 20px; } .loading { position: absolute; top: 40%; left: 44%; } .page_header .page-content h2 { margin-top: 3rem; } .page_header .page-content { position: relative; } .center-text{ text-align: center; } .page_header { -webkit-background-size: cover; background-size: cover; width: 100%; background-position: center center; position: relative; } .page_header .page-content .page_nav { padding: 18px 16px 10px; float: none; width: 100%; } .page_header .page-content .page_nav { background: #fff; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; padding: 18px 40px 10px; display: inline-block; margin-top: 50px; color: #4c4c4c; font-size: 0.875rem; float: right; margin-bottom: -2px; } .page_header .page-content .page_nav a { display: inline-block; margin: 0 10px; color: #0b0b0b; } .page_header .page-content .page_nav span i { margin-right: 5px; } .page_nav { text-align: center; } .darkcolor { text-align: center; line-height: 35px; } .text-11 { text-align: center; } .a-recent{ font-size: 15px; } .para-color{ font-size: 12px; } .webtags { padding-top: 15px; text-align: center; } .webcats{ padding-top: 15px; } .bottom20{ padding-bottom: 15px; } .comment li a{ padding-top: 10px; } .heading .divider-left, .heading .divider-center { height: 4px; width: 70px; background: #66c904; display: block; margin: 0 auto; margin-top: 10px; } .address{ text-align: center; } .pt-70 { padding-top: 30px; } .text-video{ font-size: 31px; } .business-color{ font-size: 31px; } .pagi-center{ float: inherit; } .mb-30{ margin-bottom: 30px; } .slider-heading{ font-size:32px !important; } .slider-heading2{ font-size: 35px !important; } .slider-p{ font-size: 13px !important; } .r-250{ right: 25px !important; } .r-248{ right:248px !important; } form.findus textarea { width: 100%; min-height: 130px; font-size: 12px; } .blog-img{ margin: 0 auto; max-width: 420px; } .image{ max-width: 420px; margin: 0 auto; } .video-heading{ padding-bottom: 10px; } .cbp-l-filters-buttonCenter .cbp-filter-item{ font-size: 12px; } .button-play { height: 50px; width: 50px; line-height: 50px; color: #fff; display: inline-block; text-align: center; font-size: 15px; top: 35%; left: 42%; } .center-logo a.logo { left: 20%; transform: translateX(-50%); position: absolute; } .md-0{ margin-bottom: 0; } .half-center{ text-align: center !important; } .video-play-button { top: auto; right: auto; bottom: -34px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .client-padding{ margin-bottom: 0 !important; } .col-video{ text-align: center; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; } .address-text{ padding: 4.5rem 0; } .parallax{ background-attachment: initial; } .con-box-color { margin-bottom: 20px; } .con-box-color-1 { margin-bottom: 20px; } .ser-center{ text-align: center; } .text-right{ text-align: center !important; } .services-section{ padding: 4.5rem 0; } .number-icons { text-align: center !important; display: block !important; } .setting { text-align: center !important; display: block !important; } .number-icons, .digi-number, .digi-para{ padding-bottom: 20px; } .number-para{ padding-bottom: 60px; } .parallax-btn{ margin: 0 auto; display: table; } .padding{ margin-bottom: 30px; } .padding-1{ margin-bottom: 30px; } } @media screen and (max-width:575px){ .quote-section{ padding: 100px 0; } } @media screen and (max-width: 480px){ .video-img-setting { min-height: 260px; } .side-menu .side-nav{ margin-bottom: 20px; } .side-menu p{ font-size: 11px; font-weight: 500; } .side-menu .side-nav ul{ margin: 0 auto; } .quote-para::after { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10e"; transform: translateX(2px); } } @media screen and (max-width:466px){ }