/* Theme Name: Apfd Webapp Theme URI: https://wordpress.org/themes/apfdwebapp/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Apfd Webapp brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: apfdwebapp Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900'); body{ font-family: 'Lato', sans-serif; /*font-family: 'Montserrat', sans-serif;*/ } *{ outline: transparent; } .flex-end{ justify-content: flex-end; } .navbar-light .navbar-brand figure{ padding-top:8px; } figure{ margin: 0; } .navbar{ padding: 0 1rem; } .navbar-light .navbar-nav li a{ padding: 0.7rem .4rem !important; margin: 0 .2rem; } .navbar-light .navbar-nav li a{ color: #1c1b1b; /*font-size: 1.2rem;*/ font-size: 1rem; font-weight:700; } .navbar-light .navbar-nav li.active > a, .navbar-light .navbar-nav li a.active, .navbar-light .navbar-nav li a.show, .navbar-light .navbar-nav .show > a, .navbar-light .navbar-nav li a:hover { /*background-image: linear-gradient(#46d8e3, #46d8e3, #376baf); color: #fff;*/ color:#c1292d; } .navbar-light .navbar-nav .dropdown-item:hover{ color: #c1292d; } .sub-menu{position:absolute; padding:0px 0px; text-align:left; background:#fff; display:none; width:160px;} .sub-menu > li{position:relative; display:block; width:100%} .sub-menu li{list-style:none; border-bottom:1px solid #d2d2d2;} .sub-menu li:list-child{border-bottom:none;} .sub-menu li a{color:#270b49; width:100%; padding:10px 10px; margin:0px; display:block; text-transform: uppercase;} .sub-menu li a:hover{color:#fdce10;} .sub-menu ul:nth-child(2){left:160px; margin:0; top:0px; width:160px; border-left:1px solid rgb(231, 231, 231); display:none;} #mobile-menu{display:none;} .mobile-menu{background-color:#1c1b1b; cursor: pointer; overflow:hidden; padding:8px; margin-top:5px; width:40px; z-index:999; display:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;} .mobile-menu div.ribbon{background-color:#fff; color:#fff; height:2px; margin-bottom:5px; transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out;} .mobile-menu div.ribbon:last-child{margin:0} .white-bg{background:#FFFFFF;} .mobile-menu-list{background-color:#211748; border:1px solid #211748; display:none; position:fixed; z-index:9999999; width:100%;} #mobile-menu li , #mobile-menu ul{margin-bottom:0px; padding-bottom:0px;} .m-nav-container ul{padding:0px;} #mobile-menu li{border-bottom:1px solid #FFFFFF;} #mobile-menu li:last-child {border-bottom:none;} #mobile-menu li a{display:block; padding:7px 12px; color:#FFFFFF;} #mobile-menu li a:hover{background:#FFFFFF; color:#000000;} .mobile-nav{display:none; position:absolute;} #mobile_button.active .ribbon:first-child{transform:rotate(-45deg) translate(-5px, 4px); -moz-transform:rotate(-45deg) translate(-5px, 4px); -webkit-transform:rotate(-45deg) translate(-5px, 4px); -o-transform:rotate(-45deg) translate(-5px, 4px); } #mobile_button.active .ribbon:nth-child(2n){transform:translateX(-38px); -moz-transform:translateX(-38px); -webkit-transform:translateX(-38px); -o-transform:translateX(-38px); -ms-transform:translateX(-38px); } #mobile_button.active .ribbon:last-child{transform:translateY(-7px) rotate(45deg); -moz-transform:translateY(-7px) rotate(45deg); -o-transform:translateY(-7px) rotate(45deg); -webkit-transform:translateY(-7px) rotate(45deg); } .m-logo{display:none} #page.active{margin-left:250px;top: 0; position: absolute;} .headercta { background:#de3645; color:#fff; padding:0px 10px; display:inline-block; margin-top: 8px; position: relative; overflow: hidden;} .headercta ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-left: -1px; list-style:none; padding:0px; margin:0px;} .headercta ul li {flex-grow: 1; flex-basis: auto; margin: .25em 0; padding: 0 .2em;} .headercta ul li a { color:#fff; } .headercta ul li a:hover { color:#fff; text-decoration:underline;} @media (max-width:991px){ /*.mobile-menu{ position: absolute !important; left:10px; top:10px; } .navbar-brand{ padding-left:60px; }*/ } @media (min-width:500px) and (max-width:991px){ .website-header {height: 400px;} .top-menu {max-height: 400px;} .top-menu .content .heading-1{margin-top:200px;} .mobile_number{display:none !important;} .top-menu{position:relative} .mobile-menu{display:inline-block; margin-top:5px; } .menu-top-menu-1-container{display:none !important} .desktop_number{display:block; margin-left:90px; margin-top:16px; float:left} .logo {display:none;} .m-logo {display:block; float:right;} .desktop-menu .number {padding:0 0 5px 0;} .m-logo img{} .desktop-menu .top-logo{padding:10px 0 5px 0} #page{position:relative;} .nav-cover{background-color:#000000; opacity:0.3; position:absolute; left:0; top:0; width:100%; height:100%; display:block; cursor:pointer; z-index:999999} .mobile-nav{background-color:#ffffff; display:block; left:-250px; position:fixed; width:250px; height:100%; z-index:99999; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease;} .mobile-nav.active{left:0; box-shadow:0 0 5px #f2f2f2; -moz-box-shadow:0 0 5px #f2f2f2; -webkit-box-shadow:0 0 5px #f2f2f2; -o-box-shadow:0 0 5px #f2f2f2;} .m-nav-container{width:250px; overflow:hidden;} .m-nav-container ul{position:relative; left:0; float:left; width:250px; transition:0.4s all ease;} .sub-menu li{float:left; width:100%; display:block; padding:0} .m-nav-container > ul.move{left:-250px;} .m-nav-container > ul.move-more{left:-500px;} .m-nav-container ul li ul{display:block; float:left; left:250px; position:absolute; top:0; width:250px; margin:0} .m-nav-container ul li ul li ul{display:block; left:250px; top:-41px;} .m-nav-container .menu > li{border-bottom:1px solid #d2d2d2; display:block; float:left; width:100%;} .m-nav-container .menu > li a{color:#232323; display:block; float:left; font-size:13px; padding:14px 20px; background-color:#ffffff; width:100%; text-transform:uppercase;} .m-nav-container .menu > li a:hover, .m-nav-container .menu > li a:focus, .m-nav-container .menu > li a:active{background-color:#f2f2f2; text-decoration: none;} .m-nav-container .menu > li.menu-item-has-children > a, .m-nav-container .menu > li > ul > li.menu-item-has-children > a{width:205px;} .m-nav-container .menu .back{margin-right:10px;} .m-nav-container .menu > li > ul > li.wide{} .m-nav-container .menu > li > ul > li > ul > li.wide{} .m-nav-container .menu > li > ul > li.wide > a, .m-nav-container .menu > li > ul > li > ul > li.wide > a{width:100%; background-color:#666666} .m-nav-container .menu > li > ul > li{background-color:#211748; float:left; padding:0; width:100%;} .m-nav-container .menu > li > ul > li > a{} .m-nav-container .menu li .m-expend{border-left:1px solid #d2d2d2; color:#232323; cursor:pointer; display:block; float:right; padding:12px; text-align:center; width:45px;} .m-nav-container ul > li > ul.sub-menu{display:none} .m-nav-container ul > li > ul.sub-menu.move{display:block} body.active-nav{width:100%; overflow:auto} #page{width:100%; position:relative; transition:margin-left 0.5s ease;} #page.active{margin-left:250px;} } @media (max-width:767px){ .mobile-menu{margin-top:15px; } } @media (min-width:250px) and (max-width:490px){ iframe {width:100%;} .container{width:100%;} .container-fluid{width:100%;} .top-menu .content .heading-1{font-size:25px; margin-top:130px;} .top-menu .content .header-arrow{margin-top:92px;} .top-menu{position:relative;height: 184px; margin-top:72px;} .mobile-menu{display:inline-block; margin-top:15px;} .menu-top-menu-1-container{display:none !important} .desktop_number{display:block; margin-top:16px; float:left} .desktop-menu .number span {display :none;} .desktop-menu .number {padding:0px;} .logo{height:auto; display:none} .m-logo{display:block; float:right; margin-top:7px;} .m-logo img {height:55px;} #page{position:relative;} .nav-cover{background-color:#000000; opacity:0.3; position:absolute; left:0; top:0; width:100%; height:100%; display:block; cursor:pointer; z-index:999999} .mobile-nav{background-color:#ffffff; display:block; left:-250px; position:fixed; width:250px; height:100%; z-index:99999; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease;} .mobile-nav.active{left:0; box-shadow:0 0 5px #f2f2f2; -moz-box-shadow:0 0 5px #f2f2f2; -webkit-box-shadow:0 0 5px #f2f2f2; -o-box-shadow:0 0 5px #f2f2f2;} .m-nav-container{width:250px; overflow:hidden;} .m-nav-container ul{position:relative; left:0; float:left; width:250px; transition:0.4s all ease;} .sub-menu li{float:left; width:100%; display:block; padding:0} .m-nav-container > ul.move{left:-250px;} .m-nav-container > ul.move-more{left:-500px;} .m-nav-container ul li ul{display:block; float:left; left:250px; position:absolute; top:0; width:250px; margin:0} .m-nav-container ul li ul li ul{display:block; left:250px; top:-41px;} .m-nav-container .menu > li{border-bottom:1px solid #d2d2d2; display:block; float:left; width:100%;} .m-nav-container .menu > li a{color:#232323; display:block; float:left; font-size:14px; padding:10px 20px; background-color:#ffffff; width:100%;} .m-nav-container .menu > li a:hover, .m-nav-container .menu > li a:focus, .m-nav-container .menu > li a:active{background-color:#f2f2f2; color:#232323; text-decoration:none;} .m-nav-container .menu > li.menu-item-has-children > a, .m-nav-container .menu > li > ul > li.menu-item-has-children > a{width:205px;} .m-nav-container .menu .back{margin-right:10px;} .m-nav-container .menu > li > ul > li.wide{} .m-nav-container .menu > li > ul > li > ul > li.wide{} .m-nav-container .menu > li > ul > li.wide > a, .m-nav-container .menu > li > ul > li > ul > li.wide > a{width:100%; background-color:#666666} .m-nav-container .menu > li > ul > li{background-color:#211748; float:left; padding:0; width:100%;} .m-nav-container .menu > li > ul > li > a{} .m-nav-container .menu li .m-expend{border-left:1px solid #d2d2d2; color:#232323; cursor:pointer; display:block; float:right; padding:9px; text-align:center; width:45px;} .m-nav-container ul > li > ul.sub-menu{display:none} .m-nav-container ul > li > ul.sub-menu.move{display:block} body.active-nav{width:100%; overflow:auto} #page{width:100%; position:relative; transition:margin-left 0.5s ease;} #page.active{margin-left:250px;} .promotext {display: none;} .website-header {max-height: 184px;} .hideonmobile {display: none !important;} } /*===================================================================*/ /* ---------- */ /*===================================================================*/ header .navbar.bg-light{ background:transparent !important; } header{ padding-bottom:10px; background:transparent; position:fixed; top:0; width:100%; z-index:999; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; border-bottom:1px solid transparent;} header.active { background: #ffffff !important; border-bottom:1px solid #dddddd;} header.active .navbar-light .navbar-nav li a{ color:#1c1b1b; } header.active .navbar-light .navbar-nav li.active > .a, header.active .navbar-light .navbar-nav li a.active, header.active .navbar-light .navbar-nav li a.show, header.active .navbar-light .navbar-nav .show > a, header.active .navbar-light .navbar-nav li a:hover { color:#c1292d; } header div.button{ float:right; min-height:32px; margin-bottom:10px; } header div.button a.btn{ background:#f7941e; border-color:#f7941e; text-transform:uppercase; color:#ffffff; font-size:14px; border-radius:0px; margin-left:15px; } header div.button a.btn:hover{ background:#121212; border-color:#121212; } .phone-nav-wrapper{ padding-top:8px; } .phone-nav-wrapper .phone{ float:right; background:url('assets/images/phone.png') no-repeat 0px 8px; padding-left:30px; min-height:32px; } .phone-nav-wrapper .phone a{ font-size:25px; color:#ff0205; text-decoration:none; } .phone-nav-wrapper .navbar-collapse{ float:none; clear:both; } .phone-nav-wrapper .dropdown-menu{ margin-top:0px; } @media (max-width:767px) { .navbar > .container{ display: block; } .navbar > .container .navbar-brand{ float: right; } .navbar > .container .phone-nav-wrapper { /*padding-top:10px; display: block; overflow: hidden; clear: both;*/ padding-top:10px; display: flex; justify-content:center; align-items:center; overflow: hidden; clear: both; } header div.button{ margin-bottom: 0px; float:none; } header div.button a.btn{ margin-left:0px; margin-right:15px; } .phone-nav-wrapper .phone{ float:none; } } @media (max-width:400px) { .phone-nav-wrapper .phone{ background: url('assets/images/phone.png') no-repeat 0px center; display: flex; align-items: center; } .phone-nav-wrapper .phone a{ font-size:20px; } header div.button a.btn{ font-size:13px; text-transform: capitalize; } } @media (max-width:330px) { .phone-nav-wrapper .phone a{ font-size:18px; } } .font-montserrat{font-family: 'Montserrat', sans-serif;} body.no-bg{ background-image:none !important; overflow-x:hidden; } .cwrapper-home .banner-div{background-position:center; width:100%; background-repeat:no-repeat; background-size:cover;} .cwrapper-home .banner-div{min-height:600px; display:flex; flex-direction:column; justify-content:center; } .cwrapper-home .banner-div .heading { font-size:40px; font-weight:700; color: #000000; line-height:50px; } .cwrapper-home .banner-div .heading span { color:#c1292d; } .cwrapper-home .banner-div a.btn{ background:#f7941e; border-color:#f7941e; color:#000000; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:15px; padding:12px 25px; } .cwrapper-home .banner-div a.btn:hover{ background:#25aae1; border-color:#25aae1; } .cwrapper-home #BannerSlickId .slick-list{ overflow:visible; } .cwrapper-home #BannerSlickId .container{ display:flex; justify-content:end; justify-content:flex-end; } .cwrapper-home .banner-div .content{ position:absolute; bottom:-60px; } .header-quoteform{ background:#b23e3a; max-width:600px; padding:40px 40px 20px 40px; margin-top:20px; } .header-quoteform .formtitle{ font-size:17px; font-weight:600; color:#ffffff; text-transform:uppercase; margin-bottom:20px; text-align:center; } .header-quoteform .form-group{ margin-bottom:10px; } .header-quoteform .form-group .form-control{ border-radius:0px; } .header-quoteform .form-group .btn{ background:#230a0a; border-color:#230a0a; color:#ffffff; font-size:15px; font-weight:600; text-transform:uppercase; padding:10px 25px; border-radius:0px } .header-quoteform .form-group .btn:hover{ background:#2e0d0c; border-color:#2e0d0c; } @media (max-width:1200px) { .cwrapper-home .banner-div .heading{ font-size:34px; } .cwrapper-home .banner-div a.btn{ font-size:17px; } } @media (max-width:767px) { .cwrapper-home #BannerSlickId .container{ justify-content:center; } } @media (max-width:575px) { .cwrapper-home .banner-div .heading { font-size:30px; line-height:38px; } .cwrapper-home .banner-div .content{ position:absolute; bottom:-80px; } .header-quoteform{ padding:20px; margin-top:20px; } .header-quoteform .form-group{ margin-bottom:10px; } } .home-whatwecando{ position:relative; padding:120px 0px 40px 0px; } .home-whatwecando .heading{ font-size:37px; font-weight:500; color:#000000; } .home-whatwecando .medium-heading{ font-size:24px; font-weight:500; color:#c1292d; margin-bottom:8px; } .home-whatwecando .small-heading{ font-size:18px; font-weight:700; color:#000000; } .home-whatwecando .content{ font-size:16px; font-weight:400; color:#000000; } .home-whatwecando .service-box{ float:left; min-height:380px; width:100%; border-radius:5px; margin:10px 7px 25px 7px; padding:5px 10px 25px 10px; max-width: -moz-calc(33.3% - 14px); max-width: -webkit-calc(33.3% - 14px); max-width: -o-calc(33.3% - 14px); max-width: calc(33.3% - 14px); background-image:url('assets/images/icon-design.png'); background-repeat:no-repeat; background-position:center center; background-size:100% 100%; display:flex; flex-direction:column; justify-content:end; justify-content:flex-end; text-align:center; } .home-whatwecando .service-box .title{ font-size:25px; font-weight:600; color:#ffffff; margin-bottom:5px; } .home-whatwecando .service-box .desc{ font-size:14px; color:#ffffff; margin-bottom:10px; display:none; } .home-whatwecando .service-box .btn-anc{ display:flex; justify-content:center; display:none; } .home-whatwecando .service-box .btn-anc span{ font-size:14px; width:22px; height:22px; border-radius:50%; color:#ffffff; border:1px solid #ffffff; display:flex; justify-content:center; align-items:center; text-decoration:none; } /*.home-whatwecando .service-box:hover{ margin-top:-15px; } .home-whatwecando .service-box:hover .desc{ display:block; } .home-whatwecando .service-box:hover .btn-anc{ display:flex; text-decoration:none; }*/ .home-whatwecando .service-box.moveup{ margin-top:-15px; } .home-whatwecando .service-box.moveup .desc, .home-whatwecando .service-box:hover .desc{ display:block; } .home-whatwecando .service-box.moveup .btn-anc, .home-whatwecando .service-box:hover .btn-anc{ display:flex; text-decoration:none; } .home-whatwecando .service-box .btn-anc:hover span{ border:2px solid #ffffff; font-size:18px; font-weight:700; } @media (max-width:1200px) { .home-whatwecando .service-box{ min-height:220px; background-size:cover; } } @media (max-width:500px) { .home-whatwecando .service-box{ min-height:150px; max-width:100%; margin:auto; margin-bottom:20px; } .home-whatwecando .service-box.moveup{ margin-top:0px; margin-bottom:20px; } .home-whatwecando .service-box.moveup .desc{ display:none; } .home-whatwecando .service-box.moveup .btn-anc{ display:none; } .home-whatwecando .service-box:hover .btn-anc{ display:flex !important; } .home-whatwecando .service-box:hover .desc{ display:block !important; } } .home-features{ background:#f8f8f8; position:relative; padding:40px 0px; } .home-features .feature-container{ display:flex; flex-direction:column; justify-content:center; } .home-features .feature-container .feature-box{ display:flex; margin:35px 0px; } .home-features .feature-container.left .feature-box .title-content{ padding-right:0px; } .home-features .feature-container.right .feature-box .title-content{ padding-left:10px; } .home-features .feature-container .feature-box .title{ font-size:17px; font-weight:700; color:#000000; } .home-features .feature-container .feature-box .content{ font-size:16px; font-weight:400; color:#000000; } .home-features .feature-container .feature-box .imgdiv{ display:flex; justify-content:center; } .home-features .feature-container .feature-box img{ width: 60px; height: 60px; } .home-features .map-container{ text-align:center; } .home-features .map-container img{ display:inline-block; } .home-features .map-container .locdiv{} .home-features .map-container .locdiv a{ font-size:14px; font-weight:600; color:#000000; text-transform:uppercase; } .home-features .map-container .locdiv a.active, .home-features .map-container .locdiv a:hover{ font-size:14px; color:#f71919; } .home-features .map-container.bottom{ display:none; } @media (max-width:1200px) { .home-features .feature-container.left .feature-box .title-content{ padding-right:10px; } .home-features .feature-container.right .feature-box .title-content{ padding-left:10px; } .home-features .map-container.top{ display:none; } .home-features .map-container.bottom{ display:block; } } .home-clients{ background:#f8f8f8; position:relative; padding:40px 0px 250px 0px; } .home-clients .heading{ font-size:33px; color:#000000; margin-bottom:40px; text-align:center; } .home-clients .clients-wrapper .client-box{ text-align:center; } .home-clients .clients-wrapper .client-box img{ display:inline-block; } .home-utube{ text-align:center; margin-top:-150px;} .home-utube .video-wrapper{ /*max-width:800px;*/ max-width:560px; width:100%; display:inline-block; } .home-offers{ position:relative; padding:100px 0px 40px 0px; color:#000000; } .home-offers .heading{ font-size:33px; margin-bottom:10px; } .home-offers .content{ font-size:16px; } .home-offers .offer-wrapper{} .home-offers .offer-wrapper .offer-box{ background-color:#f8f8f8; color:#000000; padding:20px 20px 100px 20px; margin:10px; min-height:360px; background-image:url('assets/images/offer.png'); background-repeat:no-repeat; /*background-position:bottom -90px right -70px;*/ background-position:bottom -90px center; } .home-offers .offer-wrapper .offer-box .counts{ font-size:25px; text-transform:uppercase; font-weight:700; } .home-offers .offer-wrapper .offer-box .counts-for{ font-size:18px; text-transform:uppercase; font-weight:700; margin-top:-6px; } .home-offers .offer-wrapper .offer-box .price{} .home-offers .offer-wrapper .offer-box .price .new-price{ font-size:35px; } .home-offers .offer-wrapper .offer-box .price .old-price{ font-size:26px; font-weight:300; text-decoration:line-through; margin-left:10px; display:inline-block; } .home-offers .offer-wrapper .offer-box .points{ font-size:15px; font-weight:500; } .home-offers .offer-wrapper .offer-box .points ul{ padding:0px; list-style:none; } .home-offers .offer-wrapper .offer-box .points ul li{} .home-offers .offer-wrapper .offer-box.darkblue{ background-color:#274b72; color:#ffffff; } .home-offers .offer-wrapper .offer-box.darkblue .price .new-price{ color:#fea72d; } .home-offers .offer-wrapper .offer-box.darkblue .price .old-price{ color:#788bb5; } .home-offers .offer-wrapper .offer-box.orange{ background-color:#fda32d; color:#ffffff; } .home-offers .offer-wrapper .offer-box.orange .price .new-price{ color:#012348; } .home-offers .offer-wrapper .offer-box.orange .price .old-price{ color:#986033; } .home-offers .offer-wrapper .offer-box.blue{ background-color:#59cbfb; color:#ffffff; } .home-offers .offer-wrapper .offer-box.blue .price .new-price{ color:#012348; } .home-offers .offer-wrapper .offer-box.blue .price .old-price{ color:#986033; } .home-offers .offer-wrapper .offer-box.green{ background-color:#2fcd8b; color:#ffffff; } .home-offers .offer-wrapper .offer-box.green .price .new-price{ color:#012348; } .home-offers .offer-wrapper .offer-box.green .price .old-price{ color:#517e4a; } .home-offers .offer-wrapper .offer-box.violet{ background-color:#791394; color:#ffffff; } .home-offers .offer-wrapper .offer-box.violet .price .new-price{ color:#fea72d; } .home-offers .offer-wrapper .offer-box.violet .price .old-price{ color:#cccccc; } .home-offers .offer-wrapper .offer-box.yellow{ background-color:#e6bd4e; color:#ffffff; } .home-offers .offer-wrapper .offer-box.yellow .price .new-price{ color:#012348; } .home-offers .offer-wrapper .offer-box.yellow .price .old-price{ color:#986033; } .home-offers .offer-wrapper .offer-box.skyblue{ background-color:#59cbfb; color:#ffffff; } .home-offers .offer-wrapper .offer-box.skyblue .price .new-price{ color:#012348; } .home-offers .offer-wrapper .offer-box.skyblue .price .old-price{ color:#517e4a; } .home-offers .offer-wrapper .offer-box.red{ background-color:#e4635d; color:#ffffff; } .home-offers .offer-wrapper .offer-box.red .price .new-price{ color:#fea72d; } .home-offers .offer-wrapper .offer-box.red .price .old-price{ color:#8c3637; } .inner-offers{ padding:40px 0px; background:#f8f8f8; } .inner-offers .heading{ color:#202c45; text-align:center; margin-bottom:25px; } .inner-offers .heading .text-red{ color:#e9453b; } .home-whyus-testimonial{ background:url('assets/images/whyus-testimonial.png') no-repeat; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:500px; } .home-whyus-testimonial .whyus-container{ color:#ffffff; padding:40px 40px 40px 15px; } .home-whyus-testimonial .whyus-container .heading{ font-size:33px; margin-bottom:20px; } .home-whyus-testimonial .whyus-container .content{} .home-whyus-testimonial .whyus-container .content ul{ padding:0px; list-style:none; } .home-whyus-testimonial .whyus-container .content ul li{ background:url('assets/images/li-icon.png') no-repeat 0px 0px; padding-left:60px; margin-bottom:15px; } .home-whyus-testimonial .whyus-container .content ul li .title{ font-size:18px; font-weight:600; } .home-whyus-testimonial .whyus-container .content ul li .desc{ font-size:16px; } .home-whyus-testimonial .testimonial-container{ color:#000000; padding:40px 15px 40px 40px; } .home-whyus-testimonial .testimonial-container .heading{ font-size:33px; margin-bottom:20px; } .home-whyus-testimonial .testimonial-container .testimonial-box{ margin:30px 0px; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-details{ display:flex; align-items:center; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-details .imgdiv{} .home-whyus-testimonial .testimonial-container .testimonial-box .client-details .imgdiv img{ border-radius: 50%; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-details .name-withdate{ padding-left:10px; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-details .name-withdate .name{ font-size:16px; font-weight:600; font-style:italic; color:#c1292d; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-details .name-withdate .date{ font-size:16px; color:#353535; } .home-whyus-testimonial .testimonial-container .testimonial-box .client-comment{ font-size:16px; } @media (max-width:992px) { .home-whyus-testimonial{ background:none; } .home-whyus-testimonial .whyus-container{ background:#b23e3a; } .home-whyus-testimonial .testimonial-container{ background:#f8f8f8; padding:15px; } } .cwrapper-inner .banner-div{background-position:top 0px center; width:100%; background-repeat:no-repeat; background-size:cover;} .cwrapper-inner .banner-div{min-height:480px; display:flex; flex-direction:column; justify-content:center; } .cwrapper-inner .banner-div .heading { font-size:40px; font-weight:700; color: #000000; line-height:50px; text-align:center; } .cwrapper-inner .banner-div .heading span { color:#c1292d; } .cwrapper-inner .banner-div a.btn{ background:#f7941e; border-color:#f7941e; color:#000000; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:15px; padding:12px 25px; } .cwrapper-inner .banner-div a.btn:hover{ background:#25aae1; border-color:#25aae1; } @media (max-width:1200px) { .cwrapper-inner .banner-div .heading{ font-size:34px; } .cwrapper-inner .banner-div a.btn{ font-size:17px; } } .inner-page{ position:relative; padding:40px 0px; } .inner-page .left-part{ margin-bottom:30px; } .inner-page .left-part div.heading{ font-size:30px; font-weight:700; margin-bottom:10px; } .inner-page .left-part div.content{ font-size:16px; font-weight:400;} .inner-page .right-part{ position:relative; } .inner-page .right-part .rq-btn{ width:100%; background:#ea453c; border-color:#ea453c; color:#ffffff; font-size:22px; font-weight:600; text-transform:uppercase; border-radius:0px; padding:12px 20px; } .inner-page .right-part .rq-btn:hover{ background:#121212; border-color:#121212; } .inner-page .right-part .sidebar-box{ margin-top:10px; } .inner-page .right-part .sidebar-box .title{ background:#4a4a4a; color:#ffffff; font-size:22px; padding:12px 20px; } .inner-page .right-part .sidebar-box ul{ padding-left:0px; list-style:none; } .inner-page .right-part .sidebar-box ul li a{ padding:14px 20px; display:inline-block; width:100%; background:#f8f8f8; color:#252525; font-size:16px; border-bottom:1px solid #e1e1e1; text-decoration:none; } .inner-page .right-part .sidebar-box ul li a.active, .inner-page .right-part .sidebar-box ul li a:hover{ color:#ea453b; } .footer-social-links{ display: flex; margin: 20px 0px; } .footer-social-links a{ width: 30px; height: 30px; border-radius:50%; background: #260505; color: #e54a45; display: flex; justify-content: center; align-items: center; margin-right: 5px; text-decoration: none; } .footer-social-links a:hover{ color: #ffffff; } .footer-wrapper{ background:#e54a45; color:#ffffff; padding:20px 0px; } .footer-wrapper .footer-box{ margin-bottom: 20px; } .footer-wrapper .footer-box .title{ font-size:15px; font-weight:700; text-transform:uppercase; color:#000000; margin-bottom:15px; } .footer-wrapper .footer-box .content{ font-size: 15px; } .footer-wrapper .footer-box .content ul.footnav{ list-style:none; padding: 0px; } .footer-wrapper .footer-box .content ul.footnav li{ display: inline-block; width: 50%; float: left; } .footer-wrapper .footer-box .content ul.footnav li a{ color:#ffffff; } .footer-wrapper .footer-box .content .foot-phone a{ color:#ffffff; font-size:18px; background:url('assets/images/foot-phone.png') no-repeat 0px 4px; padding-left:25px; min-height:32px; display:block; } .footer-wrapper .footer-box .content .foot-email a{ color:#ffffff; font-size:15px; background:url('assets/images/foot-mail.png') no-repeat 0px 3px; padding-left:30px; min-height:32px; display:block; } .footer-wrapper .footer-box .content .foot-btn a{ margin-top:15px; background:#ffffff; border-color:#ffffff; color:#000000; text-transform:uppercase; border-radius:0px; font-weight: 600;} .footer-wrapper .footer-box .content .foot-btn a:hover{ background:#000000; border-color:#000000; color:#ffffff; } @media (max-width:767px) { } /*===================================================================*/ /* -----End----- */ /*===================================================================*/ /*************Blogs section starts here****************/ .blog { margin:0px; } .blogmargin { margin-top:90px; margin-bottom:30px; } .blogs{ font-size: 13px; font-family: 'Roboto', sans-serif; padding:20px 0px; } .blogs .blog-box{ margin: 0px; position: relative; padding-top:40px; } .blogs .sidebar-div{ padding: 0px; } .blogs .blog-img { margin-bottom:20px; width:100% !important; } .blogs .blog-list { padding-right:20px; margin-top:10px; margin-bottom:50px;} .blogs .left { float: left; width:15%; } .blogs .blog-date { margin-right:20px;} .blogs .left .date {font-size: 72px; font-weight: 700; line-height: 72px;color:#c1292d;font-family: 'Roboto Slab', serif; display:block;} .blogs .left .month { font-size:24px;display:block;color:#c1292d;font-family: 'Roboto Slab', serif;} .blogs .right { float: left; width:84%; border-left:1px solid #eee; padding-left:20px; } .blogs .right .title {font-size: 24px; font-weight: 700; font-family: 'Roboto Slab', serif; display:block; margin-bottom:20px;} .blogs .postedby { color:#ccc; font-size: 12px; float:left; border-right:1px solid #eee; padding-right:20px; margin-right:20px;} .blogs .blogcategory {color:#ccc; font-size: 12px;float: left;} .blogs .postedby span { color:#000; text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block;font-family: 'Roboto', sans-serif;} .blogs .blogcategory span {color:#000;text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block;font-family: 'Roboto', sans-serif;} .blogs .blogcontent { display:block; clear:both; padding-top:30px; font-size:15px; font-weight:normal;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .blogs .readmore { clear:both; margin-bottom:50px;} .blogs .readmore a {font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:15px; color:#fff !important; background:#c1292d; padding:10px 20px;} .blogs .readmore a:hover { background:#000;} .blogs .navigation { border:none; display:flex; } .blog-detail .title {font-size: 24px; font-weight: 700; font-family: 'Roboto Slab', serif; display:block; margin-bottom:20px;} .bdetails { margin-bottom:20px;display: flex;} .bdetails .date { color:#ccc; font-size: 12px; float:left; border-right:1px solid #eee; padding-right:20px; margin-right:20px;} .bdetails .postedby { color:#ccc; font-size: 12px; float:left; border-right:1px solid #eee; padding-right:20px; margin-right:20px;} .bdetails .postedby span, .bdetails .date span { color:#000; text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block;font-family: 'Roboto', sans-serif;} .bdetails .blogcategory span {color:#000;text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block;font-family: 'Roboto', sans-serif;} .prelink { border:1px solid #eee; padding:20px; text-align:right; width:50%; float:left;min-height: 80px; margin-top:30px;} .nexlink { border:1px solid #eee; padding:20px; text-align:left; width:50%; float:left;min-height: 80px; margin-top:30px;} .blogs .related-blogs h3 {font-size: 20px; font-weight: 700; font-family: 'Roboto Slab', serif; display:block; margin-bottom:20px;} .blogs .related-blogs{ margin:45px auto 30px auto;display: inline-block; width: 100%; } .blogs .related-blogs .blog-realated-box { float:left; margin-right:20px; width:32%; } .blogs .related-blogs .blog-realated-box .small-preview {border-radius:4px; float:left; margin:6px 0 0 0; position:relative; text-align:center; position:relative; z-index:4; display:block; } .blogs .related-blogs .title{ color:#131313; font-size:16px; font-weight:600; } /**********pagination************/ .blogs .blog-pagination{ margin: 0px 0px 30px 0px; } .blogs .screen-reader-text { display:none; } .blogs .page-numbers { padding:8px 14px; font-size:14px; background-color:#fff; color:#000; border:1px solid #ccc;} .blogs .page-numbers:hover { background-color:#c1292d; color: #fff; } .blogs .current { padding:8px 14px; font-size:14px; background-color:#c1292d; color:#fff;} .blogs .pagination a, .pagination a:hover{ text-decoration:none; } /**********End of pagination************/ .blogs .search-input { margin: 10px 0px; opacity: 1; position: relative; left: 0; top: 0; z-index: 1;border-left: 2px solid #eee;} .blogs .search-input form{ width:90%; padding-left:19px; } .blogs .search-input .search-box{ position:relative; } .blogs .search-input .search-box input{ padding:8px !important; height:40px !important; width:100%; border-radius:0px; border:1px solid #ccc; } .blogs .search-input .search-box .btn{ padding:5px 10px !important; height:40px; width:40px; margin-left:-40px; position:absolute; top:0px; left:auto; right:0px; border-radius:0px; } .btn-warning, .btn-warning:hover { color: #000; background-color: #fff; border-left:1px solid #fff; border-top:1px solid #cbc6c4; border-right:1px solid #cbc6c4; border-bottom:1px solid #cbc6c4;} .blogs .heading{ font-size: 18px; font-weight: 700; text-transform: uppercase; color: #000; padding: 5px 0; border-left: 4px solid #c1292d; padding-left: 15px; margin-left: -2px;font-family: 'Roboto Slab', serif; margin-bottom:10px;} .blogs .r-links div{ padding:7px 10px 7px 0px; margin-bottom:10px; font-size:14px; margin-left:19px; border-bottom:1px solid #eee;} .blogs .c-links { padding-left:19px;} .c-links div { margin: 0; padding: 5px 0; line-height: 20px; font-weight: 400; font-size: 13px; font-family: 'Roboto', sans-serif; text-transform:uppercase;} .blogs a{ color: #000; font-weight:600; } .blogs a:hover{ color: #c1292d; text-decoration: none; } .blogs .categories, .blogs .recent-posts { margin: 20px 0px;border-left: 2px solid #eee; } .blogs .categories .coursedetails { display: flex; padding-left: 19px; margin-bottom: 20px;} .blogs .categories .courseimg { float:left; margin-right:15px;} .blogs .categories .coursename { width: 100px;} .blog-detail .title{ color:#131313; font-size:28px; font-weight:600; line-height:1.3em; margin-bottom:10px; } .blog-detail .content{ font-size:15px; margin-top:30px; } .blog-detail a, .blog-detail span{ color: #000; font-weight:600; } .blogs .blog-detail .posts-by, .blogs .blog-detail .posts-by a, .blogs .blog-detail .posts-by span{ color:#898998 !important; } .blog-detail h1, .blog-detail h2, .blog-detail h3{ font-size:22px; } .blog-detail .blog-detail-img{ margin-bottom:20px; } .blog-detail .blog-detail-img img{ width:100% !important; } @media(max-width: 767px) { .blogs .left { width:100%; } .blogs .right { float: left; width: 100%; border-left: none; padding-left: 0px; margin-top: 20px; } .blogs .postedby { border-right: none; width: 100%; } .blogs .blogcategory, .bdetails .postedby { margin-top: 10px; } .bdetails { display: block; } .bdetails .date { border-right:none; } .bdetails .postedby { border-right: none; } .blogs .related-blogs .blog-realated-box { width: 100%; margin-bottom: 20px; } .blogs .col-md-3 { display: none; } } /*************Blogs section ends here****************/ .distributions-content{ background:#274b72; color: #ffffff; padding:20px 15px; margin:15px 0px; } .distributions-content.blue{ background:#274b72; border-top-left-radius:20px; border-bottom-right-radius:20px; } .distributions-content.yellow{ background:#fda32d; border-top-left-radius:20px; border-bottom-right-radius:20px; } .distributions-content.red{ background:#e4635d; border-top-left-radius:20px; border-bottom-right-radius:20px; } .distributions-content.skyblue{ background:#82e1d4; border-top-left-radius:20px; border-bottom-right-radius:20px; } .distributions-content.steps{ border-top-left-radius:20px; border-bottom-right-radius:20px; } .distributions-content .distributions-box { min-height:116px; min-width:116px; background-position-x: center !important; margin:0 auto; margin-top:10px; text-align:center; } .distributions-content .distributions-box.box-how { background:url(assets/images/how.png) no-repeat; } .distributions-content .distributions-box.box-when { background:url(assets/images/when.png) no-repeat; } .distributions-content .distributions-box.box-where { background:url(assets/images/where.png) no-repeat; } .distributions-content .distributions-box h2 { font-size: 24px; line-height: 17px; padding-top: 125px; margin: 0; text-transform: uppercase; } .distributions-content .step-box { margin:0 auto; margin-top:10px; } .distributions-content .step-box h4 { font-size: 24px; } .distributions-content .link-box { margin:0 auto; margin-top:10px; } .distributions-content .link-box ul{ padding-left: 15px; } .distributions-content .link-box ul li, .distributions-content .link-box ul li a{ font-size: 15px; color: #212121; } .distributions-content .link-box ul li a:hover{ color: #517e4a; } .distributions-content .contact-box { margin:0 auto; margin-top:10px; } .distributions-content .contact-box .title{ font-size:20px; margin-bottom:5px; } .distributions-content .contact-box .value{ font-size:25px; margin-bottom:5px; } .distributions-content .contact-box .value a{ color:#ffffff; text-decoration:none; } .distributions-content .contact-box .value a:hover{ color:#000000; } .requestquote-page{ background:#f2f2f2; } .requestquote-container{ border:2px solid #eee; position:relative; overflow:hidden; padding:30px; max-width:800px; display:inline-block; text-align:left; background:#ffffff; } .requestquote-container .formtitle{ font-size:30px; font-weight:700; margin-bottom:30px; color:#ea453c; } .requestquote-container .form-control{ border-radius:0px; } .requestquote-container input.form-control{ height:40px; } .requestquote-container .form-sub-heading{ text-transform:uppercase; font-size:18px; font-weight:700; } .requestquote-container .rq-btn{ background:#ea453c; border-color:#ea453c; color:#ffffff; font-size:17px; font-weight:600; text-transform:uppercase; border-radius:0px; padding:8px 20px; } .requestquote-container .rq-btn:hover{ background:#121212; border-color:#121212; } .cap-img{ position:absolute; left:auto; right:30px; top:9px; } @media (min-width:1200px) { } @media (max-width:1200px) { } @media (max-width:992px) { } @media (max-width:767px) { } @media (max-width:550px) { .mobile-width-100-per{ width: 100% !important; max-width: 100% !important; flex: 0 0 100%; } } @media (max-width:450px) { } @media (max-width:325px) { }