body{ margin:0; padding:0; color:#848484; font-size: 16px; line-height:1.428571429; font-family: 'Averta', Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; } /* * common settings */ a{ color:#ff7f00; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } a:focus,a:hover{ color:#080133; outline:none; text-decoration:none; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } p { font-size: 1rem; margin: 0 0 14px 0; line-height: 1.5; } /* * Image Alignment */ img.alignleft { float:left; margin:0 15px 15px 0; display: inline;} img.alignright { float:right; margin:0 0px 15px 15px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:15px;} ul { padding: 0; margin:0; } ul li { list-style: none; font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Averta', Arial, Helvetica, sans-serif; font-weight: 600; color:#3d3d3d; line-height: 1.3; } h1, .h1{ font-size: 3.63rem; /* 58px */ } h2, .h2{ font-size: 2.63rem; /* 42px */ } h3, .h3{ font-size: 2.38rem; /* 38px */ } h4, .h4{ font-size: 1.5rem; /* 28px */ } h5, .h5{ font-size: 1.25rem; /* 20px */ margin-bottom: .5rem; } h6, .h6{ font-size: 1rem; /* 16px */ } @media screen and (max-width:1440px){ .display-1{ font-size: 2.75rem; margin-bottom: 1rem; } .display-2{ font-size: 2.5rem; margin-bottom: 1rem; } h2, .h2{ font-size: 2.23rem; } h3, .h3{ font-size: 2rem; } } @media screen and (max-width:1199px){ .display-1{ font-size: 2.8rem; margin-bottom: 1rem; } .display-2{ font-size: 2.2rem; margin-bottom: 1rem; } h2, .h2{ font-size: 2rem; margin-bottom: 1.5rem; } h3, .h3{ font-size: 1.4rem; margin-bottom: 1.5rem; } h4, .h4{ font-size: 1.4rem; } h5, .h5{ font-size: 1.2rem; } } @media screen and (max-width:991px){ .display-1{ font-size: 3rem; margin-bottom: 1rem; } .display-2{ font-size: 2rem; margin-bottom: 1rem; } h2, .h2{ font-size: 1.9rem; margin-bottom: 1rem; } h3, .h3{ font-size: 1.6rem; margin-bottom: 1rem; } h5, .h5{ font-size: 1.1rem; } } @media screen and (max-width:767px){ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height: 1.3; } .display-1{ font-size: 2.5rem; margin-bottom: 1rem; } .display-2{ font-size: 1.8rem; margin-bottom: 1rem; } h1, .h1{ font-size: 2.5rem; } h2, .h2{ font-size: 1.7rem; } h3, .h3 { font-size: 1.5rem; margin-bottom: 1.5rem; } } @media screen and (max-width:575px){ .display-1{ font-size: 2.2rem; margin-bottom: 1rem; } .display-2{ font-size: 1.6rem; margin-bottom: 1rem; } h5, .h5{ margin-bottom: .5rem; } } /* * common utility */ .pad-top-12{ padding-top: 12px; } .brand-color{ color: #0b0146; } .text-black{ color:#333; } .text-orange{ color: var(--orange); } .img-align-right{ margin:0 0 .5rem 0; } .list-disc{ padding-left:20px; } .list-disc li{ position: relative; margin-bottom: 5px; } .list-disc li::before{ position: absolute; left:-20px; top:7px; width:7px; height:7px; background: rgba(132, 132, 132, .5); border-radius: 50%; content:''; } .list-disc li ul{ margin-top: .5rem; margin-bottom: .5rem; } .list-disc li li::before{ border-radius: 0; background: rgba(132, 132, 132, .3); } .list-arrow{ padding-left: 45px; margin-bottom: 1.5rem; } .list-arrow li{ position: relative; margin-bottom: 20px; } .list-arrow li::before{ /* content:'\f00c'; font-family: FontAwesome; color:#777; */ content:''; background: url('../images/icon/checkmark.svg') no-repeat scroll 0 0; background-position: center center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 1px solid #848484; text-align: center; font-size: .875rem; top: -3px; left: -45px; position: absolute; } /* List Ordered */ .list-ordered{ padding-left: 40px; } .list-ordered li{ position: relative; counter-increment: list; margin-bottom: 12px; } .list-ordered li > strong{ font-weight: 600; } .list-ordered li::before{ content: counter(list); position: absolute; left:-40px; top:0px; width:30px; height: 30px; line-height: 30px; border-radius: 50%; border: 1px solid #848484; text-align: center; font-size: .875rem; } .overlay{ position: relative; } .overlay::before{ position: absolute; left: 0px; top:0px; content: ''; width:100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .overlay.dark-1::before{ background: rgba(0, 0, 0, 0.6); } .overlay-white::before, .overlay-blue::before, .overlay-yellow::before{ top:30px; border-radius: 0.3rem; } .overlay-white::before{ background: var(--white); left:30px; } .overlay-blue::before{ background: #0b0146; right: 30px; left: auto; } .overlay-yellow::before{ background: var(--orange); left:30px; } /* Owl-nav---------*/ .owl-carousel .owl-nav{ width:100%; position: absolute; top:50%; transform: translateY(-50%); } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ width:50px; height: 50px; font-size: 45px; line-height: 53px; color: rgba(255, 255, 255, 1); background-color: transparent; outline: none; text-align: center; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{ background-color: #0b0146; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .owl-carousel .owl-nav button.owl-next{ float: right; } /* Owl Dots---------*/ .owl-carousel .owl-dots{ text-align: center; } .owl-carousel button.owl-dot{ width: 10px; height: 10px; border-radius: 50%; background: #cccccc; margin: 0 3px; } .owl-carousel button.owl-dot.active{ background: #0b0146; } @media screen and (max-width:767px){ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ width:40px; height: 40px; font-size: 35px; line-height: 43px; } } /* * container */ #container { min-width: 320px; overflow: hidden; } @media screen and (min-width:1200px){ .custom-container{ max-width: 1060px; } } @media screen and (min-width:1480px){ .container{ max-width: 1450px; } .custom-container{ max-width: 1603px; } } @media screen and (max-width:1199px){ .container{ max-width: 100%; } } /* * Content */ #content{ padding: 0; } @media screen and (max-width:1199px){ #content{ padding: 15px 0 0; } } @media screen and (max-width:575px){ #content{ padding: 0; } } /* * Section */ .section{ padding:30px 0 20px; } @media screen and (min-width:1367px){ .section{ padding:50px 0 30px; } } .section:not(:first-child):nth-child(odd){ background-color: #f5f5f5; } .section figure{ display: block; } .section-head{ margin-bottom: 40px; text-align: center; } .section-head h2{ margin-bottom: .5rem; } .badge-primary{ border-color: transparent; background-color: rgba(11, 1, 70, 0.2); color: rgba(11, 1, 70, 1); padding: .5rem .7rem; border-radius: 30px; } /* Icon2 ------------------------*/ .icon2{ width: 150px; height: 150px; margin: 0 auto 25px; border-radius: 50%; background: #2e58a6; display: flex; justify-content: center; align-items: center; } .icon2 .svg-inline--fa{ font-size: 3rem; color: #fff; line-height: 150px; } @media screen and (min-width:1200px){ .section-head{ max-width: 920px; margin-left: auto; margin-right: auto; } } @media screen and (max-width:991px){ .section{ padding:20px 0; } } /* * header */ #header { padding: 0px; margin: 0px; } .header-menu{ padding-top:.5rem; padding-bottom: .5rem; } .logo a, .logo img{ display: inline-block; } #header .logo img{ display: block; width:100%; } .logo img{ max-width:125px; } /* Top-bar------------*/ #top-bar{ background: #424b50; padding: 10px 0; } #top-bar ul li{ margin-bottom: 0px; } .contact-info{ margin-bottom: 0px; } .contact-info li{ display: inline-block; } .contact-info li:not(:last-child){ margin-right: 15px; } .contact-info li a{ font-size: 13px; font-weight: 500; color:#aaaaaa; display: block; } .contact-info li a .svg-inline--fa{ margin-right: 5px; } .contact-info li a:hover, .contact-info li a:focus, .contact-info li a:active{ text-decoration: none; color:#fff; } @media screen and (max-width:1199px){ .contact-info li a{ font-size: 1rem; } } @media screen and (max-width:991px){ .header-menu{ padding-bottom: .5rem; } #header .logo img{ width:300px; } } @media screen and (max-width:767px){ .contact-info{ text-align:center; } .contact-info li a{ font-size: 14px; } } @media screen and (max-width:575px){ #header .logo img{ max-width:200px; } } /* * footer */ #footer{ padding: 3rem 0 0; background: #0b0146; } #footer h5{ color: #fff; text-transform: capitalize; font-weight: 400; } #footer ul li{ margin-bottom: 0px; } #footer ul li a, #footer p a{ color: rgba(255,255,255,.6); font-weight: 400; font-size: .875rem; } #footer ul li, #footer p{ font-weight: 400; } #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active, #footer p a:hover, #footer p a:focus, #footer p a:active{ text-decoration: underline; } .social-links li{ display: inline-block; } .social-links li:not(:last-child){ margin-right: 5px; } .social-links li a .svg-inline--fa{ width:20px; } #footer .social-links li a:hover, #footer .social-links li a:focus, #footer .social-links li a:active{ color: #ff7f00; } @media screen and (max-width:991px){ #footer{ padding: 2rem 0 0; } #footer [class*="col-"]{ margin-bottom: 1.5rem; } } @media screen and (max-width:575px){ #footer { text-align: center; } #footer [class*="col-"]{ margin-bottom: 1rem; } #footer [class*="col-"]:last-child{ margin-bottom: 0rem; } } /* Footer Bar---------------*/ .footer-bar{ border-top:1px solid #2b2b2b; padding: 1rem 0 1rem; } .footer-bar p{ color: #f5f5f5; margin-bottom: 0px; font-size: .875rem; } /* * Back to top */ #back-to-top:active { background: none; } #back-to-top { display: block; text-decoration: none; } .scroll-to-top { display: none; /* color: rgba(0, 0, 0, 0.5);*/ color:#fff; bottom: 81px; right: 15px; position: fixed; background: #0b0146; z-index: 1005; width: 45px; height: 45px; line-height: 43px; text-align: center; box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); } .scroll-to-top:hover { background: #030014;} .scroll-to-top .svg-inline--fa { vertical-align: middle; color: #fff; font-size: 35px;} @media (max-width: 767px) { .scroll-to-top{ bottom: 15px; } } @media (max-width: 575px) { .scroll-to-top{ width: 40px; height: 40px; line-height: 37px; } .scroll-to-top .svg-inline--fa{ font-size: 30px; } } /* * Main-nav */ #main-menu ul{ text-align: right; } #main-menu ul li{ display: inline-block; position: relative; margin: 0 -2px; text-align: center; } #main-menu ul li a{ padding: 8px 12px; text-transform: capitalize; display: block; font-size:1rem; line-height: 1.4; color:#2e58a6; /* background: rgba(46, 88, 166, .1); */ border: 0px; font-weight: 600; border-radius: 30px; min-width: 120px; } #main-menu ul li a .svg-inline--fa{ color: #8b8a8a; } #main-menu ul li a:hover, #main-menu ul li a:focus, #main-menu ul li a:active{ background: #2e58a6; color:#fff; border: 0px; } #main-menu ul li a:hover .svg-inline--fa, #main-menu ul li a:focus .svg-inline--fa, #main-menu ul li a:active .svg-inline--fa{ color:#fff; } #main-menu ul li a.btn{ color: #fff; min-width: 120px; background: #2e58a6; border-radius: 30px; } #main-menu ul ul{ position: absolute; top: 100%; left:0; z-index: 1000; display: none; min-width: 12rem; width: 100%; max-width: 200px; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-clip: padding-box; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; border: 0; border-radius: 4px; margin: 0; /* padding: 15px; */ background: #333; } #main-menu ul ul li{ display: block; margin: 0; padding: 0; text-align: left; } #main-menu ul ul li a{ border-radius: 4px; } #main-menu ul ul li a, #main-menu ul ul li a > .svg-inline--fa{ color: #fff; } #main-menu ul ul li a > .svg-inline--fa{ float: right; } #main-menu ul ul li a:hover, #main-menu ul ul li a:focus, #main-menu ul ul li a:active{ /* color:#0b0146; */ background: rgba(0, 0, 0, 0.5); } #main-menu ul li:hover > ul{ display: block; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; background: #2e58a6; } #main-menu ul ul ul { top: 0; left: 100%; } @media screen and (min-width:1281px){ #main-menu ul ul{ max-width: 250px; width:250px; } } /* * Mobile-menu */ @media screen and (min-width:992px){ .mobile-menu{ display: none; } } @media screen and (min-width:1200px){ #main-menu ul li a{ padding-left: 15px; padding-right: 15px; } } @media screen and (max-width:1199px){ #main-menu ul li a{ min-width: auto; } } @media screen and (max-width:991px){ .mean-container a.meanmenu-reveal{ margin-top: -56px; margin-right: -13px; } .mean-container .mean-nav ul li a{ font-size: 14px; } .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li li a{ padding-top: 12px; padding-bottom: 11px; } .mean-container .mean-nav ul li.mean-last a{ padding-top: 10px; padding-bottom:9px; background: #333333; border:0; border-top:1px solid rgba(255,255,255,0.5); border-radius: 0; } .mean-container .mean-nav ul li a .svg-inline--fa{ display: none; } } @media screen and (max-width:767px){ .mean-container a.meanmenu-reveal{ margin-top: -44px; } } @media screen and (max-width:575px){ .mean-container a.meanmenu-reveal{ margin-top: -46px; } } /* * buttons */ .btn{ cursor: pointer; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .btn:hover, .btn:focus, .btn:active{ transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .btn-primary{ background-color: #2e58a6; border-width: 2px; border-color:#2e58a6; color:#fff; display: inline-block; cursor: pointer; font-size: 1rem; line-height: 1.4; font-weight: 600; text-transform: capitalize; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle{ background-color:#fff; border-color:#2e58a6; outline: none; box-shadow: none; color: #2e58a6; } /* .btn-primary.btn-blue:hover, .btn-primary.btn-blue:focus, .btn-primary.btn-blue:active{ background: #080133; border-color: #080133; } */ .btn-info, .btn-danger{ padding: .4rem 1rem; border-radius: 0px; display: inline-block; cursor: pointer; font-weight: 400; font-family: Arial, sans-serif; text-transform: capitalize; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:not([disabled]):not(.disabled):active, .btn-link:not([disabled]):not(.disabled).active, .show > .btn-link.dropdown-toggle{ color:var(--orange); line-height: 1.2; } @media screen and (min-width:1200px){ .btn-primary{ min-width: 150px; } } /* * absolute-center */ .absolute-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * vertical-center */ .vertical-center { position: absolute; top: 50%; left:0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* * horizontal-center */ .horizontal-center { position: absolute; left: 50%; top:0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* * Bg color */ .bg-gray{ background-color: #f3f3f3; } /* * Hover Style */ .hover-styled{ transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .hover-styled:hover{ -webkit-transform: translateY(-6px); transform: translateY(-6px); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } /* * Box shadow */ .box-shadow{ -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); } .box-shadow2{ box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .box-shadow3{ -webkit-box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); -moz-box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); } .form label{ color:#333; } .form select.form-control, .form textarea.form-control.form-control, .form input[type="text"].form-control, .form input[type="password"].form-control, .form input[type="datetime"].form-control, .form input[type="datetime-local"].form-control, .form input[type="date"].form-control, .form input[type="month"].form-control, .form input[type="time"].form-control, .form input[type="week"].form-control, .form input[type="number"].form-control, .form input[type="email"].form-control, .form input[type="url"].form-control, .form input[type="search"].form-control, .form input[type="tel"].form-control, .form input[type="color"].form-control{ border-radius: 6px; height:35px; color:rgba(119, 119, 119, .8); font-size: 15px; outline: none; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .form textarea.form-control.form-control{ height: 100px; color:rgba(119, 119, 119, .8); } .form textarea.form-control:focus, .form .form-control:focus{ outline: none; box-shadow: none; border-color: #0b0146; color: #0b0146; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .form input::-webkit-input-placeholder, .form textarea.form-control.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:rgba(119, 119, 119, .8); } .form input::-moz-placeholder, .form textarea.form-control::-moz-placeholder { /* Firefox 19+ */ color:rgba(119, 119, 119, .8); } .form input:-ms-input-placeholder, .form textarea.form-control:-ms-input-placeholder { /* IE 10+ */ color:rgba(119, 119, 119, .8); } .form input:-moz-placeholder, .form textarea.form-control:-moz-placeholder { /* Firefox 18- */ color:rgba(119, 119, 119, .8); } .form .form-control-sm{ border-radius: 0px; height:40px; color:rgba(119, 119, 119, .8); border-color: rgba(0,0,0,.5); border-width:1px; font-size: 13px; outline: none; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .form .input-group .form-control-sm{ width:100%; } .form .form-control-sm::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color:rgba(119, 119, 119, .8); } .form .form-control-sm::-moz-placeholder { /* Firefox 19+ */ color:rgba(119, 119, 119, .8); } .form .form-control-sm:-ms-input-placeholder{ /* IE 10+ */ color:rgba(119, 119, 119, .8); } .form .form-control-sm:-moz-placeholder{ color:rgba(119, 119, 119, .8); } .form .form-control-sm:focus{ outline: none; box-shadow: none; border-color: #0b0146; color: #0b0146; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .form .btn-primary{ background: #0b0146; color:#fff; } .form .btn-primary:hover, .form .btn-primary:focus, .form .btn-primary:active{ background: #080133; border-color:#080133; } .form-check label{ position: relative; padding-left:1.8rem; font-size: 15px; display: block; text-transform: capitalize;} .form-check label a{font-size:14px; text-decoration:underline;} .form-check input[type="radio"], .form-check input[type="checkbox"]{ margin-left: 0px; margin-top:7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1px; height: 1px; background: 0 0; position: absolute; visibility: hidden; margin: 0; padding: 0; border: 0; } .form-check label::before{ font-family: FontAwesome; border-radius: 20px; color: #a3a3a3; font-size: 20px; border: 0; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); } .form-check input[type="radio"]+label::before{content: '\f1db';} .form-check input[type="radio"]:checked+label::before{content:'\f192'; color:#0b0146;} .form-check input[type="checkbox"]+label::before{content: '\f096';} .form-check input[type="checkbox"]:checked+label::before{content:'\f14a'; color:#0b0146;} .selectbox {position:relative; display: inline-block;} .form fieldset .selectbox{ display: block; } .form fieldset .selectbox::after{ top:13px; } .form fieldset .selectbox select{ font-family: 'Sharp Sans No1'; } .selectbox select{ font-size: 16px; line-height: 20px; color:rgba(119, 119, 119, .8); width: 100%; min-width: auto; padding: 0px 0px 0px 20px; outline: none; -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; border-radius: 0px; text-indent: 0.01px; font-family: Arial, sans-serif; font-weight: 400; border:1px solid #ced4da; } .selectbox select::-ms-expand { display: none; } .selectbox::after { top: 8px; right: 15px; margin: 0 0 0 0; padding: 0px; border-color: rgba(119, 119, 119, .8); border-style:solid; border-width:0px 1px 1px 0px; transform:rotate(45deg); width:10px; height: 10px; content: ""; position: absolute; pointer-events: none; z-index: 10; } .input-group-addon{ border-radius: 0px; } .input-group .selectbox, .input-group .form-control{ width:100%; } .input-group .form-control:focus{ outline: none; box-shadow: none; } .input-group .selectbox::after{ top:11px; } @media screen and (max-width:575px){ .btn-primary{ padding-top:.3rem; padding-bottom: .3rem; } } /* Modal--------*/ .modal-body { position: relative; padding: 0px; } .modal-content{ border-color: transparent; border-radius: 0px; } .modal .close{ position: absolute; right: -30px; top: 0; z-index: 999; opacity: 1; color: #fff; } .close { font-size: 2rem; font-weight: normal; opacity: 1; margin-top: -5px; } .close:focus, .close:hover{ color: #080133; text-shadow: 0 1px 0 #080133; } .section .video-container video{ object-fit: initial; width:100%; height: 100%; /* border: 2px solid #ccc; */ object-position: center center; position: relative; z-index: 1; } .section .video-container img{ height: 400px; } /* * Box */ .box .figure{ display: block; margin-bottom: 0px; } .box .overlay::before{ -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; background: rgba(0, 0, 0, 0.4); } .box a:hover .overlay::before{ background: rgba(1, 153, 52, .7); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .box > a{ display: block; position: relative; overflow: hidden; } .box .box-content{ width:100%; padding: 15px 15px 0; z-index: 10; } .box .box-content h4, .box .box-content h5{ text-transform: capitalize; } .box .box-content *{ color:#fff; } @media screen and (max-width:767px){ .box .box-content h4 > br, .box .box-content h3 > br{ display: none; } .box .box-content h3{ margin-bottom: 1rem; } } @media screen and (max-width:575px){ .box .box-content{ text-align: center; } } /* ========================================================================== Home Page ========================================================================== */ /* * Intro */ .intro{ background: #0b0146; padding: 50px 0 40px; } .intro .figure{ background-size: cover; } .intro h1, .features h2{ font-size: 2.1rem; font-weight: 500; font-family: 'Rubik', Arial, Helvetica, sans-serif; } .intro p{ font-weight: 400; } .intro h1, .intro p{ color: var(--white); } .intro .form-error{ display: none; } @media screen and (min-width:1200px){ .intro .btn-outline-primary{ min-width: 200px; } } @media screen and (min-width:1367px){ .intro { padding: 60px 0 50px; } } /* * List Video */ .list-video li{ margin-bottom: 15px; display: inline-block; } .list-video li:first-child{ width: 100%; } .video .figure{ position: relative; } .video .figure > .play-btn{ font-size: 1rem; } .video .figure > .play-btn:hover, .video .figure > .play-btn:focus, .video .figure > .play-btn:active{ color: #fff; } @media screen and (min-width:768px){ .list-video li:not(:first-child){ width: calc(50% - 10px) } .list-video li:last-child{ margin-left: 15px; } .video .figure > .play-btn{ font-size: 2rem; } .features .video .figure > .play-btn{ font-size: 3rem; } } @media screen and (max-width:991px){ .intro h1, .features h2{ font-size: 2rem; } } @media screen and (max-width:767px){ .intro .inner-wrap{ margin-bottom: 25px; } .intro h1, .features h2{ font-size: 1.8rem; } .list-video li{ width: 100%; } .video .figure > .img-fluid{ width: 100%; } } /* * Brand List */ .brand-list{ text-align: center; margin-top: 3rem; } .brand-list li{ display: inline-block; vertical-align: middle; margin: 0 3rem; } .brand-list .logo2 > .img-fluid{ max-width: 120px; } .brand-list .logo2{ opacity: .6; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .brand-list .logo2:hover{ opacity: 1; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } /* * Features */ /* @media screen and (min-width:1200px){ .features{ padding: 50px 0; } } */ /* * About Us */ .about-us .card{ background-color: transparent; border-width: 1px; border-style: solid; border-color: transparent; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; border-radius: 0.3rem; } .about-us .card:hover{ border-color: rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .about-us .card .img-fluid{ max-width: 190px; } @media screen and (max-width:991px){ .about-us .row > [class^="col-"]{ margin-bottom: 30px; } } @media screen and (max-width:767px){ .about-us hr{ display: none; } .about-us .row > [class^="col-"]{ margin-bottom: 0px; } } /* * Services */ /* .services .card{ border-width: 1px; border-style: solid; border-color: transparent; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; border-radius: 0.3rem; } .services .card:hover{ border-color: rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } */ .services .card{ border: 0; border-radius: 0; } .divider-style1{ position: relative; } .divider-style1::after{ position: absolute; right:0; top: 50%; transform: translateY(-50%); content:''; width:1px; height: calc(100% - 50px); background: rgba(132, 132, 132, .5); } .services .text-blue{ color:#3f48cc; } .services .card .figure2{ position: relative; } .services .card .figure2::before{ position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); margin-left: 17px; width: 178px; height: 178px; content: ''; background-color: #2e58a6; border-radius: 50%; -webkit-box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); -moz-box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); box-shadow: 0px 0px 8px 0px rgba(209,209,209,1); } .services .card .figure2 > img{ border-radius: 50%; width: 178px; height: 178px; position: relative; z-index: 1; } .services h4{ color: #000000; margin-bottom: .5rem; } .services .card p{ color: #747373; } .services .card .btn-round{ border-radius: 30px; padding-left: 1.5rem; padding-right: 1.5rem; } .services .card.selected .btn-round{ background-color: #ff7f00; border-color: #ff7f00; } .services .card.selected .btn-round:hover, .services .card.selected .btn-round:focus, .services .card.selected .btn-round:active{ background-color: #fff; color: #ff7f00; } .services .card.selected .figure2::before, .services .card.selected .figure2::before, .services .card.selected .figure2::before{ background: rgba(255,196,137,1); background: -moz-linear-gradient(top, rgba(255,196,137,1) 0%, rgba(255,167,78,1) 41%, rgba(255,128,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,137,1)), color-stop(41%, rgba(255,167,78,1)), color-stop(100%, rgba(255,128,0,1))); background: -webkit-linear-gradient(top, rgba(255,196,137,1) 0%, rgba(255,167,78,1) 41%, rgba(255,128,0,1) 100%); background: -o-linear-gradient(top, rgba(255,196,137,1) 0%, rgba(255,167,78,1) 41%, rgba(255,128,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,196,137,1) 0%, rgba(255,167,78,1) 41%, rgba(255,128,0,1) 100%); background: linear-gradient(to bottom, rgba(255,196,137,1) 0%, rgba(255,167,78,1) 41%, rgba(255,128,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc489', endColorstr='#ff8000', GradientType=0 ); } /* * Description */ .one-half .figure > img{ width:100%; } .description{ padding:2rem 1rem; } .description h4{ font-size: 24px; } /* List Icon ----------------*/ .list-icon{ padding-left: 30px; } .list-icon li{ position: relative; margin-bottom: 10px; } .list-icon li::before{ position: absolute; left:-30px; top:7px; content:''; background: url('../images/icon/checkmark.svg') no-repeat scroll 0 0; width: 28px; height: 17px; } /* * Contact Section */ .contact-section{ padding: 100px 0 50px; } .contact-section .inner-wrap2 h2{ color:#2b2929; font-weight: 700; } .contact-section .inner-wrap2{ position: relative; } .contact-section .inner-wrap2::before{ position: absolute; top: -45px; right: -125px; content:''; background: url('../images/arrow-red.png') no-repeat scroll 0 0; width:304px; height:235px; } .contact-section .inner-wrap2 .form .form-control{ height: 60px; } .contact-info2{ margin-bottom: 1.8rem; border-left: 1px solid #b8b8b8; } .contact-info2 li{ padding-left: 40px; margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #b8b8b8; } .contact-info2 li, .contact-info2 a{ position: relative; margin-bottom: 1rem; color:#666565; font-size: 13px; font-weight: 600; font-family: 'Rubik', Arial, Helvetica, sans-serif; } .contact-info2 li::before{ position: absolute; top:50%; margin-top: -6px; transform: translateY(-50%); color:#0b0146; font-size:18px; left: 15px; font-family: FontAwesome; } .contact-info2 li.location::before{ content:"\f041"; } .contact-info2 li.phone::before{ content:"\f095"; } .contact-info2 li.fax::before{ content: "\f1ac"; } .contact-info2 li.email::before{ content:"\f0e0"; font-size: 16px; } .contact-info2 li address, .contact-info2 li p{ margin-bottom: 0; } @media screen and (min-width:992px){ .description{ max-width: 450px; padding: 0 0 0 50px; } .contact-section .inner-wrap2{ max-width: 400px; margin: 0 auto; } } @media screen and (min-width:1200px){ .description{ max-width: 550px; padding: 0 0 0 50px; } } @media screen and (min-width:1480px){ .description{ max-width: 750px; padding: 0 0 0 100px; } } /* * Icon */ .media{ background-color: #f7f7f7; padding: 1.5rem 1rem; position: relative; border-radius: 8px; margin-bottom: 35px; } .media .figure3{ width: 150px; height: 150px; border-radius: 50%; border:2px solid #cccccc; text-align: center; margin: 0 1rem 0 0; display: flex; justify-content: center; align-items: center; } .media .media-body p{ margin-bottom: 0; } .media .tag, .media .flag{ top: 5px; } .media .tag{ left: 5px; } .media .flag{ right: 5px; } /* * Testimonial */ .testimonial-content{ margin: 0 1rem; } .testimonial .blockquote{ background-color: #f5f5f5; padding: 1rem; border-radius: .3rem; } .testimonial .figure{ margin-right: 1rem; } .testimonial .figure > img{ border-radius: 50%; width: 75px; height: 75px; } .testimonial-content .footer-wrap{ display: flex; justify-content: flex-start; align-items: center; } .testimonial-content .signature{ width: calc(100% - 90px); } .signature h5{ margin-bottom: 0; color: var(--orange); font-size: 1.15rem; } .author-title p{ font-size: .875rem; font-style: italic; } /* .author-title span{ color: #000; } */ .blockquote-title{ line-height: 1.5; font-weight: 500; color: rgba(11,1,70,.8); } .testimonial .blockquote-footer::before{ color: var(--orange); } .testimonial ul li{ font-size: 14px; margin-bottom: 6px; } .testimonial ul li .svg-inline--fa{ color: var(--primary) } .testimonial .owl-carousel .owl-dots { counter-reset: dots; position: relative; } .testimonial .owl-carousel button.owl-dot{ background: transparent; width:auto; height: auto; margin: 0 25px; position: relative; box-shadow: none; cursor: pointer; } .testimonial .owl-carousel button.owl-dot:before { counter-increment:dots; content: counter(dots); border:1px solid transparent; display: block; border-radius: 50%; text-align: center; width:35px; height: 35px; line-height: 35px; } .testimonial .owl-carousel button.owl-dot:focus{ outline: none; } .testimonial .owl-carousel button.owl-dot.active:before { border:1px solid var(--orange); } .testimonial .owl-carousel button.owl-dot:not(:last-child):after{ position: absolute; right: -35px; top: 50%; transform: translateY(-50%); width:20px; height: 2px; background: var(--orange); content:''; } .testimonial .owl-carousel .owl-nav{ top: auto; right: 0; bottom: 60px; transform: none; width: 275px; } .testimonial .owl-carousel .owl-nav button.owl-prev, .testimonial .owl-carousel .owl-nav button.owl-next .svg-inline--fa{ display: none; } .testimonial .owl-carousel .owl-nav button.owl-next{ border:1px solid var(--orange); min-width: 150px; border-radius: 30px; color: var(--orange); position: relative; } .testimonial .owl-carousel .owl-nav button.owl-next::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content:'NEXT'; font-size: 1rem; } .testimonial .owl-carousel .owl-nav button.owl-next:hover{ background: var(--orange); border-color: var(--orange); } .testimonial .owl-carousel .owl-nav button.owl-next:hover::before{ color: #fff; } @media (min-width:1200px){ /* .testimonial .container{ max-width: 1040px; } */ } @media (min-width:992px){ .testimonial .owl-carousel .owl-dots { bottom: 65px; z-index: 100; max-width: 180px; margin: 0 350px 0 auto; } .testimonial .owl-carousel .owl-dots::before{ position: absolute; top:50%; transform: translateY(-50%); content:''; right: -201px; background: var(--orange); width: 232px; height: 1px; } } @media (max-width:991px){ .testimonial .owl-carousel .owl-dots { margin: 0 auto 0 0; max-width: 150px; } .testimonial .owl-carousel .owl-nav{ bottom: 0; } .testimonial .owl-carousel button.owl-dot:first-child{ margin-left: 0; } } /* * Partner */ .partner-list{ text-align: center; } .partner-list li{ position: relative; display: block; margin-bottom: 30px; padding: 0 25px; } .partner-list li .badge{ background-color:#fff; border:1px solid var(--primary); font-weight: 400; color: var(--primary); position: relative; } .partner-logo{ position: relative; overflow: hidden; width:160px; height: 160px; border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; padding: 35px; box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.15); -webkit-box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.15); -moz-box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.15); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .partner-list li:hover .partner-logo{ -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.25); -webkit-box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.25); -moz-box-shadow: 0 0.9375rem 1.25rem 0 rgba(9,49,73,.25); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .partner-logo > .img-fluid{ display: block; } @media screen and (min-width:576px){ .partner-list li{ width: calc(100% / 2); display: inline-block; margin-left: -3px; margin-right: -3px; } } @media screen and (min-width:768px){ .partner-list li{ width: calc(100% / 3); } } @media screen and (min-width:992px){ .partner-list li{ width: calc(100% / 5); } } /* * Featured Services */ .featured-services .card{ margin-bottom: 2rem; } .featured-services .figure2{ background-size: cover; background-position: center center; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .featured-services .figure2 img{ height: 137px; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .card .icon{ margin: -20px auto 10px; display: block; width:43px; height: 43px; border-radius: 50%; border:6px solid #fff; background: #fff; } .card .icon > img{ width:100%; } @media screen and (min-width:576px){ .featured-services .card .card-body{ display: flex; flex-direction: column; justify-content: flex-start; padding: 1rem; } .featured-services .card{ min-height: 318px; } }