.widget-t .search-form .form-control + .input-group-addon button/* Theme Name: Industrial Theme URI: http://www.themechampion.com Author: Industrial Author URI: https://themeforest.net/user/themechampion Description: industrial and Building Business WordPress Theme Version: 3.1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: industrial Tags:two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Reset 2.0 Document 3.0 Layout 4.0 Elements 5.0 Posts 6.0 Pages 7.0 Widgets 8.0 Supports --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ html { font-size: 100%; } body { color: #333; } body.error404 { background-size: cover !important; } body.error404 #main { background-color: transparent; } body.error404 .content_wrapper { background: none; } #main { position: relative; z-index: 10; } #wrapper { position: relative; overflow: hidden; } .content_wrapper { position: relative; background: #fff; z-index: 10; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .wp-caption { margin-bottom: 1.6em; max-width: 100%; } img { border: 0; height: auto; max-width: 100%; } button, select { text-transform: none; max-width: 100%; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; width: 100%; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } .widget_calendar td, .widget_calendar th { line-height: 2.3333; text-align: center; padding: 0; } .widget_calendar caption { font-family: "Noto Serif", serif; font-weight: 700; margin: 0 0 1.6em; letter-spacing: 0.04em; text-transform: uppercase; } ul.sub-menu { list-style: none; padding-left: 20px; } ul.sub-menu li a{padding-right: 0!important;} ul.sub-menu li a:after {display:none;} .about-sec-content ul{ list-style: none;} .single-sidebar-widget ul{ list-style: none;} .cart_totals ul{ list-style: none;} .diff-offer ul {list-style: none;} /*-------------------------------------------------------------- # top bar --------------------------------------------------------------*/ #header { position: relative; z-index: 99999; } #menu_toggle { position: relative; cursor: pointer; float: right; width: 25px; height: 20px; padding: 10px 0; margin: 10px 0 0; } #menu_toggle button { position: absolute; left: 0; top: 50%; margin: -2px 0 0; background: #092942; height: 3px; padding: 0; border: none; width: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; outline: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #menu_toggle button:before { content: ''; position: absolute; left: 0; top: -8px; width: 25px; height: 3px; background: #092942; -webkit-transform-origin: 1.5px center; -moz-transform-origin: 1.5px center; -o-transform-origin: 1.5px center; transform-origin: 1.5px center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #menu_toggle button:after { content: ''; position: absolute; left: 0; bottom: -8px; width: 25px; height: 3px; background: #092942; -webkit-transform-origin: 1.5px center; -moz-transform-origin: 1.5px center; -o-transform-origin: 1.5px center; transform-origin: 1.5px center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #menu_toggle.open button { background: transparent; } #menu_toggle.open button:before { top: 0; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #menu_toggle.open button:after { bottom: 0; transform: rotate3d(0, 0, 1, 45deg); transform-origin: 50% 50%; } .header_info { background: #2875b1; background: -webkit-linear-gradient(top, #2875b1 50%, #266fac 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2875b1), color-stop(50%, #266fac)); background: linear-gradient(to bottom, #2875b1 50%, #266fac 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2875b1', endColorstr='#266fac',GradientType=0 ); -webkit-box-shadow: none; box-shadow: none; left: -webkit-calc(50% - 585px); left: calc(50% - 585px); right: -webkit-calc(50% - 585px); right: calc(50% - 585px); z-index: 10; border: none; text-transform: uppercase; z-index: 9999; border-radius: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .header_info .container { background: #3baed4; } .mobile_header .top_nav_mobile { display: none;} .mobile_header .top_nav_mobile .main_menu_nav { padding: 0; margin: 0; } .mobile_header .top_nav_mobile .main_menu_nav li { position: relative; list-style: none; border-bottom: 1px solid #4fc2e8; } .mobile_header .top_nav_mobile .main_menu_nav > li > a { display: block; font-size: 15px; color: #ffffff; text-transform: uppercase; font: bold 15px/54px "Open Sans", sans-serif; letter-spacing: -0.04em; } .mobile_header .top_nav_mobile .main_menu_nav > li:hover > a { color: #fde428; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow { position: absolute; display: block; right: 12px; top: 0; cursor: pointer; height: 50px; padding: 0 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active i:before, .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active i:after { background: #fde428; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 11px; height: 11px; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i:before { content: ''; position: absolute; left: 0; top: 4px; width: 11px; height: 3px; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i:after { content: ''; position: absolute; left: 4px; top: 0; width: 3px; height: 11px; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; } .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children .arrow { padding: 10px 20px 12px; } .mobile_header .top_nav_mobile .main_menu_nav ul { position: relative; margin: 0; padding: 0; display: none; background: #3baed4;} .mobile_header .top_nav_mobile .main_menu_nav ul:before { content: ''; position: absolute; right: 31px; top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #002e5b; } .mobile_header .top_nav_mobile .main_menu_nav ul li { text-transform: capitalize; } .mobile_header .top_nav_mobile .main_menu_nav ul li .arrow { display: none !important; } .mobile_header .top_nav_mobile .main_menu_nav ul li a { font: bold 15px/54px "Open Sans", sans-serif; color: #fff; padding: 0 15px; display: block; } .mobile_header .top_nav_mobile .main_menu_nav ul li:active > a { color: #fde428; } .mobile_header .top_nav_mobile .main_menu_nav ul li ul { display: block; background: #fff; } .mobile_header .top_nav_mobile .main_menu_nav ul li ul:before { display: none; } .mobile_header .top_nav_mobile .main_menu_nav ul li ul a { font-size: 14px; font-weight: 400; } .mobile_header .top_nav_mobile .main_menu_nav ul li ul li { position: relative; padding: 0 0 0 7px; } .mobile_header .top_nav_mobile .main_menu_nav ul li ul li:before { content: ''; position: absolute; left: 44px; top: 50%; width: 4px; height: 1px; background: #002e5b; } .mobile_header .top_nav_mobile .main_menu_nav li.current_page_item > a, .mobile_header .top_nav_mobile .main_menu_nav li.current-menu-parent > a, .mobile_header .top_nav_mobile .main_menu_nav li.current-menu-ancestor > a { color: #fde428; } .mobile_header .top_nav_mobile .main_menu_nav > li.current_page_item.menu-item-has-children > .arrow { color: #002e5b; } .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .sub-menu > li.current-menu-item.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .sub-menu > li.current-menu-parent.menu-item-has-children > .arrow { color: #002e5b; } .mobile_menu > ul ul ul { display: block; } .grid-xs-1, .grid-sm-1, .grid-md-1, .grid-lg-1, .grid-xs-2, .grid-sm-2, .grid-md-2, .grid-lg-2, .grid-xs-3, .grid-sm-3, .grid-md-3, .grid-lg-3, .grid-xs-4, .grid-sm-4, .grid-md-4, .grid-lg-4, .grid-xs-5, .grid-sm-5, .grid-md-5, .grid-lg-5, .grid-xs-6, .grid-sm-6, .grid-md-6, .grid-lg-6, .grid-xs-7, .grid-sm-7, .grid-md-7, .grid-lg-7, .grid-xs-8, .grid-sm-8, .grid-md-8, .grid-lg-8, .grid-xs-9, .grid-sm-9, .grid-md-9, .grid-lg-9, .grid-xs-10, .grid-sm-10, .grid-md-10, .grid-lg-10, .grid-xs-11, .grid-sm-11, .grid-md-11, .grid-lg-11, .grid-xs-12, .grid-sm-12, .grid-md-12, .grid-lg-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .grid-sm-1, .grid-sm-2, .grid-sm-3, .grid-sm-4, .grid-sm-5, .grid-sm-6, .grid-sm-7, .grid-sm-8, .grid-sm-9, .grid-sm-10, .grid-sm-11, .grid-sm-12 { float: left; } .grid-sm-12 { width: 100%; } .grid-sm-11 { width: 91.66666667%; } .grid-sm-10 { width: 83.33333333%; } .grid-sm-9 { width: 75%; } .grid-sm-8 { width: 66.66666667%; } .grid-sm-7 { width: 58.33333333%; } .grid-sm-6 { width: 49.7%; } .grid-sm-5 { width: 41.66666667%; } .grid-sm-4 { width: 33.33333333%; } .grid-sm-3 { width: 25%; } .grid-sm-2 { width: 16.66666667%; } .grid-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-md-11, .grid-md-12 { float: left; } .grid-md-12 { width: 100%; } .grid-md-11 { width: 91.66666667%; } .grid-md-10 { width: 83.33333333%; } .grid-md-9 { width: 75%; } .grid-md-8 { width: 66.66666667%; } .grid-md-7 { width: 58.33333333%; } .grid-md-6 { width: 50%; } .grid-md-5 { width: 41.66666667%; } .grid-md-4 { width: 33%; } .grid-md-3 { width: 25%; } .grid-md-2 { width: 16.66666667%; } .grid-md-1 { width: 8.33333333%; } .service-info.grid-md-3 { width: 24.7%; } } @media (min-width: 1400px){ .grid-md-4 { width: 32.8%; } } .header_top { position: relative; padding: 43px 0 71px; background: #002e5b; } .header_top:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); z-index: 10; display: block; } .header_top .container { position: relative; z-index: 15; } .logo { float: left; font-size: 29px; text-transform: uppercase; color: #333; } .logo a { display: block; } .logo a img { max-width: inherit; } .header_socials { float: right; font-size: 0; margin: 0 0 0 82px; } .header_socials a { font-size: 22px; line-height: 22px; display: inline-block; margin: 10px 0 0 16px; color: rgba(255, 255, 255, 0.66); transition: color 0.2s linear; } .header_socials a:first-child { margin: 0; } .header_socials a:hover { color: #fff; } .icon_text { position: relative; } .icon_text .icon { float: left; font-size: 26px; color: #C4D114; margin: 0 14px 0 0; } .icon_text .icon i { vertical-align: top; } .icon_text .text { color: #fff; float: right; font-size: 13px; } .icon_text .text strong { font-weight: 400; line-height: 16px; } .header_top .icon_text { float: right; margin: 5px 14px 0 20px; line-height: 16px; } .mobile_header { display: none; } .overflow_hidden { overflow: hidden; } .top_bar { position: relative; z-index: 20; font-size: 13px; background-color: #002e5b; } .top_nav { position: absolute; left: 0; right: 0; z-index: 20; } .top_nav .top_nav_wrapper { } .top_nav .top_nav_wrapper > ul { position: relative; font-family: Poppins; list-style: none; margin: 0; padding: 0 0px; float: left; } .top_nav .main_menu_nav > ul { position: relative; list-style: none; margin: 0; float: left; } .top_nav .top_nav_wrapper > ul:after, .top_nav .main_menu_nav > ul:after { content: ''; clear: both; display: table; } .top_nav .top_nav_wrapper > ul > li, .top_nav .main_menu_nav > ul > li { position: relative; float: left; font-size: 16px; line-height: 1; color: #ffffff; font-weight: 600 !important; } .top_nav .top_nav_wrapper > ul > li.current_page_item > a, .top_nav .top_nav_wrapper > ul > li.current-menu-ancestor > a, .top_nav .top_nav_wrapper > ul > li.current-menu-parent > a, .top_nav .top_nav_wrapper > ul > li.current_page_parent > a, .top_nav .top_nav_wrapper > ul > li.current_page_ancestor > a, .top_nav .main_menu_nav > ul > li.current_page_item > a, .top_nav .main_menu_nav > ul > li.current-menu-ancestor > a, .top_nav .main_menu_nav > ul > li.current-menu-parent > a, .top_nav .main_menu_nav > ul > li.current_page_parent > a, .top_nav .main_menu_nav > ul > li.current_page_ancestor > a { color: #c4d114; } .top_nav .top_nav_wrapper > ul > li:hover > a, .top_nav .main_menu_nav > ul > li:hover > a { color: #c4d114; } .top_nav .top_nav_wrapper > ul > li > a, .top_nav .main_menu_nav > ul > li > a { position: relative; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; color: #ffffff; padding: 21px 16px; text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a { position: relative; } .top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a:hover:before, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a:hover:before { border-left-color: #fde428; } .top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a:before, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a:before { content: ''; position: absolute; right: 20px; top: 50%; margin: -4px 0 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #cccccc; } .top_nav .main_menu_nav > ul > li.menu-item-has-children > a, .top_nav .main_menu_nav > ul > li.page_item_has_children > a { padding-right: 23px; } .top_nav .top_nav_wrapper > ul > li ul, .top_nav .main_menu_nav > ul > li ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; background: #3baed4; list-style: none; padding:0; margin: 0; min-width: 256px; z-index: 1; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_nav .top_nav_wrapper > ul > li ul ul, .top_nav .main_menu_nav > ul > li ul ul { left: 100%; top: -2px; background: #002e5b; padding: 6px 0 4px; } .top_nav .top_nav_wrapper > ul > li ul ul li a, .top_nav .main_menu_nav > ul > li ul ul li a { color: #fff; padding: 12px 26px; } .top_nav .top_nav_wrapper > ul > li ul ul li a:hover, .top_nav .main_menu_nav > ul > li ul ul li a:hover { color: #fde428; } .top_nav .top_nav_wrapper > ul li:hover > ul, .top_nav .main_menu_nav > ul li:hover > ul { visibility: visible; opacity: 1; } .top_nav .top_nav_wrapper > ul > li ul li, .top_nav .main_menu_nav > ul > li ul li { position: relative; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #333333; } .top_nav .top_nav_wrapper > ul > li ul li a, .top_nav .main_menu_nav > ul > li ul li a { display: block; padding: 14px 26px 14px; color: #333333; text-decoration: none !important; } .top_nav .main_menu_nav > ul > li ul li:before, .top_nav .top_nav_wrapper > ul > li ul li:before { content: ''; position: absolute; left: 0; right: 0; top: -2px; height: 2px; background: #002e5b; opacity: 0; visibility: hidden; } .top_nav .main_menu_nav > ul > li ul li:after, .top_nav .top_nav_wrapper > ul > li ul li:after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #002e5b; opacity: 0; visibility: hidden; } .top_nav .main_menu_nav > ul > li ul li:hover:before, .top_nav .top_nav_wrapper > ul > li ul li:hover:before { opacity: 1; visibility: visible; } .top_nav .main_menu_nav > ul > li ul li:hover:after, .top_nav .top_nav_wrapper > ul > li ul li:hover:after { opacity: 1; visibility: visible; } .top_nav .main_menu_nav > ul > li ul li:hover > a, .top_nav .top_nav_wrapper > ul > li ul li:hover > a { background: #232333 none repeat scroll 0 0; color: #fff; } .top_nav .icon_text { float: right; padding: 0 0 0 35px; margin: 18px 38px 0 0; color: #fff; } .top_nav .icon_text:before { content: ''; position: absolute; left: 0; top: 50%; margin: -17px 0 0 0; border-left: 1px solid rgba(255, 255, 255, 0.15); height: 27px; } .top_nav .icon_text strong { color: #fff; font-size: 18px; font-weight: 700 !important; font-family: Poppins; } .top_nav .icon_text strong a { color: #fff; font-size: 18px; } .top_nav .icon_text span { font-size: 13px; } .page_title { position: relative; padding: 57.5px 0; background-color: #fde428; background-position: 50% 0; color: #222222; background-size: cover; } .page_title:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #E9E9F0; opacity: .8; } .page_title h1 { margin: 0; text-transform: uppercase; font-size: 35px; line-height: 55px; color: #252536; font-weight: 800; } .page_title h1:after { background: #fff; } .page_title.transparent { background-color: transparent; padding-bottom: 0; margin-bottom: 0; padding-top: 32px; } .page_title.transparent h1 { margin-bottom: 20px; } .page_title.transparent h1:after { background-color: #fde428; } .page_title.disable_title { margin-bottom: 0; padding-bottom: 17px; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ input[type="text"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; width: 100%; padding: 0.7em; } textarea { -webkit-appearance: none; -moz-appearance: none; } embed, iframe, object, video { margin-bottom: 1.6em; max-width: 100%; vertical-align: middle; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #222222; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #222222; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #222222; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #222222; } .button{ position: relative; outline: none !important; border: none; font-weight: 700; font-family: Poppins; font-size: 14px; padding: 8px 21px; color: #fff; border-radius: 0; background: #002e5b; border: 3px solid #002e5b; display: inline-block; line-height: 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .post-password-form input[type="submit"] { padding: 0.7917em; position: absolute; right: 0; bottom: 0; } .post-password-form input[type="submit"] { -webkit-appearance: button; background-color: #333; border: 0; color: #fff; cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: 700; padding: 0.7em 1.625em; text-transform: uppercase;} .post-password-form label { padding-top: 1px; margin: 0px 15px -9px 0px; width: 100%; vertical-align: bottom; } .input-group { width: 100%; } body textarea.form-control, body textarea.wpcf7-form-control, body #order_comments, body .input-group textarea.form-control { height: 128px; } textarea.wpcf7-form-control { resize: vertical; } .request_callback { position: relative; } .request_callback p { font-weight: 700; font-family: Poppins; color: #fff; margin-bottom: 12px; } .select2-container .selection, .select2-container--default .select2-selection--single, .select2-container { outline: none !important; } .widget_archive .select2-container.select2-container--default .select2-selection--single { height: 44px; } .widget_archive .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 15px; padding-right: 50px; } .widget_archive .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { width: 44px; height: 44px; } .select2-container .selection { display: block; } .select2-container .selection:after { content: ""; display: table; clear: both; } .select2-container.select2-container--default .select2-selection--single { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid #cacaca; height: 49px; line-height: 1; background: #cacaca; font-size: 13px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; padding-left: 29px; padding-right: 50px; color: #222222; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { width: 50px; height: 49px; top: 0; right: 0; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 6px 6px 0 6px; border-color: #777777 transparent transparent transparent; margin-left: -6px; margin-top: -3px; } .select2-container.select2-container--default.select2-container--open .select2-selection--single { border-color: #cacaca; background-color: #fff; } .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #777777 transparent; border-width: 0 6px 6px 6px; } .select2-container .select2-dropdown { border: 1px solid #cacaca; color: #222; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected] { background: #6c98e1; } .select2-container .select2-dropdown .select2-results__option { padding: 10px 18px; } span.wpcf7-not-valid-tip { display: none; } div.wpcf7-response-output { margin: 0 0 10px; background-color: #c9f7b2; color: #61a600; font-size: 14px; border: none; } div.wpcf7-response-output.wpcf7-validation-errors { background-color: #ffd9d9; color: #ff0000; margin: 0 auto; margin-top: 10px; border: 2px solid #f7e700;} div.wpcf7-response-output.wpcf7-mail-sent-ng { background-color: #fff2b2; color: #ff9900; } .comment-info ul { list-style: none; padding: 0; margin: 0 0 20px; } .comment-info ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 4px; } .comment-info ul.type_1 li:before { content: '\f00c'; top: 4px; } .comment-info ul.type_2 li:before { content: '\f14a'; top: 3px; font-size: 14px; } .comment-info ol { margin: 0 0 20px; padding: 0; list-style-position: inside; } .comment-info ol li { position: relative; padding: 0 0 0 20px; margin: 0 0 4px; } .comments-title { position: relative; font-weight: 700; text-transform: lowercase; margin-bottom: 20px; } .comments-title:after { display: none; } ul.comment-list { position: relative; margin: 0 0 40px; padding: 0; } ul.comment-list li { list-style: none; border-top: 1px solid #dddddd; padding: 30px 0 0; margin: 0 0 30px; } ul.comment-list .comment .vcard { float: left; margin: 0 32px 0 0; width: 87px; } ul.comment-list .comment .vcard img { max-width: 100%; height: auto; } ul.comment-list .comment .comment-info { overflow: hidden; } ul.comment-list .comment .comment-author { float: left; font-family: Poppins; font-weight: 600; color: #333333; } ul.comment-list .comment .comment-meta { float: right; font-size: 11px; color: #aaaaaa; text-transform: uppercase; font-weight: 600; margin: 0 0 15px 0; } ul.comment-list .comment .comment-meta a { display: inline-block; vertical-align: middle; color: #aaaaaa; } ul.comment-list .comment .comment-meta a:hover { color: #6c98e1; text-decoration: none; } ul.comment-list .comment .comment-meta a:before { content: "/"; display: inline-block; vertical-align: baseline; margin: 0 7px 0 5px; color: #dddddd; } ul.comment-list .comment .comment-meta a:first-child:before { display: none; } ul.comment-list .comment .comment-text { clear: both; } ul.comment-list .comment .comment-text p { line-height: 22px; } ul.comment-list .comment .comment-text *:last-child { margin-bottom: 0; } ul.comment-list .children { margin: 29px 0 0 30px; padding: 0; } ul.comment-list .children > li { position: relative; padding: 30px 0 0; margin: 0 0 30px; border-top: 1px solid #dddddd; } ul.comment-list .children > li:before { content: ''; position: absolute; left: 66px; top: -9px; background: url("../../images/comment_before.png") no-repeat 0 0; width: 15px; height: 9px; } .comment-respond { margin: 40px 0 0 0; } .comment-reply-title { margin: 0 0 19px; font-size: 20px; text-transform: lowercase; } .comment-reply-title:after { display: none; } .comment-reply-title:before { margin: 0 0 22px 0; } .comment-awaiting-moderation { display: block; color: #6c98e1; font-weight: 700; text-transform: lowercase; margin: 10px 0 0; } .comment-info table { width: 100%; margin: 0 0 40px; } .comment-info table td, .comment-info table th { border: 1px solid #e9e9e9; padding: 5px 10px; } .comment-form .form-submit { } .comments-area .comment-form .form-submit input#submit { background: #f6ba18; border: 1px solid #f6ba18; text-transform: uppercase; letter-spacing: 1px; font: 600 1.2em/2.1em "Open Sans", sans-serif; padding: 7px 22px 7px 22px; color: #19242a; margin-top: 10px; border-radius: 5px; letter-spacing: 3px; } .comments-area .comment-respond form#commentform { padding: 30px; border: 1px solid #eee; margin: 0px; background: #fff; } .comment-info ul ul, .comment-info ol ol { margin: 10px 0 20px 20px; } .slick_prev, .slick_next { width: 45px; height: 45px; z-index: 10000; border: 3px solid #d7d7d7; top: 50%; margin-top: -22px; position: absolute; font-size: 20px; text-align: center; color: #d7d7d7; cursor: pointer; box-sizing: border-box; transition: border 0.2s linear, background 0.2s linear, color 0.2s linear, opacity 0.2s linear; } .slick_prev:hover, .slick_next:hover { border-color: #002e5b !important; background: #002e5b; color: #fff; opacity: 1; } .slick_prev i, .slick_next i { margin-top: 9px; } .slick-dots { margin: 30px auto 0; display: table; } .slick-dots:after { content: ''; clear: both; display: table; } .slick-dots li { float: left; margin: 0 10px 0 0;list-style:none; } .multiple_project .slick-dots li { float: none; display: inline-block; vertical-align: top; margin: 0 5px; } .slick-dots li.slick-active button { background: #002e5b; } .slick-dots li button { display: block; border: none; text-indent: -3000px; width: 10px; height: 8px; background: #cccccc; outline: none; padding: 0; margin: 0; border-radius: 50%; width: 15px; height: 15px; background: #f5f5f5; border: 1px solid #bcbcbc; float: left; } ul.page-numbers, .page-links { position: relative; margin: 0 0 40px 0; padding: 0; } .page-numbers:after, .page-links:after, .page-links:after { content: ''; clear: both; display: table; } .page-numbers li { list-style: none; float: left; margin: 0 11px 0 0; } .page-links > span, .page-links > a { list-style: none; float: left; margin: 0 11px 0 0; display: block; min-width: 40px; height: 40px; text-align: center; border: 2px solid transparent; padding: 11px 5px 0; font-size: 16px; line-height: 16px; font-weight: 600; font-family: Poppins; color: #002e5b; } .page-links > span:hover, .page-links > span.current, .page-links > a:hover, .page-links > a.current { border-color: #002e5b; text-decoration: none; } .page-links > span { border-color: #002e5b; } .page-links > .page-links-title { padding-left: 0; border: none; } .page-links > label { list-style: none; float: left; margin: 0 11px 0 0; line-height: 30px; } .page-numbers .page-numbers { display: block; min-width: 40px; height: 40px; text-align: center; border: 2px solid transparent; padding: 11px 5px 0; font-size: 16px; line-height: 16px; font-weight: 600; font-family: Poppins; color: #002e5b; } .page-numbers .page-numbers:hover, .page-numbers .page-numbers.current { border-color: #002e5b; text-decoration: none; } .posts_list > ul { padding: 0; margin: 0; list-style: none; } .posts_list > ul > li { list-style: none; padding: 0 0 40px; margin: 0 0 49px 0; border-bottom: 1px solid #dddddd; } .posts_list > ul > li.sticky { background: #f2f2f2; padding: 40px; } .posts_list > ul > li:last-child { padding-bottom: 50px; margin-bottom: 29px; } .posts_list > ul > li h4 { padding-top: 0; font-weight: 700; font-size: 22px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer { position: relative; background: #222229; background: url(../../images/bg6.jpg) no-repeat fixed center 0 #111f2d; background-size: cover; } #footer .footer_widgets .widget .widget_title { font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #eeeeee; text-transform: uppercase; margin: 38px 0 30px; letter-spacing: 0.15px; line-height: 1; } div#footer-2 { width: 25%; }#footer-2 li a:hover{ color:#0f253a !important;} div#footer-3 { width: 25%; } .sidebar-footer.footer-columns.clearfix { font-family: "Open Sans", sans-serif; } .footer_widgets { padding: 40px 0 0; } .footer_widgets .socials { margin-top: 28px; } .socials ul { list-style: none; padding-left: 0; } .socials ul li { display: inline; margin-left: 10px; } .socials ul li a { width: 28px; height: 28px; text-align: center; line-height: 26px; border: 1px solid #5e7285; border-radius: 100%; padding: 5px; color: #5e7285; } .copyright { float: left; } .copyright_row { padding: 25px 0 40px; } .credit-texts a { color: #4ba4cd!important; } .m0 { margin: 0; } .p0 { padding: 0; } @media (min-width: 1281px) { .container { width: 1200px; } } @media (max-width: 767px) and (min-width: 361px) { .container { padding: 0 25px; } } a, .btn, button { text-decoration: none; outline: none; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } a:after, a:before, .btn:after, .btn:before, button:after, button:before { -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { text-decoration: none; outline: none; } .page-cover, header.row, footer.row { margin: 0; position: relative; } @media (max-width: 1199px) { p { font-size: 14px; line-height: 24px; } } .site-contents { padding: 100px 0; } @media (max-width: 767px) { .site-contents { padding: 70px 0; } .latest-news-padd .img-responsive.zoom_img_effect.wp-post-image { width: 100%; } } .btn { border-radius: 3px; text-transform: uppercase; font: bold 18px/50px "Raleway", sans-serif; padding: 0 35px; color: #fff; border: none; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .btn-big { line-height: 58px; padding: 0 30px; } .btn-sm { line-height: 37px; padding: 0 20px; } .btn-outline { border: 1px solid #fff; line-height: 48px; } .btn-primary { background-image: -webkit-linear-gradient(90deg, #d41818 0%, #e33d3d 100%); -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .btn-primary:hover, .btn-primary:focus { background: #099bd7; } .section-title { font: bold 38px/48px "Alegreya", serif; margin-top: 0; margin-bottom: 15px; color: #242424; letter-spacing: 0.15px; } @media (max-width: 767px) { .section-title { font-size: 33px; } } .section-title:after { display: inline-block; content: ''; width: 35px; height: 2px; background: #099bd7; margin-left: 10px; } .section-title.style2 { text-align: center; } .section-title.style2:after { display: none; } .section-title + p { color: #8e8d8d; letter-spacing: 0.3px; margin-bottom: 25px; } .section-title.blue-c { color: #099bd7; } /*====================================================*/ .top-header { background: #092942; } .top-header .header-social { float: right; } @media (min-width: 992px) { .top-header .header-contacts { display: none; } } .welcome-texts { color: #9ebbd1; font: italic 16px/50px "Open Sans", sans-serif; opacity: 0.6; } @media (max-width: 1199px) { .welcome-texts { font-size: 14px; } } .header-social li + li { margin: 0; } .header-social li a { padding: 0 8px; font-size: 18px; color: #5996c6; line-height: 50px; border-radius: 0; } @media (max-width: 1199px) { .header-social li a { font-size: 14px; padding: 0 5px; } } .header-social li a:hover, .header-social li a:focus { color: #fff; background: none; } .header-searchform { background: #041e32; } @media (max-width: 991px) { .header-searchform { margin-bottom: 20px; } } .header-searchform .form-control { background: none; border-radius: 0; height: 50px; border: none; padding-left: 30px; -webkit-box-shadow: none; box-shadow: none; font: 16px/1 "Open Sans", sans-serif; color: #5f93bb; } @media (max-width: 1199px) { .header-searchform .form-control { padding-left: 15px; font-size: 14px; } } .header-searchform .form-control.placeholder { font-style: italic; color: #5f93bb; } .header-searchform .form-control::-moz-placeholder { font-style: italic; color: #5f93bb; } .header-searchform .form-control::-webkit-input-placeholder { font-style: italic; color: #5f93bb; } .header-searchform .form-control::-ms-input-placeholder { font-style: italic; color: #5f93bb; } .header-searchform .input-group-addon { border-radius: 0; padding: 0; border: none; background: none; } .top-mobile-header { background: #092942; } .mob-search {overflow:hidden;} .header-searchform .input-group-addon button[type="submit"] { padding: 0 20px 0 15px; font-size: 16px; color: #5f93bb; background: none; border: none; line-height: 50px; } @media (max-width: 1199px) { .header-searchform .input-group-addon button[type="submit"] { padding: 0 10px; } } /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /*Main Header*/ .main-header { background-image: -webkit-linear-gradient(90deg, #e1e0e4 0%, white 100%); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); padding-top: 5px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 991px) { .main-header { padding-top: 0; } .top-header { display: none; } .main-header { display: none; } .mobile_header { display: block; } .logo {max-width:199px; font-size:24px;} .logo img {width:100%;} } .main-header .this-inner { margin: 0; border-top: 1px dashed #85919b; padding: 30px 0 44px; } @media (max-width: 991px) { .main-header .this-inner { border: none; padding: 15px 0; } } .main-header .header-contacts { float: right; } .main-header.affix-coming { top: -100px; -webkit-transition-duration: 400ms; transition-duration: 400ms; } .main-header.affix { top: 0; left: 0; right: 0; position: fixed; margin: 0; z-index: 9999; } .main-header.affix + section, .main-header.affix + div { margin-top: 70px; } .main-logo { display: inline-block; } .main-logo img { max-width: 100%; } @media (max-width: 991px) { .main-logo { max-width: 199px; } } .header-contacts li { display: table-cell; vertical-align: middle; float: none; padding: 0 20px; border-right: 1px solid #d6d6d6; } .header-contacts li + li { margin: 0; border-left: 1px solid #fff; } .header-contacts li:last-child { padding-right: 0; border: none; } .header-contacts .media { display: inline-table; vertical-align: middle; } .header-contacts .media-left { vertical-align: middle; padding-right: 17px; } .header-contacts .media-left span { display: block; } .header-contacts .media-body { width: auto; } .header-contacts .this-subtitle { margin: 0; text-transform: uppercase; font: bold 14px/20px "Open Sans", sans-serif; color: #7d7987; } .header-contacts .this-title { margin: 0; font: 15px/20px "Open Sans", sans-serif; color: #232932; } .header-contacts h3.this-title { font-size: 22px; font-weight: bold; color: #424242; } .header-contacts.mob-style { margin-top: 18px; margin-bottom: 20px; width: 100%; padding-left: 0; } .header-contacts.mob-style li {width:100%;display: block;border-right: none;} .header-contacts.mob-style li:last-child { margin-top: 15px; } .header-contacts.mob-style .media { display: table; } .header-contacts.mob-style .this-title { color: #cbdae6; } @-webkit-keyframes fadeItIn { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeItIn { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /*Navbar*/ .plumber-navbar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2875b1+50,266fac+50 */ background: #2875b1; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2875b1 50%, #266fac 50%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2875b1), color-stop(50%, #266fac)); background: linear-gradient(to bottom, #2875b1 50%, #266fac 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2875b1', endColorstr='#266fac',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: none; box-shadow: none; position: absolute; left: -webkit-calc(50% - 585px); left: calc(50% - 585px); right: -webkit-calc(50% - 585px); right: calc(50% - 585px); z-index: 10; border: none; text-transform: uppercase; margin: -16px 0 -50px; z-index: 9999; border-radius: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } @media (max-width: 1199px) { .plumber-navbar { left: -webkit-calc(50% - 485px); left: calc(50% - 485px); right: -webkit-calc(50% - 485px); right: calc(50% - 485px); } } @media (max-width: 991px) { .plumber-navbar { margin: 0; min-height: 0; left: auto; right: auto; position: relative; } } .plumber-navbar .container { padding: 5px; max-width: 1170px; position: relative; } @media (max-width: 991px) { .plumber-navbar .container { background: #3baed4; padding: 0; } } .plumber-navbar #plumber-nav { position: relative; z-index: 2; padding: 0; } @media (max-width: 991px) { .plumber-navbar #plumber-nav { border: none; } .plumber-navbar #plumber-nav .nav { margin: 0; } } .plumber-navbar #plumber-nav li { position: relative; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li { border-bottom: 1px solid #4fc2e8; } } .plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before { content: ''; height: 34px; width: 1px; display: block; position: absolute; top: 50%; margin-top: -17px; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before { display: none; } } .plumber-navbar #plumber-nav li:before { background: #265c86; left: 0; } .plumber-navbar #plumber-nav li:after { background: #4287b8; right: 0; } .plumber-navbar #plumber-nav li:first-child:before { display: none; } .plumber-navbar #plumber-nav li:last-child:after { display: none; } .plumber-navbar #plumber-nav li a { color: #fff; text-shadow: none; padding: 0 25px; font: bold 16px/54px "Open Sans", sans-serif; border: 0; } @media (max-width: 1199px) { .plumber-navbar #plumber-nav li a { padding: 0 15px; font-size: 14px; } } @media (max-width: 991px) { .plumber-navbar #plumber-nav li a { font-size: 15px; line-height: 52px; } } @media (max-width: 767px) and (min-width: 361px) { .plumber-navbar #plumber-nav li a { padding: 0 25px; } } .plumber-navbar #plumber-nav li a:hover, .plumber-navbar #plumber-nav li a:focus { background: none; color: #7cc3ff; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li a:hover, .plumber-navbar #plumber-nav li a:focus { color: #fff; } } .plumber-navbar #plumber-nav li.active a { color: #7cc3ff; background: none; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li.active a { color: #fff; } } .plumber-navbar #plumber-nav li .sub-menu { top: -webkit-calc(100% + 5px); top: calc(100% + 5px); background: #3baed4; border-radius: 0; border: none; padding: 0; min-width: 256px; } @media (min-width: 1025px) { .plumber-navbar #plumber-nav li .dropdown-menu { display: block; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-duration: 200ms; transition-duration: 200ms; } } @media (max-width: 991px) { .plumber-navbar #plumber-nav li .sub-menu { background: #4fc2e8; } } .plumber-navbar #plumber-nav li .sub-menu li { border-bottom: 1px solid #4fc2e8; } .plumber-navbar #plumber-nav li .sub-menu li:before, .plumber-navbar #plumber-nav li .sub-menu li:after { display: none; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li .sub-menu li { padding-left: 15px; border-bottom: none; border-top: 1px solid #75dbfd; } } .plumber-navbar #plumber-nav li .sub-menu li:last-child { border: none; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li .sub-menu li:last-child { border-top: 1px solid #75dbfd; } } .plumber-navbar #plumber-nav li .sub-menu li a { color: #fff; font-size: 15px; font-weight: normal; text-transform: capitalize; padding: 0 32px; line-height: 48px; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li .sub-menu li a { padding: 0 15px; } .plumber-navbar #plumber-nav li .sub-menu li a:before { content: '-'; padding-right: 10px; } } .plumber-navbar #plumber-nav li .sub-menu li a:hover, .plumber-navbar #plumber-nav li .dropdown-menu li a:focus { background: #4fc2e8; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li:hover, .plumber-navbar #plumber-nav li:focus { background: #4fc2e8; } } .plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a { color: #64d9ff; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a { color: #fff; } } .plumber-navbar #plumber-nav li.dropdown > a:after { font-family: "FontAwesome"; display: none; content: "\f107"; } @media (max-width: 991px) { .plumber-navbar #plumber-nav li.dropdown > a:after { display: block; float: right; } } .plumber-navbar #plumber-nav li.dropdown.open > a:after { content: "\f106"; } @media (min-width: 1025px) { .plumber-navbar #plumber-nav li.dropdown:hover .sub-menu, .plumber-navbar #plumber-nav li.dropdown:focus .sub-menu { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } .plumber-navbar #plumber-nav .header-social { display: table; margin: 0 auto 30px; } @media (min-width: 992px) { .plumber-navbar #plumber-nav .header-social { display: none; } } .plumber-navbar #plumber-nav .header-social li { border: none; } .plumber-navbar #plumber-nav .header-social li a { line-height: 1; } .plumber-navbar.affix-coming { top: -100px; } .plumber-navbar.affix { top: 0; left: 0; right: 0; position: fixed; margin: 0; -webkit-animation: fadeItIn 1s; animation: fadeItIn 1s; } .plumber-navbar.affix + section, .plumber-navbar.affix + div { margin-top: 70px; } .navbar-container { margin: 0; border: 1px dashed rgba(255, 255, 255, 0.3); position: relative; z-index: 2; } @media (max-width: 991px) { .navbar-container { border: none; } } .get-appointment-btn { float: right; color: #fff; font: bold 16px/54px "Open Sans", sans-serif; padding: 0 34px; background: #058dc5; position: relative; text-align: center; } @media (max-width: 991px) { .get-appointment-btn { float: none; display: block; margin: 25px 15px 20px; } .get-appointment-btn { margin: 25px 0px 5px; } .header-social li a { color: #fff; } .nav.nav-pills.header-social { display: table; margin: 0 auto; } .nav.nav-pills.header-social li { padding:0 15px; } } @media (max-width: 767px) and (min-width: 361px) { .get-appointment-btn { margin: 25px 25px 20px; } } .get-appointment-btn:before { content: ''; display: block; position: absolute; z-index: 1; top: 50%; left: 0; right: 0; bottom: 0; background: #0688c0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .get-appointment-btn span { position: relative; z-index: 2; } .get-appointment-btn:hover, .get-appointment-btn:focus { color: #fff; background: #092942; } .get-appointment-btn:hover:before, .get-appointment-btn:focus:before { background: #09263e; } .navbar-toggle { border-radius: 0; padding: 0; border: none; margin: 8px 0; width: 25px; display:block; } .navbar-toggle .icon-bar { height: 3px; width: 15px; background: #092942; margin: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; float: right; } .navbar-toggle .icon-bar:nth-child(2) { width: 25px; } .navbar-toggle .icon-bar:nth-child(3) { width: 20px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; } .navbar-toggle[aria-expanded="true"] .icon-bar { width: 25px; } .porltv { position: relative; } .nav-footer ul.nav li.menu-item-has-children > a > button { display: none; } /*-------------------Defaul--End------------*/ .clearfix { clear: both; } .m0 { margin: 0 !important; } .mt30 { margin-top: 30px; } .p0 { padding: 0 !important; } ul, li { margin: 0; padding: 0; } .btn { background: #4dcef6; color: #fff; font-size: 16px; font-weight: bold; padding: 0 40px; line-height: 48px; text-transform: uppercase; } .btn0 { background: #ffba00; color: #fff; font-size: 16px; font-weight: bold; padding: 0 40px; line-height: 48px; text-transform: uppercase; margin: 0 20px 0 0; } .btn2 { color: #000; background: #f8d24b; } a, .btn, button { text-decoration: none; outline: none; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { text-decoration: none; outline: none; } section.row, header.row, footer.row { position: relative; } body { font-family: "Open Sans", sans-serif; font-weight: 100%; height: 100%; overflow-x: hidden; letter-spacing: 0.2px; } .thm-container { max-width: 1170px; width: 100%; margin-left: auto; margin-right: auto; } .four_arrow_hover_box { display: block; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; opacity: 0; border: 7px solid rgba(3, 137, 158, 0.6); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .four_arrow_hover_box .arrows { border: 1px solid #fff; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .four_arrow_hover_box .arrows span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(3, 137, 158, 0.6); } .four_arrow_hover_box .arrows:before, .four_arrow_hover_box .arrows:after { content: ''; display: block; position: absolute; } .four_arrow_hover_box .arrows:before { border-top: 1px solid rgba(3, 137, 158, 0.6); border-bottom: 1px solid rgba(3, 137, 158, 0.6); top: -1px; bottom: -1px; left: 16px; right: 16px; } .four_arrow_hover_box .arrows:after { border-left: 1px solid rgba(3, 137, 158, 0.6); border-right: 1px solid rgba(3, 137, 158, 0.6); left: -1px; right: -1px; top: 16px; bottom: 16px; } .accrodion { border: 1px solid #D7D7D7; background: #fff; margin-bottom: 10px; } .accrodion:last-child { margin-bottom: 0; } .accrodion.active .accrodion-title { background: #019BB3; } .accrodion.active .accrodion-title h4 { color: #fff; } .accrodion.active .accrodion-title:after { content: '-'; font-size: 40px; line-height: 38px; color: #fff; } .accrodion .accrodion-title { cursor: pointer; position: relative; padding-left: 30px; padding-right: 30px; } .accrodion .accrodion-title:after { content: '+'; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #898989; font-size: 23px; position: absolute; top: 0; right: 20px; line-height: 46px; } .accrodion .accrodion-title h4 { color: #242424; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 46px; letter-spacing: .04em; margin: 0; } .accrodion .accrodion-content { padding-left: 30px; padding-top: 19px; padding-bottom: 30px; } .accrodion .accrodion-content h3, .accrodion .accrodion-content h4 { margin: 0; color: #242424; margin-bottom: 15px; } .accrodion .accrodion-content p { font-size: 14px; color: #898989; line-height: 24px; margin: 0; margin-bottom: 20px; } .accrodion .accrodion-content ul { margin-top: 19px; } .accrodion .accrodion-content ul li { font-size: 14px; line-height: 15px; color: #898989; margin-bottom: 8px; } .accrodion .accrodion-content ul li:last-child { margin-bottom: 0; } .accrodion .accrodion-content ul li:before { content: '\f105'; font-family: 'FontAwesome'; color: #898989; margin-right: 15px; } .accrodion .accrodion-content .img-caption .img-box, .accrodion .accrodion-content .img-caption .content-box { display: table-cell; vertical-align: top; } .accrodion .accrodion-content .img-caption .img-box { width: 143px; } .accrodion .accrodion-content .img-caption .content-box { padding-left: 25px; } .accrodion .accrodion-content .img-caption .content-box p { margin-bottom: 0; } .image_hover:after { position: absolute; content: ''; opacity: 0; background: #000; top: 0; bottom: 0; left: 0; right: 0; transition: all .3s ease-out; } .image_hover:focus:after, .image_hover:hover:after { opacity: 1; } .image_hover:hover:after { opacity: .5; } .zoom_img_effect { position: relative; transition: all .3s ease-out; } .image_hover:hover .zoom_img_effect { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } /* ============================== 3. header top styles ============================== */ .wel-band { background: #093660; font: 300 1em/1em "Open Sans", sans-serif; color: #6e6e6e; } .wel-band-bg { background: url("assets/images/head-top-band1.png") no-repeat center center; overflow: hidden; padding: 1.075em 0; background-size: cover; } .wel-band-bg p { font: 400 1.1em/1em "Open Sans", sans-serif; margin: 0; padding: 0; } .top-w-text p { font: 400 1.1em/1em "Open Sans", sans-serif; margin: 0; padding: 0; color: #fff; } .wel-band .right { text-align: right; } .logo { text-align: left; } .logo-sec { padding-top: 25px; padding-bottom: 25px; } .t-logo { text-align: left; padding-bottom: 0em; } .logo-sec img { display: inline-block; } .touch_top { float: left; padding: 8px 0; width: 100%; } .touch_top ul .item { padding: 0; float: right; } .touch_top ul .item:last-child { border-right: 1px solid #d8d8d8; } .touch_top ul .item-ad { width: 40%; padding: 0 0 0 0; } .touch_top ul .item-phone { width: 50%; padding: 0 0 0 4%; } .touch_top ul .item .media .media-left a i { font-size: 2em; color: #1fa6c8; display: initial; width: initial; height: initial; line-height: 1; vertical-align: initial; margin-left: initial; } .media-body { text-align: left; } .media-body p { text-align: left; color: #232932; padding: 0; margin: 0; font: 400 1.072em/0.8em "Open Sans", sans-serif; } .media-body p span { color: #9692a0; font-size: 1em; line-height: 1.7em; } .media-body p span a { color: #9692a0; } .media-body p span a:hover { color: #0fa2d9; } .touch_top .nav { margin: 0; } .widget-search { float: right; padding: 8px 0; } .widget .search-form .form-control { height: 37px; border-radius: 0; border: none; font: 1em/1em "Open Sans", sans-serif; padding: 0 15px; -webkit-box-shadow: none; box-shadow: none; color: #c0c0c0; z-index: 0; } .widget-inner { border: 1px solid #ddd; } .widget .search-form .form-control + .input-group-addon { padding: 0; border: 0; border-radius: 0; background-color: transparent; } .widget .search-form .form-control + .input-group-addon button { border: 0; background: #fff; color: #ddd; font-size: 1.2em; line-height: 2.1em; padding-right: 15px; } #header { position: relative; background: #fff; } .header-3 .wel-t-band { background: #083661; } .header-3 .wel-band-bg { background: url("assets/images/header-top-band/head-top-band3.jpg") no-repeat center center; background-size: cover; } .header-3 .wel-t-band p, .header-3 .wel-t-band p span { color: #fff; } .header-3 .widget-t-search { padding: 0; } .header-3 .widget-t-search .widget-t-inner { margin-top: 0; border: none; } .header-3 .widget-t .search-form .form-control { height: 63px; } .header-3 .nav-t-holder .nav-t-footer ul.nav > li:hover a, .header-3 .nav-t-holder .nav-t-footer ul.nav > li.active a { color: #4dcef6; } .header-3 .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li a { color: #242424; } .header-5 { background: #0f263a; } .header-5 .navi { border-top: 1px solid #1b364c; } .header-5 .media-body p { color: #9e9e9e; } .header-5 .touch_top ul .item:last-child { border-right: 1px solid #485662; } /* ============================== 4. Header Menu styles ============================== */ ul.ind-menu .menu ul li { display: inline-block; padding: 1.6em 0; position: relative; } ul.ind-menu .menu ul li:first-child a { padding-left: 0; } ul.ind-menu .menu ul li a { padding: 0 1.3em; display: block; color: #fff; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; font: 600 1.36em/1em 'Open Sans Condensed', sans-serif; border-right: 1px dashed #3f5262; } nav.main_menu .nav-holder ul.nav.ind-menu li.current_page_item a:active { color: #ED1F24 !important; } nav.main_menu .nav-holder ul.nav.ind-menu li a:focus { color: #ffffff!important; } nav.main_menu .nav-holder ul.nav.ind-menu li a:hover { color: #fab90a; } nav.main_menu .nav-holder ul.nav.ind-menu li.current_page_item a:visited { /*color: #fab90a;*/ } .main-menu-wrapper { margin-bottom: -65px; position: relative; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease; } .main-menu-wrapper .nav-bg { background: #0f253a; } .main-menu-wrapper:before { content: ''; background: #0f253a; width: 1190px; height: 100%; position: absolute; top: 0; z-index: -1; } .main-menu-wrapper.stricky-fixed { position: fixed; top: 0px; /*top: 10px;*/ left: 0; width: 100%; z-index: 9999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */ background: #009bb3; } .main-menu-wrapper.stricky-fixed .free-qoute-button { -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper.stricky-fixed .free-qoute-button:before { content: ''; background: #FBB12F; right: 100%; width: 2500px; top: 0; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover { background: #1FB5C7; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before { background: #1FB5C7; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover a { color: #fff; } .ind-container { max-width: 1170px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .main-menu-wrapper .ind-container { position: relative; } .main-menu-wrapper .ind-container:before {} .main-menu-wrapper .free-qoute-button { background: #FBB12F; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button:hover { background: #1FB5C7; } .main-menu-wrapper .free-qoute-button:hover:before { background: #1FB5C7; } .main-menu-wrapper .free-qoute-button:hover a { color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button:before { content: ''; position: absolute; left: -32px; top: 0; width: 80px; background: #FBB12F; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button a { font: 700 1.8em/1.2em 'Open Sans Condensed', sans-serif; color: #010101; text-transform: uppercase; padding: 18px 30px 18px 28px; display: block; position: relative; } .main-menu-wrapper .free-qoute-button a:before {} .nav-holder { position: relative; } .nav-holder .nav-header { display: none; padding: 12px 20px; } .nav-holder .nav-header button { width: 40px; height: 40px; background: #19242a; border: none; outline: none; color: #fff; font-size: 25px; border-radius: 5px; } .nav-holder .nav-footer { display: block; } .nav-holder .nav-footer ul.nav > li { display: inline-block; padding: 23.5px 0; position: relative; } .nav-holder .nav-footer ul.nav > li:hover a, .nav-holder .nav-footer ul.nav > li.active a { color: #fab90a; background-color: transparent; } .nav-holder .nav-footer ul.nav > li:last-child > a { border: none; padding-right: 0; } .nav-holder .nav-footer ul.nav > li > a { padding: 0 1.2em; display: block; color: #fff; text-transform: uppercase; border-right: 1px dashed #3f5262; -webkit-transition: all .3s ease; transition: all .3s ease; font: 600 1.36em/1em 'Open Sans Condensed', sans-serif; letter-spacing: 0.4px; } .nav-holder .nav-footer ul.nav > li.menu-item > a { letter-spacing: 0.14px; } .nav-holder .nav-footer ul.nav > li > ul.sub-menu { top: 100%; left: 0; } .nav-holder .nav-footer ul.nav > li > ul.sub-menu.align-right { right: 0; left: auto; } .nav-holder .nav-footer ul.nav > li:hover > ul.sub-menu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu { top: 0; left: 100%; } .nav-holder .nav-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu.align-right { right: 100%; left: auto; } .nav-holder .nav-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li ul.sub-menu { position: absolute; width: 275px; opacity: 0; visibility: hidden; z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; } .nav-holder .nav-footer ul.nav > li ul.sub-menu li { display: block; padding: 0; background: #fff; } .nav-holder .nav-footer ul.nav > li ul.sub-menu li:last-child a { border-bottom: 0; } .nav-holder .nav-footer ul.nav > li ul.sub-menu li:last-child a:after { display: none; } .nav-holder .nav-footer ul.nav > li ul.sub-menu li:hover > a { color: #fff; background: #51c5e9; } .nav-holder .nav-footer ul.nav > li ul.sub-menu li a { color: #242424; font: 600 1.0712em/1em 'Open Sans', sans-serif; padding: 13px 25px 14px; border-bottom: 1px solid #e9e9e9; position: relative; display: block; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; } .nav-footer ul.nav li.has-sub-menu > a > button { display: none; } .menu-gradient {} .main-menu-wrapper.full-width { background: #FBB12F; margin-top: 0; margin-bottom: 0; } .main-menu-wrapper.full-width.stricky-fixed { top: 0; } .main-menu-wrapper.full-width .free-qoute-button a:after { content: ''; position: absolute; right: 0; top: 0; width: 2000px; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */ background: #ffffff; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0) /* IE6-9 */ } /* ============================== 5. Banner styles ============================== */ .thm-btn { border: none; outline: none; background: transparent; font-size: 14px; line-height: 28px; color: #fff; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 500; padding: 10px 0px; padding-left: 27px; padding-right: 27px; display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 2px solid #fff; } .thm-btn:hover { background: #1FB5C7; color: #fff; } .thm-btn:hover i { color: #fff; border-color: transparent; } .thm-btn:hover i:after { background: #fff; } .thm-btn i { font-size: 16px; color: #000000; line-height: 28px; border-left: 1px solid #FFCD47; margin-left: 20px; padding-left: 15px; position: relative; } .thm-btn i:after { content: ''; position: absolute; top: 0; left: -2px; width: 1px; height: 100%; background: #D7A41B; } .thm-btn.transparent { background-color: transparent; border: 1px solid #85A4BE; color: #fff; } .thm-btn.transparent i { color: inherit; } .thm-btn.transparent:hover { background: #1FB5C7; border-color: #1FB5C7; color: #fff; } .thm-btn.transparent:hover i { color: inherit; } .animate-3 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .animate-5 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .animate-7 { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .animate-3-all * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .animate-5-all * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .animate-7-all * { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .thm-banner-wrapper .caption-h1 { font-size: 50px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; } .thm-banner-wrapper .caption-p { font-size: 20px; font-style: italic; color: #fff; line-height: 28px; } .thm-banner-wrapper .caption-divider span.divider { width: 1px; height: 90px; background: #fff; display: block; } .thm-banner-wrapper .thm-btn { padding-top: 7px; padding-bottom: 7px; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; font-weight: bold !important; } .thm-banner-wrapper .thm-btn i { margin: 0; border-color: transparent; } .thm-banner-wrapper .thm-btn i:after { display: none; } .thm-banner-wrapper .thm-btn.inverse { background: #F7BE3D; color: #000; border: 2px solid #F7BE3D; } .thm-banner-wrapper .thm-btn.inverse:hover { color: #202020; background: #1FB5C7; } .thm-banner-wrapper .thm-btn.inverse i { color: #fff; } .thm-banner-wrapper .brder { display: block; width: 100px; height: 4px; background: #E6AB0C; margin-left: auto; margin-right: auto; margin-top: 22px; } /* ============================== 6. Welcome to industrial styles ============================== */ .wel-ind-pad { padding: 5.7em 0 1em; } .wel-info { position: relative; overflow: hidden; } .wel-info h1 {} .wel-info h1 { font: 600 2.4em/1em "Alegreya", serif; color: #282c3d; margin: 0 0 0.8em; text-transform: uppercase; } .wel-info p { margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #777777; } .wel-bot { padding: 1.2em 0 0; } .wel-bot img { float: left; border: 1px solid #cecece; padding: 0.4em; margin: 0 1.8em 0 0; height: 92px; width: 104px; } .wel-bot h2 { font: 400 1.5em/1.2em "Open Sans", sans-serif; color: #009bb3; margin: 0; padding: 0; } .wel-bot p { color: #777; font-style: italic; padding: 0.8em 0 0; opacity: 0.5; } .wel-ind-image { position: relative; } .wel-ind-image:after { content: ''; position: absolute; border: 2px solid #fff; z-index: 4; display: block; top: 10px; left: 10px; bottom: 10px; right: 10px; } .wel-ind-image img { max-width: 100%; width: 470px; height: 260px; } .wel-ind-r-sec { position: relative; } .wel-ind-r-txt { float: left; margin: 2em; } .wel-ind-r-txt p { font: 400 1.5em/1.2em "Open Sans", sans-serif; font-style: italic; } .wel-ind-r-img { float: right; position: relative; bottom: 4em; z-index: 4; } .wel-ind-r-img img { border-top: 7px solid #fff; border-left: 7px solid #fff; width: 256px; height: 158px; } /* ============================== 7. Our Services styles ============================== */ /*.our-services { background: #f6f6f6; }*/ .sectpad { padding: 5.7em 0; } .sectpad-ser { padding: 5.7em 0 3em; } .section_header { position: relative; padding: 0 0 3em; } .section_header h2 { font: bold 28px "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0; } .section_header h2:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .color h2 { color: #242424 !important; } .service-info { position: relative; overflow: hidden; display: inline-block; float: none; vertical-align: top; } @media (max-width: 981px) { .service-info {float:left;} } .service-info a { display: inline-block; width: 100%; } .service-info a h4 { border-bottom: 2px solid #19a3b8; color: #242424; font: 600 1.3em/1.5em "Open Sans", sans-serif; text-transform: uppercase; padding: 0 0 0.5em; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .service-info a h4:hover { color: #fbb12f; border-bottom: 2px solid #8192a4; } .service-info p { color: #898989; font: 400 1.1em/1.6em "Open Sans", sans-serif; margin: 0; padding: 1em 0 0.5em; } .service-info h6 a, .service-info p a { text-transform: uppercase; font: 13px "Open Sans", sans-serif; font-weight: bold; } .service-info h6 a:hover, .service-info p a:hover { color: #8192a4; } .service-info h6 { -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; padding: 0 0 3em; } .service-info .post-image { position: relative; overflow: hidden; } .service-info .post-image img { max-width: 100%; width: 370px; height: 202px; } .service-info .item { position: relative; } .service-info .item .four_arrow_hover_box { top: 0; left: 0; right: 0; bottom: 0; } .service-info .item:hover .four_arrow_hover_box, .service-info .item:focus .four_arrow_hover_box { opacity: 0.9; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* ============================== 8. Our Services natural resource styles ============================== */ .fluid-service-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; background: #123450; } @media (max-width: 991px) { .fluid-service-area { display: block; } } .fluid-service-area .work-image-ser { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } @media (max-width: 991px) { .fluid-service-area .work-image-ser { width: 100%; text-align: center; } } @media (max-width: 991px) { .fluid-service-area .work-image-ser img { width: 100%; } } .fluid-service-area .service-promo { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; position: relative; padding-left: 30px; background: #123450; } @media (max-width: 991px) { .fluid-service-area .service-promo { width: 100%; padding-bottom: 30px; } } @media (max-width: 991px) { .fluid-service-area .service-promo { padding: 15px; } } .fluid-service-area .service-promo ul .item { text-align: left; padding: 0 0 4.1em; } .service-content { position: relative; z-index: 2; padding: 4em 4em 0em 4em; } .service-content .media-left { vertical-align: middle; padding-right: 4em; } .service-content ul .item .media .media-body { text-align: left; font: 1em/1em "Open Sans", sans-serif; color: #898989; letter-spacing: 0.3px; padding: 0 17em 0 0; } .service-content ul .item .media .media-body h4 { font: 600 1.3em/1em "Open Sans", sans-serif; color: #fff; text-transform: uppercase; } .service-content ul .item .media .media-body p { font: 1em/1.5em "Open Sans", sans-serif; color: #fff; } .nau-head { position: absolute; background: #ffa10d; width: 18em; bottom: 1em; text-align: left; font-family: "Raleway", sans-serif; padding: 1em 0 0 2em; right: 0; } .nau-head p { font: 600 1.3em/1em "Raleway", sans-serif; color: #000; text-transform: uppercase; } .nau-head p span { display: block; color: #000; font-size: 0.7em; font-weight: 400; } /* Our Projects */ .our-project { background: #ecebef; overflow: hidden; } .project_txt_btn { width: 100%; float: left; position: absolute; left: 0; overflow: hidden; top: 0px; text-align: center; height: 100%; } a.view-all.slide_learn_btn.view_project_btn { width: 147px; font-size: 14px; display: inline-block; top: -140px; position: relative; z-index: 999; -webkit-transition: -webkit-transform 0.55s; transition: transform 0.55s; line-height: 43px; font-family: 'Open Sans', sans-serif; background: #53cff5; text-transform: uppercase; border-radius: 3px; font-weight: bold; color: #fff; } .project_txt_btn h6 { width: 100%; float: left; font-size: 16px; text-align: center; background: #f8c12c; color: #000; line-height: 50px; bottom: -60px; text-transform: uppercase; font-weight: bold; margin: 0; } .desi-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .project_img { background: #000; position: relative; } .project_img:hover img { opacity: 0.5; -webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1); } .project_img img, .project_img h6 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .project_img img { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 0; } .project_img:hover img { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); border: 0; } .project_img h6, .project_img .view_project_btn { position: absolute; z-index: 99; } .project_img:hover h6 { bottom: 0; left: 0; } .project_img:hover .view_project_btn { opacity: 1 } .project_img:hover a.view-all.slide_learn_btn.view_project_btn { top: 40%; text-decoration: none; } /* ============================== 9. Our Project Slider styles ============================== */ .our-pro-slider .pro-sliders { padding-top: 8px; } .our-pro-slider .pro-sliders .post-image { position: relative; } .our-pro-slider .pro-sliders .post-image img { max-width: 100%; /*border: 1px solid #ebebeb;*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .our-pro-slider .pro-sliders .post-image img:hover { /*border: 1px solid #103d68;*/ /*border-radius: 100%;*/ } .our-pro-slider .pro-sliders .item { position: relative; } .our-pro-slider .pro-sliders .item .four_arrow_hover_box { top: 0; left: 0; right: 0; bottom: 0; } .our-pro-slider .pro-sliders .item:hover .four_arrow_hover_box, .our-pro-slider .pro-sliders .item:focus .four_arrow_hover_box { opacity: 0.9; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .our-pro-slider .pro-sliders .pro-web { position: absolute; bottom: 1.5em; z-index: 6; width: 100%; text-align: center; } .our-pro-slider .pro-sliders .pro-web h4 { color: #fff; text-transform: uppercase; font: 600 1.3em/1em "Open Sans", sans-serif; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0; } @media (max-width: 599px) { .our-pro-slider .pro-sliders .item { max-width: 320px; margin: 0 auto; } } .our-pro-slider .owl-nav { position: absolute; right: 0; top: -85px; } .pro-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev, .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-next {} .fullwidth-silder2 .owl-controls .owl-nav .owl-prev, .fullwidth-silder2 .owl-controls .owl-nav .owl-next, .fullwidth-silder3 .owl-controls .owl-nav .owl-prev, .fullwidth-silder3 .owl-controls .owl-nav .owl-next { width: 40px; text-align: center; font-size: 22px; line-height: 36px; color: #8d8d8d; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; height: 40px; padding: 0; border: 1px solid #8d8d8d; border-radius: 0; background: transparent; } .pro-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #329cad; color: #fff; text-decoration: none; } .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 5px; } /* ============================== 10. Testimonial home styles ============================== */ .testimonial-wrapper { background: url(../images/testimonial/testimonial-bg.jpg) center bottom no-repeat fixed; background-size: cover; position: relative; } .testimonial-sec { padding: 2em 10em; text-align: center; } .testimonial-sec .testimonial-slider { text-align: center; } .testimonial-sec .testimonial-slider img { width: 100px; /*border: 2px solid #FFFFFF;*/ /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); opacity: 1 !important;*/ border-radius: 50%; display: inline-block; } .testimonial-sec .testimonial-slider p { font: 1.15em/2em "Open Sans", sans-serif; color: #fff; padding: 0; margin: 2em; } .testimonial-sec .testimonial-slider p span { float: left; } .testimonial-sec .testimonial-slider p span img { width: auto; border-radius: inherit; margin-top: -10px; } .testimonial-sec .testimonial-slider .owl-dots .owl-dot { display: inline-block; zoom: 1; } .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #FBB12F; background-color: transparent; /* background: #FBB12F; */ } .testimonial-sec .testimonial-slider .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .testimonial-sec .testimonial-slider .owl-dots .owl-dot span { border: 2px solid #1FB5C7; background: transparent; width: 15px; height: 15px; } /* ============================== 11. Latest News styles ============================== */ .latest-news { background: url("../images/latest-news/news-bg.jpg") no-repeat scroll center 0; -webkit-background-size: cover; background-size: cover; } .latest-outer { position: relative; } .lat-news-outer { position: relative; background: #fff; } .lat-news-outer .lat-img-box { display: table-cell; vertical-align: middle; position: relative; } .lat-news-outer .lat-img-box img { max-width: 100%; } .lat-news-outer .lat-img-box { width: 200px; } .lat-news-outer .lat-img-box .latest-info-date { position: absolute; width: 62px; height: 76px; text-align: center; background: #06aac3; left: 0; bottom: 0; } .lat-news-outer .lat-img-box .latest-info-date h3 { font: 600 25px/21px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; } .lat-news-outer .lat-img-box .latest-info-date h3 small { font: 500 14px/21px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; text-transform: uppercase; display: block; } .lat-news-outer .lat-new-cont { display: table-cell; vertical-align: middle; padding: 0 2em; } .lat-news-outer .lat-new-cont h3 { font: 600 16px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #000; margin-top: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; text-transform: uppercase; } .lat-news-outer .lat-new-cont p { border-bottom: 1px solid #e7e7e7; font: 400 1em/1.4em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; padding-bottom: 15px; margin-bottom: 13px; } .latest-meta a { font: normal 1em/1em "Open Sans", sans-serif; color: #c1c1c1; padding-right: 13px; } .latest-meta a + a:before { content: ''; background: #c2c2c2; margin-right: 15px; width: 1px; height: 14px; bottom: -3px; position: relative; display: inline-block; } .latest-meta .read_more { color: #3dabf1; } .lat-pad { margin: 0 0 2em; } .latest {} .latest .latest-image { position: relative; } .latest .latest-image img { max-width: 100%; } .latest .latest-image .latest-info-date { position: absolute; width: 62px; height: 76px; text-align: center; background: #06aac3; left: 0; bottom: 0; } .latest .latest-image .latest-info-date h3 { font: 600 1.5em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; } .latest .latest-image .latest-info-date h3 small { font: 500 1em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; text-transform: uppercase; display: block; } .latest .latest-news-text { padding: 21px 30px 20px 30px; background: #fff; } .latest .latest-news-text h4 { font: 600 16px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #000; margin-top: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; text-transform: uppercase; } .latest .latest-news-text p { border-bottom: 1px solid #e7e7e7; font: 400 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; padding-bottom: 15px; margin-bottom: 13px; } .latest .latest-image .latest-info-date h3 small { font: 500 14px/21px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; text-transform: uppercase; display: block; } /* ============================== 12. Our Client styles ============================== */ .our-client { background: #fff; position: relative; } .client-carousel .item img:hover { opacity: 1 !important; } .client-carousel .item img { opacity: 0.5 !important; border: 1px solid #F0F0F0; -webkit-transition: all .3s ease; transition: all .3s ease; } /* ============================== 13. Indurial Solution styles ============================== */ .indurial-solution { position: relative; background: #009bb3; } .indpad { padding: 1.5em 0; } .indurial-solution-text h2 { font: 600 2em/1em "Open Sans", sans-serif; letter-spacing: 0.4px; color: #fff; font-style: italic; margin: 0; padding: 0.4em 0 0; text-align: center; display: inline-block; } .anim-5, .anim-5-all * { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .contactus-button a { background: #19242a; color: #fff; display: inline-block; font: 500 1em/1em "Open Sans", sans-serif; margin-top: 1px; padding: 0px 17px 0px 23px; text-transform: uppercase; float: right; border-radius: 5px; line-height: 42px; letter-spacing: 2px; } .contactus-button a:hover { background: #3d515c; color: #fff; } .contactus-button { margin: 0.5em 0 0; } /* ============================== 14. Footer styles ============================== */ #footer { background: #19242a; } .sec-padding { padding-top: 6em; padding-bottom: 4.3em; } .widget.about-us-widget a { color: #1FB5C7; margin-top: 1.4em; text-decoration: none; } .widget.about-us-widget p { color: #ffffff; margin-top: 2em; font-size: 1.1em; } .widget.about-us-widget ul { margin: 0; padding: 0; } .widget.about-us-widget ul li { display: inline-block; list-style: none; padding: 10px 9px; } .widget.about-us-widget ul li:first-child { padding-left: 0px; } .widget.about-us-widget ul li a { padding: 0; color: #7c7c7c; } .widget.about-us-widget ul li a:hover { background: none; color: #11adc6; } .widget.about-us-widget ul li a i { font-size: 1.5em; } .widget.about-us-widget img { max-width: 100%; } .widget-contact h4, .get-in-touch h4, .widget-links h4 { font: 600 20px "Open Sans", sans-serif; color: #fff; margin-top: 0px; text-transform: uppercase; margin-bottom: 24px; font-style: italic; } .widget-contact h4:after, .get-in-touch h4:after, .widget-links h4:after { content: ''; width: 40px; height: 2px; background: #0094b3; display: block; margin-top: 13px; } .widget-contact-list ul { margin: 0; padding: 0; list-style: none; } .widget-contact-list ul li a { color: #ffffff; text-transform: capitalize; line-height: 39px; text-decoration: none; } .widget-contact-list ul li a:hover { color: #009bb3; } .widget-contact-list ul li i { float: left; font-size: 25px; color: #009bb3; width: 34px; padding-top: 13px; line-height: 18px; } .widget.widget-contact ul li .fleft { float: left; color: #ffffff; width: -webkit-calc(100% - 34px); width: calc(100% - 34px); font: 400 1em/1.4em "Open Sans", sans-serif; padding: 1.1em 0 0; } .widget.widget-contact ul li .fleft span { color: #1FB5C7; } .widget.widget-contact ul li i.fa-map-marker { padding-top: 22px; } .widget.widget-contact ul li i.fa-phone { font-size: 21px; line-height: 41px; } .widget.widget-contact ul li i.fa-envelope-o { font-size: 18px; line-height: 41px; } .widget.widget-contact ul li i.icon-Timer { font-size: 20px; line-height: 35px; } .footer-bottom { background: #141d22; color: #555759; padding: 2em 0; } .footer-bottom .fo-txt p { color: #555759; font: 400 1em/1em "Open Sans", sans-serif; } .footer-bottom .fo-txt p a { color: #1d8898; } .footer-bottom .fo-txt p a:hover { color: #f6ba18; } .get-in-touch { position: relative; } .get-in-touch ul { margin: 0; padding: 0; } .get-in-touch ul li { margin: 0; padding: 0; list-style: none; display: inline-block; float: left; } .get-in-touch ul li img { margin: 0 3px 3px 0; width: 84px; height: 68px; } /* ============================== 15. Inner Banner styles ============================== */ .inner-banner { padding-top: 126px; padding-bottom: 83px; background: #13314c url(../images/about/banner.jpg) center center no-repeat; background-size: cover; } .inner-banner h2 { font: 600 2.4em/1em "Alegreya", serif; text-transform: uppercase; color: #fff; } .inner-banner h2:after { content: ''; background: #e6ab0c; width: 50px; height: 4px; margin-left: 10px; display: inline-block; } .inner-banner ul.breadcumb li { display: inline-block; margin-right: 6px; } .inner-banner ul.breadcumb li:last-child a:after, .inner-banner ul.breadcumb li:last-child span:after { display: none; } .inner-banner ul.breadcumb li a { display: inline-block; color: #20bcd4; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block; } .inner-banner ul.breadcumb li span { display: inline-block; color: #fff; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block; } .inner-banner ul.breadcumb li a i, .inner-banner ul.breadcumb li span i { font-size: 14px; font-weight: normal; margin-right: 5px; } .inner-banner ul.breadcumb li a:after, .inner-banner ul.breadcumb li span:after { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #fff; font-size: 13px; margin-left: 7px; } .inner-banner2 { padding-top: 75px; padding-bottom: 80px; background-size: cover; } .inner-banner2 h2 { font: 600 3em/1em 'Open Sans Condensed', sans-serif; color: #fff; margin: 0; padding: 0; text-transform: uppercase; } .breadcumb-wrapper { background: #f2f4f6; border-bottom: 1px solid #e6e8e9; padding-top: 1.2em; padding-bottom: 1.2em; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .breadcumb-wrapper ul.breadcumb li { display: inline-block; margin-right: 6px; } .breadcumb-wrapper ul.breadcumb li:last-child a:after, .breadcumb-wrapper ul.breadcumb li:last-child span:after { display: none; } .breadcumb-wrapper ul.breadcumb li a { display: inline-block; color: #20bcd4; font-weight: 700; font-size: 13px; text-transform: uppercase; display: block; } .breadcumb-wrapper ul.breadcumb li span { display: inline-block; color: #909aa2; font-weight: 700; font-size: 14px; text-transform: uppercase; display: block; } .breadcumb-wrapper ul.breadcumb li a i, .breadcumb-wrapper ul.breadcumb li span i { font-size: 14px; font-weight: normal; margin-right: 5px; } .breadcumb-wrapper ul.breadcumb li a:after, .breadcumb-wrapper ul.breadcumb li span:after { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #909aa2; font-size: 13px; margin-left: 13px; } /* ============================== 16. About Tab Box styles ============================== */ .about-tab-box .vc_tta-tabs-container { margin-bottom: 50px; } .about-tab-box .vc_tta-tabs-container { width: 25%; padding-right: 15px; } .about-tab-box .vc_tta-panels-container { width: 75%; padding-left: 15px; } .about-tab-box .vc_tta-panels-container .vc_tta-panel-body { padding: 0!important; } .about-tab-box .vc_tta-panels-container .vc_tta-panels{ padding: 0 0 0 5em; background-color: initial !Important; border: none !important; } .vc_tta-tabs.vc_tta-tabs-position-left:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tab.vc_active > a:after { height:0; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li { background: #fff; transition: all .3s ease; position: relative; margin: 0 0 1.5em; border: 2px solid #e0e0e0; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a{ background-color: initial!Important; border: none; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_active, .about-tab-box .vc_tta-tabs-container ul li:hover { background: #009bb3; border: 2px solid transparent; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a:hover{ background-color:#0094b3; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a:active{ background-color:#0094b3; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active, .about-tab-box .vc_tta-tabs-container ul li:hover { background: #009bb3; border: 2px solid transparent; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover a{ color:#fff!important; border: none; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a { color:#fff!important; border: none; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:before { position: absolute; top: -2px; left: -2px; width: 6px; height: 106%; background: transparent; content: ''; transition: all .3s ease; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active:before, .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:hover:before { background: #e6ab0c; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.active:after { opacity: 1; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active a, .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:hover a { color: #FFFFFF; } .about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a { text-align: left; font: 500 1.54em/1em "Open Sans", sans-serif; display: block; font-weight: bold; color: #242424; padding: 1em; transition: all 0.3s ease; text-transform: uppercase; border: none; } .about-tab-box .single-tab-content .content-box { margin-left: 20px; } .about-tab-box .single-tab-content h2 { font: bold 2.2em/1.2em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0 0 1em; } .about-tab-box .single-tab-content h2:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .about-tab-box .single-tab-content h3 { font-size: 20px; font-family: 'Open Sans'; color: #242424; line-height: 26px; font-weight: normal; margin-bottom: 10px; } .about-tab-box .single-tab-content p { color: #8E8D8D; margin: 0 0 1em; font: 400 1em/1.8em "Open Sans", sans-serif; } .about-tab-box .single-tab-content ul li { color: #333E56; font-size: 15px; text-transform: uppercase; line-height: 40px; font-weight: 600; } .about-tab-box .single-tab-content ul li .fa { font-size: 18px; color: #FF7043; margin-right: 5px; } .about-tab-box .single-tab-content .abot-img { display: inline-block; margin-top: 2em; } .about-tab-box .single-tab-content .abot-img img { max-width: 100%; float: left; } .about-tab-box .single-tab-content .abot-img img:first-child { margin: 0 2.4em 0 0; } .about-tab { padding: 0 0 0 5em; } .features-section { overflow: hidden; } .features-section .features-image { width: -webkit-calc(50% - 210px); width: calc(50% - 210px); float: left; display: block; text-align: right; } @media (max-width: 1199px) { .features-section .features-image { width: 100%; } } @media (max-width: 1199px) { .features-section .features-image img { width: 100%; } } .features-section .features-area { float: left; position: relative; } @media (max-width: 1199px) { .features-section .features-area { width: 100%; } } .features-section .features-area:after { content: ""; width: 100%; height: 100%; position: absolute; background: #143b53; top: 0; left: 0; display: block; z-index: 1; } .features-section .features-area .features { max-width: 850px; position: relative; z-index: 2; } @media (max-width: 1199px) { .features-section .features-area .features { margin: 0 auto; } } .features-section .features-area .features h4 { font: 700 16px/26px "Raleway", sans-serif; letter-spacing: 0.3px; color: #fff; text-transform: uppercase; margin-bottom: 8px; } .features-section .features-area .features p { font: 500 14px/26px "Raleway", sans-serif; letter-spacing: 0.3px; color: #fff; margin-bottom: 40px!important; opacity: 0.5; } .features-section .features-area .features .features-content { width: 50%; float: left; padding: 80px 30px 27px 35px; } @media (max-width: 639px) { .features-section .features-area .features .features-content { width: 100%; } } .features-section .features-area .features .features-content:first-child { background: #143b53; } .features-content .media .media-left a img{ max-width: initial; } /* ============================== 17. Team styles ============================== */ .team-pad { padding: 0 0 6em; } .team-area .our-team { margin-top: 0.6em; } .team-area .our-team-page { margin-top: 0; margin-bottom: 30px; } .team { -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; cursor: pointer; position: relative; overflow: hidden; } @media (max-width: 991px) { .team { padding: 15px; } } @media (max-width: 767px) { .team { padding: 15px; width: 400px; max-width: 100%; margin: 0 auto; } } .team .team-images { background: url("assets/images/img-bg.jpg") repeat center center; text-align: center; position: relative; z-index: 0; overflow: hidden; height: 297px; } .team .team-images:after { content: ''; background: transparent; position: absolute; border: 1px solid #fff; /*z-index: -1;*/ display: block; top: 10px; left: 10px; bottom: 10px; right: 10px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .our-team-page .team { margin-bottom: 30px; } .team .team-images:before { position: absolute; background-color: rgba(3, 137, 158, 0.6); content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; } .team .team-images img { max-width: 100%; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .team .team-content { padding: 1em 0px 0.8em; text-align: center; cursor: pointer; position: relative; border: 2px solid #e4e4e4; margin: 5px 0 0; } .team .team-content h4 { font: 400 1.15em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #242424; margin: 0; } .team .team-content p { font: 400 14px/22px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; margin: 0; } .team .social-icons { display: table; position: absolute; bottom: 15px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); text-align: center; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .team .social-icons li { display: inline-block; } .team .social-icons li + li { margin-left: 25px; } @media (max-width: 1199px) { .team .social-icons li + li { margin-left: 15px; } } .team .social-icons li a { font-size: 22px; color: #fff; padding: 0; } .team .social-icons li a:hover, .team .social-icons li a:focus { background: none; color: #c89551; } .team:hover .social-icons { bottom: 125px; } .team:hover .team-images:after { border: 1px solid #fff; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 1; background: transparent; } .team:hover .team-images:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1; } .team:hover .team-content { background: #e6ab0c; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border: 2px solid #d59d08; } .team:hover .team-content h4, .team:hover .team-content p { color: #fff; } .dedicated-team { padding-top: 22px; } .dedicated-team .our-teams { margin-bottom: 30px; } .team-wrapper { padding: 100px 0; min-height: 669px; } .team .box-img { position: relative; } .team .box-img img { width: 100%; } .team .box-img .caption { position: absolute; bottom: -146px; background: rgba(10, 45, 78, 0.8); -webkit-transition: all .3s ease; transition: all .3s ease; padding: 20px 30px; } .team .box-img:hover .caption { width: 100%; height: 100%; bottom: 0; padding: 40px 30px; } .team .box-img .caption h2 { font-weight: bold; font-size: 18px; color: #fff; text-transform: uppercase; margin: 0 0 20px 0; } .team .box-img .caption p { color: #fff; font-size: 15px; margin: 0 0 10px 0; } .team .box-img .caption a { font-size: 13px; color: #fab90a; text-transform: uppercase; font-weight: bold; text-decoration: none; } .team-wrapper4 { background: url("assets/images/bg-team4.jpg") repeat; padding: 101px 0 71px; min-height: 813px; width: 100%; } .team-wrapper4 .team { margin: 0 0 30px 0; } /* ============================== 18. Testimonial Area styles ============================== */ .testimonial-area { background: #f5f4f4; } .testimonial-sliders .owl-nav { position: absolute; right: 0; top: -80px; } @media (max-width: 479px) { .testimonial-sliders .owl-nav { top: 0; } } .testimonial-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev, .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-next { background: #61bac8; width: 33px; text-align: center; font-size: 20px; line-height: 33px; color: #fff; float: left; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .testimonial-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #329cad; color: #fff; text-decoration: none; } .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 5px; } .testimonial { position: relative; } @media (max-width: 479px) { .testimonial { display: block; background: none; } } .testimonial + .testimonial { margin-top: 30px; } .testimonial .media-left { position: relative; padding-right: 0; } @media (max-width: 479px) { .testimonial .media-left { display: block; text-align: center; } } .testimonial .media-left a { display: block; width: 170px; height: 185px; line-height: 185px; } @media (max-width: 479px) { .testimonial .media-left a { margin: 0 auto; } } .testimonial .media-left img { width: 140px; height: 140px; border-radius: 50%; } .testimonial .media-left:before { content: ''; position: absolute; right: -2px; top: 19.2%; z-index: 12; background: url("assets/images/arrow.png") no-repeat 0 0; width: 15px; height: 27px; } @media (max-width: 479px) { .testimonial .media-left:before { display: none; } } .testimonial .media-body { vertical-align: middle; padding: 0 30px; border: 2px solid #e4e4e4; background: #fff; } @media (max-width: 479px) { .testimonial .media-body { background: #fff; text-align: left; padding: 30px; } } .testimonial .media-body p { font: 400 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; margin-bottom: 5px; } @media (max-width: 767px) { .testimonial .media-body p { line-height: 22px; font-weight: 300; margin-bottom: 0; } } .testimonial .media-body p span { display: inline-block; background: url(../images/testimonial/quote.jpg) no-repeat scroll center center; width: 21px; height: 19px; margin-right: 16px; } .testimonial .media-body a { font: 300 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #c89551; font-style: italic; text-align: right; display: block; text-decoration: none; } .testimonial-col { padding: 25px 15px; } .testimonial-bg { padding: 55px 0; } .testimonial-sliders { padding-top: 0; } .grid-wrapper.grid-2-columns .our-pro-slider.slick-slide { margin-right: 30px; } /* ============================== 19. Services Page styles ============================== */ .service-tab-box h1 { font: bold 2.2em/1.2em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0 0 1em; } .service-tab-box h1:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .service-tab-box p { margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #777777; } .service-tab-box h6 { color: #242424; margin: 0 0 0.5em; padding: 0; font: 400 1.4em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; } .service-tab-box ul.c-brochure { display: inline-block; color: #fff; } .service-tab-box ul.c-brochure li { background: #fab90a; color: #fff; } .service-tab-box ul.c-brochure li a { color: #fff; font: 400 1.2em/1.2em "Open Sans", sans-serif; } .service-tab-box ul.c-brochure li a span { display: inline-block; padding: 0.7em 1.5em; text-transform: uppercase; letter-spacing: 2px; } .service-tab-box ul.c-brochure li a i { background: #e7ab08; padding: 1em; } .service-tab-box .img-s-box { display: inline-block; overflow: visible; position: relative; font-size: 0; float: right; } .service-tab-box .img-s-box .img-so-box { display: inline-block; position: relative; } .service-tab-box .img-s-box .img-so-box:after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 2px solid rgba(255, 255, 255, 1); border-bottom: 0; border-left: 0; } .service-tab-box .img-s-box .img-st-box { display: inline-block; } .service-tab-box .img-s-box .img-so-box img, .service-tab-box .img-s-box .img-st-box img { max-width: 100%; display: block; } /* ============================== 20. Side Bar Widget styles ============================== */ .pull-left.news .single-sidebar-widget { padding-right: 39px; } .pull-right .single-sidebar-widget { padding-left: 50px; } .single-side-left { width: 320px; margin: 0 50px 0 0; float: left; } .content-right { width: 800px; } .single-sidebar-widget { margin-bottom: 13px!important; /*margin-bottom: 50px!important;*/ } .single-sidebar-widget:last-child { margin-bottom: 0; } .single-sidebar-widget .sec-title { margin-bottom: 30px; } .blog-side-shop .widget .widget-title{ margin-top:0; margin-bottom: 1em; } .single-sidebar-widget .sec-title h2 span { font-size: 20px; text-transform: uppercase; font: 600 0.8em/1em "Alegreya", serif; } .single-sidebar-widget .sec-title h2:after { width: 35px; } .single-sidebar-widget .sec-title h2:after { content: ''; width: 50px; height: 3px; background: #fab90a; display: block; margin-top: 13px; } .single-sidebar-widget .contact-form input, .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { height: 40px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { margin-bottom: 2px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text { line-height: 40px; } .single-sidebar-widget .dwnld-broucher a { text-transform: uppercase; color: #08ADD0; font-weight: 600; margin-top: 30px; font-size: 12px; display: inline-block; } .single-sidebar-widget .special-links li:last-child { margin-bottom: 0; } .single-sidebar-widget .special-links li a { background: #f5f2f2; border-left: 5px solid #f5f2f2; color: #242424; font-weight: 500; /*font-weight: bold;*/ text-transform: capitalize; /*text-transform: uppercase;*/ display: block; margin-bottom: 10px; /*line-height: 50px;*/ line-height: 31px; position: relative; padding: 0 20px; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; } .single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li.active a { background: #3dc1ea; color: #fff; border-left: 5px solid #FF8100; } .single-sidebar-widget .special-links li:hover a:after, .single-sidebar-widget .special-links li.active a:after { color: #fff; } .single-sidebar-widget .special-links li a:after { display: none; content: '\f101'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 20px; line-height: 31px; color: #6A6969; font-weight: normal; } .search-box placeholder { color: #000; } .single-sidebar-widget .search-box form { background: #e5e5e5; width: 100%; height: 48px; border: 1px solid #e9e9e9; } .single-sidebar-widget .search-box form input { padding-left: 30px; border: none; outline: none; height: 100%; color: rgba(255, 255, 255, 0.5); width: calc(100% - 55px); background-color: transparent; } .single-sidebar-widget .search-box form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.5); } .single-sidebar-widget .search-box form input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: rgba(186, 185, 185, 1); } .single-sidebar-widget .search-box form button { position: relative; left: 2px; width: 50px; background: #009bb3; color: #000000; font-size: 16px; padding: 11px 0px; border: none; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .search-box form button:hover { background: #1FB5C7; } .single-sidebar-widget .search-box form button:hover i { color: #fff; } .single-sidebar-widget .search-box form button:hover:after { background: #1FB5C7; } .single-sidebar-widget .search-box form button i { position: relative; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .categories ul li:last-child a { border: none; } .single-sidebar-widget .categories ul li a { color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; } .single-sidebar-widget .categories ul li a:after { content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .popular-post li { margin-bottom: 30px; } .single-sidebar-widget .popular-post li:last-child { margin-bottom: 0; } .single-sidebar-widget .popular-post .img-box, .single-sidebar-widget .popular-post .content { display: table-cell; vertical-align: middle; } .single-sidebar-widget .popular-post .img-box { width: 110px; } .single-sidebar-widget .popular-post .content { padding-left: 30px; } .single-sidebar-widget .popular-post .content a h4 { font-family: 'Open Sans', sans-serif; color: #242424; text-transform: uppercase; font-size: 13px; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .popular-post .content a h4:hover { color: #1FB5C7; } .single-sidebar-widget .popular-post .content p { color: #8E8D8D; font-size: 13px; line-height: 20px; margin: 0; } .single-sidebar-widget .popular-post .content span { color: #1CBAC8; font-size: 13px; display: block; margin-top: 4px; font-weight: 500; } .single-sidebar-widget .text-box p { color: #8E8D8D; } .single-sidebar-widget .insta-feed ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .insta-feed { font-size: 0; display: inline-block; } .single-sidebar-widget .insta-feed img { max-width: 100%; display: inline-block; font-size: 0; margin-bottom: 1px; margin-right: 1px; } .single-sidebar-widget .tagcloud { font-size: 0; margin-left: -5px; margin-right: -5px; } .single-sidebar-widget .tagcloud { display: inline-block; } .single-sidebar-widget .tagcloud a { display: block; color: #787878; text-transform: uppercase; border: 1px solid #EAEAEA; border-radius: 20px; padding: 7px 22px; font-size: 12px!important; margin: 0 5px; margin-bottom: 10px; float: left; text-decoration:none; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .tagcloud a:hover { background: #E5E5E5; color: #787878; border-color: #E5E5E5; } .single-service-contact { border: 2px solid #e9e9e9; padding: 25px; background: url("assets/images/bg-envelope.jpg") right bottom no-repeat; } .single-service-contact h3 { font-family: "Alegreya", sans-serif; font-size: 25px; color: #3e3e3e; margin: 0; font-weight: 600; margin: 0 0 20px 0; } .single-service-contact p { font-size: 15px; color: #5b5b5b; margin: 0 0 25px 0; } .single-service-contact a { font-family: "Raleway", sans-serif; font-size: 14px; font-weight: bold; color: #3dc1ea; text-transform: uppercase; text-decoration: none !important; } .single-service-contact a i { margin: 0 0 0 10px; } .single-service-pdf { background: url("assets/images/icon-pdf.jpg") left center #fab90a no-repeat; text-align: center; height: 62px; } .single-service-pdf h3 a { font-size: 14px; font-weight: 600; color: #fff; line-height: 62px; text-transform: uppercase; text-decoration:none; } .single-client-box { margin-bottom: 50px; } .single-client-box:last-child { margin-bottom: 0; } .single-client-box .icon-box, .single-client-box .content { display: table-cell; vertical-align: middle; } .single-client-box .icon-box { width: 170px; text-align: center; border-top: 4px solid #1FB5C7; border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; } .single-client-box .content { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; } .single-client-box .content h3 { font-size: 18px; font-weight: bold; font-family: 'Alegreya', sans-serif; color: #242424; text-transform: uppercase; margin-bottom: 10px; } .single-client-box .content p { color: #898989; margin: 0; } .single-sidebar-widget ul.brochure-btns li a { font-family: 'Open Sans', sans-serif; color: #404040; text-transform: uppercase; font-weight: 600; font-size: 15px; display: block; background: #FBFBFB; border-bottom: 2px solid #EDEDED; padding: 12px 20px; } .single-sidebar-widget ul.brochure-btns li { display: block; margin-bottom: 21px; } .single-sidebar-widget ul.brochure-btns li a i { color: #e94429; margin: 0 1em 0; font-size: 1.2em; } .sec-title h2 span { display: block; font-size: 32px; font-weight: bold; color: #323232; text-transform: uppercase; font-family: 'Alegreya', sans-serif; text-transform: capitalize; } .sec-title h2:after { content: ''; width: 55px; height: 3px; background: #F7BE3D; display: block; margin-top: 13px; } .sec-title p { color: #898989; margin: 0 0 1.2em!important; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; } .single-service-page .image-caption-box .text-box h2, .single-post-page .image-caption-box .text-box h2 { color: #242424; font-size: 25px; font-weight: bold; text-transform: capitalize; margin-bottom: 5px; font-family: "Alegreya", sans-serif; } /* ============================== 21. Single service page styles ============================== */ .single-service-page .image-box, .single-post-page .image-box { margin-bottom: 50px; } .single-service-page .image-caption-box, .single-post-page .image-caption-box { margin-bottom: 20px; margin-left: 0; margin-right: 0; } .single-service-page .image-caption-box .text-box, .single-post-page .image-caption-box .text-box, .single-service-page .image-caption-box .caption-box-img, .single-post-page .image-caption-box .caption-box-img { display: table-cell; vertical-align: middle; } .single-service-page .image-caption-box .text-box p, .single-post-page .image-caption-box .text-box p { color: #898989; margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; } .single-service-page .image-caption-box .caption-box-img, .single-post-page .image-caption-box .caption-box-img { width: 248px; } .caption-box-img.pad46.wpb_column.vc_column_container.vc_col-sm-4 { width: 33.33333%; } .text-box.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner { padding-left: 22px; } .text-box.text-box-lft.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner { padding-right: 24px; padding-left: 15px; } .caption-box-img.pad46.caption-box-img-width.wpb_column.vc_column_container.vc_col-sm-5 { width: 41.66666667%; padding-top: 0; padding-bottom: 0; padding-right:46px; } .text-box.text-right-padd.wpb_column.vc_column_container.vc_col-sm-7 .vc_column-inner { padding-left: 24px; } .pad46 { padding-top: 20px; padding-bottom: 20px; } .content-right.pull-right.tab-content .vc_row.wpb_row.vc_inner.vc_row-fluid{ margin-left: 0px; margin-right: 0px; } .text-box.padd-text-rgt { padding-left: 15px; padding-right: 15px; } .text-box.text-box-lft{ padding-right: 35px; } /* ============================== 22. Core Projects page styles ============================== */ .core-projects { position: relative; margin: 0 0 1.2em!important; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #777777; } .core-projects h1 { font: bold 1.9em/1.2em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0 0 1em; } .core-projects h1:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .core-projects h4 { font: 600 1.2em/1em "Open Sans", sans-serif; color: #242424; } .core-projects p { margin: 0 0 1.2em!important; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #777777; } .project-post-area { background: #f1f1f1; position: relative; } .project-post-area .project-post { padding-bottom: 30px; } .project-post-area .project-fullscreen { width: 20%; float: left; position: relative; } @media (max-width: 767px) { .project-post-area .project-post { padding-bottom: 0px; } } .project-post-info { overflow: hidden; } .grid-wrapper.grid-row.project-post .project-post-info { margin-bottom: 30px; } .vc_row-no-padding .grid-wrapper.grid-row.project-post .project-post-info{ width: 20%; padding: 0; margin: 0; } @media(max-width: 1199px) { .project-post-area .project-fullscreen { width: 50%; } } @media (max-width: 767px) { .project-post-info { padding-bottom: 30px; width: 500px; max-width: 100%; margin: 0 auto; } .project-post-area .project-fullscreen { width: 100%; } } @media (max-width: 767px) { .project-post-info a { max-width: 570px; margin: 0 auto; display: block; } } .project-post-image { overflow: hidden; position: relative; } .project-post-info a img { max-width: 100%; width: 370px; height: 281px; } .project-post-info .info-text { text-align: center; position: absolute; width: 100%; box-sizing: border-box; left: 0; right: 0; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; bottom: -100px; z-index: 1000; } .project-post-info:hover .info-text { bottom: 37%; } .project-post-info .info-text h4 { font: 700 16px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; margin: 0; text-transform: uppercase; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0 0 20px 0; } .project-post-info .info-text a { font: 700 14px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; margin: 0; background: #fac012; border-radius: 3px; line-height: 38px; padding: 0 20px; height: 38px; display: inline-block; text-transform: uppercase; text-decoration: none; } .loadmore { margin: 50px 0; background: #fab90a; border-radius: 5px; padding: 0 25px; display: inline-block; line-height: 38px; height: 38px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; } /* ============================== 23. News page styles ============================== */ .widget-search-blog { width: 80%; position: relative; display: inline-block; margin: 0 0 0 1em; margin-bottom: 40px; } .widget-search-blog .search-form .form-control + .input-group-addon { padding: 0 1px 0 8px; border: 0; border-radius: 0; background-color: #009bb3; } .widget-search-blog .search-form .form-control + .input-group-addon button { border: 0; background: #009bb3; color: #fff; font-size: 1.2em; line-height: 2.1em; padding-right: 15px; } .widget-search-blog .search-form .form-control { height: 45px; border-radius: 0; border: none; font: 1em/1em "Open Sans", sans-serif; padding: 0 30px; -webkit-box-shadow: none; box-shadow: none; color: #c0c0c0; z-index: 0; } .single-blog-post .meta-info { padding: 1.3em 0; border-bottom: 1px solid #e6e6e6; } .single-blog-post .meta-info .content-box .post-links li { display: table-cell; vertical-align: middle; } .single-blog-post .date-box { position: absolute; width: 70px; height: 75px; top: 2em; border: 1px solid #696969; left: 1.5em; background: #fff; text-align: center; } .single-blog-post .inner-box b { font-size: 2em; display: block; font-style: italic; font-weight: 300; border-bottom: 1px solid #696969; padding: 0 0 0.2em; } .single-blog-post .inner-box span { font-size: 1em; display: block; background: #fbb12f; color: #fff; padding: 0.2em 0 0.3em; } .single-blog-post .meta-info .content-box .post-links li:hover i { color: #1FB5C7; } .single-blog-post .meta-info .content-box .post-links li i { color: #FBB12F; font-size: 16px; margin-right: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-blog-post .meta-info .content-box .post-links li { color: #A1A1A1; padding-right: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-blog-post .meta-info .content-box .post-links li:hover { color: #FBB12F; } .single-blog-post a.read-more { background: #ffba00; color: #fff; border-radius: 4px; font: 600 1.08em/1em 'Roboto', sans-serif; padding: 0.8em 1.6em; display: inline-block; border: 1px solid #ffba00; } .single-blog-post a.read-more:hover { background: #009bb3; border: 1px solid #009bb3; } .single-blog-post a.more-link { background: #ffba00; color: #fff; border-radius: 4px; font: 600 1.08em/1em 'Roboto', sans-serif; padding: 0.8em 1.6em; display: inline-block; border: 1px solid #ffba00; text-decoration:none; margin-top: 35px; } .single-blog-post a.more-link:hover { background: #009bb3; border: 1px solid #009bb3; } .single-post-wrapper { position: relative; } .single-blog-post h3 { color: #010101; font-weight: 600; text-transform: none; font-size: 20px; margin: 0.6em 0 0; padding: 0 0 0.8em; } .single-blog-post h6 { color: #1cbac8; font: 400 1em/1em "Open Sans", sans-serif; margin: 2em 0 0; padding: 0; } .single-blog-post { margin-bottom: 50px; } .single-blog-post .img-box { position: relative; overflow: hidden; } /* ============================== 24. Page Navigation styles ============================== */ .page-navigation { margin-top: 50px; } .page-navigation li { display: inline; } .page-navigation li a, .page-navigation li span { width: 46px; height: 46px; line-height: 44px; background: #fff; color: #8E8D8D; font-size: 20px; display: inline-block; border: 1px solid #E2E2E2; margin-right: 5px; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; } .page-navigation li span, .page-navigation li a:hover { background: #E7E7E7; color: #242424; } /* ============================== 25. News Details styles ============================== */ .news p { font: 400 14px/26px "Open Sans", sans-serif; color: #898989; } .post-list { margin: 0; width: 100%; } .post-list li { float: left; width: 270px; font: 400 14px/30px "Open Sans", sans-serif; color: #ff8c04; letter-spacing: 0.3px; } .post-list li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; padding-right: 10px; } blockquote { padding: 30px; border: none; background: #f5f4f4; margin-top: 27px; } @media (max-width: 479px) { blockquote { padding: 5px; } } blockquote:before { float: left; content: "\f10d"; display: inline-block; font: normal normal normal 55px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 70px; color: #d0d0d0; } @media (max-width: 1199px) { blockquote:before { font-size: 30px; width: 40px; } } blockquote p { float: left; font: 400 16px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin: 5px 0 0; padding-left: 14px; } @media (max-width: 1199px) { blockquote p { margin: 0; } } blockquote footer { text-align: right; color: #e8a20c; font: 300 14px/26px "Raleway", sans-serif; font-style: italic; } blockquote footer a { color: #e8a20c; } /* ============================== 26. News Details Comments ============================== */ .news-comments .comments_count, .leave-comments .leave-comment-title { margin: 30px 0px 30px 0; font: 600 1.5em/1em "Alegreya", sans-serif; color: #242424; text-transform: uppercase; } @media (max-width: 400px) { .comments_count, .leave-comment-title { margin-left: 20px; } } .comments { margin: 0px 0px 30px 0px; border: 1px solid #eee; } .comments .comment { padding: 20px 20px 25px; margin: 0px 0; } .comments .comment-bg { background: #fcfcfc; } @media (max-width: 400px) { .comments .comment { margin: 0 5px 0 15px; text-align: center; } } .comments .comment + .comment { margin-top: 0; border-top: 1px solid #eee; } .comments .comment .media-left { padding: 8px 30px 0px 5px; } @media (max-width: 479px) { .comments .comment .media-left { padding-right: 0; padding-bottom: 20px; display: block; } } .comments .comment .media-left a { display: block; width: 70px; height: 70px; } .comments .comment .media-left a img { max-width: 100%; } @media (max-width: 991px) { .comments .comment .media-body { overflow: visible; } } .comments .comment .media-body h5 { font: 500 1em/2em "Open Sans", sans-serif; margin: 0; color: #242424; } .comments .comment .media-body p { font: 400 14px/30px "Open Sans", sans-serif; color: #898989; } .comments .comment .media-body .date-reply { margin: 9px 0 9px; } .comments .comment .media-body .date-reply li { float: left; } @media (max-width: 400px) { .comments .comment .media-body .date-reply li { display: inline-block; text-align: center; float: none; } } .comments .comment .media-body .date-reply li a { padding: 0; font: 13px/1 "Open Sans", sans-serif; text-transform: capitalize; color: #47bcca; } .comments .comment .media-body .date-reply li a:hover, .comments .comment .media-body .date-reply li a:focus { background: none; } .comments .comment .media-body .date-reply li + li { color: #bc945e; } .comments .comment .media-body .date-reply li + li:before { content: ''; width: 1px; height: 13px; float: left; background: #47bcca; margin: 0 10px; } .comments .comment .media-body .date-reply li + li a { float: left; color: #f6ba18; } .comments .comment.reply { padding-left: 0; margin: 0px; } @media (max-width: 991px) { .comments .comment.reply { margin-left: -70px; } } @media (max-width: 479px) { .comments .comment.reply { margin-left: 30px; } } @media (max-width: 400px) { .comments .comment.reply { margin-left: 0px; } } .comments .comment.reply:last-child { padding-bottom: 0; } .comment-form { padding: 30px 30px 50px 30px; border: 1px solid #eee; margin: 0px; background: #fff; margin-top: 20px; } @media (max-width: 479px) { .comment-form { padding: 20px 15px; } } .comment-form .leave-comment-title { margin: 0px 0px 26px 0px; font: bold 20px/28px "Alegreya", serif; color: #353535; } .comment-form .form-control { border-radius: 0; padding: 9px 20px; font: 14px/25px "Open Sans", sans-serif; color: #000; margin-bottom: 20px; background: #f9f9f9; border: 1px solid #ebebeb; -webkit-box-shadow: none; box-shadow: none; } .comment-form .form-control::-moz-placeholder { color: #c4c4c4; opacity: 1; } .comment-form .form-control:-ms-input-placeholder { color: #c4c4c4; } .comment-form .form-control::-webkit-input-placeholder { color: #c4c4c4; } .comment-form input { width: 48%; float: left; height: 42px; } @media (max-width: 1199px) { .comment-form input { width: 47%; } } @media (max-width: 991px) { .comment-form input { width: 46%; } } @media (max-width: 767px) { .comment-form input { width: 100%; } } @media (max-width: 479px) { .comment-form input { width: 100%; } } .comment-form input + input { margin-left: 26px; } @media (max-width: 1199px) { .comment-form input + input { margin-left: 31px; } } @media (max-width: 767px) { .comment-form input + input { margin-left: 0; } } @media (max-width: 479px) { .comment-form input + input { margin-left: 0; } } .comment-form textarea { height: 188px!important; resize: none; margin-bottom: 32px; } .comment-form .form-submit input#submit { width: initial; height: initial; } .comment-form .form-submit input#submit:hover, .comment-form .form-submit input#submit:focus { color: #000; border-radius: 5px; border-color: #bb793c; background:#337ab7; } #respond .comment-notes { display: none; } .comment-form label { display: none !important; } .comment-form-author { margin: 0!important; } .comment-form-email input{ margin-left:26px; float: right; } .comments-area form#commentform { overflow:hidden; } .comments-area .comment-reply-title { margin: 30px 0px 30px 0; font: 600 1.5em/1em "Alegreya", sans-serif; color: #242424; text-transform: uppercase; } /* ============================== 27. Contact us styles ============================== */ .touch .touch_bg .section_header p { max-width: 840px; } .touch .touch_bg .touch_top-con ul .item { padding: 15px 28px 5px 0px; text-align: center; } .touch .touch_bg .touch_top-con ul .item .media .media-left { padding-right: 30px; vertical-align: middle; } .touch .touch_bg .touch_top-con ul .item .media .media-left a { color: #009bb3; border: 1px solid #009bb3; border-radius: 100%; display: block; width: 50px; height: 50px; } .touch .touch_bg .touch_top-con ul .item .media .media-left a i { border-radius: 50%; font-size: 30px; line-height: 32px; padding-top: 8px; } .touch .touch_bg .touch_top-con ul .item .media .media-body { text-align: left; font: 14px/26px "Open Sans", sans-serif; color: #898989; letter-spacing: 0.3px; } .touch .touch_bg .touch_top-con ul .item .media .media-body a { color: #898989; } .touch .touch_bg .touch_top-con ul .item .media .media-body a:hover { color: #009bb3; } .touch .touch_bg .touch_top-con ul .item:first-child { padding-top: 0; } .touch .touch_bg .touch_middle { padding: 80px 0; } .touch .touch_bg .touch_middle .input_form { position: relative; } .touch .touch_bg .touch_middle .input_form form .form-control { margin-bottom: 1px; border-radius: 0; font: 15px/31px "Open Sans", sans-serif; color: #242424; padding: 3px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } .touch .touch_bg .touch_middle .input_form form .form-control:hover, .touch .touch_bg .touch_middle .input_form form .form-control:focus { border: 1px solid #d6d6d6; border-color: #d6d6d6; } .touch .touch_bg .touch_middle .input_form form .form-control:focus { -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57); box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57); } .touch .touch_bg .touch_middle .input_form form .form-control.error { margin-bottom: 0; } .touch .touch_bg .touch_middle .input_form form .form-control.error + .error { font: 13px/24px "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 5px; color: red; font-weight: normal; } .touch .touch_bg .touch_middle .input_form form textarea.form-control { margin-bottom: 32px; resize: none; padding: 15px 20px; height: 203px; } .touch .touch_bg .touch_middle .input_form form .submit { background: #f6ba18; border: 1px solid #ed1f24; text-transform: uppercase; letter-spacing: 1px; font: 600 1.2em/2.1em 'Roboto', sans-serif; padding: 0px 16px 0px 22px; color: #ffffff; margin-top: 10px; border-radius: 5px; letter-spacing: 3px; } .touch .touch_bg .touch_middle .input_form form .submit:hover { color: #ffffff; border-color: #bb793c; } .touch .touch_bg .touch_middle .input_form #success, .touch .touch_bg .touch_middle .input_form #error {} .touch .touch_bg .touch_middle .input_form #success p, .touch .touch_bg .touch_middle .input_form #error p {} .touch .touch_bg .touch_middle .input_form #success { color: lawngreen; } .touch .touch_bg .touch_middle .input_form #success p { color: lawngreen; } .touch .touch_bg .touch_middle .input_form #error { color: orangered; } .touch .touch_bg .touch_middle .input_form #error p { color: orangered; } #mapBox { height: 425px; } #map-area { position: relative; } #map-area::before { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; } .touch p { margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; color: #8E8D8D; } .touch h6 { color: #1088cc; font: 400 1.2em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; font-style: italic; } .touch h6 span { color: #de5842; font: 400 1.2em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; font-style: italic; } /* ============================== 28. Testimonials page styles ============================== */ .sectpad-t { padding: 6em 0 0; } .testimonial-parea { padding: 0 0 6em; } .testimonials p { font: 400 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; padding-top: 25px; margin: 0; } .testimonial-col-p { padding: 5em 1em 1em; border-bottom: 1px solid #e4e4e4; } .testimonial-p .media-body h3 { font: 400 1.2em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #242424; margin: 0 0 0.8em; padding: 0; } .testimonial-p .media-body p { font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; margin-bottom: 1em; } .testimonial-p .media-body a { font: 600 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #1fb5c7; font-style: italic; text-align: left; display: block; text-decoration: none; } .testimonial-p .media-body h6 { text-align: right; display: block; } .testimonial-p .media-left { padding-right: 60px; } .testimonial-p .media-left a img { width: 140px; height: 153px; max-width: initial } @media (max-width: 479px) { .testimonial-p .media-left { display: block; text-align: center; padding-right: 0; } .testimonial-p .media-body h3 { padding: 1em 0 0; } } .section_header-t { position: relative; padding: 0; } .section_header-t h2 { font: bold 2.2em/1.2em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0; } .section_header-t h2:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } /* ============================== 29. Request a quote Page styles ============================== */ .section_header-r { position: relative; padding: 0; margin: 0 0 1em; } .section_header-r h2 { font: bold 2.2em/1.2em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0 0 1em; } .section_header-r h2:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .req-page-area { background: #f7f7f7; border: 1px solid #eeeeee; overflow: hidden; padding: 3em 1em 0; position: relative; } .req-page span { display: block; color: #404040; font: 600 1em/1.2em "Open Sans", sans-serif; margin: 0 0 0.6em; } .req-page-area .img-responsive { display: inline-block; } .req-page-area form .form-control { margin-bottom: 20px; border-radius: 0; font: 15px/31px "Open Sans", sans-serif; color: #242424; padding: 11px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } .pad-left { margin: 0 0 5em 10px; } .req-img { position: absolute; bottom: 0; right: 0; } .req-page-area form .submit { background: #f6ba18; border: 1px solid #f6ba18; text-transform: uppercase; letter-spacing: 1px; font: 600 1.2em/2.1em "Open Sans", sans-serif; padding: 7px 22px 7px 22px; color: #19242a; margin-top: 10px; border-radius: 5px; letter-spacing: 3px; } .req-page-area form .submit:hover { color: #000; border-color: #bb793c; background: #f6ba18; } .req-page-area form .form-control:hover, .req-page-area form .form-control:focus { border: 1px solid #d6d6d6; border-color: #d6d6d6; } .req-page-area form .form-control:focus { -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57); box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57); } .req-page-area .form-control.error { margin-bottom: 0; } .req-page-area form .form-control.error + .error { font: 13px/24px "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 5px; color: red; font-weight: normal; } .req-page-area form textarea.form-control { margin-bottom: 32px; resize: none; padding: 15px 20px; height: 203px; } .req-page-area span { color: #404040; font: 1.1em/1.1em "Open Sans", sans-serif; display: block; padding: 0 0 0.5em; } .req-page-area .input_form #success { color: lawngreen; } .req-page-area .input_form #error { color: orangered; } .req-page-area .input_form #success, .req-page-area .input_form #error { position: absolute; top: -15px; display: block; right: 0; left: 0; bottom: -15px; background: rgba(0, 0, 0, 0.5); display: none; } /* ============================== 30. Project details page styles ============================== */ .pro-det-img img { max-width: 100%; } .pro-content { padding: 4em 0 0; } .projects_hours { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 2em 0; margin: 1.5em 0 0; } .projects_hours p { color: #242424; font: 600 1.3em/2em "Open Sans", sans-serif; margin: 0!important; padding: 0; } .projects_hours p span { display: block; color: #777; font: 400 1em/1.8em "Open Sans", sans-serif; } .project-con { background: #f5f5f5; padding: 34px 40px; margin: 3em 0; } .project-con h2 { color: #242424; font: 600 1.3em/2em "Open Sans", sans-serif; margin: 0; padding: 0 0 1em; } .project-con p { color: #898989; margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; } .project-scop {} .project-scop .pro-img img { max-width: 100%; } .project-scop h3 { color: #242424; font: 600 1.3em/1em "Open Sans", sans-serif; margin: 0; padding: 0 0 1em; } .project-scop p { margin: 0 0 1.2em; padding: 0; font: 400 1em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #777777; } .project-scop .scope-item { margin: 0; padding: 0; display: inline-block; padding: 7px 0px; } .project-scop .scope-item li { list-style: none; font: 400 1.1em/1.5em "Open Sans", sans-serif; color: #009bb3; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; display: block; padding-left: 30px; padding-bottom: 10px; } .project-scop .scope-item li:before { content: "\f0a4"; width: 30px; height: auto; font: normal normal normal 14px/24px FontAwesome; font-size: 16px; text-rendering: auto; color: #009bb3; cursor: pointer; float: left; margin-left: -30px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /*====================================================*/ .submit { color: #fff; text-transform: uppercase; margin-top: 8px; text-shadow: none; -webkit-text-shadow: none; position: relative; letter-spacing: 0.4px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 1; } .submit:before { content: ""; position: absolute; width: 100%; height: 100%; background: #009bb3; top: 0; left: 0; right: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: -1; } .submit:hover, .submit:focus { color: #fff; border-color: #bb793c; } .submit:hover:before, .submit:focus:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* shop page styles */ .shop-item-wrapper { margin-left: -10px; margin-right: -10px; } .single-shop-item { margin: 0 -5px; margin-bottom: 50px; position: relative; overflow: hidden; } .single-shop-item .img-box { overflow: hidden; } .single-shop-item .img-box img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } .single-shop-item .img-box img:hover { -webkit-transform: scale(1.2) translateZ(0); transform: scale(1.2) translateZ(0); } .single-shop-item .content { text-align: center; margin-top: 25px; } .single-shop-item .content h3 { font-size: 15px; font-weight: bold; color: #242424; margin: 0; text-transform: uppercase; margin-bottom: 10px; } .single-shop-item .content .review-box i { font-size: 13px; color: #FAB90A; } .single-shop-item .content .price { font-family: 'Alegreya'; font-size: 25px; color: #2D2D2D; font-style: italic; display: block; } .single-shop-item .content a.thm-btn { background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 32px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; } .single-shop-item .content a.thm-btn:hover { background: #019BB2; color: #fff; } .shop-page .page-navigation { margin-top: 0; text-align: center; } /*popular product widget */ .single-sidebar-widget .best-seller.popular-post .content a h4 { font-size: 13px; text-transform: uppercase; font-family: 'Open Sans'; color: #242424; margin: 0; } .single-sidebar-widget .best-seller.popular-post .content p { font-size: 25px; color: #2D2D2D; font-family: 'Alegreya'; font-style: italic; margin: 10px 0 15px; } .single-sidebar-widget .best-seller.popular-post .content a.read-more { font-size: 13px; text-transform: uppercase; color: #1CBAC8; font-weight: bold; font-family: 'Raleway'; letter-spacing: .03em; } /* product details page styles */ .product-details-content { margin-bottom: 80px; } .product-details-content .img-box, .product-details-content .content-box { display: table-cell; vertical-align: top; } .product-details-content .img-box { border: 1px solid #E2E2E2; } .product-details-content .content-box { padding-left: 65px; } .product-details-content .content-box .title h3 { font-size: 20px; color: #242424; text-transform: uppercase; font-weight: 800; font-family: 'Raleway'; margin: 0; } .product-details-content .content-box p { font-size: 14px; color: #959595; line-height: 26px; } .product-details-content .content-box .content-text { border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; margin-top: 20px; padding-top: 19px; padding-bottom: 15px; margin-bottom: 30px; } .product-details-content .content-box .cart-btn { font-size: 15px; line-height: 54px; background: #1FB5C7; padding: 0 33px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: #fff; display: inline-block; margin-top: 28px; background: #FAB90A; font-size: 20px; font-weight: bold; font-family: 'Raleway'; color: #000000; border-radius: 5px; padding: 0 49px; } .product-details-content .content-box .cart-btn i { font-size: 25px; margin-right: 20px; } .product-details-content .content-box .price, .product-details-content .content-box .quantity { font-size: 16px; color: #1F1F1F; } .product-details-content .content-box .price span { font-size: 35px; color: #292929; margin-left: 20px; font-style: italic; font-family: 'Alegreya'; } .product-details-content .content-box .quantity { margin-top: 20px; } .product-details-content .content-box .quantity input { width: 40px; height: 35px; border: 1px solid #D9D9D9; text-align: center; line-height: 33px; padding-left: 10px; margin-left: 20px; } .product-tab-box { margin-bottom: 80px; } .product-tab-box .vc_tta-tabs-container ul { margin: 0; padding: 0; } .product-tab-box .vc_tta-tabs-container ul li { list-style: none; display: inline-block; margin-right: 6px; } .product-tab-box .vc_tta-tabs-container ul li.active a { background: #FFFFFF; border-bottom-color: #fff; border-top: 3px solid #FAB90A; line-height: 44px; } .product-tab-box .vc_tta-tabs-container ul li a { display: block; font-size: 13px; line-height: 44px; border: 1px solid #E2E2E2; text-transform: uppercase; background: #F7F7F7; color: #242424; padding: 0 29px; } .product-tab-box .tab-content { margin-top: -1px; border: 1px solid #E2E2E2; padding-top: 50px; padding-left: 40px; padding-right: 40px; padding-bottom: 65px; } .product-tab-box .tab-content h3 { margin: 0; font-size: 18px; margin-bottom: 12px; } .product-tab-box .tab-content p { color: #898989; font-size: 14px; margin-top: 15px; } .product-tab-box .tab-content p:first-child { margin-top: 0; } /* cart page styles */ .cart-page { padding: 80px 0px; } .cart-page .table { margin: 0; } .cart-page table > tbody > tr > td, .cart-page .table > thead > tr > th { border: none; } .cart-page .table thead { background: #F9F9F9; } .cart-page .table > thead > tr > th { font-weight: normal; color: #000000; font-size: 13px; line-height: 60px; padding: 0 40px; font-weight: 500; border: 1px solid #EBEBEB; border-bottom: 0; text-transform: uppercase; text-align: center; } .cart-page .table > thead > tr > th.close { color: transparent; } .cart-page .table > tbody > tr > td.preview { padding: 25px 50px; } .cart-page .table > tbody > tr > td { border: 1px solid #ebebeb; color: #898989; font-size: 14px; font-weight: 500; line-height: 42px; padding: 60px 25px; text-align: center; } .cart-page .table > tbody > tr > td.price { font-size: 16px; } .cart-page .table > tbody > tr > td.del-item { text-align: center; } .cart-page .table > tbody > tr > td.total { font-size: 16px; } .cart-page .table > tbody > tr > td .select-box select:focus { outline: none; } .cart-page .table > tbody > tr > td.del-item { color: #c56e21; font-size: 18px; font-weight: normal; } .cart-page .bottom-box { background: #f9f9f9 none repeat scroll 0 0; margin: 0 0 50px; padding: 30px 25px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .cart-page .bottom-box .cupon-box input { border: 1px solid #eeeeee; color: #000000; line-height: 36px; margin-right: 10px; outline: medium none; padding: 0 20px; width: 130px; } .cart-page .bottom-box .cupon-box button { padding: 0 20px; color: #fff; background: #E3E3E3; text-transform: capitalize; border: none; outline: none; font-weight: normal; line-height: 36px; color: #000000; } .cart-page .add-to-cart-wrap { text-align: right; } .cart-page .add-to-cart-wrap a .cart-button { background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; } .cart-page .add-to-cart-wrap a .cart-button p { color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 35px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; border-right: 1px solid #000000; } .cart-page .add-to-cart-wrap a .cart-button i { border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 35px; padding-left: 14px; padding-right: 15px; } .cart-page .add-to-cart-wrap a:before { background: #98BC24; } .cart-page .cart-total-box li { border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-weight: 500; line-height: 58px; padding: 0 25px; color: #000000; font-size: 13px; text-transform: uppercase; } .cart-page .cart-total-box li:first-child { border-top: 1px solid #EBEBEB; } .cart-page .cart-total-box li span { color: #898989; margin-left: 50px; font-size: 16px; } .cart-page .cart-total-box .cart-total { background: #F9F9F9; } .cart-page .cart-total-box .proceed-to-checkout { text-align: right; border: none; } .cart-page .cart-total-box .proceed-to-checkout a { line-height: 30px; font-size: 14px; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button { background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; margin-top: 24px; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button p { border-right: 1px solid #000000; color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 40px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; } .cart-page .cart-total-box .proceed-to-checkout { padding-right: 0; padding-top: 10px; border: 1px solid #ebebeb; border-top: 0; padding-bottom: 10px; padding-right: 20px; } .cart-page .cart-total-box .proceed-to-checkout .cart-btn { background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 32px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; } .cart-page .cart-total-box .proceed-to-checkout .cart-btn i { font-size: 17px; margin-right: 7px; } .cart-page .cart-total-box .proceed-to-checkout .cart-btn:hover { background: #1FB5C7; color: #fff; border-color: #1FB5C7; } .cart-page .cart-total-box .proceed-to-checkout a .cart-button i { border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 40px; padding-left: 14px; padding-right: 15px; } .cart-page .cart-total-box .proceed-to-checkout a:before { background: #98BC24; } .cart-page .select-box { width: 100px; } .cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text { border-right: 1px solid #E5E5E5; } .cart-page .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 40px 0 20px; border: 1px solid #E5E5E5; height: 42px; background: #fff; outline: none; color: #898989; } .cart-page .thm-btn { font-size: 14px; padding: 7px 23px; } .cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 42px; } .cart-page .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 16px; height: 6px; margin-top: -3px; margin-right: 4px; } .cart-page .bottom-box .cart-btn { background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 32px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; } .cart-page .bottom-box .cart-btn i { font-size: 17px; margin-right: 7px; } .cart-page .bottom-box .cart-btn:hover { background: #D6B161; color: #fff; border-color: #D6B161; } .ui-selectmenu-menu .ui-menu { background: #fff; } .ui-selectmenu-menu .ui-menu-item { font-size: 16px; font-family: 'PT Serif', sans-serif; font-style: italic; padding: 5px 20px; border-bottom: 1px solid #E1E1E1; text-transform: capitalize; } .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background: #00ACD9; border-color: #00ACD9; color: #fff; font-weight: normal; } /* checkout page styles */ #checkout-content .return-customer { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ebebeb; margin-bottom: 45px; padding: 21px 30px; } #checkout-content .return-customer p { color: #898989; font-size: 16px; line-height: 26px; margin-bottom: 0; } #checkout-content .return-customer a { color: #11A9E0; } #checkout-content label, #checkout-content input[type="text"] { display: block; } #checkout-content label { color: #8e8d8d; font-size: 14px; font-weight: 500; line-height: 26px; margin-bottom: 4px; } #checkout-content input[type="text"] { border: 1px solid #e2e2e2; color: #c6c6c6; font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; margin-bottom: 10px; outline: medium none; padding: 0 20px; width: 100%; } .left-checkout .section-title2.ship-to-different { margin-bottom: 39px; margin-top: 68px; } #checkout-content input[type="text"]:last-child { margin-bottom: 0; } #checkout-content .left-checkout > .row { margin-bottom: 23px; } #checkout-content .row span b { color: #8e8d8d; font-size: 14px; font-weight: 500; } #checkout-content input[type="checkbox"] { display: inline-block; margin: 0 15px 0 0; vertical-align: middle; float: left; margin-top: 4px; } #checkout-content textarea { width: 100%; height: 100px; border: 1px solid #E2E2E2; padding: 10px 20px; outline: none; } #checkout-content .ship-different { margin-top: 80px; } #checkout-content .order-box { border: 1px solid #D9D9D9; padding: 30px; } #checkout-content .order-box ul li { color: #8e8d8d; display: block; font-size: 14px; font-weight: 400; line-height: 45px; } #checkout-content .order-box ul li.total { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color: #242424; } #checkout-content .order-box ul li span { color: #898989; display: inline-block; float: right; font-size: 14px; font-family: "Open Sans", sans-serif; } #checkout-content .order-box ul li span.bold { color: #242424; font-size: 18px; font-weight: 500; font-family: "Open Sans", sans-serif; } #checkout-content .order-box ul li a span { color: #11A9E0; font-size: 13px; font-weight: 500; font-family: "Raleway", sans-serif; } #checkout-content .order-box ul li.place-order-button { padding-top: 20px; line-height: 30px; } #checkout-content .order-box ul li input[type="radio"] { margin-right: 10px; } #checkout-content .order-box ul li .note { background: #ECECEC; padding: 25px; color: #8E8D8D; line-height: 24px; font-size: 14px; font-weight: normal; position: relative; } #checkout-content .order-box ul li .note .fa { font-size: 35px; position: absolute; top: -22px; left: 25px; color: #ECECEC; } #checkout-content .order-box ul li a.place-order { background: #FD9C1E; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; margin-top: 30px; } #checkout-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 42px; color: #898989; text-transform: capitalize; } #checkout-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 14px; height: 6px; margin-top: -3px; margin-right: 8px; } #checkout-content .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 20px; border: 1px solid #E5E5E5; height: 42px; background: #fff; outline: none; color: #898989; } #checkout-content .thm-btn { background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 42px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; float: right; } #checkout-content .thm-btn i { font-size: 17px; margin-left: 7px; } #checkout-content .thm-btn:hover { background: #1FB5C7; color: #fff; border-color: #1FB5C7; } /* faq page styles */ .faq-page .sec-title h2 { margin: 0; } .faq-page .sec-title p { margin-top: 20px; } .faq-form { background: #F9F9F9; padding: 20px 30px; border: 1px solid #EAEAEA; margin-bottom: 50px; margin-top: 30px; } .faq-form input { height: 44px; border: 1px solid #E9E9E9; outline: none; padding-left: 25px; width: 79%; position: relative; top: 1px; } .faq-form .thm-btn { padding: 0px 41px; line-height: 44px; border-radius: 0; margin-left: -4px; border: none; position: relative; top: 1px; background: #1FB5C7; } .faq-page .accrodion .accrodion-title h4 { text-transform: none; font-weight: normal; color: #8E8D8D; } .faq-page .accrodion.active .accrodion-title { background: #1FB5C7; } .faq-page .accrodion.active .accrodion-title h4 { color: #fff; } .faq-page .accrodion.active .accrodion-title h4 { color: #fff; } .faq-page .accrodion.active .accrodion-title:after { border-color: #fff; color: #fff; } .faq-question-one .single-faq { margin-bottom: 28px; } .faq-question-one .single-faq:last-child { margin-bottom: 0; } .faq-question-one .single-faq h3 { font-size: 16px; line-height: 33px; font-weight: bold; color: #242424; font-family: 'Open Sans', sans-serif; } .faq-question-one .single-faq p { color: #898989; margin-top: 4px; } /* ============================== 31. Home Page 2 styles ============================== */ .wel-t-band { position: relative; background: #f0f2f3; font: 400 1em/1em "Open Sans", sans-serif; color: #6e6e6e; } .wel-t-band p span { color: #8e8d8d; } .req-button { position: relative; float: right; margin-left: 1em; } .req-button a { background: #ffba00; color: #fff; font: 600 1.08em/1em 'Roboto', sans-serif; display: inline-block; padding: 1em 0.52em; border-radius: 4px; border: 1px solid #ffba00; margin: 0; } .req-button a:hover { border-radius: 4px; color: #fff; border: 1px solid #53cff5; background: #53cff5; } .req-button .submit:before { background: #53cff5; } .req-button .submit:hover { color: #fff; } .req-button .submit:focus { color: #fff; border-color: #53cff5; text-decoration: none; } .top-two-right { position: relative; overflow: hidden; padding: 3.5px 0; } .top-two-right .top-panel { float: right; width: 100%; } .nav-home-three { background: #0f263a; position: relative; } .nav-home-three .col-md-3, .nav-home-two .col-md-3 { display: none; } .nav-home-two { background: transparent; } .pad-logo { padding-top: 0.8em; padding-bottom: 0.83em; } .touch_top_pad { padding-top: 0.7em; padding-bottom: 0; } /* Home Navigation */ .nav-t-holder { position: relative; } .nav-t-holder .nav-header { display: none; padding: 12px 20px; } .nav-t-holder .nav-t-header button { background: transparent; border: none; outline: none; color: #fff; font-size: 25px; border-radius: 5px; } .nav-t-holder .nav-t-footer { display: block; } .nav-t-holder .nav-t-footer ul.nav > li { display: inline-block; padding: 1.6em 0; position: relative; } .nav-t-holder .nav-t-footer ul.nav > li:hover a, .nav-t-holder .nav-t-footer ul.nav > li.active a { color: #fab90a; background-color: transparent; } .nav-t-holder .nav-t-footer ul.nav > li:last-child > a { border: none; padding-right: 0; } .nav-t-holder .nav-t-footer ul.nav > li:first-child > a { padding: 0 1.3em 0 0; } .nav-t-holder .nav-t-footer ul.nav > li > a { padding: 0 1.3em; display: block; color: #fff; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; font: 600 1.36em/1em 'Open Sans Condensed', sans-serif; border-right: 1px dashed #3f5262; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu { top: 100%; left: 0; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu.align-right { right: 0; left: auto; } .nav-t-holder .nav-t-footer ul.nav > li:hover > ul.sub-menu { visibility: visible; opacity: 1; display:block; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu { top: 0; left: 100%; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu.align-right { right: 100%; left: auto; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; } .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu { position: absolute; width: 275px; opacity: 0; display:none; visibility: hidden; z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; padding-left: 0; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16); } .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li { display: block; padding: 0; background: #fff; position: relative; } .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li:last-child a { border-bottom: 0; } .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li:last-child a:after { display: none; } nav.main_menu .nav-holder .nav-t-footer ul.nav > li ul.sub-menu li:hover > a { color: #fff; background: #51c5e9; } .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; display:block; } nav.main_menu .nav-holder ul.nav.ind-menu li.current-menu-item a{ color: #fab90a; } nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li.current-menu-item a,nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li.current-menu-item a:active { color: #ffffff!important; background: #51c5e9; } nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li a { color: #242424; font: 600 16px 'Open Sans', sans-serif; padding: 15px 25px 15px; border-bottom: 1px solid #e9e9e9; position: relative; display: block; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; text-transform: capitalize; text-decoration: none; } nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li:last-child a{ border-bottom: none; } .nav-t-holder ul.nav li.has-t-sub-menu > a > button { display: none; } .nav-t-holder .nav-t-header { display: none; padding: 12px 0px; float: right; } .touch_top ul .item .media .blue-color a i { color: #1fa6c8; } /* Home Navigation */ .top-navigation, .top-navigation-4 { position: relative; } .top-navigation .main_menu { position: absolute; left: 0; right: 0; border-bottom: 1px solid #5f6f7e; } .top-navigation-4 .main_menu { position: absolute; left: 0; right: 0; top: 70px; } .top-navigation-4 .main_menu.stricky-fixed { position: fixed; top: 0; background: #0f263a; } .top-navigation-4 .main_menu.stricky-fixed .logo { width: 220px; padding: 9px 0; } .top-navigation-4 .main_menu.stricky-fixed .logo img { width: 100%; } .top-navigation-4 .wel-band-bg { background: transparent; } .top-navigation-4 .wel-t-band { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; z-index: 100; } .top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li > a { padding: 0 1em; border-right: none; } .top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li:last-child a { border-left: 1px solid #fff; } .top-navigation-4 .nav-menu { width: 100%; } .top-navigation-4 .wel-band-bg p { color: #838484; } .top-navigation-4 .wel-band-bg p a { margin: 0 0 0 50px; color: #40add5; text-transform: uppercase; font-weight: bold; } .top-navigation .main_menu.stricky-fixed { position: fixed; background: #0f263a; border-bottom: none; } .top-navigation .main_menu.stricky-fixed.widget-t .search-form .form-control, .top-navigation .main_menu.stricky-fixed .widget-t .search-form .form-control + .input-group-addon button { background: #081e2f; } .top-navigation .main_menu.stricky-fixed .widget-t-inner { border: 1px solid #1a2e40; } .top-navigation .nav-t-holder .nav-t-footer ul.nav > li > a { border-right: 1px dashed #5f6f7e; } .top-navigation .nav-t-holder .nav-t-footer ul.nav > li:last-child > a { border-right: none; } .top-navigation .widget-t .search-form .form-control, .top-navigation .widget-t .search-form .form-control + .input-group-addon button { background: transparent; } .top-navigation .widget-t .search-form .form-control + .input-group-addon { background: transparent; } .top-navigation .widget-t-inner { border: 1px solid #516170; } .main_menu { position: relative; z-index: 9999; } @keyframes menu_sticky { 0% { margin-top: -100px; } 50% { margin-top: -90px; } 100% { margin-top: 0; } } nav.stricky-fixed.fadeInDown.animated { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; animation-name: menu_sticky; animation-duration: 0.60s; animation-timing-function: ease-out; -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75); box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75); } .widget-t-search { float: right; padding: 10px 0; } .widget-t .search-form .form-control { height: 40px; border-radius: 0; border: none; font: 1em/1em "Open Sans", sans-serif; padding: 0 18px; -webkit-box-shadow: none; box-shadow: none; color: #c0c0c0; z-index: 0; background: #081e2f; } .widget-t-inner { border: 1px solid #1a2e40; width: 245px; } .widget-t .search-form .form-control + .input-group-addon { padding: 0; border: 0; border-radius: 0; background-color: #081e2f; } .widget-t .search-form .form-control + .input-group-addon button { border: 0; background: #ec2224; color: #ffffff; font-size: 1.2em; line-height: 39px; padding-right: 15px; } /* ============================== 32. Home Slider ============================== */ .thm-banner-t-wrapper .caption-h1 { font-size: 40px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; position: relative; } .thm-banner-t-wrapper .caption-p { font-size: 20px; font-style: italic; color: #fff; line-height: 28px; } .thm-banner-t-wrapper .caption-divider span.divider { width: 1px; height: 90px; background: #fff; display: block; } .thm-banner-t-wrapper .inverse { background: #F7BE3D; color: #fff; border: 2px solid #F7BE3D; font: 300 1.2em/1em "Open Sans", sans-serif; } .thm-banner-t-wrapper .inverse:hover { color: #fff; background: #1FB5C7; border: 2px solid #1FB5C7; } .thm-banner-t-wrapper .thm-btn { padding-top: 7px; padding-bottom: 7px; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; font-weight: bold !important; padding: 1.1em 2.5em; border-radius: 4px; font: 400 1.2em/1em "Open Sans", sans-serif; } .thm-banner-t-wrapper .thm-btn i { margin: 0; border-color: transparent; } .thm-banner-t-wrapper .inversen { background: #53cff5; color: #fff; border: 2px solid #53cff5; font: 300 1.2em/1em "Open Sans", sans-serif; } .thm-banner-t-wrapper .inversen:hover { color: #fff; background: #F7BE3D; border: 2px solid #F7BE3D; } .thm-banner-t-wrapper .thm-btn i:after { display: none; } .thm-banner-wrapper .thm-btn.inverse i { color: #fff; } .thm-banner-wrapper .brder { display: block; width: 100px; height: 4px; background: #E6AB0C; margin-left: auto; margin-right: auto; margin-top: 22px; } .thm-banner-wrapper .brder-left { display: block; width: 100px; height: 4px; background: #E6AB0C; margin-top: 22px; text-align: left; margin-left: 0; } /* ============================== 33. Different Services ============================== */ .diff-offer-wrapper { background: #f5f4f4; position: relative; padding-bottom: 2.5em; } .diff-offer { position: relative; padding-top: 5.5em; padding-bottom: 5.5em; overflow: hidden; } .diff-offer ul { margin: 0; padding: 0; } .diff-offer ul li { margin: 0; padding: 0; float: left; } .we-offer-cont { width: 32%; } .we-offer-cont h2 { margin: 0; padding: 0 0.8em 0 0; text-align: right; font: 600 2.4em/1em "Alegreya", serif; color: #323232; text-transform: uppercase; } .we-offer-cont h2 span { display: block; } .we-offer-cont2 { width: 68%; border-left: 3px solid #25639a; } .we-offer-cont2 p { font: 400 1.2em/1.3em "Open Sans", sans-serif; margin: 0; padding: 0 0 0 2em; font-style: italic; color: #6c6c6c; } .view .mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .service-info .view { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; cursor: pointer; text-align: left; } .service-info .view img { display: block; position: relative; } .service-info .view a.info { background: url(../images/services/icon.png) left bottom no-repeat; display: inline-block; text-decoration: none; text-indent: -9999px; width: 58px; height: 64px; left: -80px; bottom: -20px; } .service-info .second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0, 0, 0, 0.8); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service-info .second-effect a.info { position: relative; opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; } .service-info .second-effect:hover .mask { opacity: 1; border: 105px solid rgba(15, 38, 58, 0.6); } .service-info .second-effect:hover a.info { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } /* ============================== 33. Control in compliance ============================== */ .ind-common-pad2 { padding-top: 5em; padding-bottom: 6.5em; } .quality-wrapper { position: relative; } .quality-wrapper h2 { font: 300 2.8em/1.3em "Open Sans", sans-serif; margin: 0 0 1.2em; padding: 0; color: #242424; } .quality-wrapper p { color: #6c6c6c; margin: 0 0 4em; padding: 0; font: 400 1.2em/1.8em "Open Sans", sans-serif; } .quality-wrapper p.sec-vis-pad { margin-bottom:4em!important; } .vision-wrapper { position: relative; } .vision-wrapper ul { margin: 0; padding: 0; } .vision-wrapper ul li { margin: 0; padding: 0 4em; display: inline-block; text-align: center; border-right: 1px solid #cfcfcf; } .vision-wrapper ul li p { color: #6c6c6c; font: 700 1.6em/1.8em "Open Sans", sans-serif; padding: 0; margin: 0; text-transform: uppercase; } .vision-wrapper ul li:last-child { border-right: 1px solid transparent; } .vision-wrapper ul li a { color: #6c6c6c; } .vision-wrapper ul li a:hover { color: #009bb3; } /* ============================== 34. Control in compliance ============================== */ .fluid-service-area-home { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .fluid-service-area-home .work-image-ser { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } @media (max-width: 991px) { .fluid-service-area-home .work-image-ser { width: 100%; text-align: center; } } @media (max-width: 991px) { .fluid-service-area-home .work-image-ser img { width: 100%; } } .fluid-service-area-home .service-promo { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; position: relative; padding-left: 0; background: url("../images/services/ser-bg1.jpg") repeat; padding-left: 30px; } @media (max-width: 991px) { .fluid-service-area-home .service-promo { width: 100%; padding-bottom: 30px; } } @media (max-width: 991px) { .fluid-service-area-home .service-promo { padding: 15px; } } .test-quote-sec { position: relative; margin-left: -8em; } .testimonial-t-sec { position: relative; } .testimonial-t-sec .testimonialn-slider img { width: 130px; /* border: 2px solid #FFFFFF; */ border-radius: 50%; display: inline-block; } .testimonial-t-sec .testimonialn-slider .content p { color: #bbc1c7; margin: 1em 0 0; padding: 0; font: 400 1.1em/1.6em "Open Sans", sans-serif; } .testimonial-t-sec .testimonialn-slider .sign img { width: 160px; display: inline-block; border-radius: 0; } .testimonial-t-sec .testimonialn-slider .name-content { display: block; position: relative; width: 100%; } .testimonial-t-sec .testimonialn-slider .name-content .tst-img { float: left; margin: 0 1.5em 0 0; } .testimonial-t-sec .testimonialn-slider .name-content .client-name { float: left; margin: 1em 0 0; } .testimonial-t-sec .testimonialn-slider .name-content .client-name p { font: 600 1.3em/2em "Open Sans", sans-serif; margin: 0; padding: 0; color: #fff; } .testimonial-t-sec .testimonialn-slider .name-content .client-name p span { display: block; color: #fff; font: 400 0.79em/1.8em "Open Sans", sans-serif; } .testimonial-t-sec .testimonialn-slider .name-content .client-name ul li { display: inline-block; margin: 8px -1px 0 1px; } .testimonial-t-sec .testimonialn-slider .name-content .client-name ul li a { color: #ffba00; font-size: 1em; margin: 0 0.4em 0 0; } .service-t-content { max-width: 670px; margin: 0; z-index: 2; position: relative; padding: 36px 10px 101px 130px; } .testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot span { border: 2px solid #637c93; background: transparent; width: 12px; height: 12px; } .testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #ffba00; background-color: #ffba00; } .testimonialn-slider.owl-theme .owl-controls { text-align: left; margin-top: 0; } .featured-services { overflow: hidden; background: #0b3357; } .featured-services .left-full-img img { max-width: none; } /* ============================== 35. LOOKING AN ADEQUATE ============================== */ .looking-wrapper { position: relative; background: #ffba00; padding-top: 3em; padding-bottom: 3em; } .section_header2 { position: relative; padding: 0 0 2em; } .section_header2 h2 { font: bold 2em/1em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0; } .section_header2 h2.white, .section_header h2.white { color: #fff; } .section_header2 h2:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .indurial-solution-text2 h2 { font: 700 2.57em/1em 'Open Sans Condensed', sans-serif; color: #fff; margin: 0; padding: 0; } .looking-wrapper .req-button a { background: #000; color: #fff; border-radius: 4px; font: 600 1.03em/1.3em 'Raleway', sans-serif; padding: 0.8em 2.5em; text-decoration: none; } .looking-wrapper .req-button a i { margin-left: 6px; } .looking-wrapper3 { min-height: 113px; padding: 34px 0; } .looking-wrapper3 .indurial-solution-text2 h2 { font: 300 24px 'Open Sans', sans-serif; color: #000; margin: 5px 0; } .looking-wrapper3 .req-button a { background: #0f263a; padding: 1em 1.52em; } /* ============================== 36. About us and Frequently Ask questions ============================== */ .about-sec-content { position: relative; } .about-sec-content h4 { color: #303030; font: 400 1.3em/1.5em "Open Sans", sans-serif; margin: 0.8em 0 1em; padding: 0; } .about-sec-content p { color: #898989; font: 400 1.1em/1.7em "Open Sans", sans-serif; margin: 0 0 1em; padding: 0; } .about-sec-content ul {} .about-sec-content ul li { color: #6c6c6c; font: 400 1.1em/2em "Open Sans", sans-serif; } .about-sec-content ul li .fa { color: #233859; margin-right: 5px; font-size: 1em; } .accordian-area-pad { margin-top: 1.42em; } .accordian-area { position: relative; } .accordian-area .panel .panel-heading .panel-title a i { font-size: 0.8em; line-height: 50px; position: absolute; top: 0; left: 0; } .accordian-area .panel .panel-heading .panel-title a .fa-plus { display: none; } .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus { display: block; width: 25px; height: 25px; text-align: center; font-size: 10px; border-radius: 50%; border: 1px solid #c8c8c8; color: #0e1322; } .accordian-area .panel .panel-heading .panel-title a i { margin: 12.5px; line-height: 25px; } .accordian-area .panel .panel-heading .panel-title a .fa-minus { display: block; width: 25px; text-align: center; color: #000; height: 25px; font-size: 10px; border-radius: 50%; border: 1px solid #184064; background: #fff; } .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus { display: none; } .accordian-area .panel-group .panel { border-radius: 0; background: transparent; margin: 10px 0 0 0; } .accordian-area .panel { border-radius: 0; } .accordian-area .panel-default>.panel-heading { position: relative; padding: 0; margin: 0; } .accordian-area .panel-title { font: 400 18px "Open Sans", sans-serif; background: #fff; } .accordian-area .panel-title.on { background: #184064; } .accordian-area .panel .panel-heading .panel-title a.collapsed { background: #fff; color: #242424; } .accordian-area .panel .panel-heading .panel-title a { background: #184064; display: block; color: #fff; padding: 12px 0; margin: 0 0 0 50px; height: 50px; } .accordian-area .panel-body { background: #fff; color: #898989; font: 400 1.1em/1.8em "Open Sans", sans-serif; } .panel-title.actives { height: 50px; } .section_header3 h2 { color: #fff; } .latest-news1 { background: url("assets/images/news-bg.jpg") no-repeat scroll center 0; -webkit-background-size: cover; background-size: cover; } .about-but { position: relative; display: inline-block; float: left; margin-left: 0; padding-top: 4em; } .about-but a { background: #000 !Important; border: 1px solid #000 !important; color: #fff !important; text-decoration: none; } .about-but a:hover { text-decoration: none; border: 1px solid #53cff5!important; } .about-but a i { margin-left: 10px; } .about-us4 { background: url("assets/images/bg-about-us4.jpg") right center no-repeat; padding: 89px 0; background-size: cover; } .about-us5 { background: url("assets/images/bg-about-us5.jpg") left center no-repeat; padding: 78px 0 58px; background-size: cover; min-height: 603px; } .about-us4 .section-faq, .about-us5 .section-faq { padding: 0 0 0 65px; } /* ============================== 37. Our Projects ============================== */ .our-galler-htwo { background: url(assets/images/bg_home.jpg) repeat center top; position: relative; } .our-galler-three { background: #ebebeb no-repeat center top; position: relative; padding: 100px 0 0 0; } .our-galler-four { background: url("assets/images/bg-our-project4.jpg") no-repeat center top; position: relative; padding: 96px 0 0 0; } .our-galler-five { background: #1e2228 no-repeat center top; position: relative; padding: 96px 0 0 0; } .fullwidth-slider { padding: 0 1.5em; } .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next { background: #ffba00; width: 33px; text-align: center; font-size: 20px; line-height: 30px; color: #000; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; height: 33px; } .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 20px; } .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #eaac05; color: #000; text-decoration: none; } .fullwidth-slider.owl-theme .owl-controls { margin-top: 4em; } .fullwidth-silder { padding-top: 2em; } .fullwidth-silder2 .owl-theme .owl-controls, .fullwidth-silder3 .owl-theme .owl-controls { margin-top: 0; } .fullwidth-slider2 .owl-nav, .fullwidth-slider3 .owl-nav { position: absolute; top: -92px; width: 1170px; text-align: right; margin: 0 auto; left: 0; right: 0; } /* ============================== 38. Lattest news ============================== */ .event-pad { padding-top: 1.3em; } .news-wrapper { position: relative; background: #f4f4f4; } .news-evn-img { position: relative; overflow: hidden; } .news-evn-img:before { content: ''; position: absolute; bottom: -3px; width: 10px; height: 3px; display: inline-block; background: #fff; margin: 0; } .news-evn-img .event-date { position: absolute; width: 62px; height: 68px; text-align: center; background: #ffba00; left: 10px; bottom: 0; } .news-evn-img .event-date h3 { font: 600 1.6em/1.2em "Open Sans", sans-serif; color: #fff; margin: 0; padding: 0.4em 0 0; } .news-evn-img .event-date h3 small { color: #fff; font: 400 0.59em/1em "Open Sans", sans-serif; display: block; } .news-evn-cont { position: relative; } .latest-news-padd { padding-bottom: 15px; } .news-evn-cont h3 { font: 600 1.07em/1.5em "Raleway", sans-serif; letter-spacing: 0.5px; color: #000; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0; padding: 0 0 0.5em; } .news-evn-cont p { font: 400 1em/1.5em "Open Sans", sans-serif; color: #8e8d8d; margin: 0; padding: 0; } .news-meta { padding: 1.8em 0 1em; } .news-meta a { font: 400 1.07em/1em "PT Serif", sans-serif; color: #a6a6a6; padding-right: 13px; font-style: italic; } .news-meta a + a:before { content: ''; background: #a6a6a6; margin-right: 15px; width: 1px; height: 14px; bottom: -3px; position: relative; display: inline-block; } .sectpad-sec { padding-top: 5.7em; padding-bottom: 5.7em; } /* ============================== 39. product solutions ============================== */ .our-sol-wrapper { background: url(assets/images/pro-sol-bg.jpg) no-repeat center top; position: relative; overflow: hidden; padding: 3em 0; background-size: cover; } .our-sol-wrapper p { font: 300 32px "Open Sans", sans-serif; margin: 0; padding: 0; color: #fff; text-align: center; } .our-sol-wrapper p span { color: #ffba00; } .ind-common-pad { padding-top: 5.5em; padding-bottom: 5.5em; } /* ============================== 40. our clients & Get in touch ============================== */ .our-t-client { position: relative; } .our-t-client p { color: #898989; font: 400 1em/1.8em "Open Sans", sans-serif; margin: 1em 0 2em; padding: 0; } .our-t-client ul { margin: 0; padding: 0; overflow: hidden; } .our-t-client ul li { margin: 0 1em 1.2em 0; padding: 0; /*display: inline-block;*/ float: left; } .our-t-client ul li:last-child { margin: 0 0 0 0; } .our-t-client ul li img { border: 1px solid #ebebeb; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .our-t-client ul li img:hover { border: 1px solid #103d68; border-radius: 100%; } .get-t-touch { position: relative; border: 1px solid #ebebeb; overflow: hidden; margin-top: 1.6em; } .get-t-touch-inner { position: relative; border: 9px solid #f7f7f9; padding: 2em 1.5em; overflow: hidden; } .get-t-touch .input_form .form-control { margin-bottom: 20px; border-radius: 0; font: 1em/1em "Open Sans", sans-serif; color: #555; padding: 11px 20px; border: 1px solid #eaeaea; height: auto; box-shadow: none; } .get-t-touch .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 40px 0 20px; border: 1px solid #eaeaea; height: 42px; background: #fff; outline: none; color: #b7b6b6; margin-bottom: 20px; } .get-t-touch .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font: 0.9em/1em "Open Sans", sans-serif; line-height: 42px; } .get-t-touch .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow1.png) 0 0 no-repeat; width: 16px; height: 8px; margin-top: -4px; margin-right: 4px; } .get-t-touch .select-menu + .ui-selectmenu-menu .ui-menu-item { background: #2d6293; border-color: #00ACD9; font-style: normal; } .get-t-touch .submit-n-now { position: relative; } .get-t-touch .submit-n-now .submit { background: #ffba00; color: #fff; font: 600 1.08em/1em 'Roboto', sans-serif; display: inline-block; padding: 1em 1.52em; border-radius: 4px; border: 1px solid #ffba00; margin: 0; } .get-t-touch .submit-n-now .submit:hover { border-radius: 4px; color: #fff; border: 1px solid #53cff5; background: #53cff5; } .get-t-touch .submit-n-now .submit i { margin-left: 14px; } .indurial-t-solution { background: #103d68; } .contactus-button2 { position: relative; display: inline-block; margin-left: 4em; } .contactus-button2 a { background: #ffba00; color: #fff; border-radius: 4px; font: 600 1.08em/1em 'Roboto', sans-serif; padding: 0.8em 1.6em; display: inline-block; border: 1px solid #ffba00; } .contactus-button2 a:hover { border-radius: 4px; border: 1px solid #009bb3; color: #fff; text-decoration: none; } .contactus-button2 a i { margin-left: 10px; } .contactus-button2 submit:hover { border-color: #53cff5; color: #fff; } .contactus-button2 submit:focus { color: #fff; } .footer-bg { background: #abaeb1 !important; } .footer-column ul li a { color: #132b51 !important; text-shadow: 0px 0px !important; } .footer-column .widget.about-us-widget p { text-shadow: 0px 0px; } .footer-column p.fottxt { color: #132b51 !important; } .footer-column h4.widget_title { font-style: normal !important; } .footer-bg3 h4.widget_title { text-transform: capitalize; font-style: normal; color: #132b51; text-shadow: 0px 0px; } .footer-t-bottom { background: #000; } #footer-2 li { margin-bottom: 6px; } /*li.menu-item { margin-bottom: -12px; }*/ .fleft.location_address { color: #132b51 !important; text-shadow: 0px 0px; } .fleft.service_time { color: #132b51 !important; text-shadow: 0px 0px; } .pull-left.fo-txt { font-weight: 500 !important; color: #fff !important; } .logo-wrapper { text-align: left; min-height: 106px; } .pull-right.fo-txt a { font-weight: 500; color: #fff; } .pull-right.fo-txt { font-weight: 500; color: #fff; } .logo-wrapper img { display: inline-block; } .sec-title h2 { margin-bottom: 1em; } /* ============================== 40. about-us-section ============================== */ .about-us-section { padding: 100px 0; min-height: 738px; background: url("../images/about/bg.jpg") right bottom no-repeat #fff; } .about-us-section .sec-title h2 { font-size: 28px; font-family: "Alegreya", sans-serif; text-transform: uppercase; font-weight: bold; margin: 0 0 40px 0; } .about-us-section .about-us { padding: 0 100px 0 0; } .about-us-section .about-us img { width: 100%; } .about-us-section .about-us ul li:before { content: '\f0a9'; margin-right: 11px; font-family: 'FontAwesome'; color: #233859; } .about-us-section .about-us p { margin: 32px 0; } .about-us-section .about-us ul li { font-size: 14px; line-height: 32px; color: #6c6c6c; } .about-us-section .about-us ul, .about-us-section .about-us ul li { margin: 0; padding: 0; list-style: none; } .about-us-section .faq-left-box .single-faq-left:last-child { margin-bottom: 0; } .about-us-section .about-us .thm-button { margin: 40px 0 0 0; } .faq-left-box .single-faq-left { margin-bottom: 42px; } .faq-left-box .single-faq-left .icon-box, .faq-left-box .single-faq-left .text-box { display: table-cell; vertical-align: top; padding: 10px 0 0 0; } .faq-left-box .single-faq-left .icon-box { font-size: 44px; width: 45px; color: #2e78cc; } .faq-left-box .single-faq-left .text-box { padding: 0 0 0 20px; } .faq-left-box .single-faq-left .text-box h3, .faq-left-box .single-faq-left .text-box p { margin: 0; } .faq-left-box .single-faq-left .text-box h3 { text-transform: uppercase; font-size: 18px; font-family: 'Raleway'; font-weight: bold; color: #333340; line-height: 30px; } .faq-left-box .single-faq-left .text-box p { color: #898989; font-size: 15px; line-height: 26px; margin-top: 9px; } .faq-sec .right-box { padding: 40px 0 0 0; } /* ============================== 41. Footer Page3 ============================== */ .footer-bg3 { /*background: url("assets/images/bg.jpg") no-repeat center center;*/ /* Edited By Webpioneer*/ padding:16px; min-height:373px; /*padding: 59px 0; min-height: 408px;*/ background-size: cover; } .footer-bg3 h4.widget_title { text-transform: capitalize; font-style: italic; } .footer-bg3 .widget-links { padding: 0 50px; } .footer-bottom3 { padding: 10px 0; } .footer-bottom3 .fo-txt p { margin: 0; } .footer-bottom3 .fo-txt p a { color: #454d54; } /* ============================== 42. Testimonial Page ============================== */ .testimonial-wrapper3 { background: url(../images/testimonial/testimonial-bg2.jpg) center bottom no-repeat fixed; background-size: cover; } .testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span { border: 2px solid #fff; } .testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span, .testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #ffa10d; } .testimonial-wrapper2 { background: url(assets/images/testimonial-bg3.jpg) center bottom no-repeat fixed; background-size: cover; } .testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span { border: 2px solid #fff; } .testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span, .testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #ffa10d; } /* ============================== 43. Solution Page ============================== */ .indurial-t-solution3 { background: url(assets/images/solution-bg.jpg) center center no-repeat fixed; background-size: cover; padding: 13px 0; min-height: 53px; clear: both; } .indurial-t-solution3 h2 { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 300; padding: 6px 0 0 50px; float: left; } .indurial-t-solution3 .contactus-button2 a { margin: 0; } .indurial-t-solution3 .contactus-button2 { margin-left: 0; } /* ============================== 44. Solution Page ============================== */ #contact-google-map { width: 100%; height: 500px; } .map-section { position: relative; clear: both; } .map-outer { position: relative; } .map-section .outer-container { position: absolute; max-width: 1170px; padding: 0px 15px; margin: 0 auto; z-index: 20; } .map-section .outer-container .info-container { position: relative; max-width: 1000px; margin: 0 auto; bottom: 375px; padding: 30px 50px 20px 50px; background: #1a3b66; border: 10px solid #FFF; z-index: 4; float: left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20); } .map-section .outer-container .info-container address h4 { font-size: 30px; color: #FFF; font-weight: bold; padding-bottom: 20px; } .map-section .outer-container .info-container address .info { float: left; margin-bottom: 20px; } .map-section .outer-container .info-container address .fa { float: left; color: orange; font-size: 16px; margin-right: 10px; } .map-section .outer-container .info-container address p { font-size: 14px; color: #FFF; float: left; } .diff-offer-wrapper3 { padding: 0 0 38px 0; min-height: 661px; } .diff-offer-wrapper3 .diff-offer { padding: 74px 0; } .diff-offer-wrapper3 .diff-offer h2 { margin: 0; font-weight: 300; line-height: 40px; font-family: "Open Sans", sans-serif; } .diff-offer-wrapper3 .diff-offer h2 a { color: #3cbfe7; text-decoration: underline; font-weight: 500; } .diff-offer-wrapper3 .service-info .post-image { margin: 0 0 30px 0; } .diff-offer-wrapper3 .service-info h4 { margin: 0; } .diff-offer-wrapper3 .service-info h4 a { color: #242424; font: 600 18px "Open Sans", sans-serif; text-transform: uppercase; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0 0 15px 0; } .diff-offer-wrapper3 .service-info p { padding: 0; margin: 0 0 18px 0; } .diff-offer-wrapper3 .service-info-right .post-image { width: 100px; } .diff-offer-wrapper3 .service-info-right .post-content { float: left; width: 260px; padding: 0 0 0 15px; box-sizing: border-box; } .diff-offer-wrapper3 .service-info-right .post-image img { width: 100px; height: 100px; } .diff-offer-wrapper3 .service-info-right h4 a { margin: 0; } .diff-offer-wrapper3 .service-info h6 { margin: 0; } .diff-offer-wrapper3 .service-info .item { float: left; } .read-more { margin: 35px 0 0 0; } /* ============================== 45. We Customer Support ============================== */ .we-customer-support { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .we-customer-support .work-image-ser { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } .we-customer-support .service-promo { position: relative; padding-left: 0; background: url("assets/images/ser-bg1.jpg") repeat; } .we-customer-support .service-t-content { max-width: 650px; margin: 0; z-index: 2; position: relative; padding: 78px 0 78px 110px; } .we-customer-support .service-t-content form input[type="text"] { background: #0d2840; color: #fff; font-size: 15px; height: 50px; width: 100%; padding: 0 20px; margin: 0 0 15px 0; border: 1px solid #254766; border-radius: 5px; } .we-customer-support .service-t-content p { font: 300 20px "Open Sans", sans-serif; color: #fff; margin: 0 0 25px 0!important; } /* home3 two images */ .we-customer-support { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .we-customer-support .work-image-ser { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } .we-customer-support .service-promo { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; position: relative; padding-left: 0; background: url("assets/images/ser-bg2.jpg") repeat; } .we-customer-support .service-t-content { max-width: 650px; margin: 0; z-index: 2; position: relative; padding: 81px 0 78px 110px; } .wpb_single_image.work-image-ser img { height: auto; max-width: initial; vertical-align: top; } .we-customer-support form .service-t-content input[type="text"] { background: #0d2840; color: #fff; font-size: 15px; height: 50px; width: 100%; padding: 0 20px; margin: 0 0 15px 0; border: 1px solid #254766; border-radius: 5px; } .we-customer-support form .service-t-content input[type="email"] { background: #0d2840; color: #8e8d8d; font-size: 15px; height: 50px; width: 100%; padding: 0 20px; margin: 0 0 15px 0; border: 1px solid #254766; border-radius: 5px; } /* default home page two images*/ .respon-home-slide.wpb_column.vc_column_container.vc_col-sm-5 { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } .height-img-home img.vc_single_image-img.attachment-full { height: 510px; max-width: initial!important; } .service-promo { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; position: relative; padding-left: 0; background: url("assets/images/ser-bg1.jpg") repeat; padding-left: 30px; } @media (max-width: 1400px) { .we-customer-support .service-t-content { padding: 81px 0 78px 110px; } } @media (min-width: 981px) { .dots-test.service-promo.wpb_column.vc_column_container.vc_col-sm-7 { min-height:510px; } } @media (max-width: 991px) { .we-customer-support .work-image-ser, .respon-home-slide.wpb_column.vc_column_container.vc_col-sm-5, .wpb_single_image.wpb_content_element.vc_align_left.height-img-home{ width: 100%; text-align: center; } .we-customer-support .service-promo, .service-promo{ padding: 15px; width: 100%; } } /*=======home banner_variation1 style start=======*/ #minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; text-align: right; text-shadow: none; } #minimal-bootstrap-carousel .carousel-caption .thm-container { display: table; width: 100%; height: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; text-align: center; } #minimal-bootstrap-carousel .carousel-caption .thm-container.thm-3slide { text-align: left; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box { display: table-cell; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top { vertical-align: top; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top .content { padding-top: 132px; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content { padding-bottom: 132px; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom { vertical-align: bottom; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle { vertical-align: middle; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content { display: inline-block; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.slide3 { float: left; width: 50%; } #minimal-bootstrap-carousel .carousel-inner .item { min-height: 638px; height: 100%; width: 100%; background-size: cover; background-position: center center; background-color: #1E1E1E; } #minimal-bootstrap-carousel .carousel-control { background: none; width: 40px; height: 40px; font-size: 15px; line-height: 40px; color: #fff; background: rgba(0, 0, 0, 0.5); visibility: visible !important; opacity: .65; margin-top: -20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; border-radius: 0; z-index: 88; } #minimal-bootstrap-carousel .carousel-control.left { left: 1%; } #minimal-bootstrap-carousel .carousel-control.right { right: 1%; } #minimal-bootstrap-carousel .carousel-control:hover { opacity: 1; background: #000; } /*=======home banner_variation2 style start=======*/ h1.bnrfnt50 { font-size: 50px; font-family: 'Raleway', sans-serif; color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px!important; margin-bottom: 20px; } h1.bnrfnt40 { font-size: 40px; font-family: 'Raleway', sans-serif; color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px!important; margin-bottom: 20px; } h1.bnrfnt50 span.color1 { color: #f8c12c; font-weight: normal; } h1.bnrfnt50 span.color2 { color: #44bfff; } h1.bnrfnt50 span.color3 { color: #f8c12c; font-weight: bold; } span.line { height: 4px; width: 100px; background: #e6ab0c; display: block; margin: 0 0 20px 0; } #minimal-bootstrap-carousel .carousel-caption .thm-container.txt-left { text-align: left; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.cnt_wdt1 { width: 60%; } #minimal-bootstrap-carousel .carousel-caption p.pln_he { line-height: 30px; margin-bottom: 40px; font-size: 18px; font-style: italic; color: #fff; } #minimal-bootstrap-carousel.ver_new_3_slider .carousel-inner .item { min-height: 600px; } #minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .item { min-height: 665px; } #minimal-bootstrap-carousel.ver_new_1_slider .item, #minimal-bootstrap-carousel .carousel-inner.ver_new_5_slider .item { min-height: 642px; } #minimal-bootstrap-carousel.ver_new_4_slider .carousel-inner .item { min-height: 858px; } #minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .carousel-caption .thm-container .box.valign-top .content{ padding-top: 165px; } #minimal-bootstrap-carousel.ver_new_1_slider .carousel-caption .thm-container .box.valign-top .content { padding-top: 165px; } ul.banner_btm_list { width: 100%; float: left; margin: 0px; padding: 0px; } ul.banner_btm_list li { list-style: none; float: left; width: 33.3%; padding: 50px 30px; top: 0; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; bottom: -20px; min-height: 272px; cursor: pointer; text-align: center; } ul.banner_btm_list li img { margin: 0 0 20px 0; } ul.banner_btm_list li h4 { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; margin: 0 0 15px 0; } ul.banner_btm_list li p { line-height: 22px; font-size: 14px; color: #fff; } ul.banner_btm_list li.yellow_prd_bg { background: url(assets/images/yellow_lst_bg.jpg) no-repeat center top; background-size: cover; } ul.banner_btm_list li.yellow_prd_bg h4 a { color: #000; text-decoration:none; } ul.banner_btm_list li.yellow_prd_bg p { color: #000; } ul.banner_btm_list li.blue_prd_bg { background: url(assets/images/blue_lst_bg.jpg) no-repeat center top; background-size: cover; } ul.banner_btm_list li:hover { z-index: 100; margin: -25px 0 0 0; min-height: 297px; } ul.banner_btm_list li.blue_prd_bg h4 a { color: #fff; text-decoration:none; } ul.banner_btm_list li.lytblue_prd_bg { background: url(assets/images/lgtblue_lst_bg.jpg) no-repeat center top; background-size: cover; } ul.banner_btm_list li.lytblue_prd_bg h4 a { color: #fff; text-decoration:none; } ul.banner_btm_list li.lytblue_prd_bg p { color: #fff; } /*=======home banner_variation2 style end=======*/ /*************** Search variation 4 style ****************/ .search_overlay { width: 100%; height: 100%; opacity: 0; visibility: hidden; background: #eef0f3; position: fixed; top: 0; left: 0; } .search_overlay.show { opacity: 1; visibility: visible; z-index: 9999999; } .search_overlay .close_search { background: url(../images/home_page_variation4/close_popup.png) no-repeat; width: 23px; height: 20px; position: absolute; right: 15px; top: 10px; } .search_main_container { max-width: 600px; margin: -100px auto 0; position: absolute; top: 50%; left: 50%; margin-left: -300px; width: 100%; } .search_main_container h4 { font-size: 25px; color: #242424; margin-bottom: 30px; } .search_main_container form { position: relative; width: 100%; float: left } .search_main_container .search_lightbox_input { width: 100%; float: left; border-bottom: 1px solid #242424 !important; border: 0px; font-size: 18px; color: #242424; background: transparent; padding: 5px 0; } .search_lightbox_input::-webkit-input-placeholder { color: #242424; } .search_lightbox_input:-moz-placeholder { /* Firefox 18- */ color: #242424; } .search_lightbox_input::-moz-placeholder { /* Firefox 19+ */ color: #242424; } .search_lightbox_input:-ms-input-placeholder { color: #242424; } .search_overlay button[type='submit'] { position: absolute; top: 0; right: 0; line-height: 35px; border: none; background: none; } /*************** End Search variation 4 style ****************/ .newsletter { margin: 0 0 100px 0; } .newsletter .inn { background: url("assets/images/bg-newsletter.jpg") top center no-repeat #f0f0ef; min-height: 142px; padding: 23px 40px; } .newsletter .inn h2 { font: bold 2em/1em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0; } .newsletter .inn input[type="text"] { width: 100%; height: 45px; border: 1px solid #333; } .newsletter .inn p { color: #8e8d8d; font-size: 15px; margin: 0; } .newsletter .req-button { line-height: 44px; background: #4dcef6; padding: 0 20px; border: 1px solid #4dcef6; color: #fff; width: 100%; text-align: center; } .newsletter .req-button { margin: 0; } .newsletter .req-button i { padding: 0 0 0 10px; } @media (max-width:800px){ .recent-news-wrapper .row.event-pad .col-sm-4 { width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 32. TT-GALLERY-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-gallery-1 { display: block; position: relative; overflow: hidden; } .tt-gallery-1-caption { display: block; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; z-index: 1000; } .tt-gallery-1-caption-table { display: table; position: relative; width: 100%; height: 100%; } .tt-gallery-1-caption-inner { display: table-cell; vertical-align: middle; -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-gallery-1-name { display: block; font-size: 16px; line-height: 22px; font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; } .tt-gallery-1-cat { display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #898989; letter-spacing: 0.2px; } .tt-gallery-1-search { display: inline-block; width: 66px; height: 66px; font-size: 22px; line-height: 66px; color: #000; text-align: center; background: #fac012; border-radius: 50%; } .tt-gallery-1:hover .tt-gallery-1-caption { opacity: 1; } .tt-gallery-1:hover .tt-gallery-1-caption-inner { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .tt-gallery-1-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 33. LIGHTBOX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; } #imagelightbox-close { width: 2.5em; height: 2.5em; text-align: left; background-color: #05305a; position: fixed; z-index: 10002; top: 5em; right: 2.5em; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; border: none; } #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; } #imagelightbox-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #imagelightbox-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #imagelightbox-close:hover { background-color: #fff; outline: none; } #imagelightbox-close:hover:before, #imagelightbox-close:hover:after { background: #05305a; } #imagelightbox-loading, #imagelightbox-loading div { -moz-border-radius: 50%; border-radius: 50%; } #imagelightbox-loading { width: 2.5em; height: 2.5em; background-color: #444; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); } #imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; -moz-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } #imagelightbox-overlay { background-color: rgba(0, 0, 0, 0.7); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } #imagelightbox-caption { font-size: 15px; font-weight: 500; letter-spacing: 1px; text-align: center; color: #fff; background-color: #05305a; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 14px 0px; } .imagelightbox-arrow { font-size: 40px; line-height: 56px; font-weight: 400; color: rgba(255, 255, 255, 0.32); width: 3.75em; height: 7.5em; background-color: transparent; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; border: none; } .imagelightbox-arrow-left { left: 2.5em; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .imagelightbox-arrow-right { right: 2.5em; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .imagelightbox-arrow-left:focus, .imagelightbox-arrow-right:focus { outline: none; } .imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover { color: #fff; } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow { -webkit-animation: fade-in .25s linear; -moz-animation: fade-in .25s linear; animation: fade-in .25s linear; } @media only screen and (max-width:660px) { #container { width: 100%; } #imagelightbox-close { top: 1.25em; right: 1.25em; } #imagelightbox-nav { bottom: 1.25em; } .imagelightbox-arrow { width: 2.5em; } .imagelightbox-arrow-left { left: 1.25em; } .imagelightbox-arrow-right { right: 1.25em; } } @media only screen and (max-width:320px) { .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } } @media (max-width:767px) { .block.type-7 .filter-nav li { margin-bottom: 10px; } .block.type-7 .filter-content a { display: block; } .block.type-7 .filter-content a img { margin: 0 auto; } .block.type-7 .icon-wrapper .icon-entry { margin-bottom: 30px; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: .5; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-moz-keyframes imagelightbox-loading { from { opacity: .5; -moz-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: .5; -moz-transform: scale(0.75); transform: scale(0.75); } } @keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } to { opacity: .5; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); } } .mobile-link { display: none; } li.mobile-link { display: none!important; } .mobile-link a.submit { background: #f8c12c; margin: 30px 15px 15px; display: block; border-radius: 3px; padding: 13.5px; font-size: 16px; text-align: center; font-weight: bold; } .mobile-link .widget-t-search { float: none; padding: 10px 0; } .mobile-link .widget-t-inner { width: 100%; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 30px; } /* Slider Carousel ------------------------------*/ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -moz-user-select: text; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Slick theme */ /* Arrows */ .carousel-prev, .carousel-next { position: absolute; right: 20px; top: -80px; width: 35px; height: 35px; border: 2px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; font-size: 20px; color: #fff; background-color: transparent; } .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0px!important; } .carousel-prev i, .carousel-next i { font-size: 25px; color: #ffffff; margin-top: 2px; } .carousel-prev:hover, .carousel-next:hover { color: #ffffff; } .carousel-prev:hover i, .carousel-next:hover i { color: #ffffff !important; } .carousel-prev { right: 60px; width: 33px; font-size: 20px; line-height: 33px; color: #fff; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background-color: #1FB5C7; } .carousel-prev i { margin-left: 10px; } .carousel-next i { margin-left: 12px; } .custom-heading.wpb_content_element { position: relative; /* padding: 0 0 2em;*/ } .custom-heading.wpb_content_element h2.heading-title { font: bold 2em/1em "Alegreya", serif; color: #000; text-transform: uppercase; position: relative; padding-bottom: 20px; letter-spacing: 0.3px; margin: 0; text-align: center; } .custom-heading.wpb_content_element h2.heading-title:before { content: ""; width: 55px; height: 3px; display: inline-block; background: #fab90a; position: absolute; bottom: 0; } .our-services.wpb_column.vc_column_container.vc_col-sm-12 { margin-bottom: -34px; } .our-t-client.wpb_column.vc_col-sm-6 .wpb_wrapper p{ margin: 1em 0 2em!important; } .grid-wrapper.grid-row .our-team-page .our-pro-slider { float: left; margin: 0 0 1.2em 0; padding-left: 0; } .grid-wrapper.grid-3-columns.grid-row .our-team-page .our-pro-slider .pro-sliders { padding-top: 0; } .widget-contact-list ul li i.icon.icon-Timer{ margin-left:0; } .breadcumb-wrapper span a{ display: inline-block; color: #20bcd4; font-weight: 700; font-size: 13px; text-transform: uppercase; text-decoration:none!important; } .vc_row.wpb_row.vc_inner.vc_row-fluid.about-top-sec { padding-top: 2em; } .marg-bt-abt{ margin: 0 0 1em!important; } .left-sidebar { float: right!important; } .single-side-left.wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner { padding-left: 0!important; padding-right: 0!important; } .content-right.pull-right.tab-content.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner { padding-left: 0!important; padding-right: 0!important; } .content-right.pull-right.tab-content.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner .image-box.clearfix { margin-bottom: 50px!important; } .grid-wrapper.grid-3-columns.fullwidth-silder { padding-top: 0; margin-left: -15px; margin-right: -15px; } .grid-wrapper.fullwidth-silder .fullwidth-slider { padding: 0 15px; float: left; margin-bottom: 30px; } .pad-detail-sec.wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner { padding-left: 0; padding-right: 0; } .wpb_gmaps_widget .wpb_wrapper { padding: 0; } .meta-info .content-box ul.post-links { margin-bottom: 0; } h3.entry-title a:hover { text-decoration: none; color: #1cbac8; } h3.entry-title a { color:#010101; } .meta-info .content-box ul.post-links li a{ color:#A1A1A1; } .meta-info .content-box ul.post-links li a:hover{ color:#FBB12F; text-decoration: none; } .blog-side-shop aside#search-2 { border: 1px solid #ddd; width: 88.333333%; position: relative; display: inline-block; margin-bottom: 40px; padding-right: 0; } .blog-side-shop aside#search-3 { border: 1px solid #ddd; width: 88.333333%; position: relative; display: inline-block; margin-bottom: 40px; padding-right: 0; } .blog-side-shop aside#search-4 { border: 1px solid #ddd; width: 88.333333%; position: relative; display: inline-block; margin-bottom: 40px; padding-right: 0; } .blog-side-shop input.form-control { height: 45px!important; padding: 0 30px!important; } .blog-side-shop span.input-group-addon { padding: 0 0 0 8px!important; border: 0; border-radius: 0; background: #51c5e9!important; } .blog-side-shop span.input-group-addon button { background: #51c5e9!important; color: #fff!important; } .blog-side-shop .widget-title span { font-size: 20px; text-transform: uppercase; font: 600 0.8em/1em "Alegreya", serif; } .blog-side-shop h2.widget-title:after{ content: ''; width: 50px; height: 3px; background: #fab90a; display: block; margin-top: 13px; } .blog-side-shop .widget { padding-right: 39px; } .blog-side-shop .img-box { width: 110px; height: 84px; } .blog-side-shop aside#categories-2 ul li a{ color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; text-decoration:none; } .blog-side-shop aside#categories-2 ul li a:after{ content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .blog-side-shop aside#categories-2 ul li a:hover{ color: #1cbac8; } .blog-side-shop aside#categories-3 ul li a{ color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; text-decoration:none; } .blog-side-shop aside#categories-3 ul li a:after{ content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .blog-side-shop aside#categories-4 ul li a{ color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; text-decoration:none; } .blog-side-shop aside#categories-4 ul li a:after{ content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .blog-side-shop aside#categories-3 ul li a:hover{ color: #1cbac8; } .popular-post ul li.img-cap-effect a{ text-decoration:none; } .padd-blog-left { margin-left: -15px; } .blog-side-shop.pull-left.news{ padding: 5.6em 15px 5.6em 15px; } .padd-blog-rgt{ margin-right: -15px; } article.padd-blog-rgt:first-child{ padding-top: 5.7em; } article.padd-blog-rgt:last-child{ padding-bottom: 5.7em; } .padd-top-single { padding-top: 5.7em; } .comments-area { padding-bottom: 5.6em; } .padd-top-single .single-blog-post.none-margin { margin-bottom: 0; } .pull-left.news .single-sidebar-widget.shop-padd-rgt { padding-right: 0; } .section_header { padding-top: 5.6em !important; } .quantity input.input-text.qty.text { border-color: initial; } .bottom-box .col-lg-6.col-md-6.col-sm-6.pull-left.cupon-box { text-align: left; } .shop_table.shop_table_responsive.cart td.row.bottom-box { background: #f9f9f9 none repeat scroll 0 0; margin: 0 0 50px; padding: 30px 25px !important; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .shop_table.shop_table_responsive.cart .bottom-box input#coupon_code { border: 1px solid #eeeeee; color: #000; line-height: 36px; margin-right: 10px; outline: medium none; padding: 0 20px; width: 130px; } .woocommerce table.shop_table { border-radius: 0!important; } .woocommerce .cart .button, .woocommerce .cart input.button:hover { background: #1FB5C7; color: #fff; border-color: #1FB5C7; } .woocommerce .cart .button, .woocommerce .cart input.button { color:#000000; font-weight: initial; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 41.66666667%; padding-left: 15px; } select#calc_shipping_country { padding: 5px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #e2e2e2; color: #242424; font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; margin-bottom: 10px; outline: medium none; padding: 0 20px; width: 100%; } .proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover{ background: #1FB5C7; color: #fff!important; border-color: #1FB5C7; } .woocommerce .row_inner_wrapper .col-lg-12.return-customer { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ebebeb; margin-bottom: 45px; padding: 21px 30px; } .woocommerce .row_inner_wrapper .col-lg-12.return-customer a { text-decoration:none; } .woocommerce .row_inner_wrapper .col-lg-12.return-customer:first-child { margin-bottom: 15px; } .woocommerce form .woocommerce-billing-fields .form-row { margin-bottom: 23px; } .sec-padd-check { padding-top: 6em!important; padding-bottom: 4.3em!important; } .woocommerce form .woocommerce-billing-fields .form-row input#billing_city { border: 1px solid #e2e2e2; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #e2e2e2; } p#order_comments_field textarea#order_comments { padding: 10px; } .woocommerce-checkout .col-lg-12.order-box { border: 1px solid #D9D9D9; padding: 30px; } .woocommerce-checkout .order-box ul li { color: #8e8d8d; display: block; font-size: 14px; font-weight: 400; line-height: 45px; } .woocommerce-checkout .order-box ul li span { color: #898989; display: inline-block; float: right; font-size: 14px; font-family: "Open Sans", sans-serif; } .woocommerce-checkout .form-row.place-order { padding-top: 20px!important; line-height: 30px; } .woocommerce-checkout .form-row.place-order .button { background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 42px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; float: right; } .woocommerce-checkout .form-row.place-order .button:hover { background: #1FB5C7; color: #fff; border-color: #1FB5C7; } .news-evn-cont a:hover { text-decoration: none; } .marg-top-left.caption-box-img.wpb_column.vc_column_container.vc_col-sm-4 { margin-top: 40px; margin-left: 15px; } .special-links ul li a{ text-decoration:none; } .noclass-other .vc_tta.vc_general .vc_tta-panel-title>a { position: relative; padding-left: 30px; padding-right: 30px; padding-top:0!important; padding-bottom:0!important; color: #242424; font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: normal; font-size: 14px; line-height: 46px; letter-spacing: .04em; margin: 0; } .noclass-other .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #fff!important; background: #1FB5C7; } .noclass-other .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #ffffff; } .noclass-other .vc_tta.vc_general .vc_tta-panel { background: #fff; margin-bottom: 10px; } .noclass-other .vc_tta-panel-heading { background-color: #fff!important; } .noclass-other .vc_tta-panel-body { padding: 19px 0 30px 30px !important; } .home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #184064; color:#fff; } .home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #fff; } .home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #242424; } .home-nother-clss .vc_tta.vc_general .vc_tta-panel { margin: 10px 0 0 0; background-color: #fff; } .home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { background-color: #fff; } .home-nother-clss .vc_tta-panel-body .wpb_text_column.wpb_content_element .wpb_wrapper p{ background: #fff; color: #898989; font: 400 1.1em/1.8em "Open Sans", sans-serif; } .home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #fff; } .home-nother-clss .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a { border-radius: 0!important; } .italic{ font-style: italic; } .service-info a:hover{ text-decoration:none; } .media .blue-color a{ text-decoration:none; } .top-two-right .text-right a{ text-decoration:none; } .diff-offer-wrapper.pad-bot-offer { padding-bottom: 0; } .widget-contact-list .menu-footer-3-container ul li a:before { color: #627279; content: '\f068'; font-family: 'FontAwesome'; font-size: 6px; margin-right: 5px; } .nav-search.pull-right.text-right .input-group-addon .icon.icon-Search{ line-height: 1.4; } .height-img-home img.vc_single_image-img.attachment-full { height: 510px; } .dots-test .slick-dots { float: left; margin-top: 0; } .dots-test .slick-dots li button { width: 12px; height: 12px; background: transparent; } .home-tw-sec-tw .btn { background: #4dcef6; color: #fff!important; font-size: 16px; font-weight: bold; padding: 0 40px; line-height: 48px; text-transform: uppercase; } .home-tw-test .slick-dots li button { background: transparent; border:2px solid #fff; } .home-tw-test .slick-dots li.slick-active button { background: transparent; border:2px solid #fab90a; } .home-tw-test .slick-dots { margin: 15px auto 0; } .letter-space{ letter-spacing: 1.3px!Important; } .touch .touch_middle { padding: 80px 0; } .sectpadcontact { padding-top:5.7em; } .check-project.testimonials.sectpad.touch.sectpd-cont{ padding-top:0; padding-left: 15px; padding-right: 15px; } .we-customer-support .service-t-content form input[type="email"] { background: #0d2840; color: #8e8d8d; font-size: 15px; height: 50px; width: 100%; padding: 0 20px; margin: 0 0 15px 0; border: 1px solid #254766; border-radius: 5px; } .service-t-content input.wpcf7-form-control.wpcf7-submit.btn.btn2 { font-size: 16px !important; font-weight: bold !important; padding: 0 40px !important; line-height: 48px !Important; text-transform: uppercase; } .service-t-content .btn2 { color: #000; background: #f8d24b; } .img-height-three .wpb_wrapper.vc_figure .vc_single_image-wrapper img { height: 510px; } .overflow-vis-four{ overflow:visible!important; } .image-box-home4 .box-img { } .image-box-home4 .box-img img { height: 100%; } .tp-revslider-mainul { position: initial; width: 100% !important; } .pull-left.news .single-sidebar-widget.shop-padd-rgt h2.widget-title { text-transform: uppercase; font: 600 0.8em/1em "Alegreya", serif; font-size: 24px; } div#btt { background: none repeat scroll #222222; opacity: 0.8; border: 1px solid #333333; border-radius: 2px; bottom: 21px; cursor: pointer; padding: 8px 15px; position: fixed; right: 20px; z-index: 50; color: #777777; } .post-links li:first-child { float: left; margin-right: 10px; } section.no-results.not-found { margin-top: 5.6em; } section.no-results.not-found button { border: initial; background: transparent; } section.no-results.not-found span.input-group-addon { background: #1FB5C7; color: #fff; } img.avatar.avatar-60.photo { float: left; margin-right: 20px; } .product.type-product.status-publish { padding-top: 5.6em; } .pull-left.input_form.button-error div.wpcf7-response-output.wpcf7-validation-errors { overflow: hidden; } .pull-left.input_form.button-error input.wpcf7-form-control.wpcf7-submit.btn.btn-default.submit { margin-bottom: 10px; } .service-t-content input::-webkit-input-placeholder { color: #fff!important; } .service-t-content input:-moz-placeholder { /* Firefox 18- */ color: #fff!important; } .service-t-content input::-moz-placeholder { /* Firefox 19+ */ color: #fff!important; } .service-t-content input:-ms-input-placeholder { color: #fff!important; } .slider-col-pd { font-size: 16px !important; line-height: 48px !important; padding: 0 40px !important; font-weight: bold !important; } .breadcumb-wrapper span span:first-child { margin-left: 0; } .breadcumb-wrapper span:last-child span { color: #909aa2; font-weight: 700; font-size: 14px; text-transform: uppercase; } .project-post-image.image_hover img { width:100%; } .layout-boxed { max-width: 1240px; margin: 0 auto; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); background-color: #333; } .layout-boxed .site { position: relative; overflow: hidden; } nav.main_menu .nav-holder ul.nav.ind-menu li a:focus{ background:transparent; } .right-sidebar { margin-left: -15px; margin-right: 10px; } .single-sidebar-widget .special-links li ul li a { padding: 0 30px; line-height: 30px; text-transform: capitalize; font-weight: normal; } .single-sidebar-widget .special-links li ul li a, .single-sidebar-widget .special-links li.parent a , .single-sidebar-widget .special-links li.parentactive a{ margin-bottom: 0; } .single-sidebar-widget .special-links li ul li:last-child a { padding: 0 30px 15px 30px; } .single-sidebar-widget .special-links li.parent{ margin-bottom: 10px; } .single-sidebar-widget .special-links li.parentactive{ margin-bottom: 10px; } .single-sidebar-widget .special-links li ul li a::before { content: "-"; margin: 0 10px 0 0; } .single-sidebar-widget .special-links li ul li a:after{ content: ''; } .single-sidebar-widget .special-links li.parentactive a{ background-color: #51c5e9; color: #fff; border-left: 5px solid #0f263a; } .search-page-sidebar .blog-side-shop aside#search-2{display:none;} .blog-posts .product.type-product.status-publish { padding: 0; } .search-page-results .more-link{ display: block!important; max-width: 126px; } .page-numbers { display: inline-block; color: #000; border: 2px solid #d4d4d4; background: none; width: 44px; height: 44px; line-height: 40px; text-align: center; padding: 0px; } a.prev.page-numbers, a.next.page-numbers{ width: 100px; } span.page-numbers.current { color: #fff; background: #132B51; } .broch-butt-width .single-service-pdf { max-width: 427px; } .top-navigation-4 .nav-t-holder { position: relative; float: right!important; } /* 404 - Not Found ------------------------------*/ .error-404 { position: relative; padding-top: 113px; padding-bottom: 145px; background-size: cover; background: #15151A url(./assets/images/404_bg.jpg); } .error-404 h1 { font-size: 200px; line-height: 200px; color: #C5C6D1; font-weight: 800; margin: 0; } .error-404 h2 { font-size: 40px; line-height: 53px; color: #FFFFFF; font-weight: 700; margin: 0; margin-top: 4px; } .error-404 p { font-size: 25px; line-height: 53px; margin: 0; font-weight: 300; color: #FFFFFF; } .error-404 .thm-button { color: #fff; font-size: 18px; line-height: 47px; padding: 14px 126px; text-transform: uppercase; font:600 1.08em/1em "Roboto",sans-serif; } .blog-posts .more-link { display: block!important; max-width: 126px; } /* inner header code */ .header-tmc_header_2 .inner-banner2 { padding-top: 190px; padding-bottom: 100px; background-size: cover; } .header-tmc_header_4 .inner-banner2 { padding-top: 185px; padding-bottom: 105px; background-size: cover; } .header-tmc_header_4 .inner-banner2 h2 { float: left; background: #32a7ea; padding: 5px 20px; } .header-tmc_header_4 .breadcumb-wrapper { background: transparent; border-bottom: none; padding-top: 15px; padding-bottom: 0; text-transform: uppercase; font-family: "Open Sans", sans-serif; float: right; } .header-tmc_header_4 .breadcumb-wrapper .container { width:100%; } .header-tmc_header_4 .breadcumb-wrapper span a{ color:#32a7ea; } .header-tmc_header_4 .breadcumb-wrapper span:last-child span, .header-tmc_header_4 .breadcumb-wrapper{ color:#ffffff; } div#btt { background: none repeat scroll #222222; opacity: 0.8; border: 1px solid #333333; border-radius: 2px; bottom: 21px; cursor: pointer; padding: 8px 15px; position: fixed; right: 20px; z-index: 50; color: #777777; } .mobileBtt{ display:none; } .desktopBtt{ display:none; } @media (min-width: 991px){ .desktopBtt{display:block;} } @media (max-width: 991px){ .mobileBtt{ display:block; } .width-res-hun{ width:100%; } .vc_row.wpb_row.vc_row-fluid.core-projects.sectpad.faq-page.noclass-other { padding-bottom: 0; } } @media (min-width: 1281px){ .crousl-contain span.carousel-prev.crousl-pro-lft { right: 22.5%; color: #8d8d8d; background: transparent; border: 1px solid #8d8d8d; line-height: 36px; } .crousl-contain span.carousel-next.crousl-pro-rgt { right: 20%; color: #8d8d8d; background: transparent; border: 1px solid #8d8d8d; line-height: 36px; } .crousl-contain .carousel-prev i, .crousl-contain .carousel-next i { color: #8d8d8d; } } .crousl-contain span.carousel-prev.crousl-pro-lft { color: #8d8d8d; background: transparent; border: 1px solid #8d8d8d; line-height: 36px; } .crousl-contain span.carousel-next.crousl-pro-rgt { color: #8d8d8d; background: transparent; border: 1px solid #8d8d8d; line-height: 36px; } .crousl-contain .carousel-prev i, .crousl-contain .carousel-next i { color: #8d8d8d; } @media (max-width: 1024px){ .our-t-client .grid-wrapper.grid-row .our-team-page .our-pro-slider { width: 30%; float: left; margin: 0.3em; } .nav-holder { width: 100%!important; } } @media (min-width: 768px) and (max-width: 1199px){ .nav-home-four .col-md-3 { text-align: center; } .nav-home-four .logo { text-align: center; max-width: initial; display: inline-block; float: none; } } .nav-home-four .mobile-link .widget-t-search { padding: 10px 15px; } .order-box .woocommerce-checkout-payment { background: none !important; } .home-nother-clss.home-res-acc .vc_tta-panels .vc_tta-panel .vc_tta-panel-body{ background-color: #fff!important; } @media(max-width:980px){ .nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu { left: 0; } } span.font-awe { font-family: 'FontAwesome'; padding: 0 6px!important; text-transform: uppercase; color: #BFBFBF; letter-spacing: .01em; font-weight: bold; } h2.woocommerce-loop-product__title { font-size: 15px; font-weight: bold; color: #242424; margin: 0; text-transform: uppercase; margin-bottom: 10px; } .nav-pills>li+li { background: #51c5e9; margin-left: 10px!important; } .nav-pills>li>a { color: #fff; } .nav-pills>li:hover>a{ color: #242424; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #1f1f1f!important; font-size: 16px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: -2px 0px!important; } section.related.products.section_header h2 { margin-bottom: 1em; } section.related.products.section_header h2.woocommerce-loop-product__title { font-size: 15px; font-weight: bold; color: #242424; margin: 0; text-transform: uppercase; margin-bottom: 10px; } section.related.products.section_header { padding-top: 0 !important; } section.related.products.section_header ul.products li.product { width: 24%; } section.related.products.section_header ul.products li.product span.price{ padding-top: 0px; font-size: 20px!important; } section.related.products.section_header h2.woocommerce-loop-product__title:before{ content:none; } .page-id-72061 #content, .page-id-72441 #content, .page-id-70741 #content, .page-id-70741 #content, .page-id-73471 #content, .page-id-72041 #content {display:none;} .woo-social-buttons { display: none!important; } .youtube_channel.responsive .ytc_video_container { width: 30% !important; margin: 15px !important; }