|
Server IP : 103.53.40.154 / Your IP : 3.145.66.104 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/vivahmilankendra.com/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
@import url(sans-font.css);
@import url(raleway-font.css);
@import url(sacramento-font.css);
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'PT Sans', sans-serif;
font-size:14px;
color:#888888;
line-height:1.8em;
font-weight:400;
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:#b10a0a;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1 {
color: #b10a0a;
/*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;
padding:0 15px;
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:#b10a0a;
color:#ffffff !important;
border-color:#b10a0a !important;
}
.normal-btn{
position:relative;
padding:9px 25px;
line-height:24px;
text-transform:uppercase;
background:#b10a0a;
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;
transition:all 1.5s;
}
.normal-btn .fa{
padding-right:5px;
}
.normal-btn:hover{
background:#b10a0a;
color:#ffffff !important;
border-color:#1a1a1a !important;
}
.theme_color{
color:#ff9000;
}
.text-white{
color:#ffffff !important;
}
.no-bg{
background:none !important;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/preloader.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-14 {
font-size: 14px !important;
}
.font-16 {
font-size: 16px !important;
}
.font-18 {
font-size: 18px !important;
}
.font-30 {
font-size: 30px !important;
}
.font-64 {
font-size: 64px !important;
}
.font-72 {
font-size: 72px !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: #b10a0a;
}
.img-fullwidth {
width: 100%;
}
.text-thm {
color: #b10a0a !important;
}
.text-thm2 {
color: #F1A1DC !important;
}
.bg-thm {
background: #b10a0a !important;
}
.bg-thm2 {
background: #F1A1DC !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: #b10a0a;
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; */transition:all 1.5s;
}
.btn-flat {
border-radius: 0;
}
.thm-btn:hover,
.thm-btn.inverse {
background-color: #fff;
border-color: #b10a0a;
color: #b10a0a;
}
.thm-btn:active,
.thm-btn:focus {
background-color: #fff;
border-color: #b10a0a;
color: #b10a0a;
}
.thm-btn.inverse:hover {
background: #b10a0a;
border-color: #b10a0a;
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(177, 10, 10, 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:50px;
padding-bottom:50px;*/
padding-top:20px;
padding-bottom:20px;
}
.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;*/
background:#b10a0a;
}
.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:#fff;
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; border-bottom:solid 1px #b10a0a;
}
.fixed-header .header-lower{
position:fixed;
padding:0px !important; height:60px;
}
.fixed-header .appoinment-btn{top:5px;}
.fixed-header .pos-fxd{ padding:10px 0px !important; }
.fixed-header .logo{height:60px !important; padding:8px 0px 0px 0px !important; margin:0px !important;}
.fixed-header .logo img{width:200px;}
.fixed-header .header-lower .pos-fom{top:10px; left:120px;}
.fixed-header .header-lower .dropdown-el{position:relative; left:1px; top:-14px;}
/*.fixed-header .main-header .header-lower .logo:before{height:60%; background-color:#E5E5E5;}
.fixed-header .main-header .header-lower .logo:after{height:60%; background-color:#E5E5E5;}*/
<!--.fixed-header .header-lower .main-header .header-lower .logo{height:80px;}-->
/*.fixed-header .auto-container :before{height:60%; background-color:#232323;}*/
.dropdown-el{position:relative; left:1px; top:7px;}
.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:#b10a0a;*/
/*line-height: 100px;*/
/*height: 100px; */padding:10px 0px;
}
.main-header .header-lower .logo:before{
content:'';
position:absolute;
right:100%;
top:0%;
width:1000px;
/*height:100%;*/
/* background:#b10a0a;
*/}
.main-header .header-lower .logo:after{
content:'';
position:absolute;
left:111%;
top:0%;
width:2px;
height:100%;
background:#b10a0a;
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:100%;
z-index:1;
}
.main-menu{
position:relative;
float:right;
padding:10px 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:12px 0px 0px 0px;
font-size:14px;
color:#b10a0a;
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:#b10a0a;
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:#b10a0a;
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:#cb0e0e;
}
.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:#b10a0a;
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:#cb0e0e;
}
.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:6px;
}
.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:#b10a0a;
}
.appoinment-form-outer button {
padding:9px 30px;
}
.modal-backdrop {
z-index: 0;
}
.title-border::after {
background: #b10a0a 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:#b10a0a !important;
border-color:#202020 !important;
margin:0px 5px;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{
border-color:#b10a0a !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:50px;
right:10px;
width:40px;
height:40px;
color:#ffffff;
background:#b10a0a;
font-size:14px;
line-height:38px;
border:1px solid #b10a0a;
text-align:center;
z-index:100;
cursor:pointer;
border-radius:3px;
display:none;
}
.scroll-to-top:hover{
background:#ffffff;
color:#000000;
border-color:#b10a0a !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:#b10a0a;
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:#b10a0a;
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:#b10a0a;
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:#b10a0a;
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 #b10a0a;
}
.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:#b10a0a !important;
border-color:#b10a0a !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;
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:#b10a0a;
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-details.event-cntn {
padding: 20px;
}
.event-details.event-cntn h2 {
padding-bottom: 5px;
}
.event-details.event-cntn .event-day {
padding-bottom: 5px;
}
.event-details.event-cntn .event-day span {
padding-left: 5px;
}
.event-details.event-cntn address {
margin-bottom: 10px;
}
.event-details.event-cntn address span {
padding-left: 5px;
}
.padding-right10 {
padding-right: 10px;
}
.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:#b10a0a;
text-transform:uppercase;
font-size:14px;
}
.services-section .column .read-more .fa{
padding-right:5px;
}
.services-section .column .read-more:hover{
color:#b10a0a;
}
.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 .sec-content{
margin-top: 50px;
}
.gallery-section .column{
position:relative;
padding:0px;
}
.gallery-section .column .image{
position:relative;
overflow:hidden;
margin-right: 5px;
}
.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(../images/background/3.jpg) 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;
}
.get-quote .form{
margin-top: 70px;
}
/***
====================================================================
Fact Counter Section
====================================================================
***/
.fact-counter{
position:relative;
padding:0px 0px 5px;
color:#ffffff;
background-color:#b10a0a;
}
.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:#b10a0a;
}
.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: #b10a0a;
color: #ffffff;
}
.ui-timepicker-list li:hover {
background-color: #b10a0a;
}
/***
====================================================================
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:#b10a0a;
text-transform:uppercase;
font-size:14px;
}
.team-section .column .read-more .fa{
padding-right:5px;
}
.team-section .column .read-more:hover{
color:#b10a0a;
}
/* inner doctor page */
.bottom-border::before {
background-color: #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
color: #222E35;
margin-top: 13px;
}
.single-team-member a.thm-btn:hover {
background: #b10a0a;
border-color: #b10a0a;
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: #b10a0a;
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:#b10a0a;
color:#ffffff;
}
/***
====================================================================
Default Two Column / Testimonials
====================================================================
***/
.default-two-column{
position:relative;
/*padding:80px 0px 30px;*/
padding:30px 0px 10px;
/*background:#ededed url(../images/background/bg-pattern.png) center center no-repeat;
background-size:cover; */
}
.default-two-column .sec-title{
/*margin-bottom:50px; */
margin-bottom:20px;
}
.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;
}
.default-two-column.dfc-two{
/*padding-bottom: 20px;*/
}
.testimonial-slider{
position:relative;
}
.testimonial-slider .slide-content{
position:relative;
padding:25px 30px;
background:#b10a0a;
border:1px solid #b10a0a;
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 #b10a0a;
}
.testimonial-slider .slide-content:after{
content:'';
position:absolute;
left:22px;
bottom:-28px;
border:15px solid transparent;
border-top:15px solid #b10a0a;
}
.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 #b10a0a;
}
.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:#b10a0a;
background:#b10a0a;
}
.clients-column{
position:relative;
background:#b10a0a;
border:1px solid #b10a0a;
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 #b10a0a;
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 #b10a0a;
cursor:pointer;
}
.main-footer .footer-upper{
position:relative;
/*padding:100px 0px 20px;*/
/*background:#252525;*/
background:#2d2d2d;
padding:50px 0px 20px;
}
.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:1px;
/*background:#393939;*/
background:#fff;
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:#b10a0a;
}
.main-footer .footer-upper .links ul li a {
color: #dddddd;
display: block;
padding-left: 15px; transition:all 1.5s;
}
.main-footer .footer-upper .links ul li a:hover {
color: #fff; transition:all 1.5s;
}
.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:#fff;
border:1px solid #fff;
/*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:#b10a0a;
background:#b10a0a;
color:#fff;
}
.social-links.couple a{
color:#ffffff;
border:1px solid #ffffff;
background:#F1A1DC;
}
.social-links.couple a:hover{
border-color:#ffffff;
background:#b10a0a;
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:#b10a0a;
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:#b10a0a;
border-top:1px solid #3a3a3a;
/*padding:25px 0px;*/
font-size:13px;
text-align:center;
padding:1px 0px;
}
.footer-bottom .copyright{
position:relative;
line-height:30px;
/*margin-bottom:10px;*/
padding: 8px 0px 9px 0px
}
.footer-bottom .copyright a{
position:relative;
color:#fff; transition:all 1.5s;
}
.footer-bottom .copyright strong{
font-weight:400;
color:#ffffff;
}
.footer-bottom .copyright .fa{
color:#b10a0a;
}
.main-footer .contact-info{
position:relative;
/*margin:30px 0px 0px;*/
color:#fff; font-size:20px;
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;*/
color:#fff;
}
.main-footer .contact-info .info{
font-size:18px;
/*color:#999999; */
color:#fff;
}
/***
====================================================================
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: #b10a0a;
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:#b10a0a;
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:#b10a0a;
}
.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:#b10a0a;
}
.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:#b10a0a;
}
.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:#b10a0a;
}
.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:#b10a0a;
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:#b10a0a;
}
.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 #b10a0a;
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:#b10a0a;
}
.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:#b10a0a;
}
.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:#b10a0a;
border-color:#b10a0a;
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:#b10a0a;
border:1px solid #b10a0a;
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: #b10a0a;
}
.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:#888888;
}
.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:#b10a0a;
}
.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:#b10a0a;
}
.sidebar-section .comments-area .reply-comment .text:before{
content:'';
position:absolute;
left:20px;
top:-20px;
border:10px solid transparent;
border-bottom:10px solid #b10a0a;
}
.sidebar-section .comments-area .reply-btn{
position:relative;
display:inline-block;
padding:7px 25px 4px;
min-width:100px;
font-size:14px;
background:#b10a0a;
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: #b10a0a;
}
.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: #b10a0a;
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: #b10a0a;
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 #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
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: #b10a0a;
}
#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: #b10a0a;
}
#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: #b10a0a;
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 #b10a0a;
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: #b10a0a;
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 #b10a0a;
}
.stories-section .vertical-line .icon-box{
position:absolute;
left:-26px;
height:52px;
width:52px;
text-align:center;
color:#ffffff;
background:#b10a0a;
border:1px solid #b10a0a;
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:#b10a0a;
border:1px solid #b10a0a;
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:#b10a0a;
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-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:#b10a0a;
color:#ffffff !important;
font-size:14px;
border:1px solid #b10a0a !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:#b10a0a !important;
border-color:#b10a0a !important;
}
.btn-theme-two{
position:relative;
padding:12px 25px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#b10a0a !important;
font-size:14px;
border:1px solid #b10a0a !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:#b10a0a;
color:#ffffff !important;
border-color:#b10a0a !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:#b10a0a;
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(../images/background/bg-pattern.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:#b10a0a;
}
.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 #b10a0a;
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:#b10a0a;
background:#b10a0a !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:#b10a0a;
}
.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:#b10a0a;
border-radius:3px;
}
.progress-levels .progress-box .percent{
position:absolute;
right:0px;
width:50px;
top:-10px;
letter-spacing:1px;
font-size:14px;
color:#b10a0a;
}
.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:#b10a0a;
}
.default-line-centered{
width:80px;
height:3px;
margin:10px auto 10px;
background:#b10a0a;
}
/***
====================================================================
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:#b10a0a;
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 #b10a0a;
color:#b10a0a;
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:#b10a0a;
}
.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(../images/icons/icon-arrow.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 #b10a0a;
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:#b10a0a;
color:#ffffff;
border-color:#b10a0a;
}
.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:#b10a0a;
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:#b10a0a;
}
.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 #b10a0a;
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;
}
.list-pl5 {
padding-left: 5px;
}
.clock-inner {
margin-left: 70px;
}
.container-fluid2 {
padding-bottom: 35px;
}
.fluid30 {
margin-top: 30px;
}
.form0 {
margin-bottom: 0;
}
.circular0 {
padding-top: 0;
}
.get-quote60 {
padding-left: 60px;
}
.gallery20 {
padding-bottom: 20px;
}
.doctor30 {
padding: 30px;
}
.margin-bottom20 {
margin-bottom: 20px;
}
.margin-bottom10 {
margin-bottom: 10px;
}
.margin-bottom30 {
margin-bottom: 30px;
}
.margin-top0 {
margin-top: 0;
}
.margin-top5 {
margin-top: 5px;
}
.margin-top20 {
margin-top: 20px;
}
.margin-top15 {
margin-top: 15px;
}
.margin-top60 {
margin-top: 60px;
}
.padding-top10 {
padding-top: 10px;
}
.padding-top60 {
padding-top: 60px;
}
.ptop5 {
padding-top: 5px;
}
.btn-mr5 {
margin-right: 5px;
}
.padding-bottom35 {
padding-bottom: 35px;
}
.title-margin23 {
margin-top: 20px;
margin-bottom: 30px;
}
.sec-marginj15 {
margin-top: 15px;
margin-bottom: 15px;
}
.sec-padding5 {
padding-bottom: 50px;
}
.sec-padding99 {
padding-top: 90px;
padding-bottom: 60px;
}
.sec-paddingp2 {
padding: 20px;
}
.sec-paddingp31 {
margin-bottom: 30px;
margin-top: 100px;
}
.sec-padding1 {
padding-bottom: 10px;
}
.sec-padding0 {
padding: 0 !important;
}
.sec-paddingp0 {
padding-top: 0;
padding-bottom: 0;
}
.sec-paddingj55 {
padding-top: 5px;
padding-bottom: 5px;
}
.sec-padding88 {
padding-left: 80px;
padding-right: 80px;
}
.sec-padding63 {
padding-top: 60px;
padding-bottom: 30px;
}
.sec-padding00 {
padding: 0;
margin: 0;
}
.sec-padding150 {
/*padding-top: 150px;
padding-bottom: 150px;*/
padding-top: 20px;
padding-bottom: 50px;
}
.sec-padding180 {
padding-top: 180px;
padding-bottom: 180px;
}
.sec-padding200 {
padding-top: 200px;
padding-bottom: 200px;
}
/* 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;
}
/*Backgroun images replace*/
.bg-eee{
background: #eeeeee !important;
}
.bg-fa{
background: #fafafa !important;
}
.bg-f1{
background: #f1f1f1 !important;
}
.bg-f7{
background: #f7f7f7 !important;
}
.bg-f8{
background: #f8f8f8 !important;
}
.form-transparent input.form-control{
height: 45px;
}
.img-inner {
margin-bottom: 30px;
margin-top: 15px;
}
.couple-inner {
margin-top: 40px;
}
.stories-section.stories2 .sec-title .offset-inner div {
margin-bottom: 30px;
margin-top: 20px;
}
.columns-outer-inner .default-story-inner .wow-inner {
padding: 15px;
}
.columns-outer-inner .div-inner {
padding: 15px;
}
.columns-outer-inner .bdrs-10-2 {
padding: 15px;
}
.columns-outer-inner .clearfix2 {
margin-top: 80px;
}
.columns-outer-inner .clearfix2 .wow2 {
padding: 15px;
}
.people-details.pdts-style .container {
padding-top: 60px;
}
.people-details.pdts-style .section-content .pdts-inner {
padding-left: 60px;
}
.people-details.pdts-style .section-content .pdts-inner .dl-horizontal {
margin-top: 30px;
}
.people-details.pdts-style .section-content .pdts-inner .dl-horizontal .list.asterisk {
margin: 0;
}
.people-details.pdts-style .section-content .rawx2 {
margin-bottom: 30px;
}
.people-details.pdts-style .section-content .rawx2 .inn3 {
margin-top: 30px;
padding: 30px;
}
.people-details.pdts-style .section-content .rawx2 .inn3 h5 {
margin-bottom: 20px;
}
.mp01 img{width:100%; border:solid 1px #ccc; height:180px;}
.abt p{text-align:justify; color:#fff;}
.abt-btn{background-color:#efefef; color:#fa59b0; transition:all 1.5s;}
.img-sty{width:100%; height:180px;}
.clr-link{color:#efefef; transition:all 1.5s; font-weight:bold;}
.clr-link:hover{color:#efefef; transition:all 1.5s;}
.inc i{width:100px; height:100px; border-radius:100px; background-color:#fff; color:#640b79 !important; text-align:center; padding-top:21px;
font-size:50px; border:solid 4px #640b79; transition: all 1.5s;}
.inc i:hover{background-color:#640b79; color:#fff !important; text-align:center; padding-top:22px; font-size:50px; transition: all 1.5s;}
.cnt-us h2 a{color:#640b79; transition:all 1.5s; text-shadow:1px 1px 1px #000;}
.cnt-us h2 a:hover{color:#fff; transition:all 1.5s; text-shadow:1px 1px 1px #000;}
.cnt-sty{text-align:justify;}
.cld-bnr{margin-top:10px;}
.cld-bnr a{color:#fff !important; transition:all 1.5s;}
.cld-bnr a:hover{color:#b10a0a !important; transition:all 1.5s; }
.emld{color:#fff !important; transition:all 1.5s;}
.emld:hover{color:#b10a0a !important; transition:all 1.5s;}
.cple{width:100%; border:solid 1px #b10a0a;}
h4.hd-sty{color:#C39 !important; text-shadow:1px #b10a0a !important; font-size:22px !important;}
.rd-mrd{background-color:#b10a0a; border:solid 1px #b10a0a; transition:all 1.5s; color:#fff; padding:8px 10px; text-shadow:1px #000; font-weight:bold; transition:all 1.5s;}
.rd-mrd:hover{background-color:#b10a0a; border:solid 1px #b10a0a; transition:all 1.5s; color:#fff; transition:all 1.5s;}
.no-resd-nv{display:block !important;}
@media (min-width:320px) and (max-width:767px)
{
.no-resd-nv{display:none !important;}
.dspsty{display:block !important;}
}
/*.main-menu .navigation > li > ul > li {
position: relative;
width:20%;float:left;}*/
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 25%;
float: left;
}
ul.nv-sty {
width: 800px !important;
}
ul.nv-sty1 {
width: 640px !important;
}
/*.main-menu .navigation {
margin-left: 130px;
}*/
.main-menu {
position: relative;
float: left;
/* padding: 30px 0px;
*/}
.tab {
overflow: hidden;
border: 1px solid #ccc;
/*background-color: #f1f1f1;*/
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
/*.tab button.active {
background-color: #ccc;
}*/
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
/*************/
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1
}
.dropdowna:hover .dropdown-content {
display: block;
}
.dropdowna:hover .dropbtn {
background-color: #3e8e41;
}
/******************/
.accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding:5px 10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s; border-bottom:solid 1px #ccc; margin-top:px;
}
.active, .accordion:hover {
background-color: #ccc;
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.bg-banner img {
width: 100%;
z-index: 999;
}
.cnt-flsh {
position: absolute;
}
/*section > .container, section > .container-fluid {
padding-top: 0px;
padding-bottom: 0px;
}*/
.hm-form-sty {
width: 95%;
height: 40px;
padding: 10px;
border: solid 1px #6c0000;
margin-right: 1px;
border-radius: 5px;
}
.mp0s {
margin: 0px;
padding: 0px;
}
.sr-btn {
cursor: default;
background-color:#b10a0a;
color: #fff;
text-shadow: 1px 1px 1px #b10a0a;
font-size: 16px;
transition: all 1.5s;
font-weight: bold;
text-align: center;
padding: 5px 15px;
border-radius: 5px;
}
.sr-btn:hover {
background-color: #cb0e0e;
color: #fff;
transition: all 1.5s;
}
.mp-btm {
}
.pos-fom {
position: relative;
left: 80px;
top: 30px;
}
.stysoc {
width: 100%;
margin-bottom: 10px;
}
.hm-form-sty1d {
width: 100%;
height: 50px;
padding: 10px;
border: solid 1px #b10a0a;
}
.sr-btn1d {
cursor: default;
background-color: #b10a0a;
color: #fff;
text-shadow: 1px 1px 1px ##b10a0a;
font-size: 20px;
transition: all 1.5s;
}
.sr-btn1d:hover {
background-color: #cb0e0e;
color: #fff;
transition: all 1.5s;
}
.pos-fxd{margin-left:100px}
@media (min-width:320px) and (max-width:767px) {
.pos-fxd{margin-left:0px}
.abt img {
padding: 0px 0px 20px 0px;
}
li.mp-btm {
padding-bottom: 20px !important;
}
ul.nv-sty {
width: auto!important;
margin-left: 0px !important;
}
ul.nv-sty1 {
width: auto!important;
}
image2 {
padding: 0px !important;
}
/*.main-menu .navigation > li > ul > li {
position: relative;
float: none;
width:100%; float:none;}*/
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
float: none;
width: 100%;
float: none;
}
.main-menu .navbar-header .navbar-toggle {
right: 3%;
margin-bottom: 9px;
}
.main-menu {
position: relative;
float: none;
padding: 0px 0px;
}
.pos-fom {
position: relative;
left: 0px;
top: 10px;
margin: auto;
width: 80%;
margin-bottom: 20px;
}
.hm-form-sty {
margin-bottom: 5px;
}
}
.sb-nav li{float:none; width:100% !important;}
.prof-img{width:100%;}
.footr-brd{border-bottom:dotted 2px #9f0505; margin:20px 0px;}
/******************dashboard*************/
.db-bg{background-color:#fff; border:solid 1px #ccc; margin:0px; padding:0px; margin-bottom:20px;}
.db-bg h5{padding:10px 0px;}
.db-bg h5 a{color:#00F;}
.pro-img{width:100px; height:100px; border-radius:100px;}
.btn-ad-pr{margin-top:10px;}
.btn-ad-pr a{border:solid 1px #ccc; position:relative; left:10px; padding:2px 5px; font-size:14px; color:#00F; border-radius:5px;}
.btn-ad-pr1 a{position:relative; left:10px; padding:5px 5px; font-size:14px; color:#00F; text-decoration:underline;}
.btn-ad-pr2{background-color:#d6d6d9; margin:0px; padding:0px; box-shadow: 2px 2px 2px #efefef; font-size:18px;}
.db-bg h2{background-color:#d6d6d9; margin:0px; padding:0px; text-align:center; font-size:18px; color:#b10a0a;}
<!---left accordion--->
.accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.addv{margin:0px; padding:0px;}
.addv img{width:100%; margin-bottom:20px;}
.panel{margin-bottom:0px !important;}
.rest-pro img{width:100%; height:167px; margin-top:10px; padding:10px;}
.sb-db-hdg , .rest-pro{margin:0px; padding:0px;}
.sb-db-hdg h2{text-align:left !important; background-color:#d6d6d9; padding:0px 10px; box-shadow: 2px 2px 2px #efefef; font-size:16px; color:#b10a0a; font-weight:bold;}
.sb-db-hdg_1{background-color:#d6d6d9; padding:0px 10px; margin:0px; padding:0px;}
.sb-db-hdg_1 h2{text-align:left !important; /*font-size:20px;*/ color:#b10a0a; font-size:16px; font-weight:bold;}
.db-bg_01{background-color:#fff; border:solid 1px #ccc; margin:0px 20px 20px 0px; padding:0px;}
.bg-clrd_2{background-color:#fff; border:solid 1px #ccc; margin:0px 0px 20px 0px; padding:0px;}
.bg-clrd_3{margin:0px; padding:0px; background-color:#fff; border:solid 1px #ccc;}
.ser-db-for{width:100%; height:30px; border:solid 5px #ccc; border-radius:5px; background:url(../images/serch.png) no-repeat center right; padding:15px; margin:10px 0px}
.mp_db{margin-right:0px; padding-right:0px;}
.mp_db_00{margin:0px; padding:0px; }
.frm-hdg_db p{font-size:16px; color:#000;}
.dsbo-fom{width:100%; height:30px; border-radius:5px; padding:1px; border:solid 1px #ccc;}
.frm-hdg_db1 p{font-size:15px; color:#000;}
.frm-hdg_db1 p{margin:0px; padding:0px;}
.btn-srh-db{padding:2px 20px; background-color:#0C0; text-align:center; color:#fff; font-weight:bold;}
.mor-srh1{text-align:center !important; padding:5px 20px !important; border:solid 1px #c7c7c7 !important; color:#000 !important; background-color:#efefef !important; position:relative; top:3px; transition:all 1.5s;}
.mp_btms{margin-bottom:10px;}
.vew-all{padding:6px 14px; background-color:#fff; border:solid 2px #bbbbbb; color:#000; font-size:17px; box-shadow:1px 1px 5px #ccc; transition:all 1.5s; border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
.vew-all:hover{background-color:#0000ff; border:solid 2px #fff; color:#fff; transition:all 1.5s;}
.int-rev img{width:100%; border:solid 1px #ccc; margin:10px 0px; height:180px;}
.db-nm{font-size:18px; color:#000; font-weight:bold; transition:all 1.5s; text-decoration:underline;}
.db-nm:hover{color:#000; transition:all 1.5s; text-decoration:underline;}
.hdg_1 p{font-size:14px; color:#b1b3b9; margin:0px; padding:0px;}
.hdg_2 p{text-align:center; font-weight:bold; margin:0px; padding:0px;}
.hdg_3 p{font-size:14px; color:#72727d; margin:0px; padding:0px;}
.hdg_1, .hdg_2, .hdg_3{margin:0px; padding:0px;}
.mp-top1{margin-top:5px;}
.som-cnt{border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; box-shadow: 0px 0px 2px #ccc;}
.som-cnt p img{width:20px;}
.som-cnt p{position:relative; top:5px;}
.som-cnt p a{color:#009aae; transition:all 1.5s;}
.som-cnt p a:hover{color:#009aae; transition:all 1.5s;}
.btn-acp a{background-color:#009aae; color:#fff; border:solid 1px #009aae; padding:2px 10px; font-size:18px; transition:all 1.5s}
.btn-acp a:hover{background-color:#fff; color:#0303e6; border:solid 1px #0303e6; transition:all 1.5s}
.btn-decl a{background-color:#d6d6d9; color:#000; border:solid 1px #d6d6d9; padding:2px 10px; font-size:18px; transition:all 1.5s}
.btn-decl a:hover{background-color:#fff; color:#000; border:solid 1px #000; padding:2px 10px; font-size:18px; transition:all 1.5s}
.next-prv p{font-size:16px;}
.next-prv p a{font-size:20px; color:#000;}
.btn-acp,.btn-decl, .vew-pro{margin:10px 20px 8px 0px;}
.next-prv{/*margin:8px 0px 0px 0px;*/ position:relative; top:8px;}
.box-sdo{box-shadow:0px 4px 0px #ccc;}
.vew-pro a{background-color:#0C0; color:#fff; border:solid 1px #0C0; padding:2px 10px; font-size:18px; transition:all 1.5s}
.vew-pro a:hover{background-color:#fff; color:#0C0; border:solid 1px #0C0; transition:all 1.5s}
.dl-rcom h5{font-size:14px; color:#000; font-weight:bold;}
.dl-rcom a{font-size:12px; border:solid 1px #0000ff; padding:2px 10px; transition:all 1.5s; color:#0000ff; transition:all 1.5s;}
.dl-rcom{background-color:#f5f5f5; padding:10px; padding:10px; border:solid 1px #ccc;}
.dl-rcom p{font-size:12px; color:#000;}
.mp_00dr{margin:0px; padding:5px;}
/******************/
.dl-rcom img{width:100%; height:156px; border:solid 1px #ccc;}
.Sui{margin:0px; padding:0px;}
.Sui img{width:100%; height:120px; border:solid 1px #ccc; margin:10px;}
.Sui-cnt h5{font-weight:bold; padding:5px;}
.Sui-name{color:#000000;}
.inv-sen{font-size:15px; color:#0C0; border:dotted 1px #0C0; width:30px; height:30px; border-radius:30px; background-color:#fff; text-align:center; padding-top:7px; text-shadow:1px 1px 1px 10px #9F6; transition:all 1.5s;}
.inv-sen:hover{color:#fff; background-color:#0C0; transition:all 1.5s;}
.stb-btn{background-color:#009aae; color:#fff; border:solid 01px #009aae; padding:2px 5px; font-weight:bold; transition:all 1.5s; border-radius:5px;}
.stb-btn:hover{background-color:#fff; color:#0000ff; border:solid 01px #0000ff; padding:2px 5px; transition:all 1.5s;}
.stb-bg{border:solid 1px #efefef; margin-top:10px; background-color:#f8f8f8; }
.mp-rgt{margin-right:0px; padding-right:0px;}
.nw-prf img{width:100%; height:80px; border:solid 1px #efefef;}
.npf-hdg h5 a{font-size:16px; color:#000; transition:all 1.5s;}
.npf-hdg h5 a:hover{font-size:16px; color:#000; transition:all 1.5s;}
.img-crcl{ height:100px; border-radius:100px; border:solid 1px #ccc;}
.stb-btn1{background-color:#f1f1f2; color:#000; border:solid 1px #ccc; padding:2px 5px; font-weight:bold; transition:all 1.5s; border-radius:5px;}
.stb-btn1:hover{background-color:#fff; color:#000; border:solid 1px #000; padding:2px 5px; transition:all 1.5s;}
.img-seq{height:100px !important; border-radius:8px;}
.img-seq2{height:50px !important; border-radius:50px; width:50px !important;}
.img-sz1{width:20px; height:20px;}
.del-icon{position:absolute; z-index:999; left:249px;}
.del-icon a{color:#848080; transition:all 1.5s;}
.del-icon a:hover{color:#b10a0a; transition:all 1.5s;}
/*.active{background-color:#efefef !important;}*/
/**************tab*******/
*, *:after, *:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
* {margin:0;padding:0;border: 0 none;position: relative;}
[class="fa"]:before {font-family: 'fontawesome', sans-serif;}
.sec-bg {
background: #fff;
height: 100rem;
/* margin: 4rem auto;*/
box-shadow: 0 0 6px rgba(0,0,0,.4);
}
article {
/* position: absolute;*/
left: 0;
/* top: 5rem;*/
top: 1rem;
right: 0;
bottom: 0;
/* padding: 1rem 2rem 0;*/
overflow: auto;
transition: .7s;
transform: scale(0);
transform-origin: center right;
transition-delay: .1s;
}
article:before {
color: rgba(0,0,0,.2);
font-size: 4rem;
font-weight: 100;
position: absolute;
bottom: 1rem;
right: 1rem;
}
.navd_1 {
background: #fff;
width: 100%;
height: 5rem;
box-shadow: 0 0 6px rgba(0,0,0,.4);
}
.navd_1:after {
content:'';
width: 25%;
height: 5rem;
position: absolute;
transition: .5s;
border-bottom:solid 2px #000;
}
input {
display: none;
}
label {
width: 28%;
float: left;
color: #000;
font-size:16px; padding-top:10px;
text-align: center;
cursor: pointer;
transition: .5s;
z-index: 2; font-weight:normal;}
label:hover {color: #1E6743;}
label:before {
display: block;
font-size: 3rem;
line-height: 5rem;
z-index: 2;
}
#profile:checked ~ .navd_1 [for='profile'],
#settings:checked ~ .navd_1 [for='settings'],
#posts:checked ~ .navd_1 [for='posts'],
#books:checked ~ .navd_1 [for='books'] {
color: #000;
font-size:16px; padding-top:10px; text-align:center;
}
#settings:checked ~ .navd_1 [for='settings'] {}
#profile:checked ~ .navd_1 [for='profile'] {}
#profile:checked ~ .navd_1:after {
left: 0;
}
#settings:checked ~ .navd_1:after {
left:25%;
border-top: 0 none; text-align:center;
}
#posts:checked ~ .navd_1:after {
left: 50%;
}
#books:checked ~ .navd_1:after {
left: 75%;
}
#profile:checked ~ .uno,
#settings:checked ~ .dos,
#posts:checked ~ .tres,
#books:checked ~ .cuatro {
display: block;
transform: scale(1);
transition-delay: .5s;
}
a {color: rgba(0,0,0,.4)}
a:hover {color: rgba(0,0,0,.2)}
.tab-styd1{font-family:30px !important;}
.spn-sty{color:#0699ad; font-size:12px;}
.cancl-btn-sty i{text-align:center; padding:4px; border:solid 1px #ccc; background-color:#fff; transition:all 1.5s; color:#a4a4a4;}
.cancl-btn-sty i:hover{text-align:center; padding:4px; border:solid 1px #FF0000; background-color:#FF0000; color:#fff; transition:all 1.5s;}
.nm-acep{margin:0px; padding: 0px 10px; font-size:18px; color:#000;}
.nm-acep a{font-size:18px; color:#000; padding:0px 4px;}
.btn-ace-pro{background-color:#ef3079; padding:4px 8px; color:#fff; font-weight:300; position:relative; top:5px; border:solid 1px #ef3079; transition:all 1.5s;}
.btn-ace-pro:hover{background-color:#fff; color:#ef3079; border:solid 1px #ef3079; transition:all 1.5s;}
.onl-sty{color:#00bcd5;}
.btn-decl-box{background-color:#0c9191; padding:4px 8px; color:#fff; font-weight:300; position:relative; top:5px; border:solid 1px #0c9191; transition:all 1.5s;}
.btn-decl-box:hover{background-color:#fff; color:#0c9191; border:solid 1px #0c9191; transition:all 1.5s;}
.mp-top2{margin-top:20px;}
.spn-sty1{color:#003333;}
.mp_1d{margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; border-bottom:solid 1px #efefef;}
.pd-0{padding:0px 0px 5px 0px;}
.img-inbox{width:100%; border:solid 1px #efefef; height:150px;}
.mp_bx{margin:0px; padding:0px;}
.mp_bx_rt{margin-right:0px; padding-right:0px;}
.next-prv1 p{font-size:16px;}
.next-prv1 p a{font-size:20px; color:#000;}