Server IP : 2a02:4780:11:1361:0:bf7:7935:10 / Your IP : 3.19.56.49 Web Server : LiteSpeed System : Linux in-mum-web1261.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u200767797 ( 200767797) PHP Version : 8.1.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : ON Directory (0755) : /home/u200767797/domains/shivainternational27.com/public_html/assets/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url(animate.css); @import url(bootstrap-select.min.css); @import url(icomoon.css); @import url(jquery.bootstrap-touchspin.css); @import url(jquery.fancybox.min.css); @import url(jquery.mCustomScrollbar.min.css); @import url(nouislider.css); @import url(nouislider.pips.css); @import url(polyglot-language-switcher.css); @import url(timePicker.css); @import url(slick.css); @import url(jquery.bxslider.css); @import url(jquery-ui.css); /*============================================== Base Css ===============================================*/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; } html, body { height: 100%; } body { color: #777777; font-size: 16px; line-height: 30px; font-weight: 400; font-family: 'Roboto', sans-serif; } button:focus { outline: none; } button { cursor: pointer; border: none; background: transparent; padding: 0; } h1, h2, h3, h4, h5, h6 { color: #1f2437; font-weight: 700; font-family: 'Archivo', sans-serif; margin: 0; } h3 { font-size: 18px; line-height: 30px; font-weight: 700; } h4 {} a, a:hover, a:active, a:focus { text-decoration: none; outline: none; border: none; } img.lazy-image { background: url(../images/icon/image-bg.svg) center center no-repeat; } img.lazy-image.loaded { background-image: none; } .owl-theme img.lazy-image.loaded { height: auto; opacity: 1; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .fix { position: relative; display: block; overflow: hidden; } img { max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .map-data { text-align: center; font-size: 14px; font-weight: 400; line-height: 1.8em; padding: 5px 10px 5px; } .map-data a { color: #0b59d9; display: block; } .map-data h6 { font-size: 16px; font-weight: 700; 2163 text-align: center; margin-bottom: 5px; color: #121212; } .banner-carousel .slide { height: 500px; } .fancy-box .heading h2 { font-size: 20px; text-align: center; padding: 10px; color: #000; font-family: poppins; font-weight: 600; } .fancy-box .text p { font-size: 15px; text-align: center; } .fancy-box img { border-top-right-radius: 20px; border-top-left-radius: 20px; } .fancybox-border .bg { background-color: #031f4b; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; } .fancybox-border .bg-1 { background-color: #031f4b; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; } .fancybox-border .heading-1 h2{text-align:center; font-size:25px; padding:10px;} .fancybox-border .heading h2:hover { color: #bf1717; } .fancybox-border .heading-1 h2:hover { color: #bf1717; } .fancybox-border .bg { text-align: center; } .fancybox-border .bg-1 { text-align: center; } .fancybox-border i { background-color: #bf1717; padding: 21px; margin-left:85px; border-bottom-right-radius: 20px; color: #fff; font-size: 20px; z-index: 1; } .fancybox-border .bg-1 i { background-color: #da251c; padding: 21px; margin-left:71px; border-bottom-right-radius: 20px; color: #fff; font-size: 20px; z-index: 1; } .fancybox-border .bg a { margin-left: 112px; } .fancybox-border .bg-1 a { margin-left: 110px; } .fancybox-border .bg .btn { color: #fff; } .fancybox-border .bg-1 .btn { color: #fff; } .fancybox-border { border-radius: 20px; border: 1px solid #102a56; } .fancybox-border .bg { appearance: none; background-color: #031f4b; border-width: 0; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font-family: Clarkson, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0; opacity: 1; outline: 0; position: relative; text-align: center; text-decoration: none; text-rendering: geometricprecision; text-transform: uppercase; transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; white-space: nowrap; } .fancybox-border .bg:before { animation: opacityFallbackOut .5s step-end forwards; backface-visibility: hidden; background-color: #bf1717; clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%); content: "Contact Us"; padding-top: 27px; padding-left: 20px; height: 100%; color: #fff; border-bottom-left-radius: 20px; left: 0; position: absolute; top: 0; transform: translateZ(0); transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1); width: 84%; } .fancybox-border .bg:hover:before { animation: opacityFallbackIn 0s step-start forwards; clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%); } .fancybox-border .bg:after { background-color: #000; color: #000; } .fancybox-border .bg span { position: relative; } .fancybox-border .bg-1 { appearance: none; background-color: #031f4b; border-width: 0; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font-family: Clarkson, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0; opacity: 1; outline: 0; position: relative; text-align: center; text-decoration: none; text-rendering: geometricprecision; text-transform: uppercase; transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; white-space: nowrap; } .fancybox-border .bg-1:before { animation: opacityFallbackOut .5s step-end forwards; backface-visibility: hidden; background-color: #da251c; clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%); content: "Enquire now"; padding-top: 27px; padding-left: 20px; height: 100%; color: #fff; border-bottom-left-radius: 20px; left: 0; position: absolute; top: 0; transform: translateZ(0); transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1); width: 84%; } .fancybox-border .bg-1:hover:before { animation: opacityFallbackIn 0s step-start forwards; clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%); } .fancybox-border .bg-1:after { background-color: #000; color: #000; } .fancybox-border .bg-1 span { position: relative; } .main-content-tagline{display:block; z-index:99999;} .main-content-tagline p{ text-align:center; font-size:17px; } .main-content-tagline h2{color:#da251c; font-size:40px; text-align:center; padding:8px; } i { font-style: normal; } ul, li { list-style: none; margin: 0; padding: 0; } ol, li { margin: 0; padding: 0; } .clr1 { color: #f36727; } .bgclr1 { background: #f36727; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .btn-one { position: relative; display: inline-block; padding: 0 40px; background-color: #da251c; color: #ffffff; font-size: 16px; line-height: 60px; font-weight: 600; text-transform: capitalize; border-radius: 8px; font-family: 'Archivo', sans-serif; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .btn-one:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #1f2437; content: ""; border-radius: 8px; transform: scaleX(0.0) rotateX(0deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-one:hover:after { transform: scaleX(1.0) rotateX(0deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-one .txt { position: relative; display: inline-block; z-index: 1; } .btn-one:hover, .btn-one:focus { color: #f7f7f7; } .btn-one.style2 { background:#da251c; } .btn-one i { position: relative; display: inline-block; padding-left: 10px; } .btn-two { position: relative; display: inline-block; border-radius: 30px; border-top-left-radius: 0; padding: 0 55px; color: #ffffff; font-size: 16px; line-height: 60px; font-weight: 400; text-transform: capitalize; font-family: 'Archivo', sans-serif; transition: all 200ms linear; transition-delay: 0.1s; } .btn-two:hover { color: #ffffff; background: #152229; } .gra-bgclr1 { background: rgba(0, 0, 0, 0); /* Old Browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.29) 43%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(43%, rgba(0, 0, 0, 0.29)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.29) 43%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.29) 43%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.29) 43%, rgba(0, 0, 0, 1) 100%); /* IE 10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.29) 43%, rgba(0, 0, 0, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); /* IE6-9 */ } .sec-title { position: relative; display: block; margin-top: -6px; } .sec-title h3 { font-size: 32px; line-height: 29px; text-transform: uppercase; letter-spacing: 0.01em; font-family: 'Roboto', sans-serif; border: 2px solid #da251c; padding: 17px; text-align: center; border-radius: 12px; color: #1f2437; } .sec-title-2 h3 { color: #000; font-size: 17px; line-height: 29px; font-weight: 500; /* text-transform: uppercase; */ letter-spacing: 0.01em; font-family: 'Roboto', sans-serif; margin-top: 20px; } .sec-title-2 h2 { color: #777777; font-size: 36px; line-height: 48px; font-weight: 400; text-transform: capitalize; margin: 14px 0 0; margin-top: 15px; } .sec-title-2 h2 span { color: #031f4b; font-weight: 700; } .sec-title h2 { color: #1f2437; font-size: 36px; line-height: 48px; font-weight: 400; text-transform: capitalize; margin: 14px 0 0; } .sec-title h2 span { color: #031f4b; font-weight: 700; } .about-banner-text { padding: 100px; } .about-banner-heading h1 { text-align: center; color: #fff; } .about-text li { display: inline-block; } .about-text ul { text-align: center; } .parallax-bg-one { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } .parallax-bg-one::before { background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /*___ owl Nav Dot Style _____*/ .owl-theme .owl-prev span, .owl-theme .owl-next span { display: none; } .owl-nav-style-one {} .owl-nav-style-one.owl-theme .owl-prev span, .owl-nav-style-one.owl-theme .owl-next span { position: relative; top: -3px; display: block; } .owl-nav-style-one .owl-controls {} .owl-nav-style-one.owl-theme .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 0px; } .owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -100px; right: 0; z-index: 10; display: block; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { position: relative; display: inline-block; width: 40px; height: 40px; background: transparent; border: 1px solid #031f4b; border-radius: 7px; color: #031f4b; font-size: 25px; font-weight: 500; line-height: 36px; margin: 0 0 0 0px; padding: 0; transition: all 700ms ease 0s; } .owl-nav-style-one.owl-theme .owl-nav .owl-prev { transform: rotate(0deg); } .owl-nav-style-one.owl-theme .owl-nav .owl-next { margin-left: 10px; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover { color: #0098ff; border-color: #0098ff; } .owl-nav-style-two {} .owl-nav-style-two .owl-controls {} .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] { background: #fff none repeat scroll 0 0; border-radius: 0%; color: #3740b0; font-size: 24px; font-weight: 700; height: 50px; line-height: 50px; margin: 0 0 0 0px; padding: 0; width: 50px; transition: all 700ms ease 0s; } .owl-nav-style-two.owl-theme .owl-nav .owl-next { margin-left: 0px; } .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover { color: #ffffff; background: #3740b0; } .owl-carousel.owl-dot-style1 .owl-stage-outer { position: relative; display: block; padding-top: 30px; padding-bottom: 30px; } .owl-carousel.owl-dot-style1 .owl-dots { position: relative; line-height: 8px; height: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 4px; border: 0px solid transparent; background: #031f4b; margin: 0px 5px; padding: 0px; border-radius: 0%; transition: all 100ms linear; transition-delay: 0.1s; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot span { display: none; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active { background: #1f2437; width: 20px; height: 8px; } /* Accordion Box Css */ .accordion-box { position: relative; display: block; } .accordion-box .accordion { position: relative; display: block; background: #ffffff; border: 1px solid #ebebeb; border-radius: 10px; margin-bottom: 20px; } .accordion-box .accordion.marginbottom0 { margin-bottom: 0; } .accordion-box .accordion .accord-btn { position: relative; display: block; cursor: pointer; padding-left: 25px; padding-right: 60px; padding-top: 16px; padding-bottom: 16px; transition: all 500ms ease; } .accordion-box .accordion .accord-btn h4 { color: #031f4b; font-size: 16px; line-height: 26px; font-weight: 500; transition: all 500ms ease; } .accordion-box .accordion .accord-btn::after { font-family: "Flaticon"; position: absolute; content: "\f104"; top: 50%; right: 25px; color: #0098ff; font-size: 16px; line-height: 20px; font-weight: 600; text-align: center; transform: translateY(-50%); transition: all 500ms ease 0s; } .accordion-box .accordion .accord-btn.active { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .accordion-box .accordion .accord-btn.active h4 { color: #0098ff; } .accordion-box .accordion .accord-btn.active:after { color: #031f4b; content: "\f105"; } .accordion-box .accordion .accord-content { position: relative; display: block; padding-left: 25px; padding-right: 60px; padding-bottom: 19px; display: none; } .accordion-box .accordion .accord-content.collapsed { display: block; } .accordion-box .accordion .accord-content p { color: #777777; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0; } @keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(255, 255, 255, .1), 0 0 0 20px rgba(238, 238, 238, 0.3000); } } @keyframes pulse2 { 50% { box-shadow: 0 0 0 5px rgba(255, 231, 1, .1), 0 0 0 20px rgba(255, 231, 1, 0.3000); } } .rating-box { position: relative; display: block; overflow: hidden; } .rating-box ul { overflow: hidden; } .rating-box ul li { position: relative; display: inline-block; float: left; margin-right: 3px; } .rating-box ul li:last-child { margin-right: 0; } .rating-box ul li a { color: #031f4b; font-size: 18px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .boxed_wrapper { position: relative; overflow: hidden; background: #ffffff none repeat scroll 0 0; margin: 0 auto; width: 100%; min-width: 320px; min-height: 400px; } /*=============== Boxed-Layout =============*/ .boxed_wrapper_box_page { position: relative; overflow-x: hidden; margin: 0 auto; width: 100%; min-width: 300px; } .body_switcher { position: fixed; top: 150px; z-index: 9999999; left: -200px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .body_switcher .body_switch_btn { position: absolute; right: -50px; z-index: -1; } .body_switcher .body_switch_btn button { width: 50px; height: 50px; color: #ffffff; font-size: 24px; line-height: 50px; background: rgba(0, 0, 0, 0.80); cursor: pointer; transition: all 500ms ease; } .body_switcher .boxed_switch_menu { position: relative; background: #fff; width: 200px; padding: 25px 15px 20px; text-align: center; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); } .body_switcher .boxed_switch_menu h5 { color: #222222; font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 0px; } .body_switcher.switcher-show { left: 0; } .body_switcher .boxed_switch_menu .switch_body .box { cursor: pointer; display: inline-block; text-align: center; margin-top: 15px; } .body_switcher .boxed_switch_menu .switch_body .box>div { width: 80px; height: 50px; background: #fff; border: 2px solid #999; } .body_switcher .boxed_switch_menu .switch_body .box>div>span { display: block; width: 60px; height: 100%; margin: 0 auto; background: #fff; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; } .body_switcher .boxed_switch_menu .switch_body .box p { position: relative; display: block; color: #999; font-size: 16px; line-height: 20px; font-weight: 500; margin: 7px 0 0; } .main_page.active_boxlayout { max-width: 1550px; width: 100%; min-width: 300px; margin: 0 auto; background: url(../images/pattern/body-pattern.png) #f8f8f8; background-attachment: fixed; background-repeat: repeat; background-position: center; overflow-x: hidden; } /*=============== Color-Layout =============*/ .switcher { position: fixed; top: 220px; z-index: 99; } .switcher .switch_btn { position: absolute; top: 0px; right: -50px; z-index: -1; } .switcher .switch_btn button { width: 50px; height: 50px; color: #fff; line-height: 50px; cursor: pointer; border-radius: 0; margin-left: 0; transition: all 500ms ease; background: rgba(255, 255, 255, 0.70); } .switcher .switch_menu { position: absolute; width: 180px; height: 30px; background: transparent; display: none; top: 0px; left: 60px; bottom: 0; margin: 10px 0; } .switcher #styleOptions li { position: relative; display: inline-block; width: 30px; height: 30px; margin-right: 3px; } .switcher #styleOptions li:last-child { margin-right: 0; } .switcher #styleOptions li a { position: relative; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 0 0px #fff; } .switcher #styleOptions li a.blue-color { background: #6377ee; } .switcher #styleOptions li a.pink-color { background: #ff6ec7; } .switcher #styleOptions li a.violet-color { background: #6936d8; } .switcher #styleOptions li a.crimson-color { background: #ba0913; } .switcher #styleOptions li a.orange-color { background: #FFA500; } /*________________Preloader_______________ */ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999999999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icon/preloader.gif); } .preloader.style-two { background-image: url(../images/icon/preloader-1.html); } /*** Scroll To Top style ***/ .scroll-top { position: fixed; right: 15px; bottom: 20px; width: 55px; height: 55px; background: #f85959; color:#1f2437; border-radius: 50%; font-size: 20px; line-height: 55px; font-weight: 600; text-align: center; text-transform: uppercase; display: none; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; z-index: 999999999; } .scroll-top span {} .scroll-top:after { position: absolute; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; z-index: -1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } .scroll-top:hover { color: #222222; } .scroll-top.style2 { position: absolute; left: 0; top: -20px; right: 0; width: 40px; height: 40px; margin: 0 auto; border-radius: 5px; background-color: #d9241c; border: none; text-align: center; animation: auto; transition: all 200ms linear; transition-delay: 0.1s; font-size: 20px; line-height: 40px; font-weight: 400; } /* Form validation styles */ input:focus, textarea:focus, select:focus { border-color: #43c3ea; outline: none; } #contact-form input[type="text"].error { border-color: red; } #contact-form input[type="email"].error { border-color: red; } #contact-form select.error { border-color: red; } #contact-form textarea.error { border-color: red; } /* Post pagination styles */ .post-pagination { position: relative; display: block; } .post-pagination.martop20 { margin-top: 20px; } .post-pagination li { position: relative; display: inline-block; margin: 0 3px; } .post-pagination li a { position: relative; display: block; height: 60px; width: 60px; border-radius: 50%; border: 2px solid #eeeeee; color: #131313; font-size: 18px; line-height: 56px; font-weight: 600; transition: all 500ms ease 0s; font-family: 'Poppins', sans-serif; } .post-pagination li a i { color: #c1c1c1; font-size: 22px; transition: all 200ms linear; transition-delay: 0.1s; } .post-pagination li.active a, .post-pagination li:hover a { background: #fec727; border-color: #fec727; } .post-pagination li.active a i, .post-pagination li:hover a i { color: #131313; } .post-pagination.style2 li a { border-radius: 0; } .secpd100-0 { padding: 100px 0; } /* Overlay styles */ .overlay-style-one { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; opacity: 0; z-index: 1; } .overlay-style-one.bg1 { background-color: rgba(0, 0, 0, 0.50); } .overlay-style-one.bg3 { background-color: rgba(0, 83, 153, 0.90); } .overlay-style-one .box { display: table; height: 100%; width: 100%; } .overlay-style-one .box .content { display: table-cell; text-align: center; vertical-align: middle; } .overlay-style-one .box .inner { display: table-cell; text-align: center; vertical-align: middle; } .overlay-style-two { position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 2; opacity: 0; transition: all 900ms ease; } .overlay-style-two:before { position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 50%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: all 0.5s; background-color: rgba(18, 18, 18, 0.90); } .overlay-style-two:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 50%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(90deg); transform-origin: bottom; transition: all 0.5s; background-color: rgba(18, 18, 18, 0.90); } .overlay-style1 { position: absolute; top: 0; left: -100%; bottom: 0; width: 100%; opacity: 0; transform-origin: top; transform-style: preserve-3d; transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22); z-index: 1; } .overlay-style1.bg1 { background-color: rgba(0, 0, 0, 0.70); } .overlay-style2 { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; background-color: rgba(0, 0, 0, 0.70); transform: skew(0deg, 0deg) scale(1.2, 1.2); transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22); z-index: 1; } .review-box { position: relative; display: block; overflow: hidden; line-height: 16px; } .review-box ul { display: block; overflow: hidden; } .review-box ul li { display: inline-block; float: left; margin-right: 4px; } .review-box ul li:last-child { margin-right: 0px; } .review-box ul li i { font-size: 18px; color: #ffba00; } .social-links-style1 { position: relative; display: block; overflow: hidden; } .social-links-style1 li { position: relative; display: inline-block; float: left; margin-right: 20px; } .social-links-style1 li:last-child { margin-right: 0px; } .social-links-style1 li a i { position: relative; display: block; background: rgba(255, 255, 255, 0.05); width: 40px; height: 40px; border-radius: 50%; color: #798795; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; transition: all 500ms ease; } .social-links-style1 li a:hover i { color: #ffffff; } .sociallinks-style-two { position: relative; display: block; overflow: hidden; margin: 7px 0 8px; } .sociallinks-style-two li { position: relative; display: inline-block; float: left; margin-right: 25px; } .sociallinks-style-two li:last-child { margin-right: 0px; } .sociallinks-style-two li a i { position: relative; display: block; color: #ffffff; font-size: 16px; transition: all 500ms ease 0s; } .sociallinks-style-two li a:hover i { color: #e4b33d; } /* Update header Style */ @keyframes menu_sticky { 0% { margin-top: -90px; } 50% { margin-top: -74px; } 100% { margin-top: 0; } } /*** ======================================== Mobile Menu ======================================== ***/ .nav-outer .mobile-nav-toggler { position: relative; display: none; float: right; cursor: pointer; padding: 30px 0; } .nav-outer .mobile-nav-toggler .inner { position: relative; display: block; padding: 3px 5px; } .mobile-menu { position: fixed; top: 0; right: 0; width: 300px; max-width: 100%; height: 100%; padding-right: 30px; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .menu-backdrop { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(3, 13, 40, 0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; z-index: 1; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .mCSB_inside>.mCSB_container { margin-right: 5px; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; } .mobile-menu .nav-logo a { position: relative; display: inline-block; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #000000; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 20px; line-height: 30px; width: 24px; text-align: center; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation li>a { position: relative; display: block; padding: 10px 25px; color: #ffffff; font-size: 15px; line-height: 24px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li>a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current>a:before { height: 100%; } .mobile-menu .navigation li ul li>a { font-size: 15px; font-weight: 400; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; top: 6px; right: 6px; width: 32px; height: 32px; text-align: center; color: #ffffff; font-size: 16px; line-height: 32px; background: rgba(255, 255, 255, 0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display: none; } .mobile-menu .social-links { position: relative; text-align: center; padding: 30px 25px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 5px 10px; } .mobile-menu .social-links li a { position: relative; color: #ffffff; font-size: 20px; line-height: 32px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover { color: #030e27; } /*============================================== Main Header Css ===============================================*/ .main-header { position: absolute; left: 0px; top: 0px; width: 100%; margin: 0px; z-index: 999999; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sticky-header { position: fixed; top: 0px; left: 0px; width: 100%; padding: 0px 0px; background:#1f2437; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 0; } .fixed-header .sticky-header { visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 1; z-index: 999999; } .sticky-header .logo { position: relative; display: block; padding: 15px 0 15px; } .sticky-header .logo a { position: relative; display: inline-block; } .sticky-header .main-menu .navigation>li { padding: 0; margin-right: 40px; } .sticky-header .main-menu .navigation>li>a { color: #ffffff; padding: 27px 0 28px; } .header-style-one { position: relative; padding-top: 10px; } .header-style-one .border-top { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: #da251c; content: ""; } .header { position: relative; display: block; } .header .outer-box { position: relative; display: block; } .header-left { position: relative; display: block; max-width: 370px; width: 100%; } .header-left .logo { position: relative; display: block; } .header-left .logo a { position: relative; display: inline-block; font-size: 30px; color: #000; font-weight: bold; } .header-left .logo a img { width: 200px; margin-top:10px; } .header-right { position: relative; display: block; max-width: 800px; width: 100%; } .header-right .top { position: relative; display: block; padding: 19px 0; } .header-contact-info { position: relative; display: block; padding: 13px 40px; margin-left: 129px; } .header-contact-info ul { overflow: hidden; } .header-contact-info ul li { position: relative; display: inline-block; float: left; margin-right: 10px; padding-left: 64px; } .header-contact-info ul li:last-child { margin-right: 0; } .header-contact-info ul li .icon { position: absolute; top: 0; left: 0; } .header-contact-info ul li .icon span:before { font-size: 50px; line-height: 50px; } .header-contact-info ul li .title { position: relative; display: block; } .header-contact-info ul li .title h3 { font-size: 17px; line-height: 20px; } .header-contact-info ul li .title h3 a { color: #031f4b; } .header-contact-info ul li .title p { font-size: 15px; line-height: 24px; font-weight: 500; margin: 2px 0 0; font-family: 'Archivo', sans-serif; } .header-contact-info ul li .title p a { color: #031f4b; } .header-right .bottom { position: relative; display: block; background: #0098ff; padding: 10px 0; padding-left: 30px; border-top-left-radius: 10px; z-index: 1; } .header-right .bottom:before { position: absolute; top: 0; left: 0; bottom: 0; right: -100000px; background: #0098ff; content: ""; z-index: -1; border-top-left-radius: 10px; } .header-right .bottom .left { position: relative; display: block; } .header-menu { position: relative; display: block; overflow: hidden; } .header-menu li { position: relative; display: inline-block; float: left; margin-right: 40px; } .header-menu li:last-child { margin-right: 0; } .header-menu li a { position: relative; display: block; color: #ffffff; font-size: 17px; line-height: 30px; font-weight: 600; font-family: 'Archivo', sans-serif; } .header-menu li a i { position: relative; display: inline-block; padding-left: 10px; } .header-right .bottom .right { position: relative; display: block; } .header-social-link { position: relative; display: block; } .header-social-link ul { position: relative; display: block; overflow: hidden; } .header-social-link ul li { position: relative; display: inline-block; float: left; margin-right: 30px; } .header-social-link ul li:last-child { margin-right: 0; } .header-social-link ul li a { position: relative; display: block; color: #ffffff; font-size: 14px; line-height: 30px; transition: all 200ms linear; transition-delay: 0.1s; } .header-social-link ul li a:hover { color: #031f4b; } .header-bottom { position: relative; display: block; background: #1f2437; width: 107%; } .header-bottom .outer-box { position: relative; display: block; } .header-bottom-left { position: relative; display: block; } .header-bottom-left .nav-outer { position: relative; display: block; } .main-menu.style1 {} .main-menu { position: relative; display: block; float: left; } .main-menu .navbar-collapse { padding: 0px; display: block !important; } .main-menu .navigation { position: relative; display: block; } .main-menu .navigation>li { position: relative; display: inline-block; float: left; margin-right: 28px; padding: 20px 0; } .main-menu .navigation>li:last-child { margin-right: 0; } .main-menu .navigation>li:before { position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #da251c; content: ""; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); } .main-menu .navigation>li:hover:before, .main-menu .navigation>li.current:before { transform: scaleY(1.0); } .main-menu .navigation>li>a { position: relative; display: block; color: #ffffff; font-size: 15px; line-height: 30px; font-weight: 500; text-transform: uppercase; transition: all 500ms ease; opacity: 1; font-family: 'Archivo', sans-serif; margin: 0 0px; } .main-menu .navigation>li>ul { position: absolute; top: 100%; left: 0; width: 270px; padding: 0px 0; opacity: 0; visibility: hidden; border-radius: 0; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition: all 100ms ease; z-index: 100; } .main-menu .navigation>li>ul:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background: #ffffff; border-radius: 0; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); z-index: -1; } .main-menu .navigation>li.dropdown:hover>ul { opacity: 1; visibility: visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation>li>ul>li { position: relative; display: block; padding: 0 20px; width: 100%; } .main-menu .navigation>li>ul>li>a { position: relative; display: block; border-bottom: 1px solid #e9e9e9; padding: 13px 0px 13px; color: #1f2437; font-size: 15px; line-height: 24px; font-weight: 600; text-align: left; text-transform: capitalize; transition: all 500ms ease; font-family: 'Archivo', sans-serif; } .main-menu .navigation>li>ul>li:last-child>a { border: none; } .main-menu .navigation>li>ul>li>a:hover { padding-left: 15px; } .main-menu .navigation>li>ul>li>a:before { position: absolute; top: 0; left: 0px; bottom: 0; font-family: FontAwesome; content: "\f105"; font-size: 14px; font-weight: 700; margin: 12px 0; opacity: 0; transition: all 500ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation>li>ul>li.dropdown>a:after { position: absolute; top: 0px; right: 0px; bottom: 0; font-family: FontAwesome; content: "\f105"; color: #031f4b; font-size: 14px; font-weight: 700; margin: 12px 0; text-align: right; z-index: 5; } .main-menu .navigation>li>ul>li:hover>a:before { opacity: 1; } .main-menu .navigation>li>ul>li>ul { position: absolute; top: 0%; left: 100%; width: 250px; padding: 0; display: none; background: #ffffff; border-radius: 0; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition: all 100ms ease; z-index: 100; } .main-menu .navigation li>ul>li.dropdown:hover ul { opacity: 1; visibility: visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation>li>ul>li>ul>li { position: relative; display: block; padding: 0 20px; width: 100%; } .main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; border-bottom: 1px solid #e9e9e9; padding: 13px 0px 13px; color: #031f4b; font-size: 15px; line-height: 24px; font-weight: 600; text-align: left; text-transform: capitalize; transition: all 500ms ease; font-family: 'Archivo', sans-serif; } .main-menu .navigation>li>ul>li>ul>li:last-child>a { border: none; } .main-menu .navigation>li>ul>li:hover>a { padding-left: 15px; } .main-menu .navigation>li>ul>li>ul>li>a:hover { padding-left: 15px; } .main-menu .navigation>li>ul>li>ul>li a:before { position: absolute; top: 0; left: 0px; bottom: 0; font-family: FontAwesome; content: "\f105"; font-size: 14px; font-weight: 700; margin: 12px 0; opacity: 0; transition: all 500ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation>li>ul>li>ul>li>a:hover:before { opacity: 1; } /**** .main-menu .navigation> li> ul.megamenu { position: absolute; left: -232px; width: 700px; } .main-menu .navigation> li> ul.megamenu li { position: relative; max-width: 33.333333%; float: left; } ***/ .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0; width: 50px; height: 42px; border-left: 1px solid #04102a; text-align: center; font-size: 16px; line-height: 42px; color: #ffffff; cursor: pointer; display: none; z-index: 5; } .header-bottom-right .outer-search-box-style1 { position: relative; display: block; float: left; } .outer-search-box-style1 { position: relative; display: inline-block; float: left; padding: 15px 30px 15px; padding-left: 0; } .outer-search-box-style1 .seach-toggle { position: relative; display: block; width: 40px; height: 40px; color: #ffffff; font-size: 16px; line-height: 38px; cursor: pointer; text-align: center; margin: 0; transition: all 500ms ease; border: 1px dashed #ffffff; border-radius: 50%; } .outer-search-box-style1 .search-box { position: absolute; top: 120%; right: 0%; background: rgba(0, 0, 0, 0.90); opacity: 0; padding: 20px; transition: all 500ms ease 0s; visibility: hidden; z-index: 100; margin-left: 0; } .outer-search-box-style1 .search-box.now-visible { top: 100%; opacity: 1; visibility: visible; z-index: 100; } .outer-search-box-style1 .search-box .form-group { position: relative; padding: 0px; margin: 0px; width: 100%; min-width: 250px; } .outer-search-box-style1 .search-box .form-group input[type="search"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #1f1f23; color: #000; display: block; font-size: 13px; line-height: 24px; position: relative; transition: all 500ms ease 0s; width: 100%; height: 45px; padding-left: 15px; padding-right: 50px; } .outer-search-box-style1 .search-box .form-group input[type="search"]:focus { border-color: #f5f5f5; } .outer-search-box-style1 .search-box .form-group button, .outer-search-box-style1 .search-box .form-group input[type="submit"] { position: absolute; right: 0; top: 0; display: block; cursor: pointer; background: rgba(0, 0, 0, 0.95); color: #fff; font-size: 13px; height: 45px; line-height: 45px; width: 45px; transition: all 500ms ease 0s; } .outer-search-box-style1 .search-box .form-group button:hover, .outer-search-box-style1 .search-box .form-group input:focus+button { color: #222222; background: #f5f5f5; } .header-bottom-right .cart-box { float: right; } .cart-box { position: relative; display: inline-block; padding: 15px 3px; padding-left: 0; } .cart-box a { position: relative; display: inline-block; float: right; width: 40px; height: 40px; border-radius: 50%; } .cart-box a span:before { position: relative; top: 2px; display: block; text-align: center; color: #ffffff; font-size: 22px; line-height: 40px; font-weight: 500; } .cart-box a span.count { position: absolute; top: 0px; right: -3px; width: 20px; height: 20px; border-radius: 50%; color: #ffffff; font-size: 12px; line-height: 20px; font-weight: 500; text-align: center; font-family: 'Archivo', sans-serif; } /*** ===================================================== Main Slider style ===================================================== ***/ .main-slider { position: relative; display: block; background-attachment: fixed; background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 10; } .main-slider.style1 { margin-top: 0px; } .main-slider .slide { position: relative; display: block; overflow: hidden; padding: 100px 0px 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .main-slider.one_page .slide { padding: 354px 0px 250px; } .text-holder p { font-size: 15px; padding: 5px 5px 0 5px; color: #031f4b; } .main-slider .slide .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all .8s ease-in-out .4s; } .main-slider .slide .image-layer:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .main-slider .active .slide .image-layer { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .main-slider .content { position: relative; z-index: 10; } .main-slider.style1 .content { position: relative; max-width: 600px; width: 100%; } .main-slider.style1 .content.right { float: right; } .main-slider .auto-container { position: relative; overflow: hidden; } .main-slider .content h3 { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 600; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.2em; opacity: 0; transform: translateY(80px); transition: all .4s ease-in-out .1s; } .main-slider .active .content h3 { opacity: 1; transform: translateY(0px); transition: all .4s ease-in-out .3s; } .main-slider .content h2 { position: relative; color: #ffffff; font-size: 48px; line-height: 1.3em; font-weight: 600; margin-top: 28px; margin-bottom: 55px; opacity: 0; transform: translateY(80px); transition: all .4s ease-in-out .1s; } .main-slider .active .content h2 { opacity: 1; transform: translateY(0px); transition: all .7s ease-in-out .5s; } .main-slider .content .btns-box { position: relative; opacity: 0; transform: translateY(80px); transition: all .4s ease-in-out .1s; } .main-slider .active .content .btns-box { opacity: 1; transform: translateY(0px); transition: all .7s ease-in-out .7s; } .main-slider .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; opacity: 0; transform: scaleX(0.9); } .main-slider:hover .owl-theme .owl-nav { opacity: 1; transform: scaleX(1.0); } .main-slider .owl-theme .owl-prev span, .main-slider .owl-theme .owl-next span { display: block; } .main-slider .owl-theme .owl-nav .owl-prev { position: absolute; left: 50px; top: 0; transform: rotate(180deg); background: transparent; border: 2px solid #ffffff; height: 60px; width: 60px; border-radius: 0%; text-align: center; color: #ffffff; font-size: 30px; line-height: 56px; font-weight: 400; opacity: 1; margin: 0; padding: 0; margin-top: -30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-theme .owl-nav .owl-prev:hover { background: #da251c; } .main-slider .owl-theme .owl-nav .owl-next { position: absolute; right: 50px; top: 0; background: transparent; border: 2px solid #ffffff; height: 60px; width: 60px; border-radius: 0%; text-align: center; color: #ffffff; font-size: 30px; line-height: 56px; font-weight: 400; opacity: 1; margin: 0; padding: 0; margin-top: -30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-theme .owl-nav .owl-next:hover { background: #da251c; } .banner-carousel .owl-dots { position: absolute; left: 0; bottom: 70px; right: 0; display: block; text-align: center; max-width: 1170px; width: 100%; margin: 0 auto !important; line-height: 0; } .banner-carousel .owl-dots .owl-dot { position: relative; display: inline; height: 20px; width: 20px; background: transparent; border: 1px solid #ffffff; border-radius: 50%; margin: 0 10px; transition: all 500ms linear; transition-delay: 0.1s; } .banner-carousel .owl-dots .owl-dot span { position: relative; display: inline-block; width: 10px; height: 10px; background: #ffffff; border-radius: 50%; } .banner-carousel .owl-dots .owl-dot.active { background-color: #da251c; border-color:#da251c; } /*** ============================================= Coaching Area Css ============================================= ***/ .coaching-area { position: relative; display: block; background: #ffffff; padding: 100px 0 60px; z-index: 1; } .coaching-area:before { position: absolute; top: 0; left: 0; bottom: 0; width: 55%; background: #f5f5f5; content: ""; border-bottom-right-radius: 100px; z-index: -1; } .coaching-area .layer-outer { position: absolute; top: 0; left: 250px; bottom: 0; right: 0; background-attachment: scroll; background-size: auto; background-position: top right; background-repeat: no-repeat; } .coaching-content-box { position: relative; display: block; z-index: 1; } .coaching-content-box .sec-title { padding-bottom: 20px; } .coaching-items-box { position: relative; display: block; z-index: 10; } .single-coaching-item { position: relative; display: block; padding: 54px 0 52px; background: #ffffff; -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.06); border-radius: 12px; margin-bottom: 40px; z-index: 2; } .single-coaching-item:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #031f4b; content: ""; z-index: -1; border-radius: 12px; transform: scaleX(0.0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22); } .single-coaching-item:hover:before { transform: scaleX(1.0); } .single-coaching-item:after { position: absolute; top: 10px; left: 10px; bottom: 0px; right: 0px; opacity: 0; background-color: #0098ff; content: ""; border-radius: 12px; z-index: -2; transition: all 100ms linear; transition-delay: 0.1s; } .single-coaching-item:hover:after { opacity: 1; bottom: -10px; right: -10px; transition: all 200ms linear; transition-delay: 0.3s; } .single-coaching-item .icon { position: relative; display: block; } .single-coaching-item .icon span:before { color: #031f4b; font-size: 105px; line-height: 105px; transition: all 700ms ease 100ms; } .single-coaching-item:hover .icon span:before { color: #ffffff; } .single-coaching-item h3 { color: #3fa6fe; font-size: 20px; line-height: 30px; font-weight: 600; margin: 22px 0 0; transition: all 700ms ease 100ms; } .single-coaching-item:hover h3 { color: #ffffff; } /*** ============================================= Visa Area Css ============================================= ***/ .visa-area { position: relative; display: block; background: #f1f1f1; margin-top: 46px; padding-top: 40px; padding-bottom: 40px; } .visa-area.visa-page { padding-bottom: 125px; } .single-visa-box { position: relative; display: block; } .single-visa-box.marbtm60 { margin-bottom: 60px; } .single-visa-box .img-holder { position: relative; display: block; } .single-visa-box .img-holder .inner { position: relative; display: block; overflow: hidden; border-top-left-radius: 13px; border-top-right-radius: 13px; } .single-visa-box .img-holder .inner img { width: 100%; transition: all 2500ms ease; } .single-visa-box:hover .img-holder .inner img { transform: scale(1.2) rotate(3deg); } .single-visa-box .img-holder .icon { position: absolute; bottom: -30px; right: 40px; width: 60px; height: 60px; background-color: #da251c; text-align: center; border-radius: 10px; z-index: 3; } .single-visa-box .img-holder .icon span:before { color: #ffffff; font-size: 35px; line-height: 60px; } .single-visa-box .text-holder { position: relative; display: block; padding: 42px 29px 30px; border: 1px solid #d7d7d7; border-top: none; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } .single-visa-box .text-holder h3 { font-size: 24px; line-height: 32px; margin: 0 0 13px; } .single-visa-box .text-holder h3 a { color: #031f4b; transition: all 200ms linear; transition-delay: 0.1s; } .single-visa-box .text-holder h3 a:hover { color: #da251c; } .single-visa-box .text-holder p { margin: 0; } .single-visa-box .img-holder .overlay-style-one { z-index: 2; } .single-visa-box:hover .img-holder .overlay-style-one { opacity: 1; } /*** ============================================= Visa Assessment Area Css ============================================= ***/ .visa-assessment-area { position: relative; display: block; margin-bottom: -170px; z-index: 10; padding-top: 25px; } .visa-assessment-box { position: relative; display: flex; } .visa-assessment-box .img-holder { position: relative; display: block; max-width: 585px; width: 100%; } .visa-assessment-box .img-holder img { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .visa-assessment-box .text-holder { position: relative; display: block; padding: 0px 70px 60px; background: #ffffff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; max-width: 585px; width: 100%; -webkit-box-shadow: 0px -2px 12px 3px rgba(0, 0, 0, 0.06); box-shadow: 0px -2px 12px 3px rgba(0, 0, 0, 0.06); } .visa-assessment-box .text-holder .sec-title { padding-bottom: 10px; } .visa-assessment-box .text-holder .sec-title h2 { margin: 4px 0 0; } .visa-assessment-box .text-holder .inner-content { position: relative; display: block; } .visa-assessment-box .text-holder .inner-content p { margin: 0 0 13px; } /*** ============================================= Select Style1 Area Css ============================================= ***/ .select-country-area { position: relative; display: block; padding: 270px 0 100px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .select-country-area:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .select-country-area .sec-title h2 { color: #ffffff; font-size: 38px; } .select-country-area .sec-title h2 span { color: #ffffff; } .single-select-country { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 570px; width: 100%; margin: 0 auto 30px; } .single-select-country .img-holder { position: relative; display: block; max-width: 270px; width: 100%; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single-select-country .img-holder img { width: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single-select-country .text-holder { position: relative; display: block; background: #ffffff; max-width: 300px; width: 100%; padding: 23px 30px 16px; padding-right: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .single-select-country .text-holder h3 { font-size: 20px; line-height: 28px; margin: 0 0 10px; } .single-select-country .text-holder p { margin: 0 0 2px; } .single-select-country .text-holder a { color: #0098ff; font-size: 16px; font-weight: 500; text-transform: capitalize; } .single-select-country .text-holder a span:before { position: relative; display: inline-block; padding-left: 10px; color: #031f4b; font-size: 16px; font-weight: 700; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: left; transform-style: preserve-3d; transform: scaleX(0); } .single-select-country:hover .text-holder a span:before { transform: scaleX(1.0); } .view-all-country-button { position: relative; display: block; padding-top: 40px; } .view-all-country-button p { position: relative; display: inline-block; padding: 0 30px; border: 1px dashed #ffffff; border-radius: 10px; color: #ffffff; font-size: 15px; line-height: 58px; font-weight: 400; margin: 0; } .view-all-country-button p a { color: #0098ff; font-weight: 500; } /*** ============================================= choose Area Css ============================================= ***/ .choose-area { position: relative; display: block; background: #f5f5f5; padding: 100px 0 150px; } .choose-area .layer-outer { position: absolute; top: 0; left: 0px; bottom: 0; right: 0; background-attachment: scroll; background-size: auto; background-position: center center; background-repeat: no-repeat; } .choose-left-box { position: relative; display: block; padding: 50px 0 50px; z-index: 10; } .choose-left-box .border-box { position: absolute; top: 0; right: 70px; bottom: 0; left: 130px; border: 20px solid #031f4b; } .choose-left-box .border-box2 { position: absolute; left: -60px; bottom: -50px; width: 370px; height: 300px; border: 20px solid #0098ff; } .video-holder-box { position: relative; background-attachment: scroll; background-size: cover; background-position: center top; background-repeat: no-repeat; min-height: 465px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; z-index: 1; } .video-holder-box .icon { position: relative; display: block; width: 115px; height: 115px; border: 15px solid rgba(255, 255, 255, 0.20); border-radius: 50%; z-index: 1; } .video-holder-box .icon:before { position: absolute; content: ''; top: -15px; left: -15px; bottom: -15px; right: -15px; border-radius: 50%; z-index: -1; } .video-holder-box:hover .icon:before { -webkit-box-shadow: 0 0 0 0 rgba(54, 124, 232, .09); box-shadow: 0 0 0 0 rgba(54, 124, 232, .09); -webkit-animation: ripple 1s infinite; animation: ripple 3s infinite } .video-holder-box .icon a { position: relative; display: block; text-align: center; height: 100%; width: 100%; border-radius: 50%; transition: all 500ms ease; border: 15px solid rgba(255, 255, 255, 0.40); } .video-holder-box .icon a span:before { position: relative; display: block; background: #ffffff; width: 100%; height: 100%; border-radius: 50%; color: #031f4b; font-size: 16px; line-height: 55px; } .choose-content-box { position: relative; display: block; padding-left: 70px; } .choose-content-box .sec-title { padding-bottom: 21px; } .choose-content-box .inner-content { position: relative; display: block; } .choose-content-box .inner-content h3 { color: #777777; font-size: 20px; line-height: 30px; font-weight: 400; margin: 0 0 34px; } .choose-content-box .inner-content p { margin: 0; } .progress-levels { position: relative; display: block; padding-top: 50px; } .progress-levels .progress-box { position: relative; display: block; margin-bottom: 39px; } .progress-levels .progress-box.last-child { margin-bottom: 0; } .progress-levels .progress-box .inner { position: relative; display: block; } .progress-levels .progress-box .inner .text { position: relative; color: #777777; font-size: 16px; line-height: 16px; font-weight: 500; letter-spacing: 0.5px; margin: 0 0 12px; text-transform: capitalize; font-family: 'Archivo', sans-serif; } .progress-levels .progress-box .bar { position: relative; display: block; } .progress-levels .progress-box .bar .bar-innner { position: relative; width: 100%; height: 6px; background: #dddddd; border-radius: 0px; } .progress-levels .progress-box .bar .bar-fill { position: absolute; top: 0%; left: 0px; bottom: 0%; width: 0px; height: 6px; border-radius: 0px; background: #0098ff; transition: all 2000ms ease 300ms; } .progress-levels .progress-box .bar .bar-innner .skill-percent { position: absolute; top: -35px; right: 0; width: 40px; height: 25px; display: block; text-align: center; padding: 0; z-index: 1; } .progress-levels .progress-box .inner .count-text { position: relative; color: #031f4b; font-size: 16px; line-height: 20px; font-weight: 700; display: inline-block; float: none; font-family: 'Archivo', sans-serif; } .progress-levels .progress-box .inner .percent { position: relative; color: #031f4b; font-size: 16px; line-height: 20px; font-weight: 700; display: inline-block; float: none; margin-left: -2px; font-family: 'Archivo', sans-serif; } /*** ============================================= Team Area Css ============================================= ***/ .team-area { position: relative; display: block; overflow: hidden; padding: 100px 0 0px; background-color: #ffffff; } .team-area.about-page { padding: 100px 0 85px; } .team-area.pdtop0 { padding-top: 0px; } .single-team-member { position: relative; display: block; max-width: 350px; width: 100%; margin: 0 auto 65px; } .single-team-member .img-holder { position: relative; display: block; } .single-team-member .img-holder .inner { position: relative; display: block; overflow: hidden; } .single-team-member .img-holder .inner::before { position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10; } .single-team-member:hover .img-holder .inner::before { -webkit-animation: circle .75s; animation: circle .75s; } .single-team-member:hover .overlay-style-one { opacity: 1; } .single-team-member .img-holder .inner img { width: 100%; transform: scale(1.0); transition: .3s ease-in-out; } .single-team-member:hover .img-holder .inner img { transform: scale(1.05); } .team-social-links { position: absolute; left: 0; bottom: 70px; right: 0; height: 50px; transform: translateY(100%); transition: all 100ms ease 100ms; opacity: 0; z-index: 2; } .single-team-member:hover .team-social-links { opacity: 1; transform: translateX(0px); transition: all 0.5s ease-in-out 0.2s; } .team-social-links ul { position: relative; display: block; text-align: center; } .team-social-links ul li { position: relative; display: inline-block; margin: 0 3px; } .team-social-links ul li a { position: relative; display: block; width: 50px; height: 50px; background: #ffffff; text-align: center; line-height: 50px; color: #031f4b; font-size: 14px; transition: all 200ms linear; transition-delay: 0.1s; } .team-social-links ul li a:hover { color: #0098ff; } .single-team-member .title-holder { position: relative; display: block; padding: 29px 0px 25px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-team-member .title-holder h3 { font-size: 24px; line-height: 30px; font-weight: 700; text-transform: capitalize; margin: 0px 0 5px; } .single-team-member .title-holder h3 a { color: #031f4b; transition: all 500ms linear; transition-delay: 0.1s; } .single-team-member .title-holder p { color: #777777; font-size: 16px; margin: 0; } .team-area.team-page { padding-bottom: 120px; } .team-page .single-team-member:hover .title-holder { -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.06); } /*** ============================================= Slogan Area Css ============================================= ***/ .slogan-area { position: relative; display: block; margin-bottom: -75px; z-index: 10; } .slogan-content { position: relative; padding: 35px 50px 35px; border-radius: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-box-shadow: 0px -3px 13px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px -3px 13px 2px rgba(0, 0, 0, 0.06); } .slogan-content .left { position: relative; display: block; } .slogan-content .left .icon { width: 110px; } .slogan-content .left .icon span:before { font-size: 80px; line-height: 80px; } .slogan-content .left .icon, .slogan-content .left .title { display: table-cell; vertical-align: middle; } .slogan-content .left .title p { margin: 0 0 8px; } .slogan-content .left .title h3 { color: #031f4b; font-size: 22px; line-height: 32px; font-weight: 700; } .slogan-content .right { position: relative; display: block; } .slogan-content .right .btns-box { position: relative; } .slogan-area.style2 { padding-top: 100px; } .slogan-area.style2 .slogan-content { -webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.1); } /*** ============================================= Partner Area Css ============================================= ***/ .partner-area { position: relative; display: block; background-color: #da251c; } .partner-box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; padding: 170px 0 55px; z-index: 1; } .partner-box.pdtop95 { padding-top: 95px; } .single-partner-logo-box { position: relative; overflow: hidden; flex: 0 0 20%; max-width: 20%; width: 100%; margin-bottom: 40px; } .single-partner-logo-box a { position: relative; display: inline-block; } .single-partner-logo-box a img { opacity: 1.0; transition: all 0.2s ease-in-out 0.1s; } .single-partner-logo-box:hover a img { opacity: 1.0; transition: all 0.8s ease-in-out 0.1s; } /*** ============================================= Blog Style1 Area Css ============================================= ***/ .blog-style1-area { position: relative; display: block; background: #ffffff; } .single-blog-style1 { position: relative; display: block; margin-bottom: 50px; } .single-blog-style1 .img-holder { position: relative; display: block; } .single-blog-style1 .img-holder .inner { position: relative; display: block; overflow: hidden; border-radius: 15px 15px 0 0; margin-top: 38px; } .single-blog-style1 .img-holder .inner:before { position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 0px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; z-index: 1; } .single-blog-style1:hover .img-holder .inner:before { height: 100%; } .single-blog-style1 .img-holder .inner img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .single-blog-style1:hover .img-holder .inner img { -webkit-transform: scale(1.05); transform: scale(1.05); } .single-blog-style1 .img-holder .date-box { position: absolute; right: 0; bottom: 0px; width: 60px; height: 60px; border-top-left-radius: 10px; text-align: center; background-color: rgba(255, 255, 255, 0.90); padding: 12px 0; z-index: 1; } .single-blog-style1 .img-holder .date-box h3 { font-size: 24px; line-height: 18px; font-weight: 600; text-transform: uppercase; } .single-blog-style1 .img-holder .date-box h3 span { color: #9ea06e; font-size: 14px; } .single-blog-style1 .text-holder { position: relative; display: block; padding: 10px 0 30px; border-bottom: 2px solid #da251c; border-right: 2px solid #da251c; border-left: 2px solid #da251c; text-align: center; border-radius: 0 0 15px 15px; } .single-blog-style1 .text-holder:before { position: absolute; left: 0; bottom: -2px; right: 0; height: 2px; background-color:#1f2437; content: ""; transform: scaleX(0); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-blog-style1:hover .text-holder:before { transform: scaleX(0.95); } .single-blog-style1 .text-holder .meta-info { position: relative; display: block; overflow: hidden; } .single-blog-style1 .text-holder .meta-info li { position: relative; display: inline-block; float: left; line-height: 24px; padding-right: 15px; margin-right: 15px; } .single-blog-style1 .text-holder .meta-info li:last-child { padding-right: 0; margin-right: 0; } .single-blog-style1 .text-holder .meta-info li:before { position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 12px; background: #777777; content: ""; margin: 5px 0; } .single-blog-style1 .text-holder .meta-info li:last-child:before { display: none; } .single-blog-style1 .text-holder .meta-info li span:before { position: relative; display: inline-block; font-size: 16px; font-weight: 600; padding-right: 7px; } .single-blog-style1 .text-holder .meta-info li a { color: #777777; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-style1 .text-holder .meta-info li a:hover { color: #9ea06e; } .single-blog-style1 .text-holder h3 { font-size: 24px; line-height: 36px; font-weight: 700; margin: 24px 0 0px; } .single-blog-style1 .text-holder h3 a { color: #031f4b; transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-style1 .text-holder h3 a:hover { color: #d1231b; } /*** ============================================= Footer area style ============================================= ***/ .footer-area { position: relative; display: block; z-index: 1; } .footer-area:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background-color: #031f4b; z-index: -1; } .footer-area .layer-outer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center top; background-repeat: no-repeat; background-size: auto; opacity: 1; z-index: -1; } .subscribe-content-box { position: relative; padding: 45px 70px 45px; display: flex; flex-direction: row; justify-content: space-between; align-content: center; flex-wrap: wrap; background: rgba(255, 255, 255, 0.10); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: 65px; } .subscribe-title { position: relative; display: block; } .subscribe-title h2 { color: #ffffff; font-size: 30px; line-height: 40px; font-weight: 700; margin: 0 0 4px; } .subscribe-title p { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; } .subscribe-box { position: relative; display: block; max-width: 470px; width: 100%; } .subscribe-form { position: relative; display: block; width: 100%; margin: 5px 0; } .subscribe-form input[type="email"] { position: relative; display: block; width: 100%; height: 60px; padding: 0 25px; padding-right: 70px; background: rgba(255, 255, 255, 1.0); border: 0px solid rgba(255, 255, 255, 0.20); color: #777777; font-size: 15px; font-weight: 400; font-style: normal; border-radius: 10px; transition: all 500ms ease; font-family: 'Roboto', sans-serif; } .subscribe-form input::-webkit-input-placeholder { color: #777777; } .subscribe-form input:-moz-placeholder { color: #777777; } .subscribe-form input::-moz-placeholder { color: #777777; } .subscribe-form input:-ms-input-placeholder { color: #777777; } .subscribe-form button { position: absolute; background-color:#da251c; top: 0px; right: 0px; bottom: 0px; width: 60px; color: #ffffff; font-size: 24px; line-height: 60px; font-weight: 400; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all 300ms ease 100ms; } .subscribe-form input[type="email"]:focus { color: #0098ff; } .subscribe-form input[type="email"]:focus+button, .subscribe-form button:hover { background: #1f2437; } .footer { position: relative; display: block; padding: 90px 0 40px; } .single-footer-widget { position: relative; display: block; overflow: hidden; } .single-footer-widget.martop10 { margin-top: 10px; } .single-footer-widget.marleftminus40 { margin-left: -40px; } .single-footer-widget.marlef20 { margin-left: 20px; } .single-footer-widget .title { position: relative; display: block; margin-top: -6px; margin-bottom: 45px; padding-bottom: 15px; } .single-footer-widget .title:before { position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background-color: #c60000; content: ""; } .single-footer-widget .title h3 { color: #ffffff; font-size: 24px; line-height: 30px; font-weight: 600; text-transform: capitalize; } .single-footer-widget .our-company-info { position: relative; display: block; padding-right: 100px; } .single-footer-widget .our-company-info .footer-logo { position: relative; display: block; padding-bottom: 27px; } .single-footer-widget .our-company-info .footer-logo a { display: inline-block; } .single-footer-widget .our-company-info .text { position: relative; display: block; padding-bottom: 20px; } .single-footer-widget .our-company-info .text p { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; margin: 0; } .footer-social-links { position: relative; display: block; } .footer-social-links ul { overflow: hidden; } .footer-social-links ul li { position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-social-links ul li:last-child { margin-right: 0; } .footer-social-links ul li a { position: relative; display: block; height: 40px; width: 40px; border: 1px solid #ffffff; border-radius: 7px; color: #ffffff; font-size: 14px; line-height: 38px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; } .footer-social-links ul li a:hover { color: #d9241c; border-color: #d9241c; } .single-footer-widget .countries-links { position: relative; display: block; margin-top: -11px; } .single-footer-widget .countries-links li { position: relative; display: block; line-height: 36px; } .single-footer-widget .countries-links li a { position: relative; display: inline-block; padding-left: 20px; color: #ffffff; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget .countries-links li a:before { position: absolute; content: "\f101"; font-family: FontAwesome; top: 0; left: 0; bottom: 0; font-size: 16px; color: #ffffff; } .single-footer-widget .countries-links li a:hover { color: #da251c; } .single-footer-widget .visa-type-links { position: relative; display: block; margin-top: -11px; } .single-footer-widget .visa-type-links li { position: relative; display: block; line-height: 36px; } .single-footer-widget .visa-type-links li a { position: relative; display: inline-block; padding-left: 20px; color: #ffffff; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget .visa-type-links li a:before { position: absolute; content: "\f101"; font-family: FontAwesome; top: 0; left: 0; bottom: 0; font-size: 16px; color: #ffffff; } .single-footer-widget .visa-type-links li a:hover { color: #da251c; } .single-footer-widget .footer-contact-info { position: relative; display: block; margin-top: -1px; } .single-footer-widget .footer-contact-info ul { position: relative; display: block; overflow: hidden; } .single-footer-widget .footer-contact-info ul li { position: relative; display: block; margin-bottom: 35px; } .single-footer-widget .footer-contact-info ul li:last-child { margin-bottom: 0; } .single-footer-widget .footer-contact-info ul li .icon { width: 50px; } .single-footer-widget .footer-contact-info ul li .icon span:before { font-size: 50px; line-height: 50px; } .single-footer-widget .footer-contact-info ul li .icon, .single-footer-widget .footer-contact-info ul li .text { display: table-cell; vertical-align: middle; } .single-footer-widget .footer-contact-info ul li .text { padding-left: 20px; } .single-footer-widget .footer-contact-info ul li .text h4 { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .single-footer-widget .footer-contact-info ul li .text p { color: #ffffff; line-height: 20px; margin: 9px 0 0; } .single-footer-widget .footer-contact-info ul li .text p a { color: #ffffff; } .footer-bottom { position: relative; display: block; } .footer-bottom .outer-box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 2px solid #d9241c; padding: 24px 0; } .copyright-text { position: relative; display: block; } .copyright-text p { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; margin: 0; font-family: 'Archivo', sans-serif; } .copyright-text p a { color: #f7f7f7; font-weight: 600; transition: all 500ms ease; } .footer-menu { position: relative; display: block; } .footer-menu ul { position: relative; display: block; overflow: hidden; } .footer-menu ul li { position: relative; display: inline-block; float: left; line-height: 30px; padding-right: 21px; margin-right: 20px; } .footer-menu ul li:last-child { padding-right: 0; margin-right: 0; } .footer-menu ul li:before { position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 14px; background: #ffffff; content: ""; margin: 8px 0; transition: all 700ms linear; transition-delay: 0.3s; } .footer-menu ul li:last-child:before { display: none; } .footer-menu ul li a { position: relative; display: block; color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; font-family: 'Archivo', sans-serif; } .footer-menu ul li a:hover { color: #0098ff; } /*** ============================================= Header Style two Css ============================================= ***/ .header-style-two { position: relative; background: #ffffff; } .header-top { position: relative; display: block; border-bottom: 1px solid #dddddd; } .header-top .outer-box { position: relative; display: block; } .header-top-left { position: relative; display: block; } .header-top-left ul { position: relative; display: block; overflow: hidden; } .header-top-left ul li { position: relative; display: inline-block; float: left; padding-right: 30px; margin-right: 30px; border-right: 1px solid #dddddd; color: #777777; font-size: 15px; line-height: 60px; font-weight: 400; } .header-top-left ul li:last-child { margin-right: 0; } .header-top-left ul li span { color: #0098ff; } .header-top-left ul li a { color: #777777; } .header-top-right { position: relative; display: block; } .search-box-style2 { position: relative; display: block; width: 270px; float: left; border-right: 1px solid #dddddd; } .search-box-style2:before { position: absolute; top: 0; left: 0; bottom: 0; width: 2px; height: 12px; background: #777777; content: ""; z-index: 1; margin: 24px 0; } .search-box-style2 .form-group { margin: 0; } .search-box-style2 input[type="search"] { position: relative; display: block; background: #ffffff; border: 0px solid #1f1f23; color: #777777; font-size: 14px; width: 100%; height: 60px; padding-left: 20px; padding-right: 80px; transition: all 500ms ease 0s; font-family: 'Roboto', sans-serif; } .search-box-style2 button, .search-box-style2 input[type="submit"] { position: absolute; right: 0; top: 0; display: block; cursor: pointer; background: transparent; color: #0098ff; font-size: 18px; height: 60px; width: 60px; transition: all 500ms ease 0s; } .search-box-style2 button:hover, .search-box-style2 input:focus+button { color: #222222; } .header-social-link.style2 { float: right; padding: 15px 0; padding-left: 25px; } .header-social-link.style2 ul li a { color: #777777; font-size: 14px; } .header-style2 { position: relative; display: block; border-bottom: 2px solid #0098ff; } .header-style2 .outer-box { position: relative; display: block; } .header-left-style2 { position: relative; display: block; max-width: 260px; width: 100%; } .header-left-style2 .logo { position: relative; display: block; padding: 23px 0 23px; } .header-left-style2 .logo a { position: relative; display: inline-block; } .header-left-style2 .logo a img { width: auto; } .header-right-style2 { position: relative; display: block; max-width: 910px; width: 100%; } .header-right-style2 .nav-outer { position: relative; display: block; float: left; } .main-menu.style2 .navigation>li { margin-right: 50px; padding: 40px 0 41px; } .main-menu.style2 .navigation>li:before { display: none; } .main-menu.style2 .navigation>li>a { color: #222222; font-size: 16px; line-height: 30px; font-weight: 500; text-transform: capitalize; font-family: 'Archivo', sans-serif; } .main-menu.style2 .navigation>li:hover>a, .main-menu.style2 .navigation>li.current>a { color: #0098ff; } .any-questions-box { position: relative; display: block; float: right; border-left: 1px solid #dddddd; padding: 26px 0 27px; padding-left: 40px; } .any-questions-box .icon { width: 80px; } .any-questions-box .icon span:before { color: #777777; font-size: 55px; line-height: 55px; } .any-questions-box .icon, .any-questions-box .title { display: table-cell; vertical-align: middle; } .any-questions-box .title h4 { color: #0098ff; font-size: 16px; line-height: 20px; font-weight: 500; margin: 0 0 4px; } .any-questions-box .title a { color: #031f4b; font-size: 24px; font-weight: 500; font-family: 'Archivo', sans-serif; } /*** ===================================================== Whowe Are Area Css ===================================================== ***/ .whowe-are-area { position: relative; display: block; background: #ffffff; padding: 100px 0 0px; } .whowe-are-area .layer-outer { position: absolute; top: 0; left: 0; right: 0; height: 480px; background-attachment: scroll; background-position: center top; background-size: cover; background-repeat: no-repeat; } .whowe-are-area .sec-title h2 { color: #222222; font-size: 30px; line-height: 44px; font-weight: 700; margin: 13px 0 0; } .whowe-are-area .sec-title h2 span { color: #0098ff; font-weight: 500; } .single-featured-box { position: relative; display: block; padding: 25px 0 50px; margin-bottom: 50px; } .single-featured-box .inner-box { position: relative; display: block; background: #1f2437; padding: 54px 30px 40px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; } .single-featured-box .count-box { position: absolute; top: 0; left: 0; right: 0; width: 50px; height: 50px; margin: 0 auto; background: #ffffff; border: 1px solid #9ea06e; border-radius: 50%; color: #031f4b; font-size: 16px; line-height: 48px; font-weight: 600; font-family: 'Archivo', sans-serif; z-index: 2; } .single-featured-box h3 { font-size: 24px; line-height: 30px; font-weight: 600; margin: 0 0 23px; } .single-featured-box h3 a { color: #ffffff; } .single-featured-box .border-box { position: relative; display: block; width: 40px; height: 2px; background: #0098ff; margin: 0 auto; } .single-featured-box .border-box:before { position: absolute; content: ""; top: -5px; left: 0; bottom: 0; right: 0; width: 12px; height: 12px; background: #ffffff; border-radius: 50%; margin: 0 auto; } .single-featured-box .text { position: relative; display: block; padding: 22px 0 40px; } .single-featured-box .text p { color: #ffffff; margin: 0; } .single-featured-box .icon-holder { position: absolute; left: 0; bottom: 0; right: 0; width: 100px; height: 100px; margin: 0 auto; background: #222222; border-radius: 50%; z-index: 2; } .single-featured-box .icon-holder:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px dashed #1f2437; content: ""; z-index: -1; border-radius: 50%; } .single-featured-box .icon-holder span:before { position: relative; display: block; color: #ffffff; font-size: 50px; line-height: 50px; line-height: 100px; } .single-featured-box.bg2 .inner-box { background: #da251c; } .single-featured-box.bg2 .border-box { background: #da251c; } .single-featured-box.bg2 .icon-holder { background: #da251c; } .single-featured-box.bg3 .inner-box { background: #222222; } .single-featured-box.bg3 .icon-holder { background:#da251c; } /*** ============================================= About Style1 Area Css ============================================= ***/ .about-style1-area { position: relative; display: block; overflow: hidden; background: #ffffff; padding-top: 20px; } .about-style1-area.pdtop100 { padding-top: 100px; } .about-style1-text-box { position: relative; display: block; } .about-style1-text-box .sec-title { padding-bottom: 40px } .about-style1-text-box .inner-contant { position: relative; display: block; } .about-style1-text-box .inner-contant .text { position: relative; display: block; } .about-style1-text-box .inner-contant .text p { margin: 0; } .about-style1-text-box .inner-contant ul { position: relative; display: block; overflow: hidden; padding: 24px 0 32px; } .about-style1-text-box .inner-contant ul li { position: relative; display: block; padding-left: 40px; color: #777777; font-size: 18px; line-height: 48px; font-weight: 400; } .about-style1-text-box .inner-contant ul li:before { position: absolute; top: 0; left: 0; bottom: 0; font-family: FontAwesome; content: "\f046"; color: #0098ff; font-size: 18px; } .about-style1-text-box .inner-contant .bottom-box { position: relative; overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .about-style1-text-box .inner-contant .bottom-box .left { position: relative; display: block; } .about-style1-text-box .inner-contant .bottom-box .left .button {} .about-style1-text-box .inner-contant .bottom-box .right { position: relative; padding-left: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .about-style1-text-box .inner-contant .bottom-box .right .icon { position: relative; display: block; width: 60px; height: 60px; border: 1px dashed #1f2437; border-radius: 50%; font-size: 30px; line-height: 58px; text-align: center; } .about-style1-text-box .inner-contant .bottom-box .right .phone { position: relative; display: block; padding-left: 20px; } .about-style1-text-box .inner-contant .bottom-box .right .phone a { color: #031f4b; font-size: 24px; font-weight: 500; font-family: 'Archivo', sans-serif; } .about-style1-image-box { position: relative; display: block; max-width: 540px; width: 100%; float: right; } .about-style1-image-box .image-box { position: relative; display: block; } .about-style1-image-box .image-box img { width: 100%; border-radius: 20px; transform: scale(1.0); transition: all 700ms ease; height: 322px; } .about-style1-image-box .image-box .main-image { position: relative; display: block; max-width: 470px; width: 100%; float: left; } .about-style1-image-box .image-box .inner { position: relative; display: block; margin-top: -100px; max-width: 370px; width: 100%; float: right; } .about-style1-image-box .image-box .inner .icon { position: absolute; top: 50px; left: -60px; width: 120px; height: 120px; border: 2px dashed #1f2437; border-radius: 50%; padding: 13px; } .about-style1-image-box .image-box .inner .icon span:before { position: relative; display: block; width: 100%; height: 100%; background: #da251c; border-radius: 50%; color: #ffffff; font-size: 50px; text-align: center; line-height: 90px; } /*** ===================================================== Visa Style2 Area style ===================================================== ***/ .visa-style2-area { position: relative; display: block; background: #031f4b; padding: 100px 0 0px; } .visa-style2-area .sec-title h2 { color: #ffffff; } .visa-style2-area .sec-title h2 span { color: #ffffff; font-weight: 700; } .visa-style2-area.pdbottom100 { padding-bottom: 100px; } .single-visa-box-style2 { position: relative; display: block; padding: 50px 30px 40px; border: 1px dashed #ffffff; border-radius: 15px; } .single-visa-box-style2 .icon-holder { position: relative; display: block; } .single-visa-box-style2 .icon-holder span:before { font-size: 65px; line-height: 65px; } .single-visa-box-style2 .text-holder { position: relative; display: block; } .single-visa-box-style2 .text-holder h3 { color: #ffffff; font-size: 22px; line-height: 32px; font-weight: 600; margin: 33px 0 23px; } .single-visa-box-style2 .text-holder p { color: #ffffff; margin: 0; } .visa-style2-area .owl-carousel.owl-dot-style1 .owl-dots .owl-dot { background: #ffffff; } .visa-style2-area .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active { background: #0098ff; } /*** ===================================================== Select Country Style2 Area style ===================================================== ***/ .select-country-style2-area { position: relative; display: block; background: #ffffff; padding: 175px 0 100px; } .select-country-style2-area .layer-outer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center top; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; } .single-select-country-style2 { position: relative; display: block; padding-left: 270px; min-height: 220px; margin-bottom: 30px; } .single-select-country-style2 .img-holder { position: absolute; top: 0; left: 0; bottom: 0; width: 270px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single-select-country-style2 .img-holder img { width: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single-select-country-style2 .text-holder { position: relative; display: block; background: rgba(255, 255, 255, 0.80); border: 1px solid #ebebeb; border-left: none; width: 300px; padding: 40px 30px 20px; padding-right: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; min-height: 220px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .single-select-country-style2:hover .text-holder { border-color: #0098ff; } .single-select-country-style2 .text-holder h3 { font-size: 20px; line-height: 28px; margin: 0 0 15px; } .single-select-country-style2 .text-holder p { margin: 0 0 12px; } .single-select-country-style2 .text-holder a { position: relative; display: inline-block; padding-left: 20px; color: #0098ff; font-size: 16px; line-height: 25px; font-weight: 500; text-transform: capitalize; } .single-select-country-style2 .text-holder a:before { position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #031f4b; content: ""; } .single-select-country-style2 .text-holder a span:before { position: relative; display: inline-block; padding-left: 10px; color: #031f4b; font-size: 16px; font-weight: 700; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: left; transform-style: preserve-3d; transform: scaleX(0); } .single-select-country-style2:hover .text-holder a span:before { transform: scaleX(1.0); } .single-select-country-style2 .text-holder .icon { position: absolute; bottom: 15px; right: 15px; font-size: 100px; line-height: 100px; color: rgba(0, 0, 0, 0.07); z-index: -1; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-select-country-style2:hover .text-holder .icon { opacity: 1; transform: scale(1.0); } .select-country-style2-carousel {} .view-all-country-button-style2 { position: relative; display: block; padding-top: 40px; } .view-all-country-button-style2 p { position: relative; display: inline-block; padding: 0 30px; border: 1px dashed #acacac; border-radius: 10px; color: #777777; font-size: 15px; line-height: 58px; font-weight: 400; margin: 0; } .view-all-country-button-style2 p a { color: #0098ff; font-weight: 500; } /*** ============================================= Fact Counter Area style ============================================= ***/ .fact-counter-area { position: relative; display: block; padding: 60px 0 50px; background-attachment: scroll; background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 1; } .fact-counter-area:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background: rgb(218 37 28); z-index: -1; } .single-fact-counter { position: relative; display: block; padding-left: 90px; margin-bottom: 50px; } .single-fact-counter .icon-box { position: absolute; top: 0; left: 0; } .single-fact-counter .icon-box span:before { color: #fefefe; font-size: 72px; line-height: 72px; } .single-fact-counter .count-box { position: relative; display: block; height: 72px; padding: 4px 0; padding-left: 20px; z-index: 1; } .single-fact-counter .count-box:before { position: absolute; top: 0; left: 0; bottom: 0; width: 36px; border: 2px solid rgba(255, 255, 255, 0.30); content: ""; z-index: -1; } .single-fact-counter .count-box h2 { color: #ffffff; font-size: 36px; line-height: 40px; font-weight: 700; } .single-fact-counter .count-box h2 span:before { position: relative; display: inline-block; font-size: 15px; line-height: 15px; top: -11px; left: -6px; } .single-fact-counter .count-box h5 { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 600; margin: 3px 0 0; } /*** ============================================= Testimonial Style1 Area Css ============================================= ***/ .testimonial-style1-area { position: relative; display: block; background: #ffffff; padding: 100px 0 0; z-index: 10; } .testimonial-style1-area .layer-outer { position: absolute; top: 0; left: 0; right: 0; height: 530px; z-index: 1; } .testimonial-style1-area .layer-outer:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.80); content: ""; z-index: -1; } .testimonial-outer-box { position: relative; display: block; z-index: 2; border-top-right-radius: 15px; border-bottom-left-radius: 15px; } .testimonial-outer-box:before { position: absolute; top: 0; left: 0; right: 0; bottom: 68px; content: ""; -webkit-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.06); border-top-right-radius: 15px; border-bottom-left-radius: 15px; } .testimonial-outer-box .sec-title h2 { color: #ffffff; } .testimonial-outer-box .sec-title h2 span { color: #ffffff; } .single-testimonial-style1 { position: relative; display: block; padding-top: 70px; } .single-testimonial-style1 .img-box { position: absolute; top: 0; left: 50px; width: 130px; height: 130px; z-index: 2; } .single-testimonial-style1 .img-box img { width: 100%; border-radius: 50%; } .single-testimonial-style1 .text-box { position: relative; display: block; background: #ffffff; padding: 94px 50px 90px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; z-index: 1; } .single-testimonial-style1 .text-box h3 { color: #0098ff; font-size: 22px; line-height: 30px; font-weight: 500; margin: 0 0 16px; } .single-testimonial-style1 .text-box h3 span { color: #777777; font-size: 18px; } .single-testimonial-style1 .text-box p { color: #777777; font-size: 18px; line-height: 36px; margin: 0; } .single-testimonial-style1 .rating-box { position: absolute; top: 34px; right: 50px; } .testimonial-carousel.owl-carousel.owl-dot-style1 .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 60px; padding-left: 0px; padding-right: 0px; } .testimonial-image-box { position: relative; display: block; margin-left: -119px; z-index: 1; } .testimonial-image-box img { border-radius: 35px; } /*** ===================================================== Main Slider Style2 style ===================================================== ***/ .header-style-three { position: relative; background: #031f4b; } .header-style-three .container-box { position: relative; display: block; max-width: 1920px; width: 100%; margin: 0 auto; } .header-style3-logo-box { position: relative; display: block; max-width: 330px; width: 100%; } .header-style3-logo-box a { position: relative; display: inline-block; } .header-style3-logo-box a img { width: auto; } .header-style3-content-box { position: relative; display: block; max-width: 1215px; width: 100%; } .header-top-style2 { position: relative; display: block; padding-left: 45px; } .header-top-style2:before { position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: rgba(255, 255, 255, 0.10); content: ""; } .header-top-left-style2 { position: relative; display: block; } .header-top-left-style2 ul { position: relative; display: block; overflow: hidden; } .header-top-left-style2 ul li { position: relative; display: inline-block; float: left; margin-right: 50px; color: #ffffff; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 50px; } .header-top-left-style2 ul li:last-child { margin-right: 0; } .header-top-left-style2 ul li span:before { position: relative; display: inline-block; float: left; padding-right: 10px; font-size: 16px; } .header-top-left-style2 ul li a { color: #ffffff; } .header-top-right-style2 { position: relative; display: block; } .header-top-right-style2 .social-link { overflow: hidden; } .header-top-right-style2 .social-link li { position: relative; display: inline-block; float: left; } .header-top-right-style2 .social-link li a { position: relative; display: block; width: 50px; height: 50px; border-right: 1px solid rgba(255, 255, 255, 0.10); color: #ffffff; font-size: 12px; line-height: 50px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; } .header-top-right-style2 .social-link li a:hover { color: #0098ff; } .header-top-right-style2 .social-link li:first-child a { border-left: 1px solid rgba(255, 255, 255, 0.10); } .header-bottom-style2 { position: relative; display: block; padding-left: 45px; } .header-bottom-left-style2 { position: relative; display: block; } .header-bottom-left-style2 .nav-outer { position: relative; display: block; float: left; } .main-menu.style3 .navigation>li { margin-right: 50px; padding: 30px 0; } .main-menu.style3 .navigation>li:before { display: none; } .main-menu.style3 .navigation>li>a { position: relative; display: block; padding-left: 20px; color: #ffffff; font-size: 15px; font-weight: 600; text-transform: capitalize; } .main-menu.style3 .navigation>li>a:before { position: absolute; top: 0; left: 0; bottom: 0; content: "\f192"; font-family: fontawesome; font-size: 12px; } .header-bottom-right-style2 { position: relative; display: block; } .header-bottom-right-style2 .outer-search-box-style1 { float: left; padding: 25px 40px 25px; padding-left: 0; } .header-bottom-right-style2 .button-box { position: relative; display: block; float: right; } .header-bottom-right-style2 .button-box a { position: relative; display: inline-block; padding: 0 60px; background: #0098ff; color: #ffffff; font-size: 18px; line-height: 89px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .header-bottom-right-style2 .button-box a span:before { position: relative; display: inline-block; padding-left: 10px; } .header-bottom-right-style2 .button-box a:hover { background: #021a3f; } .header-style3-right-box { position: relative; display: block; max-width: 355px; width: 100%; } .any-questions-box.style2 { position: relative; display: block; border-left: none; padding: 41px 50px 41px; float: none; } .any-questions-box.style2 .icon span:before { color: #ffffff; } .any-questions-box.style2 .title h4 { color: #ffffff; } .any-questions-box.style2 .title a { color: #ffffff; } /*** ============================================= Banner Area Css ============================================= ***/ .banner-area { position: relative; display: block; padding: 200px 0 200px; background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: scroll; z-index: 1; } .banner-area:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); content: ""; z-index: -1; } .visa-form-box { position: relative; display: block; padding: 47px 40px 50px; max-width: 470px; width: 100%; float: right; border-radius: 20px; } .visa-form-box .title { position: relative; display: block; padding-bottom: 32px; } .visa-form-box .title h3 { color: #0098ff; font-size: 16px; line-height: 20px; font-weight: 700; } .visa-form-box .title h2 { color: #777777; font-size: 30px; line-height: 36px; font-weight: 500; margin: 9px 0 0; } .visa-form-box .title h2 span { color: #031f4b; font-weight: 700; } .visa-form-box form { position: relative; display: block; } .visa-form-box form .input-box { position: relative; display: block; margin-bottom: 20px; } .visa-form-box form .input-box .icon { position: absolute; top: 50%; right: 23px; transform: translateY(-50%); color: #bbbbbb; font-size: 14px; } .visa-form-box form input[type="text"], .visa-form-box form input[type="email"], .visa-form-box form textarea { position: relative; display: block; background: #ffffff; border: 1px solid #cccccc; width: 100%; height: 60px; color: red; font-size: 14px; font-weight: 400; font-style: normal; padding-left: 25px; padding-right: 50px; border-radius: 7px; transition: all 500ms ease; font-family: 'Roboto', sans-serif; } .visa-form-box form textarea { height: 170px; padding-top: 15px; padding-left: 25px; padding-bottom: 10px; padding-right: 50px; } .visa-form-box form input[type="text"]:focus { color: #222222; border-color: #0098ff; } .visa-form-box form input[type="email"]:focus { color: #222222; border-color: #0098ff; } .visa-form-box form input[type="text"]::-webkit-input-placeholder { color: #777777; } .visa-form-box form input[type="text"]:-moz-placeholder { color: #777777; } .visa-form-box form input[type="text"]::-moz-placeholder { color: #777777; } .visa-form-box form input[type="text"]:-ms-input-placeholder { color: #777777; } .visa-form-box form input[type="email"]::-webkit-input-placeholder { color: #777777; } .visa-form-box form input[type="email"]:-moz-placeholder { color: #777777; } .visa-form-box form input[type="email"]::-moz-placeholder { color: #777777; } .visa-form-box form input[type="email"]:-ms-input-placeholder { color: #777777; } .visa-form-box .bootstrap-select { position: relative; display: block; width: 100% !important; height: 60px; } .visa-form-box .bootstrap-select>.dropdown-toggle { position: relative; display: block; outline: none !important; border-radius: 7px; border: 1px solid #cccccc; background-color: #ffffff !important; max-width: 100%; width: 100%; height: 60px; margin: 0; padding: 0; padding-left: 25px; padding-right: 50px; color: #777777 !important; font-size: 14px; line-height: 58px; font-weight: 400; letter-spacing: normal; text-transform: capitalize; box-shadow: none !important; font-family: 'Roboto', sans-serif; } .visa-form-box .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .visa-form-box .bootstrap-select .dropdown-menu li a span.text { display: inline-block; margin: 0; } .visa-form-box .bootstrap-select>.dropdown-toggle::after { position: absolute; top: 50%; right: 23px; width: auto; height: auto; font-family: 'FontAwesome'; content: '\f107'; color: #83888d; font-size: 18px; transform: translateY(-50%); margin: 0; border: none; } .visa-form-box .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0; border: 0px solid #ddd; background: #f9f9f9; font-size: 16px; color: #000000; } .visa-form-box .bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid #d7d7d7; } .visa-form-box .dropdown-item { display: block; width: 100%; padding: 9px 20px 9px; color: #222222; font-size: 14px; font-weight: 400; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: 0; transition: all 500ms ease; font-family: 'Archivo', sans-serif; } .visa-form-box .dropdown-item.active, .visa-form-box .dropdown-item:active { color: #0098ff; } .visa-form-box .dropdown-item:hover { color: #0098ff; } .visa-form-box form .button-box button { padding: 0 40px; } /*** ===================================================== Select Country Style2 Area style ===================================================== ***/ .select-country-style3-area { position: relative; display: block; background: #ffffff; padding: 100px 0 185px; } .select-country-style3-area.country-page { padding-bottom: 155px; } .select-country-style3-area .layer-outer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center top; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; } .select-country-style3-area .top { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .select-country-style3-area .top .text { position: relative; top: -6px; display: block; max-width: 620px; width: 100%; } .select-country-style3-area .top .text p { margin: 0; } .single-select-country-style3 { position: relative; display: block; margin-bottom: 30px; } .single-select-country-style3 .img-holder { position: relative; display: block; } .single-select-country-style3 .img-holder .inner { position: relative; display: block; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } .single-select-country-style3 .img-holder .inner::before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 152, 255, 0.90); content: ""; transition: all 0.3s ease-in-out 0.2s; transform-style: preserve-3d; transform: perspective(1200px) rotateX(-90deg) translateZ(0px); } .single-select-country-style3:hover .img-holder .inner::before { transform: perspective(1200px) rotateX(0deg) translateZ(0px); transition: all 0.6s ease-in-out 0.1s; } .single-select-country-style3 .img-holder .flug { position: absolute; bottom: -25px; right: 40px; z-index: 2; width: 80px; height: 50px; border-radius: 10px; -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.12); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.12); z-index: 10; } .single-select-country-style3 .img-holder .flug img { border-radius: 5px; border: 1px solid #ffffff; } .single-select-country-style3 .img-holder img { width: 100%; } .single-select-country-style3 .text-holder { position: relative; display: block; background: rgba(255, 255, 255, 0.99); padding: 44px 40px 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-box-shadow: 0px 5px 9px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 5px 9px 2px rgba(0, 0, 0, 0.07); z-index: 2; } .single-select-country-style3 .text-holder h3 { font-size: 20px; line-height: 28px; margin: 0 0 15px; } .single-select-country-style3 .text-holder p { margin: 0; } .single-select-country-style3 .text-holder .icon { position: absolute; bottom: 15px; right: 15px; color: rgba(0, 0, 0, 0.07); font-size: 100px; line-height: 100px; z-index: -1; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-select-country-style3:hover .text-holder .icon { opacity: 1; transform: scale(1.0); } /*** ============================================= Partner Style2 Area Css ============================================= ***/ .partner-style2-area { position: relative; display: block; margin-top: -85px; } .partner-box-style2 { position: relative; background: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; padding: 0px 0 0px; -webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.07); border-radius: 20px; z-index: 10; } .single-partner-logo-box-style2 { position: relative; overflow: hidden; flex: 0 0 25%; max-width: 25%; width: 100%; } .single-partner-logo-box-style2 a { position: relative; display: inline-block; } .single-partner-logo-box-style2 a img { opacity: 1.0; transition: all 0.2s ease-in-out 0.1s; } .single-partner-logo-box-style2:hover a img { opacity: 1.0; transition: all 0.8s ease-in-out 0.1s; } .single-partner-logo-box-style2 .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.5s ease-in-out 0.2s; opacity: 0; transform-style: preserve-3d; transform: perspective(1200px) scale(1.3); } .single-partner-logo-box-style2:hover .overlay { opacity: 1; transform: perspective(1200px) scale(1.0); } .single-partner-logo-box-style2 .overlay a { position: relative; display: inline-block; } /*** ============================================= choose Area Css ============================================= ***/ .choose-style2-area { position: relative; display: block; background: #ffffff; padding: 100px 0 0px; } .choose-style2-area .layer-outer { position: absolute; left: 0; bottom: 50px; right: 0; height: 80%; background-position: bottom center; background-repeat: no-repeat; z-index: 1; } .choose-style2-area.about-page { padding-top: 0; padding-bottom: 100px; } .choose-content-box-style2 { position: relative; display: block; z-index: 10; } .choose-content-box-style2 .sec-title { padding-bottom: 48px; } .choose-content-box-style2 .inner-content { position: relative; display: block; padding: 90px 70px 85px; border-radius: 20px; z-index: 1; } .choose-content-box-style2 .inner-content:before { position: absolute; top: 0; left: 0; bottom: 0; right: -200px; background: #f5f5f5; content: ""; border-radius: 20px; z-index: -1; } .choose-content-box-style2 .inner-content ul { position: relative; display: block; } .choose-content-box-style2 .inner-content ul li { position: relative; display: block; padding-left: 100px; min-height: 100px; margin-bottom: 45px; } .choose-content-box-style2 .inner-content ul li:last-child { margin-bottom: 0; } .choose-content-box-style2 .inner-content ul li .icon { position: absolute; top: 0px; left: 0; width: 100px; height: 100px; background: #ffffff; border-radius: 50%; color: #0098ff; font-size: 50px; line-height: 100px; text-align: center; -webkit-box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.08); z-index: 1; -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } .choose-content-box-style2 .inner-content ul li:hover .icon { color: #ffffff; } .choose-content-box-style2 .inner-content ul li .icon:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #031f4b; content: ""; border-radius: 50%; z-index: -1; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .choose-content-box-style2 .inner-content ul li:hover .icon:before { opacity: 1; transform: scale(1.0); } .choose-content-box-style2 .inner-content ul li .icon:after { position: absolute; top: 5px; left: 5px; bottom: -5px; right: -5px; background: #0098ff; content: ""; border-radius: 50%; z-index: -2; opacity: 0; transform: scale(0.0); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .choose-content-box-style2 .inner-content ul li:hover .icon:after { opacity: 1; transform: scale(1.0); } .choose-content-box-style2 .inner-content ul li .text { position: relative; display: block; padding-left: 30px; } .choose-content-box-style2 .inner-content ul li .text h3 { font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 15px; } .choose-content-box-style2 .inner-content ul li .text h3 a { color: #031f4b; } .choose-content-box-style2 .inner-content ul li:hover .text h3 a { color: #0098ff; } .choose-content-box-style2 .inner-content ul li .text p { margin: 0; } .video-holder-box.style2 { min-height: 670px; border-radius: 20px; z-index: 10; } .fact-counter-box-style2 { position: relative; display: block; padding: 250px 0 50px; background-color: #031f4b; margin-top: -150px; } .fact-counter-box-style2 .single-fact-counter { z-index: 10; } .fact-counter-box-style2 .single-fact-counter .icon-box span:before { color: #0098ff; } .fact-counter-box-style2 .single-fact-counter .count-box:before { border: 2px solid rgba(255, 255, 255, 0.10); } .fact-counter-box-style2 .single-fact-counter .count-box h2 { color: #ffffff; } /*** ===================================================== Visa Style3 Area style ===================================================== ***/ .visa-style3-area { position: relative; display: block; background: #ffffff; padding: 100px 0 100px; z-index: 1; } .visa-style3-area .layer-outer { position: absolute; top: 0; left: 0; bottom: -165px; right: 0; z-index: -1; } .visa-style3-area .layer-outer .left-shape { position: relative; display: block; float: left; width: 45%; height: 100%; background-attachment: scroll; background-size: cover; background-position: left top; background-repeat: no-repeat; } .visa-style3-area .layer-outer .right-shape { position: relative; display: block; float: right; width: 45%; height: 100%; background-attachment: scroll; background-size: cover; background-position: left top; background-repeat: no-repeat; } .single-visa-box-style3 { position: relative; display: block; padding: 50px 30px 40px; border: 1px dashed #bbbbbb; border-radius: 15px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .single-visa-box-style3:hover { border: 1px dashed #0098ff; } .single-visa-box-style3::before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #ffffff; content: ""; transition: all 0.3s ease-in-out 0.2s; transform-style: preserve-3d; transform: perspective(1200px) scaleX(0) translateZ(0px); border-radius: 15px; z-index: -1; } .single-visa-box-style3:hover::before { transform: perspective(1200px) scaleX(1.0) translateZ(0px); transition: all 0.6s ease-in-out 0.1s; } .single-visa-box-style3 .readmore-button a { position: absolute; left: 40px; bottom: -20px; width: 40px; height: 40px; background: #ffffff; border-radius: 50%; border: 1px solid #0098ff; color: #031f4b; font-size: 18px; line-height: 38px; text-align: center; display: block; transition: all 0.3s ease-in-out 0.2s; transform-style: preserve-3d; transform: perspective(1200px) rotateX(-90deg) translateZ(0px); } .single-visa-box-style3:hover .readmore-button a { transform: perspective(1200px) rotateX(0deg) translateZ(0px); transition: all 0.6s ease-in-out 0.1s; } .single-visa-box-style3 .icon-holder { position: relative; display: block; } .single-visa-box-style3 .icon-holder span:before { font-size: 65px; line-height: 65px; } .single-visa-box-style3 .text-holder { position: relative; display: block; } .single-visa-box-style3 .text-holder h3 { color: #031f4b; font-size: 22px; line-height: 32px; font-weight: 600; margin: 33px 0 23px; } .single-visa-box-style3 .text-holder p { color: #777777; margin: 0; } .single-visa-box-style3 .owl-carousel.owl-dot-style1 .owl-dots .owl-dot { background: #777777; } .single-visa-box-style3 .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active { background: #0098ff; } /*** ============================================= Testimonial Style2 Area Css ============================================= ***/ .testimonial-style2-area { position: relative; display: block; background: #0098ff; padding-top: 270px; } .testimonial-style2-area:before { position: absolute; left: 0; bottom: 0; right: 0; height: 250px; background: #ffffff; content: ""; } .testimonial-outer-box-style2 { position: relative; display: block; } .testimonial-outer-box-style2 .sec-title h3 { color: #031f4b; } .testimonial-outer-box-style2 .sec-title h2 { color: #ffffff; } .testimonial-outer-box-style2 .sec-title h2 span { color: #ffffff; } .single-testimonial-style2 { position: relative; display: block; padding-top: 65px; } .single-testimonial-style2 .img-box { position: absolute; top: 0; left: 0px; right: 0; width: 130px; height: 130px; margin: 0 auto; z-index: 2; } .single-testimonial-style2 .img-box img { width: 100%; border-radius: 50%; } .single-testimonial-style2 .img-box .quote-icon { position: absolute; left: 0; bottom: -20px; right: 0; width: 40px; height: 40px; margin: 0 auto; background: #ffffff; border-radius: 50%; color: #031f4b; font-size: 15px; line-height: 40px; -webkit-box-shadow: 0px 3px 11px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 11px 2px rgba(0, 0, 0, 0.08); } .single-testimonial-style2 .text-box { position: relative; display: block; background-attachment: scroll; background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 119px 50px 42px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.06); z-index: 1; } .single-testimonial-style2 .text-box h3 { color: #0098ff; font-size: 24px; line-height: 30px; font-weight: 600; margin: 0 0 10px; } .single-testimonial-style2 .text-box h4 { color: #777777; font-size: 18px; line-height: 20px; font-weight: 600; margin: 0 0 21px; } .single-testimonial-style2 .text-box p { color: #777777; font-size: 18px; line-height: 36px; margin: 0; } .single-testimonial-style2 .rating-box { position: relative; display: block; padding-top: 21px; } .single-testimonial-style2 .rating-box ul li { float: none; margin-right: 0; margin: 0 1px; } .testimonial-carousel-style2.owl-carousel.owl-dot-style1 .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 60px; padding-left: 0px; padding-right: 0px; } .testimonial-carousel-style2.owl-carousel.owl-dot-style1 .owl-dots .owl-dot { background: #e1e1e1; } .testimonial-carousel-style2.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active { background: #031f4b; } /*** ============================================= Faq Area Css ============================================= ***/ .faq-area { position: relative; display: block; z-index: 1; } .faq-area .faq-bg { position: absolute; left: 0; bottom: 0; right: 0; height: 90%; background-position: center top; background-size: cover; background-repeat: no-repeat; z-index: -1; } .faq-image-box { position: relative; display: block; padding-top: 100px; padding-bottom: 185px; z-index: 10; } .faq-image-box .layer-outer { position: absolute; top: 0; right: 200px; bottom: 0; left: -100000px; background: #f5f5f5; border-top-right-radius: 30px; z-index: -1; } .faq-image-box .top-image { position: relative; display: block; margin-left: 100px; } .faq-image-box .top-image img { width: 100%; border-radius: 35px; } .faq-image-box .bottom-image { position: relative; display: block; max-width: 270px; width: 100%; border: 2px solid #ffffff; border-radius: 20px; margin-top: -100px; } .faq-image-box .bottom-image img { width: 100%; border-radius: 20px; } .faq-content-box { position: relative; display: block; padding-top: 59px; padding-left: 40px; } .faq-content-box .sec-title {} .faq-image-box.style2 { padding-top: 100px; padding-bottom: 141px; } .faq-image-box.style2 .layer-outer { border-top-right-radius: 0px; border-bottom-right-radius: 30px; } .faq-content-box.style2 { padding-top: 100px; padding-left: 40px; } .subscribe-content-box.style2 { position: relative; background: #0098ff; margin-top: -85px; border-radius: 15px; z-index: 100; } .subscribe-content-box.style2 .subscribe-form button { background-color: #031f4b; } /*** ============================================= Header Style Four Css ============================================= ***/ .header-style-four {} .header-top-style3 { position: relative; display: block; padding: 15px 0; } .header-top-style3 .outer-container { position: relative; display: block; max-width: 100%; width: 100%; } .header-top-style3 .outer-box { position: relative; display: block; } .header-top-right-style3 { position: relative; display: block; width: 60%; } .header-top-right-style3 ul { position: relative; display: block; overflow: hidden; } .header-top-right-style3 ul li { position: relative; display: inline-block; float: left; margin-right: 50px; color: #ffffff; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 30px; } .header-top-right-style3 ul li:last-child { margin-right: 0; } .header-top-right-style3 ul li span:before { position: relative; display: inline-block; float: left; padding-right: 10px; font-size: 16px; } .header-top-right-style3 ul li a { color: #ffffff; } .header-style4 { position: relative; display: block; } .header-style4 .outer-container { position: relative; display: block; width: 100%; } .header-style4 .outer-box { position: relative; display: block; } .header-left-style4 { position: relative; display: block; max-width: 330px; border-top-right-radius: 40px; width: 100%; background: rgba(126, 126, 128, 0.9); background: -moz-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126, 126, 128, 0.9)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e80', endColorstr='#000000', GradientType=0); } .header-left-style4 .logo { position: relative; display: block; text-align: center; padding: 27px 0 28px; } .header-left-style4 .logo a { position: relative; display: inline-block; } .header-left-style4 .logo a img { width: auto; } .header-right-style4 { position: relative; display: block; padding: 0 60px; border-top-left-radius: 40px; width: 60%; background: rgba(126, 126, 128, 0.9); background: -moz-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126, 126, 128, 0.9)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(126, 126, 128, 0.9) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e80', endColorstr='#000000', GradientType=0); } .header-right-style4 .nav-outer { position: relative; display: block; float: left; } .main-menu.style4 .navigation>li { margin-right: 30px; padding: 45px 0; } .main-menu.style4 .navigation>li:before { display: none; } .main-menu.style4 .navigation>li>a { position: relative; display: block; padding-right: 40px; color: #ffffff; font-size: 15px; font-weight: 600; text-transform: capitalize; } .main-menu.style4 .navigation>li>a:before { position: absolute; top: 0; right: 0; bottom: 0; content: "\f192"; font-family: fontawesome; font-size: 12px; } .main-menu.style4 .navigation>li:last-child>a:before { display: none; } .header-right-style4 .cart-box { position: relative; display: block; float: right; padding: 40px 0px; padding-right: 35px; } .header-right-style4 .outer-search-box-style1 { position: relative; display: block; float: right; padding: 40px 0px 40px; } /*** ============================================= Main slider Style3 Css ============================================= ***/ .main-slider.style3 {} .main-slider.style3 .slide { padding: 339px 0px 260px; } .main-slider.style3 .content h3 { color: #4ab5ff; font-size: 24px; line-height: 40px; font-weight: 700; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.1em; } .main-slider.style3 .content h2 { color: #ffffff; font-size: 72px; line-height: 1.3em; font-weight: 700; margin-top: 24px; margin-bottom: 38px; } .main-slider.style3 .owl-dot-style1 .owl-nav { top: 0%; left: auto; right: 0; bottom: 0; width: 110px; opacity: 1; transform: none; } .main-slider.style3 .owl-theme .owl-nav .owl-next { right: 50px; top: 48%; margin-top: 0px; } .main-slider.style3 .owl-theme .owl-nav .owl-prev { left: auto; right: 50px; top: auto; bottom: 37%; margin-top: 0px; transform: rotate(180deg); } .slider-social-links { position: absolute; top: 180px; left: 60px; bottom: 0; width: 50px; z-index: 100; } .slider-social-links .social-box { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; } .slider-social-links ul li { position: relative; display: block; margin-bottom: 10px; } .slider-social-links ul li:last-child { margin-bottom: 0; } .slider-social-links ul li a { position: relative; display: block; width: 50px; height: 50px; color: #ffffff; font-size: 16px; line-height: 50px; text-align: center; border-radius: 5px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-social-links ul li a:hover { background: #0098ff; } /*** ============================================= Contact Area Css ============================================= ***/ .contact-area { position: relative; display: block; overflow: hidden; background-color: #f6f6f6; background-attachment: scroll; background-position: top right; background-size: cover; background-repeat: no-repeat; } .contact-info-box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 50px; padding-bottom: 50px; z-index: 1; } .contact-info-box .inner { position: relative; display: block; padding-left: 100px; z-index: 1; } .contact-info-box .inner:before { position: absolute; top: -50px; right: 560px; bottom: -50px; left: -1000px; background: #031f4b; content: ""; -moz-transform: skew(-15deg, 0deg); -webkit-transform: skew(-15deg, 0deg); -o-transform: skew(-15deg, 0deg); -ms-transform: skew(-15deg, 0deg); transform: skew(-15deg, 0deg); z-index: -1; } .contact-info-box .inner .icon { position: relative; width: 100px; height: 100px; border: 10px solid rgba(0, 152, 255, 0.20); border-radius: 50%; } .contact-info-box .inner .icon, .contact-info-box .inner .title { display: table-cell; vertical-align: middle; } .contact-info-box .inner .title { position: relative; padding-left: 50px; } .contact-info-box .inner .title h2 { color: #031f4b; font-size: 36px; line-height: 44px; font-weight: 600; margin: 0 0 7px; } .contact-info-box .inner .title h5 { color: #777777; font-size: 16px; line-height: 20px; font-weight: 600; } /*** ============================================= About Style1 Area Homepfour Css ============================================= ***/ .about-style1-area.homepfour { padding: 100px 0 100px; } .about-style1-area.homepfour .about-style1-image-box { float: left; } /*** ============================================= Fact Counter Area style ============================================= ***/ .fact-counter-style2-area { position: relative; display: block; padding: 100px 0 231px; background-attachment: scroll; background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 1; } .fact-counter-style2-area:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background: rgba(3, 31, 77, 0.95); z-index: -1; } .fact-counter-style2-area.pdbottm40 { padding-bottom: 40px; } .single-fact-counter-style2 { position: relative; display: block; margin-bottom: 50px; } .single-fact-counter-style2 .icon-box { position: relative; display: block; padding-bottom: 33px; } .single-fact-counter-style2 .icon-box span:before { color: #ffffff; font-size: 65px; line-height: 65px; } .single-fact-counter-style2 .count-box { position: relative; display: block; } .single-fact-counter-style2 .count-box h2 { color: #0098ff; font-size: 36px; line-height: 40px; font-weight: 700; } .single-fact-counter-style2 .count-box h2 span:before { position: relative; display: inline-block; font-size: 20px; line-height: 20px; top: -5px; left: 3px; } .single-fact-counter-style2 .count-box h4 { color: #ffffff; font-size: 18px; line-height: 30px; font-weight: 700; margin: 25px 0 0; font-family: 'Roboto', sans-serif; } /*** ============================================= Consultant Area Css ============================================= ***/ .consultant-area { position: relative; display: block; } .consultant-box { position: relative; display: block; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center top; margin-top: -190px; background: #ffffff; border-radius: 20px; padding: 80px 70px 70px; -webkit-box-shadow: 0px 5px 11px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 11px 2px rgba(0, 0, 0, 0.06); z-index: 10; } .consultant-content { position: relative; display: block; } .consultant-content .sec-title { padding-bottom: 43px; } .consultant-content .sec-title h3 { letter-spacing: .1em; } .consultant-content .inner-contnt { position: relative; display: block; } .consultant-content .inner-contnt .single-box { position: relative; display: block; } .consultant-content .inner-contnt .single-box h3 { color: #0098ff; font-size: 20px; line-height: 24px; font-weight: 700; } .consultant-content .inner-contnt .single-box ul { position: relative; display: block; overflow: hidden; padding-top: 17px; padding-bottom: 12px; } .consultant-content .inner-contnt .single-box ul li { position: relative; display: block; padding-left: 30px; color: #777777; font-size: 14px; line-height: 30px; } .consultant-content .inner-contnt .single-box ul li:before { position: absolute; top: 0; left: 1px; bottom: 0; content: "\f192"; font-family: fontawesome; color: #031f4b; font-size: 12px; } .consultant-content .inner-contnt .single-box ul li a { color: #777777; } .consultant-content .inner-contnt .single-box .button { position: relative; display: block; } .consultant-content .inner-contnt .single-box .button a { color: #031f4b; font-size: 16px; font-weight: 700; font-family: 'Archivo', sans-serif; } .consultant-map-box { position: relative; display: block; } .consultant-map-box .inner-map { position: relative; display: block; padding-bottom: 2px; } .consultant-map-box .inner-map img { width: auto; } /*** ============================================= Blog style2 Area Css ============================================= ***/ .blog-style2-area { position: relative; display: block; background: #ffffff; padding: 100px 0 140px; } .single-blog-style1.style1instyle2 { margin-bottom: 30px; } .single-blog-style1.style1instyle2 .text-holder { padding: 0px 0 0px; border-bottom: 0px solid; } .single-blog-style1.style1instyle2 .text-holder:before { display: none; } .single-blog-style1.style1instyle2 .text-holder h3 { margin: 16px 0 0px; } /*** ============================================= Getin Touch Area Css ============================================= ***/ .getin-touch-area { position: relative; display: block; background-color: #031f4b; background-attachment: scroll; background-position: top right; background-repeat: no-repeat; background-size: auto; padding-bottom: 20px; } .getin-touch-area .map-outer .map-canvas { position: relative; height: 700px; margin-top: -70px; margin-left: -400px; } .getin-touch-content { position: relative; display: block; padding-top: 100px; } .getin-touch-content .sec-title {} .getin-touch-content .sec-title h2 span { color: #ffffff; } .getin-touch-content .inner-content { position: relative; display: block; } .getin-touch-content .inner-content .contact-info { position: relative; display: block; overflow: hidden; } .getin-touch-content .inner-content .contact-info .single { position: relative; display: block; margin-bottom: 35px; } .getin-touch-content .inner-content .contact-info .single:last-child { margin-bottom: 0; } .getin-touch-content .inner-content .contact-info .single .icon { width: 50px; } .getin-touch-content .inner-content .contact-info .single .icon span:before { font-size: 50px; line-height: 50px; } .getin-touch-content .inner-content .contact-info .single .icon, .getin-touch-content .inner-content .contact-info .single .text { display: table-cell; vertical-align: middle; } .getin-touch-content .inner-content .contact-info .single .text { padding-left: 20px; } .getin-touch-content .inner-content .contact-info .single .text h4 { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .getin-touch-content .inner-content .contact-info .single .text p { color: #ffffff; line-height: 20px; margin: 9px 0 0; } .getin-touch-content .inner-content .contact-info .single .text p a { color: #ffffff; } .social-media-box { position: relative; display: block; padding-top: 65px; } .social-media-box h3 { color: #ffffff; font-size: 24px; line-height: 30px; font-weight: 700; } .social-media-box ul { position: relative; display: block; overflow: hidden; padding-top: 23px; } .social-media-box ul li { position: relative; display: inline-block; float: left; margin-right: 10px; } .social-media-box ul li:last-child { margin-right: 0; } .social-media-box ul li a { position: relative; display: block; height: 40px; width: 40px; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff; font-size: 14px; line-height: 38px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; } .social-media-box ul li a:hover { color: #ffffff; border-color: #da251c; background: #da251c; } /*** ============================================= Footer Area Style2 Css ============================================= ***/ .footer-area.style2 { position: relative; display: block; } .footer-area.style2:before { background: #f5f5f5; } .single-footer-widget.style2 .title h3 { color: #031f4b; } .single-footer-widget.style2 .our-company-info { padding-right: 30px; } .single-footer-widget.style2 .our-company-info .text { padding-bottom: 0px; } .single-footer-widget.style2 .our-company-info .text p { color: #777777; } .single-footer-widget.style2 .countries-links li a { color: #777777; } .single-footer-widget.style2 .countries-links li a:before { color: #777777; } .single-footer-widget.style2 .countries-links li a:hover { color: #0098ff; } .single-footer-widget.style2 .visa-type-links li a { color: #777777; } .single-footer-widget.style2 .visa-type-links li a:before { color: #777777; } .single-footer-widget.style2 .visa-type-links li a:hover { color: #0098ff; } .single-footer-widget .benefits-links { position: relative; display: block; margin-top: -11px; } .single-footer-widget .benefits-links li { position: relative; display: block; line-height: 36px; } .single-footer-widget .benefits-links li a { position: relative; display: block; padding-left: 20px; color: #777777; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget .benefits-links li a:before { position: absolute; content: "\f101"; font-family: FontAwesome; top: 0; left: 0; bottom: 0; font-size: 16px; color: #777777; } .single-footer-widget .benefits-links li a:hover { color: #031f4b; } .footer-bottom.style2 .outer-box { border-top: 2px solid #dddddd; } .copyright-text.style2 p { color: #031f4b; } .copyright-text.style2 p a { color: #031f4b; } .footer-menu.style2 ul li a { color: #031f4b; font-weight: 600; } .footer-menu.style2 ul li:before { background: #031f4b; } .footer-menu.style2 ul li a:hover { color: #0098ff; } /*** ============================================= Header Style Five Css ============================================= ***/ .header-style-five { position: relative; } .header-top-style4 { position: relative; display: block; background: #0098ff; padding: 5px 0; } .header-top-style4 .outer-box { position: relative; display: block; } .header-top-left-style4 { position: relative; display: block; } .header-top-left-style4 ul { position: relative; display: block; overflow: hidden; } .header-top-left-style4 ul li { position: relative; display: inline-block; float: left; margin-right: 30px; color: #ffffff; font-size: 14px; line-height: 30px; font-family: 'Roboto', sans-serif; } .header-top-left-style4 ul li:last-child { margin-right: 0; } .header-top-left-style4 ul li span:before { position: relative; display: inline-block; float: left; padding-right: 10px; color: #031f4b; font-size: 16px; } .header-top-left-style4 ul li a { color: #ffffff; } .header-top-right-style4 { position: relative; display: block; padding-right: 30px; } .header-social-link-style4 { position: relative; display: block; } .header-social-link-style4 ul { overflow: hidden; line-height: 0; } .header-social-link-style4 ul li { position: relative; display: inline-block; color: #ffffff; font-size: 14px; line-height: 30px; margin-right: 25px; } .header-social-link-style4 ul li:last-child { margin-right: 0; } .header-social-link-style4 ul li a { position: relative; display: block; color: #ffffff; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .header-social-link-style4 ul li a:hover { color: #031f4b; } .header-style5 { position: relative; display: block; } .header-style5 .outer-box { position: relative; display: block; } .header-left-style5 { position: relative; display: block; } .header-left-style5 .logo { position: relative; display: block; padding: 13px 0 13px; } .header-left-style5 .logo a { position: relative; display: inline-block; } .header-left-style5 .logo a img { width: auto; } .header-right-style5 { position: relative; display: block; } .header-right-style5:before { position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #0098ff; content: ""; z-index: 10; } .header-right-style5 .nav-outer { position: relative; display: block; float: left; } .main-menu.style5 .navigation>li { padding: 0; margin-right: 10px; } .main-menu.style5 .navigation>li:last-child { margin-right: 0; } .main-menu.style5 .navigation>li:before { display: none; } .main-menu.style5 .navigation>li>a { position: relative; display: block; padding: 25px 20px; color: #222222; font-size: 14px; line-height: 30px; font-weight: 600; text-transform: capitalize; font-family: 'Archivo', sans-serif; z-index: 1; } .main-menu.style5 .navigation>li:hover>a, .main-menu.style5 .navigation>li.current>a { color: #ffffff; } .main-menu.style5 .navigation>li>a:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #031f4b; content: ""; z-index: -1; transform: scaleX(0); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .main-menu.style5 .navigation>li:hover>a:before, .main-menu.style5 .navigation>li.current>a:before { transform: scaleX(1.0); } .header-right-style5 .btns-box { position: relative; display: inline-block; float: left; padding: 20px 0; margin: 0 20px; } .header-right-style5 .btns-box a { color: #031f4b; font-size: 14px; line-height: 38px; padding: 0 19px; border: 1px solid #031f4b; background: #ffffff; } .header-right-style5 .outer-search-box-style1 { position: relative; display: block; float: right; padding: 20px 0; } .header-right-style5 .outer-search-box-style1 .seach-toggle { width: 70px; height: 40px; color: #0098ff; font-size: 18px; line-height: 38px; border: 1px dashed #ffffff; text-align: center; } .any-questions-box.style3 { position: absolute; top: -5px; right: -300px; bottom: 0; float: none; border: none; padding: 0; z-index: 1; } .any-questions-box.style3:before { position: absolute; top: -50px; left: -52px; bottom: 0; right: -10000px; background: #031f4b; content: ""; z-index: -1; } .any-questions-box.style3 .icon span:before { color: #ffffff; } .any-questions-box.style3 .title h4 { color: #ffffff; } .any-questions-box.style3 .title a { color: #ffffff; } /*** ============================================= Breadcrumb area style ============================================= ***/ .breadcrumb-area { position: relative; background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 159px 0 160px; z-index: 10; } .breadcrumb-area::before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.70) none repeat scroll 0 0; content: ""; z-index: -1; } .breadcrumb-area .inner-content { position: relative; display: block; } .breadcrumb-area .title { position: relative; display: block; margin: 0 0 9px; } .breadcrumb-area .title h2 { color: #ffffff; font-size: 48px; line-height: 60px; font-weight: 600; text-transform: capitalize; } .breadcrumb-menu ul { position: relative; display: block; overflow: hidden; } .breadcrumb-menu ul li { position: relative; display: inline-block; color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; padding: 0 3px; text-transform: capitalize; font-family: 'Roboto', sans-serif; } .breadcrumb-menu ul li a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; } .breadcrumb-menu ul li a:hover { color: #0098ff; } .breadcrumb-menu ul li.active { color: #0098ff; } /*** ============================================= Visa Detail Area Css ============================================= ***/ .visa-detail-area { position: relative; display: block; background: #ffffff; padding: 100px 0 0px; } .visa-detail-content { position: relative; display: block; } .visa-detail-content .img-box { position: relative; display: block; padding-bottom: 32px; } .visa-detail-content .img-box img { width: 101%; border-radius: 15px; } .visa-detail-content .text-box { position: relative; display: block; } .visa-detail-content .text-box h2 { color: #031f4b; font-size: 30px; line-height: 40px; font-weight: 600; margin: 0 0 12px; } .visa-detail-content .text-box p {} .visa-detail-featured { position: relative; display: block; overflow: hidden; padding: 22px 0 50px; } .visa-detail-featured li { position: relative; display: block; padding-left: 90px; margin-bottom: 30px; } .visa-detail-featured li:last-child { margin-bottom: 0; } .visa-detail-featured li .icon { position: absolute; top: 7px; left: 0; } .visa-detail-featured li .icon span:before { font-size: 60px; line-height: 60px; } .visa-detail-featured li .text {} .visa-detail-featured li .text h3 { font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 4px; } .visa-detail-featured li .text p { margin: 0; } .visa-benefits-content { position: relative; display: block; } .visa-benefits-content .title { position: relative; display: block; padding-bottom: 24px; } .visa-benefits-content .title h2 { color: #031f4b; font-size: 30px; line-height: 40px; font-weight: 600; margin: 0 0 12px; } .visa-benefits-content .title p {} .visa-benefits-content ul { position: relative; display: block; overflow: hidden; margin-top: -15px; } .visa-benefits-content ul li { position: relative; display: block; padding-left: 40px; color: #777777; font-size: 16px; line-height: 44px; font-weight: 400; } .visa-benefits-content ul li:before { position: absolute; top: 0; left: 1px; bottom: 0; font-family: Flaticon; content: "\f14b"; color: #0098ff; } .visa-benefits-content img { width: 100%; border-radius: 15px; } .visa-detail-content .text-box .bottom-text { position: relative; display: block; padding-top: 29px; } .visa-detail-content .text-box .bottom-text p { margin: 0; } .sidebar-style1 { position: relative; display: block; padding-left: 30px; } .sidebar-style1 .title { position: relative; display: block; margin-top: -3px; padding-bottom: 28px; } .sidebar-style1 .title p { line-height: 20px; font-weight: 500; font-family: 'Archivo', sans-serif; margin: 0 0 9px; color: #ffffff; text-align:center; } .sidebar-style1 .title h3 { color:#ffffff; font-size: 24px; line-height: 30px; font-weight: 700; text-align:center; } .single-sidebar-style1 { position: relative; display: block; margin-bottom: 60px; } .single-sidebar-style1.last-child { margin-bottom: 0; background-color: #1f2437; padding: 16px; } .single-sidebar-style1 .page-links { position: relative; display: block; } .single-sidebar-style1 .page-links li { position: relative; display: block; line-height: 60px; } .single-sidebar-style1 .page-links li a { position: relative; display: block; padding: 0 30px; padding-right: 35px; background: #f4fbff; border-bottom: 1px solid #d7d7d7; color: #031f4b; font-size: 16px; font-weight: 400; text-align: right; font-family: 'Archivo', sans-serif; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .single-sidebar-style1 .page-links li:last-child a { border-bottom: none; } .single-sidebar-style1 .page-links li a:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #031f4b; content: ""; z-index: -1; transform: perspective(370px) rotateX(-90deg); transform-origin: top; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-sidebar-style1 .page-links li a:hover, .single-sidebar-style1 .page-links li.active a { color: #ffffff; } .single-sidebar-style1 .page-links li a:hover:before, .single-sidebar-style1 .page-links li.active a:before { opacity: 1; transform: perspective(370px) rotateY(0deg); } .single-sidebar-style1 .page-links li a:after { position: absolute; top: 0; right: 0; bottom: 0; width: 5px; background: #0098ff; content: ""; z-index: -1; transform: perspective(370px) scaleY(0); transform-origin: right; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .single-sidebar-style1 .page-links li a:hover:after, .single-sidebar-style1 .page-links li.active a:after { transform: perspective(370px) scaleY(1.0); } .single-sidebar-style1 .page-links li a i { float: left; color: #0098ff; font-size: 16px; line-height: 60px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-sidebar-style1 .page-links li a:hover i, .single-sidebar-style1 .page-links li.active a i { color: #ffffff; } .single-sidebar-style1 .visa-form-box { padding: 0; float: none; } /*** ============================================= Coaching Style2 Area Css ============================================= ***/ .coaching-style2-area { position: relative; display: block; background: #ffffff; padding: 100px 0 135px; z-index: 1; } .coaching-style2-area .row { margin-left: -25px; margin-right: -25px; } .coaching-style2-area .row [class*=col-] { padding-left: 25px; padding-right: 25px; } .single-coaching-item-style2 { position: relative; display: block; border-radius: 20px; padding: 60px 30px 55px; background: #ffffff; -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.06); border-radius: 12px; margin-bottom: 50px; z-index: 2; } .single-coaching-item-style2 .inner { position: relative; z-index: 10; } .single-coaching-item-style2 .icon { position: relative; display: block; } .single-coaching-item-style2 .icon span:before { color: #031f4b; font-size: 75px; line-height: 75px; transition: all 700ms ease 100ms; } .single-coaching-item-style2:hover .icon span:before { color: #ffffff; } .single-coaching-item-style2 h3 { color: #3fa6fe; font-size: 24px; line-height: 30px; font-weight: 600; margin: 19px 0 0; } .single-coaching-item-style2 h3 a { color: #3fa6fe; transition: all 700ms ease 100ms; } .single-coaching-item-style2:hover h3 a { color: #ffffff; } .single-coaching-item-style2 p { margin: 15px 0 0; transition: all 700ms ease 100ms; } .single-coaching-item-style2:hover p { color: #ffffff; } .single-coaching-item-style2 .coaching-item-style2-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 20px; transform: scaleX(0.0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22); z-index: 1; } .single-coaching-item-style2 .coaching-item-style2-bg:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; border-radius: 20px; background: rgba(63, 165, 254, 0.9); background: -moz-linear-gradient(top, rgba(63, 165, 254, 0.9) 0%, rgba(3, 31, 76, 0.9) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(63, 165, 254, 0.9)), color-stop(100%, rgba(3, 31, 76, 0.9))); background: -webkit-linear-gradient(top, rgba(63, 165, 254, 0.9) 0%, rgba(3, 31, 76, 0.9) 100%); background: -o-linear-gradient(top, rgba(63, 165, 254, 0.9) 0%, rgba(3, 31, 76, 0.9) 100%); background: -ms-linear-gradient(top, rgba(63, 165, 254, 0.9) 0%, rgba(3, 31, 76, 0.9) 100%); background: linear-gradient(to bottom, rgba(63, 165, 254, 0.9) 0%, rgba(3, 31, 76, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa5fe', endColorstr='#031f4c', GradientType=0); z-index: -1; } .single-coaching-item-style2:hover .coaching-item-style2-bg { transform: scaleX(1.0); } /*** ============================================= Coaching Detail Area Css ============================================= ***/ .coaching-detail-area { position: relative; display: block; background: #ffffff; padding: 100px 0 159px; } .sidebar-style1.style1instyle2 { max-width: 370px; width: 100%; padding: 0; } .sidebar-style1.style1instyle2 .single-sidebar-style1 .page-links li a { padding: 0 35px; padding-right: 30px; text-align: left; } .sidebar-style1.style1instyle2 .single-sidebar-style1 .page-links li a i { float: right; } .sidebar-style1.style1instyle2 .single-sidebar-style1 .page-links li a:after { top: 0; left: 0; right: auto; bottom: 0; } .sidebar-download-box { position: relative; display: block; overflow: hidden; } .sidebar-download-box ul { overflow: hidden; } .sidebar-download-box ul li { position: relative; display: block; } .sidebar-download-box ul li a { position: relative; background: #0098ff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ffffff; padding: 25px 40px 26px; } .sidebar-download-box ul li:last-child a { border-bottom: none; } .sidebar-download-box ul li .left { position: relative; display: flex; } .sidebar-download-box ul li .left .icon { width: 50px; } .sidebar-download-box ul li .left .icon span:before { position: relative; top: 5px; color: #ffffff; font-size: 38px; line-height: 40px; } .sidebar-download-box ul li .left .text { position: relative; display: block; } .sidebar-download-box ul li .left .text h4 { color: #ffffff; font-size: 18px; line-height: 24px; font-weight: 500; } .sidebar-download-box ul li .right { position: relative; display: block; } .sidebar-download-box ul li .right span:before { position: relative; top: 2px; color: #006db7; font-size: 20px; } .coaching-detail-content { position: relative; display: block; } .coaching-detail-content .img-box { position: relative; display: block; padding-bottom: 32px; } .coaching-detail-content .img-box img { width: 100%; border-radius: 20px; } .coaching-detail-content .text-box { position: relative; display: block; } .coaching-detail-content .text-box .inner-content { position: relative; display: block; } .coaching-detail-content .text-box .inner-content h2 { font-size: 30px; line-height: 40px; font-weight: 700; margin: 0 0 12px; } .coaching-detail-content .text-box .inner-content ul { position: relative; display: block; overflow: hidden; } .coaching-detail-content .text-box .inner-content ul li { position: relative; display: block; padding-left: 35px; margin-bottom: 4px; } .coaching-detail-content .text-box .inner-content ul li:last-child { margin-bottom: 0; } .coaching-detail-content .text-box .inner-content ul li .icon { position: absolute; top: 1px; left: 1px; } .coaching-detail-content .text-box .inner-content ul li .icon span:before { color: #0098ff; font-size: 16px; line-height: 16px; } .coaching-detail-content .text-box .inner-content ul li .text { position: relative; display: block; } .coaching-detail-content .text-box .inner-content ul li .text p { line-height: 28px; margin: 0; } .coaching-prepare-content { position: relative; display: block; padding-top: 43px; } .coaching-prepare-content .title { position: relative; display: block; padding-bottom: 30px; } .coaching-prepare-content .title h2 { color: #031f4b; font-size: 30px; line-height: 40px; font-weight: 600; } .coaching-prepare-content .img-box { position: relative; display: block; padding: 0; } .coaching-prepare-content .img-box img { width: 100%; } .coaching-prepare-content .left { position: relative; display: block; } .coaching-prepare-content .single-box { position: relative; display: block; padding-top: 40px; margin-top: -6px; } .coaching-prepare-content .single-box h3 { color: #0098ff; font-size: 24px; line-height: 30px; font-weight: 600; margin: 0 0 5px; } .coaching-prepare-content .single-box p { margin: 0; } .coaching-prepare-content .img-holder { position: relative; display: block; padding-top: 40px; } .coaching-prepare-content .img-holder img { width: 100%; } .coaching-detail-content .text-box .bottom-content-box { position: relative; display: block; padding-top: 43px; } .coaching-detail-content .text-box .bottom-content-box .title { position: relative; display: block; padding-bottom: 22px; } .coaching-detail-content .text-box .bottom-content-box .title h2 { color: #031f4b; font-size: 30px; line-height: 40px; font-weight: 600; } /*** ============================================= Error Page Area Style ============================================= ***/ .error-page-area { position: relative; display: block; overflow: hidden; background: #f2f7ff; padding: 117px 0 205px; } .error-content { position: relative; display: block; z-index: 3; } .error-content h4 { color: #222222; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; } .error-content .title { position: relative; display: block; font-size: 180px; line-height: 150px; font-weight: 700; text-transform: uppercase; margin: 17px 0 12px; } .error-content p { font-size: 18px; line-height: 28px; font-weight: 400; margin: 0 0 32px; } .error-content .button { line-height: 0; } .error-content .button a {} /*** ============================================= Faq Content Area Css ============================================= ***/ .faq-content-area { position: relative; display: block; padding: 100px 0 185px; } .faq-content-area .layer-outer { position: absolute; top: 200px; left: 0; right: 0; bottom: 0; background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: auto; opacity: .60; } .faq-content-box-style2 .accordion-box .accordion .accord-btn { padding-left: 30px; padding-right: 60px; padding-top: 21px; padding-bottom: 21px; } .faq-content-box-style2 .accordion-box .accordion .accord-btn h4 { font-size: 18px; line-height: 26px; } .faq-content-box-style2 .accordion-box .accordion .accord-content p { font-size: 16px; line-height: 30px; } .faq-content-box-style2 .accordion-box .accordion .accord-content { padding-left: 30px; padding-right: 60px; padding-bottom: 24px; } .question-form { position: relative; display: block; padding-top: 80px; } .question-form form input[type="text"], .question-form form input[type="email"], .question-form form textarea { position: relative; display: block; background: #ffffff; border: 1px solid #dddddd; width: 100%; height: 60px; margin-bottom: 20px; padding: 0 25px; color: #777777; font-size: 14px; font-weight: 400; border-radius: 7px; transition: all 500ms ease; font-family: 'Roboto', sans-serif; } .question-form form textarea { height: 150px; padding: 15px 25px; } .question-form form button { width: 200px; margin: 0 auto; display: block; } /*** ============================================= Blog Area Css ============================================= ***/ .blog-area { position: relative; display: block; background: #ffffff; padding: 100px 0 185px; } .single-blog-style1.style1instyle3 { margin-bottom: 60px; } .single-blog-style1.style1instyle3 .text-holder { padding: 35px 0 12px; border-bottom: 2px solid #dddddd; } .single-blog-style1.style1instyle3 .text-holder h3 { font-size: 30px; line-height: 40px; margin: 18px 0 0px; } .single-blog-style1.style1instyle3 .text-holder .text { position: relative; display: block; padding-top: 12px; } .styled-pagination { position: relative; display: block; width: 100%; height: auto; } .styled-pagination li { position: relative; display: inline-block; margin: 0px 3px; } .styled-pagination li a { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 7px; background: #ffffff; border: 1px solid #ebebeb; color: #777777; font-size: 16px; line-height: 38px; font-weight: 500; text-align: center; text-transform: capitalize; transition: all 500ms ease; z-index: 1; font-family: 'Archivo', sans-serif; } .styled-pagination li a:hover, .styled-pagination li a.active { color: #031f4b; border-color: #031f4b; } .styled-pagination li.prev a, .styled-pagination li.next a { color: #ffffff; line-height: 38px; border-color: #031f4b; background: #031f4b; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover { color: #031f4b; background: #0098ff; } .sidebar-wrapper { position: relative; display: block; max-width: 370px; width: 100%; } .sidebar-wrapper .single-sidebar { position: relative; display: block; overflow: hidden; margin-bottom: 60px; } .sidebar-wrapper .single-sidebar.last-child { margin: 0; } .sidebar-wrapper .single-sidebar .title { position: relative; display: block; margin-top: -6px; padding-bottom: 33px; } .sidebar-wrapper .single-sidebar .title h3 { color: #031f4b; font-size: 24px; line-height: 30px; font-weight: 700; text-transform: capitalize; } .sidebar-search-box { position: relative; display: block; } .sidebar-search-box form.search-form { position: relative; display: block; width: 100%; } .sidebar-search-box .search-form input[type="text"] { position: relative; display: block; width: 100%; height: 60px; border-radius: 0px; background: #0098ff; border: 0px solid #e5e5e5; color: #ffffff; font-size: 14px; font-weight: 400; padding-left: 30px; padding-right: 80px; transition: all 500ms ease 0s; } .sidebar-search-box .search-form button { position: absolute; top: 0px; right: 0px; width: 70px; height: 60px; background: #0098ff; color: #ffffff; font-size: 16px; line-height: 60px; display: block; text-align: center; border: 0px solid #e1e1e1; transition: all 500ms ease 0s; } .sidebar-search-box .search-form button i { font-size: 16px } .sidebar-search-box .search-form input[type="text"]:focus { color: #000; border-color: #337ce8; } .sidebar-search-box .search-form input[type="text"]:focus+button, .sidebar-search-box .search-form button:hover { color: #000000; } .sidebar-search-box .search-form input::-webkit-input-placeholder { color: #ffffff; } .sidebar-search-box .search-form input:-moz-placeholder { color: #ffffff; } .sidebar-search-box .search-form input::-moz-placeholder { color: #ffffff; } .sidebar-search-box .search-form input:-ms-input-placeholder { color: #ffffff; } .single-sidebar .categories-box { position: relative; display: block; } .single-sidebar .categories { position: relative; display: block; overflow: hidden; margin-top: -17px; } .single-sidebar .categories li { position: relative; display: block; } .single-sidebar .categories li a { position: relative; display: block; border-bottom: 1px solid #dddddd; color: #888888; font-size: 16px; line-height: 60px; font-weight: 400; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; font-family: 'Archivo', sans-serif; } .single-sidebar .categories li:last-child a { border-bottom: none; } .single-sidebar .categories li:hover a { color: #0098ff; } .single-sidebar .recent-posts { position: relative; display: block; } .single-sidebar .recent-posts li { position: relative; display: block; min-height: 90px; padding-left: 90px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dddddd; } .single-sidebar .recent-posts li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .single-sidebar .recent-posts li .img-box { position: absolute; top: 0; left: 0; width: 90px; height: 90px; overflow: hidden; border-radius: 10px; } .single-sidebar .recent-posts li .img-box img { width: 100%; } .single-sidebar .recent-posts li .img-box .overlay-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.90); border-radius: 10px; opacity: 0; transform: perspective(400px) rotate(90deg); transform-origin: top; transition: all 0.5s ease-in-out 0s; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 2; } .single-sidebar .recent-posts li:hover .img-box .overlay-content { opacity: 1; transform: perspective(400px) rotate(0deg); transition: all 0.3s ease-in-out 0.3s; } .single-sidebar .recent-posts li .img-box .overlay-content a { color: #ffffff; font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .single-sidebar .recent-posts li .title-box { position: relative; display: block; padding-left: 20px; min-height: 90px; } .single-sidebar .recent-posts li .title-box h4 { font-size: 18px; line-height: 30px; font-weight: 700; margin: 0 0 9px; } .single-sidebar .recent-posts li .title-box h4 a { color: #031f4b; transition: all 200ms linear; transition-delay: 0.1s; } .single-sidebar .recent-posts li .title-box h4 a:hover { color: #0098ff; } .single-sidebar .recent-posts li .title-box .date { color: #777777; font-size: 14px; line-height: 16px; font-weight: 400; text-transform: capitalize; margin: 0; } .single-sidebar .popular-tag { position: relative; display: block; overflow: hidden; margin-left: -5px; margin-right: -5px; } .single-sidebar .popular-tag li { position: relative; display: inline-block; float: left; margin: 0 5px 10px; } .single-sidebar .popular-tag li a { position: relative; display: block; background: #ffffff; padding: 0px 19px 0px; border: 1px solid #dddddd; border-radius: 0px; color: #888888; font-size: 14px; line-height: 38px; font-weight: 400; text-transform: capitalize; z-index: 1; transition: all 0.4s ease-in-out 0.1s; } .single-sidebar .popular-tag li a:hover { color: #ffffff; border-color: #0098ff; background: #0098ff; } .single-sidebar .top { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .single-sidebar .top .title {} .single-sidebar .top .follow-us-button { position: relative; display: block; top: -3px; } .single-sidebar .top .follow-us-button a { color: #888888; font-size: 16px; line-height: 20px; font-weight: 500; font-family: 'Archivo', sans-serif; } .single-sidebar .instagram { position: relative; display: block; overflow: hidden; margin-left: -5px; margin-right: -5px; } .single-sidebar .instagram li { position: relative; display: inline-block; float: left; width: 115px; min-height: 105px; margin: 0 5px 10px; } .single-sidebar .instagram li .img-box { position: relative; display: block; overflow: hidden; } .single-sidebar .instagram li .img-box img { width: 100%; } .single-sidebar .instagram li .img-box .overlay-content { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; opacity: 0; background-color: #0098ff; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: skew(0deg, 0deg) scale(1.2, 1.2); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-sidebar .instagram li:hover .img-box .overlay-content { opacity: 1; transform: translateY(0px); } .single-sidebar .instagram li .img-box .overlay-content a { position: relative; display: inline-block; color: #222222; font-size: 25px; line-height: 25px; transform: scale(0); transition: all 500ms ease 100ms; } .single-sidebar .instagram li:hover .img-box .overlay-content a { transform: scale(1.0); transition: all 700ms ease 600ms; } /*** ============================================= Blog Single Area style ============================================= ***/ .blog-single-area { padding-bottom: 185px; } .blog-single-area .blog-post { position: relative; display: block; } .blog-single-area .single-blog-style1.style1instyle3 { margin-bottom: 0px; } .blog-single-area .single-blog-style1.style1instyle3 .text-holder { padding: 35px 0 24px; border-bottom: none; } .blog-single-area .single-blog-style1 .text-holder:before { display: none; } .blog-detail-author-box { position: relative; display: block; background: #0098ff; padding: 44px 50px 38px; border-radius: 15px; } .blog-detail-author-box h3 { color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 700; margin: 0 0 13px; } .blog-detail-author-box p { color: #ffffff; font-size: 18px; line-height: 36px; font-weight: 400; margin: 0; } .blog-details-text-box-one { position: relative; display: block; padding: 42px 0 24px; } .blog-details-text-box-two { position: relative; display: block; } .blog-details-text-box-two .img-box { position: relative; display: block; } .blog-details-text-box-two .img-box img { width: 100%; } .blog-details-text-box-two .text-box { position: relative; display: block; } .blog-details-text-box-two .text-box h3 { color: #0098ff; font-size: 24px; line-height: 32px; font-weight: 600; margin: 0 0 14px; } .blog-details-text-box-two .text-box p { margin: 0; } .blog-details-text-box-two .text-box ul { position: relative; display: block; overflow: hidden; padding-top: 21px; } .blog-details-text-box-two .text-box ul li { position: relative; display: block; padding-left: 30px; line-height: 44px; } .blog-details-text-box-two .text-box ul li:before { position: absolute; top: 0; left: 1px; bottom: 0; content: "\f14b"; font-family: Flaticon; color: #031f4b; } .blog-details-text-box-three { position: relative; display: block; padding-top: 53px; } .blog-details-text-box-three h3 { color: #0098ff; font-size: 24px; line-height: 32px; font-weight: 700; margin: 0 0 14px; } .blog-details-text-box-three p {} .blog-single-area .tag-box { position: relative; display: block; overflow: hidden; background: #f5f5f5; padding: 15px 30px 15px; margin-top: 40px; } .blog-single-area .tag-box .tag { position: relative; display: block; padding-left: 30px; } .blog-single-area .tag-box .tag .icon { position: absolute; top: 0; left: 0; color: #0098ff; } .blog-single-area .tag-box .tag ul { position: relative; display: block; overflow: hidden; } .blog-single-area .tag-box .tag ul li { position: relative; display: inline-block; float: left; margin-right: 5px; } .blog-single-area .tag-box .tag ul li:last-child { margin-right: 0; } .blog-single-area .tag-box .tag ul li a { position: relative; display: block; color: #031f4b; font-size: 14px; line-height: 30px; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .blog-single-area .tag-box .right { position: relative; display: block; } .blog-single-area .tag-box .right .sociallinks-style-two li { line-height: 30px; margin-right: 20px; } .blog-single-area .tag-box .right .sociallinks-style-two li:last-child { margin-right: 0; } .blog-single-area .tag-box .right .sociallinks-style-two li a i { color: #0098ff; } .comment-box { position: relative; display: block; overflow: hidden; padding-top: 73px; } .comment-box .title { position: relative; display: block; padding-bottom: 32px; } .comment-box .title h3 { color: #031f4b; font-size: 36px; line-height: 40px; font-weight: 600; } .comment-box .outer-box { position: relative; display: block; } .comment-box .single-comment { position: relative; display: block; margin-bottom: 50px; } .comment-box .single-comment.marleft { margin-left: 70px; } .comment-box .single-comment-box { position: relative; display: block; min-height: 120px; padding-left: 120px; } .comment-box .single-comment-box .img-holder { position: absolute; left: 0; top: 30px; width: 120px; height: 120px; z-index: 1; } .comment-box .single-comment-box .img-holder img { width: 100%; border-radius: 5px; } .comment-box .single-comment-box .text-holder { position: relative; display: block; padding-top: 25px; padding-left: 50px; padding-bottom: 30px; padding-right: 20px; min-height: 120px; } .comment-box .single-comment-box .text-holder:before { position: absolute; top: 0; left: -20px; bottom: 0; right: 0; border: 1px solid #eeeeee; content: ""; } .comment-box .single-comment-box .text-holder h3 { color: #031f4b; font-size: 20px; line-height: 26px; font-weight: 600; margin: 0 0 10px; } .comment-box .single-comment-box .text-holder h6 { color: #0098ff; font-size: 16px; font-weight: 500; margin: 0 0 18px; } .comment-box .single-comment-box .text-holder .reply-button { position: relative; display: block; padding-top: 3px; } .comment-box .single-comment-box .text-holder .reply-button a { position: relative; display: inline-block; background: #031f4b; padding: 0 20px; border-radius: 5px; color: #ffffff; font-size: 14px; line-height: 30px; font-weight: 500; transition: all 500ms ease; font-family: 'Archivo', sans-serif; } .comment-box .single-comment-box .text-holder .reply-button a:hover { background-color: #0098ff; } .add-comment-box { position: relative; display: block; overflow: hidden; padding-top: 24px; } .add-comment-box .title { position: relative; display: block; padding-bottom: 32px; } .add-comment-box .title h3 { color: #031f4b; font-size: 36px; line-height: 40px; font-weight: 600; } .add-comment-box #add-comment-form {} .add-comment-box #add-comment-form input[type="text"], .add-comment-box #add-comment-form input[type="email"], .add-comment-box #add-comment-form textarea { position: relative; display: block; background: #ffffff; border: 1px solid #d7d7d7; width: 100%; height: 60px; color: #aaaaaa; font-size: 14px; font-style: normal; font-weight: 400; padding: 0 30px; border-radius: 5px; margin-bottom: 20px; transition: all 500ms ease; } .add-comment-box #add-comment-form textarea { height: 180px; padding: 15px 30px; border: 1px solid #d7d7d7; margin-bottom: 30px; } .add-comment-box #add-comment-form input[type="text"]:focus { border-color: #c7c2c2; } .add-comment-box #add-comment-form input[type="email"]:focus { border-color: #c7c2c2; } .add-comment-box #add-comment-form textarea:focus { border-color: #c7c2c2; } .add-comment-box #add-comment-form .button-box { position: relative; display: block; } /*** ============================================= Contact Form Area Css ============================================= ***/ .contact-form-area { position: relative; display: block; padding: 0px 0px 55px; background-color: #ffffff; } .contact-form-area .title { position: relative; display: block; padding-bottom: 50px; } .contact-form-area .title h2 { font-size: 36px; line-height: 40px; font-weight: 700; margin: 0 0 24px; margin-top: 44px; } .contact-form-area .title p { margin: 0; } .contact-form { position: relative; display: block; max-width: 970px; width: 100%; margin: 0 auto; } .contact-form form { position: relative; display: block; } .contact-form form .input-box { position: relative; display: block; margin-bottom: 20px; } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea { position: relative; display: block; background: #ffffff; border: 1px solid #cccccc; width: 100%; height: 60px; color: red; font-size: 14px; font-weight: 400; font-style: normal; padding-left: 29px; padding-right: 20px; border-radius: 7px; transition: all 500ms ease; font-family: 'Roboto', sans-serif; } .contact-form form .input-box .fc { position: relative; display: block; background: #ffffff; border: 1px solid #cccccc; width: 100%; height: 60px; color:gray; font-size: 14px; font-weight: 400; font-style: normal; padding-left: 29px; padding-right: 20px; border-radius: 7px; transition: all 500ms ease; font-family: 'Roboto', sans-serif; } .contact-form form textarea { height: 150px; padding-top: 17px; padding-left: 29px; padding-right: 20px; } .contact-form form input[type="text"]:focus { color: #222222; border-color: #e8e3e3; } .contact-form form input[type="email"]:focus { color: #222222; border-color: #e8e3e3; } .contact-form form textarea:focus { color: #222222; border-color: #e8e3e3; } .contact-form form input[type="text"]::-webkit-input-placeholder { color: #777777; } .contact-form form input[type="text"]:-moz-placeholder { color: #777777; } .contact-form form input[type="text"]::-moz-placeholder { color: #777777; } .contact-form form input[type="text"]:-ms-input-placeholder { color: #777777; } .contact-form form input[type="email"]::-webkit-input-placeholder { color: #777777; } .contact-form form input[type="email"]:-moz-placeholder { color: #777777; } .contact-form form input[type="email"]::-moz-placeholder { color: #777777; } .contact-form form input[type="email"]:-ms-input-placeholder { color: #777777; } .contact-form form textarea::-webkit-input-placeholder { color: #777777; } .contact-form form textarea:-moz-placeholder { color: #777777; } .contact-form form textarea::-moz-placeholder { color: #777777; } .contact-form form textarea:-ms-input-placeholder { color: #777777; } .contact-form form .button-box { position: relative; display: block; line-height: 0; } /*** ============================================= Google Map Area Css ============================================= ***/ .google-map-area { position: relative; display: block; background: #ffffff; } .google-map-area .map-outer { position: relative; display: block; max-width: 100%; width: 100%; } .google-map-area .map-outer .map-canvas { position: relative; width: 100%; height: 600px; } /*** ============================================= Biography Area style ============================================= ***/ .biography-area { position: relative; display: block; background: #121e40; padding: 150px 0 150px; } .biography-area .top { position: relative; display: block; } .biography-area .sec-title .big-title { color: #ffffff; opacity: .03; left: -150px; } .biography-area .sec-title h2 { color: #ffffff; } .biography-image-box { position: relative; display: block; } .biography-image-box img { width: auto; border-radius: 20px; } .biography-content { position: relative; display: block; } .bio-carousel { position: relative; } .bio-carousel .carousel-outer { position: relative; } .bio-carousel .carousel-outer:before { position: absolute; content: ''; left: 0; bottom: 49px; right: -100000px; height: 3px; background-color: #f5f5f5; opacity: .15; } .bio-carousel .carousel-outer .content-carousel { max-width: 550px; width: 100%; margin-left: 200px; } .bio-carousel .carousel-outer .content-carousel .owl-item.active .content-inner { position: relative; } .bio-carousel .carousel-outer .content-slide { position: relative; } .bio-carousel .carousel-outer .content-carousel .owl-stage-outer { padding-top: 43px; padding-bottom: 52px; } .bio-carousel .carousel-outer .content-slide .content-inner { position: relative; display: block; max-width: 400px; text-align: center; } .bio-carousel .carousel-outer .content-slide .content-inner h3 { color: #ffffff; font-size: 24px; line-height: 32px; font-weight: 500; display: block; } .bio-carousel .carousel-outer .content-carousel .owl-nav { display: none; } .bio-carousel .carousel-outer .thumbs-outer { position: relative; overflow: hidden; padding-bottom: 40px; } .bio-carousel .thumbs-carousel { position: relative; max-width: 350px; text-align: left; } .bio-carousel .thumbs-carousel .owl-stage-outer { overflow: visible; } .bio-carousel .thumbs-carousel li { position: relative; color: #ffffff; font-size: 24px; line-height: 28px; font-weight: 600; cursor: pointer; text-align: center; padding: 0; transition: all 0.3s ease; display: inline-block; font-family: 'Work Sans', sans-serif; top: 50px; } .bio-carousel .thumbs-carousel li:before { position: absolute; bottom: 51px; left: 5px; width: 13px; height: 13px; border-radius: 50%; background: #f5f5f5; content: ""; z-index: 3; } .bio-carousel .thumbs-carousel .owl-item.active { position: relative; } .bio-carousel .thumbs-carousel .owl-item:before { position: absolute; bottom: 0; left: 0px; width: 23px; height: 23px; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.30); content: ""; z-index: 3; } .bio-carousel .thumbs-carousel .owl-item:after { position: absolute; left: 0px; bottom: 9px; width: 0; height: 3px; background: #ffffff; content: ""; z-index: 3; transition: all 700ms ease 400ms; } .bio-carousel .thumbs-carousel .owl-item.active:after { width: 100%; } .bio-carousel .thumbs-carousel .owl-item.active li { position: relative; color: #337ce8; } .bio-carousel .thumbs-carousel .owl-nav { display: none; } /*** ============================================= RTL Page Css ============================================= ***/ /** Mainmenu Rtl Css **/ .rtl .main-menu .navigation>li { float: right; margin-right: 10px; } .rtl .main-menu .navigation>li:first-child { margin-right: 0; } .rtl .main-menu .navigation>li:last-child {} .rtl .main-menu .navigation>li>ul { left: auto; right: 0; } .rtl .main-menu .navigation>li>ul>li>a { text-align: right; } .rtl .main-menu .navigation>li>ul>li>a:before { display: none; } .rtl .main-menu .navigation>li>ul>li.dropdown>a:after { display: none; } .rtl .main-menu .navigation>li>ul>li>ul { left: auto; right: 100%; } .rtl .main-menu .navigation>li>ul>li>ul>li>a { text-align: right; } .rtl .main-menu .navigation>li>ul>li>ul>li a:before { display: none; } .rtl .sticky-header .main-menu .navigation>li { margin-right: 40px; } .rtl .sticky-header .main-menu .navigation>li:first-child { margin-right: 0px; } .rtl.scroll-top { left: 20px; right: auto; } .rtl .outer-search-box-style1 .search-box { left: 0%; right: auto; } .rtl .header-left-style4 { border-top-right-radius: 0px; border-top-left-radius: 40px; } .rtl .header-right-style4 { border-top-right-radius: 40px; border-top-left-radius: 0px; } .rtl .header-right-style4 .outer-search-box-style1 { float: left; } .rtl .header-right-style4 .cart-box { float: left; padding: 40px 0px; padding-right: 5px; padding-left: 40px; } .rtl .header-right-style4 .nav-outer { float: right; } .rtl .header-top-right-style3 ul li { float: right; margin-right: 0; margin-left: 30px; } .rtl .header-top-right-style3 ul li:last-child { margin-left: 0; } .rtl .header-top-right-style3 ul li span:before { float: right; padding-right: 0; padding-left: 10px; } .rtl .about-style1-text-box .inner-contant ul li { padding-left: 0px; padding-right: 40px; } .rtl .about-style1-text-box .inner-contant ul li:before { transform: rotateY(180deg); left: auto; right: 0; } .rtl .about-style1-text-box .inner-contant .bottom-box .right { padding-left: 0; padding-right: 30px; } .rtl .about-style1-text-box .inner-contant .bottom-box .right .phone { padding-left: 0px; padding-right: 20px; } .rtl .single-blog-style1 .text-holder .meta-info li { float: right; padding-right: 0; margin-right: 0; margin-left: 15px; } .rtl .single-blog-style1 .text-holder .meta-info li:last-child { margin-left: 0; } .rtl .single-blog-style1 .text-holder .meta-info li:before { display: none; } .rtl .single-blog-style1 .text-holder .meta-info li span:before { padding-right: 0px; padding-left: 6px; } .rtl .single-footer-widget .title:before { left: auto; right: 0; } .rtl .footer-social-links ul li { float: right; margin-right: 0; margin-left: 10px; } .rtl .footer-social-links ul li:last-child { margin-left: 0; } .rtl .single-footer-widget .countries-links li a { padding-left: 0px; padding-right: 20px; } .rtl .single-footer-widget .countries-links li a:before { left: auto; right: 0; transform: rotateY(180deg); } .rtl .single-footer-widget .visa-type-links li a { padding-left: 0px; padding-right: 20px; } .rtl .single-footer-widget .visa-type-links li a:before { left: auto; right: 0; transform: rotateY(180deg); } .rtl .single-footer-widget .footer-contact-info ul li .text { padding-left: 0px; padding-right: 20px; } /*============================================== DatePicker Css ===============================================*/ #ui-datepicker-div.ui-widget-content { border: 1px solid #c5c5c5; background: #fff none repeat scroll 0 0; border: 1px solid #777; color: #252525; font-family: "Poppins", sans-serif; font-size: 14px; border-radius: 0px; width: 270px; padding: 5px; z-index: 10 !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { background: #151515 none repeat scroll 0 0; border: 2px solid #252525; border-radius: 0; color: #fff; font-weight: 700; padding: 5px 0; position: relative; } .ui-datepicker td a { color: #000000 !important; text-align: center; background-image: none !important; background: #f5f5f5 !important; border: 1px solid #f9f9f9 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #333333 !important; background: #333333 !important; color: #ffffff !important; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border-radius: 30%; height: 20px; position: absolute; top: 7px; width: 20px; transition: all 500ms ease; cursor: pointer; } .ui-datepicker .ui-datepicker-next { right: 5px; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { top: 7px; background: #fff; border: none; } .ui-datepicker table { border-collapse: collapse; font-size: 13px; margin: 0 0 0.4em; width: 100%; z-index: 99999999; } .ui-datepicker th { border: medium none; font-weight: 600; padding: 2px 3px; text-align: center; } .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker-calendar .ui-state-default:active { background: #43c3ea; color: #fff; border-color: #43c3ea; } /*============================================== Theme Color Css ===============================================*/ .thm-clr { color: #da251c; } .mobile-menu .navigation li.current>a, .mobile-menu .navigation li>a:hover { color: #9ea06e; } .outer-search-box-style1 .seach-toggle:hover, .outer-search-box-style1 .seach-toggle.active { color:#9ea06e; } .mobile-menu .navigation li>a:before { border-left: 5px solid #9ea06e; } /*============================================== Theme Hover Color Css ===============================================*/ .main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a { color:#da251c; } .main-menu .navigation>li>ul>li>a:hover { color: #da251c; } .main-menu .navigation>li>ul>li>a:before { color: #da251c; } .main-menu .navigation>li>ul>li:hover>a { color: #da251c; } .main-menu .navigation>li>ul>li>ul>li>a:hover { color:#da251c; } .main-menu .navigation>li>ul>li>ul>li a:before { color:#da251c; } .sticky-header .main-menu .navigation>li:hover>a, .sticky-header .main-menu .navigation>li.current>a { color:#da251c; } /*============================================== Theme Background Css ===============================================*/ .thm-bgclr { background-color: #9ea06e; } /*============================================== Theme Hover Background Color Css ===============================================*/ .overlay-bgc1 { background-color: rgba(54, 124, 232, 0.80); } .overlay-bgc2 { background-color: rgba(0, 0, 0, 0.70); } .fancybox-image, .fancybox-spaceball { border-radius: 15px; } @media screen and (max-width: 992px) { .fancybox-border { margin-top: 20px; } .fancybox-border .bg a { margin-left: 110px; } .breadcrumb-area .title h2 { color: #ffffff; font-size: 45px; line-height: 60px; font-weight: 600; text-transform: capitalize; } .fancybox-border i { background-color: #bf1717; padding: 21px; margin-left: 63px; border-bottom-right-radius: 20px; color: #fff; font-size: 20px; z-index: 1; } .fancybox-border .bg-1 i { background-color: #bf1717; padding: 21px; margin-left:33px; border-bottom-right-radius: 20px; color: #fff; font-size: 20px; z-index: 1; } .main-content-tagline h2 { font-size: 32px; } .sec-title h2 { color: #777777; font-size: 29px; line-height: 38px; font-weight: 400; text-transform: capitalize; margin: 14px 0 0; } .owl-carousel.owl-dot-style1 .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 30px; } .footer-logo img{ width:200px !important; } .str { font-weight:bold; } .why-image img{ width:100%; margin-top:40px; } .fancybox-border{ margin-top:20px; }} .modal { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; z-index: 99999999999; } .cors { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-primary { color: #fff; background-color: #da251c; border-color:#da251c; } .btn-primary:hover{ color: #fff; background-color: #1f2437; border-color:#1f2437; } .helpos h6{ text-align: center; font-size: 18px; margin-left: 6px; margin-right: 1px; } .helpns { text-align: center; font-size: 18px; margin-left: 6px; margin-right: 1px; margin-top: 10px; margin-bottom: 20px; } .helpns a{ text-align: center; font-size: 18px; margin-left: 6px; margin-right: 1px; margin-top: 10px; color: #1f2437; margin-bottom: 20px; } .top-der h5{ text-align:left; } .modal-content .nav-tabs > li > a { border: 0px; border-radius: 0; margin-right: 39px; background: #da251c; font-size: 18px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0px 25px; line-height: 37px; width: 100%; } .nav>li>a { position: relative; display: block; padding: 10px 15px; } .form-group h6{ text-align:center; margin-top:20px; background-color:#da251c; padding:10px; width:200px; } .form-group a{ color:white; } .form-group h5{ background-color:#da251c; text-align:center; margin-top:20px; background-color:#da251c; padding:10px; width:200px; } .left-sty a{ color:white; margin-left:80px; font-size:23px; font-weight:500; } .left-sty{ text-align:center; } .left-sty a:hover{ color:white; } .ielts-fee img{ margin-top:-20px; } .modal-content .nav-tabs > li > a:hover{ border: 0px; border-radius: 0; margin-right: 2px; background: #1f2437; font-size: 18px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0px 25px; line-height: 37px; } .modal-content .nav-tabs > li > a:focus{ border: 0px; border-radius: 0; margin-right: 2px; background: #1f2437; font-size: 18px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0px 25px; line-height: 37px; } .fm-gup { padding: 10px; } .fm-gup h3{ font-size: 24px; } .fom-gup h3{ font-size: 30px; margin-bottom: 23px; } .nav li{ margin-right:10px; } .ielts-pte li{ display:inline; } .id-pt h3{ font-size:31px; } .cp-tabs .nav-tabs > li > a { border: 0px; border-radius: 0; margin-right: 2px; margin-top: 20px; margin-bottom: 20px; background: #e71616; font-size: 18px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0px 25px; line-height: 59px; } .cp-tabs .nav-tabs > li > a:hover{ border: 0px; border-radius: 0; margin-right: 2px; margin-top: 20px; margin-bottom: 20px; background: #1f2437; font-size: 18px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0px 25px; line-height: 59px; } .btns-box h5{ color: white; background-color: #1f2437; width: 171px; text-align: center; padding: 14px; margin-bottom: 20px; border-radius: 8px }