ok
Direktori : /home2/selectio/www/pvmatricschool.com/old/assets/css/ |
Current File : /home2/selectio/www/pvmatricschool.com/old/assets/css/style.css |
/*Table Content ================================================= * BASIC STYLE - Typography Style - Padding and Margin Style - General Style - Box Hover Style - Form Style * HEADER - Header Style - Header style 2 - Navigation Menu * FOOTER * ELEMENTS - Main Banner - Page Intro - Testimonial - Pagination Navigation - blog Section - Partner Section - About Us Page - Timeline Section - Team - Faq Page - 404 page - Blog Page - Register and login Pages - Contact Page - Preloader ================================================ */ /*-------------------------------------------------------------------------------------------*/ /* BASIC STYLE ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ body, html { margin: 0; padding: 0; } body { line-height:1.7; color: #323232; font-size: 15px; font-weight: 400; font-family: 'Roboto', sans-serif; } /* Typography Style ||-----------*/ h1 { font-size: 35px; margin-top: 0; font-family: 'Raleway', sans-serif; position: relative; } h2 { font-size: 30px; margin-top: 0; font-family: 'Raleway', sans-serif; } h2 span { color: #333; } h3 { font-size: 20px; margin-top: 0; font-family: 'Raleway', sans-serif; text-transform: uppercase; } h4 { font-size: 19px; font-weight: 600; } h5 { font-size: 15px; line-height: 1.5; } h6 { font-size: 13px; letter-spacing: 2px; line-height: 17px; } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; margin: 0 0 10px 0; line-height: 1.3; } .title h1 { font-weight: 700; text-transform: uppercase; } @media (max-width: 767px) { h1 { font-size: 30px; } } a:hover, a:focus { text-decoration: none; outline: none; } a { color: #333; } *:focus { outline: none !important; } /* Padding and Margin Style ||-----------*/ .no-padding { padding: 0; } .padding { padding-top: 90px; padding-bottom: 90px; } .pt-90 { padding-top: 90px; } .pb-90 { padding-bottom: 90px; } .padding-20 { padding: 20px; } .padding-30 { padding: 30px; } .padding-40 { padding: 40px; } .plr-0 { padding-left: 0; padding-right: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .pr-30 { padding-right: 30px; } .pl-70 { padding-left: 70px; } .pr-70 { padding-right: 70px; } .plr-20 { padding-left: 20px; padding-right: 20px; } .plr-30 { padding-left: 30px; padding-right: 30px; } .ptb-0 { padding-top: 0px; padding-bottom: 0px; } .pt-0 { padding-top: 0px; } .pb-0 { padding-bottom: 0px; } .pb-20 { padding-bottom: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt { padding-top: 90px; } .pb { padding-bottom: 90px; } .ptb-15 { padding-top: 15px; padding-bottom: 15px; } .pt-15 { padding-top: 15px; } .pb-15 { padding-bottom: 15px; } .ptb-20 { padding-bottom: 20px; padding-top: 20px; } .ptb-60 { padding-top: 80px; padding-bottom: 80px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .ptb-40 { padding-bottom: 40px; padding-top: 40px; } .ptb-80 { padding-top: 80px; padding-bottom: 80px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .pb-70 { padding-bottom: 70px; } .pb-38 { padding-bottom: 38px; } .mtb-0 { margin-top: 0px; margin-bottom: 0px; } .mlr-0 { margin-left: 0px; margin-right: 0px; } .mt-0 { margin-top: 0px; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px; } .mr-0 { margin-right: 0px; } .mtb-80 { margin-top: 80px; margin-bottom: 80px; } .mt-20 { margin-top: 20px; } .mb-100 { margin-bottom: 80px; } .mt-80 { margin-top: 80px; } .mb-80 { margin-bottom: 80px; } .mtb-60 { margin-top: 60px; margin-bottom: 60px; } .mt-60 { margin-top: 60px; } .mb-60 { margin-bottom: 60px; } .mt-50 { margin-top: 50px; } .mtb-45 { margin-top: 45px; margin-bottom: 45px; } .mt-45 { margin-top: 45px; } .mb-45 { margin-bottom: 45px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 35px; } .mb-35 { margin-bottom: 35px; } .mb-20 { margin-bottom: 20px; } .mtb-30 { margin-top: 30px; margin-bottom: 30px; } .ml-15 { margin-left: 15px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .mr-30 { margin-right: 30px; } .mtb-25 { margin-top: 25px; margin-bottom: 25px; } .mt-25 { margin-top: 25px; } .mb-25 { margin-bottom: 25px; } .mtb-15 { margin-top: 15px; margin-bottom: 15px; } .mt-15 { margin-top: 15px !important; } .mt-10 { margin-top: 10px; } .mb-15 { margin-bottom: 15px; } .float-left { float: left; } .float-right { float: right; } .mt-up { margin-top: -100px; } @media (min-width: 768px) and (max-width: 991px) { .mt-sm-30 { padding-top: 30px; } .float-none-sm { float: none; } .float-left-sm { float: left; } .float-right-sm { float: right; } .pl-sm-0 { padding-left: 0; } .pt-sm-0 { padding-top: 0; } .plr-xs-15 { padding-right: 15px; padding-left: 15px; } .mb-sm-100 { margin-bottom: 100px; } .mb-sm-30 { margin-bottom: 30px; } } @media (max-width: 767px) { .padding { padding-bottom: 40px padding-bottom : 40px; } .text-xs-left { text-align: left; } .pr-xs-0 { padding-right: 0; } .pl-xs-0 { padding-left: 0; } .pr-xs-0 { padding-right: 0; } .plr-xs-15 { padding-right: 15px; padding-left: 15px; } .pb-xs-30 { padding-bottom: 30px; } .pt-xs-60 { padding-top: 60px; } .ptb-xs-40 { padding-top: 40px; padding-bottom: 40px; } .pt-xs-40 { padding-top: 40px; } .pb-xs-40 { padding-bottom: 40px; } .pb-xs-60 { padding-bottom: 60px; } .ptb-xs-60 { padding-top: 60px; padding-bottom: 60px; } .ml-xs-0 { margin-left: 0; } .mtb-xs-0 { margin-top: 0px; margin-bottom: 0px; } .mt-xs-0 { margin-top: 0px; } div .mb-xs-0 { margin-bottom: 0px; } .mtb-xs-15 { margin-top: 15px; margin-bottom: 15px; } .mt-xs-15 { margin-top: 15px; } .mb-xs-15 { margin-bottom: 15px; } .mb-xs-0 { margin-bottom: 0px; } .mtb-xs-30 { margin-top: 30px; margin-bottom: 30px; } .mt-xs-30 { margin-top: 30px; } .mb-xs-30 { margin-bottom: 30px; } .float-none-xs { float: none; } .float-left-xs { float: left; } .float-right-xs { float: right; } } /* General Style ||-----------*/ .b-line { position: relative; width: 60px; height: 3px; background: #F2184F; display: block; margin: 0 auto; } .l-left { margin: 0; } img { max-width: 100%; } .no-brdr { border: none; } .btn-text { font-size: 13px; color: #fff; line-height: 32px; border: 2px solid #F2184F; padding: 4px 10px; margin: 0 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; letter-spacing: 1px; background: #F2184F; min-width: 150px; height: 44px; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; text-transform: uppercase; border-radius: 8px; } .small-btn { padding: 10px 30px; } .btn-text:hover { background: none; color: #F2184F; text-decoration: none; } .romana_select_method .white-btn { background: #fff; color: #F2184F; } .bg-pic { background: url(../images/about-3.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1; } .section-bar .section-bar-text { position: relative; z-index: 1; } .bg-pic-2 { background: url(../images/about-4.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1; } .bg-pic-2:before { opacity: 0.8; } .bg-pic:before, .bg-pic-2:before { left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: "";z-index -1; } .bg-pic:before { background-color: rgba(0, 0, 0, 0.39); } .icon-wrap { width: 58px; height: 58px; font-size: 58px; line-height: 58px; background-color: transparent; color: #F2184F; display: inline-block; margin-bottom: 15px; } .section-bar-text .heading { font-weight: bold; } .text-black { color: #fff; } .desc { color: #fff; } .icon-box { width: 80px; height: 80px; line-height: 80px; background-color: #3bafda; margin: 20px auto; color: #fff; font-size: 25px; text-align: center; display: block; border-radius: 50%; } .icon-box__block { width: 80px; height: 80px; display: block; text-align: center; margin: 0 auto; border-radius: 50%; background: rgba(8, 8, 8, 0.22); line-height: 80px; margin-bottom: 18px } .icon-box__block i { font-size: 48px; } div .secondary_bg { background: #f2f2f2; } div .btn-text.secondary_bg { border-color: #F2184F; } .btn-text.secondary_bg:hover { color: #F2184F; } .border-top { border-top: 10px solid #F2184F } .text-color { color: #F2184F; } .page-heading { background-color: #f5f5f5; } .breadcrumb { padding-left: 0; padding-right: 0; } p.lead { font-style: italic; } p.lead, .lead { font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 0; } .dark_bg { background: #27547d; } .gray-bg { background: #f7f7f7; color: #323232; } .dark-bg { background: #f2f2f2; color:#323232;; } .overlay-dark { position: relative; z-index: 1; } .overlay-dark:before { background-color: rgba(0, 0, 0, 0.68); left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: ""; z-index: -1; } .bold { font-weight: bold; } .thin { font-weight: 300; } .img-bg { background: url(../images/white-texture.html) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; } .inner-intro { background: url(../images/3.jpg) no-repeat; } .light-color { color: #fff; } .parallax { background: url(../images/parallax2.jpg) no-repeat; } #overlay_block, .bg_img { background: url(../images/parallax1.html) no-repeat; } .parallax, #overlay_block, .inner-intro { background-size: cover; width: 100%; background-attachment: fixed; background-position: center center; } .width-25per { width: 25%; } .width-75per, .tab-respons { width: 3%; } .tab-respons { width: 70%; } .zoom-img { overflow: hidden; } .zoom-img figure { overflow: hidden; } .zoom-img img { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .zoom-img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { .width-25per { width: 30%; } #project-section .width-25per { width: 100% } .width-75per { width: 70%; } #project-section .tab-respons { width: 100%; } } @media (max-width: 767px) { .width-25per { width: 100%; } .width-75per, .tab-respons { width: 100%; } #project-section { margin: 0 auto; max-width: 480px; width: 100%; } } .half-width { width: 50%; } @media (max-width: 767px) { .half-width { width: 100%; } .img-responsive { width: 100%; } } .fl { float: left; } .fr { float: right; } .height-300 { height: 300px; } .height { height: 250px; } .border { border: 1px solid #ccc; } .about-block { -webkit-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .v-line { border-left: 3px solid #F2184F; padding-left: 20px; } .box-shadow { box-shadow: 14px 14px 0 0 rgba(0, 0, 0, 0.19); } .box-shadow-l { box-shadow: -14px 14px 0 0 rgba(0, 0, 0, 0.19); } .btn-wrap .btn-text:last-child { margin-top: 10px; } /*Form Style ||-----------*/ button { outline: none; border: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; display: inline-block; } button, input, textarea, select { font-family: 'Raleway', sans-serif; font-size: 12px; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select { border: 1px solid #fff; -webkit-border-radius: 0px; border-radius: 0px; color: #202020; outline: none; font-weight: 400; letter-spacing: 1px; font-size: 13px; padding: 0px 15px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; display: inline-block; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus { outline: none; } /*-------------------------------------------------------------------------------------------*/ /* HEADER ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ /* Header Style */ .wrapper { position: relative; width: 100%; } .push-body-totop .header.sticky { position: fixed; top: 0; } .header .container { position: relative; } .header { background-color: #fff; /*border-bottom: 1px solid #eee;*/ color: #323232; /*padding:25px 0px;*/ padding: 0px; position: relative; /*top: 0;*/ transition: all 0.25s ease 0s; -webkit-transition-: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; width: 100%; z-index: 2000; } .header.sticky { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #323232; position: fixed; z-index: 2030; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; } .full-intro .header { background-color: rgba(255,255,255,0); border-bottom: none; position: absolute; top: 0; } .full-intro .header.sticky { background-color: rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #323232; position: fixed; /*border-bottom: 1px solid #eee;*/ } .background--dark .header, .background--dark .header a, .background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon { color: #fff; } .background--light .header, .background--light .header a, .full-intro .header.sticky a, .header a, .header.sticky a, .mobile-menu-icon, .header.sticky .mobile-menu-icon, .header .side-menu-btn ul li a.right-icon, .header.sticky .side-menu-btn ul li a.right-icon, .header .mobile-menu-icon, .header.sticky .mobile-menu-icon { color: #323232; } .header li { list-style: outside none none; } .header ul, .header li { margin: 0; padding: 0; } /* logo Style */ .background--dark .header, .background--dark .header a, .background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon { color: #fff; } .header .logo a img.l-white { opacity: 1; } .header .logo a img.l-black, .header.sticky .logo a img.l-white { opacity: 0; } .header.sticky .logo a img.l-black { opacity: 1; } .header .logo { float: left; display: inline-block; } /* Navigation Menu Style*/ .mobile-menu-icon-wraper { display: none; position: relative; float: left; margin-left: 20px; } .mobile-menu-icon, .header.sticky .mobile-menu-icon { height: 25px; display: block; font-size: 25px; line-height: 24px; } .side-menu-btn-fix { position: fixed; top: 25px; right: 25px; z-index: 2001; font-size: 17px; } .side-menu-btn-fix a { width: 35px; height: 35px; text-align: center; background: rgba(0,0,0,0.8); display: block; border-radius: 3px; color: #fff; line-height: 34px; } .side-menu-btn-fix a:hover { background: #000; } /* Right Side Menu Button Style*/ .header .side-menu-btn { float: right; position: relative; } .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper { float: left; padding: 35px 0 34px; margin-left: 20px; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; } .header.sticky .side-menu-btn > ul > li, .header.sticky .mobile-menu-icon-wraper { padding: 19px 0 20px; } .header .side-menu-btn ul li a.right-icon { display: block; position: relative; } .header .side-menu-btn ul li a.right-icon { height: 25px; background-repeat: no-repeat; font-size: 17px; } .inner-header .header .logo a img.l-black, .inner-header .header.sticky .logo a img.l-white { opacity: 0; } .inner-header .header .logo a img.l-black, .inner-header .header.sticky .logo a img.l-white { opacity: 1; } .inner-header .header, .inner-header .header.sticky { box-shadow: none; -webkit-box-shadow: none; transition: inherit; -webkit-transition-: inherit; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; } @media (min-width: 768px) and (max-width: 991px) { .navigation { margin-left: 0; } .header.sticky .navigation ul li a { padding: 26px 6px; font-size: 10px; } .header .navigation ul li a { padding: 26px 6px; font-size: 10px; } .header .side-menu-btn { margin-right: -23px; } .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper { margin-left: 0; } } @media (max-width: 767px) { .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper { margin-left: 16px; } .background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon { color: #323232; } .header .logo a img.l-black, /*.header.sticky .logo a img.l-color,*/ .background--dark .header .logo a img.l-black { opacity: 1; } .header .logo a img.l-white { display: none; opacity: 0; } .header { background: #fff; color: #323232; } .full-intro .header { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } } @media (max-width: 991px) { /* HEADER STYLE ------------ */ .header .side-menu-btn ul li, .header .mobile-menu-icon-wraper { padding: 19px 0 20px; } .header .logo a, .header.sticky .logo a { width: 80px; } /* END HEADER STYLE ------------------ */ } .navigation .sub-nav { left: 0; position: absolute; top: 175%; width: 200px; z-index: 3; background-clip: padding-box; padding: 0; transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s; -webkit-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s; -moz-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s; -ms-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s; -o-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s; opacity: 0; visibility: hidden; background-color: #2a3b48; } .navigation .sub-nav li { display: block; float: none; margin: 0; border-bottom: 1px solid #314351; padding-bottom: 0; position: relative; } .navigation li:hover .sub-nav { opacity: 1; top: 80%; transition: top 0.3s ease 0s; visibility: visible; } .navigation li.sub-menu .sub-nav { border: none; opacity: 0; top: 0; transition: top 0.3s ease 0s; visibility: visible; left: auto; right: 110%; visibility: hidden; transition: all 0.3s ease 0s; } .navigation li.sub-menu:hover .sub-nav { visibility: visible; opacity: 1; right: 100%; transition: all 0.3s ease 0s; } @media only screen and (min-width: 768px) { .navigation .sub-nav li:hover { background: #f1f1f1; } } .navigation .sub-nav li:last-child { border-bottom: 0; } .navigation .sub-nav li a { padding: 8px 20px; display: block; color: #fff; } .navigation .btn-text { display: none; } /*==============================================================================================*/ /* FOOTER ||---------------------------- */ /*==============================================================================================*/ .footer { background-color: #2d3740; background-size: cover; color: #f7f7f7; position: relative; width: 100%; display: block; overflow: hidden; } .footer form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; opacity: 1; } .footer form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .footer form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .footer form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .footer h4 { font-weight: 500; text-transform: uppercase; } .footer hr { border-color: #eee; } .footer .footer-info p { color: #fff; margin-bottom: 0px; } .footer-info .col-xs-12 { min-height: 200px; } .footer-logo { max-width: 125px; display: inline-block; width: 100%; } .footer .social, .contact .social { font-size: 17px; } .footer ul { list-style: none; margin: 0px; padding: 0px; } .footer ul.social li, .contact ul.social li { display: inline-block; margin: 0 7px 0 0; } .footer .link a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; } .footer h5 { color: #f0eded; margin-bottom: 30px; font-weight: 500; } .footer .link-small a { text-transform: none; color: #fff; } .footer address { color: #fff; position: relative; padding-left: 30px; } .footer .blog-link li { margin-right: 5px; margin-bottom: 15px; } .footer .link-small a { position: relative; padding-left: 29px } .footer .link-small li { margin-bottom: 20px; } .footer .icons-hover-black i { width: 30px; height: 30px; text-align: center; line-height: 30px; margin-bottom: 15px; display: inline-block; margin-right: 1px; background: #1f272f; color: #fff; } .footer .blog-link img { width: 60px; height: 40px; } .footer .copyright { text-align: center; padding: 18px 0 10px; background: #29333c; position: relative; } .footer .copyright p, .footer .copyright p a { color: #fff; } .footer .post-content { font-size: 12px; color: #afaaaa; text-transform: uppercase; } .footer .fa-icons { font-size: 22px; position: absolute; top: 0; left: 0; } .entry-thumbnail { float: left; margin: 0 15px 0 0 !important; max-width: 60px; padding-right: 0; } .entry-thumbnail { float: left; margin: 0 15px 0 0 !important; max-width: 60px; padding-right: 0; } .blog-link .fa { font-size: 15px; margin-right: 8px; } .newsletter { position: relative; } .newsletter form .newsletter-input { padding: 14px 15px; } .newsletter form { position: relative; margin-top: 20px; } .newsletter .newsletter-input, .newsletter .newsletter-input:focus { width: 100%; padding-right: 65px; padding-left: 28px; border: none; color: #fff; background: #1f272f; border-radius: 30px; } .newsletter .newsletter-btn { position: absolute; top: 6px; right: 7px; font-size: 33px; background: #F2184F; line-height: 35px; border-radius: 16px; width: 62px; color: #18181c; } .footer .icons-hover-black { padding-top: 10px; } /*Footer Style 2*/ .footer-style-2:before { content: ''; width: 517px; height: 166%; position: absolute; top: 0; left: 0; background: #F2184F; transform: rotate(23deg); transform-origin: 100% 0; -webkit-transform: rotate(23deg); -webkit-transform-origin: 100% 0; } .footer-style-2 .icons-hover-black i { background: #02695e; } .footer-style-2 .footer-info p { color: #fff; margin-bottom: 15px; } .instagram ul { margin: 0; padding: 0; } .instagram li { margin: 0 0 4px; padding: 0; list-style: none; display: inline-block; } .footer-style-2 .blog-link li { margin-right: 0; margin-bottom: 15px; width: 50%; float: left; } /*-------------------------------------------------------------------------------------------*/ /* Main Banner ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .main-banner { position: relative; height: 500px; -webkit-background-size: cover; background-size: cover; } .main-banner .banner-text h2 { font-size: 42px; color: #ffffff; margin-bottom: 10px; line-height: 1.3; } .main-banner .banner-text p { font-family: 'Lora', serif; font-style: italic; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 1.8; } .main-banner .tp-parallax-wrap { } .main-banner .tp-mask-wrap { height: auto; } .main-banner .more-btn { background: #F2184F; line-height: 30px; padding-left: 38px; padding-right: 38px; font-weight: 700; color: #fff; } .main-banner li .btn-text { line-height: 60px; padding-left: 38px; padding-right: 38px; font-size: 13px; font-weight: 700; } #wrapper .main-banner .tp-bullets { top: auto; left: 52%; display: block; visibility: visible; opacity: 1; bottom: 66px; } .main-banner .tp-bullet { width: 26px; height: 3px; background: #8f8f8f; } .hero .btn-text:hover{ background: #fff; border-color:#fff; color:#000; } .main-banner .tp-bullet.selected { background: #F2184F; } .main-banner:hover .tparrows.tp-leftarrow, .main-banner:hover .tparrows.tp-rightarrow { visibility: visible; } .slotholder:before { border-top: none; border-bottom: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.2); content: ''; } .paragraph-s { line-height: 1.6; } @media (max-width: 991px) { .paragraph-s { line-height: 1.6; font-size: 14px; margin-top: 10px; } .caption .btn-text { margin-top: 20px; } } @media (max-width: 580px) { .caption h2 { font-size: 30px; } .caption .btn-text { margin-top: 30px; } } @media (max-width: 480px) { .caption { max-width: 320px !important; width: 100%; padding: 0 10px; white-space: normal; } .paragraph-s { line-height: 1.6; font-size: 14px; margin-top: 70px; } .caption .btn-text { margin-top: 120px; } .caption .btn-text:last-child { margin-top: 10px; } } /* ---------------------------------------------------------------- Breadcrumb -----------------------------------------------------------------*/ .page-breadcrumb { padding: 4px 8px 4px 0; display: inline-block; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .page-breadcrumb a, .page-breadcrumb span { display: inline-block; padding-left: 8px; padding-right: 8px; color: #fff; } .page-breadcrumb a:first-child { padding-left: 0; } .page-breadcrumb span { color: #999; } /* ---------------------------------------------------------------- feature bg box -----------------------------------------------------------------*/ .feature-bg-box { position: relative; padding: 30px; border-radius: 4px; } .gray-bg { background: rgb(247, 247, 247); } .feature-bg-box, .feature-bg-box:hover .icon { -webkit-transition: all .3s ease; transition: all .3s ease; } .feature-bg-box .icon { position: absolute; top: -40px; left: 50%; width: 80px; height: 80px; margin-left: -40px; text-align: center; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px #f6f6f6; line-height: 80px; } .featured-item.feature-bg-box .icon i { color: #F2184F; font-size: 40px; line-height: 80px; } .featured-item.feature-bg-box .icon i.sub-color { color: #F2184F; } .feature-bg-box .title { display: inline-block; margin-top: 40px; } .featured-item.feature-bg-box:hover { background: #F2184F; color: #fff; } body .featured-item.sub-color_hover:hover { background: #F2184F; } #statement { background-image: url(../images/02.html); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } #statement:before { left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: ""; z-index: -1; } .lead-box { padding: 20px 0 30px; } .lead-box p { font-size: 20px; line-height: 1.5; } .about-text strong { display: block; font-size: 25px; } .about-text span { font-size: 18px; display: block; margin-top: 10px; } @media (max-width: 767px) { .feature-bg-box { margin-bottom: 100px; } } /* ----------------------------------------------------------------------*/ /* Portfolio --------------------------------------------------------- */ /* ----------------------------------------------------------------------*/ .container-filter { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 10px; padding: 0; text-align: center; } .container-filter li { list-style: none; display: inline-block; margin-bottom: 10px; } .container-filter li a { display: block; margin-left: 5px; margin-right: 5px; padding: 0 10px; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 600; font-family: 'Raleway', sans-serif; position: relative; cursor: pointer; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .container-filter li a:before, .container-filter li a:after { content: ''; left: 0; position: absolute; background: #F2184F; width: 100%; height: 1px; z-index: -1; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; } .container-filter li a:before { top: -10px; } .container-filter li a:after { bottom: -10px; } .container-filter li a.active, .container-filter li a:hover { color: #F2184F; } .container-filter li a.active:before { width: 100%; } .container-filter li a.active:before { top: -4px; opacity: 1; } .container-filter li a.active:after { bottom: -4px; opacity: 1; } .item-box { position: relative; overflow: hidden; display: block; } .item-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; } .item-box:hover:after { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; opacity: 1; } .gallery-heading h4 { margin-bottom: 0; } .gallery-heading h4 a { color: #fff; } .gallery-heading h4 a:hover { color: #F2184F; } .gallery-heading { transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; position: absolute; bottom: -100px; left: 25px; color: #fff; z-index: 1; } .item-box:hover .gallery-heading { bottom: 11px; transition: all 0.3s linear 0.1s; -webkit-transition: all 0.3s linear 0.1s; } .link-zoom { transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; height: 40px; position: absolute; top: 55%; left: 50%; color: #fff; z-index: 1; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); opacity: 0; } .item-box:hover .link-zoom { top: 50%; opacity: 1; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .link-zoom a { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #F2184F; font-size: 17px; color: #fff; } .link-zoom a.project_links { background: #F2184F; } .item-box a { display: inline-block; } .item-box:hover .item-mask { opacity: 1; visibility: visible; } .item-box:hover .item-mask .item-caption, .item-box:hover .item-mask .link { bottom: 30px; opacity: 1; } .item-box:hover .item-mask .link { bottom: 107px; } .item-box:hover .item-container { transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%; } .item-container { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%; } .item-box > a { display: block; } /* ===================================================================================================== */ /* Contants (Portfolio, Blog, Shop, etc) ------------------- */ /* ===================================================================================================== */ .container.nf-container1 { padding-left: 15px; padding-right: 15px; } .nf-row1 { margin-left: -15px; margin-right: -15px; } .nf-col-padding { padding-left: 25px; padding-right: 25px; } .nf-row1:before, .nf-row1:after, .nf-row2:before, .nf-row2:after { display: table; content: " "; } .nf-row1:after, .nf-row2:after { clear: both; } .nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing { padding: 15px; } .nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box { padding: 10px; } .spacing-grid { padding-top: 25px; padding-bottom: 25px; } .nf-col-1 .nf-item, .nf-col-1 .grid-sizer { width: 100%; min-height: 1px; } .nf-col-2 .nf-item, .nf-col-2 .grid-sizer { width: 50%; min-height: 1px; } .nf-col-3 .nf-item, .nf-col-3 .grid-sizer { width: 33.3333%; min-height: 1px; } .nf-col-4 .nf-item, .nf-col-4 .grid-sizer { width: 25%; min-height: 1px; } .nf-col-5 .nf-item, .nf-col-5 .grid-sizer { width: 20%; min-height: 1px; } .nf-col-6 .nf-item, .nf-col-6 .grid-sizer { width: 16.6666%; min-height: 1px; } .nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1, .nf-col-4 .nf-item.w1 { width: 100%; } .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2 { width: 50%; } .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3 { width: 33.3333%; } .nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4 { width: 25%; } .nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2, .nf-col-4 .nf-item.w4-2, .nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2, .nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 { width: 50%; } .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1 { width: 75%; } .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 66.6666%; } @media (max-width: 991px) { .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 50%; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 33.3333%; } .nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing { padding: 25px; } } @media (max-width: 767px) { .container { margin: 0 auto; max-width: 480px; width: 100%; } .nf-col-padding { padding-left: 15px; padding-right: 15px; } .spacing-grid { padding-top: 15px; padding-bottom: 15px; } .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 100%; max-width: 480px; margin: 0 auto; } .nf-col-3, .nf-col-4 { margin: 0 auto; max-width: 480px; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } .nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box { padding: 15px; } body .xs-hidden { visibility: hidden; display: none; opacity: 0; } } @media (max-width: 480px) { .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } } /*-------------------------------------------------------------------------------------------*/ /* Counter STYLE ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .fact-counter-wrapper { position: relative; } .single-fact { text-align: center; display: inline-block; } .single-fact .icon-boxed { width: 100px; height: 100px; font-size: 70px; color: #F2184F; text-align: center; line-height: 121px; margin: 0 auto; position: static; transform: translate(0, 0); -webkit-transform: translate(0, 0); } .single-fact span { font-size: 50px; font-weight: 700; color: #fff; padding: 4px 0 10px; line-height: 1.2; display: block; } .fact-counter-wrapper h2 { font-size: 36px; line-height: 42px; color: #fff; margin: 0; margin-bottom: 27px; } .single-fact p { margin: 0; font-size: 15px; text-transform: uppercase; color: #fff; } .single-fact .icon-box i:before { font-size: 50px; } /* Blog Page --------------------------------------------------------- */ .blog-post { display: inline-block; width: 100%; } .blog-post .post-media { position: relative; overflow: hidden; margin-bottom: 25px; } .post-media img { width: 100%; } .blog-post .post-media iframe { width: 100%; } .blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta { text-transform: uppercase; color: #999; font-size: 13px; } .post-meta span > a > i { color: #F2184F; } .blog-post .post-meta span, .comment-list .post-meta span { margin-right: 3px; } .blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3 { margin-top: 10px; margin-bottom: 20px; font-size: 20px; font-weight: 700; text-transform: capitalize; line-height: 1.5; } .blog-post .post-header h2 { margin-bottom: 10px; margin-top: 5px; font-weight: 600; } .blog-post .post-entry { margin-bottom: 30px; } .blog-post .post-entry p, .blog-post .post-entry blockquote, .post-entry ul { margin-bottom: 20px; } .blog-post .post-entry ul { color: #202020; } .lead-point li { list-style: none; margin-bottom: 10px; color: #F2184F; font-weight: 600; } .lead-point li i { margin-right: 10px; } .blog-post .post-tag { color: #999; text-transform: uppercase; font-size: 13px; } .blog-post .post-tag span { margin-right: 10px; } .blog-post .post-more-link { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .post-meta .post-more-link a { padding: 8px 18px; display: block; text-align: center; min-width: 0; height: auto; line-height: inherit !important; } .post-meta .post-more-link a.btn-Blue { background: #F2184F; color: #fff; border: 2px solid transparent; padding: 8px 15px; } .post-meta .post-more-link a.btn-Blue:hover { background: none; color: #F2184F; border: 2px solid #F2184F } .blog-post .post-more-link { position: relative; z-index: 2; } .blog-post .post-more-link a i { font-size: 18px; margin: 0; background: none; } .blog-post .icons-hover-black { position: absolute; bottom: 39px; padding: 10px 0; visibility: hidden; } .post-section .post-more-link { margin-top: 17px; } .post-section .blog-post .icons-hover-black { bottom: auto; top: 39px; } .blog-section .icons-hover-black { bottom: auto; top: 39px; } .blog-post .post-more-link:hover .icons-hover-black { visibility: visible; } .blog-post .post-more-link:hover .btn-color-line { background: #F2184F; color: #fff; } .blog-post .icons-hover-black a { opacity: 0; transition: all 0.25s ease 0s; } .blog-post .post-more-link:hover .icons-hover-black a { opacity: 1; transition: all 0.25s ease 0s; } .facebook-icon { background: #3b5998; } .twitter-icon { background: #00a0d1; } .linkedin-icon { background: #00a0d1; } .googleplus-icon { background: #db4a39; } .blog-post .icons-hover-black a { padding: 8px 12px; color: #fff; } .blog-post .icons-hover-black a:hover { opacity: 0.8; } .blog-post .post-more-link .icons-hover-black i { line-height: 28px; } .blog-post blockquote { border-left: none; color: #fff; font-size: 17px; font-weight: 400; padding: 25px 25px; margin: 0px; font-weight: 300; } .blog-post blockquote:after { content: ""; font-family: FontAwesome; padding-left: 7px; font-size: 12px; } .blog-post blockquote:before { content: ""; font-family: FontAwesome; padding-right: 7px; font-size: 12px; } .blog-post-hr hr { margin-bottom: 45px; } .post-author { display: inline-block; position: relative; margin-bottom: 10px; } .post-author img { width: 120px; } .post-author .post-author-details { padding-left: 20px; } @media (max-width: 767px) { .post-author .post-author-details { padding-left: 0; padding-top: 25px; } } .blog-post .fa-tag { padding-right: 10px; color: #F2184F; } .post-author h6 { margin-top: 0px; margin-bottom: 0; } .post-author-blog { overflow: hidden; } .post-author ul.social { margin: 0px; padding: 0px; font-size: 16px; } .post-author ul.social li { list-style: none; display: inline-block; margin: 0 5px; } .post-comment { } .post-comment .comment-numb { font-weight: 300; } .post-comment .comment-list { margin-left: 0px; padding-right: 0px; list-style: none; padding: 0px; } .post-comment .comment-list h6 { margin-top: 0px; margin-bottom: 3px; } .post-comment .comment-list li:first-child { padding-top: 0px; } .post-comment .comment-list li { padding-top: 15px; } .post-comment .comment-list li:last-child .comment-detail { border-bottom: 0px none; } .post-comment .comment-list li, .post-comment .comment-list .comment-reply { position: relative; padding-left: 100px; } .post-comment .comment-list .comment-detail { border-bottom: 1px dotted #eee; padding-bottom: 24px; } .post-comment .comment-list .comment-reply { padding-top: 30px; } .post-comment .comment-list .comment-reply-btn i { padding-right: 3px; } .post-comment .comment-avatar { left: 0; margin-right: 15px; position: absolute; width: 85px; } .post-comment .comment-avatar img { width: 100%; } .post-comment-star .star-rat { display: inline-block; } .post-comment-star label { margin-right: 6px; } .blog-date { position: absolute; bottom: 0; left: 0; background: #F2184F; color: #fff; } .post-media { position: relative; } .post-media .event-calender, .first-event .event-calender { width: 54px; height: 67px; font-size: 23px; padding-top: 11px; z-index: 9; text-align: center; } .post-media .event-calender span, .first-event .event-calender span { font-size: 12px; } .blog-post .blog-date span, .post-media .event-calender span { color: #fff; } .post-media img { display: block; } .event-calender span { font-size: 14px; color: #fff; display: block; text-transform: uppercase; margin-top: 0; margin-right: 0; } /* ----------------------------------------------------------------------*/ /* Sidebar Widget ---------------------------------------------------- */ /* ----------------------------------------------------------------------*/ .sidebar-widget { margin-bottom: 35px; } .sidebar-widget:last-child { margin-bottom: 0px; } .sidebar-widget h3 { font-weight: bold; } .sidebar-widget h4 { margin: 0px; padding-top: 0; padding-bottom: 15px; } .widget-search { position: relative; } .widget-search input[type="text"] { padding-right: 30px; border: 1px solid #DEDEDE; margin-bottom: 0; } .widget-search input[type="text"]:focus { border: 1px solid #F2184F; } .blog-post-hr input[type="text"], .blog-post-hr textarea { border: 1px solid #DEDEDE; margin-bottom: 20px; } .blog-post-hr input[type="text"]:focus, .blog-post-hr textarea:focus { border: 1px solid #F2184F; } .widget-search input[type="submit"] { background-color: rgba(0,0,0,0); border: 0 none; color: #8d8d8d; cursor: pointer; display: inline-block; float: right; font-family: "FontAwesome", sans-serif; margin: 0; outline: 0 none; white-space: nowrap; padding: 0 3px; text-decoration: none; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; position: absolute; top: 10px; right: 10px; } .widget-search input[type="submit"]:hover { color: #e6ae49; } .sidebar-widget hr { margin-bottom: 15px; } .sidebar-widget ul { margin: 0px; padding-left: 0px; } .sidebar-widget ul li { list-style: none; font-weight: 400; } .categories li { border-bottom: 1px solid #DEDEDE; } .sidebar-widget ul li a { display: inline-block; padding: 4px 0px; font-size: 13px; color: #323232; cursor: pointer; } .sidebar-widget .categories li a { padding: 10px 0px; text-transform: capitalize; } .sidebar-widget ul li a:hover { color: #F2184F; } .widget-tag { display: inline-table; margin-top: 15px; } .widget-tag li { float: left; margin-bottom: 5px; margin-right: 5px; text-transform: uppercase; } .widget-tag li a { padding: 4px 10px !important; display: block; border: 1px solid #F2184F; color: #F2184F !important; } .sidebar-widget .widget-tag li a:hover { background: #F2184F; color: #fff !important; } .sidebar-widget .widget-post { position: relative; } .sidebar-widget .widget-post .widget-post-media { width: 118px; display: table-cell; padding: 0px 15px 0px 0px; } .sidebar-widget .widget-post li { margin-bottom: 20px; } .sidebar-widget .widget-post a { padding: 0px; } .sidebar-widget .widget-post h6 a { font-size: 15px; font-weight: 700; } .sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video { width: 100%; vertical-align: top; } .sidebar-widget .widget-post .widget-post-info { display: table-cell; vertical-align: top; } .sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6 { margin-bottom: 5px; } .sidebar-widget .widget-post .widget-post-info p { margin: 0px; } .sidebar-widget .color-widget { overflow: hidden; } .sidebar-widget .color-widget li { float: left; width: 25px; height: 25px; margin: 0 8px 8px 0; border: 1px solid #f1f1f1; } .sidebar-widget .red-box { background: #FF0000; } .sidebar-widget .yellow-box { background: #FFD700; } .sidebar-widget .blue-box { background: #0000FF; } .sidebar-widget .green-box { background: #007000; } .sidebar-widget .orange-box { background: #FF4500; } .sidebar-widget .light-b-box { background: #ADD8E6; } .sidebar-widget .black-box { background: #000; } .sidebar-widget .darkmagenta-box { background: #8B008B; } .sidebar-widget .darkturquoise-box { background: #00CED1; } .sidebar-widget .Olive-box { background: #00CED1; } .sidebar-widget .Orchid-box { background: #DA70D6; } .sidebar-widget .purple-box { background: #700080; } .sidebar-widget .darkturquoise-box { background: #8B4513; } .sidebar-widget .magenta-box { background: #FF00FF; } .sidebar-widget .SaddleBrown-box { background: #8B4513; } /* blog ||-----------*/ .post-media { margin: 0 0 20px; } .post-media i { display: inline-block; font-size: 17px } .post-content { position: relative; } .divider { border-top: 1px solid #ddd; } .item-nav { text-align: center; display: block; overflow: hidden; } .item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view { position: relative; display: inline-block; } .item-nav .item-all-view h5, .item-nav .item-all-view h6 { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover { color: #e6ae49; } .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn, .item-all-view { display: inline-block; font-size: 25px; text-align: center; height: 51px; line-height: 51px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn { color: #F2184F; width: 51px; border: 1px solid #F2184F } .item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn { background: #F2184F; color: #fff; } .item-nav .item-prev { text-align: left; float: left; } .item-nav .item-next { text-align: right; float: right; } .item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text { position: absolute; line-height: 51px; top: 10px; z-index: -1; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 150px; font-size: 10px; } .item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text { margin-left: 0; margin-right: 0; visibility: visible; opacity: 1; } .item-nav .item-prev .item-prev-text { left: 100%; margin-left: -110px; padding-left: 15px; } .item-nav .item-next .item-next-text { right: 100%; margin-right: -110px; padding-right: 15px; } .item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6, .item-nav .item-all-view h5, .item-nav .item-all-view h6 { padding-top: 8px; } .our-point { list-style: none; } /*-------------------------------------------------------------------------------------------*/ /* Testimonials ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .quote { position: relative; padding: 40px; min-height: 290px; } .quote p { font-size: 16px; line-height: 1.6; position: relative; } .quote:before { font: normal normal normal 45px/1 FontAwesome; content: "\f10d"; color: #0894D6; position: absolute; left: 26px; top: 16px; transform: rotate(-18deg); -webkit-transform: rotate(-18deg); opacity: 0.6; } .quote:after { content: ''; width: 14px; height: 29px; background: #F2184F; position: absolute; left: 61px; bottom: -14px; transform: rotate(61deg); -webkit-transform: rotate(61deg); } .testimonial-pic { width: 80px; height: 80px; border-radius: 50%; margin: 20px 0 0; overflow: hidden; float: left; } .testimonial-outher { overflow: hidden; text-align: left; float: left; padding-top: 37px; padding-left: 20px; } .testimonial-outher strong, .testimonial-outher span { display: block; } .video-btn { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9; color: #fff; border: 1px solid #fff; cursor: pointer; } .video-btn:hover { color: #F2184F; border: 1px solid #F2184F; } .bg-color { background: #F2184F; } .img-scale figure { overflow: hidden; } .img-scale img { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .img-scale:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } /*-------------------------------------------------------------------------------------------*/ /* Team ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .team-block { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; background: #f2f2f2; padding: 30px 0; } .box-hover:hover .team-block { background: #F2184F; } .box-hover:hover * { color: #fff; } .team-block strong { display: block; font-size: 16px; font-weight: 500; margin-bottom: 5px; } .team-block span { font-family: raleway; font-size: 13px; font-style: normal; } .team-block .small-divider { margin-bottom: 15px; margin-top: 15px; width: 36px; border-color: #fff; } .social-icons { padding-left: 0; } .team-block .social-icons > li { margin: 0 7px; display: inline-block; } .team-block .social-icons .fa { font-size: 16px; } .box-hover:hover .fa { color: #fff; } /*-------------------------------------------------------------------------------------------*/ /* Preloader ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ #preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; background: #fff; } .sk-circle { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #F2184F; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /*--carousel arrow--*/ .arrow_theme .owl-prev, .arrow_theme .owl-next { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; position: absolute; background: rgba(255, 255, 255, 0.33); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: rgba(245,245,245,0.8); color: #252525; display: block; top: 50%; transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; z-index: 3; position: absolute; text-align: center; } .nf-carousel-theme:hover .owl-controls .owl-prev, .nf-carousel-theme:hover .owl-controls .owl-next { margin-right: 0; margin-left: 0; opacity: 1; } @media (max-width: 767px) { .owl-prev, .owl-next { margin-right: 0; margin-left: 0; } } /* ----------------------------------------------------------------------*/ /* Pagination Navigation --------------------------------------------- */ /* ----------------------------------------------------------------------*/ .pagination-nav { width: 100%; display: block; position: relative; text-align: center; } .pagination-nav ul { margin: 0px; padding: 0px; } .pagination-nav ul li { display: inline-block; margin: 0px 2px; } .pagination-nav ul li a { display: block; border: 1px solid #F2184F; color: #F2184F; height: 36px; width: 36px; line-height: 34px; text-align: center; font-size: 14px; } .pagination-nav ul li.active a, .pagination-nav ul li:hover a { background: #F2184F; color: #fff; } /*-------------------------------------------------------------------------------------------*/ /* Time Line Section ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .btn-icon { padding: 0; display: inline-block; text-align: center; border-radius: 2px; height: 35px; width: 35px; line-height: 35px } .btn-icon i { line-height: 35px } .btn-icon.btn-icon-lined { line-height: 31px } .btn-icon.btn-icon-lined i { line-height: 31px } .btn-icon.btn-icon-lined.btn-icon-thin { line-height: 33px } .btn-icon.btn-icon-lined.btn-icon-thin i { line-height: 33px } .btn-icon-lined { display: inline-block; text-align: center; border-radius: 2px; background-color: #fff; border-width: 2px; border-style: solid; border-color: #3D4051; color: #3D4051; height: 35px; width: 35px; line-height: 35px } .btn-icon-lined i { line-height: 35px } .btn-icon-lined.btn-icon-lined { line-height: 31px } .btn-icon-lined.btn-icon-lined i { line-height: 31px } .btn-icon-lined.btn-icon-lined.btn-icon-thin { line-height: 33px } .btn-icon-lined.btn-icon-lined.btn-icon-thin i { line-height: 33px } .btn-icon-lined.btn-icon-thin { border-width: 1px } .btn-icon-lined:hover { background-color: #fff; color: #fff } .btn-icon-lined.btn-default-light { color: #bbb; border: 2px solid #bbb } .btn-icon-lined.btn-default-light:hover { color: #bbb; border: 2px solid #bbb } .btn-icon-lined.btn-default { color: #777; border-color: #777 } .btn-icon-lined.btn-default:hover { color: #777; border-color: #777 } .btn-icon-lined.btn-primary { color: #009688; border-color: #009688 } .btn-icon-lined.btn-success { color: #8BC34A; border-color: #8BC34A } .btn-icon-lined.btn-info { color: #00BCD4; border-color: #00BCD4 } .btn-icon-lined.btn-warning { color: #FFCA28; border-color: #FFCA28 } .btn-icon-lined.btn-danger { color: #F44336; border-color: #F44336 } .btn-icon-round { border-radius: 50% } .btn-icon-sm { height: 30px; width: 30px; line-height: 30px } .btn-icon-sm i { line-height: 30px } .btn-icon-sm.btn-icon-lined { line-height: 26px } .btn-icon-sm.btn-icon-lined i { line-height: 26px } .btn-icon-sm.btn-icon-lined.btn-icon-thin { line-height: 28px } .btn-icon-sm.btn-icon-lined.btn-icon-thin i { line-height: 28px } .btn-icon-md { height: 45px; width: 45px; line-height: 45px; font-size: 18px } .btn-icon-md i { line-height: 45px } .btn-icon-md.btn-icon-lined { line-height: 41px } .btn-icon-md.btn-icon-lined i { line-height: 41px } .btn-icon-md.btn-icon-lined.btn-icon-thin { line-height: 43px } .btn-icon-md.btn-icon-lined.btn-icon-thin i { line-height: 43px } .btn-icon-lg { height: 65px; width: 65px; line-height: 65px; font-size: 28px } .btn-icon-lg i { line-height: 65px } .btn-icon-lg.btn-icon-lined { line-height: 61px } .btn-icon-lg.btn-icon-lined i { line-height: 61px } .btn-icon-lg.btn-icon-lined.btn-icon-thin { line-height: 63px } .btn-icon-lg.btn-icon-lined.btn-icon-thin i { line-height: 63px } .btn-icon-lg-alt { height: 70px; width: 70px; line-height: 70px } .btn-icon-lg-alt i { line-height: 70px } .btn-icon-lg-alt.btn-icon-lined { line-height: 66px } .btn-icon-lg-alt.btn-icon-lined i { line-height: 66px } .btn-icon-lg-alt.btn-icon-lined.btn-icon-thin { line-height: 68px } .btn-icon-lg-alt.btn-icon-lined.btn-icon-thin i { line-height: 68px } .ui-timline-left .ui-timeline:before { left: 0 } @media (min-width: 768px) { .ui-timline-left .ui-timeline .tl-item:before { display: none } .ui-timline-left .ui-timeline .tl-item .tl-caption { margin-left: -55px } .ui-timline-left .ui-timeline .tl-item .tl-body .tl-time { left: auto; right: 15px; color: #777 } } .ui-timeline { display: table; position: relative; table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse } .ui-timeline:before { background-color: #d5d5d5; bottom: 0px; content: ""; position: absolute; left: 0; top: 30px; width: 1px; z-index: 0 } @media (min-width: 768px) { .ui-timeline:before { left: 50% } } .ui-timeline .tl-item { display: table-row; margin-bottom: 5px } .ui-timeline .tl-item:before { display: none; content: "" } @media (min-width: 768px) { .ui-timeline .tl-item:before { display: block; width: 50% } } .ui-timeline .tl-item .tl-caption { width: 150px; margin-left: -55px } @media (min-width: 768px) { .ui-timeline .tl-item .tl-caption { margin-left: -110px } } @media (min-width: 768px) { .ui-timeline .tl-item.alt { text-align: right } .ui-timeline .tl-item.alt:before { display: none } .ui-timeline .tl-item.alt:after { content: ""; display: block; width: 50% } .ui-timeline .tl-item.alt .tl-body .tl-entry { margin: 0 35px 15px 0 } .ui-timeline .tl-item.alt .tl-body .tl-time { right: -220px; left: auto; text-align: left } .ui-timeline .tl-item.alt .tl-body .tl-icon { right: -53px; left: auto } .ui-timeline .tl-item.alt .tl-body .tl-content:after { right: -16px; left: auto; border: 8px solid transparent; border-left: 8px solid rgba(255, 255, 255, 0.9); border-top: 8px solid rgba(255, 255, 255, 0.9) } } .ui-timeline .tl-item .tl-body { display: table-cell; width: 50%; vertical-align: top } .ui-timeline .tl-item .tl-body .tl-entry { position: relative; margin: 0 0 35px 36px } .ui-timeline .tl-item .tl-body .tl-entry .btn-primary { background-color: #F2184F !important; border-color: #F2184F !important; padding: 10px 12px; } .ui-timeline .tl-item .tl-body .tl-time { z-index: 1; position: absolute; left: auto; right: 15px; top: 0; width: 150px; color: #777; line-height: 35px; text-align: right } @media (min-width: 768px) { .ui-timeline .tl-item .tl-body .tl-time { left: -220px; right: auto; color: #3D4051 } } .ui-timeline .tl-item .tl-body .tl-icon { position: absolute; left: -53px; top: 0 } .ui-timeline .tl-item .tl-body .tl-content { position: relative; padding: 15px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.9) } .ui-timeline .tl-item .tl-body .tl-content:after { content: " "; line-height: 0; position: absolute; left: -16px; top: 0; border: 8px solid transparent; border-right: 8px solid rgba(255, 255, 255, 0.9); border-top: 8px solid rgba(255, 255, 255, 0.9) } .tooltip-inner { padding: .85em } .ui-timeline { display: table; position: relative; table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse } .ui-timeline:before { background-color: #d5d5d5; bottom: 0px; content: ""; position: absolute; left: 0; top: 30px; width: 1px; z-index: 0 } .our-vision p { font-size: 17px; line-height: 1.53; } @media (min-width: 768px) { .ui-timeline:before { left: 50% } } .ui-timeline .tl-item { display: table-row; margin-bottom: 5px } .ui-timeline .tl-item:before { display: none; content: "" } @media (min-width: 768px) { .ui-timeline .tl-item:before { display: block; width: 50% } } @media (max-width: 767px) { .ui-timeline .tl-item .tl-caption { margin-left: -39px; } .ui-timeline .tl-item .tl-body .tl-icon { left: -48px; } } .bg-gray { color: #000; background-color: #EFF0F1 !important; } /* Team Section ||-----------*/ .designation { display: block; text-transform: capitalize; font-size: 15px; } /* Serve Section ||-----------*/ #serve-section img { width: 100%; } /*-------------------------------------------------------------------------------------------*/ /* Faq Page ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .faq h3 { font-size: 24px; font-weight: 400; margin-bottom: 20px; text-transform: capitalize; } .faq .page-header { margin: 0; } .faq .faq-header h2 strong { border-bottom-style: solid; border-bottom-width: 2px; } .faq .faq-header h2 { margin-bottom: 27px; font-weight: 300; } .faq .faq-header { margin-bottom: 0; } .faq .panel-title > a { display: block } .faq .panel-group .panel + .panel { margin-top: 14px; } .faq .panel-group .panel-heading + .panel-collapse > .panel-body { border: none; padding: 18px 53px 18px 28px; background: #f2ede9; } .faq .panel-default > .panel-heading { padding: 0; background: #f2ede9; } .faq .panel-default > .panel-heading a { padding: 13px 60px 14px 28px; color: #26211d; position: relative; background: #f9f9f9; font-weight: 700; } .faq .panel-default > .panel-heading a:hover { text-decoration: none; } .faq .panel-default > .panel-heading a.collapsed { background-position: right top } .faq .panel-group .panel { border-radius: 0; border: none; box-shadow: none } .faq .panel-group .panel p { font-weight: 300; } .save-lives.ask-us { background: #faf8f6; } .save-lives.ask-us h2 { font-weight: 300; margin-bottom: 30px; } .faq .panel-heading { border-radius: 0; } .faq .collape-plus { position: absolute; right: 0; top: 0; display: block; width: 48px; height: 100%; text-align: center; } .collape-plus:before { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; font-weight: 400; text-transform: capitalize; } .faq .collape-plus { background: #F2184F; color: #fff; } .panel-title a[aria-expanded="true"] .fa-plus:before { content: "\f068"; font-famiyl: 'FontAwesome'; } /*-------------------------------------------------------------------------------------------*/ /* 404 page ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .big-font { font-size: 130px; margin-bottom: 22px; display: block; } .big-font i { color: #F2184F; } .page-404 { border-top: 1px solid #f1f1f1; } /*-------------------------------------------------------------------------------------------*/ /* Partner Section ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .logo-group { overflow: hidden; padding: 0; border: 1px solid #ddd; border-right: none; border-bottom: none; position: relative; } .logo-group li { width: 20%; float: left; height: 150px; list-style: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .logo-group li img { display: block; margin: 0 auto; } @media only screen and (max-width: 767px) { .logo-group li { width: 50%; } } @media only screen and (max-width: 500px) { .logo-group li { width: 100%; } } /*Avaiablity Section*/ .available_wrap__block { background-image: url(../images/map.jpg); height: 500px; display: table; background-position: center center; background-size: cover; width: 100%; } .available_content__block { display: table-cell; vertical-align: middle; color: #fff; } .available_content__block h2 { font-size: 35px; color: #fff; font-weight: 500; } @media (max-width: 991px) { .available_wrap__block { height: auto; padding: 40px 0; } .quote__block input[type="submit"] { float: left; } } /*-------------------------------------------------------------------------------------------*/ /*home Client Logo ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .client-logo { height: 100px; text-align: center; } .client-logo img { height: 100%; width: auto; } #client-logos .owl-stage-outer .owl-item .item .client-logo img { width: auto; display: inline-block; } /*-------------------------------------------------------------------------------------------*/ /* Register and login Pages ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .page-signin .main-body { max-width: 480px; margin: 10px auto; } .page-signin .body-inner { position: relative; padding: 0 20px 20px; } .card { position: relative; overflow: hidden; margin: 10px 0 20px 0; border-radius: 2px; } .mdl-shadow--2dp, .card-panel, .card { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); } .bg-white { background-color: #fff; color: #3D4051; } .z-depth-2, .page-signin .card { box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .card .card-content { padding: 20px; border-radius: 0 0 2px 2px; } .page-signin .card .card-content { padding: 30px 20px; } .page-signin .logo { font-size: 26px; font-weight: normal; } .page-signin .form-group { position: relative; margin: 0; } .ui-input-group { position: relative; margin: 18px 0 12px; } .card .card-action { border-top: 1px solid rgba(0,0,0,0.05); padding: 20px; } .card .card-action.no-border { border: 0; } .color-primary, a.color-primary { color: #F2184F; } .card .card-action > a { margin-right: 20px; text-transform: uppercase; } .page-signin .additional-info { text-align: center; font-size: 12px; } .page-signin .additional-info a { color: #fafafa; } .page-signin .additional-info .divider-h { border-right: 1px solid #fafafa; margin: 0 15px; } .page-signin .additional-info { text-align: center; font-size: 12px; } .page-signin .body-inner:before { z-index: -1; content: ' '; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; background: #F2184F; height: 220px; } .ui-input-group > input { padding-left: 0; padding-right: 0; border: none; box-shadow: 0 0 0 #fff; border: none; border-bottom: 1px solid #CBD5DD; margin: 0; } .ui-input-group > input:focus { border-bottom: 1px solid #CBD5DD; box-shadow: 0 0 0 #fff; } .page-signin .ui-input-group .form-control { color: #555; } .ui-input-group .input-bar { position: relative; display: block; width: 100%; } .ui-input-group .input-bar:before { left: 50%; } .ui-input-group .input-bar:before, .ui-input-group .input-bar:after { content: ''; height: 1px; width: 0; bottom: 1px; position: absolute; background: #F2184F; -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .ui-input-group .input-bar:after { right: 50%; } .ui-input-group .input-bar:before, .ui-input-group .input-bar:after { content: ''; height: 1px; width: 0; bottom: 1px; position: absolute; background: #F2184F; -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .ui-input-group > label { color: #999; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 10px; -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); margin: 0; } .ui-input-group>input:focus ~ label, .ui-input-group>input:valid ~ label { top: -20px; left: 0; font-size: 12px; } .ui-input-group>input:focus ~ label, .ui-input-group>textarea:focus ~ label { color: #F2184F; } .ui-input-group>input:focus ~ .input-bar:before, .ui-input-group>input:focus ~ .input-bar:after { width: 50%; } .ui-input-group>input:focus ~ .input-bar:before, .ui-input-group>input:focus ~ .input-bar:after { width: 50%; } .checkbox-field label { font-size: 12px; } .checkbox-field #check_box { position: absolute; top: 0; left: 0; opacity: 0 } .custom-check { width: 20px; height: 20px; display: inline-block; border: 1px solid #F2184F; top: 4px; position: relative; margin-right: 10px; } .custom-check:before { content: ""; font-family: "Ionicons"; color: #F2184F; font-size: 24px; position: absolute; top: -3px; left: 5px; } .checkbox-field #check_box:checked + .custom-check:before { content: "\f3fd"; } .spacer { display: block; margin-top: 15px; margin-bottom: 15px; } /*-------------------------------------------------------------------------------------------*/ /* Course Details ||---------------------------- */ /*-------------------------------------------------------------------------------------------* */ .course__content_block { border: 1px solid #d8d5d5; padding: 20px 30px; } .course_features_point { list-style: none; overflow: hidden; width: 63%; padding: 0; margin: 20px 0 0; } @media (max-width: 991px) { .course_features_point { width: 100%; } } .course_features_point li { float: left; width: 50%; margin-bottom: 5px; } @media (max-width: 767px) { .course_features_point li { width: 100%; float: none; } } .course_features_point li i { color: #F2184F; margin-right: 10px; } .course__details_block .student-feedback { position: relative; margin-top: 80px; margin-bottom: 40px; } .course__details_block h2 { position: relative; font-size: 28px; font-weight: 700; margin-bottom: 20px; } .course__details_block .student-feedback .inner-box { position: relative; border: 1px solid #e7e7e7; } .course__details_block .student-feedback .inner-box .rating-title, .course__details_block .student-feedback .inner-box .rating-column { position: relative; padding: 0px; } .course__details_block .student-feedback .inner-box .rating-title .inner { position: relative; padding: 55px 20px; text-align: center; background-color: #f2f2f2; border-right: 1px solid #e7e7e7; } .course__details_block .student-feedback .inner-box .rating-title .inner h3 { position: relative; font-size: 72px; color: #000000; line-height: 1em; } .course__details_block .student-feedback .rating-title .inner .total-rating { font-size: 16px; margin-top: 5px; margin-bottom: 15px; color: rgba(0,0,0,0.40); } .course__details_block .student-feedback .rating-title .inner .rating { position: relative; } .course__details_block .student-feedback .rating-title .inner .rating .fa { color: #F2184F; margin: 0px 2px; } .course__details_block .student-feedback .rating-column .rating-inner { position: relative; padding: 40px 35px 20px; } .course__details_block .student-feedback .rating-column .rate-info { position: relative; margin-bottom: 10px; padding-left: 50px; padding-right: 130px; } .course__details_block .student-feedback .rating-column .rate-info .total-star { position: absolute; color: #000000; font-size: 15px; display: inline-block; left: 0px; top: 0px; } .course__details_block .student-feedback .rating-column .rate-percentage { position: relative; width: 100%; height: 15px; top: 2px; display: inline-block; background-color: #f2f2f2; } .course__details_block .student-feedback .rating-column .rate-percentage .colored-layer { position: absolute; height: 15px; top: 0px; display: inline-block; background-color: #F2184F; } .course__details_block .student-feedback .rating-column .rate-info .feedback { color: #000000; position: absolute; right: 0px; font-size: 15px; font-weight: 400; float: right; top: 0px; } .course__details_block .student-feedback .rating-column .rate-info .feedback span { color: #ababab; margin-left: 5px; } .course__details_block .student-comment { position: relative; margin-bottom: 30px; } .course__details_block .student-comment:last-child { margin-bottom: 0px; } .course__details_block .student-comment .comment-inner { position: relative; padding-left: 290px; padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; } .course__details_block .student-comment .comment-inner .student-info { position: absolute; left: 0px; top: 0px; margin-bottom: 20px; } .course__details_block .student-comment .comment-inner .student-info .info-inner { position: relative; padding-left: 90px; } .course__details_block .student-comment .comment-inner .student-info .info-inner .student-image { position: absolute; left: 0px; top: 0px; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; border: 2px solid #eaeaea; } .course__details_block .student-comment .comment-inner .student-info .info-inner h4 { position: relative; color: #000000; font-size: 18px; font-weight: 500; text-transform: capitalize; } .course__details_block .student-comment .comment-inner .student-info .info-inner .time { font-size: 15px; color: #b6b6b6; } .course__details_block .student-comment .comment-inner .student-info .info-inner .rating .fa { margin-right: 2px; color: #F2184F; } .course__details_block .student-comment .comment-inner .comment-text { position: relative; font-size: 16px; line-height: 1.8em; color: rgba(0,0,0,0.40); } @media (max-width: 767px) { .course__details_block .student-comment .comment-inner .student-info { position: static; } .course__details_block .student-comment .comment-inner { padding-left: 0; } } /*-------------------------------------------------------------------------------------------*/ /* Tetstimonial ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ #testimonial-section h4 { font-size: 14px; font-weight: 600; } #testimonial-section h4 span { text-transform: capitalize; font-weight: 300; display: inline-block; margin-right: 5px; } .client-avtar { position: absolute; left: 42px; top: -36px; width: 70px; height: 70px; border: 2px solid #3bafda; } .right-pos { left: auto; right: 42px; } .bg-dark { position: relative; } .dark-gray-bg { background: #eaeff3; } /*-------------------------------------------------------------------------------------------*/ /* Contact Page ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .map { width: 100%; height: 450px; } #map { height: 100%; } #success { display: none; position: absolute; top: -76px; left: 0; width: 100% } .dark-translucent-bg { border-top: none; border-bottom: none; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; z-index: 9; } .dark-translucent-bg { background-color: rgba(0,0,0,.4); } .contact-form { position: relative; background: #fff; } .contact-form input[type="text"], .contact-form textarea { padding-right: 30px; border: 1px solid #DEDEDE; margin-bottom: 0; font-size: 14px; } form .error { border-color: #e1534f !important; } .contact-form textarea { height: 202px; } .contact-form input[type="text"] { display: block; height: 46px; margin-bottom: 32px; width: 100%; font-size: 14px; padding: 0 15px; border: 1px solid #e5e5e5; color: #878787; background: transparent; -webkit-appearance: none; border-radius: 0; } .contact-form input[type="text"]:focus, .contact-form textarea:focus { border: 1px solid #F2184F; } .i-block { display: inline-block; } .icon-circle { font-size: 50px; border: 1px solid #d5d5d5; height: 89px; width: 89px; text-align: center; line-height: 89px; margin: 0 auto; border-radius: 100%; display: block; } .contact .icon-circle { border: 1px solid #F2184F; color: #F2184F; } .mapmarker .ion-ios-location { color: #F2184F; font-size: 50px; } .form-full { width: 100%; } @media (max-width: 767px) { .inner-intro .container { width: 100%; max-width: 720px; text-align: center; } } /* 14 - Contact Us ----------------------------------------------*/ .contact-info { background-color: #fff; margin-top: 50px; } .contact-info h4 { font-size: 20px; color: #65ac4c; padding: 20px; border-bottom: 1px solid #eeeeee; } .contact-info .info { padding: 20px 30px; margin: 0px; } .contact-info .info li { list-style: none; border-bottom: 1px solid #eeeeee; overflow: hidden; padding: 15px 0px; } .contact-info .info li .icon { float: left; margin-right: 15px; font-size: 36px; color: #65ac4c; line-height: 1; } .contact-info .info li .icon:before { font-size: 26px; } .contact-info .info li .content { display: table; } .contact-info .info li .content p { margin: 0px; color: #696969; font-size: 14px; font-weight: 500; } .contact-info .event-social { padding: 0px 30px 30px; } .contact-info .event-social li { margin-right: 5px; } .contact-info .event-social li a { height: 40px; width: 40px; line-height: 2; } .contact .contact-form h3 { font-size: 30px; margin-bottom: 30px; } .contact .contact-info { margin: 0px; } .contact .contact-info h3 { font-size: 30px; margin-bottom: 10px; } .contact .contact-info .info { padding: 0px; margin-bottom: 20px; } .contact .contact-info .event-social { padding: 0px; } .event-social { overflow: hidden; margin-bottom: 30px; } .event-social li { list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 5px; } .event-social li a { color: #fff; font-size: 22px; background-color: #3b5998; height: 50px; width: 50px; display: inline-block; text-align: center; border-radius: 100%; line-height: 2.5em; } .event-social li:nth-child(2) a { background-color: #55acee; } .event-social li:nth-child(3) a { background-color: #ff0084; } .event-social li:nth-child(4) a { background-color: #f26798; } .event-social li:nth-child(5) a { background-color: #cb2027; } .event-social li:last-child a { background-color: #dc4e41; } /*-------------------------------------------------------------------------------------------*/ /* Project ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .filter-button-group { list-style: none; padding: 0; overflow: hidden; } .filter-button-group li { float: left; margin-bottom: 10px; margin-right: 20px; } .line-btn { background: none; color: #323232; padding: 5px 10px; border: 2px solid #e1e1e1; display: block; cursor: pointer; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .line-btn:hover, .line-btn.active { background: #F2184F; border: 2px solid #F2184F; color: #fff; } .project-col-3 { list-style: none; padding-left: 0; margin-left: -30px; } .project-col-3 li { float: left; padding-left: 30px; width: 33.33%; margin-bottom: 15px; } @media (max-width: 991px) { .project-col-3 li { width: 50%; } } @media (max-width: 767px) { .project-col-3 li { width: 100%; } } /* Project details ||-----------*/ .project-details { position: relative; } .project-info { position: absolute; top: 80%; right: 20px; background: #808080; color: #fff; padding: 48px 30px; width: 400px; } .project-box { overflow: hidden; width: 100%; } .project-info ul, .project-gallery { list-style: none; padding: 0; } .project-info li { padding-top: 10px; } .project-info strong { min-width: 133px; display: inline-block; } .project-gallery { overflow: hidden; } .project-gallery li { margin-bottom: 20px; width: 50%; float: right; padding-right: 20px; } .project-gallery li img { width: 100%; max-width: none; } .nf-carousel-theme-top .owl-prev, .nf-carousel-theme-top .owl-next { top: -45px; right: 0; left: auto; border: 2px solid #e9e9e9; color: #ccc; font-size: 22px; height: 1.8em; line-height: 1.6em; padding: 0; text-align: center; width: 1.8em; margin-right: 0; margin-left: 0; opacity: 1; background: none; } .nf-carousel-theme-top .owl-prev { right: 50px; } .nf-carousel-theme-top .owl-prev:hover, .nf-carousel-theme-top .owl-next:hover { border: 2px solid #F2184F; color: #fff; background: #F2184F; } .project-col-3 li.width-2 { width: 66.66%; } .project-col-3 li.grid-sizer { margin-bottom: 0; } .black-bg { background: #2C2C2C; } .about-block .box-title h3 { font-weight: bold; font-size: 24px; text-transform: capitalize; } .about-block { -webkit-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } @media (min-width: 768px) and (max-width: 991px) { .project-info { width: 100%; } .project-info { position: static; } .project-info li { float: left; width: 50%; } .project-gallery { margin-left: -20px; } .project-gallery li { float: left; width: 25%; padding-right: 0; padding-left: 20px; margin-bottom: 0; } .project-col-3 li.width-2 { width: 50%; } } @media (max-width: 767px) { .project-info { width: 100%; } .project-info { position: static; } .project-info li { float: none; } .project-col-3 li.width-2 { width: 100%; } .project-gallery li { margin-bottom: 0; } } .about-project ul.list li i { font-size: 10px; } /*home Corparate*/ /*============================================ = [07] Waste time quote css = =============================================*/ .waste-time-area { background: #cb011b; padding: 50px 0; } .waste-time-area .waste-time-content { color: #ffffff; } .waste-time-area .waste-time-content h3 { color: #ffffff; font-size: 30px; margin-bottom: 5px; } .waste-time-area .waste-time-content p { margin-bottom: 0; } .waste-time-area .waste-time-button { text-align: right; } .waste-time-area .waste-time-button .btn-default { display: inline-block; margin-top: 6px; } /* Whate We Do ||-----------*/ .about_service .feature-bg-box .icon { position: static; margin: 0 auto; } .about_service .feature-bg-box .title { display: inline-block; margin-top: 25px; } .about_service .feature-bg-box .icon { background: #3a3a3a; } .about_service .thm-btn { font-size: 14px; font-weight: 400; margin-top: 15px; } .about_service .bg-clr1 { background: #31312f; } .whate_about p { line-height: 1.4; font-size: 17px; } /*Testimonial 2*/ .owl-item { cursor: move; } .box-width { margin: 0 auto; text-align: center; max-width: 598px; } .name-text { color: #F2184F; font-size: 14px; display: block; text-transform: uppercase; } .site-text { color: #fff; font-style: italic; font-size: 14px; } /**Our Best Plane**/ .pricing-wrap { background: #fff; border: 1px solid #d2d7e2; border-top: 5px solid #168be8; font-family: 'Open Sans', sans-serif; } .price-title { background: #f5f5f5; padding: 20px 0; } .price-title h3 { margin: 0; } .price-header { width: 100%; min-height: 159px; padding-top: 15px; } .price-header h5 { font-weight: 300; font-size: 15px; margin: 0; padding-bottom: 12px; } .price-header .price-value { font-size: 45px; font-weight: 600; margin: 0; } .price-header .price-value sup { font-size: 17px; top: -19px; margin-right: 3px; } .price-header p { font-size: 15px; font-weight: 600; margin: 0; color: #545454; } .price-header .past-price { font-size: 15px; font-weight: 600; display: block; color: rgba(109, 109, 109, 0.75); } .skinonebg .price-header p, .skinonebg .price-header h5 { color: rgba(255, 255, 255, 0.78); } .skinonebg .price-header .past-price { color: rgba(255, 255, 255, 0.47); } .features { width: 100%; text-align: center; } .features .get-start { width: 80%; } .features ul { padding: 0; margin: 0; } .features li { list-style: none; font-size: 12px; font-weight: 400; color: #131924; padding: 12px 15px; border-top: 1px solid #d2d7e2; } .plancolor { background: #f8f8f8; } .pricing-btn { width: 100%; padding: 25px 0; border-top: 1px solid #d2d7e2; } .pricing-btn .get-start { background: #168be8; color: #fff; margin-top: 0; } .pricing-btn .get-start.white-btn { background: #fff; color: #168be8; } .pricing-btn li { list-style: none; } .pricing-btn li a { width: 60%; float: left; margin-left: 20%; background: #ccc; border-radius: 30px; text-decoration: none; font-size: 12px; font-weight: 300; padding-top: 9px; color: #fff; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .pricing-btn li a:hover { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .skinonebg { background: #168be8; } .price-blue--color { color: #165cb2; } .pricing-btn--bg li a { background: #2682bc; } .pricing-btn--bg li a:hover { background: #3497d6; } .featuredcolor { color: #fff; } .skinonefeatures li { color: #fff; border-top: 1px solid #3a9cda; } .skinoneplancolor { background: #165cb2; } .skinonefeaturedreq { border-top: 1px solid #3a9cda; } /*.skinonefeaturedreq {background:#308fcb;}*/ .skinonecheck { color: #ceff68; margin-right: 8px; } /*Pricing table*/ .pricing--item { margin-bottom: 60px } .pricing--content { position: relative; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, .05); text-align: center; z-index: 0 } .pricing--content.ribbon:before { content: "Recommended"; position: absolute; top: 22px; left: -45px; padding: 15px 40px; color: #119ee6; background-color: #fff; font-family: 'Droid Serif', serif; font-size: 14px; line-height: 18px; font-weight: 700; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .pricing--header { padding: 17px 15px 30px; color: #fff; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out } .pricing--content.active .pricing--header, .pricing--content.active .pricing--icon .fa, .pricing--content.active .pricing--icon .fa:after, .pricing--content.active .pricing--icon:before, .pricing--content:hover .pricing--header, .pricing--content:hover .pricing--icon .fa, .pricing--content:hover .pricing--icon .fa:after, .pricing--content:hover .pricing--icon:before { background-color: #165cb2 } .pricing--header .h5 { margin-top: 18px; font-style: italic; font-weight: 400 } .pricing--header .h5 strong { display: block; font-size: 30px; font-style: normal; margin-bottom: 25px; } .pricing--header .h5 strong small { color: #fff; font-size: 18px } .pricing--icon { position: relative; margin-top: -33px; color: #fff; font-size: 30px; line-height: 30px; z-index: -1 } .pricing--icon:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-color: #000; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: -1 } .pricing--icon:after { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 85px; margin: 5px auto; border: 1px solid #fff; border-radius: 50%; z-index: 0 } .pricing--icon .fa, .pricing--icon .fa:after { background-color: #000; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out } .pricing--icon .fa { min-width: 95px; padding: 32.5px 0; border-radius: 50% } .pricing--icon .fa:before { position: relative; z-index: 2 } .pricing--icon .fa:after { content: " "; position: absolute; top: 0; left: 0; right: 0; width: 85px; height: 56%; margin: 0 auto; z-index: 1 } .pricing--features { font-size: 16px; line-height: 20px } .pricing--features ul { padding: 0; margin: 28px 0 0; list-style: none } .pricing--features li { margin-bottom: 16px; padding: 0 15px } .pricing--features li:last-child { margin-bottom: 0 } .coming-soon--content .social .nav > li > a:hover, .f0f--content p a, .footer--widget > ul > li:hover:before, .pricing--features .fa-check, .product--img figcaption .nav > li > a:hover, .product--rating .br-theme-bootstrap-stars .br-widget a.br-active:after, .product--rating .br-theme-bootstrap-stars .br-widget a.br-selected:after, .product--single-summery-meta .table td a.active { color: #119ee6 } .pricing--features li .h3 { margin: 1px 0 4px; line-height: 37px } .pricing--footer { padding: 30px 0 } .pricing--content.active .pricing--footer .btn-primary, .pricing--content:hover .pricing--footer .btn-primary { background-color: #000; border-color: #000 } .pricing--items.shadow--off .pricing--content { box-shadow: none } .pricing--items.shadow--off .pricing--footer { padding-bottom: 0 } .pricing--items.border--on .pricing--content { border-radius: 4px 4px 0 0 } .pricing--items.border--on .pricing--features { position: relative; z-index: 0 } .pricing--items.border--on .pricing--features:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-style: solid; border-width: 0 0 0 1px; border-color: #eee } .pricing--items.border--on .pricing--item:last-child .pricing--features:before { border-right-width: 1px } .pricing--items.border--on .pricing--icon+ .pricing--features:before { top: -77px } .pricing--items.border--on .pricing--features ul { margin-top: 0 } .pricing--items.border--on .pricing--features li { margin-bottom: 0; padding: 10px 30px; border-style: solid; border-width: 1px 0 0; border-color: #ccc } .pricing--items.border--on .pricing--features li:last-child { border-bottom-width: 1px } #pricingIncluded .pricing--item { float: none; display: inline-block; margin-bottom: 60px; vertical-align: bottom } #pricingIncluded .pricing--item:first-child { padding-bottom: 74px } .pricing--table { margin-bottom: 0; text-align: center } .pricing--table th { position: relative; padding-top: 25px !important; padding-bottom: 25px !important; color: #222; border: 0 !important; font-family: 'Droid Serif', serif; font-size: 18px; text-align: center; z-index: 0 } .pricing--table th:before { top: 0; height: 100%; background-color: #eee } .pricing--table td:before, .pricing--table th:before { content: " "; position: absolute; left: 0; width: 100%; border-style: solid; border-width: 1px 0; border-color: #ccc; z-index: -1 } .pricing--table td:first-child:before, .pricing--table th:first-child:before { border-left-width: 1px; border-radius: 4px 0 0 4px } .pricing--table td:last-child:before, .pricing--table th:last-child:before { border-right-width: 1px; border-radius: 0 4px 4px 0 } .pricing--table th:after { top: 17.5px; bottom: 17.5px } .pricing--table td:after, .pricing--table th:after { content: " "; position: absolute; right: 0; width: 1px; background-color: #ccc } .pricing--table td:last-child:after, .pricing--table th:last-child:after { display: none } .pricing--table td { position: relative; padding-top: 21px !important; padding-bottom: 11px !important; border: 0 !important; font-size: 16px; vertical-align: middle !important; z-index: 0 } .pricing--table td:before { top: 10px; bottom: 0; height: auto; background-color: transparent } .pricing--table td:after { top: 26px; bottom: 16px } .pricing--table .btn-default { color: #222; background-color: #eee; border-color: #eee; font-weight: 700 } .pricing--table .btn-default:focus, .pricing--table .btn-default:hover { color: #fff; background-color: #119ee6; border-color: #119ee6 } .reset-gutter > [class*=col-], .reset-padding { padding-right: 0; padding-left: 0; } #pricingIncluded .pricing--items, .gallery--content-sidebar .tags { font-size: 0; } .bg-color--black { background: #168be8; } #pricingIncluded .plan-list { font-size: 15px; background: #165cb2; padding: 26px 20px 21px; display: inline-block; color: #fff; position: relative; font-weight: bold; margin-top: 0; margin-bottom: 30px; } #pricingIncluded .plan-list:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(153, 153, 153, 0); border-left-color: #165cb2; border-width: 18px; margin-top: -18px; } @media screen and (max-width: 991px) { #pricingIncluded .pricing--item { display: block } #pricingIncluded .pricing--item:first-child { display: none } #pricingIncluded .pricing--features { text-align: right } #pricingIncluded .pricing--features li strong { float: left; color: #222; font-family: 'Droid Serif', sans-serif; font-weight: 400 } #pricingIncluded .pricing--items.border--on .pricing--features:before { border-right-width: 1px } .pricing--table thead { display: none } .pricing--table tr { display: block; margin-bottom: 30px; border-top: 1px solid #ccc; border-radius: 4px } .pricing--table tr:last-child { margin-bottom: 0 } .pricing--table td { display: block; padding-top: 11px !important; padding-left: 15px !important; padding-right: 15px !important; text-align: right } .pricing--table td:before { top: 0; border-width: 0 1px 1px; border-radius: 0 } .pricing--table td:first-child:before { border-radius: 4px 4px 0 0 } .pricing--table td:last-child:before { border-radius: 0 0 4px 4px } } /*home agency*/ /* ============================================ 6. Our Service ===============================================*/ .our_service { background: #f2f2f2; } .our_service .row .col-sm-4:nth-child(1), .our_service .row .col-sm-4:nth-child(2), .our_service .row .col-sm-4:nth-child(3) { margin-bottom: 30px; } .service_box { position: relative; z-index: 9; background: #fff; padding: 40px 10px; border: 1px solid #f1f0f0; } .service_box:hover { box-shadow: 3px 5px 15px rgba(0,0,0, .15); } .service_icon { box-sizing: border-box; display: inline-block; font-size: 36px; height: 80px; line-height: 36px; margin: 18.49px auto; position: relative; text-align: center; vertical-align: middle; width: 80px; } .service_details { display: inline-block; width: calc(100% - 70px); vertical-align: middle; padding-left: 15px; } .service_details h5 a { color: #00b4fa; } .service_details h5 { font-size: 18px; font-weight: 700; line-height: 26px; } .service_box { background: #fff; padding: 40px 20px; } .service_box:hover { box-shadow: 3px 5px 15px rgba(0,0,0, .15); } @media only screen and (max-width: 991px) and (min-width: 768px) { .service_box { min-height: 395px; } .service_icon { display: block; margin-bottom: 25px; } .service_details { display: block; width: 100%; } .service_details h5 { font-size: 14px; } } .line-h:after { content: ''; width: 168px; height: 1px; background: #F2184F; position: absolute; top: 1px; left: -55px; } .l-left.line-h:after { left: 0; } /*icon hover*/ .hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 80px; height: 80px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; } .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hi-icon:before { speak: none; font-size: 34px; line-height: 80px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } /* Effect 3 */ .hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 2px #00b4fa; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #00b4fa; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } /* Effect 3b */ .hi-icon-effect-3b .hi-icon { color: #00b4fa; } .hi-icon-effect-3b:hover .hi-icon { color: #fff; } .hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .hi-icon-effect-3b:hover .hi-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .offer_section .service_details { display: block; width: 100%; padding-left: 0; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section { position: relative; } .team-member { position: relative; width: 100% !important; } .team-member .inner-box { position: relative; overflow: hidden; transform: translateZ(0); -webkit-transform: translateZ(0); } .team-member .inner-box .image-box { position: relative; } .team-member .inner-box .image-box img { position: relative; width: 100%; display: block; } .team-member .inner-box .overlay-box { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 13px 30px; } .team-member .inner-box .overlay-box .user-info { position: relative; top: 7px; } .team-member .inner-box .overlay-box .user-info .text { position: relative; color: #777777; font-size: 14px; font-family: 'Courgette', cursive; } .team-member .inner-box .overlay-box .user-info h4 { color: #444444; font-size: 16px; font-weight: 700; text-transform: uppercase; } .team-member .inner-box .overlay-box:before { position: absolute; content: ''; left: 0px; bottom: 0px; border-bottom: 88px solid #f8f8f8; border-right: 372px solid transparent; } .team-member .inner-box .overlay-box:after { position: absolute; content: ''; right: -100%; bottom: 0px; border-bottom: 88px solid #F2184F; border-left: 240px solid transparent; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .team-member .inner-box .overlay-box .social-icon-two { position: absolute; right: 30px; bottom: 6px; z-index: 99; opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; } .team-member .inner-box:hover .overlay-box:after { right: 0px; } .team-member .inner-box:hover .social-icon-two { opacity: 1; } #team .team-pagination .owl-controls .owl-nav .owl-prev, #team .team-pagination .owl-controls .owl-nav .owl-next { top: 40%; position: absolute; border: 2px solid #F2184F; color: #ffffff; background: #F2184F; border-radius: 3px; font-size: 22px; height: 1.8em; line-height: 1.6em; padding: 0; text-align: center; width: 1.8em; } #team .team-pagination .owl-controls .owl-nav .owl-prev { left: 0px; } #team .team-pagination .owl-controls .owl-nav .owl-next { right: 0px; } /*Social Icon Two*/ .social-icon-two { position: relative; } .social-icon-two li { position: relative; margin-left: 12px; display: inline-block; } .social-icon-two li a { color: #ffffff; font-size: 14px; } /*Social Icon Three*/ .social-icon-three { position: relative; } .social-icon-three a { color: #aaaaaa; margin-left: 10px; font-size: 14px; } .social-icon-three a:hover { color: #99cc00; } .theme_color { color: #99cc00; } .team-pagination .owl-prev, .team-pagination .owl-next { margin: 0; background: #323232; opacity: 0.5; color: #fff; } .box-shadow { box-shadow: 3px 5px 15px rgba(0,0,0, .15); } /*Pricing Table*/ #pricing_table { background: #f8f8f8 } .pricing_title { padding-bottom: 70px } .pricing_table { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; text-align: center; border-radius: 5px; margin-bottom: 10px } .package-price { font-size: 26px; color: #fff; border-radius: 55px; width: 110px; padding-top: 21px; margin: 0 auto; position: relative } .package_title p { font-size: 22px; letter-spacing: 0; font-weight: 500; color: #888; padding: 40px 0 20px } span.currency-symbol { display: inline-block; font-size: 16px; position: absolute; top: -12px; left: 0; margin-left: 27px; } span.price { font-size: 36px; display: inline-block } span.duration { font-size: 13px; display: block } ul.price_feature { padding: 20px 50px 35px 50px } .price_feature li { padding: 18px 0; font-size: 15px; border-bottom: 1px solid #eee; color: #888 } .section_title-2.pricing_title { padding-bottom: 75px } .pricing-2 .package_title { padding-top: 20px; border-bottom: 1px solid #eee } .pricing-2 .package-price { background: none } .pricing-2 .currency-symbol { margin-left: 5px; margin-top: 28px } .pricing-2 .price { font-size: 48px; font-weight: 300 } .pricing-2 .duration { color: #888; } .pricing-2 .package_title p { color: #333; font-size: 16px; padding: 5px 0 16px; font-weight: 600; } .pricing-2 ul.price_feature { padding: 0 0px 35px 0 } .pricing-2 .price_feature li { padding: 20px 0; font-size: 14px; color: #333; font-weight: 400; list-style: none; } .pricing-2 .pricing_table.active { box-shadow: none } .pricing-2 .price, .pricing-2 .currency-symbol { color: #F2184F; } .pricing-2 .pricing_table.active { border: 1px solid #F2184F; } a.btn.xplus-btn.pricing { color: #333; padding: 0 45px; background: none; border: 1px solid #ddd; height: 50px; line-height: 50px; margin-bottom: 50px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; box-shadow: none; } a.btn.xplus-btn.pricing:hover { color: #fff } a.btn.xplus-btn.pricing.active { color: #fff } a.btn.xplus-btn.pricing.active { background: #F2184F; color: #fff; border-color: #F2184F } a.btn.xplus-btn.pricing.active:hover { background: #F2184F; color: #fff; border-color: #F2184F; border: 1px solid #F2184F; } .btn.xplus-btn, a.btn.xplus-btn.pricing:hover { background: #F2184F; } /*Style 2*/ .pricing-style2 .pricing_table, .pricing-style2 .pricing_table.active { box-shadow: none; border-radius: 0; border: none; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .pricing-style2 .package_title { padding-top: 0; } .pricing-style2 .pricing-top { padding: 20px; margin-bottom: 20px; } .pricing-style2 .pricing-top p { margin-bottom: 0; padding: 0; color: #fff; } .pricing-style .package-price { padding-bottom: 20px; } .pricing-style2 .pricing_table.shadow, .pricing-style2 .pricing_table:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 11px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } /*-------------------------------------------------------------------------------------------*/ /* Testimonial ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .testimonial-block { text-align: center; position: relative; padding: 0 30px 30px; width: 100%; background: #fff; } @media (max-width: 767px) { .mb-sm-80 { margin-bottom: 80px; } } .cyan-background { background: #fff; color: #2f3542; } .testimonial-img { position: relative; top: -40px; } .img-circle.img-border { border: 6px solid #f5f0f0; width: 80px !important; margin-left: auto; margin-right: auto; } .testimonial-author { color: #2f3542; font-weight: 700; display: block; font-size: 16px; margin-top: -25px; margin-bottom: 5px; } .testimonial-block .sub-title { color: #4d5056; font-weight: 500; font-size: 14px; line-height: 1.5; display: block; } .testimonial-block .small-divider { border-color: rgba(47,53,66,0.5); margin-bottom: 20px; margin-top: 20px; width: 41px; } .cyan-background p { color: #2f3542; font-weight: 500; margin-bottom: 20px; font-size: 14px; line-height: 1.5; } .testimonial-block > span { color: #d1d5de; font-size: 12px; } .star i { color: #2f3542; font-size: 14px; margin-bottom: 25px; } /*carousel slider*/ .carousel-slider .carousel-item { width: 100% !important; } .testimonial-section .owl-carousel .owl-stage-outer { padding-top: 43px; } .arrow_theme .owl-prev, .arrow_theme .owl-next { top: 40%; border: 2px solid #e9e9e9; color: #ccc; font-size: 22px; height: 1.8em; line-height: 1.6em; padding: 0; text-align: center; width: 1.8em; margin-right: 0; margin-left: 0; opacity: 1; background: none; } .arrow_theme .owl-prev:hover, .arrow_theme .owl-next:hover, #project-section .owl-prev:hover, #project-section .owl-next:hover { border: 2px solid #F2184F; color: #fff; background: #F2184F; } .testimonial-section .owl-prev, .testimonial-section .owl-next { top: 58%; } .testimonial-section .owl-prev { left: -44px; } .testimonial-section .owl-next { right: -44px; } @media (max-width: 1300px) { .testimonial-section .owl-prev { left: 0; } .testimonial-section .owl-next { right: 0; } } @media (max-width: 767px) { .testimonial-section .owl-prev { left: 0; } .testimonial-section .owl-next { right: 0; } } /*Partner Carousel*/ .partenr-carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto; } .partenr-carousel .owl-prev, .partenr-carousel .owl-next { opacity: 1; margin: 0; background: rgba(50, 50, 50, 0.33); color: #fff; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .partenr-carousel .owl-prev:hover, .partenr-carousel .owl-next:hover { background: #323232; } .partenr-carousel .owl-prev { left: -10px; } .partenr-carousel .owl-next { right: -10px; } /*home creative*/ .creative_heading h2 { font-size: 35px; word-wrap: break-word; font-weight: 700; } @media (max-width: 767px) { .creative_heading h2 { font-size: 34px; } } .parallax-section { position: relative; } .full-screen-intro { overflow: hidden; position: relative; } .content-cap-wraper { display: table; position: relative; height: 100%; width: 100%; margin: 0 auto; } .full-cap-wraper { display: table; position: absolute; top: 0; height: 100%; width: 100%; margin: 0 auto; z-index: 1; } .content-caption { display: table-cell; text-align: center; vertical-align: middle; } .content-wd650 { max-width: 650px; width: 100%; margin-left: auto; margin-right: auto; } .cont-h-100per { height: 100%; } .parallax-section.overlay-dark:before { z-index: 1; } .bg-color3 { background: #e73300; } .section-bar h3 { line-height: 1.5; } .align-center { margin: 0 auto; } .overflow_hidden { overflow: hidden; position: relative; } .image_cover { background-image: url(../images/bg-why.jpg); background-size: cover; display: block; position: absolute; width: 50%; z-index: 2; top: 0; right: 0; bottom: 0; background-position: 50% 50%; } @media (max-width: 767px) { .image_cover { position: static; width: 100%; height: 250px; margin-bottom: 30px; } #choose_us { padding-top: 0; } } .fontsize_28 { font-size: 40px; color: #fff; } #choose_us { color: #fff; } #choose_us.dark-color{ color: #323232; } #choose_us a { color: #fff; } #choose_us .withe_color span { color: #fff; } #choose_us h4 { font-size: 20px; color: #fff; } #choose_us .media { margin-top: 30px; } /*service box*/ .service-content { opacity: 1; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; padding: 0 20px; } .service-content i { font-size: 35px; padding-bottom: 20px; } .border-r { border-right: 1px solid #e8e8e8; } .service-box { position: relative; min-height: 366px; border-right: 1px solid #e8e8e8; overflow: hidden; padding: 150px 0; } .hover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 0 24px; opacity: 0; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .hover-box i { font-size: 33px; margin-bottom: 15px; } .table-box { display: table; width: 100%; height: 391px; } .box-cell { display: table-cell; width: 100%; vertical-align: middle; } .service-box:hover .hover-box { opacity: 1; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .service-box:hover .service-content { opacity: 0; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .min-h { min-height: 418px; } .services-items .owl-nav { position: absolute; bottom: 53px; left: -212px; } .services-items .owl-nav .owl-prev { left: 0; } .services-items .owl-nav .owl-next { left: 50px; right: auto; } @media (max-width: 767px) { .services-items .owl-nav { top: -75px; bottom: auto; left: 50%; margin-left: -50px; } .border-r { border-bottom: 1px solid #e8e8e8; } .service-box { border: none; } .text-center-xs { text-align: center; } } @media (min-width: 500px) { .columns_padding_25 > [class*="container"] > .row { margin-right: -25px; margin-left: -25px; } .columns_padding_25 > [class*="container"] > .row > [class*="col-"] { padding-left: 25px; padding-right: 25px; } } .get-qoute input[type="text"] { height: 60px; } .get-qoute textarea, .get-qoute input[type="text"] { border-radius: 5px; font-size: 18px; } .carousel-box .testimonial-author, .carousel-box .star i { color: #2f3542; } .new-blog .blog-post { padding: 20px; background: #fff; } .project-detail-block { padding: 20px; } .project-detail-block p a { color: #fff; } .project-detail-box h4 { text-transform: uppercase; } .list { list-style: none; } .width-75per, .tab-respons { width: 75%; } @media (max-width: 991px) and (min-width: 768px) { .tab-respons { width: 70%; } } /*project*/ #project-section .italic { margin-bottom: 8px; } #project-section .grid figure { float: none } @media (min-width: 992px) and (max-width: 1199px) { #project-section .block-title h2 { font-size: 25px; } } figure.effect-goliath { background: #F2184F; } figure.effect-goliath img, figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .grid figure img { position: relative; display: block; max-width: 100%; opacity: 0.5; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .grid .effect-goliath { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .grid .effect-goliath:hover img { opacity: 1; } figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-goliath h2 span { color: #fff; } figure.effect-goliath h2, figure.effect-goliath p { position: absolute; bottom: 0; color: #fff; left: 0; padding: 30px; } figure.effect-goliath p { text-transform: none; font-size: 90%; color: #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-goliath:hover img { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .grid figure.effect-goliath { margin: 0; } /*---------------*/ /***** Zoe *****/ /*---------------*/ .grid figure.effect-zoe { background: none; } .grid figure.effect-zoe img { opacity: 1; } figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 4.45em; background: #0c90ce; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-zoe .name-block { float: left; } figure.effect-zoe p.icon-links { float: right; margin-top: 8px; } figure.effect-zoe p.icon-links a { float: left; color: #323232; font-size: 1.4em; } figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; } figure.effect-zoe p.description { position: absolute; bottom: 5em; padding: 2em; color: #000; text-transform: none; font-size: 15px; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ background: rgba(31, 202, 184, 0.67); left: 0; } figure.effect-zoe .name-block, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure.effect-zoe h2 { display: inline-block; } figure.effect-zoe:hover p.description { opacity: 1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover .name-block, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-zoe:hover .name-block { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-size: 19px; } .grid figure h2 span { font-weight: 700; } .grid figure h2, .grid figure p { margin: 0; } #project-section .owl-prev, #project-section .owl-next { position: absolute; height: 40px; width: 40px; border: 1px solid #fff; bottom: 50px; text-align: center; } #project-section .owl-next { left: -112px; } #project-section .owl-prev { left: -160px; } #project-section .owl-nav i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 768px) and (max-width: 991px) { #project-section .owl-prev, #project-section .owl-next { bottom: 50%; } #project-section .owl-next { left: auto; right: 0px; } #project-section .owl-prev { left: 0px; } } @media (max-width: 767px) { #project-section .owl-prev, #project-section .owl-next { bottom: 50%; } #project-section .owl-next { left: auto; right: 0px; } #project-section .owl-prev { left: 0px; } } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { .width-25per { width: 100%; } .width-75per, .tab-respons { width: 100%; } } /*Our History*/ .history-box { background: #fff; padding: 20px; min-height: 330px; margin-top: 20px; position: relative; transform: translateZ(0); -webkit-transform: translateZ(0); } .history_date { padding: 6px 20px; display: inline-block; color: #fff; font-size: 18px; position: absolute; top: -17px; z-index: 9; left: 0; margin: 0 auto; right: 0; width: 100px; text-align: center; } .about-histr .owl-controls .owl-nav .owl-next { right: 0px; } /****************************************************************************** Shopping Cart *******************************************************************************/ .top-pad-80 { padding-top: 80px; } .shop .product-item { border: 1px solid rgba(0, 0, 0, 0.1); position: relative; z-index: 0; max-width: 300px; margin: 0px auto 60px; text-align: center; } .shop.grid-3 .product-item, .shop.grid-2 .product-item { max-width: 400px; } .shop .product-item:hover img { opacity: .6; } .shop .product-img { z-index: -1; position: relative; } .shop .product-details { background-color: #f7f7f7; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .shop .product-details h4, .shop .product-details h5 { margin-bottom: 0px; margin-top: 0px; padding-top: 2px; padding-bottom: 2px; } .shop .product-details h5 { font-size: 18px; font-weight: 400; } .shop .product-details h5 del { padding-right: 10px; color: #1e1e1e; font-size: 16px; } .shop .product-overlay { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0px auto; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 9999; } .shop .product-overlay div { background-color: #f7f7f7; display: block; float: left; width: 50%; padding: 10px; color: #1e1e1e; margin: 0px; } .shop .product-overlay div:hover { background-color: #1e1e1e; } .shop .product-overlay .add-to-cart { border-right: 1px solid rgba(0, 0, 0, 0.1); } .shop .product-overlay a { color: #1e1e1e; text-decoration: none; } .shop .product-overlay div:hover a { color: #ffffff; } .shop .product-overlay a { color: #1e1e1e; } .shop .product-item:hover .product-overlay { opacity: 1; } .product-name a { color: #1e1e1e; text-decoration: none; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .product-name a:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .product-image { background: #f2f2f2; display: inline-block; line-height: 0; } .product-image > img { width: 100%; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .product-image:hover > img { opacity: .9; filter: alpha(opacity=90); -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rotation .product-image:hover > img { opacity: 1; filter: alpha(opacity=100); } .actual-price { color: #7f7f7f; display: inline-block; margin-right: 6px; position: relative; } .actual-price:before { background: #ff0000; content: ""; display: block; height: 1px; left: 50%; margin: 0 0 0 -28px; position: absolute; top: 50%; -webkit-transform: rotate(330deg); transform: rotate(330deg); width: 46px; } .price-details { border-bottom-width: 1px; font-size: 30px; line-height: 1; margin: 0 0 15px; padding: 0 0 15px; } .price-details h3 { display: inline-block; position: relative; padding-right: 40px; margin-right: 10px; margin-bottom: 0px; } .price-details h3:after { content: "\f07e"; display: block; font-size: 16px; font-family: FontAwesome; right: 0; position: absolute; top: 15px; } .product-page .price-details .actual-price { font-size: 15px; } .price { font-size: 30px; line-height: 1; font-family: Oswald, sans-serif; } .arrow-style, .list-style { list-style: none; } /* Zoom Product */ .single-product { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; overflow: hidden; position: relative; } .zoom-product-thumb { text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); } .zoom-product-thumb img { display: inline-block; width: 80px; } .zoomWrapper img, .zoomContainer img { width: 100%; } .zoomWindow { border: none !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); z-index: 99 !important; } .product-regulator { display: inline-block; margin-bottom: 40px; vertical-align: top; } @media (max-width: 767px) { .product-regulator { margin-bottom: 20px; } } .product-regulator button { border: 1px solid #e1e1e1; border-radius: 0; color: #F2184F; height: 44px; padding: 11px 12px; display: inline-block; } .product-regulator .output { color: #7f7f7f; display: inline-block; height: 44px; padding: 11px 12px; text-align: center; vertical-align: top; width: 80px; border: 1px solid #e1e1e1; } .product-meta-details { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; font-size: 14px; } .btn-default, .bar { background-color: #ffc400; } .btn-default:hover, .color-switch .owl-controls .owl-page span, .tags li a { background-color: #F2184F; } /* Ribbon */ .ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon { text-align: center; font-size: 12px; position: relative; padding: 5px 0; left: -5px; top: 15px; width: 120px; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .ribbon:before, .ribbon:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; } .ribbon:before { left: 0; } .ribbon:after { right: 0; } .ribbon.red { background-color: #ff0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0c0c)); background-image: -webkit-linear-gradient(top, #ff0000, #bf0c0c); background-image: -moz-linear-gradient(top, #ff0000, #bf0c0c); background-image: -ms-linear-gradient(top, #ff0000, #bf0c0c); background-image: -o-linear-gradient(top, #ff0000, #bf0c0c); } .ribbon.blue { background-color: #03b6f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#03b6f7), to(#0c8fbf)); background-image: -webkit-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -moz-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -ms-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -o-linear-gradient(top, #03b6f7, #0c8fbf); } .ribbon.green { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); } .ribbon.yellow { background-color: #ffc400; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc400), to(#eab505)); background-image: -webkit-linear-gradient(top, #ffc400, #eab505); background-image: -moz-linear-gradient(top, #ffc400, #eab505); background-image: -ms-linear-gradient(top, #ffc400, #eab505); background-image: -o-linear-gradient(top, #ffc400, #eab505); } .ribbon.no-gradiant { background-image: none; } .ribbon.white { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /****************************************************************************** sidebar_shop *******************************************************************************/ .sidebar_shop .widget_shop { margin-bottom: 40px; } .widget_shop .list-group.panel > .list-group-item { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .widget_shop .list-group-submenu { margin-left: 20px; } .widget_shop .list-group-item { border: 0; } .widget_shop .panel { border: 0; box-shadow: none; } .widget_shop a.list-group-item:focus, .widget_shop a.list-group-item:hover { background: none; } .list-group-item { list-style: outside none none; padding-bottom: 5px; padding-left: 20px; padding-top: 5px; position: relative; } .list-group-item:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 5px; } .list-group-item .fa { margin-left: 7px; display: none; } /* Tags */ ul.tags, .filter-price-box { display: table; margin: 0 auto; } ul.tags li { float: left; margin: 0 3px 3px 0; } .tags li a { border-radius: 2px; color: #ffffff !important; display: block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 5px; text-decoration: none; transition: all 0.2s linear 0s; } .tags li a:hover { opacity: .5; } /* Social Feed widget_shop */ .social-feed.loaded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .social-feed { display: table; margin: 0 auto; } .social-feed li { float: left; height: 62px; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 60px; } .social-feed li img { height: 62px; width: 62px; } /* Shop widget_shops */ .widget_shop .price { font-size: 18px; } .widget_shop .shop h5 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } .widget_shop .price { padding-bottom: 10px; } .widget_shop .price del { margin-right: 10px; font-size: 14px; } /* Poll */ .new-radio { border-radius: 7px; height: 14px; width: 14px; } .new-radio, .new-checkbox { background: none repeat scroll 0 0 #fff; cursor: pointer; float: left; margin: 0px 0 0 -20px; position: absolute; } /* Price Range Filter */ .filter .filter-price-box { padding-bottom: 15px; } .nstSlider { background: none #CCCCCC; cursor: pointer; height: 2px; position: relative; width: 260px; max-width: 100%; margin: 25px auto 40px; } .bar { height: 3px; cursor: pointer; position: absolute; } .nstSlider .rightGrip, .nstSlider .leftGrip { position: absolute; top: 5px; margin-left: -2px; border-width: 0px 5px 0; } .range .leftLabel { left: 0px; top: 12px; font-size: 12px; font-family: 'Lato'; position: absolute; } .range .rightLabel { font-family: 'Lato'; top: 12px; left: 0px; font-size: 12px; position: absolute; } .bar:after { height: 8px; width: 1px; position: absolute; right: -1px; top: -3px; content: ""; cursor: pointer; } .bar:before { height: 8px; width: 1px; position: absolute; left: 0px; top: -3px; content: ""; cursor: pointer; } .nstSlider:after { height: 8px; width: 1px; background: #bebebe; position: absolute; right: -1px; top: -3px; content: ""; cursor: pointer; } .nstSlider:before { height: 8px; width: 1px; background: #bebebe; position: absolute; left: 0px; top: -3px; content: ""; cursor: pointer; } .rightGrip:before { content: ""; height: 15px; width: 2px; position: absolute; right: -8px; top: -5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; } .leftGrip:before { content: ""; height: 15px; width: 2px; position: absolute; left: 0; top: -5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; } .rightGrip:after { content: ""; height: 35px; width: 36px; position: absolute; right: -26px; top: 0px; } .leftGrip:after { content: ""; height: 35px; width: 36px; position: absolute; left: -9px; top: 0px; } .rightGrip:before, .leftGrip:before { border-bottom: 10px solid #ffc400; } .filter-print-price { padding: 7px 0px 0px; margin: 0px 17px; } .filter-print-price a h4 { padding: 5px 31px; color: #FFFFFF; text-align: center; font-family: 'Lato'; font-size: 14px; margin: 0; width: 95px; border: 1px solid; text-transform: capitalize; } .filter-print-price a h4:hover { background-color: #FFFFFF; border: 1px solid; } .filter-print-price .price { font-family: 'Lato'; color: #656565; font-weight: 600; font-size: 14px; margin-left: 6px; text-align: center; } .drag { font-family: 'Lato'; color: #656565; font-size: 12px; font-weight: 600; margin: 12px 0 0 -9px; display: block; } .filter-print-price li { display: inline-block; list-style: none; } .shop-carousel .owl-nav { position: absolute; top: 0; right: 18px; width: 100%; } /****************************************************************************** widget_shop *******************************************************************************/ .widget_shop ul { padding: 0px; margin: 0px; } .widget_shop li { list-style: none; } .widget_shop li a, .widget_shop li a:visited { color: #7f7f7f; text-decoration: none; } .widget_shop li { line-height: 21px; } .widget_shop a, .widget_shop a:visited { color: #7f7f7f; text-decoration: none; -webkit-transition: color .2s linear; transition: color .2s linear; } .widget_shop a:hover { color: #000; -webkit-transition: color .2s linear; transition: color .2s linear; } .widget_shop .widget_shop-title .title { font-weight: 600; line-height: 1.3; margin: 0 0 12px; } .widget_shop .widget_shop-title { border-bottom: 1px solid #e1e1e1; margin: 0 0 12px; position: relative; } .sidebar_shop.widget_shop .widget_shop-title { border-bottom: 1px solid #e1e1e1; margin: 0 0 16px; position: relative; } /* Latest News */ .latest-posts { margin: 0px; padding: 0; } .latest-posts li { list-style: none; clear: both; margin-bottom: 35px; } .latest-posts li:last-child { margin-bottom: 10px; } .latest-posts .post-thumb { width: 100px; } .latest-posts .post-thumb { float: left; } .latest-posts li img { margin-right: 10px; } /* Tabs */ .tab-content { margin-bottom: 20px; margin-top: 20px; } .left-tabs > .nav-tabs { border-width: 0; float: left; margin: 0 -1px 0 0; } .right-tabs > .nav-tabs { border-width: 0; float: right; margin: 0 -1px 0 0; } .left-tabs > .nav-tabs li, .right-tabs > .nav-tabs li { float: none; display: block; } .left-tabs > .nav-tabs > li.active > a, .left-tabs > .nav-tabs > li.active > a:focus, .left-tabs > .nav-tabs > li.active > a:hover { border-width: 1px; border-style: solid none solid solid; border-color: #ddd; } .right-tabs > .nav-tabs > li.active > a, .right-tabs > .nav-tabs > li.active > a:focus, .right-tabs > .nav-tabs > li.active > a:hover { border-width: 1px; border-style: solid solid solid none; border-color: #ddd; } .left-tabs > .nav-tabs li a { border-right: 1px solid #ddd; } .right-tabs > .nav-tabs li a { border-left: 1px solid #ddd; } .left-tabs > .nav-tabs { margin-right: 20px; } .nav-tabs { margin-bottom: 0; margin-left: 0; } .nav-tabs > li > a { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; color: #1e1e1e; font-size: 12px; padding: 10px 20px 11px; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; } .nav > li > a:hover, .nav > li > a:focus { background-color: #f7f7f7; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #e1e1e1; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border: 1px solid #e1e1e1; border-bottom-color: transparent; color: #1e1e1e; font-weight: bold; } .nav-tabs > .active.dropdown > a { z-index: 911; } .tab-content > .tab-pane, .pill-content > .pill-pane { padding: 0; } .tab-content.border { padding: 0 20px 20px 20px; border: 1px solid #ddd; border-top: 0; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; margin: 0; } .tabs-bottom .tab-content > .tab-pane, .tabs-bottom .pill-content > .pill-pane, .tabs-bottom .tab-content { padding: 0px 0 0; margin: 0; } .tabs-bottom.tab-style.dark .nav-tabs { text-align: center; float: none; border: 0; } .tabs-bottom > .nav-tabs > li { float: none; margin: 0; display: inline-block; } .tabs.border { border: 0; } .tabs.border > .nav-tabs > li > a { border: 1px solid #ddd; } .tabs.border > .nav-tabs > li.active > a { border-bottom: 1px solid transparent; } .tabs-right > .nav-tabs > li > a, .tabs-bottom > .nav-tabs > li > a { min-width: 110px; margin-right: 0; margin-bottom: 3px; border: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 110px; margin-right: 0; margin-bottom: 3px; border: 1px solid #ddd; } .tabs-left > .nav-tabs { border: 0 none; border-right: 1px solid #ddd; float: left; margin: 0 -1px 0 0; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #f7f7f7 #ddd #f7f7f7 #f7f7f7; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; } .tabs-left > .tab-content { border-left: 1px solid #ddd; margin: 0; overflow: auto; } .tabs-left > .tab-content > .tab-pane { padding: 0 0 0 20px; } .tabs-right > .nav-tabs { border: 0 none; border-left: 1px solid #ddd; float: right; margin: 0 0 0 -1px; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #f7f7f7 #ddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; } .tabs-right > .tab-content { border-right: 1px solid #ddd; margin: 0; overflow: auto; } .tabs-right > .tab-content > .tab-pane { padding: 0 20px 0 0; } .tabs-right.no-pad > .tab-content > .tab-pane, .tabs-left.no-pad > .tab-content > .tab-pane { padding: 0 0px 0 0; } .tab-style .nav-tabs { border-left: 0; } .tabs-bottom.tab-style > .nav-tabs > li { border-radius: 4px; } .tabs-bottom.tab-style > .nav-tabs > li > a { border-radius: 4px; margin-left: 0px; margin-bottom: 0px; color: #ffffff; border: 0; } .tab-style > .nav-tabs > li > a { border-radius: 4px; margin-left: -1px; margin-bottom: 5px; color: #ffffff; } .tab-style > .nav-tabs > li { background: rgba(0,0,0,.2); } .tab-style.dark > .nav-tabs > li { background: rgba(0,0,0,.7); } .tab-style.dark .nav-tabs { border-left: inherit; margin: 0 !important; } .tab-style > .nav-tabs .active > a, .tab-style > .nav-tabs .active > a:hover, .tab-style > .nav-tabs .active > a:focus, .tab-style > .nav-tabs > li > a:hover, .tab-style > .nav-tabs > li > a:focus { background: rgba(0,0,0,.7); color: #f7f7f7; font-weight: normal; } .tab-style > .tab-content { border: 0; } .tab-style > .nav-tabs .active > a, .tab-style > .nav-tabs .active > a:hover, .tab-style > .nav-tabs .active > a:focus { border: 1px solid rgba(0,0,0,.2); } /* Owl Bootstrap Friendly */ .owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4, .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12 { display: block; float: left; width: auto !important } .owl-carousel .col-md-1 { max-width: 80px; width: auto !important } .owl-carousel .col-md-2 { max-width: 161px; width: auto !important } .owl-carousel .col-md-3 { max-width: 242px; width: auto !important } .owl-carousel .col-md-4 { max-width: 323px; width: auto !important } .owl-carousel .col-md-5 { max-width: 404px; width: auto !important } .owl-carousel .col-md-6 { max-width: 485px; width: auto !important } .owl-carousel .col-md-7 { max-width: 565px; width: auto !important } .owl-carousel .col-md-8 { max-width: 646px; width: auto !important } .owl-carousel .col-md-9 { max-width: 727px; width: auto !important } .owl-carousel .col-md-10 { max-width: 808px; width: auto !important } .owl-carousel .col-md-11 { max-width: 889px; width: auto !important } .owl-carousel .col-md-12 { max-width: 970px; width: auto !important } /****************************************************************************** Max Width "767px" *******************************************************************************/ @media (max-width: 767px) { .owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4 { min-width: 160px; } .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12 { min-width: 300px; } .owl-carousel .col-md-1, .owl-carousel .col-md-2, .owl-carousel .col-md-3, .owl-carousel .col-md-4, .owl-carousel .col-xs-1, .owl-carousel .col-xs-2, .owl-carousel .col-xs-3, .owl-carousel .col-xs-4, .owl-carousel .col-xs-5, .owl-carousel .col-xs-6, .owl-carousel .col-xs-7, .owl-carousel .col-xs-8, .owl-carousel .col-xs-9, .owl-carousel .col-xs-10, .owl-carousel .col-xs-11, .owl-carousel .col-xs-12 { max-width: 300px; } } /****************************************************************************** Min Width "1200x" *******************************************************************************/ @media (min-width: 1200px) { .owl-carousel .col-md-1 { max-width: 100px; } .owl-carousel .col-md-2 { max-width: 200px; } .owl-carousel .col-md-3 { max-width: 300px; } .owl-carousel .col-md-4 { max-width: 400px; } .owl-carousel .col-md-5 { max-width: 500px; } .owl-carousel .col-md-6 { max-width: 600px; } .owl-carousel .col-md-7 { max-width: 700px; } .owl-carousel .col-md-8 { max-width: 700px; } .owl-carousel .col-md-9 { max-width: 900px; } .owl-carousel .col-md-10 { max-width: 1000px; } .owl-carousel .col-md-11 { max-width: 1100px; } .owl-carousel .col-md-12 { max-width: 1200px; } } /****************************************************************************** Max Width "767px" *******************************************************************************/ @media (max-width: 767px) { owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4, .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12 { float: none; margin: 0px auto; } } .shop img { height: auto; max-width: 100%; } /* ==================================== Check-Out Page Css ======================= */ .romana_check_out_form .common_input input, .romana_check_out_form .common_input select { width: 100%; border: 1px solid #e3e3e3; background: #fff; border-radius: 3px; margin-bottom: 30px; } .romana_check_out_form .select_option_one::after { color: #b8b8b8; } .check_form_left { margin-right: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .check_form_left { margin-right: 10px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .check_form_left { margin-right: 0px; } } .check_form_left h3 { margin-bottom: 50px; font-size: 24px; } .check_form_right { padding: 35px 30px 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .check_form_right { padding: 35px 10px 40px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .check_form_right { padding: 35px 10px 40px; } } .check_form_right h3 { font-size: 24px; margin-bottom: 22px; } .product_order ul, .romana_select_method ul { list-style: none; margin-left: 0; padding-left: 0; } .check_form_right .product_order ul li { padding: 8px 5px; } .check_form_right .product_order ul li:first-child { border-bottom: 1px solid #e3e3e3; } .check_form_right .product_order ul li:nth-child(2) { font-weight: 300; font-size: 15px; padding: 15px 5px; border-bottom: 1px solid #e3e3e3; margin-bottom: 8px; } .check_form_right .product_order ul li span { float: right; } .check_form_right .paypal_img { margin-top: 20px; } .check_form_right .common_btn { width: 100%; color: #fff; margin-top: 36px; } .romana_select_method { margin-top: 30px; } .romana_select_method li { margin-top: 20px; } .romana_select_method label { padding-left: 14px; } /* ==================================== Cart Page Css ======================= */ @media only screen and (min-width: 0px) and (max-width: 767px) { .table_scroll { overflow-x: scroll; } } .padding_all { padding-top: 66px !important; } .cart_amount { margin-top: -12px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_amount { margin-top: 4px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .cart_amount { margin-top: 0px; } } .table.table-striped.table-responsive a { border-radius: 14px; color: #fff; font-size: 12px; height: 14px; line-height: 15px; position: absolute; right: 50px; text-align: center; top: 47%; width: 14px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .table.table-striped.table-responsive a { top: 52%; right: 25px; } } .table > tr > th { border-bottom: medium none; color: #fff; padding: 15px; vertical-align: bottom; padding-left: 20px; } .table > thead > tr > th { border-bottom: medium none; color: #fff; vertical-align: bottom; padding-left: 48px; padding-top: 15px; padding-bottom: 15px; } .table > tbody > tr > td, .table > tbody > tr > th { border-bottom: 1px solid #f6f6f6; padding-left: 48px; position: relative; padding-top: 28px; padding-bottom: 28px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .table > tbody > tr > td, .table > tbody > tr > th { padding-left: 2px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .table > tbody > tr > td, .table > tbody > tr > th { padding-left: 20px; } } .table.table-striped.table-responsive p { margin-top: 37px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .table.table-striped.table-responsive p { font-size: 15px; } } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #ffff; } .table.table-striped.table-responsive img { box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); } .cart_page_area .cart_btns { margin-top: 36px; } .cart_page_area .common_btn { background: #4daefe; color: #fff; width: 200px; box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.11); height: 48px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cart_page_area .common_btn { width: 0% !important; margin-top: 20px; line-height: 45px; } } .cart_page_area .hvr-bounce-to-right::before { background: #373737 !important; } .cart_page_area .cart_page_btn1 { background: #fff; border: 1px solid #e3e3e3; color: #8b8b8b; font-weight: 300; font-size: 15px; box-shadow: none; width: 300px !important; margin-right: 18px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_page_area .cart_page_btn1 { width: 200px !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .cart_page_area .cart_page_btn1 { width: 99% !important; } } .cart_page_area .cart_page_btn3 { width: 150px !important; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cart_page_area .cart_page_btn3 { width: 100% !important; } } .cart_page_btn2 { left: 43%; position: absolute; top: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cart_page_btn2 { left: 51%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_page_btn2 { left: 47%; } } .cart_amount > input { background: #fbfbfb; border: medium none; border-radius: 50px; height: 48px; padding: 6px 22px; width: 130px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); } .cart_wrpaer img { width: 93px } .padding_all .product-regulator { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart_amount > input { margin-top: -16px; } } @media (max-width: 767px) { .cart_amount > input { margin-top: -16px; } } .cart_totals_area { overflow: hidden; margin-top: 82px; padding: 54px 48px 30px; } .cart_totals_area ul { margin: 0; } @media (max-width: 767px) { .cart_totals_area { padding: 54px 25px 30px; } } .cart_totals_area h3 { margin-bottom: 40px; } .cart_totals_area li { overflow: hidden; padding-bottom: 14px; } .cart_totals_area li:last-child { border-top: 1px solid #dbdbdb; padding-top: 13px; } .cart_totals_area li span { float: right; } .cart_totals_area .common_btn { width: 250px !important; float: right; margin-top: 25px; } @media (max-width: 767px) { .cart_totals_area .common_btn { width: 100% !important; float: none; } .cart_page_btn2 { left: 0; top: 88px; } .mt-xs-20 { margin-top: 20px; } } /* ============================== 20. Side Bar Widget styles ============================== */ .single-sidebar-widget ul { list-style: none; padding-left: 0; } .single-sidebar-widget { margin-bottom: 50px; } .single-sidebar-widget:last-child { margin-bottom: 0; } .single-sidebar-widget .sec-title { margin-bottom: 30px; } .single-sidebar-widget .sec-title h2 { font-size: 20px; font-family: 'Oswald', sans-serif; } .single-sidebar-widget .sec-title { font-size: 15px; font-weight: 600; } .single-sidebar-widget .sec-title h2:after { width: 35px; } .single-sidebar-widget .contact-form input, .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { height: 40px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { margin-bottom: 2px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text { line-height: 40px; } .single-sidebar-widget .dwnld-broucher a { text-transform: uppercase; color: #08ADD0; font-weight: 600; margin-top: 30px; font-size: 12px; display: inline-block; } .single-sidebar-widget .special-links li:last-child { margin-bottom: 0; } .single-sidebar-widget .special-links li a { background: #f9f9f9; color: #323232; border: 1px solid #e9e9e9; font-weight: 600; text-transform: uppercase; display: block; margin-bottom: 5px; line-height: 50px; position: relative; padding: 0 20px; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; } .single-sidebar-widget .special-links li:hover a:after, .single-sidebar-widget .special-links li.active a:after { color: inherit; } .single-sidebar-widget .special-links li a:after { content: '\f101'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 20px; line-height: 50px; color: #6A6969; font-weight: normal; } .single-sidebar-widget .special-links li a:before { content: '\f0da'; font-family: 'FontAwesome'; position: absolute; top: 0; left: -1px; color: #F2184F; font-size: 0px; line-height: 50px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; border-left: 4px solid #F2184F; } .single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li a.active { background: #fff; color: #F2184F; } .single-sidebar-widget .special-links li a.active:after { color: #F2184F; } .single-sidebar-widget .special-links li a:hover:before, .single-sidebar-widget .special-links li a.active:before { opacity: 1; } .search-box placeholder { color: #000; } .single-sidebar-widget .search-box form { background: #e5e5e5; width: 100%; height: 48px; border: 1px solid #e9e9e9; } .single-sidebar-widget .search-box form input { padding-left: 30px; border: none; outline: none; height: 100%; color: rgba(255, 255, 255, 0.5); width: calc(100% - 55px); background-color: transparent; } .single-sidebar-widget .search-box form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.5); } .single-sidebar-widget .search-box form input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: rgba(186, 185, 185, 1); } .single-sidebar-widget .search-box form button { position: relative; left: 2px; width: 50px; background: #F2184F; color: #000000; font-size: 16px; padding: 11px 0px; border: none; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .search-box form button:hover { background: #1FB5C7; } .single-sidebar-widget .search-box form button:hover i { color: #fff; } .single-sidebar-widget .search-box form button:hover:after { background: #1FB5C7; } .single-sidebar-widget .search-box form button i { position: relative; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .categories ul li:last-child a { border: none; } .single-sidebar-widget .categories ul li a { color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; } .single-sidebar-widget .categories ul li a:after { content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .popular-post li { margin-bottom: 30px; } .single-sidebar-widget .popular-post li:last-child { margin-bottom: 0; } .single-sidebar-widget .popular-post .img-box, .single-sidebar-widget .popular-post .content { display: table-cell; vertical-align: middle; } .single-sidebar-widget .popular-post .img-box { width: 110px; } .single-sidebar-widget .popular-post .content { padding-left: 30px; } .single-sidebar-widget .popular-post .content a h4 { font-family: 'Open Sans', sans-serif; color: #242424; text-transform: uppercase; font-size: 13px; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .popular-post .content a h4:hover { color: #1FB5C7; } .single-sidebar-widget .popular-post .content p { color: #8E8D8D; font-size: 13px; line-height: 20px; margin: 0; } .single-sidebar-widget .popular-post .content span { color: #1CBAC8; font-size: 13px; display: block; margin-top: 4px; font-weight: 500; } .single-sidebar-widget .text-box p { color: #8E8D8D; } .single-sidebar-widget .insta-feed ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .insta-feed { font-size: 0; display: inline-block; } .single-sidebar-widget .insta-feed img { max-width: 100%; display: inline-block; font-size: 0; margin-bottom: 1px; margin-right: 1px; } .single-sidebar-widget .tag-cloud { font-size: 0; margin-left: -5px; margin-right: -5px; } .single-sidebar-widget .tag-cloud li { display: inline-block; } .single-sidebar-widget .tag-cloud li a { display: block; color: #787878; text-transform: uppercase; border: 1px solid #EAEAEA; border-radius: 20px; padding: 7px 22px; font-size: 12px; margin: 0 5px; margin-bottom: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .tag-cloud li a:hover { background: #E5E5E5; color: #787878; border-color: #E5E5E5; } .single-client-box { margin-bottom: 50px; } .single-client-box:last-child { margin-bottom: 0; } .single-client-box .icon-box, .single-client-box .content { display: table-cell; vertical-align: middle; } .single-client-box .icon-box { width: 170px; text-align: center; border-top: 4px solid #1FB5C7; border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; } .single-client-box .content { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; } .single-client-box .content h3 { font-size: 18px; font-weight: bold; font-family: 'Alegreya', sans-serif; color: #242424; text-transform: uppercase; margin-bottom: 10px; } .single-client-box .content p { color: #898989; margin: 0; } .single-sidebar-widget ul.brochure-btns li a { font-family: 'Open Sans', sans-serif; color: #404040; text-transform: uppercase; font-weight: 600; font-size: 14px; display: block; background: #FBFBFB; border: 1px solid #EDEDED; padding: 12px 20px; } .single-sidebar-widget ul.brochure-btns li { display: block; margin-bottom: 21px; } .single-sidebar-widget ul.brochure-btns li a i { color: #e94429; margin: 0 10px 0; font-size: 1.2em; } .faq.faq-service .panel-group .panel-heading + .panel-collapse > .panel-body { padding: 20px 18px; background: rgba(242, 237, 233, 0.38) } @media (max-width: 480px) { h1 { font-size: 36px; } } /* =========================================================== 22. recent-causes =========================================================== */ .tab-respons { background: #fff; } .recent-causes { padding: 100px 0px 50px; } .style-two { padding: 100px 0px 50px; } .section-title { text-align: center; } .recent-causes .recent-causes-carousel { } .item { position: relative; } .item .bg-area { position: relative; background: #fff; margin-bottom: 0px; z-index: 99; } .item .content-box { padding: 25px 30px; border: 1px solid #ececec; position: relative; } .content-box .donate-price { font-size: 12px; color: #2b2b2b; font-family: "Montserrat", sans-serif; margin-bottom: 15px; } .content-box .donate-price b { font-size: 22px; color: #F2184F; } .content-box .donate-price span { font-size: 12px; color: #989797; font-weight: 700; } .content-box h4 { font-weight: 700; font-size: 20px; text-transform: capitalize; color: #272727; } .content-box h4 span { color: #F2184F; } .content-box p { margin: 15px 0px; color: #555555; } .item .image-box { display: block; overflow: hidden; position: relative; } .item .image-box a { width: 100%; } .item .image-box img { transform: scale(1); transition: all 0.5s ease 0s; width: 100%; } .item:hover .image-box img { transform: scale(1.1); } .item .overlay { background-color: rgba(226, 180, 58, 0.51); text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: all 450ms ease-out 0s; transform: rotateY(180deg) scale(0.5,0.5); } .item:hover .image-box .overlay { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg) scale(1,1); } .item .overlay .box { display: table; height: 100%; width: 100%; } .item .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .item .image-box .overlay .box .content a i { background: #F2184F; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 16px; height: 45px; line-height: 48px; transition: all 500ms ease 0s; width: 45px; } .item .image-box .overlay .box .content a:hover i { background: #F2184F; } .progress-box { position: absolute; width: 96%; left: 0; top: -19px; right: 0; margin: 0 auto; } .progress-bar { background-color: #F2184F; box-shadow: none !important; line-height: 15px; color: #170000; transition: 0.3; } .progress { height: 13px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; box-shadow: none; } /*causes-details*/ .project-info .progress-box { position: static; margin-left: 0px; } .project-info .progress-box .progress { height: 25px; } .project-info .progress-box .progress-bar { line-height: 25px; } .project-info .donate-price { font-weight: bold; font-size: 20px; } .form-donet { text-align: center; border: 1px solid #000; margin-top: 20px; } .form-donet .done-title { background: #000; padding: 5px; } .form-donet .done-title h3 { margin: 0px; } .form-donet .form-field .form-full { margin-bottom: 30px; } .form-donet form { padding: 30px; } #related-project .owl-nav .owl-prev, #related-project .owl-nav .owl-next { top: 30%; position: absolute; border: 2px solid #F2184F; color: #ffffff; background: #F2184F; border-radius: 3px; font-size: 22px; height: 1.8em; line-height: 1.6em; padding: 0; text-align: center; width: 1.8em; margin-right: 0; margin-left: 0; opacity: 1; } #related-project .owl-nav .owl-prev { left: 0px; } #related-project .owl-nav .owl-next { right: 0 } /*=========Event Section==========*/ .event-section__block { background: #f5f5f5; } .table__block { display: table; height: 304px; width: 100%; } .event__date-time { background: #f2f2f2; padding: 25px; display: table-cell; vertical-align: middle; width: 100%; } .event__time { color: #9f9e9e; font-weight: bold; } .event__time span:first-child { margin-right: 10px; } .event__date { font-size: 100px; line-height: 1; color: #F2184F; font-weight: bold; padding: 20px 0; } @media (max-width: 767px) { .event__date { font-size: 50px; } } @media (max-width: 991px) { .event__date { font-size: 50px; } .matchHeigh { height: auto !important; } } .event__month { font-size: 20px; color: #F2184F; font-weight: bold; } .plan-content-box__white__bg { background: #fff; overflow: hidden; } .plan-content-box.plan-content-box__wight__bg { background: #f2f2f2; overflow: hidden; } @media (max-width: 991px) { .plan-content-box.plan-content-box__wight__bg { width: 100%; } } .plan-content-box__wight__bg h3 { color: #222; line-height: 1.8; } .plan-content-box__wight__bg p { color: #444444; } .after__none:after { display: none; } .color, .inner-intro .page-breadcrumb span { color: #F2184F; } /*Plane Section style start here*/ .single_plan__block { position: relative; z-index: 1; overflow: hidden; background-color: #f2f2f2; } .block_bg1:after { background-image: url(../images/finance-bg1.html); background-size: cover; } .block_bg2:after { background-image: url(../images/finance-bg2.jpg); background-size: cover; } .block_bg3:after { background-image: url(../images/finance-bg3.jpg); background-size: cover; } .block_bg4:after { background-image: url(../images/finance-bg4.html); background-size: cover; } .single_plan__block:after { background-position: right top; content: ""; height: 100%; right: 0; opacity: 0.6; position: absolute; top: 0; width: 39%; z-index: -1; } .single_plan__block.blue__block::before { background: #feb20d; } .plan-content-box { background: #00305b none repeat scroll 0 0; color: #000; padding: 30px; width: 61%; position: relative; z-index: 9; } .block_bg5:after { background-image: url(../images/finance-bg2.jpg); background-size: cover; } .block_bg6:after { background-image: url(../images/finance-bg3.jpg); background-size: cover; } .single_plan__block:after, .single_plan__block-img:after { background-position: center; content: ""; height: 100%; right: 0; opacity: 0.6; position: absolute; top: 0; width: 39%; z-index: -1; } .single_plan__block-img:after { opacity: 1; } @media (max-width: 991px) { .plan-content-box { padding: 24px; } } @media (min-width: 991px) and (max-width: 1199px) { } @media (max-width: 767px) { .plan-content-box { width: auto; } } .blue__block .plan-content-box { background: #feb20d none repeat scroll 0 0; color: #333333; } .single_plan__block.blue__block::after { background: #00305b none repeat scroll 0 0; } .blue__block .more_btn__block { color: #333333; } .plan-content-box h3 { margin-bottom: 35px; position: relative; font-weight: 700; } .plan-content-box h3::after { background: #F2184F none repeat scroll 0 0; bottom: -15px; content: ""; height: 3px; left: 0; position: absolute; width: 45px; } .blue__block .plan-content-box h3::after { background: #333333 none repeat scroll 0 0; } body .width-100per { width: 100%; } .quote-form input[type="text"] { display: block; height: 46px; margin-bottom: 30px; width: 100%; font-size: 14px; padding: 0 15px; border: 1px solid #e5e5e5; color: #878787; background: #fff; -webkit-appearance: none; border-radius: 0; } .quote-form textarea { height: 110px; width: 100%; border: 1px solid #e5e5e5; color: #878787; font-size: 14px; padding: 15px; } .sent-but { min-width: 100%; border-radius: 20px; cursor: pointer; margin: 34px 0 0; } .more_btn__block { color: #F2184F; font-weight: bold; display: inline-block; margin-top: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; } .text { padding-bottom: 25px; line-height: 1.8; } .heading-font h2 { font-size: 32px; } .heading-font h2 span { color: #fff; } #project-section .block-content p { line-height: 2; } @media (min-width: 991px) and (max-width: 1199px) { .width-25per { width: 35%; } .tab-respons { width: 65%; } } @media (max-width: 767px) { .section-bar { margin-top: 40px; } } .wprt-list span.icon { padding-right: 15px; }