/* Theme Name: Website & application developer pune Theme URI: http://www.webappdeveloperpune.com Author: akshay Author URI: https://www.webappdeveloperpune.com Description: Website & application developer pune is a custom designed theme by Akshay. Version: 1.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ta-meghna Tags: one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, 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 Basic Setup 2.0 Home Slider 3.0 Navigation 4.0 HomePage Sections 4.1 About Us Section 4.2 Main Features Section 4.3 Counter Section 4.4 Services Section 4.5 Portfolio Section 4.6 Our Skills Section 4.7 Our Team Section 4.8 Twitter Feed Section 4.9 Pricing Section 4.10 Testimonial Section 4.11 Latest Posts Section 4.12 Contact Section 5.0 Blog Page 5.1 Post Pagination 5.2 Widgets 6.0 Single Blog Page 6.1 Comment 6.2 404 Page 7.0 Alignments 8.0 Jetpack for WordPress 8.1 Infinite scroll 9.0 Media 12.1 Captions 12.2 Galleries 10.0 Footer --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Black+Han+Sans'); /*font-family: 'Black Han Sans', sans-serif;*/ .title-no-padding {padding: 0px;} /*-------------------------------------------------------------- 1.0 Basic Setup --------------------------------------------------------------*/ :root { --primary-color: rgba(0, 122, 255, 0.75); --dark-font:#1f2732; --faint-font:#7f7f7f; --light-font:#fff; } body {background-color: #ffffff;color: #333;-ms-word-wrap: break-word;word-wrap: break-word;font-family: 'Poppins', sans-serif;line-height: 30px;} ol, ul { margin: 0; padding: 0; list-style: none; } table { margin-bottom: 1.5em; width: 100%; text-align: center; margin: 10px !important; } table thead {background-color: #D83820;color: #fff;font-size: 16px;font-weight: bold;} table th { font-weight: 600; text-align: center; border-top: 1px solid #4e595f; border-bottom: 1px solid #4e595f; padding: 10px 5px; background-color: #ddd; font-size: 16px; } table td { /* border-bottom: 1px solid #4e595f; */ text-align: left; padding: 5px; vertical-align: middle; color: #272e7f; font-weight: 500; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; line-height: 30px; } figure { margin: 0; } a {color: var(--primary-color);-webkit-transition: all .3s ease-in 0s;-moz-transition: all .3s ease-in 0s;-o-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s;} a:hover { color: #219dee; -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; } iframe { border: 0; } .dropdown-menu {padding: 0px;color: #000;} .dropdown-menu>li { padding: 0px; margin: 0px; } .dropdown-menu>li>a {padding: 5px 10px;/* border-bottom: 1px solid #ddd; */color: #000 !important;font-size: 13px;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #00bcd4 !important;text-decoration: none;background-color: #02558D;} a, a:focus, a:hover { text-decoration: none; outline: 0; } a:focus, a:hover {color: var(--primary-color);} h1, h2, h3, h4, h5, h6 {/* font-family: oswald; */font-weight: 400;} #logo span{ margin: -7px 0 -3px 0; text-align: center; font-size: 12px; display: block; letter-spacing: 2px; color: #0171BD;} .logo-header{text-align:center;} .logo-header h3 { margin: 5px 0px 5px 0px; text-align: center; color: #0171BD; text-transform: uppercase; } .logo-header h2 { color: #D83820; font-family: 'algerian', Fallback, sans-serif; font-size: 31px; font-weight: 700; margin: 10px 0px 5px 0px; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .logo-header span { text-align:center; } .kill-margin-bottom { margin-bottom: 0 !important; } .btn {background-color: #00bcd4;color: #fff;padding: 10px 30px;border-radius: 50px;text-transform: uppercase;margin-top: 15px;font-size: 13px;border: 0px;font-weight: bold;-webkit-transition: all .5s ease-in 0s;-moz-transition: all .5s ease-in 0s;-o-transition: all .5s ease-in 0s;transition: all .5s ease-in 0s;} .btn:focus { color: #fff; } .btn-green { background-color: #0071BD; } .btn-green:focus, .btn-green:hover { background-color: #38ABF6; color: #fff; } .btn-white { border: 2px solid #ffffff; color:#ffffff; font-weight:bold; } .btn-white:focus { background-color: transparent; border-color: #6cb670; } .btn-white:hover { background-color: #3AB1FF; border: 1px solid transparent; color: #fff; } .btn-transparent { border: 2px solid #02558d; color:#02558d; font-weight:bold; } .btn-transparent:focus { background-color: transparent; border-color: #6cb670; } .btn-transparent:hover { background-color: #3AB1FF; border: 1px solid transparent; color: #fff; } .form-control {background-color: #fff;border-radius: 10px;/* padding: 20px; */border: 1px solid #999cc4;color: #272e80;margin: 30px 0px;} .form-control:focus { box-shadow: 0 0 0; } .form-control::-webkit-input-placeholder { /* Chrome, Safari, Opera */ color: #ddd; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #ddd; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } .form-control:-ms-input-placeholder { /* Internet Explorer */ color: #ddd; } #loading-mask { background: #f1f1f1; height: 100%; background-image: url(images/peb-metal-logo.png); position: fixed; background-repeat: no-repeat; background-position: center top; text-align: center; top: 0; background-position-y: 50px; width: 100%; z-index: 999999999; } .loading-img { height: 100%; left: 0; position: fixed; top: 50%; width: 100%; } .border { border-top: 1px solid #fff; height: 1px; margin: 15px auto 0; position: relative; width: 35%; } .border:before { background-color: #fff; border: 1px ridge #fff; content: ""; height: 10px; left: 50%; margin-left: -20px; position: absolute; top: -5px; width: 40px; } .border-black{border-top: 1px solid #02558d;} .border-black:before { background-color: #0071BD; border: 1px ridge #02558D; } .title-white{padding-bottom: 40px;} .title-white h2 { text-transform: uppercase; font-weight: 700; font-size: 38px; color: #ffffff; } .title {/* padding-bottom: 30px; */} .title h2 {text-transform: capitalize;/* font-weight: 700; */font-size: 38px;font-family: 'Poppins', sans-serif;} .color {color: var(--primary-color);} .sub-title { padding: 0; } .sub-title > h3 { border-left: 3px solid #ddd; border-right: 3px solid #ddd; display: inline-block; padding: 5px 25px; text-transform: uppercase; } .btn.active:focus, .btn:active:focus, .btn:focus { outline: 0; } .bg-one { background-color: #f1f1f1; } .parallax-section { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } .glyphicon-lg{font-size:3em} .blockquote-box{border-right:5px solid #E6E6E6;margin-bottom:25px} .blockquote-box .square{width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:#E6E6E6;padding:20px 0} .blockquote-box.blockquote-primary{border-color:#357EBD} .blockquote-box.blockquote-primary .square{background-color:#428BCA;color:#FFF} .blockquote-box.blockquote-success{border-color:#4CAE4C} .blockquote-box.blockquote-success .square{background-color:#5CB85C;color:#FFF} .blockquote-box.blockquote-info{border-color:#46B8DA;background-color: #f1f1f1;padding: 10px;} .blockquote-box.blockquote-info .square{background-color:#5BC0DE;color:#FFF} .blockquote-box.blockquote-warning{border-color:#EEA236} .blockquote-box.blockquote-warning .square{background-color:#F0AD4E;color:#FFF} .blockquote-box.blockquote-danger{border-color:#D43F3A} .blockquote-box.blockquote-danger .square{background-color:#D9534F;color:#FFF} /*-------------------------------------------------------------- 2.0 Home Slider --------------------------------------------------------------*/ #header-slider { position: relative; box-shadow: 1px 1px 15px #000; } #slider .carousel-caption { padding: 0; display: table; height: 100%; width: 100%; min-height: 100%; left: 0; top: 0; z-index: 11; background-color: rgba(0, 0, 0, .2); } #slider .carousel-caption img{ /* height: 500px; */ width:100%; /* object-fit: cover; */ /* object-position: 0px -30px; */ } #slider .carousel-caption a { font-size: 18px; } #slider .carousel-caption > div { vertical-align: middle; display: table-cell; } #slider .carousel-caption h2 { color: #fff; font-family: Oswald, sans-serif; font-size: 70px; font-weight: 700; margin-bottom: 40px; text-transform: uppercase; } #slider .carousel-caption h3 { color: #fff; font-family: Oswald, sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 59px; } /*-------------------------------------------------------------- 3.0 Navigation --------------------------------------------------------------*/ .navbar-inverse {/* background-image: linear-gradient( 135deg, rgb(249, 119, 148) 0%, rgb(98, 58, 162) 100%); */background-size: cover;background-repeat: no-repeat;/* background-position: 0px -8px; *//* box-shadow: 1px 1px 25px #000; */z-index: 5000;/* padding: 10px 0px; *//* position: fixed; *//* top: 0px; */width: 100%;/* background: -webkit-gradient(linear, left top, right top, color-stop(31%, #423f9c), color-stop(69%, #862359)); *//* background: -webkit-linear-gradient(left, #423f9c 31%, #862359 69%); */background: -o-linear-gradient(left, #423f9c 31%, #862359 69%);/* background: linear-gradient(90deg, #423f9c 31%, #862359 69%); */background-color: #fff;} .navbar {/* border-bottom: 1px solid #666; */margin-bottom: 0;/* border-top: 1px solid #ddd; */border-left: none;border-right: none;border-bottom: none;border-radius: 0px;min-width: 91px;background-color: rgba(31, 39, 50, 0.5);-webkit-transition: background 0.2s ease-in-out 0s;-moz-transition: background 0.2s ease-in-out 0s;-o-transition: background 0.2s ease-in-out 0s;-ms-transition: background 0.2s ease-in-out 0s;transition: background 0.2s ease-in-out 0s;} .navbar-header { background-color: transparent; float: left; } .navbar-brand { height: auto; padding: 2px 0; } .navbar-brand h1 { margin: 0; } .navbar-inverse .navbar-nav > li > a {color: #fff;font-size: 12px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.2em;/* background-color: transparent; *//* font-weight: bold; *//* font-size: 14px; *//* border-bottom: 5px solid transparent; *//* line-height: 26px; *//* padding: 2px 15px; *//* -webkit-transition: background .5s ease-in-out 0s; *//*-moz-transition: background .5s ease-in-out 0s;*//*-o-transition: background .5s ease-in-out 0s;*//* transition: background .5s ease-in-out 0s; */} .navbar-inverse .navbar-nav > li.current > a { /*color: #fff; background-color: #02558D !important; border-bottom: 5px solid #BF291E;*/ } .navbar-inverse .navbar-nav > li > a:hover { /*ff; */ } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {background-color: transparent;color: hsl(187, 100%, 42%)!important;} /*-------------------------------------------------------------- 4.0 HomePage Sections --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.1 Features Section --------------------------------------------------------------*/ #features-section{ margin: 10px 0px; } .feature-wrap{text-align:center;} .feature-wrap i{ color: #3AB1FF; font-size: 40px; } .feature-wrap h4{ color: #0071BD; } /*-------------------------------------------------------------- 4.1 End Features Section --------------------------------------------------------------*/ .padding-top-30{padding-top:30px;} .sidebar-links{text-align:center;} .menu-wrapper { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); background: #baaca3; background: -webkit-gradient(linear, left top, left bottom, from(#c1b6ae), to(#baaca3)); background: -moz-linear-gradient(top, #c1b6ae, #baaca3); background: -ms-linear-gradient(top, #c1b6ae, #baaca3); background: -o-linear-gradient(top, #c1b6ae, #baaca3); background: linear-gradient(to bottom, #3AB1FF, #1A98EA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC1B6AE', endColorstr='#FFBAACA3'); -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .menu-container{/* float:right; *//* margin-top: 40px; */} .slogan-panel{/* padding:15px 20px; *//* float: right; */display: inline;position: absolute;width: 67%;} .slogan-panel h3{ font-size: 24px; margin: 4px 0px; text-align: center; color: #ccc; } /*Block Headline*/ .headline { display: block; margin: 20px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .headline h2, .headline h3, .headline h4 { color: #333; margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #4BA7F4; } .headline h2 { font-size: 26px; } .headline-md h2 { font-size: 21px; } .headline-md { margin-bottom: 15px; } .navbar-collapse {padding:0px !important;float: right;} #full-width-page{background-color: #fff;padding: 30px 0 40px;} .home-title{text-align:center;background-color:#f1f1f1;padding:10px 0px;font-size: 40px;margin: 0px;margin-bottom: 20px;} .contact-title{text-align:center;background-color:#ffffff;padding:10px 0px;margin: -30px 0px 20px 0px;font-size: 26px;line-height:30px;} .contact-title span{font-size: 22px;} .color-light-blue{color: #3AB1FF;} .home-intro h2{font-size:22px;color: #006AB4;margin-bottom: 35px;} .home-intro p{text-align: justify;} .sidebar-links a img{margin-bottom: 20px;} .about-team{} #about-item { width:100%; } .panel-default>.panel-heading{background-color: #5DBE59;color: #fff;} .panel-default>.panel-heading h2, .panel-default>.panel-heading h3{ margin: 0px; padding: 0px; font-size: 22px; } .margin-top-20 {margin-top:20px;} /*-------------------------------------------------------------- 4.1 About Us Section --------------------------------------------------------------*/ .about-section { /* padding: 70px 0; */ } .icon-box { position: relative; width: 160px; height: 92.38px; background-color: transparent; margin: 46.19px auto 60px; padding: 20px 0; border-left: solid 3px #02558d; border-right: solid 3px #02558d; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; } .icon-box:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .icon-box:before, .icon-box:after { content: ""; position: absolute; z-index: 1; width: 113.14px; height: 113.14px; background-color: inherit; left: 20.4315px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -moz-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); -o-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); } .icon-box:before { top: -56.5685px; border-top: solid 4.2426px #02558d; border-right: solid 4.2426px #02558d; } .icon-box:after { bottom: -56.5685px; border-bottom: solid 4.2426px #02558d; border-left: solid 4.2426px #02558d; } .icon-box img{ margin-top: -40px; } .icon-box i{color:#bf291e;} .about-content h3{color:#02558d;font-size: 20px;} .about-content p{font-size:13px;text-align: center !important;margin: 0px !important;padding: 0px !important;} .sidebar-service-menu{padding:0px;margin:0px;} .sidebar-service-menu li a i {margin: 0px 10px;} .sidebar-service-menu li {padding:0px;margin-bottom: 0px;} .sidebar-service-menu li a{display:block;padding:10px 0px;border-bottom:1px solid #ddd;} .sidebar-service-menu li a:hover{background-color: #32AAF9;color:#ffffff;} .sidebar-service-menu li a.active{background-color: #32AAF9;color:#ffffff;} .no-padding{padding:0px !important;} /*-------------------------------------------------------------- 4.2 Main Features Section --------------------------------------------------------------*/ .main-features { padding: 30px 0; } .feature-media { margin-bottom: 30px; } .feature-desc a { margin-right: 20px; } /*-------------------------------------------------------------- 4.3 Counter Section --------------------------------------------------------------*/ .counter-section { /* padding: 30px 0; */ margin-top: 40px; color:#ffffff; background-color: #fff; } .counters-item { /* border: 1px solid #4e595f; */ /* padding-bottom: 30px; */ } .counters-item > div { } .counters-item span { display: inline; font-size: 23px; line-height: 0px; font-family: 'AlbertusMT', sans-serif !important; text-transform: uppercase; } .counters-item i { margin-bottom: 15px; } .counters-item h3 { font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; margin: 0; color: #ea3628; } /*-------------------------------------------------------------- 6.8 Blog --------------------------------------------------------------*/ #blogsection { background-image: url(http://www.sclc.ac.in/wp-content/uploads/2016/04/blog-bg.png); background-size: 100%; } #blog h3 a:hover { color: #34acfb; } .blog-list { margin-bottom: 80px; } .blog-list ul { margin-left: 0; } .timeline { position: relative; padding: 0; list-style: none; } .timeline:before { content: ""; position: absolute; top: 0; bottom: 0; left: 47px; width: 2px; margin-left: -10px; background-color: #f1f1f1; } .timeline a { color: #fff } .timeline a:hover { color: #fff } .timeline>li { position: relative; margin-bottom: 50px; min-height: 50px; } .timeline>li:before, .timeline>li:after { content: " "; display: table; } .timeline>li:after { clear: both; } .timeline>li .timeline-panel { float: right; position: relative; padding: 0 20px 0 100px; text-align: left; } .timeline>li .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeline>li .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeline>li .timeline-image { z-index: 100; position: absolute; left: 0; width: 80px; height: 80px; margin-left: 0; border: 7px solid #f1f1f1; border-radius: 100%; text-align: center; color: #fff; } .timeline>li .timeline-image h3 { margin-top: 12px; font-size: 10px; line-height: 14px; } .timeline>li.timeline-inverted>.timeline-panel { float: left; padding: 0 20px 0 100px; text-align: left; } .timeline>li.timeline-inverted>.timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeline>li.timeline-inverted>.timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeline>li:last-child { margin-bottom: 0; } .timeline .timeline-heading h3 { margin-top: 0; color: inherit; } .timeline .timeline-heading h3.subheading { text-transform: none; line-height: 30px; margin-top: 5px; } .timeline .timeline-heading span { color: #666; } .timeline .timeline-body>p, .timeline .timeline-body>ul { margin-bottom: 0; } @media only screen and (min-width : 768px) { .timeline:before { left: 50%; } .timeline>li { margin-bottom: 100px; min-height: 100px; } .timeline>li .timeline-panel { float: left; width: 40%; padding: 0; text-align: right; } .timeline>li .timeline-image { left: 50%; width: 100px; height: 100px; margin-left: -55px; } .timeline>li .timeline-image h3 { margin-top: 16px; font-size: 13px; line-height: 18px; } .timeline>li.timeline-inverted>.timeline-panel { float: right; padding: 0; text-align: left; } .post-inner-content { padding: 10px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .timeline>li { min-height: 150px; } .timeline>li .timeline-panel { padding: 10px 0; } .timeline>li .timeline-image { width: 150px; height: 150px; margin-left: -83px; } .timeline>li .timeline-image h3 { margin-top: 30px; font-size: 18px; line-height: 26px; } .timeline>li.timeline-inverted>.timeline-panel { padding: 10px 0; } .newsletter button { margin: 0 0 0 20px; } } @media (max-width: 979px) { body { padding-left: 0; padding-right: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; } .navbar .nav>li>a { line-height: 20px; vertical-align: middle; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: 0; margin-right: 0; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-collapse.collapse {display: block!important;width: 96%;border: 0px;} #mega-menu-wrap-secondary #mega-menu-secondary, #mega-menu-wrap-primary #mega-menu-primary { padding: 10px 0px 12px 0px !important; text-align: center !important; } #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0px 10px 0 0px !important; } .strategy-section .step .step-no { margin: 42% 0px !important; } .service-box p { font-size: 15px !important; } .phpgrapher-section-wrap { top: -81px !important; } .navbar-collapse.collapse .mega-menu-wrap{ background-c: #fff !important; } #mega-menu-wrap-secondary .mega-menu-toggle, #mega-menu-wrap-primary .mega-menu-toggle { background: #1f2732 !important; margin: 0px -15px; top: 49px !important; position: relative !important; } .navbar-nav { float: none!important; margin-top: 1px; } .collapse.in{ display:block !important; } .thumbnail .more { margin-left: -21px; width: 40px; height: 40px; border-radius: 30px; line-height: 40px; } .thumbnail:hover .more { margin-top: -20px; } .newsletter form { text-align: center; } } .timeline-body{color:#ffffff !important;} /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .thumbnail .more { margin-left: -40px; width: 80px; height: 80px; border-radius: 40px; line-height: 80px; } .timeline>li { min-height: 170px; } .timeline>li .timeline-panel { padding: 10px 20px 10px 0; } .timeline>li .timeline-image { width: 170px; height: 170px; margin-left: -93px; z-index: 0; } .timeline>li .timeline-image img {height:100%;width:100%;} .timeline>li .timeline-image h3 { margin-top: 40px; } .timeline>li.timeline-inverted>.timeline-panel { padding: 10px 0 10px 0; } } /*-------------------------------------------------------------- 4.4 Services Section --------------------------------------------------------------*/ #services { /* padding: 70px 0 100px; */ } #services .title { /* padding-bottom: 125px; */ } .service-block { /* padding-bottom: 10px; */ background-color: #ffffff; border: 1px solid #ccc; margin-bottom: 40px; /* -webkit-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #bf291e; */ -moz-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #bf291e; /* box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #bf291e; */ } .service-icon { margin-bottom: 0px; border-bottom: 1px solid #CCB; } .service-icon img{ margin: 0px auto; width: 100%; } .service-icon i{ margin: 0px auto; color:#ffffff; font-size:100px; margin:25px 0px; } .service-block h3 { text-transform: uppercase; color: #0064AD; margin: 5px 0px !important; padding-bottom: 0px; padding-top: 5px; } .service-page .service-block h3 {font-size: 16px;} .topper-section {padding:20px 0px;} .topper-section {text-align:center;} .topper-section h2{margin:0px;margin-bottom:20px;} /*-------------------------------------------------------------- 4.5 Portfolio Section --------------------------------------------------------------*/ #showcase { padding: 75px 0; } .portfolio-filter { margin-bottom: 15px; } .portfolio-filter ul li { display: inline; } .portfolio-filter ul li a { padding: 5px 10px; margin: 0 0 10px; display: inline-block; line-height: 1; text-transform: uppercase; letter-spacing: 0.2em; font-weight: bold; color: #1f2732; background-color: transparent; position: relative; z-index: 2; text-align: center; font-size: 12px; } .portfolio-filter ul li a:hover{color: var(--primary-color);} .portfolio-filter ul li a::before {/* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; *//* height: 1px; *//* margin-top: 2px; *//* background: #46cddd; *//* content: ''; */-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;} .portfolio-filter ul li a::after {/* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; *//* height: 2px; *//* background: #46cddd; *//* z-index: -1; *//* content: ''; */-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;} .portfolio-filter ul li a:hover::before { top: 100%; opacity: 1; } .portfolio-filter ul li a:hover::after { height: 100%; } .og-grid .mix > a { display:block; overflow:hidden; position:relative; } .og-grid .mix a img { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .og-grid .mix a:hover img { -webkit-transform: scale(1.4) rotate(15deg); -moz-transform: scale(1.4) rotate(15deg); -ms-transform: scale(1.4) rotate(15deg); -o-transform: scale(1.4) rotate(15deg); transform: scale(1.4) rotate(15deg); } .hover-mask { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(43, 44, 48, 0.8); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 600ms ease-out 0s; -moz-transition: all 600ms ease-out 0s; -o-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5,0.5); -moz-transform: rotateY(180deg) scale(0.5,0.5); -ms-transform: rotateY(180deg) scale(0.5,0.5); -o-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); } .hover-mask h3 { color: #ddd; font-size: 20px; position: relative; text-transform: uppercase; top: 110px; } .hover-mask span { border: 2px solid #ddd; border-radius: 50px; color: #ddd; display: inline-block; height: 50px; left: 42%; padding: 11px 0; position: absolute; text-align: center; top: 22%; width: 50px; } .og-grid .mix a:hover .hover-mask { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); } /*-------------------------------------------------------------- 4.6 Our Skills Section --------------------------------------------------------------*/ .team-skills { padding: 70px 0; background-color: #424450; color: #fff; } .skill-chart > h3 { border: 1px solid; margin: 25px 0 15px; padding: 10px 0px; font-size: 20px; } .skill-chart i { vertical-align: top; } .chart { display: block; position: relative; } .percent { display: inline-block; font-size: 1.6em; height: 150px; line-height: 150px; text-align: center; width: 150px; z-index: 2; } .chart canvas { left: 50%; margin-left: -75px; position: absolute; top: 0; } .percent:after { content: '%'; margin-left: .1em; font-size: .8em; } /*-------------------------------------------------------------- 4.7 Our Team Section --------------------------------------------------------------*/ #our-team { padding: 70px 0; background-color: #f1f1f1; } .about-team { color: #fff; padding-bottom: 40px; } .about-team .title h1 { color: #fff; } .team-mate { background-color: #ffffff; border: 1px solid #ddd; } .member-photo { overflow: hidden; position: relative; } .member-photo img { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .member-photo:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .member-title { border-bottom: 1px solid #ddd; padding: 10px 15px; } .member-photo .mask { background-color: rgba(43, 44, 48, 0.8); position: absolute; text-align: center; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 600ms ease-out 0s; -moz-transition: all 600ms ease-out 0s; -o-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5,0.5); -moz-transform: rotateY(180deg) scale(0.5,0.5); -ms-transform: rotateY(180deg) scale(0.5,0.5); -o-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); } .member-photo:hover .mask { cursor: pointer; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); } .team-mate h3 { font-family: 'AlbertusMT', sans-serif !important; font-size: 20px; margin: 0 0 5px; } .member-info { padding: 15px; } .mask ul { text-align: center; position: relative; top: 125px; } .mask ul li { display: inline-block; margin-right: 15px; } .mask ul li a { border: 1px solid #ddd; border-radius: 4px; color: #fff; display: block; font-size: 20px; height: 35px; line-height: 35px; text-align: center; width: 35px; } .mask ul li a:hover { background-color: #6cb670; border: 1px solid transparent; } /*-------------------------------------------------------------- 4.8 Twitter Feed Section --------------------------------------------------------------*/ .twitter-feed { padding-bottom: 100px; padding-top: 80px; } .twitter-bird span { border: 2px solid #6cb670; border-radius: 50px; color: #6cb670; display: inline-block; margin-bottom: 50px; height: 90px; width: 90px; } .twitter-bird span i { line-height: 90px; } .tweet { margin-bottom: 10px; } .tweet a { color: #6cb670; } /*-------------------------------------------------------------- 4.9 Pricing Section --------------------------------------------------------------*/ .pricing-section { padding: 70px 0; } .pricing { background-color: #ffffff; } .price-title { background-color: #ffffff; padding: 30px 0 20px; } .price-title > h3 { color: #6cb670; font-family: Oswald; font-weight: 700; margin: 0 0 10px; text-transform: uppercase; } .price-title > p { font-size: 18px; font-weight: 400; } .price-title .value { color: #6cb670; font-size: 30px; } .pricing li { border-top: 2px solid #3F4045; font-weight: 400; padding: 10px 0; } .pricing li:last-child { border-bottom: 2px solid #3F4045; } .pricing li:nth-child(2n) { background-color: #2F3035; } .pricing a.btn { text-transform: uppercase; margin: 20px 0; } /*-------------------------------------------------------------- 4.10 Testimonial Section --------------------------------------------------------------*/ .testimonial-section { padding: 70px 0; color:#ffffff; } #testimonial-block .owl-wrapper-outer { top: -25px; } .client-info { margin: 0 auto; width: 45%; } .client-thumb img { border-radius: 50%; margin: 0 auto; max-width: 115px; width: 100%; border: 5px solid #fff; margin-top: 30px; } .client-meta { margin: 0 0 10px; } .client-meta h3 { font-family: 'AlbertusMT', sans-serif !important; font-size: 20px; margin: 15px 0 5px .0; } .client-meta span { font-size: 12px; } .client-comment .social-profile { text-align: center; } .client-comment .social-profile li { display:inline-block; margin: 0 6px 0 0; } .social-profile ul li { float: left; margin: 0 6px 0 0; } .social-profile a { color: #4e595f; display: block; } .social-profile li a i { line-height: 33px; color: #fff; } .social-profile li a:hover { color: #6CB670; } .owl-buttons .owl-prev{ left: -50px; position: absolute; top: 40%; background-image: url(images/arrow-green-left.png); height: 55px; width: 55px; background-color: transparent; background-repeat: no-repeat; text-indent: 150%; white-space: nowrap; overflow: hidden; } .owl-buttons .owl-next{ right: -50px; position: absolute; top: 40%; background-image: url(images/arrow-green-right.png); height: 55px; width: 55px; background-color: transparent; background-repeat: no-repeat; text-indent: 150%; white-space: nowrap; overflow: hidden; } .owl-buttons .owl-prev:before, .owl-buttons .owl-next:before{ color: #000; box-shadow: 0 0 3px #fff; border-radius: 50%; } .owl-pagination, .owl-buttons { text-align: center; } .owl-controls .owl-page { display: inline-block; } .owl-controls .owl-page span { background-color: transparent; border: 2px solid #fff; border-radius: 50px; display: block; height: 13px; margin: 0 4px; width: 13px; opacity: 1; filter: alpha(opacity=100); } .owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background-color: #02558d; border: 2px solid transparent; } .our-clients { margin: 30px 0 0; } #our-clietns .item img { max-width: 150px; width: 100%; } #our-clietns .owl-next, #our-clietns .owl-prev { border: 1px solid #ddd; border-radius: 50px; display: inline-block; margin: 45px 0 0; padding: 3px 15px; position: relative; text-align: center; } #our-clietns .owl-next i, #our-clietns .owl-prev i { line-height: 34px; } #our-clietns .owl-prev { margin-right: 15px; } #our-clients .item { margin: 10px; } /*-------------------------------------------------------------- 4.11 Latest Posts Section --------------------------------------------------------------*/ #blog { padding-bottom: 110px; padding-top: 70px; } .blog-section {padding: 20px 0px !important;} .note { background-color: #ffffff; border: 1px solid #ccc; } .note .media-wrapper { border-bottom: 1px solid #4e595f; } .note .event-excerpt { padding:10px; text-align: left; position: absolute; bottom: 0px; width: 92%; background-color: #000; opacity: 0.6; z-index: 99; } #single-event .note .event-excerpt h3, #single-event .note .event-excerpt h3 a{ color:#ffffff !important; margin: 0px; } .note .excerpt { padding: 0 15px 20px; text-align: center; } .note .excerpt h3 { font-size: 18px; line-height: 1.5; text-transform: capitalize; min-height: 80px; } .all-post { margin-top: 50px; } /*-------------------------------------------------------------- 4.12 Contact Section --------------------------------------------------------------*/ .contact-us { padding: 70px 0 0; } .contact-form { margin-bottom: 40px; } .contact-form .form-control { background-color: transparent; border: 1px solid #4e595f; height: 38px; } .contact-form input:hover, .contact-form textarea:hover, #contact-submit:hover {border-color: var(--primary-color);color: var(--dark-font);} #contact-submit { border: 5px solid #02558d; padding: 12px 0; width: 100%; margin: 0; color: #02558d; font-weight: bold; font-size: 20px; } .contact-form textarea.form-control { padding: 10px; height: 120px; } .contact-details .fa-lg { line-height: .65em; } .contact-info p { margin-bottom: 25px; } .con-info { margin-bottom: 20px; } .con-info i, .con-info span { float: left; } .con-info span { margin: -5px 0 0 15px; width: 300px; } .error { display: none; padding: 10px; color: #D8000C; border-radius: 4px; font-size: 13px; background-color: #FFBABA; margin-bottom: 15px; } .success { background-color: #6cb670; border-radius: 4px; color: #fff; display: none; font-size: 13px; padding: 10px; margin-bottom: 15px; } #map-canvas { height: 370px; width: 100%; } /*-------------------------------------------------------------- 5.0 Blog Page --------------------------------------------------------------*/ #blog-banner { padding-bottom: 100px; padding-top: 80px; } .blog-icon { border: 1px solid #6CB670; border-radius: 50%; color: #6CB670; display: inline-block; padding: 16px 20px; } .blog-title h1 { text-transform: uppercase; } #blog-page { padding: 30px 0 40px; background-color: #f1f1f1; } #service-page { padding: 30px 0 40px; background-color: #f1f1f1; } #blog-page h3.entry-title{ margin-left: -10px; margin-right: -10px; margin-top: -10px; padding: 10px; margin: 0px; background-color: #f9f9f9; } #blog-page .post-item .entry { margin-bottom: 30px; background-color: #fff; border:1px solid #ddd; } .post-item .entry { margin-bottom: 30px; } #blog-page .entry .entry-content { padding:0 10px; } #gallery-post .owl-prev, #post-thumb .owl-prev, #gallery-post .owl-next, #post-thumb .owl-next { padding: 5px 17px; position: absolute; top: 40%; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s; } #gallery-post .owl-prev, #post-thumb .owl-prev { left: 0px; } #gallery-post .owl-next, #post-thumb .owl-next { right: 0px; } #gallery-post:hover .owl-prev, #post-thumb:hover .owl-prev { left: 0; } #gallery-post:hover .owl-next, #post-thumb:hover .owl-next { right: 0; } #gallery-post, #post-thumb { overflow-x: hidden; } #post-thumb .owl-buttons { color: #fff; } .post-meta { background-color: #ffffff; border: 1px solid #ddd; font-size: 13px; color:#aaa; margin: 20px 0 0; padding: 0 20px 10px; } .post-meta > span { border-right: 1px solid #4e595f; display: inline-block; font-size: 12px; margin: 10px 10px 0 0; padding-right: 10px; } .post-meta > span a{ } .post-meta > span:last-child { border-right: 0; } .post-meta > span > i { margin-right: 5px; } .post-meta a:hover { color: #6CB670; } .post-excerpt .more { margin-top: 20px; } .post-excerpt .more a { display: inline-block; font-size: 13px; padding: 10px 25px; } .post-excerpt .more a:hover { background-color: #6CB670; color: #fff; } /*-------------------------------------------------------------- 5.1 Post Pagination --------------------------------------------------------------*/ .post-pagination { display: inline-block; margin-bottom: 20px; } .post-pagination ul li { margin-right: 5px; float: left; } .post-pagination ul li:last-child { margin-right: 0; } .post-pagination ul li.disabled a { cursor: not-allowed; } .post-pagination ul li.disabled a:hover { background-color: #2E373C; color: #9aa8b3; } .post-pagination ul li a { background-color: #30393e; color: #9aa8b3; display: block; padding: 8px 18px; } .post-pagination ul li a:hover, .post-pagination ul li.active a { background-color: #6CB670; color: #fff; } /*-------------------------------------------------------------- 5.2 Widgets --------------------------------------------------------------*/ aside.widget { /* margin-bottom: 25px; */ background-color: #ffffff; padding: 10px 9px 10px 10px; } aside.widget_text{ background-color: #ffffff; padding: 10px 9px 10px 10px; } aside.widget li:before { /* font-family: "FontAwesome"; */ /* content: '\f067'; */ } aside.widget ul li { margin-bottom: 10px; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s; } aside.widget ul li:hover a { color: #BF291E; } aside.widget ul > li:last-child { border-bottom: 0; } aside.widget ul li a { /* padding-left: 5px; */ } aside.widget ul li span { padding-left: 8px; } .widget-title h3 { color: #fff; margin-bottom: 15px; margin-top: 0; position: relative; } #search-form { position: relative; margin: 30px 0px; } #search-submit { background: none; border: 0; color: #C8C8CA; display: block; font-size: 16px; height: 32px; outline: 0; position: absolute; right: 0; text-align: center; top: 0; width: 32px; } .post-tabs .tab-post-nav li { margin-bottom: 0; } .post-tabs .tab-post-nav li:before { content: none; } .post-tabs .tab-content { background-color: #2f383d; padding: 20px; } .tab-post-nav { background-color: #4A535A; } .tab-post-nav li { float: left; } .tab-post-nav li.active a { border-top: 3px solid #6cb670; background-color: #2F383D; color: #6CB670; } .tab-pane .clearfix { margin-bottom: 20px; } .tab-excerpt > span { display: block; font-size: 12px; margin-bottom: 10px; } .tab-excerpt h4 a { color: #fff; } .tab-excerpt h4 a:hover { color: #6cb670; } .tab-post-nav li a { border-top: 3px solid transparent; color: #fff; display: block; padding: 13px 14px !important; text-align: center; } .widget .tag { background-color: #2F383D; color: #fff; display: inline-block; margin-bottom: 10px; margin-right: 5px; padding: 5px 13px; } .widget .tag:hover { background-color: #6CB670; color: #fff; } /*-------------------------------------------------------------- 6.0 Single Blog Page --------------------------------------------------------------*/ .single-blog { background-color: #fff; margin-bottom: 50px; padding: 20px; } article ul li { list-style: none; margin-bottom: 5px; } article ol li { list-style: decimal; } article ul, article ol { margin: 0 0 15px 30px; } blockquote { border-left: 5px solid #4BA7F4; font-style: italic; line-height: 22px; margin: 20px 0; } .navigation ul { margin-left: 0; } .next-prev { border: 1px solid #ccc; background-color: #ffffff; margin: 20px 0; padding: 15px 10px; color: black; } .next-prev a:hover { color: #6CB670; } .next-prev li { display: inline; font-size: 20px; line-height: 34px; } .next-prev li a{} .prev-post i { float: left; margin-right: 10px; margin-top: -5px; } .next-post i { float: right; margin-left: 10px; margin-top: -3px; } .post-author { margin-right: 20px; } .post-author > img { border: 1px solid #4e595f; max-width: 120px; padding: 5px; width: 100%; } /*-------------------------------------------------------------- 6.1 Comment --------------------------------------------------------------*/ .comment-reply-form > h3, .author-about > h4, .comments > h4 { border-bottom: 1px solid #4e595f; margin-bottom: 15px; margin-top: 0; padding-bottom: 10px; position: relative; } .bypostauthor { display: block; } .author-bio h5 { display: inline-block; } .post-item .comments-section { margin-top: 35px; } .comment-list ul li { list-style: square; } .comment-list ol li { list-style: decimal; } .comment-list ul, .comment-list ol { margin: 20px 0 15px 30px; } .comment-list li { margin-bottom: 20px; } .comment-wrap { border: 1px solid #4e595f; border-radius: 1px; margin-left: 20px; padding: 10px; position: relative; } .comment-wrap .author-avatar { margin-left: -25px; margin-right: 20px; } .author-comment { margin-bottom: 15px; overflow: hidden; } .author-comment cite a:hover, .replay:hover { color: #6CB670; } .author-comment cite { margin-bottom: 2px; padding-top: 4px; font-style: normal; } .author-comment i { margin-right: 5px; } .comment-content { margin-left: 45px; } .comment-reply-form { margin-top: 50px; } #comment-form { margin-top: 35px; } #comment-form .form-control:hover { border-color: #6CB670; } .form-group:last-child, .form-group:last-child input { margin: 0; } /*-------------------------------------------------------------- 6.2 404 Page --------------------------------------------------------------*/ .error404 .clearfix { margin-bottom: 20px; } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 8.0 Jetpack for WordPress --------------------------------------------------------------*/ /*-------------------------------------------------------------- 8.1 Infinite Scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 9.0 Media --------------------------------------------------------------*/ .img-control {text-align:center;margin:30px 0px;border:1px solid #ddd;} .img-control img{margin:0px auto;} .img-control p{display:none} .img-control h3{margin:5px 0px;} .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content { } .entry-content ul { } .entry-content ul li {color: #272e7f;font-weight: 500;font-family: 'AlbertusMT', sans-serif !important;font-size: 16px;text-align: justify;line-height: 30px;padding: 0px 15px;list-style: disc;margin-left: 30px;} .entry-content ol {color: #272e7f;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;font-size: 20px;text-align: justify;line-height: 30px;} .entry-content ol li {padding: 0px 15px;} .entry-content a { color:#e42313} .entry-content p a { color:#e42313} .entry-content p { padding: 0px 15px; color: #272e7f; font-weight: 500; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; line-height: 30px; } .entry-content h1 { padding-top: 10px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 26px; text-align: justify; line-height: 30px; } .entry-content h2 { padding-top: 10px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 24px; text-align: justify; line-height: 30px; } .entry-content h3 { padding: 15px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 22px; text-align: justify; line-height: 30px; } .entry-content h4 { padding-top: 10px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 18px; text-align: justify; line-height: 30px; } .entry-content h5 { padding-top: 10px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; line-height: 30px; } .entry-content h6 { padding-top: 10px; color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 14px; text-align: justify; line-height: 30px; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, img { max-width: 100%; } img { height: auto; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- 10.0 Footer --------------------------------------------------------------*/ .social-icon { padding: 60px 0 35px; perspective: 900000px; /* Chrome, Safari, Opera */ -webkit-perspective: 900000px; } .social-icon > ul { text-align: center; } .social-icon > ul > li { display: inline-block; margin-right: 20px; } .social-icon > ul > li > a { background-color: #02558d; color: #fff; display: block; height: 70px; width: 70px; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .social-icon > ul > li > a > i { color: #fff; display: inline-block; font-size: 32px; line-height: 70px; margin: 0; opacity: 0.7; filter: alpha(opacity=70); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .social-icon > ul > li:hover a { background-color: #6cb670; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .social-icon > ul > li:hover a i { color: #fff; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .copyright { padding: 20px 0 0; color: #fff; } .copyright img { /* margin-bottom: 15px; */ } #scrollUp { border: 1px solid #02558d; bottom: 15px; color: #02558d; display: none; padding: 8px 12px; position: fixed; right: 20px; z-index: 600; } #scrollUp:hover { background-color: #02558d; border: 1px solid #666; color:#fff; } #footer-cta { background-color: #5DBE59; } .cta-wrap { padding:10px 0px; } .cta-img{position:absolute;top:-165px;} .cta-text img { float: left; } .cta-text h3 { margin: 10px 0px; margin-left: 100px; color: #fff; font-style: italic; } .cta-text p { margin-left: 100px; color: #f1f1f1; font-size: 12px; } #footer{padding-top: 15px;} .footer-info-wrap { margin: 20px 0px 0px 0px;} .footer-info-wrap img{} .footer-info-wrap p{ text-align: justify; margin: 10px 0px; } #footer .social-bar{float:left;} #footer .social-bar li:before{content: '' !important;} /*Copyright*/ .copyright { padding: 10px 0; /* border-top: solid 1px #666; */ background-size: cover; /* background-image: linear-gradient( 135deg, rgb(249, 119, 148) 0%, rgb(98, 58, 162) 100%); */ /* margin-top: 280px; */ background-color: var(--dark-font); } .copyright p { color: #ffffff; font-size: 10px; margin-bottom: 0; line-height: px; margin: 0px; } .copyright p.copyright-space { margin-top: 12px; } .copyright a { margin: 0 5px; color: #ffffff; } .copyright a:hover { color:#fff; } .copyright-section {text-align: center;} .copyright-section a {color: #fff;} .copyright-section a:hover {color: #fff!important;} .copyright-section h3 {color: #fff;font-family: 'AlbertusMT', sans-serif !important;font-size: 18px;} .copyright-section h4 {font-family: 'AlbertusMT', sans-serif !important;font-size: 14px;} .footer-logo { margin-left: 10px; float: right; } @media (max-width:320px) { .shrade{border: 11px solid !important;border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b83-2.png) 49 17 !important;margin: 0px!important;-webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b83-2.png) 49 17!important;} .bag-promo{ font-size: 13px; position: absolute!important; left: 42%!important; bottom: -25%!important; margin-bottom: 20px; } } @media (max-width: 480px) { .bag-promo{ font-size: 15px; position: absolute!important; left: 33%!important; bottom: -28%!important; margin-bottom: 20px; } .footer-logo { margin-left: 10px; float: right; width: 100%; } .footer-social { float: right; text-align: center; margin-top: 20px; display: inline-flex; } } .footer-social { float: right; margin-top: 8px; } .twitter-follow-button { width: 125px !important; } .fb_iframe_widget { display: inline-flex !important; } .list-unstyled li i { padding-right:10px; color: #73BAF6; } .page-slider{margin-top:0 !important;} /* Add the following to your stylesheet */ .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top: -5px;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:active>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .is-sticky #logo {text-align:center;} .is-sticky #logo img{width:80px;margin-bottom:5px} .is-sticky .logo-header h3{display:none;} .is-sticky .logo-header h2{margin-bottom: 0;font-size: 28px;} .is-sticky .blink{margin-top: 10px;border-radius:7px;padding:4px;} .is-sticky .blink-click{font-size: 13px;margin: 0px;} .is-sticky header#navigation{box-shadow: 0 10px 25px #0c0c0c6b;width: 100%;z-index: 99;background-color: #1f2732;-webkit-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.3);} .nav-arrows span{z-index:20 !important;} .blink{margin-top: 20px; background: #D83820; color: #fff; padding:4px 7px; font-weight:600; border-radius:4px;} .blink a{ font-size: 12.5px; color: #fff;} .blink-click{ font-weight: 600; color: #0E82D2; font-size: 15px; line-height: 3;} .pros-download{width: 40% !important;background: #209DEE;} .pros-download a{color: #fff;font-size: 13px !important;} .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; background: #59ADEB; -moz-animation-duration: 2s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; border: 5px solid #f5e315 !important; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } .blink_me i.fa-star {color:#ffec18;margin:0px;} #foot-img{background: #4ABBC6; padding: 10px 0;height:100px;} #foot-img .foot-img-box-bg{display: inline-block;border-radius: 10px;margin-right:15px;} #foot-img .foot-img-box-bg h5{line-height: 1.5;font-size: 16px;color:#555;} #foot-img .foot-img-box-bg img{padding:10px 0;} #foot-img .foot-img-box-1{background: #FEF963;} #foot-img .foot-img-box-2{background:rgb(255, 160, 200);} #foot-img .foot-img-box-3{background: rgb(105, 247, 79);} #foot-img .foot-img-box-4{background:rgb(251, 167, 108);} #foot-img .foot-img-box-5{background: rgb(34, 239, 232);} .staff-wrap{ margin-bottom: 20px; background: #fff; padding-right: 13px; border-right: 2px solid #2CA6F5; box-shadow: 0 0 10px #999; margin-right: 0px; margin-left: 0px; } #blog-posts .post-item .media-wrapper a img{height:380px !important;width: 100%;} #foot-buttons {padding:20px 0px;text-align:center;} .non-staff-wrap { margin-bottom: 15px; background: #fff; padding-right: 13px; border-right: 2px solid #2CA6F5; box-shadow: 0 0 10px #999; margin-right: 0px; margin-left: 0px; } .col-no-padding{padding:0px;} .non-staff-img img{height:125px;width: 125px;} .non-staff-info .table td{width:50%;} .btn-web{background-color:#d6101d;border: 1px solid #0051b3;color: #ffffff;font-weight: 700;padding: 6px 10px;text-transform: uppercase;} .btn-web:hover, .btn-web:active{background-color: #0069e6;border-color: #0051b3;color:#ffffff;} .btn-web i{margin-right: 5px;} .btn-white{color: #0069e6;border: 1px solid #0051b3;background-color: #ffffff;font-weight: 700;padding: 6px 10px;text-transform: uppercase;} .btn-white:hover, .btn-white:active{background-color: #075FC9;border-color: #0051b3;color:#ffffff;} .btn-white i{margin-right: 5px;} .btn-sclc {background-color:#0069e6;border: 1px solid #0051b3;color: #ffffff;font-weight: 700;line-height: 10px;} .btn-sclc:hover, .btn-ynods:active{background-color: #d6101d;border-color: #b7030f;color:#ffffff;} .btn-sclc i{margin-right: 5px;} .section-notice {padding:30px 0px;border-top:1px solid #f1f1f1;background-color: #ffffff;border-bottom:1px solid #f1f1f1;} .section-notice p,.section-notice ol{font-size:14px;margin-bottom: 50px;text-align: justify;} .section-notice ol li {margin:10px 0px;text-align: justify;} .section-notice .table-steps {width:60%;margin:0px auto;margin-bottom:50px;} .section-notice .table-steps table tr td {background-color:#00ab42;color:#ffffff;} .section-notice .page-heading {text-align:center;margin:20px 0px;font-weight:700;text-decoration:underline;line-height:40px;} .admission-marque {background-color:#333;color:#ffffff;} .admission-marque p{margin:0px;} .admission-marque a{color:#ffffff;} .competition-section{padding: 15px;background-color: #fff;border: 1px solid #ddd;} .competition-section h1,.competition-section h2, .competition-section h3{font-size: 27px;text-align: center;font-weight: 600;border-bottom: 1px solid #333;display: table;padding-bottom: 5px;font-weight: 500;line-height: 1.1;color: inherit;margin: 20px auto;} .competition-section h4{text-align: center;font-weight: 600;font-size: 24px;margin-bottom: 20px;} .competition-section h5{} .competition-section h6 {font-size: 18px;font-weight: 600;} .competition-section p{font-size: 14px;} .competition-section img {display: block;margin: 20px auto;} .competition-section ul {list-style-type: none;} .competition-section ul li:before {font-family:'FontAwesome';content: '\f105';color: #219def;margin-right:10px;font-weight: bold;} .competition-section ul.competition-winner li:before {content: '\f192';} .competition-section ul li i{margin-right:10px;color:#29a4f4;} .competition-section table {margin-bottom:20px !important;} .competition-section table tr td:first-child {width:100px;} /*Nav bar*/ .navbar-brand img {width: 165px !important;} .navbar-nav>li>a {line-height: 12px !important;height:100%;text-transform: uppercase;font-size: 13.8px;/* font-family: 'AlbertusMT', sans-serif !important; *//* font-weight: bold; */color: hsla(0,0%,100%,.6);transition: all 0s ease-in;border-top: 0px;border-right: 0px;border-left: 0px;} .nav>li {margin: 5px 0px;} .nav-icon{margin-right: 10px;} .navbar-nav>li.divider{border-right: 1px solid #efefef;} .small-menu a {border-left: 0 none !important; display: block; font-size: 12px; padding: 0; line-height: 17px; color: #333;} .navbar-default { background-color: #272e80; /* background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/Untitled-1.jpg); */ background-size: cover; background-repeat: no-repeat; /* background-position: 0px -8px; */ box-shadow: 1px 1px 25px #000; z-index: 16; /* padding: 10px 0px; */ position: fixed; top: 0px; width: 100%; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #301c54 !important; background-color: transparent !important; transition: all 0s ease-in !important; } .header-logo{/* height: 125px; */} /*nav ends*/ .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; /* max-width: 100%; */ height: 100%; width: 100%; object-fit: cover; } .underline{ width: 50%; margin: 0px auto; } .underline img{height: 5px; width: 30%;} .title-big { /* background-color: #272e80; */ padding: 1px 0px; width: auto; position: relative; margin: 0px auto; } .title-big h3{ /* text-transform: uppercase; */ font-family: 'AlbertusMT', sans-serif !important; color: #272e80; font-size: 26px; text-align: center; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; border-bottom: 10px solid; display: inline-block; px; */ right: 0px; border-top: 0px; border-left: 0px; border-right: 0px; } .title-big-shrade-y{background-color:#ffed00;} .section-about{ /* background-color: #ddd; */ /* margin-top: -10px; */ padding: 20px 70px; } .shrade{border: 16px solid;border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b83-2.png) 49 17;margin: 0px;-webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b83-2.png) 49 17;} .shrade-yellow{border-top: 17px solid #ffed00;border-bottom: 17px solid;border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-2.png) 14 14;margin: 0px;background-color: transparent;margin-top: -16px;z-index: 11;position: relative;width: 100%; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-2.png) 14 14;} .section-content{ padding: 10px 0px; /* margin-top: 40px; */ } .small-title{ padding: 15px 0px; } .small-title h3{ color: #272e80; font-size: 28px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; } .small-title small{font-family: 'AlbertusMT', sans-serif !important;color: #2b2d7d;font-weight: bold;} .section-content .section-data{} .section-content .section-data p{ color: #272e80; font-size: 19px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; } .community-box-lg:hover{ box-shadow: 0px 0px 25px #ddd; } .community-centre-box{ /* height: 100%; */ /* border: 3px solid #ffed00; */ /* margin-bottom: 25px; */ } .community-centre-box:hover{ } .community-centre-box img {height: 300px;margin: 0px auto;display: block;} .community-centre-box h3{ text-align: center; font-family: 'AlbertusMT', sans-serif !important; font-size: 18px; margin: 0px; color: #2b2d7d; font-weight: 600; min-height: 45px; } .section-community-centre-box{ /* background-color: #ddd; */ padding: 20px 70px; } .time-counter span{text-transform: lowercase !important;} .sidenav {height: 100%; /* 100% Full-height */width: 0; /* 0 width - change this with JavaScript */position: fixed; /* Stay in place */z-index: 13; /* Stay on top */top: 0; /* Stay at the top */right: 0;background-color: #fbf8f8; /* Black*/overflow-x: hidden; /* Disable horizontal scroll */padding-top: 60px; /* Place content 60px from the top */transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */box-shadow: 0px 40px 70px #000;} /* The navigation menu links */ .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #2b2d7d; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { color: #f1f1f1; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0; right: 20px; font-size: 36px; margin-left: 50px; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { transition: margin-left .2s; } .mobilenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 99999; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: #fbf8f8; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding: 50px 0px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ box-shadow: 0px 40px 70px #000; background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/Untitled-1.jpg); background-size: contain; background-repeat: repeat-y; } /* The navigation menu links */ .mobilenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #2b2d7d; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .mobilenav a:hover { color: transparent; background-color: transparent !important; } /* Position and style the close button (top right corner) */ .mobilenav .closebtn { position: absolute; top: 0; right: 20px; font-size: 36px; margin-left: 50px; color: #fff; } .share-panel-trigger{ display: none; position: fixed; right: 0px; top: 311px; z-index: 12; background-color: #fff; padding: 14px; cursor: pointer; font-size: 25px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 1px 2px 10px #000; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-width: 425px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} .terms-head img{ width: 98% !important; margin: 0px auto; display: block; } } .share-icon-panel{font-size: 40px;color: #2b2d7d;} .site-logo img{height: 60px;width: auto;display: block;padding: 12px 0px;margin-bottom: 10px;float: left;/* padding-right: 40px; */} .site-logo{ margin: 10px 0px; /* float: right; */ background-color: transparent; } .curve{ height: 0px; } .curve h3{ color: #fff; font-family: 'AlbertusMT', sans-serif !important; font-size: 24px; text-align: center; padding: 0px 25px; position: relative; top: -35px; left: 78px; } .curve img{ bottom: 15px; position: relative; } @font-face { font-family: AlbertusMT; src: url(fonts/AlbertusMT.woff); } .data-link{cursor: pointer;} #pricetabs{border: 16px solid;border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/line.png) 14 8;margin: 5px 0px;-webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/line.png) 14 8;} #pricetabs p i{ font-size: 10px; } #pricetabs p{ background-color: #c3c3df; margin: -8px; padding: 5px; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; color: #2b2d7d; font-weight: 600; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000000d1 !important; border-radius: 4px; padding: 10px 50px !important; box-shadow: 1px 1px 14px #000 !important; font-family: 'AlbertusMT', sans-serif !important; margin: 0px auto; } .tooltip.top { padding: 5px 0; margin-top: -3px; top: 0px !important; font-size: 17px; left: 20% !important; right: 20% !important; } .nav>li :hover{/* border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-3.png) 14 14 !important; */} .navbar-inverse .navbar-nav>li:focus, .navbar-inverse .navbar-nav>li:hover, .navbar-inverse .navbar-nav>li:active { color: #301c54 !important; /* background-color: #f3f3f1 !important; */ /* border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-3.png) 15 15; */ transition: all 0s ease-in; } .nav>li.active { color: #301c54 !important; } .navbar-default .navbar-nav>li>a:active{ color: #301c54 !important; background-color: #fff!important; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #301c54 !important; background-color: #fff!important; } #header-slider .sl-slider-wrapper { width: 100%; overflow: hidden; position: relative; height: 584px !important; } .navbar-nav {margin-top: 14px;position: relative;z-index: 1;float: left;/* float: right; *//* right: 25%; */text-align: center;} .site-logo h3{ display: none;} @media only screen and (max-width: 768px) { .services-details .about-details h1 { font-size: 25px !important; } .header-phone h3 { font-size: 18px !important; } .header-phone { top: 0px !important; } .phpgrapher-section-wrap { top: 0px; } .contact-section .contact-box ul li { font-size: 20px !important; } section.mt-testimonials:before { display: none !important; } .mt-testimonials:after { display: none !important; } .testimonials-wrapper img { width: 120px !important; } .section-about .about-details h2 { font-size: 22px !important; width: 100% !important; } .section-about .about-details p { width: 100% !important; font-size: 14px !important; } .about-details.wow.animated.fadeIn.animated:after { display: block !important; } .about-details.wow.animated.fadeIn.animated:before { /*display: none !important;*/ } section.strategy-section:after { transform: rotate(0deg) !important; width: 100% !important; } .strategy-section { margin: 0px 0px !important; } section.strategy-section:before { display: none !important; } .strategy-section .step .step-no.right h3:before { left: 170px !important; } .strategy-section .step-desc p { margin: 5% 0px !important; text-align: justify !important; } .strategy-section .step .step-no.left h3:before { left: -180px !important; } .strategy-section .step .step-no { margin: 10% 0px; } .strategy-section .step .step-no h3:before { top: -40px !important; width: 100%; font-size: 100px !important; } .strategy-section .step .step-no h3 { font-size: 30px !important; } .strategy-section .step-img:after { display: none !important; } .owl-item { margin-left: 0px !important; } .owl-item:first-child { margin-left: 0px !important; } .related-services .mt-client-box img { height: 150px !important; } .form-control{ margin: 10px 0px !important; } .terms-condition-wo-img { padding: 30px 20px !important; } .terms-head img{ width: 100%; margin: 0px auto; display: block; } .terms-condition{ border: 28px solid !important; } .title-terms h3{font-size: 15px !important;} .terms-condition { padding: 30px 30px !important; } #search-form{margin: 0px !important;} .contact-address-box ul li { font-size: 13px !important; } .counter-data{ position: absolute; width: 100%; text-align: center; } .counter-data h3{ color: #272e80; font-size: 40px !important; line-height: 12px !important; } .ct1{ top: 40% !important; left: 3%; } .ct2{ top: 40% !important; left: 3%; } .ct3{ top: 36% !important; left: 3%; } .ct3 span{ font-size: 29px; color: #272e80; } .about-img { text-align: center; display: block; margin: 0px auto; } .navbar-default { position: relative; } body { padding-top: 0px !important; } .contact-address-box ul li a{ font-size: 13px!important; color: #fff!important; } .copyright .contact-address-box ul li { color: #fff; font-size: 13px; } .community-centre-box h3 { min-height: 80px; } .curve h3 { font-size: 16px; /* padding: 0 15%; */ /* top: -100px; */ left: 0px; display: none; /* width: 70%; */ } .site-logo {float: none;margin: 0px 40px;} .site-logo h3{ color: #fff; font-family: 'AlbertusMT', sans-serif !important; font-size: 20px; text-align: center; /* padding: 0px 25px; */ position: relative; display: block; /* top: -20px; */ /* left: 50px; */ } .sl-slider { height: auto; } #header-slider .sl-slider-wrapper { /* height: 330px !important; */ } .parallax-section { padding: 20px 0px; } .community-centre-box img { margin: 0px auto; display: block; } .mobile-icon{ padding: 0px 25px; } .navbar-nav { padding: 0px 20px; } .navbar-nav>li.active>a { /* background-color: #fff; */ border-bottom: 10px solid #fff; background-color: transparent; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; border-top: 0px; border-left: 0px; border-right: 0px; color: #ffed00 !important; } .section-content .section-data p { text-align: justify; } .navbar-nav>li>a { line-height: 13px !important; } .header-logo { height: 25px; } .nav>li { /* background-color: #ffed00; */ width: 85%; } .nav>li.active { /* color: #301c54 !important; */ /* background-color: #fff !important; */ } .carousel-caption img { height: auto !important; } .counter-section { padding-bottom: 0px !important; } .counters-item { margin-bottom: 30px !important; } .navbar-header { /* margin-bottom: 30px; */ } .section-about { /* background-color: #ddd; */ padding: 40px 20px; } .section-community-centre-box { /* background-color: #ddd; */ padding: 40px 20px; } .single-community { margin-top: 0px !important; } .vote-btn{ position: fixed; bottom: 0; width: 100% !important; padding: 0px; margin: 0px 0px !important; z-index: 2; border-left: 0px !important; border-right: 0px !important; left: 0px; } .vote-box { padding: 0px 0px !important; height: auto; } .copyright {/* margin-bottom: 47px !important; */} .carousel-inner { height: auto !important; } .vote-box > .note{ height:auto; } .contact-address-box { width: auto; } .color-black {color: #fff!important;} .contact-us-big-box { width: 100% !important; } } @media only screen and (max-width : 1024px) and (min-width : 769px) { #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0 15px 0 0 !important; } .terms-head img{ width: 100%; margin: 0px auto; display: block; } .counter-data h3{ color: #272e80; font-size: 40px !important; line-height: 22px; } .nav>li { margin: 5px -1px !important; /* width: 19%; */ } .curve h3 { font-size: 22px; top: -30px; display: block; } } @media only screen and (max-width : 800px) { .site-logo {float: none;margin: 0px 0px;} .site-logo h3{ color: #fff; font-family: 'AlbertusMT', sans-serif !important; font-size: 20px; text-align: center; /* padding: 0px 25px; */ position: relative; display: block; /* top: -20px; */ /* left: 50px; */ } .curve h3 { display: none; } } body{/* padding-top: 110px; */} .navbar-inverse .navbar-nav>li:focus a, .navbar-inverse .navbar-nav>li:hover a, .navbar-inverse .navbar-nav>li:active a {color: var(--primary-color);background-color: transparent !important;transition: all 0s ease-in;} .community-centre-box p { font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; margin: 15px 0px; color: #2b2d7d; font-weight: 600; } .section-data ul { color: #272e80; font-size: 16px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; text-align: justify !important; list-style: disc; } .section-data ul li { color: #272e80; font-size: 16px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; text-align: justify !important; } .section-data p{ color: #272e80; font-size: 16px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; text-align: justify !important; } .single-community{ padding: 20px 0px; margin-top: 20px; } .single-community-slider{ padding: 20px 0px; /* height: 365px; */ } .vote-box{ background-color: #fff; /* text-align: center; */ padding: 0px 0px; } .vote-box h3{ color: #292a7b; font-family: 'AlbertusMT', sans-serif !important; margin-bottom: 25px; text-align: center; color: #ffed00; } .vote-box h3.vote-count{ font-size: 35px; } .vote-social{ margin: 15px 0px; text-align: center; } .vote-social li{ color: #000; border: 2px solid #87878a; border-radius: 50%; padding: 4px 10px; cursor: pointer; } .vote-social li a{ color: #87878a; font-size: 20px; } .vote-social li:hover{background-color:#87878a;} .vote-social li:hover a{color:#fff;} .no-space{margin: 0px;padding: 0px;} .btn-center{margin: 0px auto;/* float: right; */text-align: center;} .btn-right{float:right;text-align:center;} .btn-spread{ height: 50px !important; border: 6px solid; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-2.png) 14 14; /* margin: 5px 14px; */ -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-2.png) 14 14; /* width: 200px; */ text-align: center; } .btn-spread a { background-color: #ffed00; color: #2d2c7a !important; font-weight: bold; transition: all 0s ease-in; font-family: 'AlbertusMT', sans-serif !important; } .btn-spread:hover{ color: #301c54 !important; /* background-color: #f3f3f1 !important; */ border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-3.png) 15 15; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/03/b45980d0da7ad33beffa0ea305408b831-3.png) 15 15; transition: all 0s ease-in; } .btn-spread:hover a{color: #301c54 !important;background-color: #fff !important;} .btn-spread div{padding: 11px;background-color: #ffed00;} .btn-spread:hover div{background-color: #fff;} .single-community-content{ padding: 20px 0px; } .vote-box > .note{ border: 0px; color: #273485; font-family: 'AlbertusMT', sans-serif !important; font-size: 13px; font-weight: 600; height: 50px; text-align: center; } .btn-plane-yellow { margin: 32px 0px 32px 0px; height: 60px !important; text-align: center; background-color: #ffed00; line-height: 60px; font-family: 'AlbertusMT', sans-serif !important; } .btn-subscribe-left { font-family: 'AlbertusMT', sans-serif !important; width: auto; margin-top: 5px; float: left; } .btn-subscribe-left button,.btn-subscribe-left a { background-color: #272e80; border: 0px; color: #ffffff; font-size: 20px; padding: 14px 20px; } .btn-subscribe { font-family: 'AlbertusMT', sans-serif !important; width: auto; margin-top: 5px; float: right; } .btn-subscribe button,.btn-subscribe a { background-color: #272e80; border: 0px; color: #ffffff; font-size: 20px; padding: 14px 20px; } .btn-plane{ font-family: 'AlbertusMT', sans-serif !important; width: auto; } .btn-plane button,.btn-plane a img {height: 50px;} .btn-plane button,.btn-plane a{ background-color: transparent; border: 0px; color: #272e80; font-size: 20px; padding: 15px 38px; /* background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/themes/tollyboy/images/submit-btn.png); */ background-size: cover; } .btn-plane-blue button{ background-color: #272e80; border: 0px; color: #fff; font-size: 20px; padding: 10px 20px; font-family: 'AlbertusMT', sans-serif !important; } .btn-plane-yellow div a {color: #292a7b;font-size: 18px;font-weight: 600;display: block;} .btn-plane-yellow:hover{background-color:#ffed00;} .btn-plane-yellow:hover div a {color: #e42313;} .community-rank{ background-image: url(https://devp.spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/05/TOLLY-BOY-LEADERBOARD-POSITION-BUTTON-1.png); background-size: 120px; background-repeat: no-repeat; height: 135px; width: 110px; display: block; margin: 0px auto; } .community-rank h3 span{ font-size: 24px; position: relative; top: 30px; } .community-vote{ background-image: url(https://devp.spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/05/TOLLY-BOY-VOTES-BUTTON-1.png); background-size: 120px; background-repeat: no-repeat; height: 133px; width: 120px; display: block; margin: 0px auto; } .community-vote h3 span{ font-size: 23px; position: relative; top: 86px; } .community-name { background-color: #272e80; padding: 1px; text-align: center; height: 125px; display: table; width: 100%; } .community-name a { display: table-cell; vertical-align: middle; } .community-name h3 { color: #fff; font-family: 'AlbertusMT', sans-serif !important; margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; } .community-name a h3{ color: #fff; font-family: 'AlbertusMT', sans-serif !important; margin: 0px; padding: 0px; } .community-data-small{ padding: 0px 0px; } .community-data-small p{ text-align: justify; font-size: 16px; font-family: 'AlbertusMT', sans-serif !important; margin: 0px; padding: 0px 10px; color: #272e80; } .vote-lt{ text-align: center; margin-right: -15px; padding: 0px; border-right: 1px solid; color: #272e80; } .vote-lt h3{ font-size: 35px; font-family: 'AlbertusMT', sans-serif !important; } .vote-lt h4{ font-size: 20px; font-family: 'AlbertusMT', sans-serif !important; } .position-lt{ text-align: center; color: #272e80; } .position-lt h3{ font-size: 35px; font-family: 'AlbertusMT', sans-serif !important; } .position-lt h4{ font-size: 18px; font-family: 'AlbertusMT', sans-serif !important; } .com-box{ border: 2px solid #272e80; margin:15px 0px; padding: 0px; } .box-header{ height: 125px; border-bottom: 2px solid #2b2d7d; margin: 0px auto; padding: 0px; } .box-header img{/* padding: 0px; */margin: 10px auto;display: block;height: 108px;width: 100%;object-fit: cover;} .prize-donations { } .prize-donations p { color: #272e80; font-size: 19px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; margin-top: 40px; } .prize-donations img {margin-bottom: 30px;display: block;margin: 0px auto;} .prize-donations p i {color: #272e80;font-size: 19px;margin-right: 10px;font-weight: bold;} .counter-img{ width: 100%; margin: 0px auto; display: block; } .contact-form-yellow{ /* background-color: #ffed00; */ padding: 0px 20px; } .contact-form-yellow .btn-plane{ margin: 25px auto; display: block; } .contact-form-yellow h3{ font-family: 'AlbertusMT', sans-serif !important; color: #272e80; margin: 25px 0px; text-align: center; } .contact-form-box{ padding: 30px 0px; } .contact-form-yellow input{ margin-bottom: 15px; } .contact-us-big-box{ /* background-color: #ffed00; */ width: 80%; margin: 0px auto; } .contact-form-yellow textarea{ height: 100px; } .contact-address-box{ font-family: 'AlbertusMT', sans-serif !important; margin-top: 40px; } .contact-address-box h3 { color: #fff; font-size: 22px; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; } h3 {} .contact-address-box ul{ margin: 20px 0px; } .contact-address-box ul li{ font-size: 18px; color: #272e80; line-height: 35px; } .contact-address-box ul li span {margin-left: 50px;} .contact-address-box ul li img {height: 45px;margin-right: 5px;} .contact-address-box ul li a{ font-size: 18px; color: #e42313; } .contact-us-text a{color: #e42313;} .contact-us-text{ text-align: center; padding: 20px 0px; } .store-loc-text { text-align: center; /* padding: 20px 0px; */ margin-bottom: 40px; } .contact-us-text h3, .store-loc-text h3{ color: #272e7f; font-weight: 500; font-family: 'AlbertusMT', sans-serif !important; font-size: 15px; } .contact-address-box ul li:nth-child(1), .contact-address-box ul li:nth-child(2) { margin-bottom: 20px; } .wpsl-search{ background-color: #fff; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; border-top: 10px solid; border-bottom: 10px solid; } .wpsl-search.wpsl-clearfix {} #wpsl-wrap{ font-family: 'AlbertusMT', sans-serif !important; padding: 30px 60px; color: #272e80; font-size: 16px; } #wpsl-wrap #wpsl-result-list li { border-bottom: 1px solid #272e80 !important; } .about-text{ padding: 20px 0px; } .about-text p{ font-family: 'AlbertusMT', sans-serif !important; font-size: 19px; color: #272e80; } .get-in-touch{ padding: 10px 0px; margin: 40px; } .store-locator{ padding: 10px 0px; margin-top: 40px; } .counter-data{ position: absolute; width: 100%; text-align: center; } .counter-data h3{ color: #272e80; font-size: 65px; font-family: 'AlbertusMT', sans-serif !important; line-height: 23px; } .ct1{ top: 45%; /* left: 7%; */ } .ct2{ top: 44%; /* left: 7%; */ } .ct3{ top: 40%; /* left: 7%; */ } .ct3 span{ font-size: 29px; color: #272e80; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { } .about-page-section{ padding: 50px 0px; } .sub-ttl { font-family: 'AlbertusMT', sans-serif !important; color: #272e80; text-align: center; /* margin: 25px 0px; */ } .sub-ttl-left{text-align:left !important;} .vote-steps li{ width: 33.33%; height: 80px !important; margin: 0px; border: 0px; background-color: #272e80; transition: all 0s; } .vote-steps li:hover, .vote-steps li a:hover{/* background-color: #ffed00; */} .vote-steps li a{ height: 80px; transition: all 0s; font-family: 'AlbertusMT', sans-serif !important; font-size: 35px; text-align: center; color: #fff; line-height: 60px; } .vote-steps li:active, .vote-steps li:focus{/* background-color:#ffed00 !important; */} .vote-steps li a:active, .vote-steps li a:focus{background-color:#ffed00 !important;background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/yellow-arrow.png);} .community-list{ width: 60%; margin: 20px auto; /* height: 500px; */ border: 0px solid #272e7f; /* overflow-y: auto; */ /* overflow-x: hidden; */ } .community-list .list-items{border-bottom: 2px solid #272e80;cursor: pointer;} .community-list .list-items img{ height: 100px; display: block; margin: 0px auto; } .vote-steps>li.active>a, .vote-steps>li.active>a:focus, .vote-steps>li.active>a:hover { color: #272e80 !important; background-color: #ffed00 !important; border: 0px; margin: 0px; /* background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/yellow-arrow.png); */ background-size: cover; background-position: 0px -2px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-right: 3px solid #fff; } .vote-mech{margin:40px 0px;} .vote-steps{ margin-bottom: 40px; background-color: #272e80; } .list-items .sub-ttl{ margin: 37px 0px; text-align: left; } .dd-option-text{line-height:61px !important;font-family: 'AlbertusMT', sans-serif !important;} .dd-select{ font-family: 'AlbertusMT', sans-serif !important; } .dd-options { position: fixed !important; top: 110px !important; z-index: 10000 !important; height: 500px !important; } .bags{ /* position: absolute; */ bottom: 0px; } .bags img{margin-top: 20px;height: 200px;width: 200px;} .sub-ttl a{color:red;} .bag-promo{ position: absolute; left: 19%; bottom: -8%; } .social-share-vote{ } .social-share-vote .fb{ background-color: #3b5998; /* width: 100px; */ padding: 6px 10px; color: #fff; display: block; float: left; margin-right: 8px; } .social-share-vote .tw{ background-color: #00aced; /* width: 100px; */ padding: 6px 10px; color: #fff; display: block; float: left; margin-right: 8px; } .social-share-vote .pri{ background-color: #009688; /* width: 100px; */ padding: 6px 10px; color: #fff; display: block; float: left; margin-right: 8px; } .social-share-vote .em{ background-color: #9E9E9E; /* width: 100px; */ padding: 6px 10px; color: #fff; display: block; float: left; margin-right: 8px; } .social-share-vote .mr{ background-color: #FF5722; /* width: 100px; */ padding: 6px 10px; color: #fff; display: block; float: left; margin-right: 8px; } .section-content-list{padding:10px 0px;margin-top: 40px;} .rice-pattern{ border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; border-bottom: 10px solid; border-top: 0px; border-right: 0px; border-left: 0px; } .rice-pattern-thank-you { border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; /* border-bottom: 10px solid; */ border-top: 0px; border-right: 0px; border-left: 0px; } .rice-pattern img{} .social-block{/* margin-top: 40px; */text-align: center;} .social-block ul{/* padding: 20px 0px; */margin-bottom: 10px;} .social-block ul li{ display: inline; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 11 15; /* border-top: 16px solid; */ /* border-bottom: 13px solid; */ /* border-left: 6px solid; */ /* border-right: 3px solid; */ /* padding: 9px; */ /* background-color: #272e80; */ color: #fff; margin: 5px; border: 0px;} .social-block ul li i{padding: 10px 10px;/* border: 2px solid #fff; *//* border-radius: 50%; */cursor: pointer;font-size: 28px;color: var(--faint-font);} i.fa.fa-facebook {} .social-block ul li img{ height: 50px; } .social-block h3{ color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; } .social-vote { border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; /* border-bottom: 10px solid; */ /* border-top: 10px solid; */ margin-top: 40px; text-align: left; border-right: 0px; border-left: 0px; } .social-vote ul{ padding: 20px 0px; } .social-vote ul li{ display: inline; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 11 15; /* border-top: 16px solid; */ /* border-bottom: 13px solid; */ /* border-left: 6px solid; */ /* border-right: 3px solid; */ /* padding: 9px; */ /* background-color: #272e80; */ color: #fff; margin: 5px; border: 0px;} .social-vote ul li i{ background-color: #272e80; padding: 10px; } .social-vote ul li img{ height: 50px; } .social-vote h3{ color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; } .contact-address-box ul li i{font-size: 25px;} .about-block-text{} .about-block-text p{ color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; } .about-block p { color: #272e7f; font-weight: 800; font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; /* margin-left: 105px; */ } .map-search-box{ border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14; border-bottom: 10px solid; } #wpsl-search-btn, #wpsl-search-wrap input[type=submit]{ background-color: #272e80 !important; border: 0px; color: #fff; background: #272e80; font-size: 15px; padding: 6px 25px; } .copyright .social-block{border: 0px;padding: 60px 0px;} .social-block small{color: var(--faint-font);} .copyright .social-block h3{color: #fff;font-size: 22px;} .copyright .contact-address-box ul li { color: #fff; font-size: 18px; line-height: 35px; } .copyright .contact-address-box ul li span {margin-left: 50px;} .about-img { text-align: center; display: block; margin: 0px auto; } .about-img img { } .submit-btn-getintouch{ background-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/themes/tollyboy/images/submit-btn.png); border: 0px; width: 150px !important; height: 50px !important; background-color: transparent; background-size: cover; float: right; } .term-condition-wrap {margin: 20px 0px;} .terms-condition {padding: 30px 60px;border-image: url(https://devp.spreadthejoywithtollyboy.co.uk/wp-content/themes/tollyboy/images/border-big.png) 151 201 !important;-webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14;border: 50px solid;width: 100%;margin: 0px auto;margin-top: -9px;margin-left: 1.1%;border-top: 0px solid;} .terms-condition-wo-img {padding: 30px 60px;width: 100%;margin: 0px auto;margin-top: -9px;margin-left: 1.1%;border-top: 0px solid;} .terms-condition p,.terms-condition-wo-img p {color: #272e7f;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;font-size: 16px;text-align: justify;line-height: 30px;} .get-in-touch .nf-before-form-content{ color: #272e7f; font-weight: 500; font-family: 'AlbertusMT', sans-serif !important; font-size: 15px; } .color-white{color:#fff !important;} .title-terms{width: 98%;margin: 0px auto;padding-left: 1.9%;} .trade-mark-info{} .trade-mark-info h3{ color: #6b6b6b; /* font-weight: 800; */ font-family: 'AlbertusMT', sans-serif !important; font-size: 16px; text-align: justify; line-height: 30px; text-align: center; } .community-tabs a{ color: #272e80; font-size: 16px; font-weight: bold; font-family: 'AlbertusMT', sans-serif !important; text-align: center !important; transition:all 0s; width: 100%; } .community-tabs .nav-tabs>li.active>a,.community-tabs .nav-tabs>li.active>a:focus,.community-tabs .nav-tabs>li.active>a:hover { text-transform: uppercase; color: #272e80; /* font-size: 26px; */ text-align: center; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; border-bottom: 10px solid !important; display: inline-block !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; } .community-tabs .nav-tabs>li>a:hover { background-color: transparent!important; border-color: transparent !important; } .community-tabs .nav>li>a:focus { text-decoration: none; background-color: transparent !important; border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; -webkit-border-image: url(https://spreadthejoywithtollyboy.co.uk/wp-content/uploads/2018/04/new-border.png) 14 14 !important; border-bottom: 10px solid !important; border-bottom: 10px solid !important; display: inline-block !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; } .community-tabs .nav-tabs { border-bottom: 1px solid #ffed00; } .community-tabs .tab-content{ margin:20px 0px } .community-tabs .nav-tabs li{ width: 50%; height: 49px; padding: 0px; margin: 0px; } .community-tabs{margin-top: 20px;} .community-tabs h3 {text-align: left!important;} .community-tabs h4 {color: #272e80;font-size: 16px;font-weight: bold;font-family: 'AlbertusMT', sans-serif !important;text-align: justify !important;} .community-img { } .community-content {margin: 30px 0px;} .community-content h3 {text-align: left!important;font-size: 35px;} .sw-theme-arrows .sw-container { min-height: 200px } .sw-theme-arrows .step-content { padding: 10px 0; border: 0 solid #d4d4d4; background-color: #FFF; text-align: left } .sw-theme-arrows .sw-toolbar { background: #fff; border-radius: 0!important; padding-left: 10px; padding-right: 10px; margin-bottom: 0!important } .sw-theme-arrows .sw-toolbar-top { border-bottom-color: #fff!important } .sw-theme-arrows .sw-toolbar-bottom { border-top-color: #fff!important; border-bottom-color: #ddd!important } .sw-theme-arrows>ul.step-anchor { display: block; border: 0 solid #ccc!important; padding: 0; background: #f5f5f5; border-radius: 5px; list-style: none; overflow: hidden; margin-top: 20px } .sw-theme-arrows>ul.step-anchor li+li:before { padding: 0 } .sw-theme-arrows>ul.step-anchor>li { float: left; margin: 0px; width: 33.33%; } .sw-theme-arrows>ul.step-anchor>li>a { color: #fff; text-decoration: none; padding: 10px 0 10px 45px; position: relative; display: block; float: left; border-radius: 0; outline-style: none; background: #272e80; transition: all 0s; width: 100%; text-align: center; height: 70px; line-height: 50px; font-size: 28px; font-family: 'AlbertusMT', sans-serif !important; /* pointer-events: none; */ } .sw-theme-arrows>ul.step-anchor>li>a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #272e80; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .sw-theme-arrows>ul.step-anchor>li>a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1 } .sw-theme-arrows>ul.step-anchor>li:first-child>a { padding-left: 15px; } .sw-theme-arrows>ul.step-anchor>li>a:hover { color: #272e80; text-decoration: none; outline-style: none; background: #ffed00; border-color: #ffed00; } .sw-theme-arrows>ul.step-anchor>li>a:hover:after { border-left-color: #ffed00; } .sw-theme-arrows>ul.step-anchor>li.clickable>a:hover { color: #4285f4!important; background: #46b8da!important } .sw-theme-arrows>ul.step-anchor>li.active>a { border-color: #ffed00!important; color: #272e80!important; background: #ffed00!important; } .sw-theme-arrows>ul.step-anchor>li.active>a:after { border-left: 30px solid #ffed00!important; } .sw-theme-arrows>ul.step-anchor>li.done>a { border-color: #5cb85c!important; color: #fff!important; background: #5cb85c!important } .sw-theme-arrows>ul.step-anchor>li.done>a:after { border-left: 30px solid #5cb85c } .sw-theme-arrows>ul.step-anchor>li.danger>a { border-color: #d9534f!important; color: #d9534f!important; background: #fff!important } .sw-theme-arrows>ul.step-anchor>li.disabled>a, .sw-theme-arrows>ul.step-anchor>li.disabled>a:hover { color: #eee!important } @-webkit-keyframes ld { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(180deg) scale(1.1) } 100% { transform: rotate(360deg) scale(1) } } @-moz-keyframes ld { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(180deg) scale(1.1) } 100% { transform: rotate(360deg) scale(1) } } @-o-keyframes ld { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(180deg) scale(1.1) } 100% { transform: rotate(360deg) scale(1) } } @keyframes ld { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(180deg) scale(1.1) } 100% { transform: rotate(360deg) scale(1) } } .sw-theme-arrows>ul.step-anchor>li.loading:before { content: ''; display: inline-block; position: absolute; background: transparent; border-radius: 50%; box-sizing: border-box; border: 2px solid #fff; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #4285f4; border-right-color: #4285f4; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; z-index: 99; -webkit-animation: ld 1s ease-in-out infinite; -moz-animation: ld 1s ease-in-out infinite; -o-animation: ld 1s ease-in-out infinite; animation: ld 1s ease-in-out infinite } .shrade a{ background-color: #272e80; color: #fff; } .community-drop{ height: 300px; overflow: auto; border: 4px solid #ddd; } .community-drop ul { list-style: none; } .community-drop ul li { border-bottom: 1px solid #e2e2e2; } .community-drop ul li.active a{ background-color: #ddd; } .community-drop ul li a{ width: 100%; display: block; padding: 10px; text-decoration: none; color: #000; } .community-drop ul li a img{ width: 50px; } .community-drop ul li a:focus,.community-drop ul li a:active{ background-color: #ddd; } .thank-you {text-align: center;} .thank-you img {height: 360px;} .vote_message{ text-align: center; color: red; font-family: 'AlbertusMT', sans-serif !important; font-size: 20px; } .community-drop li.active a span:after{ content: "\f00c"; font-family: FontAwesome; /* left:-5px; */ /* position:absolute; */ top:0; color: #272e80; float: right; line-height: 50px; font-size: 35px; } img.file-thumb{ width: 100px; height: auto; margin-top: 20px; } a.download{ background-color: #ffee0a; padding: 10px; text-align: center; display: block; font-family: 'AlbertusMT', sans-serif !important; font-size: 18px; margin: 0px; color: #2b2d7d; } .download-box{ border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; } .download-box h3{ margin-top: 20px; } a.download:hover{color:red;} .download-box i.fa{ font-size: 60px; text-align: center; display: block; margin-top: 20px; } .download-page{margin: 20px 0px;} .download-wrap {color: #272e80;font-size: 19px;font-weight: bold;font-family: 'AlbertusMT', sans-serif !important;text-align: justify;} /*Section Information CSS*/ .mt-information {min-height: 500px;padding: 20px 0px;background-color: #ddd;/* background-image: url(http://localhost:16664/wp-content/uploads/2018/06/Untitled-1.jpg); */} .mt-information p {line-height: 40px;margin-top: 20px;/* color: #fff; */font-size: 20px;font-weight: 300;font-family: 'AlbertusMT', sans-serif !important;text-align: justify;} /*Section Services*/ .mt-services {min-height: 400px;padding: 20px 0px;} .mt-services-heading {text-align: center;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-services-heading h3{color: #333;font-size: 30px;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-service-box {text-align: center;} .mt-service-box img {height: 150px;} .mt-service-info {margin: 10px auto;border: 1px solid #ddd;border-radius: 5px;} .mt-service-info h3 {/* padding: 15px; */font-size: 18px;margin: 15px;} .mt-services-heading-bottom {margin-top: 25px;text-align: center;border-top: 1px solid #ddd;} .mt-services-heading-bottom h3 { } /*Section offer*/ .mt-offer {/* min-height: 400px; */padding: 20px 0px;} .mt-offer-heading {text-align: center;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-offer-heading h3{color: #333;font-size: 30px;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-offer-box {text-align: center;} .mt-offer-box img {height: 150px;box-shadow: 0px 6px 6px 0px rgba(190, 190, 190, 0.75);} .mt-offer-info {} .mt-offer-info h3 {/* padding: 15px; */font-size: 18px;margin: 20px;text-align: center;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-offer-heading-bottom {margin-top: 25px;text-align: center;border-top: 1px solid #ddd;} .mt-offer-heading-bottom h3 { } /*Testimonial CSS*/ .carousel-control.left{background-image: none !important;} .carousel-control.right{background-image: none !important;} .mt-testimonials{z-index: 0;margin-top: -100px;margin-bottom: 80px;position: relative;/* background-image: url(http://www.digiplexmovies.com/wp-content/uploads/2018/06/paralax2.jpg); */padding: 60px 0px;padding-top: 100px;background: #1f2732;} .mt-testimonials:after{content: '';display: block;height: 46px;background-color: #ffffff;width: 50%;position: absolute;bottom: -28px;transform: rotate(-3deg);right: 0px;z-index: 0;} .testimonials-wrapper{text-align: center;margin-top: 50px;} .testimonials-wrapper img{width: 250px;border-radius: 50%;border: 9px solid #ffffff1a;/* box-shadow: 0px 6px 6px 0px rgba(190, 190, 190, 0.75); */margin-bottom: 30px;} .testimonials-wrapper h4{font-style: normal;font-size: 30px;font-weight: 500;text-transform: none;margin: 0 0 25px;text-align: center;color: #fff;display: inline-block;width: 100%;line-height: 1;} .testimonials-wrapper hr{height: 3px;border: none;background-color: #29ff35;width: 85px;margin-top: 0px;display: none;} .testimonials-wrapper p{line-height: 30px;margin: 10px 0px;padding: 0px 50px;height: 150px;text-align: center;font-size: 20px;color: #7f7f7f;font-weight: 300;line-height: 30px;font-style: italic;} .testimonials-wrapper p:before{font-family: 'FontAwesome'; content:"\f10d"; font-size: 30px; display: block;} .testimonials-wrapper p:after{font-family: 'FontAwesome'; content:"\f10e"; font-size: 30px; display: block;} .white{} .icon-left:before{content: "\f105";font-family: 'FontAwesome';font-weight: 500;font-size: 70px;color: #ff;top: 40%;right: 15%;position: absolute;} .icon-right:before{content: "\f104";font-family: 'FontAwesome';font-weight: 500;font-size: 70px;color: #fff;top: 40%;left: 15%;position: absolute;} .mt-testimonials-heading {text-align: center;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .mt-testimonials-heading h3 {color: #333;font-size: 30px;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} /*Price Section CSS*/ .mt-price-section {padding: 20px 0px;min-height: 200px;background-image: url(http://www.digiplexmovies.com/wp-content/uploads/2018/06/paralax.jpg);} .mt-price-wrap {text-align: center;} .mt-price-wrap h3 {font-size: 46px;color: #fff;} .price-btn { margin-top: 30px; } .price-btn a {border: 2px solid #fff;padding: 12px;border-radius: 10px;color: #ffffff;} .price-btn a:hover { background-color:#3cac94;color:#fff;} /*Client section*/ .mt-client-section {padding: 60px 0px;} .mt-client-logo-wrap {} .industry-block {margin-top: 40px;/* text-align: center; */} .industry-block h3 {color: #fff;font-size: 22px;font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .industry-block-list { } .industry-block li {color: #fff;font-size: 18px;line-height: 35px;} .industry-block li i {font-weight: 800;} .industry-block li a {font-weight: 800;font-family: 'AlbertusMT', sans-serif !important;} .footer-site-logo {text-align: center!important;} .no-space{ margin: 0px; padding: 0px; display: table; } .service-offer{ margin: 50px 0px; } .service-offer .service-img{ height: 450px; } .service-offer .service-img img{ height: 100%; width: 100%; object-fit: cover; } .service-offer .service-details{ text-align: center; display: table-cell; vertical-align: middle; height: 450px; padding: 0px 40px; } .service-offer .service-details h4{ margin: 10px 0px; color: #00bcd4; font-size: 19px; } .service-offer .service-details h2{ margin: 10px 0px; font-size: 45px; } .service-offer .service-details p{ margin: 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #a5a5a5; } .vd-button{} .vd-button:hover{ background-color: var(--primary-color); color: var(--light-font) !important; } .vd-button-perple{ background-color:#643094; } .vd-button-perple:hover{ background-color:#00bcd4; color:#fff; } .section-about{padding: 40px 0px;background: #fff;} .section-about .about-details{/* width: 58%; */text-align: center;margin: 0px auto;} .section-about .about-details h4{font-size: 19px;color: #00bcd4;margin: 10px 0px;} .section-about .about-details h2{margin: 0px auto;font-size: 32px;color: var(--dark-font);width: 57%;font-weight: 500;} .section-about .about-details p{ margin: 0px auto; width: 71%; font-size: 16px; font-weight: 300; line-height: 30px; color: var(--faint-font); margin-top: 30px; } .section-about .about-image{ width: 200px; /* height: 250px; */ margin: 0px auto; border: 10px solid #fff; box-shadow: 0px 2px 15px #b3b3b3; transform: rotate(4deg); margin-top: 25px; } .section-about .about-image img{ object-fit: cover; height: 100%; width: 100%; display: block; margin: 0px auto; /* background: #fff; */ /* border: 10px solid #fff; */ /* box-shadow: 0px 2px 15px #b3b3b3; */ /* transform: rotate(4deg); */ } .section-about .about-image h3{text-align: center;font-size: 18px;padding: 5px 0px;margin: 0px;padding-top: 12px;background-color: #fff;color: #00bcd4;} .section-about .about-image small{ text-align: center; display: block; background: #fff; font-size: 13px; } .section-portfolio{ padding: 30px 0px; background: #fff; } .section-portfolio .portfolio-header{ text-align: center; margin-bottom: 60px; } .section-portfolio .portfolio-header h4{font-size: 19px;color: var(--primary-color);margin: 10px 0px;} .section-portfolio .portfolio-header h2{margin: 10px 0px;font-size: 45px;} .section-portfolio .portfolio-header p{ margin: 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #a5a5a5; padding: 0px 15%; /* margin-bottom: 60px; */ } .section-portfolio .portfolio-box{ background-image: url(http://www.themesindustry.com/html/xeone/images/portfolio-5.jpg); height: 100%; width: 100%; background-size: cover !important; display: table; padding: 35px; transition: all .5s; margin-bottom: 30px; } .section-portfolio .portfolio-box .detail-box{ text-align: center; vertical-align: middle; transition:display .5s; background-color: rgba(0, 207, 204, .9); color: #fff; display: none; border-radius: 100px; transition: all .5s; } .section-portfolio .portfolio-box .detail-box h3{} .section-portfolio .portfolio-box .detail-box p{} .section-portfolio .portfolio-box:hover .detail-box{ display:table-cell; border-radius:0px; } .mt-testimonials .testimonials-header{text-align: center;} .mt-testimonials .testimonials-header h4{ font-size: 19px; color: #00bcd4; margin: 10px 0px; } .mt-testimonials .testimonials-header h2{ margin: 10px 0px; font-size: 45px; } .section-contact-us{margin: 90px 0px;margin-bottom: 280px;} .contact-form > .container {padding: 40px 77px;box-shadow: 0px 2px 10px #676666;position: absolute;background-color: #fff;margin-left: auto;margin-right: auto;left: 0px;right: 0px;z-index: 1;} .contact-form > .container > .title > h3 {text-transform: capitalize !important;font-size: 35px;} .contact-form > .container > .row > .col-lg-6 > p{font-size: 17px;color: #565656;font-family: 'Lato', sans-serif;margin: 15px 0px;font-family: 'Open Sans', sans-serif;font-size: 15px;color: #a5a5a5;} .contact-form > .container > .row > .col-lg-6 > ul{list-style: none;margin: 20px 0px;font-family: 'Lato', sans-serif;width: auto;} .contact-form > .container > .row > .col-lg-6 > ul > li{font-size: 17px;color: #484848;padding: 10px 0px;} .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 15px; line-height: 1.42857143; color: #353535; background-color: #e8e8e8; background-image: none; border: 0px solid #ccc; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .section-home-gallery{ background: #f6f6f6; padding: 60px 0px; } .section-home-gallery .gallery-header{ text-align: center; margin-bottom: 40px; } .section-home-gallery .gallery-header h4{ font-size: 19px; color: #00bcd4; margin: 10px 0px; } .section-home-gallery .gallery-header h2{ margin: 10px 0px; font-size: 45px; } .home-gal{ margin-bottom: 30px; } .og-expander-inner{background-color:rgba(0, 0, 0, 0.8);} .og-details h3 { margin: 0 0 15px; border-bottom: 1px solid #34bed1; color: #ffffff; text-align: center; margin-bottom: 20px; padding-bottom: 40px; } .og-grid .mix > a{display:block;overflow:hidden;position:relative;} .og-grid .mix > a.style-none{height:auto;border:none;box-shadow:0 0 0 #ddd;} .og-grid .mix a img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} .og-grid .mix a:hover img{-webkit-transform:scale(1.4) rotate(0deg);-moz-transform:scale(1.4) rotate(0deg);-ms-transform:scale(1.4) rotate(0deg);-o-transform:scale(1.4) rotate(0deg);transform:scale(1.4) rotate(0deg);} .mix-ser > a{display:block;overflow:hidden;position:relative;} .mix-ser > a.btn{display:inline-block !important;margin-bottom:10px} .mix-ser a img{-webkit-transition:all 0.4s ease 0.4s;-moz-transition:all 0.4s ease 0.4s;-o-transition:all 0.4s ease 0.4s;transition:all 0.4s ease 0.4s;} .mix-ser a:hover img{-webkit-transform:scale(1.1) rotate(0deg);-moz-transform:scale(1.1) rotate(0deg);-ms-transform:scale(1.1) rotate(0deg);-o-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg);} .mix-ser:hover{z-index:9;background:#fdfdfd;box-shadow:0 0 15px #b5b5b5;} .contact-us-page{ margin: 0px 0px 40px 0px; } .contact-us-page .about-details h4{ color: #fff; } .contact-us-page .about-details h2{ color: #fff; } .contact-us-page .about-details{ /* background-image: url(https://ak5.picdn.net/shutterstock/videos/7890505/thumb/1.jpg); */ padding: 30px 0px; background-position: 0px -180px; background-size: cover; margin-bottom: 30px; position: relative; } .contact-us-page .about-details.img-about{ background-image:url('https://cdn.allwallpaper.in/wallpapers/1920x1080/4491/dark-forest-creek-1920x1080-wallpaper.jpg') } .services-details .about-details{ padding: 50px 0px; margin-bottom: 30px; /* background-image: url('https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX10990589.jpg'); */ background-size: contain; /* background-color: #1d1d1db0; */ position: relative; } .contact-us-page .contact-text p{ margin: 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: var(--faint-font); } .contact-us-page .contact-our-box{ margin: 0px 20px 20px 0px; } .contact-us-page .contact-our-box h4{ font-weight: bold; } .contact-us-page .contact-our-box p{ margin: 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: var(--faint-font); min-height: 42px; } .contact-us-page .contact-our-box a{ color: var(--primary-color); font-weight: bold; font-size: 12px; } .contact-us-page .contact-our-box a:hover{ color: var(--faint-font); } .contact-us-page .contact-our{ margin: 50px 0px; } .contact-us-form{ padding: 15px 30px; } .contact-us-form .form-group{ margin-right: 20px; padding: 0px; width: 44%; display: inline-block; margin-bottom: 0; vertical-align: middle; } .contact-us-form .form-control{ display: block; width: 100%; height: 40px; padding: 0px; width: 100% !important; font-size: 15px; line-height: 1.42857143; color: #353535; background-color: transparent; background-image: none; border-bottom: 1px solid #929292; border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; margin: 20px 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .contact-us-form textarea.form-control{ width: 100% !important; height: 150px; } .contact-us-form .form-group.big{ width: 100%; padding-right: 20px; } .contact-us-form .nf-form-fields-required{ text-align:center !important; } .btn-full-width{ width:100% !important; } .opac-layer{ background-image: url('https://www.webappdeveloperpune.com/wp-content/themes/wadp/images/breadcrumbs.jpg'); background-size: contain; } .services-details .about-details h4{ color: #fff; text-shadow: 0px 0px 1px #000; text-align: center; } .services-details .about-details h1{ color: var(--dark-font); text-shadow: 0px 0px 1px #000; text-align: center; font-size: 54px; text-transform: none; word-wrap: break-word; line-height: 1; } .services-details .contact-text p{ margin: 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 15px; text-align: justify; line-height: 30px; color: var(--faint-font); } .services-details .contact-text ul li{ /* margin: 15px 0px; */ font-family: 'Open Sans', sans-serif; font-size: 15px; color: #a5a5a5; text-align: justify; } .services-details .services-details-img{padding: 15px 0px;/* margin-left: 30px; */} .services-details .services-details-img img{ } @keyframes slideSlow { from { text-indent: 100% } to { text-indent: -100% } } .faq-section{ margin: 50px 0px; } .faq-section .ufaq-faq-div{ /* background-color: #f6f6f6; */ padding: 10px; background: -webkit-linear-gradient(90deg, #00d4bf 31%, #00abc9 69%); background: -webkit-gradient(linear, left top, right top, color-stop(31%, #00d4bf), color-stop(69%, #00abc9)); background: -webkit-linear-gradient(left, #00e4ce 31%, #00abc9 69%); background: -o-linear-gradient(left, #00e4ce 31%, #00abc9 69%); background: linear-gradient(90deg, #00d4bf 31%, #00abc9 69%); } .faq-section .ufaq-faq-div .ufaq-faq-title-text h4{ color: #fff; } .faq-section .ufaq-faq-div .ewd-ufaq-post-margin-symbol{ color: #fff; } .faq-section .ufaq-faq-div .ufaq-faq-post p{ color: #fff; } .related-services{margin-bottom: 50px;} .related-services .related-title{ margin-bottom: 40px; } .related-services .related-title h4{font-size: 19px;color: var(--primary-color);margin: 10px 0px;} .related-services .related-title h2{ margin: 10px 0px; font-size: 32px; } .related-services .mt-client-box{ } .related-services .mt-client-box h3{margin: 10px 0px;font-size: 20px;color: #000;} .related-services .mt-client-box h5{ margin: 10px 0px; color: var(--primary-color); font-size: 14px; } .related-services .mt-client-box img{height: 150px;object-fit: cover;width: 100%;} .owl-item { margin-left: 10px; } .owl-item:first-child { margin-left: 0; } .services-details .testimonials-wrapper img{width: 102px;border-radius: 50%;/* border: 4px solid #1da1f2; */box-shadow: 0px 6px 6px 0px rgba(190, 190, 190, 0.75);} .services-details .testimonials-wrapper h4{ margin: 15px 0px; font-size: 20px; } .services-details .testimonials-wrapper h6{color: #333;font-size: 16px;line-height: 30px;/* text-align: justify; */margin: 10px 0px;padding: 0px 50px;height: 150px;} .services-details .testimonials-wrapper h6:before{font-family: 'FontAwesome';content:"\f10d";font-size: 15px;display: block;} .services-details .testimonials-wrapper h6:after{font-family: 'FontAwesome';content:"\f10e";font-size: 15px;display: block;} .contact-us-form.nf-error .ninja-forms-field { border: 1px solid #e80000; border-bottom: 1px solid #e80000; border-top: 0px; border-left: 0px; border-right: 0px; } .sjb-page{ font-family: 'Open Sans', sans-serif !important; } .sjb-listing a,.sjb-listing p{ font-family: 'Open Sans', sans-serif !important; } #mega-menu-wrap-secondary #mega-menu-secondary,#mega-menu-wrap-primary #mega-menu-primary { padding: 20px 0px 0px 0px; } #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0 21px 0 0; } #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 14px !important; text-transform: uppercase !important; } .mega-sub-menu{ background-color: #fff !important; box-shadow: 0px 2px 5px #000 !important; top: 80px !important; padding: 10px !important; } .mega-sub-menu li{ padding: 10px !important; margin: 0px !important; height: 30px !important; overflow: hidden !important; } .mega-sub-menu li a{font-size: 13px !important;font-weight: 100 !important;} .mega-sub-menu li a:hover{color:#00bcd4 !important;} @media only screen and (max-width: 600px) { #mega-menu-wrap-secondary .mega-menu-toggle.mega-menu-open + #mega-menu-secondary, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { display: block; background: #000000e0; margin: 0px -15px; } } .menu-slogan-container{position: absolute;left: 50%;transform: translate(-50%, 0);} @media (max-width: 768px){ .menu-slogan-container{ position: relative !important; /* left: auto !important; */ } .dgfl{ position: absolute; } .blink-power{ animation-name: flash; animation-duration: 10s; animation-iteration-count: infinite; } .section-contact-us { margin: 90px 0px !important; margin-bottom: 0px; } .contact-form { margin-bottom: 40px; } .contact-form > .container { position: relative !important; } } .og-fullimg { display: none; } .og-details { width: 100%; } .og-details p iframe{ margin: 0px auto; display: block; } .mt-client-box img{ filter: grayscale(0%) !important; } .phpgrapher-section-wrap{ position: relative; top: -81px; margin-bottom: -35px; } .nav>li:after { content: '.'; display: block; color: #fff; position: absolute; right: 0; top: 1px; font-size: 22px; font-weight: bold; } .nav>li:last-child:after { content: ''; display: none; } .header-phone{ right: 10px; top: 8px; position: absolute; } .header-phone h3{font-size: 24px;color: #fff;font-weight: 200;} .header-phone h3 span{ color: var(--primary-color); } section.phpgrapher-section-wrap:after { content: ''; display: block; height: 46px; background-color: #ffffff; width: 50%; position: absolute; bottom: -28px; transform: rotate(-3deg); right: 0px; z-index: 1; } section.phpgrapher-section-wrap:before { content: ''; display: block; height: 46px; background-color: #ffffff; width: 50%; position: absolute; bottom: -28px; transform: rotate(3deg); /* left: 0px; */ z-index: 1; } .vertical-dotted-bar{z-index: 1;position: relative;} .vertical-dotted-bar .bar{ } .vertical-dotted-bar .bar:after { content: ''; display: block; height: 100px; width: 2px; border-radius: 50px; margin: 0px auto; border-right: 6px dashed var(--primary-color); } .big-button-section{ text-align: center; margin: 40px 0px; } .b-btn{ background: #fff; border-radius: 50px; font-weight: bold; font-size: 12px; letter-spacing: 0.2em; text-indent: 0.2em; line-height: 1; padding: 30px 60px; color: var(--dark-font); outline: none; border: none; } .b-btn-borderd{ border: 4px solid var(--primary-color); transition: all .5s; } .b-btn-borderd:hover, .b-btn-borderd:focus{ color: var(--light-font); background-color: var(--primary-color); border-color: transparent; } .b-btn-raised{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); transition: all .5s; } .b-btn-raised:hover, .b-btn-raised:focus{ color: var(--primary-color); background-color: #f4f4f5; border-color: #f4f4f5; } .b-btn-filled{ background: rgb(0, 122, 255); transition: all .5s; color: var(--light-font); border: 4px solid var(--primary-color); } .b-btn-filled:hover, .b-btn-filled:focus{ background-color: var(--light-font); color: var(--primary-color); } .common-p{ font-size: 16px; font-weight: 300; line-height: 30px; } .service-box{ text-align: center; margin-bottom: 40px; } .service-box img{ max-width: 120px; display: block; margin: 0px auto; height: 120px; object-fit: contain; } .service-box h3{ color: var(--dark-font); margin: 25px 0px; font-size: 24px; font-weight: 500; transition: all .5s; } .service-box h3 a{ color: var(--dark-font); } .service-box p{ color: var(--faint-font); } .service-box h3 a:hover{ cursor: pointer; color: var(--primary-color); } .service-box img:hover{ cursor: pointer; opacity: 0.8; } .strategy-section{ background: #1f2732; margin: 35px 0px; counter-reset: number; position: relative; padding: 0px 0px; overflow: hidden; } .strategy-section .step{z-index: 1;position: relative;} .strategy-section .step .step-no{ margin: 42% 0px; } .strategy-section .step .step-no h3{ font-size: 48px; font-weight: 500; color: var(--light-font); text-align: right; z-index: 2; position: relative; } .strategy-section .step .step-no h3:before{ content: counter(number,decimal-leading-zero); counter-increment: number; position: absolute; top: -90px; width: 100%; font-size: 210px; font-weight: 600; z-index: -1; color: var(--primary-color); } .strategy-section .step .step-no.left h3{ text-align: right; } .strategy-section .step .step-no.left h3:before{ left: -150px; } .strategy-section .step .step-no.right h3{ text-align: left; } .strategy-section .step .step-no.right h3:before{ left: 113px; } .strategy-section .step-1 .step-no h3:before{ color: var(--primary-color); } .strategy-section .step-2 .step-no h3:before{ color: #a0ce4e; } .strategy-section .step-3 .step-no h3:before{ color: #00bea3; } .strategy-section .step-4 .step-no h3:before{ color: #f1894c; } .strategy-section .step-img img{ max-width: 270px; border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 50%; margin: 11% auto; display: block; } .strategy-section .step-desc p{ color: rgba(255, 255, 255, 0.7); font-size: 16px; font-weight: 300; line-height: 30px; margin: 32% 0px; } .text-left{ text-align: left; } .text-right{ text-align: right; } .strategy-section .step-img:after { content: ''; background-image: url(images/right_arrow.png); background-repeat: no-repeat; position: absolute; display: block; width: 34px; height: 136px; z-index: 4; bottom: -60px; right: 40px; } .strategy-section .step:nth-child(even) .step-img:after { background-image: url(images/left_arrow.png); right: auto; left: 20px; } .strategy-section .step .step-img.last:after { display: none; } section.strategy-section:before { width: 100%; content: ''; display: block; background: #1f2732; height: 200px; transform: rotate(3deg); position: absolute; left: -7px; top: -36px; } section.strategy-section:after { content: ''; display: block; background: #1f2732; height: 300px; transform: rotate(3deg); position: absolute; /* top: 43px; */ left: 0px; bottom: -56px; width: 101%; } .vertical-dotted-bar .bar.custom:after { border-color: #fff; } .vertical-dotted-bar .bar.custom-dark:after { border-color: var(--dark-font); } .portfolio-box-2{ position: relative; height: 100%; } .portfolio-box-2 img{ height: 100%; object-fit: cover; } .portfolio-box-2 .caption{ position: absolute; top: 0px; padding: 35% 0px; height: 100%; width: 100%; background: #ffffffd9; text-align: center; transition: all .5s; display: none; } .portfolio-box-2 .caption a h5{ font-weight: 500; letter-spacing: 0.2em; font-size: 12px; text-transform: uppercase; color: var(--primary-color); } .portfolio-box-2 .caption a h3{ font-size: 24px; line-height: 30px; font-weight: 500; color: var(--dark-font); } .portfolio-box-2:hover .caption{ display: block; } .portfolio-box-2 .caption a h5:hover{ color: var(--dark-font); } .portfolio-box-2 .caption a h3:hover{ color: var(--primary-color); } section.wadp-posts { margin: 40px 0px; z-index: 1; position: relative; } .blog-box{ text-align: center; padding: 10px; background: #fff; /* box-shadow: 0px 0px 5px #0000001c; */ border: 3px solid #dddddd6b; border-radius: 15px; } .blog-box h5{ color: var(--primary-color); display: inline-block; /* margin-right: 25px; */ margin-top: 0; line-height: 1.6; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; } .blog-box a h3{ margin-top: 7px; margin-bottom: 35px; height: 60px; font-size: 24px; line-height: 30px; font-weight: 500; overflow: hidden; color: var(--dark-font); text-transform: none; } .blog-box h4{ font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.2em; } .blog-box a h3:hover{ color: var(--primary-color); } .blog-box h4:before { content: ''; background-image: url(https://www.webappdeveloperpune.com/wp-content/themes/wadp/images/small_author.png); background-repeat: no-repeat; width: 20px; height: 17px; left: 50%; margin-left: -10px; margin-top: -25px; position: absolute; } section.mt-testimonials:before { content: ''; display: block; height: 46px; background-color: #ffffff; width: 50%; position: absolute; bottom: -28px; transform: rotate(3deg); /* left: 0px; */ z-index: 1; } .contact-section{ background: #efefef; /* padding: 10px 0px; */ position: relative; } .contact-section .contact-box{ text-align: center; margin-bottom: 40px; } .contact-section .contact-box i{ font-size: 60px; color: #8BC34A; padding: 30px 35px; background-color: #fff; border-radius: 50%; border: 10px double #ddd; } .contact-section .contact-box h3{ margin-top: 1.2em; margin-bottom: 0.7em; color: var(--dark-font); } .contact-section .contact-box ul{ font-size: 20px; } .contact-section .contact-box ul li{ font-size: 16px; width: 82%; text-align: center; margin: 0px auto; color: var(--faint-font); } .contact-section .contact-box ul li.email:hover{ color: var(--primary-color); } section.contact-section:before { content: ''; display: block; height: 46px; background-color: #fff; width: 50%; position: absolute; /* bottom: -28px; */ top: -28px; transform: rotate(-3deg); /* left: 0px; */ z-index: 1; } section.contact-section:after { content: ''; display: block; height: 46px; background-color: #fff; width: 50%; position: absolute; /* bottom: -28px; */ top: -28px; transform: rotate(3deg); /* left: 0px; */ z-index: 1; right: 0; } .contact-section .container:before { content: ''; display: block; height: 46px; background-color: #efefef; width: 50%; position: absolute; bottom: -28px; /* top: -28px; */ left: 0px; transform: rotate(3deg); /* left: 0px; */ z-index: 1; } .contact-section .container:after { content: ''; display: block; height: 46px; background-color: #efefef; width: 50%; position: absolute; bottom: -28px; /* top: -28px; */ right: 0px; transform: rotate(-3deg); /* left: 0px; */ z-index: 1; } .about-details.wow.animated.fadeIn.animated:before { content: ''; display: block; height: 46px; background-color: #ffffff; width: 50%; position: absolute; bottom: -28px; transform: rotate(3deg); /* left: 0px; */ z-index: 1; } .about-details.wow.animated.fadeIn.animated:after { content: ''; display: block; height: 46px; background-color: #ffffff; width: 50%; position: absolute; bottom: -28px; transform: rotate(-3deg); right: 0px; z-index: 1; } .contact-section-2{ /*background: #efefef;*/ /* padding: 10px 0px; */ position: relative; } .contact-section-2 .contact-box{ text-align: center; } .contact-section-2 .contact-box i{ font-size: 60px; color: #8BC34A; padding: 30px 35px; background-color: #fff; border-radius: 50%; border: 10px double #ddd; } .contact-section-2 .contact-box h3{ margin-top: 1.2em; margin-bottom: 0.7em; color: var(--dark-font); } .contact-section-2 .contact-box ul{ font-size: 20px; } .contact-section-2 .contact-box ul li{ font-size: 16px; width: 82%; text-align: center; margin: 0px auto; color: var(--faint-font); } .contact-section-2 .contact-box ul li.email:hover{ color: var(--primary-color); } .nicescroll-rails-hr{ display: none !important; } #mega-menu-wrap-primary { background: transparent !important; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { background: transparent !important; color: #fff; font-weight: normal; text-decoration: none; border-color: #fff; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { background: transparent !important; color: var(--primary-color); font-weight: normal; text-decoration: none; border-color: #fff; } #mega-menu-wrap-secondary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-secondary.mega-keyboard-navigation #mega-menu-secondary a:focus, #mega-menu-wrap-secondary.mega-keyboard-navigation #mega-menu-secondary input:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } #mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } #mega-menu-wrap-secondary { background: transparent !important; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } @media only screen and (max-width : 767px) and (min-width : 320px){ .phpgrapher-section-wrap { top: 0px !important; } .navbar-collapse.collapse { width: 100% !important; } } @media only screen and (max-width : 767px) and (min-width : 320px){ .contact-us-form .form-group { width: 42%; } } #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { background: transparent !important; } #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link:focus { background: transparent !important; color: var(--light-font) !important; } .whatsapp-cta{height:60px;width:60px;position:fixed;bottom:19px;right:25px;text-align:center;background:#4fce5d;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 20px #000; z-index: 9999999;} .whatsapp-cta a{text-decoration:none;font-size:40px;padding:0;margin:0;line-height:0;color:#fff}