/* * Theme Name: Themelines Corporate Theme URI: https://themelines.com/demo/corporate/ Author: Themelines Author URI: http://www.themelines.com/ Text Domain: tl Domain Path: /languages Description: Themelines Corporate Theme. Version: 1.0 License: GNU General Public License v3.0 / License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post, theme-options, threaded-comments, translation-ready Credits: 1. Bootstrap * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c) * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c 2. wp_bootstrap_navwalker * Class Name: wp_bootstrap_navwalker * GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker 3. Glyphicons * http://getbootstrap.com/components/ * */ /* This is a small security for too long strings titles */ @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700); body { word-wrap: break-word; font-family: 'Roboto Slab', serif; background: url(includes/images/body_pattern.png) repeat 0px 0px !important; font-size:1.5rem; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Images and wp-captions should always fit and be responsive */ img { display: inline-block; height: auto; max-width: 100%; } img[class*="wp-image-"] { /* margin-top: 10px; */ margin-bottom: 10px; } .wp-caption { border: 1px solid #ccc; margin-bottom: 10px; max-width: 100%; border-radius: 4px; padding: 0 10px; } .wp-caption.aligncenter { margin-bottom: 10px; } .wp-caption img[class*="wp-image-"] { display: block; } .wp-caption .wp-caption-text { text-align: center; margin-top: 10px; } /* WP Gallery */ .gallery { margin-bottom: 1.5em; } .gallery a img { border: none; height: auto; max-width: 90%; } .gallery dd { margin: 0; } .gallery-caption { display: block; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Content */ .main-content-inner { padding-bottom: 1.5em; } .hentry { margin: 0 0 1.5em; } .sticky { display: block; } .bypostauthor { display: block; } /* Clearing */ .clear { clear: both; } /* Navigation */ .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;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;} /* Here some needed widget styles*/ .widget { margin-bottom: 2em; } .widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; } /* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. * Note: you can change the whole appearance of the search_form() function in our searchform.php */ .widget_search .search-form input[type="submit"] { display: none; } /* Make sure select elements fit in widgets */ .widget select {max-width: 100%;} /* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize! * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */ .comment .children { margin-left: 1.5em; } /** * Some WP Theme Repository requirements */ .sticky {} .gallery-caption {} .bypostauthor {} .entry-meta {clear: both;} /* styles for tl_pagination und tl_link_pages */ nav form.tl-page-nav, nav .input-group, nav .input-group-btn, nav .form-control { display: inline; } /****-------------------------------------------------------------------------------------- style start ---------------------------------------------------------------------------------------*****/ /** * Themelines corporate stylesheet **/ /**global Style **/ body{font-family: 'Roboto Slab', serif !important; font-size: 13px; background-color:#FFF!important;} .h1, .h2, .h3, .h4, body, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif !important; font-weight: 400; } p{color:#757575;} #box .form-control { background-image:none !important; border: 2px solid #dfa032; } .selectBoxWrapper .texta-sites { margin: 35px auto 0; max-width: 320px; } .selectBoxWrapper .texta-sites .newcombobox { border-radius: 0; height: 36px; padding: 5px 14px; } .form-control, .form-group .form-control { border: solid 1px #222; border-radius:0; } /*.tlpb { background: #fff none repeat scroll 0 0;}*/ .color-cyan .navbar, .color-cyan .navbar.navbar-default { background: #00bcd4 none repeat scroll 0 0 !important; margin-bottom: 0;} .tl-common-gap{margin:2% 0;} .main-content{background: #FFF;} .tl-fixed-header { /* -webkit-box-shadow: 1px 1px 2px #000000; -moz-box-shadow: 1px 1px 2px #000000; box-shadow: 1px 1px 2px #000000;*/ left: 0; position: fixed; top: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; z-index: 999; } .transition-tl, .owl-prev, .owl-next, .service-nopad-btop, .service-nopad, .btn-link, .tl-services-box i, .btn, .panel-heading .accordion-toggle, .panel-heading .accordion-toggle.collapsed, .tl-postslide-dark,.call-2-action-dark .btn, .tl-postmeta-box a, #recent-posts-3 a, .tagcloud a , .tl-blog-text h1 a, .tl-testimonial-chatview-s1 .customNavigation .btn, .tl-timeline .btn{ -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .box-shadow-tl, .owl-prev, .owl-next { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .border-radius, .tl-cp-sidebar2 .widget{ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .form-group.is-focused label, .form-group.is-focused label.control-label {color: #00bcd4!important;} .tl-barWrapper .tooltip-arrow {display: block!important;} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #00bcd4; border-color: #00bcd4; } .pagination > li > a, .pagination > li > span { border: 1px solid #00bcd4; color: #00bcd4;} .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { background-color: ##00bcd4; border-color: #00bcd4; } .carousel-indicators li{background:#fff !important; border:0px !important; height:8px !important; width:8px !important; } .carousel-indicators .active { background:none !important;border:3px solid #f2a61f !important; height:12px !important; width:12px !important;} /** button color **/ .button-cyan { background: #00bcd4 none repeat scroll 0 0 !important; color: #fff !important;} .button-cyan:hover { background: #000 none repeat scroll 0 0 !important;} .white {color: #fff !important;} /** header top background-color **/ .tl-naviwrap-color{ background: #212121 none repeat scroll 0 0;} /** header top background-color **/ .color-turquoise { background: #1abc9c none repeat scroll 0 0;} .color-greensea {background:#16a085 none repeat scroll 0 0;} .color-sunflower {background:#f1c40f none repeat scroll 0 0;} .color-orange {background:#f39c12 none repeat scroll 0 0;} .color-emrald {background:#2ecc71 none repeat scroll 0 0;} .color-nephritis {background:#27ae60 none repeat scroll 0 0;} .color-carrot {background:#e67e22 none repeat scroll 0 0;} .color-pumpkin {background:#d35400 none repeat scroll 0 0;} .color-peterriver {background:#3498db none repeat scroll 0 0;} .color-belizehole {background:#2980b9 none repeat scroll 0 0;} .color-alizarin {background:#e74c3c none repeat scroll 0 0;} .color-pomegranate {background:#c0392b none repeat scroll 0 0;} .color-amethyst {background:#9b59b6 none repeat scroll 0 0;} .color-wisteria {background:#8e44ad none repeat scroll 0 0;} .color-cloud {background:#ecf0f1 none repeat scroll 0 0;} .color-silver {background:#bdc3c7 none repeat scroll 0 0;} .color-wetasphalt {background:#34495e none repeat scroll 0 0;} .color-midnightblue {background:#2c3e50 none repeat scroll 0 0;} .color-concrete {background:#95a5a6 none repeat scroll 0 0;} .color-asbestos {background:#7f8c8d none repeat scroll 0 0;} .color-cyan {background:#00BCD4 none repeat scroll 0 0;} .color-brown {background:#795548 none repeat scroll 0 0;} .color-teal {background:#009688 none repeat scroll 0 0;} .color-grey {background:#9E9E9E none repeat scroll 0 0;} .color-green {background:#4CAF50 none repeat scroll 0 0;} .color-lightgreen {background:#8BC34A none repeat scroll 0 0;} .color-lime {background:#CDDC39 none repeat scroll 0 0;} .color-yellow {background:#FFEB3B none repeat scroll 0 0;} .color-amber {background:#FFC107 none repeat scroll 0 0;} .color-grey {background:#9E9E9E none repeat scroll 0 0;} .color-darkgrey {background:#444444 none repeat scroll 0 0;} .color-mignightblack {background:#222222 none repeat scroll 0 0;} .color-black {background:#000 none repeat scroll 0 0;} .color-white {background:#FFF none repeat scroll 0 0;} /** header top text color **/ .font_turquoise .tl-phones a, .font_turquoise .tl-social a { color: #1abc9c;} .font_greensea .tl-phones a, .font_greensea .tl-social a{color:#16a085;} .font_sunflower .tl-phones a, .font_sunflower .tl-social a {color:#f1c40f;} .font_orange .tl-phones a, .font_orange .tl-social a {color:#f39c12;} .font_emrald .tl-phones a, .font_emrald .tl-social a {color:#2ecc71;} .font_nephritis .tl-phones a, .font_nephritis .tl-social a {color:#27ae60;} .font_carrot .tl-phones a, .font_carrot .tl-social a{color:#e67e22;} .font_pumpkin .tl-phones a, .font_pumpkin .tl-social a{color:#d35400;} .font_peterriver .tl-phones a, .font_peterriver .tl-social a {color:#3498db;} .font_belizehole .tl-phones a, .font_belizehole .tl-social a {color:#2980b9;} .font_alizarin .tl-phones a, .font_alizarin .tl-social a{color:#e74c3c;} .font_pomegranate .tl-phones a, .font_pomegranate .tl-social a {color:#c0392b;} .font_amethyst .tl-phones a, .font_amethyst .tl-social a{color:#9b59b6;} .font_wisteria .tl-phones a, .font_wisteria .tl-social a{color:#8e44ad;} .font_cloud .tl-phones a, .font_cloud .tl-social a{color:#ecf0f1;} .font_silver .tl-phones a, .font_silver .tl-social a {color:#bdc3c7;} .font_wetasphalt .tl-phones a, .font_wetasphalt .tl-social a {color:#34495e;} .font_midnightblue .tl-phones a, .font_midnightblue .tl-social a {color:#2c3e50;} .font_concrete .tl-phones a, .font_concrete .tl-social a {color:#95a5a6;} .font_asbestos .tl-phones a, .font_asbestos .tl-social a{color:#7f8c8d;} .font_cyan .tl-phones a, .font_cyan .tl-social a{color:#00BCD4;} .font_brown .tl-phones a, .font_brown .tl-social a{color:#795548;} .font_teal .tl-phones a, .font_teal .tl-social a{color:#009688;} .font_grey .tl-phones a, .font_grey .tl-social a {color:#9E9E9E;} .font_green .tl-phones a, .font_green .tl-social a {color:#4CAF50;} .font_lightgreen .tl-phones a, .font_lightgreen .tl-social a {color:#8BC34A;} .font_lime .tl-phones a, .font_lime .tl-social a {color:#CDDC39;} .font_yellow .tl-phones a, .font_yellow .tl-social a{color:#FFEB3B;} .font_amber .tl-phones a, .font_amber .tl-social a{color:#FFC107;} .font_grey .tl-phones a, .font_grey .tl-social a{color:#9E9E9E;} .font_darkgrey .tl-phones a, .font_darkgrey .tl-social a{color:#444444;} .font_mignightblack .tl-phones a, .font_mignightblack .tl-social a{color:#222222;} .font_black .tl-phones a, .font_black .tl-social a{color:#000;} .font_white .tl-phones a, .font_white .tl-social a{color:#FFF;} /** header bottom background-color .navbar.navbar-default .dropdown-menu li > a **/ .color-turquoise .navbar, .color-turquoise .navbar.navbar-default { background: #1abc9c none repeat scroll 0 0;} .color-greensea .navbar, .color-greensea .navbar.navbar-default{background:#16a085 none repeat scroll 0 0;} .color-sunflower .navbar, .color-sunflower .navbar.navbar-default{background:#f1c40f none repeat scroll 0 0;} .color-orange .navbar, .color-orange .navbar.navbar-default{background:#f39c12 none repeat scroll 0 0;} .color-emrald .navbar, .color-emrald .navbar.navbar-default{background:#2ecc71 none repeat scroll 0 0;} .color-nephritis .navbar, .color-nephritis .navbar.navbar-default{background:#27ae60 none repeat scroll 0 0;} .color-carrot .navbar, .color-carrot .navbar.navbar-default{background:#e67e22 none repeat scroll 0 0;} .color-pumpkin .navbar, .color-pumpkin .navbar.navbar-default{background:#d35400 none repeat scroll 0 0;} .color-peterriver .navbar, .color-peterriver .navbar.navbar-default{background:#3498db none repeat scroll 0 0;} .color-belizehole .navbar, .color-belizehole .navbar.navbar-default{background:#2980b9 none repeat scroll 0 0;} .color-alizarin .navbar, .color-alizarin .navbar.navbar-default{background:#e74c3c none repeat scroll 0 0;} .color-pomegranate .navbar, .color-pomegranate .navbar.navbar-default{background:#c0392b none repeat scroll 0 0;} .color-amethyst .navbar, .color-amethyst .navbar.navbar-default{background:#9b59b6 none repeat scroll 0 0;} .color-wisteria .navbar, .color-wisteria .navbar.navbar-default{background:#8e44ad none repeat scroll 0 0;} .color-cloud .navbar, .color-cloud .navbar.navbar-default{background:#ecf0f1 none repeat scroll 0 0;} .color-silver .navbar, .color-silver .navbar.navbar-default{background:#bdc3c7 none repeat scroll 0 0;} .color-wetasphalt .navbar, .color-wetasphalt .navbar.navbar-default{background:#34495e none repeat scroll 0 0;} .color-midnightblue .navbar, .color-midnightblue .navbar.navbar-default{background:#2c3e50 none repeat scroll 0 0;} .color-concrete .navbar, .color-concrete .navbar.navbar-default{background:#95a5a6 none repeat scroll 0 0;} .color-asbestos .navbar, .color-asbestos .navbar.navbar-default{background:#7f8c8d none repeat scroll 0 0;} .color-cyan .navbar, .color-cyan .navbar.navbar-default{background:#00BCD4 none repeat scroll 0 0;} .color-brown .navbar, .color-brown .navbar.navbar-default{background:#795548 none repeat scroll 0 0;} .color-teal .navbar, .color-teal .navbar.navbar-default{background:#009688 none repeat scroll 0 0;} .color-grey .navbar, .color-grey .navbar.navbar-default{background:#9E9E9E none repeat scroll 0 0;} /*.color-green .navbar, .color-green .navbar.navbar-default{background:#4CAF50 none repeat scroll 0 0;}*/ .color-lightgreen .navbar, .color-lightgreen .navbar.navbar-default{background:#8BC34A none repeat scroll 0 0;} .color-lime .navbar, .color-lime .navbar.navbar-default{background:#CDDC39 none repeat scroll 0 0;} .color-yellow .navbar, .color-yellow .navbar.navbar-default{background:#FFEB3B none repeat scroll 0 0;} .color-amber .navbar, .color-amber .navbar.navbar-default{background:#FFC107 none repeat scroll 0 0;} .color-grey .navbar, .color-grey .navbar.navbar-default{background:#9E9E9E none repeat scroll 0 0;} .color-darkgrey .navbar, .color-darkgrey .navbar.navbar-default{background:#444444 none repeat scroll 0 0;} .color-mignightblack .navbar, .color-mignightblack .navbar.navbar-default{background:#222222 none repeat scroll 0 0;} .color-black .navbar, .color-black .navbar.navbar-default{background:#000 none repeat scroll 0 0;} .color-white .navbar, .color-white .navbar.navbar-default{background:#FFF none repeat scroll 0 0;} /** dropdown menu **/ /** header bottom text color **/ .font_turquoise .navbar, .font_turquoise .navbar.navbar-default, .font_turquoise .nav-searchicon > a { color: #1abc9c;} .font_greensea .navbar, .font_greensea .navbar.navbar-default, .font_greensea .nav-searchicon > a{color:#16a085;} .font_sunflower .navbar, .font_sunflower .navbar.navbar-default, .font_sunflower .nav-searchicon > a {color:#f1c40f;} .font_orange .navbar, .font_orange .navbar.navbar-default, .font_orange .nav-searchicon > a {color:#f39c12;} .font_emrald .navbar, .font_emrald .navbar.navbar-default , .font_emrald .nav-searchicon > a{color:#2ecc71;} .font_nephritis .navbar, .font_nephritis .navbar.navbar-default, .font_nephritis .nav-searchicon > a {color:#27ae60;} .font_carrot .navbar, .font_carrot .navbar.navbar-default, .font_carrot .nav-searchicon > a{color:#e67e22;} .font_pumpkin .navbar, .font_pumpkin .navbar.navbar-default, .font_pumpkin .nav-searchicon > a{color:#d35400;} .font_peterriver .navbar, .font_peterriver .navbar.navbar-default, .font_peterriver .nav-searchicon > a{color:#3498db;} .font_belizehole .navbar, .font_belizehole .navbar.navbar-default, .font_belizehole .nav-searchicon > a {color:#2980b9;} .font_alizarin .navbar, .font_alizarin .navbar.navbar-default, .font_alizarin .nav-searchicon > a{color:#e74c3c;} .font_pomegranate .navbar, .font_pomegranate .navbar.navbar-default, .font_pomegranate .nav-searchicon > a {color:#c0392b;} .font_amethyst .navbar, .font_amethyst .navbar.navbar-default, .font_amethyst .nav-searchicon > a{color:#9b59b6;} .font_wisteria .navbar, .font_wisteria .navbar.navbar-default, .font_wisteria .nav-searchicon > a{color:#8e44ad;} .font_cloud .navbar, .font_cloud .navbar.navbar-default, .font_cloud .nav-searchicon > a{color:#ecf0f1;} .font_silver .navbar, .font_silver .navbar.navbar-default, .font_silver .nav-searchicon > a {color:#bdc3c7;} .font_wetasphalt .navbar, .font_wetasphalt .navbar.navbar-default, .font_wetasphalt .nav-searchicon > a {color:#34495e;} .font_midnightblue .navbar, .font_midnightblue .navbar.navbar-default, .font_midnightblue .nav-searchicon > a{color:#2c3e50;} .font_concrete .navbar, .font_concrete .navbar.navbar-default, .font_concrete .nav-searchicon > a {color:#95a5a6;} .font_asbestos .navbar, .font_asbestos .navbar.navbar-default, .font_asbestos .nav-searchicon > a{color:#7f8c8d;} .font_cyan .navbar, .font_cyan .navbar.navbar-default, .font_cyan .nav-searchicon > a{color:#00BCD4;} .font_brown .navbar, .font_brown .navbar.navbar-default, .font_brown .nav-searchicon > a{color:#795548;} .font_teal .navbar, .font_teal .navbar.navbar-default, .font_teal .nav-searchicon > a{color:#009688;} .font_grey .navbar, .font_grey .navbar.navbar-default, .font_grey .nav-searchicon > a {color:#9E9E9E;} .font_green .navbar, .font_green .navbar.navbar-default, .font_green .nav-searchicon > a {color:#4CAF50;} .font_lightgreen .navbar, .font_lightgreen .navbar.navbar-default, .font_lightgreen .nav-searchicon > a {color:#8BC34A;} .font_lime .navbar, .font_lime .navbar.navbar-default, .font_lime .nav-searchicon > a {color:#CDDC39;} .font_yellow .navbar, .font_yellow .navbar.navbar-default, .font_yellow .nav-searchicon > a{color:#FFEB3B;} .font_amber .navbar, .font_amber .navbar.navbar-default, .font_amber .nav-searchicon > a{color:#FFC107;} .font_grey .navbar, .font_grey .navbar.navbar-default, .font_grey .nav-searchicon > a{color:#9E9E9E;} .font_darkgrey .navbar, .font_darkgrey .navbar.navbar-default, .font_darkgrey .nav-searchicon > a{color:#444444;} .font_mignightblack .navbar, .font_mignightblack .navbar.navbar-default, .font_mignightblack .nav-searchicon > a{color:#222222;} .font_black .navbar, .font_black .navbar.navbar-default, .font_black .nav-searchicon > a{color:#000;} .font_white .navbar, .font_white .navbar.navbar-default, .font_white .nav-searchicon > a{color:#FFF;} /** footer middle background-color **/ .color-turquoise .tl-corporate-footer-s1.footer-middle, .color-turquoise .tl-corporate-footer-s1.footer-bottom { background: #1abc9c none repeat scroll 0 0;} .color-greensea .tl-corporate-footer-s1.footer-middle, .color-greensea .tl-corporate-footer-s1.footer-bottom{background:#16a085 none repeat scroll 0 0;} .color-sunflower .tl-corporate-footer-s1.footer-middle, .color-sunflower .tl-corporate-footer-s1.footer-bottom{background:#f1c40f none repeat scroll 0 0;} .color-orange .tl-corporate-footer-s1.footer-middle, .color-orange .tl-corporate-footer-s1.footer-bottom{background:#f39c12 none repeat scroll 0 0;} .color-emrald .tl-corporate-footer-s1.footer-middle, .color-emrald .tl-corporate-footer-s1.footer-bottom{background:#2ecc71 none repeat scroll 0 0;} .color-nephritis .tl-corporate-footer-s1.footer-middle, .color-nephritis .tl-corporate-footer-s1.footer-bottom{background:#27ae60 none repeat scroll 0 0;} .color-carrot .tl-corporate-footer-s1.footer-middle, .color-carrot .tl-corporate-footer-s1.footer-bottom{background:#e67e22 none repeat scroll 0 0;} .color-pumpkin .tl-corporate-footer-s1.footer-middle, .tl-corporate-footer-s1.color-pumpkin .footer-bottom{background:#d35400 none repeat scroll 0 0;} .color-peterriver .tl-corporate-footer-s1.footer-middle, .color-peterriver .tl-corporate-footer-s1.footer-bottom{background:#3498db none repeat scroll 0 0;} .color-belizehole .tl-corporate-footer-s1.footer-middle, .color-belizehole .tl-corporate-footer-s1.footer-bottom{background:#2980b9 none repeat scroll 0 0;} .color-alizarin .tl-corporate-footer-s1.footer-middle, .color-alizarin .tl-corporate-footer-s1.footer-bottom{background:#e74c3c none repeat scroll 0 0;} .color-pomegranate .tl-corporate-footer-s1.footer-middle, .color-pomegranate .tl-corporate-footer-s1.footer-bottom{background:#c0392b none repeat scroll 0 0;} .color-amethyst .tl-corporate-footer-s1.footer-middle, .color-amethyst .tl-corporate-footer-s1.footer-bottom{background:#9b59b6 none repeat scroll 0 0;} .color-wisteria .tl-corporate-footer-s1.footer-middle, .color-wisteria .tl-corporate-footer-s1.footer-bottom{background:#8e44ad none repeat scroll 0 0;} .color-cloud .tl-corporate-footer-s1.footer-middle, .color-cloud .tl-corporate-footer-s1.footer-bottom{background:#ecf0f1 none repeat scroll 0 0;} .color-silver .tl-corporate-footer-s1.footer-middle, .color-silver .tl-corporate-footer-s1.footer-bottom{background:#bdc3c7 none repeat scroll 0 0;} .color-wetasphalt .tl-corporate-footer-s1.footer-middle, .color-wetasphalt .tl-corporate-footer-s1.footer-bottom{background:#34495e none repeat scroll 0 0;} .color-midnightblue .tl-corporate-footer-s1.footer-middle, .tl-corporate-footer-s1.color-midnightblue .footer-bottom{background:#2c3e50 none repeat scroll 0 0;} .color-concrete .tl-corporate-footer-s1.footer-middle, .color-concrete .tl-corporate-footer-s1.footer-bottom{background:#95a5a6 none repeat scroll 0 0;} .color-asbestos .tl-corporate-footer-s1.footer-middle, .color-asbestos .tl-corporate-footer-s1.footer-bottom{background:#7f8c8d none repeat scroll 0 0;} .color-cyan .tl-corporate-footer-s1.footer-middle, .color-cyan .tl-corporate-footer-s1.footer-bottom{background:#00BCD4 none repeat scroll 0 0;} .color-brown .tl-corporate-footer-s1.footer-middle, .color-brown .tl-corporate-footer-s1.footer-bottom{background:#795548 none repeat scroll 0 0;} .color-teal .tl-corporate-footer-s1.footer-middle, .color-teal .tl-corporate-footer-s1.footer-bottom{background:#009688 none repeat scroll 0 0;} .color-grey .tl-corporate-footer-s1.footer-middle, .color-grey .tl-corporate-footer-s1.footer-bottom{background:#9E9E9E none repeat scroll 0 0;} .color-green .tl-corporate-footer-s1.footer-middle, .color-green .tl-corporate-footer-s1.footer-bottom{background:#4CAF50 none repeat scroll 0 0;} .color-lightgreen .tl-corporate-footer-s1.footer-middle, .color-lightgreen .tl-corporate-footer-s1.footer-bottom{background:#8BC34A none repeat scroll 0 0;} .color-lime .tl-corporate-footer-s1.footer-middle, .color-lime .tl-corporate-footer-s1.footer-bottom{background:#CDDC39 none repeat scroll 0 0;} .color-yellow .tl-corporate-footer-s1.footer-middle, .color-yellow .tl-corporate-footer-s1.footer-bottom{background:#FFEB3B none repeat scroll 0 0;} .color-amber .tl-corporate-footer-s1.footer-middle, .color-amber .tl-corporate-footer-s1.footer-bottom{background:#FFC107 none repeat scroll 0 0;} .color-grey .tl-corporate-footer-s1.footer-middle, .color-grey .tl-corporate-footer-s1.footer-bottom{background:#9E9E9E none repeat scroll 0 0;} .color-darkgrey .tl-corporate-footer-s1.footer-middle, .color-darkgrey .tl-corporate-footer-s1.footer-bottom{background:#444444 none repeat scroll 0 0;} .color-mignightblack .tl-corporate-footer-s1.footer-middle, .tl-corporate-footer-s1.color-mignightblack .footer-bottom{background:#222222 none repeat scroll 0 0;} .color-black .tl-corporate-footer-s1.footer-middle, .color-black .tl-corporate-footer-s1.footer-bottom{background:#000 none repeat scroll 0 0;} .color-white .tl-corporate-footer-s1.footer-middle, .color-white .tl-corporate-footer-s1.footer-bottom{background:#FFF none repeat scroll 0 0;} /** footer middle text color **/ .tl-corporate-footer-s1 .font_turquoise .widget a, .tl-corporate-footer-s1 .font_turquoise .widget-title, .tl-corporate-footer-s1 .font_turquoise, .tl-corporate-footer-s1 .font_turquoise li span, .tl-corporate-footer-s1 .font_turquoise li , .tl-corporate-footer-s1 .site-info.font_turquoise, .tl-corporate-footer-s1 .site-info.font_turquoise a { color: #1abc9c;} .tl-corporate-footer-s1 .font_greensea .widget a, .tl-corporate-footer-s1 .font_greensea .widget-title, .tl-corporate-footer-s1 .font_greensea, .tl-corporate-footer-s1 .font_greensea li span, .tl-corporate-footer-s1 .font_greensea li , .tl-corporate-footer-s1 .site-info.font_greensea, .tl-corporate-footer-s1 .site-info.font_greensea a {color:#16a085;} .tl-corporate-footer-s1 .font_sunflower .widget a, .tl-corporate-footer-s1 .font_sunflower .widget-title, .tl-corporate-footer-s1 .font_sunflower, .tl-corporate-footer-s1 .font_sunflower li span, .tl-corporate-footer-s1 .font_sunflower li , .tl-corporate-footer-s1 .site-info.font_sunflower, .tl-corporate-footer-s1 .site-info.font_sunflower a {color:#f1c40f;} .tl-corporate-footer-s1 .font_orange .widget a, .tl-corporate-footer-s1 .font_orange .widget-title, .tl-corporate-footer-s1 .font_orange, .tl-corporate-footer-s1 .font_orange li span, .tl-corporate-footer-s1 .font_orange li , .tl-corporate-footer-s1 .site-info.font_orange, .tl-corporate-footer-s1 .site-info.font_orange a{color:#f39c12;} .tl-corporate-footer-s1 .font_emrald .widget a, .tl-corporate-footer-s1 .font_emrald .widget-title, .tl-corporate-footer-s1 .font_emrald, .tl-corporate-footer-s1 .font_emrald li sapn, .tl-corporate-footer-s1 .font_emrald li , .tl-corporate-footer-s1 .site-info.font_emrald, .tl-corporate-footer-s1 .site-info.font_emrald a{color:#2ecc71;} .tl-corporate-footer-s1 .font_nephritis .widget a, .tl-corporate-footer-s1 .font_nephritis .widget-title, .tl-corporate-footer-s1 .font_nephritis, .tl-corporate-footer-s1 .font_nephritis li span, .tl-corporate-footer-s1 .font_nephritis li, .tl-corporate-footer-s1 .site-info.font_nephritis, .tl-corporate-footer-s1 .site-info.font_nephritis a{color:#27ae60;} .tl-corporate-footer-s1 .font_carrot .widget a, .tl-corporate-footer-s1 .font_carrot .widget-title, .tl-corporate-footer-s1 .font_carrot, .tl-corporate-footer-s1 .font_carrot li span, .tl-corporate-footer-s1 .font_carrot li , .tl-corporate-footer-s1 .site-info.font_carrot, .tl-corporate-footer-s1 .site-info.font_carrot a{color:#e67e22;} .tl-corporate-footer-s1 .font_pumpkin .widget a, .tl-corporate-footer-s1 .font_pumpkin .widget-title, .tl-corporate-footer-s1 .font_pumpkin, .tl-corporate-footer-s1 .font_pumpkin li span, .tl-corporate-footer-s1 .font_pumpkin li, .tl-corporate-footer-s1 .site-info.font_pumpkin, .tl-corporate-footer-s1 .site-info.font_pumpkin a{color:#d35400;} .tl-corporate-footer-s1 .font_peterriver .widget a, .tl-corporate-footer-s1 .font_peterriver .widget-title, .tl-corporate-footer-s1 .font_peterriver, .tl-corporate-footer-s1 .font_peterriver li span, .tl-corporate-footer-s1 .font_peterriver li , .tl-corporate-footer-s1 .site-info.font_peterriver, .tl-corporate-footer-s1 .site-info.font_peterriver a{color:#3498db;} .tl-corporate-footer-s1 .font_belizehole .widget a, .tl-corporate-footer-s1 .font_belizehole .widget-title, .tl-corporate-footer-s1 .font_belizehole, .tl-corporate-footer-s1 .font_belizehole li span, .tl-corporate-footer-s1 .font_belizehole li, .tl-corporate-footer-s1 .site-info.font_belizehole, .tl-corporate-footer-s1 .site-info.font_belizehole a{color:#2980b9;} .tl-corporate-footer-s1 .font_alizarin .widget a, .tl-corporate-footer-s1 .font_alizarin .widget-title, .tl-corporate-footer-s1 .font_alizarin, .tl-corporate-footer-s1 .font_alizarin li span, .tl-corporate-footer-s1 .font_alizarin li , .tl-corporate-footer-s1 .site-info.font_alizarin, .tl-corporate-footer-s1 .site-info.font_alizarin a{color:#e74c3c;} .tl-corporate-footer-s1 .font_pomegranate .widget a, .tl-corporate-footer-s1 .font_pomegranate .widget-title, .tl-corporate-footer-s1 .font_pomegranate, .tl-corporate-footer-s1 .font_pomegranate li span, .tl-corporate-footer-s1 .font_pomegranate li , .tl-corporate-footer-s1 .site-info.font_pomegranate, .tl-corporate-footer-s1 .site-info.font_pomegranate a{color:#c0392b;} .tl-corporate-footer-s1 .font_amethyst .widget a, .tl-corporate-footer-s1 .font_amethyst .widget-title, .tl-corporate-footer-s1 .font_amethyst, .tl-corporate-footer-s1 .font_amethyst li span, .tl-corporate-footer-s1 .font_amethyst li , .tl-corporate-footer-s1 .site-info.font_amethyst, .tl-corporate-footer-s1 .site-info.font_amethyst a{color:#9b59b6;} .tl-corporate-footer-s1 .font_wisteria .widget a, .tl-corporate-footer-s1 .font_wisteria .widget-title, .tl-corporate-footer-s1 .font_wisteria, .tl-corporate-footer-s1 .font_wisteria li span, .tl-corporate-footer-s1 .font_wisteria li, .tl-corporate-footer-s1 .site-info.font_wisteria, .tl-corporate-footer-s1 .site-info.font_wisteria a{color:#8e44ad;} .tl-corporate-footer-s1 .font_cloud .widget a, .tl-corporate-footer-s1 .font_cloud .widget-title, .tl-corporate-footer-s1 .font_cloud, .tl-corporate-footer-s1 .font_cloud li span , .tl-corporate-footer-s1 .font_cloud li, .tl-corporate-footer-s1 .site-info.font_cloud, .tl-corporate-footer-s1 .site-info.font_cloud a{color:#ecf0f1;} .tl-corporate-footer-s1 .font_silver .widget a, .tl-corporate-footer-s1 .font_silver .widget-title, .tl-corporate-footer-s1 .font_silver, .tl-corporate-footer-s1 .font_silver li span, .tl-corporate-footer-s1 .font_silver li, .tl-corporate-footer-s1 .site-info.font_silver, .tl-corporate-footer-s1 .site-info.font_silver a{color:#bdc3c7;} .tl-corporate-footer-s1 .font_wetasphalt .widget a, .tl-corporate-footer-s1 .font_wetasphalt .widget-title, .tl-corporate-footer-s1 .font_wetasphalt, .tl-corporate-footer-s1 .font_wetasphalt li span, .tl-corporate-footer-s1 .font_wetasphalt li, .tl-corporate-footer-s1 .site-info.font_wetasphalt, .tl-corporate-footer-s1 .site-info.font_wetasphalt a{color:#34495e;} .tl-corporate-footer-s1 .font_midnightblue .widget a, .tl-corporate-footer-s1 .font_midnightblue .widget-title, .tl-corporate-footer-s1 .font_midnightblue, .tl-corporate-footer-s1 .font_midnightblue li span, .tl-corporate-footer-s1 .font_midnightblue li, .tl-corporate-footer-s1 .site-info.font_midnightblue, .tl-corporate-footer-s1 .site-info.font_midnightblue a{color:#2c3e50;} .tl-corporate-footer-s1 .font_concrete .widget a, .tl-corporate-footer-s1 .font_concrete .widget-title, .tl-corporate-footer-s1 .font_concrete, .tl-corporate-footer-s1 .font_concrete li span, .tl-corporate-footer-s1 .font_concrete li, .tl-corporate-footer-s1 .site-info.font_concrete, .tl-corporate-footer-s1 .site-info.font_concrete a{color:#95a5a6;} .tl-corporate-footer-s1 .font_asbestos .widget a, .tl-corporate-footer-s1 .font_asbestos .widget-title, .tl-corporate-footer-s1 .font_asbestos, .tl-corporate-footer-s1 .font_asbestos li span, .tl-corporate-footer-s1 .font_asbestos li, .tl-corporate-footer-s1 .site-info.font_asbestos, .tl-corporate-footer-s1 .site-info.font_asbestos a{color:#7f8c8d;} .tl-corporate-footer-s1 .font_cyan .widget a, .tl-corporate-footer-s1 .font_cyan .widget-title, .tl-corporate-footer-s1 .font_cyan, .tl-corporate-footer-s1 .font_cyan li span, .tl-corporate-footer-s1 .font_cyan li, .tl-corporate-footer-s1 .site-info.font_cyan, .tl-corporate-footer-s1 .site-info.font_cyan a {color:#00BCD4;} .tl-corporate-footer-s1 .font_brown .widget a, .tl-corporate-footer-s1 .font_brown .widget-title, .tl-corporate-footer-s1 .font_brown, .tl-corporate-footer-s1 .font_brown li span, .tl-corporate-footer-s1 .font_brown li, .tl-corporate-footer-s1 .site-info.font_brown, .tl-corporate-footer-s1 .site-info.font_brown a{color:#795548;} .tl-corporate-footer-s1 .font_teal .widget a, .tl-corporate-footer-s1 .font_teal .widget-title, .tl-corporate-footer-s1 .font_teal, .tl-corporate-footer-s1 .font_teal li span, .tl-corporate-footer-s1 .font_teal li, .tl-corporate-footer-s1 .site-info.font_teal, .tl-corporate-footer-s1 .site-info.font_teal a{color:#009688;} .tl-corporate-footer-s1 .font_grey .widget a, .tl-corporate-footer-s1 .font_grey .widget-title, .tl-corporate-footer-s1 .font_grey, .tl-corporate-footer-s1 .font_grey li span, .tl-corporate-footer-s1 .font_grey li, .tl-corporate-footer-s1 .site-info.font_grey, .tl-corporate-footer-s1 .site-info.font_grey a{color:#9E9E9E;} .tl-corporate-footer-s1 .font_green .widget a, .tl-corporate-footer-s1 .font_green .widget-title, .tl-corporate-footer-s1 .font_green, .tl-corporate-footer-s1 .font_green li span, .tl-corporate-footer-s1 .font_green li, .tl-corporate-footer-s1 .site-info.font_green, .tl-corporate-footer-s1 .site-info.font_green a{color:#4CAF50;} .tl-corporate-footer-s1 .font_lightgreen .widget a, .tl-corporate-footer-s1 .font_lightgreen .widget-title, .tl-corporate-footer-s1 .font_lightgreen, .tl-corporate-footer-s1 .font_lightgreen li span, .tl-corporate-footer-s1 .font_lightgreen li, .tl-corporate-footer-s1 .site-info.font_lightgreen, .tl-corporate-footer-s1 .site-info.font_lightgreen a{color:#8BC34A;} .tl-corporate-footer-s1 .font_lime .widget a, .tl-corporate-footer-s1 .font_lime .widget-title, .tl-corporate-footer-s1 .font_lime, .tl-corporate-footer-s1 .font_lime li span, .tl-corporate-footer-s1 .font_lime li, .tl-corporate-footer-s1 .site-info.font_lime, .tl-corporate-footer-s1 .site-info.font_lime a{color:#CDDC39;} .tl-corporate-footer-s1 .font_yellow .widget a, .tl-corporate-footer-s1 .font_yellow .widget-title, .tl-corporate-footer-s1 .font_yellow, .tl-corporate-footer-s1 .font_yellow li span, .tl-corporate-footer-s1 .font_yellow li, .tl-corporate-footer-s1 .site-info.font_yellow, .tl-corporate-footer-s1 .site-info.font_yellow a{color:#FFEB3B;} .tl-corporate-footer-s1 .font_amber .widget a, .tl-corporate-footer-s1 .font_amber .widget-title, .tl-corporate-footer-s1 .font_amber, .tl-corporate-footer-s1 .font_amber li span, .tl-corporate-footer-s1 .font_amber li, .tl-corporate-footer-s1 .site-info.font_amber, .tl-corporate-footer-s1 .site-info.font_amber a{color:#FFC107;} .tl-corporate-footer-s1 .font_grey .widget a, .tl-corporate-footer-s1 .font_grey .widget-title, .tl-corporate-footer-s1 .font_grey, .tl-corporate-footer-s1 .font_grey li span, .tl-corporate-footer-s1 .font_grey li, .tl-corporate-footer-s1 .site-info.font_grey, .tl-corporate-footer-s1 .site-info.font_grey a{color:#9E9E9E;} .tl-corporate-footer-s1 .font_darkgrey .widget a, .tl-corporate-footer-s1 .font_darkgrey .widget-title, .tl-corporate-footer-s1 .font_darkgrey, .tl-corporate-footer-s1 .font_darkgrey li span, .tl-corporate-footer-s1 .font_darkgrey li, .tl-corporate-footer-s1 .site-info.font_darkgrey, .tl-corporate-footer-s1 .site-info.font_darkgrey a{color:#444444;} .tl-corporate-footer-s1 .font_mignightblack .widget a, .tl-corporate-footer-s1 .font_mignightblack .widget-title, .tl-corporate-footer-s1 .font_mignightblack, .tl-corporate-footer-s1 .font_mignightblack li span, .tl-corporate-footer-s1 .font_mignightblack li, .tl-corporate-footer-s1 .site-info.font_mignightblack, .tl-corporate-footer-s1 .site-info.font_mignightblack a {color:#222222;} .tl-corporate-footer-s1 .font_black .widget a, .tl-corporate-footer-s1 .font_black .widget-title, .tl-corporate-footer-s1 .font_black, .tl-corporate-footer-s1 .font_black li span, .tl-corporate-footer-s1 .font_black li, .tl-corporate-footer-s1 .site-info.font_black, .tl-corporate-footer-s1 .site-info.font_black a {color:#000;} .tl-corporate-footer-s1 .font_white .widget a, .tl-corporate-footer-s1 .font_white .widget-title, .tl-corporate-footer-s1 .font_white, .tl-corporate-footer-s1 .font_white li span, .tl-corporate-footer-s1 .font_white li, .tl-corporate-footer-s1 .site-info.font_white, .tl-corporate-footer-s1 .site-info.font_white a{color:#FFF;} .tl-corporate-footer-s1 .font_turquoise .widget-title::after, { background: #1abc9c;} .tl-corporate-footer-s1 .font_greensea .widget-title::after{ background: #16a085;} .tl-corporate-footer-s1 .font_sunflower .widget-title::after{ background: #f1c40f;} .tl-corporate-footer-s1 .font_orange .widget-title::after{ background:#f39c12; } .tl-corporate-footer-s1 .font_emrald .widget-title::after{ background: #2ecc71;} .tl-corporate-footer-s1 .font_nephritis .widget-title::after{ background: #27ae60;} .tl-corporate-footer-s1 .font_carrot .widget-title::after{ background:#e67e22 } .tl-corporate-footer-s1 .font_pumpkin .widget-title::after{ background: #d35400;} .tl-corporate-footer-s1 .font_peterriver .widget-title::after{ background: #3498db} .tl-corporate-footer-s1 .font_belizehole .widget-title::after{ background:#2980b9; } .tl-corporate-footer-s1 .font_alizarin .widget-title::after { background: #e74c3c;} .tl-corporate-footer-s1 .font_pomegranate .widget-title::after{ background: #c0392b} .tl-corporate-footer-s1 .font_amethyst .widget-title::after{ background: #9b59b6; } .tl-corporate-footer-s1 .font_wisteria .widget-title::after{ background:#8e44ad; } .tl-corporate-footer-s1 .font_cloud .widget-title::after{ background: #ecf0f1;} .tl-corporate-footer-s1 .font_silver .widget-title::after{ background: #bdc3c7;} .tl-corporate-footer-s1 .font_wetasphalt .widget-title::after{ background:#34495e; } .tl-corporate-footer-s1 .font_midnightblue .widget-title::after{ background:#2c3e50; } .tl-corporate-footer-s1 .font_concrete .widget-title::after{ background: #95a5a6;} .tl-corporate-footer-s1 .font_asbestos .widget-title::after{ background:#7f8c8d; } .tl-corporate-footer-s1 .font_cyan .widget-title:after { background:#00BCD4; } .tl-corporate-footer-s1 .font_brown .widget-title::after{ background: #795548;} .tl-corporate-footer-s1 .font_teal .widget-title::after{ background: #009688;} .tl-corporate-footer-s1 .font_grey .widget-title::after{ background: #9E9E9E;} .tl-corporate-footer-s1 .font_green .widget-title::after { background: #4CAF50;} .tl-corporate-footer-s1 .font_lightgreen .widget-title::after{ background:#8BC34A; } .tl-corporate-footer-s1 .font_lime .widget-title::after{ background: #CDDC39} .tl-corporate-footer-s1 .font_yellow .widget-title::after{ background: #FFEB3B;} .tl-corporate-footer-s1 .font_amber .widget-title::after{ background: #FFC107;} .tl-corporate-footer-s1 .font_grey .widget-title::after{ background:#9E9E9E; } .tl-corporate-footer-s1 .font_darkgrey .widget-title::after{ background:#444444; } .tl-corporate-footer-s1 .font_mignightblack .widget-title::after{ background: #222222;} .tl-corporate-footer-s1 .font_black .widget-title::after{ background:#000; } .tl-corporate-footer-s1 .font_white .widget-title::after { background:#FFF; } /**global Style **/ /*** nav nav-navbar style ***/ /**tl-top-navigations---***/ .tl-nav-normal #brand > img { margin-top: -4px;} .tl-phones{font-weight:normal;} .tl-top-naviwrap {padding: 10px 0;} .tl-phones ul, .tl-social ul { margin: 0; padding: 0;} .tl-phones li, .tl-social li {display: inline-block; list-style: outside none none;} .tl-phones a {color: #f3f3f3;padding-right: 20px; font-weight:normal; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-social a { color: #f3f3f3; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-phones a:hover, .tl-social a:hover {color: #00BCD4;text-decoration: none;} .tl-phone i { padding-right: 7px;} .navbar-nav li .dropdown-menu {padding-bottom: 0 !important;padding-top: 0 !important;} .navbar-nav li:hover .dropdown-menu {display: block;} .tl-nav-normal .navbar .dropdown-menu li > a, .navbar.navbar-default .dropdown-menu li > a { background: #00bcd4!important; font-size: 14px!important; color:#FFF; transition: -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 8px 16px!important; } .navbar-nav .dropdown .dropdown-menu li a:hover {background:#FFF!important;color: #333!important;} .tl-nav-normal .navbar .dropdown-menu li > a, .navbar.navbar-default .dropdown-menu li > a { font-size: 13px; transition: -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;padding: 7px 16px;} .tl-nav-normal .navbar .dropdown-menu .active > a, .navbar.navbar-default .dropdown-menu .active > a{background: #00bcd4; color: #fff;} .tl-nav-normal .navbar .dropdown-menu li > a:focus{background: #00bcd4; color: #fff;} .nav-searchicon > a {color: #fff;} .tl-nav-normal .navbar-nav { padding-right: 26px;} .tl-croporate-nav-inner { position: relative;} .nav-searchicon {position: absolute;right: -18px;top: 0;} .nav-searchicon > a {display: block;line-height: 30px;padding: 15px 10px;} .tl-nav-normal .navbar-nav > li > a { font-weight: 600; text-transform: uppercase;} .tl-nav-normal .navbar-brand {padding-top: 12px;} /*** nav nav-navbar style ***/ /*** footer style start ***/ /*** middle and top ***/ .widgettitle { position: relative;} .tl-corporate-footer-s1 .widget input.form-control { color: #fff;} .tl-corporate-footer-s1.footer-top, .tl-corporate-footer-s1.footer-middle { color: #ffffff;font-size: 1.4rem; font-weight: 400;} .tl-corporate-footer-s1 .widgettitle {color: #eee;font-size: 16px;font-weight: 500;text-transform: uppercase; padding-bottom: 10px;} .widgettitle::after { background: #00bcd4 none repeat scroll 0 0; bottom: 0; content: "";height: 2px;left: 0;position: absolute;width: 60px;} .widget-title { position: relative;} .tl-corporate-footer-s1 .widget-title { color: #f2a61f; font-size: 1.8rem; font-weight: 600; margin-bottom: 25px; margin-top: 0; position: relative; text-transform: uppercase;} .tagcloud > a {color: #ddd;} .tl-corporate-footer-s1 .widget a { color: #FFF;} .widget_recent_entries .post-date {color: #ccc;display: block; font-size: 12px;padding-left: 8px; text-align: left;} .footer-top .social { margin: 0; padding: 0;} .footer-top .social > li { display: inline-block; list-style: outside none none;} .footerlogo > h3 { color: #eee; font-weight: 300;} .tl-corporate-footer-s1 .btn:focus:not(.btn-raised):not(.btn-link), .tl-corporate-footer-s1 .btn:hover:not(.btn-raised):not(.btn-link), .tl-corporate-footer-s1 .input-group-btn .btn:focus:not(.btn-raised):not(.btn-link), .tl-corporate-footer-s1 .input-group-btn .btn:hover:not(.btn-raised):not(.btn-link) {background-color: #00bcd4!important;} .footer-middle .btn-fab-mini {position: absolute!important;top: 22px; right: 0; background: transparent!important; color: #fff!important;} .tl-corporate-footer-s1 .list-group .list-group-item .row-content { display: inline-block; min-height: 24px!important; width: calc(100% - 92px);} .tl-corporate-footer-s1 .list-group .list-group-item .row-action-primary i, .tl-corporate-footer-s1 .list-group .list-group-item .row-picture i { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;border-radius: 100%; color: #fff; font-size: 20px; line-height: 36px;text-align: center; height: 36px;width: 36px;} .tl-corporate-footer-s1 .list-group .list-group-item { margin-bottom: 3%;} .widget a:hover {color: #00bcd4;} #text-3 .textwidget button { position: relative; top: -4px;} /**popular Post ***/ .widget.widget_recent_entries a {line-height: 2rem; } .widget.widget_recent_entries a:hover {color: #f2a61f; background: none;} .widget.widget_recent_entries a {padding: 7px;} .tagcloud .tag-link-position-3 {color: #00bcd4 !important;font-weight: 500;font-size: 24px !important;} /**popular Post ***/ /**copyright**/ .footer-bottom.tl-footer-copyright { /*padding: 10px 0;*/ padding: 0px 0;} .tl-footer-copyright .copy-right ul { margin: 0;padding: 0; text-align: right;} .tl-footer-copyright .copy-right li { display: inline-block; padding: 0;} .tl-corporate-footer-s1 .copyright {margin-bottom: 0; color: #bdbdbd;} .tl-corporate-footer-s1 .site-info {color: #ccc; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-corporate-footer-s1 .site-info a {color: #ccc;} .tl-corporate-footer-s1 .site-info a:hover {color: #00bcd4;} .tl-footer-copyright .copy-right ul li a { color: #778c90; padding: 0 6px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-footer-copyright .copy-right ul li a:hover { color: #00bcd4;} /*** footer style End ***/ /***header search modal *****/ .tl-navigation-search-modal .modal-dialog { padding-top: 8%;} .tl-navigation-search-modal .modal { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;} .tl-navigation-search-modal .modal-header { background: darkturquoise none repeat scroll 0 0; color: #fff; padding: 3%;} .tl-navigation-search-modal .modal-body .form-group { margin-top: 8px;} .tl-navigation-search-modal .modal-body .search-submit { background: #eaeaea none repeat scroll 0 0; color: #333;} .tl-navigation-search-modal .modal-body .search-submit:hover { background: #000 none repeat scroll 0 0!important; color: #FFF;} .tl-navigation-search-modal .modal-body label { width: 100%;} .tl-navigation-search-modal .search-submit { padding: 8px 16px;} /***header search *****/ /** footer Style Start ***/ /** footer Style End ***/ /** fixed slider start ***/ .tl-slider-fix-back2 { text-align: center; color:#FFF; padding-top:10%;} .tl-slider-fix-back2 h1 { font-size: 5rem; font-weight: 700;} .tl-slider-fix-back2 strong { color: #00bcd4;} .tl-slider-fix-back2 p { color: #ccc; font-size: 14px;font-weight: normal;} .tl-slider-fix-back2 .btn {border: 1px solid #00bcd4; color: #fff !important; background: #00bcd4!Important;} .tl-slider-fix-back2 .btn:hover {background: #000!important; border: 1px solid #000; color: #fff !important;} /** fixed slider End ***/ /***slider style start ****/ .tl-slider-slide h2 { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; display: inline-block; font-size: 34px; padding: 5px 15px;text-transform: uppercase; vertical-align: top;} .tl-slider-slide h2 > strong {font-weight: 700;} .tl-header-text .btn {background: #00bcd4 none repeat scroll 0 0 !important;color: #fff !important; margin-top:2%;} .tl-header-text .btn:hover {background: #000 none repeat scroll 0 0 !important;color: #fff !important;} .tl-header-text .btn i{padding-right:6px;} .tl-slider-slide.tl-full-slider .carousel-control.left span, .tl-slider-slide.tl-full-slider .carousel-control.right span {background-color: rgba(0, 0, 0, 0.5);height: 70px;width: 70px;line-height: 70px;} .tl-full-slider .carousel-control.left span:hover, .tl-full-slider:hover .carousel-control.right span, .tl-full-slider:hover .carousel-control.left span {opacity: 1;filter: alpha(opacity=100);color: #00bcd4;} /***slider style start ****/ /***tl-welcome ***/ .tl-welcome-theme h1 {font-size: 30px; font-weight: 700;} .tl-welcome p {padding:1% 20% 6%;} .tl-welcome-theme p {padding:1% 20% 6%;} .tl-welcome-theme .col-lg-3 i { border-radius: 50%; color: #00bcd4; height: 70px; line-height: 70px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 70px; margin: 2%; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10); } .tl-welcome-theme h3 { font-size: 16px; font-weight: 700; margin-bottom:3%;} .tl-welcome-theme .col-lg-3:hover i{background:#00bcd4; color:#fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); font-size: 3.5em;} .tl-welcome-theme .col-lg-3 { border-right: 1px solid #ccc; margin-bottom: 2%;} .tl-welcome-theme .col-lg-3:last-child { border-right: medium none;} /***tl-welcome ***/ /***tl-about us start ***/ .tl-about-us .tl-section-heading {color: #444; font-size: 26px;font-weight: 700; padding-bottom: 1%; position: relative; text-transform: uppercase; padding-left:30px; margin-bottom: 2%; text-align:left;} .tl-about-us .tl-section-heading::after { background: #00bcd4 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 30px; position: absolute; width: 80px;} .tl-about-us strong { color: #777777;} .tl-about-us .btn { background: #00bcd4 none repeat scroll 0 0 !important; color: #fff !important;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-about-us .btn:hover { background: #000 none repeat scroll 0 0 !important; color: #fff !important;} /***tl-about us end ***/ /***tl-testimonials start ***/ .tl-client .tl-section-heading {color: #fff; margin-bottom:0;} .tl-client.dark-bg h4 { color: #ccc; font-size: 13px; text-align: center;} .tl-client .carosual-db-content h5, .tl-client .carosual-db-content { color: #ccc; font-size:13px;} .tl-client.dark-bg .accent { font-size: 4.2rem; letter-spacing: 1rem; line-height: inherit; color:#fff; padding-bottom: 30px; margin-bottom: 30px; position: relative; font-weight: bold; font-style: normal; } .tl-client.dark-bg .accent::after { background-image:url(includes/images/heading-pattern_2.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } /*.tl-client.dark-bg .tl-db-testi { border: 3px solid #00bcd4;}*/ .tl-client.dark-bg .tl-slide-testimonials .carousel-control .glyphicon-chevron-left, .tl-client.dark-bg .tl-slide-testimonials .carousel-control .glyphicon-chevron-right, .tl-client.dark-bg .carousel-control .icon-next, .carousel-control .icon-prev { border: 0; color: #FFF; font-size: 18px; height: 40px; line-height: 40px; margin-top: -10px; width: 40px; border-radius: 50%; background: none; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border:0px;} /***tl-testimonials end ***/ /***tl-portfolio 1 Start ***/ .tl-portfolio .portfolio .label { left: 0 !important;} .tl-portfolio .tl-grid-portfolio-1 { text-align: center;} .tl-portfolio .tl-grid-portfolio-1 #filters { display: block; background-color: #003668; border-radius:0px; padding: 0 15px; vertical-align: top; text-align:center; margin-bottom:0px;} .portfoliolist .portfolio .label-bg{background:#f2a61f;} .tl-grid-portfolio-1 #filters > li { line-height: 36px;} .tl-portfolio .tl-grid-portfolio-1 #filters li span.active { color: #f2a61f !important; border-bottom: solid 3px #f2a61f; background:none !important;} .tl-grid-portfolio-1 #filters > li {font-weight: 600;line-height: 36px; text-transform: uppercase; position:relative;} .tl-grid-portfolio-1 #filters > li::after { background-image: url("includes/images/nav-divider.png"); content: ""; height: 10px; position: absolute; right: -10px; top: 20px; width: 11px; } .tl-grid-portfolio-1 #filters > li:last-child::after {background:none;} .tl-portfolio .tl-grid-portfolio-1 #filters li span {color: rgba(255, 255, 255, 0.8); font-size: 1.1rem;} .tl-portfolio .tl-grid-portfolio-1 #filters li span:hover{background:none !important;color: #f2a61f !important;} .portfolio-wrapper .image-block-folio img{width:100%;} .tl-portfolio #filters { margin-bottom: 0%;} .tl-portfolio .hover-icon-folio i { background: rgb(0, 0, 0) none repeat scroll 0% 0%; display: inline; border-radius: 3px; padding: 6px; color:#f2a61f; } /***tl-portfolio 1 end ***/ /***team 1 end ***/ .team-div-description .team-div { background: #fff none repeat scroll 0 0;} .team-div-description .team-div { background: #fff none repeat scroll 0 0; padding: 0; } /*.team-div-description .team-div{ -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.26); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.26); -ms-box-shadow:-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.26); box-shadow:-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.26);}*/ .team-div-description .team-div { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-bottom:10px;} .team-div-description .social-media-div {padding-bottom: 10px;} .team-div-description .team-div .overlays { width: 100%;} .team-div-description .team-div .overlays .content-overlay {border-radius:0;} .team-div-description .team-div .photo .overlays img { border-radius:0px 0px 0 0; padding: 0px; border-bottom:10px solid #003668;} /* .team-div-description .item { padding: 0 6%;} */ .team-div-description .team-div .social-media-div ul li a {border-radius: 100%; border:1px solid #fff; box-shadow: 1px 2px 2px #D4D4D4;background:none;color: #fff!important; } .team-div-description .team-div .social-media-div ul li a.fb:hover, .team-div-description .team-div .social-media-div ul li a.tw:hover, .team-div-description .team-div .social-media-div ul li a.dri:hover {box-shadow: transparent!important;} .team-div-description .team-div .social-media-div ul li a { border-radius: 0;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26)!important;color:#ccc;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block!important;} .owl-prev:hover, .owl-next:hover {background-color: #00bcd4;color: #FFF;} /***team 1 end ***/ /*** tl-company news Start ***/ .tl-company-news .tl-section-subheading { color: #747474;font-size: 14px; line-height: 1.4em; padding: 0 16%; text-align: center;} .tl-company-news .tl-section-heading { margin-bottom: 0;} .tl-company-news .tl-3col-grid li:hover article {-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .tl-post-footer a {line-height: 50px; font-weight:400;} .post-link-detailspage { background:#00bcd4 none repeat scroll 0 0 !important; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; bottom: -12%; height: 40px; line-height: 40px; padding: 0!important; position: absolute!important; right: 3%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 40px; z-index: 1; } .post-link-detailspage i { font-size: 20px !important;} .post-link-detailspage:hover{background:#00838F none repeat scroll 0 0 !important;} .post-link-detailspage i { color: #fff;} /*** tl-company end ***/ /*** tl-recent client ***/ .tl-recent-client img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.42; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .tl-recent-client img:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); opacity: 1;} .tl-recent-client .owl-nav.disabled { width: 100%;} .tl-recent-client .owl-nav.disabled { display: none !important; width: 100%;} .tl-recent-client .owl-next { float: right;} .tl-recent-client .owl-prev { float:left;} .tl-recent-client .owl-nav { bottom: 0; position: absolute; right: 4px; top: 0;} .tl-recent-client {background: #CFD8DC;} /*** tl-recent client end ***/ /*** tl-business solutions start ***/ .tl-business-solutions { text-align: center;} .tl-business-solutions strong { color: #fff;} .tl-business-solutions p { color: #fff;} .tl-business-solutions h2 {font-weight: 500;} /*** tl-business solutions end ***/ /*** tl-what-we-do Start ***/ .tl-what-we-do h1 { color: #f1f1f1;} .tl-what-we-do { color: #f9f9f9;} .tl-what-we-do p { color: #999;} .tl-what-we-do .tl-section-subheading { color: #ccc; font-size: 14px; text-align: center;} .tl-what-we-do h5 {color: #778c90;font-size: 13px;line-height: 18px;} .tl-what-we-do h3 { font-size: 18px; font-weight: 500;} .tl-what-we-do i { color: darkturquoise; } .tl-what-we-do .what-we-do-block{padding:3% 0;} .tl-what-we-do .what-we-do-block, .tl-what-we-do .what-we-do-block i { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin-bottom:2%; padding: 2% 3%; } .tl-what-we-do .what-we-do-block:hover i {background:rgba(0,188,212,0.5);color: #FFF;} .tl-what-we-do .what-we-do-block:hover h3, .tl-what-we-do .what-we-do-block:hover h5 {color: #FFF;} .tl-what-we-do .what-we-do-block:hover { background:rgba(0,188,212,0.5); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow:0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; transform: scale(1.1); } .tl-what-we-do .what-we-do-block:hover i{transform: scale(0.5) rotateZ(-5deg); } /*** tl-what-we-do End ***/ /*** tl-sidebar start ***/ .tl-cp-sidebar1 .widget a {color: rgb(51, 51, 51); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-cp-sidebar1 .widget a:hover {color:#00bcd4; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .tl-cp-sidebar1 .widget h3 { /* background: #0097a7 none repeat scroll 0 0; */color: #FFF;padding: 10px;position: relative; background:#607d8b; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .tl-cp-sidebar1 .widget { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); background:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .tl-cp-sidebar1 .widget .is-empty { padding: 0 20px;} .tl-cp-sidebar1 .widget_search .search-form > label { width: 100%;} .widget_categories .nav { text-transform: capitalize;} .tl-page-rightsidebar, .tl-page-leftsidebar, .tl-page-fullwidth, .main-content-padding {padding: 2% 0;} /*** tl-sidebar end ***/ /*** tl-sidebar2 Start Normal ***/ .tl-cp-sidebar2 .widget { background: #fff none repeat scroll 0 0; border-radius: 3px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); font-style: normal; } .tl-cp-sidebar2 .widget h3 {background: transparent;border-bottom: 1px solid #ccc; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #333; font-size: 16px; font-weight: 500; padding: 10px; position: relative; margin-bottom: 0; } .tl-cp-sidebar1 .widget a:hover { background: #00bcd4; color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /*** tl-sidebar Normal end ***/ /*** tl-cp-sidebar2 before content ***/ .tl-cp-sidebar2 #categories-2 h3::before { color: #333; content: ""; font-family: "Glyphicons Halflings"; padding-right: 6px;} .tl-cp-sidebar2 #archives-2 .widget-title::before { content: "";font-family: "Glyphicons Halflings"; font-size: 13px; padding-right: 6px;} .tl-cp-sidebar2 #recent-comments-2 h3::before {content: ""; font-family: fontawesome; padding-right: 6px;} .tl-cp-sidebar2 #recent-posts-2 h3::before { color: #333; content: ""; font-family: fontawesome; padding-right: 6px;} .tl-cp-sidebar2 #meta-2 h3::before { color: #333; content: ""; font-family: fontawesome; padding-right: 6px;} /*** tl-cp-sidebar2 before content ***/ /*** 404 start ***/ .tl-page-not-found-90 { text-align: center; } .tl-page-not-found-90 .warning-wrapper > h2 {font-family: open sans; font-size: 10em;font-weight: 500;} .tl-404-page {padding: 2% 0;} .error-404-search .search-submit {background: #00bcd4 none repeat scroll 0 0; color: #fff !important;margin-top: 0;vertical-align: top;} .tl-section-subheading.text-right, .tl-section-subheading.text-left { padding: 0;} .error-404-search .search-submit:hover {background: #000 none repeat scroll 0 0!important; color: #fff !important;} .tl-404-page h1{ background: #FF9800 none repeat scroll 0 0; border-radius: 3px; color: #fff; display: block; padding: 1%;} /*** 404 end ***/ /*** search nothing found Start ***/ .tl-search-nothing-found { text-align: center;} .search-image-wrapper h1 { border-radius: 3px; color: #333; display: inline-block; font-size: 3em; font-weight: 500; padding: 1% 2%;} .search-image i { border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #00bcd4; display: inline-block; font-size: 8em; margin: 4% 0; padding: 3%; text-align: center;} .tl-search-nothing-found .search-submit { background: #00bcd4 none repeat scroll 0 0; color: #fff !important;top: -36px;} .tl-search-nothing-found .search-submit:hover {background: #000 none repeat scroll 0 0!important; color: #fff !important;} .tl-search-nothing-found { background: #fff none repeat scroll 0 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);} /*** Search nothing found End ***/ /*** archive inner post Start ***/ .tl-archive-inner-left .post, .tl-cp-main-search .post { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 3% 4%; } .tl-cp-main-search .type-page, .tl-cp-main-search .type-slider, .tl-cp-main-search .type-team, .tl-cp-main-search .type-gallery, .tl-cp-main-search .testimonial{ -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 3% 4%; } .tl-archive-inner-left h1, .tl-cp-main-search h1 {margin: 2% 0;margin-top: 0; color:#333; font-size: 20px; font-weight: 400;} .tl-archive-inner-left h1.page-title a, .tl-cp-main-search h1.page-title a { color: #333; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .tl-archive-inner-left h1.page-title a:hover, .tl-cp-main-search h1.page-title a:hover {color: #00bcd4; text-decoration:none;} .archive .entry-meta, .search-results .entry-meta {margin-bottom: 2%;} .archive .main-content-inner a, .single-post .main-content-inner a, .search-results .main-content-inner a { color: #00BCD4; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .archive .main-content-inner a:hover, .single-post .main-content-inner a:hover, .search-results .main-content-inner a:hover {color: #212121;text-decoration: none;} .archive .entry-summary p, .search-results .entry-summary p {border-left: solid 2px #ccc;padding-left: 2%;margin-left: 2%;} .tl-archive-inner-left .entry-content-thumbnail, .tl-cp-main-search .entry-content-thumbnail { margin-bottom: 20px;} .archive .posted-on, .archive .entry-meta .cat-links { font-weight: 400; color: #607d8b;} .single-post .posted-on, .single-post .entry-meta .cat-links { font-weight: 400; color: #607d8b;} .archive .posted-on a, .archive .entry-meta .cat-links a, .single-post .posted-on a, .single-post.cat-links a{ font-weight: 300;} .archive .comments-link a {line-height: 16px;margin-left: 1%;box-shadow: 1px 1px 3px rgb(204, 204, 204);color: #212121;padding: 2px 4px;} /*** archive inner post End ***/ /*** Single post Start ***/ .tl-content-single-wrapper { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding: 4%; } .tl-single-entry .entry-meta { margin: 2% 0;} .single #content > em { font-style: normal;} .single .main-content-inner .form-control, .single .main-content-inner .form-group .form-control { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 2%;} .single .widget .search-field.form-control { border: medium none;} .single-post .submit.btn.btn-primary { background: #00bcd4 none repeat scroll 0 0; -webkit-box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); color: #fff; font-size: 14px; font-style: normal; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .single-post .submit.btn.btn-primary:hover{background:#333; color:#FFF;} .single .comment-form-author > input, .single .comment-form-email > input, .single .comment-form-url > input { border: 1px solid #ddd; padding: 1%; width: 100%;} .single .comment-form label { color: #607d8b; font-size: 14px;} .single .posted-on::before { content: ""; font-family: fontawesome; padding-right: 5px;} /*** Single Post End ***/ /*** contact start ***/ .tl-main-outer-wrapper { background: #fff none repeat scroll 0 0;} .contact-info .ci-icons { background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24); color: #ff5252; display: inline-block; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; top: 0; width: 35px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .contact-info li:hover .ci-icons { background:#00bcd4;} .contact-info li:hover .ci-icons i {color:#FFF;} .contact-info .ci-icons i { font-size: 16px; color:#00bcd4;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .contact-info li a, .contact-info li address {color: #757575; font-family: "Roboto",sans-serif;font-size: 13px;font-weight: 400;line-height: 1.7;margin-top: 7px;overflow: hidden;} .contact-info li address {display: inline-block;vertical-align: middle;} .contact-info li {display: block;list-style: outside none none;margin-bottom: 23px;min-height: 35px;padding-left: 55px;position: relative;} .contact-info {margin-bottom: -20px; padding-left: 0;} .g-location {display:block;} .g-location, .tl-google-map{ margin:0 15px;} .map-bottom { margin-top: 4%;} /*** contact End ***/ /*** contact form-7 css style Start ***/ .tl-contact-info-wrapper { margin-top: 4%;} .tl-contact-info-wrapper .wpcf7-form .wpcf7-form-control { background: transparent none repeat scroll 0 0; border: medium none;} .tl-contact-info-wrapper .wpcf7-form label.control-label { font-size: 13px; margin-top: 10px;} .tl-contact-info-wrapper .wpcf7-form .form-group { margin: 11px 0 0;} .tl-contact-title { margin-bottom: 4%; text-align: center;} .tl-contact-title h2 {font-weight: 700; margin-top: 3%; text-transform: uppercase;} .tl-contact-title h5 { color: #757575; font-size: 13px; font-weight: 300; line-height: 1.2em; padding: 0 18%;} .tl-contact-info-wrapper h3 {color: #607d8b; font-size: 18px; font-weight: 700; margin-bottom: 5%;} .tl-google-map {background: darkorange none repeat scroll 0 0; height: 2px; position: relative; z-index:1;} .tl-google-map i { background: #fff none repeat scroll 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); color: #00bcd4; cursor: pointer; font-size: 2.6em; height: 50px; left: 49%; line-height: 52px; position: absolute; text-align: center; top: -24px; width: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tl-google-map i:hover{ transform: scale(1.1) rotate(180deg);} .tl-contact-submit .btn { background: #00bcd4 none repeat scroll 0 0 !important;} .tl-contact-submit input{text-transform:uppercase;} /*** contact form-7 css style End ***/ /*** breadcrump style Start ***/ .tl-page-breadcrumbs { background: rgba(236, 239, 241, 1) none repeat scroll 0 0; margin-bottom: 1%; padding: 2% 0;} .tl-page-breadcrumbs .breadcrumbs a { font-size: 20px;} .tl-page-breadcrumbs .breadcrumbs > span { font-weight: 400;} /*** breadcrump style End ***/ /**** ------------------------------------------------------------------------------------------------------------------------------------------------------- Home Lay out 2 start ----------------------------------------------------------------------------------------------------------------------------------------------------------****/ .tl-services-box { text-align: center;} .tl-services-box h3 { font-weight:700; font-size:16px; min-height:36px;} .Discover-themeline { margin-bottom: 4%;} .Discover-themeline h1 { color: #333; margin-bottom: 10px; text-transform: uppercase;} .Discover-themeline strong { color: #00BCD4; font-weight: 700;} .Discover-themeline h1, .Discover-themeline h4 { text-align: center; font-weight: 300; } .Discover-themeline h1, .Discover-themeline h4 { text-align: center; font-weight: 300; } .tl-services-title strong { color: #00bcd4;font-weight: 700;} .tl-services-title h1 { color: #333; margin-bottom: 10px;} .tl-services-title h1, .tl-services-title h4 { text-align: center; font-weight: 300; } .service-nopad, .service-nopad-btop { border-right: 1px solid #e7e7e7; padding: 3%;} .tl-no-border { border-right: medium none transparent;} .tl-services-title .tl-top-three { border-right: 1px solid #e7e7e7; padding: 20px 30px; text-align: center;} .tl-services-box i { border: 1px solid #e0e0e0; color: #00BCD4; font-size: 2.5em; height: 70px; line-height: 70px; padding: 0 10px; width: 70px;} .tl-services-box > p { min-height: 60px;} .tl-services-box .btn-link { background: rgba(18, 170, 235, 0) none repeat scroll 0 0; border: 1px solid #d2d5d7; color: #7e7c7c; display: inline-block; padding: 4px 10px;} .tl-services-box .btn-link:hover { background: #030303 none repeat scroll 0 0; border: 1px solid #0b0a0a; color: #fff; text-decoration:none;} .service-nopad:hover i, .service-nopad:hover h3, .service-nopad:hover p, .service-nopad:hover .btn-link { color: #FFF;} .service-nopad-btop:hover i, .service-nopad-btop:hover h3, .service-nopad-btop:hover p, .service-nopad-btop:hover .btn-link { color: #FFF;} .service-nopad:hover, .service-nopad-btop:hover { background: #00BCD4 none repeat scroll 0 0;} .service-nopad-btop:hover i, .service-nopad:hover i { background: #04687E none repeat scroll 0 0; border: 1px solid #05f8f8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} .warning-wrapper .form-group.is-empty { margin-top: 0;} /***post slider ***/ .tl-call-2action { background: rgba(0, 0, 0, 0) linear-gradient(135deg, #00BCD4 65%, #16aabc 65%) repeat scroll 0 0; color: #ffffff; padding: 20px 0; text-align: center;} .tl-call-2action h3 { font-size: 18px;font-weight: 500; line-height: 18px;} .tl-call-2action a {background: #000 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; margin-left: 50px; margin-top: 10px; padding: 8px 16px;} .tl-postslide-dark h3 { color: #fff; font-weight: normal; margin-bottom: 4%;} .tl-postslide-dark .btn {background: #00bcd4 none repeat scroll 0 0 !important; color: #fff !important; margin-top: 2%;border: solid 1px #00bcd4;} .tl-postslide-dark .btn:hover { background: #555 none repeat scroll 0 0 !important; color: #fff !important; border: solid 1px #00bcd4;} /***portfolio - dark -layout ****/ .tl-portfolio-dark h1 { color: #fff; font-weight: normal; text-transform: capitalize; font-size:4rem; line-height: 1.3em;} .tl-portfolio-dark h1 > span { color: #00BCD4; font-weight: 700;} /***portfolio - dark -layout ****/ /** skill accrodion toggle start ****/ .tl-skill-1 .accordion-toggle { background: #00bcd4 none repeat scroll 0 0; color: #fff;display: block;font-weight: 500; padding: 10px 14px;} .tl-skill-1 .panel-heading {padding: 0;} .panel-heading .accordion-toggle::after { color: #fff; content: ""; float: right; font-family: "Glyphicons Halflings";} .panel-heading .accordion-toggle.collapsed::after { color: #fff; content: "";} .tl-skill-1 h2 { font-weight: 700;} .tl-skill-1 p { margin-bottom: 4%;} .tl-skill-1 #layout-4 { padding-top: 4%;} .tl-skill-1 .progressText { display: block; padding-bottom: 8px;} /*** skill accrodion toggle End ****/ .call-2-action-dark .btn {color: #fff !important;} .call-2-action-dark .btn:hover {background: #00BCD4 !important;} .tl-blog-normal h4 { text-align: center;} .tl-blog-normal h1 > span { color: #00bcd4; font-weight: 700;} .tl-blog-normal h1 > span { font-weight: normal;} /***tl-normal-blog---****/ .tl-blog-normal .tl-section-heading { font-weight: normal; font-size:30px;} .tl-blog-normal .tl-section-heading span { font-weight: 700;} .tl-blog-normal .tl-section-heading { margin-bottom: 0;} .tl-blog-normal .tl-3col-grid { margin-bottom: 0; padding-bottom: 0;} /***tl-normal-blog---****/ /***contact page *****/ .tl-contact-info-wrapper .wpcf7-form-control-wrap input{ border: 1px solid #ccc !important; line-height: 20px; margin-bottom: 10px; padding: 4px 8px; width: 100%;} .tl-contact-info-wrapper .wpcf7-form-control-wrap .wpcf7-textarea { border: 1px solid #ccc; height: 70px; padding: 4px 8px; resize: none; width: 100%;} .tl-contact-info-wrapper .wpcf7-form label {color: #757575; font-size: 13px; font-weight: 500;width: 100%;} .nav-searchicon i:hover {color: rgb(255, 255, 255);} .tl-navigation-search-modal .modal-header {padding: 2% 4%!important;} .form-group.is-empty .btn-fab-mini { top: -7px;} .progressText { display: block; margin-bottom: 1%;} /***contact page *****/ /**team single description ***/ .team-social-info ul { padding: 0;} .team-social-info ul li { display: inline-block; list-style: outside none none;} .team-social-info ul li a { border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #ccc inset; -moz-box-shadow: 0 0 0 1px #ccc inset; -ms-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset; color: #ccc; display: inline-block; font-size: 16px; height: 30px; line-height: 30px; position: relative; text-align: center; transition: all 0.6s ease-in-out 0s; width: 30px; } .team-social-info ul li a:hover { background: #00BCD4; color: #FFF; -webkit-box-shadow: 0 0 0 1px #00BCD4 inset; -moz-box-shadow: 0 0 0 1px #00BCD4 inset; -ms-box-shadow: 0 0 0 1px #00BCD4 inset; box-shadow: 0 0 0 1px #00BCD4 inset; } .member-designation { background: #eaeaea none repeat scroll 0 0; display: inline-block; font-weight: 500; margin-bottom: 2%; margin-top: 0; padding: 10px 20px;} /**team single description ***/ /**** ------------------------------------------------------------------------------------------------------------------------------------------------------- Home Lay out 2 End ----------------------------------------------------------------------------------------------------------------------------------------------------------****/ p.site-description{font-size:15px;margin:0;width:100%;color:#fff;} /****---------------------------------------------------------------------------------------------------------------------------------------------------------- Home Lay out 3 Start ----------------------------------------------------------------------------------------------------------------------------------------------------------****/ .tl-full-slider .tl-header-text strong {color: #00bcd4;} .tl-full-slider .text-center h6 { font-size: 14px; -webkit-text-shadow: 2px 2px 4px #000; -moz-text-shadow: 2px 2px 4px #000; -ms-text-shadow: 2px 2px 4px #000; text-shadow: 2px 2px 4px #000; } .tl-full-slider .tl-header-text .btn { margin: 0 10px;} .tl-pricing-s1 h1, .tl-masonary-blog-s1 h1, .tl-testimonial-chatview-s1 h1 { font-size: 36px;font-weight: 300; text-align: center; text-transform: capitalize;} .tl-pricing-s1 h1 span, .tl-masonary-blog-s1 h1 span, .tl-testimonial-chatview-s1 h1 span{color:#00BCD4; font-weight:700;} /***features section ****/ .tl-feature-box h2 { color: #333; font-size: 18px; margin-top: 10px; font-weight:700; } .tl-feature-box i { background: #ffffff none repeat scroll 0 0; border: 3px solid #ffffff; border-radius: 100%; box-shadow: 0 0 0 5px #f2f2f2 inset!important; color: #00BCD4; float: left; font-size: 48px; height: 110px; line-height: 110px; margin: 3px 25px 3px 3px; text-align: center; transition: all 500ms ease 0s; width: 110px; } .tl-feature-box .feature-box:hover i { background: #00BCD4; color: #fff; box-shadow: inset 0 0 0 5px #00BCD4; -webkit-box-shadow: inset 0 0 0 5px #00BCD4; border: 3px solid #00BCD4; } /***features section ****/ /***pricing table start ****/ .tl-pricing-s1 h1 { padding: 0 20%;} .tl-masonary-blog-s1 .tl-section-heading {padding: 0 10%;} /***pricing table end ****/ /***testimonials home 3 start ****/ .tl-testimonial-chatview-s1 .accent { color: #00bcd4;} .tl-chatview1 .tl-chatview1-imgs {border: none; -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); } .tl-testimonial-chatview-s1 h1 {color: #fff;} .tl-testimonial-chatview-s1 .tl-chatview1-content > p {color: #999;} .tl-testimonial-chatview-s1 .customNavigation .btn { background: #ccc none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #222; font-size: 20px; font-weight: bold; height: 40px !important; padding: 4px; width: 40px !important; } .tl-testimonial-chatview-s1 .customNavigation .btn:hover { color: #FFF;} /***testimonials home 3 end ****/ /***tl-timeline home 3 start ****/ .tl-timeline h2 { font-weight: 700; margin-bottom: 4%;} .tl-timeline i { font-size: 4em;} .tl-achievment-show { padding-right: 3%; text-align: right;} .tl-timeline-show{ padding-left: 3%;} .tl-timeline h2, .tl-timeline i, .tl-timeline p, .tl-timeline .btn { color: #fff !important;} .tl-timeline .btn { color: #fff !important; background:#163C56 !important;} .tl-timeline .btn:hover { color: #fff !important; background: #000!important;} /***tl-timeline home 3 end ****/ /**inner page layout ***/ .tl-contentsingle-wrapper { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding:4%;} .tl-contentsingle-wrapper .alert-info, .tl-contentsingle-wrapper .form-allowed-tags {display: none;} .tl-single-outer-wrapper { padding:0} .archive-page-header h1, .tl-search-outer-wrapper .archive-page-header h1 { color: #999; display: inline-block; font-size: 22px; letter-spacing: -1px; margin: 10px 0; text-transform: capitalize; vertical-align: top;} .archive-page-header, .tl-search-outer-wrapper .archive-page-header {background: #f2f2f2;} #search-2 .form-group { padding: 4px 10px;} .search-no-results .main-content { padding: 2% 0;} /***about ***/ .tl-heading-border{ font-weight: normal; padding-bottom: 10px; position: relative; margin-bottom:3%;} .tl-heading-border::after { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100%;} .tl-page-title {background: #eaeaea;color: #ccc;} .tl-page-title h1 { color: #999; display: inline-block; font-size: 22px; letter-spacing: -1px; margin: 10px 0;} .single-content-post-wrapper .entry-meta { border-bottom: 1px dashed #999; margin: 2% 0; padding: 6px 0;} .comment-form .is-empty { margin-top: 10px; width: 100%;} .tl-contentsingle-wrapper h1 {font-size: 24px;font-weight: 400; margin: 10px 0;} #chatview1-testimonials .owl-nav.disabled { display: none !important; } /**inner page layout **/ /****---------------------------------------------------------------------------------------------------------------------------------------------------------- Home Lay out 3 End ----------------------------------------------------------------------------------------------------------------------------------------------------------****/ /**responsive style ***/ @media only screen and (min-width:768px){.nav-searchicon.tl-mobile{display: none;} } @media only screen and (max-width:767px){ .tl-navigation-search-modal .modal-dialog { padding-top: 20%;} .navbar-default .dropdown-toggle .caret { display: block !important;} .navbar .navbar-nav .dropdown .dropdown-toggle .caret { display: block;float: right;} .tl-nav-normal .navbar-collapse.in { overflow-y: inherit;} .tl-nav-normal .navbar-nav.pull-right { float: none !important;} .navbar-nav .dropdown:hover .dropdown-menu{ visibility:visible;transform: translate(0, 0px)!important;} .nav-searchicon { display: none;} .nav-searchicon.tl-mobile { display: block;position: absolute;right: 50px;top: -6px;} .tl-top-naviwrap .pull-right, .tl-top-naviwrap .pull-left {float: inherit !important;text-align: center;} .tl-main-navbar-wrapper .navbar-nav.pull-right { float: none !important;} .tl-top-naviwrap .tl-social a {padding: 0 6px;} .tl-top-naviwrap .tl-social {border-top: solid 1px #333;margin-top: 1%;padding-top: 1%;} .tl-nav-normal .navbar-nav {padding-right: 0;} .tl-welcome p {margin-bottom: 10%;padding: 0;} .tl-portfolio #filters li span { font-size: 90%; padding: 5px 14%;} .tl-client .carosual-db-content h5, .tl-client .carosual-db-content { font-size: 88%;} .tl-full-slider .carousel-control { top: -18%;} .tl-corporate-footer-s1 .site-info {font-size: 80%;} .tl-corporate-footer-s1 .pull-right {float: left !important;text-align: center; width: 100%;} .tl-footer-copyright .copy-right ul { font-size: 90%; padding: 1% 0 0; text-align: center;} .tl-corporate-footer-s1 .site-info { border-bottom: 1px solid #333; color: #747474; padding-bottom: 3%; transition: all 0.3s ease-in-out 0s;} .tl-portfolio .tl-grid-portfolio-1 #filters { padding: 0 6px; } .tl-portfolio #filters li span { font-size: 76%;} /**slider**/ .tl-header-text .btn {font-size: 10px;padding: 4px 10px;} .tl-full-slider .text-center h6 {font-size: 10px; margin-top:0;} .tl-header-text h2 { font-size: 12px;} .tl-slider-fix-back2 h1 { font-size: 230%;} .tl-services-title h1 { font-size: 186%;} /***slider ***/ .tl-welcome-theme .col-lg-3 { border-right:none;} .team-div-description .owl-nav { bottom: 0; position: relative; left: 8px;} .tl-recent-client .owl-nav { display: none;} .tl-call-2action h3 { font-size: 18px; line-height: 24px;} .call-2-action-dark .btn { font-size: 14px; margin: 10px 0 0;} .tl-portfolio-dark h1 { font-size: 2.2rem;line-height: 1.2em;} .tl-services-box h1 { font-size: 204%;} .tl-achievment-show, .tl-timeline-show{ text-align: center;} .tl-masonary-blog-s1 .tl-section-heading { font-size: 220%; margin-bottom: 4%; padding: 0;} .tl-pricing-s1 h1 { font-size: 220%; padding: 0;} /**static-navigation***/ .tl-staticinner-navigation .navbar-nav.pull-right { float: none !important;} .tl-staticinner-navigation .navbar-wrapper, .tl-staticinner-navigation .navbar, .tl-staticinner-navigation .navbar.navbar-default { background: #00bcd4 none repeat scroll 0 0 !important; margin-bottom: 0; } /**static-navigation***/ .tl-fixedsticky-navbar .container { width: 95%; } .tl-page-title h1 { color: #bbb; font-size: 24px; margin: 4px 0;} .tl-call-2action-1.dark-1 .btn { margin-left: 0; } .tl-postslide-dark h3 {min-height: 58px;} .selectBoxWrapper .texta-sites { margin: 7px auto 0; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .tl-slider-slide h2{margin-bottom:2px;} .tl-google-map { margin-top: 12%;} .tl-google-map i { left: 42%;} .tl-contact-title h5 {padding: 0;} } /**responsive style ***/ /*=======handyman Css ==============================*/ @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700); /* font-family: 'Roboto Slab', serif; */ @import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i); /*font-family: 'Lato', sans-serif; */ .home-banner{position:relative;} .inner-page .home-banner{ min-height: 195px;} /*.home-banner .item{position:relative;}*/ .banner-text{/*padding-top: 127px; padding-bottom: 70px;*/ position:absolute; left:0px; top:50%; transform:translate(0,-50%); width:100%;display:block; text-align:center;} .banner-text h2{position:relative; font-size: 5.7rem;letter-spacing: 1.4rem; font-weight: bold; padding-bottom: 30px; color:#fff; line-height: 1.25;} .banner-text h2::after { background-image:url(includes/images/heading-pattern_2.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .banner-text h6{font-size: 3rem; color: #f2a61f;} .header-top{position:absolute; left:0px; top:0px; width:100%; display:block;} .inner-page .header-top{background-color: rgba(0, 54, 104, 0.9);} .inner-page .archive-page-header header{background:none;} .fixed-header-top {left: 0; position: fixed; top: 0; transition: background 0.5s ease-in-out 0s, margin-top 0.55s ease-in-out 0s, opacity 0.55s ease-in-out 0s; width: 100%;z-index: 999; background-color: rgba(0, 54, 104, 0.9);} .header-top .navbar-brand{padding:10px; height:auto;} .header-top .navbar-brand img{ transition: all 0.4s ease-in-out; height:103px;} .header-top.fixed-header-top .navbar-brand img{ height:50px; transition: all 0.4s ease-in-out;} .fixed-header-top .header-contact{padding:10px 0 0;} .header-contact{text-align:right; padding:34px 0 0;} .header-contact ul li:first-child {margin-right: 0;} .header-contact ul li { display: inline-block; font-size: 3rem; font-weight: 600; line-height: 40px; margin: 0 5px; vertical-align: middle; color: #f2a61f; } .fixed-header-top .header-contact ul{margin-bottom: 6px;} .fixed-header-top .header-contact ul li {font-size: 2.6rem;line-height: 2.6rem;margin-top: 2px;} .fixed-header-top .header-contact ul li a{height: 28px; width: 28px;} .header-contact ul li a {background-color:#f2a61f; border-color: #f2a61f;border-radius: 40px; display: block;height: 40px;position: relative;width: 40px;transition: all 0.6s ease-in-out 0s;} .header-contact ul li a:hover{opacity:0.8;transition: all 0.2s ease-in-out 0s;} .header-contact ul li a i{ color: #003668;font-size: 2.15rem; position: absolute; display:inline-block; left:50%; top:50%; transform:translate(-50%,-50%);} .fixed-header-top .header-contact ul li a i{ font-size: 1.8rem;} .fixed-header-top .header-contact li > i.fa{font-size: 2.6rem;line-height: 2.6rem;margin-top: 2px;} .header-contact li > i.fa {font-size: 3.2rem; margin-top: 6px;} .header-contact span {color: #fff;} .contact-slogan{ color: #f2a61f; text-align: right;font-size: 1.6rem;font-weight: 300;line-height: 1.6rem;} .fixed-header-top .contact-slogan{font-size: 1.2rem; line-height: 1.6rem;} .header-contact .contact-slogan span {font-weight: 400;} .tl-nav-normal.banner-nav{position:absolute; left:0px; bottom:0px; width:100%; display:block;} .inner-page .tl-nav-normal.banner-nav{top:123px !important;} .home-banner .carousel-inner{cursor: grab;} .home-banner item{overflow:hidden;} .carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%;} .banner-text .button { border:transparent; font-size: 2.4rem; font-weight: 600; line-height: inherit; margin-top: 50px; padding: 10px 35px 14px; background-color: #f2a61f; color: #003668; text-align: center; transition: all 0.2s ease-in-out 0s; display:inline-block; vertical-align:top; width:inherit; height:inherit; border-radius: 4px; } .banner-text .button i { display: block; font-size: 1.2rem; font-weight: 400; } .home-banner #tl-slider-bg{height:500px;} .banner-text .button:hover { background-color: #003668; color: #ffffff; transition: all 0.2s ease-in-out 0s; } .banner-text .button:hover i {color: #ffffff;} .home-search{ display: inline-block; max-width: 320px; vertical-align: top; width: 100%; } .home-search form{position:relative; padding-right: 102px;} .home-search input[type="text"] { background-color: #fff; border: 1px solid #d7d7d7; color: #888; font-size: 1.3rem; height: inherit; line-height: inherit; max-width: none; padding: 9px 3px 9px 6px; width: 100%; } .home-search-banner{margin: 80px 0 0;} .home-search-banner h2{text-transform:uppercase; margin-bottom:20px;} .home-search-banner h2 span{color: #f2a61f;} .home-search .send-request{position:absolute; right:0px; top:0px;border-radius: 0;padding: 11px 11px;} .home-banner .carousel-indicators{left:auto; right:10px; bottom: auto; top:50%; transform:translate(0,-50px); margin-left: 0;width: 12px;} .inner-page header{background:#003668;} .banner-nav .navbar.navbar-default{background: #003668; border:0px !important; border-radius:0px !important;} /*.banner-nav .tl-main-navbar-wrapper .navbar { margin-bottom: -30px; z-index: 1;}*/ .banner-nav .navbar-nav{text-align:center; float:none;} .banner-nav .navbar-nav > li:last-child{margin-right:0px;} .banner-nav .navbar-nav > li:last-child::after{ background-image:none;} .banner-nav .tl-fixed-header .navbar-nav > li {padding: 14px 0;} .banner-nav .tl-fixed-header .navbar-nav > li::after{top: 20px;} .banner-nav .navbar-nav > li {float: none; padding: 26px 0; margin: 0 18px; display:inline-block; vertical-align:top; position:relative;} .banner-nav .navbar-nav > li::after{ background-image:url(includes/images/nav-divider.png); content:""; position:absolute; right: -24px; top: 32px; width:11px; height:10px;} .banner-nav .navbar-nav > li a{font-size: 1.2rem; font-weight: normal; letter-spacing: 0.18rem; padding:0 !important; margin:0 !important; line-height:none !important; background-color:inherit;} .banner-nav .navbar-nav > li a:hover{color: #f2a61f;} .banner-nav .navbar .navbar-nav > .active > a, .banner-nav .navbar .navbar-nav > .active > a:focus, .banner-nav .navbar .navbar-nav > .active > a:hover{color: #f2a61f; background:none !important;} .banner-nav .tl-fixed-header header{ background: #003668;} .home-banner .glyphicon-chevron-left::before{content:"" !important; background-image:url(includes/images/slider-arrow-l.png); width:20px; height:32px; position:absolute; left:0px; top:0px;} .home-banner .glyphicon-chevron-right::before{content:"" !important; background-image:url(includes/images/slider-arrow-r.png); width:20px; height:32px; position:absolute; right:0px; top:0px;} .home-banner .carousel-control .glyphicon-chevron-left, .home-banner .carousel-control .icon-prev{left:20%; margin:0px !important;} .home-banner .carousel-control .glyphicon-chevron-right, .home-banner .carousel-control .icon-next{right:20%; margin:0px !important;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{width:20px; height:32px;} .feature-section{margin: -1px 0 0;} .feature-section .row{margin-left: 0;margin-right: 0;} .tl-feature-block-new-outer{background-image:url(includes/images/transparent_bg_pattern.png);background-position: center center; background-repeat: repeat;} .tl-feature-block-new-outer:nth-child(2) {background-color: #f2a61f;} .tl-feature-block-new-outer:nth-child(3) {background-color: rgb(237, 161, 26);} .tl-feature-block-new-outer:nth-child(4) {background-color: rgb(232, 156, 21);} .tl-feature-block-new { min-height: 230px; padding: 10px 5px 30px;} .newcombobox option.welcome-handy { color: #ff0000; /* text-align: center!important; text-align:-moz-center!important; text-align:-webkit-center!important; */ } .tl-feature-block-new h3{font-size:18px; line-height:27px;color: #003668; font-weight:700;} .tl-feature-block-new i{color: #003668; font-size: 3rem !important; margin-right: 15px;position: relative; top: 8px;} .tl-feature-block-new p{color: rgba(255, 255, 255, 0.8);font-size: 1.5rem; line-height: 1.5; font-weight: 400;margin-top: 18px; font-family: 'Lato', sans-serif;margin-left: 50px;} .tl-feature-block-new ul{list-style-type:none; margin: 8px 0 6px 50px; padding:0;} .tl-feature-block-new ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);font-size: 1.5rem; font-weight: 400;font-family: 'Lato', sans-serif; padding: 8px 0; overflow:hidden; clear:both;} .tl-feature-block-new ul li span{display:inline-block; vertical-align:middle;} .tl-feature-block-new ul li span:last-child{float:right;} .tl-feature-block-new a.btn-link { letter-spacing: inherit; margin-left: 51px; padding: 8px 24px 8px 12px; text-transform: none; font-size: 1.2rem; border:1px solid #003668; color: #003668; border-radius: 4px; display:inline-block; vertical-align:top; position:relative; } .tl-feature-block-new a.btn-link::after{content:"\f101"; font-size: 14px; position:absolute; right:12px; top:7px; font-family: fontawesome;} .tl-feature-block-new a.btn-link:hover{color: #fff;background-color: #003668; text-decoration:none;} .welcome-wrap{padding:95px 0 102px;} .welcome-wrap h2{position:relative; letter-spacing: 0.7rem; margin-bottom: 80px; padding-bottom: 35px; margin-top:0px;color: #003668;font-weight: 400;} .welcome-wrap h2::after { background-image:url(includes/images/heading-pattern_2_dark.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .welcome-wrap h2 span{color: #f2a61f;font-weight: 400;} .craftmanship h5{font-size: 2.4rem; color: rgba(0, 0, 0, 0.85); font-weight: 400; margin:0 0 18px;} .craftmanship p{ line-height: 1.5;font-family: 'Lato', sans-serif; overflow-wrap: break-word; font-size: 1.6rem;font-weight: 300;color: #888;margin:0 0 25px;} .craftmanship h6{font-family: 'Lato', sans-serif !important;} .ok-icon::before { font-family: themify; font-size: 2rem; font-weight: 300; left: 0; position: absolute; top: -5px; content: ""; color: #f2a61f; } .ok-icon{ font-size: 1.4rem; font-weight: 700; margin-bottom: 8px; padding-left: 30px; padding-right: 0; text-transform: uppercase; position:relative; } .free-quote{background-color:#fff;} .free-quote .heading { padding: 50px 50px 0;font-size: 2.4rem;margin:0 0 18px;} .free-quote p {padding: 0 50px;} .handyman-search{ background-color: #f5f5f5;padding: 25px 50px 1px; margin:18px -15px 0;} .handyman-search .column {float: left;margin: 0 15px 15px 0;} .span-5, .span-6 {width: calc(100% / 12 * 6 - 10px);} .span-6:nth-child(2){max-width: calc(100% - 0px); margin-right:0px;} .span-6:nth-child(4){max-width: calc(100% - 0px); margin-right:0px;} .span-12{max-width:100% !important; width:100%; margin-right:0px !important;} [class*="column"] { margin-bottom: 20px; margin-left: 10px; margin-right: 10px; max-width: calc(100% - 20px); position: relative; } .handyman-search .column input{ font-size: 1.3rem; height: inherit; line-height: inherit; max-width: none; padding: 9px 18px; width: 100%; background-color: #ebebeb; border: 1px solid #d7d7d7; color: #888; } .handyman-search .column textarea{ font-size: 1.3rem; height: inherit; line-height: inherit; max-width: none; padding: 9px 18px; width: 100%; background-color: #ebebeb; border: 1px solid #d7d7d7; color: #888; } .handyman-search .column label, .handyman-search .column label span{display:block; position:relative;} /* .handyman-search .column label::after{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color transparent transparent; border-image: none; border-style: solid; border-width: 4px; content: ""; height: 0; position: absolute; right: 1px; top: 1px; width: 0; border-right-color: #f2a61f; border-top-color: #f2a61f; } */ .handyman-search .column .email::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f2a61f #f2a61f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 4px; content: ""; height: 0; position: absolute; right: 1px; top: 1px; width: 0; } .mandatory { font-size: 1.2rem !important; font-style: italic; font-weight: 500 !important; margin: 4px 0 15px !important; padding: 0 !important; text-align: right; vertical-align: top; } .mandatory span { border-right-color: #f2a61f !important; border-top-color: #f2a61f !important; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color transparent transparent; border-image: none; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 0; width: 0; } .form-action{padding: 32px 30px 10px;} .send-request{ background-color: #f2a61f; color: #003668; font-size: 12px; font-weight: 600; margin-top: 0; padding: 13px 30px; cursor: pointer; float:right; font-weight: 700; text-align: center; transition: all 0.2s ease-in-out 0s; vertical-align: middle; border:0px; border-radius:4px; position:relative; } /* .send-request::after{content:"\f101"; font-size: 16px; position:absolute; right:12px; top:5px; font-family: fontawesome !important; z-index:999;} */ .send-request::after{ font-size: 16px; position:absolute; right:12px; top:5px; font-family: fontawesome !important; z-index:999;} .send-request:hover{color:#fff; background-color:#003668;} .form-action input[type="checkbox"]{ display: none;} .form-action input[type="checkbox"] + label::after { content: ""; height: 36px; left: 50%; margin-left: -25px; position: absolute; top: 0; width: 36px; font-family: "themify"; font-size: 2.2rem; font-weight: 300; } .form-action input[type="checkbox"] + label { border: 1px solid #ccc; height: 36px; position: relative; width: 36px; margin:0 20px 0 0; } .our-services{position:relative;padding-bottom: 102px;padding-top: 95px;} .our-services::after { content:""; background-color: rgba(0, 54, 104, 0.75); position: absolute; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; } .our-services .container, .handyman-offer .container-fluid{position:relative; z-index:2;} .our-services h2{position:relative; letter-spacing: 0.7rem; margin-bottom: 80px; padding-bottom: 35px; margin-top:0px;color: #fff;font-weight: 400;} .our-services h2 span{color: #f2a61f;font-weight: 400;} .our-services h2::after { background-image:url(includes/images/heading-pattern_2.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .our-services-block{text-align:center;} .our-services-block figure{margin:0 0 18px;} .our-services-block figure img{display:inline-block;} .our-services-block h5{font-size: 2.4rem; color: #f2a61f; margin:0 0 18px; font-weight: 400;} .our-services-block p{font-size: 1.6rem; color:#fff; overflow-wrap: break-word;margin-bottom: 2.4rem;font-family: 'Lato', sans-serif !important;} .btn.btn-md.btn-warning{ letter-spacing: inherit; padding: 5px 24px 5px 15px; text-transform: none; font-size: 1.5rem; border:1px solid #f2a61f; color: #f2a61f !important; border-radius: 4px; display:inline-block; vertical-align:top; position:relative; background-color:inherit; } .btn.btn-md.btn-warning::after{content:"\f101"; font-size: 16px; position:absolute; right:12px; top:5px; font-family: fontawesome;} .btn.btn-md.btn-warning:hover{color: #fff !important;background-color: #f2a61f !important; text-decoration:none;} .recent-work{background-color: #f2a61f;background-image:url(includes/images/transparent_bg_pattern.png);background-position: center center; background-repeat: repeat; padding-bottom: 60px; padding-top: 95px;} .recent-work h2{position:relative; letter-spacing: 0.7rem; margin-bottom: 20px; padding-bottom: 35px; margin-top:0px;color: #003668;font-weight: 400;} .recent-work h2::after { background-image:url(includes/images/heading-pattern_2_dark.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .recent-work h2 span{color: #fff;font-weight: 400;} .recent-work p{ max-width: 745px; margin:0 auto; font-family: 'Lato', sans-serif; overflow-wrap: break-word; font-size: 1.8rem; font-weight: 500; color: #222527; text-align:center;} .recent-work a { color: #fff; font-weight: 500; padding: 0px 2px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .recent-work a:hover{ color: #003668; text-decoration: underline; } .recent-work-gallery .no-gutter-s1 .portfoliolist .portfolio{width:25%;} .recent-work-gallery .no-gutter-s1 .portfoliolist .portfolio-wrapper {min-height: auto;} .recent-work-gallery .portfolio-wrapper .label, .label.label-default{background-color: inherit;} .recent-work-gallery .portfolio .label{font-size: 1.8rem; left:0px;} .recent-work-gallery .portfolio:hover .label{bottom:90px !important;background: none !important;} .recent-work-gallery .portfolio .label-text{left:0px;} .recent-work-gallery .portfolio .hover-icon-folio:hover .label{bottom:130px !important;} .recent-work-gallery .portfolio-wrapper .text-title{font-size: 1.8rem;} .explore-work, .site-footer {background-image:url(includes/images/transparent_bg_dark_pattern.png);background-position: center center; background-repeat: repeat;background-color: #003668;padding-bottom: 55px; padding-top: 50px;} .explore-work h2{text-align:center; font-size: 2.4rem; color:#fff; font-weight: 400; margin:0px;} .explore-work h2 a.view-all-project{ margin-left: 10px; background-color: #f2a61f; border:1px solid #f2a61f; color: #ffffff; font-size: 1.8rem; padding: 10px 40px 10px 25px; border-radius:4px; position:relative; transition:all 0.4s ease-in-out; top:0; } .explore-work h2 a.view-all-project::after{content:"\f101"; font-size: 16px; position:absolute; right:22px; top:15px; font-family: fontawesome;} .explore-work h2 a.view-all-project:hover{ background:none; color:#f2a61f; transition:all 0.4s ease-in-out; top:-10px;} .handyman-team{padding-bottom: 102px; padding-top: 95px;} .handyman-team h2{position:relative; letter-spacing: 0.7rem; margin-bottom: 20px; padding-bottom: 35px; margin-top:0px;color: #003668;font-weight: 400;} .handyman-team h2::after { background-image:url(includes/images/heading-pattern_2_dark.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .handyman-team h2 span{color: #f2a61f;font-weight: 400;} .handyman-team h3{ max-width: 760px; margin:0 auto; font-family: 'Lato', sans-serif !important; overflow-wrap: break-word; font-size: 1.8rem; font-weight: 300;color: #003668; text-align:center; line-height: 1.5;} .handyman-team .team-div .content-details{ top: 14%;} .social-media-txt{padding:0 20px; position:absolute; left:0px; top:90px; display:block; text-align:center;font-size: 1.4rem; color:#fff;} .tips-blog{padding-bottom:0px; padding-top: 95px;} .tips-blog h2{position:relative; letter-spacing: 0.7rem; margin-bottom: 20px; padding-bottom: 35px; margin-top:0px;color: #003668;font-weight: 400;} .tips-blog h2::after { background-image:url(includes/images/heading-pattern_2_dark.png) !important; background-repeat: no-repeat; bottom: 0; content: ""; height: 10px; left: 50%; margin-left: -57px; position: absolute; width: 114px; } .tips-blog h2 span{color: #f2a61f;font-weight: 400;} .tips-blog h3{ max-width: 745px; margin:0 auto; font-family: 'Lato', sans-serif !important; overflow-wrap: break-word; font-size: 1.8rem; font-weight: 300;color: #003668; text-align:center; line-height: 1.5;} .oscillating-tool{ background:#fff; width:49%; padding: 48px 48px 50px; min-height:555px; } .oscillating-tool figure{height: 315px;overflow: hidden;} .oscillating-tool h3{ color: #003668; text-align: left;font-size: 2.4rem; line-height: 2.9rem; font-weight: 400; margin-bottom: 24px;} .oscillating-tool p{ color: #888; font-size: 1.8rem; font-weight: 300; margin-top: 24px; overflow-wrap: break-word; padding: 0 0 24px; font-family: 'Lato', sans-serif !important; } .tips-blog-right{ background:#fff; width:49%; float:right; padding: 48px 48px 50px; min-height:555px; } .tips-blog-button-area{ margin:60px 0 0; padding-bottom: 102px; text-align:center;} .go-to-our-blog-btn{ border:1px solid #003668; color: #003668; border-radius: 4px; font-size: 1.2rem; font-weight: normal; overflow: hidden; padding: 12px 17px; display: inline-block; transition: all 0.4s ease-in-out 0s; vertical-align:top; } .go-to-our-blog-btn > i { font-size: 1.1rem; padding-left: 5px; } .go-to-our-blog-btn:hover{background-color:#003668; color:#fff;} .handyman-offer{position:relative;} .handyman-offer::after{content:""; background-color: rgba(242, 166, 31, 0.75); position: absolute; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; } .handyman-offer .container{position:relative; z-index:2;} .get-job-done{ background-color: #003668; border-color: #003668; border-style: solid; border-width: 1px; color: #ffffff; font-weight: 300; letter-spacing: 1px; padding: 18px 42px 18px 22px; text-transform: uppercase; border-radius: 4px; display: inline-block; font-size: 1.2rem; position:relative; transition:all 0.4s ease-in-out; top:0; } .get-job-done::after{content:"\f101"; font-size: 16px; position:absolute; right:22px; top:15px; font-family: fontawesome;} .get-job-done:hover{background:none; color:#003668; transition:all 0.4s ease-in-out; top:-10px;} .special-offer-icon { margin: -1px 0 0; padding:0; position:relative; } .special-offer-icon .ti-medall{ color: #fff; display: inline-block; font-size: 78px; margin-bottom: 20px; padding: 48px; text-align: center; background-image:url(includes/images/transparent_bg_dark_pattern.png); background-position: center center; background-repeat: repeat; background-color: #003668; } .handyman-offer h2{font-size: 3.6rem; line-height: 3.6rem; color:#fff; letter-spacing: 0.7rem;font-weight: normal;margin-left: 10px;padding-top: 40px; padding-bottom: 18px; margin-top:0px; margin-bottom:0px;} .handyman-offer h2 span{color: #003668;} .handyman-offer p{color: rgba(255, 255, 255, 0.85); font-size: 1.8rem; line-height: 2.6rem; overflow-wrap: break-word; padding-bottom: 30px;font-family: 'Lato', sans-serif !important;} .handyman-offer p strong{color: #003668; font-weight:bold;} .site-footer{ /*padding-bottom: 40px;*/ padding-bottom: 20px; /*padding-top: 40px;*/ padding-top:0px; } .site-footer-inner .widget_text .textwidget{ font-family: 'Lato', sans-serif !important; font-weight:400 !important; font-size:15px !important; } .site-footer-inner .tagcloud a{ border-radius: 4px; display: inline-block; vertical-align:top; margin: 5px; padding: 4px 10px; font-size: 1.4rem !important; border: 1px solid rgba(255, 255, 255, 0.2); } .site-footer-inner .tagcloud a:hover{ color:#fff !important; border:1px solid #fff;} .site-footer .tl_recent_posts{list-style:none; margin:0; padding:0px;} .site-footer .tl_recent_posts li{ margin:0 0 20px;} .site-footer .tl_recent_posts .tl_recent_posts_img{float: left; margin-right: 20px;} .site-footer .tl_recent_posts .recent_posts_content a{font-size: 1.4rem;line-height: 2rem;} .site-footer .tl_recent_posts .recent_posts_content a:hover{ color: #f2a61f;} .search-form .form-group { margin: 0px 0 0; padding-bottom: 7px; position:relative !important; } .search-form label{display:block;} .search-form .form-control, .search-form .form-group .form-control { background-image: none !important; background-position: inherit !important; background: #ebebeb !important; border-radius: 4px 0 0 4px !important; box-shadow: none; float: none; transition: background 0s ease-out 0s; padding-left: 6%; padding-right: 11%; width: 100%; color: #888 !important; font-size: 1.3rem; font-family: 'Lato', sans-serif !important; font-style:italic; } .search-form .form-group .form-control::-moz-placeholder { color: #888; font-size: 1.3rem; font-family: 'Lato', sans-serif !important; font-style:italic; font-weight: 700; line-height: 1.42857; } .search-form .form-group::after{ content:"\f002"; color: #888; font-family: fontawesome; font-size: 17px; position: absolute; right: 10px; top: 6px; } .tl-footer-copyright .footer-color{ border-top: 1px solid rgba(255, 255, 255, 0.2); /*padding-top: 40px;*/ padding-top: 20px; font-family: 'Lato', sans-serif !important; } /** porfile search **/ .profile-header, .profile-body, .profile-footer, .img-profile { margin: 0 auto; max-width: 260px; text-align:center; } .profile-imageblock { text-align: center; position: relative; overflow:hidden; } .handyman-profile-blog { padding: 3% 0; } .profile-position { left: 0; position: absolute; top: 52px; width: 100%; } .profile-header { padding-bottom: 6px; } .profile-header a { color: #ffffff; font-size: 12px; font-weight: 500; padding: 0 0px; line-height: 18px; text-transform: uppercase; } .profile-header a:hover{ color: #f2a61f; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .profile-body { display: table; padding: 0 14px; width: 100%; } .profile-body span { display: table-cell; padding: 0 3px 3px; } .profile-footer { max-height: 130px; overflow: hidden; padding: 10px 20px; } span.profileblank { padding-top: 32px; } .modal-body .form-group { margin: 0; padding-bottom: 0; } .modal-body .handyman-search {margin: 18px -24px 0;} .modal-body .span-6:nth-child(6), .modal-body .span-6:nth-child(8) { margin-right: 0; max-width: calc(100% - 0px); } .modal-content .modal-footer {padding: 20px 50px !important;} .modal-content .modal-footer button{ background-color: #f2a61f !important; color: #003668 !important; font-size: 12px !important; font-weight: 600; margin-top: 0; padding: 13px 30px !important; cursor: pointer; float:right; font-weight: 700; text-align: center; transition: all 0.2s ease-in-out 0s; vertical-align: middle; border:0px; border-radius:4px; position:relative; } .modal-content .modal-footer button:hover{color:#fff !important; background-color:#003668 !important;} .visit-us{ padding-bottom: 102px; padding-top: 95px; margin-top:50px; } .visit-us h2{ font-size: 2.8rem; color:#fff; font-weight: 400;} .visit-us p{ color: #fff; font-size: 2.4rem; list-style: outside none none; text-align: center; } .portfolio-single-page .container{ background:#fff;} .user-portfolio-sitebar{padding:15px;} .user-image{ border-radius:200px; width:200px; height:200px;border:2px solid #003668; margin:0 auto; overflow:hidden; text-align:center; line-height:200px; text-align:center; vertical-align:middle;} .user-image img{height:206px; width:auto; max-width:inherit; display:inline-block;} .user-portfolio-sitebar h3 { color: #003668; font-size: 18px; font-weight: 700; line-height: 27px; text-align:center; } .user-portfolio-form{padding:0 0px 0px;} .handyman-search.for-portfolio{margin: 0px 0 0; padding: 15px 0px 0;background-color: #fff;} .portfolio-contact-btn{ background-color: #f2a61f; color: #003668; font-size: 14px; font-weight: 600; margin-top: 0; padding: 13px 30px; cursor: pointer; font-weight: 700; text-align: center; transition: all 0.2s ease-in-out 0s; vertical-align: middle; border:0px; position:relative; display:block; } .portfolio-contact-btn:hover{color:#fff; background-color:#003668; text-decoration:none;} .user-portfolio-tab{ /*border-left:1px solid #8fc0ed;*/ background:#f5f5f5; margin: 0 -15px; min-height: 850px; padding: 20px 15px 20px 30px; } .user-portfolio-tab .nav{border-bottom:1px solid #003668; margin-bottom:30px;} .user-portfolio-tab .nav li a{ color: #003668; font-size: 18px; font-weight: 700; padding:0px; margin:0px; } .user-portfolio-tab .nav li{margin:0 20px 10px 0; padding:0px;} .user-portfolio-tab .nav li a:hover, .user-portfolio-tab .nav li.active a:hover, .user-portfolio-tab .nav li.active a{background-color:inherit;color: #f2a61f;} .portfolio-tab-image{ margin:0px 0 30px; background-color: #ebebeb; border: 1px solid #003668; height:200px; overflow:hidden; position:relative; } .portfolio-tab-image img{height:200px; width:auto; max-width:inherit;} .portfolio-tab-image-overlay{ background: rgba(0, 0, 0, 0.5); position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; transition:all 0.4s ease-in-out;} .light-box-icon{display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:100%; width:40px; height:40px; line-height:34px; text-align:center; color:#fff; font-size: 14px;} .portfolio-tab-image:hover .portfolio-tab-image-overlay{opacity:1; transition:all 0.4s ease-in-out;} #nav_menu-2{margin-bottom:0px !important;} #menu-footer-menu{text-align:center;} #menu-footer-menu li{} #menu-footer-menu li:last-child{margin-right:0px;} #menu-footer-menu li:last-child::after{ background-image:none;} #menu-footer-menu li {padding: 14px 0;} #menu-footer-menu li::after{top: 20px;} #menu-footer-menu li {float: none; padding: 26px 0; margin: 0 18px; display:inline-block; vertical-align:top; position:relative;} #menu-footer-menu li::after{ background-image:url(includes/images/nav-divider.png); content:""; position:absolute; right: -24px; top: 32px; width:11px; height:10px;} #menu-footer-menu li a{font-size: 1.2rem; font-weight: normal; letter-spacing: 0.18rem; padding:0 !important; margin:0 !important; line-height:none !important; background-color:inherit;} #menu-footer-menu li a:hover{color: #f2a61f;} #menu-footer-menu li.active > a, #menu-footer-menu li.active > a:focus, #menu-footer-menu li.active > a:hover{color: #f2a61f; background:none !important;} @media only screen and (min-width: 1204px){ .img-profile > figure > img { height: 340px;} .profile-footer { max-height: 160px;} .profile-header { padding: 6px 0;} }