@import "../../css.css" ;
body {
font-family : lato, sans-serif;
font-weight : 400;
font-style : normal;
font-size : 15px;
}
h1, h2, h3, h4, h5, h6 {
font-family : raleway, sans-serif;
font-weight : 400;
color : #231f20;
margin-top : 0;
font-style : normal;
font-weight : 700;
letter-spacing : 0.5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color : inherit;
font-family : raleway, sans-serif;
}
ul {
margin : 0;
padding : 0;
}
li {
list-style : none;
}
p {
font-size : 15px;
font-weight : 400;
line-height : 24px;
color : #7e7e7e;
margin-bottom : 15px;
}
.container {
width : 1200px;
}
.container-fluid {
margin-left : -15px;
margin-right : -15px;
}
.f-left {
float : left;
}
.f-right {
float : right;
}
.fix {
overflow : hidden;
}
a img {
transition : 0.3s;
}
a img:hover {
opacity : 0.9;
}
a, .btn {
transition : all 0.3s 0s ease-out;
}
.btn {
border-radius : 0;
font-size : 14px;
padding : 0 15px;
height : 30px;
line-height : 30px;
}
a:focus, .btn:focus {
text-decoration : none;
outline : none;
}
a:focus, a:hover {
color : #c20019;
text-decoration : none;
}
a, button {
outline : medium;
color : #858585;
}
h1 {
font-size : 45px;
font-weight : 500;
}
h2 {
font-size : 35px;
}
h3 {
font-size : 28px;
}
h4 {
font-size : 22px;
}
h5 {
font-size : 18px;
}
h6 {
font-size : 16px;
}
.text-uppercase {
text-transform : uppercase;
}
.gray-bg {
background : #f6f7fa;
}
.white-bg {
background : #fff;
}
.black-bg {
background : #222;
}
label {
color : #858585;
cursor : pointer;
font-size : 14px;
font-weight : 400;
}
*::-moz-selection {
background : #309acf;
color : #fff;
text-shadow : none;
}
::-moz-selection {
background : #309acf;
color : #fff;
text-shadow : none;
}
::selection {
background : #309acf;
color : #fff;
text-shadow : none;
}
*::-moz-placeholder {
font-size : 14px;
}
*::-webkit-input-placeholder {
color : #fff;
font-size : 14px;
}
*:-ms-input-placeholder {
color : #fff;
font-size : 14px;
}
*::placeholder {
color : #fff;
font-size : 14px;
}
.text-center {
text-align : center;
}
.m-0 {
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
.p-0 {
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.mt-0 {
margin-top : 0;
}
.mt-10 {
margin-top : 10px;
}
.mt-15 {
margin-top : 15px;
}
.mt-20 {
margin-top : 20px;
}
.mt-30 {
margin-top : 30px;
}
.mt-40 {
margin-top : 40px;
}
.mt-50 {
margin-top : 50px;
}
.mt-60 {
margin-top : 60px;
}
.mt-70 {
margin-top : 70px;
}
.mt-80 {
margin-top : 80px;
}
.mt-90 {
margin-top : 90px;
}
.mt-100 {
margin-top : 100px;
}
.mt-110 {
margin-top : 110px;
}
.mt-120 {
margin-top : 120px;
}
.mt-130 {
margin-top : 130px;
}
.mt-140 {
margin-top : 140px;
}
.mt-150 {
margin-top : 150px;
}
.mb-0 {
margin-bottom : 0;
}
.mb-10 {
margin-bottom : 10px;
}
.mb-15 {
margin-bottom : 15px;
}
.mb-20 {
margin-bottom : 20px;
}
.mb-30 {
margin-bottom : 30px;
}
.mb-40 {
margin-bottom : 40px;
}
.mb-50 {
margin-bottom : 50px;
}
.mb-60 {
margin-bottom : 60px;
}
.mb-70 {
margin-bottom : 70px;
}
.mb-80 {
margin-bottom : 80px;
}
.mb-90 {
margin-bottom : 90px;
}
.mb-100 {
margin-bottom : 100px;
}
.mb-110 {
margin-bottom : 110px;
}
.mb-120 {
margin-bottom : 120px;
}
.mb-130 {
margin-bottom : 130px;
}
.mb-140 {
margin-bottom : 140px;
}
.mb-150 {
margin-bottom : 150px;
}
.pt-0 {
padding-top : 0;
}
.pt-10 {
padding-top : 10px;
}
.pt-15 {
padding-top : 15px;
}
.pt-20 {
padding-top : 20px;
}
.pt-30 {
padding-top : 30px;
}
.pt-40 {
padding-top : 40px;
}
.pt-50 {
padding-top : 50px;
}
.pt-60 {
padding-top : 60px;
}
.pt-70 {
padding-top : 70px;
}
.pt-80 {
padding-top : 80px;
}
.pt-90 {
padding-top : 90px;
}
.pt-100 {
padding-top : 100px;
}
.pt-110 {
padding-top : 110px;
}
.pt-120 {
padding-top : 120px;
}
.pt-130 {
padding-top : 130px;
}
.pt-140 {
padding-top : 140px;
}
.pt-150 {
padding-top : 150px;
}
.pr-0 {
padding-right : 0;
}
.pr-10 {
padding-right : 10px;
}
.pr-15 {
padding-right : 15px;
}
.pr-20 {
padding-right : 20px;
}
.pr-30 {
padding-right : 30px;
}
.pr-40 {
padding-right : 40px;
}
.pr-50 {
padding-right : 50px;
}
.pr-60 {
padding-right : 60px;
}
.pr-70 {
padding-right : 70px;
}
.pr-80 {
padding-right : 80px;
}
.pr-90 {
padding-right : 90px;
}
.pr-100 {
padding-right : 100px;
}
.pr-110 {
padding-right : 110px;
}
.pr-120 {
padding-right : 120px;
}
.pr-130 {
padding-right : 130px;
}
.pr-140 {
padding-right : 140px;
}
.pb-0 {
padding-bottom : 0;
}
.pb-10 {
padding-bottom : 10px;
}
.pb-15 {
padding-bottom : 15px;
}
.pb-20 {
padding-bottom : 20px;
}
.pb-30 {
padding-bottom : 30px;
}
.pb-40 {
padding-bottom : 40px;
}
.pb-50 {
padding-bottom : 50px;
}
.pb-60 {
padding-bottom : 60px;
}
.pb-70 {
padding-bottom : 70px;
}
.pb-80 {
padding-bottom : 80px;
}
.pb-90 {
padding-bottom : 90px;
}
.pb-100 {
padding-bottom : 100px;
}
.pb-110 {
padding-bottom : 110px;
}
.pb-120 {
padding-bottom : 120px;
}
.pb-130 {
padding-bottom : 130px;
}
.pb-140 {
padding-bottom : 140px;
}
.pb-150 {
padding-bottom : 150px;
}
.pl-0 {
padding-left : 0;
}
.pl-10 {
padding-left : 10px;
}
.pl-15 {
padding-left : 15px;
}
.pl-20 {
padding-left : 20px;
}
.pl-30 {
padding-left : 30px;
}
.pl-40 {
padding-left : 40px;
}
.pl-50 {
padding-left : 50px;
}
.pl-60 {
padding-left : 60px;
}
.pl-70 {
padding-left : 70px;
}
.pl-80 {
padding-left : 80px;
}
.pl-90 {
padding-left : 90px;
}
.pl-100 {
padding-left : 100px;
}
.pl-110 {
padding-left : 110px;
}
.pl-120 {
padding-left : 120px;
}
.pl-130 {
padding-left : 130px;
}
.pl-140 {
padding-left : 140px;
}
.pl-150 {
padding-left : 150px;
}
.ptb-0 {
padding : 0;
}
.ptb-10 {
padding : 10px 0;
}
.ptb-20 {
padding : 20px 0;
}
.ptb-30 {
padding : 30px 0;
}
.ptb-40 {
padding : 40px 0;
}
.ptb-50 {
padding : 50px 0;
}
.ptb-60 {
padding : 60px 0;
}
.ptb-70 {
padding : 70px 0;
}
.ptb-80 {
padding : 80px 0;
}
.ptb-90 {
padding : 90px 0;
}
.ptb-100 {
padding : 100px 0;
}
.ptb-110 {
padding : 110px 0;
}
.ptb-120 {
padding : 120px 0;
}
.ptb-130 {
padding : 130px 0;
}
.ptb-140 {
padding : 140px 0;
}
.ptb-150 {
padding : 150px 0;
}
.mtb-0 {
margin : 0;
}
.mtb-10 {
margin : 10px 0;
}
.mtb-15 {
margin : 15px 0;
}
.mtb-20 {
margin : 20px 0;
}
.mtb-30 {
margin : 30px 0;
}
.mtb-40 {
margin : 40px 0;
}
.mtb-50 {
margin : 50px 0;
}
.mtb-60 {
margin : 60px 0;
}
.mtb-70 {
margin : 70px 0;
}
.mtb-80 {
margin : 80px 0;
}
.mtb-90 {
margin : 90px 0;
}
.mtb-100 {
margin : 100px 0;
}
.mtb-110 {
margin : 110px 0;
}
.mtb-120 {
margin : 120px 0;
}
.mtb-130 {
margin : 130px 0;
}
.mtb-140 {
margin : 140px 0;
}
.mtb-150 {
margin : 150px 0;
}
.mb-180 {
margin-bottom : 180px;
}
.bg-opacity-white-gray-50:before, .bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-75:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before, .bg-opacity-white-10:before, .bg-opacity-white-20:before, .bg-opacity-white-30:before, .bg-opacity-white-40:before, .bg-opacity-white-50:before, .bg-opacity-white-60:before, .bg-opacity-white-70:before, .bg-opacity-white-80:before, .bg-opacity-white-90:before {
content : "";
display : inline-block;
height : 100%;
left : 0;
position : absolute;
top : 0;
width : 100%;
z-index : -1;
}
.bg-opacity-black-40:before {
background : rgb(34, 34, 34, 0.4);
}
.bg-opacity-black-50:before {
background : rgb(34, 34, 34, 0.5);
}
.bg-opacity-black-60:before {
background : rgb(34, 34, 34, 0.75);
}
.bg-opacity-black-70:before {
background : rgb(34, 34, 34, 0.7);
}
.bg-opacity-black-75:before {
background : rgb(34, 34, 34, 0.75);
}
.bg-opacity-black-80:before {
background : rgb(34, 34, 34, 0.8);
}
.bg-opacity-black-90:before {
background : rgb(34, 34, 34, 0.9);
}
.bg-opacity-white-10:before {
background : rgb(255, 255, 255, 0.1);
}
.bg-opacity-white-20:before {
background : rgb(255, 255, 255, 0.2);
}
.bg-opacity-white-30:before {
background : rgb(255, 255, 255, 0.3);
}
.bg-opacity-white-40:before {
background : rgb(255, 255, 255, 0.4);
}
.bg-opacity-white-50:before {
background : rgb(255, 255, 255, 0.5);
}
.bg-opacity-white-60:before {
background : rgb(255, 255, 255, 0.6);
}
.bg-opacity-white-70:before {
background : rgb(255, 255, 255, 0.7);
}
.bg-opacity-white-80:before {
background : rgb(255, 255, 255, 0.8);
}
.bg-opacity-white-90:before {
background : rgb(255, 255, 255, 0.9);
}
.bg-1 {
background : url(img/bg/1.jpg);
}
.bg-2 {
background : url(img/bg/2.jpg);
}
.bg-3 {
background : url(img/bg/3.jpg);
}
.bg-4 {
background : url(img/bg/4.jpg);
}
.bg-5 {
background : url(img/bg/5.jpg);
}
.bg-6 {
background : url(img/bg/6.jpg);
}
.bg-7 {
background : url(img/bg/7.jpg);
}
.bg-8 {
background : url(img/bg/8.jpg);
}
.bg-9 {
background : url(img/bg/9.jpg);
}
.bg-10 {
background : url(img/bg/10.jpg);
}
.banner-bg-1 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-2 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-3 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-4 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-5 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-6 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-7 {
background : url(img/bg/banner/banner-bg-01.jpg);
}
.banner-bg-1, .bg-1, .banner-bg-2, .bg-2, .banner-bg-3, .bg-3, .banner-bg-4, .bg-4, .banner-bg-5, .bg-5, .banner-bg-6, .bg-6, .banner-bg-7, .bg-7, .bg-8, .bg-9, .bg-10 {
background-clip : initial;
background-color : transparent;
background-origin : padding-box;
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
position : relative;
z-index : 0;
}
.slider-bg-one {
background-image : url(img/slider/home-three/1.jpg);
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
}
.slider-bg-two {
background-image : url(img/slider/home-three/2.jpg);
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
}
.slider-bg-three {
background-image : url(img/slider/home-three/3.jpg);
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
}
.slider-bg-four {
background-image : url(img/slider/home-three/4.jpg);
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
}
.main-wrapper {
overflow : hidden;
}
a.button {
background : none 0 0 repeat scroll #222;
border : #222 solid 1px;
border-radius : 50px;
color : #f1f1f1;
display : inline-block;
font-size : 13px;
height : 50px;
letter-spacing : 2px;
line-height : 48px;
padding : 0 45px;
text-transform : uppercase;
}
.button {
background : none 0 0 repeat scroll #222;
border : #222 solid 1px;
color : #f1f1f1;
display : inline-block;
font-size : 13px;
height : 45px;
letter-spacing : 2px;
line-height : 46px;
padding : 0 40px;
text-transform : uppercase;
transition : 0.3s;
}
.button.active {
background : none 0 0 repeat scroll #c20019;
border : #c20019 solid 1px;
margin-right : 15px;
}
.button.active:hover {
background : none 0 0 repeat scroll #222;
border-color : #222;
}
.button.transparent {
background : none 0 0 repeat scroll transparent;
border : #f1f1f1 solid 1px;
}
.button.transparent:hover {
border-color : #c20019;
}
a.button-small {
background : none 0 0 repeat scroll #222;
border-radius : 50px;
color : #f1f1f1;
display : inline-block;
font-size : 13px;
height : 43px;
letter-spacing : 2px;
line-height : 43px;
padding : 0 35px;
text-transform : uppercase;
}
a.button:hover, a.button-small:hover, .button:hover {
background : #c20019;
color : #f1f1f1;
border-color : #c20019;
}
a.button.button-black {
background : none 0 0 repeat scroll #f1f1f1;
color : #222;
line-height : 49px;
}
a.button.button-black:hover {
background : #c20019;
color : #f1f1f1;
}
.b-shadow {
box-shadow : 0 2px 5px #f1f1f1;
}
.main-heading-content {
margin-bottom : 70px;
}
.main-heading-content > h2 {
font-size : 45px;
font-weight : 700;
letter-spacing : 1px;
margin-bottom : 35px;
position : relative;
text-transform : capitalize;
}
.main-heading-content > h2 span {
color : #c20019;
}
.main-heading-content > h2::after {
background : none 0 0 repeat scroll #c20019;
bottom : -15px;
content : "";
height : 2px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
width : 120px;
}
.main-heading-content > h2::before {
background : none 0 0 repeat scroll #c20019;
bottom : -22px;
content : "";
height : 2px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
width : 70px;
}
.headroom--pinned {
transform : translateY(0);
}
.headroom--unpinned {
transform : translateY(-110%);
}
.headroom {
transition : transform 0.25s 0s ease-in-out;
will-change : transform;
}
.logo {
float : left;
margin : 29px 0;
position : relative;
transition : all 0.4s 0s ease-in-out;
z-index : 1111;
}
.header-style-six .logo {
margin : 20px 0;
}
.header-style-six .main-menu > li > a {
padding : 30px 10px;
}
.logo a h2 span {
color : #c20019;
font-weight : 700;
}
.logo a h2 {
color : #f1f1f1;
display : inline-block;
margin-bottom : 0;
transition : 0.4s ease-in-out;
font-weight : 600;
}
.logo.footer-logo h2 {
font-weight : 600;
}
.logo h2 spen {
color : #c20019;
}
.sticky .logo a h2 {
color : #222;
}
ul.main-menu {
float : right;
}
.main-menu > li {
display : inline-block;
transition : 0.3s;
position : relative;
}
.main-menu > li a i {
color : #c20019;
margin-left : 3px;
}
.main-menu > li > a {
color : #f1f1f1;
display : block;
font-size : 14px;
padding : 40px 10px;
text-transform : uppercase;
transition : all 0.4s 0s ease-in-out;
}
.main-menu li a:hover, .main-menu li a:focus, .main-menu li.active a {
color : #c20019;
}
.sticky .main-menu li.active a, .main-menu li.active a {
color : #c20019;
}
.header-area {
background : none 0 0 repeat scroll transparent;
position : absolute;
top : 0;
transition : all 0.3s 0s ease;
width : 100%;
z-index : 111;
}
.mobile-menu-area {
display : none;
}
.header-top {
background : none 0 0 repeat scroll #212121;
transition : all 0.4s 0s ease;
}
.info > li {
color : #fff;
display : inline-block;
font-size : 15px;
font-weight : 400;
margin-right : 15px;
padding : 12px 0;
}
.header-top-right {
float : right;
}
.info li i {
color : #c20019;
margin-right : 7px;
}
.info-login li {
display : inline-block;
}
.info-login a {
color : #fff;
display : block;
font-size : 15px;
font-weight : 400;
margin-left : 20px;
padding : 12px 0;
}
.info-login li a i {
color : #c20019;
margin-right : 6px;
}
.consultation-button {
display : inline-block;
}
.top-menu.pull-right > ul {
display : inline-block;
}
.top-menu li {
display : inline-block;
}
.top-menu a {
border-left : 1px solid #3c3a3a;
color : #fff;
display : block;
padding : 12px 10px;
}
.consultation-button > a {
color : #666;
}
.consultation-button a:hover {
color : #fff;
}
.consultation-button > a i {
color : #c20019;
margin-right : 5px;
}
.main-menu li > ul {
background : none 0 0 repeat scroll #fff;
border-top : 2px solid #c20019;
opacity : 0;
padding : 0;
position : absolute;
top : 100%;
transform-origin : center top 0;
transition : all 0.3s 0s ease-in-out;
visibility : hidden;
width : 500px;
z-index : 11;
left : 15px;
}
.dropdown-right {
margin : 0 auto;
right : 0;
}
.main-menu > li:hover > ul {
box-shadow : 2px 2px 5px 1px rgb(0, 0, 0, 0.05), -2px 0 5px 1px rgb(0, 0, 0, 0.05);
opacity : 1;
visibility : visible;
left : 0;
}
.main-menu li > ul > li > a {
color : #f1f1f1;
display : block;
font-size : 12.5px;
letter-spacing : 1px;
margin : 0;
padding : 10px 16px;
text-transform : uppercase;
transition : all 0.3s 0s ease;
}
.main-menu li > ul > li > a:hover {
color : #c20019;
}
.main-menu li > ul > li {
border-bottom : 1px solid #f1f1f1;
position : relative;
}
.main-menu li > ul > li:last-child {
border-bottom : none;
}
.main-menu li > ul > li:hover > ul {
transform : scaleY(1);
opacity : 1;
visibility : visible;
}
.main-menu li > ul > li > ul {
border-left : 2px solid #c20019;
border-top : 0;
left : 100%;
position : absolute;
top : 0;
transform : scaleY(0);
opacity : 0;
visibility : hidden;
}
.main-menu li.static {
position : static;
}
.main-menu li .mega-menu {
left : 0;
top : 100%;
width : 100%;
}
.mega-menu > li {
border-left : 1px solid #ddd;
float : left;
width : 33.333%;
padding : 0 25px;
}
.mega-menu > li:first-child {
border-left : 0;
}
.mega-menu li a i {
color : #c20019;
margin-right : 15px;
}
.mega-menu h3 {
color : #f1f1f1;
font-size : 18px;
font-weight : 400;
letter-spacing : 2px;
margin : 0 14px;
padding : 10px 0;
position : relative;
text-transform : uppercase;
margin-bottom : 10px;
}
.mega-menu h3:after {
background : none 0 0 repeat scroll #ddd;
bottom : 3px;
content : "";
height : 1px;
left : 0;
position : absolute;
width : 50px;
}
.header-style-one.sticky {
background : none 0 0 repeat scroll #fff;
box-shadow : 0 0 10px 0 rgb(0, 0, 0, 0.2);
position : fixed;
transition : all 0.3s 0s ease;
}
.sticky .logo {
margin : 19px 0;
transition : all 0.3s 0s ease;
}
.sticky .main-menu > li > a {
color : #222;
padding : 30px 10px;
}
.homepage-menu-style-two {
opacity : 0;
transition : all 0.3s 0s ease;
visibility : hidden;
}
.nav-show.homepage-menu-style-two {
opacity : 1;
visibility : visible;
}
.homepage-menu-style-two ul.main-menu {
margin-right : 10px;
}
.sticky .hamburger-box:before {
background : none 0 0 repeat scroll #222;
}
.sticky .hamburger-inner {
background-color : #222;
width : 25px;
}
.sticky .hamburger-inner:before {
background-color : #222;
width : 25px;
}
.hamburger-inner:before {
background-color : #f1f1f1;
width : 25px;
}
.sticky .hamburger-inner:after {
background-color : #222;
width : 25px;
}
.sticky.header-area.header-style-two {
position : fixed;
background : #f1f1f1;
}
.header-area.header-style-two {
background : none 0 0 repeat scroll #222;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.16), 0 2px 5px 0 rgb(0, 0, 0, 0.26);
position : relative;
}
.header-area.header-style-one.header-style-six {
background : none 0 0 repeat scroll transparent;
position : fixed;
}
.homepage-slider-style-six .slider-item .cd-headline.clip > span {
color : #858585;
}
.homepage-style-five.homepage-slider-style-six .slider-item .intro-title {
color : #858585;
}
.homepage-style-five.homepage-slider-style-six .slider-item > h2 {
color : #222;
}
.homepage-slider-style-six.slider-area {
height : 600px;
position : relative;
}
.header-style-six.headroom .hamburger-inner, .header-style-six.headroom .hamburger-inner:before, .header-style-six.headroom .hamburger-inner:after {
background : #222;
}
.header-style-one .hamburger-inner, .header-style-one .hamburger-inner:before, .header-style-one .hamburger-inner:after {
background : #f1f1f1;
}
.header-style-one.sticky .hamburger-inner, .header-style-one.sticky .hamburger-inner:before, .header-style-one.sticky .hamburger-inner:after {
background : #222;
}
.header-area.header-style-six.headroom .main-menu > li > a {
color : #858585;
}
.header-area.header-style-six.headroom .main-menu li a:hover, .header-area.header-style-six.headroom .main-menu li a:focus, .header-area.header-style-six.headroom .main-menu li.active a {
color : #c20019;
}
.header-area.header-style-six .logo a h2 {
color : #222;
}
.header-area.header-style-one.header-style-six.headroom--not-top {
background : none 0 0 repeat scroll #f1f1f1;
box-shadow : 0 0 10px 0 rgb(0, 0, 0, 0.2);
}
.homepage-style-five .slider-main-wrapper {
left : 10%;
}
.homepage-style-five .slider-item > h2 {
color : #f1f1f1;
font-size : 20px;
font-weight : 200;
letter-spacing : 3px;
margin-bottom : 25px;
text-transform : uppercase;
}
.homepage-style-five .slider-item .intro-title {
font-size : 35px;
font-weight : 400;
margin-bottom : 0;
margin-left : 1px;
}
.homepage-style-five .slider-item {
text-align : right;
}
.homepage-style-five .slider-item h1 {
font-size : 45px;
letter-spacing : 8px;
}
.homepage-style-five .cd-headline.clip .cd-words-wrapper:after {
background-color : #c20019;
top : 19px;
height : 35px;
width : 3px;
}
.homepage-style-five .slider-item .cd-words-wrapper b {
color : #c20019;
top : 0;
}
.header-style-multipage {
background : none 0 0 repeat scroll #fff;
box-shadow : 0 0 10px 0 rgb(0, 0, 0, 0.2);
position : static;
}
.header-style-multipage .main-menu li a {
color : #212121;
font-family : raleway, sans-serif;
font-weight : 700;
transition : all 0.3s 0s ease;
}
.header-style-multipage .main-menu > li > a:hover, .header-style-multipage .main-menu > li.active > a {
color : #c20019;
}
.header-style-multipage .main-menu > li > ul > li a {
color : #212121;
font-size : 13px;
font-weight : 400;
}
.header-style-multipage .main-menu > li > ul > li > a > i {
color : #ddd;
}
.header-style-multipage .main-menu > li > ul > li a:hover {
background : none 0 0 repeat scroll #f1f1f1;
color : #212121;
}
.sub-drop-icon {
float : right;
}
.header-style-multipage .logo a h2 {
color : #212121;
font-weight : 600;
}
.header-style-multipage .multipage-wrapper {
float : right;
}
.header-style-multipage .multipage-wrapper .main-menu {
display : inline-block;
float : none;
}
.header-style-multipage .multipage-wrapper .search-option {
display : inline-block;
}
.search-option ul li {
position : relative;
}
.search-option ul li a {
display : block;
padding : 34px 20px;
}
.search-option ul li a i {
color : #c20019;
font-size : 16px;
}
.search-option ul li ul {
background : none 0 0 repeat scroll #fff;
border-top : 3px solid #c20019;
opacity : 0;
padding : 15px 20px;
position : absolute;
right : 0;
top : 105%;
transition : all 0.6s 0s ease;
visibility : hidden;
z-index : 11;
}
.search-option ul li ul li input {
border : #ddd solid 1px;
border-radius : 0;
box-shadow : none;
height : 40px;
padding : 13px;
width : 250px;
}
.search-option ul li:hover ul {
opacity : 1;
visibility : visible;
}
.search-option ul li ul li input:focus, .search-option ul li ul li input:hover {
border-color : #c20019;
box-shadow : none;
}
.slider-area {
height : 100vh;
position : relative;
}
.heading-main-text {
font-weight : 600;
text-transform : none;
}
.slider-item h1 {
font-size : 60px;
font-weight : 600;
letter-spacing : 0;
line-height : 65px;
margin-bottom : 15px;
}
.about-me-slider .slider-main-wrapper .slider-item .cd-words-wrapper b {
top : 11px;
}
.about-me-slider .slider-main-wrapper .slider-item .cd-headline.clip .cd-words-wrapper:after {
background-color : #c20019;
content : "";
height : 48px;
position : absolute;
right : 0;
top : 37px;
width : 4px;
}
.slider-item > h2 {
color : #f1f1f1;
font-weight : 200;
margin-bottom : 50px;
text-transform : uppercase;
}
.slider-item h1 span {
color : #c20019;
}
.slider-item .cd-headline.clip > span {
color : #f1f1f1;
}
.slider-item .cd-words-wrapper b {
font-weight : 900;
top : 17px;
}
.slider-main-wrapper {
left : 0;
margin-left : 30px;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.home-three-slider-item .slider-content-area {
margin-left : 15px;
}
.slider-main-wrapper-three {
left : 0;
margin-left : 30px;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.main-heading-logo {
font-weight : 700;
}
.homepage-slider-one .slider-item h1 {
font-size : 80px;
}
.slider-wrapper-two .slider-item .cd-words-wrapper b {
font-weight : 900;
top : 13px;
}
.slider-wrapper-two .slider-item > h2 {
font-size : 25px;
margin-bottom : 30px;
}
.slider-wrapper-two .slider-item h1 {
margin-bottom : -10px;
}
.slider-wrapper-two .cd-headline.clip .cd-words-wrapper:after {
background-color : #c20019;
content : "";
height : 49px;
position : absolute;
right : 0;
top : 38px;
width : 3px;
}
.slider-item.home-three-slider-item {
height : 550px;
}
.slider-item.home-three-slider-item {
position : relative;
}
.slider-item.home-three-slider-item:after {
background : none 0 0 repeat scroll rgb(34, 34, 34, 0.2);
content : "";
height : 100%;
left : 0;
position : absolute;
top : 0;
width : 100%;
z-index : 1;
}
.slider-item.home-three-slider-item .slide-text {
position : absolute;
top : 50%;
transform : translateY(-50%);
width : 100%;
z-index : 11;
}
.homepage-three-title {
color : #fff;
line-height : 45px;
margin-bottom : 27px;
}
.slide-text > h2 {
color : #fff;
font-size : 28px;
letter-spacing : 1px;
margin-bottom : 17px;
}
.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next {
background : none 0 0 repeat scroll rgb(241, 241, 241, 0.4);
height : 100px;
position : absolute;
top : 50%;
transform : translateY(-50%);
transition : all 0.3s 0s ease;
width : 100px;
}
.slider-wrapper .owl-nav .owl-prev:hover, .slider-wrapper .owl-nav .owl-next:hover {
background : #c20019;
}
.slider-wrapper .owl-nav .owl-prev i, .slider-wrapper .owl-nav .owl-next i {
color : #f1f1f1;
font-size : 30px;
font-weight : 700;
line-height : 100px;
}
.slider-wrapper .owl-nav .owl-next i {
display : block;
line-height : 100px;
margin : 0 35px 0 auto;
text-align : center;
}
.slider-wrapper .owl-nav .owl-prev i {
display : block;
line-height : 100px;
margin : 0 auto 0 35px;
text-align : center;
}
.slider-wrapper .owl-nav .owl-next {
right : -50px;
}
.slider-wrapper .owl-nav .owl-prev {
left : -50px;
}
.about-text h3:hover {
color : #c20019;
}
.about-text h3 {
font-size : 20px;
margin-bottom : 30px;
transition : all 0.3s 0s ease;
position : relative;
}
.about-text > h3::after {
background : none 0 0 repeat scroll #c20019;
border-radius : 50%;
bottom : -20px;
content : "";
height : 7px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
width : 7px;
transition : 0.4s;
}
.about-item:hover .about-text > h3::after {
width : 100px;
transition : 0.4s;
border-radius : 0;
height : 2px;
}
.about-text h3, .about-text p {
transition : 0.4s;
}
.about-item:hover .about-text h3 {
margin-top : -5px;
}
.about-item:hover .about-text p {
padding-top : 5px;
}
.about-item:hover .about-icon {
margin-top : -5px;
}
.about-icon {
transition : 0.5s;
}
.about-icon span {
font-size : 50px;
text-align : center;
transition : 0.3s;
}
.about-item:hover .about-icon span {
color : #c20019;
}
.about-icon i {
transition : 0.3s;
}
.about-item:hover .about-icon i {
color : #c20019;
}
.about-content h2 {
color : #fff;
font-size : 35px;
font-weight : 600;
margin-bottom : 40px;
text-transform : uppercase;
}
.about-content h2 .cd-words-wrapper {
color : #c20019;
}
.about-content {
background : url(img/about/1.jpg) center center no-repeat scroll transparent;
float : left;
padding : 8% 5%;
position : relative;
width : 50%;
z-index : 2;
}
.about-content:after {
background : none 0 0 repeat scroll rgb(34, 34, 34, 0.8);
content : "";
height : 100%;
left : 0;
position : absolute;
top : 0;
width : 100%;
z-index : -1;
}
.about-content h4 {
color : #fff;
text-transform : uppercase;
}
.about-content > p {
color : #f1f1f1;
}
.social-bookmarkas {
margin-top : 35px;
}
.social-bookmarkas > li {
display : inline-block;
}
.social-bookmarkas li a {
background : none 0 0 repeat scroll transparent;
border : #f1f1f1 solid 1px;
color : #f1f1f1;
display : inline-block;
height : 35px;
line-height : 35px;
margin-right : 8px;
text-align : center;
width : 35px;
}
.social-bookmarkas li:hover a {
color : #c20019;
border-color : #c20019;
}
.social-bookmarkas.black li a {
border : #7e7e7e solid 1px;
color : #7e7e7e;
}
.social-bookmarkas.black li:hover a {
border : #c20019 solid 1px;
color : #c20019;
}
.progress-bar-wrapper {
float : right;
padding : 9% 5%;
width : 50%;
}
.progress-bar-wrapper > h2 {
color : #f1f1f1;
font-weight : 600;
margin-bottom : 40px;
text-transform : uppercase;
}
.single-skill {
background-color : #e5e5e5;
border-radius : 0;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.1) inset;
height : 10px;
margin-bottom : 19px;
overflow : hidden;
}
.single-experience {
margin-bottom : 30px;
overflow : hidden;
}
.single-experience:last-child {
margin-bottom : 0;
}
.single-experience > p {
color : #f1f1f1;
font-size : 12px;
letter-spacing : 2px;
line-height : 1;
margin-bottom : 13px;
text-transform : uppercase;
}
.progress {
background : none 0 0 repeat scroll #e5e5e5;
border-radius : 10px;
box-shadow : none;
font-weight : 400;
height : 12px;
margin : 0;
overflow : visible;
text-transform : uppercase;
}
.progress-bar {
background-color : #c20019;
color : #f1f1f1;
overflow : visible;
position : relative;
}
.progress-bar span {
border-radius : 15px;
bottom : 17px;
display : inline-block;
font-size : 12px;
letter-spacing : 2px;
position : absolute;
right : 0;
}
.progress-bar-wrapper span {
color : #c20019;
}
.team-item {
border : #ddd solid 1px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
margin-top : 46px;
overflow : hidden;
position : relative;
}
.team-thumb {
position : relative;
}
.team-thumb::after {
background : none 0 0 repeat scroll rgb(34, 34, 34, 0.8);
content : "";
height : 100%;
left : 0;
opacity : 0;
position : absolute;
top : 0;
width : 100%;
transition : all 0.3s ease-in-out;
}
.team-item:hover .team-thumb::after {
opacity : 0.8;
}
.team-item:hover .team-thumb a img {
transform : scale3d(1.1,1.1,1);
}
.team-image-hover {
display : block;
overflow : hidden;
position : relative;
}
.team-wrapper {
position : relative;
top : -50px;
}
.team-image-hover::after {
content : "";
height : 100%;
left : 0;
opacity : 0;
position : absolute;
top : 0;
transition : all 0.4s 0s ease-in-out;
visibility : hidden;
width : 100%;
z-index : 1;
}
.team-item:hover .team-image-hover:after {
opacity : 1;
visibility : visible;
}
.team-social-bookmarkas > li {
display : inline-block;
}
.team-item .team-social-bookmarkas {
left : 0;
opacity : 0;
position : absolute;
right : 0;
top : 40%;
transform : translateY(-10%);
transition : all 0.4s 0s ease-in-out;
z-index : 1;
}
.team-item:hover .team-social-bookmarkas {
opacity : 1;
top : 37%;
}
.team-social-bookmarkas a {
border : #f1f1f1 solid 1px;
color : #f1f1f1;
display : block;
font-size : 15px;
height : 35px;
line-height : 35px;
margin : 0 4px;
width : 35px;
}
.team-social-bookmarkas a:hover {
background : none 0 0 repeat scroll #c20019;
border-color : #c20019;
color : #f1f1f1;
}
.team-details {
background : none 0 0 repeat scroll #c20019;
bottom : 0;
height : auto;
padding : 20px 0;
right : 0;
text-align : center;
transition : all 0.5s 0s ease;
width : 100%;
}
.team-details h3 {
color : #fff;
font-size : 23px;
letter-spacing : 1px;
margin-bottom : 0;
text-transform : capitalize;
}
.team-details > span {
color : #fff;
font-size : 12px;
letter-spacing : 1px;
text-transform : uppercase;
}
.calculate-right {
position : relative;
z-index : 1;
}
.team-style-2-wrapper .team-social-bookmarkas {
bottom : 50%;
transform : scale(0);
transition : all 0.6s 0s ease;
}
.team-style-2-wrapper .team-item:hover .team-social-bookmarkas {
bottom : 30px;
opacity : 1;
transform : scale(1);
}
.team-style-2-wrapper .team-image-hover:after {
background : none 0 0 repeat scroll rgb(220, 169, 70, 0.9);
}
.team-style-2-wrapper .team-social-bookmarkas a {
border : #fff solid 1px;
color : #fff;
}
.team-style-2-wrapper .team-social-bookmarkas a:hover {
background : none 0 0 repeat scroll #222;
border-color : #222;
color : #f1f1f1;
}
.item-thumbnail > img {
width : 100%;
}
.portfolio-3-column .portfolio-item {
width : 33.33%;
}
.portfolio-2-column .portfolio-item {
width : 50%;
}
.portfolio-4-column .portfolio-item {
width : 25%;
}
.portfolio-1-column .portfolio-item {
width : 100%;
}
.portfolio-gutter .portfolio-item {
margin-bottom : 30px;
padding : 0 15px;
}
.portfolio-3-column .portfolio-item-big {
width : 66.6667%;
}
.portfolio-gutter .portfolio-item {
padding : 0 15px;
margin-bottom : 30px;
}
.portfolio-no-gutter .portfolio-item {
padding : 0;
}
.portfolio-style-two.portfolio-no-gutter .portfolio-item-content {
border : none;
box-shadow : none;
}
.portfolio-style-two.portfolio-no-gutter .portfolio-details-two {
border-bottom : 1px solid #f1f1f1;
border-left : 1px solid #f1f1f1;
border-right : 1px solid #f1f1f1;
}
.portfolio-gutter {
margin : 0 -15px;
}
.portfolio-filter > li {
display : inline-block;
font-size : 12px;
letter-spacing : 2px;
padding : 10px;
transition : 0.3s;
cursor : pointer;
}
.portfolio-filter > li:hover, .portfolio-filter > li.active {
color : #c20019;
}
.portfolio-filter {
margin : 20px 0;
}
.portfolio-item-content {
overflow : hidden;
position : relative;
border : #ddd solid 1px;
}
.portfolio-details {
left : 0;
position : absolute;
right : 0;
text-align : center;
top : 55%;
transform : translateY(-50%);
z-index : 2;
opacity : 0;
visibility : hidden;
transition : 0.5s;
}
.portfolio-item:hover .portfolio-details {
opacity : 1;
visibility : visible;
top : 50%;
}
.item-thumbnail {
position : relative;
}
.item-thumbnail:after {
background : none 0 0 repeat scroll #212121;
content : "";
height : 100%;
left : 0;
position : absolute;
top : 0;
width : 100%;
z-index : 1;
opacity : 0;
visibility : hidden;
transition : all 0.3s ease-in-out;
}
.portfolio-item:hover .item-thumbnail:after {
opacity : 0.7;
visibility : visible;
transition : 0.3s;
}
.item-thumbnail {
overflow : hidden;
position : relative;
transition : 0.3s;
}
.item-thumbnail img {
transition : 0.3s;
}
.portfolio-item:hover .item-thumbnail img {
transform : scale3d(1.1,1.1,1);
}
.portfolio-details-inner > h4 {
color : #f1f1f1;
font-size : 18px;
letter-spacing : 2px;
margin-bottom : 2px;
text-transform : uppercase;
}
.portfolio-category > li {
display : inline-block;
}
.portfolio-category li a {
color : #f1f1f1;
font-size : 12px;
letter-spacing : 1px;
margin : 0 5px;
text-transform : uppercase;
}
.portfolio-category > li {
position : relative;
}
.portfolio-category > li:after {
color : #f1f1f1;
content : ",";
position : absolute;
}
.portfolio-category > li:last-child:after {
content : "";
}
.venobox.portfolio-view-btn {
font-size : 20px;
color : #fff;
width : 40px;
height : 40px;
display : block;
margin : 0 auto;
border : solid 1px;
line-height : 40px;
margin-bottom : 15px;
}
.portfolio-category li a:hover {
color : #c20019;
}
.portfolio-style-two .portfolio-details {
opacity : 1;
position : static;
visibility : visible;
}
.portfolio-style-two .portfolio-details-inner > h4 {
color : #222;
}
.portfolio-style-two .portfolio-item:hover .zoom-icon {
transform : translateY(-50%) scale(1);
}
.zoom-icon {
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%) scale(0);
z-index : 11;
transition : 0.4s;
}
.zoom-icon i {
padding : 12px;
}
.portfolio-style-two .portfolio-item-content {
border : #ddd solid 1px;
box-shadow : 0 1px 5px 0 #ddd;
overflow : hidden;
position : relative;
}
.portfolio-details-two {
padding : 20px 15px;
}
.portfolio-details-two .portfolio-category > li > a {
color : #222;
}
.portfolio-details-two .portfolio-category > li > a:hover {
color : #c20019;
}
.portfolio-details-two .portfolio-category > li:after {
color : #222;
}
.portfolio-details-two .portfolio-category > li:first-child {
margin-left : -4px;
}
.action-content {
padding : 70px 0;
}
.action-content > span {
color : #f1f1f1;
font-size : 17px;
letter-spacing : 1px;
text-transform : capitalize;
}
.action-content > h3 {
color : #fff;
font-size : 38px;
font-weight : 600;
letter-spacing : 2px;
margin-bottom : 0;
margin-left : -2px;
margin-top : 10px;
text-transform : capitalize;
}
.action-btn {
padding : 83px 0;
text-align : right;
}
.action-title {
color : #c20019;
}
.service-item {
float : left;
margin-bottom : -1px;
margin-left : -1px;
padding : 50px 40px;
width : 33.3333%;
}
.service-icon i {
font-size : 35px;
margin-bottom : 20px;
transition : 0.3s;
}
.service-item > h3 {
font-size : 20px;
font-weight : 400;
text-transform : uppercase;
}
.service-item:hover .service-icon i {
color : #c20019;
}
.service-style-two .service-wrapper .service-item {
padding : 40px 10px;
width : 25%;
}
.service-text > h3 {
font-size : 45px;
font-weight : 600;
margin-bottom : 28px;
text-transform : capitalize;
}
.service-text > h3 > span {
color : #c20019;
}
.service-wrapper-two .service-item {
padding : 50px 10px;
width : 25%;
}
.service-category-item {
margin-bottom : 35px;
text-align : center;
position : relative;
}
.service-category-item::after {
background : none 0 0 repeat scroll #c20019;
content : "";
height : 2px;
position : absolute;
width : 15px;
left : 0;
right : 0;
margin : 0 auto;
transition : 0.4s;
}
.service-category-item:hover.service-category-item::after {
height : 2px;
width : 200px;
border-radius : 0;
}
.about-icon-2 span {
color : #c20019;
font-size : 40px;
}
.about-icon-2 span {
font-size : 40px;
}
.about-icon-2 {
margin-bottom : 10px;
}
.about-text-2 > h3 {
font-size : 25px;
}
.service-category-item.ml-35 {
margin-left : 35px;
}
.service-category-item.mr-35 {
margin-right : 35px;
}
.service-category-pic > img {
width : 87%;
}
.service-category-pic {
margin-bottom : -80px;
text-align : center;
}
.single-stats-item {
float : left;
width : 25%;
}
.stats-area {
padding : 140px 0;
}
.stats-item-heading > h4 {
color : #f1f1f1;
font-size : 30px;
margin-top : 15px;
text-transform : capitalize;
}
.stats-item-heading i {
font-size : 35px;
transition : all 0.3s 0s ease;
color : #f1f1f1;
}
.counter {
color : #c20019;
font-family : raleway;
font-size : 40px;
font-weight : 700;
}
.single-stats-item span.counter {
font-family : lato, sans-serif;
}
.single-stats-item:hover .stats-item-heading i {
color : #c20019;
}
.stats-area-two .stats-item-heading i, .stats-area-two .stats-item-heading h4 {
color : #f1f1f1;
}
.stats-area.stats-style-three .stats-item-heading > h4 {
color : #f1f1f1;
}
.stats-area.stats-style-three .stats-item-heading i {
color : #f1f1f1;
}
.blog-post-page .blog-post {
margin-bottom : 50px;
}
.blog-post {
border : #ddd solid 1px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
}
.post-thumbnail a {
display : block;
overflow : hidden;
position : relative;
}
.post-thumbnail > a:after {
background : none 0 0 repeat scroll #222;
content : "";
height : 100%;
left : 0;
position : absolute;
top : 0;
width : 100%;
transition : all 0.4s ease-in-out;
opacity : 0;
visibility : hidden;
}
.post-thumbnail > a i {
color : #c20019;
font-size : 20px;
left : 0;
position : absolute;
right : 0;
text-align : center;
top : 50%;
transform : translateY(-50%) scale(0);
z-index : 2;
transition : 0.5s;
}
.blog-post:hover .post-thumbnail a:after {
opacity : 0.6;
visibility : visible;
}
.blog-post:hover .post-thumbnail > a i {
transform : translateY(-50%) scale(1);
}
.post-thumbnail > a img {
transition : 0.3s;
}
.blog-post:hover .post-thumbnail > a img {
transform : scale3d(1.1,1.1,1);
}
.post-content-inner h3 {
font-size : 20px;
text-transform : uppercase;
}
.post-content {
background : none 0 0 repeat scroll #fff;
padding : 30px 20px 0;
}
.meta-info-date {
background : none 0 0 repeat scroll #c20019;
border-radius : 3px;
font-size : 12px;
font-weight : 600;
padding : 10px 20px;
position : absolute;
right : 35px;
text-transform : uppercase;
top : 20px;
}
.meta-info-date > .date-right {
background : none 0 0 repeat scroll transparent;
color : #f1f1f1;
font-family : roboto;
font-size : 16px;
font-weight : 600;
text-align : center;
}
.meta-admin, .meta-category > li {
display : inline-block;
}
.admin-name, .category {
color : #c20019;
font-size : 13px;
font-weight : 600;
letter-spacing : 1px;
text-transform : capitalize;
}
.meta-category {
float : right;
}
.meta-category i {
color : #c20019;
font-size : 12px;
margin-right : -6px;
}
.admin-name i {
margin-right : 2px;
}
.category {
margin-left : 8px;
}
.meta-info {
display : block;
margin : 0;
padding : 13px 0 15px;
position : relative;
}
.meta-info::after {
background : none 0 0 repeat scroll #f4f4f4;
content : "";
height : 1px;
left : -20px;
position : absolute;
top : 0;
width : 112%;
}
.meta-info::before {
background : none 0 0 repeat scroll #f1f1f1;
content : "";
height : 50px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
top : 0;
width : 1px;
}
.meta-category > li {
position : relative;
}
.meta-category > li:after {
color : #7e7e7e;
content : ",";
margin-left : 4px;
position : absolute;
}
.meta-category > li:first-child:after {
content : "";
}
.meta-category > li:last-child:after {
content : "";
}
.blog-wrapper-2 .post-content {
padding : 20px;
padding-top : 0;
}
.blog-wrapper-2 .post-content-inner h3 {
font-size : 22px;
padding-bottom : 0;
padding-top : 18px;
text-transform : capitalize;
}
.blog-wrapper-2 .meta-info {
display : block;
margin : 0;
padding : 12px 0 15px;
position : relative;
}
.blog-wrapper-2 .meta-info::after {
background : none 0 0 repeat scroll #f4f4f4;
content : "";
height : 1px;
left : -20px;
position : absolute;
top : 45px;
width : 112%;
}
.blog-wrapper-2 .meta-info::before {
background : none 0 0 repeat scroll #f1f1f1;
content : "";
height : 45px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
top : 0;
width : 1px;
}
.post-thumbnail {
position : relative;
}
.col-md-4.col-sm-6:nth-child(n 4) .blog-post {
margin-top : 30px;
}
.pagination-nav.blog-sidebar.text-center a {
border : #858585 solid 1px;
display : block;
height : 35px;
line-height : 35px;
width : 35px;
}
.pagination-nav.list-inline .active a {
border-color : #c20019;
color : #c20019;
}
.meta-info--date {
display : inline-block;
}
.date-right {
font-size : 13px;
}
.meta-info--date li i {
color : #858585;
font-size : 12px;
margin-left : 15px;
}
.input-field .validate {
border : #ddd solid 1px;
height : 40px;
margin-bottom : 20px;
padding : 10px;
width : 100%;
}
.input-field {
float : left;
margin : 0 10px;
width : 47%;
}
.my-comment-box textarea {
border : #ddd solid 1px;
margin-left : 10px;
padding : 10px;
width : 97%;
}
.input-field .validate:focus {
border-color : #c20019;
}
.button.comment-sms {
float : right;
margin-right : 16px;
margin-top : 20px;
}
.comment-title {
margin-bottom : 20px;
margin-left : 10px;
text-transform : uppercase;
}
article.single-blog-post {
margin-bottom : 20px;
}
.post-comment-section {
margin-bottom : 40px;
}
.post-comment-section h4 {
font-size : 24px;
margin-bottom : 5px;
text-transform : uppercase;
}
.media-left {
padding-right : 12px;
}
.time-reply {
overflow : hidden;
}
.comment-time {
float : left;
}
.reply {
float : right;
}
.media-body .c-title {
color : #303030;
margin-bottom : 0;
}
.media-body > p {
margin : 0;
}
.media {
border-bottom : 1px solid #e5e5e5;
margin-top : 0;
padding : 30px 0;
}
.comment-time span {
color : #858585;
font-size : 12px;
}
.reply > a {
color : #000;
}
.reply > a:hover {
color : #858585;
}
.media.reply {
margin-left : 30px;
}
.media {
clear : both;
}
.single-blog-post .post-content {
background : none 0 0 repeat scroll transparent;
padding : 20px;
}
.search-widget input {
border : #858585 solid 1px;
height : 40px;
padding : 10px;
width : 80%;
}
.search-widget input:hover, .search-widget input:focus {
border-color : #ff9f1a;
}
.search-widget button {
background : none 0 0 repeat scroll #c20019;
border : #ff9f1a solid 1px;
color : #f1f1f1;
display : inline-block;
height : 40px;
line-height : 41px;
position : relative;
right : 4px;
top : 2px;
width : 45px;
}
.single-widget {
margin : 35px 0;
}
.widget-title {
letter-spacing : 1px;
position : relative;
text-transform : capitalize;
}
.widget-title::after {
background : none 0 0 repeat scroll #c20019;
bottom : -12px;
content : "";
height : 2px;
left : 0;
position : absolute;
width : 70px;
}
.widget-post-date {
color : #ff9f1a;
letter-spacing : 1px;
text-transform : uppercase;
}
.post-cat-list > li {
display : block;
font-size : 14px;
font-weight : 600;
padding : 10px 0;
position : relative;
}
.post-cat-list span {
float : right;
}
.post-cat-list {
border-image : none;
border-style : solid solid none;
border-width : 1px 1px 0;
padding : 0 15px;
}
.single-widget:first-child {
margin-top : 0;
}
.post-cat-list > li::after {
background : none 0 0 repeat scroll #f1f1f1;
bottom : 0;
content : "";
height : 1px;
left : -15px;
position : absolute;
width : 113%;
}
.widget-content {
margin : 30px 0;
}
.widget-single-post img {
display : inline-block;
width : 80px;
}
.widget-post-content > p {
margin : 0;
}
.widget-post-content {
margin : 10px 0;
}
.widget-thumb {
float : left;
}
.popular-post-widget .widget-post-content a h4 {
color : #393536;
}
.popular-post-widget .widget-post {
margin-bottom : 30px;
}
.tags > a {
background : none 0 0 repeat scroll #c20019;
border-radius : 3px;
color : #fff;
display : block;
float : left;
margin : 2px;
padding : 7px;
}
.tags > a:hover {
background : none 0 0 repeat scroll #3c3839;
border-radius : 3px;
color : #fff;
display : block;
float : left;
margin : 2px;
padding : 7px;
}
.call-widget {
position : relative;
}
.call-widget-text {
background : none 0 0 repeat scroll rgb(248, 158, 49, 0.8);
bottom : 0;
padding : 10px 0;
position : absolute;
text-align : center;
width : 100%;
}
.call-widget-text > p {
color : #fff;
font-size : 20px;
font-weight : 600;
letter-spacing : 0;
margin-bottom : 0;
text-transform : uppercase;
}
.call-widget-text > span {
color : #fff;
font-size : 16px;
font-weight : 600;
}
.testimonial-thumb > img {
border-radius : 50%;
margin : 0 auto 20px;
}
.testimonial-wrapper {
padding : 30px 0;
}
.slick-dots li button:before {
background : none 0 0 repeat scroll #c20019;
color : #000;
content : "";
font-family : slick;
font-size : 6px;
height : 6px;
left : 0;
line-height : 20px;
opacity : 0.25;
position : absolute;
text-align : center;
top : 0;
width : 20px;
}
.slick-dots {
bottom : -50px;
display : block;
list-style : none outside none;
margin : 0;
padding : 0;
position : absolute;
text-align : center;
width : 100%;
}
.testimonial-meta > p {
color : #f1f1f1;
margin-bottom : 0;
text-transform : uppercase;
}
.testimonial-meta > span {
color : #f1f1f1;
font-size : 12px;
text-transform : uppercase;
}
.testimonial-content > p {
color : #f1f1f1;
}
.price-item {
border-color : #ddd #ddd #222;
border-style : solid;
border-width : 1px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
padding : 35px 0;
transition : all 0.4s 0s ease;
}
.price-item:hover {
border-color : #c20019;
}
.price-item.feature {
border-color : #c20019;
}
.price-tage-wrapper {
background : none 0 0 repeat scroll #222;
color : #f1f1f1;
padding : 10px 0;
}
.price-value {
color : #f1f1f1;
font-family : lato;
font-size : 35px;
font-weight : 600;
margin-bottom : 0;
}
.price-value sub {
font-size : 16px;
top : 0;
}
.price-tage-wrapper > span {
text-transform : uppercase;
font-size : 12px;
letter-spacing : 2px;
}
.table-content > li {
border-bottom : 0 solid #f1f1f1;
display : block;
padding : 10px 0;
}
.prising-footer {
margin-top : 30px;
}
.table-content {
margin-top : 7px;
position : relative;
}
.table-content::after {
background : none 0 0 repeat scroll #c20019;
bottom : -7px;
content : "";
height : 5px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
width : 5px;
transition : all 0.4s ease-in-out;
}
.price-item:hover .table-content::after {
width : 100px;
height : 2px;
}
.price-item.feature .table-content::after {
width : 100px;
height : 2px;
}
.plan-title {
font-size : 30px;
letter-spacing : 1px;
margin-bottom : 35px;
text-transform : capitalize;
}
.price-item.feature {
background : none 0 0 repeat scroll #222;
color : #fff;
}
.feature .plan-title {
color : #c20019;
}
.feature .price-tage-wrapper {
background : none 0 0 repeat scroll #c20019;
}
.feature .table-content > li {
border-color : #666;
}
.feature .button-small.active {
background : none 0 0 repeat scroll #c20019;
}
.feature-stick-wrapper {
height : 150px;
overflow : hidden;
position : absolute;
right : -5px;
top : -5px;
width : 150px;
}
.add-feature-stick {
height : 100px;
right : 11px;
top : -4px;
width : 113px;
}
.feature-stick::after {
right : 0;
}
.feature-stick::before {
left : 0;
}
.feature-stick::after, .feature-stick::before {
border-left : 3px solid transparent;
border-right : 3px solid transparent;
border-top : 3px solid rgb(230, 109, 0, 0.6);
bottom : -3px;
content : "";
position : absolute;
}
.feature-stick {
background : none 0 0 repeat scroll #e66d00;
box-shadow : 0 0 3px rgb(0, 0, 0, 0.3);
color : #fff;
font-family : raleway;
letter-spacing : 1px;
position : relative;
text-align : center;
top : 28px;
transform : rotate(45deg);
z-index : 2;
}
.add-feature-stick .feature-stick {
font-size : 16px;
font-weight : 500;
left : 5px;
padding : 6px 0;
top : 20px;
width : 140px;
}
.price-homepage-three .price-item.feature {
color : #f1f1f1;
background : #fff;
}
.price-homepage-three .feature .table-content > li {
border-color : #c20019;
color : #222;
}
.client-area {
position : relative;
}
.user-wrapper {
position : relative;
z-index : 1;
margin-top : 20px;
}
.slick-dots li button::before {
background : none 0 0 repeat scroll #c20019;
content : "";
height : 8px;
}
.g-2 .slick-dots li button::before {
background : none 0 0 repeat scroll #c20019;
content : "";
height : 8px;
}
.g-3 .slick-dots li button::before {
background : linear-gradient(to top, #4481eb 0%, #04befe 100%);
content : "";
height : 8px;
}
.g-4 .slick-dots li button::before {
background : none 0 0 repeat scroll #2a7af3;
content : "";
height : 8px;
}
.client-says {
clear : both;
display : block;
}
.user-pic {
clear : both;
left : 5%;
margin-left : 0;
overflow : hidden;
padding-bottom : 65px;
position : relative;
top : 30px;
}
.user-pic::after {
background : none 0 0 repeat scroll #f1f1f1;
bottom : 55px;
content : "";
height : 50px;
left : 0;
margin : 0 auto;
position : absolute;
right : 0;
transform : rotate(-45deg);
width : 50px;
}
.user-item-wrapper {
border : #f1f1f1 solid 2px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
margin : 50px;
padding : 15px;
}
.user-pic > img {
float : left;
}
.user-title {
background : none 0 0 repeat scroll #f1f1f1;
display : block;
height : 120px;
margin-left : 150px;
padding : 30px 20px;
position : relative;
width : 250px;
z-index : 1;
}
.user-title::after {
background : none 0 0 repeat scroll #c20019;
content : "";
height : 120px;
left : 0;
position : absolute;
top : 0;
width : 4px;
}
.g-3 .user-title::after {
background : linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
.user-title.g-4::after {
background : none 0 0 repeat scroll #2a7af3;
}
.user-title > h3 {
margin-bottom : 0;
}
.user-title > p {
font-size : 13px;
margin : 0;
}
.user-title > span {
font-size : 13px;
margin-top : 0;
position : relative;
top : -4px;
}
.client-says {
padding : 0 40px 10px;
}
.footer-widget-area {
position : relative;
}
.footer-widget-item > h4 {
color : #f1f1f1;
font-weight : 600;
margin-bottom : 25px;
}
.dubbol-heading {
position : relative;
top : 15px;
}
.footer-bottom {
background : #171717;
}
.widget-link li a {
display : inline-block;
font-size : 13px;
padding : 5px 0;
text-transform : uppercase;
}
.tag-link > a {
background : none 0 0 repeat scroll #2f2f2f;
display : inline-block;
height : 30px;
line-height : 28px;
margin-bottom : 9px;
margin-right : 6px;
padding : 0 10px;
}
.footer-widget-item > p {
line-height : 30px;
}
.tag-link > a:hover {
border-color : #c20019;
}
#bodyContent > p {
font-size : 13px;
line-height : 20px;
margin-bottom : 0;
text-align : center;
}
.copyright > p {
margin-bottom : 0;
padding : 15px 0;
}
.widget-address > li {
display : block;
padding : 5px 0;
}
.widget-address > li a i {
color : #c20019;
margin-right : 10px;
}
.widget-post-thumb {
float : left;
}
.widget-date {
color : #c20019;
font-size : 13px;
font-weight : 600;
margin-left : 100px;
position : relative;
top : -3px;
}
.widget-post-content a h4 {
color : #fff;
font-size : 17px;
margin-left : 100px;
}
.widget-post {
margin-bottom : 20px;
}
.widget-link li a i {
color : #c20019;
margin-right : 7px;
}
.footer-widget-item {
position : relative;
z-index : 1;
}
.footer-social .social-bookmarkas {
margin-top : 0;
}
.monepage-six-footer .copyright > p {
padding : 25px 0;
}
.footer-social {
float : right;
padding : 20px 0;
}
.instagram-widget {
margin : -5px;
}
#instafeed a {
float : left;
width : 28.333%;
}
#instafeed a img {
max-width : 100%;
padding : 5px;
}
.logo.footer-logo {
float : none;
margin : 0 0 15px;
}
.footer-weve::after {
background : url("img/bg/footer.png") center center /cover repeat scroll rgb(0, 0, 0, 0);
content : "";
height : 100%;
left : 0;
opacity : 0.1;
position : absolute;
top : 0;
width : 100%;
}
.about-homepage-2 .about-item {
padding : 40px 0;
}
.readmore {
color : #c20019;
font-family : roboto;
font-size : 15px;
font-weight : 600;
letter-spacing : 1px;
text-transform : capitalize;
}
.about-homepage-2 .about-item:hover {
border-color : #c20019;
}
.about-homepage-2 .about-text {
margin-left : 60px;
}
.about-homepage-2 .about-item .about-icon {
float : none;
font-size : 25px;
height : 0;
width : 0;
margin-bottom : -3px;
}
.addbagkground {
background : none 0 0 repeat scroll #222;
box-shadow : 0 5px 23px 0 rgb(0, 0, 0, 0.3);
margin-left : -115px;
margin-top : 55px;
padding : 0;
width : 280px;
}
.content-section-area-about {
position : relative;
}
.about-left-hanf {
background : none 0 0 repeat scroll rgb(34, 34, 34, 0.8);
border-radius : 2px;
box-shadow : 0 5px 23px 0 rgb(0, 0, 0, 0.3);
float : right;
padding : 130px 80px;
position : relative;
width : 50%;
z-index : 1;
}
.box.bg-cello.section-relative {
width : 500px;
}
.counter-section {
margin-top : 50px;
}
.box.bg-cello.section-relative > h3 {
color : #fff;
font-size : 45px;
margin-bottom : 25px;
}
.list-marked > li {
color : #fff;
padding : 6px 0;
}
.list-marked > li {
color : #fff;
padding : 5px 0;
}
.box.bg-cello.section-relative p {
color : #fff;
margin-bottom : 25px;
}
.list-marked {
margin-bottom : 35px;
}
.text-san-juan.text-sbold {
font-family : raleway;
font-size : 16px;
}
.counter-boxed {
float : left;
width : 33.333%;
}
.counter-boxed:last-child {
border-bottom : none;
}
.banner > h2 {
color : #f1f1f1;
font-size : 45px;
font-weight : 700;
letter-spacing : 1px;
margin-left : 20px;
position : relative;
}
.banner > h2::after {
background : none 0 0 repeat scroll #c20019;
content : "";
height : 35px;
left : -15px;
position : absolute;
top : 8px;
width : 6px;
}
.page-title-link > li {
display : inline-block;
position : relative;
}
.page-title-link li a {
color : #fff;
font-size : 14px;
letter-spacing : 1px;
margin : 0 7px;
text-transform : uppercase;
}
.page-title-link > li:after {
background : none 0 0 repeat scroll #fff;
bottom : 8px;
content : "";
height : 2px;
margin-left : -1px;
position : absolute;
width : 5px;
}
.page-title-link > li:last-child:after {
content : "";
width : 0;
height : 0;
}
.single-choose-item > h3 {
font-size : 20px;
text-transform : uppercase;
}
.choose-icon i {
color : #c20019;
font-size : 35px;
margin-bottom : 25px;
}
.slider-area.about-me-slider .slider-main-wrapper {
left : 10%;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.about-page-test-right > h3 {
text-transform : uppercase;
font-weight : 400;
}
.about-page-test-right > h3 spen {
color : #c20019;
}
.point-out li a {
display : inline-block;
padding : 5px 0;
}
.point-out li a i {
color : #c20019;
margin-right : 10px;
}
#instafeed {
margin : 0 0 0 -4px;
}
.feature-item {
float : left;
margin-bottom : 40px;
margin-right : 25px;
width : 46%;
}
.feature-item > h3 {
display : inline-block;
font-size : 20px;
margin-bottom : 20px;
margin-left : 20px;
text-transform : uppercase;
}
.feature-icon {
display : inline-block;
}
.feature-icon i {
color : #c20019;
font-size : 35px;
}
.cms-client-item {
background : none 0 0 repeat scroll #f1f1f1;
border : #ddd solid 1px;
padding : 15px 0;
text-align : center;
}
.col-md-3.col-sm-6:nth-child(n 5) .cms-client-item {
margin-top : 30px;
}
.cms-client-item img {
filter : url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMC4yMTI2IDAuNzE1MiAwLjA3MjIgMCAwIDAuMjEyNiAwLjcxNTIgMC4wNzIyIDAgMCAwLjIxMjYgMC43MTUyIDAuMDcyMiAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
filter : grayscale(100%);
}
.col-md-3.col-sm-4:nth-child(n 4) .cms-client-item {
margin-bottom : 40px;
}
.cms-client-item img:hover {
filter : ;
opacity : 0.8;
}
.client-item {
background : none 0 0 repeat scroll #fff;
border : #f1f1f1 solid 1px;
float : left;
margin-bottom : -1px;
margin-left : -1px;
padding : 40px;
text-align : center;
width : 25%;
}
.loginbox {
background : none 0 0 repeat scroll #f1f1f1;
padding : 50px;
}
.loginbox > h2 {
font-weight : 400;
padding-bottom : 30px;
text-transform : uppercase;
}
.button.reg-button {
margin-top : 10px;
width : 100%;
}
.button.login-button {
margin-top : 30px;
width : 100%;
}
.login-wrapper ul li {
display : inline-block;
}
.login-wrapper ul li.active {
background : #f1f1f1;
}
.login-wrapper ul li a {
font-size : 20px;
font-weight : 600;
letter-spacing : 1px;
text-transform : capitalize;
}
.form-control.loginbox-form:focus, .form-control.loginbox-form:hover {
border-color : #c20019;
}
.login-wrapper ul li.active a {
color : #c20019;
}
.loginbox.login-page-style {
background : none 0 0 repeat scroll rgb(241, 241, 241, 0.9);
}
.loginbox.login-page-style > h2 {
color : #c20019;
}
.countdown-area {
height : 100vh;
position : relative;
}
.countdown-wrapper {
left : 0;
position : absolute;
right : 0;
top : 40%;
transform : translateY(-50%);
}
.cdown {
display : inline-block;
padding : 0 40px;
}
.cdown strong {
font-size : 70px;
color : #f1f1f1;
}
.cdown p {
text-transform : uppercase;
color : #c20019;
letter-spacing : 2px;
font-size : 20px;
}
.coming-social .social-bookmarkas {
float : right;
margin-top : 28px;
}
.coming-soon-title h1 {
color : #f1f1f1;
font-size : 60px;
font-weight : 700;
letter-spacing : 4px;
}
.coming-soon-title p {
color : #c20019;
font-size : 14px;
letter-spacing : 3px;
}
.coming-soon-title {
padding : 40px 0;
}
.countdown {
margin-bottom : 40px;
}
.coming-newsletter input {
background : none 0 0 repeat scroll transparent;
border : #c20019 solid 1px;
color : #c20019;
height : 45px;
padding : 10px;
width : 300px;
}
.coming-newsletter span .button.active {
border-radius : 0;
height : 45px;
margin-left : -4px;
position : relative;
top : 2px;
}
.scroll-btn.btn-show i {
background : none 0 0 repeat scroll #c20019;
border-radius : 50%;
bottom : 20px;
color : #fff;
font-size : 20px;
font-weight : 700;
height : 45px;
line-height : 45px;
margin : 0 auto;
position : fixed;
right : 25px;
text-align : center;
transition : all 0.4s 0s ease;
width : 45px;
z-index : 1111;
}
.play-button-link:after {
pointer-events : none;
position : absolute;
width : 100%;
height : 100%;
border-radius : 50%;
content : '';
box-sizing : content-box;
}
.play-button-link:after {
top : 0;
left : 0;
padding : 0;
z-index : -1;
box-shadow : 0 0 0 4px rgb(255, 255, 255, 0.1);
opacity : 0;
}
.play-button-link:hover {
color : #fff;
}
.play-button-link {
background : none 0 0 repeat scroll #c20019;
border-radius : 50%;
color : #f1f1f1;
display : inline-block;
font-size : 45px;
height : 100px;
line-height : 105px;
margin : 0 auto;
padding : 0 30px;
position : relative;
transition : all 0.3s 0s ease;
width : 100px;
}
.play-button-link i {
color : #fff;
}
.video-wrapper {
padding : 70px 0;
}
.not-found-icon i {
color : #c20019;
float : right;
font-size : 300px;
}
.not-found-text h1 {
font-size : 80px;
font-weight : 600;
line-height : 56px;
}
.not-found-text > h2 {
letter-spacing : 3px;
margin : 20px 0;
text-transform : uppercase;
}
.not-found-text-2 h1 {
font-size : 160px;
font-weight : 600;
}
.not-found-text-2 > h2 {
font-size : 40px;
letter-spacing : 4px;
margin-bottom : 20px;
text-transform : uppercase;
}
.not-found-text-2 > p {
margin-bottom : 25px;
}
.map-contact-page-two {
width : 100%;
}
.map-contact-page-two #map {
height : 550px;
}
.address-item {
float : left;
margin : 0 11px;
width : 31%;
}
.address-icon i {
color : #c20019;
display : block;
font-size : 50px;
margin-bottom : 30px;
}
.address-item > h3 {
font-size : 20px;
font-weight : 400;
text-transform : uppercase;
}
.form-control.loginbox-form {
border : #ddd solid 1px;
border-radius : 4px;
box-shadow : none;
height : 45px;
margin-bottom : 20px;
width : 100%;
}
.form-control.contact-custom {
border : #ddd solid 1px;
border-radius : 0;
box-shadow : none;
height : 45px;
margin-bottom : 15px;
width : 100%;
}
.massage-box {
border : #ddd solid 1px;
height : 150px;
margin-bottom : 15px;
padding : 10px;
width : 100%;
}
.preloader-area {
position : relative;
}
.preloader-wrapper {
background : none 0 0 repeat scroll #fff;
height : 100%;
left : 0;
margin : 0;
position : fixed;
top : 0;
width : 100%;
z-index : 999999;
}
.preloader-wrapper .spinner {
left : 50%;
margin-left : -30px;
margin-top : -30px;
position : fixed;
top : 50%;
}
.list-marked li i {
margin-right : 10px;
}
.calculate-left > h2 {
font-size : 45px;
}
.calculate-left h2 span {
color : #c20019;
margin-right : 10px;
}
.start-calculate > p {
margin-left : -15px;
padding : 20px 0;
}
.input .button.button-small.active {
font-size : 11px;
margin-top : 30px;
line-height : 42px;
}
.experience-box.text-center {
background : none 0 0 repeat scroll #222;
padding : 25px 50px;
box-shadow : 0 5px 23px 0 rgb(0, 0, 0, 0.3);
}
.calculate-left {
opacity : 0.9;
position : relative;
z-index : 1;
}
.calculate-right > img {
margin-bottom : -80px;
width : 100%;
}
.section-one {
float : left;
margin : 20px 17px 20px 0;
width : 47%;
}
.section-one levels {
color : #666;
font-size : 13px;
margin-top : -25px;
position : absolute;
}
.calculate-wrappwr {
margin-top : 55px;
}
.option-area {
border : #ddd solid 1px;
border-radius : 5px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
height : 50px;
padding : 5px;
width : 100%;
}
.option-area option {
background : none 0 0 repeat scroll #c20019;
border-image : none;
border-style : none;
border-width : medium 0 medium medium;
color : #fff;
padding : 5px;
}
.section-one input {
border : #ddd solid 1px;
border-radius : 5px;
box-shadow : 0 8px 48px 0 rgb(0, 0, 0, 0.08);
height : 50px;
padding : 10px;
width : 100%;
}
.content-section-area {
position : relative;
}
.bg-wabe::after {
background : url("img/bg/w.png") center center /cover repeat scroll rgb(0, 0, 0, 0);
content : "";
height : 100%;
left : 0;
opacity : 0.3;
position : absolute;
top : 0;
width : 100%;
}


/** megamenu-02 **/

/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 11.25.2019
- Author: Roman Serebryakov
- Author web site: http://roman-designs.com
*/

* {
    box-sizing: border-box;
}

* img {
    max-width: 100%;
    height: auto;
}

.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */



.menu-container {
    width: 80%;
    margin: 0 auto;
    background: rgb(0 0 0 / 0%);;
    position:relative; 
    z-index: 100;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu ul {
    list-style: none;
    padding:0;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: rgb(0 0 0 / 0%);;
    padding: 0;
    margin: 0;
}

.menu > ul > li > ul > li a {
    text-decoration: none;
    padding: 0.7em 0;
    display: block;
}

.menu > ul > li > a {
    text-decoration: none;
    padding: 2em 1em;
    display: block;
}

.menu > ul > ul > li a {
    padding: 0.7em 3em;
}

.menu > ul > li:hover {
    background: #f0f0f0;
}

.menu > ul > li > .mega-menu {
    display: none;
    width: 100%;
    background: #354445;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul li ul li a {
    color: white;
}

.menu > ul > li > ul {
    display: none;
    width: 300px;
    background: #354445;
    padding: 10px 20px;
    position: absolute;
    z-index: 99;
    left: auto;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > .mega-menu:before,
.menu > ul > li > .mega-menu:after,
.menu > ul > li > ul:before,
.menu > ul > li > ul:after
{
    content: "";
    display: table;
}

.menu > ul > li > .mega-menu:after, .menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > .mega-menu li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > .mega-menu li a {
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 0.8rem;
    text-transform: uppercase;
}


.menu > ul > li > .mega-menu li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > .mega-menu li > ul:before,
.menu > ul > li > .mega-menu li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > .mega-menu li > ul:after {
    clear: both;
}

.menu > ul > li > .mega-menu li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > .mega-menu li > ul > li a {
    border: 0;
    text-transform: none;
    font-size: 1rem;
}

.menu > ul > li > .mega-menu.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > .mega-menu.normal-sub > li {
    width: 100%;
}

.menu > ul > li > .mega-menu.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > .mega-menu, .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > .mega-menu.normal-sub, .menu > ul > li > ul {
        width: 100%;
    }
    .menu > ul > li > .mega-menu li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > .mega-menu li:first-child {
        margin: 0;
    }
    .menu > ul > li > .mega-menu li > ul {
        position: relative;
    }
    .menu > ul > li > .mega-menu li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

/** megamenu-02 **/