/* ---------------------------------------------------------- :: Template Name: Creative Toughened Glass :: Author: Laxraj Infotech :: Author URL: http://laxraj.com/ :: Version: 1.0.0 :: Created: May 20, 2020 :: Last Updated: July 07, 2020 ---------------------------------------------------------- */ :root { --primary: #264081; --primary-dark: #264081; --primary-light: #F3F8FE; --secondary: #7D8CA3; --light: #f8f9fa; --white: #fff; --dark: #0d1730; --shadow: #2f55d496; --shadow-none: #2f55d496; --muted: #8492a6; --red: #ED3237; --yellow: #FFCC29;}* { outline: 0 !important}body { font-family: 'Nunito', sans-serif; margin: 0; overflow-x: hidden; color: var(--red); background: var(--white); padding-top: 110px;}html a { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; color: var(--primary)}html a:hover { color: var(--dark)}svg,img { max-width: 100%; height: auto; width: auto;}html .container { max-width: 1200px}section { position: relative; padding-top: 80px; padding-bottom: 80px; z-index: 1;}p { font-size: 15px; color: var(--primary-dark);}p:last-child { margin-bottom: 0;}#wrapper { overflow-x: hidden; max-width: 100%;}::selection { color: var(--white); background: var(--primary);}input[type="file"]::-webkit-file-upload-button { cursor: pointer;}input[type="file"]::-moz-file-upload-button { cursor: pointer;}input[type="file"]::-ms-file-upload-button { cursor: pointer;}input[type="file"]::-o-file-upload-button { cursor: pointer;}input[type="file"] { cursor: pointer;}/* Custom Styles Close*//* Loaded Styles */#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; display: flex; align-items: center; justify-content: center;}#loader { width: 280px; z-index: 9999;}#loader span { color: var(--white); margin: 26px 0 0 0; display: none; font-size: 26px;}@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }}#loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #fff; z-index: 1000;}#loader-wrapper .loader-section.section-left { left: 0;}#loader-wrapper .loader-section.section-right { right: 0;}.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}.loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}.loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out;}/* Loaded Styles Close*//* Header*/header { padding: 15px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 999; transition: all 0.5s; background: #fff;}.sticky header { background: #fff; position: fixed; box-shadow: 0 1px 3px 0 rgba(60, 72, 88, 0.2); padding: 12px 0;}header .logo { display: flex; color: var(--dark); font-size: 20px; text-transform: uppercase; font-weight: 700; align-items: center;}header .logo i { color: var(--dark); font-size: 46px; margin-right: 15px;}header .logo img,header .logo svg { max-height: 80px; width: auto;}header .navbar { display: flex; align-items: center; justify-content: space-between; padding: 0;}header nav { margin-left: auto;}header .navbar-nav { list-style: none; display: flex; margin: 0; padding: 0; -webkit-flex-direction: row; flex-direction: row;}header .navbar-nav>li { margin-right: 28px; position: relative;}header .navbar-nav>li:last-child { margin-right: 0;}header .navbar-nav>li>a { display: block; color: var(--red); font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 46px;}header .navbar-nav>li.active>a,header .navbar-nav>li:hover>a,header .navbar-nav>li>a:hover { color: var(--primary);}header .navbar-nav>li ul { display: block; position: absolute; left: 0; top: 100%; padding: 15px 0; background: var(--white); list-style: none; margin: 25px 0 0 0; border-radius: 5px; min-width: 200px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); transition: all 0.1s; opacity: 0; visibility: hidden;}header .navbar-nav>li:hover>ul { transition: all 0.5s; opacity: 1; visibility: visible; margin-top: 0;}header .navbar-nav>li>ul li { margin-bottom: 8px; position: relative;}header .navbar-nav>li>ul li:last-child { margin-bottom: 0;}header .navbar-nav>li>ul li>a { display: block; color: var(--dark); font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 120%; letter-spacing: 0.5px; padding: 5px 15px;}header .navbar-nav>li>ul li.sub-dropdown>a { position: relative; padding-right: 30px;}header .navbar-nav>li>ul li.sub-dropdown>a:after { content: "\f054"; font-family: "Font Awesome 5 Free"; display: block; font-weight: 900; position: absolute; right: 12px; top: 5px;}header .navbar-nav>li>ul li.active>a,header .navbar-nav>li>ul li:hover>a,header .navbar-nav>li>ul li>a:hover { color: var(--primary);}header .navbar-nav>li.dropdown>a:after { content: "\f078"; font-family: "Font Awesome 5 Free"; margin-left: 4px;}header .navbar-nav>li>ul>li>ul { left: 100%; top: 0; margin: 0 0 0 25px;}header .navbar-nav>li>ul>li:hover>ul { transition: all 0.5s; opacity: 1; visibility: visible; margin-left: 0;}.toggle-menu { display: none;}header .navbar-nav>li.active { border-bottom: 2px solid #ed3237;}header .navbar-nav>li:hover { border-bottom: 2px solid #ed3237;}header .header-login { margin-left: 20px; padding-left: 20px; display: flex; align-items: center; position: relative;}header .header-login:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: var(--white); margin: auto; height: 20px; opacity: 0.4;}.inner-page header .header-login:before,.sticky header .header-login:before { background: var(--secondary);}header .header-login>a:first-child { margin-left: 0;}header .header-login>a { display: block; color: rgba(255, 255, 255, 0.8); font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 38px; letter-spacing: 0.5px; margin-left: 16px;}header .header-login>a:hover { color: var(--white);}header .header-login>a.signup-btn { padding: 0 14px; color: var(--white); background: var(--primary); border-radius: 5px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);}header .header-login>a.signup-btn:hover { color: var(--white); background: var(--primary-dark);}html:not(.sticky) header.nav-light .header-login>a,html:not(.sticky) header.nav-light .navbar-nav>li>a { color: rgba(255, 255, 255, 0.5);}html:not(.sticky) header.nav-light .navbar-nav>li.active>a,html:not(.sticky) header.nav-light .navbar-nav>li>a:hover,html:not(.sticky) header.nav-light .header-login>a:hover { color: #fff;}html:not(.sticky) header.nav-light .header-login>a.signup-btn { color: var(--primary); background: var(--white);}html:not(.sticky) header.nav-light .header-login>a.signup-btn:hover { color: var(--white); background: var(--dark);}/* Header Close*//* Banner Section */.banner-section { background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, var(--primary-light) 49%, var(--primary-light) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, var(--primary-light) 49%, var(--primary-light) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, var(--primary-light) 49%, var(--primary-light) 100%); z-index: 1; padding-top: 110px;}.banner-section .bg-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-start; z-index: -1;}.banner-iphone { max-width: 400px; margin: 0 20px 0 auto; position: relative;}.banner-iphone .banner-app { position: absolute; left: 65px; top: 59px; width: 177px;}.banner-app-with-color { background: var(--primary); background: -moz-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: -webkit-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%);}.banner-shap { position: absolute; right: -150px; top: 0; bottom: 0; background: var(--primary-dark); left: 50%; -webkit-transform: skew(20deg); transform: skew(20deg);}.banner-shap-layer { position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/banner-dot.png) no-repeat left center; background-size: auto 100%; left: 50%; margin-left: -170px;}.theme-green .banner-shap-layer { background-image: url(../images/banner-dot-green.png);}.theme-purple .banner-shap-layer { background-image: url(../images/banner-dot-purple.png);}.theme-darkgreen .banner-shap-layer { background-image: url(../images/banner-dot-darkgreen.png);}.theme-orange .banner-shap-layer { background-image: url(../images/banner-dot-orange.png);}.theme-red .banner-shap-layer { background-image: url(../images/banner-dot-red.png);}.theme-lightblue .banner-shap-layer { background-image: url(../images/banner-dot-lightblue.png);}.theme-darkkhaki .banner-shap-layer { background-image: url(../images/banner-dot-darkkhaki.png);}.theme-dark .banner-shap-layer { background-image: url(../images/banner-dot-dark.png);}.banner-caption h2 { font-size: 35px; font-weight: 600; line-height: 140%; margin: 0 0 20px;}.banner-caption h2 span { color: var(--primary);}.banner-caption p { color: var(--secondary); font-size: 16px;}.btn-set .btn+.btn { margin-left: 12px;}.btn-set { margin-top: 30px;}.banner-shape { position: absolute; left: 0; right: 0; bottom: 0;}.banner-shape svg { -webkit-transform: scale(2); transform: scale(2); width: 100%; height: auto; -webkit-transform-origin: top center; transform-origin: top center;}/* Banner Section Close *//* Our Partners Close */.partner-section { padding: 50px 0 0;}.client-box { display: flex; align-items: center; justify-content: center; height: 90px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); padding: 5px; border-radius: 5px; transition: all 0.5s; margin: 10px;}.client-box img { max-height: 100%; transition: all 0.5s; opacity: 0.5;}.client-box:hover img { opacity: 1;}.partner-section h2 { font-size: 38px; font-weight: 700; margin: 0; color: var(--primary);}.what-icon { width: 60px; height: 60px; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center;}.what-icon img { max-height: 100%;}.what-list p { text-align: center;}.hr-icon .container { display: flex; justify-content: center;}.hr-icon .container:before,.hr-icon .container:after { content: ""; display: block; height: 2px; background: rgba(0, 0, 0, 0.05); flex-grow: 1; margin-top: 11px;}.hr-icon.hr-without-line .container:before,.hr-icon.hr-without-line .container:after { display: none;}/* Our Partners Close *//* Problem Section */.primary-box { margin: 0 0 30px; padding: 22px; border-radius: 5px; transition: all 0.5s; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); background: var(--primary); background: -moz-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: -webkit-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%);}.primary-box:hover { box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);}.primary-box:last-child { margin-bottom: 0;}.primary-box .icon { margin: 0 0 20px; width: 45px;}.icon img { max-width: 45px; max-height: 45px;}.primary-box h3 { font-weight: 700; font-size: 20px; color: var(--white); margin: 0 0 12px;}.primary-box p { color: var(--white); font-size: 13px;}.primary-box .more-link { color: var(--white);}.primary-box .more-link:hover { color: var(--primary-light);}.more-link { color: var(--primary);}.primary-box.problem-center-top { margin-top: 0; margin-bottom: 50px;}/* Problem Section Close *//* Different Section */.section-bg-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: -1;}.sub-title { font-weight: 700; font-size: 28px; margin: 0 0 12px;}.bg-dot { background: url("../images/dot-bg.png") repeat 0 0;}.different-list { list-style: none; padding: 0; margin: 0;}.different-list li:last-child { margin-bottom: 0;}.different-list li { display: flex; align-items: center; margin: 0 0 50px 0;}.different-list .icon { width: 70px; margin-right: 22px;}.different-list h5 { margin: 0; color: var(--white); font-size: 18px; font-weight: 600;}.different-round { position: relative; width: 400px; height: 400px; margin: 0px auto;}.different-round .item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; margin: auto; box-shadow: 0 0px 23px 8px #fffefd59 inset; animation-name: round; animation-duration: 8s; animation-iteration-count: infinite; animation-timing-function: linear;}.different-round .item:nth-child(2) { z-index: 1; width: 75%; height: 75%; animation-duration: 12s;}.different-round .item:nth-child(3) { z-index: 2; width: 50%; height: 50%; animation-duration: 4s;}.different-round svg,.different-round img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5; width: 80px;}.different-round .item .dot { position: absolute; left: 0; top: -9px; width: 18px; height: 18px; background: var(--yellow); margin: auto; right: 0; border-radius: 50%; opacity: 0.5;}.different-round .item .dot:nth-child(2) { top: auto; width: 14px; height: 14px; bottom: -7px;}.different-round .item:nth-child(1) .dot:nth-child(2) { top: 62%; left: auto; bottom: auto;}.different-round .item .dot:nth-child(3) { top: 60%; right: auto; width: 10px; height: 10px;}@keyframes round { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}/* Different Section Close *//* creative Section */.creative-box { border-radius: 5px; overflow: hidden; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); background: url(../images/custom-shap.png) no-repeat bottom right; background-color: var(--white);}.video-play-wrap { text-align: center; padding: 0 70px;}.video-play-wrap h2 { font-weight: 600; margin: 0 0 20px; font-size: 30px;}.video-play { margin-bottom: 30px;}.video-play a { display: block; border-radius: 50%; width: 65px; height: 65px; margin: 0 auto; text-align: center; line-height: 65px; font-size: 17px; color: var(--white); background: var(--primary); animation-name: shadow; animation-iteration-count: infinite; animation-duration: 1s;}.video-play a:hover { color: var(--white); background: var(--primary-dark);}@keyframes shadow { 0% { box-shadow: 0 0 0 0 var(--shadow); } 100% { box-shadow: 0 0 0 12px var(--shadow-none); }}/* creative Section Close *//* Plan Section */.plan-item { text-align: center; position: relative; background: url("../images/custom-shap.png") no-repeat bottom left; background-color: var(--yellow) padding: 50px 40px; border-radius: 5px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); overflow: hidden; transition: all 0.5s;}.plan-item:hover { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-10px); transform: translateY(-10px);}.plan-item.plan-best { background-color: var(--primary-light);}.plan-item .best { display: block; position: absolute; right: -87px; top: -35px; width: 180px; line-height: 45px; background: var(--primary); color: var(--white); font-weight: 600; letter-spacing: 1px; transform: rotate(45deg); transform-origin: left top;}.plan-item h2 { font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 0 0 28px; font-size: 38px; line-height: 120%;}.plan-item h2 span { font-weight: normal; line-height: 160%; font-size: 24px; margin: 0 3px;}.plan-item h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; margin: 0 0 20px; color: var(--primary); font-weight: 700;}.plan-item p { line-height: 200%;}.plan-item .icon { width: 80px; margin: 0 auto 50px; height: 80px;}.plan-item ul { padding: 0; list-style: none; margin: 0; font-size: 15px; color: #000;}.plan-item ul li { margin-bottom: 8px;}.plan-item ul li:before { content: "\f00c"; color: #2eca8b; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;}/* Plan Section Close *//* News & Events Section */.card { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); background: var(--white); border-radius: 5px; transition: all 0.5s; margin-bottom: 30px; overflow: hidden; border: 0;}.card-hover:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px);}.card .img { overflow: hidden; position: relative;}.card .img img { width: 100%; display: block;}.card .img:before { content: ""; display: block; transition: all 0.5s; left: 0; top: 0; right: 0; bottom: 0; background: var(--dark); opacity: 0; position: absolute;}.card-hover:hover .img:before { opacity: 0.3;}.img .author { position: absolute; left: 0; top: 0; padding: 20px; z-index: 2; right: 0; opacity: 0; transition: all 0.5s;}.card-hover:hover .img .author { opacity: 1;}.img .author p { color: var(--white); font-size: 13px; margin: 0 0 5px;}.card-body { padding: 25px;}.card-body h3 { font-weight: 600; font-size: 22px; margin: 0 0 12px;}.card-body h3 a { color: var(--red);} .card-body h3 a:hover { color: var(--primary);}.card-body h4 { font-size: 14px; color: var(--secondary); margin: 0 0 15px;}.card-body a { color: var(--secondary);}.card-body a:hover { color: var(--primary-dark);}/* News & Events Section Close *//* Review Section */.member-form { background: url(../images/custom-shap.png) no-repeat bottom right; background-color: var(--white); padding: 30px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; position: relative; max-width: 380px; margin: 0 auto 0;}.member-form h3 { position: relative; margin: -30px -30px 30px; padding: 17px 30px; background: var(--primary); color: var(--white); font-weight: 600; text-align: center; font-size: 25px; border-radius: 6px 6px 0 0;}/* Review Section Close *//* footer */footer { background: var(--dark); color: var(--primary-light); font-size: 15px; position: relative; z-index: 1;}footer p { color: var(--primary-light);}footer a { color: var(--primary-light);}footer a:hover { color: var(--yellow);}.footer-top { padding: 50px 0;}footer:before { content: ""; background-image: url("../images/shape-1.png"); background-repeat: no-repeat; background-position: top right; background-size: 100% auto; position: absolute; right: 0; top: 0; z-index: -1; width: 45%; height: 100%; opacity: 0.7;}footer:after { content: ""; background-image: url("../images/shape-2.png"); background-repeat: no-repeat; background-position: bottom right; background-size: 100% auto; position: absolute; left: 0; bottom: 0; z-index: -1; width: 35%; height: 100%; opacity: 0.7;}.footer-bottom { padding: 0 0 15px; /* background: rgba(255,255,255,0.04); */}footer .logo:hover { color: var(--light);}footer .logo { display: flex; color: var(--light); font-size: 20px; text-transform: uppercase; font-weight: 700; align-items: center; margin-bottom: 30px;}footer .logo i { color: var(--dark); font-size: 46px; margin-right: 15px;}footer .logo img,footer .logo svg { max-height: 180px; width: auto;}footer .social-list { margin-top: 20px;}footer ul { margin: 0; padding: 0; list-style: none;}footer h3 { color: var(--yellow); font-weight: 700; font-size: 22px; position: relative; margin: 0 0 22px; padding: 0 0 15px;}footer h3:before,footer h3:after { content: ""; display: block; position: absolute; left: 12px; bottom: 0; width: 26px; height: 3px; border-radius: 5px; background: var(--primary);}footer h3:after { width: 8px; left: 0; background: var(--light);}.foot-contact li { position: relative; padding-left: 40px; margin: 0 0 20px;}.foot-contact li:last-child { margin-bottom: 0;}.foot-contact li i { position: absolute; left: 0; top: 5px; font-size: 18px;}.foot-contact li h6 { text-transform: uppercase; font-size: 13px; margin: 0 0 3px; font-weight: 700; color: #fff;}.payment-icon-list { display: flex;}.payment-icon-list li { margin-left: 2px;}.payment-icon-list li:last-child { margin-left: 0;}.payment-icon-list img { max-width: 34px;}.footer-bottom p { font-size: 13px;}.footer-list li { position: relative; margin: 0 0 8px;}.footer-list li:last-child { margin-bottom: 0;}.footer-list li>a { position: relative; padding-left: 25px; display: inline-block; vertical-align: top;}.footer-list>li>a:before { content: "\f054"; font-family: "Font Awesome 5 Free"; position: absolute; left: 4px; top: 4px; font-weight: 900; font-size: 70%;}footer label { color: #fff;}.sticky .scrollToTop { animation-name: bounceInUp; opacity: 1;}.scrollToTop { width: 40px; height: 40px; position: fixed; bottom: 30px; border-radius: 5px; right: 40px; line-height: 40px; color: #fff; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); opacity: 0; display: block; background: var(--primary); z-index: 99;}.scrollToTop:hover { background: var(--primary-dark); color: #fff;}.max-50-img img { max-width: 50%;}.contact-with-us { padding: 30px 200px 30px 30px; border-radius: 6px; margin: -110px 0 50px; z-index: 9; position: relative; box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.1); background: var(--yellow);color:#000;}.contact-with-us .btn { position: absolute; right: 30px; top: 0; bottom: 0; height: 40px; margin: auto;}.contact-with-us h2 { font-size: 24px; font-weight: 700; margin: 0 0 5px;}.contact-with-us p { margin: 0; font-size: 16px;color: var(--dark);}section.last-section { padding-bottom: 130px;}/* footer Close *//* Switcher Start */.style-switcher { position: fixed; left: 0; top: 20%; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(-101%); transform: translateX(-101%); background: #fff; width: 190px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); padding: 20px; z-index: 87; border-radius: 0 5px 5px 0;}.switcher-on .style-switcher { -webkit-transform: translateX(-0%); transform: translateX(-0%);}.style-switcher h3 { font-size: 16px; text-align: center; font-weight: 700; margin: 0 0 5px;}.switcher-button { position: absolute; left: 100%; top: 40px;}.switcher-button a { background: #fff; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 0 50px 50px 0; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: var(--primary); font-size: 20px;}.pattern { display: flex; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; justify-content: center;}.pattern li { margin: 10px 5px 0;}.pattern a { display: block; width: 40px; height: 40px; background: #2f55d4; border-radius: 50px; border: 2px solid transparent;}.pattern a.sw-blue { background: #2f55d4;}.pattern a.sw-green { background: #83B735;}.pattern a.sw-purple { background: #7D429E;}.pattern a.sw-darkgreen { background: #0f7173;}.pattern a.sw-orange { background: #FF9400;}.pattern a.sw-red { background: #FF3A3F;}.pattern a.sw-lightblue { background: #8da1b6;}.pattern a.sw-darkkhaki { background: #b89b5e;}.pattern a.sw-dark { background: #253649;}.theme-blue .pattern a.sw-blue,.theme-green .pattern a.sw-green,.theme-purple .pattern a.sw-purple,.theme-darkgreen .pattern a.sw-darkgreen,.theme-orange .pattern a.sw-orange,.theme-red .pattern a.sw-red,.theme-lightblue .pattern a.sw-lightblue,.theme-darkkhaki .pattern a.sw-darkkhaki,.theme-dark .pattern a.sw-dark { box-shadow: 0 0 0 2px #fff inset;}/* Switcher Close *//* About Us page Start*/body.inner-page { padding-top: 85px;}.inner-banner { z-index: 5; padding-top: 80px; padding-bottom: 80px; text-align: left; background-size: cover; background-attachment: fixed; background-position: center center; background-image: url(../images/inner-banner-2.png);}.inner-banner:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: var(--dark); opacity: 0.7;}.breadcrumb-list ul { list-style: none; margin: 0; background: var(--yellow); color: #000; padding: 10px 15px; display: flex; align-items: center; font-size: 14px; line-height: 22px; border-radius: 5px; box-shadow: 1px 2px 3px 0 rgba(60, 72, 88, 0.25);}.breadcrumb-list ul li { padding-right: 20px; margin-right: 14px; position: relative;}.breadcrumb-list ul li:last-child { padding-right: 0; margin-right: 0;}.breadcrumb-list ul li a { color: #000;}.breadcrumb-list ul li a:hover { color: #000; font-weight: 700;}.breadcrumb-list ul li:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; right: 0; top: 0; font-size: 80%; opacity: 0.7;}.breadcrumb-list ul li:last-child:after { display: none;}.inner-banner h2 { font-weight: 600; margin: 0 0 15px; font-size: 32px; color: #fff;}.inner-banner h2:last-child { margin-bottom: 0;}.inner-banner p { font-size: 17px; color: var(--light);}.box { padding: 30px; background: #fff; box-shadow: 1px 2px 3px 0 rgba(60, 72, 88, 0.25); border-radius: 5px;}.box h2 { font-weight: 700; font-size: 25px; margin: 0 0 12px;}.vision-mission-box svg { max-height: 140px;}.vision-mission-box .icon { background: var(--primary); box-shadow: 1px 2px 3px 0 rgba(60, 72, 88, 0.25); border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 190px; padding: 20px;}/* About Us page Close*//* Services page Start*/.box .icon-sm { background: var(--primary); box-shadow: 1px 2px 3px 0 rgba(60, 72, 88, 0.25); border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 90px; padding: 15px; width: 90px; margin: 0 0 20px;}.box .icon-sm img,.box .icon-sm svg { max-width: 100%; max-height: 100%;}/* Services page Close*//* Team page Start*/.team-main h2 { font-weight: 700; margin: 0 0 20px; font-size: 28px;}.team-main h2 span { color: var(--primary); font-size: 60%;}.team-main { margin-bottom: 40px;}.team-main:last-child { margin-bottom: 0;}/* Team page Close *//* Login Page Start */.login-banner { position: relative; z-index: 1; padding: 50px 0; min-height: 100vh; background-size: cover; background-position: center center;}.login-container { padding: 0 80px; width: 100%;}.login-banner-shap { position: absolute; left: 0; top: 0; bottom: 0; background: var(--primary-dark); -webkit-transform: skew(-10deg); transform: skew(-10deg); width: 810px; margin-left: -180px; box-shadow: 3px 0 10px 0px var(--shadow);}.login-banner-shap-layer { position: absolute; left: 0; top: 0; bottom: 0; background: url(../images/banner-dot.png) no-repeat left center; background-size: auto 100%; right: auto; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); width: 810px;}.theme-green .login-banner-shap-layer { background-image: url(../images/banner-dot-green.png);}.theme-purple .login-banner-shap-layer { background-image: url(../images/banner-dot-purple.png);}.theme-darkgreen .login-banner-shap-layer { background-image: url(../images/banner-dot-darkgreen.png);}.theme-orange .login-banner-shap-layer { background-image: url(../images/banner-dot-orange.png);}.theme-red .login-banner-shap-layer { background-image: url(../images/banner-dot-red.png);}.theme-lightblue .login-banner-shap-layer { background-image: url(../images/banner-dot-lightblue.png);}.theme-darkkhaki .login-banner-shap-layer { background-image: url(../images/banner-dot-darkkhaki.png);}.theme-dark .login-banner-shap-layer { background-image: url(../images/banner-dot-dark.png);}.form-box { position: relative; background: #fff; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; padding: 30px; width: 400px;}.form-box.login-form { margin-top: 110px;}.login-form .svgContainer { border-radius: 50%; overflow: hidden; width: 220px; margin: -140px auto 30px; border: 8px solid #fff; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.05);}.form-group .field-icon.field-icon-password .form-control { padding-right: 50px;}.field-icon.field-icon-password .password-show input { opacity: 0; position: absolute;}.password-show .indicator:before { content: "\f070"; font-weight: 400; font-family: "Font Awesome 5 Free";}.password-show input:checked~.indicator:before { content: "\f06e";}.field-icon.field-icon-password .password-show { display: block; position: absolute; right: 0; top: 4px; width: 40px; cursor: pointer; font-size: 16px; height: 35px; line-height: 35px; text-align: center; margin: 0; border-left: 1px solid #dee2e6; color: var(--primary);}html .custom-control-input:checked~.custom-control-label::before { border-color: var(--primary); background-color: var(--primary);}html .custom-control-label { font-size: 14px; font-weight: 700;}.remember-wrap { margin-bottom: 22px; font-size: 14px; font-weight: 700;}.login-link { margin-top: 22px; font-size: 14px; text-align: center; color: #000;}.login-link a { font-weight: 700;}.form-box h2 { font-size: 24px; text-align: center; font-weight: 700; margin: 0 0 25px;}.login-home { display: block; position: absolute; right: 0; z-index: 8; top: 0; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); color: #fff; background: var(--primary); width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 4px; margin: 20px; font-size: 16px;}.login-home:hover { color: #fff; background: var(--primary-dark);}.form-box .row { margin-left: -8px; margin-right: -8px;}.form-box .row [class*="col-"] { padding-left: 8px; padding-right: 8px;}/* Login Page Close *//* Profile Page Start */section.first-section { padding-top: 130px;}.profile-box { padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25);}.profile-img { box-shadow: 0 3px 7px 0 rgba(60, 72, 88, 0.15); max-width: 150px; border-radius: 200px; overflow: hidden; margin: 0 auto 15px; border: 5px solid #fff;}.profile-box h2 { text-align: center; font-weight: 700; font-size: 20px; margin: 0 0 5px;}.profile-box h4 { text-align: center; font-weight: 700; font-size: 15px; margin: 0 0 10px; color: var(--primary);}.profile-box p { font-size: 14px; line-height: 140%;}.profile-box h5 { margin: 32px 0 12px; font-weight: 700; font-size: 17px;}.profile-contact { list-style: none; padding: 0; margin: 0;}.profile-contact li { position: relative; padding-left: 40px; margin: 0 0 20px;}.profile-contact li:last-child { margin-bottom: 0;}.profile-contact li i { position: absolute; left: 0; top: 5px; color: var(--primary); font-size: 18px;}.profile-contact li h6 { text-transform: uppercase; font-size: 13px; margin: 0 0 3px; font-weight: 700; color: #000;}.profile-contact li p a { color: var(--secondary);}.profile-contact li p a:hover { color: var(--primary);}.profile-content { padding: 30px; background: #fff; border-radius: 5px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25);}.profile-content h2 { font-size: 25px; font-weight: 700; margin: 0 0 18px;}.thead-primary { background: var(--primary); color: #fff;}html .table thead th { font-size: 14px; padding: 10px 12px;}html .table tbody td { font-size: 14px; padding: 10px 12px; color: var(--secondary);}html .table tbody td a:not(.btn) { color: var(--secondary);}html .table tbody td a:not(.btn):hover { color: var(--primary);}html .table .btn { font-size: 13px; line-height: 34px; padding: 0 15px; white-space: nowrap;}.table thead th[align="center"] { text-align: center;}.profile-tab .nav { padding: 0 25px; margin-bottom: 20px;}.profile-tab .nav .nav-link { font-size: 15px; color: var(--dark); font-weight: 600; padding: 0 20px; border-radius: 5px; line-height: 45px; position: relative; background: #fff; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); margin: 0 5px;}.profile-tab .nav .nav-link:hover,.profile-tab .nav .nav-link.active { color: #fff; background: var(--primary); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);}.profile-tab .nav .nav-link:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; width: 0; height: 0; border-left: 8px ridge transparent; border-right: 8px ridge transparent; margin: auto; border-top: 8px solid var(--primary); margin-top: -5px; opacity: 0; transition: all 0.1s;}.profile-tab .nav .nav-link.active:before { margin-top: 0; opacity: 1;}.profile-upload-img { border-radius: 100px; height: 120px; overflow: hidden; box-shadow: 0 3px 7px 0 rgba(60, 72, 88, 0.15); width: 120px; background-position: center; margin-right: 20px; background-size: cover;}.profile-upload .btn { position: relative;}.profile-upload .btn input.imgclass { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}.table:last-child { margin-bottom: 0;}html .text-primary { color: var(--primary) !important;}/* Profile Page Close *//* Invoice Page Start */.logo-invoice { font-size: 30px; font-weight: 700; color: var(--dark); line-height: 120%;}.invoice-box h5 { font-weight: 700; margin: 0 0 10px; font-size: 18px;}.invoice-box p a { color: inherit;}.invoice-box { line-height: 140%;}/* Invoice Page Close *//* Work Classic Page Start */.work-gallery-buttons { text-align: center; margin: 0 0 45px;}.work-gallery-buttons .btn { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); margin: 0 5px; position: relative;}.work-gallery-buttons .btn:hover,.work-gallery-buttons .btn.active { color: #fff; background: var(--primary); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);}.work-gallery-buttons .btn:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; width: 0; height: 0; border-left: 8px ridge transparent; border-right: 8px ridge transparent; margin: auto; border-top: 8px solid var(--primary); margin-top: -5px; opacity: 0; transition: all 0.1s;}.work-gallery-buttons .btn.active:before { margin-top: 0; opacity: 1;}.grid-sizer,.grid-item { float: left; width: 25%; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s;}.work-gallery-content .grid-item .work-box { margin-left: 15px; margin-right: 15px;}.work-box { display: block; margin: 0 0 30px; position: relative;}.work-box .img { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); height: 200px; border-radius: 5px; overflow: hidden; background-size: cover; background-position: center center; position: relative;}.work-box .img a { display: block; width: 100%; height: 100%; z-index: 5; position: relative;}.work-box .img:after,.work-box .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--shadow); opacity: 0.3; -webkit-transform: translatex(100%); transform: translatex(100%); transition: all 0.5s;}.work-box .img:before { z-index: 2; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; display: flex; font-size: 20px; align-items: center; justify-content: center; background: var(--shadow); opacity: 1;}.work-box:hover .img:before { -webkit-animation-name: work-box2; animation-name: work-box2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform: translatex(0%); transform: translatex(0%);}.work-box:hover .img:after { -webkit-animation-name: work-box; animation-name: work-box; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform: translatex(0%); transform: translatex(0%);}@keyframes work-box { 0% { -webkit-transform: translatex(-100%); transform: translatex(-100%); } 100% { -webkit-transform: translatex(0%); transform: translatex(0%); }}@keyframes work-box2 { 0% { -webkit-transform: translatex(-300%); transform: translatex(-300%); } 100% { -webkit-transform: translatex(0%); transform: translatex(0%); }}.work-box figcaption { padding: 20px; text-align: center; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; margin: -30px 15px 0; position: relative; background: var(--white); -webkit-transition: all 0.5s; transition: all 0.5s; color: var(--dark); overflow: hidden; z-index: 5;}.work-box:hover figcaption { background: var(--light);}.work-box h4 { font-size: 15px; font-weight: 700; margin: 0 0 8px;}.work-box h6 { margin: 0; font-size: 13px; color: var(--secondary); -webkit-transition: all 0.5s; transition: all 0.5s;}.work-box.work-box-list { display: flex; align-items: center;}.work-box.work-box-list .img { flex-basis: 200px; min-width: 200px; max-width: 200px; z-index: 10;}.work-box.work-box-list figcaption { margin: 0 0 0 -30px; text-align: left; padding: 30px 30px 30px 55px; min-height: 240px;}.work-box.work-box-list h4 { font-size: 24px;}.work-box.work-box-list h6 { font-size: 14px; margin: 0 0 12px; font-weight: 600; color: var(--dark);}.work-box.work-box-list p { font-size: 14px; margin: 0 0 7px;}.work-box.work-box-list p:last-child { margin-bottom: 0;}/* Work Classic Page Close *//* Gallery Page Start */.gallery .grid-item { padding: 3px;}.gallery-box { position: relative; margin: 0;}.gallery-box figcaption { display: block; position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 20px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+33,000000+100&0+1,0.42+34,0.64+59,0.9+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.41) 33%, rgba(0, 0, 0, 0.42) 34%, rgba(0, 0, 0, 0.64) 59%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.41) 33%, rgba(0, 0, 0, 0.42) 34%, rgba(0, 0, 0, 0.64) 59%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.41) 33%, rgba(0, 0, 0, 0.42) 34%, rgba(0, 0, 0, 0.64) 59%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0); /* IE6-9 */}.gallery-box figcaption h4 { font-weight: 600; font-size: 20px; margin: 0 0 3px;}.gallery-box figcaption h6 { margin: 0; font-size: 13px;}.gallery-box .img { overflow: hidden;}.gallery-box .img img { display: block; transition: all 0.5s;}.gallery-box:hover img { -webkit-transform: scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}/* Gallery Page Close *//* Video Page Start */.video-box { margin: 0 0 30px;}.video-box .video-play { position: relative; border-radius: 5px; height: 330px; overflow: hidden; border: 7px solid #fff; margin: 0 0 15px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center;}.video-box figcaption h4 { font-weight: 600; font-size: 24px; margin: 0 0 3px;}.video-box figcaption h6 { margin: 0; font-size: 14px;}/* Video Page Close *//* Blog With Sidebar Page Start */.widget { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); padding: 20px; margin: 0 0 24px; border-radius: 5px;}.widget:last-child { margin-bottom: 0;}.widget h2 { font-size: 17px; font-weight: 700; margin: 0 0 15px;}.search-field button:hover { color: var(--primary);}.search-field button { display: block; position: absolute; right: 0; top: 0; border: 0; line-height: 42px; height: 42px; width: 40px; text-align: center; color: var(--dark); background: transparent; font-size: 16px;}.search-field.form-group { margin: 0;}.widget-category { padding: 0; list-style: none; margin: 0;}.widget-category li { margin-bottom: 6px; display: flex; justify-content: space-between; font-size: 14px; font-weight: 600;}.widget-category li a { color: var(--dark);}.widget-category li a:hover { color: var(--primary);}.widget-recent-post { padding: 0; list-style: none; margin: 0;}.widget-recent-post li { margin-bottom: 12px; font-size: 14px; font-weight: 600; padding-left: 70px; position: relative; min-height: 40px;}.widget-recent-post li:last-child { margin-bottom: 0;}.widget-recent-post li img { display: block; border-radius: 3px; width: 60px; position: absolute; left: 0; top: 0;}.widget-recent-post li a { color: var(--dark);}.widget-recent-post li a:hover { color: var(--primary);}.widget-recent-post li span { display: block; font-size: 12px; color: var(--secondary);}.widget-tags { padding: 0; list-style: none; margin: 0; display: flex; flex-wrap: wrap;}.widget-tags li { margin-right: 6px; margin-bottom: 6px;}.widget-tags li a { color: #fff; background: var(--secondary); font-size: 12px; padding: 5px 15px; display: inline-block; vertical-align: top; border-radius: 5px; font-weight: 600; letter-spacing: 0.5px;}.widget-tags li a:hover { color: #fff; background: var(--primary);}/* Blog With Sidebar Page Close *//* Blog Details Page Start */html .blockquote { padding: 20px; border-left: 2px dashed var(--secondary); border-radius: 10px; background: var(--light);}.review-list .item { position: relative; padding: 0 0 0 70px; margin-top: 20px; margin-right: 150px;}.review-list .item:first-child { margin-top: 0;}.review-list .item .item { margin-right: 0;}.review-list .item.item-admin { margin-right: 0; padding: 0 70px 0 0; margin-left: 150px;}.review-list .item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}.review-list .item .avtar { width: 55px; height: 55px; border-radius: 50px; overflow: hidden; position: absolute; left: 0; top: 0;}.review-list .item.item-admin .avtar { left: auto; right: 0;}.review-list .item .dtc { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); padding: 14px; background: var(--light); border-radius: 4px; position: relative; border-left: 3px solid var(--dark);}.review-list .item .dtc:before { content: ""; display: block; position: absolute; right: 100%; top: 18px; border-top: 10px ridge transparent; border-bottom: 10px ridge transparent; border-right: 10px solid var(--dark);}.review-list .item.item-admin .dtc { border-right: 3px solid var(--dark); border-left: 0;}.review-list .item.item-admin .dtc:before { left: 100%; right: auto; border-right: 0; border-left: 10px solid var(--dark);}.comment-author { position: relative; padding-right: 90px; margin-top: 10px;}.item-admin .comment-author { text-align: right; padding-left: 90px; padding-right: 0;}.comment-author h4 { font-size: 15px; margin: 0 0 5px; color: var(--dark); font-weight: 600;}.comment-author h5 { color: var(--secondary); font-size: 12px; margin: 0;}.review-list .item p { font-size: 13px;}.review-list .reply-link { color: #fff; background: var(--primary); padding: 0 10px 0; font-size: 11px; line-height: 27px; display: inline-block; vertical-align: top; border-radius: 3px; position: absolute; right: 0; top: 0;}.review-list .reply-link:hover { background: var(--primary-dark); color: #fff;}.review-list .item-admin .reply-link { left: 0; right: auto;}/* Blog Details Page Close *//* Coming Soon Page Start */.comingsoon-banner { background-size: cover; background-position: center center; padding: 50px 0; text-align: center; min-height: 100vh; color: #fff;}.comingsoon-banner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--dark); z-index: -1; opacity: 0.6;}.comingsoon-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}.comingsoon-logo a { display: flex; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 700; align-items: center;}.comingsoon-logo i { color: var(--dark); font-size: 46px; margin-right: 15px;}.comingsoon-logo img,.comingsoon-logo svg { max-height: 50px; margin-right: 15px; width: auto;}.comingsoon-banner p { color: #fff;}.comingsoon-banner p a { color: #fff; text-decoration: underline;}.comingsoon-banner h2 { font-weight: 600; margin: 0 0 20px;}.countdown { list-style: none; display: flex; align-items: center; justify-content: center; margin: 50px 0 60px;}.countdown .time-box { width: 180px; height: 180px; line-height: 60px; background: var(--primary); border-radius: 50%; margin: 0 10px 8px; font-size: 60px; overflow: hidden; z-index: 1; position: relative; border: 6px solid transparent; padding-top: 44px; box-shadow: 0 0 0 3px #fff inset;}.countdown .time-box .countlabel { font-size: 16px; text-transform: uppercase; line-height: 120%; margin: 0; width: 100%; font-weight: 600;}.countdown .time-box .leftlabel { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-weight: 900; font-size: 150px; opacity: 0.1; z-index: -1; line-height: 180px;}.countdown .time-box.time-box-hours,.countdown .time-box.time-box-minutes { background: #fff; box-shadow: 0 0 0 3px var(--primary) inset; color: var(--primary); width: 140px; height: 140px; font-size: 50px; padding-top: 24px;}.countdown .time-box.time-box-hours .countlabel,.countdown .time-box.time-box-minutes .countlabel { color: var(--primary); font-size: 14px;}.countdown .time-box.time-box-hours .leftlabel,.countdown .time-box.time-box-minutes .leftlabel { font-size: 140px; line-height: 140px;}.countdown .time-box.time-box-seconds { width: 160px; height: 160px; font-size: 50px; padding-top: 30px; animation-duration: 2s; animation-name: second; animation-iteration-count: infinite;}.countdown .time-box.time-box-seconds .countlabel { font-size: 14px;}.countdown .time-box.time-box-seconds .leftlabel { font-size: 160px; line-height: 160px;}@keyframes second { 0% { transform: scale(0.9); } 50% { transform: scale(1.1); } 100% { transform: scale(0.9); }}.maintenance-countdown { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; margin: 30px 0 50px;}.m-time-box { font-size: 50px; text-align: center; padding: 0 25px; position: relative;}.m-time-box:before { content: ":"; display: block; position: absolute; right: -10px; top: -5px;}li:last-child .m-time-box:before { display: none;}html .m-time-box .countlabel { text-transform: uppercase; margin: 0; font-size: 15px; font-weight: 600;}/* Coming Soon Page Close *//*404 Error Page Start*/.error-section .img img { max-width: 580px;}.error-section .img { margin-bottom: 50px;}.error-section { text-align: center; padding-bottom: 20px;}.error-section h2 { font-size: 30px; font-weight: 600; margin: 0 0 15px;}/*404 Error Page Close*//*Terms of Services Page Start*/.card-body .btn.btn-primary { color: #fff;}.card-body .btn.btn-outline-primary { color: var(--primary);}.card-body .btn.btn-outline-primary:hover { color: #fff;}/*Terms of Services Page Close*//*Contact Us Page Start*/.info-box .icon { width: 60px; height: 60px; display: flex; margin: 10px auto 30px; align-items: center; justify-content: center;}html .info-box { text-align: center; background: url(../images/custom-shap.png) no-repeat bottom left; background-color: var(--white); background-size: 140% auto; padding: 40px 20px;}.google-map iframe { display: block; margin: 0; width: 100%; height: 500px;}.form-left-img { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin-right: 120px; background-position: right center; background-size: auto 100%; background-repeat: no-repeat; background-color: #FEFEFE; z-index: -1;}.google-map.google-map-left { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}.google-map.google-map-right { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}.google-map.google-map-left iframe,.google-map.google-map-right iframe { width: 100%; height: 100%;}html .info-box-wrap { padding: 0 80px;}.card-body.info-box-min { margin: 0 0 20px; padding: 25px 20px 25px 100px; position: relative; min-height: 95px;}.card-body.info-box-min:last-child { margin-bottom: 0;}.info-box-min .icon { position: absolute; left: 0; top: 0; bottom: 0; display: flex; margin: auto 15px; background: var(--primary); width: 70px; height: 70px; border-radius: 5px; padding: 15px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25);}.card-body.info-box-min h3 { font-size: 18px; margin: 0 0 5px;}.info-box-min p { font-size: 14px; line-height: 140%;}.contact-details h6 { text-transform: uppercase; font-weight: 700; color: var(--secondary); font-size: 14px; margin: 0 0 7px; letter-spacing: 2px;}.contact-details h2 span { color: var(--primary);}.contact-details h2 { font-weight: 700; margin: 0 0 20px; font-size: 38px;}.contact-details h3 { font-weight: 700; font-size: 18px; margin: 25px 0 8px;}.info-box-wrap h2 { display: flex; align-items: center; margin: 0 0 30px; font-weight: 700; font-size: 26px;}.info-box-wrap h2 span { width: 55px; height: 55px; border-radius: 50%; background-position: center center; background-size: cover; margin-right: 15px; box-shadow: 0 3px 6px rgba(60, 72, 88, 0.35); border: 3px solid #fff;}/*Contact Us Page Close*//*Elements page Start*/.elements-item { margin-bottom: 80px;}.elements-item:last-child { margin-bottom: 0;}.elements-title { text-align: center; margin: 0 0 35px; font-size: 30px; font-weight: 600;}.bg-dark .elements-title { color: #fff;}.pre { background: #fff; margin: 50px 0 0; border: 1px solid #ccc; border-radius: 5px;}.pre iframe { width: 100%; height: 400px; border: 0; margin: 0;}.pre.pre-sm iframe { height: 250px;}.elements-box { height: 250px;}/*Elements page Close *//*Elements Start */.gray-bg,html .bg-light { background-color: var(--primary-light) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) inset;}html .bg-primary { background-color: var(--primary-dark) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) inset;}html .bg-dark { background-color: var(--dark) !important;}html .bg-muted { background-color: var(--muted) !important;}.accordion .item { margin-bottom: 15px; border: 0; border-radius: 5px; background: var(--light); box-shadow: 0 0 3px rgba(60, 72, 88, 0.25);}.accordion .item:last-child { margin-bottom: 0;}.accordion .item .card-body { padding: 20px;}.accordion .item .accordion-header { border-radius: 0; padding: 0; margin: 0; background: transparent; border: 0;}.accordion .item .accordion-header .btn { display: block; width: 100%; position: relative; padding: 12px 70px 12px 20px; text-align: left; text-decoration: none; color: #fff; font-weight: bold; border-radius: 5px; font-size: 16px; background: var(--primary); letter-spacing: normal; line-height: 140%; box-shadow: none !important; border: 0;}.accordion .item .accordion-header .btn[aria-expanded="true"] { color: #fff; background: var(--primary);}.accordion .item .accordion-header .btn .icon { display: block; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 22px; height: 22px; transition: all 0.5s; border-radius: 4px;}.accordion .item .accordion-header .btn .icon:before,.accordion .item .accordion-header .btn .icon:after { content: ""; display: block; position: absolute; left: 0; transition: all 0.5s; right: 0; bottom: 0; top: 0; margin: auto; width: 16px; height: 3px; background: #fff; border-radius: 3px;}.accordion .item .accordion-header .btn .icon:after { height: 16px; width: 3px;}.accordion .item .accordion-header .btn[aria-expanded="true"] .icon:after { opacity: 0;}.accordion .item .accordion-header .btn[aria-expanded="true"] .icon:before,.accordion .item .accordion-header .btn[aria-expanded="true"] .icon:after { background: #fff;}.accordion .item .accordion-header .btn:before { content: ""; display: block; position: absolute; left: 30px; top: 100%; width: 0; transition: all 0.1s; margin-top: -10px; height: 0; border-left: 8px ridge transparent; border-right: 8px ridge transparent; border-top: 10px solid var(--primary); opacity: 0;}.accordion .item .accordion-header .btn[aria-expanded="true"]:before { opacity: 1; margin-top: 0;}.accordion.style-2 .item { background: #fff;}.accordion.style-2 .item .accordion-header .btn:before { display: none;}.accordion.style-2 .item .accordion-header .btn { background: var(--light); color: var(--dark);}.accordion.style-2 .item .accordion-header .btn[aria-expanded="true"] { border-radius: 5px 5px 0 0;}.accordion.style-2 .item .card-body { border-top: 1px solid #e4e4e4;}.accordion.style-2 .item .accordion-header .btn .icon:before,.accordion.style-2 .item .accordion-header .btn .icon:after { background: var(--dark);}.accordion.style-3 .item .accordion-header .btn { background: var(--dark);}.accordion.style-3 .item .accordion-header .btn[aria-expanded="true"] { background: var(--primary);}.accordion.rounded .item .accordion-header .btn { border-radius: 50px;}.accordion.rounded .item { background: transparent; box-shadow: 0 0 0 transparent;}.accordion.rounded .item .accordion-header .btn:before { left: 40px;}.border-radius-025 { border-radius: .25em}.border-radius-05 { border-radius: .5em}.border-radius-10 { border-radius: 1em}.border-radius-15 { border-radius: 1.5em}.border-radius-20 { border-radius: 2em}.border-radius-25 { border-radius: 2.5em}.border-radius-30 { border-radius: 3em}.box-shadow { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); -webkit-transition: ease-out .16s; transition: ease-out .16s}.box-shadow:hover { box-shadow: 0 0 10px rgba(60, 72, 88, 0.15);}.hover-shadow { -webkit-transition: ease-out .16s; transition: ease-out .16s}.hover-shadow:hover { box-shadow: 0 0 10px rgba(60, 72, 88, 0.15);}.hover-float { -webkit-transition: ease-out .16s; transition: ease-out .16s}.hover-float:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px)}.hover-scale { -webkit-transition: ease-out .16s; transition: ease-out .16s}.hover-scale:hover { -webkit-transform: scale(1.02); transform: scale(1.02)}.hover-shrink { -webkit-transition: ease-out .16s; transition: ease-out .16s}.hover-shrink:hover { -webkit-transform: scale(.98); transform: scale(.98)}.shadow { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;}.shadow-md { -webkit-box-shadow: 0 0 5px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 0 5px rgba(60, 72, 88, 0.15) !important;}.shadow-lg { -webkit-box-shadow: 0 0 7px rgba(60, 72, 88, 0.2) !important; box-shadow: 0 0 7px rgba(60, 72, 88, 0.2) !important;}.shadow-xl { -webkit-box-shadow: 0 2px 13px rgba(60, 72, 88, 0.2) !important; box-shadow: 0 2px 13px rgba(60, 72, 88, 0.2) !important;}html .btn { padding: 0 22px; line-height: 40px; font-size: 15px; border-radius: 5px; cursor: pointer; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); font-weight: 600; letter-spacing: 0.5px; transition: all 0.5s;}html .btn.btn-sm { font-size: 13px; padding: 0 15px; line-height: 34px;}html .btn.btn-lg { font-size: 18px; line-height: 50px; padding: 0 30px;}html .btn.btn-radiusless { border-radius: 0;}html .btn.btn-rounded { border-radius: 50px;}html .btn[class*="btn-outline-"] { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0);}html .btn[class*="btn-outline-"]:hover { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);}.btn.btn-link { color: var(--primary); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}.btn.btn-white { background: #fff; color: var(--dark);}.btn.btn-white:hover { background: var(--red); color: #fff;}html .btn.btn-icon { padding: 0; width: 35px; line-height: 35px; height: 35px; text-align: center;}html .btn.btn-icon.btn-sm { width: 30px; height: 30px; line-height: 30px; padding: 0;}html .btn.btn-icon.btn-lg { width: 48px; height: 48px; line-height: 48px; padding: 0;}html .btn-outline-light { color: #212529;}.btn-animation { position: relative; -webkit-transition: ease-out .3s; transition: ease-out .3s}.btn-animation:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; width: 100%; height: 100%; border: 2px solid rgba(18, 20, 22, .2); border-radius: 50%; -webkit-animation: button-drop 2s ease-out infinite; animation: button-drop 2s ease-out infinite}.btn-animation:hover { -webkit-transform: scale(.92); transform: scale(.92)}@-webkit-keyframes button-drop { 0% { opacity: 1; width: 100%; height: 100% } 60% { opacity: 0; width: 160%; height: 160% } 100% { opacity: 0; width: 100%; height: 100% }}@keyframes button-drop { 0% { opacity: 1; width: 100%; height: 100% } 60% { opacity: 0; width: 160%; height: 160% } 100% { opacity: 0; width: 100%; height: 100% }}.client-grid { display: flex; flex-wrap: wrap;}.client-grid .item { flex-basis: 20%; max-width: 20%; border-right: 1px dashed #dfdfdf; display: flex; padding: 10px; height: 120px; align-items: center; justify-content: center; border-bottom: 1px dashed #dfdfdf;}.client-grid .item:nth-child(5n+5) { border-right: 0;}.client-grid .item:nth-last-child(-n+5) { border-bottom: 0;}.client-grid .item img { opacity: 0.5; -webkit-transition: all 0.5s; transition: all 0.5s;}.client-grid .item:hover img { opacity: 1;}.custom-list { list-style: none; padding: 0; margin: 0 0 18px; font-size: 15px; color: var(--primary-dark); line-height: 140%;}.custom-list>li { position: relative; padding: 0 0 0 25px; margin: 0 0 10px;}.custom-list>li:last-child { margin-bottom: 0;}.custom-list>li:before { content: ""; display: block; position: absolute; left: 0; top: 0; color: var(--primary); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";}.custom-list.list-hover>li:after { content: ""; display: block; position: absolute; left: 0; top: 0; color: var(--primary); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";}.custom-list.list-hover>li:hover:after { animation-name: list-hover; animation-duration: 1s; animation-iteration-count: infinite; opacity: 0;}@-webkit-keyframes list-hover { 0% { transform: scale(1); transform-origin: left center; opacity: 1; } 100% { transform: scale(2); transform-origin: left center; opacity: 0; }}@keyframes list-hover { 0% { transform: scale(1); transform-origin: left center; opacity: 1; } 100% { transform: scale(2); transform-origin: left center; opacity: 0; }}.custom-list.style-2>li:before { content: ""; width: 16px; height: 16px; background: var(--primary); border-radius: 50%; border: 2px solid transparent; box-shadow: 0 0 0 2px #fff inset; top: 3px;}.custom-list.style-2.list-hover>li:after { content: ""; position: absolute; width: 16px; height: 16px; opacity: 1; top: 3px; left: 0; border: 2px solid var(--primary); border-radius: 50%;}.custom-list.style-2.list-hover>li:hover:after { -webkit-animation: list-hover2 1.5s ease-out infinite; animation: list-hover2 1.5s ease-out infinite}@-webkit-keyframes list-hover2 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 60% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }}@keyframes list-hover2 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 60% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }}.media-box { position: relative; z-index: 1; margin: 0;}.media-box.style-left { margin: 0 0 20px 20px;}.media-box.style-right { margin: 0 20px 20px 0;}.media-box img { display: block; border-radius: 5px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);}.media-box.style-left:before,.media-box.style-right:before { content: ""; display: block; margin: 0 0 -20px -20px; right: auto; left: 0; bottom: 0; background: var(--primary); position: absolute; width: 60%; height: 50%; z-index: -1; border-radius: 5px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}.media-box.style-right:before { margin: 0 -20px -20px 0; left: auto; right: 0;}.media-box>a { display: block; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);}.media-box>a:before { content: ""; display: block; position: absolute; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; right: 0; top: 0; bottom: 0; margin: auto; background: #000; opacity: 0; z-index: 1;}.media-hover>a:hover:before { opacity: 0.2;}.media-hover>a img,.media-caption img { -webkit-transition: all 0.5s; transition: all 0.5s;}.media-hover>a:hover img,.media-caption:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}.media-hover>a .icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0;}.media-hover>a:hover .icon { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}.media-box figcaption { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; padding: 40px 25px 5px; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%, var(--yellow) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%, var(--yellow) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%,var(--yellow) 100%);border-radius: 0 0 5px 5px;}.media-box figcaption h4 { font-size: 18px; font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}.media-box figcaption p { color: rgba(255, 255, 255, 0.8);}.media-caption { overflow: hidden; border-radius: 5px;}.media-caption:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: var(--primary); z-index: 1; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(-100%); transform: translateX(-100%); animation-duration: 0.8s;}.media-caption-hover:hover:before { animation-name: media-caption;}@keyframes media-caption { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 40% { -webkit-transform: translateX(0%); transform: translateX(0%); } 70% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }}.media-box.style-2 figcaption { left: 0; top: 0; right: auto; width: 42%; background: var(--primary); background: -moz-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: -webkit-linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); background: linear-gradient(45deg, var(--primary-dark) 0%, var(--primary) 100%); display: flex; padding: 20px; flex-direction: column; justify-content: center; align-items: flex-start; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(-100%); transform: translateX(-100%);}.media-box.style-2:hover figcaption { -webkit-transform: translateX(0%); transform: translateX(0%);}.media-box.style-2:hover img { -webkit-transform: scale(1.2) translateX(10%); transform: scale(1.2) translateX(10%);}.media-box.style-2.style-2-right figcaption { right: 0; left: auto; align-items: flex-end; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(100%); transform: translateX(100%);}.media-box.style-2.style-2-right:hover figcaption { -webkit-transform: translateX(0%); transform: translateX(0%);}.media-box.style-2.style-2-right:hover img { -webkit-transform: scale(1.2) translateX(-10%); transform: scale(1.2) translateX(-10%);}html .owl-carousel .owl-nav button.owl-next span,html .owl-carousel .owl-nav button.owl-prev span { display: none;}html .owl-carousel .owl-nav button.owl-next:hover,html .owl-carousel .owl-nav button.owl-prev:hover { color: var(--primary);}html .owl-carousel .owl-nav button.owl-next,html .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 50px; display: block; position: absolute; top: 0; bottom: 0; margin: auto; transition: all 0.5s; text-align: center; line-height: 50px; font-size: 26px; color: var(--secondary);}html .owl-carousel .owl-nav button.owl-next { left: -80px;}html .owl-carousel .owl-nav button.owl-prev { right: -80px;}html .owl-carousel .owl-nav button.owl-next:before,html .owl-carousel .owl-nav button.owl-prev:before { content: "\f060"; display: block; font-weight: 900; font-family: "Font Awesome 5 Free";}html .owl-carousel .owl-nav button.owl-prev:before { content: "\f061";}html .owl-dots { margin-top: 35px; text-align: center;}html .owl-carousel button.owl-dot { display: inline-block; vertical-align: top; background: transparent; margin: 0 5px; width: 20px; border-radius: 50px; height: 20px; transition: all 0.5s; opacity: 1; position: relative;}html .owl-carousel button.owl-dot:after,html .owl-carousel button.owl-dot:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}html .owl-carousel button.owl-dot:after { width: 4px; height: 4px; background: var(--dark); z-index: 1;}html .owl-carousel button.owl-dot:before { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; background: var(--primary);}html .owl-carousel button.owl-dot.active:before,html .owl-carousel button.owl-dot:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}html .owl-carousel button.owl-dot.active:after,html .owl-carousel button.owl-dot:hover:after { background: #fff;}html .owl-carousel .owl-item img { width: auto;}html .owl-carousel.nav-style-2 .owl-nav button.owl-next { left: 10px; color: #fff;}html .owl-carousel.nav-style-2 .owl-nav button.owl-prev { right: 10px; color: #fff;}html .owl-carousel.nav-style-3 .owl-nav button.owl-next,html .owl-carousel.nav-style-3 .owl-nav button.owl-prev { width: 44px; height: 80px; background: #fff; border-radius: 0 5px 5px 0; box-shadow: 4px 0px 5px 0 rgba(0, 0, 0, 0.3); font-size: 22px;}html .owl-carousel.nav-style-3 .owl-nav button.owl-next { left: 0;}html .owl-carousel.nav-style-3 .owl-nav button.owl-prev { right: 0; border-radius: 5px 0 0 5px; box-shadow: -4px 0px 5px 0 rgba(0, 0, 0, 0.3);}figure.slide-box { margin: 0;}.slide-box figcaption { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; padding: 40px 30px 30px; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%, rgba(0, 0, 0, 0.81) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%, rgba(0, 0, 0, 0.81) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 23%, rgba(0, 0, 0, 0.81) 100%); border-radius: 0 0 5px 5px;}.slide-box figcaption h4 { font-size: 28px; font-weight: 600;}.slide-box figcaption p { color: rgba(255, 255, 255, 0.8);}.dots-style-2 .slide-box figcaption { padding-bottom: 80px;}.owl-carousel.dots-style-2 .owl-dots { margin: 0; bottom: 25px; position: absolute; left: 0; right: 0;}.owl-carousel.dots-style-2 .owl-dots button.owl-dot:after { background: var(--light);}.owl-carousel.dots-style-2 .owl-dots button.owl-dot:before { background: var(--light);}.owl-carousel.dots-style-2 .owl-dots button.owl-dot.active:after,.owl-carousel.dots-style-2 .owl-dots button.owl-dot:hover:after { background: var(--primary);}.team-box { margin: 5px;}.team-box img { border-radius: 5px; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); overflow: hidden; position: relative; width: 100%; display: block;}.team-box figcaption { padding: 20px 15px; text-align: center; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; margin: -45px 15px 40px; position: relative; background: var(--white); transition: all 0.5s;}.team-box:hover figcaption { padding-bottom: 50px; margin-bottom: 0; background: var(--primary);}.team-box figcaption h3 { font-weight: 700; font-size: 20px; margin: 0 0 8px; transition: all 0.5s;}.team-box:hover figcaption h3 { color: var(--white);}.team-box figcaption h4 { font-size: 14px; color: var(--secondary); margin: 0; transition: all 0.5s;}.team-box:hover figcaption h4 { color: var(--white);}.team-box figcaption p { font-size: 14px;}.team-box figcaption p a { color: var(--primary);}.team-box figcaption p a:hover { color: var(--primary-dark);}.team-box figcaption .social-list a { color: var(--white);}.team-box figcaption .social-list a:hover { color: var(--dark);}.team-box figcaption .social-list { position: absolute; right: 0; bottom: 15px; opacity: 0; left: 0; visibility: hidden; max-height: 0; transition: all 0.5s;}.team-box:hover figcaption .social-list { opacity: 1; visibility: visible; max-height: 50px;}.team-box2 { box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; position: relative; margin: 5px; overflow: hidden; z-index: 1;}.team-box2 img { display: block; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s;}.team-box2:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}.team-box2 figcaption { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; padding: 25px 15px 15px; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 23%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 23%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 23%, rgba(0, 0, 0, 0.7) 100%);}.team-box2:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--dark); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 1;}.team-box2:hover:before { opacity: 0.3;}.team-box2 figcaption h3 { font-size: 18px; font-weight: 600; margin: 0 0 5px;}.team-box2 figcaption h4 { font-size: 14px; font-weight: 600; margin: 0; color: var(--light);}.team-box2 .social-list { position: absolute; left: 0; top: 0; margin: 20px 20px; z-index: 2;}.team-box2 .social-list li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;}.team-box2 .social-list li:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s;}.team-box2 .social-list li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}.team-box2 .social-list li:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}.team-box2 .social-list li:nth-child(4) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}.team-box2 .social-list li:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}.team-box2:hover .social-list li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}.team-box2 .social-list a { color: #fff;}.team-box2 .social-list a:hover { color: var(--primary);}.social-list { display: flex; padding: 0; margin: 0; list-style: none; justify-content: center;}.social-list li { margin: 0 15px 0 0;}.social-list li:last-child { margin-right: 0;}.testimonial-box { text-align: center;}.testimonial-box h4 { color: var(--primary); font-size: 18px; font-weight: 700; margin: 17px 0 0;}.testimonial-box h4 small { color: var(--secondary); font-size: 14px;}.t-user { width: 90px; border-radius: 50%; overflow: hidden; box-shadow: 0 1px 3px rgba(60, 72, 88, 0.4); margin: 0 auto 20px; border: 2px solid var(--primary);}.testimonial-box p { font-size: 16px; line-height: 170%; color: var(--dark);}.star-rating { margin-top: 10px; font-size: 12px; color: #ccc;}.star-rating .fas { color: #f17425;}.testimonial-box2 .content { background: #fff; padding: 25px; border-radius: 5px; position: relative; border: 1px solid #e9ecef;}.testimonial-box2 .content:after { content: ""; display: block; position: absolute; left: 30px; border-left: 10px ridge transparent; border-right: 10px ridge transparent; border-top: 13px solid #fff; top: 100%;}.testimonial-box2 .content:before { content: ""; display: block; position: absolute; left: 28px; border-left: 12px ridge transparent; border-right: 12px ridge transparent; border-top: 15px solid #e9ecef; top: 100%;}.testimonial-box2 .avtar-wrap { position: relative; margin-top: 25px; padding: 10px 0 0 90px; min-height: 65px;}.testimonial-box2 .avtar-wrap .avtar { position: absolute; left: 10px; top: 0; width: 65px; border-radius: 50%; overflow: hidden;}.testimonial-box2 h4 { color: var(--primary); font-size: 18px; font-weight: 700; margin: 0 0;}.testimonial-box2 h4 small { color: var(--secondary); font-size: 14px;}.testimonial-box2 .avtar-wrap .star-rating { margin-top: 5px; margin-left: 10px;}.testimonial-box3 { position: relative; padding-left: 88px;}.testimonial-box3 .content { background: #fff; padding: 25px; border-radius: 5px; position: relative; border: 1px solid #e9ecef;}.testimonial-box3 .content:after { content: ""; display: block; position: absolute; top: 30px; border-bottom: 10px ridge transparent; border-top: 10px ridge transparent; border-right: 13px solid #fff; right: 100%;}.testimonial-box3 .content:before { content: ""; display: block; position: absolute; top: 28px; border-bottom: 12px ridge transparent; border-top: 12px ridge transparent; border-right: 15px solid #e9ecef; right: 100%;}.testimonial-box3 .avtar { position: absolute; top: 10px; left: 0; width: 65px; border-radius: 50%; overflow: hidden;}.testimonial-box3 h4 { color: var(--primary); font-size: 18px; font-weight: 700; margin: 0 0;}.testimonial-box3 h4 small { color: var(--secondary); font-size: 14px;}.testimonial-box3 .star-rating { margin-top: 5px; margin-left: 10px;}.testimonial-box4 { background: var(--light); border-radius: 5px; overflow: hidden; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25);}.testimonial-box4 h4 { color: var(--primary); font-size: 18px; font-weight: 700; margin: 0 0;}.testimonial-box4 h4 small { color: var(--secondary); font-size: 14px;}.testimonial-box4 .star-rating { margin-top: 5px; margin-left: 12px;}.testimonial-box4 .content { padding: 15px;}.bg-image { background-position: center center; background-size: cover; position: relative; z-index: 1;}.bg-image.parallax-bg { background-attachment: fixed;}.bg-image[class*="bg-image-gradient-"]:before,.bg-image[class^=bg-image-gradient-]:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: -1;}.bg-image.bg-image-gradient-top:before { background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .2))}.bg-image.bg-image-gradient-bottom:before { background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, .2))}.bg-image.bg-image-gradient-left:before { background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, .2))}.bg-image.bg-image-gradient-right:before { background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, .2))}.bg-image.bg-image-gradient-dark-top:before { background-image: linear-gradient(to bottom, var(--dark), rgba(18, 20, 22, .2))}.bg-image.bg-image-gradient-dark-bottom:before { background-image: linear-gradient(to top, var(--dark), rgba(18, 20, 22, .2))}.bg-image.bg-image-gradient-dark-left:before { background-image: linear-gradient(to right, var(--dark), rgba(18, 20, 22, .2))}.bg-image.bg-image-gradient-dark-right:before { background-image: linear-gradient(to left, var(--dark), rgba(18, 20, 22, .2))}.title { text-align: center; margin: 0 0 50px;}.title h2 { font-size: 40px; font-weight: 600; line-height: 120%; margin: 0 0 18px; position: relative; padding: 0 0 20px;}.title h2:after,.title h2:before { content: ""; display: block; position: absolute; left: 12px; right: 0; bottom: 0; height: 3px; width: 26px; background: var(--primary); margin: auto; border-radius: 5px;}.title h2:before { width: 10px; background: var(--dark); left: -30px;}.title h2 span { color: var(--primary);}.title p { font-size: 18px; color: var(--primary-dark);}.title h2:last-child { margin-bottom: 0;}.title.title-white { color: var(--white);}.title.title-white h2:after { background: rgba(255, 255, 255, 0.6);}.title.title-white h2:before { background: #fff;}.title.title-left { text-align: left; margin-bottom: 30px;}.title.title-left h2 { font-size: 35px;}.title.title-left h2:before { margin: 0; left: 0;}.title.title-left h2:after { margin: 0; left: 14px;}.title.title-right { text-align: right; margin-bottom: 30px;}.title.title-right h2 { font-size: 35px;}.title.title-right h2:before { margin: 0; right: 0; left: auto;}.title.title-right h2:after { margin: 0; right: 14px; left: auto;}.alert-primary { background-color: rgba(47, 85, 212, 0.9); color: #ffffff; border-color: #2f55d4;}.alert-primary .alert-link { color: #122258;}.alert-outline-primary { background-color: #ffffff; color: #2f55d4; border-color: #2f55d4;}.alert-secondary { background-color: rgba(90, 109, 144, 0.9); color: #ffffff; border-color: #5a6d90;}.alert-secondary .alert-link { color: #1f2632;}.alert-outline-secondary { background-color: #ffffff; color: #5a6d90; border-color: #5a6d90;}.alert-success { background-color: rgba(46, 202, 139, 0.9); color: #ffffff; border-color: #2eca8b;}.alert-success .alert-link { color: #124d35;}.alert-outline-success { background-color: #ffffff; color: #2eca8b; border-color: #2eca8b;}.alert-warning { background-color: rgba(241, 116, 37, 0.9); color: #ffffff; border-color: #f17425;}.alert-warning .alert-link { color: #753208;}.alert-outline-warning { background-color: #ffffff; color: #f17425; border-color: #f17425;}.alert-info { background-color: rgba(23, 162, 184, 0.9); color: #ffffff; border-color: #17a2b8;}.alert-info .alert-link { color: #062a30;}.alert-outline-info { background-color: #ffffff; color: #17a2b8; border-color: #17a2b8;}.alert-danger { background-color: rgba(228, 63, 82, 0.9); color: #ffffff; border-color: #e43f52;}.alert-danger .alert-link { color: #79111d;}.alert-outline-danger { background-color: #ffffff; color: #e43f52; border-color: #e43f52;}.alert-dark { background-color: rgba(60, 72, 88, 0.9); color: #ffffff; border-color: #3c4858;}.alert-dark .alert-link { color: black;}.alert-outline-dark { background-color: #ffffff; color: #3c4858; border-color: #3c4858;}.alert-muted { background-color: rgba(132, 146, 166, 0.9); color: #ffffff; border-color: #8492a6;}.alert-muted .alert-link { color: #3d4654;}.alert-outline-muted { background-color: #ffffff; color: #8492a6; border-color: #8492a6;}.alert-light { background-color: rgba(248, 249, 252, 0.9); color: #ffffff; border-color: #f8f9fc;}.alert-light .alert-link { color: #8d9dce;}.alert-outline-light { background-color: #ffffff; color: #f8f9fc; border-color: #f8f9fc;}.alert-blue { background-color: rgba(47, 85, 212, 0.9); color: #ffffff; border-color: #2f55d4;}.alert-blue .alert-link { color: #122258;}.alert-outline-blue { background-color: #ffffff; color: #2f55d4; border-color: #2f55d4;}.alert-footer { background-color: rgba(32, 41, 66, 0.9); color: #ffffff; border-color: #202942;}.alert-footer .alert-link { color: black;}.alert-outline-footer { background-color: #ffffff; color: #202942; border-color: #202942;}.alert { padding: 8px 15px; border-radius: 6px; font-size: 14px;}.alert.alert-light { background-color: #f8f9fc; color: #3c4858; border-color: #dee2e6;}.alert.alert-dismissible { padding-right: 30px;}.alert.alert-dismissible .close { top: -2px; right: -10px; font-size: 16px !important;}.alert.alert-pills { border-radius: 30px; display: inline-block;}.alert.alert-pills .content { font-weight: 600;}.pagination { margin: 30px 0 0; display: flex;}.pagination ul { list-style: none; padding: 0; display: flex; align-items: center; margin: 0;}.pagination li { margin: 0 5px;}.pagination li a,.pagination li span { padding: 0 6px; line-height: 32px; background: #fff; display: block; min-width: 32px; text-align: center; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 5px; font-size: 13px; color: #000;}.pagination li a:hover,.pagination li.active a { color: #fff; background: var(--primary);}.pagination.style-2 ul { border: 1px solid #dee2e6; border-radius: 50px;}.pagination.style-2 ul li { margin: 0; border-right: 1px solid #dee2e6;}.pagination.style-2 ul li:last-child { border-right: 0;}.pagination.style-2 ul li a,.pagination.style-2 ul li span { box-shadow: 0 0 0 0 transparent; border-radius: 0; line-height: 34px; min-width: 34px;}.pagination.style-2 ul li.prev-nav a,.pagination.style-2 ul li.next-nav a { padding: 0 12px;}.pagination.style-2 ul li.prev-nav a { border-radius: 50px 0 0 50px;}.pagination.style-2 ul li.next-nav a { border-radius: 0 50px 50px 0;}.progress-box .progress-title { font-size: 15px;}.progress-box .progress { height: 8px; overflow: visible;}.progress-box .progress .progress-bar { border-radius: 6px; overflow: visible !important;}.progress-box .progress .progress-value { position: absolute; top: -25px; right: -15px; font-size: 13px;}.modal-open section { z-index: inherit;}.modal-title { font-weight: 700;}html .table-hover tbody tr:hover { background-color: var(--light);}.file-upload { position: relative;}.file-upload input[type="file"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer;}.file-upload .choose-label { background: var(--primary); display: block; position: absolute; right: 0; top: 0; bottom: 0; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 0 5px 5px 0; font-weight: 600; font-size: 14px;}.form-group .file-upload .form-control { padding-right: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.form-group label { font-size: 14px; font-weight: 700; margin: 0 0 4px;}.form-group label em { color: #ff0000; font-style: normal;}.form-group .form-control { -webkit-box-shadow: none; box-shadow: none; background-color: var(--white); border: 1px solid #dee2e6; color: var(--dark); height: 42px; font-family: 'Nunito', sans-serif; font-size: 13px; border-radius: 6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}.form-group .form-control:focus { border-color: var(--primary);}.form-group textarea.form-control { height: 140px; padding-top: 10px;}.form-group { margin: 0 0 18px; position: relative;}.field-icon { position: relative;}.form-group .field-icon .form-control { padding-left: 40px;}.form-group .field-icon i { font-size: 14px; position: absolute; left: 0; top: 0; display: block; line-height: 42px; width: 40px; color: var(--dark); text-align: center;}.documentation-section { font-size: 16px;}.documentation-section h5 { color: var(--secondary); font-weight: normal; font-size: 18px; line-height: 140%;}.documentation-section h2 { margin-bottom: 12px;}.documentation-section h3 { font-size: 23px; margin: 40px 0 10px;}.documentation-section h4 { font-size: 16px; margin: 40px 0 10px;}.documentation-section h4 i { font-size: 70%; vertical-align: top; margin: 3px 5px 0 0;}.theme-demo-img { height: 320px; background-size: 100% auto; background-position: top center; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 0 3px rgba(60, 72, 88, 0.25); border-radius: 6px;}.theme-demo-img:hover { background-position: bottom center; -webkit-transition: all 4.2s; transition: all 4.2s;}.main-slider .banner-caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 2;}.main-slider .bg-image:before { z-index: 1; opacity: 0.7; width: 100%;}.why-choose p { color: var(--light);}/*Elements Close */ .banner { position: relative; padding-bottom: 56.2%; width: 100%; overflow: hidden; } .videoembed { position: absolute; top: 0; /*z-index: -99; */ width: 100%; height: 100%; /* background: #333; */ }