/* Theme Name: Viktor Theme URI: http://digitalcenturysf.com/themes/viktor/wordpress Author: DigitalCenturySF Author URI: http://digitalcenturysf.com Description: Finance Wordpress Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: viktor Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. viktor is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } .mt0{ margin-top: 0 !important; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } figure#attachment_907, figure#attachment_904 { margin-left: 0; } figure#attachment_905 { margin-right: 0; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } textarea { width: 100%; } .entry-footer .edit-link{ padding: 25px 15px; display: block; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*----------------------------------------------------------------------------------- CSS INDEX =================== 1. Theme Default CSS (body, link color, section etc) 1.1 Theme Basic styling 2.header area start here 3.start area start here 4.Service section area start here 5.Home Page About Us area start here 6.home page core services start here 7.Home page faq start here 8.Home Page Counter Down start Here 9.Home Page teat start here 10.Request for call back area start Here 11.Home page News start here 12.home page testimonial start here 13. footer area start here 14.Home Two Header Area Start Here 15.Inner Page Header serction start here 16.About Page content area start here 17.Call to action area start here 18.Single services area start here 19.Our Project1 start here 19.1 Pagination area start here 20.Our Project2 start here 21.Single project Page image slider 22.News Page start here 23.News Details Page start here 23. Contact Us page Start Here 24.404 Page Area Start Here 25.25.Scrolling Up Styling 26.Color Pannel Setting here -----------------------------------------------------------------------------------*/ /*---------------------------------------- 1. Theme Default CSS (body, link color, section etc) ----------------------------------------*/ /* ------------------------------------ 1.1 Theme Basic styling ---------------------------------------*/ html, body { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; vertical-align: baseline; color: #6a6a6a; } .floatleft { float: left; } .floatright { float: right; } .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .alignright { float: right; margin-left: 15px; margin-bottom: 15px; } .aligncenter { display: block; margin: 0 auto 15px; } a:focus { outline: 0px solid; } img { max-width: 100%; height: auto; } .fix { overflow: hidden; } p { margin: 0 0 15px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 25px; } a { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; } a:hover { color: #0a6f85; text-decoration: none; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } a:active, a:hover { outline: 0 none; } ul { margin: 0; padding: 0; } .clear { clear: both; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #01b1d7; padding: 0.2em 0; } .acurate { margin: 0; padding: 0; } .mobile-menu-area { display: none; } .padding-top { padding-top: 30px; } .padding-top1 { padding-top: 60px; } .site-section-area { padding: 0 150px; } .site-section-area h2 { font-family: 'Raleway', sans-serif; font-weight: 600; color: #222222; position: relative; margin-bottom: 50px; } .site-section-area h2:after { position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; width: 105px; height: 2px; background: #01b1d7; content: ""; } .site-section-area p { font-size: 16px; color: #646464; } /* ------------------------------------ 2.header area start here ---------------------------------------*/ .header-top-area { background: #222222; padding: 10px 0; } .header-top-area .header-top-left ul { text-align: left; } .header-top-area .header-top-left ul li { display: inline-block; color: #cacaca; } .header-top-area .header-top-left ul li i { margin: 0 5px; background: #01b1d7; color: #ffffff; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .header-top-area .header-top-right ul { text-align: right; } .header-top-area .header-top-right ul li { display: inline-block; color: #cacaca; } .header-top-area .header-top-right ul li i { margin: 0 5px; background: #01b1d7; color: #ffffff; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .main-header-area { background: #ffffff; } .main-header-area .logo-area { padding: 28px 0; } .main-header-area .logo-area a { display: block; text-align: center; } .main-header-area .main-menu ul#menu-main-menu li .sub-menu li.menu-item-has-children:hover .sub-menu{ transform: scaleY(1); opacity: 1; } .main-header-area .main-menu ul#menu-main-menu li .sub-menu li.menu-item-has-children{ position: relative; } .main-header-area .main-menu ul#menu-main-menu li .sub-menu li.menu-item-has-children .sub-menu{ position: absolute; left: 201px; opacity: 0; top: 0; transform: scaleY(0); } .main-header-area .main-menu ul#menu-main-menu li .sub-menu { margin-left: 0; } .main-header-area .main-menu ul { text-align: center; } .main-header-area .main-menu ul li { display: inline-block; padding: 36px 25px; position: relative; transition: all 0.5s ease 0s; } .main-header-area .main-menu ul li:hover ul{ .main-header-area .main-menu ul li:hover ul { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; top: 100%; } } .main-header-area .main-menu ul li ul.sub-menu{ background: #ffffff !important; } .main-header-area .main-menu ul li:hover a { color: #01b1d7; } .main-header-area .main-menu ul li:hover ul { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; top: 100%; } .main-header-area .main-menu ul li ul { background: #01b1d7; position: absolute; top: 110%; transition: all 0.5s ease 0s; transform-origin: 0 0 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; width: 200px; z-index: 9; left: 0; } .main-header-area .main-menu ul li ul li { display: block; padding: 10px; text-align: left; border-bottom: 1px solid #ffffff; transition: all 0.5s ease 0s; } .main-header-area .main-menu ul li ul li:hover { background: #01b1d7; } .main-header-area .main-menu ul li ul li:hover a { color: #ffffff; } .main-header-area .main-menu ul li ul li:last-child { border-bottom: 0px; } .main-header-area .main-menu ul li ul li a { color: #000; } .main-header-area .main-menu ul li a { display: block; text-decoration: none; color: #222222; transition: all 0.5s ease 0s; } .main-header-area .search-area { padding: 30px 0; } .main-header-area .search-area #custom-search-input { margin: 0; margin-top: 0px; padding: 0; } .main-header-area .search-area #custom-search-input .search-query { padding-right: 4px; padding-left: 10px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: none; } .main-header-area .search-area #custom-search-input button { border: 0; background: none; padding: 2px 5px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #01b1d7; } .main-header-area .search-area .search-query:focus + button { z-index: 9; } /*---------------------------------------- 3. slider area styling ----------------------------------------*/ .slider-area .slider-1 h1 { font-size: 72px; font-family: 'Raleway', sans-serif; color: #ffffff; line-height: 1.55; letter-spacing: 7px; margin: 15px 0 0; font-weight: 800; } .slider-area .slider-1 div.title2 { font-size: 16px; color: #ffffff; padding: 0 25%; font-weight: normal; } .slider-area .slider-1 div.slider-botton { display: block; margin-top: 50px; } .slider-area .slider-1 div.slider-botton ul li { display: inline-block; margin-right: 10px; } .slider-area .slider-1 div.slider-botton ul li.acitve a { display: block; padding: 17px 40px; color: #ffffff; border: 1px solid #01b1d7; transition: all 0.5s ease 0s; background: #01b1d7; } .slider-area .slider-1 div.slider-botton ul li a { display: block; padding: 17px 40px; color: #ffffff; border: 1px solid #01b1d7; transition: all 0.5s ease 0s; } .slider-area .slider-1 div.slider-botton ul li a:hover { background: #01b1d7; } .slider-area .slider-2 h1 { font-size: 72px; font-family: 'Raleway', sans-serif; color: #ffffff; line-height: 1.55; letter-spacing: 7px; margin: 15px 0 0; font-weight: 800; } .slider-area .slider-2 div.title2 { font-size: 16px; color: #ffffff; padding: 0 25%; font-weight: normal; } .slider-area .slider-2 div.slider-botton { display: block; margin-top: 50px; } .slider-area .slider-2 div.slider-botton ul li { display: inline-block; margin-right: 10px; } .slider-area .slider-2 div.slider-botton ul li.acitve a { display: block; padding: 17px 40px; color: #ffffff; border: 1px solid #01b1d7; transition: all 0.5s ease 0s; background: #01b1d7; } .slider-area .slider-2 div.slider-botton ul li a { display: block; padding: 17px 40px; color: #ffffff; border: 1px solid #01b1d7; transition: all 0.5s ease 0s; } .slider-area .slider-2 div.slider-botton ul li a:hover { background: #01b1d7; } /* ------------------------------------ 4.Service section area start here ---------------------------------------*/ .service-area { padding: 90px 0; } .service-area .single-service{ padding-bottom: 50px } .service-area .single-service .media .pull-left { margin-right: 30px; } .service-area .single-service .media .pull-left a span { font-size: 48px; color: #01b1d7; line-height: 0; } .service-area .single-service .media .media-body h4.media-heading a { font-size: 20px; line-height: 1.5; color: #222222; margin-bottom: 20px; display: block; transition: all 0.5s ease 0s; font-weight: 700; } .service-area .single-service .media .media-body h4.media-heading a:hover { color: #01b1d7; } .service-area .single-service .media .media-body p { margin-bottom: 30px; } .service-area .single-service .media .media-body .read-more a:hover{ color: #01b1d7; } .service-area .single-service .media .media-body .read-more a { text-decoration: none; display: inline-block; color: #111; font-weight: 600; padding-bottom: 5px; border-bottom: 2px solid #01b1d7; transition: all 0.5s ease 0s; } .service-area .single-service .media .media-body .read-more a i { color: #01b1d7; margin-left: 5px; } .service-area .single-service .media .media-body .read-more a:hover { border-bottom: 2px solid #01b1d7; } /* ------------------------------------ 5.Home Page About Us area start here ---------------------------------------*/ .home-about-area { padding: 90px 0; background: #f8f8f8; } .home-about-area .about-content-area h2 { font-size: 36px; color: #222222; font-weight: 600; margin-bottom: 40px; } .home-counter-down-title h2 em{ color: #01b1d7; font-style: normal; font-weight: 600; font-size: 60px; } .home-about-area .about-content-area h2 em, .home-about-area .about-content-area h2 span { color: #01b1d7; font-style: normal; } .home-about-area .about-content-area p { padding-right: 20px; } .home-about-area .about-content-area .botton-area { margin-top: 50px; } .home-about-area .about-content-area .botton-area a { display: inline-block; padding: 12px 30px; color: #ffffff; transition: all 0.5s ease 0s; background: #01b1d7; } .home-about-area .about-content-area .botton-area a i { margin-left: 10px; } .home-about-area .about-content-area .botton-area a:hover { background: #0a6f85; } .home-about-area .about-featured-image a img { transition: all 0.5s ease 0s; } .home-about-area .about-featured-image a img:hover { opacity: .9; } /* ------------------------------------ 6.home page core services start here ---------------------------------------*/ .home-page-core-activities-area { padding: 90px 0; } .home-page-core-activities-area .home-activities-area { position: relative; } .home-page-core-activities-area .home-activities-area h2 { color: #ffffff; font-size: 36px; left: -27%; letter-spacing: 0px; position: absolute; text-transform: uppercase; top: 65%; -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Safari */ transform: rotate(270deg); font-weight: 800; } .home-page-core-activities-area .home-activities-area h2:after { content: ""; left: 411px; top: 0; background: url(img/arrow.png) no-repeat; height: 125px; width: 116px; display: block; position: absolute; -ms-transform: rotate(-270deg); /* IE 9 */ -webkit-transform: rotate(-270deg); /* Safari */ transform: rotate(-270deg); } .home-page-core-activities-area .home-activities-area .single-activities { margin-left: 60px; margin-bottom: 30px; } .home-page-core-activities-area .home-activities-area .single-activities .media .pull-left { margin-right: 10px; } .home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a { width: 70px; height: 70px; background: #01a5c9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; text-align: center; font-size: 35px; line-height: 70px; transition: all 0.5s ease 0s; } .home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a span { color: #ffffff; } .home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a:hover span { color: #01b1d7; } .home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a { font-size: 20px; line-height: 1.5; color: #ffffff; margin-bottom: 20px; display: block; transition: all 0.5s ease 0s; font-weight: 700; } .home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a:hover { color: #222222; } .home-page-core-activities-area .home-activities-area .single-activities .media .media-body p { color: #ffffff; } /* ------------------------------------ 7.Home page faq start here ---------------------------------------*/ .home-faq-area { padding: 90px 0 0; } .home-faq-area .faq-area h2 { font-weight: 800; font-size: 30px; color: #222222; position: relative; margin-bottom: 60px; } .home-faq-area .faq-area h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .home-faq-area .faq-area .panel-group .panel-default { margin-bottom: 5px; } .home-faq-area .faq-area .panel-group .panel-default .panel-heading { padding: 0; } .home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a { display: block; padding: 16px 10px; text-decoration: none; font-size: 18px; background: #01b1d7; color: #ffffff; } .home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed { display: block; padding: 16px 10px; background: #ffffff !important; text-decoration: none; font-size: 18px; color: #222222; transition: all 0.5s ease 0s; } .home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover { background: #01b1d7 !important; color: #ffffff; } .home-faq-area .faq-area .panel-heading [data-toggle="collapse"]:after { font-family: FontAwesome; content: "\f078"; /* "play" icon */ float: right; color: #ffffff; font-size: 18px; line-height: 22px; /* rotate "play" icon from > (right arrow) to down arrow */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .home-faq-area .faq-area .panel-heading [data-toggle="collapse"].collapsed:after { /* rotate "play" icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); color: #222222; } .home-faq-area .faq-image-area { overflow: hidden; } .home-faq-area .faq-image-area a { display: block; } .home-faq-area .faq-image-area a img { width: 100%; transition: all 0.5s ease 0s; } .home-faq-area .faq-image-area a img:hover { background: rgba(1, 177, 215, 0.5); } /* ------------------------------------ 8.Home Page Counter Down start Here ---------------------------------------*/ .home-counter-down-area { padding:60px 0 30px!important; } .home-counter-down-area .home-counter-down-title h2 { color: #ffffff; font-size: 36px; } .home-counter-down-area .home-counter-down-title h2 span { color: #01b1d7; font-size: 60px; font-weight: 600; } .home-counter-down-area .home-counter-down-title p { letter-spacing: 17px; color: #ffffff; font-size: 24px; margin-bottom: 0; } .home-counter-down-area .ab-count .about-counter-list { color: #ffffff; text-align: left; border-right: 1px solid #ffffff; display: block; text-align: center; } .home-counter-down-area .ab-count .about-counter-list.last-child { border: 0px solid #ffffff; } .home-counter-down-area .ab-count .about-counter-list h2.about-counter { font-weight: 800; font-size: 48px; } .home-counter-down-area .ab-count .about-counter-list p { font-weight: 800; font-size: 14px; color: #01b1d7; margin-bottom: 0; } /* ------------------------------------ 9.Home Page teat start here ---------------------------------------*/ .home-team-area { padding: 90px 0; } .home-team-area .total-team { margin-top: 60px; } .home-team-area .total-team .single-team { position: relative; margin: 0 15px; } .home-team-area .total-team .single-team .overley:hover:after { opacity: 1; visibility: visible; } .home-team-area .total-team .single-team .overley:hover .social-media-icons { position: absolute; top: 70%; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); opacity: 1; } .home-team-area .total-team .single-team .overley:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(1, 177, 215, 0.5); top: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .home-team-area .total-team .single-team .overley a { display: block; } .home-team-area .total-team .single-team .overley a img { width: 100%; } .home-team-area .total-team .single-team .overley .social-media-icons { position: absolute; top: 40%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); z-index: 99999; opacity: 0; transition: all 0.5s ease 0s; } .home-team-area .total-team .single-team .overley .social-media-icons ul { text-align: center; } .home-team-area .total-team .single-team .overley .social-media-icons ul li { display: inline-block; } .home-team-area .total-team .single-team .overley .social-media-icons ul li a { width: 40px; height: 40px; line-height: 40px; display: block; } .home-team-area .total-team .single-team .overley .social-media-icons ul li a i { font-size: 20px; color: #ffffff; } .home-team-area .total-team .single-team .overley .social-media-icons ul li a:after { display: none; } .home-team-area .total-team .single-team .team-details { position: absolute; left: 0; right: 0; margin: 0 30px; border: 1px solid #dddddd; bottom: -25px; background: #ffffff; transition: all 0.5s ease 0s; padding: 7px 0; } .home-team-area .total-team .single-team .team-details h3 { margin-bottom: 5px; margin-top: 10px; } .home-team-area .total-team .single-team .team-details h3 a { display: block; font-size: 18px; color: #222222; transition: all 0.5s ease 0s; text-decoration: none; } .home-team-area .total-team .single-team .team-details h3 a:hover { color: #01b1d7; } .home-team-area .total-team .single-team .team-details h3 a:after { display: none; } .home-team-area .total-team .single-team .team-details p { color: #01b1d7; letter-spacing: 3px; margin-bottom: 20px; } .home-team-area .total-team .owl-controls { margin-top: 30px; } .home-team-area .total-team .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #222222; } .home-team-area .total-team .owl-controls .owl-pagination .owl-page span { display: block; width: 15px; height: 8px; margin: 5px 7px; filter: alpha(opacity=50); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; background: #01b1d7; } /* ------------------------------------ 10.Request for call back area start Here ---------------------------------------*/ .home-callback-area { padding: 120px 0 0; } .home-callback-area .call-back-content h2 { font-weight: 800; font-size: 30px; color: #ffffff; position: relative; margin-bottom: 50px; } .home-callback-area .call-back-content h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .home-callback-area .call-back-content p { color: #ffffff; margin-right: 80px; } .home-callback-area .call-back-form { background: #ffffff; padding: 40px 20px 20px; border: 1px solid #dddddd; } .home-callback-area .call-back-form h3 { margin-left: 15px; border-bottom: 1px solid #dddddd; padding-bottom: 12px; font-size: 14px; font-weight: normal; } .home-callback-area .call-back-form fieldset .form-group select { border-bottom: 1px solid #dddddd !important; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; border: 0px solid #ffffff; box-shadow: none; margin-bottom: 50px; font-size: 16px; color: #6a6a6a; } .home-callback-area .call-back-form fieldset .form-group input.form-control { border-bottom: 1px solid #dddddd !important; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; border: 0px solid #ffffff; box-shadow: none; margin-bottom: 50px; font-size: 16px; color: #6a6a6a; } .home-callback-area .call-back-form fieldset .wpcf7-submit.btn-send, .home-callback-area .call-back-form fieldset .form-group button.btn-send { display: block; background: #01b1d7; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; border: 0px solid #ffffff; box-shadow: none; color: #ffffff; transition: all 0.5s ease 0s; width: 100%; padding: 15px 20px; font-size: 20px; font-weight: 600; text-transform: uppercase; } .home-callback-area .call-back-form fieldset .wpcf7-submit.btn-send:hover, .home-callback-area .call-back-form fieldset .form-group button.btn-send:hover { background: #0a6f85; } /* ------------------------------------ 11.Home page News start here ---------------------------------------*/ .home-news-area { padding: 90px 0 90px; } .home-news-area .total-homenews { margin-top: 40px; } .home-news-area .total-homenews .single-news .news-image { position: relative; margin-bottom: 30px; overflow: hidden; } .home-news-area .total-homenews .single-news .news-image a { display: block; transition: all 0.5s ease 0s; } .home-news-area .total-homenews .single-news .news-image a:hover:after { opacity: 1; visibility: visible; transform: scaleY(1); } .home-news-area .total-homenews .single-news .news-image a:hover img { transform: scale(1.195); } .home-news-area .total-homenews .single-news .news-image a:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(1, 177, 215, 0.5); top: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .home-news-area .total-homenews .single-news .news-image a img { width: 100%; transition: all 0.5s ease 0s; } .home-news-area .total-homenews .single-news .news-image .news-date { position: absolute; bottom: 0; content: ""; left: 0; background: #01b1d7; color: #ffffff; width: 120px; height: 45px; } .home-news-area .total-homenews .single-news .news-image .news-date p { padding: 10px; font-size: 16px; font-weight: 600; color: #ffffff; } .home-news-area .total-homenews .single-news h3 a { display: block; text-decoration: none; font-size: 18px; color: #222222; } .home-news-area .total-homenews .single-news h3 a:hover { color: #01b1d7; } .home-news-area .total-homenews .single-news p { color: #646464; } /* ------------------------------------ 12.home page testimonial start here ---------------------------------------*/ .home-testimonial-area { padding: 0 20px; position: absolute; left: 0; right: 0; margin-top: -78px; } .home-testimonial-area .total-testimonial { background-position: center; margin: 0 -30px; background: url(img/testimonial-bg.png) no-repeat; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial { position: relative; overflow: hidden; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial p { padding: 0 200px; margin: 48px 0 0; position: relative; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial p i { font-size: 72px; color: #e4e4e4; padding: 0; position: absolute; left: 10%; top: -20px; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details { margin-top: 15px; margin-bottom: 10px; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details h3 { color: #01b1d7; font-size: 18px; margin: 0 0 5px; } .home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details p { padding: 0; margin: 0; font-weight: 400; font-size: 14px; color: #000000; } .home-testimonial-area .total-testimonial .home-testimonial .owl-controls { margin-top: 5px; position: relative; } .home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination { margin-left: 70%; margin-top: -19px; } .home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #222222; } .home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination .owl-page span { display: block; width: 15px; height: 8px; margin: 5px 7px; filter: alpha(opacity=50); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; background: #01b1d7; } /* ------------------------------------ 13. footer area start here ----------------------------------------*/ footer.ftr { background: url(img/footer-bg.jpg) no-repeat; background-position: center !important; background-size: cover !important; } footer .footer-top-area { padding: 180px 0 90px; } footer .footer-top-area .footer-top p { color: #ffffff; letter-spacing: 18px; font-size: 35px; } footer .footer-top-area .footer-top h2 { font-size: 48px; color: #01b1d7; } footer .footer-top-area .footer-top h2 i { color: #646464; } footer .footer-top-area .main-footer { margin-top: 30px; } footer .footer-top-area .main-footer .single-footer h3 { color: #ffffff; margin-bottom: 40px; } footer .footer-top-area .main-footer .single-footer a { display: block; margin-bottom: 20px; } footer .footer-top-area .main-footer .single-footer p { color: #c3c3c3; margin-bottom: 40px; } footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul { text-align: left; } footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li { display: inline-block; margin: 2px; } footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a { display: block; width: 30px; height: 30px; line-height: 28px; color: #01b1d7; border: 1px solid #c3c3c3; transition: all 0.5s ease 0s; text-decoration: none; text-align: center; } footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover { background: #01b1d7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #01b1d7; } footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover i { color: #ffffff; } footer .footer-top-area .main-footer .widget_nav_menu .single-footer ul li a, footer .footer-top-area .main-footer .footer-two ul li a{ color: #fff; margin-bottom: 0; } footer .footer-top-area .main-footer .widget_nav_menu .single-footer ul li, footer .footer-top-area .main-footer .footer-two ul li { display: block; color: #ffffff; margin: 0 0 15px 0; font-weight: 300; } footer .footer-top-area .main-footer .widget_nav_menu .single-footer ul li i, footer .footer-top-area .main-footer .footer-two ul li i { margin: 0 15px 0 0px; color: #01b1d7; } footer .footer-top-area .main-footer .footer-three ul li { display: block; color: #ffffff; margin: 0 0 15px 0; font-weight: 300; } footer .footer-top-area .main-footer .footer-three ul li i { margin: 0 15px 0 0px; color: #01b1d7; } footer .footer-top-area .main-footer .footer-four ul { margin: 0; padding: 0; list-style: none; } footer .footer-top-area .main-footer .footer-four ul li { display: inline-block; width: 30%; margin: 1px 3px; } footer .footer-top-area .main-footer .footer-four ul li a { display: block; } footer .footer-top-area .main-footer .footer-four ul li a img { display: block; width: 100%; } footer .footer-top-area .main-footer .footer-four ul li a img:hover { opacity: .9; } footer .footer-bottom-area { background: #000000; padding: 30px 0; } footer .footer-bottom-area p { margin: 0; padding: 0; color: #b1b1b1; } h2.fdgt{ color: #fff; text-align: center; } /* ------------------------------------ 14.Home Two Header Area Start Here ---------------------------------------*/ .home2 .main-header-area { position: absolute; left: 0; right: 0; background: transparent; z-index: 9; } .home2 .main-header-area .logo-area { padding: 28px 0; } .home2 .main-header-area .logo-area a { display: block; text-align: center; } .home2 .main-header-area .main-menu ul { text-align: center; } .home2 .main-header-area .main-menu ul li { display: inline-block; padding: 36px 25px; position: relative; transition: all 0.5s ease 0s; } .home2 .main-header-area .main-menu ul li:hover { background: #01b1d7; } .main-header-area .main-menu ul li:hover ul.sub-menu li a{ color: #000; } .main-header-area .main-menu ul li:hover ul.sub-menu li:hover a{ color: #fff !important; } .home2 .main-header-area .main-menu ul li:hover a { color: #ffffff; } .home2 .main-header-area .main-menu ul li:hover ul { transform: scale(1); opacity: 1; visibility: visible; top: 100%; } .home2 .main-header-area .main-menu ul li ul { background: #01b1d7; position: absolute; top: 110%; transition: all 0.5s ease 0s; transform: scaleY(0); transform-origin: 0 0 0; opacity: 0; visibility: hidden; width: 200px; z-index: 9; left: 0; } .home2 .main-header-area .main-menu ul li ul li { display: block; padding: 10px 20px; text-align: left; border-bottom: 1px solid #ffffff; transition: all 0.5s ease 0s; } .home2 .main-header-area .main-menu ul li ul li:hover { background: #0a6f85; } .home2 .main-header-area .main-menu ul li ul li:hover a { color: #ffffff; } .home2 .main-header-area .main-menu ul li ul li:last-child { border-bottom: 0px; } .home2 .main-header-area .main-menu ul li ul li a { color: #ffffff; } .home2 .main-header-area .main-menu ul li a { display: block; text-decoration: none; color: #ffffff; transition: all 0.5s ease 0s; } .home2 .main-header-area .search-area { padding: 30px 0; } .home2 .main-header-area .search-area #custom-search-input { margin: 0; margin-top: 0px; padding: 0; } .home2 .main-header-area .search-area #custom-search-input .search-query { padding-right: 3px; padding-right: 4px; padding-left: 3px; padding-left: 4px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 0px; border-radius: 0px; background: transparent !important; color: #ffffff; } .home2 .main-header-area .search-area #custom-search-input button { border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #01b1d7; } .home2 .main-header-area .search-area .search-query:focus + button { z-index: 9; } /* ------------------------------------ 15.Inner Page Header serction start here --------------------------------------*/ .inner-page-header { background: url(img/bennar.jpg) no-repeat; padding: 113px 0; background-position: center center !important; background-size: cover !important; } .inner-page-header .header-page-title h2 { color: #ffffff; margin: 0; font-size: 36px; } .inner-page-header .header-page-locator ul { text-align: right; } .inner-page-header .header-page-locator ul li { display: inline-block; color: #01b1d7; } .inner-page-header .header-page-locator ul li a { color: #ffffff; transition: all 0.5s ease 0s; } .inner-page-header .header-page-locator ul li a:hover { color: #01b1d7; } /* ------------------------------------ 16.About Page content area start here ---------------------------------------*/ body .about-page-content { padding: 50px 0; } body .about-page-content .about-title-area h2 { color: #000000; background: url(img/about/about-title-bg.png) no-repeat; background-position: center -32px !important; height: 80px; } body .about-page-content .about-title-area p { padding: 0 170px; } body .about-page-content .feature-image { margin-top: 40px; } body .about-page-content .feature-image .about-featured-image { position: relative; overflow: hidden; } body .about-page-content .feature-image .about-featured-image a { display: block; } body .about-page-content .feature-image .about-featured-image a img { width: 100%; transition: all 0.5s ease 0s; } body .about-page-content .feature-image .about-featured-image a img:hover { transform: scale(1.1); } body .about-page-content .feature-image .about-main-content { padding: 25px 60px; border: 1px solid #e1e1e1; background: #ffffff; margin: 50px 0 0 -35px; } body .about-page-content .feature-image .about-main-content h4 { color: #01b1d7; letter-spacing: 10px; font-weight: 400; font-size: 14px; margin-bottom: 25px; } body .about-page-content .feature-image .about-main-content h3 { color: #000000; font-size: 30px; font-family: 'Raleway', sans-serif; } body .about-page-content .about-service .single-about-services .service-top ul { text-align: left; } body .about-page-content .about-service .single-about-services .service-top ul li { display: inline-block; } body .about-page-content .about-service .single-about-services .service-top ul li a { display: block; font-size: 20px; color: #000000; font-weight: 600; font-family: 'Raleway', sans-serif; transition: all 0.5s ease 0s; } body .about-page-content .about-service .single-about-services .service-top ul li a:hover { color: #01b1d7; } body .about-page-content .about-service .single-about-services .service-top ul li a span { color: #01b1d7; font-size: 48px; margin-right: 20px; } body .about-page-team { background: #f8f8f8; } body .footer-top-area { padding: 90px 0; } /* ------------------------------------ 17.Call to action area start here ---------------------------------------*/ .call-top-action { padding: 70px 0; background: #01b1d7; } .call-top-action .subscribe-text h2 { font-size: 30px; font-weight: 600; margin: 0; color: #ffffff; } .call-top-action .subscribe-text h2 span { font-weight: 900; } .call-top-action .subscribe-now { display: inline-block; } .call-top-action .subscribe-now a { display: block; transition: all 0.5s ease 0s; text-align: center; font-size: 18px; color: #ffffff; border: 2px solid #ffffff; padding: 10px 17px; text-decoration: none; } .call-top-action .subscribe-now a:hover { background: #0a6f85; border: 2px solid #0a6f85; } /* ------------------------------------ 18.Single services area start here ---------------------------------------*/ .total-blog-area { padding: 90px 0; } .total-blog-area .single-blog-post { margin-bottom: 20px; padding: 0px 0; } .total-blog-area .single-blog-post .blog-image { position: relative; overflow: hidden; transition: all 0.5s ease 0s; } .total-blog-area .single-blog-post .blog-image img { transition: all 0.5s ease 0s; } .total-blog-area .single-blog-post .blog-image img:hover { transform: scale(1.2); } .total-blog-area .single-blog-post h2 { margin: 40px 0; padding: 0; font-weight: 600; font-size: 30px; color: #000000; position: relative; font-family: 'Raleway', sans-serif; } .total-blog-area .single-blog-post h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .total-blog-area .single-blog-post p { margin-top: 20px; } .total-blog-area .single-blog-post .download { display: inline-block; margin-top: 30px; } .total-blog-area .single-blog-post .download a { display: block; transition: all 0.5s ease 0s; text-align: center; font-size: 18px; color: #222222; border: 1px solid #01b1d7; padding: 10px 35px; text-decoration: none; } .total-blog-area .single-blog-post .download a:hover { background: #0a6f85; border: 1px solid #0a6f85; color: #ffffff; } .total-blog-area .blog-sidebar-area .single-sidebar { margin-bottom: 30px; } .sidebar-area .widget_search .search-form label{ width: 100%; } .total-blog-area .blog-sidebar-area .single-sidebar h2 { color: #000000; font-size: 20px; font-weight: 600; text-transform: uppercase; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; } .total-blog-area .blog-sidebar-area .single-sidebar h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li { border-bottom: 1px solid #eaeaea; position: relative; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child { border-bottom: 0px solid #eaeaea; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a { color: #222222; display: block; padding: 5px 20px; text-decoration: none; transition: all 0.3s ease 0s; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover { color: #01b1d7; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before { color: #01b1d7; content: "\f0a9"; font-family: FontAwesome; height: 15px; left: -5px; position: absolute; top: 5px; width: 15px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial { text-align: center; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial { background: url(img/single-testimonial.png) no-repeat; padding: 60px 40px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial h3 { color: #01b1d7; font-size: 18px; margin: 0 0 5px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p { padding: 0; margin: 0; font-weight: 400; font-size: 14px; color: #000000; position: relative; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p:after { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; content: ""; background: #01b1d7; width: 60px; height: 3px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content { margin-top: 30px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p { color: #646464; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p:after { display: none; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls { margin-top: 5px; position: relative; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination { margin-top: -40px; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #222222; } .total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page span { display: block; width: 15px; height: 8px; margin: 5px 7px; filter: alpha(opacity=50); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; background: #01b1d7; } /*------------------------------------- Sidebar area start Here --------------------------------------*/ .blog-sidebar-area .single-sidebar { margin-bottom: 30px; } .blog-sidebar-area .single-sidebar h2 { color: #000000; font-size: 20px; font-weight: 600; text-transform: uppercase; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; } .blog-sidebar-area .single-sidebar h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .blog-sidebar-area .single-sidebar .sidebar-category ul li { border-bottom: 1px solid #eaeaea; position: relative; } .blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child { border-bottom: 0px solid #eaeaea; } .blog-sidebar-area .single-sidebar .sidebar-category ul li a { color: #222222; display: block; padding: 5px 20px; text-decoration: none; transition: all 0.3s ease 0s; } .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover { color: #01b1d7; } .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before { color: #01b1d7; content: "\f0a9"; font-family: FontAwesome; height: 15px; left: -5px; position: absolute; top: 5px; width: 15px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial { text-align: center; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial { background: url(img/single-testimonial.png) no-repeat; padding: 60px 40px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial h3 { color: #01b1d7; font-size: 18px; margin: 0 0 5px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p { padding: 0; margin: 0; font-weight: 400; font-size: 14px; color: #000000; position: relative; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p:after { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; content: ""; background: #01b1d7; width: 60px; height: 3px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content { margin-top: 30px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p { color: #646464; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p:after { display: none; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls { margin-top: 5px; position: relative; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination { margin-top: -40px; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #222222; } .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page span { display: block; width: 15px; height: 8px; margin: 5px 7px; filter: alpha(opacity=50); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; background: #01b1d7; } /* ------------------------------------ 19.Our Project1 start here ---------------------------------------*/ /* -------------------------------- 19.1 Pagination area start here -----------------------------------*/ .tax-projects_cat .project-one{ padding: 60px 0; } .project-one .project-content-area .single-project-one { border: 1px solid #ededed; } .project-one .project-content-area .single-project-one .project-feature-image { margin-bottom: 30px; position: relative; transition: all 0.5s ease 0s; } .project-one .project-content-area .single-project-one .project-feature-image:hover .overley { opacity: 1; visibility: visible; transform: scaleY(1); } .project-one .project-content-area .single-project-one .project-feature-image a { display: block; } .project-one .project-content-area .single-project-one .project-feature-image a img { width: 100%; } .project-one .project-content-area .single-project-one h3{ margin-bottom: 30px !important; } .project-one .project-content-area .col-lg-6.col-md-6.col-sm-6.col-xs-12.text-center{ margin-top: 30px; } .project-one .project-content-area .col-lg-6.col-md-6.col-sm-6.col-xs-12.text-center:nth-child(1), .project-one .project-content-area .col-lg-6.col-md-6.col-sm-6.col-xs-12.text-center:nth-child(2){ margin-top: 0px; } .project-one .project-content-area .single-project-one .project-feature-image .overley { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(1, 177, 213, 0.9); top: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .project-one .project-content-area .single-project-one .project-feature-image .overley ul { position: relative; top: 50%; transform: translateY(-50%); } .project-one .project-content-area .single-project-one .project-feature-image .overley ul li a i { font-size: 36px; color: #ffffff; font-weight: 300; } .project-one .project-content-area .single-project-one h3 { margin-bottom: 30px; } .project-one .project-content-area .single-project-one h3 a { color: #222222; font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: 600; } .project-one .pagination-area { padding-top: 30px; } .project-one .pagination-area ul { text-align: center; } .project-one .pagination-area ul li { display: inline-block; } .project-one .pagination-area ul li.active a { background: #01b1d7; color: #ffffff; } .project-one .pagination-area ul li a { display: block; width: 40px; height: 40px; line-height: 40px; background: transparent; border: 1px solid #01b1d7; color: #000000; font-size: 18px; text-decoration: none; transition: all 0.5s ease 0s; } .project-one .pagination-area ul li a:hover { background: #01b1d7; color: #ffffff; } /* ------------------------------------ 20.Our Project2 start here ---------------------------------------*/ .our-project-two { padding: 90px 0; } .our-project-two .col-lg-4.col-md-4.col-sm-4:nth-child(1) .single-project-two, .our-project-two .col-lg-4.col-md-4.col-sm-4:nth-child(2) .single-project-two, .our-project-two .col-lg-4.col-md-4.col-sm-4:nth-child(3) .single-project-two{ margin-top: 0px; } .our-project-two .single-project-two { margin-top: 50px; } .our-project-two .single-project-two .project-two-featured-image { margin-bottom: 30px; position: relative; overflow: hidden; transition: all 0.5s ease 0s; } .our-project-two .single-project-two .project-two-featured-image:hover .overley { opacity: 1; visibility: visible; transform: scaleY(1); } .our-project-two .single-project-two .project-two-featured-image a { display: block; } .our-project-two .single-project-two .project-two-featured-image a img { width: 100%; } .our-project-two .single-project-two .project-two-featured-image .overley { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(1, 177, 213, 0.9); top: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .our-project-two .single-project-two .single-project-two-details h3 a { padding: 0; font-weight: 600; font-size: 20px; color: #000000; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; display: block; transition: all 0.5s ease 0s; } .our-project-two .single-project-two .single-project-two-details h3 a:hover { color: #01b1d7; } .our-project-two .single-project-two .single-project-two-details h3 a:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } /* ------------------------------------ 21.Single project Page image slider ---------------------------------------*/ .blog-image .single-project-slider img { width: 100%; } .blog-image .single-project-slider .owl-controls .owl-buttons .owl-prev { position: absolute; top: 0; left: -10px; top: 45%; transform: translateY(-45%); width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; opacity: 1; background: #f0efec; } .blog-image .single-project-slider .owl-controls .owl-buttons .owl-prev i { color: #000000; font-size: 20px; line-height: 40px; text-align: center; } .blog-image .single-project-slider .owl-controls .owl-buttons .owl-next { position: absolute; right: -10px; top: 45%; transform: translateY(-45%); width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; opacity: 1; background: #f0efec; } .blog-image .single-project-slider .owl-controls .owl-buttons .owl-next i { color: #000000; font-size: 20px; line-height: 40px; text-align: center; } /* ------------------------------------ 22.News Page start here ---------------------------------------*/ .news-main-content article:nth-child(1) .padding-top, .news-main-content article:nth-child(2) .padding-top{ padding-top: 0; } .news-page-area { padding: 90px 0; } .news-page-area .news-main-content .single-news-area .news-featured-image { position: relative; overflow: hidden; margin-bottom: 30px; } .news-page-area .news-main-content .single-news-area .news-featured-image a { display: block; position: relative; overflow: hidden; } .news-page-area .news-main-content .single-news-area .news-featured-image a img { width: 100%; transition: all 0.5s ease 0s; } .news-page-area .news-main-content .single-news-area .news-featured-image a img:hover { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari */ transform: scale(1.5); } .news-page-area .news-main-content .single-news-area .news-featured-image .date-area { position: absolute; top: 0; left: 0; background: #01b1d7; width: 55px; height: 65px; padding: 10px; margin: 20px; } .news-page-area .news-main-content .single-news-area .news-featured-image .date-area ul { text-align: center; border-bottom: 0px solid #ffffff; } .news-page-area .news-main-content .single-news-area .news-featured-image .date-area ul li { display: block; color: #ffffff; font-weight: 600; } .news-page-area .news-main-content .single-news-area h3 { margin-bottom: 10px; } .news-page-area .news-main-content .single-news-area h3 a { font-size: 20px; font-family: 'Raleway', sans-serif; color: #222222; transition: all 0.5s ease 0s; } .news-page-area .news-main-content .single-news-area h3 a:hover { color: #01b1d7; } .news-page-area .news-main-content .single-news-area ul { text-align: left; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; } .news-page-area .news-main-content .single-news-area ul li { display: inline-block; } .news-page-area .news-main-content .single-news-area ul li span { color: #01b1d7; font-weight: 600; } .news-page-area .news-main-content .pagination-area { padding-top: 30px; } .news-page-area .news-main-content .pagination-area ul { text-align: center; } .our-project-two .pagination-area .nav-links span, .service-area .pagination-area .nav-links span, .project-one .pagination-area .nav-links span, .news-page-area .news-main-content .pagination-area .nav-links span, .our-project-two .pagination-area .nav-links a, .service-area .pagination-area .nav-links a, .project-one .pagination-area .nav-links a, .news-page-area .news-main-content .pagination-area .nav-links a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background: transparent; border: 1px solid #01b1d7; color: #000000; font-size: 18px; text-decoration: none; transition: all 0.5s ease 0s; } .our-project-two .pagination-area .nav-links span.current, .service-area .pagination-area .nav-links span.current, .project-one .pagination-area .nav-links span.current, .news-page-area .news-main-content .pagination-area .nav-links span.current, .our-project-two .pagination-area .nav-links a:hover, .service-area .pagination-area .nav-links a:hover, .project-one .pagination-area .nav-links a:hover, .news-page-area .news-main-content .pagination-area .nav-links a:hover{ background: #01b1d7; color: #ffffff; } .news-page-area .sidebar-area .single-sidebar { margin-bottom: 30px; } .pgn{ margin-top: 50px; } .news-page-area .sidebar-area .single-sidebar h2 { color: #000000; font-size: 20px; font-weight: 600; text-transform: uppercase; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; } .news-page-area .sidebar-area .single-sidebar h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .news-page-area .sidebar-area .single-sidebar .sidebar-search { overflow: hidden; position: relative; } .sidebar-area .widget_search .search-form i.fa-search{ position: absolute; right: 10px; top: 15px; font-size: 18px; z-index: 1; color: #01b1d7; } a.rsswidget{ color: #111; } .sidebar-area .single-sidebar select{ height: 45px; width: 100%; padding: 10px; border: 1px solid #6a6aa6; } .sidebar-area .single-sidebar ul li a{ color: #6a6a6a; } .sidebar-area .single-sidebar ul li a:hover{ color: #01b1d7; } .sidebar-area .widget_search .search-form { position: relative; } .sidebar-area .product_list_widget li ins{ background: transparent; } .sidebar-area .product_list_widget li a img{ width: 60px; } .sidebar-area .product-categories li span{ float: right; } .sidebar-area .product-categories li a{ margin-left: 10px; } .sidebar-area .widget_recent_comments #recentcomments li, .sidebar-area .widget_archive ul li a, .sidebar-area .widget_nav_menu ul li a, .sidebar-area .widget_pages ul li a, .sidebar-area .widget_categories ul li a, .sidebar-area .widget_meta ul li a, .sidebar-area .widget_recent_entries ul li a{ margin-left: 10px; } .sidebar-area .product-categories li a:before, .sidebar-area .widget_archive ul li a:before, .sidebar-area .widget_nav_menu ul li a:before, .sidebar-area .widget_pages ul li a:before, .sidebar-area .widget_categories ul li a:before, .sidebar-area .widget_meta ul li a:before, .sidebar-area .widget_recent_comments #recentcomments li:before, .sidebar-area .widget_recent_entries ul li a:before { position: absolute; content: "\f105"; font-family: FontAwesome; color: #3299dc; margin-left: -10px; font-weight: bold; } .sidebar-area .widget_search .search-form .search-submit{ position: absolute; right: 0; top: 0; height: 48px; width: 48px; background: transparent; border: none; text-indent: 99999px; z-index: 99999; } .sidebar-area .widget_search .search-form label .search-field, .news-page-area .sidebar-area .single-sidebar .sidebar-search input { border: 1px solid #0a6f85; color: #000000; padding: 12px; width: 100%; border-radius: 0; font-weight: 300; font-size: 15px; } .news-page-area .sidebar-area .single-sidebar .sidebar-search button { background: transparent; border: medium none; color: #01b1d7; padding: 11px; position: absolute; right: 0; top: 0; z-index: 999; font-size: 20px; } .news-page-area .sidebar-area .single-sidebar .sidebar-category ul li { border-bottom: 1px dotted #01b1d7; position: relative; } .news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a { color: #0a6f85; display: block; padding: 5px; text-decoration: none; transition: all 0.3s ease 0s; } .news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a:hover { color: #01b1d7; } .news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a:before { color: #01b1d7; content: "\f105"; font-family: FontAwesome; height: 15px; left: -5px; position: absolute; top: 5px; width: 15px; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .pull-left img { transition: all 0.5s ease 0s; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover { opacity: .9; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a { color: #000000; transition: all 0.5s ease 0s; display: block; margin-top: 0px; font-weight: 600; font-size: 20px; } .logged-in-as a:hover{ text-decoration: underline; } .logged-in-as a{ color: #6a6a6a; } .logged-in-as{ margin-left: 15px; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover { color: #01b1d7; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a { color: #01b1d7; font-weight: 600; transition: all 0.5s ease 0s; } .news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a:hover { color: #0a6f85; } .comment-reply-link, .ptags li a{ color: #6a6a6a; } .news-page-area .about-author-comment li.comment .single-author-comment{ padding-left: 0; padding-bottom: 0; } .news-page-area .about-author-comment ul > li.comment { margin-left: 0; } .news-page-area .about-author-comment li.comment ul.children{ margin-bottom: 0; } .news-page-area .about-author-comment li ul li.comment { margin-left: 100px !important; } .sidebar-area .widget_tag_cloud .tagcloud ul li, .news-page-area .sidebar-area .single-sidebar .popular-tags ul li { display: inline-block; border: 1px solid #e1e1e1; margin: 2px; } .sidebar-area .widget_tag_cloud .tagcloud ul li:hover a{ color: #fff !important; } .sidebar-area .widget_tag_cloud .tagcloud ul li:hover, .news-page-area .sidebar-area .single-sidebar .popular-tags ul li:hover { border: 1px solid #01b1d7; background: #01b1d7; } .sidebar-area .widget_tag_cloud .tagcloud ul li:hover a, .news-page-area .sidebar-area .single-sidebar .popular-tags ul li:hover a { color: #ffffff; } .sidebar-area .widget_tag_cloud .tagcloud ul li a, .news-page-area .sidebar-area .single-sidebar .popular-tags ul li a { padding: 5px 10px; text-decoration: none; display: block; color: #6a6a6a; font-size: 14px !important; } /* ------------------------------------ 23.News Details Page start here ---------------------------------------*/ .single-news-page-area .single-news-page .news-featured-image { position: relative; overflow: hidden; margin-bottom: 30px; } .single-news-page-area .single-news-page .news-featured-image a { display: block; position: relative; overflow: hidden; pointer-events: none; cursor: default; } .single-news-page-area .single-news-page .news-featured-image a img { width: 100%; transition: all 0.5s ease 0s; } .single-news-page-area .single-news-page .news-featured-image a img:hover { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari */ transform: scale(1.5); } .single-news-page-area .single-news-page .news-featured-image .date-area { position: absolute; top: 0; left: 0; background: #01b1d7; width: 55px; height: 65px; padding: 10px; margin: 20px; } .single-news-page-area .single-news-page .news-featured-image .date-area ul { text-align: center; border: 0px solid #ffffff; } .single-news-page-area .single-news-page .news-featured-image .date-area ul li { display: block; color: #ffffff; font-weight: 600; } .single-news-page-area .single-news-page h3 { margin-bottom: 40px; } .single-news-page-area .single-news-page h3 a { color: #000000; font-size: 20px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; text-decoration: none; } .single-news-page-area .single-news-page h3 > a { pointer-events: none; cursor: default; } .single-news-page-area .single-news-page h3 a:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .news-page-area .news-main-content .about-author-comment ul, .single-news-page-area .single-news-page ul { text-align: left; margin-bottom: 30px; padding-bottom: 15px; } .news-page-area .news-main-content .about-author-comment ul li, .single-news-page-area .single-news-page ul li { display: inline-block; } .news-page-area .news-main-content .about-author-comment ul li span, .single-news-page-area .single-news-page ul li span { color: #01b1d7; font-weight: 600; } .single-news-page-area .single-blog-content { padding-bottom: 60px; border-bottom: 1px solid #e1e1e1; } .single-news-page-area .single-blog-content blockquote { border-left: 2px solid #01b1d7; } .single-news-page-area .content-info .blog-content-tag { margin-top: 20px; } .single-news-page-area .content-info .blog-content-tag ul li { display: inline-block; margin-right: 7px; } .single-news-page-area .content-info .blog-content-tag ul li span { color: #000000; font-size: 18px; font-weight: 600; } .single-news-page-area .content-info .blog-content-share-social-icons { margin-top: 25px; } .single-news-page-area .content-info .blog-content-share-social-icons ul { text-align: right; } .single-news-page-area .content-info .blog-content-share-social-icons ul li { display: inline-block; margin-right: 7px; } .single-news-page-area .content-info .blog-content-share-social-icons ul li span { color: #000000; font-size: 18px; font-weight: 600; } .single-news-page-area .content-info .blog-content-share-social-icons ul li a { display: block; width: 30px; height: 30px; line-height: 28px; color: #01b1d7; border: 1px solid #c3c3c3; transition: all 0.5s ease 0s; text-decoration: none; text-align: center; } .single-news-page-area .content-info .blog-content-share-social-icons ul li a:hover { background: #01b1d7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #01b1d7; } .single-news-page-area .content-info .blog-content-share-social-icons ul li a:hover i { color: #ffffff; } .single-news-page-area .author-post { margin-top: 30px; } .single-news-page-area .author-post h2 { color: #222222; font-size: 24px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; text-decoration: none; } .single-news-page-area .author-post .single-author-post { border: 1px solid #e1e1e1; padding: 30px; } .single-news-page-area .author-post .single-author-post .media .pull-left { margin-right: 10px; } .single-news-page-area .author-post .single-author-post .media .pull-left a { display: block; } .single-news-page-area .author-post .single-author-post .media .pull-left a img { width: 100%; } .single-news-page-area .author-post .single-author-post .media .media-body h4.media-heading { color: #01b1d7; font-size: 18px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 20px; } .single-news-page-area .author-comment { margin-top: 60px; border-bottom: 1px solid #e1e1e1; } .single-news-page-area .author-comment h2 { color: #222222; font-size: 24px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 20px; text-decoration: none; } .news-page-area .author-comment .single-author-comment, .single-news-page-area .author-comment .single-author-comment { padding: 30px; } .single-news-page-area .author-comment .single-author-comment .media .pull-left { margin-right: 10px; } .single-news-page-area .author-comment .single-author-comment .media .pull-left a { display: block; } .single-news-page-area .author-comment .single-author-comment .media .pull-left a img { width: 100%; } .news-page-area .author-comment .single-author-comment .media .media-body h4.media-heading, .single-news-page-area .author-comment .single-author-comment .media .media-body h4.media-heading { color: #01b1d7; font-size: 18px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 5px; } .news-page-area .author-comment .single-author-comment .media .media-body ul, .single-news-page-area .author-comment .single-author-comment .media .media-body ul { text-align: left; margin-bottom: 10px; list-style: none; margin-left: 0; padding-left: 0; } .news-page-area .author-comment .single-author-comment .media .media-body ul li, .single-news-page-area .author-comment .single-author-comment .media .media-body ul li { display: inline-block; } .news-page-area .author-comment .single-author-comment .media .media-body ul li.right, .single-news-page-area .author-comment .single-author-comment .media .media-body ul li.right { float: right; } .news-page-area .author-comment .single-author-comment .media .media-body ul li.right i, .single-news-page-area .author-comment .single-author-comment .media .media-body ul li.right i { color: #01b1d7; margin-right: 5px; } .news-page-area .leave-comments-area, .single-news-page-area .leave-comments-area { padding-top: 30px; } .news-page-area .leave-comments-area h4, .single-news-page-area .leave-comments-area h4 { color: #222222; font-size: 24px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; text-decoration: none; } .news-page-area .leave-comments-area fieldset, .single-news-page-area .leave-comments-area fieldset { margin-top: 20px; margin-left: -15px; } .news-page-area .leave-comments-area fieldset input, .single-news-page-area .leave-comments-area fieldset input { background: #dddddd none repeat scroll 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 45px; margin-right: 20px; width: 100%; padding: 10px; } .news-page-area .leave-comments-area fieldset input:focus, .single-news-page-area .leave-comments-area fieldset input:focus { border: 0px; box-shadow: none; } .news-page-area .leave-comments-area fieldset textarea, .single-news-page-area .leave-comments-area fieldset textarea { background: #dddddd none repeat scroll 0 0; border-radius: 0; margin-right: 20px; padding: 10px; } .single-news-page-area .leave-comments-area fieldset textarea:focus { border: 0px; box-shadow: none; } .single-news-page .comment-respond #cancel-comment-reply-link{ float: right; color: #6a6a6a; font-size: 16px; padding-top: 8px; margin-right: 15px; } .single-news-page-area .leave-comments-area fieldset .btn-send { background: #01b1d7; border: 0 none; color: #ffffff; display: block; font-size: 15px; font-weight: bold; padding: 15px 45px; text-transform: uppercase; transition: all 0.5s ease 0s; margin-top: 10px; max-width: 150px; height: 60px; border-radius: 0; line-height: 1px; } .single-news-page-area .leave-comments-area fieldset .btn-send:hover { background: #0a6f85; } /* ------------------------------------ 23. Contact Us page Start Here ---------------------------------------*/ .contact-us-page-area { padding: 90px 0; } .contact .contact-us-page h2, .contact-us-page-area .contact-us-page h2 { color: #000000; font-size: 30px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; text-decoration: none; } .contact .contact-us-page h2:after, .contact-us-page-area .contact-us-page h2:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .contact .contact-box, .contact-us-page-area .contact-box { padding: 30px 0; } .contact .contact-box .single-contact-box, .contact-us-page-area .contact-box .single-contact-box { border-right: 1px solid #e1e1e1; } .contact .contact-box .single-contact-box.last-child, .contact-us-page-area .contact-box .single-contact-box.last-child { border-right: 0px solid #e1e1e1; } .contact .contact-box .single-contact-box p, .contact-us-page-area .contact-box .single-contact-box p { font-size: 18px; color: #646464; } .contact .contact-box .single-contact-box p span, .contact-us-page-area .contact-box .single-contact-box p span { margin-left: 50px; } .contact .contact-box .single-contact-box p i, .contact-us-page-area .contact-box .single-contact-box p i { font-size: 36px; color: #01b1d7; margin-right: 20px; } .bdrn .single-contact-box{ border: 0 !important; } .contact .leave-comments-area { padding-top: 30px; } .contact .leave-comments-area h4 { color: #000000; font-size: 30px; font-weight: 600; position: relative; font-family: 'Raleway', sans-serif; margin-bottom: 40px; text-decoration: none; } .contact .leave-comments-area h4:after { position: absolute; bottom: -20px; left: 0; content: ""; background: #01b1d7; width: 60px; height: 3px; } .contact.leave-comments-area fieldset { margin-top: 20px; margin-left: -15px; } .contact .leave-comments-area fieldset input { background: #dddddd none repeat scroll 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 45px; margin-right: 20px; } .contact .leave-comments-area fieldset input:focus { border: 0px; box-shadow: none; } .contact .leave-comments-area fieldset textarea { background: #dddddd none repeat scroll 0 0; border-radius: 0; margin-right: 20px; } .contact .leave-comments-area fieldset textarea:focus { border: 0px; box-shadow: none; } .contact .leave-comments-area .wpcf7-submit.btn-send, .contact .leave-comments-area fieldset .btn-send { background: #01b1d7; border: 0 none; color: #ffffff; display: block; font-size: 15px; font-weight: bold; padding: 15px 45px; text-transform: uppercase; transition: all 0.5s ease 0s; margin-top: 10px; border-radius: 0; height: 55px !important; } .contact .leave-comments-area .wpcf7-submit.btn-send:hover, .contact .leave-comments-area fieldset .btn-send:hover { background: #0a6f85; } .leave-comments-area .form-control{ padding: 6px 12px !important; } /* ------------------------------------ 24.404 Page Area Start Here ---------------------------------------*/ .error-page-area { padding: 90px 0; text-align: center; } .error-page-area .error-page { background: #01b1d7; background-position: center center; background-size: cover; padding: 90px; } .error-page-area .error-page h1 { font-size: 300px; color: #ffffff; line-height: 300px; } .error-page-area .error-page p { font-size: 30px; color: #ffffff; } .error-page-area .error-page-message { margin-top: 60px; } .error-page-area .error-page-message p { font-size: 18px; color: #000000; } .error-page-area .error-page-message .home-page a { display: inline-block; text-decoration: none; font-size: 18px; color: #ffffff; background: #01b1d7; padding: 15px 35px; transition: all 0.5s ease 0s; } .error-page-area .error-page-message .home-page a:hover { background: #0a6f85; color: #ffffff; } /*--------------------------------- 25.Scrolling Up Styling ---------------------------------*/ #scrollUp { background: #01b1d7; border: 1px solid #01b1d7; bottom: 100px; color: #01b1d7 !important; display: block; font-size: 25px; height: 60px; line-height: 0; position: fixed; right: 20px; text-align: center; text-decoration: none !important; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 60px; z-index: 1000; } #scrollUp:hover { background: #0a6f85; } #scrollUp:hover i { color: #ffffff; } #scrollUp i { display: block; padding-top: 12px; font-size: 30px; font-weight: bold; color: #ffffff; } body .home-about-area .about-content-area .botton-area a:hover{ opacity: .7; } /* ------------------------------------ 26.Color Pannel Setting here ---------------------------------------*/ .demo-panel-setting-area { width: 120px; height: 330px; background: #000000; display: block; position: fixed; top: 16%; left: -125px; transition: all 0.5s ease 0s; padding: 22px 15px; z-index: 9999999; } .demo-panel-setting-area h3 { font-size: 16px; color: #ffffff; text-align: center; margin-bottom: 20px; font-weight: 600; border-bottom: 2px solid #ffffff; padding-bottom: 10px; } .demo-panel-setting-area .color-scheme-area span { height: 50px; width: 50px; display: block; margin: 5px 15px; float: left; cursor: pointer; } .demo-panel-setting-area .color-scheme-area span.skype-color { background: #01b1d7; } .demo-panel-setting-area .color-scheme-area span.red-color { background: #ff0000; } .demo-panel-setting-area .color-scheme-area span.green-color { background: #008000; } .demo-panel-setting-area .color-scheme-area span.orange-color { background: #FFA500; } .demo-panel-setting-area .color-scheme-area span.blue-color { background: #0000FF; } .demo-panel-setting-area .cross-button { display: inline-block; position: absolute; right: -33px; top: -20px; color: #01b1d7; cursor: pointer; } .demo-panel-setting-area .cross-button i { font-size: 36px; font-weight: bold; } .demo-panel-setting-area .cross-button .fa-spin { -webkit-transform-origin: 50% calc(49.5%); transform-origin: 50% calc(49.5%); } .highlight { left: 0px; } .mid-contain{ max-width: 1170px; margin: 0 auto !important; } .ab-count .col-md-4:last-child .about-counter-list{ border-right:0; } .vc_column-inner { padding-top: 0!important; } /* woocommerce css */ .woocommerce ul.products li.product .price del{ float: left; margin-right: 10px; } .woocommerce ul.products li.product .star-rating{ position: relative; float: right; top: 5px; } .woocommerce-tabs h2, .single-product .related h2, .single-product .product_title, .cart_totals h2, .woocommerce table.shop_table td a, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product h3{ color: #111; } .single_add_to_cart_button:hover, form.login input.button:hover, .checkout_coupon p .button:hover, .shipping-calculator-form .button:hover, .return-to-shop a:hover, .checkout #place_order:hover, .checkout-button:hover, .woocommerce .cart input.button:hover, a.added_to_cart.wc-forward:hover, .woocommerce ul.products li.product .add_to_cart_button:hover{ background: #01b1d7 !important; } .checkout_coupon p .button{ height: 35px; } .single_add_to_cart_button, form.login input.button, .checkout #place_order, .checkout_coupon p .button, .shipping-calculator-form .button, .return-to-shop a, .checkout-button, .woocommerce .cart input.button, .woocommerce ul.products li.product .add_to_cart_button{ background: #333 !important; border-radius: 0 !important; color: #fff !important; font-weight: normal !important; } a.added_to_cart.wc-forward { background: #333; border-radius: 0; font-weight: normal; color: #fff; padding: 4px 12px; margin-left: 10px; } .woocommerce .quantity .qty { border-radius: 0; height: 35px; } .woocommerce-Price-amount, .woocommerce table.shop_table td a:hover, .woocommerce ul.products li.product h3:hover, .woocommerce .star-rating span:before{ color: #01b1d7; } .woocommerce table.shop_table th { text-align: center; border-right: 1px solid; color: #000; } .woocommerce table.shop_table tfoot th , .woocommerce table.shop_table tfoot td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td{ border-color: #111; } .woocommerce table.shop_table { border-color: #111; border-radius: 0; text-align: center; } .woocommerce table.shop_table th:last-child, .woocommerce table.shop_table td:last-child { border-right: 0px; } .woocommerce table.shop_table td { border-color: #111; border-right: 1px solid; color: #111; } .cart_item .product-thumbnail img{ width: 100px !important; } .cart_item .product-remove a{ margin: 0 auto; } .woocommerce-page table.cart td.actions #coupon_code { width: 180px !important; border-radius: 0; border-color: #111; color: #111; padding: 6.5px } .woocommerce ul.products li.product .onsale{ background: #01b1d7; border-radius: 0; top: 6px; right: 6px; padding: 0 15px; } .single_add_to_cart_button, .checkout #customer_details input, .checkout #customer_details select, .checkout #customer_details .country_select .select2-choice{ height: 35px; } .checkout #customer_details .country_select .select2-choice, .checkout #customer_details input, .checkout #customer_details select, .checkout #customer_details textarea, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border-radius: 0; } .checkout_coupon p{ margin-bottom: 0; } form.login .input-text, .checkout_coupon #coupon_code{ border-radius: 0; height: 35px; } #ship-to-different-address .checkbox{ float: left; margin-right: 15px; } #ship-to-different-address-checkbox{ margin-top: 10px; } form.login label.inline{ position: relative; top: 10px; left: 8px; } .sp .summary.entry-summary{ margin-top: 0; } .single-news-page-area .single-blog-content ol { margin-left: 0; } #post-1148 .single-author-comment .media-body ul, .single-news-page-area .single-blog-content ul { margin-bottom: 0; padding-bottom: 0; padding-left: 25px; list-style: square; margin-left: 20px; } #post-1148 .single-author-comment .media-body ol, .single-news-page-area .single-blog-content ul { margin-bottom: 0; padding-bottom: 0; padding-left: 25px; margin-left: 20px; } .single-author-comment .media-body ol li, .single-author-comment .media-body ul li, .single-news-page-area .single-blog-content ul li { display: list-item !important; } .single-author-comment .media-body ol{ list-style: decimal; } .single-sidebar ul{ list-style: none; } .project-feature-image .overley li{ list-style:none; } .no-results .search-form .search-submit, #post-1168 .single-blog-content input[type="submit"]{ background: #01b1d7; border: 1px solid #01b1d7; color: #fff; padding: 3px 15px; border-radius: 3px; } .single-news-page .single-author-comment .media-body ul.cl{ padding-left: 0 !important; margin-left: 0 !important; list-style: none !important; margin-bottom: 0 !important; } .news-page-area .author-comment .single-author-comment .media .media-body ul.cl li, .single-news-page-area .author-comment .single-author-comment .media .media-body ul.cl li { display: inline-block !important; } .sidebar-recent-post .single-post .posted-date{ margin-top: -5px; } section.fr0 { width: 100%; float: left; height: auto; padding: 50px 0 50px; } #menu-testing-menu ul.sub-menu { margin-left: 20px; } .fr0 .error-content h1 { font-size: 170px; color: #333; } .fr0 .error-content p { margin: 0 0 30px; } .fr0 .btn.btn-primary { background: #42c0d9; border-color: #42c0d9; } .fr0 .btn.btn-primary:hover { background: transparent; color: #42c0d9; }