Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/masterfin/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
/* Finano Consulting App HTML Template */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Style Two / Style Three / Style Four / Style Five 5. Main Slider 6. Services Section / Two / Three / Four / Five 7. About Section 8. Testimonial Section 9. Team Section 10. Call To Action Section 11. Sponsors Section 12. News Section 13. Fluid Section One 14. Main Footer / Style Two 15. About Section Two 16. Planner Section 17. Business Section 18. Faq Section 19. Counter Section 20. Quote Section 21. Companies Section 22. Testimonial Section Two 23. Processing Section 24. Pricing Section 25. Feature Section 26. Page Title 27. Skills Section 28. Video Section 29. Case Section 30. Error Section 31. Services Single Section 32. Portfolio Two Section 33. Portfolio Threee Section 34. Portfolio Four Section 35. Portfolio Masonry 36. Portfolio Single Section 37. Blog Section 38. Blog Widgets 39. Blog Single Section 40. Map Section 41. Contact Form Section **********************************************/ @import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /*font-family: 'Poppins', sans-serif; font-family: 'Playfair Display', serif; font-family: 'Muli', sans-serif;*/ @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('custom-animate.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.mCustomScrollbar.min.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Muli', sans-serif; font-size:14px; color:#777777; line-height:1.7em; font-weight:400; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .bordered-layout .page-wrapper{ padding:0px 50px 0px; } a{ text-decoration:none; cursor:pointer; color:#1E76BD; } button, a:hover,a:focus,a:visited{ text-decoration:none; outline:none !important; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.6em; font-family: 'Poppins', sans-serif; } /* Typography */ h1{ font-size:44px; } h2{ font-size:34px; } h3{ font-size:28px; } h4{ font-size:24px; } h5{ font-size:20px; } h6{ font-size:18px; } input,button,select,textarea{ } textarea{ overflow:hidden; } p{ position:relative; line-height:1.8em; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .medium-container{ max-width:850px; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; } ul,li{ list-style:none; padding:0px; margin:0px; } img{ display:inline-block; max-width:100%; } .theme-btn{ display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .centered{ text-align:center; } /*Btn Style One*/ .btn-style-one{ position:relative; padding:10px 72px 10px 30px; line-height:24px; background:#1E76BD; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:50px; border:2px solid #1E76BD; text-transform:capitalize; font-family: 'Muli', sans-serif; } .btn-style-one .icon{ position:absolute; right:-2px; top:-2px; color:#ffffff; width:57px; height:48px; line-height:48px; text-align:center; font-weight:400; font-size:16px; padding-right:4px; background-color:#091394; border-radius:0px 50px 50px 0px; } .btn-style-one:hover{ background:none; border-color:#1E76BD; color:#1E76BD; } /*Btn Style Two*/ .btn-style-two{ position:relative; padding:12px 38px 12px; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:600; border-radius:4px; text-transform:capitalize; background-image: -ms-linear-gradient(top, #9EE213 0%, #45a401 100%); background-image: -moz-linear-gradient(top, #9EE213 0%, #45a401 100%); background-image: -o-linear-gradient(top, #9EE213 0%, #45a401 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EE213), color-stop(100, #45a401)); background-image: -webkit-linear-gradient(top, #9EE213 0%, #45a401 100%); background-image: linear-gradient(to bottom, #9EE213 0%, #45a401 100%); } .btn-style-two:hover{ background-image: -ms-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -moz-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -o-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45A401), color-stop(100, #9EE213)); background-image: -webkit-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: linear-gradient(to bottom, #45A401 0%, #9EE213 100%); color:#ffffff; } /*Btn Style Three*/ .btn-style-three{ position:relative; line-height:24px; color:#333333; font-size:15px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 46px 11px; background-color:#eeeef6; text-transform:capitalize; } .btn-style-three:hover{ color:#ffffff; background-color:#1E76BD; } /*Btn Style Four */ .btn-style-four{ position:relative; line-height:24px; color:#333333; font-size:15px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#eeeef6; text-transform:capitalize; } .btn-style-four:hover{ color:#ffffff; background-image: -ms-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -moz-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -o-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45A401), color-stop(100, #9EE213)); background-image: -webkit-linear-gradient(top, #45A401 0%, #9EE213 100%); background-image: linear-gradient(to bottom, #45A401 0%, #9EE213 100%); } /*Btn Style Five*/ .btn-style-five{ position:relative; line-height:24px; color:#012068; font-size:15px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#ffffff; text-transform:capitalize; } .btn-style-five:hover{ color:#ffffff; background-color:#1E76BD; } /* Btn Style Six */ .btn-style-six{ position:relative; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#4659e2; text-transform:capitalize; } .btn-style-six:hover{ color:#ffffff; background-color:#ff7a01; } /* Btn Style Seven */ .btn-style-seven{ position:relative; line-height:24px; color:#333333; font-size:14px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#ffffff; text-transform:capitalize; } .btn-style-seven:hover{ color:#ffffff; background-color:#4659e2; } /* Btn Style Eight */ .btn-style-eight{ position:relative; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#000000; text-transform:capitalize; } .btn-style-eight:hover{ color:#ffffff; background-color:#4659e2; } /*Btn Style Nine*/ .btn-style-nine{ position:relative; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:50px; border:2px solid #7e6a46; padding:10px 36px 10px; background-color:#7e6a46; text-transform:capitalize; } .btn-style-nine .icon{ font-size:12px; margin-left:6px; } .btn-style-nine:hover{ color:#7e6a46; background:none; } /* Btn Style Ten */ .btn-style-ten{ position:relative; line-height:24px; color:#333333; font-size:15px; cursor: pointer; font-weight:400; border-radius:50px; padding:11px 31px 11px; background-color:#f6f4ee; text-transform:capitalize; box-shadow: inset 0 0 10px rgba(0,0,0,0.20); } .btn-style-ten:hover{ color:#ffffff; background-color:#7e6a46; } /*Btn Style Eleven */ .btn-style-eleven{ position:relative; padding:10px 72px 10px 30px; line-height:24px; background:#b78b4b; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:50px; border:2px solid #b78b4b; text-transform:capitalize; font-family: 'Muli', sans-serif; } .btn-style-eleven .icon{ position:absolute; right:-2px; top:-2px; color:#ffffff; width:57px; height:48px; line-height:48px; text-align:center; font-weight:600; font-size:16px; padding-right:4px; background-color:#7e6a46; border-radius:0px 50px 50px 0px; } .btn-style-eleven:hover{ background:none; border-color:#b78b4b; color:#b78b4b; } /* Btn Style Twelve */ .btn-style-twelve{ position:relative; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:700; border-radius:4px; padding:11px 44px 11px; text-transform:capitalize; background: #1E76BD; } .btn-style-twelve .fa{ position:relative; font-size:16px; top:0px; margin-left:2px; } .btn-style-twelve:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:-1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-image: -ms-linear-gradient(left, #FE1000 0%, #b2180e 100%); background-image: -moz-linear-gradient(left, #FE1000 0%, #b2180e 100%); background-image: -o-linear-gradient(left, #FE1000 0%, #b2180e 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE1000), color-stop(100, #b2180e)); background-image: -webkit-linear-gradient(left, #FE1000 0%, #b2180e 100%); background-image: linear-gradient(to right, #FE1000 0%, #b2180e 100%); } .btn-style-twelve:hover::before{ background-image: -ms-linear-gradient(left, #B2180E 0%, #FE1000 100%); background-image: -moz-linear-gradient(left, #B2180E 0%, #FE1000 100%); background-image: -o-linear-gradient(left, #B2180E 0%, #FE1000 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #B2180E), color-stop(100, #FE1000)); background-image: -webkit-linear-gradient(left, #B2180E 0%, #FE1000 100%); background-image: linear-gradient(to right, #B2180E 0%, #FE1000 100%); } .btn-style-twelve:hover{ color:#ffffff; } /* Btn Style Thirteen */ .btn-style-thirteen{ position:relative; line-height:24px; color:#010101; font-size:14px; cursor: pointer; font-weight:700; background-color:#ffffff; padding:11px 44px 11px; text-transform:capitalize; } .btn-style-thirteen .fa{ position:relative; font-size:16px; top:0px; margin-left:2px; } .btn-style-thirteen:hover{ color:#010101; } /* Btn Style Fourteen */ .btn-style-fourteen{ position:relative; line-height:24px; color:#ffffff; font-size:15px; cursor: pointer; font-weight:400; background-color:#000000; padding:11px 30px 11px; text-transform:capitalize; } .btn-style-fourteen:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .btn-style-fourteen:hover{ color:#ffffff; background-image: -ms-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -moz-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -o-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fd1000), color-stop(100, #b1180e)); background-image: -webkit-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: linear-gradient(to right, #fd1000 0%, #b1180e 100%); } /* Btn Style Fifteen */ .btn-style-fifteen{ position:relative; line-height:24px; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:50px; padding:11px 51px 11px; background-color:#1E76BD; text-transform:capitalize; } .btn-style-fifteen:hover{ color:#ffffff; background-color:#222222; } /* Btn Style Sixteen */ .btn-style-sixteen{ position:relative; line-height:24px; color:#ffffff; font-size:18px; cursor: pointer; font-weight:400; letter-spacing:1px; border-radius:50px; padding:25px 80px 25px; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .btn-style-sixteen:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:-1; border-radius:50px; background-image: -ms-linear-gradient(top, #1E76BD 0%, #0e19a1 100%); background-image: -moz-linear-gradient(top, #1E76BD 0%, #0e19a1 100%); background-image: -o-linear-gradient(top, #1E76BD 0%, #0e19a1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1E76BD), color-stop(100, #0e19a1)); background-image: -webkit-linear-gradient(top, #1E76BD 0%, #0e19a1 100%); background-image: linear-gradient(to bottom, #1E76BD 0%, #0e19a1 100%); } .btn-style-sixteen .fa{ position:relative; font-size:22px; top:2px; margin-left:6px; } .btn-style-sixteen:hover{ color:#ffffff; } /* Btn Style Seventeen */ .btn-style-seventen{ position:relative; padding:12px 72px 11px 30px; line-height:24px; background:#ffffff; color:#091394; font-size:14px; cursor: pointer; font-weight:600; border-radius:50px; text-transform:capitalize; font-family: 'Muli', sans-serif; } .btn-style-seventen .icon{ position:absolute; right:-1px; top:0px; color:#ffffff; width:57px; height:48px; line-height:48px; text-align:center; font-weight:600; font-size:16px; padding-right:4px; background-color:#091394; border-radius:0px 50px 50px 0px; } .btn-style-seventen:hover{ color:#1E76BD; } /*Btn Style Eighteen */ .btn-style-eighteen{ position:relative; line-height:24px; color:#333333; font-size:15px; cursor: pointer; font-weight:400; border-radius:4px; padding:11px 36px 11px; background-color:#eeeef6; text-transform:capitalize; } .btn-style-eighteen:hover{ color:#ffffff; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin-left:10px; color:#222222; font-size:18px; display:inline-block; } .social-icon-one li a{ position:relative; font-size:18px; color:#091394; font-weight:400; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .social-icon-one li a:hover{ color:#5ea6ff; } .theme_color{ color:#1E76BD; } .brown_color{ color:#ad8e63; } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:100px;} img{ display:inline-block; max-width:100%; height:auto; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:absolute; right:30px; top:-60px; width:50px; height:60px; color:#ffffff; font-size:24px; text-transform:uppercase; line-height:58px; text-align:center; z-index:100; cursor:pointer; background:#1E76BD; display:none; border-radius:50px 50px 0px 0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top span{ position:relative; display:inline-block; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); } .scroll-to-top:hover{ color:#ffffff; background:#1E76BD; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:50px; } .sec-title .title{ position:relative; font-size:15px; color:#012068; letter-spacing:1px; margin-bottom:12px; font-weight:400; text-transform:uppercase; } .sec-title h2{ position:relative; /* color:#012068; */ color: #1E76BD; font-weight:700; line-height:1.3em; padding-bottom: 20px; } .sec-title h2 span{ color:#1E76BD; font-style:italic; font-family: 'Playfair Display', serif; } .sec-title h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:3px; background-color:#1E76BD; /* background-color:#012068; */ } .sec-title .text{ position:relative; font-size:16px; line-height:1.8em; color:#1a1e66; margin-top:25px; } .sec-title.centered h2:after{ left:50%; margin-left:-30px; } .sec-title.centered{ text-align: center; } .sec-title.light .title{ color:#ffffff; } .sec-title.light h2{ color:#ffffff; } /*** ==================================================================== Section Title Two ==================================================================== ***/ .sec-title-two{ position:relative; margin-bottom:50px; } .sec-title-two .title{ position:relative; font-size:11px; /* color:#444444; */ color: #1E76BD; letter-spacing:1px; margin-bottom:12px; text-transform:uppercase; } .sec-title-two h2{ position:relative; color:#000000; font-weight:700; line-height:1.3em; font-family: 'Playfair Display', serif; } .sec-title-two h2 span{ /* color:#9a7f59; */ color:#1E76BD; font-style:italic; } .sec-title-two .text{ position:relative; font-size:16px; line-height:1.8em; color:#000000; margin-top:25px; } .sec-title-two.centered{ text-align: center; } .sec-title-two.light h2{ color:#ffffff; } /*** ==================================================================== Section Title Three ==================================================================== ***/ .sec-title-three{ position:relative; margin-bottom:50px; padding-left:20px; /* border-left:3px solid #ec0203; */ border-left:3px solid #1E76BD; } .sec-title-three .title{ position:relative; /* color:#ec0203; */ color:#1E76BD; font-size:14px; font-weight:600; letter-spacing:1px; margin-bottom:5px; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .sec-title-three h2{ position:relative; font-weight:700; color:#010101; font-size:46px; line-height:1.2em; } .sec-title-three.centered{ padding-left:0px; border:none; } /* List Style One */ .list-style-one{ position:relative; } .list-style-one li{ position:relative; color:#012068; font-size:16px; font-weight:700; margin-bottom:15px; padding-left:25px; } .list-style-one li:before{ position:absolute; content: "\f10c"; left:0px; top:0px; font-family: "Flaticon"; } /* List Style Two */ .list-style-two{ position:relative; } .list-style-two li{ position:relative; color:#afd3f3; font-size:14px; font-weight:400; margin-bottom:10px; padding-left:25px; } .list-style-two li .icon{ position:absolute; left:0px; top:0px; color:#3276ff; font-size:14px; } /* List Style Three */ .list-style-three{ position:relative; } .list-style-three li{ position:relative; color:#ffffff; font-size:16px; font-weight:400; margin-bottom:10px; padding-left:25px; } .list-style-three li:before{ position:absolute; content: "\f10c"; left:0px; top:0px; font-size:12px; font-family: "Flaticon"; } /* List Style Four */ .list-style-four{ position:relative; } .list-style-four li{ position:relative; color:#012068; font-size:15px; font-weight:400; margin-bottom:8px; padding-left:25px; } .list-style-four li:before{ position:absolute; content: "\f042"; left:0px; top:1px; font-size:14px; font-family: 'FontAwesome'; } /* List Style Five */ .list-style-five{ position:relative; } .list-style-five li{ position:relative; color:#1a1e66; font-size:18px; font-weight:400; margin-bottom:15px; padding-left:25px; line-height:1.7em; } .list-style-five li .icon{ position:absolute; left:0px; top:0px; /* color:#2f3df6; */ color: #1E76BD; font-size:16px; } /* List Style Six */ .list-style-six{ position:relative; } .list-style-six li{ position:relative; color:#ffffff; font-size:18px; font-weight:400; margin-bottom:15px; padding-left:35px; line-height:1.7em; } .list-style-six li .icon{ position:absolute; left:0px; top:2px; color:#4bb1ff; font-size:25px; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:absolute; z-index:999; width:100%; } .main-header .main-box{ position:relative; padding:0px 0px; left:0px; top:0px; width:100%; background:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .main-box .outer-container{ position:relative; padding:0px 40px; } .main-header .main-box .logo-box{ position:relative; float:left; left:0px; z-index:10; padding:30px 0px; } .main-header .main-box .logo-box .logo img{ display:inline-block; max-width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } /* Header Top */ .header-top{ position: relative; } .header-top .inner-container{ position: relative; margin-left:250px; padding-left:80px; background-color: #000000; } .header-top .inner-container:before{ position:absolute; content:''; left:100%; top:0px; height:100%; width:20000px; background-color: #000000; } .main-header .top-left:before{ position:absolute; content:''; left:-50px; /* top:0px; */ top:-22px; border-top: 60px solid #000000; border-left: 50px solid transparent; } .main-header .top-left{ float:left; } .main-header .top-left .contact-list{ position: relative; /* padding: 18px 0px; */ padding: 3px 0px; } .main-header .top-left .contact-list li{ position: relative; float: left; font-size: 16px; line-height: 25px; color: #e9e8e9; font-weight: 400; margin-right: 25px; } .main-header .top-left .contact-list li i{ float: left; font-size: 16px; line-height: 25px; margin-right: 20px; color: #ffffff; } .main-header .top-left .contact-list li a{ color: #ffffff; font-weight:400; font-size: 16px; display: inline-block; -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-header .top-left .contact-list li a:hover{ color: #009dea; } .main-header .top-right{ float:right; padding:17px 0px; } /* Cart Box */ .main-header .top-right .cart-box{ position:relative; float:left; top:2px; color:#ffffff; font-size:14px; background:none; display:inline-block; padding-right: 30px; border-right:1px solid rgba(255,255,255,0.50); } .main-header .top-right .cart-box .cart-box-btn{ background:none; cursor: pointer; font-size: 20px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .main-header .top-right .cart-box .cart-box-btn:after{ display:none; } .main-header .top-right .cart-box .cart-box-btn .total-cart{ position:absolute; right: 16px; top: -5px; width:18px; height:18px; color:#ffffff; font-weight:700; font-size:11px; border-radius:50%; text-align:center; line-height:18px; background-color:#f71101; } /* Language */ .main-header .top-right .language{ position:relative; line-height:1em; margin-top:3px; margin-left: 20px; display:inline-block; } .main-header .top-right .language .flag-icon{ margin-right:8px; } .main-header .top-right .language .dropdown-menu{ top:100%; right: 0px !important; left: auto !important; width:170px; border:none; padding:0px; margin-top:40px; border-radius:0px; background-color:#222222; border-top:3px solid #f71101; transform:translate3d(0px, 0px, 0px) !important; } .main-header .top-right .language > a{ color:#ffffff; text-transform:capitalize; display:inline-block; border:0px; font-weight:400; font-size:16px; line-height:1em; padding:0px; border-radius: 0px; } .main-header .top-right .language > a:after{ display:none; } .main-header .top-right .language a:hover{ background:none; } .main-header .top-right .language .dropdown-menu > li{ padding-right:0px !important; margin:0px !important; float:none; display:block !important; border-bottom: 1px solid rgba(255,255,255,0.20); } .main-header .top-right .language .dropdown-menu > li:last-child{ border-bottom:none; } .main-header .top-right .language .dropdown-menu > li > a{ padding:12px 20px !important; color:#ffffff; display: block; text-align:left; font-size: 14px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .top-right .language .dropdown-menu > li > a:hover{ color:#ffffff !important; background-color:#f71101; } .main-header .header-upper{ position:relative; z-index:1; } .main-header .header-upper .outer-box{ position:relative; float:right; color:#ffffff; font-size:16px; margin-top:42px; margin-left:40px; cursor:pointer; } .header-style-two .header-upper{ background-color:#ffffff; } .main-header .header-lower .outer-box{ position:relative; float:right; padding:13px 0px; } .header-style-four .header-lower .outer-box{ padding:38px 0px; margin-left:50px; } .header-style-four .header-lower .search-box-btn, .header-style-four .header-lower .outer-box .cart-box{ color:#d1ae7c !important; } .header-style-four .header-lower .language > a{ color:#000000 !important; } .main-header .header-lower .outer-box .cart-box{ position:relative; float:left; color:#ffffff; font-size:14px; background:none; margin-top:5px; display:inline-block; margin-right: 25px; } .main-header .header-lower .outer-box .cart-box .cart-box-btn{ background:none; cursor: pointer; font-size: 20px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .main-header .header-lower .outer-box .cart-box .cart-box-btn:after{ display:none; } .main-header .header-lower .outer-box .cart-box-btn .total-cart{ position:absolute; right: -8px; top: -8px; width:18px; height:18px; color:#ffffff; font-weight:700; font-size:11px; border-radius:50%; text-align:center; line-height:18px; background-color:#509cf9; } .header-style-four .header-lower .outer-box .cart-box-btn .total-cart{ background-color:#000000; } .main-header .header-lower .search-box-outer{ position: relative; right:0px; float:left; color:#ffffff; margin-top:2px; } .main-header .header-lower .search-box-btn{ position:relative; display:block; color:#ffffff; padding:0px; margin:0px; font-size:18px; cursor:pointer; background:none; text-align:right; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .header-lower .search-box-btn:after{ display:none; } .main-header .header-lower .search-box-outer .dropdown-menu{ top:45px; right:0px; padding:0px; width:280px; margin-top:17px; border-radius:0px; border-top:3px solid #509cf9; } .header-style-four{ margin-top:60px; } .header-style-four .header-lower .search-box-outer .dropdown-menu{ margin-top:42px; } .main-header .header-lower .search-box-outer .dropdown-menu > li{ padding:0px; border:none; background:none; } .main-header .header-lower .search-panel .form-container{ padding:25px 20px; } .main-header .header-lower .search-panel .form-group{ position:relative; margin:0px; } .main-header .header-lower .search-panel input[type="text"], .main-header .header-lower .search-panel input[type="search"], .main-header .header-lower .search-panel input[type="password"], .main-header .header-lower .search-panel select{ display:block; width:100%; height:40px; color:#000000; font-size:14px; line-height:24px; background:#ffffff; border:1px solid #e0e0e0; padding:7px 40px 7px 15px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .header-lower .search-panel input:focus, .main-header .header-lower .search-panel select:focus{ border-color:#509cf9; } .main-header .header-lower .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } /* Header Style Five */ .header-style-five{ position:relative; } .header-style-five .header-upper .outer-box{ margin-top:20px; } .header-style-five .header-upper .outer-box .search-box-outer{ position: relative; right:0px; float:left; color:#000000; margin-top:2px; } .header-style-five .header-upper .search-box-btn{ position:relative; display:block; color:#000000; padding:0px; margin:0px; font-size:18px; cursor:pointer; background:none; text-align:right; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-style-five .header-upper .search-box-btn:after{ display:none; } .header-style-five .header-upper .search-box-outer .dropdown-menu{ top:45px; right:0px; padding:0px; width:280px; margin-top:17px; border-radius:0px; border-top:3px solid #509cf9; } .header-style-five .header-upper .search-box-outer .dropdown-menu{ margin-top:20px; } .header-style-five .header-upper .search-box-outer .dropdown-menu > li{ padding:0px; border:none; background:none; } .header-style-five .header-upper .search-panel .form-container{ padding:25px 20px; } .header-style-five .header-upper .search-panel .form-group{ position:relative; margin:0px; } .header-style-five .header-upper .search-panel input[type="text"], .header-style-five .header-upper .search-panel input[type="search"], .header-style-five .header-upper .search-panel input[type="password"], .header-style-five .header-upper .search-panel select{ display:block; width:100%; height:40px; color:#000000; font-size:14px; line-height:24px; background:#ffffff; border:1px solid #e0e0e0; padding:7px 40px 7px 15px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .header-style-five .header-upper .search-panel input:focus, .header-style-five .header-upper .search-panel select:focus{ border-color:#509cf9; } .header-style-five .header-upper .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } /*Language Dropdown*/ .main-header .header-lower .language{ position:relative; line-height:1em; margin-top:3px; margin-left: 20px; display:inline-block; } .main-header .header-lower .language .flag-icon{ margin-right:8px; } .main-header .header-lower .language .dropdown-menu{ top:100%; right:0px; left:auto; width:170px; border:none; padding:0px; margin-top:16px; border-radius:0px; background-color:#222222; border-top:3px solid #509cf9; transform:translate3d(0px, 0px, 0px) !important; } .main-header .header-lower .language > a{ color:#ffffff; text-transform:capitalize; display:inline-block; border:0px; font-weight:400; font-size:16px; line-height:1em; padding:0px; border-radius: 0px; } .main-header .header-lower .language > a:after{ display:none; } .main-header .header-lower .language a:hover{ background:none; } .main-header .header-lower .language .dropdown-menu > li{ padding-right:0px !important; margin:0px !important; float:none; display:block !important; border-bottom: 1px solid rgba(255,255,255,0.20); } .main-header .header-lower .language .dropdown-menu > li:last-child{ border-bottom:none; } .main-header .header-lower .language .dropdown-menu > li > a{ padding:12px 20px !important; color:#ffffff; display: block; text-align:left; font-size: 14px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .header-lower .language .dropdown-menu > li > a:hover{ color:#ffffff !important; background-color:#509cf9; } /*Sticky Header*/ .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#222222; z-index:0; 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 .logo{ padding:4px 0px 4px; } .fixed-header .sticky-header{ z-index:999; opacity:1; 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; } .sticky-header .main-menu .navigation > li > a{ padding:19px 0px !important; color:#ffffff !important; } .sticky-header .main-menu .navigation > li > a:after{ display:none; } .main-header .nav-outer{ position:relative; float: right; margin-top:30px; } .header-style-four .nav-outer{ margin-top:0px; } .header-style-two .nav-outer{ float:left; margin-top:0px; } .main-header .header-upper .logo-box{ position: relative; padding: 40px 0px 0px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .header-style-five .header-upper .logo-box{ padding-top:0px; margin-top:-45px; } .main-header.header-style-five .nav-outer{ margin-top:0px; } .header-style-three .header-upper .logo-box{ border-radius:0px 0px 50% 50%; padding:30px 0px 40px; background-color:#ffffff; } .main-header .header-upper .logo-box .logo{ position:relative; } .main-header .header-lower{ position:relative; background-color:rgba(0,0,0,0.55); } .header-style-four .header-lower{ background:none; } .header-style-four .header-lower .logo-box{ position:relative; z-index:20; } .header-style-four .header-lower .outer-container{ background-color:#ffffff; padding:0px 40px; } .header-style-two .header-lower .outer-container{ position:relative; padding-left:305px; } .main-menu{ position:relative; float:left; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navbar-collapse{ padding:0px; float: left; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin-right:30px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px; } .main-header .header-upper .upper-right{ position:relative; } .main-header .header-upper .info-box{ position:relative; color:#333333; font-weight:600; padding:22px 0px; padding-left:30px; padding-right:28px; margin-right:30px; display:inline-block; border-right:1px solid #ecebeb; } .main-header .header-upper .info-box .icon-box{ position:absolute; left:0px; top:24px; color:#091394; font-size:20px; line-height:1em; } .header-style-two .logo-outer{ position: absolute; left: 0px; width: 200px; padding:23px 0px; z-index:12; background: none; text-align: center; } .main-header .header-upper .social-box{ position:relative; float:right; padding:21px 0px; } .main-menu .navigation > li > a{ position:relative; display:block; color:#ffffff; text-align:center; line-height:30px; text-transform:capitalize; letter-spacing:0px; opacity:1; font-weight:600; padding:39px 0px; font-size:16px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Poppins', sans-serif; } .main-menu .navigation > li > a:after{ position:absolute; content:''; right:0px; bottom:25px; width:0px; height:4px; background-color:#2280ff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:hover > a::after, .main-menu .navigation > li.current > a::after{ width:22px; } .header-style-three .main-menu .navigation > li > a:after{ width:100%; bottom:45px; opacity:0; background: -ms-linear-gradient(left, #f44c01 0%, #ff7a01 100%); background: -moz-linear-gradient(left, #f44c01 0%, #ff7a01 100%); background: -o-linear-gradient(left, #f44c01 0%, #ff7a01 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #f44c01), color-stop(100, #ff7a01)); background: -webkit-linear-gradient(left, #f44c01 0%, #ff7a01 100%); background: linear-gradient(to right, #f44c01 0%, #ff7a01 100%); } .header-style-three .main-menu .navigation > li:hover > a, .header-style-three .main-menu .navigation > li.current > a{ color:#ffffff; } .header-style-three .main-menu .navigation > li:hover > a:after, .header-style-three .main-menu .navigation > li.current > a:after{ opacity:1; } .header-style-four .main-menu .navigation > li > ul{ border-color:#69582f; } .header-style-four .main-menu .navigation > li > a:before{ color:#000000; } .header-style-four .main-menu .navigation > li:hover > a, .header-style-four .main-menu .navigation > li.current > a{ color:#000000; } .header-style-four .main-menu .navigation > li > ul > li > ul > li:hover > a, .header-style-four .main-menu .navigation > li > ul > li:hover > a{ background-color:#69582f; } .header-style-four .main-menu .navigation > li > ul > li > ul{ border-color:#69582f; } .header-style-five .main-menu .navigation > li:hover > a, .header-style-five .main-menu .navigation > li.current > a{ /* color:#f71101; */ color:#1E76BD; } .header-style-five .main-menu .navigation > li > ul{ /* border-color:#ec0203; */ border-color:#1E76BD; } .header-style-five .main-menu .navigation > li > ul > li > ul > li:hover > a, .header-style-five .main-menu .navigation > li > ul > li:hover > a{ /* background-color:#ec0203; */ background-color:#1E76BD; } .header-style-five .main-menu .navigation > li > ul > li > ul{ /* border-color:#ec0203; */ border-color:#1E76BD; } .header-style-five.five-alternate .main-menu .navigation > li:hover > a, .header-style-five.five-alternate .main-menu .navigation > li.current > a{ color:#1E76BD; } .header-style-five.five-alternate .main-menu .navigation > li > ul{ border-color:#1E76BD; } .header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul > li:hover > a, .header-style-five.five-alternate .main-menu .navigation > li > ul > li:hover > a{ background-color:#1E76BD; } .header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul{ border-color:#1E76BD; } .header-style-five.five-alternate .top-right .cart-box .cart-box-btn .total-cart{ background-color:#42a200; } .header-style-two .main-menu .navigation > li > a{ padding:13px 0px; } .header-style-two .main-menu .navigation > li > a:after{ display:none; } .header-style-two .main-menu .navigation > li:hover > a, .header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-header.light-version .main-menu .navigation > li:hover > a, .header-style-two .main-header.light-version .main-menu .navigation > li.current > a{ color:#5ea6ff; } .header-style-four .main-menu .navigation > li:after{ position: absolute; content: ''; right: -15px; top: 50%; width: 2px; height: 12px; margin-top: -6px; background: url(../images/icons/devider.png) no-repeat; } .header-style-four .main-menu .navigation > li:last-child::after{ display:none; } .header-style-four .main-menu .navigation > li > a:after{ bottom:0px; } .header-style-four .main-menu .navigation > li > a{ color:#000000; padding:37px 0px; } .header-style-five .main-menu .navigation > li > a{ color:#000000; padding:18px 0px; } .header-style-five .main-menu .navigation > li > a:after{ display:none; } .header-style-four .main-menu .navigation > li > a:after{ background-color:#9a7f59; } .header-style-four .main-menu .navigation > li:hover > a::after, .header-style-four .main-menu .navigation > li.current > a::after{ width:100%; bottom:-1px; } .main-menu .navigation > li.dropdown > a{ padding-right:15px !important; } .main-menu .navigation > li.dropdown > a:before{ font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 0px; font-size: 13px; line-height: 30px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-header.light-version .main-menu .navigation > li:hover > a, .main-header.light-version .main-menu .navigation > li.current > a{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:120%; width:230px; z-index:100; display:none; opacity: 0; visibility: hidden; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; padding: 0px 0px; background-color: #ffffff; border: 3px solid #1E76BD; box-shadow: 0px 0px 10px rgba(0,0,0,0.10); } .main-menu .navigation > li > ul:before{ position:absolute; content:''; left:0px; top:-30px; width:100%; height:30px; display:block; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom: 1px solid #f4f2f2; } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:12px 18px; line-height:24px; font-weight:400; font-size:16px; text-transform:capitalize; color:#7c7b7b; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#ffffff; padding-left:30px; background:#1E76BD; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:15px; top:14px; width:10px; height:20px; display:block; color:#ffffff; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:100%; width:230px; z-index:100; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; padding: 0px 0px; background-color: #ffffff; border: 3px solid #1E76BD; -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); } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom: 1px solid #f4f2f2; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:12px 18px; line-height:24px; font-weight:400; font-size:16px; text-transform:capitalize; color:#7c7b7b; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#ffffff; padding-left:30px; background:#1E76BD; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:11px; width:10px; height:20px; display:block; color:#272727; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0; -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); 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 .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:30px; height:30px; text-align:center; color:#ffffff; line-height:28px; border:1px solid #ffffff; background-size:20px; cursor:pointer; z-index:5; display:none; } .header-style-two{ position:absolute; left:0px; top:0px; } .header-style-two .header-upper .auto-container{ position:relative; } .header-style-two .header-upper .upper-inner{ padding-left:305px; border-bottom:1px solid #ecebeb; } .header-style-two .header-upper .upper-inner .logo-box{ position:absolute; left:15px; top:0px; padding-top:0px; background-color:#ffffff; border:1px solid #ecebeb; } /*** ==================================================================== Main Slider Banner ==================================================================== ***/ .main-slider{ position:relative; background-size:cover; } .main-slider.style-two{ padding-top:68px; } .main-slider .slider-outer{ position:relative; } .main-slider:before{ position:absolute; content:''; left:-32px; top:0px; width:310px; height:492px; z-index:1; display:inline-block; background:url(../images/main-slider/2.png) no-repeat; } .main-slider .auto-container{ position:relative; } .main-slider .slide{ position:relative; background-repeat:no-repeat; background-position:right top; } .main-slider .slide.style-two{ background-size:cover; background-position:center bottom; } .main-slider .slide .content{ position:relative; padding:330px 0px 260px; } .main-slider .slide .content.alternate{ padding:160px 0px 110px; } .main-slider.style-three .slide .content{ padding:270px 0px 170px; } .main-slider.style-four .content{ max-width:610px; padding:140px 50px 140px; background-color:rgba(0,0,0,0.85); } .main-slider.style-four .content .title{ /* color:#f91101; */ color:#1E76BD; font-weight:600; } .main-slider.style-four .content h1:before{ position:absolute; content:''; left:-50px; top:0px; width:5px; height:100%; /* background-color:#f71101; */ background-color: #1E76BD; } .main-slider.style-four .content h1{ color:#ffffff; font-size:60px; font-weight:700; line-height:1.2em; padding-bottom:0px; margin-bottom:15px; } .main-slider.style-four .content h1:after{ display:none; } .main-slider.style-four .content .text{ color:#ffffff; } .main-slider .title{ position:relative; color:#d1ae7c; opacity: 0; font-size:14px; letter-spacing:2px; margin-bottom:15px; text-transform:uppercase; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .active .title{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 900ms; } .main-slider h1{ position:relative; color:#012068; opacity: 0; font-weight:700; line-height:1.3em; padding-bottom:20px; margin-bottom:30px; font-family: 'Poppins', sans-serif; text-transform:capitalize; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider h1:after{ position:absolute; left:0px; bottom:0px; content:''; width:50px; height:4px; background-color:#012068; } .main-slider h1 span{ color:#1E76BD; font-style:italic; font-family: 'Playfair Display', serif; } .main-slider h1 span.alternate{ display:block; background: linear-gradient(to right, #f44c01 0%, #ff7a01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .main-slider h1.alternate{ padding-bottom:0px; margin-bottom:20px; } .main-slider h1.alternate, .main-slider h1.alternate span{ color:#ffffff; } .main-slider h1.alternate:after{ display:none; } .main-slider h1.style-two{ color:#ffffff; font-size:60px; font-weight:700; padding-bottom:0px; font-family: 'Playfair Display', serif; } .main-slider h1.style-two span{ color:#ad8e63; } .main-slider h1.style-two:after{ display:none; } .main-slider .active h1{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1300ms; } .main-slider .text{ position:relative; color:#1a1e66; font-size:18px; opacity:0; line-height: 1.6em; font-weight:400; margin-bottom:30px; max-width:580px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .text.alternate{ color:#ffffff; } .main-slider .active .text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2000ms; } .main-slider .btn-box{ opacity:0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .active .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2000ms; } .main-slider .link-box{ position:relative; opacity:0; z-index:10; margin-right:30px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .link-box .theme-btn{ margin-right:20px; margin-bottom:10px; } .main-slider .active .link-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2500ms; } .main-slider .business-image-box{ position:absolute; right:0px; top:0px; z-index:1; right:-250px; } .main-slider .owl-dots{ position: absolute; left: 50%; bottom: 150px; max-width: 100px; margin-left: -50px; width: 100%; display: none; text-align: center; } .main-slider .owl-dots .owl-dot{ position:relative; width:12px; height:12px; margin:0px 4px; overflow: hidden; border-radius: 50px; display:inline-block; border:1px solid #08c8af; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-slider .owl-dots .owl-dot:before{ position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 50%; background-color: #08c8af; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-slider .owl-dots .owl-dot.active::before, .main-slider .owl-dots .owl-dot:hover::before{ height:100%; } .main-slider .owl-nav{ position:absolute; left:0px; top:50%; z-index:1; width:100%; margin-top:-40px; } .main-slider .owl-nav .owl-prev{ position:absolute; width: 50px; height: 50px; left:20px; color:#1E76BD; font-size:24px; text-align: center; line-height: 48px; border:1px solid #1E76BD; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-slider .owl-nav .owl-next{ position:absolute; right:20px; width: 50px; height: 50px; color:#1E76BD; font-size:24px; text-align: center; line-height: 48px; border:1px solid #1E76BD; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-slider.style-three .owl-nav .owl-prev, .main-slider.style-three .owl-nav .owl-next{ border-color:#7e6a46; color:#7e6a46; } .main-slider.style-three .owl-nav .owl-prev:hover, .main-slider.style-three .owl-nav .owl-next:hover{ border-color:#7e6a46; background-color:#7e6a46; } .main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover{ color:#ffffff; border-color:#1E76BD; background-color:#1E76BD; } .main-slider.style-four .owl-nav .owl-prev, .main-slider.style-four .owl-nav .owl-next{ border:none; color:#ffffff; border-radius:50%; background-color:rgba(0,0,0,0.60); } /*** ==================================================================== Services Slider ==================================================================== ***/ .services-section{ position:relative; } .services-section .services-block{ padding:0px; float:left; z-index:1; } .services-block{ position:relative; } .services-block .inner-box{ position:relative; text-align:center; padding:0px 50px 60px; background: -ms-linear-gradient(left, #EAEAED 0%, #ffffff 100%); background: -moz-linear-gradient(left, #EAEAED 0%, #ffffff 100%); background: -o-linear-gradient(left, #EAEAED 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #EAEAED), color-stop(100, #ffffff)); background: -webkit-linear-gradient(left, #EAEAED 0%, #ffffff 100%); background: linear-gradient(to right, #EAEAED 0%, #ffffff 100%); } /* .services-block .inner-box:hover{ background: -ms-linear-gradient(left, #ffffff 0%, #EAEAED 100%); background: -moz-linear-gradient(left, #ffffff 0%, #EAEAED 100%); background: -o-linear-gradient(left, #ffffff 0%, #EAEAED 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(100, #EAEAED)); background: -webkit-linear-gradient(left, #ffffff 0%, #EAEAED 100%); background: linear-gradient(to right, #ffffff 0%, #EAEAED 100%); } */ .services-block .inner-box .icon-box{ position:relative; width:118px; height:118px; color:#ffffff; font-size:50px; text-align:center; line-height:118px; margin:0 auto; border-radius:50%; margin-top:-59px; display:inline-block; margin-bottom:40px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .services-block .inner-box .icon-box .icon{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block .inner-box:hover .icon-box{ -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .services-block .inner-box h5{ position:relative; font-weight:700; line-height:1.4em; margin-bottom:18px; } .services-block .inner-box h5 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block .inner-box:hover h5 a{ color:#1E76BD; } .services-block .inner-box .text{ position:relative; font-size:16px; color:#1a1e66; line-height:1.7em; margin-bottom:30px; } .services-block .inner-box .plus-box{ position:relative; width:40px; height:40px; color:#ffffff; font-size:14px; text-align:left; border-radius:50px; line-height:38px; background-color:#091394; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block .inner-box .plus-box .plus{ position:absolute; right:0px; color:#ffffff; width:40px; height:40px; font-size:14px; line-height:40px; border-radius:50px; text-align:center; display:inline-block; background-color:#091394; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block .inner-box .plus-box:hover{ width:107px; padding:0px 0px 0px 25px; } /*** ==================================================================== About Slider ==================================================================== ***/ .about-section{ position:relative; padding:95px 0px 85px; } .about-section .content-column{ position:relative; } .about-section .content-column .inner-column{ position:relative; } .about-section .content-column .inner-column .sec-title{ margin-bottom:30px; } .about-section .content-column .inner-column .text{ position:relative; margin-bottom:35px; } .about-section .content-column .inner-column .text p{ position:relative; font-size:16px; color:#1a1e66; line-height:1.6em; margin-bottom:15px; } .about-section .content-column .inner-column .text p a{ text-decoration:underline; } .about-section .content-column .inner-column .text p:last-child{ margin-bottom:0px; } .about-section .content-column .question{ position:relative; font-size:16px; font-weight:700; color:#012068; margin-top:22px; padding-bottom:30px; margin-bottom:20px; border-bottom:1px dashed #b7b7b7; } .about-section .content-column .question a{ position:relative; color:#012068; text-decoration:underline; } .about-section .content-column .question strong{ position:relative; color:#012068; font-size:24px; font-weight:700; margin-left:5px; margin-bottom: 5px; display:inline-block; font-family: 'Poppins', sans-serif; } .about-section .content-column .question .or{ position:relative; margin-left:5px; color:#012068; display:inline-block; } .about-section .content-column .inner-column .signature{ position:relative; padding-left:165px; padding-top:20px; min-height:105px; } .about-section .content-column .inner-column .signature .signature-img{ position:absolute; left:0px; top:0px; } .about-section .content-column .inner-column .signature h5{ position:relative; color:#012068; font-weight:700; text-transform:capitalize; } .about-section .content-column .inner-column .signature .designation{ position:relative; color:#1a1e66; font-size:16px; } .about-section .video-column{ position:relative; } .about-section .video-column .inner-column{ position:relative; padding-left:30px; padding-top:65px; } .about-section .video-column .inner-column .video-box{ border-radius:30px; overflow:hidden; margin-bottom:50px; } .about-section.brown .content-column .inner-column .sec-title h2{ color:#000000; padding-bottom:0px; } .about-section.brown .content-column .inner-column .text p a{ color:#000000; } .about-section.brown .content-column .inner-column .sec-title h2:after{ display:none; } .about-section.brown .fact-counter .column .counter-title, .about-section.brown .content-column .question strong, .about-section.brown .content-column .question a, .about-section.brown .content-column .question, .about-section.brown .content-column .inner-column .list-style-one li{ color:#000000; } .about-section.brown .fact-counter .count-outer, .about-section.brown .content-column .inner-column .signature h5, .about-section.brown .video-column .fact-counter .count-outer .count-text{ /* color:#9a7f59; */ color:#1E76BD; } .about-section.brown .content-column .inner-column .signature .designation{ color:#9c9c9c; } .about-section.brown .video-box .overlay-box span{ background-color:#9a7f59; } /*Video Box*/ .video-box{ position:relative; box-shadow:0px 0px 40px rgba(0,0,0,0.40); } .video-box .image{ position:relative; overflow:hidden; margin:0px; } .video-box .image img{ position:relative; width:100%; } .video-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 80px; background:rgba(19,184,234,0.08); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .video-box .overlay-box:hover{ background:rgba(0,0,0,0.45); } .video-box .overlay-box span{ position: relative; width:80px; height: 80px; top: 40%; z-index:99; color: #ffffff; font-weight:400; font-size:24px; text-align: center; border-radius:50%; padding-left:4px; background-color: #1E76BD; display: inline-block; margin-top: -40px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .video-box:hover .overlay-box span{ transform: rotate(360deg); } /*Fact Counter*/ .fact-counter{ position:relative; } .fact-counter .column{ position:relative; z-index:5; margin-bottom:30px; } .fact-counter .column .inner{ position:relative; text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fact-counter .count-outer{ position:relative; font-weight:700; color:#1E76BD; font-size: 30px; font-family: 'Poppins', sans-serif; } .fact-counter .count-outer .count-text{ position:relative; font-weight:700; color:#1E76BD; font-size: 30px; font-family: 'Poppins', sans-serif; } .fact-counter .column .counter-title{ position:relative; font-size:16px; font-weight:600; color:#012068; margin-top:14px; text-transform:capitalize; display:block; } .fact-counter .count-outer .text{ position:relative; color:#7f7f7f; font-size:14px; margin-top:6px; font-weight:400; font-family: 'Muli', sans-serif; } /* Style Two */ .fact-counter.style-two{ padding-left:20px; } .fact-counter.style-two .counter-column .inner{ text-align:left; } .fact-counter.style-two .counter-column{ margin-bottom:60px; } .fact-counter.style-two .counter-column:last-child{ margin-bottom:0px; } .fact-counter.style-two .count-outer{ position:relative; font-size:55px; line-height:1em; font-weight:600; margin:0px 0px; color:#ffffff; } .fact-counter.style-two .count-outer .count-text{ position:relative; font-weight:600; color:#ffffff; font-size: 55px; } .fact-counter.style-two .column .counter-title{ position:relative; font-size:18px; font-weight:400; color:#13b5ea; margin-top:5px; text-transform:capitalize; display:block; letter-spacing:1px; } /* Style Three */ .fact-counter.style-three .column .inner .icon-box{ position:relative; font-size:64px; line-height:1em; /* color:#ec0203; */ color:#1E76BD; margin-bottom:25px; } .fact-counter.style-three .count-outer{ position:relative; font-size:36px; line-height:1em; font-weight:700; margin:0px 0px; color:#ffffff; } .fact-counter.style-three .count-outer .count-text{ position:relative; font-weight:700; color:#ffffff; font-size: 36px; } .fact-counter.style-three .column .counter-title{ position:relative; font-size:18px; font-weight:600; color:#ffffff; margin-top:14px; display:block; letter-spacing:1px; text-transform:capitalize; font-family: 'Muli', sans-serif; } /*** ==================================================================== Gallery Section ==================================================================== ***/ .gallery-section{ position: relative; } .gallery-section .gallery-block .inner-box{ } .gallery-section .owl-item.active .gallery-block{ transform:scaleY(1.1); -moz-transform:scaleY(1.1); -webkit-transform:scaleY(1.1); -ms-transform:scaleY(1.1); -o-transform:scaleY(1.1); } /*Gallery Block*/ .gallery-block{ position:relative; } .gallery-block .inner-box{ position:relative; } .gallery-block .inner-box .image{ position:relative; } .gallery-block .inner-box .image img{ position:relative; width: 100%; display: block; } .gallery-block .inner-box .overlay-box{ position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; } .gallery-block .inner-box .overlay-box{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:100%; display:block; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(1,8,104,0.8)); } .gallery-block .inner-box .overlay-box .overlay-inner{ position:absolute; left: 70px; bottom: 80px; width: 100%; display: block; } .gallery-block .inner-box .overlay-box .overlay-inner h3{ position:relative; margin-bottom:10px; } .gallery-block .inner-box .overlay-box .overlay-inner h3 a{ position:relative; color: #ffffff; font-weight: 700; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .gallery-block .inner-box .overlay-box .overlay-inner h3 a:hover{ color:#1E76BD; } .gallery-block .inner-box .overlay-box .overlay-inner .text{ position:relative; font-size:20px; color:#ffffff; line-height:1.5em; max-width:540px; } .gallery-section .owl-carousel{ max-width:1240px; margin:0 auto; width:100%; display:block; } .gallery-section .owl-dots{ display:none; } .gallery-section .owl-nav{ position:absolute; left: 0px; top: 50%; width: 100%; } .gallery-section .owl-nav .owl-prev{ position:absolute; left: -70px; width: 90px; height: 60px; color:#ffffff; text-align: center; line-height: 60px; font-size: 24px; display: inline-block; background-color: #000000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-radius: 50px 0px 0px 50px; } .gallery-section .owl-nav .owl-next{ position:absolute; right: -70px; width: 90px; height: 60px; color:#ffffff; text-align: center; line-height: 60px; font-size: 24px; display: inline-block; background-color: #000000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-radius: 0px 50px 50px 0px; } .gallery-section .owl-nav .owl-prev:hover, .gallery-section .owl-nav .owl-next:hover{ color: #ffffff; border-color:#1E76BD; background-color: #1E76BD; } .gallery-section .owl-carousel .owl-stage-outer{ overflow:visible; } .gallery-section .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .overlay-box{ /* opacity: 0; visibility: hidden; */ } .gallery-section .owl-carousel .owl-stage-outer .owl-item .gallery-block .inner-box .image{ /* opacity: 0.5; */ } .gallery-section .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .image{ opacity: 1; } .gallery-section .owl-carousel .owl-stage-outer .owl-item.active .gallery-block .inner-box .overlay-box{ /* opacity: 1; visibility: visible; */ } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; padding:90px 0px; background-color:#012068; } .testimonial-section:before{ position:absolute; content:''; left:50%; top:0px; width:673px; height:550px; margin-left:-336px; text-align:center; background: url(../images/icons/pattern.png) no-repeat; background-position:center bottom; } .testimonial-section.padding-top{ padding-top:350px; margin-top:-250px; } /* Testimonial Block */ .testimonial-block{ position:relative; } .testimonial-block .inner-box{ position:relative; text-align:center; } .testimonial-block .inner-box .quote-icon{ position:relative; font-size:40px; color:#ffffff; line-height:1em; margin-bottom:35px; } .testimonial-block .inner-box .text{ position:relative; color:#ffffff; font-size:17px; line-height:1.9em; max-width:900px; margin: 0 auto; margin-bottom:15px; } .testimonial-block .inner-box h3{ position:relative; color:#1E76BD; font-weight:600; text-transform:capitalize; } .testimonial-block .inner-box .author{ position:relative; color:#afd3f3; font-weight:400; font-size:16px; margin-top:4px; text-transform:capitalize; } .testimonial-section .owl-dots{ display:none; } .testimonial-section .owl-nav{ position:absolute; left: 0px; top: 50%; width: 100%; } .testimonial-section .owl-nav .owl-prev{ position:absolute; left: 0px; width: 50px; height: 50px; color:#ffffff; text-align: center; line-height: 50px; border-radius: 50px; font-size: 20px; display: inline-block; background-color: #000000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .testimonial-section .owl-nav .owl-next{ position:absolute; right: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; font-size: 20px; color:#ffffff; display: inline-block; background-color: #000000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover{ color: #ffffff; background-color: #1E76BD; } /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position:relative; padding:95px 0px 50px; } .services-block-two{ position:relative; } .services-block-two .inner-box{ position:relative; overflow:hidden; } .services-block-two .inner-box .image{ position:relative; } .services-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .services-block-two .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block-two .inner-box:hover .overlay-box{ opacity:0; visibility:hidden; } .services-block-two .inner-box .overlay-box .overlay-inner{ position:absolute; left:40px; bottom:25px; } .services-block-two .inner-box .overlay-box .overlay-inner .icon-box{ position:relative; line-height:1em; color:#ffffff; font-size:44px; margin-bottom:20px; } .services-block-two .inner-box .overlay-box .overlay-inner h5{ position:relative; font-weight:700; line-height:1.4em; } .services-block-two .inner-box .overlay-box .overlay-inner h5 a{ position:relative; color:#ffffff; } .services-block-two .inner-box .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(10,20,150,0.9)); } .services-block-two .inner-box .overlay-box-two{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; color:#ffffff; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; } .services-block-two .inner-box:hover .overlay-box-two{ opacity:1; visibility:visible; } .services-block-two .inner-box .image .overlay-box-two:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0; visibility: hidden; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); background-image: -ms-linear-gradient(top, #3240FE 0%, #0a1598 100%); background-image: -moz-linear-gradient(top, #3240FE 0%, #0a1598 100%); background-image: -o-linear-gradient(top, #3240FE 0%, #0a1598 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3240FE), color-stop(100, #0a1598)); background-image: -webkit-linear-gradient(top, #3240FE 0%, #0a1598 100%); background-image: linear-gradient(to bottom, #3240FE 0%, #0a1598 100%); } .services-block-two .inner-box:hover .overlay-box-two:before{ -moz-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); opacity: 1; visibility: visible; } .services-block-two .inner-box:hover .overlay-box-two{ opacity:1; } .services-block-two .inner-box .image .overlay-box-two .overlay-inner-two{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; text-align:center; vertical-align:middle; padding:10px 30px; } .services-block-two .inner-box .image .overlay-box-two .overlay-inner-two .content{ position:relative; display:table-cell; vertical-align:middle; } .services-block-two .inner-box .image .overlay-box-two .icon-box{ position:relative; line-height:1em; color:#ffffff; font-size:46px; margin-bottom:20px; } .services-block-two .inner-box .image .overlay-box-two .text{ position:relative; font-size:16px; font-weight:300; line-height:1.7em; } /*** ==================================================================== Case Section ==================================================================== ***/ .case-section{ position:relative; padding:45px 0px; } .case-section.alternate{ padding-top:90px; padding-bottom:120px; } .case-section .sec-title, .case-section .sec-title-two{ margin-bottom:120px; } .case-section .sec-title .text, .case-section .sec-title-two .text{ color:#1a1e66; font-size:16px; font-weight:400; line-height:1.8em; max-width:600px; width:100%; } /* Case Block */ .case-block{ position:relative; } .case-block .inner-box{ position:relative; padding:0px 15px 35px 35px; background:-webkit-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-moz-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-o-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-ms-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); } .case-block .inner-box .image{ position:relative; left:50%; width:142px; height:142px; margin:0 auto; border-radius:50%; margin-left:-71px; overflow:hidden; margin-bottom:20px; display:inline-block; margin-top:-71px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .case-block .inner-box:hover .image{ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); } .case-block .inner-box .title{ position:relative; color:#0b1598; font-size:14px; font-weight:400; letter-spacing:1px; margin-bottom:8px; } .case-block .inner-box h5{ position:relative; font-weight:700; line-height:1.5em; } .case-block .inner-box h5 a{ position:relative; color:#012068; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .case-block .inner-box h5 a:hover{ color:#303ef9; } .case-block .inner-box .text{ position:relative; font-size:16px; color:#1a1e66; line-height:1.6em; margin-top:18px; } .case-block .inner-box .arrow{ position:absolute; right:0px; width:54px; height:54px; color:#ffffff; font-size:18px; line-height:54px; display:inline-block; border-radius:50px; text-align:center; font-weight:600; opacity:0; visibility:hidden; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .case-block .inner-box:hover .arrow{ opacity:1; visibility:visible; } .case-section .case-block.style-two{ padding:0px; float:left; } .case-block.style-two .inner-box{ background:#6a592f; } .case-block.style-two:nth-child(2) .inner-box{ background-color:#7e6a46; } .case-block.style-two:nth-child(3) .inner-box{ background-color:#ad8e63; } .case-block.style-two .inner-box h3{ font-family: 'Playfair Display', serif; } .case-block.style-two .inner-box .title, .case-block.style-two .inner-box h5 a, .case-block.style-two .inner-box .text{ color:#ffffff; } .case-block.style-two .inner-box .arrow{ background:#070503; right:22px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:85px 0px 90px; } .team-section .title-column{ position:relative; margin-bottom:40px; } .team-section .title-column .sec-title{ position:relative; margin-bottom:40px; } .team-block{ position:relative; } .team-block .inner-box{ position:relative; } .team-block .inner-box .image{ position:relative; overflow:hidden; } .team-block .inner-box:hover{ } .team-block .inner-box .image img{ position:relative; width:100%; display:block; } .team-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6)); } .team-block .inner-box .image .overlay-box .content{ position:absolute; left:0px; bottom:-57px; width:100%; padding:12px 10px; text-align:center; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background-color:#ffffff; } .team-block .inner-box:hover .image .overlay-box .content{ bottom:0px; background:none; } .team-block .inner-box .image .overlay-box .content h5{ position:relative; font-weight:600; line-height:1.3em; } .team-block .inner-box .image .overlay-box .content h5 a{ position:relative; color:#012068; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block .inner-box:hover .image .overlay-box .content h5 a, .team-block .inner-box:hover .image .overlay-box .content .designation{ color:#ffffff; } .team-block .inner-box .image .overlay-box .content .designation{ position:relative; color:#9c9c9c; font-size:15px; margin-top:2px; margin-bottom:14px; } .team-block .inner-box .image .overlay-box .content .social-outer{ position:relative; text-align:center; } .team-block .inner-box .image .overlay-box .content .social-outer .social-box{ position:relative; padding:10px 30px; border-radius:50px; display:inline-block; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .team-block .inner-box .image .overlay-box .content .social-outer .social-box li{ position:relative; margin:0px 3px; display:inline-block; } .team-block .inner-box .image .overlay-box .content .social-outer .social-box li a{ position:relative; color:#ffffff; font-size:14px; } .team-section .blocks-column .owl-nav{ display:none; } .team-section .blocks-column .owl-dots{ position:relative; margin-top:40px; text-align:center; } .team-section .blocks-column .owl-dots .owl-dot{ position:relative; width:9px; height:9px; margin:0px 7px; border-radius:50px; display:inline-block; background-color:#b8b8b8; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .team-section .blocks-column .owl-dots .owl-dot.active, .team-section .blocks-column .owl-dots .owl-dot:hover{ background-color:#395189; } /*** ==================================================================== Call To Action ==================================================================== ***/ .call-to-action{ position:relative; text-align:center; padding:95px 0px 0px; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; } .call-to-action:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.90); } .call-to-action h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.4em; margin-bottom:40px; } .call-to-action h2 span{ font-style:italic; font-family: 'Playfair Display', serif; } .call-to-action .btns-box{ position:relative; text-align:center; } .call-to-action .btns-box a{ position:relative; margin:0px 10px 10px; display:inline-block; } .call-to-action .image{ position:relative; z-index:1; margin-top:55px; } /*** ==================================================================== Companines Section ==================================================================== ***/ .sponsors-section{ position:relative; padding:1px 0px 50px; } .sponsors-section .image-box{ position:relative; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .sponsors-section .image-box img{ position:relative; display:inline-block; width:auto; max-width:100%; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .sponsors-section .image-box img:hover{ opacity:0.6; } .sponsors-section .owl-dots, .sponsors-section .owl-nav{ display:none; } .news-section{ position:relative; padding-top:20px; padding-bottom:95px; } .news-section .btn-box{ position:relative; margin-top:20px; } .news-section .news-block{ padding:0px; float:left; } .news-block{ position:relative; margin-bottom:30px; } .news-block .inner-box{ position:relative; } .news-block .inner-box .image{ position:relative; overflow:hidden; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; } .news-block .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .news-block .inner-box .image .overlay-box:before{ position:absolute; content:''; left:-100%; top:0px; width:100%; height:100%; opacity:0.90; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .news-block .inner-box:hover .image .overlay-box:before{ left:0% } .news-block .inner-box .lower-content{ position:relative; padding:30px 30px; background:-webkit-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-moz-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-o-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); background:-ms-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9)); } .news-block .inner-box .lower-content .post-date{ position:relative; color:#0b1598; font-size:14px; margin-bottom:8px; } .news-block .inner-box .lower-content h5{ position:relative; font-weight:700; line-height:1.6em; margin-bottom:13px; } .news-block .inner-box .lower-content h5 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block .inner-box .lower-content h5 a:hover{ color:#303ef9; } .news-block .inner-box .lower-content .text{ position:relative; color:#1a1e66; font-size:16px; line-height:1.6em; } /*** ==================================================================== Map Info Section ==================================================================== ***/ .map-info-section{ position:relative; } .map-info-section .outer-container{ position:relative; } .map-info-section .outer-container .left-column{ position: absolute; width: 50%; left: 0px; height: 100%; float:left; } .map-info-section .outer-container .left-column .map-outer .map-canvas { position: absolute; right: 0px; height: 100%; width: 100%; min-height: 400px; } .map-info-section .outer-container .right-column{ position: relative; width: 50%; float: right; } .map-info-section .outer-container .right-column:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,4,9,0.84); } .map-info-section .outer-container .right-column .content{ position:relative; max-width: 600px; float: left; width: 100%; padding: 85px 15px 80px 80px; } .map-info-section .outer-container .right-column .content h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; padding-bottom:25px; margin-bottom:25px; } .map-info-section .outer-container .right-column .content h2 span{ position:relative; color:#1E76BD; font-style:italic; font-family: 'Playfair Display', serif; } .map-info-section .outer-container .right-column .content h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:50px; height:4px; background-color:#ffffff; } .map-info-section.alternate .outer-container .right-column .content h2{ margin-bottom:0px; } .map-info-section.alternate .outer-container .right-column .content h2 span{ color:#b78b4b; } .map-info-section.alternate .outer-container .right-column .content h2:after{ display:none; } .map-info-section .outer-container .right-column .content .text{ position:relative; color:#ebecfe; font-size:16px; line-height:1.8em; margin-bottom:25px; } .map-info-section .outer-container .right-column .content .consult{ position:relative; color:#ebecfe; font-size:16px; line-height:1.7em; margin-bottom:10px; } /*** ==================================================================== Consult Form ==================================================================== ***/ .quote-form{ position:relative; } .quote-form .row{ margin:0px -4px; } .quote-form .form-group{ position:relative; margin-bottom:8px; padding:0px 4px; } .quote-form .form-group input[type="text"], .quote-form .form-group input[type="tel"], .quote-form .form-group input[type="email"], .quote-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#333333; height:50px; font-size:15px; border-radius:4px; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .quote-form .form-group input[type="text"]:focus, .quote-form .form-group input[type="tel"]:focus, .quote-form .form-group input[type="email"]:focus, .quote-form .form-group textarea:focus{ border-color:#ee2d50; } .quote-form .form-group textarea::-webkit-input-placeholder, .quote-form .form-group input::-webkit-input-placeholder{ color:#333333; } .quote-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#333333; height:125px; resize:none; font-size:15px; background:none; border-radius:4px; border-bottom:1px solid rgba(255,255,255,0.50); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .quote-form .form-group .btn-detail{ position:relative; text-align:center; margin-left:30px; color:#ffffff; display:inline-block; } .quote-form button{ width:100%; cursor: pointer; font-size: 15px; border-radius:4px; font-weight:400; text-transform: capitalize; } .quote-form button .icon{ border-radius:0px 5px 5px 0px; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; padding:95px 0px 0px; background-color: #011a55; } .main-footer:before{ position:absolute; content:''; left:0px; bottom:0px; width:543px; height:368px; background:url(../images/icons/footer-pattern-2.png) no-repeat; } .main-footer:after{ position:absolute; content:''; right:0px; top:0px; width:505px; height:334px; background:url(../images/icons/footer-pattern-1.png) no-repeat; } .main-footer .footer-widget{ position:relative; z-index:1; margin-bottom:40px; } .main-footer .widgets-section{ position:relative; padding-bottom:40px; } .main-footer .footer-widget h4{ position:relative; font-weight:600; color:#ffffff; line-height:1.2em; margin-bottom:25px; text-transform:uppercase; } .main-footer .logo-widget{ position:relative; } .main-footer .logo-widget .logo{ position:relative; margin-bottom:25px; } .main-footer .logo-widget .text{ position:relative; color:#ffffff; font-size: 14px; font-weight: 400; line-height: 1.9em; margin-bottom: 30px; } /* List Link */ .list-link{ position:relative; } .list-link li{ position:relative; margin-bottom:15px; } .list-link li a{ position:relative; color:#afd3f3; font-size:14px; padding-left:15px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .list-link li a:hover{ color:#ffffff; margin-left:8px; text-decoration:underline; } .list-link li a:before{ position:absolute; content: "\f105"; left:0px; top:-3px; font-family: 'FontAwesome'; } /*Gallery Widget*/ .main-footer .gallery-widget{ position:relative; } .main-footer .gallery-widget .images-outer{ position:relative; margin:0px -3px; } .main-footer .gallery-widget .image-box{ position:relative; float:left; width:33.333%; padding:0px 3px; margin-bottom:6px; } .main-footer .gallery-widget .image-box img{ position:relative; display:block; width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-footer .gallery-widget .image-box img:hover{ opacity:0.70; } .main-footer .footer-bottom{ position:relative; padding:18px 0px; background-color:#020f2f; } .main-footer .footer-bottom .copyright-column{ position:relative; } .main-footer .footer-bottom .copyright-column .copyright{ position:relative; color:#afd3f3; font-size:14px; } .main-footer .footer-bottom .social-column{ position:relative; text-align:right; } .main-footer .footer-bottom .social-column ul{ position:relative; } .main-footer .footer-bottom .social-column ul li{ position:relative; margin-left:8px; display:inline-block; } .main-footer .footer-bottom .social-column ul li.follow{ color:#7f97ad; font-size:14px; } .main-footer .footer-bottom .social-column ul li a{ position:relative; color:#ffffff; font-size:16px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-footer .footer-bottom .social-column ul li a:hover{ color:#3276ff; } .main-footer.style-two{ background-color:#080603; } .main-footer.style-two:before{ background: url(../images/icons/footer-pattern-4.png) no-repeat; } .main-footer.style-two:after{ background: url(../images/icons/footer-pattern-3.png) no-repeat; } .main-footer.style-three:before, .main-footer.style-three:after{ display:none; } .main-footer.style-two .footer-bottom .social-column ul li a:hover, .main-footer.style-two .footer-bottom .copyright-column .copyright a, .main-footer.style-two .list-style-two li .icon{ color:#b78b4b; } .main-footer.style-two .list-link li a, .main-footer.style-two .list-style-two li, .main-footer.style-two .footer-bottom .social-column ul li.follow, .main-footer.style-two .footer-bottom .copyright-column .copyright{ color:#ffffff; } .main-footer.style-two .footer-bottom{ background-color:#272727; } .main-footer.style-three{ background-color:#080603; } .main-footer.style-three .footer-bottom .social-column ul li a:hover, .main-footer.style-three .footer-bottom .copyright-column .copyright a, .main-footer.style-three .list-style-two li .icon{ /* color:#fd1000; */ color: #1E76BD; } .main-footer.style-three .list-link li a, .main-footer.style-three .list-style-two li, .main-footer.style-three .footer-bottom .social-column ul li.follow, .main-footer.style-three .footer-bottom .copyright-column .copyright{ color:#ffffff; } .main-footer.style-three .footer-bottom{ background-color:#272727; } .services-section-three{ position:relative; padding:150px 0px 110px; background-color:#f2f3fa; } /* Services Block Three */ .services-block-three{ position:relative; } .services-block-three .inner-box{ position:relative; text-align:center; padding:0px 50px 60px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); background-color:#ffffff; } .services-block-three .inner-box:hover{ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform:translateY(20px); } .services-block-three .inner-box:before{ position:absolute; content:''; left:0px; bottom:0px; width:0px; height:4px; background-color:#1E76BD; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .services-block-three .inner-box:after{ position:absolute; content:''; right:0px; bottom:0px; width:0px; height:4px; background-color:#1E76BD; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .services-block-three .inner-box:hover::before, .services-block-three .inner-box:hover::after{ width:100%; } .services-block-three .inner-box .icon-box{ position:relative; width:118px; height:118px; color:#ffffff; font-size:50px; text-align:center; line-height:118px; margin:0 auto; border-radius:50%; margin-top:-59px; display:inline-block; margin-bottom:20px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; background-image: -ms-linear-gradient(right, #45A401 0%, #9EE213 100%); background-image: -moz-linear-gradient(right, #45A401 0%, #9EE213 100%); background-image: -o-linear-gradient(right, #45A401 0%, #9EE213 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #45A401), color-stop(100, #9EE213)); background-image: -webkit-linear-gradient(right, #45A401 0%, #9EE213 100%); background-image: linear-gradient(to left, #45A401 0%, #9EE213 100%); } .services-block-three .inner-box h6{ position:relative; font-size:18px; font-weight:700; line-height:1.4em; margin-bottom:15px; } .services-block-three .inner-box h6 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-three .inner-box:hover h6 a{ color:#1E76BD; } .services-block-three .inner-box .text{ position:relative; font-size:16px; color:#1a1e66; line-height:1.7em; } .services-block-three.style-two .inner-box .icon-box{ background-image: -ms-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -moz-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -o-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, #313ffb), color-stop(100, #0f1aa4)); /* background-image: -webkit-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); */ /* background-image: linear-gradient(to bottom, #313ffb 0%, #0f1aa4 100%); */ } /*** ==================================================================== About Section Two ==================================================================== ***/ .about-section-two{ position:relative; padding:95px 0px 60px; } .about-section-two:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background:url(../images/background/pattern-1.png) left top no-repeat; } .about-section-two:after{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background:url(../images/background/pattern-2.png) right top no-repeat; } .about-section-two .video-column{ position:relative; margin-bottom:40px; z-index:1; } .about-section-two .content-column{ position:relative; margin-bottom:40px; } .about-section-two .content-column .inner-column{ position:relative; padding-left:40px; z-index:1; } .about-section-two .content-column .inner-column h3{ position:relative; color:#012068; font-weight:700; line-height:1.3em; margin-bottom:25px; } .about-section-two .content-column .inner-column h3 span{ color:#1E76BD; } .about-section-two .content-column .inner-column .text{ position:relative; margin-bottom:40px; } .about-section-two .content-column .inner-column .text p{ position:relative; color:#1a1e66; font-size:16px; line-height:1.7em; margin-bottom:20px; } /*** ==================================================================== Services Section Four ==================================================================== ***/ .services-section-four{ position:relative; padding:95px 0px 100px; z-index:1; background-color:#f2f3fa; } .services-section-four .sec-title .text{ position: relative; color: #1a1e66; font-size: 16px; font-weight: 400; line-height: 1.8em; max-width: 600px; width: 100%; margin-top:0px; } .services-block-four{ position:relative; } .services-block-four .inner-box{ position:relative; overflow:hidden; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .services-block-four .inner-box .image{ position:relative; } .services-block-four .inner-box .image img{ position:relative; width:100%; display:block; } .services-block-four .inner-box .image .overlay-box{ position:absolute; left:0px; bottom:0px; width:100%; padding:15px 45px 20px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; background-color:rgba(1,32,104,0.90); } .services-block-four .inner-box .image .overlay-box .content{ position:relative; padding-left:60px; } .services-block-four .inner-box .image .overlay-box .content .icon-box{ position:absolute; left:0px; top:0px; color:#65b408; font-size:46px; line-height:1em; } .services-block-four .inner-box .image .overlay-box h6{ position:relative; font-weight:700; color:#ffffff; line-height:1.4em; } .services-block-four .inner-box:hover .image .overlay-box{ margin-bottom:-100px; } .services-block-four .inner-box .image .overlay-box-two{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: #ffffff; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); background-color:rgba(1,32,104,0.92); } .services-block-four .inner-box:hover .image .overlay-box-two{ top: 0px; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); } .services-block-four .inner-box .image .overlay-box-two .overlay-inner-two{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 30px; } .services-block-four .inner-box .image .overlay-box-two .overlay-inner-two .content{ position: relative; display: table-cell; vertical-align: middle; padding-left:70px; } .services-block-four .inner-box .image .overlay-box-two .icon-box{ position:absolute; left:0px; color:#65b408; font-size:46px; line-height:1em; } .services-block-four .inner-box .image .overlay-box-two h6{ position:relative; font-weight:700; line-height:1.4em; margin-bottom:12px; } .services-block-four .inner-box .image .overlay-box-two h6 a{ position:relative; color:#ffffff; } .services-block-four .inner-box .image .overlay-box-two .text{ position:relative; font-size:16px; font-weight:400; line-height:1.6em; color:#ffffff; margin-bottom:15px; } .services-block-four .inner-box .image .overlay-box-two .read-more{ position:relative; color:#509cf9; font-size:14px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .services-block-four .inner-box .image .overlay-box-two .read-more:hover{ color:#ffffff; } .services-section-four .btn-box{ position:relative; margin-top:45px; } /*** ==================================================================== Business Section ==================================================================== ***/ .business-section{ position:relative; } .business-section .outer-container{ position:relative; } .business-section .title-column{ position:relative; width:50%; float:left; padding-left:15px; } .business-section .title-column .inner-column{ position:relative; max-width:590px; float:right; width:100%; margin-top:175px; padding-right:120px; margin-bottom:50px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .business-section .title-column .inner-column .inner-wrapper-sticky{ transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .business-section .title-column .inner-column .logo{ position:relative; margin-bottom:20px; } .business-section .title-column .inner-column h2{ position:relative; color:#012068; font-weight:700; line-height:1.4em; margin-bottom:18px; } .business-section .title-column .inner-column h2 span{ color:#1E76BD; } .business-section .title-column .inner-column .text{ position:relative; color:#1a1e66; font-size:16px; line-height:1.7em; } .business-section .contents-column{ position:relative; width:50%; float:left; } .business-section .contents-column .inner-column{ position:relative; padding-top:80px; padding-right:15px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10); } .business-section .contents-column .inner-column .title-box{ position:relative; padding-left:55px; margin-bottom:70px; } .business-section .contents-column .inner-column .title-box h2{ position:relative; color:#012068; font-weight:700; line-height:1.4em; margin-bottom:18px; } .business-section .contents-column .inner-column .title-box h2 span{ color:#1E76BD; } .business-section .contents-column .inner-column .services-blocks{ position:relative; margin-left:-60px; margin-bottom:40px; } /* Services Block Five */ .services-block-five{ position:relative; padding-bottom:45px; } .services-block-five .inner-box{ position:relative; padding-top:25px; padding-left:150px; } .services-block-five .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:115px; height:115px; color:#ffffff; font-size:60px; overflow:hidden; text-align:center; border-radius:50%; line-height:112px; background-image: -ms-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -moz-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -o-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9FE013), color-stop(100, #49a702)); background-image: -webkit-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: linear-gradient(to bottom, #9FE013 0%, #49a702 100%); } .services-block-five .inner-box h6{ position:relative; font-weight:700; line-height:1.3em; margin-bottom:15px; } .services-block-five .inner-box h6 a{ position:relative; color:#012068; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .services-block-five .inner-box h6 a:hover{ color:#1E76BD; } .services-block-five .inner-box .text{ position:relative; color:#1a1e66; font-size:16px; max-width:270px; line-height:1.7em; } .business-section .contents-column .testimonial-boxed{ position:relative; margin-right:-15px; } .business-section .contents-column .testimonial-boxed .inner-boxed{ position:relative; padding:80px 15px 80px 130px; } .business-section .contents-column .testimonial-boxed .inner-boxed:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,21,69,0.80); } .business-section .contents-column .testimonial-boxed .inner-boxed .inner-content{ position:relative; max-width:450px; } .business-section .contents-column .testimonial-boxed .inner-boxed h2{ position:relative; color:#ffffff; font-weight:700; margin-bottom:30px; } .business-section .contents-column .testimonial-boxed .inner-boxed h2 span{ color:#509cf9; } /* Testimonial Block Two */ .testimonial-block-two{ position:relative; } .testimonial-block-two .inner-box{ position:relative; } .testimonial-block-two .inner-box .content-box{ position:relative; padding:25px 25px 28px; background-color:#1E76BD; } .testimonial-block-two .inner-box .content-box:after{ position:absolute; content:''; left:0px; bottom:-20px; border-top: 20px solid #1E76BD; border-right: 20px solid transparent; } .testimonial-block-two .inner-box .content-box .text{ position:relative; font-size:17px; color:#ffffff; line-height:1.6em; } .testimonial-block-two .inner-box .lower-box{ position:relative; margin-top:40px; } .testimonial-block-two .inner-box .lower-box .lower-inner{ position:relative; padding-left:110px; padding-top:16px; min-height:84px; } .testimonial-block-two .inner-box .lower-box .lower-inner .image{ position:absolute; content:''; left:0px; top:0px; width:84px; height:84px; border-radius:50%; overflow:hidden; } .testimonial-block-two .inner-box .lower-box .lower-inner h3{ position:relative; font-size:18px; color:#ffffff; line-height:1.3em; margin-bottom:4px; } .testimonial-block-two .inner-box .lower-box .lower-inner .designation{ position:relative; font-size:15px; color:#509cf9; } .business-section .contents-column .testimonial-boxed .owl-nav{ display:none; } .business-section .contents-column .testimonial-boxed .owl-dots{ position:absolute; right:0px; bottom:0px; } .business-section .contents-column .testimonial-boxed .owl-dots .owl-dot{ position:relative; width:7px; height:7px; margin-right:10px; border-radius:50px; display:inline-block; background-color:#509cf9; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .business-section .contents-column .testimonial-boxed .owl-dots .owl-dot.active, .business-section .contents-column .testimonial-boxed .owl-dots .owl-dot:hover{ background-color:#ffffff; } /* Awards Blocks */ .business-section .contents-column .awards-blocks{ position:relative; } .business-section .contents-column .awards-blocks .awards-inner{ position:relative; max-width:590px; padding:85px 50px; } .business-section .contents-column .awards-blocks .awards-inner h2{ position:relative; color:#012068; font-weight:700; line-height:1.4em; margin-bottom:18px; } .business-section .contents-column .awards-blocks .awards-inner h2 span{ color:#1E76BD; } .business-section .contents-column .awards-blocks .awards-inner .text{ position: relative; color: #1a1e66; font-size: 16px; line-height: 1.7em; margin-bottom:40px; } .business-section .contents-column .awards-blocks .awards-inner ul{ position:relative; } .business-section .contents-column .awards-blocks .awards-inner ul li{ position:relative; width:30%; margin-right:20px; display:inline-block; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .business-section .contents-column .awards-blocks .awards-inner ul li:last-child{ margin-right:0px; } .faq-section{ position:relative; padding:95px 0px 60px; background-color:#f2f3fa; } .faq-section .faq-column{ margin-bottom:40px; } .faq-section .side-image{ position:absolute; right:0px; top:0px; width:45%; height:100%; background-size:cover; background-repeat:no-repeat; } .faq-section .side-image:before{ position:absolute; content:''; right:0px; top:0px; width:100%; height:100%; display:block; opacity:0.9; background-image: -ms-linear-gradient(left, #012068 0%, #2f3ff5 100%); background-image: -moz-linear-gradient(left, #012068 0%, #2f3ff5 100%); background-image: -o-linear-gradient(left, #012068 0%, #2f3ff5 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #012068), color-stop(100, #2f3ff5)); background-image: -webkit-linear-gradient(left, #012068 0%, #2f3ff5 100%); background-image: linear-gradient(to right, #012068 0%, #2f3ff5 100%); } /*** ==================================================================== Accordions style ==================================================================== ***/ .accordion-box{ position:relative; } .accordion-box .block:first-child{ border-top:1px solid #eaeaea; } .accordion-box .block{ position:relative; border-bottom:1px solid #eaeaea; } .accordion-box .block:last-child{ border-bottom:none; } .accordion-box .block .acc-btn{ position:relative; font-size:18px; margin-bottom:0px; cursor:pointer; line-height:24px; font-weight:700; padding: 27px 10px 27px 50px; color:#012068; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Poppins', sans-serif; } .accordion-box .block .acc-btn .arrow{ position:absolute; right:0px; color:#c9c9ce; font-size:22px; font-weight:700; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .acc-btn.active .arrow{ transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); } .accordion-box .block .acc-btn .icon-inner{ color:#13b5ea; font-size:16px; } .accordion-box .block .icon-outer{ position:absolute; left:0px; top:28px; width:20px; height:20px; text-align:center; font-size:10px; color:#f2f3fa; border-radius:50px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-image: -ms-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -moz-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -o-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9FE013), color-stop(100, #49a702)); background-image: -webkit-linear-gradient(top, #9FE013 0%, #49a702 100%); background-image: linear-gradient(to bottom, #9FE013 0%, #49a702 100%); } .accordion-box .block .icon-outer .icon{ position:absolute; left:0px; top:50%; margin-top:-21px; width:100%; height:42px; line-height:41px; text-align:center; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .accordion-box .block .acc-btn.active .icon-outer{ background-color:#153e4d; } .accordion-box .block .icon-outer .icon-plus{ opacity:1; } .accordion-box .block .icon-outer .icon-minus{ opacity:0; } .accordion-box .block .acc-btn.active .icon-outer .icon-minus{ opacity:1; color:#f2f3fa; } .accordion-box .block .acc-btn.active .icon-outer .icon-plus{ opacity:0; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ position:relative; font-size:13px; padding:0px 0px 20px; } .accordion-box .block .content p{ margin-bottom:20px; line-height:1.8em; color:#1a1e66; font-size:16px; } .accordion-box .block .content p:last-child{ margin-bottom:0px; } .faq-section .counter-column{ position:relative; } .faq-section .counter-column .inner-column{ position:relative; z-index:1; margin-bottom:40px; } .faq-section .counter-column .inner-column .image{ position:relative; box-shadow:0px 0px 20px rgba(0,0,0,0.25); } .faq-section .counter-column .inner-column .image img{ position:relative; width:100%; display:block; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position:relative; padding-top:95px; } .news-section-two.alternate{ padding-bottom:90px; } .news-section-two.style-two{ padding-top:40px; } .news-section-two.style-two .sec-title-three .text{ max-width:590px; font-size:16px; color:#666666; line-height:1.7em; } .news-block-two{ position:relative; margin-bottom:0px; } .news-block-two .inner-box{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-two .inner-box .image{ position:relative; overflow:hidden; } .news-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-two .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-two .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .news-block-two .inner-box .image .overlay-box:before{ position:absolute; content:''; left:-100%; top:0px; width:100%; height:100%; opacity:0.85; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(1,32,104,0.90); } .news-block-two .inner-box:hover .image .overlay-box:before{ left:0% } .news-block-two .inner-box .lower-content{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding:30px 30px 35px; } .news-block-two .inner-box .lower-content .post-meta{ position:relative; } .news-block-two .inner-box .lower-content .post-meta li{ position:relative; margin-right:20px; color:#0b1598; font-size:14px; padding-left:22px; display:inline-block; } .news-block-two .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-block-two .inner-box .lower-content .post-meta li .fa{ position:absolute; left:0px; top:0px; color:#303ef9; font-size:14px; } .news-block-two .inner-box .lower-content h5{ position:relative; font-weight:700; line-height:1.5em; margin-top:8px; margin-bottom:24px; } .news-block-two .inner-box .lower-content h5 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-two .inner-box .lower-content h5 a:hover{ color:#303ef9; } .news-block-two.brown .inner-box .image .overlay-box:before{ background-color:rgba(0,0,0,0.84); } .news-block-two.brown .inner-box .image .overlay-box .plus{ background-color:#ad8e63; color:#ffffff; } .news-block-two.brown .inner-box .lower-content{ border-bottom:5px solid transparent; } .news-block-two.brown .inner-box .lower-content .post-meta li, .news-block-two.brown .inner-box .lower-content .post-meta li .fa{ color:#9c9c9c; } .news-block-two.brown .inner-box:hover .lower-content{ border-color:#ad8e63; } .news-block-two.brown .inner-box .lower-content h5{ font-family: 'Playfair Display', serif; } .news-block-two.brown .inner-box .lower-content h5 a{ color:#000000; } .news-block-two.brown .inner-box .lower-content h5 a:hover{ color:#ad8e63; } .news-block-two.red .inner-box .image .overlay-box:before{ background-color:rgba(236,2,3,0.84); } .news-block-two.red .inner-box .image .overlay-box .plus{ background-color:#ffffff; /* color:#ec0203; */ color:#1E76BD; } .news-block-two.red .inner-box .lower-content .post-meta li, .news-block-two.red .inner-box .lower-content .post-meta li .fa{ color:#999999; } .news-block-two.red .inner-box .lower-content h5 a{ color:#000000; } /*** ==================================================================== Call To Action Section Two ==================================================================== ***/ .call-to-action-two{ position:relative; padding:25px 0px; background-color:#020f2f; } .call-to-action-two h2{ position:relative; color:#ffffff; font-weight:700; } .call-to-action-two h2 span{ color:#1E76BD; } .call-to-action-two .theme-btn{ margin-top:3px; } /*** ==================================================================== Services Section Five ==================================================================== ***/ .services-section-five{ position:relative; padding:125px 0px 20px; } .services-section-five .services-text{ position:relative; color:#012068; font-size:14px; text-align:center; } .services-section-five .services-text a{ text-decoration:underline; } .services-block-six{ position:relative; z-index:1; margin-bottom:80px; } .services-block-six .inner-box{ position:relative; padding-top:35px; padding-left:200px; min-height:187px; } .services-block-six .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:175px; height:187px; color:#f95f01; font-size:60px; line-height:1em; text-align:center; padding-top:55px; display:inline-block; background: url(../images/icons/service-icon-1.png) no-repeat; } .services-block-six .inner-box h6{ position:relative; font-weight:700; line-height:1.4em; margin-bottom:10px; } .services-block-six .inner-box h6 a{ position:relative; color:#012068; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block-six .inner-box h6 a:hover{ color:#4659e2; text-decoration:underline; } .services-block-six .inner-box .text{ position:relative; font-size:16px; color:#1a1e66; line-height:1.7em; max-width:280px; } /*** ==================================================================== About Section Three ==================================================================== ***/ .about-section-three{ position:relative; padding:55px 0px 70px; } .about-section-three .content-column{ position:relative; margin-bottom:40px; } .about-section-three .content-column .inner-column{ position:relative; } .about-section-three .content-column .inner-column .sec-title{ margin-bottom:30px; } .about-section-three .content-column .inner-column .bold-text{ position:relative; font-size:18px; color:#1a1e66; font-weight:700; line-height:1.6em; margin-bottom:22px; } .about-section-three .content-column .inner-column .text{ position:relative; font-size:16px; color:#1a1e66; font-weight:400; line-height:1.6em; margin-bottom:30px; } .about-section-three .image-column{ position:relative; text-align:center; } /*** ==================================================================== Companies Section ==================================================================== ***/ .companies-section{ position:relative; padding-bottom:40px; } .companies-section .title-box{ position:relative; padding:95px 0px 85px; } .companies-section .title-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.80); } .companies-section .lower-section{ position:relative; margin-top:-54px; } /*** ==================================================================== Company Tabs Style ==================================================================== ***/ .company-info-tabs .company-tabs{ position:relative; } .company-info-tabs .company-tabs .tab-btns{ position:relative; z-index:1; } .company-info-tabs .company-tabs .tab-btns .tab-btn{ position:relative; display:block; float:left; width:31.6%; font-size:15px; color:#ffffff; text-align:center; background:#4659e2; font-weight:400; line-height:24px; cursor:pointer; margin:0px 10px; padding:15px 20px 15px; text-transform:capitalize; transition:all 500ms ease; border-radius:5px 5px 0px 0px; } .company-info-tabs .company-tabs .tab-btns .tab-btn:hover, .company-info-tabs .company-tabs .tab-btns .tab-btn.active-btn{ color:#012068; background:#ffffff; } .company-info-tabs .company-tabs .tabs-content{ position:relative; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; padding:95px 0px 50px; } .company-info-tabs .company-tabs .tabs-content:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background:url(../images/background/pattern-1.png) left top no-repeat; } .company-info-tabs .company-tabs .tabs-content:after{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background:url(../images/background/pattern-2.png) right top no-repeat; } .company-info-tabs .company-tabs .tabs-content .tab{ position:relative; display:none; margin-top:30px; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .company-info-tabs .company-tabs .tabs-content .tab.active-tab{ display:block; margin-top:0px; } .company-info-tabs .company-tabs .tabs-content .tab .title-column{ position:relative; margin-bottom:40px; } .company-info-tabs .company-tabs .tabs-content .tab .title-column .inner-column{ position:relative; padding-top:65px; z-index:1; } /* Services Block Seven */ .services-block-seven{ position:relative; margin-bottom:40px; z-index:1; } .services-block-seven .inner-box{ position:relative; padding-left:85px; min-height:60px; } .services-block-seven .inner-box .icon-box{ position:absolute; left:0px; top:7px; color:#4659e2; font-size:46px; line-height:1em; } .services-block-seven .inner-box .text{ position:relative; color:#1a1e66; font-size:18px; font-weight:700; line-height:1.7em; } .company-info-tabs .company-tabs .tabs-content .tab .blocks-column{ position:relative; z-index:10; } .company-info-tabs .company-tabs .tabs-content .tab .blocks-column .inner-column{ position:relative; } .services-block-eight.margin-top{ margin-top:80px; } /* Services Block Eight */ .services-block-eight{ position:relative; margin-bottom:30px; } .services-block-eight .inner-box{ position:relative; text-align:center; padding:40px 30px 40px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .services-block-eight .inner-box .icon-box{ position:relative; color:#012068; font-size:54px; line-height:1em; margin-bottom:20px; } .services-block-eight .inner-box h5{ position:relative; font-size:20px; font-weight:700; line-height:1.3em; margin-bottom:12px; } .services-block-eight .inner-box h5 a{ position:relative; color:#012068; } .services-block-eight .inner-box .text{ position:relative; color:#1a1e66; font-size:16px; line-height:1.7em; } .services-block-eight .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; color:#ffffff; text-align:center; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -moz-transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); background-image: -ms-linear-gradient(top, #F44C01 0%, #ff7a01 100%); background-image: -moz-linear-gradient(top, #F44C01 0%, #ff7a01 100%); background-image: -o-linear-gradient(top, #F44C01 0%, #ff7a01 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F44C01), color-stop(100, #ff7a01)); background-image: -webkit-linear-gradient(top, #F44C01 0%, #ff7a01 100%); background-image: linear-gradient(to bottom, #F44C01 0%, #ff7a01 100%); } .services-block-eight .inner-box .overlay-box .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 30px; } .services-block-eight .inner-box .overlay-box .overlay-inner .content{ position: relative; display: table-cell; vertical-align: middle; } .services-block-eight .inner-box:hover .overlay-box{ -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; } .services-block-eight .inner-box .overlay-box h6{ position:relative; color:#ffffff; font-size:20px; line-height:1.7em; padding-bottom:10px; font-weight:700; margin-bottom:20px; } .services-block-eight .inner-box .overlay-box h6:after{ position:absolute; content:''; left:50%; bottom:0px; height:3px; width:32px; margin-left:-16px; background-color:#ffffff; } .services-block-eight .inner-box .overlay-box h6 a{ position:relative; color:#ffffff; } .services-block-eight .inner-box .overlay-box .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.6em; } /*** ==================================================================== Testimonial Section Two ==================================================================== ***/ .testimonial-section-two{ position:relative; padding-top:95px; } .testimonial-section-two .image-layer{ position:absolute; left:0px; top:0px; width:100%; height:370px; background-size:cover; background-attachment:fixed; } .testimonial-section-two .image-layer:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.84); } .testimonial-section-two .testimonial-carousel-two{ margin-top:-28px; } .testimonial-section-two h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.2em; padding-left:320px; } .testimonial-section-two h2 span{ font-weight:400; font-family: 'Playfair Display', serif; } .testimonial-section-two .owl-dots{ position: relative; display: none; } .testimonial-section-two .owl-nav{ position:absolute; margin-left:330px; margin-top:-40px; } .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next{ position: relative; width: 40px; height: 40px; bottom: 50%; color: #012068; background: none; z-index: 10; font-size: 22px; text-align: center; cursor: pointer; line-height: 40px; margin: 0px 8px; font-weight:700; border-radius: 50px; display: inline-block; background-color: #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; box-shadow:0px 0px 10px rgba(0,0,0,0.15); } .testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover{ color:#ffffff; background-color: #4659e2; } .testimonial-block-three{ position:relative; } .testimonial-block-three .inner-box{ position:relative; } .testimonial-block-three .inner-box .image-column{ position:relative; } .testimonial-block-three .inner-box .image-column .inner-column{ position:relative; margin-top:-28px; } .testimonial-block-three .inner-box .image-column .inner-column .image{ position:relative; } .testimonial-block-three .inner-box .image-column .inner-column .image img{ position:relative; width:100%; display:block; } .testimonial-block-three .inner-box .content-column{ position:relative; } .testimonial-block-three .inner-box .content-column .inner-column{ position:relative; padding-left:75px; padding-top:40px; } .testimonial-block-three .inner-box .content-column .text{ position:relative; color:#d9d9d9; font-size:18px; font-weight:600; line-height:1.8em; padding-left:50px; margin-bottom:20px; } .testimonial-block-three .inner-box .content-column .text .icon{ position:absolute; left:0px; top:6px; color:#d9d9d9; font-size:22px; line-height:1em; } .testimonial-block-three .inner-box .content-column h5{ position:relative; font-weight:600; font-size:20px; line-height:1.3em; color:#4659e2; padding-left:50px; margin-bottom:5px; } .testimonial-block-three .inner-box .content-column .designation{ position:relative; font-weight:400; font-size:15px; color:#d9d9d9; line-height:1.3em; padding-left:50px; } /*** ==================================================================== Testimonial Section Six ==================================================================== ***/ .services-section-six{ position:relative; padding:90px 0px 40px; } .services-section-six .outer-container{ position:relative; } .services-section-six .outer-container:before{ position:absolute; content:''; left:0px; top:70px; width:100%; height:91px; background:url(../images/background/pattern-3.png) center top no-repeat; } .services-section-six .outer-container .services-block-nine:nth-child(2), .services-section-six .outer-container .services-block-nine:nth-child(4){ margin-top:70px; } .services-block-nine{ position:relative; margin-bottom:40px; } .services-block-nine .inner-box{ position:relative; text-align:center; } .services-block-nine .inner-box .icon-outer{ position:relative; display:inline-block; } .services-block-nine .inner-box .icon-outer .service-number{ position:absolute; left:-7px; top:-2px; width:24px; height:24px; color:#ffffff; font-size:14px; font-weight:600; text-align:center; border-radius:50%; display:inline-block; background-color:#515251; } .services-block-nine .inner-box .icon-outer .icon-box{ position:relative; width:135px; height:135px; color:#ffffff; text-align:center; border-radius:50%; line-height:138px; font-size:62px; background-color:#d3dde8; } .services-block-nine .inner-box .icon-outer .icon-box .icon{ position:relative; } .services-block-nine .inner-box .icon-outer .icon-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; border-radius:50%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,#F44C01, #ff7a01); background:-moz-linear-gradient(top,#F44C01, #ff7a01); background:-o-linear-gradient(top,#F44C01, #ff7a01); background:-ms-linear-gradient(top,#F44C01, #ff7a01); } .services-block-nine .inner-box:hover .icon-outer .icon-box:before{ opacity:1; } .services-block-nine .inner-box .lower-box{ position:relative; margin-top:30px; } .services-block-nine .inner-box .lower-box h6{ position:relative; font-size:18px; font-weight:600; line-height:1.3em; margin-bottom:14px; } .services-block-nine .inner-box .lower-box h6 a{ position:relative; color:#012068; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block-nine .inner-box .lower-box h6 a:hover{ color:#4659e2; } .services-block-nine .inner-box .lower-box .text{ position:relative; font-size:16px; line-height:1.7em; margin-bottom:14px; } .services-block-nine .inner-box .lower-box .contact{ position:relative; color:#4659e2; font-size:15px; font-weight:500; font-family: 'Poppins', sans-serif; } .services-block-nine .inner-box .lower-box .contact .arrow{ position:relative; font-weight:600; color:#4659e2; margin-left:4px; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-section{ position:relative; padding-top:95px; } .pricing-section.alternate{ padding-bottom:70px; } /*** ==================================================================== Pricing Tabs Style ==================================================================== ***/ .pricing-info-tabs .pricing-tabs{ position:relative; } .pricing-tabs .tab-btns{ position:relative; text-align:center; margin-bottom:75px; } .pricing-tabs .tab-btns .tab-btn{ position:relative; display:inline-block; font-size:18px; color:#1a1e66; font-weight:400; line-height:24px; cursor:pointer; margin:0px 10px; text-transform:capitalize; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .pricing-tabs .tab-btns .tab-btn .save{ color:#1a1e66; font-size:14px; font-weight:700; padding:8px 18px; border-radius:4px; margin-left:10px; display:inline-block; background-color:#e3e6fb; } .pricing-tabs .tab-btns .tab-btn .circle{ position:relative; width:18px; height:18px; top:3px; margin-right:8px; border-radius:50px; display:inline-block; border:2px solid #b8b5b5; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .pricing-tabs .tab-btns .tab-btn:hover, .pricing-tabs .tab-btns .tab-btn.active-btn{ color:#1a1e66; } .pricing-tabs .tab-btns .tab-btn .circle:before{ position:absolute; content:''; left:4px; top:4px; width:6px; height:6px; opacity:0; border-radius:50px; background-color:#2a41e8; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .pricing-tabs .tab-btns .tab-btn:hover .circle, .pricing-tabs .tab-btns .tab-btn.active-btn .circle{ border-color:#4659e2; } .pricing-tabs .tab-btns .tab-btn:hover .circle::before, .pricing-tabs .tab-btns .tab-btn.active-btn .circle::before{ opacity:1; } .pricing-tabs .tabs-content{ position:relative; } .pricing-tabs .tabs-content .tab{ position:relative; display:none; margin-top:120px; transition:all 1000ms ease; -moz-transition:all 1000ms ease; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; } .pricing-tabs .tabs-content .tab.active-tab{ display:block; margin-top:0px; } /* Price Block */ .price-block{ position:relative; margin-bottom:30px; } .price-block .inner-box{ position:relative; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .price-block .inner-box .recomend{ position:absolute; left:0px; top:-41px; width:100%; color:#ffffff; font-size:15px; font-weight:500; text-align:center; padding:10px 12px; background-color:#4659e2; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; border-radius:6px 6px 0px 0px; } .price-block .inner-box .title-box{ position:relative; padding:25px 25px; } .price-block .inner-box .title-box h5{ position:relative; color:#012068; font-weight:700; line-height:1.3em; margin-bottom:12px; } .price-block .inner-box .title-box .text{ position:relative; font-size:16px; color:#1a1e66; line-height:1.7em; } .price-block .inner-box .price{ position:relative; display:block; color:#ffffff; font-size:36px; font-weight:700; line-height:1.2em; padding:12px 10px 8px; text-align:center; background:-webkit-linear-gradient(top,#F44C01, #ff7a01); background:-moz-linear-gradient(top,#F44C01, #ff7a01); background:-o-linear-gradient(top,#F44C01, #ff7a01); background:-ms-linear-gradient(top,#F44C01, #ff7a01); } .price-block .inner-box .price span{ position:relative; font-weight:300; font-size:16px; } .price-block .inner-box .lower-box{ position:relative; padding:20px 20px 25px; } .price-block .inner-box .price-list{ position:relative; margin-bottom:15px; } .price-block .inner-box .price-list li{ position:relative; color:#012068; font-size:14px; font-weight:500; padding:12px 8px 12px 35px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .price-block .inner-box .price-list li:before{ position:absolute; content: "\f00c"; left:10px; top:15px; color:#4659e2; font-size:14px; line-height:1em; font-family: 'FontAwesome'; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .price-block .inner-box .price-list li:hover{ background-color:#f2f2f2; } .price-block .inner-box .lower-box .theme-btn{ width:100%; text-align:center; } .price-block .inner-box:hover .recomend{ } .price-block.style-two .inner-box .recomend{ background-image: -ms-linear-gradient(top, #9fe513 0%, #60b807 100%); background-image: -moz-linear-gradient(top, #9fe513 0%, #60b807 100%); background-image: -o-linear-gradient(top, #9fe513 0%, #60b807 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9fe513), color-stop(100, #60b807)); background-image: -webkit-linear-gradient(top, #9fe513 0%, #60b807 100%); background-image: linear-gradient(to bottom, #9fe513 0%, #60b807 100%); } .price-block.style-two .inner-box .price{ background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } /*** ==================================================================== Services Block Seven ==================================================================== ***/ .services-section-seven{ position:relative; } .services-section-seven .inner-container{ position:relative; margin-top:-80px; z-index:1; } .services-section-seven .inner-container .services-block-ten{ float:left; padding:0px; } .services-section-seven .inner-container .services-block-ten:nth-child(2) .inner-box{ background-color:#7e6a46; } .services-section-seven .inner-container .services-block-ten:nth-child(3) .inner-box{ background-color:#ad8e63; } .services-block-ten{ position:relative; } .services-block-ten .inner-box{ position:relative; overflow:hidden; background-color:#6a592f; padding:45px 30px 50px 40px; } .services-block-ten .inner-box .upper-box{ position:relative; padding-left:70px; margin-bottom:32px; } .services-block-ten .inner-box .large-icon{ position:absolute; right:-120px; top:0px; opacity:0; font-size:100px; line-height:1em; color:rgba(255,255,255,0.25); -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .services-block-ten .inner-box:hover .large-icon{ right:0; opacity:1; } .services-block-ten .inner-box .upper-box .icon-box{ position:absolute; left:0px; top:-8px; color:#ffffff; font-size:46px; line-height:1em; } .services-block-ten .inner-box .upper-box h4{ position:relative; line-height:1.3em; font-weight:700; letter-spacing:1px; font-family: 'Playfair Display', serif; } .services-block-ten .inner-box .upper-box h4 a{ position:relative; color:#ffffff; } .services-block-ten .inner-box .text{ position:relative; line-height:1.8em; color:#ffffff; font-size:16px; margin-bottom:20px; } /*** ==================================================================== Services Section Eight ==================================================================== ***/ .services-section-eight{ position:relative; padding:95px 0px 60px; background-color:#f2f2f2; } .services-section-eight .content-column{ position:relative; } .services-section-eight .content-column .inner-column{ position:relative; margin-right:-60px; } .services-section-eight .image-column{ position:relative; } .services-section-eight .image-column .inner-column{ position:relative; margin-left:60px; } .services-section-eight .image-column .inner-column .image{ position:relative; } .services-section-eight .image-column .inner-column .image img{ position:relative; width:100%; display:block; } .services-section-eight .image-column .inner-column .image .overlay-box{ position:absolute; left:10px; top:10px; right:10px; bottom:10px; padding:0px 30px 60px; background-color:rgba(255,255,255,0.90); } .services-section-eight .image-column .inner-column .image .overlay-box .content{ position:absolute; left:30px; bottom:60px; } .services-section-eight .image-column .inner-column .image .overlay-box .content h2{ position:relative; font-weight:700; font-size:120px; line-height:80px; color:#000000; } .services-section-eight .image-column .inner-column .image .overlay-box .content h2 span{ font-weight:400; display:block; font-size:24px; font-family: 'Playfair Display', serif; } .services-block-eleven{ position:relative; margin-bottom:35px; } .services-block-eleven .inner-box{ position:relative; padding:30px 35px; background-color:#ffffff; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-block-eleven .inner-box .border-one:before{ position:absolute; content:''; left:0px; top:0px; width:0px; height:2px; background-color:#9a7f59; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-block-eleven .inner-box .border-one:after{ position:absolute; content:''; right:0px; bottom:0px; width:2px; height:0px; background-color:#9a7f59; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-block-eleven .inner-box:hover .border-one:before{ width:100%; } .services-block-eleven .inner-box:hover .border-one:after{ height:100%; } .services-block-eleven .inner-box .border-two:before{ position:absolute; content:''; left:0px; top:0px; width:2px; height:0px; background-color:#9a7f59; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-block-eleven .inner-box .border-two:after{ position:absolute; content:''; right:0px; bottom:0px; width:0px; height:2px; background-color:#9a7f59; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .services-block-eleven .inner-box:hover .border-two:before{ height:100%; } .services-block-eleven .inner-box:hover .border-two:after{ width:100%; } .services-block-eleven .inner-box .content{ position:relative; padding-left:60px; } .services-block-eleven .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:40px; height:40px; color:#ffffff; font-size:20px; line-height:40px; text-align:center; background-color:#9a7f59; } .services-block-eleven .inner-box .content h6{ position:relative; color:#000000; font-size:18px; font-weight:700; line-height:1.3em; margin-bottom:10px; font-family: 'Playfair Display', serif; } .services-block-eleven .inner-box .content h6 a{ position:relative; color:#000000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-block-eleven .inner-box .content h6 a:hover{ color:#9a7f59; } .services-block-eleven .inner-box .content .text{ position:relative; color:#6a6a6a; font-size:14px; line-height:1.8em; } /* Services Section Nine */ .services-section-nine{ position:relative; padding-top:95px; } .services-section-nine .services-block-twelve{ float:left; padding:0px; } .services-block-twelve{ position:relative; } .services-block-twelve .inner-box{ position:relative; overflow:hidden; } .services-block-twelve .inner-box .image{ position:relative; } .services-block-twelve .inner-box .image img{ position:relative; width:100%; display:block; } .services-block-twelve .inner-box .image .overlay-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; background-color:rgba(0,0,0,0.65); } .services-block-twelve .inner-box .image .overlay-box .overlay-inner{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 70px; } .services-block-twelve .inner-box .image .overlay-box .overlay-inner .content{ position: relative; display: table-cell; vertical-align: middle; } .services-block-twelve .inner-box .image .overlay-box h4{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:20px; font-family: 'Playfair Display', serif; } .services-block-twelve .inner-box .image .overlay-box .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.7em; margin-bottom:20px; } .services-block-twelve .inner-box .image .overlay-box .arrow-box{ position:relative; color:#ffffff; width:44px; height:44px; line-height:44px; border-radius:50px; font-weight:600; font-size:20px; text-align:center; display:inline-block; /* background-color:#9a7f59; */ background-color:#1E76BD; } .services-block-twelve .inner-box:hover .overlay-box-two{ opacity:1; left:0%; visibility:visible; } .services-block-twelve .inner-box .overlay-box-two{ position: absolute; left: -100%;; top: 0px; opacity:0; width: 100%; height: 100%; color: #ffffff; visibility:hidden; text-align:center; /* background-color:#9a7f59; */ background-color:#1E76BD; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .services-block-twelve .inner-box .overlay-box-two .overlay-inner-two{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 70px; } .services-block-twelve .inner-box .overlay-box-two .overlay-inner-two .large-icon{ position: absolute; left: 10px; top: 10px; font-size: 100px; line-height: 1em; color: rgba(255,255,255,0.25); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .services-block-twelve .inner-box .overlay-box-two .overlay-inner-two .content-two{ position: relative; display: table-cell; vertical-align: middle; } .services-block-twelve .inner-box .overlay-box-two .icon-box{ position:relative; font-size:62px; line-height:1em; } .services-block-twelve .inner-box .overlay-box-two h4{ position:relative; font-weight:700; line-height:1.3em; letter-spacing:1px; margin-top:28px; font-family: 'Playfair Display', serif; } .services-block-twelve .inner-box .overlay-box-two h4 a{ position:relative; color:#ffffff; } /*** ==================================================================== Testimonial Services Three ==================================================================== ***/ .testimonial-section-three{ position:relative; padding:90px 0px; background-color:#f2f2f2; } .testimonial-section-three .sec-title-two{ margin-bottom:40px; } .testimonial-section-three .owl-theme .testimonial-block-four{ margin:0px 15px; } .testimonial-section-three .owl-carousel{ margin:0px -15px; width:auto; } .testimonial-section-three .owl-carousel .owl-stage-outer{ padding:30px 0px; } .testimonial-section-three .owl-nav{ display:none; } .testimonial-section-three .owl-dots{ position:relative; margin-top:20px; text-align:center; } .testimonial-section-three .owl-dots .owl-dot{ position:relative; width:12px; height:12px; margin:0px 5px; border-radius:50px; display:inline-block; background-color:#d3d3d3; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .testimonial-section-three .owl-dots .owl-dot.active, .testimonial-section-three .owl-dots .owl-dot:hover{ background-color:#ad8e63; } /* Testimonial Block Four */ .testimonial-block-four{ position:relative; } .testimonial-block-four .inner-box{ position:relative; text-align:center; padding:35px 30px; background-color:#ffffff; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; box-shadow:0px 0px 20px rgba(0,0,0,0.15); } .testimonial-block-four .inner-box:before{ position:absolute; content:''; left:0px; bottom:0px; width:0px; height:5px; background-color:#ad8e63; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .testimonial-block-four .inner-box:after{ position:absolute; content:''; right:0px; bottom:0px; width:0px; height:5px; background-color:#ad8e63; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .testimonial-block-four .inner-box:hover::before, .testimonial-block-four .inner-box:hover::after{ width:100%; } .testimonial-block-four .inner-box .quote-icon{ position:absolute; right:45px; top:-20px; color:#e0e0e0; font-size:60px; line-height:1em; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-block-four .inner-box:hover{ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } .testimonial-block-four .inner-box:hover .quote-icon{ color:#ad8e63; } .testimonial-block-four .inner-box .image-outer{ position:relative; display:inline-block; } .testimonial-block-four .inner-box .image{ position:relative; width:76px; height:76px; overflow:hidden; margin:0 auto; border-radius:50px; } .testimonial-block-four .inner-box .image-outer:before{ position:absolute; content:''; left:-4px; top:-4px; right:-4px; bottom:-4px; border-radius:50px; border:2px solid #d1ae7c; } .testimonial-block-four .inner-box .text{ position:relative; color:#000000; font-size:16px; line-height:1.7em; margin-top:20px; margin-bottom:10px; } .testimonial-block-four .inner-box h5{ position:relative; color:#6a592f; font-weight:700; line-height:1.7em; } .testimonial-block-four .inner-box .designation{ position:relative; color:#9c9c9c; font-size:15px; font-weight:400; line-height:1.4em; } /*** ==================================================================== About Services Four ==================================================================== ***/ .about-section-four{ position:relative; padding:95px 0px 90px; } .about-section-four .sec-title-three .text{ position:relative; color:#666666; font-size:16px; max-width:600px; line-height:1.7em; } .about-section-four .image-column{ position:relative; margin-bottom:40px; } .about-section-four .image-column .inner-column{ position:relative; } .about-section-four .image-column .inner-column:before{ position:absolute; content:''; left:-160px; top:40px; width:387px; height:255px; z-index:-1; display:inline-block; background:url(../images/background/pattern-4.png) center top no-repeat; } .about-section-four .image-column .image-2{ position:absolute; right:0px; top:80px; opacity:0.6; z-index:-1; } .about-section-four .skills-column{ position:relative; margin-bottom:40px; } .about-section-four .skills-column .inner-column{ padding-left:30px; } .about-section-four .skills-column .skills{ position:relative; padding-top:25px; } .about-section-four .skills-column .inner-column .text{ position:relative; margin-top:55px; } .about-section-four .skills-column .inner-column .text p{ position:relative; color:#1a1e66; font-size:16px; line-height:1.7em; margin-bottom:18px; } .about-section-four .skills-column .inner-column .text p:last-child{ margin-bottom:0px; } /* Services Block Thirteen */ .services-block-thirteen{ position:relative; margin-bottom:35px; } .services-block-thirteen .inner-box{ position:relative; text-align:center; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .services-block-thirteen .inner-box .icon-box{ position:relative; width:118px; height:118px; color:#ffffff; font-size:56px; margin:0 auto; text-align:center; border-radius:50%; line-height:118px; margin-bottom:30px; /* background-color:#ec0203; */ background-color:#1E76BD; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .services-block-thirteen .inner-box .icon-box.alternate{ padding-left:14px; } .services-block-thirteen .inner-box:hover .icon-box{ background-color:#141414; box-shadow:0px 0px 15px rgba(0,0,0,0.20); } .services-block-thirteen .inner-box h5{ position:relative; color:#000000; font-size:20px; font-weight:700; line-height:1.4em; } .services-block-thirteen .inner-box:hover h5{ /* color:#ec0203; */ color:#1E76BD; } /*Skills Section*/ .skills{ position:relative; } .about-section-four .skills-column .skills.style-two{ padding-top:30px; } .skills .skill-item{ position:relative; margin-bottom:20px; } .skills .skill-item:last-child{ margin-bottom:0px; } .skills .skill-item .skill-bar{ position:relative; width:100%; } .skills .skill-item .skill-bar .bar-inner{ position:relative; width:100%; border-bottom: 5px solid #eeeeee; } .skills .skill-item .skill-bar .bar-inner .bar{ position:absolute; left:0px; top:0px; width:0px; border-bottom:5px solid #01050b; -webkit-transition:all 2000ms ease; -ms-transition:all 2000ms ease; -o-transition:all 2000ms ease; -moz-transition:all 2000ms ease; transition:all 2000ms ease; } .skills .skill-item .skill-bar .bar-inner .bar:before{ position:absolute; content:''; right:0px; top:-7px; width:18px; height:18px; border-radius:50px; background-color:#ffffff; border:1px solid #01050b; } .skills .skill-item .skill-header{ position:relative; margin-bottom:10px; } .skills .skill-item .skill-header .skill-title{ float:left; color:#666666; font-size:18px; font-weight:600; line-height:1.4em; text-transform:capitalize; } .skills .skill-item .skill-header .skill-percentage{ position:relative; float:right; font-weight:600; color:#666666; font-size:18px; text-transform:uppercase; } .about-section-four .skills-column .skills.style-two .skill-item .skill-header .skill-title{ color:#1a1e66; } /*** ==================================================================== Services Section Ten ==================================================================== ***/ .services-section-ten{ position:relative; padding:95px 0px 70px; background-color:#f3f3f3; } .services-section-ten.style-two{ background-color:#ffffff; } .services-block-fourteen{ position:relative; margin-bottom:30px; } .services-block-fourteen .inner-box{ position:relative; padding:40px 30px; text-align:center; border:1px solid #d9d9d9; background-color:#ffffff; /* background-color:#1d75bc42; */ -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; height: 320px; } .services-block-fourteen .inner-box .box-one:before{ position:absolute; content:''; left:0px; top:0px; width:0px; height:0px; /* background-color:#ec0203; */ background-color:#1E76BD; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .services-block-fourteen .inner-box:hover .box-one:before, .services-block-fourteen .inner-box:hover .box-one:after, .services-block-fourteen .inner-box:hover .box-two:before, .services-block-fourteen .inner-box:hover .box-two:after{ width:50%; height:50%; } .services-block-fourteen .inner-box .box-one:after{ position:absolute; content:''; right:0px; top:0px; width:0px; height:0px; /* background-color:#ec0203; */ background-color:#1E76BD; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .services-block-fourteen .inner-box .box-two:before{ position:absolute; content:''; left:0px; bottom:0px; width:0px; height:0px; /* background-color:#ec0203; */ background-color:#1E76BD; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .services-block-fourteen .inner-box .box-two:after{ position:absolute; content:''; right:0px; bottom:0px; width:0px; height:0px; /* background-color:#ec0203; */ background-color:#1E76BD; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .services-block-fourteen .inner-box .icon-box{ position:relative; /* color:#ec0203; */ color:#1E76BD; font-size:60px; line-height:1em; margin-bottom:30px; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; -moz-transition:all 1000ms ease; transition:all 1000ms ease; } .services-block-fourteen .inner-box h6{ position:relative; color:#000000; font-weight:600; line-height:1.4em; margin-bottom:18px; } .services-block-fourteen .inner-box h6 a{ position:relative; color:#000000; font-size: 12px; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; -moz-transition:all 1000ms ease; transition:all 1000ms ease; } .services-block-fourteen .inner-box .text{ position:relative; color:#666666; font-size:16px; line-height:1.7em; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; -moz-transition:all 1000ms ease; transition:all 1000ms ease; } .services-block-fourteen .inner-box:hover .icon-box, .services-block-fourteen .inner-box:hover h6 a, .services-block-fourteen .inner-box:hover .text{ color:#ffffff; } .services-block-fourteen.style-two .inner-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; -moz-transition:all 1000ms ease; transition:all 1000ms ease; background-image: -ms-linear-gradient(top, #3240FE 0%, #091395 100%); background-image: -moz-linear-gradient(top, #3240FE 0%, #091395 100%); background-image: -o-linear-gradient(top, #3240FE 0%, #091395 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3240FE), color-stop(100, #091395)); background-image: -webkit-linear-gradient(top, #3240FE 0%, #091395 100%); background-image: linear-gradient(to bottom, #3240FE 0%, #091395 100%); } .services-block-fourteen.style-two .icon-box{ color:#313ffb; } .services-block-fourteen.style-two .inner-box:hover::before{ -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } /*** ==================================================================== Feature Section ==================================================================== ***/ .feature-section{ position:relative; padding:95px 0px 80px; } .feature-section .sec-title-three .text, .feature-section .sec-title .text{ position:relative; color:#666666; font-size:16px; max-width:600px; line-height:1.7em; } .feature-section .feature-tabs{ position:relative; } .feature-section .feature-tabs .tab-btns{ position:relative; margin-bottom:40px; margin-right:30px; } .feature-section .feature-tabs .tab-btns .tab-btn{ position:relative; display:block; font-size:24px; color:#010101; font-weight:600; cursor:pointer; line-height:1.6em; margin-bottom:20px; border:1px solid #d9d9d9; padding:29px 30px 29px 40px; transition:all 500ms ease; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .feature-section .feature-tabs .tab-btns .tab-btn:after{ position:absolute; content:''; right:0px; top:50%; opacity:0; visibility:visible; margin-top:-10px; margin-right:0px; border-top: 10px solid transparent; /* border-left: 15px solid #ec0203; */ border-left: 15px solid #1E76BD; border-bottom: 10px solid transparent; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .feature-section .feature-tabs .tab-btns .tab-btn span{ position:relative; display:block; font-size:15px; color:#666666; font-weight:400; cursor:pointer; line-height:1.8em; margin-top:8px; transition:all 500ms ease; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .feature-section .feature-tabs .tab-btns .tab-btn.active-btn::after, .feature-section .feature-tabs .tab-btns .tab-btn:hover::after{ opacity:1; visibility:visible; margin-right:-15px; } .feature-section .feature-tabs .tab-btns .tab-btn.active-btn, .feature-section .feature-tabs .tab-btns .tab-btn:hover{ /* background-color:#ec0203; border-color:#ec0203; */ background-color:#1E76BD; border-color:#1E76BD; color:#ffffff; } .feature-section .feature-tabs.style-two .tab-btns .tab-btn.active-btn, .feature-section .feature-tabs.style-two .tab-btns .tab-btn:hover{ border-color:#2d3bf2; background-color:#ffffff !important; background-image: -ms-linear-gradient(top, #3140fd 0%, #0d189f 100%); background-image: -moz-linear-gradient(top, #3140fd 0%, #0d189f 100%); background-image: -o-linear-gradient(top, #3140fd 0%, #0d189f 100%); background-image: -webkit-gradient(linear, top , top, color-stop(0, #3140fd), color-stop(100, #0d189f)); background-image: -webkit-linear-gradient(top, #3140fd 0%, #0d189f 100%); background-image: linear-gradient(to top, #3140fd 0%, #0d189f 100%); } .feature-section .feature-tabs.style-two .tab-btns .tab-btn:after{ border-left-color:#1a26c0; } .feature-section .feature-tabs .tab-btns .tab-btn.active-btn span, .feature-section .feature-tabs .tab-btns .tab-btn:hover span{ color:#ffffff; } .feature-section .feature-tabs .tabs-content{ position:relative; margin-left:-20px; margin-bottom:40px; } .feature-section .feature-tabs .tabs-content .tab{ position:relative; display:none; } .feature-section .feature-tabs .tabs-content .tab.active-tab{ display:block; } .feature-section .feature-tabs .tabs-content .tab .image img{ width:100%; display:block; } .counter-section{ position:relative; padding:85px 0px 50px; background-size:cover; background-attachment:fixed; } .counter-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.90); } /*** ==================================================================== Team Section Two ==================================================================== ***/ .team-section-two{ position:relative; padding:90px 0px 0px; } /* Team Block */ .team-block-two{ position:relative; margin-bottom:40px; } .team-block-two .inner-box{ position:relative; } .team-block-two .inner-box .image{ position:relative; text-align:center; overflow:hidden; } .team-block-two .inner-box .image:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; opacity:0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60)); background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60)); background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60)); background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.60)); } .team-block-two .inner-box:hover .image:before{ opacity:1; } .team-block-two .inner-box .image .social-box{ position:absolute; left:0px; bottom:-20px; right:0px; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .team-block-two .inner-box:hover .image .social-box{ bottom:25px; } .team-block-two .inner-box .image .social-box li{ position:relative; margin:0px 8px; display:inline-block; } .team-block-two .inner-box .image .social-box li a{ position:relative; color:#ffffff; font-size:16px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .team-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .team-block-two .inner-box .lower-content{ position:relative; padding:28px 0px; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .team-block-two .inner-box .lower-content:before{ position:absolute; content:''; left:0px; top:0px; width:0%; height:100%; opacity:0; visibility:hidden; /* background-color:#ec0203; */ background-color:#1E76BD; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; } .team-block-two .inner-box .lower-content:after{ position:absolute; content:''; right:0px; top:0px; width:0%; height:100%; opacity:0; visibility:hidden; /* background-color:#ec0203; */ background-color:#1E76BD; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; } .team-block-two.style-two .inner-box .lower-content:before{ display:none; } .team-block-two.style-two .inner-box .lower-content:after{ position:absolute; content:''; left:0px; bottom:0px; width:100%; height:0%; display:block; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .team-block-two.style-two .inner-box:hover .lower-content:after{ height:100%; } .team-block-two .inner-box:hover .lower-content:before, .team-block-two .inner-box:hover .lower-content:after{ width:100%; opacity:1; visibility:visible; } .team-block-two .inner-box .lower-content h5{ position:relative; z-index:1; font-weight:600; line-height:1.3em; margin-bottom:5px; } .team-block-two .inner-box .lower-content h5 a{ position:relative; color:#000000; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .team-block-two .inner-box .lower-content .designation{ position:relative; font-size:16px; font-weight:600; color:#666666; z-index:1; line-height:1.3em; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; font-family: 'Poppins', sans-serif; } .team-block-two .inner-box:hover .lower-content h5 a, .team-block-two .inner-box:hover .lower-content .designation, .team-block-two .inner-box:hover .lower-content .social-box li a{ color:#ffffff; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-back-section{ position:relative; padding:65px 0px 50px; background-size:cover; background-attachment:fixed; } .call-back-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.90); } .call-back-section .title-column{ position:relative; } .call-back-section .title-column .inner-column{ position:relative; } .call-back-section .title-column .inner-column h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:18px; } .call-back-section .title-column .inner-column .text{ position:relative; color:#ffffff; line-height:1.7em; font-size:16px; } /* Request Form */ .request-form{ position:relative; } .request-form .row{ position:relative; } .request-form .form-group{ position:relative; margin-bottom:20px; } .request-form .form-group label{ position:relative; font-size:15px; color:#ffffff; } .request-form .form-group input[type="text"], .request-form .form-group input[type="password"], .request-form .form-group input[type="tel"], .request-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:25px; padding:10px 20px; height:45px; font-size:16px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .request-form .form-group input[type="text"]:focus, .request-form .form-group input[type="password"]:focus, .request-form .form-group input[type="tel"]:focus, .request-form .form-group input[type="email"]:focus, .request-form .form-group select:focus, .request-form .form-group textarea:focus{ border-color:#ffb200; } .request-form .form-group textarea{ position:relative; display:block; width:100%; line-height:32px; padding:10px 20px; height:110px; font-size:16px; resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .request-form button{ width:100%; color:#ffffff; background-image: -ms-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -moz-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -o-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fd1000), color-stop(100, #b1180e)); background-image: -webkit-linear-gradient(left, #fd1000 0%, #b1180e 100%); background-image: linear-gradient(to right, #fd1000 0%, #b1180e 100%); } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button{ width:100%; font-size:16px; font-style:normal; line-height:25px; color:#797979; float:left; border-radius:0px; border:0px; padding:10px 20px; background:#ffffff; } .form-group .ui-button .ui-icon{ background: none; position: relative; top: -1px; text-indent: 0px; color: #333333; font-size: 20px; } .form-group .ui-button .ui-icon:before{ font-family: 'FontAwesome'; content: "\f0d7"; position:absolute; right:0px; top:2px !important; top:13px; width:10px; height:30px; display:block; color:#001a57; line-height:23px; font-size:18px; font-weight:normal; text-align:center; z-index:5; } .ui-widget.ui-widget-content{ border:1px solid #e0e0e0; } .ui-menu .ui-menu-item{ font-size:14px; border-bottom:1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-state-active, .ui-widget-content .ui-state-active{ /* background-color:#fc1000; */ background-color:#39B44C; border-color:#fc1000; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:8px 20px ; font-size:14px; line-height:24px; } .ui-menu-item:hover{ } /* Map Section */ .map-section{ position:relative; } .map-section .map-canvas{ height:370px; } /*** ==================================================================== Page Title ==================================================================== ***/ .page-title{ position:relative; padding:90px 0px 90px; background-repeat:no-repeat; background-size:cover; background-position:center center; } .page-title:before{ position:absolute; left:0px; top:0px; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.75); } .page-title .content{ position:relative; padding-left:20px; border-left:4px solid #1E76BD; } .page-title .content h1{ position:relative; color:#ffffff; font-size:60px; font-weight:700; line-height:1.2em; margin-bottom:15px; text-transform:capitalize; } .page-title .content h1 span{ position:relative; font-style:italic; font-family: 'Playfair Display', serif; } .page-title .page-breadcrumb{ position:relative; } .page-title .page-breadcrumb li{ position:relative; display:inline-block; margin-right:10px; padding-right:10px; color:#ffffff; font-size:14px; font-weight:400; } .page-title .page-breadcrumb li:after{ position:absolute; content: "\f105"; right:-4px; top:1px; color:#ffffff; font-family: 'FontAwesome'; } .page-title .page-breadcrumb li:last-child::after{ display:none; } .page-title .page-breadcrumb li:last-child{ padding-right:0px; margin-right:0px; } .page-title .page-breadcrumb li a{ position:relative; color:#ffffff; font-size:16px; font-weight:300; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .page-title .page-breadcrumb li a:hover{ color:#1E76BD; } /*** ==================================================================== Video Section ==================================================================== ***/ .video-section{ position:relative; text-align:center; padding:85px 0px 130px; background-repeat:no-repeat; background-size:cover; background-position:center center; } .video-section:before{ position:absolute; left:0px; top:0px; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.80); } .video-section .title{ position:relative; color:#ffffff; font-size:11px; margin-bottom:15px; letter-spacing:1px; text-transform:uppercase; } .video-section h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:80px; } .video-section h2 span{ position:relative; font-style:italic; font-family: 'Playfair Display', serif; } /* Play Now */ .play-now { position: relative; left: 0; top: 0; height: 100%; width: 100%; z-index: 999; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .play-now .icon{ position: absolute; left: 50%; top: 50%; height: 70px; width: 70px; text-align: center; line-height: 70px; padding-left: 5px; /* background-color: #2e3cf4; */ background-color: #1E76BD; color: #ffffff; z-index: 1; font-size: 19px; display: block; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3); -moz-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3); -ms-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3); -o-box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3); box-shadow: 0 5px 10px 0 rgba(46, 60, 244, .3); -webkit-transform-origin:center; transform-origin:center; } .play-now .ripple, .play-now .ripple:before, .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6); -moz-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6); -ms-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6); -o-box-shadow: 0 0 0 0 rgba(46, 60, 244, .6); box-shadow: 0 0 0 0 rgba(46, 60, 244, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } @keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } /*** ==================================================================== Case Section Three ==================================================================== ***/ .case-section-three{ position:relative; padding:95px 0px 95px; } .case-block-two{ position:relative; margin-bottom:70px; } .case-block-two .inner-box{ position:relative; } .case-block-two .inner-box .image-outer{ position:relative; padding:5px; box-shadow:0px 0px 25px rgba(244,244,244,0.90); } .case-block-two .inner-box .image{ position:relative; overflow:hidden; } .case-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .case-block-two .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block-two .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .case-block-two .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .case-block-two .inner-box .image .overlay-box:before{ position:absolute; content:''; left:-100%; top:0px; width:100%; height:100%; opacity:0.85; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(0,0,0,0.80); } .case-block-two .inner-box:hover .image .overlay-box:before{ left:0% } .case-block-two .inner-box .lower-content{ position:relative; padding:0px 0px; } .case-block-two .inner-box .lower-content .category{ position:relative; color:#0b1598; font-size:14px; font-weight:400; padding:14px 0px; margin-bottom:18px; border-bottom:1px solid #e6e8eb; } .case-block-two .inner-box .lower-content h4{ position:relative; font-weight:700; line-height:1.4em; margin-bottom:13px; } .case-block-two .inner-box .lower-content h4 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .case-block-two .inner-box .lower-content h4 a:hover{ color:#303ef9; } .case-block-two .inner-box .lower-content .text{ position:relative; color:#1a1e66; font-size:16px; line-height:1.8em; } /*Pagination*/ .styled-pagination{ position:relative; } .styled-pagination li{ position:relative; display:inline-block; margin:0px 4px 0px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:30px; height:30px; font-size:16px; min-width:30px; color:#1e2331; font-weight:600; text-align:center; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; font-family: 'Muli', sans-serif; } .styled-pagination li a:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:-1; opacity:0; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; background-image: -ms-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -moz-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -o-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, #313ffb), color-stop(100, #0f1aa4)); background-image: -webkit-linear-gradient(bottom, #313ffb 0%, #0f1aa4 100%); background-image: linear-gradient(to bottom, #313ffb 0%, #0f1aa4 100%); } .styled-pagination li:hover a::before, .styled-pagination li a.active::before{ opacity:1; color:#ffffff; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#ffffff; } /*** ==================================================================== Portfolio Page Section ==================================================================== ***/ .portfolio-section-three{ position:relative; padding:95px 0px 100px; } .portfolio-section-three .filters{ position:relative; margin-bottom:55px; } .portfolio-section-three .filters .filter-tabs{ position:relative; } .portfolio-section-three .filters li{ position: relative; display: inline-block; color: #012068; padding:0px 8px; cursor: pointer; font-size: 18px; font-weight: 500; margin:0px 8px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; font-family: 'Poppins', sans-serif; } .portfolio-section-three .filters li:after{ position:absolute; content:'/'; right:-12px; top:1px; font-size:14px; color: #012068; } .portfolio-section-three .filters li:last-child::after{ display:none; } .portfolio-section-three .filters .filter.active, .portfolio-section-three .filters .filter:hover{ color:#222222; } .portfolio-section-three .filters li:before{ position:absolute; content:''; left:0px; bottom:-8px; height:4px; width:0px; background-color:#1E76BD; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .portfolio-section-three .filters li:hover:before, .portfolio-section-three .filters li.active::before{ width:100%; } /* Project Block */ .project-block{ position:relative; margin-bottom:50px; } .project-block .inner-box{ position:relative; overflow:hidden; } .project-block .inner-box .image{ position:relative; } .project-block .inner-box .image img{ position:relative; width:100%; display:block; } .project-block .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .project-block .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .project-block .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .project-block .inner-box .image .overlay-box:before{ position:absolute; content:''; right:-100%; top:0px; width:100%; height:100%; opacity:0.85; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1E76BD), color-stop(100, #1E76BD)) !important; /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); */ background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .project-block .inner-box:hover .image .overlay-box:before{ right:0% } .project-block .inner-box .lower-content{ position:relative; padding-top:20px; } .project-block .inner-box .lower-content h5{ position:relative; font-weight:700; line-height:1.4em; margin-bottom:4px; } .project-block .inner-box .lower-content h5 a{ position:relative; /* color:#012068; */ color:black; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .project-block .inner-box .lower-content h5 a:hover{ /* color:#303ef9; */ color: #1E76BD; } .project-block .inner-box .lower-content .designation{ position:relative; color:#0b1598; font-size:14px; } .project-block.mix{ display:none; } /* Project Block Two */ .project-block-two{ position:relative; margin-bottom:30px; } .project-block-two .inner-box{ position:relative; } .project-block-two .inner-box .image{ position:relative; } .project-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .project-block-two .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; padding:45px 45px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .project-block-two .inner-box:hover .image .overlay-box{ opacity:1; } .project-block-two .inner-box .image .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0.9; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .project-block-two .inner-box .image .overlay-box .overlay-inner{ position:relative; height:100%; } .project-block-two .inner-box .image .overlay-box .title{ position:relative; color:#ffffff; font-size:14px; margin-bottom:6px; letter-spacing:1px; } .project-block-two .inner-box .image .overlay-box h5{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; } .project-block-two .inner-box .image .overlay-box h5 a{ position:relative; color:#ffffff; } .project-block-two .inner-box .image .overlay-box .plus{ position:absolute; right:0px; bottom:0px; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .masonry-section .button-box{ margin-top:20px; } /*** ==================================================================== Portfolio Single Section ==================================================================== ***/ .portfolio-single-section{ position:relative; padding:85px 0px 60px; } .portfolio-single-section .image-column{ position:relative; margin-bottom:40px; } .portfolio-single-section .image-column .inner-column{ position:relative; } .portfolio-single-section .image-column .inner-column .image{ position:relative; } .portfolio-single-section .image-column .inner-column .image img{ position:relative; width:100%; display:block; } .portfolio-single-section .content-column{ position:relative; margin-bottom:40px; } .portfolio-single-section .content-column .inner-column{ position:relative; padding-top:50px; padding-left:50px; } .portfolio-single-section .content-column .inner-column h3{ position:relative; color:#012068; line-height:1.3em; font-weight:700; margin-bottom:20px; } .portfolio-single-section .content-column .inner-column .text{ position:relative; margin-bottom:30px; } .portfolio-single-section .content-column .inner-column .text p{ position:relative; color:#28417c; font-size:15px; line-height:1.8em; margin-bottom:20px; } .portfolio-single-section .content-column .inner-column .text p:last-child{ margin-bottom:0px; } .portfolio-single-section .content-column .inner-column .project-list{ position:relative; } .portfolio-single-section .content-column .inner-column .project-list li{ position:relative; color:#666666; font-size:15px; padding-left:20px; margin-bottom:10px; } .portfolio-single-section .content-column .inner-column .project-list li strong{ font-weight:400; color:#012068; } .portfolio-single-section .content-column .inner-column .project-list li .icon{ position:absolute; left:0px; top:0px; color:#1E76BD; font-size:14px; } .portfolio-single-section .lower-section{ position:relative; margin-top:40px; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; } .error-section .inner-section{ position:relative; text-align:center; padding:100px 0px 110px; box-shadow:0px 0px 15px rgba(0,0,0,0.20); } .error-section .inner-section .left-error{ position:absolute; left:20px; top:20px; font-size:103px; font-weight:700; line-height:1em; letter-spacing:5px; color:rgba(1,32,104,0.06); } .error-section .inner-section .right-error{ position:absolute; right:20px; bottom:20px; font-size:103px; font-weight:700; line-height:1em; letter-spacing:5px; color:rgba(1,32,104,0.06); } .error-section .inner-section .title{ position:relative; color:#012068; font-size:14px; line-height:1.3em; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; } .error-section .inner-section h1{ position:relative; color:#012068; font-size:60px; font-weight:700; line-height:1.2em; margin-bottom:50px; } .error-section .inner-section h1 span{ color:#1E76BD; font-style:italic; font-family: 'Playfair Display', serif; } .services-block-fifteen{ position:relative; margin-bottom:50px; } .services-block-fifteen .inner-box{ position:relative; overflow:hidden; } .services-block-fifteen .inner-box .image{ position:relative; } .services-block-fifteen .inner-box .image img{ position:relative; width:100%; display:block; } .services-block-fifteen .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .services-block-fifteen .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-fifteen .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .services-block-fifteen .inner-box .image .overlay-box:before{ position:absolute; content:''; left:-100%; top:0px; width:100%; height:100%; opacity:0.85; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1E76BD), color-stop(100, #1E76BD)) !important; /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); */ background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .services-block-fifteen .inner-box:hover .image .overlay-box:before{ left:0% } .services-block-fifteen .inner-box .lower-content{ position:relative; padding-top:22px; } .services-block-fifteen .inner-box .lower-content .upper-box{ position:relative; padding-left:50px; padding-top:7px; margin-bottom:15px; } .services-block-fifteen .inner-box .lower-content .upper-box .icon{ position:absolute; left:0px; top:4px; font-size:38px; line-height:1em; background: -webkit-gradient(linear, left top, left bottom, from(#1E76BD), to(#0b1599)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .services-block-fifteen .inner-box .lower-content .upper-box h5{ position:relative; font-weight:700; line-height:1.7em; } .services-block-fifteen .inner-box .lower-content .upper-box h5 a{ position:relative; color:#1e2331; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .services-block-fifteen .inner-box .lower-content .upper-box h5 a:hover{ color:#1E76BD; } .services-block-fifteen .inner-box .text{ position:relative; color:#7a8595; font-size:16px; line-height:1.7em; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:100px 0px 40px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:40px; } .sidebar-widget{ position: relative; margin-bottom: 40px; } .sidebar-title{ position:relative; margin-bottom:25px; } .sidebar-title h4{ position: relative; color: #012068; font-weight:500; line-height:1.2em; } /*Blog Category*/ .blog-cat{ position:relative; } .blog-cat li{ position:relative; margin-bottom:7px; } .blog-cat li a{ position:relative; color:#012068; font-size:18px; font-weight:600; display:block; border:1px solid #d7d7d7; padding:16px 15px 16px 25px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Poppins', sans-serif; } .blog-cat li a:before{ position:absolute; content:'\f105'; right:22px; top:15px; color:#012068; font-size:22px; font-family: 'FontAwesome'; } .blog-cat li.active a::before, .blog-cat li a:hover::before{ color:#ffffff; } .blog-cat li.active a, .blog-cat li a:hover{ color:#ffffff; border-color:#222fd4; background-color:#222fd4; } /* Contact Widget */ .contact-widget{ position:relative; } .contact-widget ul{ position:relative; } .contact-widget ul li{ position:relative; color:#666666; font-size:18px; line-height:1.7em; padding-left:35px; margin-bottom:12px; } .contact-widget ul li .icon{ position:absolute; left:0px; top:5px; font-size:24px; line-height:1em; background: -webkit-gradient(linear, left top, left bottom, from(#1E76BD), to(#0b1599)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Brochures Widget */ .brochures-widget{ position:relative; } .brochures-widget .text{ position:relative; color:#666666; font-size:16px; line-height:1.7em; margin-bottom:22px; } .brochures-widget .files{ position:relative; } .brochures-widget .files li{ position:relative; margin-bottom:10px; } .brochures-widget .files li:last-child{ margin-bottom:0; } .brochures-widget .files li a{ position:relative; display:block; color:#00000a; font-size:16px; font-weight:700; line-height:24px; padding:13px 30px; border:1px solid #cdcbcb; transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -ms-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; } .brochures-widget .files li a .fa{ position:relative; line-height:24px; padding-right:8px; color:#3140FC; } .brochures-widget .files li a:before{ position:absolute; content:''; left:0px; top:0px; width:0%; height:100%; z-index:-1; opacity:0; transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -ms-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .brochures-widget .files li a:hover .fa{ color:#ffffff; } .brochures-widget .files li a:hover{ color:#ffffff; } .brochures-widget .files li a:hover::before{ width:100%; opacity:1; } /* Banner Widget */ .banner-widget{ position:relative; } .banner-widget .widget-content{ position:relative; text-align:center; padding:32px 30px 60px; background-size:cover; } .banner-widget .widget-content:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.85); } .banner-widget .widget-content .logo{ position:relative; margin-bottom:25px; } .banner-widget .widget-content .title{ position:relative; font-size:18px; font-weight:600; color:#ffffff; letter-spacing:1px; margin-bottom:25px; } .banner-widget .widget-content h2{ position:relative; color:#ffffff; font-weight:600; letter-spacing:5px; margin-bottom:30px; text-transform:uppercase; } /* Services Single */ .services-single{ position:relative; } .services-single h4{ position:relative; color:#012068; font-weight:500; line-height:1.3em; margin-bottom:25px; } .services-single .text{ position:relative; } .services-single .text p{ position:relative; color:#012068; font-size:15px; line-height:1.8em; margin-bottom:20px; } .services-single .services-gallery{ position:relative; margin-top:60px; margin-bottom:70px; } .services-single .services-gallery .owl-nav{ display:none; } .services-single .services-gallery .owl-dots{ position:relative; text-align:center; margin-top:35px; } .services-single .services-gallery .owl-dots .owl-dot{ position:relative; width:10px; height:10px; margin:0px 15px; border-radius:50px; display:inline-block; background-color:#c6c6c6; border:2px solid #ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .services-single .services-gallery .owl-dots .owl-dot:hover, .services-single .services-gallery .owl-dots .owl-dot.active{ background-color:#2d3bf2; border:2px solid #2d3bf2; } /*** ==================================================================== Service Tabs Style ==================================================================== ***/ .services-single .service-tabs{ position:relative; margin-bottom:60px; } .services-single .service-tabs .tab-btns{ position:relative; text-align:center; border-bottom:1px solid #dddddd; } .services-single .service-tabs .tab-btns .tab-btn{ position:relative; margin:0px 35px; font-size:18px; color:#012068; font-weight:500; line-height:24px; cursor:pointer; display:inline-block; padding:11px 28px 9px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .services-single .service-tabs .tab-btns .tab-btn:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:0%; z-index:-1; display:block; transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -ms-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .services-single .service-tabs .tab-btns .tab-btn:hover, .services-single .service-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; } .services-single .service-tabs .tab-btns .tab-btn:hover::before, .services-single .service-tabs .tab-btns .tab-btn.active-btn::before{ height:100%; } .services-single .service-tabs .tabs-content{ position:relative; padding-top:25px; } .services-single .service-tabs .tabs-content .tab{ position:relative; display:none; border-top:0px; } .services-single .service-tabs .tabs-content .tab.active-tab{ display:block; } .services-single .service-tabs .tabs-content .tab .content{ position:relative; } .services-single .service-tabs .tabs-content .tab .content .text{ position:relative; } .services-single .service-tabs .tabs-content .tab .content p{ position:relative; font-size:15px; line-height:1.9em; color:#012068; margin-bottom:20px; } /* More Services */ .more-services{ position:relative; margin-top:30px; } .more-services a{ position:relative; color:#666666; font-size:18px; font-weight:600; font-family: 'Poppins', sans-serif; transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -ms-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; } .more-services a:hover{ color:#1a1e66; } /*** ==================================================================== Blog Grid Section ==================================================================== ***/ .blog-grid-section{ position:relative; padding:90px 0px 90px; } .news-block-three{ position:relative; margin-bottom:70px; } .news-block-three .inner-box{ position:relative; overflow:hidden; border-radius:6px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-three .inner-box .image{ position:relative; overflow:hidden; } .news-block-three .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-three .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 60px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); background:rgba(0,0,0,0.80); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .news-block-three .inner-box:hover .image .overlay-box{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .news-block-three .inner-box .overlay-box span{ position: relative; width:60px; height: 60px; top: 40%; z-index:99; color: #ffffff; font-weight:400; font-size:18px; text-align: center; border-radius:50%; padding-left:4px; background-color: #1E76BD; display: inline-block; margin-top: -30px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-three .inner-box:hover .overlay-box span{ transform: rotate(360deg); } .news-block-three .inner-box .lower-content{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding:30px 30px 35px; } .news-block-three .inner-box .lower-content .post-meta{ position:relative; padding-bottom:16px; border-bottom:1px solid #ececf0; } .news-block-three .inner-box .lower-content .post-meta:before{ position:absolute; content:''; left:0px; bottom:-1px; height:2px; width:40px; background-color:#1E76BD; } .news-block-three .inner-box .lower-content .post-meta li{ position:relative; margin-right:20px; color:#666666; font-size:14px; font-weight:600; padding-left:22px; display:inline-block; } .news-block-three .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-block-three .inner-box .lower-content .post-meta li .fa{ position:absolute; left:0px; top:0px; color:#303ef9; font-size:14px; } .news-block-three .inner-box .lower-content h4{ position:relative; font-weight:600; line-height:1.5em; margin-bottom:13px; margin-top:18px; } .news-block-three .inner-box .lower-content h4 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-three .inner-box .lower-content h3 a:hover{ color:#303ef9; } /* Styled Pagination */ .styled-pagination-two{ position:relative; } .styled-pagination-two li{ position:relative; display:inline-block; margin:0px 6px 0px 0px; } .styled-pagination-two li.prev a, .styled-pagination-two li.next a{ color:#848484; } .styled-pagination-two li a{ position:relative; display:inline-block; line-height:42px; height:42px; font-size:18px; min-width:42px; color:#180b36; font-weight:600; text-align:center; background:#f4f7fc; border-radius:50px; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; font-family: 'Poppins', sans-serif; } .styled-pagination-two li a:hover, .styled-pagination-two li a.active{ color:#ffffff; background-color:#1E76BD; } /* Blog List Section */ .blog-list-section{ position:relative; padding:90px 0px 90px; } .blog-list-section .news-block-four{ margin-bottom:90px; } /* News Block Four */ .news-block-four{ position:relative; margin-bottom:0px; } .news-block-four .inner-box{ position:relative; height: 526px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-four .inner-box .image{ position:relative; overflow:hidden; } .news-block-four .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-four .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-four .inner-box .image .overlay-box .plus{ position:absolute; left:50%; top:50%; width:54px; height:54px; color:#012068; font-size:18px; line-height:54px; text-align:center; border-radius:50%; font-weight:700; margin-left:-27px; margin-top:-27px; transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); display:inline-block; background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-four .inner-box:hover .image .overlay-box .plus{ transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); } .news-block-four .inner-box .image .overlay-box:before{ position:absolute; content:''; left:-100%; top:0px; width:100%; height:100%; opacity:0.85; display:block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(0,0,0,0.90); } .news-block-four .inner-box:hover .image .overlay-box:before{ left:0% } .news-block-four .inner-box .lower-content{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; padding:30px 30px 35px; } .news-block-four .inner-box .lower-content .post-meta{ position:relative; } .news-block-four .inner-box .lower-content .post-meta li{ position:relative; margin-right:20px; /* color:#0b1598; */ color: #1977bf; font-size:14px; padding-left:22px; display:inline-block; } .news-block-four .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-block-four .inner-box .lower-content .post-meta li .fa{ position:absolute; left:0px; top:0px; color:#303ef9; font-size:14px; } .news-block-four .inner-box .lower-content h5{ position:relative; font-weight:700; line-height:1.5em; margin-bottom:13px; margin-top:8px; margin-bottom:24px; } .news-block-four .inner-box .lower-content h5 a{ position:relative; color:#012068; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .news-block-four .inner-box .lower-content h5 a:hover{ color:#303ef9; } /*Search Box Widget*/ .sidebar .search-box .form-group{ position:relative; margin:0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; line-height:28px; padding:10px 50px 10px 20px; border:1px solid #ececf0; background:none; display:block; font-size:14px; width:100%; height:50px; color:#808080; font-weight:400; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:50px; width:50px; font-size:14px; color:#222222; line-height:100%; background:none; display:inline-block; font-weight:normal; text-align:center; border-left:1px solid #f2f2f2; } .sidebar .search-box.style-two .form-group button{ background-color: #f55b14; right: 0px; top: 0px; width: 50px; height: 50px; color: #ffffff; text-align: center; } /* Sidebar Title Two */ .sidebar-title-two{ position:relative; margin-bottom:25px; } .sidebar-title-two h4{ position: relative; color: #180b36; font-weight:600; line-height:1.2em; padding-bottom:15px; font-family: 'Poppins', sans-serif; } .sidebar-title-two h4:before{ position:absolute; content:''; left:0px; bottom:0px; height:3px; width:40px; background-color:#0670fd; } /*Blog Category*/ .blog-cat-two{ position:relative; } .blog-cat-two li{ position:relative; border-bottom:1px solid #d7d7d7; } .blog-cat-two li a{ position:relative; color:#1a1e66; font-size:15px; font-weight:400; display:block; padding:16px 15px 16px 0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Poppins', sans-serif; } .blog-cat-two li a:hover{ padding-left:28px; } .blog-cat-two li a span{ position:absolute; right:0px; top:15px; font-size:15px; } .blog-cat-two li a:before{ position:absolute; content:''; left:10px; top:25px; width:8px; height:8px; opacity:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-radius:50px; display:inline-block; background-color:#1E76BD; } .blog-cat-two li a:hover::before{ opacity:1; } .blog-cat-two li.active a, .blog-cat-two li a:hover{ color:#1E76BD; } /*Post Widget*/ .popular-posts .post{ position:relative; font-size:14px; color:#666666; min-height:100px; padding-left:90px; margin-bottom:25px; border-bottom:1px solid #e7e7eb; } .popular-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:65px; height:65px; overflow:hidden; border-radius:50%; } .popular-posts .post .post-thumb img{ display:block; width:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .popular-posts .post .text{ position:relative; top:0px; font-size:16px; margin:0px 0px 3px; font-weight:600; color:#1a1e66; line-height:1.5em; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .popular-posts .post .text a{ color:#1a1e66; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .popular-posts .post a:hover{ color:#1E76BD; } .popular-posts .post-info{ position:relative; font-size:14px; color:#1a1e66; font-weight:400; padding-left:20px; } .popular-posts .post-info:before{ position:absolute; content: "\f073"; left:0px; top:4px; color:#1E76BD; font-size:14px; line-height:1em; font-family: 'FontAwesome'; } /*Instagram Widget*/ .sidebar .instagram-widget .images-outer{ position:relative; margin:0px -4px; } .sidebar .instagram-widget .image-box{ position:relative; float:left; width:33.3333%; padding:0px 6px; margin-bottom:12px; } .sidebar .instagram-widget .image-box:nth-child(3), .sidebar .instagram-widget .image-box:nth-child(6){ margin-right:0px; } .sidebar .instagram-widget .image-box .overlay-box{ position:absolute; content:''; left:12px; top:8px; bottom:8px; right:12px; display:block; z-index:1; opacity:0; text-align:center; padding:8px; color:#ffffff; font-size:24px; line-height:44px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; background-color:#1E76BD; } .sidebar .instagram-widget .image-box .overlay-box:before{ position:absolute; top:50%; margin-left:-12px; margin-top:-22px; display:inline-block; } .sidebar .instagram-widget .image-box:hover .overlay-box{ opacity:1; } .sidebar .instagram-widget .image-box img{ position:relative; display:block; width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } /*Tags*/ .sidebar .popular-tags a{ position:relative; display:inline-block; line-height:24px; padding:7px 18px 7px; margin:0px 4px 8px 0px; color:#1a1e66; text-align:center; font-size:15px; background-color:#f4f7fc; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .sidebar .popular-tags a:hover{ background-color:#0670fd; color:#ffffff; } /* Blog Single */ .blog-single{ position:relative; } .blog-single .inner-box{ position:relative; border-radius:5px; overflow:hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.20); } .blog-single .inner-box .image{ position:relative; } .blog-single .inner-box .image img{ position:relative; width:100%; display:block; } .blog-single .inner-box .lower-content{ position:relative; padding:25px 25px; } .blog-single .inner-box .lower-content .post-meta{ position:relative; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid #ececf0; } .blog-single .inner-box .lower-content .post-meta:before{ position:absolute; content:''; left:0px; bottom:-1px; height:2px; width:40px; background-color:#1E76BD; } .blog-single .inner-box .lower-content .post-meta li{ position:relative; margin-right:20px; color:#333333; font-size:14px; font-weight:600; padding-left:22px; display:inline-block; } .blog-single .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .blog-single .inner-box .lower-content .post-meta li .fa{ position:absolute; left:0px; top:0px; color:#303ef9; font-size:14px; } .blog-single .inner-box .lower-content h4{ position:relative; color:#012068; font-weight:600; line-height:1.4em; margin-bottom:13px; margin-top:20px; margin-bottom:28px; } .blog-single .inner-box .lower-content .text{ position:relative; } .blog-single .inner-box .lower-content .text .news-gallery{ position:relative; margin-top:30px; } .blog-single .inner-box .lower-content .text .news-gallery .row{ margin:0px -12px; } .blog-single .inner-box .lower-content .text .news-gallery .column{ padding:0px 12px; margin-bottom:24px; } .blog-single .inner-box .lower-content .text h5{ position:relative; color:#1a1e66; font-weight:500; line-height:1.4em; margin-top:15px; margin-bottom:20px; } .blog-single .inner-box .lower-content .text p{ position:relative; color:#1a1e66; font-size:16px; line-height:1.9em; margin-bottom:20px; } .blog-single .inner-box .lower-content .text p a{ color:#1a1e66; font-weight:600; text-decoration:underline; } .blog-single .inner-box .lower-content blockquote{ position:relative; border:none; padding:0px; margin-top:40px; margin-bottom:30px; background-color:#f4f7fc; padding:45px 30px 45px 110px; } .blog-single .inner-box .lower-content blockquote .quote-icon{ position:absolute; left:-20px; top:-20px; width:113px; height:113px; color:#0d179e; font-size:40px; line-height:113px; text-align:center; border-radius:50%; background-color:#ffffff; } .blog-single .inner-box .lower-content blockquote .quote-text{ position:relative; font-size:20px; color:#1a1e66; font-weight:400; line-height:1.7em; } /* Post Share Options */ .blog-single .post-share-options{ position:relative; padding-top:55px; padding-left:40px; padding-right:40px; margin-bottom:32px; } .blog-single .post-share-options .post-share-inner{ position:relative; } .blog-single .post-share-options .post-tags{ position:relative; } .blog-single .post-share-options .post-tags span{ position:relative; font-size:15px; font-weight:500; color:#1a1e66; font-family: 'Poppins', sans-serif; } .blog-single .post-share-options .post-tags a{ position:relative; padding:8px 20px; color:#1a1e66; margin-right:4px; margin-bottom:4px; border-radius:50px; display:inline-block; background-color:#f4f7fc; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .blog-single .post-share-options .post-tags a:hover{ color:#ffffff; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .blog-single .post-share-options .social-links{ position:relative; margin-top:5px; } .blog-single .post-share-options .social-links li{ position:relative; margin-left:2px; display:inline-block; } .blog-single .post-share-options .social-links li.twitter a{ background-color:#55acee; } .blog-single .post-share-options .social-links li.google-plus a{ background-color:#dd4b39; } .blog-single .post-share-options .social-links li.dribble a{ background-color:#cd339a; } .blog-single .post-share-options .social-links li a{ position:relative; width:32px; height:32px; color:#ffffff; line-height:32px; text-align:center; border-radius:50px; display:inline-block; background-color:#3b5998; } /* New Posts */ .new-posts{ position:relative; padding:22px 0px; border-top:1px solid #ececf0; border-bottom:1px solid #ececf0; } .new-posts .prev-post{ position:relative; color:#666666; font-size:16px; font-weight:500; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; font-family: 'Poppins', sans-serif; } .new-posts .next-post{ position:relative; color:#666666; font-size:16px; font-weight:500; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; font-family: 'Poppins', sans-serif; } .new-posts .prev-post:hover, .new-posts .next-post:hover{ color:#2d3bf1; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; margin-top:45px; margin-bottom: 60px; } .sidebar-page-container .group-title{ position:relative; margin-bottom:35px; } .sidebar-page-container .group-title h6{ position:relative; color:#1a1e66; font-weight:600; padding-bottom:10px; text-transform:capitalize; } .sidebar-page-container .group-title h6:before{ position:absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 3px; background-color: #1E76BD; } .sidebar-page-container .group-title .group-text{ position:relative; font-size:14px; color:#666666; margin-top:25px; } .sidebar-page-container .comments-area .comment-box{ position:relative; padding:0px 0px 0px; margin-bottom:40px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment-box:last-child{ margin-bottom:0px; padding-bottom:0px; border:0px; } .sidebar-page-container .comments-area .comment-box:hover{ border-color:#222222; } .sidebar-page-container .comments-area .comment{ position:relative; font-size:14px; padding:0px 0px 0px 125px; } .sidebar-page-container .comments-area .comment .comment-inner{ position:relative; padding:22px 25px 30px; background-color:#f4f7fc; } .sidebar-page-container .comments-area .comment .comment-reply{ position:absolute; right:25px; top:20px; color:#ffffff; font-size:14px; font-weight:500; padding:8px 20px; border-radius:50px; background-color:#191919; font-family: 'Poppins', sans-serif; } .sidebar-page-container .comments-area .comment .comment-reply:hover{ background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:92px; height:92px; border-radius:50%; overflow:hidden; margin-bottom:20px; } .sidebar-page-container .comments-area .comment-box .author-thumb img{ display:block; } .sidebar-page-container .comments-area .comment-info{ color:#3e5773; line-height:24px; font-size:13px; } .sidebar-page-container .comments-area .comment-box strong{ font-size:18px; font-weight:600; color:#1a1e66; line-height: 1.3em; text-transform:capitalize; font-family: 'Poppins', sans-serif; } .sidebar-page-container .comments-area .comment-box .text{ color:#1a1e66; font-size:15px; margin-top:16px; line-height: 1.8em; margin-bottom: 0px; } .sidebar-page-container .comments-area .comment-info .comment-time{ position:relative; font-size:14px; color:#666666; font-weight:400; margin-top:3px; } .sidebar-page-container .comments-area .comment-box .theme-btn{ position:absolute; right:0px; top:0px; font-size:14px; font-weight:500; padding:5px 30px; font-family: 'Poppins', sans-serif; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form{ position:relative; margin-top:0px; } .comment-form .row{ margin:0px -7px; } .comment-form .form-group{ position:relative; padding:0px 7px; margin-bottom:14px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:26px; padding:10px 20px; height:46px; font-size:14px; border-radius:3px; border:1px solid #ececec; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#2e3cf4; } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:26px; padding:10px 20px; color:#a5a5a5; height:150px; font-size:14px; resize:none; border-radius:3px; border:1px solid #ececec; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .submit-btn{ position:relative; color:#ffffff; cursor:pointer; margin-top:10px; border-radius:50px; display:inline-block; text-transform:uppercase; padding:11px 25px 11px 25px; background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } /* Team Page Section */ .team-page-section{ position:relative; padding:90px 0px 50px; } /* Testimonial Page Section */ .testimonial-page-section{ position:relative; padding-top:90px; } /* Testimonial Block Five */ .testimonial-block-five{ position:relative; margin-bottom:130px; } .testimonial-block-five .inner-box{ position:relative; text-align:center; padding:35px 30px; background-color:#ffffff; background-position:left top; background-repeat:no-repeat; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; box-shadow:0px 0px 20px rgba(0,0,0,0.15); } .testimonial-block-five .inner-box:before{ position:absolute; content:''; left:0px; bottom:0px; width:0px; height:5px; background-color:#1E76BD; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .testimonial-block-five .inner-box:after{ position:absolute; content:''; right:0px; bottom:0px; width:0px; height:5px; background-color:#1E76BD; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .testimonial-block-five .inner-box:hover::before, .testimonial-block-five .inner-box:hover::after{ width:100%; } .testimonial-block-five .inner-box .quote-icon{ position:absolute; right:45px; top:-20px; color:#e0e0e0; font-size:60px; line-height:1em; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-block-five .inner-box:hover{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .testimonial-block-five .inner-box:hover .quote-icon{ color:#1E76BD; } .testimonial-block-five .inner-box .image-outer{ position:relative; display:inline-block; } .testimonial-block-five .inner-box .image{ position:relative; width:76px; height:76px; overflow:hidden; margin:0 auto; border-radius:50px; } .testimonial-block-five .inner-box .image-outer:before{ position:absolute; content:''; left:-4px; top:-4px; right:-4px; bottom:-4px; border-radius:50px; border:2px solid #1E76BD; } .testimonial-block-five .inner-box .text{ position:relative; color:#000000; font-size:16px; line-height:1.7em; margin-top:20px; margin-bottom:10px; } .testimonial-block-five .inner-box h5{ position:relative; color:#1E76BD; font-size:20px; font-weight:700; line-height:1.7em; } .testimonial-block-five .inner-box .designation{ position:relative; color:#9c9c9c; font-size:15px; font-weight:400; line-height:1.4em; } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .contact-page-section{ position:relative; padding-top:95px; } .contact-page-section .map-section{ position: absolute; left: 0px; top: 150px; right: 0px; bottom: 0px; } .contact-page-section .map-section .map-canvas{ height:580px; } .contact-page-section .inner-container{ position:relative; z-index:1; padding:55px 60px 55px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .contact-page-section .inner-container h2{ position:relative; color:#012068; font-weight:700; line-height:1.4em; } .contact-page-section .inner-container h2 span{ font-style:italic; color:#1E76BD; font-family: 'Playfair Display', serif; } .contact-page-section .info-column{ position:relative; } .contact-page-section .info-column .inner-column{ position:relative; } .contact-page-section .info-column .inner-column .text{ position:relative; color:#1a1e66; font-size:16px; line-height:1.7em; margin-top:25px; margin-bottom:15px; } .contact-page-section .form-column{ position:relative; } .contact-page-section .form-column .inner-column{ position:relative; padding-top:30px; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:11px; color:#ff0000; font-weight:500; } /*Contact Form*/ .contact-form{ position:relative; } .contact-form .form-grou{ position:relative; margin-bottom:16px; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form select, .contact-form textarea{ display:block; width:100%; line-height:23px; height:45px; font-size:14px; padding:10px 24px; background:#eef1f5; color:#000000; border:1px solid #eef1f5; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .contact-form textarea{ height:110px; resize:none; font-size:14px; background:#eef1f5; border:1px solid #eef1f5; } .contact-form .form-group .ui-selectmenu-button.ui-button{ font-size:14px; } .contact-form .form-group .ui-selectmenu-button.ui-button{ float:none; background-color:#eef1f5; } .contact-form .form-group .ui-state-active, .contact-form .form-group .ui-widget-content .ui-state-active{ background-color:#2937e8; border-color:#2937e8; } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="password"]:focus, .contact-form select:focus, .contact-form textarea:focus{ border-color:#1E76BD; } .contact-form .theme-btn{ color:#ffffff; font-size:16px; margin-top:10px; padding:12px 42px; border-radius:0px; cursor: pointer;background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599)); background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%); background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%); } .contact-info-section{ position:relative; margin-top:-90px; padding:160px 0px 50px; background-repeat:no-repeat; background-size:cover; } .contact-info-section .column{ margin-bottom:30px; } .contact-info-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.80); } .contact-info-section h4{ position:relative; color:#ffffff; font-weight:600; line-height:1.3em; margin-bottom:20px; } .mmee{ color: black !important; } .logo-head{ /* height: 104px; */ height: 127px; padding-top: 14px; } .logo-head1{ height: 80px; } .client-logo{ height: 90px; } .upp{ height: 263px ; } .image-container { position: relative; overflow: hidden; } .image-container img { width: 100%; /* height: auto; */ height: 268px; display: block; transition: transform 0.3s ease; } .image-container:hover img { transform: scale(1.1); } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); /* Semi-transparent overlay color */ opacity: 0; display: flex; justify-content: center; align-items: center; transition: opacity 0.3s ease; } .image-container:hover .overlay { opacity: 1; } .overlay .content { text-align: center; color: #fff; } .overlay h4 { font-size: 18px; margin-bottom: 10px; } .overlay p { font-size: 14px; } .sponsors-carousel .image-box { text-align: center; /* Center-align the text and image */ } .sponsors-carousel .image-name { margin-top: 10px; /* Add spacing between the image and the name */ font-size: 17px; /* Adjust font size */ color: #333; /* Set text color */ font-weight: 600; /* Make the name slightly bold */ } .bbtt{ width: 79px; } .price{ color: black; } .spp{ color: green; } .redd{ color: #216faf; } .shrr{ padding: 3px 0px 85px; } .payy{ width: 350px; }