/* Autolog Logistics & Transportation HTML5 Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Featured Three Column
7. Top Services
8. Gallery
9. Get Quote
10. Fact Counter
11. Why Us
12. Team Section
13. Parallax Section
14. Testimonials Slider
15. Clients Column
16. Main Footer
17. About Section
18. Our Locations
19. Sponsors Section
20. Sidebar Style
21. Service Details
22. Blog Section
23. Blog Details Section
24. Pricing Table
25. Contact Us
26. Shortcode style
**********************************************/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Sacramento);
@import "font-awesome.min.css";
@import "font-awesome-animation.min.css";
@import "animate.css";
@import "flaticon.css";
@import "owl.css'";
@import "jquery.fancybox.css";
@import "fullcalender.css";
@import "hover.css";
@import "../index.html";
/*----jquery ui css-------*/
@import "../vendor/jquery-ui/jquery-ui.css";
/*----date-picker---------*/
@import "../vendor/time-picker/jquery.timepicker.css";
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'PT Sans', sans-serif;
font-size:16px;
color:#353434;
line-height:1.8em;
font-weight:500;
background:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
a{
text-decoration:none;
cursor:pointer;
color:#0d6bd6;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1 {
color: #0d6bd6;
font-family: 'Sacramento', cursive;
font-size: 42px;
font-weight: bold;
line-height: 1.1em;
}
h2,h3,h4,h5,h6 {
position:relative;
font-family: 'Raleway', sans-serif;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
}
input,button,select,textarea{
font-family: 'PT Sans', sans-serif;
}
p{
position:relative;
line-height:1.9em;
font-weight:400;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:320px;
min-height:500px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
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;
font-family: 'Raleway', sans-serif;
}
.centered{
text-align:center;
}
.anim-3,.anim-3-all *{
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;
}
.anim-5,.anim-5-all *{
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.anim-7,.anim-7-all *{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.default-btn{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#ffffff !important;
font-size:14px;
border:2px solid #ffffff !important;
font-family: 'Raleway', sans-serif;
font-weight:700;
border-radius:20px;
-webkit-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
-moz-border-radius:20px;
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;
}
.default-btn .fa{
padding-right:5px;
}
.default-btn.style-two,
.default-btn:hover{
background:#0d6bd6;
color:#ffffff !important;
border-color:#0d6bd6 !important;
}
.normal-btn{
position:relative;
padding:9px 25px;
line-height:24px;
text-transform:uppercase;
background:#0d6bd6;
color:#ffffff !important;
font-size:14px;
border:2px solid #ffffff !important;
font-family: 'Raleway', sans-serif;
font-weight:700;
border-radius:20px;
-webkit-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
-moz-border-radius:20px;
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;
}
.normal-btn .fa{
padding-right:5px;
}
.normal-btn:hover{
background:#0d6bd6;
color:#ffffff !important;
border-color:#1a1a1a !important;
}
.theme_color{
color:#ff9000;
}
.text-white{
color:#ffffff !important;
}
.padd-top-20{
padding-top:20px !important;
}
.padd-top-30{
padding-top:30px !important;
}
.padd-top-40{
padding-top:40px !important;
}
.padd-bott-20{
padding-bottom:20px !important;
}
.padd-bott-30{
padding-bottom:30px !important;
}
.pb-35 {
padding-bottom: 35px;
}
.padd-bott-40{
padding-bottom:40px !important;
}
.margin-top-20{
margin-top:20px !important;
}
.margin-top-30{
margin-top:30px !important;
}
.margin-top-40{
margin-top:40px !important;
}
.margin-bott-20{
margin-bottom:20px !important;
}
.margin-bott-30{
margin-bottom:30px !important;
}
.margin-bott-40{
margin-bottom:40px !important;
}
.no-padd-bottom{
padding-bottom:0px !important;
}
.no-padd-top{
padding-top:0px !important;
}
.no-margin-bottom{
margin-bottom:0px !important;
}
.no-margin-top{
margin-bottom:0px !important;
}
.no-bg{
background:none !important;
}
.mt-5 {
margin-top: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.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(../index.html);}
.text-black {
color: #000000 !important;
}
.position-absolute {
position: absolute;
}
.position-relative {
position: relative;
}
.img-fullwidth {
width: 100%;
}
.height-100 {
height: 100%;
}
.font-raleway {
font-family: 'Raleway', sans-serif;
}
.font-ptsand {
font-family: 'PT Sans', sans-serif;
}
.font-sacramento {
font-family: "Sacramento",cursive;
}
.font-13 {
font-size: 13px !important;
}
.font-14 {
font-size: 14px !important;
}
.font-16 {
font-size: 16px !important;
}
.font-18 {
font-size: 18px !important;
}
.font-20 {
font-size: 20px !important;
}
.font-22 {
font-size: 22px !important;
}
.font-24 {
font-size: 24px !important;
}
.font-30 {
font-size: 30px !important;
}
.font-32 {
font-size: 32px !important;
}
.font-64 {
font-size: 64px !important;
}
.font-72 {
font-size: 72px !important;
}
.font-100 {
font-size: 100px !important;
}
.font-weight-300 {
font-weight: 300;
}
.font-weight-400 {
font-weight: 400;
}
.font-weight-500 {
font-weight: 500;
}
.font-weight-600 {
font-weight: 600;
}
.font-weight-700 {
font-weight: 700;
}
.font-weight-800 {
font-weight: 800;
}
.bold {
font-weight: bold;
}
.border-1px {
border: 1px solid #eee;
}
.border-bottom {
border-bottom: 1px solid #eee;
}
.border-radius-30 {
border-radius: 30px;
}
.brder-left-3 {
border-left: 3px solid #ddd;
}
.bdrs-0 {
border-radius: 0 !important;
}
.bdrs-10 {
border-radius: 10px !important;
}
.border-thm{
color: #0d6bd6;
}
.img-fullwidth {
width: 100% !important;
}
.text-thm {
color: #0d6bd6 !important;
}
.text-thm2 {
color: #F1A1DC !important;
}
.bg-thm {
background: #0d6bd6 !important;
}
.bg-thm2 {
background: #F1A1DC !important;
}
.bg-lighter {
color: #f7f7f7 !important;
}
.bg-thm-transparent {
background: rgba(250, 77, 172, 0.4);
}
.text-white {
color: #fff !important;
}
.text-dark {
color: #1a1a1a !important;
}
.text-777 {
color: #777777;
}
.text-uppercase {
text-transform: uppercase;
}
.letter-spacing-1 {
letter-spacing: 1px;
}
.letter-spacing-2 {
letter-spacing: 2px;
}
.letter-spacing-3 {
letter-spacing: 3px;
}
.letter-spacing-4 {
letter-spacing: 4px;
}
.letter-spacing-5 {
letter-spacing: 5px;
}
.bold {
font-weight: bold !important;
}
.thm-btn {
background: #0d6bd6;
border-radius: 30px;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-weight: bold;
padding: 12px 35px;
border: 2px solid transparent;
transition: all .3s ease;
}
.btn-flat {
border-radius: 0;
}
.thm-btn:hover,
.thm-btn.inverse {
background-color: #fff;
border-color: #0d6bd6;
color: #0d6bd6;
}
.thm-btn:active,
.thm-btn:focus {
background-color: #fff;
border-color: #0d6bd6;
color: #0d6bd6;
}
.thm-btn.inverse:hover {
background: #0d6bd6;
border-color: #0d6bd6;
color: #fff;
}
.btn-xs {
font-size: 11px !important;
padding: 8px 15px !important;
}
/* .overlay styles */
.overlay-white {
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.overlay-white:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
background: #fff;
opacity: .9;
}
.layer-overlay::before {
background: rgba(15, 18, 20, 0.65) none repeat scroll 0 0;
content: " ";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.layer-overlay.overlay-white-5::before {
background: rgba(255, 255, 255, 0.5);
}
.layer-overlay.overlay-white-6::before {
background: rgba(255, 255, 255, 0.6);
}
.layer-overlay.overlay-white-8::before {
background: rgba(255, 255, 255, 0.8);
}
.layer-overlay.overlay-white-9::before {
background: rgba(255, 255, 255, 0.9);
}
.layer-overlay.overlay-dark-5::before {
background: rgba(0, 0, 0, 0.5);
}
.layer-overlay.overlay-dark-6::before {
background: rgba(0, 0, 0, 0.6);
}
.layer-overlay.overlay-dark-8::before {
background: rgba(0, 0, 0, 0.8);
}
.layer-overlay.overlay-dark-9::before {
background: rgba(0, 0, 0, 0.9);
}
.layer-overlay.overlay-theme::before {
background: rgba(250, 77, 172, 0.9);
}
.bg-img-cover {
background-size: cover;
background-position: 50% 20%;
background-repeat: no-repeat;
}
.bg-img-cover2 {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.bg-white {
background: #ffffff;
}
.bg-f7 {
background: #f7f7f7;
}
section > .container,
section > .container-fluid {
padding-top: 70px;
padding-bottom: 70px;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-xhidden {
overflow-x: hidden;
}
.overflow-yhidden {
overflow-y: hidden;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
}
.main-header .header-top{
position:relative;
border-bottom:1px solid rgba(0,0,0,0.30);
padding:5px 0px;
background:#252525;
}
.main-header .header-top .top-left{
position:relative;
float:left;
}
.main-header .header-top ul li{
position:relative;
display:inline-block;
margin-left:20px;
}
.main-header .header-top .top-left ul li{
margin-right:20px;
margin-left:0px;
}
.main-header .header-top ul li a{
position:relative;
display:block;
line-height:20px;
color:#ffffff;
font-size:12px;
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.main-header .header-top ul li .fa{
position:relative;
top:1px;
font-size:13px;
padding-right:5px;
}
.main-header .header-top ul li a:hover{
color:#ffffff;
}
.main-header .header-top .top-right{
position:relative;
float:right;
}
.main-header .header-lower{
position:relative;
padding:0px 0px;
background:#ffffff;
width:100%;
left:0px;
top:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fixed-header .header-lower{
position:fixed;
padding:0px !important;
}
.main-header .header-lower .outer-box{
position:relative;
padding:0px 150px 0px 0px;
}
.main-header .header-lower .search-box-btn{
position:absolute;
right:80px;
top:35px;
width:40px;
padding-left:10px;
}
.main-header .header-lower .search-box-btn .search-btn{
position:relative;
display:block;
font-size:18px;
color:#ffffff;
line-height:30px;
width:30px;
height:30px;
text-align:center;
cursor:pointer;
}
.main-header .header-lower .search-box-btn .search-btn:hover{
color:#f1f1f1;
}
.main-header .header-lower .logo{
position:relative;
float:left;
padding-right:10px;
background:#000;
line-height: 100px;
}
.main-header .header-lower .logo:before{
content:'';
position:absolute;
right:100%;
top:0%;
width:1000px;
height:100%;
background:#000;
}
.main-header .header-lower .logo:after{
content:'';
position:absolute;
left:80%;
top:0%;
width:100px;
height:100%;
background:#000;
transform:skewX(-25deg);
-webkit-transform:skewX(-25deg);
-ms-transform:skewX(-25deg);
-o-transform:skewX(-25deg);
-moz-transform:skewX(-25deg);
}
.main-header .header-lower .logo img{
position:relative;
display:inline-block;
max-width:200px;
z-index:1;
}
.main-menu{
position:relative;
float:right;
padding:30px 0px;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
float:right;
margin:0px;
font-family: 'Raleway', sans-serif;
}
.main-menu .navigation > li{
position:relative;
float:left;
padding:0px;
margin-right:40px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:10px 0px;
font-size:14px;
color:#0d6bd6;
line-height:20px;
font-weight:700;
text-transform:uppercase;
opacity:1;
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-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
color:#1a1a1a;
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:160%;
width:200px;
padding:0px;
border:1px solid #ffffff;
z-index:100;
background:#0d6bd6;
visibility:hidden;
opacity:0;
border-radius:0px 5px 5px 5px;
-ms-border-radius:0px 5px 5px 5px;
-webkit-border-radius:0px 5px 5px 5px;
-moz-border-radius:0px 5px 5px 5px;
-o-border-radius:0px 5px 5px 5px;
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-menu .navigation > li > ul:before{
font-family: 'FontAwesome';
content: "\f0d8";
position:absolute;
left:15px;
top:-19px;
padding-top:4px;
display:block;
width:100%;
width:100%;
height:20px;
display:block;
color:#0d6bd6;
line-height:20px;
font-size:28px;
z-index:5;
}
.main-menu .navigation > li:hover > ul {
top:120%;
opacity:1;
visibility:visible;
}
.main-menu .navigation > li > ul > li{
position:relative;
float:none;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.50);
}
.main-menu .navigation > li > ul > li:last-child{
border:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:5px 10px;
font-weight:normal;
font-size:13px;
color:#ffffff;
font-weight:500;
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-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background-color:#F1A1DC;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f0da";
position:absolute;
right:10px;
top:8px;
width:10px;
height:20px;
display:block;
color:#ffffff;
line-height:20px;
font-size:16px;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#1a1a1a;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:110%;
top:-1px;
width:180px;
padding:0px;
border:1px solid #ffffff;
border-top-width:2px;
z-index:100;
background:#0d6bd6;
visibility:hidden;
opacity:0;
border-radius:0px 5px 5px 5px;
-ms-border-radius:0px 5px 5px 5px;
-webkit-border-radius:5px 0px 5px 5px;
-moz-border-radius:0px 5px 5px 5px;
-o-border-radius:0px 5px 5px 5px;
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-menu .navigation > li > ul > li:hover > ul {
left:100%;
opacity:1;
visibility:visible;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
float:none;
width:100%;
border-bottom:1px solid #ffffff;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:4px 10px;
font-weight:normal;
font-size:13px;
color:#ffffff;
font-weight:500;
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-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background-color:#F1A1DC;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
background:url(../images/icons/submenu-icon.png) center center no-repeat;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.appoinment-btn {
position: absolute;
right: 0;
top: 25px;
}
.appoinment-form-outer {
position:relative;
padding:25px 30px 40px;
background:#f6f6f6;
border-radius:2px;
font-family:'Open Sans',sans-serif;
}
.appoinment-form-outer h3 {
font-size:24px;
font-weight:600;
margin-bottom:30px;
}
.appoinment-form-outer hr {
margin-bottom:40px;
border-color:#e0e0e0;
}
.appoinment-form-outer .form-group {
position:relative;
margin-bottom:30px;
}
.appoinment-form-outer input[type="text"],
.appoinment-form-outer input[type="email"],
.appoinment-form-outer input[type="tel"],
.appoinment-form-outer input[type="url"],
.appoinment-form-outer input[type="password"],
.appoinment-form-outer select,
.appoinment-form-outer textarea {
position:relative;
display:block;
width:100%;
line-height:34px;
padding:8px 20px;
background:#ffffff;
border:1px solid #e0e0e0;
height:52px;
}
.appoinment-form-outer select {
cursor:pointer;
}
.appoinment-form-outer .field-label {
position:relative;
display:block;
font-weight:600;
font-size:18px;
color:#252525;
line-height:28px;
margin-bottom:10px;
}
.appoinment-form-outer .field-label .required {
color:#ff0000;
font-size:14px;
}
.appoinment-form-outer .radio-select {
position:relative;
float:left;
margin-right:30px;
margin-bottom:5px;
line-height:50px;
outline: none;
}
.appoinment-form-outer .radio-select:last-child {
margin-left:25px;
}
.appoinment-form-outer .radio-select label {
color: #252525;
cursor: pointer;
font-size: 24px;
font-weight: 600;
position: relative;
text-align: center;
text-transform: uppercase;
}
.appoinment-form-outer .radio-select input[type="radio"]:checked+label {
color:#0d6bd6;
}
.appoinment-form-outer button {
padding:9px 30px;
}
.modal-backdrop {
z-index: 0;
}
.title-border::after {
background: #0d6bd6 none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 30px;
width: 50px;
}
.dl-horizontal dd {
margin-bottom: 30px;
}
/*Search Box*/
.main-header .search-box{
position:relative;
padding:15px 0px;
border-bottom:1px solid rgba(255,255,255,0.30);
background:#944738;
color:#ffffff;
display:none;
}
.main-header .search-box .search-title{
position:relative;
float:left;
}
.main-header .search-box .search-title h2{
font-size:20px;
font-weight:600;
line-height:36px;
}
.main-header .search-box .search-form{
position:relative;
float:right;
max-width:350px;
overflow:hidden;
}
.main-header .search-box .form-group{
position:relative;
display:block;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.main-header .search-box .form-group input[type="search"],
.main-header .search-box .form-group input[type="text"]{
position:relative;
display:block;
width:100%;
padding:8px 40px 6px 15px;
border:2px solid rgba(255,255,255,0.30);
color:#ffffff;
font-weight:500;
font-size:16px;
line-height:22px;
background:none;
}
.main-header .search-box .form-group input[type="search"]:focus,
.main-header .search-box .form-group input[type="text"]:focus{
border-color:rgba(255,255,255,0.70);
}
.main-header .search-box .form-group .search-submit{
position:absolute;
right:1px;
top:1px;
width:40px;
height:38px;
background:#5d1d10;
display:block;
padding:0px 10px;
color:#ffffff;
font-size:16px;
line-height:38px;
}
.main-header .search-box .form-group .search-submit:hover{
background:#343434;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
background:none;
color:#1c1c1c;
}
.main-slider h1{
line-height:1.8em;
font-size:56px;
}
.main-slider h2{
font-size:48px;
color:#ffffff;
font-weight:700;
}
.main-slider h3{
line-height:2em;
font-size:32px;
}
.main-slider .tp-bullets{
display:none;
}
.tp-bullets.preview4 .bullet{
background:#0d6bd6 !important;
border-color:#202020 !important;
margin:0px 5px;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{
border-color:#0d6bd6 !important;
}
.main-slider.default-slider .carousel-inner{
position:relative;
width:100%;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.main-slider.parallax-background .carousel-inner{
width:100%;
max-width:none;
padding:0px;
text-align:center;
}
.default-banner .window-size{
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
}
.default-banner .window-size{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.with-parallax-bg.window-size{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.static-banner .static-content{
max-width:1200px;
margin:0 auto;
color:#ffffff;
}
.window-size .auto-container{
position:relative;
left:0px;
top:0px;
display:table;
width:100%;
max-width:100%;
height:100%;
padding:50px 15px 50px;
text-align:center;
}
.window-size .auto-container .box-inner{
position:relative;
display:table-cell;
vertical-align:middle;
}
.window-size .text{
color:#ffffff;
font-size:16px;
}
.main-slider .links-box{
position:relative;
display:block;
padding-top:10px;
}
.default-banner .window-size .big-title,
.default-banner .window-size .text,
.default-banner .window-size p,
.default-banner .window-size .theme-btn{
margin-bottom:15px;
}
.main-slider .window-size .big-title,
.main-slider .window-size .text,
.main-slider .window-size .theme-btn{
animation:none;
-webkit-animation:none;
-ms-animation:none;
-o-animation:none;
-moz-animation:none;
margin-bottom:15px;
}
.default-banner .window-size.active .big-title{
animation-name:bounceInDown;
-webkit-animation-name:bounceInDown;
-ms-animation-name:bounceInDown;
-moz-animation-name:bounceInDown;
-o-animation-name:bounceInDown;
animation-duration:1000ms;
-webkit-animation-duration:1000ms;
-ms-animation-duration:1000ms;
-o-animation-duration:1000ms;
-moz-animation-duration:1000ms;
}
.default-banner .window-size.active .text{
animation-name:fadeIn;
-webkit-animation-name:fadeIn;
-ms-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-duration:1000ms;
-webkit-animation-duration:1000ms;
-ms-animation-duration:1000ms;
-o-animation-duration:1000ms;
-moz-animation-duration:1000ms;
}
.default-banner .window-size.active .theme-btn{
animation-name:zoomIn;
-webkit-animation-name:zoomIn;
-ms-animation-name:zoomIn;
-moz-animation-name:zoomIn;
-o-animation-name:zoomIn;
animation-duration:1000ms;
-webkit-animation-duration:1000ms;
-ms-animation-duration:1000ms;
-o-animation-duration:1000ms;
-moz-animation-duration:1000ms;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:80px;
right:10px;
width:40px;
height:40px;
color:#ffffff;
background:#0d6bd6;
font-size:14px;
line-height:38px;
border:1px solid #0d6bd6;
text-align:center;
z-index:100;
cursor:pointer;
border-radius:3px;
display:none;
}
.scroll-to-top:hover{
background:#ffffff;
color:#000000;
border-color:#0d6bd6 !important;
}
/***
====================================================================
Featured Three Column style
====================================================================
***/
.featured-three-column{
position:relative;
background:none;
z-index:100;
}
.featured-three-column.style-two{
padding:70px 0px 0px;
margin-top:0px;
}
.featured-three-column .column{
position:relative;
margin-bottom:50px;
text-align:center;
}
.featured-three-column .column .overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
overflow:hidden;
}
.featured-three-column .column .overlay .left-curve{
position:absolute;
left:-10px;
top:0px;
width:10px;
height:100%;
opacity:0;
background:#0d6bd6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-three-column .column:hover .overlay .left-curve{
left:0px;
}
.featured-three-column .column .overlay .right-curve{
position:absolute;
right:-10px;
top:0px;
width:10px;
height:100%;
opacity:0;
background:#0d6bd6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-three-column .column:hover .overlay .right-curve{
right:0px;
}
.featured-three-column .column .overlay .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background-color:rgba(250, 77, 172,0.40);
z-index:1;
transform:scale(0,0);
-webkit-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
-moz-transform:scale(0,0);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-three-column .column:hover .overlay .overlay-link{
opacity:1;
transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
}
.featured-three-column .inner-box{
position:relative;
max-width:600px;
margin:0 auto;
background:#0d6bd6;
color:#cccccc;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-three-column .column .inner-box:hover {
box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-webkit-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-ms-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-o-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70);
-moz-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70);
}
.featured-three-column .inner-box .content{
position:relative;
padding:0 20px;
}
.featured-three-column .column:nth-child(even) .inner-box{
background:#0d6bd6;
color:#ffffff;
}
.featured-three-column .image{
position:relative;
overflow:hidden;
}
.featured-three-column .image img{
position:relative;
display:block;
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;
}
.featured-three-column .column:hover .image img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.featured-three-column h3{
font-size:24px;
color:#ffffff;
font-weight:800;
padding:8px 0 5px;
text-transform:capitalize;
}
.featured-three-column .link{
position:relative;
bottom:-20px;
}
.featured-three-column .link a {
border: 2px solid #fa4dac;
}
.featured-three-column .link a:hover {
border: 2px solid #ffffff;
}
.featured-three-column .column:nth-child(even) .normal-btn{
background:#252525;
}
.featured-three-column .column .normal-btn:hover{
background:#ffffff !important;
color:#0d6bd6 !important;
border-color:#0d6bd6 !important;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
text-align:center;
}
.time-counter .time-countdown .counter-column{
position:relative;
display:inline-block;
padding:42px 10px 10px;
width:124px;
height:140px;
background:url(../images/icons/timecounter-frame-1.png) center center no-repeat;
color:#ffffff;
font-size:16px;
font-style:italic;
text-transform:capitalize;
text-align:center;
}
.default-timecounter .time-counter .time-countdown .counter-column{
background:url(../images/icons/timecounter-frame-2.png) center center no-repeat;
color:#fc5a61;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:32px;
line-height:30px;
font-style:normal;
padding-bottom:3px;
}
/***
====================================================================
Top Services style
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:45px;
text-align:center;
}
.sec-title h3{
position:relative;
text-transform:uppercase;
font-size:15px;
font-weight:800;
color:#646d72;
margin-bottom:0px;
}
.sec-title h2{
position:relative;
text-transform:uppercase;
font-size:24px;
font-weight:800;
color:#3a4145;
}
.sec-title p{
position:relative;
font-size:15px;
color:#3a4145;
margin-bottom:10px;
}
.sec-title .line{
position:relative;
width:40px;
height:6px;
background:#cccccc;
margin:20px auto 0px;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
.sec-title.style-two .line{
background:#ffffff;
}
.sec-title.style-three .line{
margin:40px 0px 0px;
}
.sec-title.text-center img {
margin-left: auto;margin-right: auto;
}
.top-services{
position:relative;
padding:50px 0px 10px;
}
.top-services .column{
position:relative;
margin-bottom:40px;
}
.top-services .column .inner-box{
position:relative;
max-width:500px;
margin:0 auto;
padding-left:100px;
}
.top-services .column .icon{
position:absolute;
left:0px;
top:10px;
font-size:72px;
color:#0d6bd6;
width:80px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.top-services .column:hover .icon{
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-moz-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8);
-ms-transform:scale(0.8,0.8);
}
.top-services .column h3{
position:relative;
font-size:16px;
font-weight:800;
margin-bottom:15px;
color:#3a4145;
text-transform:capitalize;
}
.top-services .column .text{
position:relative;
color:#888888;
}
/* Event Section*/
.event-item {
overflow-x: hidden;
transition:all 500ms ease 0s;
}
.event-item:hover {
box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-webkit-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-ms-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70);
-o-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70);
-moz-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70);
}
.event-item:hover .event-thumb{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.event-thumb {
overflow-y: hidden;
transition:all 500ms ease 0s;
}
.event-item .event-details {
position: relative;
}
.event-day {
color: #000;
}
.event-day span {
line-height: 27px;
}
/* service tow */
.services-section{
position:relative;
padding:80px 0px 40px;
}
.services-section.style-two{
padding:30px 30px 0px;
background:#ffffff;
}
.services-section .column{
position:relative;
margin-bottom:40px;
}
.services-section .column h2{
position:relative;
font-size:24px;
text-transform:capitalize;
color:#3a4145;
font-weight:800;
margin-bottom:10px;
}
.services-section.style-two .main-title{
position:relative;
font-size:24px;
text-transform:capitalize;
color:#3a4145;
font-weight:800;
margin-bottom:15px;
}
.services-section .column h3{
position:relative;
font-size:16px;
font-weight:800;
color:#5f6467;
margin-bottom:15px;
}
.services-section.style-two .column h2{
position:relative;
font-size:16px;
font-weight:800;
}
.services-section .column .image{
position:relative;
margin-bottom:15px;
overflow:hidden;
}
.services-section .column .image img{
position:relative;
display:block;
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;
}
.services-section .column:hover .image img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.services-section .column .read-more{
font-weight:800;
color:#0d6bd6;
text-transform:uppercase;
font-size:14px;
}
.services-section .column .read-more .fa{
padding-right:5px;
}
.services-section .column .read-more:hover{
color:#0d6bd6;
}
.service-details{
position:relative;
margin-bottom:10px;
}
.service-details .content-outer{
position:relative;
padding:20px;
background:#ffffff;
}
.service-details h2{
font-size:24px;
color:#3a4145;
font-weight:800;
margin-bottom:20px;
text-transform:capitalize;
}
.service-details h3{
font-size:16px;
color:#3a4145;
font-weight:800;
margin-bottom:20px;
text-transform:capitalize;
}
.service-details .full-image{
position:relative;
}
.service-details .full-image img{
position:relative;
display:block;
width:100%;
}
/***
====================================================================
Fleet Gallery style
====================================================================
***/
.gallery-section{
position:relative;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
color:#ffffff;
text-align:center;
}
.gallery-section .column{
position:relative;
padding:0px;
}
.gallery-section .column .image{
position:relative;
overflow:hidden;
}
.gallery-section .column .image img{
position:relative;
display:block;
width:100%;
height:auto;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.gallery-section .column:hover .image img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.gallery-section .column .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
overflow:hidden;
}
.gallery-section .column .image .overlay-box .link{
position:absolute;
left:-100%;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
color:#ffffff;
background:rgba(250, 77, 172,0.80);
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.gallery-section .column .image .overlay-box .txt{
position:relative;
display:table-cell;
vertical-align:middle;
color:#ffffff;
text-transform:capitalize;
font-weight:800;
font-size:14px;
}
.gallery-section .column:hover .image .overlay-box .link{
left:0px;
opacity:1;
}
/***
====================================================================
Get Quote style
====================================================================
***/
.get-quote{
position:relative;
padding:80px 0px 0px;
background: url(../index.html) center center no-repeat;
background-size:cover;
background-position: center 80%;
}
.get-quote .sec-title{
margin-bottom:30px;
}
.get-quote .sec-title .line{
margin-top:20px
}
.get-quote .sec-title h3,
.get-quote .sec-title h2{
text-transform:capitalize;
margin-bottom:0px;
}
.get-quote form input[type="text"],
.get-quote form input[type="password"],
.get-quote form input[type="email"],
.get-quote form input[type="url"],
.get-quote form input[type="tel"],
.get-quote form textarea,
.get-quote form select{
background:#ffffff;
border:1px solid #cccccc;
box-shadow:0px 0px 3px 0px rgba(0,0,0,0.30);
color:#1a1a1a;
display:block;
font-style:italic;
height: 45px;
line-height:24px;
margin-bottom: 15px;
padding:5px 15px;
position:relative;
width:100%;
}
.get-quote form textarea{
height:150px;
resize:none;
}
.get-quote form button{
padding:8px 50px;
}
.get-quote .form{
position:relative;
margin:30px 0px;
z-index:2;
}
.get-quote .form .note{
position:relative;
padding:10px 0px;
font-style:italic;
}
/***
====================================================================
Fact Counter Section
====================================================================
***/
.fact-counter{
position:relative;
padding:80px 0px 20px;
color:#ffffff;
background-color:#0d6bd6;
}
.fact-counter .auto-container{
position:relative;
z-index:1;
}
.fact-counter .column{
position:relative;
margin-bottom:50px;
text-align:center;
}
.fact-counter .count-outer{
position:relative;
font-size:42px;
font-weight:700;
}
.fact-counter .column .line{
position:relative;
width:50px;
height:2px;
background:#ffffff;
margin:30px auto;
}
.fact-counter .column .counter-title{
position:relative;
font-size:18px;
text-transform:uppercase;
font-weight:700;
}
/***
====================================================================
Why Us Section
====================================================================
***/
.why-us-section{
position:relative;
padding:90px 0px 50px;
color:#ffffff;
background-color:#242424;
}
.why-us-section .bg-grey{
position:absolute;
left:90px;
top:0px;
width:50%;
height:100%;
background-color:#242424;
z-index:1;
transform:skewX(-14deg);
-webkit-transform:skewX(-14deg);
-moz-transform:skewX(-14deg);
-ms-transform:skewX(-14deg);
-o-transform:skewX(-14deg);
}
.why-us-section .bg-image{
position:absolute;
right:0px;
top:0px;
width:65%;
height:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
z-index:0;
}
.why-us-section .auto-container{
position:relative;
z-index:2;
}
.why-us-section .sec-title h2,
.why-us-section .sec-title h3{
text-transform:capitalize;
margin-bottom:0px;
}
.why-us-section .sec-title .line{
margin-top:25px;
}
.why-us-section .block{
position:relative;
padding-left:100px;
margin-bottom:30px;
padding-right:10px;
}
.why-us-section .block .number{
position:absolute;
left:10px;
top:15px;
font-style:italic;
color:#3a3a3a;
font-weight:800;
font-size:92px;
}
.why-us-section .block:hover .number{
color:#0d6bd6;
}
.why-us-section .block h4{
position:relative;
font-size:16px;
font-weight:700;
color:#ffffff;
font-style:normal;
margin-bottom:10px;
}
.why-us-section .block p{
position:relative;
font-size:14px;
font-weight:400;
color:#cccccc;
font-style:normal;
margin-bottom:10px;
}
/* calendar style */
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
background: #0d6bd6;
color: #ffffff;
}
.ui-timepicker-list li:hover {
background-color: #0d6bd6;
}
/***
====================================================================
Team Section style
====================================================================
***/
.team-section{
position:relative;
padding:70px 0px 40px;
}
.team-section .column{
position:relative;
margin-bottom:30px;
}
.team-section .column img{
display:block;
width:100%;
}
.team-section .column .title-box{
padding-top:20px;
}
.team-section .column .title-box h4{
font-size:16px;
font-weight:800;
color:#3a4145;
}
.team-section .column .title-box p{
font-style:italic;
color:#888888;
}
.team-section .column .text{
margin:10px 0px 20px;
}
.team-section .column .read-more{
font-weight:800;
color:#0d6bd6;
text-transform:uppercase;
font-size:14px;
}
.team-section .column .read-more .fa{
padding-right:5px;
}
.team-section .column .read-more:hover{
color:#0d6bd6;
}
/* inner doctor page */
.bottom-border::before {
background-color: #0d6bd6;
bottom: -2px;
content: "";
height: 2px;
position: absolute;
width: 50px;
}
.social-icons li,
.list-inline li {
display: inline-block;
margin-bottom: 0;
margin-top: 0;
}
.social-icons.icon-thm a {
background-color: #ffffff;
color: #0d6bd6;
display: block;
font-size: 18px;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
}
.social-icons.icon-thm a:hover {
color: #555555;
}
ul.list.asterisk li::before {
content: "";
color: #0d6bd6;
font-family: fontawesome;
font-size: 12px;
}
ul.list li::before {
border: medium none;
color: #a9a9a9;
content: "ï„‘";
display: inline-block;
font-family: fontawesome;
font-size: 9px;
margin-right: 10px;
padding: 0;
}
ul.list li {
margin: 5px 0;
}
.opening-hourse ul li {
border-bottom: 1px solid #787878;
margin-bottom: 0 !important;
padding: 10px 0;
}
.dl-horizontal.doctor-info dt {
color: #333333;
font-size: 14px;
width: auto;
}
.opening-hourse ul li .value {
float: right;
}
.bottom-border {
border-bottom: 2px solid #f8f8f8;
margin-bottom: 30px;
padding-bottom: 5px;
position: relative;
}
/* Team from mediplus */
.meet-doctors.gray-bg {
background: #FBFCFC;
}
.meet-doctors.team-page {
padding-bottom: 30px;
}
.meet-doctors.team-page .single-team-member {
margin-bottom: 60px;
}
.single-team-member .img-box {
margin-bottom: 25px;
position: relative;
display: inline-block;
}
.single-team-member .img-box .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
background: rgba(250, 77, 172, 0.75);
transform: scale(0);
transition: all .5s ease;
}
.single-team-member:hover .img-box .overlay {
transform: scale(1);
}
.single-team-member .img-box .overlay .box {
display: table;
width: 100%;
height: 100%;
}
.single-team-member .img-box .overlay .box .content {
display: table-cell;
vertical-align: middle;
}
.single-team-member .img-box .overlay .box .content ul {
text-align: center;
margin: 0;
padding: 0;
}
.single-team-member .img-box .overlay .box .content ul li {
display: inline-block;
list-style: none;
}
.single-team-member .img-box .overlay .box .content ul li a {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 8px;
background: #fff;
color: #0d6bd6;
border: 1px solid #fff;
line-height: 38px;
font-size: 18px;
border-radius: 50%;
transition: all .3s ease;
}
.single-team-member .img-box .overlay .box .content ul li a:hover {
background: #0d6bd6;
border-color: #fff;
color: #fff;
}
.single-team-member h3 {
font-size: 18px;
text-transform: capitalize;
font-weight: bold;
color: #222E35;
line-height: 25px;
margin: 0;
margin-bottom: 4px;
}
.single-team-member > span {
font-size: 13px;
color: #0d6bd6;
text-transform: capitalize;
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #E6E6E6;
}
.single-team-member p {
font-size: 14px;
color: #9C9C9C;
line-height: 26px;
margin: 0;
}
.single-team-member a.thm-btn {
padding: 9px 24px;
background: #fff;
border-color: #0d6bd6;
color: #222E35;
margin-top: 13px;
}
.single-team-member a.thm-btn:hover {
background: #0d6bd6;
border-color: #0d6bd6;
color: #fff;
}
.team-carousel .owl-controls {
position: absolute;
top: -115px;
right: 0;
}
.owl-theme .owl-nav {
margin: 0;
}
.owl-theme .owl-nav [class*=owl-] {
background: #306AB6;
color: #fff;
width: 45px;
height: 45px;
border: 2px solid #306AB6;
font-size: 22px;
line-height: 43px;
padding: 0;
margin: 0;
border-radius: 0;
margin-left: 15px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #fff;
color: #306AB6;
}
.separator::before, .separator::after {
border-bottom: 1px solid #eeeeee;
content: "";
display: inline-block;
height: 2.1em;
margin: 0 -4px 0 -100%;
vertical-align: top;
width: 50%;
}
.separator::after {
margin: 0 -100% 0 0;
}
.separator {
color: #c0c0c0;
line-height: 1.2em;
margin: 30px auto;
overflow: hidden;
text-align: center;
width: 100%;
}
.separator i, .separator span, .separator a {
display: inline-block;
font-size: 60px;
margin: 0 20px 0 24px;
}
/***
====================================================================
Parallax Section
====================================================================
***/
.divider,
.bg-parallax {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
overflow: hidden;
width: 100%;
}
/* -------- Parallax ---------- */
.bg-parallax {
background-position: center 50%;
}
.parallax {
background-attachment: fixed;
background-position: center 50%;
background-repeat: no-repeat;
}
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center;
}
.parallax-section{
position:relative;
padding:90px 0px;
color:#ffffff;
background-position:center center;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
}
.parallax-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(250, 77, 172,0.50);
z-index:0;
}
.parallax-section .auto-container{
position:relative;
z-index:5;
}
.parallax-section strong{
font-weight:700;
}
.parallax-section.style-two h3{
margin-bottom:0px;
}
.parallax-section .line{
position:relative;
width:40px;
height:6px;
background:#ffffff;
margin:0px auto 40px;
}
.line-center{
position:relative;
width:40px;
height:6px;
background:#ffffff;
margin:0px auto 40px;
left: 0;
right: 0;
top: 20px;
}
.parallax-section.style-two .text{
position:relative;
padding-right:150px;
}
.parallax-section .theme-btn{
margin:0px 12px 10px;
padding:12px 30px;
color:rgba(255,255,255,0.80);
border-radius:25px;
display:inline-block;
}
.parallax-section .normal-btn{
border-color:#ffffff ;
background:#ffffff;
color:#1c1c1c !important;
}
.parallax-section .theme-btn:hover{
border-color:#1c1c1c !important;
background:#ffffff;
color:#1c1c1c !important;
}
/* parallax two */
.page-title{
position:relative;
padding:100px 0px;
color:#ffffff;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
text-align:center;
}
.page-title:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.30);
z-index:0;
}
.page-title .auto-container{
position:relative;
z-index:5;
}
.page-title h1{
position:relative;
margin-bottom:10px;
font-family: 'Raleway', sans-serif;
font-size:50px;
text-transform:capitalize;
font-weight:500;
color:#ffffff;
}
.page-title .bread-crumb{
color: #0d6bd6;
font-size: 18px;
font-weight: bold;
position:relative;
display:inline-block;
padding:6px 25px;
background: transparent;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
-moz-border-radius:7px;
}
.page-title .bread-crumb li{
position:relative;
display:inline-block;
padding-right:20px;
line-height:24px;
}
.page-title .bread-crumb li:last-child{
padding-right:0px;
}
.page-title .bread-crumb li:after{
font-family: 'FontAwesome';
content: "\f0da";
position:absolute;
right:0px;
top:0px;
text-align:center;
line-height:36px;
width:15px;
display:block;
}
.page-title .bread-crumb li:last-child:after{
display:none;
}
.page-title .bread-crumb li a{
position:relative;
display:block;
line-height:36px;
color:#ffffff;
font-size:24px;
font-weight:600;
}
.page-title .bread-crumb li a:hover,
.page-title .bread-crumb li:last-child a{
color:#dddddd;
}
.page-title .go-down{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:30px;
text-align:center;
}
.page-title .go-down .icon{
position:absolute;
width:100%;
left:-5px;
top:5px;
height:30px;
line-height:30px;
font-size:12px;
}
.page-title .go-down .curve{
position:relative;
display:inline-block;
width:0px;
top:-29px;
color:#1c1c1c;
border:30px solid transparent;
border-bottom:30px solid #ffffff;
cursor:pointer;
}
.page-title .go-down .curve:hover{
border-bottom-color:#0d6bd6;
color:#ffffff;
}
/***
====================================================================
Default Two Column / Testimonials
====================================================================
***/
.default-two-column{
position:relative;
padding:80px 0px 30px;
background:#ededed url(../images/background/bg-pattern.png) center center no-repeat;
background-size:cover;
}
.default-two-column .sec-title{
margin-bottom:50px;
}
.default-two-column .sec-title .line{
margin-top:20px;
}
.default-two-column .sec-title h3,
.default-two-column .sec-title h2{
text-transform:capitalize;
margin-bottom:0px;
}
.default-two-column .column{
margin-bottom:50px;
}
.default-two-column .column .inner-box{
position:relative;
padding:0px 10px;
}
.testimonial-slider{
position:relative;
}
.testimonial-slider .slide-content{
position:relative;
padding:25px 30px;
background:#0d6bd6;
border:1px solid #0d6bd6;
color:#3a4145;
margin-bottom:30px;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.testimonial-slider .slide-content:before{
content:'';
position:absolute;
left:19px;
bottom:-33px;
border:18px solid transparent;
border-top:16px solid #0d6bd6;
}
.testimonial-slider .slide-content:after{
content:'';
position:absolute;
left:22px;
bottom:-28px;
border:15px solid transparent;
border-top:15px solid #0d6bd6;
}
.testimonial-slider .slide-info{
position:relative;
padding-left:90px;
padding-top:15px;
min-height:80px;
}
.testimonial-slider .slide-info .author-thumb{
position:absolute;
left:0px;
top:0px;
width:74px;
height:74px;
border:2px solid #0d6bd6;
}
.testimonial-slider .slide-info .author-thumb img{
position:relative;
display:block;
width:100%;
}
.testimonial-slider .slide-info h5{
font-size:15px;
color:#3a4145;
text-transform:capitalize;
font-weight:700;
}
.testimonial-slider .slide-info p{
font-style:italic;
}
.testimonial-slider .slide-content > p {
color: #fff;
}
.testimonial-slider .bx-pager{
position:absolute;
bottom:80px;
right:0px;
z-index:100;
}
.testimonial-slider .bx-pager-item{
display:inline-block;
width:12px;
height:12px;
margin:0px 3px;
}
.testimonial-slider .bx-pager-link{
position:relative;
display:block;
width:12px;
height:12px;
border:2px solid #1a1a1a;
background:none;
overflow:hidden;
text-indent:100px;
font-size:0px;
border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
}
.testimonial-slider .bx-pager-link:hover,
.testimonial-slider .bx-pager-link.active{
border-color:#0d6bd6;
background:#0d6bd6;
}
.clients-column{
position:relative;
background:#0d6bd6;
border:1px solid #0d6bd6;
border-bottom:none;
border-left:none;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
overflow:hidden;
}
.clients-column .image{
position:relative;
padding:12px 20px !important;
text-align:center;
border:1px solid #eeeeee;
border-right:none;
border-top:none;
background:none;
}
.clients-column .image img{
display:inline-block;
max-width:100%;
max-height:72px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
border-top:3px solid #0d6bd6;
color:#dddddd;
}
.main-footer .go-up{
position:absolute;
left:0px;
top:0px;
width:100%;
height:30px;
text-align:center;
color:#ffffff;
}
.main-footer .go-up .icon{
position:absolute;
width:100%;
left:-5px;
top:-32px;
height:30px;
line-height:30px;
font-size:12px;
}
.main-footer .go-up .curve{
position:relative;
display:inline-block;
width:0px;
top:0px;
border:30px solid transparent;
border-top:30px solid #0d6bd6;
cursor:pointer;
}
.main-footer .footer-upper{
position:relative;
padding:100px 0px 20px;
background:#252525;
}
.main-footer .footer-upper .column{
position:relative;
margin-bottom:20px;
}
.footer-upper .column h2{
position:relative;
display:inline-block;
font-weight:800;
font-size:16px;
line-height:1.4em;
padding:0px 0px 30px 0px;
margin-bottom:25px;
text-transform:uppercase;
color:#ffffff;
}
.footer-upper .column h2:after{
content:'';
position:absolute;
left:0px;
bottom:0px;
width:40px;
height:6px;
background:#393939;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.footer-upper .column h2 strong{
font-weight:400;
}
.main-footer .footer-upper .links ul li{
line-height: 24px;
margin-bottom: 10px;
position: relative;
}
.main-footer .footer-upper .links ul li:before {
content:'\f0da';
font-family:'FontAwesome';
color: #999999;
font-size: 12px;
left: 0;
line-height: 18px;
position: absolute;
top: 3px;
}
.main-footer .footer-upper .links ul li:hover:before{
color:#0d6bd6;
}
.main-footer .footer-upper .links ul li a {
color: #dddddd;
display: block;
padding-left: 15px;
}
.main-footer .footer-upper .links ul li a:hover {
color: #0d6bd6;
}
.main-footer .social-links{
position:relative;
padding-top:5px;
}
.social-links a{
position:relative;
display:inline-block;
margin:0px 5px 3px 0px;
width:32px;
height:32px;
line-height:30px;
color:#dddddd;
border:1px solid #999999;
background:#1b1b1b;
font-size:13px;
text-align:center;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.social-links a:hover{
border-color:#0d6bd6;
background:#0d6bd6;
color:#ffffff;
}
.social-links.couple a{
color:#ffffff;
border:1px solid #ffffff;
background:#F1A1DC;
}
.social-links.couple a:hover{
border-color:#ffffff;
background:#0d6bd6;
color:#ffffff;
}
.footer-upper .form-box{
position:relative;
}
.footer-upper .form-group{
position:relative;
margin-bottom:20px;
}
.footer-upper .form-group input{
position:relative;
display:block;
width:100%;
padding:9px 40px 9px 15px;
line-height:22px;
background:#1e1e1e;
color:#ffffff;
}
.footer-upper .form-box button{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
color:#0d6bd6;
font-size:14px;
text-align:center;
background:none;
}
.footer-upper .form-box input:focus{
background:#000000;
}
.footer-upper .form-box input:focus + button{
color:#ffffff;
}
.footer-upper .contact-info li{
margin-bottom:7px;
}
.footer-bottom{
position:relative;
background:#222222;
border-top:1px solid #3a3a3a;
padding:25px 0px;
font-size:13px;
text-align:center;
}
.footer-bottom .copyright{
position:relative;
line-height:30px;
margin-bottom:10px;
}
.footer-bottom .copyright a{
position:relative;
color:#00bff3;
}
.footer-bottom .copyright strong{
font-weight:400;
color:#ffffff;
}
.footer-bottom .copyright .fa{
color:#0d6bd6;
}
.main-footer .contact-info{
position:relative;
margin:30px 0px 0px;
color:#666666;
text-align:center;
}
.main-footer .contact-info li{
position:relative;
display:inline-block;
padding:0px 20px;
}
.main-footer .contact-info li .fa{
padding-right:5px;
color:#999999;
}
.main-footer .contact-info .info{
font-size:18px;
color:#999999;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
}
.desc-box{
position:relative;
padding:70px 0px 30px;
}
.sec-title.no-underline h2{
margin-bottom:10px;
}
.about-section .lower-content{
position:relative;
padding:80px 0px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.about-section .lower-content .content-box{
position:relative;
padding:40px 60px;
background:#ffffff;
}
.about-section .lower-content .content-box .main-title{
position:relative;
font-size:24px;
text-transform:capitalize;
color:#3a4145;
font-weight:800;
margin-bottom:25px;
padding-bottom:20px;
}
.about-section .lower-content .content-box .main-title:after{
content:'';
position:absolute;
left:0px;
bottom:0px;
height:6px;
width:40px;
background:#cccccc;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
.about-section .lower-content .content-box h2{
position:relative;
font-size:24px;
text-transform:capitalize;
color:#3a4145;
font-weight:800;
margin-bottom:10px;
}
.about-section .lower-content .content-box h3{
position:relative;
font-size:16px;
font-weight:800;
color:#5f6467;
margin-bottom:15px;
}
.about-section .lower-content .content-box p{
position:relative;
margin-bottom:20px;
}
.styled-list{
position:relative;
margin-bottom:20px;
}
.styled-list li{
line-height: 24px;
margin-bottom: 7px;
position: relative;
padding-left:25px;
}
.styled-list li:before {
content:'';
font-family:'FontAwesome';
color: #0d6bd6;
font-size: 16px;
left: 0;
line-height: 18px;
position: absolute;
top: 3px;
}
.styled-list li:hover:before{
color:#555555;
}
.about-section .lower-content .featured-box{
position:relative;
margin-bottom:30px;
}
.about-section .lower-content .featured-box .image{
position:relative;
margin-bottom:15px;
}
.about-section .lower-content .featured-box .image img{
position:relative;
display:block;
width:100%;
}
.about-section .lower-content .featured-box .read-more{
font-weight:800;
color:#0d6bd6;
text-transform:uppercase;
font-size:14px;
}
.about-section .lower-content .featured-box .read-more .fa{
padding-right:5px;
}
/***
====================================================================
Locations Section
====================================================================
***/
.locations-section{
position:relative;
padding:100px 0px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.locations-section .sec-title h2,
.locations-section .sec-title h3{
color:#ffffff;
}
.locations-section {
background-position: center center;
background-size: cover;
}
.locations-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.50);
}
.locations-section .column{
position:relative;
margin-bottom:30px;
z-index:1;
color:#ffffff;
}
.locations-section li{
position:relative;
margin-bottom:5px;
}
.locations-section .inner-box{
position:relative;
max-width:800px;
margin:0 auto;
}
.locations-section .inner-box ul li{
padding-left:15px;
}
.locations-section .inner-box ul li:before {
content:'\f0da';
font-family:'FontAwesome';
color: #cccccc;
font-size: 12px;
left: 0;
line-height: 18px;
position: absolute;
top: 3px;
opacity:1;
}
.locations-section .inner-box ul li:hover:before{
opacity:1;
}
.locations-section li a{
position:relative;
color:#ffffff;
font-weight:500;
text-transform:capitalize;
}
.locations-section li a:hover{
color:#cccccc;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
padding:70px 0px 50px;
background:#ffffff;
text-align:center;
}
.sponsors-section li img{
display:inline-block !important;
width:auto;
max-width:100% !important;
}
.sponsors-section .owl-dots{
display:none !important;
}
/***
====================================================================
Sidebar style
====================================================================
***/
.sidebar-section{
position:relative;
padding:70px 0px 40px;
background:#f3f3f3;
}
.sidebar-section .sidebar{
position:relative;
margin-bottom:30px;
}
.sidebar-section .content-side{
position:relative;
margin-bottom:30px;
}
.sidebar{
position:relative;
}
.sidebar .widget{
position:relative;
margin-bottom:45px;
}
.sidebar .widget h3{
font-size:14px;
text-transform:uppercase;
margin-bottom:20px;
color:#3a4145;
font-weight:800;
}
.sidebar .links-widget{
position:relative;
}
.sidebar .links-widget li{
position:relative;
margin-bottom:7px;
}
.sidebar .links-widget ul li:before {
content:'\f061';
font-family:'FontAwesome';
color: #888888;
font-size: 11px;
left: 0;
line-height: 18px;
position: absolute;
top: 3px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.sidebar .links-widget ul li:hover:before{
color:#0d6bd6;
}
.sidebar .links-widget li a{
position:relative;
color:#888888;
font-size:14px;
font-weight:500;
padding-left:20px;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.sidebar .links-widget li a:hover{
color:#0d6bd6;
}
.sidebar .testimonial-slider .bx-pager{
display:none !important;
}
.sidebar .search-form{
position:relative;
}
.sidebar .search-form input[type="search"],
.sidebar .search-form input[type="text"]{
position:relative;
width:100%;
line-height:24px;
padding:8px 42px 8px 15px;
border:1px solid #d0d0d0;
background:#ffffff;
color:#3d3d3d;
height:42px;
font-size:14px;
color:#292929;
}
.sidebar .search-form input[type="search"]:focus,
.sidebar .search-form input[type="text"]:focus{
border-color:#0d6bd6;
}
.sidebar .search-form .form-group{
position:relative;
}
.sidebar .search-form button{
position:absolute;
right:1px;
top:1px;
line-height:24px;
display:block;
width:40px;
height:40px;
padding:7px 10px 8px;
text-align:center;
font-size:16px;
color:#cccccc;
background:none;
}
.sidebar .search-form button:hover{
color:#0d6bd6;
}
.sidebar .popular-tags{
position:relative;
}
.sidebar .popular-tags .tags a{
position:relative;
display:inline-block;
padding:3px 12px;
line-height:20px;
margin:0px 5px 10px 0px;
color:#333333;
font-size:13px;
background:#e1e1e1;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-ms-border-radius:12px;
-o-border-radius:12px;
}
.sidebar .popular-tags .tags a:hover{
background:#0d6bd6;
color:#ffffff;
}
.sidebar .recent-posts{
position:relative;
}
.sidebar .recent-posts .post{
position:relative;
font-size:14px;
margin-bottom:20px;
min-height:70px;
padding:0px 0px 0px 84px;
color:#cccccc;
}
.sidebar .recent-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:72px;
height:72px;
}
.sidebar .recent-posts .post .post-thumb img{
width:100%;
display:block;
}
.sidebar .recent-posts .post h4{
font-size:15px;
font-weight:400;
margin:0px 0px 5px;
line-height:2em;
color:#292929;
}
.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover{
color:#0d6bd6;
}
.sidebar .recent-posts .post h4 a{
color:#292929;
}
.sidebar .recent-posts .post .fa{
font-size:18px;
}
/***
====================================================================
Blog Section Style
====================================================================
***/
.blog-section{
position:relative;
}
.blog-section .blog-post{
position:relative;
margin-bottom:50px;
}
.blog-section.style-two .blog-post{
position:relative;
margin-bottom:30px;
}
.blog-section .image{
position:relative;
margin-bottom:10px;
border:1px solid #0d6bd6;
overflow:hidden;
}
.blog-section .image img{
display:block;
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;
}
.blog-section .blog-post:hover .image img{
transform:scale(1.05,1.05);
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
}
.blog-section .post-title{
position:relative;
margin-bottom:10px;
}
.blog-section .post-title h2,
.blog-section .post-title h2 a{
position:relative;
font-size:24px;
color:#36392e;
font-weight:700;
}
.blog-section .post-title h2 a:hover{
color:#0d6bd6;
}
.blog-section .post-info{
position:relative;
margin-bottom:10px;
color:#999999;
}
.blog-section .post-info a{
position:relative;
color:#999999;
font-style:italic;
}
.blog-section .post-info a:hover{
color:#0d6bd6;
}
.blog-section .post-info a .fa{
padding-right:5px;
font-size:16px;
}
.blog-section .post-desc{
position:relative;
margin-bottom:20px;
}
.blog-section .blog-post .read-more{
position:relative;
display:inline-block;
line-height:24px;
padding:6px 40px;
border:2px solid #e1e1e1;
font-weight:700;
color:#777777;
text-transform:uppercase;
border-radius:20px;
}
.blog-section .blog-post .read-more:hover{
background:#0d6bd6;
border-color:#0d6bd6;
color:#ffffff !important;
}
.blog-section.style-two .post-title h2,
.blog-section.style-two .post-title h2 a{
font-size:16px;
}
.blog-section .blog-details{
position:relative;
}
.blog-section .blog-details h2{
font-size:24px;
font-weight:800;
}
.blog-section .blog-details h3{
position:relative;
font-size:16px;
font-weight:800;
margin-bottom:20px;
color:#3a4145;
}
.blog-section .blog-details p{
margin-bottom:20px;
}
.blog-section .blog-details ol li{
list-style-type:decimal;
}
.blog-section .blog-details ul li{
list-style-type:disc;
}
.blog-section .blog-details ul,
.blog-section .blog-details ol{
margin-left:20px;
margin-bottom:20px;
}
.blog-section .review-box{
position:relative;
margin:20px 0px;
text-align:center;
}
.blog-section .review-box .divider{
position:relative;
background:#f1f1f1;
max-width:200px;
margin:0 auto 15px;
height:1px;
}
.blog-section .review-box .review-content{
font-size:18px;
font-style:italic;
}
.blog-section .review-box .separator{
position:relative;
width:30px;
height:10px;
margin:15px auto;
background:url(../images/icons/icon-separator.png) center center no-repeat;
}
.blog-section .review-box .author-info{
position:relative;
}
.blog-section .review-box .author-info strong{
font-size:15px;
color:#3a4145;
text-transform:capitalize;
font-weight:800;
}
.blog-section .review-box .author-info p{
font-style:italic;
}
.blog-section .post-author{
position:relative;
padding:25px;
background:#0d6bd6;
border:1px solid #0d6bd6;
margin-bottom:40px;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.blog-section .post-author .inner-box{
position:relative;
padding-left:100px;
min-height:100px;
}
.blog-section .post-author .author-thumb{
position:absolute;
left:0px;
top:10px;
}
.blog-section .post-author .author-title{
margin-bottom:15px;
}
.blog-section .post-author .author-title strong{
font-weight:800;
color:#3a4145;
}
.blog-section .post-author .social-links a{
position:relative;
display:inline-block;
margin-right:1px;
font-size:14px;
color:#999999;
width:24px;
height:24px;
line-height:24px;
border:1px solid #999999;
text-align:center;
border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-table {
background-color: #f7f7f7;
position: relative;
}
.pricing-table .pricing-header {
position: relative;
text-align: center;
}
.pricing-table .pricing-header .package-price {
background-color: rgba(250, 77, 172, 0.85);
border: 10px solid rgba(255, 255, 255, 0.25);
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 30px;
font-weight: 600;
margin: 0 auto 0 -40px;
padding: 20px 23px;
position: absolute;
top: -60px;
}
.pricing-table.active .pricing-header .package-price {
background-color: rgba(250, 77, 172, 1.0);
}
.pricing-table .pricing-header .package-price span {
font-size: 16px;
}
.pricing-table .pricing-title {
background-color: #1c1c1c;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 12px 0;
text-align: center;
text-transform: uppercase;
}
.pricing-table .pricing-feature {
text-align: center;
}
.pricing-table .pricing-feature li {
background-color: #f1f1f1;
padding: 10px 0;
text-transform: uppercase;
}
.pricing-table .pricing-feature li:nth-child(2n+1) {
background-color: #f7f7f7;
}
/* Pricing Style Two */
.pricing-style2 .pricing-table {
overflow: hidden;
}
.pricing-style2 .pricing-table .pricing-title {
background-color: #0d6bd6;
}
.pricing-style2 .pricing-table.active .pricing-title {
background-color: #1c1c1c;
}
.pricing-style2 .pricing-table .pricing-btn span {
font-size: 28px;
font-weight: 600;
margin-top: 10px;
margin-left: 70px;
width: 50%;
}
/***
====================================================================
Contact Us Section style
====================================================================
***/
.contact-section{
position:relative;
padding:90px 0px 50px;
color:#000;
}
.contact-section .column{
position:relative;
margin-bottom:40px;
}
.contact-section .sec-title{
margin-bottom:30px;
text-align:left;
}
.contact-section .sec-title .line{
margin:20px 0px 0px;
background:#dfdfdf;
}
.contact-section .sec-title h2,
.contact-section .sec-title h3{
text-transform:capitalize;
}
.contact-section .info-box{
position:relative;
margin-bottom:30px;
}
.contact-section .info-box h3{
position:relative;
font-size:16px;
font-weight:800;
color:#1c1c1c;
margin-bottom:15px;
}
.contact-section .info-box li{
position:relative;
padding-left:30px;
}
.contact-section .info-box li .icon{
position:absolute;
left:0px;
top:4px;
font-size:16px;
}
.contact-section .info-box .social-links a{
position:relative;
display:inline-block;
margin-right:10px;
font-size:20px;
border:1px solid #c8d9e0;
color:#c8d9e0;
width:40px;
height:40px;
line-height:38px;
text-align:center;
border-radius:3px;
}
.contact-section .info-box .social-links a:hover{
color:#2db0e6;
}
.contact-section .form-box{
position:relative;
padding:20px;
background:#f3f3f3;
border:1px solid #cccccc;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.contact-section .form-box .form-group{
position:relative;
margin-bottom:20px;
}
.contact-section .form-box .field-label{
position:relative;
font-size:14px;
font-weight:600;
margin-bottom:5px;
color:#000000;
}
.contact-section .form-box input[type="text"],
.contact-section .form-box input[type="email"],
.contact-section .form-box input[type="number"],
.contact-section .form-box input[type="tel"],
.contact-section .form-box input[type="password"],
.contact-section .form-box textarea,
.contact-section .form-box select{
position:relative;
display:block;
width:100%;
background:#ffffff;
color:#1c1c1c;
line-height:24px;
padding:7px 15px;
border:1px solid #cccccc;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.contact-section .form-box input[type="text"]:focus,
.contact-section .form-box input[type="email"]:focus,
.contact-section .form-box input[type="number"]:focus,
.contact-section .form-box input[type="tel"]:focus,
.contact-section .form-box input[type="password"]:focus,
.contact-section .form-box textarea:focus,
.contact-section .form-box select:focus{
background:#ffffff;
border-color:#0d6bd6;
}
.contact-section .form-box input[type="text"].error,
.contact-section .form-box input[type="email"].error,
.contact-section .form-box input[type="number"].error,
.contact-section .form-box input[type="tel"].error,
.contact-section .form-box input[type="password"].error,
.contact-section .form-box textarea.error,
.contact-section .form-box select.error{
background:#e0a99e;
color:#ffffff;
border-color:#ff0000;
}
.contact-section .form-box label.error{
display:none !important;
}
.contact-section .form-box textarea{
height:140px;
resize:none;
}
.contact-section .form-box button{
border-radius:25px;
-webkit-border-radius:25px;
-ms-border-radius:25px;
-o-border-radius:25px;
-moz-border-radius:25px;
padding:8px 30px;
}
.map-section{
position:relative;
}
.map-section .map-container{
position:relative;
height:550px;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-section .comments-area{
position:relative;
}
.sidebar-section .comments-area .comment-box{
position:relative;
}
.sidebar-section .comments-area .comment{
position:relative;
margin:0px 0px 50px 0px;
padding:0px 0px 10px 110px;
}
.sidebar-section .comments-area .reply-comment{
margin-left:50px;
}
.sidebar-section .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:84px;
height:84px;
}
.sidebar-section .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-section .comments-area .comment-info{
margin-bottom:20px;
color:#bcbcbc;
}
.sidebar-section .comments-area .comment-box strong{
color:#292929;
font-weight:600;
}
.sidebar-section .comments-area .comment-box .text{
position:relative;
padding:10px 15px;
margin-bottom:20px;
background:#f3f3f3;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
.sidebar-section .comments-area .comment-box .text:before{
content:'';
position:absolute;
left:20px;
top:-18px;
border:10px solid transparent;
border-bottom:10px solid #f3f3f3;
}
.sidebar-section .comments-area .reply-comment .text{
background:#0d6bd6;
}
.sidebar-section .comments-area .reply-comment .text:before{
content:'';
position:absolute;
left:20px;
top:-20px;
border:10px solid transparent;
border-bottom:10px solid #0d6bd6;
}
.sidebar-section .comments-area .reply-btn{
position:relative;
display:inline-block;
padding:7px 25px 4px;
min-width:100px;
font-size:14px;
background:#0d6bd6;
color:#ffffff;
text-transform:capitalize;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
.sidebar-section .comments-area .reply-btn span{
padding-right:10px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
position:relative;
margin-bottom:20px;
}
.comment-form .form-group-inner{
position:relative;
display:table;
width:100%;
border:1px solid #d0d0d0;
overflow:hidden;
border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.comment-form .form-group .icon-box{
position:relative;
display:table-cell;
vertical-align:middle;
}
.comment-form .form-group .icon-box label{
position:relative;
display:inline-block;
width:40px;
line-height:40px;
text-align:center;
font-size:16px;
color:#3d3d3d;
margin:0px;
background:#ffffff;
border-right:1px solid #d0d0d0;
}
.comment-form .form-group label.error{
display:none !important;
}
.comment-form .form-group .field-outer{
position:relative;
display:table-cell;
width:100%;
vertical-align:middle;
}
.comment-form .form-group-inner input[type="text"],
.comment-form .form-group-inner input[type="password"],
.comment-form .form-group-inner input[type="tel"],
.comment-form .form-group-inner input[type="email"],
.comment-form .form-group-inner select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.comment-form .form-group input[type="text"].error,
.comment-form .form-group input[type="password"].error,
.comment-form .form-group input[type="tel"].error,
.comment-form .form-group input[type="email"].error,
.comment-form .form-group select.error,
.comment-form .form-group textarea.error{
background:rgba(255,0,0,0.20);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
height:200px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.comment-form button{
position:relative;
display:inline-block;
background:#ececec;
color:#777777 !important;
padding:8px 30px;
line-height:24px;
font-size:14px;
font-weight:500;
border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
}
.comment-form button .icon{
position:relative;
top:2px;
}
.comment-form button:before{
background:#f06626;
}
/**
* Shop Page Styles.
**/
.best-seller .sec-title.style-three .line,
#checkout-content .sec-title.style-three .line,
.shop-page-content .sec-title.style-three .line {
margin: 5px 0px 0px;
}
.shop-page-content .row,
.shop-page-content.row {
margin-left: -10px;
margin-right: -10px;
}
.shop-page-content .single-shop-item {
padding: 0 10px;
margin-bottom: 20px;
}
.shop-page-content .single-shop-item img {
width: 100%;
}
.shop-page-content .single-shop-item .meta {
background: #F8F8F8;
padding: 30px 17px;
text-align: center;
border: 1px solid #F0F0F0;
}
.shop-page-content .single-shop-item .meta h4 {
text-transform: uppercase;
font-size: 13px;
color: #000000;
line-height: 26px;
font-weight: 700;
margin-bottom: 5px;
transition: all .3s ease;
}
.shop-page-content .single-shop-item .meta h4 a {
color: #000000;
transition: all .3s ease;
}
.shop-page-content .single-shop-item .meta h4:hover a {
color: #0d6bd6;
}
.shop-page-content .single-shop-item .meta p {
font-size: 15px;
font-weight: 400;
color: #999999;
line-height: 2em;
}
.shop-page-content .single-shop-item .meta span {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #7E7E7E;
}
.shop-page-content .single-shop-item .meta span b {
font-size: 20px;
line-height: 28px;
color: #E22D2D;
font-weight: 600;
}
.shop-page-content .single-shop-item a.add-to-cart {
background: #0d6bd6;
text-transform: uppercase;
display: inline-block;
line-height: 30px;
font-weight: 700;
color: #fff;
padding: 0 20px;
font-size: 13px;
margin-top: 25px;
border-radius: 20px;
overflow: hidden;
}
.shop-page-content .single-shop-item a.add-to-cart:before {
background: #1a1a1a;
border-radius: 20px;
}
.shop-page-content .best-seller {
margin-top: 80px;
margin-left: 10px;
}
/**
* Product Details Page Styles.
**/
.product-details-box {
margin-bottom: 80px;
}
.product-details-box h3 {
color: #000000;
font-size: 20px;
line-height: 28px;
margin: 0;
margin-bottom: 0px;
font-weight: 700;
text-transform: uppercase;
}
.product-details-box p {
font-size: 14px;
color: #999999;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 20px 0;
margin: 20px 0;
font-weight: 600;
font-size: 15px;
font-weight: 400;
color: #999999;
line-height: 2em;
}
.product-details-box span {
display: block;
font-size: 18px;
color: #999999;
font-weight: 600;
margin-bottom: 20px;
}
.product-details-box span b {
font-size: 24px;
color: #E22D2D;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
margin-left: 10px;
}
.product-details-box span input {
width: 36px;
height: 36px;
border: 1px solid #EAEAEA;
color: #999999;
text-align: center;
margin-left: 10px;
}
.product-details-box a.add-to-cart {
background: #0d6bd6;
text-transform: uppercase;
display: inline-block;
line-height: 45px;
font-weight: 700;
color: #fff;
padding: 0 30px;
font-size: 18px;
margin-top: 25px;
border-radius: 20px;
overflow: hidden;
}
.product-details-box a.add-to-cart:before {
background: #1a1a1a;
border-radius: 20px;
}
.product-details-box img {
border: 5px solid #F4F4F4;
}
.product-details-page-content .best-seller {
margin-left: 0px;
}
.product-details-tab-title {
margin: -15px;
}
.product-details-tab-title .col-lg-12 {
padding: 0;
}
.product-details-tab-title ul li {
display: inline;
}
.product-details-tab-title ul li.active span {
background: #fff;
border: 1px solid #E6E6E6;
border-top: 2px solid #0d6bd6;
border-bottom: 0;
position: relative;
top: 1px;
z-index: 999;
}
.product-details-tab-title ul li span {
display: inline-block;
background: #F4F4F4;
font-size: 16px;
color: #000000;
line-height: 45px;
padding: 0 27px;
margin-right: 5px;
cursor: pointer;
}
.product-details-tab-content {
margin-bottom: 75px;
}
.product-details-tab-content .col-lg-12 {
border: 1px solid #E6E6E6;
padding: 40px;
}
.product-details-tab-content .col-lg-12 p {
font-size: 15px;
font-weight: 400;
color: #999999;
line-height: 2em;
}
/**
* Cart Page Styles
**/
.cart-page {
padding: 80px 0 155px;
}
.cart-page .table {
margin: 0;
}
.cart-page table > tbody > tr > td,
.cart-page .table > thead > tr > th {
border: none;
}
.cart-page .table thead {
background: #F9F9F9;
}
.cart-page .table > thead > tr > th {
font-weight: normal;
color: #000000;
font-size: 16px;
line-height: 60px;
padding: 0 40px;
font-weight: 500;
border: 1px solid #EBEBEB;
border-bottom: 0;
}
.cart-page .table > thead > tr > th.close {
color: transparent;
}
.cart-page .table > tbody > tr > td.preview {
padding: 25px 50px;
}
.cart-page .table > tbody > tr > td {
border: 1px solid #EBEBEB;
padding: 80px 40px;
font-size: 18px;
color: #1a1a1a;
font-weight: 600;
}
.cart-page .table > tbody > tr > td.del-item {
text-align: center;
}
.cart-page .table > tbody > tr > td .select-box {
padding: 0;
margin: 0;
border: 1px solid #EDEDED;
width: 95px;
overflow: hidden;
background-color: #fff;
background: #fff url(../images/cart/select-box-bg.png) no-repeat 80% 50%;
}
.cart-page .table > tbody > tr > td .select-box select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.cart-page .table > tbody > tr > td .select-box select:focus {
outline: none;
}
.cart-page .table > tbody > tr > td.del-item {
color: #0d6bd6;
font-size: 18px;
font-weight: normal;
}
.cart-page .bottom-box {
padding: 30px 25px;
background: #F9F9F9;
margin: 0 0 50px;
}
.cart-page .bottom-box .cupon-box input {
width: 130px;
line-height: 36px;
padding: 0 20px;
border: 1px solid #EEEEEE;
outline: none;
margin-right: 10px;
}
.cart-page .bottom-box .cupon-box button {
padding: 0 20px;
color: #fff;
background: #E3E3E3;
text-transform: capitalize;
border: none;
outline: none;
font-weight: normal;
line-height: 36px;
color: #000000;
}
.cart-page .add-to-cart-wrap {
text-align: right;
}
.cart-page .add-to-cart-wrap a {
background: #0d6bd6;
text-transform: uppercase;
display: inline-block;
line-height: 36px;
font-weight: 700;
color: #fff;
padding: 0 40px;
border-radius: 20px;
overflow: hidden;
}
.cart-page .add-to-cart-wrap a:before {
background: #1a1a1a;
border-radius: 20px;
}
.cart-page .cart-total-box li {
line-height: 60px;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #EBEBEB;
border-left: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
padding: 0 25px;
}
.cart-page .cart-total-box li:first-child {
border-top: 1px solid #EBEBEB;
}
.cart-page .cart-total-box li span {
margin-left: 50px;
}
.cart-page .cart-total-box .cart-total {
background: #F9F9F9;
}
.cart-page .cart-total-box .proceed-to-checkout {
text-align: right;
}
.cart-page .cart-total-box .proceed-to-checkout a {
background: #0d6bd6;
text-transform: uppercase;
display: inline-block;
line-height: 36px;
font-weight: 700;
color: #fff;
padding: 0 40px;
overflow: hidden;
border-radius: 20px;
}
.cart-page .cart-total-box .proceed-to-checkout a:before {
background: #1a1a1a;
border-radius: 20px;
}
/**
* Checkout Page Styles.
**/
#checkout-content {
padding: 80px 0 130px;
}
#checkout-content .return-customer {
background: #F9F9F9;
border: 1px solid #EBEBEB;
padding: 25px 30px;
margin-bottom: 50px;
}
#checkout-content .return-customer p {
margin-bottom: 0;
font-size: 14px;
color: #8E8E8E;
line-height: 26px;
}
#checkout-content .return-customer a {
color: #0d6bd6;
}
#checkout-content label,
#checkout-content input[type="text"] {
display: block;
}
#checkout-content label {
font-size: 14px;
line-height: 26px;
color: #8E8D8D;
margin-bottom: 5px;
font-weight: 500;
}
#checkout-content input[type="text"] {
width: 100%;
margin-bottom: 10px;
height: 40px;
line-height: 40px;
border: 1px solid #E2E2E2;
outline: none;
padding: 0 20px;
}
#checkout-content input[type="text"]:last-child {
margin-bottom: 0;
}
#checkout-content .left-checkout > .row {
margin-bottom: 30px;
}
#checkout-content .select-box {
padding: 0;
margin: 0;
border: 1px solid #E2E2E2;
width: 100%;
overflow: hidden;
background-color: #fff;
background: #fff url(../images/cart/select-box-bg.png) no-repeat 95% 50%;
}
#checkout-content .select-box select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#checkout-content .select-box select:focus {
outline: none;
}
#checkout-content .row span {
font-size: 14px;
font-weight: 500;
color: #8E8D8D;
}
#checkout-content input[type="checkbox"] {
margin: 0;
vertical-align: middle;
margin-right: 15px;
}
#checkout-content textarea {
width: 100%;
height: 100px;
border: 1px solid #E2E2E2;
padding: 10px 20px;
outline: none;
}
#checkout-content .ship-different {
margin-top: 80px;
}
#checkout-content .order-box {
border: 1px solid #D9D9D9;
padding: 30px;
}
#checkout-content .order-box ul li {
display: block;
color: #8E8D8D;
font-size: 14px;
line-height: 45px;
font-weight: 600;
}
#checkout-content .order-box ul li.total {
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
#checkout-content .order-box ul li span {
float: right;
display: inline-block;
}
#checkout-content .order-box ul li span.bold {
font-size: 18px;
color: #000;
font-weight: 700;
}
#checkout-content .order-box ul li a span {
color: #0d6bd6;
}
#checkout-content .order-box ul li input[type="radio"] {
margin-right: 10px;
}
#checkout-content .order-box ul li .note {
background: #ECECEC;
padding: 25px;
color: #8E8D8D;
line-height: 24px;
font-size: 14px;
font-weight: normal;
position: relative;
}
#checkout-content .order-box ul li .note .fa {
font-size: 35px;
position: absolute;
top: -25px;
left: 25px;
color: #ECECEC;
}
#checkout-content .order-box ul li a.place-order {
background: #0d6bd6;
text-transform: uppercase;
display: inline-block;
line-height: 36px;
font-weight: 700;
color: #fff;
padding: 0 40px;
margin-top: 30px;
}
/* department section */
.department {
border-bottom: 3px solid #0d6bd6;
border-radius: 0 0 2px 2px;
margin-bottom: 30px;
min-height: 380px;
overflow: hidden;
position: relative;
}
.department .thumb {
overflow: hidden;
position: relative;
}
.department .thumb .round-style {
background-color: #fbf7f8;
border-radius: 50%;
bottom: 12px;
height: 70px;
left: 0;
margin: auto;
position: absolute;
right: 0;
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;
width: 70px;
}
.department:hover .thumb .round-style {
bottom: 76px;
}
.department .department-details {
background-color: #fbf7f8;
bottom: -65px;
padding: 0 15px 20px;
position: absolute;
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;
width: 100%;
}
.department .department-details h4 {
color: #202A30;
font-weight: 700;
}
.department-details .round-style {
background: #fbf7f8 none repeat scroll 0 0;
border-radius: 50%;
height: 70px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -35px;
width: 70px;
}
.department:hover .department-details {
bottom: 0;
}
.department .department-details .icon {
color: #0d6bd6;
display: inline-block;
font-size: 30px;
position: relative;
top: -15px;
}
.department .department-details .title {
margin-bottom: 10px;
}
.department .department-details .details {
font-size: 13px;
padding-bottom: 8px;
}
.department .department-details a.btn-thm {
margin-top: 15px;
}
.department:hover .department-details a.btn-thm {
margin-top: 10px;
}
.featured-causes {
background-color: #fff;
display: inline-block;
margin-bottom: 10px;
}
.featured-causes .thumb {
position: relative;
}
.featured-causes .department-details h4 {
margin-top: 25px;
}
.featured-causes .department-details h3 {
color: #454545;
font-weight: 600;
line-height: 22px;
margin-bottom: 25px;
margin-top: 10px;
}
.featured-causes .department-details p {
font-size: 13px;
}
.featured-causes .department-details .p-title {
color: #fc7437;
font-weight: 600;
margin-bottom: 15px;
}
.featured-causes .department-details h6 {
color: #454545;
font-size: 12px;
font-weight: 700;
line-height: 20px;
margin-bottom: 10px;
text-transform: uppercase;
}
.featured-causes .department-details .thm-btn {
margin-bottom: 20px;
margin-top: 20px;
}
.featured-causes .social {
padding-left: 0px;
}
.featured-causes .social li {
display: inline-block;
}
.featured-causes .social li a {
display: inline-block;
width: 30px;
height: 30px;
color: #fc7437;
border: 1px solid #CACFD3;
line-height: 30px;
text-align: center;
font-size: 15px;
border-radius: 50%;
margin-right: 3px;
transition: all .3s ease;
}
.featured-causes .social li a:hover {
background: #fc7437;
border-color: #fc7437;
color: #fff;
}
/* calender */
.fc-day-number {
color: #343434;
}
.fc-day-number.fc-other-month {
opacity: 0.4;
}
.stories-section{
position:relative;
padding:80px 0px;
}
.stories-section .columns-outer{
position:relative;
padding:150px 0px;
}
.stories-section .left-column{
padding-right:60px;
}
.stories-section .right-column{
padding-left:60px;
}
.stories-section .left-column .default-story-box .inner-box{
float:right;
text-align:right;
}
.stories-section .right-column .default-story-box .inner-box{
float:left;
text-align:left;
}
.default-story-box{
position:relative;
margin-bottom:50px;
}
.stories-section .default-story-box{
margin-bottom:120px;
}
.stories-section .right-column .default-story-box{
margin-top:120px;
margin-bottom:0px;
}
.stories-section .vertical-line{
position:absolute;
left:50%;
top:0px;
width:1px;
height:100%;
border-right:1px solid #0d6bd6;
}
.stories-section .vertical-line .icon-box{
position:absolute;
left:-26px;
height:52px;
width:52px;
text-align:center;
color:#ffffff;
background:#0d6bd6;
border:1px solid #0d6bd6;
font-size:26px;
line-height:50px;
border-radius:50%;
}
.stories-section .vertical-line .icon-box.top{
top:0px;
}
.stories-section .vertical-line .icon-box.bottom{
bottom:0px;
}
.default-story-box .inner-box .icon-box{
position:absolute;
top:10px;
height:52px;
width:52px;
text-align:center;
color:#ffffff;
background:#0d6bd6;
border:1px solid #0d6bd6;
font-size:26px;
line-height:50px;
border-radius:50%;
}
.left-column .default-story-box .inner-box .icon-box{
right:-86px;
}
.right-column .default-story-box .inner-box .icon-box{
left:-86px;
}
.default-story-box .post-date{
background:#0d6bd6;
border-radius: 30px;
color:#ffffff;
display:inline-block;
font-size:12px;
line-height:24px;
margin-bottom:10px;
position:relative;
padding:4px 22px;
text-transform:uppercase;
}
.default-story-box .post-title{
font-size:24px;
text-transform:uppercase;
margin-bottom:15px;
}
.default-story-box .image-box{
position:relative;
margin-bottom:18px;
}
.default-story-box .image-box img{
display:block;
width:100%;
}
.default-story-box .text{
font-size:14px;
color:#111111;
margin-bottom:20px;
}
.default-story-box .theme-btn{
padding:6px 24px !important;
line-height:24px !important;
border-width:1px !important;
font-size:11px;
}
/* 27 Shortcode style */
/***
====================================================================
Circular Graphs Section style
====================================================================
***/
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
.theme-btn {
display: inline-block;
transition: all 0.3s ease 0s;
}
.btn-theme-light{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#ffffff !important;
font-size:14px;
border:1px solid #ffffff !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-light:hover{
background:#0d6bd6;
color:#ffffff !important;
border-color:#0d6bd6 !important;
}
.btn-theme-grey{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#555555 !important;
font-size:14px;
border:1px solid #999999 !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-grey:hover{
background:#999999;
color:#ffffff !important;
border-color:#999999 !important;
}
.btn-theme-one{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#0d6bd6;
color:#ffffff !important;
font-size:14px;
border:1px solid #0d6bd6 !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-one:hover{
background:#ffffff;
color:#0d6bd6 !important;
border-color:#0d6bd6 !important;
}
.btn-theme-two{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#0d6bd6 !important;
font-size:14px;
border:1px solid #0d6bd6 !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-two:hover{
background:#0d6bd6;
color:#ffffff !important;
border-color:#0d6bd6 !important;
}
.btn-theme-three{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#aa4fff;
color:#ffffff !important;
font-size:14px;
border:1px solid #aa4fff !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-three:hover{
background:#ffffff;
color:#aa4fff !important;
border-color:#aa4fff !important;
}
.btn-theme-four{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#aa4fff !important;
font-size:14px;
border:1px solid #aa4fff !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-four:hover{
background:#aa4fff;
color:#ffffff !important;
border-color:#aa4fff !important;
}
.btn-theme-five{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ff5412;
color:#ffffff !important;
font-size:14px;
border:1px solid #ff5412 !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-five:hover{
background:#ffffff;
color:#ff5412 !important;
border-color:#ff5412 !important;
}
.btn-theme-six{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#ff5412 !important;
font-size:14px;
border:1px solid #ff5412 !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-six:hover{
background:#ff5412;
color:#ffffff !important;
border-color:#ff5412 !important;
}
.btn-theme-seven{
position:relative;
padding:10px 25px 10px 15px;
line-height:24px;
text-transform:capitalize;
background:#6ad3ed;
color:#ffffff !important;
font-size:14px;
border:1px solid #6ad3ed !important;
border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
}
.btn-theme-seven:hover{
background:#0d6bd6;
color:#ffffff !important;
border-color:#ffffff !important;
}
.btn-theme-seven .fa{
font-size:20px;
}
.btn-theme-eight{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#43d6d1;
color:#ffffff !important;
font-size:14px;
border:1px solid #43d6d1 !important;
border-radius:0px;
-webkit-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
}
.btn-theme-eight:hover{
background:#ffffff;
color:#43d6d1 !important;
border-color:#43d6d1 !important;
}
.btn-theme-nine{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#43d6d1 !important;
font-size:14px;
border:1px solid #43d6d1 !important;
border-radius:0px;
-webkit-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
}
.btn-theme-nine:hover{
background:#43d6d1;
color:#ffffff !important;
border-color:#43d6d1 !important;
}
.btn-theme-ten{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffc925;
color:#ffffff !important;
font-size:14px;
border:1px solid #ffc925 !important;
border-radius:0px;
-webkit-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
}
.btn-theme-ten:hover{
background:#ffffff;
color:#ffc925 !important;
border-color:#ffc925 !important;
}
.rounded-btn{
border-radius:24px;
-webkit-border-radius:24px;
-ms-border-radius:24px;
-o-border-radius:24px;
-moz-border-radius:24px;
}
.default-section{
position:relative;
padding:80px 0px 20px;
}
.default-section .column{
position:relative;
margin-bottom:50px;
}
.circular-graph-section{
position:relative;
padding:70px 0px 20px;
background:#e8e9ea url(../index.html) center top repeat;
}
.circular-graph-section .sec-title h3{
color:#2b4261;
letter-spacing:5px;
}
.circular-graph-section .column{
position:relative;
text-align:center;
margin-bottom:50px;
}
.circular-graph-section .column .inner-box{
position:relative;
display:block;
max-width:300px;
margin:0 auto;
}
.circular-graph-section .column .graph-outer{
position:relative;
max-width:200px;
margin:0 auto;
margin-bottom:30px;
}
.circular-graph-section .column .inner-text{
position:absolute;
left:0px;
top:0px;
width:100%;
display:block;
padding-top:80px;
line-height:40px;
font-size:32px;
font-weight:normal;
color:#d971f2;
font-family: 'Raleway',sans-serif;
}
.circular-graph-section .column.style-two .inner-text{
letter-spacing:4px;
font-weight:600;
font-size:36px;
color:#3a3a3a;
}
.circular-graph-section .column h3{
position:relative;
font-size:18px;
font-weight:500;
color:#3a3a3a;
}
.circular-graph-section .column.style-two h3{
font-family: 'Montserrat',sans-serif;
letter-spacing:1px;
}
.circular-graph-section .column .circular-line{
position:absolute;
left:5px;
top:5px;
width:190px;
height:190px;
border:2px solid #cccccc;
z-index:0;
}
.circular-graph-section .column canvas{
position:relative;
z-index:1;
}
/***
====================================================================
Progress Boxes style
====================================================================
***/
.progress-boxes{
position:relative;
}
.progress-column{
position:relative;
}
.no-grid .progress-column{
float:left;
padding:0px 15px;
width:20%;
}
.progress-column .inner-box{
position:relative;
border:1px solid #d0d0d0;
border-top-width:7px;
padding:25px 15px 20px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.progress-column.clr-pink .inner-box{
border-top-color:#f84d85;
}
.progress-column.clr-orange .inner-box{
border-top-color:#f28b1c;
}
.progress-column.clr-yellow .inner-box{
border-top-color:#ffc925;
}
.progress-column.clr-green .inner-box{
border-top-color:#57b22f;
}
.progress-column.clr-blue .inner-box{
border-top-color:#0d6bd6;
}
.progress-column .inner-box .top-icon{
position:absolute;
right:25px;
top:-16px;
width:25px;
height:25px;
background:#ffffff;
color:#ffffff;
text-align:center;
line-height:19px;
border-radius:50%;
border:3px solid #0d6bd6;
z-index:1;
}
.progress-column.clr-pink .inner-box .top-icon{
border-color:#f84d85;
}
.progress-column.clr-orange .inner-box .top-icon{
border-color:#f28b1c;
}
.progress-column.clr-yellow .inner-box .top-icon{
border-color:#ffc925;
}
.progress-column.clr-green .inner-box .top-icon{
border-color:#57b22f;
}
.progress-column.clr-blue .inner-box .top-icon{
border-color:#0d6bd6;
background:#0d6bd6 !important;
transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
}
.progress-column h3{
font-size:18px;
font-weight:600;
margin-bottom:15px;
}
.progress-column.clr-pink h3{
color:#f84d85;
}
.progress-column.clr-orange h3{
color:#f28b1c;
}
.progress-column.clr-yellow h3{
color:#ffc925;
}
.progress-column.clr-green h3{
color:#57b22f;
}
.progress-column.clr-blue h3{
color:#0d6bd6;
}
.progress-column .text{
font-size:15px;
text-align:justify;
}
/***
====================================================================
Progress Levels Section
====================================================================
***/
.progress-levels{
position:relative;
}
.progress-levels .progress-box{
position:relative;
margin-bottom:20px;
}
.progress-levels .progress-box .box-title{
position:relative;
font-size:14px;
color:#1a1a1a;
text-transform:uppercase;
margin-bottom:8px;
}
.progress-levels .progress-box .bar{
position:relative;
padding-right:50px;
height:8px;
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
left:0px;
top:0px;
width:100%;
height:8px;
}
.progress-levels .progress-box .bar .bar-fill{
position:relative;
width:0px;
height:7px;
background:#0d6bd6;
border-radius:3px;
}
.progress-levels .progress-box .percent{
position:absolute;
right:0px;
width:50px;
top:-10px;
letter-spacing:1px;
font-size:14px;
color:#0d6bd6;
}
.default-title{
font-size:20px;
margin-bottom:10px;
font-weight:600;
letter-spacing:1px;
}
.default-line-left{
width:80px;
height:3px;
margin:10px 0px 20px;
background:#0d6bd6;
}
.default-line-centered{
width:80px;
height:3px;
margin:10px auto 10px;
background:#0d6bd6;
}
/***
====================================================================
Tabs Box Style
====================================================================
***/
.tabs-box{
position:relative;
}
.tabs-box .tab-buttons{
position:relative;
margin-bottom:10px;
}
.tabs-box .tab-buttons .tab-btn{
position:relative;
text-align:center;
line-height:30px;
display:inline-block;
padding:6px 18px;
color:#5a5a5a;
text-transform:uppercase;
font-size:14px;
margin-right:3px;
border-radius:5px;
}
.tabs-box .tab-buttons .tab-btn.active{
background:#0d6bd6;
color:#ffffff;
}
.tabs-box .tab{
position:relative;
padding:15px 0px;
display:none;
}
.tabs-box .active-tab{
display:block;
}
.tabs-box .tab p{
margin-bottom:20px;
font-size:16px;
line-height:2.2em;
}
.tabs-box .tab img{
position:relative;
display:block;
max-width:100%;
margin-bottom:15px;
}
/***
====================================================================
Accordion Box Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .accordion{
position:relative;
}
.accordion-box .accordion .acc-btn{
position:relative;
font-size:16px;
padding:4px 40px 4px 0px;
margin-bottom:15px;
line-height:24px;
color:#1a1a1a;
cursor:pointer;
text-transform:uppercase;
}
.accordion-box .accordion .acc-btn .toggle-icon{
position:absolute;
right:0px;
top:0px;
display:block;
width:30px;
height:30px;
line-height:26px;
text-align:center;
border:2px solid #0d6bd6;
color:#0d6bd6;
border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
}
.accordion-box .accordion .acc-btn .toggle-icon .plus{
position:absolute;
left:0px;
top:0px;
line-height:26px;
width:100%;
height:26px;
opacity:1;
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;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus{
opacity:0;
}
.accordion-box .accordion .acc-btn.active{
color:#0d6bd6;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus{
position:absolute;
left:0px;
top:0px;
line-height:26px;
width:100%;
height:26px;
opacity:0;
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;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus{
opacity:1;
}
.accordion-box .accordion .acc-content{
position:relative;
line-height:2em;
font-size:16px;
display:none;
padding:0px 0px 15px 20px;
}
.accordion-box .accordion .acc-content.collapsed{
display:block;
}
.accordion-box .accordion .acc-content p{
}
/***
====================================================================
Process Section
====================================================================
***/
.process-section{
position:relative;
overflow:hidden;
}
.process-column{
position:relative;
text-align:center;
}
.process-column:after{
content:'';
position:absolute;
right:-50px;
top:0px;
width:100px;
height:120px;
background:url(../index.html) center center no-repeat;
}
.process-section .process-column:last-child:after{
display:none;
}
.process-column .upper-part{
position:relative;
margin-bottom:30px;
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;
}
.process-column .icon-outer{
position:relative;
max-width:140px;
max-height:140px;
margin:0 auto;
border:3px solid #0d6bd6;
color:#d0d0d0;
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;
}
.process-column:hover .icon-outer{
background:#0d6bd6;
color:#ffffff;
border-color:#0d6bd6;
}
.process-column .icon-outer .icon{
position:relative;
display:inline-block;
line-height:134px;
font-size:48px;
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;
}
.process-column .icon-outer .step-count{
position:absolute;
right:-20px;
top:20px;
width:40px;
height:40px;
display:block;
line-height:40px;
color:#ffffff;
font-size:16px;
background:#0d6bd6;
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;
}
.process-column:hover .icon-outer .step-count{
background:#ffffff;
color:#0d6bd6;
}
.process-column h3{
font-size:18px;
text-transform:capitalize;
margin-bottom:15px;
color:#1a1a1a;
font-weight:600;
}
.process-column .text{
font-size:16px;
}
.process-column .lower-part{
position:relative;
opacity:1;
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;
}
.process-section .auto-container:hover .process-column .lower-part{
opacity:1 !important;
}
.process-section .auto-container .process-column.active .lower-part{
opacity:1;
}
.process-section .auto-container .process-column:hover .lower-part{
opacity:1 !important;
}
/***
====================================================================
Alert Boxes style
====================================================================
***/
.alert-box{
position:relative;
padding:15px 20px;
border:1px solid;
margin-bottom:30px;
}
.alert-box.alert-success{
border-color:#65be3e;
background:#dce9d6;
color:#65be3e;
}
.alert-box.alert-information{
border-color:#22c0e8;
background:#d3e9ef;
color:#22c0e8;
}
.alert-box.alert-warning{
border-color:#e7bd13;
background:#eee9d1;
color:#e7bd13;
}
.alert-box.alert-danger{
border-color:#f7504c;
background:#f1d9d8;
color:#f7504c;
}
.alert-box.rounded-box{
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
.alert-box .inner{
position:relative;
padding-left:50px;
font-size:14px;
line-height:28px;
}
.alert-box .inner .icon-alert{
position:absolute;
left:0px;
top:0px;
text-align:center;
width:28px;
height:28px;
font-size:14px;
line-height:24px;
border:2px solid;
border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
}
.alert-box.alert-success .inner .icon-alert{
border-color:#65be3e;
color:#65be3e;
}
.alert-box.alert-information .inner .icon-alert{
border-color:#22c0e8;
color:#22c0e8;
}
.alert-box.alert-warning .inner .icon-alert{
border-color:#e7bd13;
color:#e7bd13;
}
.alert-box.alert-danger .inner .icon-alert{
border-color:#f7504c;
color:#f7504c;
}
.btns-row .theme-btn{
margin:0px 5px 20px;
}
/* FAQ PAGE */
/***
====================================================================
Accordions style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block {
margin-bottom: 25px;
position: relative;
}
.accordion-box .block .acc-btn{
border: 1px solid #0d6bd6;
color:#1c1c1c;
cursor:pointer;
font-size:16px;
padding: 12px;
position:relative;
}
.accordion-box .block .acc-btn.active{
border-bottom: 1px solid #ef173c;
border-color: #ef173c;
color:#1c1c1c;
padding-bottom: 10px;
}
.accordion-box .block .icon-outer {
font-size: 12px;
position: absolute;
right: 15px;
top: -10px;
}
.accordion-box .block .icon-outer .icon {
color: #ef173c;
line-height: 52px;
position: absolute;
top: 8px;
right: 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .active .icon-outer .icon-minus{
opacity:1;
}
.accordion-box .block .active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
border: 1px solid #ef173c;
border-top: none;
color: #808080;
font-size:13px;
padding: 7px 12px 8px;
position:relative;
}
/*Accordion Style Two*/
.accordion-box.style-two .block .acc-btn {
font-size: 20px;
}
.accordion-box.style-two .block .content {
font-size: 14px;
}
/* owl carousel */
/* -------- Owl Carousel ---------- */
.owl-controls {
margin: 0;
}
.owl-controls .owl-nav > div {
background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
border-radius: 0;
display: block;
margin: 0;
padding: 10px;
position: absolute;
top: 45%;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 6;
}
.owl-controls .owl-next {
right: 0px;
}
.owl-controls .owl-next i {
color: #808080;
font-size: 20px;
}
.owl-controls .owl-prev i {
color: #808080;
font-size: 20px;
}
/* owl dots */
.owl-theme .owl-dots {
text-align: center;
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
background: #eeeeee;
border: 2px solid #555555;
border-radius: 50%;
transform: rotate(45deg);
display: block;
height: 12px;
margin: 5px 7px;
opacity: 0.8;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 12px;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #333333;
}
/* Image Carousel */
.image-carousel .owl-controls .owl-nav > div {
opacity: 0;
}
.image-carousel:hover .owl-controls .owl-nav > div {
opacity: 1;
}
/* Owl top nav style */
.owl-carousel.owl-nav-top.bullet-white .owl-dots span {
background: transparent;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div {
background-color: #cccccc;
top: -45px;
right: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover i {
color: #ffffff;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
right: 30px;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
right: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
border: none;
line-height: 22px;
padding: 0 9px;
text-align: center;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i {
font-size: 14px;
}
.owl-carousel.no-bullet .owl-nav {
display: none;
}
.fix {
position: fixed;
z-index: 99999;
right: 0;
bottom: 40.8%;
}
.btn-sonar {
background: #d31f26;
border: 0;
border-radius: 50%;
width: 60px;
height: 60px;
display: inline-block;
color: #fff;
outline: 0;
position: fixed;
text-align: center;
line-height: 80px;
left: 10px;
bottom: 10px;
z-index: 99;
}
.btn-sonar img {
width: 35px;
height: 35px;
margin-top: -20px;
animation: rotate-img 1s infinite;
}
.btn-sonar::before {
content: "";
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
top: 0;
left: 0;
animation: sonar-effect 1s ease-in-out .1s infinite;
}
@keyframes rotate-in {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sonar-effect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #d31f26}100%{box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #1fd3ba;transform:scale(1.5);opacity:0}}
@media (max-width: 767.98px){
.section-top-spacing {
padding-top: 80px;
}
}
.contact-whatsapp {
width: 50px;
position: fixed;
bottom: 130px;
left: 15px;
z-index: 9999;
display: inline-block;
animation: up-down 1s infinite;
}
@keyframes up-down {
0% {transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
/*50% {margin-top:-20px;}*/
/*100% {margin-top: 0px;}*/
}