/* Theme Name: BusinessMax Theme URI: http://webdzier.com/themes/businessmax/ Author: Webdzier Author URI: https://WordPress.org/ Description: Businessmax responsive is multipurpose WordPress Theme, Suite for any kinds of business site as well as all kind of site. This theme is responsive and compatible with the latest version of WordPress. Tags:custom-menu,featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header Version: 1.0.2 License URI: http://webdzier.com License: GNU General Public License v3 or later Text Domain: businessmax */ /*-----------------------------Custom Css------------------------------------------ */ .wrapper{ margin:0; padding:0; } body { font-style: normal; font-family: 'UbuntuRegular'; font-size: 14px; color: #2d2d2d; font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0; font-family: 'UbuntuBold'; font-weight: 700; color: #2d2d2d; } a{ text-decoration: none !important; } p{ font-size:16px; line-height:26px; color:#a3a3a3; font-family: 'UbuntuRegular'; } .white{ color:#fff !important; } .site-title{ color: #a0d247; font-size: 25px; padding: 0; margin: 0; } .section-title{ text-align:center; } .sm-title{font-family: 'UbuntuMedium'; font-size:28px; padding-bottom:15px;} /*---------Header------------------*/ .header-top-section { background:#040408; padding:10px 0px; } .info-top { float: left; } .info-top > span { color: #FFFFFF; float: left; font-size: 14px; letter-spacing: 0.3px; line-height: 30px; margin-right:25px; margin-top: 1px; margin-bottom: 1px; } .info-top > span > i { color: #eee; float: left; font-size: 18px; line-height: 30px; text-align: center; margin-right:6px; } .header-top-section .social{margin:0;padding:0;} .section-title { text-align:center; margin:30px 0; } .section-title h1 { font-family: 'UbuntuMedium'; text-transform: capitalize; font-size: 34px; color: #060c17; } .section-title p { font-family: 'UbuntuRegular'; padding:0 20px; letter-spacing: 1.5px; color: #929292; font-size:18px; } .callout-title h1, .callout-title p { color: #eee !important; } .businessmax-content{ padding:15px !important; } .businessmax-content img{ margin-bottom:10px !important; } ul,.businessmax-content ul { margin: 0; list-style: none; } .businessmax-content ul { list-style: inherit!important; } /*----Main Menu Section---------------------------------*/ .home-banner { height: 100%; width: 100%; margin-bottom: 0px; position: relative; } /*----Main Menu Section---------------------------------*/ .navbar-wrapper { position:relative; width:100%; z-index:1; } .navbar-wrapper.affix { position: fixed; top: 0; width: 100%; z-index:10; border-radius:0; } .navbar-toggle { background-color:#A0D247 !important; border-color: #ffffff !important; } .navbar-toggle .icon-bar { background: #fff; } .navbar-toggle:hover, .navbar-toggle:focus { opacity:0.8; } .navbar-brand { font-size: 36px;line-height: 35px; height: auto; padding: 10px 15px !important; } .navbar-nav > li > .dropdown-menu{ right: auto !important; left: 0 !important; } .navbar { width: 100%; background: #fff; box-shadow: 1px 0px 10px rgba(0,0,0,0.1); padding: 8px 0px; border-radius: 0px !important; border-top: 2px solid #A0D247 !important; border-bottom: 2px solid #A0D247 !important; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { background: #A0D247 !important; border-color: #A0D247 !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); color: #FFFFFF; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { background: #A0D247 !important; border-color: #A0D247 !important; color:#fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background: #A0D247 !important; border-color: #A0D247 !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); color:#fff; } .navbar .navbar-nav > li { margin-right: 5px; padding: 0 0 0px 0px; } .navbar .navbar-nav > li > a { line-height: 20px; padding: 11px 16px; font-family: 'UbuntuMedium'; border-radius: 2px 2px 2px 2px; color: #303030; font-size: 16px; letter-spacing:0.3px; } .nav { margin-top: 0px; padding: 14px 0; } .navbar { margin-bottom: 0px !important; } .navbar-collapse { max-height: 100%; } /*---------Dropdown Menus & Sub Menu----------------------------*/ /*Dropdown Menus */ .dropdown-menu { padding: 0 !important; min-width: 200px!important; background: #8DC131!important; left: 0 !important; } .dropdown-menu>li>a { font-family: 'UbuntuMedium'; font-size: 16px; clear: both; background: #8DC131 !important; color: #fff !important; border-bottom: 1px solid #A0D247; display: block; text-decoration:none; font-weight: normal; line-height: 20px; padding: 10px 20px !important; white-space: nowrap; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .dropdown-menu>li>a:hover {color:#fff !important;background:#A0D247!important;} .dropdown-menu > li > a:last-chlid {border-bottom: 0px;} /*---dropdown-submenu Menus-- */ .dropdown-submenu{ position:relative;} .dropdown-submenu > .dropdown-menu{ top:0; left:100% !important; margin-top:-2px; margin-left:-1px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { color:#0099ff; background-color:#fff; } .dropdown-menu > li > a:hover { color:#0099ff;background-color:#fff;} .dropdown-submenu:hover > .dropdown-menu{ display:block; color:#0099ff; background-color:#fff; } .dropdown-submenu i { font-size: 14px; line-height: 1.5; position: absolute; right: 10px; } .dropdown-submenu .pull-left{ float:none;} .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 10px 15px 10px 25px;} .navbar-right .dropdown-menu {left: 0;right: 0;border-radius: 0px;} .navbar-nav > li > a > i { font-size: 18px; line-height: 20px; margin-left: 5px; padding-top: 0; } /*--------Home Slider Section---------------------*/ #main-slider .active > div { display: block; } .carousel-indicators li, .carousel-navigation li { padding: 0; } .main-carousel .carousel-inner > .item > img { display: block; margin: 0 auto; } .carousel-caption{ border-top:4px solid #A0D247; border-bottom:4px solid #A0D247; top: 20% !important; bottom:20% !important; right: 25% !important; left: 25% !important; padding:60px 10px !important; background: rgba(0,0,0,0.6); } .carousel-caption h1,.carousel-caption p{ display:block; margin: 0 auto; position: relative; z-index: 2; } .carousel-caption h1{ font-size:40px; line-height:44px; text-align: center; word-wrap: break-word; font-family: 'UbuntuMedium'; margin-bottom: 10px; } .carousel-caption p{ text-align: center; color:#fff; font-family: 'UbuntuRegular'; font-size:20px; word-wrap:break-word; line-height:30px; text-align: center; padding:10px 15px; z-index: 2; } /*------Carousel Navigation--------------*/ .carousel-navigation {list-style-type: none; margin: 0px; } .carousel-navigation a { text-decoration: none; display: block; background:#fff; width:60px; height:65px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .carousel-navigation .carousel-prev { left: 15px; opacity: 0.8; z-index: 1; } .carousel-navigation .carousel-next { right: 15px; opacity: 0.8; z-index: 1; } .carousel-navigation:hover .carousel-prev { opacity: 1; left:20px;color:#fff;} .carousel-navigation:hover .carousel-next { opacity: 1; right:20px;} .carousel-navigation:hover .carousel-next:hover, .carousel-navigation:hover .carousel-prev:hover { /* color:#fff !important; background-color:#A0D247; */ opacity:1; } .carousel-navigation:hover .carousel-navigation a:before { color:#fff !important;} .carousel-navigation .carousel-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .carousel-navigation a:before { font-family: "FontAwesome"; font-size: 34px; line-height:65px; color:#A0D247; display: inline-block; content: '\f100'; } .carousel-navigation li a:hover .carousel-next:before { color: #fff !important; } .carousel-navigation a.carousel-next:before { content: '\f101'; } body.boxed .carousel-inner > .item > img, body.boxed .carousel-inner > .item > a > img { display: block; max-width: none; height: auto; } /*-----------Service Section--------------*/ section { margin-top: 40px; padding-bottom: 80px; } .service-box { text-align: center; position: relative; padding: 55px 0; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,0.2); background:#fff; margin:20px 0 30px; } .service-box:before { content: ''; width: 0; height: 0; position: absolute; top: 0; left: 50%; margin-left: -8px; border: none; } .service-box:hover:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid; border-top-color: inherit; } .service-box span { width: 101px; height: 101px; border: 2px solid transparent; padding: 9px 0; display: inline-block; border-radius: 100%; text-align: center; } .service-box span i { background-color:#A0D247; color:#fff; border-radius: 100%; width: 79px; height: 79px; line-height: 79px; font-size: 34px; display: inline-block; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .service-box h4 a{ font-size: 20px; font-family: 'UbuntuMedium'; color: #303030; font-weight: normal; margin-top: 25px; margin-bottom: 0; transition: all 0.4s ease 0s; } .service-box h4 a:hover{ color: #A0D247; transition: all 0.4s ease 0s; } .service-box span i { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .service-box:hover span i { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .service-box p { font-size: 16px; margin-top: 10px; color: #a1a1a1; } .service-box:hover > span { border-color: #A0D247; } /*-------Home Gallery Section------------------------*/ .gallery-section { width: 100%; padding:30px 0; background-color: #fff; } .gallery-col{ margin-bottom:50px; overflow:hidden; } .home-gallery-showcase { position: relative; width: 100%; overflow: hidden; box-shadow: 0 0 3px rgba(0,0,0,0.3); } .home-gallery-showcase:hover .home-gallery-showcase-title a { text-decoration: underline; } .gallery-image{ width: 100%; display: block; height: auto; } .home-gallery-showcase-overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.7); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .home-gallery-showcase img{ -webkit-transition: all .45s ease-in; -moz-transition: all .45s ease-in; -o-transition: all .45s ease-in; transition: all .45s ease-in; } .home-gallery-showcase-overlay-inner { text-align: center; position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .home-gallery-showcase .home-gallery-showcas-icons { margin-top: 10px; text-align: center; width: 100%; } .home-gallery-showcase .home-gallery-showcase-icons a { font-size: 1.3em; line-height: 1em; text-align:center; display: inline-block; margin-left: 2px; opacity:0.9; text-decoration: none; margin-right:5px; border-radius:2px; width: 45px; height: 45px; background-color: #fff; border: 1px solid #fff; color:#101010; transition: all 0.3s ease 0s; } .project-caption { background-color: #f4f4f4; color: #ffffff; transition: all 0.3s ease 0s; border-radius: 0; text-align: center; padding: 15px; transition: all 180ms ease-in-out 0s; font-family: 'UbuntuMedium'; cursor: pointer; word-wrap: break-word; overflow: auto; border-radius: 0px 0px 2px 2px; } .project-caption h4 a{ color: #101010; transition: all 0.3s ease 0s; } .project-caption h4 a:hover{ color:#A0D247; transition: all 0.3s ease 0s; } .home-gallery-showcase .home-gallery-showcase-icons a i{ font-size:22px; line-height:45px; text-align:center; } .home-gallery-showcase-icons a:hover { background:#A0D247; border: 1px solid #A0D247; color:#fff; } .home-gallery-showcase:hover .home-gallery-showcase-overlay { visibility: visible; top: 0; } .home-gallery-showcase:hover img{ -webkit-transform: scale(1.3) rotate(15deg); -moz-transform: scale(1.3) rotate(15deg); -ms-transform: scale(1.3) rotate(15deg); } .home-gallery-showcase:hover .home-gallery-showcase-overlay-inner { visibility: visible; bottom:40%; left: 0; } .home-gallery-showcase-fade { opacity: 0.8; } .home-gallery-showcase-fade:hover .home-gallery-showcase-overlay { display: none !important; } /*-----------Home Blog Section----------------------------------------*/ .home-blog-col{ margin-bottom:40px; background:#f9f9f9; position:relative; } .home-blog-col img { width:100%; } .home-blog-col h3 { font-family: 'UbuntuMedium'; font-size: 22px; margin:40px 0 15px; padding-right: 0px; line-height:1.4; } .home-blog-col h3 a { color:#34495e; transition: all 0.4s ease 0s; } .home-blog-col h3 a:hover { color:#A0D247 !important; } .home-blog-col-date{ float:left; margin-bottom: 0; margin-left: 15px; padding: 8px 0px 3px; display:inline; list-style: none; text-align:left; padding-left:0; color:#34495e; font-size:14px; } .home-blog-col-date li{ display:inline-block; color:#555; margin-right:15px; margin-bottom: 5px; } .home-blog-col-date li i{ margin-right:8px; font-size:18px; color:#34495e; } .home-blog-col-date li i:hover{ transition: all 0.4s ease 0s; color:#A0D247; } .home-blog-col-date li a{ color:#555; } .home-blog-col p{ font-size:16px; font-family: 'UbuntuRegular'; padding-right:8px; margin-bottom:10px; } .home-blog-col span a i{ margin-right:6px; font-size:20px; vertical-align: middle; } .blog-bottom{ border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; overflow: hidden; margin-top: 10px; } .home-blog-col-tags { margin-bottom:8px; } .home-blog-col-tags a ,.home-blog-col-cats a{ padding: 3px 7px; margin: 4px 4px 4px 0; margin-bottom:10px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; color: #515151; text-decoration: none; font-size: 0.9em; white-space: nowrap; display: inline-block; background-size: 100% 200%; background-color:#edf0f2; background-image: linear-gradient(to bottom, #edf0f2 50%, #A0D247 50%); } .home-blog-col-tags a:hover ,.home-blog-col-cats a:hover{ color:#fff; background-position: 0 -100%; background-color:#A0D247; } .home-blog-col-tags a i{ margin-right:5px; transition: all 0.4s ease 0s; color:#A0D247; } .home-blog-col-tags a:hover i ,.home-blog-col-cats a:hover i{ color:#fff; } .home-blog-col span a i{ color: #A0D247; } .home-blog-col span a { color:#555; } .blog-read-btn{ font-size: 16px; color:#fff; display:inline-block; transition: all 0.4s ease 0s; font-family: 'UbuntuMedium'; padding:5px 5px 5px 5px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-bottom:20px; border: 2px solid #A0D247; background-size: 100% 200%; background-color:#A0D247; background-image: linear-gradient(to bottom, #A0D247 50%, #fff 50%); } .blog-read-btn i { margin-right:5px; } .blog-read-btn:hover{ background-position: 0 -100%; background-color:#ffffff; color: #A0D247; } .home-blog-col-footer{ padding-top:20px; padding-bottom:10px; border-top:3px solid #f5f5f5; } /*------------------Footer-----------------------------------------------------------------*/ .footer { width:100%; background:#040408; overflow: hidden; padding: 0; width: 100%; border-top: 6px solid #A0CE4E; } .footer-inner{padding:30px 0 40px;} .footer .title,.footer_widget_title { padding-top:15px; letter-spacing: 0.2px; font-size: 22px; font-weight: normal; font-family: 'UbuntuMedium'; color: #fff; line-height: 24px; margin: 0; margin-bottom: 20px; } /*---footer-widget----*/ .footer-widget p{color:#eee;} .footer-widget ul ,.footer_widget_column ul{ margin: 10px 0 0; overflow: hidden; padding: 0; } .footer-widget ul li , .footer_widget_column ul li{ font-size: 15px; line-height:28px; letter-spacing: 0.2px; margin: 0 0 10px; overflow: hidden; padding: 0; } .footer-widget ul li a , .footer_widget_column ul li a{ color: #eee; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; } .footer-widget ul li a:hover ,.footer_widget_column ul li a:hover{ color: #A0D247; } .footer-widget> ul.useful_links > li > a:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 10px; font-size: 15px; } .footer-widget ul.social li a { margin-right:6px; } /*--footer address--*/ .footer-contact { margin-top: 3px; margin-bottom: 27px; margin-left: 2px; } .footer-contact i{ float: left; margin-right: 10px; margin-top: 2px; font-size: 16px; color: #eee; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 4px; border: 1px solid #eee; } .footer-contact_inner { margin-left: 32px; } .footer-contact_title { margin-bottom: 3px; font-size: 12px; font-weight: 700; color: #ccc; text-transform: uppercase; } .footer-contact_info { font-size: 13px; color: #fff; } /*----footer post---------*/ .footer-blog-post { margin-bottom: 0px; margin-top: 0 !important; padding-bottom: 20px; overflow: hidden; } .footer-blog-post:last-child { margin-bottom: 0px; padding-bottom: 0px; } .footer-blog-post h3 { display: block; font-size: 16px; line-height: 22px; margin-bottom: 5px; margin-top:2px; word-wrap: break-word; } .footer-blog-post h3 a { color: #eee; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; } .footer-blog-post:hover h3 a { color: #A0D247; } .footer-blog-post span { color: #eee; font-family: 'UbuntuLight'; font-size: 13.5px; line-height: 20px; margin-right: 8px; display: block; } .post-area { display: block; float: left; margin-left: 0; margin-right: 15px; } .post-area img { display: block; height: auto; max-width: 100%; border: 3px solid #eee; transition: all 0.3s ease-in-out 0s; border-radius:4px; box-shadow: 0 0 3px rgba(0,0,0,0.6); } .footer-blog-post:hover .post-area img { opacity: 7px; } /*------Social icon----*/ .social li { display: inline-block; margin: 0 0 0 5px; list-style: none; } .social li a i { display: block; } .social li a { display: block; } .social li a i { width: 32px; height: 32px; line-height: 32px; border-radius:1px; font-size: 16px; color:#eee; border:1px solid #fff; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .blog-social li a i{ color: #202020; border: 1px solid #A0D247; border-radius: 2px; } .social li a.facebook:hover i, .social li a.facebook:hover i { background: #456098; border:1px solid #456098; } .social li a.twitter:hover i, .social li a.twitter:hover i { background: #07a2dc; border-color: #07a2dc; } .social li a.googleplus:hover i, .social li a.googleplus:hover i { border-color: #f8694d; background: #f8694d; } .social li a.linkedin:hover i, .social li a.linkedin:hover i { border-color: #0077b5; background: #0077b5; } .social li a.pinterest:hover i, .social li a.pinterest:hover i { background:#c8232c; border-color:#c8232c; } .social li a.rss:hover i, .social li a.rss:hover i{ background:#FF6600; border-color:#FF6600; } .social li a.vimeo:hover i, .social li a.vimeo:hover i{ background:#1ab7ea; border-color:#1ab7ea; } /*-----Copyright------------------*/ .copyright { background-color:#eee; padding:25px 0; position: relative; width: 100%; text-align:center; border-bottom:4px solid #A0D247; } .copyright a { font-size: 14px; letter-spacing:0.7px; font-weight: normal; font-family: 'UbuntuRegular'; color: #303030; line-height: 20px; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } /*---------Page Title Section Css-----------------*/ .page-title-section { margin: 0 0 0px; overflow: hidden; padding: 0; width: 100%; border-bottom: 1px solid #eee; background: #fafafa; } .page-title-section .overlay { padding: 30px 0 28px; position: relative; width: 100%; } .page-title { background-position: center top; background-repeat: no-repeat; margin: 0 auto 0px; padding: 0px; position: relative; width: 99%; } .page-title h1 { color: #202020; letter-spacing: 1px; font-family: 'UbuntuMedium'; margin: 0 0 0px; word-wrap: break-word; } .page-breadcrumb { list-style: none outside none; margin-bottom: 0px; padding: 10px 0 0; text-align: right; font-size: 15px; line-height: 20px; } .page-breadcrumb > li { display: inline-block; } .page-breadcrumb > li + li:before { color: #202020; content: "/ "; padding: 0 5px; } .page-breadcrumb > li.active a { color: #A0D247; } .page-breadcrumb > li a { color: #202020; font-family: 'UbuntuMedium';} /*---------Protfolio page--------------------------------------------*/ /*-----Protfolio Tabs---------*/ .protfolio-tabs-section{ text-align:center; margin: 30px 0; } .protfolio-filter { list-style: none; padding: 0; margin: 0 0 50px; display: inline-block; } .protfolio-filter > li { display: inline-block; margin-right: 2px; } .protfolio-filter > li a { display: block; font-size: 14px; padding: 8px 18px; font-family: 'UbuntuMedium'; background: #A0D247; border-color: #A0D247; color: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); line-height: 20px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; } .protfolio-filter > li a:hover, .protfolio-filter > li a.active { background-color:#101010; border-color: #101010; color: #fff; } /*-------------Testimonial Section-----------------------------*/ .testimonial-wrapper { background: url("../images/bg-2.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0); margin: 20px 0 0; overflow: hidden; width: 100%; } .testimonial-wrapper .overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); padding: 60px 20px 60px 20px; position: relative; width: 100%; } .testimonials{ margin-top:50px; } .testimonials sss { background:rgba(255,255,255,0.9); display: block; padding:25px; position: relative; border-radius:6px; } .testimonials p{ color: #202020; font-size:16px; font-family: 'UbuntuItalic'; line-height:30px; } .testimonials .carousel-info { overflow: hidden; } .testimonials .carousel-info span { display: block; } .testimonials span.testimonials-name { color: #A0D247; font-size: 18px; font-weight: 300; margin: 23px 0 7px; } .testimonials span.testimonials-post { color: #eee; font-size: 12px; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; background: #A0D247 !important; } /*---------Blog page-------------------------------------------------*/ .blog-section{ margin:80px 0 40px; } .blog-section .home-blog-col img{ max-height:400px; } /*---Sidebar Section Css----------*/ .sidebar-section { overflow: hidden; padding: 0; margin-bottom: 20px; } .sidebar-widget { margin-top: 0; overflow: hidden; padding: 0px; background:#f9f9f9; border: 1px solid #f7f7f7; margin-bottom:20px; box-shadow:0 0 2px rgba(0,0,0,0.2); } .sidebar-widget:last-child { margin-bottom: 0px; } .sidebar-widget-title { margin-bottom: 10px; } .sidebar-widget-title h2 { color: #fff; font-size: 16px; letter-spacing: 0.5px; border-left: 4px solid #A0D247; font-family: 'UbuntuMedium'; padding-bottom: 0px; text-transform: uppercase; word-wrap: break-word; margin: 0 0 10px; padding: 12px; background: #040408; border-bottom: 1px solid #A0D247; } .sidebar-section .tagcloud a{ color: #a3a3a3; border:1px solid #a3a3a3; } .widget-content{ padding: 15px; overflow: hidden; } /*----Sidebar Search-------*/ .widget-content > .input-group > .form-control { padding: 6px 12px; height: 40px; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; z-index: 2; float: left; border-radius:0px !important; } .widget-content > .input-group > .form-control:focus { border-color: #e9e9e9; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .widget-content > .input-group > .input-group-addon { background: #A0D247 !important; border: 1px solid #A0D247 !important; border-radius:0 !important; letter-spacing: 0.2px; color: #ffffff !important; font-size: 15px; font-weight: normal; line-height: 1; padding: 6px 12px; text-align: center; } /*Sidebar footer-widget*/ .sidebar-widget ul{ margin-bottom: 0px; list-style: none outside none; padding: 15px; } .sidebar-widget li.cat-item { border-bottom: 1px dotted #c5d1dc; display: block; font-size: 14px; line-height: 20px; font-weight: normal; letter-spacing: 0px; margin-right: 0px; padding-top: 10px; vertical-align: top; padding-bottom: 10px; } .sidebar-widget li.cat-item:first-child { padding-top: 0px; } .sidebar-widget li.cat-item{ color: #727272; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; } .sidebar-widget li a { color: #727272; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; line-height: 28px; } .sidebar-widget .textwidget{ padding:15px; } .sidebar-widget li a:hover { color:#A0D247; } .sidebar-widget li.cat-item a { color: #727272; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; } .sidebar-widget li.cat-item:hover a { color:#A0D247; } .sidebar-widget li.cat-item a:before ,.footer_widget_column li.cat-item a:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 10px; margin-left: 1px; font-size: 14px; } .sidebar-btn{ margin:10px 5px; padding:8px 14px; border-radius:4px; background-color: #EF3F57; color:#fff; } .sidebar-btn i{ margin-right:5px; } /*sidebar post*/ .sm-sidebar-post { margin-bottom: 17px; margin-top: 0 !important; padding-bottom: 17px; overflow: hidden; border-bottom:1px dotted #ddd; } .sm-sidebar-post-area { display: block; float: left; margin-left: 0; margin-right: 25px; padding: 1px; } .sm-sidebar-post-area img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; border-radius: 0px; border: 4px solid #fff; -moz-box-shadow: 0px 0px 2px #ccc; -webkit-box-shadow: 0px 0px 2px #ccc; box-shadow: 0px 0px 2px #ccc; } .sm-sidebar-post h4 { display: block; font-weight:normal; line-height: 25px; margin-bottom: 10px; margin-top: -4px; word-wrap: break-word; letter-spacing: 0.5px; } .sm-sidebar-post h4 a { color: #878787; font-family: 'UbuntuRegular'; transition: all 0.3s ease 0s; } .sm-sidebar-post h4 a:hover { color:#A0D247; } .sm-sidebar-post span a { font-size: 11px; color: #000; transition: all 0.3s ease 0s; margin-left:5px; } /*Sidebar Tags*/ .sidebar-widget-tags { margin: 0 0 10px; overflow: hidden; padding: 4px 0; } .sidebar-widget-tags a { background-color: #fcfcfc; border: 1px solid #dadada; color: #45494b; cursor: pointer; display: inline-block; font-family: 'UbuntuMedium'; font-size: 14px; line-height: 20px; margin: 0 5px 10px 0; padding: 6px 14px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; } .sidebar-widget-tags a:hover { background-color: #A0D247; border: 1px solid #A0D247; color: #ffffff; } /*---Blog Pagination-----*/ .blog-pagination { background:#fff; margin:30px 0; overflow: hidden; text-align:left; } .blog-pagination a { background-color: #eee; border: 1px solid #ddd; color: #202020; font-weight:bold; cursor: pointer; text-align:center; display: inline-block; transition: all 0.3s ease 0s; font-size:18px; line-height:45px; border-radius:2px; margin: 0 3px 0px; vertical-align: baseline; white-space: nowrap; width: 45px; height: 45px; } .blog-pagination a i { line-height:45px; } .blog-pagination a:hover, .blog-pagination a.active { background-color: #A0D247; border: 1px solid #A0D247; color: #FFFFFF; } /*--------Add new blog style---------------------------*/ .media-body { overflow: hidden; display: block !important; } .post-date-section{ background: none repeat scroll 0 0 #ffffff; float: left; margin: 0px 25px 0 0; padding: 0px; text-align: center; width: 70px; } .post-date-section .date { background-color:#A0D247; color: #ffffff; font-size: 40px; padding: 12px 0 13px; line-height: 40px; text-align: center; } .post-date-section .month-year { color: #ffffff; display: block; font-size: 14px; line-height: 20px; padding: 5px 0 0; text-align: center; } .post-date-section .comment { background-color: #2a2a2a; color: #d0d0d0; font-family: 'UbuntuMedium'; font-size: 15px; line-height: 20px; text-align: center; padding: 15px 0; } .post-date-section .comment > a { color: #d0d0d0; } .post-date-section .comment:hover > a { color: #ffffff; } .post-date-section .comment > a > i { padding-right: 10px; font-size: 17px; } .home-blog-col-date strong{margin-right:10px;} /*-----Top Menu Search------------------*/ .top-search:before { background-color: #A0D247; content: ""; height: 86px; right: 0%; top: 0; position: absolute; width: 6.4%; } .top-search:after { background-color: #A0D247; content: ""; height: 86px; right: 0; position: absolute; top: 0px; transform: translateX(-60px) skewX(-30deg); width: 6%; } .top-search .dropdown{ right: 12% !important; position: absolute; } .top-search .dropdown-menu{ left:auto !important; width:280px !important; margin:0 !important; padding:0 !important; background:#eee !important; } .top-search a i{ line-height: 68px; font-size: 16px; color: #000; text-decoration:none; } .top-search .dropdown-menu { min-width: 280px !important; padding: 8px 8px !important; } .top-search .dropdown-search-box{ overflow: hidden; padding: 10px; min-width: 300px; box-shadow: none; } .top-search .dropdown-search-box { margin: 0; } .top-search .btn-ar{ background-color: #A0D247 !important; border: 1px solid #A0D247 !important; border-radius:0px !important; color: #fff; font-family: 'OpenSansRegular'; padding: 9px 12px !important; } .top-search form { margin-bottom:0 !important; } /*-----/Top Menu Search------------------*/ .blog-user { background-color: #f1f5f9; padding: 15px 25px 35px; border-bottom: 1px solid #eee; margin-bottom: 30px; } .blog-user .blog-author-photo { width: 60px; height: 60px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: 5px solid #fff; -webkit-box-shadow: 0 1px 2px #ddd; -moz-box-shadow: 0 1px 2px #ddd; box-shadow: 0 1px 2px #ddd; } .blog-user .blog-author-name { font-size: 12px; font-weight: 600; margin-right: 20px; display: block; float: left; margin-top: 5px; } .blog-one .blog-user .blog-date { color: #bbb; font-size: 11px; font-weight: 600; float: right; display: block; margin-top: 5px; } .blog-user .blog-date i { margin-right:5px ; } .divider-outside-bottom { position:relative; } .divider-outside-bottom:before { content: ""; position:absolute; z-index: -1; width:96%; bottom: 0; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 18px rgba(0,0,0,0.6); } .blog-content{padding:0 15px;} .wp-post-image{max-height: 324px;} .team-member-desc { position: absolute; text-align:center; z-index: 2; left: 30px; bottom:25px; right: 30px; padding: 10px 20px; background: #fff; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .team-member-name{font-family: 'UbuntuLight';font-size:18px;font-weight:bold;} .gallery-col:hover .team-member-desc{ background:#A0D247; } .gallery-col .team-member-name, .gallery-col .team-member-job{ transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;} .gallery-col:hover .team-member-name, .gallery-col:hover .team-member-job{color:#fff;} /*----social Icons---------*/ ul.social-icon { padding:0; } ul.social-icon li { display:inline-block; } ul.social-icon li a { display:inline-block; text-decoration: none; border-radius:50%; width:40px; margin:0px 5px; background:#eee; border:1px solid #eee; height:40px; text-align:center !important; transition: all 0.3s ease-in-out 0s; } ul.social-icon li a i{ font-size:18px; color: #101010; line-height:40px; transition: all 0.3s ease-in-out 0s; } .facebook:hover{ background:#3b5998; border-color:#3b5998; } .twitter:hover { background:#4099FF; border-color:#4099FF; } .linkedin:hover { background:#0077B5; border-color:#0077B5; } .google-plus:hover { background:#d34836; border-color:#d34836; } .facebook:hover.facebook i{ color:#fff; } .linkedin:hover.linkedin i { color:#fff; } .twitter:hover.twitter i { color:#fff; } .google-plus:hover.google-plus i { color:#fff; } /*---Creative Services----------------------------*/ .service-single{ margin-top: 30px; padding-bottom: 10px; border: 1px solid #e8e8e8; box-shadow: 0 0 1px #e8e8e8; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; } .service-single:hover{ box-shadow: 0 0 18px #e8e8e8; } .service-single .box-top{ background: #A0D247; padding: 30px; color: #fff; } .service-single .box-top i{ font-size: 50px; padding: 10px 0 0; } .service-single .box-top h2{ font-size:20px; font-family: 'UbuntuBold'; margin-bottom: 45px; } .service-single .box-down{ margin: 0 auto; border-radius: 100%; background: #fff; margin-top: -50px; padding: 60px 25px 25px 25px; } .service-single .btn-holly{ background: #fff; border:1px solid #f0f0f0; border-radius: 20px; color: #A0D247; } .service-single .btn-holly:hover{ background: #A0D247; border-color: #A0D247; color: #fff; } /*------Carousel Style-------------------------*/ .gallery { background: #f9f9f9; padding: 45px 0;} .gallery #gallery-carousel { margin-top: 40px; } .gallery .owl-theme .owl-controls .owl-buttons div { top: 44%; margin-top: -20px; position: absolute; background: rgba(0, 0, 0, 0.5); width: 35px; height: 40px; line-height: 40px; text-align: center; padding: 0; color: #A0D247; opacity: 1; font-size: 24px; border-radius: 0; } .owl-prev i,.owl-next i{line-height:40px;} .gallery .owl-theme .owl-controls .owl-buttons div.owl-prev { left:14px;transition: all 0.3s ease-in-out 0s; } .gallery .owl-theme .owl-controls .owl-buttons div.owl-next { right:14px;transition: all 0.3s ease-in-out 0s; } .gallery .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background:#A0D247;color:#fff;} .gallery .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background:#A0D247;color:#fff;} .gallery .item { margin: 0 15px; } .gallery .item .single { overflow: hidden; } #clients-carousel .item { margin: 0 10px; background:#fff; border:1px solid #ddd; min-height:75px; text-align:center; vertical-align:middle; } #clients-carousel.owl-theme .owl-controls .owl-buttons div { top: 50%; } #clients-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev { left:10px; } #clients-carousel.owl-theme .owl-controls .owl-buttons div.owl-next { right:10px; } .testimonial-wrapper .section-title { margin:0px 0px 36px !important; } .testimonial-wrapper .section-title h1 { margin:0px!important; } #blog-carousel .item{ margin:0 !important; } .home-blog-section{padding:30px 0px 80px;} .home-blog-section .gallery{padding:0 !important; margin:0 !important;} #blog-carousel .owl-controls { margin-top:0px !important; } #blog-carousel.owl-theme .owl-controls .owl-buttons div { top: 50%; } .image{border:5px solid #fff;border-radius:4px;} .navbar-right { margin-right: 100px !important; } /*---Hover Effect------------------------*/ /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.6); transform: scale(1.6); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .service-single .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .service-single:hover .hvr-pulse{ -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .sm-collout { width:100%; padding: 35px 0px; background-color:#A0D247; display:block; } .sm-collout h2{ color:#fff; font-family: 'UbuntuMedium'; display:block; } /*------Single Post--------------------------------------------*/ /* Author Area */ .author-area{ margin-bottom:30px; } .author-img { position: relative; float: left; width: 150px; } .comments-area i,.btn-default i{margin-right:5px;} .author-comments .title a, .post-meta .author,.blog-author-name{ color:#101010; font-family: 'UbuntuRegular'; } .post-meta .author, .blog-author-name{font-weight:bold; font-size:16px; letter-spacing:1px;} .author-area .social-icon{ margin-top:15px; } /* Reply */ .comments-area{ margin-bottom:20px; } .comments-area h4 { font-family: 'UbuntuRegular'; font-size: 22px; line-height: 1.7; } .user-img{ position: relative; float: left; width: 80px; } .user-img img,.author-img img{ border:3px solid #f7f7f7; box-shadow:0 0 4px rgba(0,0,0,0.4); } .comment-item{ margin-bottom: 10px; padding: 15px; border: 3px double #eee; } .comment-item .post-meta{ font-size:14px; margin-bottom:10px; } .comment-item .post-meta, .comment-item .post-reply{ margin-left:100px; margin-top:0; } .comment-respond h4{font-size:22px;font-family: 'UbuntuMedium';} .comment-item .btn .btn-sm,.comment-item .comment-reply-link{ margin-top:5px; line-height:10px; background:#A0D247; color:#fff; } .margin-top20{margin-top:20px;} .btn-default{ background:#A0D247 !important; color:#fff !important; padding:10px 20px !important;} .light-bg { background: #f7f7f7; } .about-box { padding: 30px; position: relative; } h4.title { margin-bottom: 8px; } .title { font-weight: 800; letter-spacing: -1px; } h4 { font-size: 22px; line-height: 1.7; } /* Forms */ .form-box{ background-color:#f7f7f7; padding:30px; } .form-control{ margin-bottom:20px; } .form-control { background: #f5f5f5 !important; font-family: 'UbuntuRegular'; border: 0; border-radius: 0px !important; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; height:40px; line-height: 50px; margin-bottom: 16px; min-height:40px; padding: 0px 12px; width: 100%; } .form-control.bg-white{ background:#ffffff; color:#333333; } .form-control.bg-black{ background:#222; color:#fff; } textarea.form-control.height-82{ height:82px; } textarea.form-control.height-182{ height:182px; } .field-border-bottom .form-control{ border-left: medium none; border-radius: 0; border-right: medium none; font-family: 'UbuntuRegular'; border-top: medium none; box-shadow: none; background:transparent; color:#ffffff; } .field-border .form-control{ box-shadow: none; background:transparent; color:#ffffff; } .form-message1{ color:#ff0000; } .form-border{ border: 8px solid #f5f5f5; padding: 40px; } .arrow-style { margin: 0 0 12px; padding: 0 0 0 0px; } .arrow-style li { list-style: outside none none; padding-bottom: 2px; padding-left: 20px; padding-top: 2px; position: relative; } ul.arrow-style.ls1 li:before { content: "\f138"; display: block; font-family: FontAwesome; left: 0; color:#A0D247; position: absolute; top: 2px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 15px; height: 15px; margin: 5px !important; border: 2px solid #fff; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } #testimonials .owl-pagination, #about-carousel .owl-pagination{text-align:center;} #about-carousel .owl-wrapper img{max-width:600px; height:auto; display:block;} #about-carousel .owl-pagination{ position: absolute; margin: 0 auto; left: 40%; margin-bottom:15px; } .scroll-top { bottom: 0px; display: none; height:44px; width:50px; opacity: 1; position: fixed; border-radius: 1px; right: 20px; text-align: center; overflow: hidden; z-index: 9999; background: #A0D247; } .scroll-top i { font-size: 24px; line-height:50px; color:#fff; } /*------Animation Isotope Filtering---------------*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /*------Footer Contact-----------------*/ .widgets-contact { background-color: #161616; padding:15px 0px; } .widgets-contact .widget { padding-left: 40px; border-left: 2px solid #1f1f1f; } .widgets-contact .widget:first-child { border-left: none; } .widgets-contact .widget-contact-icon { margin-right: 20px; margin-left: 20px; } .widgets-contact .widget-contact-icon i { font-size:36px; color: #ffffff; } .widgets-contact .widget-contact-icon:after { content: ""; width: 2px; height: 24px; margin-left: 20px; background-color:#A0D247; display: inline-block; } .widgets-contact p { font-size: 14px; font-weight: 500; color:#fff; font-family: 'UbuntuRegular'; line-height: 28px; margin-bottom: 0; } .widgets-contact .widget-contact-info p:last-child { color: #eee; font-family: 'UbuntuRegular'; font-size: 16px; font-weight: 400; line-height: 23px; } /*------footer Social------------------*/ .widget-social { background-color: #1c1c1c; padding: 20px 0px 10px; padding-left: 0; } .widget-social p { font-size: 14px; font-weight: 500; line-height: 23px; color: #f9f9f9; } .widget-newsletter-form form .input-group { width: 300px; } .widget-newsletter-form form .form-control { background-color: transparent; color: #9e9e9e; border: 2px solid #292929; border-radius: 0; font-size: 12px; font-family: 'UbuntuRegular'; font-style: italic; width: 320px; border-right: none; height: 42px; line-height: 42px; padding-left: 16px; font-weight: 400; } .widget-social-info, .widget-newsletter-info{padding-right:15px;} .widget-newsletter-form form .btn { background-color:#A0D247; font-family: 'UbuntuRegular'; font-size: 13px; color: #fff; text-transform: uppercase; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; height:38px; line-height:38px; text-align: center; } /*-------Contact Us--------------------------------------------------*/ .contact-section{padding-top:60px; width:100%;} .contact-section .widgets-contact { background-color: transparent; padding-top: 0px; padding-bottom: 0px; font-family: 'UbuntuRegular'; } .widgets-contact .widget:first-child { border-left: none; } .contact-section .widgets-contact .widget { margin-bottom:46px; padding-left: 0px; border-left: none; } .widgets-contact .widget { padding-left: 40px; border-left: 2px solid rgb(31, 31, 31); } .contact-section .widgets-contact .widget-contact-icon { margin-left: 0px; } .widgets-contact .widget-contact-icon { margin-right: 20px; margin-left: 20px; } .contact-section .widgets-contact .widget-contact-icon i { color: #A0D247; } .contact-section .widgets-contact p { font-size: 14px; font-weight: 500; color: #202020; font-family: 'UbuntuRegular'; line-height: 28px; margin-bottom: 0; } .widgets-contact .widget-contact-info p:last-child { color: rgb(130, 130, 130); font-family: 'UbuntuRegular'; font-size: 16px; font-weight: 400; line-height: 23px; } .google_map{width:100%; margin-top:40px;} /*-------About Page-------------------------------------------------*/ .top-about { float: left; width: 100%; padding:80px 0; position: relative; z-index: 1; } .about-description { vertical-align: bottom; padding-bottom:30px; } .about-description h2 { float: left; font-family: 'UbuntuMedium'; font-size:28px; margin: 0 0 10px; width:100%; } .about-ceo { float: left; position: relative; width: 100%; } .video-wrapper { overflow: hidden; width: 100%; height: auto; } .video-wrapper video { width: 100% !important; } .about-description > p { color: #b1afaf; float: left; font-size: 15px; letter-spacing: 1px; font-family: 'UbuntuRegular'; margin-bottom: 20px; width: 100%; } .panel-default .panel-title .fa { float: right; line-height: 21px; font-size: 21px; } .panel-default > .panel-heading a { display: block; padding: 10px 15px; font-family: 'UbuntuMedium'; background-color:#fff !important; color:#202020 !important; font-size:16px; line-height: 20px; } .panel-group .panel { border-radius: 0px !important; border:none !important; } .panel-default > .panel-heading a:not(.collapsed) { background:#A0D247 !important; border-color:#A0D247 !important; color: #fff !important; } .panel-heading {padding:0 !important;} /*---shadow----------------*/ .one-edge-shadow { -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } /*------Main Button Css-------------------*/ .main-btn,.comment-reply-link { padding:8px 16px; font-size:16px; display: inline-block; vertical-align: middle; font-family: 'UbuntuMedium'; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; background:#A0D247; color:#fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .main-btn:before,.comment-reply-link:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #101010; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .main-btn:hover, .main-btn:focus, .main-btn:active,.comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active { color:#fff; } .main-btn:hover:before, .main-btn:focus:before, .main-btn:active:before,.comment-reply-link:hover:before, .comment-reply-link:focus:before, .comment-reply-link:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .main-btn i,.comment-reply-link i{margin-right:5px;} .big-btn{padding:14px 28px !important;} .white-btn {background:#eee !important;color:#101010;} .instagram-img{ float: left; width: 100%; } .instagram-img > a img { float: left; max-width:80px; opacity: 0.62; margin: 0 5px 5px 0;; } .instagram-img > a:hover img { opacity: 1; } .service-page{padding:40px 0 80px;} .team-page{padding: 20px 0 40px;} .portfolio-page{padding: 50px 0 60px;} .portfolio-section{ position: relative; overflow: hidden; display:block; } /*------New Updation Css-------------------------------------*/ /*--------------404 page----------------------------------*/ .page_404{ text-align:center; padding: 60px 0; width: 100%; } .page_404 h1 { font-weight: bold; font-size: 120px; line-height:100px; color: #A0D247; text-shadow: 0 0 6px rgba(0,0,0,0.2); } .page_404 i { font-size:80px; color: #A0D247; } .page_404 h2 { font-size: 40px; margin:0; font-weight: bold; color:#303030; text-shadow: 0 0 6px rgba(0,0,0,0.2); } .page_404 p { color:#505050; font-size:18px; padding: 20px 0px 5px 0px; } .media-body {display: block;} blockquote { border-left: 5px solid #A0D247 !important; } /*---------Wordpress Default Css----------------------------------------*/ #calendar_wrap {padding:15px;} .widget div#calendar_wrap table>caption{ color: #242526; font-family: 'RobotoRegular'; font-size: 16px; font-weight: 600; letter-spacing: .5px; margin-bottom: 10px; padding: 0; text-align: center; } .footer-widget ul{ padding:0; } .form-widget { border-radius: 1px!important; height: 40px!important; } .button-search:hover{opacity:0.8;} .button-search i{font-size:16px;color:#fff!important;} .button-search { color:#fff!important; padding:6px 15px !important; background: #A0D247 !important; border: 1px solid #A0D247 !important; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .sidebar-widget table{width:100% !important;} .sidebar-widget table th{color:#fff !important;} .footer-widget div#calendar_wrap table#wp-calendar thead>tr{ background:#A0D247; } .sidebar-widget div#calendar_wrap table#wp-calendar thead>tr{ background:#A0D247; } .footer-widget div#calendar_wrap table>thead>tr>th{ font-size: 18px; line-height: 20px; color:#fff; margin: 0; padding: 8px 10px; text-align: center; } .footer-widget div#calendar_wrap table>thead>tr>th{ color: #fff; background: #A0D247; font-family: 'RobotoRegular'; font-size: 15px; font-weight: 600; line-height: 20px; margin: 0; padding: 10px; text-align: center; } .footer-widget div#calendar_wrap table>tfoot>tr>td{ border: 1px solid #eee; font-size: 20px; margin: 0; padding: 2px; text-align: center; } #calendar_wrap a{ font-size: 14px; color: #A0D247; font-weight: 600; letter-spacing: 0; line-height: 20px; } #calendar_wrap a:hover{ color: #A0D247; } . div#calendar_wrap table>tbody>tr>td{ color: #727272; font-size: 14px; font-weight: 600; margin: 0; padding: 8px 10px; text-align: center; } td,th{ border: 1px solid #ccc!important; padding: 6px 8px!important; } .tagcloud a{ color: #fff; border: 1px solid #fff; cursor: pointer; display: inline-block; font-size: 15px!important; line-height: 20px; margin: 0 0 4px; overflow: hidden; padding: 6px 17px; transition: all .3s ease 0s; vertical-align: baseline; white-space: nowrap; } .sidebar-widget .tagcloud a{ background: transparent; border: 1px solid #dddddd; color: #999999; } .tagcloud a:hover{ color: #fff; background-color: #A0D247; border-color: #A0D247; } .tagcloud{ list-style: none outside none; padding:15px; } .tagcloud li{ display: inline-block; margin-bottom: 10px; margin-right: 8px; } .sidebar-widget .screen-reader-text, .sidebar-widget p{padding:15px;} .sidebar-widget img, .sidebar-widget select, .footer_widget_column img, .footer_widget_column select{max-width:100%;} .footer_widget_column .calendar_wrap table,.footer_widget_column .calendar_wrap caption{ color:#fff; } .footer_widget_column .calendar_wrap table > thead > tr { background: #A0D247; } select{max-width:100%; height:30px;} .footer_widget_column p, .footer_widget_column .screen-reader-text, .footer_widget_column .textwidget, .footer_widget_column .post-date{color:#eee;} .footer_widget_column .calendar_wrap a{ color:#A0D247 !important; } .page-content{padding-bottom:15px !important;} .footer_widget_column .rssSummary{color:#eee;} /**********pagination****************/ nav.pagination { position: relative; display: block; } .nav-links { position: relative; } .nav-links ul { margin: 0; padding: 0, } .nav-links ul li { list-style: none; margin:0 10px 0 0; padding:0; float: left; } .nav-links ul li span.current { padding: 10px 12px; background: #a0d247; display: block; line-height: 1; border-radius: 4px; color: #fff; } .nav-links ul li a { padding: 10px 12px; background: #FFF; color: #666; text-decoration: none; border: 1px solid #ccc; border-radius: 3px; display: block; line-height: 1; } .nav-links ul li a:hover { background: #a0d247; border-color: none; color: #fff; }