X7ROOT File Manager
Current Path:
/var/sentora/hostdata/konguhitek/public_html/css
var
/
sentora
/
hostdata
/
konguhitek
/
public_html
/
css
/
📁
..
📄
animate.css
(77.31 KB)
📄
animation.css
(26.8 KB)
📄
bootstrap.css
(137.72 KB)
📄
custom-animate.css
(11.94 KB)
📄
custom.css
(3.63 KB)
📄
flaticon.css
(8.64 KB)
📄
font-awesome.css
(29.88 KB)
📁
images
📄
jquery-ui.css
(37.54 KB)
📄
jquery.bootstrap-touchspin.css
(772 B)
📄
jquery.fancybox.min.css
(13.41 KB)
📄
jquery.mCustomScrollbar.min.css
(41.9 KB)
📄
jquery.tabs.css
(1.72 KB)
📄
mCSB_buttons.html
(1.21 KB)
📄
owl.css
(20.02 KB)
📄
owl.video.play.html
(1.21 KB)
📄
responsive.css
(22.62 KB)
📄
style.css
(324.66 KB)
📄
whatsappme.min.css
(6.8 KB)
Editing: style.css
/* Consejo HTML Template */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header 5. Sponsors Section / Two 6. About Section / Two 7. Services Section / Two 8. Business Section 9. Testimonial Section / Two 10. Cases Section / Two 11. Team Section / Two 12. CTA Section 13. News Section / Two 14. Newsletter Section 15. Main Footer Section 16. Main Slider / Main Slider Two 17. Choose Section 18. Page Title Section 19. Faq Section 20. Pricing Section 21. Search Result Section 22. Sign In Section 23. Sign Up Section 24. Team Detail Section 25. Career Section 26. Shop Section 27. Cart Section 28. Checkout Section 29. Shop Widgets 30. Account Section 31. Error Section 32. Contact Info Section 33. Contact Form Section 34. Map Section **********************************************/ /* font-family: 'Cabin', sans-serif; font-family: 'Roboto', sans-serif; */ @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('animation.css'); @import url('jquery-ui.css'); @import url('custom-animate.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.bootstrap-touchspin.css'); @import url('jquery.mCustomScrollbar.min.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Roboto', 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:#80c32f; } 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: 'Cabin', sans-serif; } input,button,select,textarea{ } textarea{ overflow:hidden; } p{ position:relative; line-height:1.8em; } /* Typography */ h1{ font-size:60px; } h2{ font-size:40px; } h3{ font-size:32px; } h4{ font-size:24px; } h5{ font-size:20px; } h6{ font-size:18px; } .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{ cursor:pointer; 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; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:15px; right:15px; width:40px; height:40px; color:#80c32f; font-size:13px; text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; background:#ffffff; display:none; border-radius:50px; box-shadow:0px 0px 10px rgba(0,0,0,0.15); -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:hover{ color:#ffffff; background:#80c32f; } .scroll-to-top.style-two{ color:#f71735; } .scroll-to-top.style-two:hover{ color:#ffffff; background-color:#f71735; } /* List Style One */ .list-style-one{ position:relative; } .list-style-one li{ position:relative; color:#243559; font-size:16px; padding-left:35px; font-weight:500; line-height:1.6em; margin-bottom:12px; } .list-style-one li:before{ position:absolute; left:0px; top:3px; color:#80c32f; font-size:18px; line-height:1em; font-weight:300; content: "\f18e"; font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } /* List Style Two */ .list-style-two{ position:relative; margin-bottom:20px; } .list-style-two li{ position:relative; color:#ffffff; font-size:15px; padding-left:35px; font-weight:400; line-height:1.6em; margin-bottom:12px; } .list-style-two li .icon{ position:absolute; left:0px; top:3px; color:#ffffff; font-size:18px; line-height:1em; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .list-style-two li a{ position:relative; color:#ffffff; } /* List Style Three */ .list-style-three{ position:relative; } .list-style-three li{ position:relative; color:#dce4f0; font-size:16px; padding-left:35px; font-weight:400; line-height:1.6em; margin-bottom:10px; } .list-style-three li:before{ position:absolute; left:0px; top:3px; color:#80c32f; font-size:18px; line-height:1em; font-weight:300; content: "\f18e"; font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } /* List Style Four */ .list-style-four{ position:relative; margin-bottom:20px; } .list-style-four li{ position:relative; color:#ffffff; font-size:15px; padding-left:35px; font-weight:400; line-height:1.6em; margin-bottom:12px; } .list-style-four li .icon{ position:absolute; left:0px; top:3px; color:#ffffff; font-size:18px; line-height:1em; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .list-style-four li a{ position:relative; color:#ffffff; } .list-style-four.style-two li .icon{ color:#f71735; } .list-style-four.style-two li, .list-style-four.style-two li a{ color:#ffffff; } /*Btn Style One*/ .btn-style-one{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 400; overflow: hidden; background:none; border-radius:3px; padding: 12px 35px 12px; text-transform: capitalize; border:1px solid #ffffff; font-family: 'Roboto', sans-serif; } .btn-style-one i{ margin-left:5px; } .btn-style-one:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#80c32f; } .btn-style-one .txt{ position:relative; z-index:1; } .btn-style-one:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-one:hover{ color: #ffffff; border-color:#80c32f; } /* Btn Style Two */ .btn-style-two{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; padding: 13px 35px 13px; font-weight: 400; overflow: hidden; background:#243559; letter-spacing:1px; border-radius:5px; text-transform: capitalize; font-family: 'Roboto', sans-serif; } .btn-style-two:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: #80c32f; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); } .btn-style-two .txt{ position:relative; z-index:1; } .btn-style-two:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-two:hover{ color: #ffffff; } /* Btn Style Three */ .btn-style-three{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; color: #243559; font-weight: 500; overflow: hidden; background:none; border-radius:3px; padding: 12px 45px 12px; text-transform: capitalize; border:2px solid #243559; font-family: 'Roboto', sans-serif; } .btn-style-three i{ margin-left:5px; } .btn-style-three:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#80c32f; } .btn-style-three .txt{ position:relative; z-index:1; } .btn-style-three:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-three:hover{ color: #ffffff; border-color:#80c32f; } /* Btn Style Four */ .btn-style-four{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #243559; font-weight: 700; overflow: hidden; background:none; border-radius:5px; padding: 14px 46px; text-transform: capitalize; background-color:#ffffff; } .btn-style-four:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#80c32f; } .btn-style-four .txt{ position:relative; z-index:1; } .btn-style-four:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-four:hover{ color: #ffffff; } /* Btn Style Five */ .btn-style-five{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 500; overflow: hidden; background:none; border-radius:0px; padding: 13px 30px 13px 30px; text-transform: capitalize; background-color:#fd5b03; } .btn-style-five:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#ffffff; } .btn-style-five .txt{ position:relative; z-index:1; } .btn-style-five:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-five:hover{ color: #fd5b03; } /*Btn Style Six */ .btn-style-six{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 400; overflow: hidden; background:none; border-radius:3px; padding: 13px 35px 13px; text-transform: capitalize; background-color:#14212b; font-family: 'Open Sans', sans-serif; } .btn-style-six:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#ff4a17; } .btn-style-six .txt{ position:relative; z-index:1; } .btn-style-six:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-six:hover{ color: #ffffff; } /* Btn Style Seven */ .btn-style-seven{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; padding: 13px 35px 13px; font-weight: 400; overflow: hidden; background:#fd5b03; letter-spacing:1px; border-radius:3px; text-transform: capitalize; font-family: 'Roboto', sans-serif; } .btn-style-seven:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: #3143ef; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); } .btn-style-seven .txt{ position:relative; z-index:1; } .btn-style-seven:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-seven:hover{ color: #ffffff; } /*Btn Style Eight */ .btn-style-eight{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #0b0c26; font-weight: 700; overflow: hidden; background:none; border-radius:0px; padding: 9px 30px 9px; text-transform: capitalize; border:1px solid #0b0c26; font-family: 'Roboto', sans-serif; } .btn-style-eight:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#f71735; } .btn-style-eight .txt{ position:relative; z-index:1; } .btn-style-eight:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-eight:hover{ color: #ffffff; border-color:#f71735; } /*Btn Style Nine */ .btn-style-nine{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 500; overflow: hidden; background:none; border-radius:4px; padding: 13px 30px 13px; background-color:#f71735; text-transform: capitalize; font-family: 'Roboto', sans-serif; } .btn-style-nine:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#ffffff; } .btn-style-nine .txt{ position:relative; z-index:1; } .btn-style-nine:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-nine:hover{ color: #f71735; } /*Btn Style Ten */ .btn-style-ten{ position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 500; overflow: hidden; background:none; border-radius:3px; padding: 12px 35px 12px; text-transform: capitalize; border:1px solid #ffffff; font-family: 'Roboto', sans-serif; } .btn-style-ten:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:#f71735; } .btn-style-ten .txt{ position:relative; z-index:1; } .btn-style-ten:hover::before{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-style-ten:hover{ color: #ffffff; border-color:#f71735; } /* Social Icon One */ .social-icon-one{ position: relative; display: block; } .social-icon-one .title{ position: relative; font-size: 20px; line-height: 26px; color: #ffffff; font-weight: 700; margin-right: 15px; } .social-icon-one li{ position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #ffffff; margin-right: 22px; } .social-icon-one li:last-child{ margin-right: 0; } .social-icon-one li a{ position: relative; display: block; font-size: 16px; line-height: 24px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .social-icon-one li a:hover{ color: #80c32f; } .theme_color{ color:#80c32f; } .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; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:30px; } .sec-title .title{ position:relative; color:#243559; font-size:20px; font-weight:500; padding-bottom:18px; text-transform:uppercase; } .sec-title .title:before{ position:absolute; content:''; left:0%; bottom:0px; height:2px; width:40px; background-color:#80c32f; } .sec-title h2{ position: relative; color:#243559; font-weight: 700; line-height: 1.3em; margin-top:15px; } .sec-title h2 span{ position: relative; color:#80c32f; } .sec-title .text{ position: relative; color:#777777; font-weight: 400; line-height: 1.7em; margin-top:18px; font-size:18px; } .sec-title.light .text, .sec-title.light .title, .sec-title.light h2{ color:#ffffff; } .sec-title.centered .title:before{ left:50%; margin-left:-20px; } .sec-title.centered{ text-align: center !important; } /*** ==================================================================== Section Title Two ==================================================================== ***/ .sec-title-two{ position:relative; margin-bottom:30px; } .sec-title-two .title{ position:relative; color:#ff4a17; font-size:16px; line-height:1.4em; font-weight:500; padding:0px 40px; display:inline-block; 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; font-family: 'Roboto', sans-serif; } .sec-title-two .title:before{ position:absolute; content:''; left:0px; top:8px; height:2px; width:30px; background-color:#fe8340; } .sec-title-two .title:after{ position:absolute; content:''; right:0px; top:8px; height:2px; width:30px; background-color:#fe8340; } .sec-title-two h2{ position: relative; color:#000000; font-weight: 700; line-height: 1.2em; margin-top:15px; } .sec-title-two .text{ position: relative; color:#84869c; font-weight: 400; line-height: 1.7em; margin-top:18px; font-size:16px; } .sec-title-two.light .text, .sec-title-two.light .title, .sec-title-two.light h2{ color:#ffffff; } .sec-title-two.centered{ text-align: center !important; } /*** ==================================================================== Section Title Three ==================================================================== ***/ .sec-title-three{ position:relative; margin-bottom:30px; } .sec-title-three h2{ position: relative; color:#0b0c26; font-size:36px; font-weight: 600; line-height: 1.3em; padding-bottom:18px; } .sec-title-three h2:before{ position:absolute; content:''; left:0%; bottom:0px; height:2px; width:40px; background-color:#f71735; } .sec-title-three .text{ position: relative; color:#687076; font-weight: 400; line-height: 1.8em; margin-top:18px; font-size:16px; } .sec-title-three.light .text, .sec-title-three.light h2{ color:#ffffff; } .sec-title-three.centered h2:before{ left:50%; margin-left:-20px; } .sec-title-three.centered{ text-align: center !important; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:absolute; z-index:99; width:100%; } /* Header Top */ .main-header .header-top{ position:relative; background-color:#243559; } .main-header .header-top .top-left{ position: relative; float:left; z-index:1; padding:15.5px 0px; padding-left:220px; } .main-header .header-top .info-list{ position:relative; } .main-header .header-top .info-list li{ position: relative; color:#ffffff; font-size:16px; margin-right:30px; display:inline-block; } .main-header .header-top .info-list li:last-child{ margin-right:0px; } .main-header .header-top .info-list li .icon{ position:absolute; left:0px; top:0px; color:#7ab63a; } .main-header .header-top .info-list li a{ position: relative; color:#505b73; padding-left:28px; -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-top .info-list li a:hover{ color:#80c32f; } .main-header .header-top .top-right{ position: relative; padding:16px 0px; } .main-header .header-top .top-right:before{ position:absolute; content:''; right:140%; top:0px; width:2800%; bottom:0px; transform:skewX(-15deg); background-color:#ffffff; } .main-header .header-top .top-right .border-line{ position:absolute; left:-55px; top:0px; width:4px; height:100%; z-index:1; background-color:#243559; transform:skewX(-15deg); } /*Language Dropdown*/ .main-header .header-top .language{ position:relative; line-height:1em; display:inline-block; } .main-header .header-top .language .flag-icon{ margin-right:8px; } .main-header .header-top .language .dropdown-menu{ top:35px !important; right:0px; left:auto !important; width:170px; border-radius:0px; margin-top:0px; background-color:#222222; border:none; padding:0px; border-top:3px solid #80c32f; transform:translate3D(0px,0px,0px) !important; } .main-header .header-top .language > a{ color:#b3b6c5; background:none; text-transform:capitalize; display:inline-block; border:0px; top: 0px; padding:0px; font-weight:400; font-size:14px; line-height:1em; border-radius: 0px; } .main-header .header-top .language > a:after{ display:none; } .main-header .header-top language a:hover{ background:none; } .main-header .header-top .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-top .language .dropdown-menu > li:last-child{ border-bottom:none; } .main-header .header-top .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-top .language .dropdown-menu > li > a:hover{ color:#ffffff !important; background-color:#80c32f; } .main-header .header-top-two{ position:relative; padding:13px 0px; background-color:#14212b; } .main-header .header-top-two .top-left{ position:relative; float:left; } .main-header .header-top-two .top-left .text{ position:relative; color:#ffffff; font-size:16px; } .main-header .header-top-two .top-left .text .icon{ position:relative; margin-right:10px; color:#ffffff; } .main-header .header-top-two .top-right{ position:relative; float:right; } .main-header .header-top-two .top-right .page-links{ position:relative; float:left; } .main-header .header-top-two .top-right .page-links li{ position:relative; line-height:1em; padding-right:12px; margin-right:12px; display:inline-block; border-right:1px solid rgba(255,255,255,0.60); } .main-header .header-top-two .top-right .page-links li a{ position:relative; color:#ffffff; display:inline-block; -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-top-two .top-right .page-links li:last-child{ margin-right:0px; padding-right:0px; border:0px; } .main-header .header-top-two .top-right .page-links li a:hover{ color:#fd5b03; } .main-header .header-top-two .top-right .search-box-btn{ position:relative; top:1px; width:auto; height:auto; border:none; color:#ffffff; line-height:1em; margin-left:20px; } .main-header .header-top-two .top-right .search-box-btn:hover{ background:none; } .main-header .header-top-two .social-nav{ position:absolute; left:50%; display:inline-block; transform:translateX(-50%); } .main-header .header-top-two .social-nav li{ position:relative; margin:0px 7px; display:inline-block; } .main-header .header-top-two .social-nav 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-header .header-top-two .social-nav li a:hover{ color:#fd5b03; } /* Header Top Three */ .header-top-three{ position:relative; background-color:#243559; } .header-top-three .auto-container{ max-width:1680px; } .header-top-three .inner-container{ position:relative; padding-right:20px; } .header-top-three .inner-container:before{ position:absolute; content:''; right:0px; top:0px; bottom:0px; width:200%; background-color:#0b0c26; } .header-top-three .text-center{ position:absolute; left:50%; top:0px; font-size:16px; color:#ffffff; padding:15px 0px; text-align:center; transform:translateX(-50%); } .header-top-three .top-left{ position: relative; float:left; z-index:1; padding:15px 0px; } .header-top-three .info-list{ position:relative; } .header-top-three .info-list li{ position: relative; color:#ffffff; font-size:16px; margin-right:30px; display:inline-block; } .header-top-three .info-list li:last-child{ margin-right:0px; } .header-top-three .info-list li .icon{ position:absolute; left:0px; top:0px; color:#ffffff; } .header-top-three .info-list li a{ position: relative; color:#ffffff; padding-left:28px; -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-three .info-list li a:hover{ color:#f71735; } .header-top-three .top-right{ position: relative; z-index:1; padding:15px 0px; } .header-top-three .page-links{ position:relative; float:left; } .header-top-three .page-links li{ position: relative; color:#ffffff; font-size:16px; line-height:1.1em; margin-right:12px; padding-right:12px; display:inline-block; border-right:1px solid rgba(255,255,255,0.50); } .header-top-three .page-links li:last-child{ } .header-top-three .page-links li .icon{ position:absolute; left:0px; top:0px; color:#ffffff; } .header-top-three .page-links li a{ position: relative; color:#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; } .header-top-three .page-links li a:hover{ color:#f71735; } .header-top-three .social-nav{ position:relative; float:left; } .header-top-three .social-nav li{ position:relative; margin:0px 7px; display:inline-block; } .header-top-three .social-nav 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; } .header-top-three .social-nav li a:hover{ color:#f71735; } .btn.focus, .btn:focus{ box-shadow:inherit; } .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; } .main-header .header-upper{ position:relative; margin-top:25px; background-color:#ffffff; } .main-header .header-upper .upper-right{ position:relative; padding-top:35px; } .main-header .nav-outer{ position:relative; padding-left:220px; } .main-header .header-upper .logo-box{ position: absolute; top:0px; margin-top:-80px; padding:40px 0px; background-color:#243559; border-radius:0px 0px 20px 20px; box-shadow:0px 0px 15px rgba(36,53,89,0.15); } .main-header .header-upper .logo-box .logo{ position:relative; } .main-header .outer-box{ position: relative; float:right; padding: 8px 0px; } .main-header .cart-box{ position:relative; float:left; background:none; display:inline-block; margin-right: 15px; } .main-header .cart-box .cart-box-btn{ position:relative; width:40px; height:40px; text-align:center; background:none; color:#243559; cursor: pointer; font-size: 22px; border-radius:5px; line-height:38px; border:1px solid #243559; 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 .cart-box .cart-box-btn:after{ display:none; } .main-header .cart-box .cart-box-btn:hover{ color:#ffffff; background-color:#243559; } .main-header .cart-product{ position:relative; margin-bottom:18px; min-height:90px; border-bottom:1px solid #e4e4e4; } .main-header .cart-product .inner{ position:relative; padding-left:90px; min-height:70px; } .main-header .cart-product .inner .cross-icon{ position:absolute; right:0px; top:-2px; z-index:1; color:#263120; font-size:16px; cursor:pointer; 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 .cart-product .inner .cross-icon:hover{ color:#80c32f; } .main-header .cart-product .inner .image{ position:absolute; width:70px; height:70px; left:0px; top:0px; } .main-header .cart-product .inner h3{ position:relative; font-weight:600; font-size:15px; margin:0px; letter-spacing: 1px; text-transform:capitalize; } .main-header .cart-product .inner h3 a{ color:#222222; 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 .cart-product .inner h3 a:hover{ color:#80c32f; } .main-header .cart-product .inner .quantity-text{ position:relative; font-weight:300; color:#666666; font-size: 13px; margin-bottom: 0px; } .main-header .cart-product .inner .price{ position:relative; font-weight:700; font-size:16px; margin:0px; color:#222222; } .main-header .cart-box .cart-panel{ left: auto !important; right: 0px !important; border-radius:10px; padding:20px 20px; min-width:300px; margin-top:48px; z-index: -1; box-shadow: 0px 0px 25px rgba(0,0,0,0.15); border:3px solid #80c32f; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .main-header .cart-box .cart-panel .cart-total{ color:#000000; font-size:15px; font-weight:400; text-align:center; text-transform:capitalize; } .main-header .cart-box .cart-panel .cart-total span{ font-weight:800; font-size:18px; } .main-header .cart-box .cart-panel .btns-boxed{ position:relative; text-align:center; margin-top:20px; } .main-header .cart-box .cart-panel .btns-boxed li{ position:relative; margin:0px 5px; display:inline-block; } .main-header .cart-box .cart-panel .btns-boxed li a{ position:relative; color:#ffffff; font-weight:500; font-size:12px; padding:10px 20px 8px; border-radius: 2px; display:inline-block; background-color:#80c32f; border:1px solid #80c32f; text-transform:uppercase; 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 .cart-box .cart-panel .btns-boxed li a:hover{ color:#80c32f; background:none; } .main-header .cart-box .icon a{ color:#999999; } .main-header.header-style-three .cart-box .cart-panel{ margin-top:75px; border-color:#f71735; } .main-header.header-style-three .cart-box .cart-panel .btns-boxed li a{ background-color:#f71735; border-color:#f71735; } .main-header.header-style-three .cart-product .inner .cross-icon:hover, .main-header.header-style-three .cart-product .inner h3 a:hover{ color:#f71735; } .main-header.header-style-three .cart-box .cart-panel .btns-boxed li a:hover{ color:#ffffff; } /* Search Box Outer */ .main-header .search-box-outer{ position:relative; float:left; } .main-header .search-box-btn{ position:relative; width:40px; height:40px; text-align:center; background:none; color:#243559; cursor: pointer; font-size: 18px; border-radius:5px; line-height:38px; border:1px solid #243559; 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 .search-box-btn:after{ display:none; } .main-header .search-box-btn:hover{ color:#ffffff; background-color:#243559; } /* Main Menu */ .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; display:block !important; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin-right:40px; 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; } .sticky-header .main-menu .navigation > li > a{ color:#444444 !important; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a{ color:#80c32f; background-color:inherit !important; } .sticky-header .nav-outer .options-box{ margin-top:45px; } /*Sticky Header*/ .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#ffffff; z-index:0; border-bottom:1px solid #e8f1f7; 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; } .main-menu .navigation > li > a{ position:relative; display:block; color:#505b73; text-align:center; line-height:30px; letter-spacing:0px; opacity:1; font-weight:400; padding:13px 0px; font-size:14px; 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: 'Roboto', sans-serif; } .main-menu .navigation > li:before{ position:absolute; content:''; left:0px; bottom:10px; width:0%; height:3px; opacity:0; border-radius:3px; background-color:#243559; 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::before, .main-menu .navigation > li.current::before{ opacity:1; width:100%; z-index:1; } .sticky-header .main-menu .navigation > li{ position:relative; margin-left:30px; margin-right:0px; } .sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after{ } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a{ opacity:1; color:#80c32f; } .main-menu .navigation > li > ul{ position:absolute; left:-30px; top:100%; 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:20px 15px; border-radius:10px; background-color: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.10); } .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 #f9f9f9; } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 18px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#505b73; 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 .main-menu .navigation > li > a{ padding:19px 0px; } .main-menu .navigation > li > ul > li > a:before{ position:absolute; content:'//'; left:10px; top:8px; opacity:0; color:#80c32f; 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::before{ opacity:1; } .sticky-header .main-menu .navigation > li > a:before{ top:18px !important; } .main-menu .navigation > li > ul > li:hover > a{ color:#80c32f; padding-left:30px; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:15px; top:13px; width:10px; height:20px; display:block; color:#253d4a; 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:#222222; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:120%; top:0%; 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:20px 15px; border-radius:10px; background-color: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.10); } .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 #f9f9f9; } .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:6px 18px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#505b73; padding-left:10px; 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:#80c32f; } .main-menu .navigation > li > ul > li > ul > li > a:before{ position:absolute; content:'//'; left:10px; top:8px; opacity:0; color:#80c32f; 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::before{ opacity:1; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#80c32f; padding-left:30px; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; left:0px; -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; left:100%; -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; } .main-header .search-box{ position:relative; float:left; width:160px; padding:33px 0px; } .main-header .search-box .form-group{ position:relative; margin:0px; } .main-header .search-box .form-group input[type="text"], .main-header .search-box .form-group input[type="search"]{ position:relative; line-height:38px; padding:10px 50px 10px 20px; background:none; display:block; font-size:14px; width:100%; height:30px; color:#ffffff; border-radius:0px; font-weight:600; 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-left:1px solid #80c32f; } .main-header .search-box .form-group textarea::-webkit-input-placeholder, .main-header .search-box .form-group input::-webkit-input-placeholder{ color:#ffffff; } .main-header .search-box .form-group button{ position:absolute; right:0px; top:8px; display:block; font-size:16px; color:#ffffff; cursor:pointer; line-height:100%; font-weight:normal; background:none; } .main-header .header-lower .options-box{ position:relative; float:right; padding:10px 15px 10px; } .main-header .header-lower .options-box .option-inner:before{ position:absolute; content:''; left:-10px; top:-10px; bottom:-10px; width:110%; background-color:#80c32f; border-radius:50px 50px 50px 50px; } .main-header .header-lower .options-box .option-inner{ position:relative; padding-left:70px; } .main-header .header-lower .options-box .option-inner .icon{ position:absolute; left:0px; top:0px; color:#ffffff; font-size:50px; line-height:1em; } .main-header .header-lower .options-box .option-inner .number{ position:relative; } .main-header .header-lower .options-box .option-inner .number span{ position:relative; display:block; color:#ffffff; margin-bottom:3px; text-transform:uppercase; } .main-header .header-lower .options-box .option-inner .number a{ position:relative; font-weight:800; font-size:22px; color:#ffffff; } .main-header.header-style-two{ position:relative; } .main-header.header-style-two .header-upper{ margin-top:0px; } .main-header.header-style-two .header-upper .logo-box{ position:relative; top:0px; margin-top:0px; background:none; padding:20px 0px; box-shadow:inherit; } .main-header.header-style-two .nav-outer{ border-radius:50px; padding-left:30px; padding-right:30px; background-color:#14212b; } .main-header.header-style-two .main-menu .navigation > li > a{ color:#ffffff; font-size:18px; padding:20px 0px; font-family: 'Cabin', sans-serif; } .main-header.header-style-two .main-menu .navigation > li:before{ bottom:15px; background-color:#fd5b03; } .main-header.header-style-two .main-menu .navigation > li.dropdown > a{ padding-right:15px !important; } .main-header.header-style-two .main-menu .navigation > li.dropdown > a:before{ font-family: 'FontAwesome'; content: "\f067"; position: absolute; right: 0px; opacity:0; font-size: 12px; line-height: 34px; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-header.header-style-two .main-menu .navigation > li{ margin-right:30px; margin-left:0px; } .main-header.header-style-two .main-menu .navigation > li.current > a:before, .main-header.header-style-two .main-menu .navigation > li:hover > a:before{ opacity:1; } .main-header.header-style-two .outer-box{ padding:9px 0px 3px; } .main-header.header-style-two .main-menu .navigation > li > ul > li > a:before, .main-header.header-style-two .main-menu .navigation > li > ul > li:hover > a, .main-header.header-style-two .main-menu .navigation > li > ul > li > ul > li:hover > a, .main-header.header-style-two .main-menu .navigation > li > ul > li > ul > li > a:before{ color:#fd5b03; } .main-header.header-style-two .header-lower{ position:absolute; top:100%; left:0px; right:0px; } .main-header.header-style-two .header-lower:before{ position:absolute; content:''; left:0px; top:0px; right:0px; height:38px; background-color:#ffffff; } .main-header.header-style-three{ position:absolute; left:0px; top:0px; right:0px; } .main-header.header-style-three .nav-outer{ padding-left:0px; float:right; } .main-header.header-style-three .header-upper{ margin-top:0px; } .main-header.header-style-three .header-upper .auto-container{ max-width:1600px; } .main-header.header-style-three .header-upper .logo-box{ position:relative; padding:0px; margin:0px; background:none; box-shadow:inherit; } .main-header.header-style-three .main-menu .navigation > li > a{ color:#0b0c26; font-size:18px; padding:20px 0px; font-weight:600; padding:35px 0px; font-family: 'Cabin', sans-serif; } .main-header.header-style-three .main-menu .navigation > li:before{ display:none; } .main-header.header-style-three .outer-box{ padding:26px 0px 18px; margin-left:30px; } .main-header.header-style-three .search-box-btn{ border-radius:0px; margin-top:5px; } .main-header.header-style-three .cart-box .cart-box-btn{ border-radius:0px; margin-top:5px; } .main-header.header-style-three .outer-box .btn-box{ float:left; margin-left:15px; } .main-header.header-style-three .main-menu .navigation > li > ul > li > a:before, .main-header.header-style-three .main-menu .navigation > li > ul > li:hover > a, .main-header.header-style-three .main-menu .navigation > li > ul > li > ul > li:hover > a, .main-header.header-style-three .main-menu .navigation > li > ul > li > ul > li > a:before{ color:#f71735; } .header-style-three .sticky-header .main-menu .navigation > li > a{ padding:21px 0px; } .main-header .info-box{ position:relative; float:left; z-index:1; min-height:56px; margin-left:50px; font-size:15px; color:#777777; text-align:left; padding:0px 0px 10px 65px; } .main-header .info-box .icon-box{ position:absolute; left:0px; top:1px; width:50px; height:50px; text-align:center; font-size:22px; line-height:46px; border-radius:50px; display:inline-block; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; color:#ffffff; background-color:#14212b; border:2px solid #14212b; } .main-header .info-box:hover .icon-box{ background-color:#fd5b03; border-color:#fd5b03; color:#ffffff; } .main-header .info-box ul li{ position:relative; line-height:20px; color:#000000; font-size:16px; margin-bottom:8px; font-weight:400; text-transform:capitalize; } .main-header .info-box strong{ position:relative; font-weight:500; color:#000000; font-size:18px; text-transform:capitalize; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .nav-outer .mobile-nav-toggler{ position: relative; float: right; font-size: 36px; line-height: 50px; cursor: pointer; color:#000000; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .nav-logo{ position:relative; padding:20px 20px; text-align:left; } .mobile-menu .nav-logo img{ max-width:200px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 1; visibility: visible; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #ffffff; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition:all 0.7s ease 500ms; -moz-transition:all 0.7s ease 500ms; -ms-transition:all 0.7s ease 500ms; -o-transition:all 0.7s ease 500ms; transition:all 0.7s ease 500ms; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 15px; top: 15px; line-height: 30px; width: 30px; text-align: center; font-size: 14px; color: #202020; cursor: pointer; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .mobile-menu .close-btn:hover{ opacity: 0.50; } .mobile-menu .navigation{ position: relative; display: block; width:100%; border-top: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li{ position: relative; display: block; border-bottom: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li > ul > li:last-child{ border-bottom: none; } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 20px; font-size: 15px; color: #404040; text-transform: capitalize; } .mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a{ color:#000000; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:0px; top:0px; width:44px; height:44px; text-align:center; font-size:16px; line-height:44px; color:#404040; cursor:pointer; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn:after{ content:''; position:absolute; left:0px; top:10px; width:1px; height:24px; border-left:1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul{ display: none; } .sticky-header .navbar-header{ display:none; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup{ position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateY(-100%); background-color: rgba(0,0,0,0.90); -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); } .sidenav-bar-visible .search-popup{ width: 80%; } .search-popup:before{ position: absolute; left: 0; top: 100%; width: 100%; height: 560px; background-image: url(../images/icons/waves-shape.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0px; content: ""; } .search-active .search-popup{ transform: translateY(0%); margin-top: 0; } .search-popup .close-search{ position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto; margin-top: -200px; border-radius: 50%; text-align: center; background-color: #80c32f; width: 70px; cursor:pointer; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-bottom: 3px solid #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .search-popup .close-search.color-two{ background-color:#f71735; } .search-popup .close-search span{ position: relative; display: block; height: 70px; width: 70px; font-size: 30px; line-height: 70px; color: #ffffff; } .search-active .search-popup .close-search{ visibility: visible; opacity: 1; top: 50%; -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .search-popup form{ position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; margin:-35px auto 0; transform: scaleX(0); transform-origin: center; background-color: #111111; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .search-active .search-popup form{ transform: scaleX(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .search-popup .form-group{ position:relative; margin:0px; overflow: hidden; } .search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"]{ position:relative; display:block; font-size:18px; line-height: 50px; color:#000000; height:70px; width:100%; padding: 10px 30px; background-color: #ffffff; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; font-weight:500; text-transform:capitalize; } .search-popup .form-group input[type="submit"], .search-popup .form-group button{ position:absolute; right:30px; top:0px; height:70px; line-height: 70px; background: transparent; text-align:center; font-size:24px; color:#000000; padding: 0; cursor:pointer; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover{ color: #000000; } .search-popup input::placeholder, .search-popup textarea::placeholder{ color:#000000; } .search-popup .close-search.style-two{ position: absolute; right: 25px; left: auto; color:#ffffff; width:auto; height:auto; top:25px; margin:0px; border:none; background:none !important; box-shadow:none !important; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .search-popup .close-search.style-two span{ font-size:20px; color:#ffffff; } .main-header .sticky-header .outer-box{ margin-left:20px; padding:14px 0px; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-toped{ position:fixed; bottom:15px; right:15px; width:40px; height:40px; color:#ffffff; font-size:13px; text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; background:#222222; display: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; } .scroll-to-toped:hover{ color:#ffffff; background:#000000; } /*** ==================================================================== Banner Section ==================================================================== ***/ .banner-section{ position:relative; overflow:hidden; } .banner-section .slide .color-layer-one{ position:absolute; content:''; left:0px; top:0px; width:100%; bottom:0px; z-index:2; background-color:rgba(36,53,89,0.70); } .banner-section .slide .color-layer-two{ position:absolute; content:''; right:-110px; top:0px; width:40%; bottom:0px; z-index:2; transform:skew(-10deg); background-size:cover; } .banner-section .slide .color-layer-two:before{ position:absolute; content:''; right:0px; top:0px; width:100%; bottom:0px; z-index:2; background-color:rgba(128,195,47,0.70); } .banner-section .slide{ position:relative; overflow:hidden; padding-top:220px; background-size:cover; } .banner-section .content-column{ position:relative; z-index:10; } .banner-section .content-column .inner-column{ position:relative; } .banner-section .content-column .title{ position:relative; color:#ffffff; font-size:20px; line-height:1.8em; margin-bottom:16px; font-weight:500; opacity: 0; text-transform:uppercase; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; font-family: 'Roboto', sans-serif; } .banner-section .active .content-column .title{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .banner-section .content-column h1{ position:relative; color:#ffffff; font-weight:700; line-height:1.1em; opacity: 0; font-size:60px; text-transform:uppercase; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section .active .content-column h1{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .banner-section .content-column h1 span{ color:#80c32f; } .banner-section .content-column .text{ position:relative; color:#ffffff; font-size:18px; line-height:1.8em; margin-top:25px; margin-bottom:30px; font-weight:400; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section .active .content-column .text{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .banner-section .content-column .btns-box{ margin-top:35px; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section .active .content-column .btns-box{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-section .content-column .theme-btn{ margin-right:15px; } .banner-section .owl-dots{ position:absolute; left:0px; right:0px; bottom:40px; text-align:center; } .banner-section .owl-dots .owl-dot{ position:relative; width:30px; height:6px; margin-bottom:10px; border-radius:0px; margin:0px 5px; 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; } .banner-section .owl-dots .owl-dot.active, .banner-section .owl-dots .owl-dot:hover{ background-color:#80c32f; } .banner-section .owl-nav{ position:absolute; left:0px; top:50%; z-index:99999; width:100%; opacity:0; margin-top:-10px; 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; } .banner-section:hover .owl-nav{ opacity:1; } .banner-section .owl-nav .owl-prev{ position:absolute; left:20px; width:60px; height:30px; color:#ffffff; line-height:30px; font-size:24px; text-align:center; border-radius:5px; 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:#243559; } .banner-section .owl-nav .owl-next{ position:absolute; right:20px; color:#ffffff; font-size:24px; width:60px; height:30px; color:#ffffff; line-height:30px; border-radius:5px; 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; background-color:#243559; } .banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover{ border-radius:50px; background-color:#80c32f; } .banner-section .image-column{ position:relative; z-index:10; } .banner-section .image-column .inner-column{ position:relative; } .banner-section .image-column .image{ position:relative; margin-left:-200px; } .banner-section .image-column .image img{ position:relative; max-width:inherit; width:auto; } /*** ==================================================================== Sponsors Section ==================================================================== ***/ .sponsors-section{ position:relative; padding:10px 30px; } .sponsors-section .outer-container{ position:relative; } .sponsors-section .owl-dots, .sponsors-section .owl-nav{ display:none; } .sponsors-section .owl-carousel .owl-stage-outer{ padding:20px 0px; } .sponsors-section .owl-theme .image-box{ margin:0px 15px; } .sponsors-section .owl-carousel{ margin:0px -15px; width:auto; } .sponsors-section .image-box{ position:relative; text-align:center; border-radius:12px; border:1px solid #f0f1f3; 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%; opacity:1; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section{ position:relative; padding:140px 0px 60px; background-color:#f5f8ff; } .about-section .pattern-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover; background-position:100%; } .about-section .image-column{ position:relative; margin-bottom:30px; } .about-section .image-column .inner-column{ position:relative; } .about-section .image-column .image{ position:relative; border-radius:35px; overflow:hidden; } .about-section .image-column .image img{ position:relative; width:100%; display:block; } .about-section .content-column{ position:relative; margin-bottom:30px; } .about-section .content-column .inner-column{ position:relative; margin-left:-140px; padding:30px 45px; border-radius:15px; margin-top:-30px; background-color:#ffffff; box-shadow:0px 0px 20px rgba(0,0,0,0.10); } .about-section .content-column .inner-column .title{ position:relative; color:#243559; font-size:20px; font-weight:500; padding-left:40px; text-transform:uppercase; } .about-section .content-column .inner-column .title:before{ position:absolute; content:''; left:0px; top:10px; width:32px; height:2px; background-color:#80c32f; } .about-section .content-column h2{ position:relative; color:#243559; font-weight:700; line-height:1.2em; margin-top:10px; margin-bottom:20px; } .about-section .content-column h2 span{ position:relative; color:#80c32f; } .about-section .content-column .inner-column p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; } .about-section .content-column .inner-column .text{ position:relative; color:#243559; font-size:18px; line-height:1.7em; padding-left:30px; margin-bottom:20px; font-weight:500; border-left:4px solid #80c32f; } /* Fact Counter */ .fact-counter{ position:relative; z-index:1; } .fact-counter .column{ position:relative; margin-bottom:30px; } .fact-counter .column .inner{ position:relative; margin-right:-30px; } .fact-counter .column .inner .content{ position:relative; padding-left:60px; } .fact-counter .column .inner .icon{ position:absolute; width:45px; height:45px; left:0px; top:0px; color:#80c32f; font-size:22px; text-align:center; line-height:41px; font-weight: 400; border-radius:10px; border:2px solid #80c32f; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .fact-counter .column .inner:hover .icon{ color:#ffffff; border-radius:50px; background-color:#80c32f; -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .fact-counter .count-outer .percentage{ position:relative; font-weight:600; color:#222222; font-size:30px; line-height:1em; } .fact-counter .column .inner .count-outer{ position:relative; font-weight:500; color:#243559; font-size:20px; line-height:1em; } .fact-counter .column .inner .counter-title{ position:relative; color:#7683a3; font-size:16px; font-weight:400; margin-top:5px; } .fact-counter.style-two{ margin-top:40px; } .fact-counter.style-two .column .inner .content{ padding-left:90px; } .fact-counter.style-two .column .inner .icon{ width:70px; height:70px; font-size:34px; line-height:66px; } .fact-counter.style-two .column .inner .count-outer{ font-size:36px; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position:relative; padding:100px 0px 60px; background-color:#e9eef7; } .service-block{ position:relative; margin-bottom:30px; } .service-block .inner-box{ position:relative; text-align:center; } .service-block .inner-box .icon-box{ position:relative; width:60px; height:60px; color:#80c32f; font-size:28px; border-radius:10px; text-align:center; line-height:56px; margin-bottom:25px; display:inline-block; border:2px solid #80c32f; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box .icon-box span{ position:relative; } .service-block .inner-box .icon-box:before{ position:absolute; content:''; left:50%; bottom:-12px; width:6px; height:12px; margin-left:-3px; background-color:#80c32f; border-radius:0px 0px 3px 3px; } .service-block .inner-box:hover .icon-box{ background-color:#80c32f; color:#ffffff; } .service-block .inner-box h4{ position:relative; font-weight:600; line-height:1.3em; } .service-block .inner-box h4 a{ position:relative; color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box:hover h4 a{ color:#80c32f; } .service-block .inner-box .text{ position:relative; font-weight:400; color:#7683a3; font-size:16px; line-height:1.7em; padding:0px 40px; margin-top:15px; margin-bottom:20px; } .service-block .inner-box .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:-2px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box .arrow:before{ position:absolute; content:''; left:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box:hover .arrow:before{ left:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .service-block .inner-box .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .service-block .inner-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box:hover .arrow{ border-radius:50px; } .service-block .inner-box:hover .arrow .txt{ opacity:1; } .service-block .inner-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .service-block .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } .service-block .inner-box .color-layer{ position:absolute; left:0px; top:30px; right:0px; bottom:15px; overflow:hidden; border-radius:20px; background-color:#ffffff; } .service-block .inner-box .side-icon{ position:absolute; right:-10px; bottom:-20px; opacity:0.15; color:#80c32f; line-height:1em; font-size:100px; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; } .service-block .inner-box:hover .side-icon{ font-size:135px; -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } /*** ==================================================================== Business Section ==================================================================== ***/ .business-section{ position:relative; padding:100px 0px 95px; background-color:#f5f8ff; } .business-section .upper-section{ position:relative; } .business-section .upper-section .content-column{ position:relative; } .business-section .upper-section .content-column .inner-column{ position:relative; } .business-section .upper-section .content-column .title{ position:relative; color:#243559; font-size:20px; font-weight:500; padding-left:42px; text-transform:uppercase; } .business-section .upper-section .content-column .title:before{ position:absolute; content:''; left:0px; top:9px; width:30px; height:2px; background-color:#80c32f; } .business-section .upper-section .content-column h2{ position:relative; font-weight:700; color:#243559; line-height:1.2em; margin-top:15px; margin-bottom:15px; } .business-section .upper-section .content-column h2 span{ position:relative; color:#80c32f; } .business-section .upper-section .content-column p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-bottom:20px; } .business-section .upper-section .image-column{ position:relative; } .business-section .upper-section .image-column .inner-column{ position:relative; } .business-section .upper-section .image-column .image{ position:relative; overflow:hidden; border-radius:20px; } .business-section .upper-section .image-column .image img{ position:relative; width:100%; display:block; } .business-section .lower-section{ position:relative; margin-top:60px; } .business-section .lower-section .btn-box{ position:relative; margin-top:15px; } .service-block-two{ position:relative; margin-bottom:30px; } .service-block-two .inner-box{ position:relative; padding:28px 20px; border-radius:12px; overflow:hidden; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block-two .inner-box:before{ position:absolute; content:''; left:0px; bottom:0px; height:5px; right:0px; z-index:10; background-color:#7484a6; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; } .service-block-two .inner-box:after{ position:absolute; content:''; left:0px; bottom:0px; height:5px; width:10%; opacity:0; z-index:10; background-color:#80c32f; transition:all 600ms ease; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; } .service-block-two .inner-box:hover::after{ width:100%; opacity:1; } .service-block-two .inner-box .number{ position:absolute; right:5px; top:5px; line-height:1em; opacity:0.10; color:#7484a6; font-size:100px; font-weight:400px; } .service-block-two .inner-box h5{ position:relative; font-weight:400; line-height:1.2em; } .service-block-two .inner-box h5 a{ position:relative; color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .service-block-two .inner-box h5 a:hover{ color:#80c32f; } .service-block-two .inner-box .text{ position:relative; color:#ecf0f8; font-size:16px; line-height:1.7em; margin-top:15px; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; padding:100px 0px 95px; background-color:#243559; background-position:center center; background-repeat:no-repeat; } .testimonial-section .testimonial-outer{ position:relative; } .testimonial-block{ position:relative; } .testimonial-block .inner-box{ position:relative; } .testimonial-block .inner-box .content-column{ position:relative; } .testimonial-block .inner-box .content-column .inner-column{ position:relative; z-index:10; margin-top:50px; padding:40px 40px; border-radius:25px; margin-right:-170px; background-color:#80c32f; } .testimonial-block .inner-box .content-column .text{ position:relative; color:#ffffff; font-size:20px; font-weight:500; line-height:1.5em; } .testimonial-block .inner-box .content-column .author{ position:relative; color:#243559; font-size:22px; font-weight:500; text-align:right; margin-top:15px; } .testimonial-block .inner-box .content-column .author span{ position:relative; display:block; color:#586277; font-size:16px; font-weight:400; margin-top:5px; } .testimonial-block .inner-box .content-column .quote-icon{ position:absolute; right:25px; top:20px; opacity:0.20; color:#243559; line-height:1em; font-size:140px; } .testimonial-section .client-thumb-outer{ position:absolute; left:0px; bottom:20px; width:480px; overflow:hidden; } .testimonial-section .owl-nav{ display:none; } .testimonial-section .owl-dots{ display:none; } .testimonial-section .client-thumb-outer .thumb-item .thumb-box{ z-index:999; } .testimonial-section .client-thumb-outer .client-thumbs-carousel{ position: relative; max-width: 100px; text-align:center; } .testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{ overflow:visible; } .testimonial-section .client-thumb-outer .thumb-item .thumb-box{ width:100px; height:100px; cursor:pointer; margin: 0 auto; overflow:hidden; border-radius:10px; border:3px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonial-section .client-thumb-outer .thumb-item .thumb-box img{ opacity:0.6; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonial-section .client-thumb-outer .thumb-item .thumb-box img:hover{ opacity:1; } .testimonial-section .client-thumb-outer .thumb-item .thumb-box:hover{ border-color:#80c32f; } .testimonial-block .inner-box .image-column{ position:relative; } .testimonial-block .inner-box .image-column .inner-column{ position:relative; } .testimonial-block .inner-box .image-column .image{ position:relative; overflow:hidden; border-radius:25px; } .testimonial-block .inner-box .image-column .image img{ position:relative; } /*** ==================================================================== Cases Section ==================================================================== ***/ .cases-section{ position:relative; padding:100px 0px 70px; background-color:#f5f8ff; } .case-block{ position:relative; margin-bottom:40px; } .case-block .inner-box{ position:relative; } .case-block .inner-box .image{ position:relative; overflow:hidden; border-radius:15px; } .case-block .inner-box .image img{ position:relative; width:100%; display:block; } .case-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-color:rgba(36,53,89,0.80); } .case-block .inner-box:hover .overlay-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .case-block .inner-box .image .overlay-box .search-icon{ position:absolute; left:50%; top:50%; width:50px; height:50px; color:#ffffff; z-index:1; font-weight:400; font-size:20px; text-align:center; line-height:48px; margin-left:-25px; margin-top:-40px; border-radius:5px; display:inline-block; border:1px solid #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; } .case-block .inner-box .image .overlay-box .search-icon:hover{ background-color:#80c32f; color:#ffffff; border-color:#80c32f; } .case-block .inner-box .lower-content{ position:relative; padding:20px 22px 0px; margin-left:15px; margin-right:15px; margin-top:-40px; } .case-block .inner-box .lower-content:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:20px; height:115px!important; border-radius:20px; background-color:#ebebeb!important; } .case-block .inner-box .lower-content .category{ position:relative; color:#80c32f; font-size:12px; font-weight:500; text-transform:uppercase; } .case-block .inner-box .lower-content h4{ position:relative; font-weight:700; line-height:1.3em; margin-bottom:22px; margin-top:5px; } .case-block .inner-box .lower-content h4 a{ position:relative; color:#243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .case-block .inner-box .lower-content h4 a:hover{ color:#80c32f; } .case-block .inner-box .lower-content .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:0px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block .inner-box .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .case-block .inner-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block .inner-box:hover .arrow{ border-radius:50px; } .case-block .inner-box:hover .arrow .txt{ opacity:1; } .case-block .inner-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .case-block .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:100px 0px 160px; background-color:#e2e9f3; } .team-section.style-two{ padding:0px 0px 70px; background-color:#f5f8ff; } .team-section .pattern-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .team-block{ position:relative; margin-bottom:30px; } .team-block .inner-box{ position:relative; } .team-block .inner-box .image{ position:relative; overflow:hidden; border-radius:15px 15px 0px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .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; right:0px; bottom:0px; opacity:0; color:#ffffff; text-align:center; 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: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .team-block .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.80; background-color:#92a0bb; } .team-block .inner-box:hover .overlay-box{ opacity:1; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); visibility: visible; } .team-block .inner-box .image .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 0px; } .team-block .inner-box .image .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .team-block .inner-box .social-box{ position:relative; } .team-block .inner-box .social-box li{ position:relative; margin:0px 3px; display:inline-block; } .team-block .inner-box .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .team-block .inner-box .social-box li.twitter a{ background-color:#31ade1; } .team-block .inner-box .social-box li.linkedin a{ background-color:#0f72aa; } .team-block .inner-box .social-box li.instagram a{ background-color:#db2f4f; } .team-block .inner-box .lower-content{ position:relative; margin-top:-25px; margin-left:20px; margin-right:20px; text-align:center; padding:20px 20px 25px; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; border-radius:0px 0px 15px 15px; border-bottom:4px solid transparent; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .team-block .inner-box .lower-content h4{ position:relative; color:#243559; font-size:24px; font-weight:700; line-height:1.2em; } .team-block .inner-box .lower-content h4 a{ position:relative; color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .team-block .inner-box .lower-content h4 a:hover{ color:#80c32f; } .team-block .inner-box .lower-content .designation{ position:relative; color:#92a0bb; font-size:14px; margin-top:5px; display:block; } .team-block .inner-box:hover .lower-content{ border-color:#80c32f; } /*** ==================================================================== CTA Section ==================================================================== ***/ .cta-section{ position:relative; z-index:1; } .cta-section .inner-container{ position:relative; margin-top:-100px; border-radius:20px; padding:30px 50px 30px; background-color:#243559; } .cta-section .pattern-layer{ position:absolute; right:0px; top:0px; width:228px; height:200px; background-repeat:no-repeat; } .cta-section .title-column{ position:relative; } .cta-section .title-column .inner-column{ position:relative; } .cta-section .title-column h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:15px; } .cta-section .title-column h2 span{ position:relative; color:#80c32f; } .cta-section .title-column .started{ position:relative; color:#80c32f; font-size:22px; margin-top:15px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .cta-section .title-column .started:hover{ color:#ffffff; } .cta-section .button-column{ position:relative; } .cta-section .button-column .inner-column{ position:relative; text-align:right; padding-top:45px; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; margin-top:-105px; padding:210px 0px 70px; background-color:#f5f8ff; } /* .news-section .content-box{ position:relative; max-width:555px; padding:60px 35px; border-radius:25px; background-color:#80c32f; } */ .news-block{ position:relative; margin-bottom:40px; } .news-block .inner-box{ position:relative; border-radius:20px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block .inner-box .image{ position:relative; padding:20px 20px; overflow:hidden; background-color:#ffffff; border-bottom:2px solid #f5f8ff; border-radius:20px 20px 0px 0px; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; background-color:#80c32f; 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 img{ opacity:0.6; } .news-block .inner-box .lower-content{ position:relative; padding:22px 25px 0px; background-color:#ffffff; border-radius:0px 0px 20px 20px; } .news-block .inner-box .lower-content .post-date{ position:absolute; right:30px; top:-45px; width:60px; height:70px; color:#ffffff; font-size:30px; line-height:1em; font-weight:700; padding-top:8px; text-align:center; border-radius:12px; background-color:#80c32f; text-transform:uppercase; } .news-block .inner-box .lower-content .post-date span{ position:relative; display:block; font-size:16px; } .news-block .inner-box .lower-content .category{ position:relative; color:#80c32f; font-size:11px; font-weight:500; margin-bottom:5px; letter-spacing:1px; text-transform:uppercase; } .news-block .inner-box .lower-content h4{ position:relative; font-weight:700; line-height:1.4em; } .news-block .inner-box .lower-content h4 a{ position:relative; color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box .lower-content h4 a:hover{ color:#80c32f; } .news-block .inner-box .lower-content .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-top:10px; } .news-block .inner-box .lower-content .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:-18px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box .lower-content .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .news-block .inner-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box:hover .arrow{ border-radius:50px; } .news-block .inner-box:hover .arrow .txt{ opacity:1; } .news-block .inner-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .news-block .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } .news-block.style-two .inner-box .lower-content{ margin-top:45px; } /*** ==================================================================== Newsletter Section ==================================================================== ***/ .newsletter-section{ position:relative; } .newsletter-section .map-outer{ position:absolute; content:''; right:0px; top:0px; width:100%; height:100%; } .newsletter-section .map-outer iframe{ position:absolute; content:''; right:0px; top:0px; width:100%; height:100%; } .newsletter-section .content-box .pattern-layer{ position:absolute; right:160px; top:0px; z-index:-1; width:200%; height:100%; background-color:#25365a; background-position:right bottom; background-repeat:repeat-x; } .newsletter-section .content-box{ position:relative; max-width:555px; width:100%; z-index:10; padding:50px 0px 50px; } .newsletter-section .content-box .box-inner{ position:relative; padding:60px 35px; border-radius:25px; background-color:#80c32f; } .newsletter-section .content-box .title{ position:relative; color:#ffffff; font-size:16px; letter-spacing:1px; text-transform:uppercase; } .newsletter-section .content-box h2{ position:relative; color:#ffffff; font-weight:700; line-height:1.2em; margin-top:10px; } .newsletter-section .content-box .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.7em; margin-top:15px; margin-bottom:30px; } .emailed-form .form-group{ position:relative; display:block; max-width:650px; margin:0 auto; width:100%; margin-bottom:20px; } .emailed-form .form-group input[type="text"], .emailed-form .form-group input[type="tel"], .emailed-form .form-group input[type="email"], .emailed-form .form-group textarea{ position:relative; display:block; width:100%; line-height:20px; height:60px; font-size:16px; color:#ffffff; overflow:hidden; border-radius:6px; font-weight:500; padding:10px 50px 10px 30px; background:rgba(255,255,255,0.20); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .emailed-form .form-group textarea::-webkit-input-placeholder, .emailed-form .form-group input::-webkit-input-placeholder{ color:#ffffff; } .emailed-form .form-group input[type="submit"], .emailed-form button{ position:relative; right:0px; top:0px; width:180px; height:55px; line-height:40px; color:#ffffff; font-size:16px; font-weight:500; text-align:center; background:#243559; letter-spacing:1px; border-radius:6px; margin-top:25px; text-transform:capitalize; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; overflow:hidden; padding:90px 0px 0px; } .main-footer:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(238,240,248,0.90); } .main-footer .footer-widget{ position:relative; z-index:1; margin-bottom:30px; } .main-footer .widgets-section{ position:relative; padding-bottom:70px; } .main-footer .footer-widget h4{ position:relative; font-weight:600; color:#243559; line-height:1.2em; margin-bottom:25px; padding-bottom:18px; text-transform:capitalize; } .main-footer .footer-widget h4:before{ position:absolute; content:''; left:0px; bottom:0px; height:3px; width:30px; background-color:#80c32f; } .main-footer .footer-widget h4:after{ position:absolute; content:''; left:32px; bottom:0px; height:3px; width:90px; background-color:#243559; } .main-footer .logo-widget{ position:relative; } .main-footer .logo-widget .logo{ position:relative; margin-bottom:10px; } .main-footer .logo-widget .text{ position:relative; color:#505b73; font-size: 16px; font-weight: 400; line-height: 1.8em; margin-bottom: 25px; } .main-footer .logo-widget .social-box{ position:relative; } .main-footer .logo-widget .social-box .share{ position:relative; display:block; color:#243559; font-size:18px; font-weight:600; display:block; margin-bottom:10px; font-family: 'Cabin', sans-serif; } .main-footer .logo-widget .social-box li{ position:relative; margin-right:6px; display:inline-block; } .main-footer .logo-widget .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .main-footer .logo-widget .social-box li.twitter a{ background-color:#31ade1; } .main-footer .logo-widget .social-box li.linkedin a{ background-color:#0f72aa; } .main-footer .logo-widget .social-box li.instagram a{ background-color:#db2f4f; } .main-footer .contact-widget h6{ position:relative; font-weight:600; color:#243559; line-height:1.2em; margin-bottom:0px; padding-bottom:12px; text-transform:capitalize; } /* List Link */ .list-link{ position:relative; } .list-link li{ position:relative; margin-bottom:10px; } .list-link li a{ position:relative; color:#505b73; font-size:15px; font-weight:500; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; font-family: 'Roboto', sans-serif; } .list-link li a:hover{ padding-left:10px; color:#80c32f; } .main-footer .footer-column:last-child::before{ position:absolute; content:''; left:-20px; top:-120px; width:200%; height:300%; background-color:#92a0bb; } .main-footer .contact-widget .timing{ position:relative; color:#ffffff; font-size:14px; } .main-footer .pattern-layer{ position:absolute; right:0px; bottom:0px; width:396px; height:446px; z-index:1; background-repeat:no-repeat; } .main-footer .footer-bottom{ position:relative; z-index:1; padding:20px 0px; background-color:#243559; } .main-footer .footer-bottom .copyright{ position:relative; color:#dce4f0; font-size:16px; font-weight:400; } .main-footer .footer-nav{ position:relative; text-align:right; } .main-footer .footer-nav li{ position:relative; padding-right:14px; margin-right:14px; line-height:1em; display:inline-block; border-right:2px solid #ffffff; } .main-footer .footer-nav li a{ position:relative; color:#dce4f0; font-size:16px; font-weight:400; -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-nav li:last-child{ position:relative; margin-right:0px; padding-right:0px; border:none; } .main-footer .footer-nav li a:hover{ color:#80c32f; } /*** ==================================================================== Page Title ==================================================================== ***/ .page-title{ position:relative; text-align:center; overflow:hidden; padding:240px 0px 110px; } .page-title:before{ position:absolute; content:''; left:0px; bottom:0px; top:0px; right:0px; background-color:rgba(36,53,89,0.75); } .page-title .auto-container{ position:relative; } .page-title h1{ position:relative; color:#ffffff; font-size:50px; font-weight:600; line-height:1.2em; margin-bottom: 0px; text-transform:uppercase; } .page-breadcrumb{ position:relative; margin-top:20px; } .page-breadcrumb li{ position:relative; display:inline-block; margin-right:10px; padding-right:15px; color:#ffffff; font-size:18px; font-weight:400; text-transform:uppercase; } .page-breadcrumb li:after{ position:absolute; content: "|"; right:-2px; top:-1px; color:#ffffff; font-size:14px; font-weight:700; font-family: 'FontAwesome'; } .page-breadcrumb li:last-child::after{ display: none; } .page-breadcrumb li:last-child{ padding-right:0px; margin-right:0px; } .page-breadcrumb li a{ color:#ffffff; font-weight:400; text-transform: uppercase; 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; } .page-breadcrumb li a:hover{ color:#80c32f; } /*** ==================================================================== Feature Section ==================================================================== ***/ .feature-section{ position:relative; overflow:hidden; padding:20px 0px 70px; background-color:#f5f8ff; } .feature-section .blocks-column{ position:relative; } .feature-section .blocks-column .inner-column{ position:relative; } /* Feature Block */ .feature-block{ position:relative; margin-bottom:30px; } .feature-block .inner-box{ position:relative; text-align:center; border-radius:5px; padding:26px 25px 22px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .feature-block .inner-box .icon-box{ position:relative; width:40px; height:40px; color:#ffffff; font-size:24px; margin:0 auto; line-height:40px; text-align:center; margin-bottom:12px; border-radius:4px; background-color:#80c32f; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .feature-block .inner-box:hover .icon-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .feature-block .inner-box h6{ position:relative; font-weight:500; line-height:1.2em; margin-bottom:6px; } .feature-block .inner-box h6 a{ position:relative; color:#243559; font-size:16px; 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; } .feature-block .inner-box h6 a:hover{ color:#80c32f; } .feature-block .inner-box .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.6em; } .feature-section .image-column{ position:relative; } .feature-section .image-column .inner-column{ position:relative; } .feature-section .image-column .image{ position:relative; overflow:hidden; border-radius:15px; } .feature-section .image-column .image img{ position:relative; width:100%; display:block; } .feature-section .image-column .feature-block-two{ position:absolute; left:50%; bottom:0px; transform:translateX(-50%); } .feature-section .image-column .feature-block-two .inner-box{ max-width:260px; width:100%; } /* Feature Block Two */ .feature-block-two{ position:relative; margin-bottom:30px; } .feature-block-two .inner-box{ position:relative; text-align:center; border-radius:5px; padding:26px 25px 22px; background-color:rgba(255,255,255,0.90); box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .feature-block-two .inner-box .icon-box{ position:relative; width:40px; height:40px; color:#80c32f; font-size:20px; margin:0 auto; line-height:40px; text-align:center; margin-bottom:12px; border-radius:4px; border:2px solid #80c32f; background-color:#ffffff; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .feature-block-two .inner-box:hover .icon-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .feature-block-two .inner-box h6{ position:relative; font-weight:500; line-height:1.2em; margin-bottom:6px; } .feature-block-two .inner-box h6 a{ position:relative; color:#243559; font-size:16px; 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; } .feature-block-two .inner-box h6 a:hover{ color:#80c32f; } .feature-block-two .inner-box .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.6em; } /*** ==================================================================== Story Section ==================================================================== ***/ .story-section{ position:relative; overflow:hidden; padding:90px 0px 60px; background-color:#243559; } .story-section .pattern-layer{ position:absolute; left:0px; top:0px; width:661px; height:100%; background-size:cover; background-repeat:no-repeat; } .story-section .pattern-layer-two{ position:absolute; right:0px; top:0px; width:661px; height:100%; background-size:cover; background-repeat:no-repeat; } .story-section .content-column{ position:relative; margin-bottom:30px; } .story-section .content-column .inner-column{ position:relative; } .story-section .content-column .inner-column .title{ position:relative; color:#dce4f0; font-size:20px; font-weight:500; padding-bottom:15px; text-transform:uppercase; } .story-section .content-column .inner-column .title:before{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:2px; background-color:#80c32f; } .story-section .content-column .inner-column h2{ position:relative; font-weight:700; color:#dce4f0; line-height:1.2em; margin-top:15px; margin-bottom:15px; } .story-section .content-column .inner-column h2 span{ position:relative; color:#80c32f; } .story-section .content-column .inner-column p{ position:relative; color:#dce4f0; font-size:16px; line-height:1.7em; margin-bottom:20px; } .story-section .content-column .inner-column .btn-box{ position:relative; margin-top:25px; } /* Fact Counter */ .fact-counter-two{ position:relative; z-index:1; } .fact-counter-two .column{ position:relative; margin-bottom:30px; } .fact-counter-two .column .inner{ position:relative; text-align:center; } .fact-counter-two .column .inner .content{ position:relative; } .fact-counter-two .column .inner .icon{ position:relative; color:#80c32f; font-size:60px; text-align:center; line-height:41px; font-weight: 400; margin-bottom:25px; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .fact-counter-two .column .inner:hover .icon{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .fact-counter-two .count-outer .percentage{ position:relative; font-weight:600; color:#dce4f0; font-size:30px; line-height:1em; } .fact-counter-two .column .inner .count-outer{ position:relative; font-weight:600; color:#dce4f0; font-size:48px; line-height:1em; font-family: 'Cabin', sans-serif; } .fact-counter-two .column .inner .counter-title{ position:relative; color:#dce4f0; font-size:18px; font-weight:400; margin-top:8px; } /*** ==================================================================== Goal Section ==================================================================== ***/ .goal-section{ position:relative; padding:120px 0px 60px; background-color:#f5f8ff; } .goal-section .content-column{ position:relative; margin-bottom:30px; } .goal-section .content-column .inner-column{ position:relative; z-index:1; margin-right:-140px; padding:25px 25px 25px; border-radius:15px; margin-top:-30px; background-color:#ffffff; box-shadow:0px 0px 20px rgba(0,0,0,0.10); } .goal-section .content-column .inner-column .title{ position:relative; color:#243559; font-size:20px; font-weight:500; padding-left:40px; text-transform:uppercase; } .goal-section .content-column .inner-column .title:before{ position:absolute; content:''; left:0px; top:10px; width:32px; height:2px; background-color:#80c32f; } .goal-section .content-column h2{ position:relative; color:#243559; font-weight:700; line-height:1.1em; margin-top:10px; margin-bottom:15px; } .goal-section .content-column h2 span{ position:relative; color:#80c32f; } .goal-section .content-column .inner-column p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; } .goal-section .content-column .button-box{ position:relative; margin-top:20px; } .goal-section .image-column{ position:relative; margin-bottom:30px; } .goal-section .image-column .inner-column{ position:relative; margin-left:-30px; } .goal-section .image-column .image{ position:relative; border-radius:15px; overflow:hidden; } .goal-section .image-column .image img{ position:relative; width:100%; display:block; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:100px 0px 50px; background-color:#f5f8ff; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:40px; } /* Faq Page Section */ .faq-page-section{ position:relative; } .faq-page-section .title-box{ position:relative; margin-bottom:20px; } .faq-page-section .title-box .title{ position:relative; color:#243559; font-size:16px; padding-left:40px; } .faq-page-section .title-box .title:before{ position:absolute; content:''; left:0px; top:9px; height:3px; width:30px; background-color:#80c32f; } .faq-page-section .title-box h2{ position:relative; color:#243559; font-weight:700; } .faq-page-section .title-box h2 span{ color:#80c32f; } .faq-page-section h3{ position:relative; color:#243559; font-size:30px; font-weight:700; line-height:1.2em; margin-bottom:15px; } .faq-page-section p{ position:relative; color:#7683a3; font-size:16px; font-weight:400; line-height:1.7em; margin-bottom:20px; } /*** ==================================================================== Accordion Style ==================================================================== ***/ .accordion-box{ position:relative; } .accordion-box .block{ position: relative; margin-bottom:15px; border-radius:5px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .accordion-box .block.active-block{ border-color:#ff0022; } .accordion-box .block .acc-btn{ position:relative; font-size:16px; cursor:pointer; line-height:34px; color:#222222; font-weight:500; background:none; border-radius:5px; padding:12px 50px 12px 30px; transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } .accordion-box .block .acc-btn.active{ background-color:#243559; color:#ffffff; font-weight:700; border-radius:5px 5px 0px 0px; } .accordion-box .block .icon-outer{ position:absolute; right:15px; top:15px; width:30px; height:30px; font-size:20px; color: #243559; border-radius:0px 8px 8px 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; } .accordion-box .block .icon-outer .icon{ position: absolute; right: 0px; width:30px; height:30px; color:#243559; font-size: 14px; text-align: center; line-height:30px; border-radius:50%; } .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:#ffffff; } .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 .content-text{ padding-bottom:6px; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ position:relative; font-size:16px; color:#7683a3; line-height:1.8em; padding:22px 30px 20px 30px; background-color:#ffffff; border-radius:0px 0px 5px 5px; } .accordion-box .block .content .accordian-text{ line-height:1.9em; font-size:16px; color:#555555; font-weight:600; } .accordion-box .block .content p:last-child{ margin-bottom:0px; } .sticky-top{ z-index:1; top:90px; } /* Faq Table Widget */ .faq-table-widget{ position:relative; margin-bottom:30px; } .faq-table-widget .widget-content{ position:relative; padding:25px 25px 20px; border-radius:5px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .faq-table-widget .widget-content h4{ position:relative; padding-left:42px; color:#243559; font-size:20px; font-weight:500; margin-bottom:15px; } .faq-table-widget .widget-content h4:before{ position:absolute; content:''; left:0px; top:15px; width:30px; height:2px; background-color:#80c32f; } .faq-table-widget .widget-content .list-style-one li{ color:#7683a3; font-size:14px; font-weight:400; } /* Faq Table Widget */ .faq-statistics-widget{ position:relative; margin-bottom:30px; } .faq-statistics-widget .widget-content{ position:relative; padding:25px 25px 28px; border-radius:5px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .faq-statistics-widget .widget-content h4{ position:relative; padding-left:42px; color:#243559; font-weight:500; margin-bottom:15px; } .faq-statistics-widget .widget-content h4:before{ position:absolute; content:''; left:0px; top:17px; width:30px; height:2px; background-color:#80c32f; } .faq-statistics-widget .widget-content .statistics-list li{ position:relative; color:#243559; font-size:14px; font-weight:500; padding-left:30px; margin-bottom:12px; font-family: 'Cabin', sans-serif; } .faq-statistics-widget .widget-content .statistics-list li span{ position:relative; font-weight:400; color:#7683a3; } .faq-statistics-widget .widget-content .statistics-list li:before{ position:absolute; left:0px; top:3px; color:#80c32f; font-size:16px; line-height:1em; font-weight:300; content: "\f18e"; font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .faq-statistics-widget .widget-content .statistics-list li:last-child{ margin-bottom:0px; } /* Faq Policy Widget */ .faq-policy-widget{ position:relative; margin-bottom:30px; } .faq-policy-widget .widget-content{ position:relative; padding:25px 25px 28px; border-radius:5px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .faq-policy-widget .widget-content h4{ position:relative; padding-left:42px; color:#243559; font-weight:500; margin-bottom:15px; } .faq-policy-widget .widget-content h4:before{ position:absolute; content:''; left:0px; top:17px; width:30px; height:2px; background-color:#80c32f; } .faq-policy-widget .widget-content .text{ position:relative; color:#7683a3; font-size:14px; line-height:1.8em; } /* Faq Contact Widget */ .faq-contact-widget{ position:relative; margin-bottom:30px; } .faq-contact-widget .widget-content{ position:relative; border-radius:5px; overflow:hidden; background-size:cover; padding:25px 25px 28px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .faq-contact-widget .widget-content:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(36,53,89,0.83); } .faq-contact-widget .widget-content h4{ position:relative; padding-left:42px; color:#ffffff; font-weight:500; margin-bottom:15px; } .faq-contact-widget .widget-content h4:before{ position:absolute; content:''; left:0px; top:17px; width:30px; height:2px; background-color:#80c32f; } /* Faq Widget Form */ .faq-widget-form{ position:relative; } .faq-widget-form .form-group{ position:relative; margin-bottom:25px; } .faq-widget-form .form-group .icon{ position:absolute; right:20px; top:20px; color:#ffffff; font-size:16px; line-height:1em; z-index:1; font-weight:400; } .faq-widget-form .form-group:last-child{ margin-bottom:0px; } .faq-widget-form .form-group input[type="text"], .faq-widget-form .form-group input[type="tel"], .faq-widget-form .form-group input[type="email"], .faq-widget-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#ffffff; height:55px; font-size:14px; background:none; font-weight:400; border-radius:3px; border:2px solid #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; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .faq-widget-form .form-group input[type="text"]:focus, .faq-widget-form .form-group input[type="tel"]:focus, .faq-widget-form .form-group input[type="email"]:focus, .faq-widget-form .form-group textarea:focus{ border-color:#80c32f; } .faq-widget-form input::placeholder, .faq-widget-form textarea::placeholder{ color:#ffffff; } .faq-widget-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:160px; background:#ffffff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .faq-widget-form button{ position:relative; width:110px; height:35px; color:#243559; margin-top:5px; font-size:14px; font-weight:500; border-radius:50px; background-color:#ffffff; } .faq-widget-form button .arrow{ position:relative; top:2px; font-size:22px; margin-left:5px; } /*** ==================================================================== Price Page Section ==================================================================== ***/ .price-page-section{ position:relative; padding:100px 0px 70px; background-color:#f5f8ff; } .price-block{ position:relative; margin-bottom:40px; } .price-block .inner-box{ position:relative; padding:0px 40px; text-align:center; } .price-block .inner-box:before{ position:absolute; content:''; left:0px; top:30px; right:0px; bottom:16px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .price-block .inner-box .icon-box{ position:relative; width:60px; height:60px; color:#80c32f; font-size:28px; border-radius:10px; text-align:center; line-height:56px; margin-bottom:35px; display:inline-block; border:2px solid #80c32f; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box .icon-box span{ position:relative; } .price-block .inner-box .icon-box:before{ position:absolute; content:''; left:50%; bottom:-12px; width:6px; height:12px; margin-left:-3px; background-color:#80c32f; border-radius:0px 0px 3px 3px; } .price-block .inner-box:hover .icon-box{ background-color:#80c32f; color:#ffffff; } .price-block .inner-box .price-box{ position:relative; width:100%; margin:0 auto; max-width:200px; padding:20px 20px; border-radius:10px; margin-bottom:25px; background-color:#243559; } .price-block .inner-box .price-box .title{ position:relative; color:#80c32f; font-size:24px; font-weight:600; font-family: 'Cabin', sans-serif; } .price-block .inner-box .price-box .price{ position:relative; color:#ffffff; font-size:40px; font-weight:500; line-height:1em; margin-top:20px; } .price-block .inner-box .price-box .price span{ position:relative; display:block; font-size:30px; font-weight:400; } .price-block .inner-box h6{ position:relative; color:#243559; font-size:18px; font-weight:400; margin-bottom:18px; } .price-block .inner-box .price-list{ position:relative; } .price-block .inner-box .price-list li{ position:relative; color:#7683a3; font-size:14px; padding-left:30px; margin-bottom:10px; text-align:left; } .price-block .inner-box .price-list li:before{ position:absolute; left:0px; top:3px; color:#80c32f; font-size:16px; line-height:1em; font-weight:300; content: "\f18e"; font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .price-block .inner-box .lower-box{ position:relative; padding-top:20px; } .price-block .inner-box .lower-box .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:-2px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box .lower-box .arrow:before{ position:absolute; content:''; left:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box:hover .arrow:before{ left:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .price-block .inner-box .lower-box .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .price-block .inner-box .lower-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box:hover .arrow{ border-radius:50px; } .price-block .inner-box:hover .arrow .txt{ opacity:1; } .price-block .inner-box .lower-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .price-block .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .price-block .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } /*** ==================================================================== Search Result Section ==================================================================== ***/ .search-result-section{ position:relative; padding:100px 0px 70px; background-color:#f5f8ff; } .search-result-block{ position:relative; } .search-result-block .inner-box{ position:relative; color:#243559; border-radius:15px; padding:32px 20px 36px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .search-result-block .inner-box .title{ position:relative; padding-left:40px; text-transform:uppercase; } .search-result-block .inner-box .title:before{ position:absolute; content:''; left:0px; top:10px; height:2px; width:28px; background-color:#80c32f; } .search-result-block .inner-box h2{ position:relative; font-weight:700; color:#243559; line-height:1.2em; margin-top:15px; margin-bottom:25px; } .search-result-block .inner-box h2 span{ position:relative; color:#80c32f; } .search-result-block .inner-box .tags{ position:relative; margin-bottom:20px; } .search-result-block .inner-box .tags li{ position:relative; margin-right:8px; margin-bottom:10px; display:inline-block; } .search-result-block .inner-box .tags li a{ position:relative; color:#243559; font-size:14px; padding:4px 10px; border-radius:3px; display:inline-block; border:2px solid #243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .search-result-block .inner-box .tags li a:hover{ border-radius:50px; color:#ffffff; background-color:#243559; } /*Search Box Widget*/ .search-result-block .inner-box .search-box{ margin-top:15px; } .search-result-block .inner-box .search-box .form-group{ position:relative; margin:0px; } .search-result-block .inner-box .search-box .form-group input[type="text"], .search-result-block .inner-box .search-box .form-group input[type="search"]{ position:relative; line-height:36px; padding:10px 50px 10px 20px; background:none; display:block; font-size:14px; width:100%; height:50px; color:#243559; 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 10px rgba(0,0,0,0.10); } .search-result-block .inner-box .search-box .form-group button{ position:absolute; right:0px; top:0px; height:50px; width:50px; cursor:pointer; display:block; font-size:20px; color:#333333; line-height:100%; border-radius:5px; font-weight:normal; background:#ffffff; border:2px solid #243559; } /*** ==================================================================== Login Section ==================================================================== ***/ .login-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } .login-section .inner-container{ position:relative; border-radius:10px; max-width:970px; margin:0 auto; padding:50px 30px 50px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .login-section .inner-container .title-box{ position:relative; text-align:center; margin-bottom:25px; } .login-section .inner-container .title-box .title{ position:relative; color:#243559; font-size:14px; font-weight:500; padding-bottom:10px; text-transform:uppercase; } .login-section .inner-container .title-box .title:before{ position:absolute; content:''; left:50%; bottom:0px; width:30px; height:2px; margin-left:-15px; background-color:#80c32f; } .login-section .inner-container .title-box h2{ position:relative; color:#243559; font-weight:700; line-height:1.3em; margin-top:15px; } .login-section .inner-container .title-box h2 span{ position:relative; color:#80c32f; } .login-section .inner-container .styled-form{ max-width:620px; margin:0 auto; } /* Styled Form */ .styled-form{ position:relative; } .styled-form .form-group{ position:relative; margin-bottom:25px; } .styled-form .form-group .icon{ position:absolute; right:20px; top:15px; z-index:1; color:#7683a3; font-size:16px; line-height:1em; } .styled-form .form-group input{ position:relative; height:50px; padding:6px 30px; width:100%; color:#7683a3; font-size:16px; border-radius:5px; 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:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.07); } .styled-form .form-group input:focus{ border-color:#ff6262; } .styled-form .form-group textarea{ position:relative; height:150px; width:100%; resize:none; padding:15px 15px; border-radius:50px; border:1px solid #f2f2f2; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .styled-form .form-group .users{ position:relative; color:#7683a3; font-size:16px; text-align:center; margin-top:40px; } .styled-form .form-group .users a{ position:relative; color:#243559; font-weight:500; } .styled-form .form-group .forgot{ position:relative; margin-top:8px; color:#243559; display:inline-block; } .styled-form .form-group .or{ position:relative; font-size:18px; color:#243559; text-align:center; } .styled-form .form-group .btns-box{ text-align:center; } .styled-form .form-group .btns-box a{ position:relative; color:#243559; font-size:16px; margin:0px 10px; padding:12px 26px; border-radius:7px; display:inline-block; border:2px solid #243559; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .styled-form .form-group .btns-box a .social-icon{ position:relative; margin-right:10px; } .styled-form .form-group .btns-box a:hover{ background-color:#80c32f; border-color:#80c32f; color:#ffffff; } /* CheckBox */ .styled-form .form-group .check-box{ position:relative; margin-bottom:3px; margin-top:7px; } .styled-form .form-group .check-box label{ position: relative; display: block; width: 100%; line-height: 22px; padding: 2px 10px 0px; padding-left: 25px; background: #ffffff; font-size: 14px; font-weight: 400; color: #7683a3; cursor: pointer; margin-bottom: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .styled-form .form-group .check-box label a{ position:relative; font-weight:700; color:#009b72; } .styled-form .form-group .check-box input[type="checkbox"]:checked + label{ border-color: #25a9e0; } .styled-form .form-group .form-group .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer; } .styled-form .form-group .check-box label:before{ position: absolute; left: 0; top: 4px; height:15px; width: 15px; background: #ffffff; content: ""; border-radius: 3px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:1px solid #7683a3; } .styled-form .form-group .check-box label:after { position: absolute; left: 0px; top: 0; height: 15px; line-height: 15px; max-width: 0; font-size: 14px; color: #ffffff; font-weight: 800; overflow: hidden; background: transparent; text-align: center; font-family: 'FontAwesome'; -webkit-transition: max-width 500ms ease; -moz-transition: max-width 500ms ease; -ms-transition: max-width 500ms ease; -o-transition: max-width 500ms ease; transition: max-width 500ms ease; } .styled-form .form-group .check-box input[type="checkbox"] { display: none; } .styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{ border: 5px solid #80c32f; background: #ffffff; } .styled-form .form-group .check-box input[type="checkbox"]:checked + label:after { max-width: 20px; opacity: 1; } .login-section .inner-container .styled-form.style-two{ max-width:840px; } .styled-form.style-two .form-group .icon{ right:35px; } /*** ==================================================================== Team Page Section ==================================================================== ***/ .team-page-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .team-page-section .styled-pagination{ margin-top:30px; } .styled-pagination{ position:relative; } .styled-pagination li{ position:relative; display:inline-block; margin:0px 8px 8px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:40px; height:40px; font-size:16px; min-width:40px; color:#243559; font-weight:400; text-align:center; background:#f5f8ff; border:2px solid #243559; 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; } .styled-pagination li.prev a, .styled-pagination li.next a{ top:1px; color:#243559; font-size:22px; width:60px; line-height:36px; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#ffffff; border-color:#243559; background-color:#243559; } /*** ==================================================================== Team Detail Section ==================================================================== ***/ .team-detail-section{ position:relative; padding:100px 0px 70px; background-color:#f5f8ff; } .team-detail-section .info-column{ position:relative; } .team-detail-section .info-column .inner-column{ position:relative; } /* Profile Box */ .profile-box{ position:relative; margin-bottom:30px; } .profile-box .box-inner{ position:relative; padding:20px 20px; border-radius:10px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .profile-box .box-inner .image{ position:relative; border-radius:10px; overflow:hidden; } .profile-box .box-inner .image img{ position:relative; width:100%; display:block; } .profile-box .box-inner .lower-box{ position:relative; padding-top:20px; } .profile-box .box-inner .lower-box h3{ position:relative; color:#243559; font-weight:500; line-height:1.3em; } .profile-box .box-inner .lower-box .designation{ position:relative; color:#80c32f; font-size:16px; margin-top:5px; margin-bottom:20px; } .profile-box .box-inner .lower-box .profile-list{ position:relative; } .profile-box .box-inner .lower-box .profile-list li{ position:relative; color:#7683a3; font-size:16px; margin-bottom:8px; } .profile-box .box-inner .lower-box .profile-list li span{ position:relative; color:#243559; font-size:16px; font-weight:500; margin-right:15px; display:inline-block; } .profile-box .box-inner .lower-box .profile-list li a{ position:relative; color:#7683a3; font-size:16px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .profile-box .box-inner .lower-box .profile-list li a:hover{ color:#80c32f; } .profile-box .box-inner .lower-box .social-box{ position:relative; margin-top:30px; } .profile-box .box-inner .lower-box .social-box li{ position:relative; margin-right:8px; display:inline-block; } .profile-box .box-inner .lower-box .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .profile-box .box-inner .lower-box .social-box li.twitter a{ background-color:#31ade1; } .profile-box .box-inner .lower-box .social-box li.linkedin a{ background-color:#0f72aa; } .profile-box .box-inner .lower-box .social-box li.instagram a{ background-color:#db2f4f; } /* Team Contact Widget */ .team-contact-widget{ position:relative; margin-bottom:30px; } .team-contact-widget .widget-content{ position:relative; border-radius:5px; overflow:hidden; background-size:cover; padding:25px 25px 28px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .team-contact-widget .widget-content h4{ position:relative; padding-left:42px; color:#243559; font-weight:500; margin-bottom:15px; } .team-contact-widget .widget-content h4:before{ position:absolute; content:''; left:0px; top:17px; width:30px; height:2px; background-color:#80c32f; } /* Team Widget Form */ .team-widget-form{ position:relative; } .team-widget-form .form-group{ position:relative; margin-bottom:25px; } .team-widget-form .form-group .icon{ position:absolute; right:20px; top:20px; color:#243559; font-size:16px; line-height:1em; z-index:1; font-weight:400; } .team-widget-form .form-group:last-child{ margin-bottom:0px; } .team-widget-form .form-group input[type="text"], .team-widget-form .form-group input[type="tel"], .team-widget-form .form-group input[type="email"], .team-widget-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#243559; height:55px; font-size:14px; background:#f5f8ff; font-weight:400; border-radius:3px; border:2px solid #eef3ff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .team-widget-form .form-group input[type="text"]:focus, .team-widget-form .form-group input[type="tel"]:focus, .team-widget-form .form-group input[type="email"]:focus, .team-widget-form .form-group textarea:focus{ border-color:#80c32f; } .team-widget-form input::placeholder, .team-widget-form textarea::placeholder{ color:#7683a3; } .team-widget-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:160px; background:#ffffff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .team-widget-form button{ position:relative; width:110px; height:40px; color:#ffffff; margin-top:0px; font-size:14px; font-weight:500; border-radius:50px; background-color:#243559; } .team-widget-form button .arrow{ position:relative; top:2px; font-size:22px; margin-left:5px; } .team-detail-section .content-column{ position:relative; } .team-detail-section .content-column .inner-column{ position:relative; } .team-detail-section .content-column h4{ position:relative; color:#243559; font-weight:500; padding-left:35px; margin-bottom:15px; } .team-detail-section .content-column h4:before{ position:absolute; content:''; left:0px; top:16px; width:25px; height:2px; background-color:#80c32f; } .team-detail-section .content-column p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-bottom:15px; } .team-detail-section .content-column .list-style-one{ margin-bottom:20px; } .skills{ position:relative; margin-bottom:25px; } .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%; height:10px; overflow:hidden; border-radius:50px; } .skills .skill-item .skill-bar .bar-inner{ position:relative; width:100%; height:10px; background:#243559; } .skills .skill-item .skill-bar .bar-inner .bar{ position:absolute; left:0px; top:0px; height:10px; width:0px; border-right:3px solid #f5f8ff; background-color:#80c32f; -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-header{ position:relative; margin-bottom:8px; } .skills .skill-item .skill-header .skill-title{ position:relative; float:left; color:#243559; font-size:16px; font-weight:500; line-height:1.4em; text-transform:capitalize; } .skills .skill-item .skill-header .skill-percentage{ position:relative; float:right; font-weight:500; color:#7683a3; font-size:16px; text-transform:uppercase; } .skills .skill-item .skill-bar .bar-inner{ background-color:#687076; } .skills.style-two .skill-item .skill-bar .bar-inner .bar{ background-color:#f71735; } /*** ==================================================================== Services Page Section ==================================================================== ***/ .services-page-section{ position:relative; padding:100px 0px 60px; background-color:#e9eef7; } .service-detail{ position:relative; } .service-detail .inner-box{ position:relative; } .service-detail .inner-box .image{ position:relative; border-radius:25px; overflow:hidden; } .service-detail .inner-box .image img{ position:relative; width:100%; display:block; } .service-detail .inner-box .lower-content{ position:relative; padding-top:30px; } .service-detail .inner-box .lower-content h3{ position:relative; color:#243559; font-weight:700; line-height:1.2em; margin-bottom:15px; } .service-detail .inner-box .lower-content p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; } .service-detail .inner-box .lower-content blockquote{ position:relative; color:#243559; font-weight:500; font-size:18px; line-height:1.7em; padding-left:28px; border-left:2px solid #243559; } .service-detail .inner-box .lower-content blockquote:before{ position:absolute; content:''; left:-2px; top:50%; width:2px; height:30px; margin-top:-15px; background-color:#80c32f; } .service-detail .inner-box .lower-content blockquote .author{ position:relative; color:#7683a3; font-size:14px; font-weight:500; display:block; margin-top:16px; padding-left:35px; line-height:1em; } .service-detail .inner-box .lower-content blockquote .author:before{ position:absolute; content:''; left:0px; top:4px; width:25px; height:2px; background-color:#80c32f; } .service-detail .inner-box .lower-content blockquote .quote-icon{ position:absolute; right:80px; top:25px; opacity:0.15; color:#243559; font-size:80px; line-height:1em; } .service-detail .inner-box .lower-content .two-column{ position:relative; margin-top:45px; margin-bottom:30px; } .feature-block-three{ position:relative; margin-bottom:30px; } .feature-block-three .feature-inner{ position:relative; padding:20px 20px; border-radius:8px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .feature-block-three .feature-inner .upper-box{ position:relative; padding-left:60px; padding-top:7px; } .feature-block-three .feature-inner .upper-box .icon{ position:absolute; left:0px; top:0px; width:40px; height:40px; color:#80c32f; font-size:20px; text-align:center; line-height:36px; border-radius:5px; display:inline-block; border:2px solid #80c32f; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .feature-block-three .feature-inner:hover .upper-box .icon{ background-color:#80c32f; color:#ffffff; } .feature-block-three .feature-inner .upper-box h6{ position:relative; color:#243559; font-size:16px; font-weight:500; } .feature-block-three .feature-inner .feature-text{ position:relative; color:#7683a3; font-size:14px; line-height:1.8em; margin-top:25px; } /* Feature Block Four */ .feature-block-four{ position:relative; margin-bottom:30px; } .feature-block-four .feature-inner{ position:relative; padding:30px 25px; border-radius:8px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .feature-block-four .feature-inner .content{ position:relative; padding-left:100px; } .feature-block-four .feature-inner .content .icon{ position:absolute; left:0px; top:0px; width:80px; height:80px; color:#80c32f; font-size:40px; text-align:center; line-height:76px; border-radius:5px; display:inline-block; border:2px solid #80c32f; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .feature-block-four .feature-inner:hover .upper-box .icon{ background-color:#80c32f; color:#ffffff; } .feature-block-four .feature-inner .content h6{ position:relative; color:#243559; font-size:16px; font-weight:500; } .feature-block-four .feature-inner .content .feature-text{ position:relative; color:#7683a3; font-size:14px; line-height:1.8em; margin-top:5px; } .more-posts{ position:relative; padding:25px 25px; border-radius:8px; background-color:#ffffff; } .more-posts .prev-post{ position:relative; padding-left:55px; color:#80c32f; font-size:14px; display:inline-block; } .more-posts .prev-post .arrow{ position:absolute; left:0px; top:6px; width:40px; height:40px; color:#243559; font-size:22px; line-height:38px; text-align:center; border-radius:6px; display:inline-block; border:1px solid #243559; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .more-posts .prev-post i{ position:relative; font-style:normal; color:#243559; font-size:18px; font-weight:600; margin-top:4px; display:block; } .more-posts .prev-post:hover .arrow{ color:#ffffff; border-radius:50px; background-color:#243559; } .more-posts .next-post{ position:relative; padding-right:55px; color:#80c32f; font-size:14px; text-align:right; display:inline-block; } .more-posts .next-post .arrow{ position:absolute; right:0px; top:6px; width:40px; height:40px; color:#243559; font-size:22px; line-height:38px; text-align:center; border-radius:6px; display:inline-block; border:1px solid #243559; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .more-posts .next-post i{ position:relative; font-style:normal; color:#243559; font-size:18px; font-weight:600; margin-top:4px; display:block; } .more-posts .next-post:hover .arrow{ color:#ffffff; border-radius:50px; background-color:#243559; } .sidebar-widget{ position:relative; margin-bottom:30px; } .sidebar-widget .widget-content{ position:relative; padding:25px 20px; border-radius:6px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } /* Sidebar Title */ .sidebar-title{ position:relative; margin-bottom:12px; } .sidebar-title h5{ position:relative; padding-left:42px; color:#243559; font-size:20px; font-weight:500; } .sidebar-title h5:before{ position:absolute; content:''; left:0px; top:15px; width:30px; height:2px; background-color:#80c32f; } /* Blog Cat */ .blog-cat{ position:relative; } .blog-cat li{ position:relative; margin-bottom:18px; } .blog-cat li a{ position:relative; color:#243559; font-size:14px; padding:12px 22px; display:block; z-index:1; 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; box-shadow:0px 0px 15px rgba(0,0,0,0.08); } .blog-cat li a:after{ position:absolute; content:'\f105'; font-family: 'FontAwesome'; right:0px; top:0px; width:47px; height:47px; color:#243559; font-size:22px; line-height:43px; text-align:center; border-radius:6px; display:inline-block; border:1px solid #243559; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .blog-cat li.active a, .blog-cat li a:hover{ border-radius:50px; } .blog-cat li a:hover::after{ color:#ffffff; border-radius:50px; background-color:#243559; } .blog-cat li:last-child a{ border-bottom:0px; } .blog-cat li:last-child{ margin-bottom:0px; } .company-widget .text{ position:relative; color:#7683a3; font-size:14px; line-height:1.8em; margin-bottom:18px; } /* Broucher Box */ .broucher-box{ position:relative; padding:12px 22px; border-radius:6px; overflow:hidden; margin-bottom:20px; 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.10); } .broucher-box .overlay-link{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; z-index:1; } .broucher-box .broucher-inner{ position:relative; font-size:16px; color:#1b4962; 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; } .broucher-box .broucher-inner .download-icon{ position:absolute; right:-5px; top:2px; color:#222222; font-size:16px; line-height:1em; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .broucher-box:hover{ border-color:#fe982f; } .broucher-box:hover{ color:#ffffff; background-color:#243559; } .broucher-box:hover .broucher-inner .download-icon, .broucher-box:hover .broucher-inner{ color:#ffffff; } .broucher-box:last-child{ margin-bottom:0px; } /* Area Post */ .area-post{ position:relative; margin-bottom:30px; } .area-post:last-child{ margin-bottom:0px; } .area-post .post-inner{ position:relative; } .area-post .post-inner .image{ position:relative; overflow:hidden; border-radius:15px; } .area-post .post-inner .image img{ position:relative; width:100%; display:block; } .area-post .post-inner .lower-box{ position:relative; padding-top:18px; } .area-post .post-inner .lower-box h6{ position:relative; line-height:1.5em; font-weight:500; margin-bottom:14px; } .area-post .post-inner .lower-box h6 a{ position:relative; color:#243559; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .area-post .post-inner .lower-box h6 a:hover{ color:#80c32f; } .area-post .post-inner .lower-box .arrow{ position:relative; width:70px; height:35px; color:#243559; font-size:24px; line-height:31px; border-radius:4px; text-align:center; display:inline-block; border:2px solid #243559; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .area-post .post-inner .lower-box .arrow:hover{ background-color:#243559; color:#ffffff; } /*** ==================================================================== Cases Page Section ==================================================================== ***/ .cases-page-section{ position:relative; padding:100px 0px 100px; background-color:#e9eef7; } .cases-page-section .styled-pagination{ position:relative; margin-top:30px; } .case-block-two{ position:relative; margin-bottom:40px; } .case-block-two .inner-box{ position:relative; border-radius:15px; padding-left:295px; min-height:252px; background-color:#ffffff; } .case-block-two .inner-box .image{ position:absolute; left:0px; top:0px; width:276px; overflow:hidden; border-radius:15px 0px 0px 15px; } .case-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .case-block-two .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-color:rgba(36,53,89,0.80); } .case-block-two .inner-box:hover .overlay-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .case-block-two .inner-box .image .overlay-box .search-icon{ position:absolute; left:50%; top:50%; width:50px; height:50px; color:#ffffff; z-index:1; font-weight:400; font-size:20px; text-align:center; line-height:48px; margin-left:-25px; margin-top:-25px; border-radius:5px; display:inline-block; border:1px solid #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; } .case-block-two .inner-box .image .overlay-box .search-icon:hover{ background-color:#80c32f; color:#ffffff; border-color:#80c32f; } .case-block-two .inner-box .content{ position:relative; min-height:252px; padding:20px 22px 0px 0px; } .case-block-two .inner-box .content .category{ position:relative; color:#80c32f; font-size:12px; font-weight:500; text-transform:uppercase; } .case-block-two .inner-box .content h4{ position:relative; font-weight:700; line-height:1.3em; margin-bottom:12px; margin-top:5px; } .case-block-two .inner-box .content h4 a{ position:relative; color:#243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .case-block-two .inner-box .content h4 a:hover{ color:#80c32f; } .case-block-two .inner-box .content .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.6em; } .case-block-two .inner-box .content .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:0px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block-two .inner-box .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block-two .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .case-block-two .inner-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block-two .inner-box:hover .arrow{ border-radius:50px; } .case-block-two .inner-box:hover .arrow .txt{ opacity:1; } .case-block-two .inner-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-block-two .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .case-block-two .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } .case-block-two .inner-box .content .lower-box{ position:absolute; left:0px; bottom:-17px; } /* Case Detail */ .case-detail{ position:relative; } .case-detail .inner-box{ position:relative; } .case-detail .inner-box .image{ position:relative; border-radius:25px; overflow:hidden; } .case-detail .inner-box .image img{ position:relative; width:100%; display:block; } .case-detail .inner-box .lower-content{ position:relative; padding-top:30px; } .case-detail .inner-box .lower-content h3{ position:relative; color:#243559; font-weight:700; line-height:1.2em; margin-bottom:15px; } .case-detail .inner-box .lower-content p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; } .case-detail .inner-box .lower-content .date-box{ position:relative; margin-bottom:30px; } .case-detail .inner-box .lower-content .date-box .box-inner{ position:relative; border-radius:5px; padding:15px 15px; text-align:center; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .case-detail .inner-box .lower-content .date-box .box-inner h6{ position:relative; color:#243559; font-size:18px; font-weight:500; } .case-detail .inner-box .lower-content .date-box .box-inner .date-text{ position:relative; color:#7683a3; font-size:14px; margin-top:3px; } .case-detail .inner-box .lower-content h4{ position:relative; color:#243559; font-weight:500; padding-left:35px; line-height:1.2em; margin-bottom:20px; } .case-detail .inner-box .lower-content h4:before{ position:absolute; content:''; left:0px; top:12px; width:25px; height:2px; background-color:#80c32f; } .case-detail .inner-box .lower-content .project-info-box{ position:relative; border-radius:5px; margin-bottom:30px; padding:25px 25px 0px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .case-detail .inner-box .lower-content .project-info-box .project-info{ position:relative; padding-left:40px; color:#7683a3; font-size:14px; min-height:30px; padding-top:3px; margin-bottom:30px; } .case-detail .inner-box .lower-content .project-info-box .project-info .icon{ position:absolute; left:0px; top:0px; width:30px; height:30px; color:#80c32f; border-radius:5px; line-height:28px; text-align:center; display:inline-block; border:1px solid #80c32f; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .case-detail .inner-box .lower-content .project-info-box .project-info strong{ position:relative; color:#243559; font-size:16px; font-weight:500; margin-right:10px; font-family: 'Cabin', sans-serif; } .case-detail .inner-box .lower-content .project-info-box .project-info:hover .icon{ color:#ffffff; background-color:#80c32f; } .case-detail .inner-box .lower-content .list-style-one{ margin-bottom:25px; } .case-detail .inner-box .lower-content .two-column{ position:relative; margin-bottom:30px; } .case-detail .inner-box .lower-content .chart-image{ position:relative; margin-bottom:30px; } .case-detail .inner-box .lower-content .chart-image img{ position:relative; width:100%; display:block; } /*** ==================================================================== Career Page Section ==================================================================== ***/ .career-page-section{ position:relative; padding:100px 0px 100px; background-color:#e9eef7; } .career-block{ position:relative; margin-bottom:45px; } .career-block .inner-box{ position:relative; border-radius:7px; padding:22px 22px 30px; background-color:#ffffff; } .career-block .inner-box .number{ position:absolute; right:20px; bottom:40px; opacity:0.10; color:#243559; font-size:80px; font-weight:600; font-family: 'Cabin', sans-serif; } .career-block .inner-box .title{ position:relative; color:#ffffff; font-size:14px; font-weight:500; padding:4px 12px; border-radius:3px; display:inline-block; background-color:#80c32f; } .career-block .inner-box h4{ position:relative; font-weight:600; line-height:1.3em; margin-top:15px; } .career-block .inner-box h4 a{ position:relative; color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .career-block .inner-box h4 a:hover{ color:#80c32f; } .career-block .inner-box .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.6em; margin-top:10px; margin-bottom:12px; } .career-block .inner-box .career-list{ position:relative; } .career-block .inner-box .career-list li{ position:relative; color:#7683a3; margin-bottom:4px; } .career-block .inner-box .career-list li span{ position:relative; color:#243559; font-size:16px; font-weight:500; margin-right:6px; } .career-block .inner-box .lower-box .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:0px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .career-block .inner-box .lower-box .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .career-block .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .career-block .inner-box .lower-box .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .career-block .inner-box:hover .arrow{ border-radius:50px; } .career-block .inner-box:hover .arrow .txt{ opacity:1; } .career-block .inner-box .lower-box .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .career-block .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .career-block .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } .career-block .inner-box .lower-box{ position:absolute; left:22px; bottom:-17px; } /* Career Detail */ .career-detail{ position:relative; } .career-detail .inner-box{ position:relative; } .career-detail .inner-box h4{ position:relative; color:#243559; font-weight:500; padding-left:35px; line-height:1.2em; margin-bottom:20px; } .career-detail .inner-box h4:before{ position:absolute; content:''; left:0px; top:12px; width:25px; height:2px; background-color:#80c32f; } .career-detail .inner-box p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; } /*** ==================================================================== Career Tabs Style ==================================================================== ***/ .career-tabs{ position:relative; margin-top:30px; margin-bottom:30px; } .career-tabs .tab-btns{ position:relative; margin-bottom:20px; } .career-tabs .tab-btns .tab-btn{ position:relative; display:block; margin-right:8px; font-size:18px; background:none; color:#7683a3; font-weight:500; cursor:pointer; border-radius:6px; margin-bottom:12px; display:inline-block; padding:12px 40px 12px; background-color:#ffffff; transition:all 500ms ease; text-transform:capitalize; font-family: 'Cabin', sans-serif; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .career-tabs .tab-btns .tab-btn:hover, .career-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; background:#243559; } .career-tabs .tabs-content{ position:relative; } .career-tabs .tabs-content .tab{ position:relative; display:none; } .career-tabs .tabs-content .tab.active-tab{ display:block; } .career-tabs .tabs-content .content{ position:relative; overflow:hidden; background-color:#ffffff; border-radius:10px 10px 0px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .career-tabs .tabs-content .content .title{ position:relative; color:#ffffff; font-size:16px; font-weight:500; padding:12px 20px; background-color:#243559; } .career-tabs .tabs-content .content .content-inner{ position:relative; padding:20px 20px; } .career-tabs .tabs-content .content .content-inner h5{ position:relative; color:#243559; font-size:20px; font-weight:600; margin-bottom:15px; } /**********************************************/ .gallery-tabs{ position:relative; margin-top:30px; margin-bottom:30px; } .gallery-tabs .tab-btns{ position:relative; margin-bottom:20px; } .gallery-tabs .tab-btns .tab-btn{ position:relative; display:block; margin-right:8px; font-size:18px; background:none; color:#7683a3; font-weight:500; cursor:pointer; border-radius:6px; margin-bottom:12px; display:inline-block; padding:12px 40px 12px; background-color:#ffffff; transition:all 500ms ease; text-transform:capitalize; font-family: 'Cabin', sans-serif; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .gallery-tabs .tab-btns .tab-btn:hover, .gallery-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; background:#243559; } .gallery-tabs .tabs-content{ position:relative; } .gallery-tabs .tabs-content .tab{ position:relative; display:none; } .gallery-tabs .tabs-content .tab.active-tab{ display:block; } .gallery-tabs .tabs-content .content{ position:relative; overflow:hidden; background-color:#ffffff; border-radius:10px 10px 0px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .gallery-tabs .tabs-content .content .title{ position:relative; color:#ffffff; font-size:16px; font-weight:500; padding:12px 20px; background-color:#243559; } .gallery-tabs .tabs-content .content .content-inner{ position:relative; padding:20px 20px; } .gallery-tabs .tabs-content .content .content-inner h5{ position:relative; color:#243559; font-size:20px; font-weight:600; margin-bottom:15px; } .career-detail .inner-box .accordion-box{ position:relative; margin-bottom:30px; } .contact-form{ position:relative; } .contact-form .form-group{ position:relative; margin-bottom:20px; } .contact-form .form-group span{ position:relative; color:#243559; font-size:20px; font-weight:400; font-family: 'Cabin', sans-serif; } .contact-form .form-group input[type="text"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 24px; color:#7683a3; height:55px; font-size:16px; background:#ffffff; border-radius:8px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group textarea:focus{ border-color:#f73e23; } .contact-form .form-group input[type="file"]{ display:none; } .contact-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:22px 24px; color:#555555; height:180px; background:#ffffff; border-radius:8px; resize:none; 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; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .input_files{ border-radius: 10px; padding: 20px 25px; background: #fff; color: #7683a3; font-size: 16px; transition: box-shadow .3s ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .input_files { cursor: pointer; width: 100%; height: 55px; padding: 0 25px; line-height: 55px; color: #838aa6; display: block; position: relative; } .input_files i { position: absolute; top: 50%; right: 20px; font-size:22px; transform: translateY(-50%); } .contact-form .form-group .theme-btn{ position:relative; } .contact-form input::placeholder, .contact-form textarea::placeholder{ color:#7683a3; } .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:12px; color:#ff0000; font-weight:500; } .contact-form .form-group h4{ position:relative; font-size:21px; color:#161616; font-weight:500; margin-top:20px; margin-bottom:25px; } .contact-form .form-group .submit-btn{ position:relative; color:#ffffff; font-size:18px; font-weight:500; border-radius:5px; display:inline-block; padding:14px 30px 14px; background-color:#243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .contact-form .form-group .submit-btn .arrow{ position:relative; font-style:normal; font-size:24px; top:3px; margin-left:5px; } .contact-form .form-group .submit-btn:hover{ border-radius:50px; background-color:#80c32f; } .d-none{ display:none; } .contact-form .form-group > span{ display:block; margin-bottom:15px; } .contact-form .subjects { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .subjects { display: inline-block; position: relative; padding-left: 38px; cursor: pointer; display: inline-block; } .subjects::before { position: absolute; content: ''; width: 20px; height: 20px; border-radius: 5px; box-shadow: inset 0 0 0 2px #80c32f; left: 0; top: 2px; } .subjects::after { position: absolute; content: "\f186"; font-family: "Flaticon"; font-size: 22px; color: #161616; top: -2px; left: 4px; display: none; } [id^="subject-"]:checked + .subjects::after {display: block;} .subjects > span { font-size: 18px; color: #161616; display: inline-block; } /*** ==================================================================== Timeline Section ==================================================================== ***/ .timeline-section{ position:relative; padding:20px 0px 100px; background-color:#f5f8ff; } .timeline-section .inner-container{ position:relative; } .timeline-section .inner-container:before{ position:absolute; content:''; left:50%; top:0px; width:2px; height:100%; margin-left:-1px; background-color:#d6dbe6; } .timeline-section .inner-container .history-block:nth-child(2n + 1) .inner-box{ max-width:555px; float:right; } .timeline-section .inner-container .history-block:nth-child(2n + 0) .inner-box{ max-width:555px; float:left; } .timeline-section .inner-container .history-block:nth-child(2n + 0) .inner-box .year{ right:-180px; left:auto; } .timeline-section .inner-container .history-block:nth-child(2n + 0) .inner-box .year:before{ left:auto; right:100%; } .timeline-section .inner-container .history-block:nth-child(2n + 0) .inner-box .year:after{ left:auto; right:167%; } .history-block{ position:relative; } .history-block .inner-box{ position:relative; padding:25px 25px; border-radius:7px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .history-block .inner-box .year{ position:absolute; left:-180px; top:110px; width:90px; height:38px; color:#80c32f; font-size:20px; font-weight:500; line-height:34px; text-align:center; border-radius:7px; display:inline-block; border:2px solid #80c32f; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .history-block .inner-box:hover .year{ color:#ffffff; background-color:#80c32f; } .history-block .inner-box .year:before{ position:absolute; content:''; left:100%; top:17px; width:60px; height:2px; background-color:#80c32f; } .history-block .inner-box .year:after{ position:absolute; content:''; left:167%; top:13px; width:10px; height:10px; border-radius:50px; display:inline-block; background-color:#80c32f; } .history-block .inner-box .content{ position:relative; } .history-block .inner-box .content h4{ position:relative; color:#243559; font-weight:600; line-height:1.3em; } .history-block .inner-box .content .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-top:12px; margin-bottom:15px; } .history-block .inner-box .content .arrow{ position:relative; width:70px; height:35px; color:#243559; border-radius:6px; line-height:31px; font-size:26px; text-align:center; display:inline-block; border:2px solid #243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .history-block .inner-box .content .arrow:hover{ color:#ffffff; background-color:#243559; } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .contact-page-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; background-position:center top; background-repeat:no-repeat; } .contact-info-block{ position:relative; margin-bottom:30px; } .contact-info-block .inner-box{ position:relative; text-align:center; padding-bottom:20px; } .contact-info-block .inner-box .color-layer{ position:absolute; left:0px; top:30px; right:0px; bottom:0px; overflow:hidden; border-radius:20px; background-color:#ffffff; } .contact-info-block .inner-box .icon-box{ position:relative; width:60px; height:60px; color:#80c32f; font-size:28px; border-radius:10px; text-align:center; line-height:56px; margin-bottom:25px; display:inline-block; border:2px solid #80c32f; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .contact-info-block .inner-box .icon-box span{ position:relative; } .contact-info-block .inner-box .icon-box:before{ position:absolute; content:''; left:50%; bottom:-12px; width:6px; height:12px; margin-left:-3px; background-color:#80c32f; border-radius:0px 0px 3px 3px; } .contact-info-block .inner-box:hover .icon-box{ background-color:#80c32f; color:#ffffff; } .contact-info-block .inner-box h6{ position:relative; font-weight:600; color:#243559; line-height:1.3em; margin-bottom:14px; } .contact-info-block .inner-box ul{ position:relative; } .contact-info-block .inner-box ul li{ position:relative; margin-bottom:6px; } .contact-info-block .inner-box ul li span{ position:relative; color:#80c32f; font-size:16px; font-weight:600; font-family: 'Cabin', sans-serif; } .contact-info-block .inner-box ul li a{ position:relative; color:#7683a3; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .contact-info-block .inner-box ul li a:hover{ color:#80c32f; } .contact-page-section .lower-section{ position:relative; padding:40px 30px; border-radius:15px; margin-top:30px; background-color:#ffffff; } .contact-page-section .lower-section .content-column{ position:relative; margin-bottom:30px; } .contact-page-section .lower-section .content-column .sec-title{ margin-bottom:15px; } .contact-page-section .lower-section .content-column .inner-column{ position:relative; } .contact-page-section .lower-section .content-column .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-bottom:40px; } .contact-page-section .lower-section .content-column .social-box{ position:relative; } .contact-page-section .lower-section .content-column .social-box li{ position:relative; margin:0px 3px; display:inline-block; } .contact-page-section .lower-section .content-column .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .contact-page-section .lower-section .content-column .social-box li.twitter a{ background-color:#31ade1; } .contact-page-section .lower-section .content-column .social-box li.linkedin a{ background-color:#0f72aa; } .contact-page-section .lower-section .content-column .social-box li.instagram a{ background-color:#db2f4f; } .contact-page-section .lower-section .form-column{ position:relative; margin-bottom:30px; } .contact-page-section .lower-section .form-column .inner-column{ position:relative; } /* Contact Form */ .contact-page-form{ position:relative; } .contact-page-form .form-group{ position:relative; margin-bottom:20px; } .contact-page-form .form-group .icon{ position:absolute; right:30px; top:20px; color:#243559; font-size:16px; line-height:1em; z-index:1; font-weight:400; } .contact-page-form .form-group:last-child{ margin-bottom:0px; } .contact-page-form .form-group input[type="text"], .contact-page-form .form-group input[type="tel"], .contact-page-form .form-group input[type="email"], .contact-page-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#111111; height:55px; font-size:14px; background:#f5f8ff; font-weight:400; border-radius:3px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .contact-page-form .form-group input[type="text"]:focus, .contact-page-form .form-group input[type="tel"]:focus, .contact-page-form .form-group input[type="email"]:focus, .contact-page-form .form-group textarea:focus{ border-color:#80c32f; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .contact-page-form input::placeholder, .contact-page-form textarea::placeholder{ color:#243559; } .contact-page-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:100px; background:#f5f8ff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .contact-page-form button{ position:relative; color:#ffffff; margin-top:5px; font-size:14px; font-weight:500; padding:10px 25px; border-radius:50px; background-color:#243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .contact-page-form button .arrow{ position:relative; top:2px; color:#ffffff; font-size:22px; margin-left:5px; } .contact-page-form button:hover{ background-color:#80c32f; } .contact-page-form input.error, .contact-page-form select.error, .contact-page-form textarea.error{ border-color:#ff0000 !important; } .contact-page-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:12px; color:#ff0000; font-weight:500; } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .blog-page-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } .blog-page-section .styled-pagination{ margin-top:40px; } /* 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 15px; border:1px solid #92a0bb; background:#f5f5f5; display:block; font-size:14px; width:100%; height:46px; color:#243559; 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; } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:46px; width:46px; cursor:pointer; display:block; font-size:16px; color:#ffffff; line-height:100%; font-weight:normal; background:#243559; border-radius:0px 5px 5px 0px; } .category-list{ position:relative; } .category-list li{ position:relative; padding-left:25px; margin-bottom:12px; } .category-list li:before{ position:absolute; left:0px; top:4px; color:#80c32f; font-size:14px; line-height:1em; font-weight:300; content: "\f18e"; font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .category-list li a{ position:relative; color:#7683a3; font-size:16px; font-weight:400; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .category-list li a:hover{ color:#80c32f; } .category-list li:last-child{ margin-bottom:0px; } /* Post Widget */ .popular-posts .post{ position:relative; font-size:14px; color:#666666; min-height:66px; padding-left:85px; margin-bottom:15px; } .popular-posts .post:last-child{ margin-bottom:0px; } .popular-posts .post .post-thumb{ position:absolute; left:0px; top:4px; width:65px; height:65px; overflow:hidden; border-radius:6px; } .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:500; color:#243559; line-height:1.5em; text-transform:capitalize; } .popular-posts .post .text a{ color:#243559; 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:#80c32f; } .popular-posts .post-info{ position:relative; font-size:14px; color:#7683a3; font-weight:400; margin-bottom:1px; } /* Gallery Widget */ .gallery-widget .gallery-outer{ position:relative; margin: 0px -5px 0px; } .gallery-widget .gallery-outer .image{ position:relative; float:left; border-radius:6px; width: 33.333333333%; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; overflow: hidden; } .gallery-widget .gallery-outer .image img{ display:block; width:100%; } /* Popular Tags */ .sidebar .popular-tags a{ position:relative; display:inline-block; line-height:24px; padding:6px 15px 5px; margin:0px 6px 8px 0px; color:#243559; text-align:center; font-size:14px; background:#ffffff; font-weight:400; border-radius:4px; border:2px solid #243559; text-transform:capitalize; 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:#243559; color:#ffffff; border-radius:50px; } .blog-classic .styled-pagination{ margin-top:80px; } /* News Block Two */ .news-block-two{ position:relative; margin-bottom:50px; } .news-block-two .inner-box{ position:relative; border-radius:20px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-two .inner-box .image{ position:relative; padding:20px 20px; overflow:hidden; background-color:#ffffff; border-bottom:2px solid #f5f8ff; border-radius:20px 20px 0px 0px; } .news-block-two .inner-box .image img{ position:relative; width:100%; display:block; background-color:#80c32f; 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 img{ opacity:0.6; } .news-block-two .inner-box .lower-content{ position:relative; padding:22px 25px 0px; background-color:#ffffff; border-radius:0px 0px 20px 20px; } .news-block-two .inner-box .lower-content .post-date{ position:absolute; right:30px; top:-45px; width:60px; height:70px; color:#ffffff; font-size:30px; line-height:1em; font-weight:700; padding-top:8px; text-align:center; border-radius:12px; background-color:#80c32f; text-transform:uppercase; } .news-block-two .inner-box .lower-content .post-date span{ position:relative; display:block; font-size:16px; } .news-block-two .inner-box .category{ position:absolute; left:45px; top:45px; z-index:1; color:#ffffff; font-size:11px; font-weight:500; letter-spacing:1px; border-radius:5px; padding:2px 12px; text-transform:uppercase; background-color:#80c32f; } .news-block-two .inner-box .lower-content .post-info{ position:relative; } .news-block-two .inner-box .lower-content .post-info li{ position:relative; line-height:1em; margin-right:10px; padding-right:10px; display:inline-block; border-right:1px solid #243559; } .news-block-two .inner-box .lower-content .post-info li a{ position:relative; padding-left:25px; color:#80c32f; } .news-block-two .inner-box .lower-content .post-info li a .icon{ position:absolute; left:0px; top:0px; line-height:1em; color:#243559; } .news-block-two .inner-box .lower-content .post-info li:last-child{ padding-right:0px; margin-right:0px; border:0px; } .news-block-two .inner-box .lower-content h3{ position:relative; font-weight:700; line-height:1.4em; font-size:36px; margin-top:6px; } .news-block-two .inner-box .lower-content h3 a{ position:relative; color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box .lower-content h3 a:hover{ color:#80c32f; } .news-block-two .inner-box .lower-content .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-top:10px; } .news-block-two .inner-box .lower-content .arrow{ position:relative; /* height:35px; */ color:#243559; font-size:28px; bottom:0px; padding-right:20px; /* line-height:31px; */ border-radius:5px; margin-bottom:-2px; display:inline-block; padding:7px 20px 1px 1px; border:2px solid #243559; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box .lower-content .arrow:after{ position:absolute; content:''; right:0px; top:50%; height:2px; width:50px; opacity:0; margin-top:-1px; background-color:#243559; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box:hover .arrow:after{ right:-50px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .news-block-two .inner-box .lower-content .arrow .txt{ position:relative; font-size:17px; top:-5px; opacity:0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box:hover .arrow{ border-radius:50px; } .news-block-two .inner-box:hover .arrow .txt{ opacity:1; } .news-block-two .inner-box .lower-content .arrow .arrow-icon{ position:relative; margin-left:-18px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-two .inner-box:hover .arrow .arrow-icon{ margin-left:8px; } .news-block-two .inner-box:hover .arrow{ color:#ffffff; padding-left:15px; background-color:#243559; } .news-block-two .inner-box .lower-content .lower-arrows{ position:relative; top:16px; } /*** ==================================================================== Blog Masonry Section ==================================================================== ***/ .blog-masonry-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } .blog-masonry-section .styled-pagination{ margin-top:30px; } /* News Detail */ .news-detail{ position:relative; } .news-detail.style-two{ padding:100px 0px 100px; background-color:#f5f8ff; } .news-detail .inner-box{ position:relative; } .news-detail .inner-box .image{ position:relative; border-radius:15px; overflow:hidden; } .news-detail .inner-box .image img{ position:relative; width:100%; display:block; background-color:#80c32f; 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-detail .inner-box:hover .image img{ opacity:0.6; } .news-detail .inner-box .lower-content{ position:relative; padding:22px 0px 0px; border-radius:0px 0px 20px 20px; } .news-detail .inner-box .lower-content .post-date{ position:absolute; right:30px; top:-45px; width:60px; height:70px; color:#ffffff; font-size:30px; line-height:1em; font-weight:700; padding-top:8px; text-align:center; border-radius:12px; background-color:#80c32f; text-transform:uppercase; } .news-detail .inner-box .lower-content .post-date span{ position:relative; display:block; font-size:16px; } .news-detail .inner-box .category{ position:absolute; left:25px; top:25px; z-index:1; color:#ffffff; font-size:11px; font-weight:500; letter-spacing:1px; border-radius:5px; padding:2px 12px; text-transform:uppercase; background-color:#80c32f; } .news-detail .inner-box .lower-content .post-info{ position:relative; } .news-detail .inner-box .lower-content .post-info li{ position:relative; line-height:1em; padding-left:25px; color:#80c32f; margin-right:10px; padding-right:10px; display:inline-block; border-right:1px solid #243559; } .news-detail .inner-box .lower-content .post-info li .icon{ position:absolute; left:0px; top:0px; line-height:1em; color:#243559; } .news-detail .inner-box .lower-content .post-info li:last-child{ padding-right:0px; margin-right:0px; border:0px; } .news-detail .inner-box .lower-content h2{ position:relative; font-weight:700; line-height:1.4em; font-size:36px; margin-top:6px; color:#243559; } .news-detail .inner-box .lower-content p{ position:relative; color:#7683a3; font-size:16px; line-height:1.7em; margin-top:10px; } .news-detail .inner-box .lower-content blockquote{ position:relative; color:#243559; font-weight:500; font-size:18px; line-height:1.7em; padding-left:28px; margin-bottom:25px; border-left:2px solid #243559; } .news-detail .inner-box .lower-content blockquote:before{ position:absolute; content:''; left:-2px; top:50%; width:2px; height:30px; margin-top:-15px; background-color:#80c32f; } .news-detail .inner-box .lower-content blockquote .author{ position:relative; color:#7683a3; font-size:14px; font-weight:500; display:block; margin-top:16px; padding-left:35px; line-height:1em; } .news-detail .inner-box .lower-content blockquote .author:before{ position:absolute; content:''; left:0px; top:4px; width:25px; height:2px; background-color:#80c32f; } .news-detail .inner-box .lower-content blockquote .quote-icon{ position:absolute; right:80px; top:25px; opacity:0.15; color:#243559; font-size:80px; line-height:1em; } .news-detail .inner-box .lower-content .two-column{ position:relative; margin-top:25px; margin-bottom:30px; } .news-detail .inner-box .lower-content h4{ position:relative; color:#243559; font-size:24px; font-weight:500; margin-bottom:14px; } /* Video Box */ .video-box{ position:relative; margin-bottom:25px; } .video-box .video-image{ position:relative; margin:0px; overflow:hidden; border-radius:10px; } .video-box .video-image img{ position:relative; width:100%; z-index:3; } .video-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; border-radius:10px; 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:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:10; border-radius:10px; background-color:rgba(36,53,89,0.60); } .video-box .overlay-box span{ position: absolute; width:80px; height: 80px; left:50%; top: 50%; z-index:10; color: #ffffff; font-weight:400; font-size:22px; text-align: center; padding-left:4px; display: inline-block; margin-top: -40px; margin-left:-40px; line-height:80px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color:#80c32f; } .video-box .ripple, .video-box .ripple:before, .video-box .ripple:after { position: absolute; top: 50%; left: 50%; width:80px; height: 80px; -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(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .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; } .video-box .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .video-box .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(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);} } @keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);} } /* Post Share Options */ .news-detail .post-share-options{ position:relative; margin-top: 40px; border-radius:5px; margin-bottom:40px; padding:25px 20px 20px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.07); } .news-detail .post-share-options .tags a{ position:relative; color:#80c32f; font-size:16px; font-weight:400; line-height: 1em; margin-right: 6px; display: inline-block; 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; } .news-detail .post-share-options .tags a:last-child{ margin-right: 0px; } .news-detail .post-share-options .tags{ position:relative; color:#243559; font-size:18px; font-weight:500; margin-top:7px; } .news-detail .post-share-options .tags a:hover{ color:#243559; } .news-detail .post-share-options .social-box{ position:relative; } .news-detail .post-share-options .social-box .share{ position:relative; display:block; color:#243559; font-size:18px; font-weight:600; display:inline-block; margin-bottom:10px; font-family: 'Cabin', sans-serif; } .news-detail .post-share-options .social-box li{ position:relative; margin-right:6px; display:inline-block; } .news-detail .post-share-options .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .news-detail .post-share-options .social-box li.twitter a{ background-color:#31ade1; } .news-detail .post-share-options .social-box li.linkedin a{ background-color:#0f72aa; } .news-detail .post-share-options .social-box li.instagram a{ background-color:#db2f4f; } .news-detail h3{ position:relative; color:#243559; font-size:24px; font-weight:500; padding-left:35px; line-height:1.3em; } .news-detail h3:before{ position:absolute; content:''; left:0px; top:12px; width:25px; height:2px; background-color:#80c32f; } /* Author Box */ .blog-author-box{ position:relative; margin-top:20px; padding:20px 25px; border-radius:7px; margin-bottom: 55px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .blog-author-box .author-inner{ position:relative; padding-left: 90px; } .blog-author-box .thumb{ position:absolute; left:0px; top:0px; height: 70px; width: 70px; overflow: hidden; border-radius:5px; } .blog-author-box .thumb img{ display: block; width: 100%; height: auto; } .blog-author-box .name{ position: relative; display: block; line-height: 24px; color: #243559; font-weight: 700; margin-bottom: 5px; display:inline-block; } .blog-author-box .name span{ position:relative; color:#80c32f; font-size:14px; font-weight:400; display:block; } .blog-author-box .text{ position: relative; display: block; font-size: 14px; line-height: 30px; color: #7683a3; font-weight: 400; margin-bottom: 18px; line-height:1.8em; margin-top:3px; } .blog-author-box .social-box{ position:relative; } .blog-author-box .social-box .share{ position:relative; display:block; color:#243559; font-size:18px; font-weight:600; display:block; margin-bottom:10px; font-family: 'Cabin', sans-serif; } .blog-author-box .social-box li{ position:relative; margin-right:6px; display:inline-block; } .blog-author-box .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .blog-author-box .social-box li.twitter a{ background-color:#31ade1; } .blog-author-box .social-box li.linkedin a{ background-color:#0f72aa; } .blog-author-box .social-box li.instagram a{ background-color:#db2f4f; } /*** ==================================================================== Comments Area ==================================================================== ***/ .comments-area{ position:relative; margin-top:60px; margin-bottom:50px; } .comments-area .group-title{ position:relative; margin-bottom:25px; } .comments-area .comment-box{ position:relative; padding:20px 20px 20px; margin-bottom:30px; border-radius:7px; -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:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .comments-area .comment-box:last-child{ margin-bottom:0px; } .comments-area .comment{ position:relative; font-size:14px; padding:5px 0px 0px 85px; } .comments-area .reply-comment{ margin-left:90px; } .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:65px; border-radius:0px; margin-bottom:20px; overflow:hidden; } .comments-area .comment-box .author-thumb img{ width:100%; display:block; } .comments-area .comment-info{ margin-bottom:10px; } .comments-area .comment-box strong{ font-size:18px; font-weight:500; color:#243559; display:block; line-height:1.3em; display:block; text-transform:capitalize; } .comments-area .comment-box .text{ position:relative; color:#7683a3; font-size:14px; line-height:1.9em; margin-bottom:15px; padding-top:0px; } .comments-area .comment-info .comment-time{ font-size:13px; color:#80c32f; margin-top:4px; display:block; font-weight:400; } .comments-area .comment-option{ position:relative; } .comments-area .comment-option .comment-option{ position:relative; } .comments-area .comment-option li{ position:relative; margin-right:15px; line-height:1.1em; padding-right:15px; display:inline-block; border-right:1px solid #243559; } .comments-area .comment-option li a{ position:relative; color:#80c32f; font-size:14px; padding-left:25px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comments-area .comment-option li a .icon{ position:absolute; left:0px; top:1px; color:#243559; } .comments-area .comment-option li:last-child{ margin-right:0px; padding-right:0px; border-right:0px; } .comments-area .comment-option li a:hover{ color:#243559; } .comments-area .comment-box .theme-btn:hover{ background-color:#222222; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form .group-title .comment-text{ position:relative; color:#7683a3; font-size:14px; margin-top:12px; } /* Comment Form */ .comment-form{ position:relative; } .comment-form .group-title{ margin-bottom:25px; } .comment-form .form-group{ position:relative; margin-bottom:20px; } .comment-form .form-group .icon{ position:absolute; right:30px; top:20px; color:#7986a5; font-size:16px; line-height:1em; z-index:1; font-weight:400; } .comment-form .form-group:last-child{ margin-bottom:0px; } .comment-form .form-group input[type="text"], .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:28px; padding:10px 20px; color:#111111; height:55px; font-size:14px; background:#ffffff; font-weight:400; border-radius:3px; border:1px solid transparent; -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="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group textarea:focus{ border-color:#80c32f; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .comment-form input::placeholder, .comment-form textarea::placeholder{ color:#243559; } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:150px; background:#ffffff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -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 button{ position:relative; color:#ffffff; margin-top:5px; font-size:18px; font-weight:500; padding:10px 25px; border-radius:50px; background-color:#243559; -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 button .arrow{ position:relative; top:2px; color:#ffffff; font-size:22px; margin-left:5px; } .comment-form button:hover{ background-color:#80c32f; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; text-align:center; padding:130px 0px 140px; background-color:#f5f8ff; } .error-section .image{ position:relative; margin-bottom:35px; } .error-section h4{ position:relative; color:#7683a3; font-weight:500; text-transform:uppercase; } .error-section .text{ position:relative; color:#243559; font-size:18px; font-weight:400; margin-top:15px; margin-bottom:25px; } .error-section .or{ position:relative; margin-top:10px; color:#243559; font-size:18px; margin-top:22px; margin-bottom:22px; } /*Search Box Widget*/ .error-section .search-box{ position:relative; max-width:310px; width:300%; margin:0 auto; } .error-section .search-box .form-group{ position:relative; margin:0px; } .error-section .search-box .form-group input[type="text"], .error-section .search-box .form-group input[type="search"]{ position:relative; line-height:43px; padding:10px 50px 10px 25px; background:#ffffff; display:block; font-size:14px; width:100%; height:50px; color:#000000; border-radius:5px; 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 10px rgba(0,0,0,0.05); } .error-section .search-box .form-group button{ position:absolute; right:0px; top:0px; height:50px; width:60px; display:block; font-size:16px; color:#cacfdb; cursor:pointer; border-radius:0px 5px 5px 0px; line-height:100%; font-weight:normal; background:none; } /*** ==================================================================== Account Page Section ==================================================================== ***/ .account-page-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } .account-page-section .inner-container{ position:relative; border-radius:10px; padding:60px 30px 30px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.07); } .account-page-section .title-box{ position:relative; margin-bottom:25px; } .account-page-section .title-box .title{ position:relative; color:#243559; font-size:14px; font-weight:500; padding-bottom:10px; text-transform:uppercase; } .account-page-section .title-box .title:before{ position:absolute; content:''; left:0px; bottom:0px; width:30px; height:2px; background-color:#80c32f; } .account-page-section .title-box h2{ position:relative; color:#243559; font-weight:700; line-height:1.3em; margin-top:15px; } /*** ==================================================================== Shop Page Section ==================================================================== ***/ .shop-page-section{ position:relative; padding:100px 0px 100px; background-color:#f5f8ff; } .shop-page-section .styled-pagination{ margin-top:10px; } /*Shop Item*/ .shop-item{ position:relative; margin-bottom:40px; } .shop-item .inner-box{ position:relative; overflow:hidden; border-radius:10px 10px 0px 0px; 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; } .shop-item .inner-box:hover .image .overlay-box{ opacity:1; } .shop-item .inner-box .image{ position:relative; text-align:center; background-color:#f8f8f8; } .shop-item .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; background-color:rgba(36,53,89,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; } .shop-item .inner-box .image .overlay-box .cart-option{ position:relative; top:50%; margin-top:-25px; } .shop-item .inner-box .image .overlay-box .cart-option li{ position:relative; margin:0px 3px; color:#fbb908; display:inline-block; } .shop-item .inner-box .image .overlay-box .cart-option li a{ position:relative; width: 40px; height: 40px; color:#ffffff; font-size:18px; display:block; font-size: 16px; margin-bottom: 8px; line-height: 38px; display: inline-block; border: 1px 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; } .shop-item .inner-box .image .overlay-box .cart-option li a:hover{ color:#243559; border-radius:50px; border-color:#243559; background-color:#ffffff; } .shop-item .inner-box .image img{ width:100%; display:inline-block; } .shop-item .inner-box .lower-content{ position:relative; z-index:11; text-align:center; padding:20px 0px 0px; } .shop-item .inner-box .lower-content:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:20px; background-color:#ffffff; border-radius:0px 0px 8px 8px; } .shop-item .inner-box .lower-content h6{ position:relative; font-weight:500; margin-bottom:8px; } .shop-item .inner-box .lower-content h6 a{ position:relative; color:#243559; 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; } .shop-item .inner-box .lower-content h3 a:hover{ color:#80c32f; } .shop-item .inner-box .lower-content .price{ position:relative; color:#80c32f; font-size:16px; font-weight:500; margin-bottom:8px; } .shop-item .inner-box .lower-content .price .discount{ position:relative; color:#1b4962; font-size:14px; margin-right:8px; text-decoration:line-through; } .shop-item .inner-box .lower-content .rating .fa{ position:relative; display:inline-block; font-size:14px; color:#7683a3; } .shop-item .inner-box .lower-content .cart-btn{ position:relative; color:#243559; font-weight:400; padding:8px 18px 6px; margin-top:12px; border-radius:6px; display:inline-block; background-color:#ffffff; border:2px solid #243559; 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; } .shop-item .inner-box .lower-content .cart-btn .icon{ position:relative; margin-right:8px; } .shop-item .inner-box .lower-content .cart-btn:hover{ color:#ffffff; background-color:#243559; } /*Shop Item*/ .shop-item-two{ position:relative; margin-bottom:40px; } .shop-item-two .inner-box{ position:relative; overflow:hidden; padding-left:385px; background-color:#ffffff; border-radius:10px; 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 12px rgba(0,0,0,0.10); } .shop-item-two .inner-box:hover .image .overlay-box{ opacity:1; } .shop-item-two .inner-box .image{ position:absolute; left:0px; top:0px; width:360px; text-align:center; background-color:#f8f8f8; } .shop-item-two .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; background-color:rgba(36,53,89,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; } .shop-item-two .inner-box .image .overlay-box .cart-option{ position:relative; top:50%; margin-top:-25px; } .shop-item-two .inner-box .image .overlay-box .cart-option li{ position:relative; margin:0px 3px; color:#fbb908; display:inline-block; } .shop-item-two .inner-box .image .overlay-box .cart-option li a{ position:relative; width: 40px; height: 40px; color:#ffffff; font-size:18px; display:block; font-size: 16px; margin-bottom: 8px; line-height: 38px; display: inline-block; border: 1px 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; } .shop-item-two .inner-box .image .overlay-box .cart-option li a:hover{ color:#243559; border-radius:50px; border-color:#243559; background-color:#ffffff; } .shop-item-two .inner-box .image img{ width:100%; display:inline-block; } .shop-item-two .inner-box .content{ position:relative; z-index:11; padding:10px 20px 10px 0px; } .shop-item-two .inner-box .content h6{ position:relative; font-weight:500; margin-bottom:6px; } .shop-item-two .inner-box .content h6 a{ position:relative; color:#243559; 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; } .shop-item-two .inner-box .content h3 a:hover{ color:#80c32f; } .shop-item-two .inner-box .content .price{ position:relative; color:#80c32f; font-size:16px; font-weight:500; margin-bottom:6px; } .shop-item-two .inner-box .content .price .discount{ position:relative; color:#1b4962; font-size:14px; margin-right:8px; text-decoration:line-through; } .shop-item-two .inner-box .content .text{ position:relative; color:#7683a3; font-size:16px; line-height:1.6em; margin-bottom:3px; } .shop-item-two .inner-box .content .cart-btn{ position:relative; color:#243559; font-weight:400; padding:8px 18px 6px; margin-top:12px; border-radius:6px; display:inline-block; background-color:#ffffff; border:2px solid #243559; 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; } .shop-item-two .inner-box .content .cart-btn .icon{ position:relative; margin-right:8px; } .shop-item-two .inner-box .content .cart-btn:hover{ color:#ffffff; background-color:#243559; } /*** ==================================================================== Shop Detail Section ==================================================================== ***/ .shop-detail-section{ position:relative; padding:95px 0px 100px; background-color:#f5f8ff; } .product-details .basic-details{ position:relative; margin-bottom:5px; } .product-details .image-column .image-carousel{ background-color:#eeeeee; border-radius:10px; overflow:hidden; } .product-details .image-column .image-carousel{ } .product-details .image-column, .product-details .info-column{ margin-bottom:40px; } .product-details .info-column .add-to-cart{ position:relative; float:left; padding:12px 28px; font-size:16px; color:#ffffff; border-radius:50px; margin-bottom:10px; margin-right:10px; background-color:#243559; } .product-details .info-column .add-to-cart .icon{ position:relative; margin-left:10px; display:inline-block; } .product-details .image-column .image-box img{ position:relative; display:block; width:100%; } .product-details .image-column .thumbs-carousel{ margin-top:25px; padding-left:50px; padding-right:50px; } .product-details .image-column .thumbs-carousel li{ text-align:center; cursor:pointer; overflow:hidden; border-radius:7px; } .product-details .image-column .thumbs-carousel li img{ width:100%; max-width:100%; display:inline-block; } .product-details .image-column .thumbs-carousel .owl-nav{ position:absolute; left:0px; top:50%; right:0px; margin-top:-15px; } .product-details .image-column .thumbs-carousel .owl-nav .owl-prev{ position:relative; width:30px; height:30px; color:#243559; font-size:16px; line-height:26px; text-align:center; border-radius:2px; display:inline-block; border:1px solid #243559; 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; } .product-details .image-column .thumbs-carousel .owl-nav .owl-next{ position:absolute; right:0px; width:30px; height:30px; color:#243559; font-size:16px; line-height:26px; text-align:center; border-radius:2px; display:inline-block; border:1px solid #243559; 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; } .product-details .image-column .thumbs-carousel .owl-nav .owl-prev:hover, .product-details .image-column .thumbs-carousel .owl-nav .owl-next:hover{ background-color:#243559; color:#ffffff; border-radius:50px; } .product-details .basic-details .details-header{ position:relative; margin-bottom:0px; } .product-details .basic-details .details-header h3{ font-weight:700; margin:0px 0px; line-height:1.4em; color:#243559; margin-bottom:15px; } .product-details .basic-details .details-header h3 a{ color:#333333; } .quantity-spinner{ position:relative; display:block; width:132px; } .product-details .quantity-spinner{ margin-bottom:20px; float:left; margin-right:20px; } .quantity-spinner input{ position:relative; display:block; width:45px; line-height:24px; padding:9px 10px; margin:0px 44px; font-weight:500; height:42px; border:1px solid #e0e0e0; text-align:center; border-radius:2px; } .quantity-spinner .minus{ position:absolute; left:0px; top:0px; width:45px; height:42px; line-height:22px; padding:10px 10px; text-align:center; background:#ffffff; font-weight:400; color:#555555; font-size:16px; cursor:pointer; border:1px solid #e0e0e0; z-index:1; } .quantity-spinner .plus{ position:absolute; right:0px; top:0px; width:45px; height:42px; cursor:pointer; line-height:22px; padding:10px 10px; text-align:center; font-weight:400; background:#ffffff; color:#555555; font-size:16px; border:1px solid #e0e0e0; z-index:1; } .product-details .basic-details .details-header .rating{ font-size:16px; margin-bottom:10px; display:inline-block; } .product-details .basic-details .details-header .rating span{ color:#f9a109; } .product-details .basic-details .details-header .rating .fa{ display:inline-block; margin-right:1px; } .product-details .basic-details .details-header .rating .fa.light{ color:#7683a3; } .product-details .basic-details .details-header .item-price{ position:relative; color:#80c32f; font-size:28px; font-weight:600; margin-top:15px; text-decoration:inherit; } .product-details .basic-details .details-header .item-price span{ position:relative; font-size:22px; font-weight:600; color:#243559; line-height:24px; letter-spacing:1px; text-decoration:line-through; } .product-details .basic-details .details-header .reviews{ position:relative; margin-left:10px; display:inline-block; } .product-details .basic-details .details-header .reviews a{ position:relative; color:#7683a3; font-size:14px; } .product-details .basic-details .stock-list{ position:relative; margin-top:20px; } .product-details .basic-details .stock-list li{ position:relative; color:#7683a3; font-size:14px; margin-bottom:8px; } .product-details .basic-details .stock-list li span{ position:relative; color:#243559; font-size:16px; font-weight:500; } .product-details .basic-details .stock-list li:last-child{ margin-bottom:0px; } .product-details .basic-details .text{ margin-bottom:15px; color:#7683a3; font-size:14px; line-height:1.8em; margin-top:15px; } .product-details .basic-details .availablity{ position:relative; float:left; padding-right:40px; line-height:32px; margin-bottom:27px; font-size:13px; font-weight:500; letter-spacing:1px; color:#777777; } .product-details .basic-details .availablity strong{ font-size:14px; letter-spacing:2px; color:#f7542b; font-weight:600; text-transform:uppercase; } .product-details .basic-details .item-quantity{ position:relative; } .product-details .basic-details .item-title{ position:relative; display:block; font-size:16px; color:#243559; font-weight:500; line-height:30px; margin-bottom:10px; text-transform:capitalize; } .product-details .basic-details .btns-box{ position:relative; margin-top:0px; float:left; } .product-details .basic-details .cart-options{ position:relative; float:left; } .product-details .basic-details .cart-options li{ position:relative; margin-right:8px; display:inline-block; } .product-details .basic-details .cart-options li a{ position:relative; width:46px; height:46px; color:#243559; text-align:center; line-height:42px; font-size:18px; border-radius:5px; display:inline-block; border:2px solid #243559; 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; } .product-details .basic-details .cart-options li a:hover{ color:#ffffff; background-color:#243559; } .product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner{ } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:11px 10px; background:#f4f5f6; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i{ top:6px; } /*sel colors*/ .product-details .basic-details .sel-colors{ position:relative; margin-bottom:15px; } .product-details .basic-details .sel-colors strong{ position:relative; display:block; font-size:16px; color:#243559; font-weight:500; line-height:30px; text-transform:capitalize; margin-bottom:8px; } .product-details .basic-details .sel-colors .color-box{ position:relative; width:30px; height:30px; margin-right:5px; border-radius:50%; display:inline-block; } .product-details .basic-details .sel-colors .color-box input{ position:absolute; visibility:hidden; opacity:0; } .product-details .basic-details .sel-colors .color-box label{ position:relative; display:block; width:30px; height:30px; cursor:pointer; border-radius:5px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .product-details .basic-details .sel-colors .color-box input[type="radio"]:checked+label:before{ position:absolute; content:''; left:50%; top:50%; width:12px; height:12px; margin-left:-6px; margin-top:-6px; border-radius:2px; background-color:#ffffff; } /* Sel Colors */ .product-details .basic-details .product-size{ position:relative; margin-bottom:15px; } .product-details .basic-details .product-size strong{ position:relative; display:block; font-size:16px; color:#243559; font-weight:500; line-height:30px; text-transform:capitalize; margin-bottom:10px; } .product-details .basic-details .product-size .size-box{ position:relative; width:100px; height:40px; margin-right:1px; border-radius:5px; display:inline-block; } .product-details .basic-details .product-size .size-box input{ position:absolute; visibility:hidden; opacity:0; } .product-details .basic-details .product-size .size-box label{ position:relative; display:block; width:100px; height:40px; cursor:pointer; text-align:center; border-radius:5px; line-height:40px; 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; } .product-details .basic-details .product-size .size-box input[type="radio"]:checked+label{ color:#ffffff; background-color:#243559; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .shop-detail-section .prod-tabs{ position:relative; } .shop-detail-section .prod-tabs .tab-btns{ position:relative; margin-bottom:20px; } .shop-detail-section .prod-tabs .tab-btns .tab-btn{ position:relative; display:block; margin-right:8px; font-size:18px; background:none; color:#7683a3; font-weight:500; line-height:24px; cursor:pointer; border-radius:5px; margin-bottom:12px; display:inline-block; padding:15px 40px 15px; background-color:#ffffff; transition:all 500ms ease; text-transform:capitalize; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .shop-detail-section .prod-tabs .tab-btns .tab-btn:hover, .shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn{ color:#ffffff; background:#243559; border-color:#243559; } .shop-detail-section .prod-tabs .tabs-content{ position:relative; } .shop-detail-section .prod-tabs .tabs-content .tab{ position:relative; display:none; } .shop-detail-section .prod-tabs .tabs-content .tab.active-tab{ display:block; } .shop-detail-section .prod-tabs .tabs-content .tab p{ font-size:16px; line-height:1.8em; color:#7683a3; margin-bottom:20px; } .shop-detail-section .prod-tabs .tabs-content .tab p:last-child{ margin-bottom:0px; } .shop-detail-section .prod-tabs .tabs-content h3{ position:relative; color:#000000; font-weight:700; margin-bottom:20px; } .shop-detail-section .prod-tabs .tabs-content h6{ position:relative; color:#000000; font-weight:700; margin-bottom:10px; } .shop-detail-section .prod-tabs .tabs-content .rating{ position:relative; margin-bottom:22px; } .shop-detail-section .prod-tabs .tabs-content .rating label{ position:relative; font-weight:500; font-size:16px; display:block; color:#000000; margin-bottom:6px; font-family: 'Cabin', sans-serif; } .shop-detail-section .prod-tabs .tabs-content .rating a{ position:relative; color:#7683a3; } .shop-detail-section .prod-tabs .tabs-content .rating a span{ position:relative; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; display:inline-block; } .shop-detail-section .prod-tabs .tabs-content .rating a span:hover{ color:#fdb91c; } /* Shop Comment Box */ .shop-comment-box{ position:relative; padding:20px 20px 20px; margin-bottom:30px; border-radius:7px; -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:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .shop-comment-box:last-child{ margin-bottom:0px; } .shop-comment-box .shop-comment{ position:relative; font-size:14px; padding:5px 0px 0px 85px; } .shop-comment-box .shop-comment .shop-reply-comment{ margin-left:90px; } .shop-comment-box .shop-comment .author-thumb{ position:absolute; left:0px; top:0px; width:65px; border-radius:0px; margin-bottom:20px; overflow:hidden; } .shop-comment-box .shop-comment .author-thumb img{ width:100%; display:block; } .shop-comment-box .shop-comment .shop-comment-info{ margin-bottom:10px; } .shop-comment-box .shop-comment strong{ font-size:18px; font-weight:500; color:#243559; display:block; line-height:1.3em; display:block; text-transform:capitalize; } .shop-comment-box .shop-comment .text{ position:relative; color:#7683a3; font-size:14px; line-height:1.9em; margin-bottom:10px; padding-top:0px; } .shop-comment-box .shop-comment .comment-time{ font-size:13px; color:#80c32f; margin-top:4px; display:block; font-weight:400; margin-bottom:6px; } .shop-comment-box .shop-comment .comment-option{ position:relative; } .shop-comment-box .shop-comment .comment-option .comment-option{ position:relative; } .shop-comment-box .shop-comment .comment-option li{ position:relative; margin-right:15px; line-height:1.1em; padding-right:15px; display:inline-block; border-right:1px solid #243559; } .shop-comment-box .shop-comment .comment-option li a{ position:relative; color:#80c32f; font-size:14px; padding-left:25px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-box .shop-comment .comment-option li a .icon{ position:absolute; left:0px; top:1px; color:#243559; } .shop-comment-box .shop-comment .comment-option li:last-child{ margin-right:0px; padding-right:0px; border-right:0px; } .shop-comment-box .shop-comment .comment-option li a:hover{ color:#243559; } .shop-comment-box .shop-comment .theme-btn:hover{ background-color:#222222; } /* Shop Comment Form */ .shop-comment-form{ position:relative; } .shop-comment-form .form-group{ position:relative; margin-bottom:20px; } .shop-comment-form .form-group .icon{ position:absolute; right:30px; top:20px; color:#7986a5; font-size:16px; line-height:1em; z-index:1; font-weight:400; } .shop-comment-form .form-group:last-child{ margin-bottom:0px; } .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#111111; height:55px; font-size:14px; background:#ffffff; font-weight:400; border-radius:3px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group textarea:focus{ border-color:#80c32f; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .shop-comment-form input::placeholder, .shop-comment-form textarea::placeholder{ color:#243559; } .shop-comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:150px; background:#ffffff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form button{ position:relative; color:#ffffff; margin-top:5px; font-size:18px; font-weight:500; padding:10px 25px; border-radius:50px; background-color:#243559; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .shop-comment-form button .arrow{ position:relative; top:2px; color:#ffffff; font-size:22px; margin-left:5px; } .shop-comment-form button:hover{ background-color:#80c32f; } .related-shop-section{ position:relative; padding:0px 0px 80px; background-color:#f5f8ff; } /*** ==================================================================== Cart Section style ==================================================================== ***/ .cart-section{ position:relative; z-index: 9; background-color: #ffffff; padding:100px 0px 120px; } .cart-section .button-box{ position:relative; margin-top:40px; } .cart-section .cart-outer{ position:relative; } .cart-section .table-outer{ position:relative; width:100%; overflow-x: auto; } .cart-section .cart-table{ width:100%; min-width:900px; border:1px solid #eeeeee; } .cart-section .cart-table tbody tr{ border-bottom:1px solid #eeeeee; } .cart-table .cart-header{ position:relative; width:100%; text-transform:uppercase; font-size:16px; border-radius:0px; background:#7ab63a; color:#1f1f1f; } .cart-table thead tr th{ line-height:24px; padding:20px 15px; min-width:120px; font-weight:700; color:#ffffff; font-size:16px; text-transform:capitalize; } .cart-table thead tr th.prod-column{ text-align:left; padding-left:40px; } .cart-table tbody tr td{ line-height:24px; padding:40px 40px 40px; min-width:100px; } .cart-table tbody tr .qty{ width:90px; padding-right:40px; padding-left:10px; } .cart-table tbody tr .qty .quantity-spinner{ } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:100px; padding-left:130px; padding-top:40px; text-align:left; } .column.default-column .cart-table tbody tr .qty{ width:110px; padding-right:20px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; width:100px; left:0px; top:0px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h6{ color:#222222; font-weight:500; margin-bottom:5px; } .cart-table tbody tr .sub-total{ font-weight:400; color:#222222; font-size:18px; padding-left:20px; } .cart-table tbody tr .remove-btn{ position:relative; font-size:18px; color:#7ab63a; display:inline-block; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove-btn .fa{ position:relative; top:2px; font-size:10px; line-height:14px; width:14px; height:14px; margin-right:8px; background:#f0f0f0; color:#ffffff; text-align:center; overflow:hidden; text-indent:100px; } .cart-table tbody tr .remove{ } .cart-table tbody tr .remove-btn:hover{ } .cart-table tbody tr .remove-btn:hover .fa{ text-indent:0px; background:#fa9928; } .cart-table tbody tr td{ vertical-align:middle; } .cart-table tbody tr td.price{ font-size:18px; font-weight:400; color:#222222; padding-left:10px; } .cart-table tbody tr td .quantity-spinner{ } .cart-table tbody .available-info{ position:relative; padding-left:50px; color: #727272; font-size: 16px; } .cart-table tbody .available-info .icon{ position:absolute; left:0px; top:5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; background:#3e4494; border-radius:50%; } .cart-section .coupon-outer{ position:relative; margin:40px 0px 50px; } .cart-section .coupon-outer .cart-btn{ font-size:14px; padding:14px 43px; font-weight:400; cursor:pointer; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-section .apply-coupon{ position:relative; } .cart-section .apply-coupon .form-group{ position:relative; float:left; margin-right:20px; } .cart-section .apply-coupon .form-group .coupon-btn{ padding:11px 28px; line-height:30px; cursor:pointer; } .cart-section .apply-coupon .form-group input[type="text"]{ display:block; line-height:26px; padding:12px 0px; border-bottom:2px solid #7ab63a; height:54px; width:230px; background:none; font-size:14px; } .cart-section .estimate-form{ position:relative; } .cart-section .sec-title{ margin-bottom:25px; } .cart-section .sec-title h2{ font-size:26px; color:#222222; } .cart-section .estimate-form .row{ margin-left:-7px; margin-right:-7px; } .cart-section .estimate-form .row .form-group{ padding:0px 7px !important; margin-bottom:30px; } .cart-section .cart-note{ position:relative; margin-bottom:50px; padding:16px 20px; text-align:center; border:1px dashed #b2dd4c; background:#f4f4f4; line-height:1.7em; } .product-details .basic-details .item-quantity input[type="text"], .cart-table tbody tr .qty input[type="text"]{ } .bootstrap-touchspin .input-group-btn-vertical > .btn{ height:24px; background:#e9e9e9; } .bootstrap-touchspin .input-group-btn-vertical i{ left:6px; top:6px; } .cart-total-box{ position:relative; max-width:490px; margin-bottom:40px; padding:40px 40px 30px; background-color:#f4f4f4; } .cart-total-box h4{ position:relative; color:#222222; font-weight:700; line-height:1.4em; margin-bottom:25px; } .totals-table{ position:relative; } .totals-table li{ position:relative; color:#222222; font-weight:500; font-size:18px; margin-bottom:8px; } .totals-table li .col{ float:right;width:auto; } .totals-table li .col-title{ font-weight:600; float:left; } .totals-table li.total{ margin-top:25px; padding-top:30px; border-top:1px solid #cccccc; } .checkout-btn{ color:#ffffff; font-size:16px; font-weight:400; padding:17px 43px 14px; cursor: pointer; background-color:#7ab63a; } /*Check Out Page*/ .checkout-page{ position:relative; z-index: 9; background-color: #ffffff; padding:100px 0px 80px; } .checkout-page .default-links{ position:relative; margin-bottom:40px; } .checkout-page .default-links li{ margin-bottom:15px; line-height:24px; padding:18px 28px; background:#f9f9f9; color:#797979; font-size:17px; font-weight:600; border:1px solid #ebebeb; } .checkout-page .default-links li a{ color:#7ab63a; text-decoration:underline; } .shop-form .billing-inner{ position:relative; padding-right:100px; } .shop-form .sec-title h2{ font-size:24px; } .shop-form .form-group{ position:relative; margin-bottom:20px; } .billing-details .shop-form .sec-title{ margin-bottom:20px; } .billing-details .shop-form .form-group.sec-title{ margin-bottom:10px; padding-bottom:30px; margin-top:20px; } .shop-form .form-group .field-label{ display:block; line-height:24px; margin-bottom:8px; color:#797979; font-size:15px; font-weight:500; text-transform:capitalize; } .shop-form .form-group .field-label sup{ position:relative; top:0px; color:#797979; font-size:16px; } .shop-form input[type="text"], .shop-form input[type="email"], .shop-form input[type="password"], .shop-form input[type="tel"], .shop-form input[type="number"], .shop-form input[type="url"], .shop-form select, .shop-form textarea{ position:relative; display:block; width:100%; background:#ffffff; line-height:16px; padding:10px 15px; height:50px; border:1px solid #eeeeee; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .shop-form input.address-two{ margin-top:12px; } .shop-form input::-webkit-input-placeholder, .shop-form select::-webkit-input-placeholder, .shop-form textarea-webkit-input-placeholder{ color:#c6c6c6; } .shop-form select{ -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; background:#ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor:pointer; } .shop-form select option{ text-indent:15px; } .shop-form textarea{ resize:none; height:100px !important; overflow:hidden; } .shop-form input:focus, .shop-form select:focus, .shop-form textarea:focus{ border-color:#7ab63a; } /* Shop Order Box */ .shop-order-box{ position:relative; padding:20px 28px 50px; border:1px solid #d9d9d9; background-color:#fdfdfd; } .shop-order-box .order-list{ position:relative; } .shop-order-box .order-list li{ position:relative; color:#797979; font-size:15px; font-weight:500; margin-bottom:12px; text-transform:uppercase; } .shop-order-box .order-list li span{ float:right; width:35%; text-align:left; font-size:17px; text-transform:capitalize; } .shop-order-box .order-list li span.dark{ color:#242424; } .shop-order-box .order-list li.total{ padding:8px 0px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } .payment-options{ position:relative; margin-top:20px; margin-bottom:20px; } .checkout-page .payment-options li{ position:relative; margin-bottom:15px; } .checkout-page .payment-options li .radio-option{ position:relative; } .checkout-page .payment-options li .radio-option label{ position:relative; display:block; padding-left:30px; font-weight:600 !important; text-transform:capitalize; letter-spacing:1px; color:#797979; cursor:pointer; font-size:15px; } .checkout-page .payment-options li .radio-option label strong{ font-weight:500; display: inline-block; color:#797979; font-size:15px; } .checkout-page .payment-options li .radio-option input[type="radio"]{ position:absolute; left:0px; top:3px; } .checkout-page .payment-options li .radio-option #payment-3{ top:9px; } .checkout-page .payment-options li .what-paypall{ font-size:13px; font-weight:500; margin-left:15px; color:#4349d9; } .checkout-page .payment-options li .radio-option label .small-text{ position:relative; display:none; padding:18px 26px; letter-spacing:0px; text-transform:none; font-weight:normal; font-size:15px; color:#8e8d8d; border-radius:4px; line-height:20px; line-height:1.8em; margin-top:20px; margin-left:-30px; background-color:#ececec; } .checkout-page .payment-options li .radio-option label .small-text:before{ position:absolute; content:''; left:24px; top:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #ececec; } .checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{ display: block; } .checkout-page .payment-options li .radio-option label img{ position:relative; top:-3px; display:inline-block; max-width:100%; padding-left:30px; } .checkout-page .payment-options li .radio-option label img{ position:relative; display:inline-block; max-width:100%; padding-left:30px; } /*** ==================================================================== Banner Section Two ==================================================================== ***/ .banner-section-two{ position:relative; overflow:hidden; background-color:#fffaf8; } .banner-section-two .slide .color-layer-one{ position:absolute; content:''; right:-100px; top:-100px; width:325px; height:325px; z-index:2; border-radius:50%; display:inline-block; background-color:#fe8340; } .banner-section-two .slide{ position:relative; overflow:hidden; padding-top:180px; padding-bottom:200px; background-size:cover; background-position:right center; } .banner-section-two .content-boxed{ position:relative; z-index:10; } .banner-section-two .content-boxed .inner-column{ position:relative; } .banner-section-two .content-boxed .title{ position:relative; color:#ff4a17; font-size:16px; line-height:1.4em; margin-bottom:16px; font-weight:500; opacity: 0; padding:0px 40px; transform: scaleY(0); transform-origin: top; display:inline-block; 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; } .banner-section-two .active .content-boxed .title{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-two .content-boxed .title:before{ position:absolute; content:''; left:0px; top:8px; height:2px; width:30px; background-color:#ff4a17; } .banner-section-two .content-boxed .title:after{ position:absolute; content:''; right:0px; top:8px; height:2px; width:30px; background-color:#ff4a17; } .banner-section-two .content-boxed h1{ position:relative; color:#14212b; font-weight:600; line-height:1em; opacity: 0; font-size:64px; transform: scaleY(0); transform-origin: top; 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; } .banner-section-two .active .content-boxed h1{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .banner-section-two .content-boxed .text{ position:relative; color:#14212b; font-size:18px; line-height:1.7em; margin-top:20px; margin-bottom:30px; font-weight:400; opacity: 0; max-width:600px; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-boxed .text{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-two .content-boxed .btns-box{ margin-top:35px; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two .active .content-boxed .btns-box{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-section-two .content-boxed .theme-btn{ margin-right:15px; } .banner-section-two .owl-dots{ position:absolute; right:40px; top:50%; transform:translateY(-50%;) } .banner-section-two .owl-dots .owl-dot{ position:relative; width:16px; height:16px; margin-bottom:10px; border-radius:50px; margin:10px 0px; background-color:#14212b; 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; } .banner-section-two .owl-dots .owl-dot.active, .banner-section-two .owl-dots .owl-dot:hover{ background-color:#ff4a17; } .banner-section-two .owl-nav{ display:none; } /*** ==================================================================== Feature Section Two ==================================================================== ***/ .feature-section-two{ position:relative; } .feature-section-two .inner-container{ position:relative; margin-top:-115px; z-index:1; margin-bottom:-115px; } .feature-block-five{ position:relative; margin-bottom:30px; } .feature-block-five .inner-box{ position:relative; overflow:hidden; padding:25px 20px; border-radius:6px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.07); } .feature-block-five .inner-box h4{ position:relative; font-weight:500; line-height:1.3em; } .feature-block-five .inner-box h4 a{ position:relative; color:#000000; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-five .inner-box .image-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; transform:scale(1,0.4); background-size:cover; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-five .inner-box .image-layer:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(253,91,3,0.70); } .feature-block-five .inner-box:hover .image-layer{ opacity:1; transform:scale(1,1); } .feature-block-five .inner-box .text{ position:relative; margin-top:10px; color:#84869c; 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; } .feature-block-five .inner-box:hover .text, .feature-block-five .inner-box:hover h4 a{ color:#ffffff; } /*** ==================================================================== About Section Two ==================================================================== ***/ .about-section-two{ position:relative; padding:185px 0px 60px; } .about-section-two .inner-container{ position:relative; margin-top:0px; } .about-section-two .image-column{ position:relative; margin-bottom:30px; } .about-section-two .image-column .inner-column{ position:relative; padding-bottom:140px; } .about-section-two .image-column .image{ position:relative; } .about-section-two .image-column .image img{ position:relative; } .about-section-two .image-column .image-two{ position:absolute; right:0px; bottom:0px; } .about-section-two .image-column .year{ position:absolute; right:80px; top:70px; z-index:1; color:#ffffff; width:170px; height:170px; font-size:48px; font-weight:600; line-height:36px; text-align:center; border-radius:50%; padding-top:45px; background-color:#fd5b03; font-family: 'Cabin', sans-serif; } .about-section-two .image-column .year span{ position:relative; font-size:18px; font-weight:500; display:block; margin-top:6px; } .about-section-two .content-column{ position:relative; margin-bottom:30px; } .about-section-two .content-column .inner-column{ position:relative; } .feature-block-six{ position:relative; margin-bottom:30px; } .feature-block-six .inner-box{ position:relative; padding-left:90px; } .feature-block-six .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:70px; height:70px; z-index:1; } .feature-block-six .inner-box .icon-box .icon{ position:absolute; left:0px; top:0px; width:70px; height:70px; color:#fd6716; line-height:70px; text-align:center; border-radius:50px; font-size:30px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .feature-block-six .inner-box .icon-box .icon:after{ position:absolute; content:''; left:0px; top:0px; width:70px; height:70px; z-index:-10; opacity:0; border-radius:50px; display:inline-block; background-color:#fd6716; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-six .inner-box:hover .icon-box .icon:after{ opacity:1; transform:translateX(-6px) translateY(6px); } .feature-block-six .inner-box h6{ position:relative; color:#000000; font-size:18px; font-weight:600; } .feature-block-six .inner-box .featured-text{ position:relative; color:#84869c; font-size:16px; line-height:1.6em; margin-top:6px; } /* .feature-block-six:nth-child(2) .inner-box .icon-box .icon{ color:#3143ef; } .feature-block-six:nth-child(2) .inner-box .icon-box .icon:after{ background-color:#3143ef; } */ /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position:relative; overflow:hidden; padding:100px 0px 60px; background-color:#f8f8f8; } /* .services-section-two .pattern-layer{ position:absolute; right:-100px; top:0px; width:716px; height:747px; background-repeat:no-repeat; } */ .service-block-three{ position:relative; margin-bottom:30px; } .service-block-three .inner-box{ position:relative; padding:25px 25px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .service-block-three .inner-box .upper-box{ position:relative; padding-left:75px; padding-top:12px; } .service-block-three .inner-box .upper-box .icon-box{ position:absolute; left:0px; top:0px; width:50px; height:50px; z-index:1; } .service-block-three .inner-box .upper-box .icon-box .icon{ position:absolute; left:0px; top:0px; width:50px; height:50px; color:#13202a; line-height:50px; text-align:center; border-radius:50px; font-size:24px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .service-block-three .inner-box .upper-box .icon-box .icon:after{ position:absolute; content:''; left:0px; top:0px; width:50px; height:50px; z-index:-10; border-radius:50px; display:inline-block; background-color:#13202a; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transform:translateX(-6px) translateY(6px); } .service-block-three .inner-box:hover .icon-box .icon:after{ opacity:0; background-color:#ff4a17; transform:translateX(0px) translateY(0px); } .service-block-three .inner-box:hover .upper-box .icon-box .icon{ color:#ff4a17; } .service-block-three .inner-box .upper-box h4{ position:relative; font-weight:600; line-height:1.2em; } .service-block-three .inner-box .upper-box h4 a{ position:relative; color:#010101; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .service-block-three .inner-box:hover .upper-box h4 a{ color:#fd5b03; } .service-block-three .inner-box .feature-text{ position:relative; color:#84869c; font-size:14px; line-height:1.8em; margin-top:28px; } .service-block-three .inner-box .arrow{ position:relative; width:36px; height:36px; color:#ffffff; text-align:center; margin:0 auto; font-size:18px; margin-top:15px; line-height:36px; display:inline-block; background-color:#14212b; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .service-block-three .inner-box:hover .arrow{ border-radius:50px; background-color:#fd5b03; } /*** ==================================================================== Choose Section ==================================================================== ***/ .choose-section{ position:relative; padding:100px 0px 60px; } .choose-section .content-column{ position:relative; margin-bottom:40px; } .choose-section .content-column .inner-column{ position:relative; } .choose-section .content-column .blocks-outer{ position:relative; } .choose-block{ position:relative; margin-bottom:20px; } .choose-block .inner-box{ position:relative; padding-left:70px; } .choose-block .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:50px; height:50px; z-index:1; } .choose-block .inner-box .icon-box .icon{ position:absolute; left:0px; top:0px; width:50px; height:50px; color:#14212b; line-height:50px; text-align:center; border-radius:50px; font-size:20px; font-weight:600; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .choose-block .inner-box .icon-box .icon:after{ position:absolute; content:''; left:0px; top:0px; width:50px; height:50px; z-index:-10; border-radius:50px; display:inline-block; background-color:#14212b; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transform:translateX(-6px) translateY(6px); } .choose-block .inner-box:hover .icon-box .icon:after{ opacity:0; background-color:#fd5b03; transform:translateX(0px) translateY(0px); } .choose-block .inner-box:hover .upper-box .icon-box .icon{ color:#ff4a17; } .choose-block .inner-box h6{ position:relative; font-weight:500; font-size:18px; color:#000000; line-height:1.3em; } .choose-block .inner-box .choose-text{ position:relative; color:#84869c; font-size:16px; margin-top:6px; line-height:1.6em; } .choose-section .video-column{ position:relative; margin-bottom:40px; } .choose-section .video-column .inner-column{ position:relative; } /* Video Box Two */ .video-box-two{ position:relative; margin-bottom:25px; } .video-box-two .video-image{ position:relative; margin:0px; overflow:hidden; border-radius:10px; } .video-box-two .video-image img{ position:relative; width:100%; z-index:3; } .video-box-two .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; border-radius:10px; 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-two .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:10; border-radius:10px; background-color:rgba(0,0,0,0.20); } .video-box-two .overlay-box span{ position: absolute; width:80px; height: 80px; left:50%; top: 50%; z-index:10; color: #ffffff; font-weight:400; font-size:22px; text-align: center; padding-left:4px; display: inline-block; margin-top: -40px; margin-left:-40px; line-height:80px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color:#fd5b03; } .video-box-two .ripple, .video-box-two .ripple:before, .video-box-two .ripple:after { position: absolute; top: 50%; left: 50%; width:80px; height: 80px; -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(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .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; } .video-box-two .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .video-box-two .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } /*** ==================================================================== Testimonial Section Two ==================================================================== ***/ .testimonial-section-two{ position:relative; padding:100px 0px 95px; background-color:#f7f7f7; } .testimonial-section-two .owl-dots{ display:none; } .testimonial-section-two .owl-nav{ position:absolute; left:290px; bottom:40px; } .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next{ position:relative; width:36px; height:36px; color:#ffffff; font-size:20px; text-align:center; line-height:36px; margin-right:10px; border-radius:50px; display:inline-block; background-color:#14212b; 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; } .testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover{ background-color:#fd5b03; } .testimonial-block-two{ position:relative; } .testimonial-block-two .inner-box{ position:relative; min-height:330px; } .testimonial-block-two .inner-box .content{ position:relative; padding:30px 30px; text-align:right; margin-left:130px; padding-left:160px; top:85px; margin-right:10px; border-radius:6px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .testimonial-block-two .inner-box .image{ position:absolute; left:0px; top:0px; z-index:10; width:262px; height:262px; display:inline-block; } .testimonial-block-two .inner-box .image img{ position:relative; width:262px; height:262px; overflow:hidden; border-radius:50%; } .testimonial-block-two .inner-box .image .quote{ position:absolute; right:0px; top:5px; z-index:1; width:70px; height:70px; color:#ff4a17; font-size:28px; border-radius:50px; line-height:70px; text-align:center; display:inline-block; background-color:#ffffff; box-shadow:0px 0px 12px rgba(0,0,0,0.10); } .testimonial-block-two .inner-box .content .text{ position:relative; color:#84869c; font-size:16px; line-height:1.8em; } .testimonial-block-two .inner-box .content h6{ position:relative; color:#000000; font-weight:500; line-height:1.2em; margin-top:15px; } .testimonial-block-two .inner-box .content .designation{ position:relative; color:#ff4a17; font-size:14px; margin-top:6px; } /*** ==================================================================== Cases Section Two ==================================================================== ***/ .cases-section-two{ position:relative; padding:100px 0px 80px; } .case-block-three{ position:relative; margin-bottom:30px; } .case-block-three .inner-box{ position:relative; overflow:hidden; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .case-block-three .inner-box .image{ position:relative; width:100%; overflow:hidden; background-color:#14212b; } .case-block-three .inner-box .image img{ position:relative; width:100%; display:block; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .case-block-three .inner-box:hover .image img{ opacity:0.6; transform:scale(1.05,1.05); } .case-block-three .inner-box .image .category{ position:absolute; left:15px; top:15px; z-index:2; color:#14212b; font-size:12px; padding:6px 18px 4px; letter-spacing:1px; border-radius:4px; font-weight:600; background-color:#ffffff; text-transform:uppercase; } .case-block-three .inner-box .lower-content{ position:relative; padding:25px 20px; } .case-block-three .inner-box .lower-content h4{ position:relative; font-weight:600; line-height:1.4em; } .case-block-three .inner-box .lower-content h4 a{ position:relative; color:#000000; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .case-block-three .inner-box .lower-content h4 a:hover{ color:#ff4a17; } .case-block-three .inner-box .lower-content .text{ position:relative; color:#555555; font-size:16px; line-height:1.7em; margin-top:12px; } .case-block-three .inner-box .lower-content .arrow{ position:relative; width:36px; height:36px; color:#ffffff; text-align:center; margin:0 auto; font-size:18px; margin-top:15px; line-height:36px; display:inline-block; background-color:#14212b; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .case-block-three .inner-box:hover .arrow{ border-radius:50px; background-color:#ff4a17; } /*** ==================================================================== Team Section Two ==================================================================== ***/ .team-section-two{ position:relative; padding:100px 0px 260px; background-color:#f7f7f7; } .team-block-two{ position:relative; margin-bottom:30px; } .team-block-two .inner-box{ position:relative; } .team-block-two .inner-box .image{ position:relative; overflow:hidden; width:262px; height:262px; border-radius:50%; } .team-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .team-block-two .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; color:#ffffff; text-align:center; 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: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .team-block-two .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.50; background-color:#14212b; } .team-block-two .inner-box:hover .overlay-box{ opacity:1; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); visibility: visible; } .team-block-two .inner-box .image .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 0px; } .team-block-two .inner-box .image .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .team-block-two .inner-box .social-box{ position:relative; } .team-block-two .inner-box .social-box li{ position:relative; margin:0px 3px; display:inline-block; } .team-block-two .inner-box .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .team-block-two .inner-box .social-box li.twitter a{ background-color:#31ade1; } .team-block-two .inner-box .social-box li.linkedin a{ background-color:#0f72aa; } .team-block-two .inner-box .social-box li.instagram a{ background-color:#db2f4f; } .team-block-two .inner-box .lower-content{ position:relative; margin-top:-60px; margin-left:20px; margin-right:20px; text-align:center; padding:20px 20px 25px; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; border-radius:10px; border-bottom:4px solid transparent; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .team-block-two .inner-box .lower-content h4{ position:relative; color:#000000; font-weight:700; line-height:1.2em; } .team-block-two .inner-box .lower-content h4 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 h4 a:hover{ color:#fd5b03; } .team-block-two .inner-box .lower-content .designation{ position:relative; color:#84869c; font-size:14px; margin-top:5px; display:block; } .team-block-two .inner-box:hover .lower-content{ border-color:#fc5b03; } .team-block-two .inner-box .arrow{ position:relative; width:36px; height:36px; color:#ffffff; text-align:center; margin:0 auto; font-size:18px; margin-top:15px; line-height:36px; display:inline-block; background-color:#14212b; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .team-block-two .inner-box:hover .arrow{ border-radius:50px; background-color:#fd5b03; } /*** ==================================================================== Sponsors Section Two ==================================================================== ***/ .sponsors-section-two{ position:relative; margin-top:-180px; } .sponsors-section-two .inner-container{ position:relative; padding:60px 50px 0; z-index:1; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .sponsors-section-two .owl-dots{ display:none; } .sponsors-section-two .owl-nav{ display:none; } .sponsors-section-two .owl-carousel .owl-stage-outer{ padding:20px 0px; } .sponsors-section-two .owl-theme .image-box{ } .sponsors-section-two .owl-carousel{ } .sponsors-section-two .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-two .image-box img{ position:relative; display:inline-block; width:auto; max-width:100%; opacity:0.4; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .sponsors-section-two .image-box img:hover{ opacity:1; } .sponsors-section-two .image-box:hover{ } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position:relative; margin-top:-180px; padding:300px 0px 70px; } .news-block-three{ position:relative; margin-bottom:40px; } .news-block-three .inner-box{ position:relative; box-shadow:0px 0px 15px rgba(0,0,0,0.15); } .news-block-three .inner-box .image{ position:relative; overflow:hidden; background-color:#14212b; } .news-block-three .inner-box .image img{ position:relative; width:100%; display:block; background-color:#14212b; 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:hover .image img{ opacity:0.6; } .news-block-three .inner-box .image .post-date{ position:absolute; left:20px; top:20px; width:60px; height:60px; z-index:1; color:#14212b; font-size:24px; font-weight:500; line-height:24px; border-radius:0px; text-align:center; padding-top:8px; background-color:#ffffff; } .news-block-three .inner-box .image .post-date span{ position:relative; display:block; color:#14212b; font-size:14px; font-weight:400; } .news-block-three .inner-box .lower-content{ position:relative; padding:22px 25px 25px; background-color:#ffffff; } .news-block-three .inner-box .lower-content .category{ position:absolute; right:20px; top:-18px; color:#14212b; font-size:12px; font-weight:500; padding:6px 20px 5px; letter-spacing:1px; background-color:#ffffff; border:1px solid #14212b; text-transform:uppercase; 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:hover .lower-content .category{ color:#ffffff; background-color:#14212b; } .news-block-three .inner-box .lower-content h4{ position:relative; font-weight:700; line-height:1.4em; margin-top:6px; } .news-block-three .inner-box .lower-content h4 a{ position:relative; color:#14212b; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .news-block-three .inner-box .lower-content h4 a:hover{ color:#ff4a17; } .news-block-three .inner-box .lower-content .post-meta{ position:relative; } .news-block-three .inner-box .lower-content .post-meta li{ position:relative; color:#14212b; font-size:14px; margin-right:15px; display:inline-block; } .news-block-three .inner-box .lower-content .post-meta li .icon{ position:relative; margin-right:6px; } .news-block-three .inner-box .lower-content .post-meta li a{ position:relative; color:#14212b; } .news-block-three .inner-box .lower-content .post-meta li:last-child{ margin-right:0px; } .news-block-three .inner-box .lower-content .text{ position:relative; font-weight:400; line-height:1.6em; margin-top:10px; color:#616161; font-size:16px; margin-bottom:5px; } .news-block-three .inner-box .lower-content .arrow{ position:relative; width:36px; height:36px; color:#ffffff; text-align:center; margin:0 auto; font-size:18px; margin-top:15px; line-height:36px; display:inline-block; background-color:#14212b; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .news-block-three .inner-box:hover .arrow{ border-radius:50px; background-color:#ff4a17; } /*** ================================================================== Main Footer ================================================================== ***/ .footer-style-two{ position:relative; background-color: #14212b; } .footer-style-two .widgets-section{ position:relative; padding:95px 0px 30px; } .footer-style-two .footer-column{ position:relative; margin-bottom:30px; } .footer-style-two .footer-widget{ position:relative; margin-bottom:30px; } .footer-style-two .footer-widget h6{ position:relative; font-weight:600; color:#ffffff; line-height:1.2em; margin-bottom:20px; text-transform:capitalize; } .footer-style-two .logo-widget{ position:relative; } .footer-style-two .logo-widget .logo{ position:relative; width:200px; margin-bottom:26px; } .footer-style-two .logo-widget .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.6em; font-weight:400; margin-bottom:20px; } .footer-style-two .logo-widget .social-box{ position:relative; } .footer-style-two .logo-widget .social-box .share{ position:relative; display:block; color:#ffffff; font-size:18px; font-weight:600; display:block; margin-bottom:12px; } .footer-style-two .logo-widget .social-box li{ position:relative; margin-right:6px; display:inline-block; } .footer-style-two .logo-widget .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .footer-style-two .logo-widget .social-box li.twitter a{ background-color:#31ade1; } .footer-style-two .logo-widget .social-box li.linkedin a{ background-color:#0f72aa; } .footer-style-two .logo-widget .social-box li.instagram a{ background-color:#db2f4f; } /* List Link */ .footer-style-two .footer-list{ position:relative; } .footer-style-two .footer-list li{ position:relative; margin-bottom:12px; } .footer-style-two .footer-list li a{ position:relative; color:#ffffff; font-size:16px; font-weight:400; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .footer-style-two .footer-list li a:hover{ color:#ff4a17; } /* Newslettter Form */ .footer-style-two .newsletter-form{ margin-bottom:35px; } .footer-style-two .newsletter-form .form-group{ position:relative; display:block; margin-bottom:10px; } .footer-style-two .newsletter-form .form-group input[type="text"], .footer-style-two .newsletter-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:26px; height:50px; font-size:15px; color:#111111; font-size:14px; background:#ffffff; padding:10px 85px 10px 15px; border:1px solid #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; } .footer-style-two .newsletter-form .form-group button{ position:absolute; right:0px; top:0px; width:50px; height:50px; font-size:16px; color:#ffffff; cursor:pointer; line-height:50px; text-align:center; display:inline-block; background-color:#ff4a17; } /* Instagram Widget */ .footer-style-two .instagram-widget .post-thumb{ position:relative; width:29%; float:left; border-radius:0px; overflow:hidden; margin:0px 5px 10px; } .footer-style-two .instagram-widget .post-thumb .overlay-box{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: #ffffff; font-size: 18px; opacity: 0; text-align: center; 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-color: rgba(253,91,3,0.70); } .footer-style-two .instagram-widget .post-thumb .overlay-box .fa{ top: 50%; position: relative; margin-top: -12px; display: block; } .footer-style-two .instagram-widget .post-thumb:hover .overlay-box{ opacity:1; } .footer-style-two .instagram-widget .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; } .footer-style-two .footer-bottom{ position:relative; z-index:1; padding:20px 0px; border-top:1px solid rgba(255,255,255,0.20); } .footer-style-two .footer-bottom .copyright{ position:relative; color:#ffffff; font-size:16px; font-weight:400; } .footer-style-two .footer-nav{ position:relative; text-align:right; } .footer-style-two .footer-nav li{ position:relative; padding-right:14px; margin-right:14px; line-height:1em; display:inline-block; border-right:2px solid #ffffff; } .footer-style-two .footer-nav li a{ position:relative; color:#ffffff; font-size:16px; font-weight:400; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .footer-style-two .footer-nav li:last-child{ position:relative; margin-right:0px; padding-right:0px; border:none; } .footer-style-two .footer-nav li a:hover{ color:#ff4a17; } /*** ==================================================================== Banner Section Three ==================================================================== ***/ .banner-section-three{ position:relative; overflow:hidden; background-color:#0b0c26; } .banner-section-three .big-text{ position:absolute; left:0px; z-index:10; bottom:20px; opacity:0.05; font-weight:600; font-size:131px; line-height:110px; color: #0b0c26; text-shadow: -1px -1px 0 rgba(255,255,255,0.60), 1px -1px 0 rgba(255,255,255,0.60), -1px 1px 0 rgba(255,255,255,0.60), 1px 1px 0 rgba(255,255,255,0.60); } .banner-section-three .slide .color-layer{ position:absolute; left:0px; top:0px; width:50%; height:100%; z-index:1; background-color:#0b0c26; } .banner-section-three .slide{ position:relative; overflow:hidden; padding-top:290px; padding-bottom:200px; background-size:cover; } .banner-section-three .slide .phone-box{ position:absolute; left:80px; top:220px; z-index:1; width:215px; height:215px; padding-top:35px; text-align:center; border-radius:50%; background-color:#f71735; } .banner-section-three .slide .phone-box .icon{ position:relative; text-align:center; color:#2a0d28; font-size:36px; line-height:1em; display:block; margin-bottom:18px; } .banner-section-three .slide .phone-box .phone{ position:relative; color:#ffffff; font-size:24px; font-weight:700; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .banner-section-three .slide .phone-box .phone:hover{ color:#111111; } .banner-section-three .slide .phone-box:before{ position:absolute; content:''; left:20px; top:20px; right:0px; bottom:0px; width:213px; height:212px; z-index:-10; opacity:0.4; background:url(../images/main-slider/circle-pattern.png) no-repeat; } .banner-section-three .slide .phone-box .text{ position:relative; color:#ffffff; font-size:14px; font-weight:500; line-height:1.7em; margin-top:12px; } .banner-section-three .slide:before{ position:absolute; content:''; right:0px; top:0px; width:50%; height:100%; z-index:1; opacity:0.50; background-color:#0b0c26; } .banner-section-three .content-boxed{ position:relative; z-index:10; } .banner-section-three .content-boxed .inner-column{ position:relative; text-align:center; } .banner-section-three .content-boxed .video-outer{ position:relative; color:#ffffff; font-size:20px; font-weight:500; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed .video-outer{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .banner-section-three .content-boxed .video-box{ position:relative; color:#ffffff; font-size:16px; text-align:center; border-radius:50px; line-height: 50px; display:inline-block; z-index:1; width:50px; height:50px; margin-right:20px; padding-left:5px; margin-bottom:25px; background-color:#f71735; 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; } .banner-section-three .content-boxed .video-box .overlay-box span{ position: absolute; left:50%; top: 50%; z-index:99; color: #ffffff; font-weight:400; font-size:16px; text-align: center; border-radius:10px; padding-left:7px; display: inline-block; margin-top: -25px; margin-left:-25px; 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.10); } .banner-section-three .content-boxed .video-box .ripple, .banner-section-three .content-boxed .video-box .ripple:before, .banner-section-three .content-boxed .video-box .ripple:after { position: absolute; top: 50%; left: 50%; width:50px; height:50px; margin-left:.5px; -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: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); box-shadow: 0 0 0 0 rgba(255, 255, 255, .4); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .banner-section-three .content-boxed .video-box .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .banner-section-three .content-boxed .video-box .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .banner-section-three .content-boxed .title{ position:relative; color:#3143ef; font-size:16px; line-height:1.4em; margin-bottom:16px; font-weight:500; padding:0px 40px; font-family: 'Roboto', sans-serif; } .banner-section-three .content-boxed .title:before{ position:absolute; content:''; left:0px; top:8px; height:2px; width:30px; background-color:#fe8340; } .banner-section-three .content-boxed .title:after{ position:absolute; content:''; right:0px; top:8px; height:2px; width:30px; background-color:#fe8340; } .banner-section-three .content-boxed h1{ position:relative; color:#ffffff; font-weight:600; line-height:1.2em; opacity: 0; font-size:60px; transform: scaleY(0); transform-origin: top; 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; } .banner-section-three .content-boxed h1 span{ color:#f71735; } .banner-section-three .active .content-boxed h1{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .banner-section-three .content-boxed .text{ position:relative; color:#3143ef; font-size:20px; line-height:1.6em; margin-top:20px; margin-bottom:30px; font-weight:400; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed .text{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .banner-section-three .content-boxed .btns-box{ margin-top:35px; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-three .active .content-boxed .btns-box{ opacity: 1; transform: scaleY(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-section-three .content-boxed .theme-btn{ margin-right:15px; } .banner-section-three .owl-dots{ position:absolute; right:40px; top:50%; transform:translateY(-50%;) } .banner-section-three .owl-dots .owl-dot{ position:relative; width:16px; height:16px; margin-bottom:10px; border-radius:50px; margin:10px 0px; background-color:#0b0c26; 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; } .banner-section-three .owl-dots .owl-dot.active, .banner-section-three .owl-dots .owl-dot:hover{ background-color:#f71735; } .banner-section-three .owl-nav{ display:none; } /*** ==================================================================== Feature Section Three ==================================================================== ***/ .feature-section-three{ position:relative; } .feature-section-three .inner-container{ position:relative; margin-top:-50px; z-index:1; margin-bottom:-185px; } .feature-block-seven{ position:relative; margin-bottom:30px; } .feature-block-seven .inner-box{ position:relative; overflow:hidden; padding:28px 30px; border-radius:0px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.07); } .feature-block-seven .inner-box .upper-box{ position:relative; padding-left:50px; } .feature-block-seven .inner-box .upper-box .icon{ position:absolute; left:0px; top:0px; color:#80878c; line-height:1em; font-size:30px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-seven .inner-box:hover .upper-box .icon{ color:#f71735; -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .feature-block-seven .inner-box h4{ position:relative; font-weight:500; line-height:1.3em; } .feature-block-seven .inner-box h4 a{ position:relative; color:#000000; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-seven .inner-box .text{ position:relative; margin-top:10px; color:#687076; font-size:14px; line-height:1.8em; margin-top:15px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .feature-block-seven .inner-box:hover h4 a{ color:#f71735; } /*** ==================================================================== Skill Section ==================================================================== ***/ .skill-section{ position:relative; padding:260px 0px 60px; background-color:#f9f9ff; } .skill-section .skill-column{ position:relative; margin-bottom:40px; } .skill-section .skill-column .inner-column{ position:relative; } .skill-section .image-column{ position:relative; margin-bottom:40px; } .skill-section .image-column .inner-column{ position:relative; } .skill-section .image-column .blocks-outer{ position:absolute; right:20px; top:20px; } .skill-section .image-column .inner-column .image{ position:relative; } .skill-section .image-column .inner-column .image img{ position:relative; width:100%; display:block; } .skill-box{ position:relative; margin-bottom:20px; } .skill-box .box-inner{ position:relative; padding:25px 25px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15) } .skill-box .box-inner .upper-box{ position:relative; padding-left:55px; } .skill-box .box-inner .upper-box .icon{ position:absolute; left:0px; top:0px; color:#f82945; font-size:32px; line-height:1em; } .skill-box .box-inner .upper-box h4{ position:relative; color:#0b0c26; font-size:24px; line-height:1.3em; font-weight:600; } .skill-box .box-inner .text{ position:relative; max-width:260px; color:#687076; font-size:16px; line-height:1.7em; margin-top:18px; } /*** ==================================================================== Business Section Two ==================================================================== ***/ .business-section-two{ position:relative; padding:0px 0px 95px; background-color:#f9f9ff; } .business-section-two .image-column{ position:relative; } .business-section-two .image-column .inner-column{ position:relative; padding-right:70px; } .business-section-two .image-column .image{ position:relative; } .business-section-two .image-column .image img{ position:relative; width:100%; display:block; } .business-section-two .image-column .phone-box{ position:absolute; right:0px; top:110px; z-index:1; width:215px; height:215px; padding-top:35px; text-align:center; border-radius:50%; border:3px solid #f71735; background-color:#0b0c26; } .business-section-two .image-column .phone-box .icon{ position:relative; text-align:center; color:#f71735; font-size:36px; line-height:1em; display:block; margin-bottom:18px; } .business-section-two .image-column .phone-box .phone{ position:relative; color:#ffffff; font-size:24px; font-weight:700; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .business-section-two .image-column .phone-box .phone:hover{ } .business-section-two .image-column .phone-box .text{ position:relative; color:#ffffff; font-size:14px; font-weight:500; line-height:1.7em; margin-top:12px; } .business-section-two .content-column{ position:relative; } .business-section-two .content-column .inner-column{ position:relative; } .business-section-two .content-column .text{ position:relative; margin-bottom:30px; } .business-section-two .content-column .text p{ position:relative; color:#687076; font-size:16px; line-height:1.8em; margin-bottom:15px; } .business-section-two .content-column .text p:last-child{ margin-bottom:0px; } .business-section-two .content-column .info-box{ position:relative; color:#687076; font-size:14px; padding-left:150px; } .business-section-two .content-column .info-box .signature{ position:absolute; left:0px; top:-10px; } .business-section-two .content-column .info-box strong{ position:relative; font-weight:600; color:#0b0c26; font-size:20px; display:block; margin-bottom:10px; text-transform:capitalize; } .business-section-two .content-column .info-box{ position:relative; } /*** ==================================================================== Experts Section ==================================================================== ***/ .experts-section{ position:relative; padding:100px 0px 100px; background-attachment:fixed; background-size:cover; } .experts-section:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(11,12,38,0.80); } .expert-block{ position:relative; margin-bottom:30px; } .expert-block .inner-box{ position:relative; text-align:center; padding:0px 30px 35px; } .expert-block .inner-box:before{ position:absolute; content:''; left:0px; top:30px; right:0px; bottom: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; border:2px solid rgba(255,255,255,0.25); } .expert-block .inner-box .icon-box{ position:relative; width:60px; height:60px; margin-bottom:28px; line-height:56px; font-size:28px; text-align:center; display:inline-block; background-color:#28293f; border:2px solid #8d9297; color:rgba(255,255,255,0.60); -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease; } .expert-block .inner-box:hover::before{ border-color:#f71735; } .expert-block .inner-box:hover .icon-box{ background-color:#f71735; border-color:#f71735; color:#ffffff; -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .expert-block .inner-box h4{ position:relative; font-weight:600; line-height:1.3em; } .expert-block .inner-box h4 a{ position:relative; color:#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; } .expert-block .inner-box:hover h4 a{ color:#f71735; } .expert-block .inner-box .text{ position:relative; color:#ffffff; font-size:16px; margin-top:15px; line-height:1.7em; } /*** ==================================================================== Team Section Three ==================================================================== ***/ .team-section-three{ position:relative; padding:100px 0px 70px; background-color:#f9f9ff; } .team-block-three{ position:relative; z-index:1; margin-bottom:30px; } .team-block-three .inner-box{ position:relative; padding:30px 20px 30px; background-color:#ffffff; box-shadow:0px 5px 15px rgba(0,0,0,0.10); } .team-block-three .inner-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0; z-index:-1; -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:#f71735; transform:translateX(0px) translateY(0px); } .team-block-three .inner-box:hover::before{ opacity:1; transform:translateX(5px) translateY(5px); } .team-block-three .inner-box .image{ position:relative; overflow:hidden; width:202px; height:202px; margin:0 auto; overflow:hidden; border-radius:50%; } .team-block-three .inner-box .image img{ position:relative; width:100%; display:block; } .team-block-three .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; color:#ffffff; text-align:center; 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: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .team-block-three .overlay-box:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.80; background-color:#111111; } .team-block-three .inner-box:hover .overlay-box{ opacity:1; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); visibility: visible; } .team-block-three .inner-box .image .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 0px; } .team-block-three .inner-box .image .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .team-block-three .inner-box .social-box{ position:relative; } .team-block-three .inner-box .social-box li{ position:relative; margin:0px 3px; display:inline-block; } .team-block-three .inner-box .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:5px; display:inline-block; background-color:#1b4195; } .team-block-three .inner-box .social-box li.twitter a{ background-color:#31ade1; } .team-block-three .inner-box .social-box li.linkedin a{ background-color:#0f72aa; } .team-block-three .inner-box .social-box li.instagram a{ background-color:#db2f4f; } .team-block-three .inner-box .lower-content{ position:relative; text-align:center; padding:30px 20px 0px; background-color:#ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .team-block-three .inner-box .lower-content h4{ position:relative; color:#000000; font-size:24px; font-weight:700; line-height:1.2em; } .team-block-three .inner-box .lower-content h4 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-three .inner-box .lower-content h4 a:hover{ color:#f71735; } .team-block-three .inner-box .lower-content .designation{ position:relative; color:#687076; font-size:14px; margin-top:5px; display:block; } /*** ==================================================================== Case Section ==================================================================== ***/ .case-section{ position:relative; padding:0px 0px 70px; background-color:#f9f9ff; } .case-block-four{ position:relative; z-index:1; margin-bottom:40px; } .case-block-four .inner-box{ position:relative; } .case-block-four .inner-box .image{ position:relative; overflow:hidden; border-radius:0px; } .case-block-four .inner-box .image img{ position:relative; width:100%; display:block; } .case-block-four .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-color:rgba(11,12,38,0.70); } .case-block-four .inner-box:hover .overlay-box{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .case-block-four .inner-box .image .overlay-box .search-icon{ position:absolute; left:50%; top:50%; width:50px; height:50px; color:#ffffff; z-index:1; font-weight:400; font-size:20px; text-align:center; line-height:48px; margin-left:-25px; margin-top:-40px; border-radius:0px; display:inline-block; background-color:#f71735; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .case-block-four .inner-box .image .overlay-box .search-icon:hover{ background-color:#ffffff; color:#f71735; } .case-block-four .inner-box .lower-content{ position:relative; text-align:center; margin-left:15px; margin-right:15px; margin-top:-60px; padding:30px 25px 30px; background-color:#ffffff; } .case-block-four .inner-box .lower-content:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0; z-index:-1; -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:#f71735; transform:translateX(0px) translateY(0px); } .case-block-four .inner-box:hover .lower-content::before{ opacity:1; transform:translateX(5px) translateY(5px); } .case-block-four .inner-box .lower-content .category{ position:relative; color:#687076; font-size:14px; font-weight:400; letter-spacing:1px; text-transform:capitalize; } .case-block-four .inner-box .lower-content h4{ position:relative; font-weight:600; line-height:1.3em; margin-top:5px; } .case-block-four .inner-box .lower-content h4 a{ position:relative; color:#0b0c26; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .case-block-four .inner-box .lower-content h4 a:hover{ color:#f71735; } /*** ==================================================================== Testimonial Section Three ==================================================================== ***/ .testimonial-section-three{ position:relative; padding:100px 0px 95px; background-color:#f9f9ff; } .testimonial-section-three .pattern-layer{ position:absolute; left:0px; top:0px; right:0px; height:490px; background-size:cover; } .testimonial-section-three .owl-carousel .owl-stage-outer{ padding-top:80px; margin-top:-80px; } .testimonial-section-three .owl-dots{ display:none; } .testimonial-section-three .owl-nav{ position:absolute; right:500px; bottom:0px; } .testimonial-section-three .owl-nav .owl-prev, .testimonial-section-three .owl-nav .owl-next{ position:relative; width:55px; height:40px; color:#0b0c26; font-size:28px; line-height:38px; margin-left:10px; text-align:center; display:inline-block; border:1px solid #0b0c26; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonial-section-three .owl-nav .owl-prev:hover, .testimonial-section-three .owl-nav .owl-next:hover{ background-color:#f71735; border-color:#f71735; color:#ffffff; } .testimonial-block-three{ position:relative; } .testimonial-block-three .inner-box{ position:relative; } .testimonial-block-three .inner-box .content-column{ position:relative; } .testimonial-block-three .inner-box .content-column .inner-column{ position:relative; } .testimonial-block-three .inner-box .content-column .text{ position:relative; color:#dfdfe1; font-size:22px; font-style:italic; line-height:1.5em; } .testimonial-block-three .inner-box .content-column h4{ position:relative; color:#ffffff; font-weight:600; line-height:1.2em; margin-top:20px; } .testimonial-block-three .inner-box .content-column .designation{ position:relative; color:#f71735; font-size:16px; margin-top:10px; } .testimonial-block-three .inner-box .content-column .quote{ position:absolute; right:40px; top:20px; opacity:0.3; color:#f71735; font-size:150px; line-height:1em; } .testimonial-block-three .inner-box .image-column{ position:relative; } .testimonial-block-three .inner-box .image-column .inner-column{ position:relative; margin-top:-80px; padding-right:90px; } .testimonial-block-three .inner-box .image-column .image{ position:relative; } .testimonial-block-three .inner-box .image-column .image img{ position:relative; } /*** ==================================================================== News Section Three ==================================================================== ***/ .news-section-three{ position:relative; padding:20px 0px 110px; background-color:#f9f9ff; } .news-section-three .owl-dots{ display:none; } .news-section-three .owl-nav{ position:relative; text-align:center; } .news-section-three .owl-nav .owl-prev, .news-section-three .owl-nav .owl-next{ position:relative; width:55px; height:40px; color:#0b0c26; font-size:28px; line-height:38px; margin-left:10px; text-align:center; display:inline-block; border:1px solid #0b0c26; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news-section-three .owl-nav .owl-prev:hover, .news-section-three .owl-nav .owl-next:hover{ background-color:#f71735; border-color:#f71735; color:#ffffff; } .news-section-three .owl-carousel .owl-stage-outer{ padding:30px 0px 30px; } .news-section-three .owl-theme .news-block-four{ margin:0px 15px; } .news-section-three .owl-carousel{ margin:0px -15px; width:auto; } .news-block-four{ position:relative; margin-bottom:30px; } .news-block-four .inner-box{ position:relative; padding:20px 20px; padding-left:280px; min-height:258px; background-color:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .news-block-four .inner-box .image{ position:absolute; left:20px; top:0px; } .news-block-four .inner-box .content{ position:relative; } .news-block-four .inner-box .content .category{ position:relative; color:#687076; font-size:12px; font-weight:500; margin-bottom:6px; text-transform:uppercase; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news-block-four .inner-box .content h4{ position:relative; font-weight:600; line-height:1.2em; } .news-block-four .inner-box .content h4 a{ position:relative; color:#0b0c26; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .news-block-four .inner-box:hover .content .category, .news-block-four .inner-box:hover .content h4 a{ color:#f71735; } .news-block-four .inner-box .content .text{ position:relative; color:#687076; font-size:16px; line-height:1.6em; margin-top:10px; margin-bottom:12px; } .news-block-four .inner-box .content .post-meta{ position:relative; padding-top:12px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border-top:1px solid rgba(0,0,0,0.20); } .news-block-four .inner-box .content .post-meta li{ position:relative; padding-left:24px; color:#687076; font-size:14px; margin-right:15px; display:inline-block; } .news-block-four .inner-box .content .post-meta li .icon{ position:absolute; left:0px; top:0px; } .news-block-four .inner-box .content .post-meta li:last-child{ margin-right:0px; } .news-block-four .inner-box:hover .content .post-meta{ border-color:#f71735; } /*** ==================================================================== Call Back Section ==================================================================== ***/ .callback-section{ position:relative; padding:0px 0px 110px; background-color:#f9f9ff; } .callback-section .image-column{ position:relative; } .callback-section .image-column .inner-column{ position:relative; } .callback-section .image-column .image{ position:relative; } .callback-section .image-column .image img{ position:relative; width:100%; display:block; } .callback-section .content-column{ position:relative; } .callback-section .content-column .inner-column{ position:relative; margin-top:20px; padding:40px 40px; margin-left:-130px; background-color:#ffffff; box-shadow:0px 0px 20px rgba(0,0,0,0.15); } /* Contact Form */ .callback-form{ position:relative; } .callback-form .form-group{ position:relative; margin-bottom:20px; } .callback-form .form-group:last-child{ margin-bottom:0px; } .callback-form .form-group input[type="text"], .callback-form .form-group input[type="tel"], .callback-form .form-group input[type="email"], .callback-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:#111111; height:55px; font-size:14px; background:#ffffff; font-weight:400; border-radius:3px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .callback-form .form-group input[type="text"]:focus, .callback-form .form-group input[type="tel"]:focus, .callback-form .form-group input[type="email"]:focus, .callback-form .form-group textarea:focus{ border-color:#f71735; } .callback-form input::placeholder, .callback-form textarea::placeholder{ color:#687076; } .callback-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:15px 20px; color:#222222; height:100px; background:#ffffff; resize:none; font-size:14px; font-weight:400; border-radius:5px; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10); } .callback-form button{ position:relative; color:#ffffff; margin-top:5px; font-size:16px; font-weight:500; padding:16px 35px; border-radius:3px; background-color:#f71735; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .callback-form button:hover{ background-color:#111111; } /*** ================================================================== Footer Style Three ================================================================== ***/ .footer-style-three{ position:relative; background-color: #0b0c26; } .footer-style-three .widgets-section{ position:relative; padding:95px 0px 20px; } .footer-style-three .footer-column{ position:relative; margin-bottom:30px; } .footer-style-three .footer-widget{ position:relative; margin-bottom:30px; } .footer-style-three .footer-widget h4{ position:relative; font-weight:600; color:#ffffff; padding-bottom:18px; line-height:1.2em; margin-bottom:20px; text-transform:capitalize; } .footer-style-three .footer-widget h4:before{ position:absolute; content:''; left:0px; bottom:0px; height:2px; width:45px; background-color:#f71735; } .footer-style-three .logo-widget{ position:relative; } .footer-style-three .logo-widget .logo{ position:relative; margin-bottom:26px; } .footer-style-three .logo-widget .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.8em; font-weight:400; margin-bottom:20px; } .footer-style-three .logo-widget .social-box{ position:relative; } .footer-style-three .logo-widget .social-box li{ position:relative; margin-right:6px; display:inline-block; } .footer-style-three .logo-widget .social-box li a{ position:relative; width:40px; height:40px; font-size:18px; color:#ffffff; line-height:40px; text-align:center; border-radius:0px; display:inline-block; -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:rgba(255,255,255,0.10); } .footer-style-three .logo-widget .social-box li a:hover{ background-color:#f71735; } /* List Link */ .footer-style-three .footer-list{ position:relative; } .footer-style-three .footer-list li{ position:relative; margin-bottom:12px; } .footer-style-three .footer-list li a{ position:relative; color:#ffffff; font-size:16px; font-weight:400; padding-left:24px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; font-family: 'Roboto', sans-serif; } .footer-style-three .footer-list li a:before{ position:absolute; content: "\f124"; left:0px; top:4px; line-height:1em; font-size:12px; font-family: "Flaticon"; } .footer-style-three .footer-list li a:hover{ color:#f71735; } .footer-style-three .contact-widget .text{ position:relative; color:#ffffff; font-size:16px; line-height:1.7em; margin-bottom:15px; } /* Recent Posts */ .footer-style-three .news-widget{ position: relative; } .footer-style-three .news-widget .post{ position: relative; min-height: 105px; padding-left: 105px; } .footer-style-three .news-widget .post:last-child{ margin-bottom: 0; border:none; min-height:auto; } .footer-style-three .news-widget .post .thumb{ position: absolute; left: 0; top: 0; height: 80px; width: 80px; overflow: hidden; } .footer-style-three .news-widget .post .thumb a{ display: block; } .footer-style-three .news-widget .post .thumb img{ display: block; width: 100%; height: auto; } .footer-style-three .news-widget .post h6{ position: relative; color: #ffffff; line-height: 1.6em; font-weight: 500; top: -4px; font-size:15px; } .footer-style-three .news-widget .post h6 a{ color:#ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .footer-style-three .news-widget .post h6 a:hover{ color:#f71735; } .footer-style-three .news-widget .post .category{ position: relative; display: block; font-size: 16px; opacity:0.80; color: #ffffff; margin-bottom:10px; line-height: 1.3em; text-transform:capitalize; } .footer-style-three .footer-bottom{ position:relative; z-index:1; padding:20px 0px; border-top:1px solid #f71735; } .footer-style-three .footer-bottom .copyright{ position:relative; color:#ffffff; font-size:16px; font-weight:400; } .footer-style-three .footer-nav{ position:relative; text-align:right; } .footer-style-three .footer-nav li{ position:relative; padding-right:14px; margin-right:14px; line-height:1em; display:inline-block; border-right:2px solid #ffffff; } .footer-style-three .footer-nav li a{ position:relative; color:#ffffff; font-size:16px; font-weight:400; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .footer-style-three .footer-nav li:last-child{ position:relative; margin-right:0px; padding-right:0px; border:none; } .footer-style-three .footer-nav li a:hover{ color:#f71735; }
Upload File
Create Folder