@charset "utf-8";
/* CSS Document */
img {
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
.lun{
width:370px;
margin-right:30px;
}
.lun img{
width:100%;
height: 186px;
}
.welcome-section .item-style-1 {
position: relative;
background: #f7f7f7;
padding: 30px;
padding-bottom: 104px;
}
.welcome-section {
position: relative;
}
.sec-padd {
padding: 80px 0;
padding-top: 40px;
padding-bottom: 40px;
}
.welcome-section .section-title {
margin-bottom: 30px;
}
.welcome-section .item-style-1 .sign {
position: absolute;
left: 30px;
bottom: 30px;
}
.welcome-section .item-style-1 .certificate {
position: absolute;
right: 10px;
bottom: 10px;
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
z-index: 1;
position: relative;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
Theme Name: Perfect
Theme URI: http://tonatheme.com/newwp/arctica/
Author: Template Path
Author URI: http://themeforest.net/user/template_path
Description: This is Perfect Solution fot all business theme
Version: 1.0.0
License: copyright commercial
License URI: http://themeforest.net/user/template_path
Text Domain: wp-perfect
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
*/
/* Perfect Solution fot all business Template */
/***************************************************************************************************************
|||||||||||||||||||||||||||| MASTER STYLESHEET FOR Perfect ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
|||||||||||||||||||||||||||| TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
1. Imported styles
2. Global styles
3. Header styles
4. Slider styles
5. Our Services styles
6. Our features styles
7. About section styles
8. Team Member styles
9. call to action styles
10. Blog styles
11. Testimonial styles
12. contact styles
13. Subscription styles
14. Footer styles
15. Inner banner styles
16. Inner banner styles
17. Project content styles
18. Shop styles
19. Cart Page styles
20. Checkout page styles
21. fact section styles
****************************************************************************************************************
|||||||||||||||||||||||||||| End TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/* ==============================
2. header-style
============================== */
.top-bar {
position: relative;
line-height: 46px;
z-index: 999;
background: #fff;
border-bottom: 1px solid #f4f4f4;
}
.top-bar .thm-btn {
border-radius: 4px;
padding: 0px 14px;
line-height: 28px;
top: -2px;
}
.top-bar .clearfix {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-bar .top-bar-text ul li {
display: inline-block;
margin-right: 21px;
color: #999;
vertical-align: middle;
}
.top-bar .top-bar-text ul li i {
color: #42c0e5;
margin-right: 10px;
}
.top-bar .contact-info {
display: inline-block;
margin-left: 20px;
}
.top-bar .contact-info li {
font-family: 'Hind', sans-serif;
font-size: 16px;
padding-right: 15px;
margin-right: 15px;
line-height: 26px;
border-right: 1px solid #f0f0f0;
}
.top-bar .contact-info li span {
color: #42c0e5;
margin-right: 10px;
font-size: 16px;
}
.top-bar .signin-btn {
display: inline-block;
}
.top-bar .signin-btn a {
color: #999;
font-size: 16px;
margin-left: 20px;
}
.top-bar .signin-btn a i {
color: #333;
margin-right: 10px;
}
.top-bar .right-column {
position: relative;
padding-left: 55px;
color: #848484;
}
.top-bar .right-column:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 1000%;
}
.top-bar .right-column:after {
position: absolute;
content: "";
}
/*language switcher*/
#polyglotLanguageSwitcher {
position: relative;
margin-right: 0;
padding: 4px 0;
display: inline-block;
position: relative;
vertical-align: middle;
z-index: 99999;
background: #f7f7f7;
}
#polyglotLanguageSwitcher:before {
position: absolute;
}
#polyglotLanguageSwitcher span.trigger:before {
content: "\f107";
font-family: FontAwesome;
position: absolute;
color: #848484;
top: 7px;
right: 7px;
font-size: 14px;
line-height: 10px;
}
#polyglotLanguageSwitcher a {
font-family: 'Hind', sans-serif;
display: inline-block;
font-size: 14px;
color: #333;
font-weight: normal;
}
#polyglotLanguageSwitcher a.current:link,
#polyglotLanguageSwitcher a.current:visited,
#polyglotLanguageSwitcher a.current:active {
position: relative;
background-color: transparent;
border: 0;
line-height: 27px;
border-radius: 5px;
color: #848484;
text-align: center;
height: 26px;
padding: 0;
width: 120px;
padding-right: 0px;
margin: 0;
}
#polyglotLanguageSwitcher a.current:hover {
background-color: transparent;
}
#polyglotLanguageSwitcher ul.dropdown {
top: 100%;
}
/* end flag */
.main-header .header-upper {
position: relative;
padding: 19px 0px;
background: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 5;
}
.main-header .header-upper .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .logo-outer {
position: relative;
z-index: 25;
}
.theme_menu .logo {
margin-top: 28px;
}
.main-header .logo-outer .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .header-upper .upper-right {
position: relative;
padding: 10px 0px;
}
.main-header .header-upper .info-box:last-child {
margin-right: 0px;
}
.main-header .header-upper .info-box:after {
content: '';
position: absolute;
right: -40px;
top: 50%;
margin-top: -20px;
height: 40px;
}
.main-header .social-icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.main-header .social-icon a {
position: relative;
display: inline-block;
text-align: center;
height: 48px;
font-size: 14px;
color: #848484;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .social-icon a:hover {
color: #42c0e5;
}
.main-header .info-box {
position: relative;
float: left;
min-height: 56px;
margin: 0px 40px;
padding: 7px 0px 7px 70px;
}
.main-header .header-upper .info-box:last-child {
padding-left: 0px !important;
}
.main-header .header-upper .info-box:last-child:after {
display: none;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 8px;
height: 44px;
padding-right: 19px;
text-align: center;
line-height: 42px;
border-right: 1px dashed #42c0e5;
border-radius: 2px;
color: #42c0e5;
font-size: 30px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-header .info-box:hover .icon-box {
border-color: #42c0e5;
}
.main-header .info-box li {
position: relative;
line-height: 24px;
margin: 0px 0px;
font-size: 14px;
color: #9b9b9b;
}
.main-header .info-box li a {
color: #9b9b9b;
}
.main-header .info-box strong {
font-weight: 700;
color: #42c0e5;
font-size: 15px;
}
/*Search form*/
.main-header .nav-outer {
width: 100%;
}
.main-header .outer-box2 {
position: relative;
display: inline-block;
}
.main-header .outer-box2 .search-form .form-group {
position: relative;
display: block;
margin: 0px;
}
.main-header .outer-box2 .search-form .form-group input[type="text"],
.main-header .outer-box2 .search-form .form-group input[type="tel"],
.main-header .outer-box2 .search-form .form-group input[type="email"],
.main-header .outer-box2 .search-form .form-group textarea {
position: relative;
display: block;
width: 270px;
height: 52px;
border: 1px solid #f4f4f4;
margin-top: 9px;
color: #292929;
font-size: 16px;
background: #ffffff;
padding: 6px 50px 6px 25px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .outer-box2 .search-form ::-webkit-input-placeholder,
.main-header .outer-box2 .search-form ::-moz-placeholder,
.main-header .outer-box2 .search-form :-ms-input-placeholder,
.main-header .outer-box2 .search-form :-ms-input-placeholder {
color: #e0e0e0 !important;
}
.main-header .outer-box2 .search-form .form-group input[type="submit"],
.main-header .outer-box2 .search-form button {
position: absolute;
right: 0px;
top: 0px;
width: 62px;
height: 100%;
font-size: 13px;
line-height: 53px;
color: #999;
font-weight: 400;
background: transparent;
text-transform: uppercase;
}
.main-header .outer-box2 .search-form .form-group input[type="submit"] .icon,
.main-header .outer-box2 .search-form button .icon {
color: #999;
font-size: 16px;
}
/*======logo========*/
.main-logo {
margin: 27px 0;
}
/*menu*/
.theme_menu .container {
position: relative;
}
.theme_menu .menu-column {
padding-left: 0;
}
/*==============================================
Mainmenu Area Css
===============================================*/
.mainmenu-area {
background: #000
}
.main-menu {
position: relative;
background-size: cover;
background-position: center;
float: left;
width: 100%;
z-index: 9;
}
.navbar-collapse {
padding: 0px
}
.navigation {
position: relative;
font-family: 'Montserrat', sans-serif;
}
.navigation>li {
position: relative;
display: inline-block;
}
.navigation>li.home {
background: #42c0e5;
}
.navigation>li.home a:hover {
color: #fff;
}
.navigation>li:first-child {
border-left: 0px;
margin-right: -4px;
}
.navigation>li>a {
color: #222;
display: block;
font-size: 16px;
margin: 0 20px;
font-weight: 700;
line-height: 1.42857143;
padding: 47px 0px;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.navigation>li>a:hover {
color: #42c0e5;
}
.navigation>li>ul {
position: absolute;
right: auto;
top: 100%;
background: #25272e;
width: 240px;
padding: 0 15px;
z-index: 999;
display: none;
}
.navigation>li>ul>li {
position: relative;
display: block;
}
.navigation>li>ul>li>a {
color: #878787;
display: block;
font-size: 16px;
font-weight: 700;
font-family: 'Hind', sans-serif;
border-bottom: 1px solid #25272e;
line-height: 25px;
padding: 12px 20px;
margin: 0;
text-transform: capitalize;
transition: all 500ms ease 0s;
}
.navigation>li>ul>li>a:before {
content: "\f105";
font-family: FontAwesome;
color: #ffffff;
top: 19px;
right: 23px;
font-size: 14px;
position: absolute;
line-height: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.navigation>li>ul>li>a:hover:before {
opacity: 1;
visibility: visible;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.navigation>li>ul>li:last-child>a {
border-bottom: 0px;
}
.navigation>li>ul>li:hover>a {
color: #ffffff;
background: #42c0e5;
}
/*========= third-menu ===============*/
.navigation>li>ul>li.third-menu ul {
position: absolute;
left: 230px;
top: 0px;
background: #333;
width: 200px;
border-top: 2px solid #fff;
padding: 12px 0px;
z-index: 999;
display: none;
}
.navigation>li>ul>li.third-menu {
position: relative;
}
.navigation>li>ul>li.third-menu ul a {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 12px 20px;
margin: 0;
text-transform: capitalize;
transition: all 500ms ease 0s;
}
.navigation>li>ul>li.third-menu ul a:hover {
color: #fdc716;
}
.navigation>li>ul>li.third-menu:after {
position: absolute;
content: "\f0de";
font-family: FontAwesome;
color: #fff;
font-size: 20px;
line-height: 40px;
right: 14px;
transform: rotate(90deg);
top: 3px;
}
/*========= mobile-menu ==============*/
.mobile-menu .dropdown-btn {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 42px;
border-left: 1px solid #ffffff;
cursor: pointer;
display: block;
z-index: 5;
}
.mobile-menu .dropdown-btn::after {
position: absolute;
content: "\f107";
font-family: FontAwesome;
color: #fff;
font-size: 20px;
line-height: 40px;
text-align: center;
width: 100%;
}
.mobile-menu,
.mobile-menu>li>ul,
.mobile-menu>li>ul>li>ul {
background: #000;
font-family: 'Hind', sans-serif;
}
.mobile-menu>li>ul,
.mobile-menu>li>ul>li>ul {
display: none;
}
.mobile-menu>li>a,
.mobile-menu>li>ul>li>a,
.mobile-menu>li>ul>li>ul>li>a {
padding: 10px 20px;
font-family: 'Hind', sans-serif;
line-height: 22px;
color: #ffffff;
display: block;
text-transform: uppercase;
font-size: 14px;
border-top: 1px solid #fff;
}
/*=================== Cart And Search Option ===============*/
.theme_menu .right-column {
position: absolute;
right: 0;
width: 223px;
top: 0;
z-index: 99;
}
.nav_side_content {
margin-top: 42px;
float: left;
position: relative;
border-left: 1px solid #e9e9e9;
}
.nav_side_content .cart_select>button {
font-size: 14px;
text-transform: uppercase;
position: relative;
margin-right: 23px;
color: #272727;
}
.nav_side_content .cart_select>button span {
font-weight: normal;
padding: 0 0px;
border-radius: 50%;
position: absolute;
top: 0;
right: -20px;
color: #42c0e5;
}
.nav_side_content .cart_select>button i {
font-size: 18px;
margin-left: 5px;
}
.nav_side_content .cart_select,
.nav_side_content .search_option {
display: inline-block;
vertical-align: middle;
}
.nav_side_content .search_option>button {
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 14px;
color: #222;
margin-left: 20px;
}
.nav_side_content .search_option form {
height: 50px;
width: 280px;
padding: 5px;
border-radius: 4px;
margin: 0;
left: auto;
right: 0;
border-color: #42c0e5;
top: 67px;
}
.nav_side_content .search_option form input {
font-family: 'Hind', sans-serif;
font-weight: normal;
width: 100%;
height: 100%;
background: transparent;
color: #9e9e9e;
border: 1px solid #f7f7f7;
padding: 0 47px 0 10px;
font-size: 15px;
}
.nav_side_content .search_option form button {
display: block;
width: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 5px;
right: 5px;
color: #42c0e5;
}
.nav_side_content .cart_select {
border-left: 1px solid #ececec;
padding-left: 5px;
}
.right-column .thm-btn.style-2 {
padding: 0 25px;
}
.theme_menu .link_btn {
margin-top: 31px;
}
/* Mainmenu fixed style */
@keyframes menu_sticky {
0% {
margin-top: -100px;
}
50% {
margin-top: -90px;
}
100% {
margin-top: 0;
}
}
.theme_menu.stricky-fixed {
margin: 0;
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
z-index: 999;
animation-name: menu_sticky;
animation-duration: 0.60s;
animation-timing-function: ease-out;
box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.06);
}
/***
=============================================
Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h3 {
background-size: contain;
display: inline-block;
color: #ffffff;
font-size: 24px;
font-weight: 400;
text-transform: capitalize;
line-height: 22px;
padding-top: 5px;
padding-bottom: 5px;
}
.rev_slider_wrapper .slide-content-box h1 {
color: #ffffff;
font-size: 48px;
line-height: 40px;
margin: 14px 0 20px;
font-weight: 700;
}
.rev_slider_wrapper .slide-content-box p {
color: #ffffff;
font-size: 18px;
line-height: 30px;
font-family: 'Lora', serif;
font-weight: 300;
margin: 0 0 30px;
}
.rev_slider_wrapper .slide-content-box .button a {
padding: 0px 30px;
margin-right: 15px;
transition: all 500ms ease !important;
-moz-transition: all 500ms ease !important;
-webkit-transition: all 500ms ease !important;
-ms-transition: all 500ms ease !important;
-o-transition: all 500ms ease !important;
}
.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution {
background: #fff;
padding: 0px 35px;
color: #222;
border-color: #fff;
}
.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover {
background: #42c0e5;
color: #fff;
border-color: #42c0e5;
}
.rev_slider_wrapper .slide-content-box.last-slide p {
margin: 0;
}
.rev_slider_wrapper .slide-content-box.last-slide a {
margin: 0 8px;
}
.rev_slider_wrapper .slotholder {
position: relative;
}
.slotholder:after {
background: rgba(0, 12, 40, 0);
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
pointer-events: none;
}
.tp-bannertimer {
display: none;
}
.rev_slider_wrapper .tparrows {
background: transparent;
border: 2px solid #fff;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
background: #222;
position: relative;
color: #999;
}
.main-footer .section-title h3:after {
height: 1px;
background: #30323a;
}
.main-footer .section-title h3 {
color: #fff;
}
.main-footer .footer-widget .footer-logo {
margin-bottom: 30px;
}
.main-footer .footer-title {
margin-bottom: 30px;
}
.main-footer .footer-title h4 {
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.main-footer .footer-logo {
margin-bottom: 40px;
}
.main-footer .widgets-section {
position: relative;
padding: 70px 0px 0px;
}
.main-footer .footer-column {
margin-bottom: 40px;
}
.main-footer .footer-widget {
position: relative;
}
.main-footer .footer-column h2 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
color: #a1c436;
}
.main-footer .about-widget .text {
margin-bottom: 20px;
}
.main-footer .contact-info {
margin-bottom: 30px;
}
.main-footer .contact-info li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
line-height: 24px;
}
.main-footer .contact-info li .icon {
position: absolute;
left: 0px;
top: 0px;
line-height: 24px;
font-size: 14px;
}
.main-footer .social-links a {
display: inline-block;
width: 32px;
height: 32px;
margin-left: 5px;
line-height: 30px;
border: 1px solid transparent;
background: none;
color: #686868;
font-size: 14px;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-footer .social-links a:hover {
color: #a1c436;
border-color: #a1c436;
}
/*============ post-column =================*/
.main-footer .post-column .post {
position: relative;
padding-left: 85px;
margin-bottom: 29px;
font-size: 16px;
padding-bottom: 28px;
border-bottom: 1px solid #363636;
}
.main-footer .post-column .post:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.main-footer .post-column .post-thumb {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
}
.main-footer .post-column h5 a {
position: relative;
font-size: 16px;
font-family: 'Hind', sans-serif;
font-weight: 300;
color: #999;
line-height: 26px;
}
.main-footer .post-column .post-info {
color: #999;
font-size: 15px;
}
.main-footer .post-column .post-info i {
margin-right: 5px;
color: #42c0e5;
}
.main-footer .post-column .post-thumb a {
position: relative;
}
.main-footer .post-column .post-thumb a:before {
position: absolute;
content: "\e924";
background: rgba(66, 192, 229, 0.89);
top: 0;
color: #fff;
font-family: icomoon;
font-size: 24px;
left: 0;
line-height: 70px;
bottom: 0;
right: 0;
text-align: center;
opacity: 0;
transition: .5s ease;
}
.main-footer .post-column .post-thumb a:hover:before {
opacity: 1;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.main-footer ul.menu li {
position: relative;
margin-bottom: 15px;
}
.main-footer ul.menu li a {
position: relative;
display: block;
padding-left: 15px;
color: #999;
font-family: 'Hind', sans-serif;
font-size: 16px;
}
.main-footer ul.menu li a:before {
content: '\f101';
position: absolute;
font-family: FontAwesome;
font-size: 20px;
left: 0px;
color: #999;
top: -4px;
transition: .5s ease-in-out;
}
.main-footer ul.menu li:hover a:before {
color: #42c0e5;
transition: .5s ease-in-out;
}
.main-footer ul.menu li a:hover {
color: #42c0e5;
}
.main-footer .working-widget {
position: relative;
}
.main-footer .working-widget .inner-bg {
background: #272727;
padding: 30px 20px;
}
.main-footer .working-widget ul li {
position: relative;
font-family: 'Lora', serif;
font-size: 16px;
color: #999;
border-bottom: 1px solid #333;
padding-bottom: 15px;
margin-bottom: 15px;
}
.main-footer .working-widget ul li:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.main-footer .working-widget ul li span {
font-family: 'Hind', sans-serif;
color: #d0d0d0;
position: absolute;
right: 0;
top: 0px;
}
/*============== contact info =======================*/
/*============ contact-column =================*/
.main-footer .contact-column {
position: relative;
}
.main-footer .contact-column .contact-info {
margin-top: 20px;
}
.main-footer .contact-column .contact-info li {
position: relative;
padding-left: 30px;
font-size: 15px;
color: #999;
line-height: 26px;
margin-bottom: 12px;
border-bottom: 1px solid #333;
padding-bottom: 14px;
}
.main-footer .contact-column .contact-info li span {
color: #848484;
font-family: 'Lora', serif;
font-weight: 700;
}
.main-footer .contact-column .contact-info li i {
font-size: 18px;
color: #42c0e5;
position: absolute;
left: 0;
top: 6px;
}
.main-footer .contact-column .social-icon {
text-align: center;
padding-top: 6px;
}
/*============== footer-bottom ===============*/
.footer-bottom {
background: #1d1d1d;
padding: 8px 0;
}
.footer-bottom .copy-text {
font-family: 'Lora', serif;
color: #999;
font-size: 14px;
margin-bottom: 15px;
margin-top: 18px;
}
.footer-bottom .copy-text a {
color: #42c0e5;
transition: .3s ease;
}
.footer-bottom ul.social-icon li a {
width: 38px;
height: 38px;
border-radius: 50%;
margin-top: 11px;
background: #444;
text-align: center;
line-height: 42px;
margin-right: 0;
color: #999;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.footer-bottom ul.social-icon li a:hover {
color: #fff;
background: #42c0e5;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.footer-bottom ul.social-icon li {
padding: 0 5px;
}
/**************************
* Inner Banner styles
***************************/
.inner-banner {
position: relative;
background: #a0a19b;
background-size: cover;
}
.inner-banner h1 {
margin: 0;
display: table-cell;
vertical-align: middle;
font-size: 48px;
line-height: 60px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
}
.inner-banner .box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 330px;
width: 100%;
text-align: center;
}
.breadcumb-wrapper {
background: #fff;
padding: 17px 0;
border-bottom: 1px solid #f4f4f4;
}
.breadcumb-wrapper ul,
.breadcumb-wrapper li {
margin: 0;
padding: 0;
list-style: none;
font-size: 18px;
color: #42c0e5;
}
.breadcumb-wrapper ul.link-list li a {
color: #999;
text-transform: capitalize;
font-size: 18px;
transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a:hover {
transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a i {
color: #fac012;
margin-right: 7px;
}
.breadcumb-wrapper ul.link-list li a:after {
content: "";
font-family: 'FontAwesome';
margin: 0 10px;
transform: rotate(90deg);
display: inline-block;
}
.breadcumb-wrapper a.get-qoute {
text-transform: capitalize;
font-weight: 700;
color: #42c0e5;
font-size: 16px;
}
.breadcumb-wrapper a.get-qoute i {
margin-left: 7px;
color: #42c0e5;
margin-right: 7px;
font-size: 16px;
}
/*=================
Welcome Section
===================*/
.welcome-section {
position: relative;
}
.welcome-section .section-title {
margin-bottom: 30px;
}
.welcome-section .item-style-1 {
position: relative;
background: #f7f7f7;
padding: 30px;
padding-bottom: 104px;
}
.welcome-section .item-style-1 .sign {
position: absolute;
left: 30px;
bottom: 30px;
}
.welcome-section .item-style-1 .certificate {
position: absolute;
right: 10px;
bottom: 10px;
}
.welcome-section .item-style-2 {
position: relative;
}
.welcome-section .item-style-2 .lower-content {
border-bottom: 2px solid #42c0e5;
background: #f7f7f7;
padding: 18px 0 15px;
}
.welcome-section .item-style-2 .img-box {
overflow: hidden;
}
.welcome-section .item-style-2 .overlay {
position: absolute;
}
.welcome-section .item-style-2 .lower-content {
position: relative;
padding-left: 90px;
}
.welcome-section .item-style-2 .lower-content .icon-box {
position: absolute;
left: 25px;
top: 23px;
color: #42c0e5;
font-size: 42px;
}
.welcome-section .item-style-2 .lower-content h4 a {
font-size: 20px;
color: #222;
display:inline-block;
}
.welcome-section .bottom-text {
margin-left: 130px;
margin-top: 30px;
}
.welcome-section .bottom-text a {
color: #42c0e5;
border-bottom: 1px solid #42c0e5;
}
/***
=============================================
Service Area style
=============================================
***/
.service-area {
background: #f7f7f7;
overflow: hidden;
}
.service-area .single-item {
padding: 20px;
background: #fff;
}
.service-area .single-item .icon-holder {
background: #ffffff;
display: block;
padding: 35px 0 32px;
position: relative;
z-index: 1;
}
.service-area .single-item .icon-holder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10%;
background: #45c4e9;
content: "";
z-index: -1;
opacity: 0;
transition: all 500ms ease;
}
.service-area .single-item .icon-holder span:before {
color: #222222;
font-size: 50px;
line-height: 50px;
transition: all 500ms ease;
}
.service-area .single-item .text-holder h4 a {
position: relative;
line-height: 26px;
font-size: 20px;
color: #222;
padding-bottom: 25px;
transition: all 500ms ease;
}
.service-area .single-item .text-holder h4 a:after {
content: "";
position: absolute;
bottom: 13px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 1px;
background: #f4f4f4;
}
.service-area .single-item .text-holder {
margin: 24px 0 25px;
padding: 18px 5px 0;
border: 1px solid #f4f4f4;
}
.service-area .single-item .text-holder p {
margin: 0 0 16px;
}
.service-area .owl-nav {
bottom: 100%;
top: inherit;
left: inherit;
right: 0;
}
.service-area .owl-nav [class*=owl-] {
border-color: #e0e0e0;
margin-bottom: 50px;
}
/* service style tow */
.service-area-2 {
position: relative;
margin-bottom: 75px;
}
.service-area-2 .single-item {
background: #fff;
}
.service-area-2 .single-item .icon-holder {
background: #ffffff;
display: block;
padding: 35px 0 32px;
position: relative;
z-index: 1;
}
.service-area-2 .single-item .icon-holder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10%;
background: #45c4e9;
content: "";
z-index: -1;
opacity: 0;
transition: all 500ms ease;
}
.service-area-2 .single-item .icon-holder span:before {
color: #222222;
font-size: 50px;
line-height: 50px;
transition: all 500ms ease;
}
.service-area-2 .single-item:hover .text-holder {
opacity: 0;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.service-area-2 .single-item .text-holder h4 a {
position: relative;
line-height: 26px;
font-size: 20px;
color: #222;
padding-bottom: 25px;
transition: all 500ms ease;
}
.service-area-2 .single-item .text-holder h4 a:after {
content: "";
position: absolute;
bottom: 13px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 1px;
background: #f4f4f4;
}
.service-area-2 .single-item .text-holder {
position: relative;
padding: 20px 5px 0;
border: 1px solid #f4f4f4;
}
.service-area-2 .single-item .text-holder p {
margin: 0 0 16px;
}
.service-area-2 .content {
position: relative;
overflow: hidden;
padding: 30px 20px;
border: 1px solid #f4f4f4;
}
.service-area-2 .content .overlay-bg {
position: absolute;
background: #fff;
opacity: 0;
visibility: hidden;
top: 100%;
left: 0;
right: 0;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.service-area-2 .single-item:hover .overlay-bg {
top: 0%;
bottom: 0;
padding-top: 30px;
opacity: 1;
visibility: visible;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.service-area-2 .content .overlay-bg .default_link {
margin-top: 15px;
color: #333;
}
.service-contact-area {
position: relative;
padding: 30px;
border: 1px solid #f4f4f4;
}
/*=================
Single Service
===================*/
/*============== default-sidebar =================*/
.default-sidebar {
position: relative;
}
.default-sidebar .service-catergory {
margin: 0;
padding: 1px;
padding-left: 4px;
background: #ededed;
list-style: none;
margin-bottom: 50px;
}
.default-sidebar .service-catergory li {
list-style: none;
position: relative;
margin-bottom: 1px;
background: #f7f7f7;
border-bottom: 0px;
padding: 14px 0;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-sidebar .service-catergory li.active {
background: #fff;
}
.default-sidebar .service-catergory li.active {
border-color: #8dc63f;
}
.default-sidebar .service-catergory li:hover {
border-color: #8dc63f;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-sidebar .service-catergory li.active a {
color: #42c0e5;
}
.default-sidebar .service-catergory li.active a:after {
color: #fff;
}
.default-sidebar .service-catergory li .view-all-icon {
position: absolute;
right: 20px;
top: 22px;
color: #848484;
}
.default-sidebar .service-catergory li a {
display: block;
font-size: 16px;
color: #999;
line-height: 30px;
border-left: 5px solid transparent;
font-weight: 600;
padding-left: 23px;
transition: all 0.5s ease;
position: relative;
font-family: 'Lora', serif;
}
.default-sidebar .service-catergory li a:hover {
color: #42c0e5;
}
.default-sidebar .service-catergory li.active a:hover {
color: #42c0e5;
}
.default-sidebar .service-catergory.all-service {
margin-bottom: 10px;
background: #42c0e5;
}
.default-sidebar .service-catergory.all-service li {
background: #42c0e5;
}
.default-sidebar .service-catergory.all-service li a {
color: #fff;
}
.default-sidebar .service-catergory.all-service li a i {
position: absolute;
right: 20px;
top: 7px;
font-size: 18px;
}
.default-sidebar .boucher {
margin-bottom: 50px;
}
.default-sidebar .boucher li {
position: relative;
background: #f7f7f7;
padding: 10px 0;
padding-left: 60px;
margin-bottom: 10px;
transition: .3s ease;
}
.default-sidebar .boucher li h5 {
font-size: 16px;
font-weight: 700;
margin-top: 5px;
margin-bottom: 5px;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-sidebar .boucher li h5 i {
position: absolute;
left: 22px;
top: 28px;
font-size: 18px;
}
.default-sidebar .boucher p a {
color: #999999;
font-family: "Hind",sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.default-sidebar .boucher li:hover {
color: #fff;
background: #42c0e5;
cursor: pointer;
transition: .3s ease;
}
.default-sidebar .boucher li:hover h5 {
color: #fff;
transition: .3s ease;
}
.default-sidebar .boucher li:hover p a {
color: #fff;
transition: .3s ease;
}
.default-sidebar .default-cinfo li .text-box p {
color: #999;
}
.default-sidebar .default-cinfo li .icon_box i {
color: #42c0e5;
font-size: 20px;
}
.default-sidebar .default-cinfo .contact-infos li+li {
border: 0px;
margin-top: 0;
}
.service-area .single-item .text-holder {
margin-top: 0px;
overflow: hidden;
}
.single-service .post-column .img-box {
width: 45%;
float: left;
}
.single-service .post-column .content {
width: 55%;
float: left;
}
.single-service .post-column .content h2 {
font-weight: 700;
}
.single-service .post-column .content h5 {
font-size: 16px;
font-family: 'Hind', sans-serif;
color: #42c0e5;
text-transform: uppercase;
margin: 20px 0 15px;
}
.single-service .post-column .content p {
margin-bottom: 15px;
}
.single-service .post-column .content ul li {
font-size: 16px;
font-weight: 300;
margin-bottom: 10px;
}
.single-service .post-column .content ul li i {
color: #42c0e5;
margin-right: 10px;
}
.single-service .tabs-style-one.tabs-box {
width: 55%;
float: left;
}
.single-service .request-quote {
width: 43%;
float: left;
margin-left: 15px;
}
.single-service .quote {
border: 2px solid #f4f4f4;
padding: 23px;
padding-left: 80px;
position: relative;
font-style: italic;
color: #42c0e5;
}
.single-service .quote i {
position: absolute;
left: 30px;
top: 23px;
font-size: 36px;
color: #f4f4f4;
}
.key-benefit-list {
position: relative;
margin-top: 20px;
margin-bottom: 30px;
}
.key-benefit-list li {
position: relative;
color: #848484;
margin-bottom: 10px;
}
.key-benefit-list li i {
color: #42c0e5;
margin-right: 15px;
}
.single-service .video-image-box {
position: relative;
}
.single-service .video-image-box .image {
position: relative;
}
.single-service .video-image-box img {
display: block;
width: 100%;
}
.single-service .video-image-box .image .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
color: #ffffff;
text-align: center;
background: rgba(0, 0, 0, 0.10);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.single-service .video-image-box .image .overlay-link:hover {
background: rgba(0, 0, 0, 0.30);
}
.single-service .video-image-box .image .overlay-link .icon {
position: absolute;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
width: 58px;
height: 41px;
;
line-height: 43px;
font-size: 60px;
color: #42c0e5;
}
/*tab*/
.tabs-section {
position: relative;
padding: 130px 0px 100px;
}
.tabs-section .column {
margin-bottom: 30px;
}
.tabs-section .image-box img {
width: 100%;
display: block;
}
.tabs-style-two .tab .text-content .img-box {
margin-bottom: 20px;
}
.tabs-style-one .tab-buttons {
position: relative;
border-bottom: 1px solid #fff;
}
.tabs-style-one .tab-buttons .tab-btn {
position: relative;
display: inline-block;
padding: 13px 25.3px;
margin: 0px 0px 0px;
cursor: pointer;
font-size: 18px;
text-align: center;
color: #848484;
background-color: #f9f9f9;
border-bottom: 0px;
text-transform: capitalize;
transition: all 300ms ease;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn {
color: #ffffff;
background: #42c0e5;
border-color: #8dc63f;
}
.tabs-style-one .tabs-content {
position: relative;
padding: 36px 20px;
background: #f7f7f7;
}
.tabs-style-one .tab .text-content {
position: relative;
}
.tabs-style-one .tab .text-content .text {
font-size: 16px;
line-height: 1.8em;
color: #777777;
font-weight: 300;
font-family: 'Hind', sans-serif;
}
.tabs-style-one .tab .text-content .text p+p {
margin-top: 23px;
}
.tabs-style-one.tabs-box {
padding-right: 15px;
}
.tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.tabs-box .tabs-content .active-tab {
display: block;
}
/* tab box2 */
.tabs-style-two .tab-buttons {
position: relative;
}
.tabs-style-two .tab-buttons .tab-btn {
position: relative;
display: inline-block;
padding: 9px 60px;
margin: 0px -2px 0px;
width: 25%;
cursor: pointer;
font-size: 18px;
text-align: center;
font-weight: 400;
color: #252525;
border: 1px solid #f4f4f4;
text-transform: capitalize;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tabs-style-two .tab-buttons .tab-btn.active-btn {
color: #272727;
background: #ffffff;
border-color: #42c0e5;
border-bottom: 0;
}
.tabs-style-two .tabs-content {
position: relative;
padding: 40px;
border: 1px solid #f2f2f2;
border-top: 0;
}
.tabs-style-one .tab .text-content {
position: relative;
}
.tabs-style-two .tab .text-content .text {
width: 59%;
margin-left: 30px;
}
.tabs-style-two .tab .text-content .text p {
margin-bottom: 10px;
}
.tabs-style-two.tabs-box {
padding-right: 15px;
}
.tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.tabs-box .tabs-content .active-tab {
display: block;
}
.tabs-outer {
position: relative;
margin-top: 60px;
}
.tabs-outer.style-two {
margin: 0px;
}
.tabs-outer .tabs-box .tab-buttons .tab-btn {
position: relative;
padding: 9px 30px;
}
.tabs-outer .text-content .image img {
width: 100%;
}
.tabs-outer .tabs-content {
padding: 30px 30px 20px;
}
.tabs-outer.style-two .tabs-content {
padding: 0px;
}
.tabs-outer .tabs-content .column .text {
margin-bottom: 10px;
}
/***
====================================================================
gallery style
====================================================================
***/
.gallery {
position: relative;
}
.gallery.light {
position: relative;
background: #25272e;
}
.section-title h2.white-color {
color: #fff;
}
.gallery .inner-box {
position: relative;
overflow: hidden;
}
.gallery .item {
position: relative;
overflow: hidden;
}
.gallery .item img {
height: auto;
width: 100%;
}
.gallery .overlay-bg .top {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
background: rgba(66, 192, 229, 0.9);
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 0;
visibility: hidden;
}
.gallery .item:hover .overlay-bg .top {
height: 100%;
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
visibility: visible;
}
.gallery .overlay-bg .top .box {
display: table;
width: 100%;
height: 100%;
}
.gallery .overlay-bg .top .content {
display: table-cell;
vertical-align: middle;
}
.gallery .overlay-bg .top a {
position: relative;
color: #fff;
line-height: 41px;
text-align: center;
padding: 0 18px;
font-size: 24px;
}
.gallery .bottom {
color: #fff;
margin-bottom: 30px;
transition: .5s ease;
}
.gallery.light .bottom {
margin-bottom: 0px;
}
.gallery .item:hover .bottom {
bottom: 10px;
opacity: 1;
visibility: visible;
transition: .9s ease;
transition-delay: .3s;
}
.gallery .bottom h4 a {
color: #222;
line-height: 28px;
margin-top: 15px;
margin-bottom: 5px;
font-size: 20px;
font-weight: 400;
}
.gallery.light .bottom h4 a {
color: #fff;
}
.gallery .bottom p {
color: #42c0e5;
font-size: 14px;
font-weight: 400;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.gallery.light .bottom p {
color: #fff;
}
.gallery .bottom-content {
position: relative;
margin: 20px 0 25px;
}
.gallery .bottom-content h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
}
.gallery .bottom-content p {
color: #42c0e5;
}
/*============ single gallery ============*/
.single-gallery {
position: relative;
}
/* inform-list */
.inform-list {
background: #f7f7f7;
padding: 23px 20px;
}
.inform-list li {
color: #848484;
font-size: 16px;
line-height: 43px;
}
.inform-list li span {
color: #48c7ec;
font-weight: 700;
}
.client-information .title {
color: #48c7ec;
margin: 10px 0;
}
.client-information .text {
margin-bottom: 35px;
}
/*contact-service*/
.service-contact {
background: #48c7ec;
padding: 30px;
margin-top: 50px;
}
.service-contact h4 {
color: #fff;
}
.service-contact p {
color: #fff;
font-size: 18px;
margin: 10px 0
}
.service-contact .thm-btn {
background: #fff;
line-height: 38px;
padding: 0 15px;
color: #48c7ec;
}
.service-contact .thm-btn:hover {
background: #fff;
color: #48c7ec;
}
.section-title.style-3 h1 {
padding-bottom: 0;
}
.section-title.style-3 h1:after {
bottom: -50px;
}
.border-right100 {
position: relative;
}
.border-right100:before {
position: absolute;
content: "";
width: 1px;
height: 100%;
right: -30px;
top: 0;
background: #f4f4f4;
}
/*======= gallery filter ==========*/
.post-filter {
display: inline-block;
margin: 0;
margin-bottom: 50px;
}
.post-filter li {
padding: 0;
padding-bottom: 20px;
}
.post-filter li.active {}
.post-filter li span {
color: #464646;
font-size: 18px;
font-weight: 400;
line-height: 12px;
font-family: 'Lora', serif;
display: block;
padding-left: 40px;
cursor: pointer;
transition: .5s ease;
}
.post-filter li:last-child span {
border-right: 0px;
}
.post-filter.style-2 li span {
color: #fff;
}
.post-filter li:hover span,
.post-filter li.active span {
color: #42c0e5;
transition: .5s ease;
}
.post-filter li span i {
font-size: 14px;
margin-right: 5px;
}
/***
====================================================================
About Us
====================================================================
***/
.about {
position: relative;
}
.about .section-title p {
font-size: 18px;
margin: 20px 0 0;
}
.about .img-box {
margin-bottom: 60px;
}
.about .img-box img {
width:100%;
height:auto;
}
.about .content {
margin-bottom: 50px;
}
.about .content h3 {
padding: 15px 0 20px;
}
.about .content ul {
padding-top: 5px;
}
.about .content ul li {
margin: 10px 0;
font-size: 16px;
font-family: 'Hind', sans-serif;
}
.about .content ul li i {
color: #42c0e5;
margin-right: 10px;
font-size: 14px;
}
/***
====================================================================
why-chooseus style
====================================================================
***/
.why-chooseus {
padding-bottom: 30px;
background-size: cover;
background-repeat: no-repeat;
}
.why-chooseus .item {
position: relative;
padding: 0px 0px 24px;
padding-left: 70px;
margin-bottom: 30px;
transition: .5s ease;
}
.why-chooseus .item:hover {
border-color: #42c0e5;
transition: .5s ease;
}
.why-chooseus .inner-box {}
.why-chooseus .inner-box .icon_box {
position: absolute;
left: 2px;
top: 11px;
color: #42c0e5;
font-size: 40px;
}
.why-chooseus .item h4 a {
font-size: 20px;
color: #222;
margin-top: 10px;
margin-bottom: 15px;
transition: .5s ease;
}
.why-chooseus .item:hover h4 a {
color: #42c0e5;
transition: .5s ease;
}
.why-chooseus .item p {}
.why-chooseus.style-2 .item {
border: 0px;
padding: 8px 18px;
}
.request-quote {
border: 3px solid #f4f4f4;
padding: 33px 27px 37px;
}
.request-quote .section-title {
margin-bottom: 25px;
}
.request-quote h4 {
color: #42c0e5;
font-weight: 700;
margin: 15px 0 15px;
}
.request-quote ul li {
color: #999;
font-weight: 400;
font-size: 16px;
margin: 2px 0;
}
.request-quote ul li span {
color: #42c0e5;
font-weight: 700;
}
.request-quote .form-group {
position: relative;
margin-bottom: 10px;
margin-top: 20px;
}
.request-quote input[type="text"],
.request-quote input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 11px 50px 11px 15px;
background: #ffffff;
border: 1px solid #f4f4f4;
border-radius: 0;
}
.request-quote input[type="text"]:focus,
.request-quote input[type="email"]:focus {
background: #181818;
}
.request-quote input[type="submit"],
.request-quote button {
position: absolute;
right: 0px;
top: 12px;
width: 50px;
height: 25px;
line-height: 24px;
text-align: center;
font-size: 14px;
color: #42c0e5;
border-left: 1px solid #f4f4f4;
}
.request-quote input[type="text"]:focus,
.request-quote input[type="email"]:focus {
background: transparent;
}
/***
====================================================================
clients-section
====================================================================
***/
.clients-section {
padding: 40px 0 80px;
position: relative;
background: #f7f7f7;
}
.clients-section h3 {
font-weight: 700;
margin-bottom: 40px;
}
.clients-section .item {
position: relative;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.clients-section .item:hover {
background: #fff;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.clients-section .owl-carousel .owl-stage-outer {
padding-top: 40px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #42c0e5;
}
.tooltip-inner {
background: #42c0e5;
border-radius: 0px;
padding: 6px 15px;
}
/***
====================================================================
parallax-section
====================================================================
***/
.parallax {
position: relative;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
.parallax:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(160, 199, 21, 0.95);
}
.parallax h3 {
position: relative;
color: #fff;
font-weight: 700;
line-height: 36px;
}
/***
====================================================================
google map Section
====================================================================
***/
.home-google-map #contact-google-map {
width: 100%;
height: 540px;
}
.home-google-map2 #contact-google-map {
width: 100%;
height: 330px;
}
.home-google-map .gmnoprint {
display: none;
}
/***
====================================================================
default-blog
====================================================================
***/
.blog-section {
position: relative;
}
.blog-section .thm-btn {
background: #fff;
color: #222;
border: 1px solid #f4f4f4;
}
.blog-section .thm-btn:hover {
color: #42c0e5;
border-color: #42c0e5;
}
.default-blog-news {
position: relative;
transition: .5s ease-in-out;
margin-bottom: 50px;
border: 1px solid #f4f4f4;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
}
.default-blog-news .lower-content {
position: relative;
}
.default-blog-news .lower-content .content {
padding: 30px 20px 25px;
}
.default-blog-news .lower-content .category {
color: #fff;
background: #42c0e5;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 10px;
}
.default-blog-news .lower-content .category ul li a {
color: #fff;
}
.blog-section .category {
position:absolute;
left:0;
bottom:10px;
z-index:99;
}
.blog-section .category ul li a {
color: #fff;
background: #42c0e5;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 10px;
}
.default-blog-news .lower-content .text p {
margin-bottom: 10px;
}
.default-blog-news .lower-content h4 a {
color: #222222;
font-weight: 400;
margin-top: 10px;
margin-bottom: 14px;
font-size: 20px;
line-height: 28px;
}
.default-blog-news .lower-content h4 a.default_link:hover {
color: #42c0e5;
transition: all 300ms ease;
}
.lower-content .post-meta {
color: #848484;
font-size: 14px;
}
.lower-content .post-meta i {
margin-right: 7px;
color: #42c0e5;
}
.lower-content .post-meta span+span {
margin-left: 10px;
}
.lower-content .post-meta span {
margin-right: 10px;
}
.default-blog-news .lower-content .default_link {
color: #848484;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-blog-news .lower-content .default_link:hover {
border-bottom: 1px solid #42c0e5;
color: #42c0e5;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-blog-news figure {
position: relative;
}
.default-blog-news .img-holder {
display: inline-block;
overflow: hidden;
position: relative;
}
.default-blog-news .img-holder a {
width: 100%;
position: relative;
}
.default-blog-news .img-holder img {
/*
width:100%;
height:auto;
*/
}
.default-blog-news .img-holder a:before {
content: "\e924";
position: absolute;
font-family: icomoon;
left: 0px;
top: 0px;
font-size: 30px;
align-items: center;
justify-content: center;
display: flex;
color: #fff;
text-align: center;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(37, 39, 46, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-blog-news:hover .img-holder a:before {
opacity: 1;
visibility: visible;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-blog-news .overlay {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: -20%;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: .9s ease;
}
.default-blog-news:hover .overlay {
bottom: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.default-blog-news .lower-content {
position: relative;
-webkit-transition: .7s ease;
-moz-transition: .7s ease;
-ms-transition: .7s ease;
-o-transition: .7s ease;
transition: .7s ease;
}
.default-blog-news.style-2 {
border: 0px;
margin-bottom: 35px;
}
.default-blog-news.style-2 .lower-content {
margin-top: 0;
}
.default-blog-news.style-2 .lower-content .content {
background: #fff;
padding: 0;
}
.default-blog-news.style-2 .lower-content .category {
margin-left: 0;
}
/*blog-large news*/
.classic-blog-news {
position: relative;
transition: .5s ease-in-out;
margin-bottom: 50px;
border: 1px solid #f4f4f4;
overflow: hidden;
}
.classic-blog-news .lower-content {
position: relative;
}
.classic-blog-news .lower-content .content {
padding: 35px 20px 40px;
}
.classic-blog-news .lower-content .category ul li a {
color: #fff;
background: #42c0e5;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 15px;
position: relative;
z-index: 99;
}
.classic-blog-news .lower-content .text p {
margin-bottom: 10px;
}
.blog-single-post.classic-blog-news .lower-content h3 {
color: #464646;
font-weight: 400;
margin-bottom: 15px;
margin-top: 10px;
font-size: 26px;
line-height: 36px;
}
.classic-blog-news .lower-content h3 a {
color: #464646;
font-weight: 400;
margin-bottom: 15px;
margin-top: 10px;
font-size: 26px;
line-height: 36px;
}
.classic-blog-news .lower-content .link {
margin-top: 20px;
}
.classic-blog-news .lower-content .post-meta {
color: #848484;
text-transform: uppercase;
font-size: 14px;
}
.classic-blog-news .lower-content .thm-btn.style-2 {
color: #42c0e5;
border: 2px solid #f4f4f4;
}
.classic-blog-news .lower-content .thm-btn.style-2:hover {
color: #fff;
}
.classic-blog-news figure {
position: relative;
}
.classic-blog-news .img-holder {
display: block;
overflow: hidden;
position: relative;
}
.classic-blog-news .img-holder a {
width: 100%;
position: relative;
}
.classic-blog-news .img-holder a:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 9;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: .5s eass;
-moz-transition: .5s eass;
-ms-transition: .5s eass;
-o-transition: .5s eass;
transition: .5s eass;
}
.classic-blog-news:hover .img-holder a:before {
opacity: 1;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.classic-blog-news .img-holder img {
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
height:auto;
}
.classic-blog-news:hover .img-holder img {
transform: scale(1.1);
}
.classic-blog-news .overlay {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: -20%;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: .9s ease;
}
.classic-blog-news:hover .overlay {
bottom: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.classic-blog-news .lower-content {
position: relative;
opacity: 1;
visibility: visible;
-webkit-transition: .7s ease;
-moz-transition: .7s ease;
-ms-transition: .7s ease;
-o-transition: .7s ease;
transition: .7s ease;
}
.blog-section .post-area {
position: relative;
}
.blog-section .post-area:before {
position: absolute;
content: "";
right: -30px;
top: 0;
bottom: 0;
width: 1px;
background: #f4f4f4;
}
/*=================== blog-sidebar ===================*/
.blog-sidebar {
position: relative;
margin-left: 30px;
}
.blog-sidebar .section-title {
margin-bottom: 0px;
}
.blog-sidebar .section-title h4 {
font-size: 22px;
}
.blog-sidebar .section-title.style-2 {
margin-bottom: 10px;
}
.blog-sidebar .sidebar_search {
height: 54px;
position: relative;
}
.blog-sidebar .sidebar_search input {
width: 100%;
height: 54px;
border: none;
border: 1px solid #f1f1f1;
padding: 0 56px 0 12px;
color: #9e9e9e;
}
.blog-sidebar .sidebar_search button {
width: 54px;
height: 100%;
position: absolute;
top: 0;
background: #42c0e5;
right: 0;
color: #fff;
}
.blog-sidebar .category-style-one {
position: relative;
}
.blog-sidebar .category-style-one ul {
margin-bottom: 50px;
border: 1px solid #f4f4f4;
padding: 0px 25px;
}
.blog-sidebar .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}
.blog-sidebar .category-style-one ul li:last-child {
border-bottom: 0px;
}
.blog-sidebar .category-style-one ul li a {
position: relative;
font-weight: normal;
color: #848484;
position: relative;
width: 100%;
transition: .5s ease;
line-height: 46px;
display: block;
}
.blog-sidebar .category-style-one ul li a i {
font-size: 10px;
margin-right: 10px;
top: -1px;
position: relative;
}
.blog-sidebar .category-style-one ul li a span {
position: absolute;
right: 0;
top: 1px;
}
.blog-sidebar .category-style-one ul li a:hover {
color: #42c0e5;
transition: .5s ease;
}
/*post-thumb*/
.blog-sidebar .popular-post {
position: relative;
margin-bottom: 50px;
}
.blog-sidebar .popular-post .item {
position: relative;
font-size: 14px;
margin-bottom: 15px;
min-height: 50px;
padding: 0px 0px 35px 105px;
color: #cccccc;
border-bottom: 1px solid #f1f1f1;
}
.blog-sidebar .popular-post .item:last-child {
margin-bottom: 0px;
border-bottom: 0px;
padding-bottom: 0px;
}
.blog-sidebar .popular-post .item .post-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 90px;
height: 80px;
}
.blog-sidebar .popular-post .item .post-thumb img {
width: 100%;
display: block;
height:auto;
}
.blog-sidebar .popular-post .item .post-thumb a {
position: relative;
}
.blog-sidebar .popular-post .item .post-thumb a:after {
position: absolute;
content: "\f0c1";
font-family: FontAwesome;
left: 0px;
top: 0px;
text-align: center;
line-height: 70px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.63);
color: #ffffff;
opacity: 0;
transition: .5s ease;
}
.blog-sidebar .popular-post .item .post-thumb:hover a:after {
opacity: 1;
transition: .5s ease;
}
.blog-sidebar .popular-post .item h4 a {
position: relative;
font-size: 18px;
color: #222;
margin: 0px 0px 8px;
font-weight: 400;
line-height: 24px;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.blog-sidebar .popular-post .item h4 a:hover {
color: #42c0e5;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.blog-sidebar .recent-posts.post-thumb .post .post-info {
font-size: 14px;
font-weight: 400;
margin: 0px;
line-height: 1.6em;
color: #9c9c9c;
}
.blog-sidebar .popular-post .item .post-info {
color: #848484;
font-size: 16px;
}
.blog-sidebar .popular-post .item .post-info i {
color: #42c0e5;
font-size: 14px;
margin-right: 6px;
top: -1px;
position: relative;
}
.blog-sidebar .event-section2 {
margin-bottom: 40px;
}
.blog-sidebar .event-section2 .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 39px;
}
.blog-sidebar .event-section2 .owl-theme .owl-nav [class*=owl-] {
color: #202f35;
font-size: 14px;
margin: 0;
padding: 0;
background-color: transparent;
height: 40px;
border: 0px;
width: 18px;
line-height: 36px;
font-weight: 700;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color .3s ease;
}
.blog-sidebar .event-section2 .owl-theme .owl-nav [class*=owl-]:hover {
color: #42c0e5;
transition: .5s ease;
}
/*facebook feed*/
.blog-sidebar .facebook-feed {
position: relative;
background: #f7f7f7;
overflow: hidden;
margin-bottom: 50px;
}
.blog-sidebar .facebook-feed .img-box {
position: relative;
}
.blog-sidebar .facebook-feed .overlay {
position: absolute;
margin: 10px;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.blog-sidebar .facebook-feed .inner-box {
position: relative;
padding-left: 70px;
margin-bottom: 32px;
}
.blog-sidebar .facebook-feed .inner-box .logo {
position: absolute;
left: 0;
top: 0;
}
.blog-sidebar .facebook-feed .inner-box h4 {
color: #fff;
font-weight: 600;
position: relative;
margin-top: 0px;
margin-bottom: 3px;
}
.blog-sidebar .facebook-feed .inner-box .like {
color: #fff;
}
.blog-sidebar .facebook-feed .link a {
color: #58606f;
background: #fff;
display: inline-block;
line-height: 22px;
font-size: 13px;
text-align: center;
padding: 0 10px;
border: 1px solid #eaeaea;
}
.blog-sidebar .facebook-feed .link a i.fb-icon {
color: #fff;
background: #39579b;
font-size: 12px;
padding: 2px 3px 0 4px;
position: relative;
top: 2px;
margin-right: 5px;
}
.blog-sidebar .facebook-feed .link a i.mail {
color: #6a7081;
margin-right: 6px;
}
.blog-sidebar .facebook-feed .like-people {
background: #fff;
margin: 20px 9px;
padding: 5px 9px 15px;
}
.blog-sidebar .facebook-feed .like-people p {
font-size: 13px;
}
.sidebar_tags ul {
margin: 0 -5px;
}
.sidebar_tags li {
display: inline-block;
}
.sidebar_tags li a {
color: #999;
font-size: 16px;
padding: 8px 12px;
font-weight: 300;
border: 1px solid #f4f4f4;
margin: 0 5px 10px;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.sidebar_tags li a:hover {
color: #42c0e5;
border-color: #42c0e5;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
/*=============================== blog single post ===============================================*/
.blog-single-post .content-box .text p {
margin-bottom: 20px;
margin-top: 20px;
}
.blog-single-post .default-blog-news .lower-content {
padding-bottom: 0px;
border-bottom: 0px;
}
.blog-single-post.classic-blog-news {
border: 0px;
margin-bottom: 0;
}
.blog-single-post.classic-blog-news .lower-content .content {
padding: 25px 0;
background: #fff;
}
.blog-single-post .default-blog-news:hover {
box-shadow: none;
}
.blog-single-post .section-title {
margin-bottom: 30px;
}
.blog-single-post .section-title2 h3 {
margin-bottom: 30px;
}
/*---------------- Author -------------*/
.blog-single-post .author {
background-color: #ffffff;
position: relative;
margin-bottom: 20px;
margin-top: 35px;
}
.blog-single-post .author img {
position: absolute;
}
.blog-single-post .author-comment {
margin-left: 340px;
padding-left: 30px;
}
.blog-single-post .author-comment .quote {
font-size: 25px;
color: #f1f1f1;
margin-bottom: 7px;
position: relative;
top: -5px;
}
.blog-single-post .author-comment h5 {
font-weight: 600;
margin: 16px 0 5px 0;
text-transform: uppercase;
font-size: 18px;
}
.blog-single-post .author-comment p.a-title {
color: #42c0e5;
font-size: 16px;
}
/*share-box*/
.share-box {
background: #ffffff;
padding-top: 25px;
margin-top: 35px;
border-top: 1px solid #f4f4f4;
}
.share-box .tag-box span {
font-size: 14px;
color: #3F3E3E;
}
.share-box .tag-box a {
color: #42c0e5;
font-size: 15px;
transition: .3s ease;
line-height: 30px;
text-transform: capitalize;
font-family: 'Hind', sans-serif;
}
.share-box .tag-box a:hover {
color: #42c0e5;
transition: .3s ease;
}
.share-box .social-box span {
color: #252525;
margin-right: 13px;
font-size: 18px;
font-family: 'Lora', serif;
}
.share-box .social {
display: inline-block;
margin-bottom: 0;
margin-left: -2.5px;
padding-left: 10px;
}
.share-box .social>li {
padding-right: 0;
margin: 0;
padding-left: 0;
}
.share-box .social a {
width: 40px;
border-radius: 50%;
height: 40px;
font-size: 14px;
color: #BCBCBC;
text-align: center;
margin: 0 3px;
border: 1px solid #eee;
display: block;
line-height: 42px;
transition: all 0.5s ease;
}
.share-box .social a:hover {
color: #ffffff;
background: #42c0e5;
border-color: #42c0e5;
}
.share-box .tag-box li {
margin: 0;
display: inline-block;
font-family: 'Lora', serif;
color: #464646;
font-size: 18px;
}
/*========== author ===========*/
.post-author {
position: relative;
color: #777777;
margin-bottom: 64px;
}
.post-author .inner-box {
position: relative;
padding: 33px 35px 30px 155px;
min-height: 160px;
background: #f4f4f4;
}
.post-author .inner-box .author-thumb {
position: absolute;
left: 35px;
top: 35px;
width: 85px;
height: 85px;
border-radius: 2px;
}
.post-author .inner-box .author-thumb img {
display: block;
width: 100%;
}
.post-author h4 {
position: relative;
margin: 0px 0px 16px;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
color: #252525;
}
.post-author ul li {
margin: 0;
margin-top: 10px;
}
.post-author ul li a {
padding: 0 4px;
color: #999;
font-size: 14px;
transition: .5s ease;
}
.post-author ul li a:hover {
color: #42c0e5;
transition: .5s ease;
}
/*=============== comment =============*/
.single-comment {
position: relative;
margin-bottom: 0;
padding-bottom: 20px;
padding-left: 80px;
}
.single-comment > .single-comment {
margin-top:20px;
}
.single-comment .img-holder {
left: 0;
position: absolute;
top: 0;
}
.single-comment .img-holder img {
width:60px;
height:60px;
}
.single-comment .text-holder {
border: 1px solid #f4f4f4;
padding: 20px;
}
.single-comment .text-holder .top {
margin: 0 0 8px;
overflow: hidden;
}
.single-comment .reply-option a {
color:#42c0e5;
}
.single-comment .rating {
margin-top: -4px;
padding-left: 20px;
}
.single-comment .rating li {
display: inline-block;
margin-right: 3px;
}
.single-comment .rating i {
color: #42c0e5;
font-size: 14px;
}
.single-comment .text-holder p {
margin: 0 0 15px;
}
.single-comment .text-holder .reply {
color: #ab7442;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
/*==feedback======*/
.feedback {
margin-top:30px;
padding-bottom: 30px;
}
.feedback p {
margin-bottom: 5px;
}
.feedback .rating {
display: inline-block;
margin: 0 0px;
border-left: 1px solid #d6d6d6;
padding-right: 10px;
padding-left: 10px;
}
.feedback .rating:first-child {
padding-left: 0px;
border: 0px;
}
.feedback .rating li {
display: inline-block;
}
.feedback .rating li a i {
color: #d6d6d6;
transition: all 500ms ease;
font-size: 14px;
}
.feedback .rating.active li i,
.feedback .rating:hover i {
color: #42c0e5;
}
/***
====================================================================
testimonials-section
====================================================================
***/
.testimonials {
position: relative;
background: #42c0e5;
}
.testimonials .section-title h2 {
color: #fff;
}
.testimonials .section-title h2:after {
background: #fff;
}
.testimonials .single-item {
position: relative;
background: #fff;
padding: 35px 28px 15px;
margin-bottom: 30px;
}
.testimonials .single-item .text {
padding-left: 90px;
}
.testimonials .single-item .text h4 {
font-size: 20px;
margin-bottom: 10px;
}
.testimonials .single-item .img-box {
position: absolute;
left: 25px;
top: 30px;
}
.testimonials .owl-stage-outer {
padding-top: 36px;
}
.testimonials .single-item .quote {
position: absolute;
height: 70px;
width: 70px;
line-height: 62px;
border: 3px solid #fff;
border-radius: 50%;
font-size: 30px;
left: 30px;
top: -35px;
text-align: center;
background: #f7f7f7;
color: #42c0e5;
}
.testimonials .single-item .author-info {
border-top: 1px solid #f4f4f4;
position: relative;
margin-top: 15px;
padding: 21px 0 10px;
}
.testimonials .single-item .author-info h4 {
font-size: 20px;
}
.testimonials .single-item .author-info p {
color: #42c7e5;
margin-top: 5px;
font-weight: 300;
}
.testimonials .single-item .author-info:before {}
.testimonials .single-item .author-info .rating {
position: absolute;
right: 0;
top: 20px;
padding: 5px;
}
.testimonials .single-item .author-info .rating li {
display: inline-block;
color: #42c0e5;
}
.testimonials .owl-controls {
text-align: center;
display: block;
position: relative;
bottom: 0px;
margin-top: 14px;
}
.testimonials .owl-dots .owl-dot {
display: inline-block;
}
.testimonials .owl-dots .owl-dot span {
border-radius: 50%;
border: 1px solid #fff;
display: block;
height: 10px;
background: transparent;
width: 10px;
margin: 5px 7px;
transition: .5s ease;
}
.testimonials .owl-dots .owl-dot.active span,
.testimonials .owl-dots .owl-dot:hover span {
background-color: #fff;
transition: .5s ease;
}
/***
====================================================================
subscribe Section
====================================================================
***/
.subscribe {
background-repeat: no-repeat;
background-size: cover;
}
.subscribe-form input {
position: relative;
width: 38%;
display: inline-block;
margin-right: 6px;
padding: 10px 15px 8px;
border: 1px solid #A2E1E4;
}
.subscribe .thm-btn {
width: 20%;
}
.subscribe-form {
position: relative;
}
.subscribe-form span {
position: absolute;
left: 15px;
top: 15px;
color: #ff5722;
font-size: 20px;
}
/***
====================================================================
about-page
====================================================================
***/
.quote-style-1 {
position: relative;
padding: 32px 30px;
margin-top: 30px;
}
.quote-style-1:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(160, 199, 21, 0.95);
}
.quote-style-1 h3 {
position: relative;
color: #fff;
font-weight: 700;
line-height: 30px;
}
.quote-style-1 .thm-btn {
position: absolute;
right: 30px;
top: 37px;
background: #fff;
color: #42c0e5;
}
.history {
background: #f7f7f7;
}
.history .single-item .content {
position: relative;
padding: 28px 18px 10px;
margin-bottom: 30px;
border: 1px solid #f4f4f4;
background: #fff;
}
.history .single-item .date {
padding: 5px 18px;
border: 2px solid #f4f4f4;
display: inline-block;
font-size: 24px;
font-weight: 400;
font-family: 'Lora', serif;
}
.history .single-item h4 {
font-size: 20px;
font-weight: 400;
margin: 15px 0px 15px;
}
.history .single-item p {
margin-bottom: 10px;
}
.why-chooseus {
position: relative;
padding-top: 50px;
}
.why-chooseus .single-item {
margin-bottom: 40px;
}
.why-chooseus .icon-box {
color: #42c0e5;
font-size: 50px;
margin-top: 10px;
}
.why-chooseus .single-item h4 {
font-size: 20px;
font-weight: 700;
margin: 25px 0 20px;
}
/*
=====================================================
team style
=====================================================
*/
.our-team .inner-box {
position: relative;
overflow: hidden;
}
.our-team .item {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.our-team .item .img-box {
position: relative;
}
.our-team .item .img-box img {
width:100%;
height:auto;
}
.our-team .overlay-bg .top {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
background: rgba(0, 0, 0, 0.7);
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 0;
visibility: hidden;
}
.our-team .item:hover .overlay-bg .top {
height: 100%;
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
visibility: visible;
}
.our-team .overlay-bg .top .box {
display: table;
width: 100%;
height: 100%;
}
.our-team .overlay-bg .top .social-icon {
display: table-cell;
vertical-align: middle;
}
.our-team .overlay-bg .top a {
position: relative;
color: #222;
line-height: 46px;
text-align: center;
font-size: 15px;
background: #fff;
border-radius: 50%;
width: 42px;
height: 42px;
margin-right: 10px;
transition: .5s;
}
.our-team .overlay-bg .top a:hover {
background: #42c0e5;
color: #fff;
transition: .5s;
}
.our-team .item .content {
position: relative;
border: 1px solid #f4f4f4;
padding-bottom: 20px;
}
.our-team .item .author {
margin: 20px 0px 15px;
}
.our-team .item h4 a {
font-weight: 400;
margin-bottom: 8px;
font-size: 20px;
color: #222;
}
.our-team .item .author p {
position: relative;
color: #42c0e5;
padding-bottom: 10px;
}
.our-team .item .author p:before {
position: absolute;
content: "";
height: 1px;
width: 50px;
background: #f4f4f4;
bottom: 0px;
left: 50%;
margin-left: -25px;
}
.our-team .item .text p {
margin-bottom: 3px;
}
.our-team .item .text p a {
color: #999;
}
.our-team .item .mail i {
font-size: 16px;
margin-right: 8px;
}
/* our team style2 */
.our-team-style2 {
position: relative;
}
.our-team-style2 .inner-box {
position: relative;
overflow: hidden;
}
.our-team-style2 .item {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.our-team-style2 .item .img-box {
position: relative;
display: inline-block;
border-radius: 50%;
overflow: hidden;
}
.our-team-style2 .overlay-bg .top {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
background: rgba(66, 192, 229, 0.9);
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 0;
visibility: hidden;
}
.our-team-style2 .item:hover .overlay-bg .top {
height: 100%;
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
visibility: visible;
}
.our-team-style2 .overlay-bg .top .box {
display: table;
width: 100%;
height: 100%;
}
.our-team-style2 .overlay-bg .top .social-icon {
display: table-cell;
vertical-align: middle;
}
.our-team-style2 .overlay-bg .top a {
position: relative;
color: #fff;
line-height: 46px;
text-align: center;
font-size: 15px;
background: rgba(255, 255, 255, 0);
border: 1px solid #fff;
border-radius: 50%;
width: 42px;
height: 42px;
margin-right: 10px;
transition: .5s;
}
.our-team-style2 .overlay-bg .top a:hover {
background: #ffffff;
color: #42c0e5;
transition: .5s;
}
.our-team-style2 .item .content {
position: relative;
}
.our-team-style2 .item .author {
margin: 10px 0px 0px;
}
.our-team-style2 .item h4 a {
font-weight: 400;
margin-bottom: 8px;
font-size: 20px;
color: #fff;
}
.our-team-style2 .item .author p {
position: relative;
color: #42c0e5;
padding-bottom: 5px;
}
.our-team-style2 .item .author p:before {
position: absolute;
content: "";
height: 1px;
width: 50px;
bottom: 0px;
left: 50%;
margin-left: -25px;
}
.our-team-style2 .item .text p {
margin-bottom: 3px;
}
.our-team-style2 .item .text p a {
color: #999;
}
.our-team-style2 .item .mail i {
font-size: 16px;
margin-right: 8px;
}
/***
====================================================================
Fact Counter two Section
====================================================================
***/
.fact-counter-1 {
position: relative;
padding: 70px 0px 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
color: #ffffff;
margin-bottom: 3px;
}
.fact-counter-1 .section-title h2 {
color: #fff;
}
.fact-counter-1 .auto-container {
position: relative;
z-index: 1;
}
.fact-counter-1 .column {
position: relative;
margin-bottom: 40px;
text-align: center;
z-index: 5;
}
.fact-counter-1 .item {
position: relative;
color: #fff;
padding: 17px 0 25px;
}
.fact-counter-1 .column .icon {
font-size: 40px;
position: relative;
right: 5px;
margin-bottom: 5px;
color: #ff2f2f;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fact-counter-1 .count-outer {
position: relative;
font-size: 40px;
font-weight: 400;
padding: 0px 10px 5px;
font-family: 'Lora', serif;
}
.fact-counter-1 .count-outer:before {}
.fact-counter-1 .column .counter-title {
position: relative;
font-size: 18px;
font-weight: 300;
color: #ffffff;
}
.fact-counter-2 {
position: relative;
padding: 70px 0px 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
color: #ffffff;
}
.fact-counter-2:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(66, 192, 229, 0.95);
}
.fact-counter-2 .section-title h2 {
color: #fff;
}
.fact-counter-2 .section-title:before {
display: none;
}
.fact-counter-2 .auto-container {
position: relative;
z-index: 1;
}
.fact-counter-2 .column {
position: relative;
margin-bottom: 30px;
z-index: 5;
}
.fact-counter-2 .item {
position: relative;
color: #222;
padding: 28px 0px 32px;
padding-left: 80px;
}
.fact-counter-2 .column .icon {
font-size: 60px;
position: absolute;
width: 70px;
margin-top: 13px;
top: 30px;
left: 0;
text-align: center;
margin-bottom: 5px;
color: #fff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fact-counter-2 .count-outer {
position: relative;
font-size: 40px;
font-weight: 700;
padding: 0px 0px 5px;
color: #fff;
font-family: 'Lora', serif;
}
.fact-counter-2 .column .counter-title {
position: relative;
font-size: 20px;
font-weight: 300;
color: #fff;
font-family: 'Hind', sans-serif;
}
.fact-counter-2 .content {
background: #fff;
padding: 40px;
}
.fact-counter-2 .content p.thm-color {
font-size: 24px;
}
.fact-counter-2 .content h2 {
font-weight: 700;
margin: 15px 0;
text-transform: uppercase;
}
.fact-counter-2 .link {
margin-top: 25px;
}
/***
====================================================================
testimonial-two
====================================================================
***/
.testimonial-two {
padding: 65px 0 40px;
}
.testimonial-two .item .text {
position: relative;
padding: 20px;
padding-left: 55px;
color: #a2a2a2;
background: #f7f7f7;
margin-bottom: 36px;
line-height: 32px;
font-size: 14px;
}
.testimonial-two .item .text .quot {
position: absolute;
left: 20px;
top: 26px;
font-size: 20px;
color: #dedede;
}
.testimonial-two .item .text:after {
position: absolute;
content: '';
border-top: 12px solid #f7f7f7;
border-left: 10px solid #f7f7f7;
border-right: 10px solid transparent;
border-bottom: 12px solid transparent;
top: 100%;
left: 0px;
}
.testimonial-two .item .author {
color: #252525;
font-size: 20px;
font-weight: 400;
margin-top: 6px;
margin-bottom: 2px;
}
.testimonial-two .item .author-title {
color: #42c0e5;
font-size: 16px;
}
.testimonial-two .item .author-info img {
width: 55px;
height: 55px;
position: relative;
top: -5px;
}
.testimonial-two .item .author-info {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #f4f4f4;
}
/***
==============================
faq-section styles
==============================
***/
.faq-section {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.faq-section .accordion-box {
margin-bottom: 50px;
}
.faq-section .accordion-box .accordion .acc-content {
padding: 25px 40px;
}
.faq-section .category-style-one {
position: relative;
margin-left: 30px;
}
.faq-section .category-style-one .inner-title h4 {
font-size: 20px;
padding: 20px 30px;
background: #f7f7f7;
text-transform: uppercase;
font-weight: 700;
}
.faq-section .category-style-one ul {
border: 1px solid #f4f4f4;
padding: 0 30px;
}
.faq-section .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}
.faq-section .category-style-one ul li:last-child {
border-bottom: 0px;
}
.faq-section .category-style-one ul li a {
position: relative;
font-weight: normal;
color: #848484;
position: relative;
width: 100%;
transition: .5s ease;
line-height: 54px;
display: block;
}
.faq-section .category-style-one ul li a:hover {
color: #42c0e5;
transition: .5s ease;
}
.faq-section .category-style-one ul li a span {
position: absolute;
right: 0;
top: 3px;
}
.faq-section .default-form-area {
background: #f7f7f7;
padding: 87px 30px;
}
.faq-section .default-form-area h3 {
margin-bottom: 30px;
}
.faq-section .default-form input[type="text"],
.faq-section .default-form input[type="email"],
.faq-section .default-form input[type="password"],
.faq-section .default-form input[type="number"],
.faq-section .default-form select,
.faq-section .default-form textarea {
display: block;
width: 100%;
line-height: 24px;
height: 50px;
font-size: 16px;
box-shadow: none;
border: 1px solid #eee;
padding: 12px 15px;
background: transparent;
border-radius: 0px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.faq-section .default-form .form-control:focus {
border-color: #42c0e5;
box-shadow: none;
}
.faq-section .default-form textarea {
height: 100px;
}
/*============= feature-style1 ===============*/
.feature-style1 {
background: #25272e;
}
.feature-style1 .content {
position: relative;
background: #292b33;
padding: 30px;
}
.feature-style1 .content:before {
position: absolute;
content: "";
background: #292b33;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .content:hover:before {
background: rgba(66, 199, 229, 0.9);
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .icon-box {
position: relative;
color: #42c0e5;
font-size: 50px;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .content:hover .icon-box {
color: #fff;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 h4 {
position: relative;
color: #fff;
font-size: 20px;
padding: 20px 0 15px;
}
.feature-style1 p {
position: relative;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .content:hover p {
color: #fff;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .default_link {
color: #848484;
margin-top: 10px;
position: relative;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .content:hover .default_link {
color: #fff;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.feature-style1 .owl-nav {
top: -93px;
left: inherit;
right: 0;
margin-top: -29px;
}
/*============= accordion ===============*/
.accordion-box {
padding: 0 30px;
border: 1px solid #f4f4f4;
}
.accordion {
position: relative;
}
.accordion .acc-btn .left-icon {
position: absolute;
left: 0;
top: 0;
background: #f1f1f1;
width: 60px;
height: 100%;
color: #9c9c9c;
font-size: 20px;
text-align: center;
}
.accordion .acc-btn.active .left-icon {
color: #fff;
}
.accordion .left-icon span {
position: relative;
top: 18px;
}
.accordion .acc-btn {
cursor: pointer;
font-size: 18px;
font-weight: 600;
padding: 20px 40px 22px;
margin: 0px;
padding-right: 50px;
border-bottom: 1px solid #f4f4f4;
}
.accordion .acc-btn.active {
border-color: #42c0e5;
border-bottom: 0px;
}
.accordion .acc-btn p {
color: #464646;
font-size: 16px;
font-family: 'Lora', serif;
font-weight: 700;
}
.accordion .acc-btn.active p {}
.accordion .acc-btn.pr {
position: relative;
}
.accordion .acc-btn .img-box {
display: none;
}
.accordion .acc-btn.active .img-box {
display: block;
}
.accordion .acc-btn .toggle-icon {
color: #cecece;
display: block;
font-weight: 100;
height: 24px;
line-height: 24px;
position: absolute;
left: 0;
font-size: 24px;
top: 23px;
width: 24px;
}
.accordion .acc-btn .toggle-icon.left {
color: #9c9c9c;
display: block;
font-weight: 100;
height: 24px;
line-height: 24px;
position: absolute;
right: 20px;
bottom: 20px;
left: 30px;
}
.accordion .acc-btn .toggle-icon .plus:before {
font-size: 24px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #ccc;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.accordion-box .accordion .acc-btn .toggle-icon .minus:before {
font-size: 24px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
left: 0;
color: #42c0e5;
width: 100%;
}
.img-cen img{
width: 100%;
/* margin-left:13%;*/
margin-top:40px;
margin-bottom: 20px
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.accordion-box .accordion .acc-content {
color: #9c9c9c;
background: #f7f7f7;
display: none;
padding: 20px 20px;
border-top: 0px;
}
.accordion-box .accordion .acc-content.collapsed {
display: block;
}
.accordion-box .accordion .acc-content p {
margin: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
color: #121d2f;
}
.accordion-box.style-2 {
padding: 0;
border: 0px;
}
.accordion-box.style-2 .accordion .acc-btn .toggle-icon {
left: inherit;
right: 10px;
top: 12px;
}
.accordion-box.style-2 .accordion .acc-btn {
background: #f7f7f7;
padding: 13px 20px 12px;
}
.accordion-box.style-2 .accordion .acc-content {
background: #fff;
}
.accordion-box.style-2 .accordion {
border: 1px solid #f4f4f4;
margin-bottom: 10px;
}
/***
=============================================
Pricing Plan One Area style
=============================================
***/
.pricing-plan-one-area {
padding-bottom: 80px;
padding-top: 80px;
}
.pricing-plan-one-area .sec-title-two {
padding-bottom: 43px;
}
.pricing-plan-one-area .sec-title-two .border {
display: inline-block;
height: 1px;
margin: 20px 0 0;
}
.pricing-plan-one-area .single-pricing-box {}
.pricing-plan-one-area .single-pricing-box .pricing-plan {}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-top {
background: #43c3ea none repeat scroll 0 0;
display: block;
padding: 19px 0;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-top h3 {
color: #ffffff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan {
overflow-x: auto;
position: relative;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan table {
min-width: 450px;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading {
background: #f7f7f7 none repeat scroll 0 0;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr {}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th {
border: 1px solid #f7f7f7;
color: #222;
font-size: 20px;
font-weight: 700;
padding: 13px 20px 14px;
text-transform: capitalize;
background: #fff;
font-family: 'Lora', serif;
text-align: center;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.gray-bg {
background: #f9f9f9;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th span.choos-plan {
position: relative;
background: #f9f9f9;
width: 100%;
display: block;
top: -23px;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box {
font-size: 60px;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box sub {
font-size: 12px;
font-family: "Roboto", sans-serif;
margin-left: -8px;
vertical-align: 5px;
font-weight: 400;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box sup {
font-family: "Roboto", sans-serif;
font-size: 18px;
margin-right: 8px;
vertical-align: 17px;
font-weight: 400;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(odd) {
background: #fff;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(even) {
background: #fff;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr {}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td {
min-width: 110px;
padding: 16px 20px 16px;
border: 1px solid #f7f7f7;
text-align: center;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td.text-left {
text-align: left;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h5 {
color: #999999;
font-size: 16px;
font-weight: 700;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h6 {
color: #999999;
font-size: 16px;
font-weight: 400;
padding-left: 12px;
font-family: 'Lora', serif;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h6.thm-color {
color: #42c0e5;
}
/***
====================================================================
contact Section
====================================================================
***/
.contact-us .default-cinfo {
background: #42c0e5;
padding: 80px 30px;
}
.contact-us .default-cinfo .section-title h3 {
color: #fff;
}
.contact-us .default-cinfo .section-title h3:after {
background: #fff;
}
.default-cinfo .icon_box {
width: 35px;
}
.default-cinfo .contact-infos li+li {
margin-top: 14px;
border-top: 1px solid #37b2d6;
padding-top: 15px;
}
.default-cinfo li .icon_box,
.default-cinfo li .text-box {
display: table-cell;
vertical-align: top;
}
.default-cinfo li .text-box p {
color: #fff;
}
.default-cinfo li .icon_box i {
font-size: 24px;
color: #ffffff;
position: relative;
top: 2px;
}
.default-cinfo .accordion-box .accordion .acc-content b {
color: #222;
font-weight: 600;
}
.contact-us {
position: relative;
background: #f7f7f7;
margin-bottom: -83px;
}
.contact-us .default-form-area {
background: #fff;
padding: 65px 30px 20px;
padding-right: 10px;
}
.contact-us h2 span {
color: #42c0e5;
}
.contact-us .contact-us-bg {
background: #fff;
position: relative;
z-index: 9;
box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.03);
}
.contact-us .social-icon {
margin-top: 20px;
}
.contact-us .social-icon li a {
color: #fff;
}
.contact-us .owl-nav {
top: -30px;
left: 50%;
margin-left: -30px;
}
.contact-us .owl-nav [class*=owl-] {
color: #fff;
border: 0px;
width: 13px;
}
.contact-us .owl-nav [class*=owl-]:hover {
color: #fff;
border: 0px;
}
/*============= default-form ===============*/
.default-form {
position: relative;
}
.default-form .form-box {
position: relative;
}
.comment-form .form-box {
padding: 25px 25px 0px 25px;
}
.default-form .form-group {
position: relative;
margin-bottom: 30px;
}
.default-form .comment-form .form-box .form-group {
margin-bottom: 25px;
}
.default-form.form-box .row {
margin-left: -10px;
margin-right: -10px;
}
.default-form.form-box .row .form-group {
padding: 0px 0px;
}
.default-form .form-group .field-label {
display: block;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 10px;
color: #232323;
font-weight: 500;
font-size: 13px;
}
.default-form .form-group .field-label sup {
color: #ff0000;
font-size: 14px;
}
.default-form p {
margin-bottom: 6px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea {
display: block;
width: 100%;
line-height: 24px;
height: 50px;
font-size: 16px;
box-shadow: none;
border: 1px solid #f4f4f4;
padding: 12px 15px;
background: #fff;
border-radius: 0px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form textarea {
height: 210px;
}
.default-form .bootstrap-select {
border: 1px solid #f4f4f4;
background: #f7f7f7;
color: #a2a2a2;
padding: 10px 0;
font-size: 16px;
height: auto;
}
.default-form .btn-group.open .dropdown-toggle {
box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
border: none;
outline: none;
}
.default-form .bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.default-form .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
background-color: #42c0e5;
color: #fff;
}
.default-form .form-control:focus {
border-color: #42c0e5;
box-shadow: none;
}
.select-box .btn:after {
position: absolute;
content: "\f107";
font-family: FontAwesome;
font-size: 16px;
color: #42c0e5;
width: 20px;
right: 15px;
top: 50%;
margin-top: -11px;
}
.default-form .bootstrap-select {
background: none;
border: none;
box-shadow: none;
padding: 0px;
}
.default-form .g-select {
background: none;
border: none;
box-shadow: none;
padding: 0px;
}
.default-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #848484;
padding: 13px 15px;
border: 1px solid #eee;
}
.default-form .bs-caret {
display: none;
}
.default-form .dropdown-menu {
border-radius: 0px;
padding: 0px;
top: 50px;
transform: scaleY(0);
transform-origin: top center;
transition: .4s ease;
}
.default-form .bootstrap-select.open .dropdown-menu {
transform: scaleY(1);
transition: .4s ease;
}
.default-form .dropdown-menu>li>a {
padding: 8px 15px;
}
.default-form .dropdown-menu>li>a:focus {
background-color: #fff;
color: #464646;
}
.default-form .dropdown-menu>li>a:hover {
background-color: #42c0e5 !important;
color: #fff !important;
}
/*placeholder*/
.default-form form input::-webkit-input-placeholder {
color: #9e9e9e;
}
.default-form form input:-moz-placeholder {
/* Firefox 18- */
color: #9e9e9e;
}
.default-form form input::-moz-placeholder {
/* Firefox 19+ */
color: #9e9e9e;
}
.default-form form input:-ms-input-placeholder {
color: #9e9e9e;
}
.default-form .alert-success {
color: #42c0e5;
background: none;
border: none;
font-size: 18px;
}
/***
=============================================
page_pagination style
=============================================
***/
.page_pagination {
position: relative;
padding-top: 20px;
}
.page_pagination li {
display: inline-block;
margin: 0 4px;
}
.page_pagination li a {
width: 55px;
line-height: 55px;
border: 1px solid rgba(229, 229, 229, 0.57);
text-align: center;
color: #252525;
font-size: 18px;
font-weight: 700;
font-family: 'Lora', serif;
border-radius: 4px;
padding:0;
}
.page_pagination li span {
width: 55px;
line-height: 55px;
border: 1px solid rgba(229, 229, 229, 0.57);
text-align: center;
color: #252525;
font-size: 18px;
font-weight: 700;
font-family: 'Lora', serif;
border-radius: 4px;
padding:0;
}
.page_pagination li a.active,
.page_pagination li a:hover,
.page_pagination li .current {
color: #fff !important;
background: #42c0e5 !important;
}
/*=======pagination style-2============*/
.page_pagination2 {
overflow: hidden;
display: block;
padding-bottom: 22px;
padding-top: 22px;
margin: 0;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
margin-top: 30px;
}
.page_pagination2 .button a {
color: #464646;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Lora', serif;
}
.page_pagination2 .button a:hover {
color: #42c0e5;
}
.page_pagination2 .button a i {
display: inline-block;
font-size: 20px;
position: relative;
top: 1px;
}
.page_pagination2 .button.next a i {
padding-right: 0px;
padding-left: 0;
}
.page_pagination2 .icon-holder a i {
color: #252525;
font-size: 24px;
position: relative;
top: 4px;
transition: all 500ms ease 0s;
}
.page_pagination2 .icon-holder a:hover i {
color: #42c0e5;
}
/*archive*/
.sidebar-archive {
margin-bottom: 30px;
}
.widget_archive label {
display:none;
}
.widget_archive select {
background: #f7f7f7;
color: #848484;
font-size: 16px;
padding: 10px;
width:100%;
border:none;
}
.sidebar-archive .bootstrap-select {
background: #f7f7f7;
color: #848484;
padding: 10px 0;
font-size: 16px;
}
.sidebar-archive .btn-group.open .dropdown-toggle {
box-shadow: none;
}
.sidebar-archive .btn-group.open .dropdown-toggle:focus {
border: none;
outline: none;
}
.sidebar-archive .bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.sidebar-archive .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
background-color: #42c0e5;
color: #fff;
}
.sidebar-archive .form-control:focus {
border-color: #42c0e5;
box-shadow: none;
}
/***
=============================================
shop style
=============================================
***/
.shop {
position: relative;
}
.shop .column {
padding-top: 10px;
position: relative;
top: -10px;
margin-bottom: 30px;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.shop .column:hover {
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.shop .hover-effect {
margin-bottom: 15px;
padding-top: 10px;
transition: .5s ease;
}
.shop .hover-effect:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
transition: .5s ease-in-out;
}
.single-shop-item .img-box {
position: relative;
overflow: hidden;
transition: .5s ease;
background: #f7f7f7;
text-align: center;
}
.single-shop-item:hover .img-box {
transition: .5s ease;
}
.single-shop-item .img-box .offer-box {
position: absolute;
top: 10px;
left: 10px;
}
.single-shop-item .img-box .offer-box .inner {
position: relative;
}
.single-shop-item .img-box .offer-box .inner:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 0;
height: 0;
background-color: transparent;
border-bottom: 35px solid transparent;
border-bottom: 35px solid transparent;
border-top: 35px solid #ab7442;
border-left: 35px solid #ab7442;
border-right: 35px solid transparent;
}
.single-shop-item .img-box .offer-box .inner span {
display: block;
font-size: 16px;
font-weight: bold;
color: #fff;
transform: rotate(-45deg);
line-height: 35px;
transform-origin: 70% 35%;
}
.single-shop-item .text-box h3,
.single-shop-item .text-box p {
margin: 0;
}
.single-shop-item .text-box h3 {
font-size: 18px;
line-height: 50px;
color: #1F1F1F;
margin-top: 10px;
}
.single-shop-item .text-box p {
font-size: 20px;
line-height: 24px;
}
.single-shop-item .text-box p i {
font-size: 18px;
}
.single-shop-item .text-box p span {
display: inline-block;
vertical-align: top;
color: #ab7442;
font-size: 18px;
font-weight: 400;
}
.single-shop-item .text-box p del {
color: #9f9f9f;
font-size: 14px;
line-height: 24px;
vertical-align: super;
display: inline-block;
font-weight: normal;
}
.single-shop-item .text-box p del i {
font-size: 14px;
}
.single-shop-item {
margin-bottom: 10px;
}
.single-shop-item .content-box a.cart-btn {
position: relative;
color: #848484;
font-size: 14px;
transition: .7s ease;
}
.single-shop-item .content-box a.cart-btn:hover {
color: #42c0e5;
transition: .7s ease;
}
.single-shop-item .content-box a.cart-btn:before {
content: '';
position: absolute;
left: 0px;
background: transparent;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: .5s ease-in-out;
}
.single-shop-item .content-box a.cart-btn:hover:before {
background-color: #42c0e5;
}
.single-shop-item .content-box a.cart-btn i {
margin-right: 6px;
}
.single-shop-item .content-box {
position: relative;
border: 1px solid #f4f4f4;
border-top: 0px;
}
.single-shop-item .content-box .inner-box {
padding: 14px 19px 12px;
border-bottom: 1px solid #f4f4f4;
}
.single-shop-item .content-box .price-box {
padding: 15px 20px 15px;
}
.single-shop-item .content-box h4 {
font-size: 16px;
margin: 0px 0px;
line-height: 1.4em;
color: #303030;
margin-bottom: 6px;
}
.single-shop-item .content-box a,
.single-shop-item .content-boxa:hover {}
.single-shop-item .content-box h4 a {
color: #252525;
font-size: 16px;
line-height: 1.4em;
}
.single-shop-item .content-box .addtocart {
font-size: 16px;
color: #999;
}
.single-shop-item .content-box .addtocart i {
margin-right: 5px;
}
.single-shop-item .content-box .bottom-content {
padding: 12px 20px;
}
.single-shop-item .content-box .rating {
font-size: 13px;
color: #42c0e5;
right: 0;
top: 0px;
position: relative;
}
.single-shop-item .content-box .item-price {
font-size: 16px;
font-weight: 400;
color: #42c0e5;
line-height: 24px;
}
.single-shop-item .content-box .item-price del {
color: #a2a2a2;
margin-left: 7px;
font-size: 15px;
}
.single-shop-item .content-box .item-price .strike-through {
color: #999999;
font-weight: normal;
font-size: 14px;
padding-left: 10px;
line-height: 20px;
font-family: 'Lato', sans-serif;
}
/*============================= Sidebar Style One ==================*/
.sidebar_styleOne .theme_title,
.sidebar_styleTwo .theme_title {
padding-bottom: 18px;
}
.sidebar_search {
position: relative;
}
.sidebar_search input {
width: 100%;
height: 54px;
border: none;
border: 1px solid #f1f1f1;
padding: 0 56px 0 12px;
color: #9e9e9e;
}
.sidebar_search button {
width: 54px;
height: 100%;
position: absolute;
top: 0;
background: #42c0e5;
right: 0;
color: #fff;
}
.sidebar_categories {
margin-top: 60px;
}
.sidebar_categories ul {
margin-top: 22px;
margin-bottom: 35px;
}
.sidebar_categories ul li {
line-height: 48px;
border-bottom: 1px solid #f1f1f1;
}
.sidebar_categories ul li:last-child {
border: none;
}
.sidebar_categories ul li a {
font-weight: normal;
color: #9e9e9e;
position: relative;
}
.sidebar_categories ul li a:hover {}
.sidebar_categories ul li input[type="checkbox"] {
float: right;
position: relative;
top: 14px;
}
.sidebar_categories ul li a:before {
content: '\f114';
font-family: 'FontAwesome';
margin-right: 10px;
}
.sidebar_categories.archive ul li a:before {
content: "\f00c";
}
.sidebar_categories ul li a:hover {
color: #42c0e5;
}
.recent_news_sidebar .theme_title {
margin-bottom: 40px;
}
.recent_news_sidebar {
margin-bottom: 62px;
}
.recent_news_sidebar .single_news_sidebar {
margin-bottom: 29px;
}
.recent_news_sidebar .img_holder img {
width: 75px;
height: 75px;
border-radius: 5px;
}
.recent_news_sidebar .post {
padding-left: 26px;
width: 72%;
margin-top: -10px;
}
.recent_news_sidebar .post h6 a {
font-size: 16px;
color: #272727;
line-height: 28px;
font-weight: 900;
margin-bottom: 2px;
}
.recent_news_sidebar .post p a {
font-size: 14px;
}
.recent_news_sidebar .post p a i {
margin-right: 4px;
font-size: 16px;
}
.recent_news_sidebar .img_holder {
position: relative;
}
.recent_news_sidebar .img_holder .opacity {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
border-radius: 5px;
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
}
.recent_news_sidebar .img_holder .opacity .icon {
display: table;
width: 100%;
height: 100%;
}
.recent_news_sidebar .img_holder .opacity .icon span {
display: table-cell;
vertical-align: middle;
}
.recent_news_sidebar .img_holder .opacity .icon span a {
display: block;
width: 45px;
height: 45px;
margin: 0 auto;
line-height: 45px;
border-radius: 50%;
color: #fff;
text-align: center;
}
.recent_news_sidebar .single_news_sidebar:hover .opacity {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.sidebar_tags {
margin: 50px 0 0;
}
aside .sidebar-widget {
margin-bottom: 30px;
}
.sidebar_tags ul {}
.sidebar_tags ul li {
display: inline-block;
margin: 0;
}
.sidebar_tags ul li a {
display: block;
font-weight: normal;
font-size: 15px !important;
color: #9e9e9e;
line-height: 15px;
background: #fff;
border-radius: 2px;
text-align: center;
}
.tagcloud a {
font-size: 15px !important;
padding: 8px 12px;
border: 1px solid #f4f4f4;
margin: 0 5px 10px;
display: inline-block;
font-weight: normal;
color: #9e9e9e;
line-height: 15px;
background: #fff;
border-radius: 2px;
text-align: center;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.sidebar_tags ul li a:hover,
.tagcloud a:hover {
border-color: #42c0e5;
color: #42c0e5;
}
.single-sidebar.price-ranger .ui-widget-content {
background: #f7f7f7;
border: none;
height: 2px;
}
.single-sidebar.price-ranger .ui-slider-handle {
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #303030;
margin-left: -4px;
outline: none;
background: #42c0e5;
}
.single-sidebar.price-ranger .ui-slider .ui-slider-range {
background: #252525;
}
.single-sidebar.price-ranger .ui-slider-horizontal .ui-slider-handle {
top: -5px;
}
.single-sidebar.price-ranger #slider-range {
margin-top: 25px;
}
.single-sidebar.price-ranger .ranger-min-max-block {
margin-top: 20px;
margin-bottom: 45px;
}
.single-sidebar.price-ranger .ranger-min-max-block input {
display: inline-block;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='submit'] {
width: 80px;
border-radius: 0px;
text-align: center;
outline: none;
line-height: 35px;
font-size: 14px;
margin-right: 37px;
color: #ffffff;
font-weight: 700;
background: #42c0e5;
text-transform: uppercase;
border: 2px solid #42c0e5;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'] {
border: none;
outline: none;
width: 40px;
color: #9c9c9c;
font-weight: 400;
text-align: right;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar.price-ranger .ranger-min-max-block span {
color: #9c9c9c;
font-weight: 400;
}
.best_sellers .theme_title {
margin-bottom: 36px;
}
.best_sellers .best_selling_item .text {
padding-left: 20px;
margin-top: -3px;
}
.best_sellers .best_selling_item .text h4 {
color: #303030;
}
.best_sellers .best_selling_item .text h6 {
font-size: 16px;
font-weight: 700;
color: #272727;
}
.best_sellers .best_selling_item .text ul li {
display: inline-block;
margin-right: 3px;
font-size: 12px;
margin-top: 10px;
color: #42c0e5;
}
.best_sellers .best_selling_item .text span {
display: block;
margin-top: 10px;
color: #42c0e5;
font-size: 16px;
font-weight: 400;
font-family: 'Roboto';
}
.best_sellers .best_selling_item {
margin: 20px 0 20px 0;
padding-bottom: 17px;
}
.best_sellers .best_selling_item.border {
border-bottom: 1px solid #f7f7f7;
}
.sidebar_styleTwo .sidebar_categories {
margin-top: 30px;
}
.sidebar_styleTwo .sidebar_tags {
margin: 19px 0 51px 0;
}
/***
=============================================
Shop Single area style
=============================================
***/
.shop-single-area {
position: relative;
}
.product-content-box {
margin-bottom: 106px;
}
.product-content-box .img-box {
text-align: center;
}
.product-content-box .flexslider .slides img {
width: auto;
display: inline-block;
}
.product-content-box .flexslider {
background: #f7f7f7 none repeat scroll 0 0;
border: none;
padding: 32px 0;
border-radius: 0;
margin: 0 50px 10px 0;
position: relative;
text-align: center;
}
.product-content-box .flex-viewport {
border: none;
max-height: 450px;
transition: all 1s ease 0s;
}
.product-content-box .flex-control-thumbs {
margin: 10px 0 0;
overflow: hidden;
position: static;
display: none;
}
.product-content-box .flex-control-thumbs li {
float: left;
margin: 0 3% 0 0;
width: 25%;
}
.product-content-box .flex-control-thumbs img {
border: medium none;
cursor: pointer;
display: block;
height: auto;
opacity: 0.6;
transition: all 1s ease 0s;
width: 100%;
border: 3px solid #f7f7f7;
}
.product-content-box .flex-control-thumbs .flex-active {
cursor: default;
opacity: 1;
border: 3px solid #ab7442;
}
.product-content-box .flex-control-thumbs .flex-active:focus {
outline: none;
}
.product-content-box .content-box {
margin-left: -50px;
}
.product-content-box .content-box h3 {
color: #303030;
font-size: 24px;
font-weight: 400;
margin: 0 0 10px;
text-transform: capitalize;
}
.product-content-box .content-box del {
color: #a2a2a2;
margin-left: 10px;
}
.product-content-box .content-box .review-box {
margin: 0 0 10px;
}
.product-content-box .content-box .review-box ul li {
display: inline-block;
margin-right: 3px;
}
.product-content-box .content-box .review-box ul {
display: inline-block;
padding-right: 1px;
}
.product-content-box .content-box .review-box ul li i {
color: #42c0e5;
font-size: 14px;
}
.product-content-box .content-box span.price {
color: #42c0e5;
font-size: 22px;
}
.product-content-box .content-box .text {
margin: 0px 0 0;
overflow: hidden;
padding: 24px 0 9px;
}
.product-content-box .content-box .location-box {
margin: 4px 0 18px;
position: relative;
}
.product-content-box .content-box .location-box p {
color: #1f1f1f;
margin: 0 0 12px;
}
.product-content-box .content-box .location-box form input {
border: 2px solid #f7f7f7;
height: 40px;
padding-left: 10px;
padding-right: 10px;
width: 170px;
transition: all 500ms ease;
}
.product-content-box .content-box .location-box form input:focus {
border-color: #42c0e5;
}
.product-content-box .content-box .location-box form button {
background: #f7f7f7 none repeat scroll 0 0;
border: medium none;
color: #292929;
font-size: 14px;
font-weight: 600;
position: absolute;
left: 178px;
top: 37px;
height: 40px;
padding: 0;
text-align: center;
text-transform: uppercase;
width: 95px;
margin-left: 6px;
transition: all 500ms ease;
}
.product-content-box .content-box .location-box form button:hover {
background: #42c0e5;
color: #fff;
}
.product-content-box .content-box .location-box form span {
color: #42c0e5;
}
.product-content-box .content-box .addto-cart-box {}
.product-content-box .content-box .addto-cart-box .input-group.bootstrap-touchspin {
float: left;
width: 70px;
margin-right: 20px;
}
.product-content-box .content-box .addto-cart-box .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none;
color: #272727;
display: block;
font-size: 18px;
font-weight: 500;
height: 50px;
padding: 6px 0 8px;
text-align: center;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical>.btn {
display: block;
float: none;
margin-left: -1px;
max-width: 100%;
padding: 12px 12px;
position: relative;
width: 100%;
}
.product-content-box .content-box .addto-cart-box .btn-default {
background-color: #efefef;
border-color: #efefef;
color: #9e9e9e;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
color: #9e9e9e;
font-weight: normal;
left: 8px;
position: absolute;
top: 7px;
}
.product-content-box .content-box .addto-cart-box button.addtocart {
margin-left: 25px;
}
.product-tab-box {
padding: 30px;
padding-top: 0;
border: 1px solid #f4f4f4;
}
.product-tab-box .tab-menu {
border-bottom: 1px solid #f7f7f7;
margin-top: -50px;
margin-bottom: 33px;
position: relative;
left: -31px;
}
.product-tab-box .tab-menu li {
display: block;
float: left;
margin-bottom: -1px;
}
.product-tab-box .tab-menu li a {
border: 1px solid transparent;
border-radius: 0;
display: block;
margin-right: 10px;
padding: 13px 35px;
color: #1f1f1f;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
background: #f7f7f7;
transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a,
.product-tab-box .tab-menu li:hover a {
background: #42c0e5;
color: #fff;
border-color: #42c0e5;
}
.product-tab-box .tab-content {}
.single-review-box {
margin-bottom: 10px;
padding-bottom: 32px;
padding-left: 80px;
position: relative;
}
.single-review-box .img-holder {
left: 0;
position: absolute;
top: 0;
}
.single-review-box .text-holder {
border: 1px solid #f4f4f4;
padding: 20px;
}
.single-review-box .text-holder .top {
margin: 0 0 8px;
overflow: hidden;
}
.single-review-box .text-holder .top .review-box ul {
margin-top: -4px;
padding-left: 20px;
}
.single-review-box .text-holder .top .review-box ul li {
display: inline-block;
margin-right: 3px;
}
.single-review-box .text-holder .top .review-box ul li i {
color: #42c0e5;
font-size: 14px;
}
.single-review-box .text-holder .top .review-date {
color: #ab7442;
margin-top: -5px;
}
.single-review-box .text-holder .text p {
margin: 0 0 15px;
}
.single-review-box .text-holder .text a.reply {
color: #ab7442;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.product-tab-box .tab-content .product-details-content {
margin-top: -5px;
}
.product-tab-box .tab-content .product-details-content .highlight {
margin: 42px 0 0;
}
.product-tab-box .tab-content .product-details-content .highlight .highlight-title {
color: #292929;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Lora', serif;
margin: 0 0 28px;
}
.product-tab-box .tab-content .product-details-content .highlight li {
position: relative;
padding-bottom: 12px;
padding-left: 25px;
}
.product-tab-box .tab-content .product-details-content .highlight li:before {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ab7442;
font-size: 14px;
position: absolute;
top: 0px;
left: 0;
}
.review-form {
padding-top: 16px;
}
.review-form .sec-title-two {
padding-bottom: 34px;
}
.review-form .add-rating-box {
margin: 25px 0 23px;
}
.review-form .add-rating-box .add-rating-title h4 {
color: #292929;
font-family: 'Lora', serif;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
text-transform: none;
}
.review-form .add-rating-box ul li {
display: inline-block;
margin: 0 0px;
border-right: 1px solid #e5e5e5;
padding: 0 11px;
}
.review-form .add-rating-box ul li:last-child {
margin-right: 0;
}
.review-form .add-rating-box ul li a i {
color: #ddd;
margin-right: 3px;
transition: all 500ms ease;
font-size: 14px;
}
.review-form .add-rating-box ul li.active a i,
.review-form .add-rating-box ul li a:hover i {
color: #42c0e5;
}
.review-form form input[type="text"],
.product-tab-box .tab-content .review-form form textarea {
height: 50px;
width: 100%;
border: 1px solid #eaeaea;
color: #9e9e9e;
font-size: 14px;
padding: 0 15px;
margin-bottom: 30px;
transition: all 500ms ease;
}
.review-form form textarea {
height: 110px;
padding: 10px 15px;
margin-bottom: 32px;
}
.review-form .add-rating-box ul li:hover a i {
opacity: 1;
}
.review-form form input[type="text"]:focus {
border-color: #42c0e5;
}
.review-form form textarea:focus {
border-color: #42c0e5;
}
.related-product {
border-top: 1px solid #f7f7f7;
margin-top: 60px;
padding-top: 56px;
}
.related-product .single-product-item {
margin-bottom: 0;
}
.product-review-tab .add_your_review .review-title h3 {
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
color: #252525;
}
.tab-title-h4 h4 {
color: #3d3d3d;
font-size: 20px;
margin-bottom: 40px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section {
position: relative;
}
.register-section .section-title2 h3 {
margin-bottom: 30px;
}
.register-section .sec-title {
margin-bottom: 30px;
}
.register-section .sec-title h2 {
font-size: 28px;
padding-bottom: 5px;
font-weight: 600;
}
.register-section .form-column {
margin-bottom: 70px;
}
.styled-form {
position: relative;
}
.styled-form .form-group {
position: relative;
margin-bottom: 25px;
margin-top: 0px;
font-size: 15px;
color: #9e9e9e;
}
.styled-form .form-group.social-links-two {
margin-top: 7px;
}
.styled-form .form-group.register-text {
margin-top: 15px;
margin-left: 10px;
}
.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}
.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #1f1f1f;
}
.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label {
cursor: pointer;
font-weight: 400;
}
.styled-form .pull-left input {
display: inline-block;
}
.styled-form .form-group .thm-btn {
line-height: 44px;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}
.styled-form .form-group .field-label {
display: block;
color: #1f1f1f;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 48px;
border: 1px solid #e0e0e0;
border-radius: 0px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
line-height: 26px;
height: 44px;
}
.styled-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.styled-form select option {
text-indent: 20px;
}
.styled-form textarea {
resize: none;
height: 110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
border-color: #42c0e5;
}
.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 10px 30px;
}
.styled-form .forgot {
font-size: 14px;
}
.social-links-two a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 45px;
text-align: center;
color: #ffffff;
background: #b2dd4c;
margin: 0px 0px 0px 15px;
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;
}
.social-links-two a:hover {
opacity: 0.80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.social-links-two .facebook {
background: #3b5998;
}
.social-links-two .twitter {
background: #33ccfe;
}
.social-links-two .google-plus {
background: #dd4b39;
}
.shop-sidebar .section-title {
margin-bottom: 30px;
}
.shop-sidebar .category-style-one {
position: relative;
}
.shop-sidebar .category-style-one ul {
margin-bottom: 50px;
margin-top: -15px;
}
.shop-sidebar .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}
.shop-sidebar .category-style-one ul li a {
font-weight: normal;
color: #848484;
padding-left: 25px;
position: relative;
width: 100%;
transition: .5s ease;
line-height: 54px;
display: block;
}
.shop-sidebar .category-style-one ul li a:hover {
color: #42c0e5;
transition: .5s ease;
}
.shop-sidebar .category-style-one ul li a:before {
content: "\f114";
position: absolute;
font-size: 16px;
font-family: FontAwesome;
left: 0px;
top: 1px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.shop-sidebar {
position: relative;
padding-left: 45px;
}
.shop .outer-box {
position: relative;
}
.shop .outer-box:before {
position: absolute;
content: "";
width: 1px;
height: 100%;
right: -30px;
top: 0;
background: #f4f4f4;
}
.single-shop-item .overlay {
background-color: rgba(0, 0, 0, 0);
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: all 450ms ease-out 0s;
transform: rotateY(180deg) scale(0.5, 0.5);
}
.single-shop-item:hover .img-box .overlay {
opacity: 1;
filter: alpha(opacity=100);
transform: rotateY(0deg) scale(1, 1);
}
.single-shop-item .overlay .box {
display: table;
height: 100%;
width: 100%;
}
.single-shop-item .overlay .box .content {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.single-shop-item .img-box .overlay .box .content a i {
background: #42c0e5;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 16px;
height: 45px;
line-height: 48px;
transition: all 500ms ease 0s;
width: 45px;
}
.single-shop-item .img-box .overlay .box .content a:hover i {
background: #42c0e5;
}
.best_sellers .best_selling_item .img_holder {
position: relative;
}
.best_sellers .best_selling_item .img_holder a:after {
position: absolute;
content: "\f0c1";
font-family: FontAwesome;
left: 0px;
top: 0px;
text-align: center;
line-height: 80px;
width: 100%;
height: 100%;
background: rgba(160, 199, 21, 0.9);
color: #ffffff;
opacity: 0;
transition: .5s ease;
}
.best_sellers .best_selling_item .img_holder:hover a:after {
opacity: 1;
transition: .5s ease;
}
/**************************
* Cart Page styles
***************************/
.cart-section {
position: relative;
}
.cart-section ul {
margin: 0;
padding: 0;
}
.cart-section ul li {
list-style: none;
}
.cart-section .thm-btn {
line-height: 46px;
}
.cart-section .sec-pad {
padding-bottom: 70px;
}
.cart-section .sec-title.medium {
padding-bottom: 25px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .cart-outer .select-box:before {
display: none;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-section .cart-table {
width: 100%;
min-width: 900px;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: capitalize;
font-size: 16px;
border-radius: 7px;
font-family: 'Lora', serif;
background: #f7f7f7;
}
.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
font-weight: 700;
color: #303030;
}
.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 40px;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 15px 10px;
min-width: 100px;
font-size: 16px;
font-weight: bold;
color: yellow;
}
.cart-table tbody tr .qty {
width: 120px;
padding-right: 20px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: black;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 90px;
padding-left: 85px;
padding-top: 20px;
text-align: left;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
left: 0px;
top: 11px;
padding: 0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box h3 {
font-size: 18px;
margin: 0;
margin-top: 20px;
margin-bottom: 5px;
color: #303030;
text-transform: capitalize;
font-weight: 700;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #42c0e5;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 16px;
color: yellow;
line-height: 30px;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
padding-right: 10px;
font-size: 24px;
line-height: 30px;
transition: .5s ease;
}
.cart-table tbody tr .remove-btn:hover {
color: #42c0e5;
transition: .5s ease;
}
.cart-table tbody tr .remove-btn span:before {
font-size: 30px;
}
.cart-table tbody tr {
border-bottom: 1px solid #F7F7F7;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td .quantity-spinner {
line-height: 24px;
height: 46px;
text-align: center;
display: block;
box-shadow: none;
width: 100%;
font-size: 20px;
position: relative;
color: #303030;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #9e9e9e;
font-size: 14px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #fff;
background: #42c0e5;
border-radius: 50%;
}
.cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
background: #f7f7f7;
border-color: #f7f7f7;
padding: 12px 12px;
text-align: center;
}
.cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i {
color: #999;
left: 6px;
top: 7px;
font-size: 10px;
}
.cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i:hover {
color: #42c0e5;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #fff;
border: none;
border-radius: 40px;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 24px;
padding: 10px 15px;
border-radius: 3px;
width: 230px;
background: none;
border: 1px solid #fff;
font-weight: 500;
outline: none;
height: 50px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section h3 {
font-size: 24px;
margin-bottom: 30px;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px;
margin-bottom: 25px;
}
.cart-section .totals-table {
position: relative;
border: 2px solid #f4f4f4;
}
.cart-section .totals-table .col {
position: relative;
display: block;
font-size: 17px;
float: left;
padding: 14.5px 15px;
line-height: 24px;
width: 50%;
}
.cart-section .totals-table .col-title {
font-size: 16px;
color: #303030;
border-right: 1px solid #f4f4f4;
font-weight: 400;
font-family: 'Lora', serif;
}
.cart-section .totals-table li {
position: relative;
border-bottom: 1px solid #f4f4f4;
}
.cart-section .totals-table li:last-child {
border-bottom: none;
}
.cart-section .update-cart-box {
padding-top: 40px;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret {
border: none;
top: 2px;
right: 20px;
}
.cart-section .estimate-form .select-box .btn-group.bootstrap-select {
width: 100%;
outline: none;
}
.cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn {
font-size: 14px;
text-transform: capitalize;
border: none;
outline: none;
border-radius: 0;
}
.cart-section .estimate-form .select-box .dropdown-menu {
padding: 0;
border-radius: 0;
}
.cart-section .estimate-form .select-box .dropdown-menu>li>a {
padding: 8px 15px;
color: #42c0e5;
transition: all .3s ease;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
color: #42c0e5;
transition: all .3s ease;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text {
font-size: 13px;
color: #42c0e5;
}
.cart-section .estimate-form h3 {
font-size: 24px;
margin: 0;
margin-bottom: 40px;
margin-top: 80px;
}
.cart-section .cart-total h3 {
font-size: 24px;
margin: 0;
margin-bottom: 15px;
margin-top: 80px;
}
.cart-section .cart-total .thm-btn {
margin-top: 30px;
}
.cart-section .estimate-form input {
width: 100%;
border: 2px solid yellow;
outline: none;
height: 50px;
padding-left: 15px;
font-family: "Roboto Slab", serif;
}
.cart-section .qty .input-group {
width: 74px;
background: #fff;
height: 50px;
overflow: hidden;
border: 2px solid #f4f4f4;
}
.cart-section .thm-btn.update-cart {
border: 2px solid black;
background-color: transparent;
}
.cart-table tbody tr td,
.cart-table tbody tr .remove-btn {
color: #9e9e9e;
font-weight: normal;
}
.cart-section .thm-btn.update-cart {
color: #303030;
border-color: #F7F7F7;
text-shadow: none;
}
.cart-section .apply-coupon .form-group input[type="text"] {
border: 2px solid #F7F7F7;
text-transform: uppercase;
font-size: 14px;
}
.cart-section .estimate-form input {
border-color: #f4f4f4;
}
.cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn {
background: #fff;
color: #9f9f9f;
border-color: #F7F7F7;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret:before {
color: #9f9f9f;
}
.cart-table tbody tr .prod-column .column-box {
margin-left: 15px;
}
.cart-section .thm-btn.update-cart:hover {
background: #42c0e5;
color: #fff;
}
.cart-table tbody tr td {
padding: 10px 10px 10px;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text {
color: #999;
}
.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
color: #fff;
}
/***
=============================================
Checkout Area style
=============================================
***/
.checkout-area {
padding-bottom: 100px;
padding-top: 80px;
}
.checkout-area .section-title2 h3 {
margin-bottom: 30px;
}
.checkout-area .exisitng-customer {
border: 1px solid #f7f7f7;
display: block;
padding: 20px 28px 21px;
position: relative;
margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #42c0e5;
content: "";
}
.checkout-area .exisitng-customer h5 {
color: #303030;
font-size: 16px;
font-weight: 300;
}
.checkout-area .exisitng-customer h5 a {
color: #42c0e5;
display: inline-block;
padding-left: 15px;
}
.checkout-area .coupon {
border: 1px solid #f7f7f7;
display: block;
padding: 20px 28.px 21px;
position: relative;
margin-bottom: 60px;
}
.checkout-area .coupon:before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #42c0e5;
content: "";
}
.checkout-area .coupon h5 {
color: #252525;
font-size: 16px;
font-weight: 300;
}
.checkout-area .coupon h5 a {
color: #42c0e5;
display: inline-block;
padding-left: 15px;
}
.checkout-area .form form .field-label {
color: #303030;
font-family: 'Lora', serif;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 8px;
font-size: 15px;
}
.checkout-area .form form .field-input input[type="text"] {
border: 2px solid #f7f7f7;
color: #9a9a9a;
display: block;
font-size: 16px;
height: 48px;
margin-bottom: 25px;
padding: 0 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus {
border: 2px solid #42c0e5;
}
.checkout-area .create-acc .checkbox {
margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
color: #42c0e5;
font-weight: 300;
font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
margin-top: 3px;
}
.checkout-area .shipping-info input[type="checkbox"] {
cursor: pointer;
display: inline-block;
margin: 0 0 0 40px;
position: relative;
top: -2px;
vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
border: 2px solid #f7f7f7;
color: #9e9e9e;
display: block;
font-size: 16px;
height: 124px;
margin-bottom: 28px;
padding: 10px 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus {
border-color: #42c0e5;
}
.checkout-area .bottom {
padding-top: 70px
}
.checkout-area .table .sec-title-two {
padding-bottom: 32px;
}
.checkout-area .table {
overflow-x: auto;
position: relative;
width: 100%;
margin-bottom: 0;
}
.checkout-area .table .cart-table {
min-width: auto;
width: 100%;
}
.checkout-area .table .cart-table .cart-header {
background: #f7f7f7;
color: #303030;
font-size: 18px;
position: relative;
text-transform: capitalize;
width: 100%;
font-weight: 400;
}
.checkout-area .table .cart-table thead tr th {
font-weight: 400;
line-height: 24px;
min-width: 110px;
padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
padding-left: 30px;
text-align: left;
}
.checkout-area .table .cart-table tbody tr {
border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
min-width: 75px;
padding: 21px 30px;
padding-right: 0px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box {
min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
display: table-cell;
vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
color: #303030;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.checkout-area .table .cart-table tbody tr .qty {
padding-right: 30px;
width: 83px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
float: right;
width: 40px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0 !important;
box-shadow: none;
color: #252525;
display: block;
font-size: 18px;
font-weight: 400;
height: 34px;
padding: 6px 0;
text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
background-color: #42c0e5;
border-color: #42c0e5;
color: #fff;
display: none;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
color: #42c0e5;
font-size: 16px;
font-weight: 300;
}
.cart-total .sec-title-two {
padding-bottom: 32px;
}
.cart-total-table {
border: 2px solid #ebebeb
}
.cart-total-table li {
border-bottom: 1px solid #ebebeb
}
.cart-total-table li:last-child {
border-bottom: none
}
.cart-total-table li span.col.col-title {
border-right: 1px solid #ebebeb;
color: #303030;
display: block;
float: left;
font-size: 16px;
font-weight: 400;
line-height: 28px;
font-family: 'Lora', serif;
padding: 10px 18px;
position: relative;
width: 50%;
}
.cart-total-table li span.col {
color: #9a9a9a;
display: block;
float: left;
font-size: 16px;
font-weight: 300;
line-height: 28px;
padding: 10px 18px;
position: relative;
width: 50%;
}
.cart-total-table li span.col b {
color: #42c0e5;
font-weight: 300;
text-decoration: underline;
}
.cart-total .payment-options {
background: #f7f7f7 none repeat scroll 0 0;
margin-top: 30px;
overflow: hidden;
padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
margin-bottom: 14px;
}
.cart-total .payment-options .option-block .checkbox {
margin: 0 0 5px;
font-size: 16px;
}
.cart-total .payment-options .option-block .checkbox label {
font-weight: 400;
min-height: 20px;
padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
top: 0;
}
.cart-total .payment-options .option-block .checkbox label span {
color: #303030;
padding-left: 5px;
font-family: 'Lora', serif;
font-size: 16px;
}
.cart-total .payment-options .option-block .checkbox label span b {
color: #42c0e5;
display: inline-block;
font-size: 16px;
font-weight: 300;
padding-left: 25px;
text-decoration: underline;
}
.cart-total .payment-options .option-block .text {
padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
margin: 0;
line-height: 28px;
}
/***
=============================================
Call-out style
=============================================
***/
.call-out-action {
background: #42c0e5;
padding-top: 25px;
}
.call-out-action h4 {
font-size: 22px;
color: #fff;
margin-bottom: 30px;
margin-top: 12px;
}
.call-out-action .thm-btn.style-2 {
color: #fff;
border-color: #fff;
margin-bottom: 25px;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
z-index: 1;
position: relative;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 50%;
height:auto;
margin-left: 25%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 90%;
margin-left: auto;
margin-right: auto;
-webkit-tap-highlight-color: transparent;
z-index: 1;
position: relative;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 30%;
height:auto;
margin-left: 35%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*======================
common css
========================*/
/* ==============================
2. Global styles
============================== */
body {
/* font-family: 'Hind', sans-serif;*/
color:#222222;
font-size: 16px;
}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
font-family: 'Lora', serif;
}
ul {list-style-type: none;}
p {font-family: 'Hind', sans-serif;font-size: 16px;color: #999;line-height: 26px; font-weight: 300;}
a {text-decoration: none;display: inline-block;outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%;display: inline-block;}
button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: 'Hind', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.boxed_wrapper {
width: 100%;
background: #fff;
overflow-x: hidden;
}
.sec-padd {
padding: 54px 0;
padding-top: 0px;
}
.sec-padd2 {
padding: 80px 0 50px;
}
.sec-padd3 {
padding: 80px 0 30px;
}
.sec-padd-top {
padding-top: 80px;
}
.sec-padd-bottom {
padding-bottom: 80px;
}
.no-padd {
padding: 0px;
}
.clear_fix { clear:both;}
.clear_fix:after {
display: table;
content: '';
clear: both;
}
.list_inline li {
display: inline-block;
}
.social-icon li {
display: inline-block;
font-size: 14px;
padding: 0 10px;
}
.list_inline li {
display: inline-block;
}
.width-100 {
width: 100%;
}
.social li a {
color: #fff;
transition: .5s ease-in-out;
}
.default_link {
font-size: 14px;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
color: #42c0e5;
font-weight: 600;
}
.default_link:hover {
color: #42c0e5;
}
.default_link i {
margin-left: 8px;
font-weight: 700;
position: relative;
font-size: 18px;
top: 2px;
}
.uppercase {
text-transform: uppercase;
}
.padd-80 {
padding-top: 80px;
}
.tran3s {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.fluid-container.width-padd {
padding: 0 15px;
}
.row-5 {
margin: 0 -5px;
}
.thm-color {
color: #42c0e5;
}
.bold {
font-weight: 700;
}
.s-bold {
font-weight: 600;
}
.m-bold {
font-weight: 600;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.border-bottom {
border-bottom: 1px solid #f7f7f7;
}
@media (min-width: 1200px) {
.container {
padding: 0;
}
}
.default-overlay {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
transition: .5s cubic-bezier(0.4, 0, 1, 1);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.default-overlay .inner-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.single-item:hover .default-overlay {
opacity: 1;
visibility: visible;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.overlay .inner-box i {
color: #42c0e5;
font-size: 40px;
}
.thm-btn {
position: relative;
background: #42c0e5;
font-size: 14px;
line-height: 46px;
font-weight: 600;
color: #ffffff;
border: 2px solid #42c0e5;
text-transform: uppercase;
font-family: 'Hind', sans-serif;
display: inline-block;
padding: 0 38px;
transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
background: transparent;
color: #42c0e5;
transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn.style-2{
background: transparent;
color: #42c0e5;
}
.thm-btn.style-2:hover {
background: #42c0e5;
color: #fff;
}
.anim-3 {
transition: all 0.3s ease;
}
.anim-5 {
transition: all 0.5s ease;
}
.section-title {
position: relative;
margin-bottom: 50px;
}
.section-title.style-2 {
position: relative;
margin-bottom: 30px;
}
.section-title h1 {
position: relative;
text-transform: capitalize;
font-weight: 700;
padding-bottom: 20px;
}
.section-title h1 span {
color: #42c0e5;
}
.section-title h2 {
position: relative;
text-transform: capitalize;
font-weight: 400;
padding-bottom: 20px;
font-size: 32px;
}
/*
.service h2{
text-align:center;
}
*/
.section-title h2 span {
color: #42c0e5;
}
.section-title h3 {
position: relative;
text-transform: capitalize;
padding-bottom: 20px;
}
.section-title h4 {
position: relative;
font-size: 20px;
text-transform: capitalize;
color: #464646;
font-weight: 400;
padding-bottom: 20px;
}
.section-title h3:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 70px;
height: 2px;
background: #42c0e5;
}
.section-title.center h3:after {
left: 50%;
margin-left: -35px;
}
.section-title h2:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 70px;
height: 2px;
background: #42c0e5;
}
/*
.service h2:after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
width: 70px;
height: 2px;
margin-left: -35px;
background: #42c0e5;
}
*/
.section-title.center h2:after {
left: 50%;
margin-left: -35px;
}
.section-title p {
margin-top: 20px;
}
.scroll-top {
width: 50px;
height: 40px;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99;
display: none;
color: #fff;
text-align: center;
background: #42c0e5;
background-image: url(../images/img-1.png)
}
.scroll-top span:before {
font-size: 27px;
}
.scroll-top:after {
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%;
z-index:999999; background-color:#ffffff; background-position:center center;
background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-nav {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: -11px;
margin: 0;
}
.owl-nav [class*=owl-] {
color: #c5c5c5;
font-size: 24px;
margin: 0;
padding: 0;
background-color: transparent;
height: 36px;
width: 36px;
border: 1px solid #eaeaea;
line-height: 36px;
text-align: center;
margin-top: 23px;
margin-left: 6px;
display: inline-block;
-webkit-transition: color .3s ease;
transition: color .3s ease;
font-weight: bold;
}
.owl-nav [class*=owl-]:hover {
color: #48c7ec;
border: 1px solid #48c7ec;
-webkit-transition: .5s ease;
transition: .5s ease;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-25 {
margin-top: 25px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-35 {
margin-top: 35px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-45 {
margin-top: 45px;
}
.margin-top-50 {
margin-top: 50px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-top-10 {
padding-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-35 {
padding-top: 35px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-45 {
padding-top: 45px;
}
.padding-top-50 {
padding-top: 50px;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.organ{
position: relative;
/* width: 1300px; */
margin: 0 auto;
margin-top: 25px;
overflow: hidden;
}
.organ_content{
/* height: 60px; */
overflow: hidden;
/* width: 1300px; */
float: left;
/* padding-left: 40px; */
overflow: hidden;
}
.img_box{
/* height: 60px; */
overflow: hidden;
}
.img_box img{
margin-left: 30px;
margin-right: 30px;
}
.organ img{
float: left;
margin-top: 10px;
}
.organ .right_img{
float: right;
margin-top: 15px;
}
.organ .left_img{
margin-top: 15px;
}
/*
[class^="et-"], [class*=" et-"], [class^="et-"]:before, [class*=" et-"]:before {
font-family: 'et-line';
font-style: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display:inline-block;
text-rendering: auto;
speak: none;
font-weight: normal;
}
*/
.nav{
width: 100%;
overflow: hidden;
background-color: rgba(0,0,0,0.8);
/*position: fixed;
top: 0;
left: 0;
z-index: 999;*/
border-bottom: 2px solid black ;
}
.nav_box{
overflow: hidden;
width:1200px;
height: 80px;
margin: 0 auto;
}
.nav_box>a{
display: block;
float: left;
margin-left: 20px;
overflow: hidden;
}
.nav_box>a img{
height: 60px;
display: block;
margin-top: 10px;
}
.nav_content{
overflow: hidden;
}
.nav_cc{
float: left;
margin-left: 40px;
height: 80px;
position: relative;
}
.nav_cc>span{
display: block;
float:left;
font-size: 20px;
margin-left: 31px;
line-height: 80px;
height: 80px;
color: white;
box-sizing: border-box;
}
.nav_cc>span>a{
color: white;
}
.nav_cc>span>a:hover{
color: skyblue;
}
.pos{ width:100%; position:fixed; left:0px; top:80px !important; background-color:rgba(255,255,255,1); overflow-x:auto;z-index: 9999;
}
/*滚动条样式*/
.pos::-webkit-scrollbar {
height: 8px;
}
.pos::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,212,255,0.9);
background: rgba(0,212,255,.4);
}
.pos::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.1);
}
.poa{ width:1200px;margin-left:auto; margin-right:auto; overflow:hidden;line-height: 30px; /*background-color:rgba(255,255,255,0.5);*/ }
.pom{ overflow:hidden; float:left; margin-left:25px; margin-right:25px}
.poma{ margin-top:26px}
.poma span{ font-size:18px; color:black;}
.poma span:hover{
color: rgb(7,103,111);
font-weight: 600;
}
.pomb{ width:250px; height:1px; background-color:gray; margin-top:5px}
.pomc{ width:250px; height:109px; overflow:hidden; margin-top:10px; margin-bottom:30px}
.pomc img{ width:250px; height:109px;}
@media only screen and (min-width: 1200px) {
.container {
padding: 0;
}
.container-fluid {
padding: 0;
}
}
@media only screen and (max-width: 1200px) {
.navigation>li>a {
margin: 0 10px;
}
.top-bar .right-column {
width: 100%;
text-align: center;
}
.top-bar-text {
width: 100%;
text-align: center;
}
.top-bar .right-column {
padding-left: 0px;
}
}
@media only screen and (min-width: 991px) {
.mobile-menu {
display: none;
}
}
@media only screen and (max-width: 991px) {
.theme_menu.stricky-fixed {
position: relative;
animation-name: inherit;
animation-duration: 0s;
}
.img-cen img{
width:100%;
margin-left: 0;
}
.theme_menu .right-column {
position: absolute;
right: 15px;
width: 223px;
top: 70px;
z-index: 99;
}
.theme_menu .logo {
margin-top: 26px;
text-align: center;
margin-bottom: 20px;
}
/*========== mobile-menu ============*/
.nav_content{
display:block;
}
.navigation {
display: none;
}
.main-menu .collapse {
border: 0px;
/* max-height: 300px;*/
display: none !important;
overflow: auto !important;
}
.main-menu .collapse.in,
.main-menu .collapsing {
display: block !important;
}
.main-menu .navbar-header {
padding: 14px 0px;
float: none;
}
.main-menu .navbar-toggle {
float: none;
margin: 0;
display: block;
}
.main-menu .navbar-toggle .icon-bar {
background: #42c0e5;
width: 30px;
}
/*=============== end menu=================*/
.main-header .logo-outer {
width: 100%;
float: inherit !important;
text-align: center;
margin-bottom: 20px;
}
.main-header .header-upper .upper-right {
width: 100%;
float: inherit !important;
}
.main-header .info-box {
float: inherit;
display: inline-block;
margin-left: 0;
margin-right: 19px;
}
.main-header .outer-box2 {
top: -12px;
}
.tabs-style-two .tab .text-content .text {
width: 100%;
margin-left: 0px;
}
.post-filter {
text-align: center;
width: 100%;
}
.default-blog-news .lower-content h4 a {
font-size:19px;
}
.lunbox{
width:600% !important;
}
.lun{
width:16.66% ;
margin-right: 0 !important;
}
.left_img,.right_img{
display:none;
}
.organ{
width:auto;
}
.organ_content{
width:auto;
height:auto;
}
.img_box{
height:auto;
}
.img_box img{
margin-left:21px;
margin-right: 21px;
margin-top: 40px;
}
.default-blog-news .img-holder{
width:100%;
}
.owl-tag3{
width:500% !important;
}
.cloned{
width:260px !important;
/* margin: 0 !important; */
}
.item{
height: 300px !important;
}
}
@media only screen and (max-width: 767px) {
.about-us .img-box {
width: 100%;
margin-bottom: 30px;
}
.about-us .content {
width: 100%;
}
.main-header .outer-box2 {
top: 0;
}
.main-header .header-upper .upper-right {
text-align: center;
}
.footer-bottom .copy-text {
width: 100%;
}
.footer-bottom .get-text {
width: 100%;
}
.single-service .post-column .img-box {
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
}
.single-service .post-column .content {
width: 100%;
}
.single-service .tabs-style-one.tabs-box {
width: 100%;
padding-right: 0;
margin-bottom: 30px;
}
.single-service .request-quote {
width: 100%;
margin-left: 0;
}
.rev_slider .tp-caption {
display:none;
}
.feature-style1 .owl-nav {
top:0;
}
.subscribe-form input {
margin-bottom:10px;
width:100%;
}
.subscribe .thm-btn {
width: 100%;
}
/*
.owl-carousel{
width:100%;
}
*/
}
@media only screen and (max-width: 650px) {
.tabs-style-two .tab-buttons .tab-btn {
width: 50%;
}
}
.hidden-xs{
height: 870px !important;
}
/* .carousel,.carousel-inner,.item{
height: 100% !important;
} */
.img-responsive{
/* height: 100% !important; */
width: auto;
}