Server IP : 162.214.80.37 / Your IP : 216.73.216.1 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/skyispatudyog/sym/Users/0-imyrqtmy/stockmininginvestment/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@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:#3241ff; } 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:#3241ff; color:#ffffff; font-size:14px; cursor: pointer; font-weight:400; border-radius:50px; border:2px solid #3241ff; 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:#3241ff; color:#3241ff; } /*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:#3241ff; } /*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:#3241ff; } /* 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; } .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:#3241ff; 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, #3241FF 0%, #0e19a1 100%); background-image: -moz-linear-gradient(top, #3241FF 0%, #0e19a1 100%); background-image: -o-linear-gradient(top, #3241FF 0%, #0e19a1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3241FF), color-stop(100, #0e19a1)); background-image: -webkit-linear-gradient(top, #3241FF 0%, #0e19a1 100%); background-image: linear-gradient(to bottom, #3241FF 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:#3241ff; } /*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:#3241ff; } .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:#3241ff; 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:#3241ff; } /*** ==================================================================== 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; font-weight:700; line-height:1.3em; padding-bottom: 20px; } .sec-title h2 span{ color:#3241ff; 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:#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; 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; 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; } .sec-title-three .title{ position:relative; color:#ec0203; 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; 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:285px; 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; 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; } .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; */ background:white; 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; */ color:black !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; } .header-style-five .main-menu .navigation > li > ul{ border-color:#ec0203; } .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; } .header-style-five .main-menu .navigation > li > ul > li > ul{ border-color:#ec0203; } .header-style-five.five-alternate .main-menu .navigation > li:hover > a, .header-style-five.five-alternate .main-menu .navigation > li.current > a{ color:#3241ff; } .header-style-five.five-alternate .main-menu .navigation > li > ul{ border-color:#3241ff; } .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:#3241ff; } .header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul{ border-color:#3241ff; } .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 #3241ff; 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:#3241ff; } .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 #3241ff; -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:#3241ff; } .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; font-weight:600; } .main-slider.style-four .content h1:before{ position:absolute; content:''; left:-50px; top:0px; width:5px; height:100%; background-color:#f71101; } .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:#3241ff; 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; */ color: #7fcd0d; } .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:#3241ff; font-size:24px; text-align: center; line-height: 48px; border:1px solid #3241ff; 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:#3241ff; font-size:24px; text-align: center; line-height: 48px; border:1px solid #3241ff; 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:#3241ff; background-color:#3241ff; } .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:#3241ff; } .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; } .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: #3241ff; 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:#3241ff; font-size: 30px; font-family: 'Poppins', sans-serif; } .fact-counter .count-outer .count-text{ position:relative; font-weight:700; color:#3241ff; 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; 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:#3241ff; } .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:#3241ff; background-color: #3241ff; } .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:#3241ff; 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: #3241ff; } /*** ==================================================================== 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:50px 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:#3241ff; 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; } .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:#3241ff; -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:#3241ff; -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:#3241ff; } .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:#3241ff; } .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:#3241ff; } .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:#3241ff; } .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:#3241ff; } .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:#3241ff; } .testimonial-block-two .inner-box .content-box:after{ position:absolute; content:''; left:0px; bottom:-20px; border-top: 20px solid #3241ff; 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:#3241ff; } .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; } .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:#3241ff; } .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; } .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; -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; -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; } /*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; -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-one:before{ position:absolute; content:''; left:0px; top:0px; width:0px; height:0px; background-color:#ec0203; -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; -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; -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; -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; 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; -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-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; 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; 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; 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; 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 #303ffa; } .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:#303ffa; } /*** ==================================================================== 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; 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:#303ffa; 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, #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; 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; } .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:#303ffa; 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:#3241ff; 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, #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(#3241ff), 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:#3241ff; } .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(#3241ff), 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: #3241ff; 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:#3241ff; } .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:#3241ff; } /* 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; 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; 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:#303ffa; } .blog-cat-two li a:hover::before{ opacity:1; } .blog-cat-two li.active a, .blog-cat-two li a:hover{ color:#303ffa; } /*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:#303ffa; } .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:#303ffa; 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:#303ffa; } .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:#3241ff; } .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: #303ffa; } .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:#303ffa; -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:#303ffa; -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:#303ffa; } .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 #303ffa; } .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:#303ffa; 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:#3241ff; 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:#3241ff; } .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; } ul.b { list-style-type: square; 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; } .sharr{ width: 179px !important; height: 128px; } .btn-info{ margin-left: 28px; } .logo-h{ /* width: 174px; */ height: 86px; /* padding-bottom: 12px; */ margin-bottom: 29px; } .logo-h1{ height: 73px; margin-top: 1px; } .btn-success{ padding: 7px !important; border-radius: 19px; margin-top: 10px; } .card{ height: 144px; } .trrr{ color: black; } .spa{ color: #92d721; font-size: 40px; } /* Default styling for desktop */ .main-slider-carousel .slide { background-size: cover; /* Ensures the image covers the container on larger screens */ background-position: center center; /* Centers the image */ } /* Mobile-specific styling */ @media (max-width: 768px) { .main-slider-carousel .slide { background-size: contain; /* Ensures the entire image is visible */ background-repeat: no-repeat; /* Prevents tiling */ background-position: center top; /* Adjusts the positioning for better fit */ height: 100vh; /* Optional: Adjust height for mobile view */ } .services-section-three{ padding: 15px 0px 110px; } .spa{ color: #92d721 !important; font-size: 18px; } .alternate{ font-size: 18px; } .services-block-three .inner-box { padding-left: 15px; padding-right: 15px; padding-top: 49px; } }