/* WECONSULTING- Theme HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Preloader
5. Scroll To Top style
6. Main Header
7. Main Slider
8. Title style
9. Welcome Section
10.servicesSection
11.Counter section
12.Pagination
13.Project gallery
14.Project Details page
15.Why choose us
16.home contact form section
17.Default contact form
18.Contact page
19.Team Section
20.Testimonial Section
21.News Section
22.News details
23.Pricing
24.Partener
25.Quick contact strip
26.Footer styles
27.Page Title Style
28.About us & features
29.FAQ
30.Servide detail sidebar
31.Servide detail page
32.Product listing page
33.Producr Detail page
34.404 page
**********************************************/
/***
====================================================================
Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Lato', sans-serif;
font-size: 15px;
color: #777777;
line-height: 1.8em;
font-weight: 400;
background: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
cursor: pointer;
color: #3563a9;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-family: 'Montserrat', sans-serif;
color: #222222;
margin-top: 0;
margin-bottom: 20px;
line-height: 1.6em;
}
input,
button,
select,
textarea {
font-family: 'Roboto', sans-serif;
}
p {
position: relative;
line-height: 1.8em;
font-weight: bold;
color: #333;
}
.strike-through {
text-decoration: line-through;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.small-container {
max-width: 680px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
.theme-btn {
display: inline-block;
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: 'Roboto', 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;
}
.btn-style-one {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: uppercase;
background: #0b2028;
color: #ffffff !important;
font-size: 14px;
font-weight: 500;
border: 2px solid #0b2028 !important;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
}
.btn-style-one:hover {
color: #0b2028 !important;
border-color: #0b2028 !important;
background: none;
}
.btn-style-two {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: uppercase;
background: #be1e2d;
color: #ffffff !important;
font-size: 14px;
font-weight: 500;
border: 2px solid #ffc13e !important;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
}
.btn-style-two:hover {
color: #be1e2d !important;
border-color: #be1e2d !important;
background: none;
}
.btn-style-three {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: uppercase;
background: none;
color: #be1e2d !important;
font-size: 14px;
font-weight: 500;
border: 2px solid #ffc13e !important;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
}
.btn-style-three:hover {
color: #ffffff !important;
border-color: #be1e2d !important;
background: #be1e2d;
}
.grey-bg {
background: #f5f5f5;
}
.theme-btn .fa {
position: relative;
top: 2px;
padding-left: 7px;
}
.theme_color {
color: #be1e2d;
}
.light-font {
font-weight: 300;
}
.regular-font {
font-weight: 400;
}
.semibold-font {
font-weight: 600;
}
.bold-font {
font-weight: 700;
}
.padd-top-10 {
padding-top: 10px !important;
}
.padd-top-20 {
padding-top: 20px !important;
}
.padd-top-30 {
padding-top: 30px !important;
}
.padd-top-40 {
padding-top: 40px !important;
}
.padd-top-50 {
padding-top: 50px !important;
}
.padd-top-60 {
padding-top: 60px !important;
}
.padd-top-70 {
padding-top: 70px !important;
}
.padd-left-10 {
padding-left: 10px !important;
}
.padd-left-20 {
padding-left: 20px !important;
}
.padd-left-30 {
padding-left: 30px !important;
}
.padd-left-40 {
padding-left: 40px !important;
}
.padd-left-50 {
padding-left: 50px !important;
}
.padd-left-60 {
padding-left: 60px !important;
}
.padd-left-70 {
padding-left: 70px !important;
}
.padd-bott-10 {
padding-bottom: 10px !important;
}
.padd-bott-20 {
padding-bottom: 20px !important;
}
.padd-bott-30 {
padding-bottom: 30px !important;
}
.padd-bott-40 {
padding-bottom: 40px !important;
}
.padd-bott-50 {
padding-bottom: 50px !important;
}
.padd-bott-60 {
padding-bottom: 60px !important;
}
.padd-bott-70 {
padding-bottom: 70px !important;
}
.padd-bott-90 {
padding-bottom: 90px !important;
}
.padd-bott-100 {
padding-bottom: 100px !important;
}
.padd-right-10 {
padding-right: 10px !important;
}
.padd-right-20 {
padding-right: 20px !important;
}
.padd-right-30 {
padding-right: 30px !important;
}
.padd-right-40 {
padding-right: 40px !important;
}
.padd-right-50 {
padding-right: 50px !important;
}
.padd-right-60 {
padding-right: 60px !important;
}
.padd-right-70 {
padding-right: 70px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-bott-10 {
margin-bottom: 10px !important;
}
.margin-bott-20 {
margin-bottom: 20px !important;
}
.margin-bott-30 {
margin-bottom: 30px !important;
}
.margin-bott-40 {
margin-bottom: 40px !important;
}
.margin-bott-50 {
margin-bottom: 50px !important;
}
.margin-bott-60 {
margin-bottom: 60px !important;
}
.margin-bott-70 {
margin-bottom: 70px !important;
}
.no-padd-bottom {
padding-bottom: 0px !important;
}
.no-padd-top {
padding-top: 0px !important;
}
.no-margin-bottom {
margin-bottom: 0px !important;
}
.no-margin-top {
margin-bottom: 0px !important;
}
.no-padd-left {
padding-left: 0px !important;
}
.no-padd-right {
padding-right: 0px !important;
}
.bg-lightgrey {
background-color: #f6f6f6 !important;
}
.no-bg {
background: none !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.paddsec {
padding: 80px 0;
}
.paddsec2 {
padding: 10px 0 60px;
}
/***
====================================================================
Preloader
====================================================================
***/
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.gif);
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;
background: #1c1c1c;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
color: #ffffff;
background: #be1e2d;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: relative;
left: 0px;
top: 0px;
z-index: 999;
width: 100%;
font-family: 'Roboto', sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-top {
position: relative;
font-size: 13px;
padding: 9px 0px 7px;
background: #0b2028;
color: #ffffff;
font-family: 'Roboto', sans-serif;
}
.main-header .header-top a {
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .links-nav li {
position: relative;
float: left;
margin-right: 25px;
}
.main-header .top-right .links-nav li {
margin-right: 0px;
margin-left: 25px;
}
.main-header .links-nav li a {
position: relative;
line-height: 26px;
font-size: 13px;
text-transform: capitalize;
}
.main-header .links-nav li .fa {
padding-right: 8px;
font-size: 16px;
color: #be1e2d;
}
.main-header .header-top .social-links a {
position: relative;
display: inline-block;
margin-left: 20px;
font-size: 13px;
font-weight: normal;
color: #ffffff;
line-height: 26px;
}
.main-header .header-top a:hover {
color: #be1e2d;
}
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
border-bottom: 1px solid #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;
}
.sticky-header .logo {
padding: 6px 0px 2px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .header-upper {
position: relative;
padding: 17px 0px;
background: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 5;
}
.main-header .header-upper .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .logo-outer {
position: relative;
z-index: 25;
}
.main-header .logo-outer .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .header-upper .upper-right {
position: relative;
padding: 0px 0px 0px;
}
.main-header .info-box {
position: relative;
float: left;
min-height: 56px;
margin-left: 40px;
font-size: 13px;
text-transform: uppercase;
color: #777777;
padding: 10px 0px 0px 64px;
}
.main-header .info-box:first-child {
margin-left: 0;
}
.main-header .info-box:last-child {
padding-left: 0px;
}
.main-header.header-style-two .info-box:last-child {
padding-left: 64px;
}
.main-header.header-style-two .info-box {
padding-left: 54px;
color: #222222;
text-transform: none;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 5px;
width: 48px;
height: 48px;
text-align: center;
line-height: 46px;
border: 1px solid #be1e2d;
color: #be1e2d;
font-size: 24px;
border-radius: 50%;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header.header-style-two .info-box .icon-box {
font-size: 35px;
color: #be1e2d;
border: none;
line-height: 50px;
}
.main-heade.header-style-two .info-box li {
position: relative;
line-height: 20px;
margin: 0px 0px;
font-size: 14px;
color: #666;
font-size: 16px;
font-weight: 300;
}
.main-header.header-style-two .info-box strong {
font-weight: 500;
color: #222;
font-size: 14px;
padding-bottom: 5px;
display: block;
margin-top: -3px;
}
.main-header.header-style-two .info-box li {
position: relative;
line-height: 20px;
margin: 0px 0px;
font-size: 12px;
color: #666;
font-weight: 300;
}
.main-header .info-box:hover .icon-box {
border-color: #be1e2d;
color: #be1e2d;
}
.main-header .info-box li {
position: relative;
line-height: 20px;
margin: 0px 0px;
font-size: 14px;
}
.main-header .info-box li a {
color: #777777;
}
.main-header .info-box strong {
font-weight: 500;
color: #222;
font-size: 16px;
}
.main-header .header-lower {
position: relative;
left: 0px;
top: 0px;
width: 100%;
background: #0b2028;
z-index: 5;
}
.main-header.header-style-two .header-lower {
background: none;
border: none;
}
.main-header .nav-outer {
position: relative;
}
.main-header.header-style-two .nav-outer {
background: #0b2028;
padding: 0px 160px 0px 0px;
}
.main-header.header-style-two .msstyle-1 .menusearch {
position: absolute;
top: 0;
right: 135px;
}
.main-header.header-style-three .nav-outer {
padding: 0px 130px 0px 0px;
}
.header-style-three .main-menu .navigation > li {
margin-right: 10px;
}
.header-style-three .main-menu .navigation > li > a {
color: #333;
}
.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li.current-menu-item > a {
color: #be1e2d;
opacity: 1;
}
.header-main-box .nav-outer .search-box-btn {
position: absolute;
right: 0px;
font-size: 14px;
width: 30px;
height: 30px;
top: 50%;
margin-top: -15px;
line-height: 30px;
color: #ffffff;
cursor: pointer;
}
.header-main-box .nav-outer .search-box-btn:hover {
color: #be1e2d;
}
.main-menu {
position: relative;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 30px;
}
.header-style-two .main-menu .navigation > li {
margin-right: 30px;
}
.header-main-box .main-menu .navigation > li {
border: none;
}
.sticky-header .main-menu .navigation > li {
margin: 0px;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
padding: 16px 15px 16px 0px;
font-size: 15px;
color: #fff;
line-height: 30px;
font-weight: 500;
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;
}
.header-style-two .main-menu .navigation > li > a {
color: #ffffff;
}
.sticky-header .main-menu .navigation > li > a {
color: #181818;
padding: 15px 15px;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
color: #be1e2d;
opacity: 1;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a {
background: #be1e2d;
color: #ffffff;
opacity: 1;
}
.main-menu .navigation > li:hover > a:after {
opacity: 1;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 130%;
width: 220px;
padding: 0px;
z-index: 100;
display: none;
background: #0b2028;
border-top: 3px solid #ffc13e;
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.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 12px 15px;
line-height: 22px;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
background: #be1e2d;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 10px;
top: 12px;
width: 10px;
height: 20px;
display: block;
color: #ffffff;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #ffffff;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 110%;
top: 0px;
width: 220px;
padding: 0px;
z-index: 100;
display: none;
background: #0b2028;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 12px 15px;
line-height: 22px;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
background: #be1e2d;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
left: 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;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 16px;
line-height: 28px;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .btn-outer {
position: absolute;
right: 100px;
top: 0px;
width: 130px;
}
.main-header.header-style-three .btn-outer {
position: absolute;
right: 0px;
top: 0px;
width: 130px;
}
.main-header .btn-outer .quote-btn {
position: relative;
display: block;
line-height: 24px;
text-align: center;
padding: 8px 10px;
margin: 11px 0px 0px;
font-weight: 500;
font-size: 15px;
color: #ffffff;
background: #be1e2d;
border-radius: 2px;
text-transform: uppercase;
z-index: 1;
transition:all .5s ease;
border:1px solid transparent;
}
.main-header.header-style-two .btn-outer .quote-btn:hover{background:#0b2028!important;border:1px solid #fff;}
.main-header .btn-outer .quote-btn:hover{background:#0b2028!important;}
.main-header.header-style-three .btn-outer .quote-btn {
background: #0b2028;
color: #ffffff;
}
.header-main-box .btn-outer .quote-btn {
padding: 27px 0px 18px 30px;
}
.social-links-one {
position: relative;
}
.main-header .social-links-one {
top: 7px;
}
.social-links-one a {
position: relative;
display: inline-block;
text-align: center;
margin-left: 4px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #928d8d;
border-radius: 50%;
background: #f4f4f4;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.social-links-one a:hover {
background: #be1e2d;
color: #ffffff;
}
.social-links-two a {
position: relative;
display: inline-block;
text-align: center;
margin-right: 5px;
width: 40px;
height: 40px;
border: 1px solid #e0e0e0;
line-height: 38px;
font-size: 14px;
color: #cccccc;
border-radius: 50%;
background: none;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.social-links-two a:hover {
background: #be1e2d;
border-color: #be1e2d;
color: #ffffff;
}
.social-links-three a {
position: relative;
display: inline-block;
text-align: center;
margin-right: 5px;
width: 32px;
height: 32px;
border: 1px solid #f1f1f1;
line-height: 30px;
font-size: 12px;
color: #aaaaaa;
background: #f1f1f1;
border-radius: 50%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.social-links-three a:hover {
background: #be1e2d;
border-color: #be1e2d;
color: #ffffff;
}
.nav-social {
position: absolute;
top: 15px;
right: 0;
}
.nav-social a {
width: 35px;
height: 35px;
display: inline-block;
background: transparent;
text-align: center;
line-height: 35px;
color: #be1e2d;
font-size: 15px;
margin-left: 7px;
border: 1px solid #be1e2d;
transition: all .5s ease;
}
.nav-social a:hover {
color: #fff;
border-color: #fff;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 30px;
}
.header-lower .main-menu .navigation > li:first-child::before {
background: #be1e2d;
content: "";
width: 70px;
position: absolute;
right: 0;
height: 100%;
}
.homemenu i {
font-size: 25px;
color: #fff!important;
}
.header-upper .btn-style-one {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: uppercase;
background: #be1e2d;
color: #ffffff !important;
font-size: 14px;
font-weight: 500;
border: 2px solid #be1e2d !important;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
}
.msstyle-1 .menusearch {
position: absolute;
top: 0;
right: 125px;
}
.msstyle-1 .bz_search_bar {
background-color: transparent;
color: #fff;
cursor: pointer;
float: left;
font-size: 16px;
padding: 18px 30px 17px 13px;
text-align: center;
width: 100%;
}
.msstyle-1 .bz_search_box {
background-color: #032d41;
border-radius: 0;
box-shadow: 0 2px 7px -3px rgba(0, 0, 0, 0.5);
display: none;
padding: 0px;
position: absolute;
right: 15px;
top: 100%;
z-index: 1000;
min-width: 260px;
margin-top: 10px;
}
.msstyle-1 .bz_search_box input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e1e1e1 currentcolor #e1e1e1 #e1e1e1;
border-image: none;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
float: left;
height: 45px;
padding: 0 10px;
width: calc(100% - 45px);
}
.msstyle-1 .bz_search_box button {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #be1e2d;
border-color: #be1e2d #be1e2d #be1e2d currentcolor;
border-image: none;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
height: 45px;
padding: 0;
text-align: center;
transition: all 0.5s ease 0s;
width: 45px;
color: #fff;
}
.header-style-four {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
}
.main-header.header-style-four .nav-outer {
padding: 0px 130px 0px 0px;
}
.header-style-four .header-upper {
padding: 25px 0px;
background: rgba(0, 0, 0, 0.2);
}
.header-style-four .main-menu .navigation > li {
margin-right: 10px;
}
.header-style-four .btn-outer {
right: 0px;
}
/***
====================================================================
Main Revelution slider
====================================================================
***/
.topminus {
margin-top: -18px!important;
}
.text-white {
color: #fff !important;
}
.text-center {
text-align: center!important;
}
.slider-btn1 {
position: relative;
padding: 8px 28px;
line-height: 24px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
background-color: #be1e2d;
border: 2px solid #be1e2d;
text-transform: uppercase;
display: inline-block;
margin-right: 10px;
transition: all .5s ease;
}
.slider-btn1:hover {
background: transparent;
color: #be1e2d;
}
.slider-btn2 {
position: relative;
padding: 8px 28px;
line-height: 24px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: 2px solid #ffffff;
display: inline-block;
transition: all .5s ease;
}
.slider-btn2:hover {
background: #be1e2d;
color: #fff;
}
/***
====================================================================
Title style
====================================================================
***/
.sec-title {
margin-bottom: 30px;
}
.sec-title h2 {
margin: 0;
font-family: "Montserrat-Regular", sans-serif;
font-size: 36px;
line-height: 36px;
color: #333333;
letter-spacing: -.005em;
}
.sec-title span.decor-line {
margin-top: 10px;
display: inline-block;
}
.sec-title span.decor-line:before,
.sec-title span.decor-line:after {
content: '';
width: 40px;
background: #be1e2d;
height: 2px;
display: inline-block;
vertical-align: middle;
}
.sec-title span.decor-line .decor-line-inner {
width: 26px;
height: 16px;
background-image: url(../images/icons/title-decor.png);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
vertical-align: middle;
}
.home-2 .sec-title span.decor-line .decor-line-inner {
background-image: url(../images/icons/title-decor-p.png);
}
.home-3 .sec-title span.decor-line .decor-line-inner {
background-image: url(../images/icons/title-decor-b.png);
}
.home-4 .sec-title span.decor-line .decor-line-inner {
background-image: url(../images/icons/title-decor-g.png);
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welbox {
position: relative;
background: #be1e2d;
text-align: center;
margin-top: -56px;
z-index: 1;
padding: 20px 10px;
}
.welbox:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #be1e2d;
transform-origin: bottom left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.welbox:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: -1;
background: #be1e2d;
transform-origin: bottom right;
-ms-transform: skew(30deg, 0deg);
-webkit-transform: skew(30deg, 0deg);
transform: skew(30deg, 0deg);
}
.welbox h2 {
font-weight: 700;
color: #fff;
margin-bottom: 0;
font-size: 33px;
float: left;
margin-top: 9px;
width: 50%;
}
.welbox p {
float: right;
max-width: 50%;
text-align: left;
color: #fff;
font-size: 22px;
line-height: 30px;
padding-left: 50px;
}
.welbox p::before {
content: "";
width: 2px;
height: 50px;
background: #fff;
display: block;
position: absolute;
left: 0;
top: 6px;
}
.welstyle2 {
margin-top: -56px;
overflow: hidden;
}
.welstyle2 .welbox {
margin-top: 0;
}
.welstyle2 .welbox::after {
content: " ";
position: absolute;
display: block;
width: 50%;
height: 100%;
top: 0;
left: 100%;
z-index: -1;
background: #be1e2d;
transform-origin: 0;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: none;
}
/***
====================================================================
services
====================================================================
***/
.service-style1 {
padding: 30px 0 00px;
}
.service-style1 .service-item {
margin-bottom: 50px;
}
.service-style1 .service-item .servimg {
position: relative;
overflow: hidden;
}
.service-style1 .service-item .servimg img {
width: 100%;
}
.service-style1 .service-item .hover-link {
left: 50%;
opacity: 0;
position: absolute;
top: 20%;
transition-duration: 0.3s;
z-index: 9;
transform: translate(-50%, -50%);
}
.service-style1 .service-item .servimg:after {
background: rgba(2, 27, 39, 0.8);
}
.service-style1 .service-item .servimg:after {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition-duration: 0.3s;
width: 100%;
}
.service-style1 .service-item .hover-link i {
color: #fff;
display: block;
font-size: 20px;
padding: 0;
background: #be1e2d;
border-radius: 100%;
height: 50px;
width: 50px;
font-size: 22px;
line-height: 50px;
}
.service-style1 .service-item:hover .servimg::after {
opacity: 1;
}
.service-style1 .service-item:hover .hover-link {
opacity: 1;
top: 50%;
}
.service-style1 .service-item h3 {
margin-bottom: 10px;
margin-top: 15px;
font-size: 20px;
}
.service-style1 .service-item p {
margin-bottom: 20px;
}
.service-style1 .service-item a {
color: #fff;
background-color: #be1e2d;
border-color: #be1e2d;
font-size: 13px;
transition: all .5s ease;
}
.service-style1 .service-item a:hover {
background: #0b2028;
color: #fff;
border-color: #0b2028;
}
.service-style2 {
padding: 90px 0 70px;
}
.service-style2 .inner-box {
position: relative;
background-color: rgb(249, 249, 249);
padding: 15px 15px 10px 55px;
transition: all 0.3s ease;
border-bottom: 2px solid rgb(204, 204, 204);
text-align: left;
margin-left: 40px;
margin-bottom: 50px;
}
.service-style2 .inner-box .icon-box {
position: relative;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
font-size: 30px;
color: rgb(34, 34, 34);
top: -20px;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px;
transition: all 0.3s ease;
left: 100px;
position: absolute;
left: -40px;
top: 40px;
}
.service-style2 .inner-box:hover .icon-box {
background: #be1e2d;
color: #fff;
}
.service-style2 .inner-box h3 {
position: relative;
font-size: 18px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 10px;
}
.service-style2 .inner-box h3 a {
color: #222;
}
.service-style2 .inner-box p {
position: relative;
color: #888888;
font-size: 15px;
line-height: 1.7em;
}
/***
====================================================================
Counter section
====================================================================
***/
.counter-style1 {
position: relative;
background-size: cover;
background-attachment: fixed;
padding: 100px 0px 80px;
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(../images/background/testbg.html);
}
.counter-style1::before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(11, 32, 40, 0.9);
}
.counter-style1 .media {
position: relative;
z-index: 1;
text-align: center;
}
.counter-style1 .media a {
font-size: 22px;
background: transparent;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
border-radius: 100%;
line-height: 50px;
color: #fff;
margin-top: 10px;
}
.counter-style1 .media::after {
width: 0;
height: 0;
content: "";
border: 100px solid transparent;
border-bottom-color: #be1e2d;
position: absolute;
top: -100px;
left: 27px;
z-index: -1;
}
.counter-style1 .timer {
font-weight: bold;
margin-top: -17px;
font-size: 35px;
color: #fff;
margin-bottom: 10px;
}
.counter-style1 .media-body p {
color: #fff;
font-size: 17px;
font-weight: 500;
}
/***
====================================================================
Pagination
====================================================================
***/
.pagination-design {
position: relative;
font-family: 'Roboto', sans-serif;
}
.pagination-design li {
position: relative;
display: inline-block;
margin: 0px 5px 7px 0px;
}
.pagination-design li a {
position: relative;
display: block;
line-height: 20px;
padding: 10px 5px;
font-size: 14px;
text-transform: capitalize;
min-width: 42px;
border: 1px solid #e0e0e0;
background: #f6f6f6;
color: #111111;
font-weight: 500;
text-align: center;
border-radius: 2px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.pagination-design li a.next {
font-size: 16px;
}
.pagination-design li a:hover,
.pagination-design li a.active {
background: #032d41;
border-color: #032d41;
color: #fff;
}
/***
====================================================================
Project gallery
====================================================================
***/
.projects-gallery .list-inline > li span {
display: block;
padding: 5px 15px;
font-size: 17px;
color: #333;
cursor: pointer;
}
.projects-gallery .list-inline > li.active span {
background: #0b2028;
color: #fff;
border-radius: 3px;
}
.projects-gallery .filters {
margin-bottom: 40px;
}
.galerybox {
display: block;
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.gimage {
position: relative;
overflow: hidden;
}
.gimage img {
width: 100%;
}
.gimage::before {
background: rgba(2, 27, 39, 0.8) none repeat scroll 0 0;
bottom: 0px;
content: "";
left: 0px;
opacity: 0;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.4s ease-in-out 0s;
z-index: 1;
}
.hoverview {
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 20%;
transform: translateY(-50%);
transition: all 0.5s ease 0s;
z-index: 1;
}
.hoverview a {
background: #be1e2d;
border-radius: 50%;
color: #fff;
font-size: 18px;
height: 40px;
line-height: 40px;
opacity: 0;
position: absolute;
text-align: center;
transform: translateX(-50%) translateY(-50%) scale(0.6);
transition: all 0.4s ease 0s;
width: 40px;
right: 0;
}
.galery-info {
bottom: -20px;
left: 20px;
opacity: 0;
position: absolute;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
}
.galery-info h3 {
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
}
.galery-info h3 a {
color: #fff;
}
.galery-info .gpara {
display: block;
color: #eee;
font-weight: 400;
}
.galerybox:hover .gimage::before {
opacity: 1;
}
.hoverview a:hover {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
color: #000;
}
.galerybox:hover .hoverview {
opacity: 1;
}
.galerybox:hover .hoverview a {
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
}
.galerybox:hover .galery-info {
opacity: 1;
bottom: 20px;
}
.fullwidth .gallery-item {
padding: 0;
}
.fullwidth .galerybox {
margin: 0;
}
.galary-slider .gallery-item {
width: 100%;
}
.gallery-section-2 {
position: relative;
background: #fff;
}
/*================================================
Project Details page
==================================================*/
.single-project {
padding: 80px 0;
}
.project-slider .owl-nav > .owl-prev {
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.project-slider:hover .owl-nav > .owl-prev {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
left: 0
}
.project-slider .owl-nav > .owl-next {
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.project-slider:hover .owl-nav > .owl-next {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: 0
}
.project-slider .owl-prev {
background: #be1e2d!important;
border-radius: 0;
color: #333;
font-size: 30px;
height: 80px !important;
line-height: 70px;
padding: 5px 5px 5px 5px;
position: absolute;
text-align: center;
top: 45%;
width: 45px;
left: -30px
}
.project-slider .owl-next {
background: #be1e2d!important;
border-radius: 0;
color: #333;
font-size: 30px;
height: 80px !important;
line-height: 70px;
padding: 5px 5px 5px 5px;
position: absolute;
text-align: center;
top: 45%;
width: 45px;
right: -30px
}
.project-slider .owl-prev:hover,
.project-slider .owl-next:hover {
background: #fbb908 none repeat scroll 0 0;
color: #fff;
}
.project-desc {
margin-top: 20px;
}
.project-desc > h3,
.project-right-widget > h3 {
color: #333;
font-weight: 600;
margin-bottom: 5px;
text-transform: capitalize;
}
.project-desc > p,
.project-right-widget > p {
margin-top: 10px;
}
.project-right-widget > h3 {
font-size: 20px;
}
.project-right-widget {
border: 1px solid #eee;
margin-bottom: 30px;
padding: 20px;
}
.project-right-widget:last-child {
margin-bottom: 0px
}
.project-right-widget img {
width: 100%;
}
.project-right-widget > h2 {
color: #333;
font-family: "Raleway", sans-serif;
font-size: 28px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 10px;
text-transform: capitalize;
}
.project-right-widget > h4 {
color: #333;
font-family: "Raleway", sans-serif;
font-size: 17px;
font-weight: 500;
}
.project-right-widget > ul {
margin-top: 20px;
}
.project-right-widget li {
border-bottom: 1px solid #eee;
display: block;
padding: 5px;
font-weight: 500
}
.project-right-widget li:last-child {
border-bottom: 0px solid #eee
}
.project-right-widget ul li i {
color: #fbb908;
font-size: 16px;
margin-right: 10px;
}
.project-right-widget span {
display: inline-block;
width: 40%;
color: #000
}
.construct-related-project-area {
background: #f9f9f9
}
/***
====================================================================
Why choose us
====================================================================
***/
.whychooseus-style1 {
position: relative;
background: #f5f5f5;
}
.whychooseus-style1 .image-column {
position: relative;
width: 50%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/background/10.jpg);
}
.whychooseus-style1 .image-column::before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(11, 32, 40, 0.9);
}
.whychooseus-style1 .image-column .image-infobox {
position: relative;
max-width: 600px;
margin: 0px auto;
padding: 110px 15px 120px;
z-index: 1;
}
.whychooseus-style1 .image-column .image-infobox .sec-title {
margin-bottom: 17px;
}
.whychooseus-style1 .image-column .image-infobox h2 {
color: #fff;
margin-bottom: 20px;
font-weight: bold;
}
.whychooseus-style1 .image-column .image-infobox p {
color: #fff;
text-align: center;
font-size: 24px;
font-weight: 300;
margin-bottom: 40px;
}
.whychooseus-style1 .image-column .image-infobox .btn-style-two {
padding: 8px 30px;
line-height: 30px;
display: inline-block;
}
.whychooseus-style1 .wcuinfo-column {
position: absolute;
float: right;
width: 50%;
right: 0px;
top: 0px;
height: 100%;
}
.whychooseus-style1 .wcuinfo-column .wcuinfo-infobox {
position: relative;
padding: 65px 15px 35px 71px;
}
.ftrserv {
position: relative;
padding-left: 100px;
margin-bottom: 50px;
}
.ftrservimg {
font-size: 30px;
color: rgb(0, 0, 0);
margin-bottom: 20px;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
float: left;
margin-right: 20px;
position: absolute;
top: 9px;
left: 0px;
background: #fff;
border-radius: 5px;
border-top: 2px solid rgb(253, 201, 0);
overflow: hidden;
}
.services-single h3 {
color: rgb(18, 18, 18);
font-size: 20px;
}
.ftrserv h3 {
font-size: 19px;
margin-bottom: 0;
}
/***
====================================================================
home contact form section
====================================================================
***/
.hc-style-1 {
position: relative;
background-size: cover;
background-attachment: fixed;
padding: ;
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(../images/background/6.html);
}
.hc-style-1::before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(11, 32, 40, 0.9);
}
#contact-form .rgtform {
padding: 70px 20px 80px;
}
.cformimg {
margin-top: 0;
text-align: left;
position: absolute;
bottom: 0;
}
.cformimg img {
max-width: 350px;
}
.fotmhd {
font-weight: 600;
color: #fff;
font-size: 31px;
margin-bottom: 0;
text-align: center;
}
.formpara {
color: #fff;
font-size: 25px;
font-weight: 400;
margin-bottom: 40px;
text-align: center;
}
.hc-style-1 .default-form input[type="text"],
.hc-style-1 .default-form input[type="email"],
.hc-style-1.default-form input[type="password"],
.hc-style-1 .default-form select,
.hc-style-1 .default-form textarea {
background-color: #FFF;
color: #121212;
font-size: 15px;
font-weight: 500;
border-radius: 3px;
}
/***
====================================================================
Default contact form
====================================================================
***/
.default-form .form-group .field-label {
display: block;
line-height: 24px;
text-transform: firsttopcase;
margin-bottom: 10px;
color: #232323;
font-weight: 500;
font-size: 13px;
}
.default-form .form-group .field-label sup {
color: #ff0000;
font-size: 14px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
display: block;
width: 100%;
line-height: 24px;
height: 48px;
font-size: 14px;
border: 1px solid #e0e0e0;
padding: 11px 15px;
background-color: #ffffff;
color: #111111;
border-radius: 0px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form select {
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea {
height: 180px;
resize: none;
}
.default-form textarea {
height: 118px!important;
}
.default-form select option {
text-indent: 15px;
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
border-color: #fbca00 !important;
background-color: rgba(255, 255, 255, 0.50) !important;
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error {
border-color: #ff0000 !important;
}
.default-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: firsttopcase;
font-size: 11px;
color: #ff0000;
font-weight: 500;
}
/***
====================================================================
Contact page
====================================================================
***/
.contact-form {
position: relative;
color: #000;
}
.contact-section {
padding: 80px 0;
}
.contact-section .inner-box {
border: 1px solid #ddd;
padding: 30px 30px 0;
margin-bottom: 30px;
}
.contact-section .contact-info {
position: relative;
margin-bottom: 40px;
}
.contact-section .contact-info li {
position: relative;
padding-left: 90px;
margin-bottom: 35px;
line-height: 24px;
color: #8d8d8d;
padding-top: 5px;
font-size: 15px;
}
.contact-section .contact-info li h3 {
color: #23282a;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0;
}
.contact-section .contact-info li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 60px;
background-color: #fff;
text-align: center;
line-height: 56px;
font-size: 24px;
color: #be1e2d;
border: 1px solid #eee;
}
.contact-section textarea {
height: 230px!important;
}
.contact-section .text {
margin-bottom: 30px;
}
/***
====================================================================
Team
====================================================================
***/
.team-style-1 .single-team {
margin-bottom: 50px;
text-align: center;
}
.team-style-1 .single-team .item-image {
position: relative;
overflow: hidden;
text-align: center;
}
.team-style-1 .single-team .item-image img {
width: 100%;
}
.team-style-1 .single-team .item-image a.plus-icon {
background: #be1e2d;
top: 50%;
color: #ffffff;
font-size: 18px;
margin-bottom: 0;
opacity: 0;
padding: 6px 6px;
position: absolute;
left: 50%;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
z-index: 1;
width: 40px;
height: 40px;
transform: translate(-50%, -50%);
border-radius: 100%;
}
.team-style-1 .single-team .item-image:after {
background: rgba(3, 23, 34, 0.8);
position: absolute;
content: "";
left: 0;
top: 0;
opacity: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-style-1 .single-team .item-content {
margin-top: 0px;
}
.team-style-1 .single-team .item-content h3 {
margin-bottom: 15px;
font-size: 18px;
}
.team-style-1 .single-team .item-content h3 a {
padding: 7px 0;
background: #0b2028;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: block;
}
.team-style-1 .single-team .item-content .position {
font-size: 16px;
}
.team-style-1 .single-team .item-content ul.social-icons {
margin-top: 15px;
list-style: none;
}
.team-style-1 .single-team .item-content ul.social-icons li {
display: inline-block;
padding: 0 2px;
font-size: 14px;
}
.team-style-1 .single-team .item-content ul.social-icons li a {
border: 1px solid #ddd;
color: #999;
display: block;
line-height: 35px;
height: 35px;
width: 35px;
border-radius: 100%;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-style-1 .single-team .item-content ul.social-icons li a:hover {
background: #0b2028;
border: 1px solid #0b2028;
color: #ffffff;
}
.team-style-1 .single-team:hover a.plus-icon {
bottom: 0;
right: 0;
opacity: 1;
}
.team-style-1 .single-team:hover .item-image:after {
opacity: 1;
}
.team-style-1 .single-team:hover .item-content h3 a {
color: #fff;
background: #be1e2d;
display: block;
}
.team-style-2 .single-item {
display: inline-block;
margin-bottom: 30px;
}
.team-style-2 .single-item .item-image {
height: auto;
max-width: 200px;
position: relative;
overflow: hidden;
}
.team-style-2 .single-item .item-image .plus-icon {
color: #ffffff;
font-size: 20px;
position: absolute;
left: 0;
right: 0;
top: 50%;
opacity: 0;
margin: auto;
text-align: center;
z-index: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.team-style-2 .single-item .item-image .plus-icon a {
color: #ffffff;
background: #cb011b;
width: 35px;
height: 35px;
border-radius: 100%;
display: block;
text-align: center;
line-height: 35px;
display: inline-block;
}
.team-style-2 .single-item .item-image .plus-icon a:hover {
color: #fff;
}
.team-style-2 .single-item .item-image:after {
background: rgba(3, 23, 35, 0.8);
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transform-origin: 0 0;
}
.team-style-2 .single-item .item-content {
padding-left: 30px;
}
.team-style-2 .single-item .item-content h3 {
margin-bottom: 5px;
}
.team-style-2 .single-item .item-content h3 a {
color: #222222;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-style-2 .single-item .item-content span.position {
display: block;
font-weight: 500;
margin-bottom: 20px;
}
.team-style-2 .single-item .item-content ul.social-icon {
padding-top: 15px;
}
.team-style-2 .single-item .item-content ul.social-icon li {
display: inline-block;
margin-right: 5px;
}
.team-style-2 .single-item .item-content ul.social-icon li a {
color: #cb011b;
display: block;
border: 1px solid #d7d7d7;
text-align: center;
line-height: 38px;
height: 40px;
width: 40px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-style-2 .single-item .item-content ul.social-icon li a:hover {
background: #cb011b;
border: 1px solid #cb011b;
color: #ffffff;
}
.team-style-2 .single-item:hover .item-image .plus-icon {
opacity: 1;
}
.team-style-2 .single-item:hover .item-image:after {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.team-style-2 .single-item:hover .item-content h3 a {
color: #cb011b;
}
.team-style-3 .single-item {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.team-style-3 .single-item .item-image:after {
background: rgba(0, 0, 0, 0.7);
position: absolute;
content: "";
left: 0;
top: 0;
opacity: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-style-3 .single-item .item-content {
position: absolute;
left: 0;
right: 0;
top: 76%;
margin: auto;
padding: 20px;
text-align: center;
color: #ffffff;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.itmcont-box {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.team-style-3 .single-item .item-content h3 {
margin-bottom: 5px;
}
.team-style-3 .single-item .item-content h3 a {
color: #ffffff;
}
.team-style-3 .single-item .item-content .position {
color: #ffffff;
display: block;
margin-bottom: 20px;
}
.team-style-3 .single-item .item-content ul.social-icon {
padding-top: 10px;
}
.team-style-3 .single-item .item-content ul.social-icon li {
display: inline-block;
margin-right: 3px;
}
.team-style-3 .single-item .item-content ul.social-icon li a {
border: 1px solid #d7d7d7;
color: #cb011b;
display: block;
line-height: 38px;
height: 40px;
width: 40px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-style-3 .single-item .item-content ul.social-icon li a:hover {
background: #ffffff;
}
.team-style-3 .single-item:hover .item-image:after {
opacity: 1;
}
.team-style-3 .single-item:hover .item-content {
top: 0;
}
/***
====================================================================
Testimonial
====================================================================
***/
.testm-style1 .testbox::after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 40px;
top: 100%;
border: 0 solid transparent;
border-width: 16px 18px;
border-left-width: 0;
}
.testm-style1 .testbox {
padding: 20px 31px 25px 32px;
border-radius: 5px;
color: #333;
position: relative;
margin-bottom: 26px;
background: #fff;
font-style: italic;
}
.testm-style1 .client_msg {
background: #f5f5f5;
padding: 15px 20px 10px;
margin-bottom: 20px;
position: relative;
}
.testm-style1 .client_msg::after {
content: "";
border: 14px solid transparent;
border-top: 14px solid #eee;
width: 0;
height: 0;
display: block;
position: absolute;
bottom: -27px;
/* box-shadow: 1px 1px 2px #ccc; */
}
.testm-style1 .testbox p {
line-height: 30px;
font-size: 18px;
}
.testm-style1 .quoteicon {
position: absolute;
font-size: 27px;
color: #be1e2d;
top: 20px;
}
.testm-style1 .quoteicon + p {
padding-left: 40px;
}
.testm-style1 .client_info::after {
clear: both;
display: table;
content: "";
}
.testm-style1 .client_image {
float: left;
}
.testm-style1 .client_image img {
width: 80px;
height: 80px;
border-radius: 100%;
background: #fff;
padding: 3px;
box-shadow: 1px 1px 2px #ccc;
}
.testm-style1 .client_desc {
margin: 15px 0 0 24px;
float: left;
}
.testm-style1 .client_desc .client_name {
font-size: 17px;
font-style: normal;
font-weight: 600;
display: block;
}
.testm-style1 .client_desc .client_place {}
.testm-style1 .msgrate {
float: right;
margin-top: 18px;
}
.testm-style1 .msgrate li {
display: inline-block;
margin-right: 5px;
}
.testm-style1 .msgrate li i {
color: #fd9b28;
}
.testm-style1 .owl-item .col-sm-6 {
width: 100%;
}
.testm-section-2 {
position: relative;
background-size: cover;
background-attachment: fixed;
padding: 80px 0px 80px;
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(../images/background/testbg.html);
z-index: 1;
}
.testm-section-2::before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(11, 32, 40, 0.9);
z-index: -1;
}
.testm-section-2 .sec-title h2 {
color: #fff;
}
/***
====================================================================
News
====================================================================
***/
.news-style1 .news-block {
margin-bottom: 30px;
transition: all .5s ease;
}
.news-style1 .news-block:hover {
box-shadow: 0 0 10px 5px #ddd;
margin-top: -5px;
}
.news-style1 .news-block .image {
position: relative;
}
.news-style1 .news-block .image img {
width: 100%;
}
.news-style1 .news-block .image .post-date {
position: absolute;
right: 0px;
top: 0px;
font-size: 25px;
color: #ffffff;
font-weight: bold;
padding: 5px 15px 5px 5px;
display: inline-block;
background-color: #be1e2d;
z-index: 1;
text-transform: uppercase;
}
.news-style1 .news-block .image .post-date span {
font-size: 14px;
}
.news-style1 .news-block .image .post-date::before {
content: "";
width: 0;
height: 0;
border: 24px solid transparent;
border-top-color: #be1e2d;
position: absolute;
left: -24px;
top: 0;
z-index: -1;
border-top-width: 52px;
}
.news-style1 .news-block .author {
margin-top: 15px;
color: #999;
}
.news-style1 .lower-content {
border: 1px solid #eee;
padding: 20px 20px 20px;
background: #fff;
}
.news-style1 .news-block .lower-content h3 {
margin-bottom: 10px;
margin-top: 5px;
font-size: 18px;
line-height: 27px;
}
.news-style1 .news-block .lower-content h3 a {
color: #333;
}
.news-style1 .news-block .lower-content .text {
margin-bottom: 12px;
}
.news-style1 .metalink {
border-top: 1px solid #eee;
padding-top: 14px;
margin-top: 20px;
}
.news-style1 .detail {
color: #be1e2d;
font-weight: 600;
}
.news-style1 .detail span {
margin-left: 8px;
font-size: 14px;
}
.news-style1 .comment {
float: right;
font-size: 14px;
}
.news-style1 .comment i {
margin-right: 6px;
font-size: 14px;
}
/***
====================================================================
News details
====================================================================
***/
.news-detail {
padding: 80px 0;
}
.news-detail .sec-title h2 {
font-size: 30px;
line-height: 30px;
}
.single-blog-post .content-box {
border: 1px solid #eee;
margin-top: px;
padding: 30px 30px;
margin-bottom: 35px;
}
.single-blog-post .img-box {
position: relative;
display: inline-block;
}
.single-blog-post .img-box img {
width: 100%;
}
.single-blog-post .date-box {
position: absolute;
top: 10px;
left: 10px;
}
.single-blog-post .inner {
background: #be1e2d;
width: 100px;
color: #fff;
text-align: center;
font-size: 22px;
text-transform: uppercase;
height: 40px;
line-height: 40px;
}
.single-blog-post ul.blogmeta-info {
margin-bottom: 25px;
}
.single-blog-post ul.blogmeta-info li {
display: inline-block;
margin-right: 20px;
}
.single-blog-post ul.blogmeta-info li i {
color: #be1e2d;
padding-right: 12px;
}
.single-blog-post ul.blogmeta-info li a {
color: #666;
}
.single-blog-post .content-box .content h3 {
color: #333;
font-size: 21px;
font-weight: 600;
line-height: 26px;
margin: 0 0 15px;
text-transform: capitalize;
}
.single-blog-post .content-box .content p {
line-height: 26px;
}
.single-blog-post .content-box blockquote {
background: #f5f5f5;
font-style: italic;
}
.single-blog-post .content-box .content span {
color: #222222;
font-size: 13px;
}
.single-blog-post .content-box .content span a {
color: #032d41;
}
.single-blog-post .share {
margin: 0;
padding: 0;
}
.single-blog-post .share li {
display: inline;
list-style: none;
}
.single-blog-post .share li a,
.single-blog-post .share li span {
display: inline-block;
color: #D5DADD;
font-size: 16px;
margin-right: 10px;
}
.single-blog-post .share li a:hover {
color: #ffb606;
}
.single-blog-post .share li span {
color: #222222;
font-size: 12px;
text-transform: capitalize;
}
.single-blog-post .bottom-box {
margin-top: 35px;
}
.entry-meta {
margin-bottom: 10px;
margin-top: 10px;
}
.entry-meta i {
font-size: 14px;
margin-right: 5px;
}
.entry-meta li {
margin-left: 5px;
}
.entry-meta li:first-child {
margin-left: 0;
}
.blogbtn {
color: #be1e2d;
}
.entry-meta li a {
color: #777;
font-size: 13px;
}
.entry-meta a:hover,
.entry-meta li a:hover {
color: #be1e2d;
}
.news-detail .comment-box .title {
margin-bottom: 50px;
}
.news-detail .comment-box .title h2 {
font-size: 32px;
text-transform: capitalize;
color: #272727;
font-weight: bold;
margin: 0;
line-height: 25px;
}
.news-detail .comment-box .single-comment-box {
margin-bottom: 34px;
}
.news-detail .comment-box .single-comment-box:last-child {
margin-bottom: 0;
}
.news-detail .comment-box .single-comment-box .img-box,
.news-detail .comment-box .single-comment-box .content-box {
display: table-cell;
vertical-align: top;
}
.news-detail .comment-box .single-comment-box .img-box .inner-box {
width: 70px;
margin-right: 30px;
}
.news-detail .comment-box .single-comment-box .content-box h3 {
color: #272727;
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
line-height: 20px;
margin: 0;
}
.news-detail .comment-box .single-comment-box .content-box span {
color: #272727;
display: inline-block;
font-weight: 500;
}
.news-detail .comment-box .single-comment-box .content-box p {
color: #9C9C9C;
line-height: 26px;
}
.news-detail .comment-box .single-comment-box .content-box a.reply {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #999;
background: #f4f4f4;
padding: 0px 10px;
}
.news-detail .comment-box .single-comment-box .content-box .meta-box {
margin-bottom: 15px;
margin-top: 8px;
}
.news-detail .comment-box .single-comment-box {
margin-bottom: 34px;
}
.single-comment-box.reply-comment {
padding-left: 100px;
}
.news-detail .comment-box {
margin-bottom: 30px;
}
.news-detail .comment-box .title {
margin-bottom: 50px;
}
.news-detail .comment-box .single-comment-box {
margin-bottom: 34px;
}
.news-detail .comment-box .single-comment-box:last-child {
margin-bottom: 0;
}
.news-detail .comment-box .single-comment-box .img-box,
.news-detail .comment-box .single-comment-box .content-box {
display: table-cell;
vertical-align: top;
}
.news-detail .comment-box .single-comment-box .img-box .inner-box {
width: 70px;
margin-right: 30px;
}
.news-detail .comment-box .single-comment-box .content-box h3 {
color: #272727;
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
line-height: 20px;
margin: 0;
}
.news-detail .comment-box .single-comment-box .content-box span {
color: #272727;
display: inline-block;
font-weight: 500;
}
.news-detail .comment-box .single-comment-box .content-box p {
color: #9C9C9C;
line-height: 26px;
}
.news-detail .comment-box .single-comment-box .content-box a.reply {
font-size: 13px;
font-weight: bold;
font-family: 'Raleway';
text-transform: uppercase;
color: #262F36;
}
.news-detail .comment-box .single-comment-box .content-box .meta-box {
margin-bottom: 15px;
margin-top: 8px;
}
.news-detail .contact-form {
position: relative;
background: #fff;
color: #000;
padding: 40px 20px;
background: #f4f4f4;
}
.news-detail .contact-content h2 {
color: #23282A;
font-size: 30px;
text-transform: capitalize;
font-weight: 600;
margin: 0;
margin-bottom: 0px;
}
.news-detail .contact-content .contact-form textarea,
.news-detail .contact-content .contact-form input {
width: 100%;
height: 60px;
border: 1px solid #F0F0F0;
outline: none;
padding-left: 20px;
line-height: 58px;
margin-bottom: 20px;
}
.news-detail .contact-content .contact-form textarea {
height: 221px;
}
/* blog sidebar */
.sidebar .popular-posts .post {
position: relative;
font-size: 14px;
color: #cccccc;
margin-bottom: 30px;
padding-left: 90px;
min-height: 80px;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px !important;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
background: #333333;
}
.sidebar .popular-posts .post:hover .post-thumb img {
opacity: 0.50;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
}
.sidebar .popular-posts .post h4 {
font-size: 16px;
padding: 1px 0px 5px;
line-height: 1.4em;
color: #181818;
font-weight: 500;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover {
color: #032d41;
}
.sidebar .popular-posts .post h4 a {
color: #333;
}
.sidebar .popular-posts .post-info {
font-size: 13px;
color: #999;
}
/***
====================================================================
Pricing
====================================================================
***/
.pricing-section {
padding: 80px 0;
}
.pricing-section .pricing-table {
width: 80%;
margin: 50px auto;
text-align: center;
padding: 10px;
padding-right: 0;
text-align: center;
transition: all .5s ease;
}
.pricing-section .pricing-table:hover {
margin-top: -20px;
}
.pricing-section .pricing-table .heading {
color: #9C9E9F;
text-transform: uppercase;
font-size: 1.3rem;
margin-bottom: 4rem;
}
.pricing-section .block {
width: 100%;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
.pricing-section .title,
.pricing-section .pt-footer {
color: #FEFEFE;
text-transform: capitalize;
line-height: 2.5;
position: relative;
margin: 0;
}
.pricing-section .content {
position: relative;
color: #FEFEFE;
padding: 20px 0 10px 0;
}
/*arrow creation*/
.pricing-section .content:after,
.pricing-section .content:before,
.pricing-section .pt-footer:before,
.pricing-section .pt-footer:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.pricing-section .pt-footer:after,
.pricing-section .pt-footer:before {
top: 0;
}
.pricing-section .content:after,
.pricing-section .pt-footer:after {
border-color: rgba(136, 183, 213, 0);
border-width: 5px;
margin-left: -5px;
}
/*/arrow creation*/
.pricing-section .price {
position: relative;
display: inline-block;
margin-bottom: 0.625rem;
}
.pricing-section .price span {
font-size: 75px;
letter-spacing: 8px;
font-weight: bold;
line-height: 52px;
}
.pricing-section .price sup {
font-size: 23px;
position: absolute;
top: 12px;
left: -12px;
}
.pricing-section .price sub {
font-size: 20px;
}
.pricing-section .hint {
font-style: italic;
font-size: 18px;
margin: 0;
}
.pricing-section .features {
list-style-type: none;
background: #FFFFFF;
text-align: left;
color: #9C9C9C;
padding: 30px 15%;
font-size: 0.9rem;
}
.pricing-section .features li {
padding: 10px 0;
width: 100%;
font-size: 15px;
}
.pricing-section .features li span {
padding-right: 10px;
font-size: 13px;
color: #be1e2d;
}
.pricing-section .pt-footer {
font-size: 17px;
text-transform: capitalize;
background: #be1e2d;
}
.pricing-section .pt-footer a {
color: #fff;
}
/*PERSONAL*/
.pricing-section .personal .title {
background: #78CFBF;
}
.pricing-section .personal .content,
.pricing-section .personal .pt-footer {
background: #82DACA;
}
.pricing-section .personal .content:after {
border-top-color: #82DACA;
}
.pricing-section .personal .pt-footer:after {
border-top-color: #FFFFFF;
}
/*PROFESSIONAL*/
.pricing-section .professional .title {
background: #e0a021;
font-size: 18px;
}
.pricing-section .professional .content {
background: #1c2e38;
}
.pricing-section .professional .content:after {
border-top-color: #1c2e38;
}
.pricing-section .professional .pt-footer:after {
border-top-color: #FFFFFF;
}
/*BUSINESS*/
.pricing-section .business .title {
background: #E3536C;
}
.pricing-section .business .content,
.pricing-section .business .pt-footer {
background: #EB6379;
}
.pricing-section .business .content:after {
border-top-color: #EB6379;
}
.pricing-section .business .pt-footer:after {
border-top-color: #FFFFFF;
}
/***
====================================================================
Partener
====================================================================
***/
.partner-style1 {
padding: 80px 0;
}
.partner-style1 .image-box {
border: 1px solid #eee;
border-right: 0;
padding: 10px 25px;
}
.partner-style1 .image-box:last-child {
border-right: 1px solid #eee;
}
/***
====================================================================
Quick contact strip
====================================================================
***/
.quickcontact-strip {
background: #be1e2d;
padding: 40px 30px;
margin-bottom: -30px;
position: relative;
z-index: 2;
}
.quickcontact-strip::before {
position: absolute;
top: -41px;
left: -39px;
content: "";
border: 40px solid transparent;
border-bottom-color: #be1e2d;
width: 0;
height: 0;
border-bottom-width: 108px;
}
.quickcontact-strip::after {
position: absolute;
top: -41px;
right: -39px;
content: "";
border: 40px solid transparent;
border-bottom-color: #be1e2d;
width: 0;
height: 0;
border-bottom-width: 108px;
}
.quickcontact-strip .text {
font-size: 28px;
color: #fff;
font-weight: bold;
}
.btn-column {
text-align: right;
}
.btn-column .btn-style-one {
font-size: 17px;
}
/***
====================================================================
Footer styles
====================================================================
***/
.sbrand {
padding: 25px;
}
.footer1 {
background: #0b2028;
padding: 90px 0 0px;
}
.footer1 p,
.footer1 a,
.footer1 i {
color: #999;
font-size: 15px;
}
.footer1 a:hover {
color: #be1e2d;
text-decoration: none;
}
.footer1 h3 {
color: #fff;
margin-bottom: 30px;
position: relative;
padding-bottom: 15px;
margin-top: 15px;
font-size: 20px;
font-weight: 600;
}
.footer1 h3::after {
background-color: #be1e2d;
border-radius: 2px;
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 35px;
}
.ftlogo {
margin: 20px 0;
display: block;
}
.ftlogo img {
max-width: 100%;
}
.footer1 ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer1 ul li {
line-height: 30px;
margin-top: 5px;
}
.footer1 ul li i {
margin-right: 5px;
color: #ddd;
}
.quick-links li i {
padding-right: 7px;
}
footer .subscribe_us form {
height: 50px;
position: relative;
margin-bottom: 30px;
}
.footer1 .subscribe_us input {
background: #2b2b2b none repeat scroll 0 0;
border: medium none;
border-radius: 40px;
box-shadow: none;
box-sizing: border-box;
color: #9b9b9b;
font-size: 14px;
height: 50px;
outline: medium none;
padding: 11px 55px 10px 10px;
width: 100%;
}
.footer1 .subscribe_us button {
background: #be1e2d none repeat scroll 0 0;
border: medium none;
border-bottom-right-radius: 28px;
border-top-right-radius: 28px;
color: #fff;
font-size: 18px;
height: 50px;
outline: medium none;
position: absolute;
right: 0;
top: 0;
width: 70px;
}
.footer1 .subscribe_us button i {
color: #fff;
font-size: 25px;
}
.footer1 .subscribe_us button:hover,
footer .subscribe_us button:focus {
color: #272727;
}
.subscribe_now {
padding-top: 20px;
}
.subscribe_now input[type="email"],
.subscribe_now input[type="text"] {
height: 40px;
width: 100%;
background: #0e2a34;
padding: 5px 12px;
color: #fff;
margin-bottom: 15px;
}
.subscribe_now button {
background: #be1e2d;
height: 40px;
display: block;
width: 100%;
color: #fff;
line-height: 40px;
font-weight: 600;
}
.footer1 .ftcontact li {
display: table;
width: 100%;
margin-bottom: 10px;
}
.footer1 .continfo {
color: #6c6c6c;
float: left;
line-height: 24px;
width: calc(100% - 34px);
}
.footer1 .continfo strong {
color: #999;
font-size: 16px;
}
.footer1 .ftcontact li i {
color: #fff;
float: left;
font-size: 20px;
padding-top: 5px;
text-align: left;
width: 26px;
margin-right: 5px;
}
.ftcontact li i.fa-envelope-o {
font-size: 16px;
}
.latest-post img {
float: left;
width: 55px;
margin-top: 10px;
margin-right: 15px;
}
.latest-post ul li {
width: 100%;
display: table;
margin-bottom: 20px;
}
.latest-post ul li i {
float: left;
width: 26px;
height: 26px;
background: #be1e2d;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 26px;
border-radius: 50%;
margin-top: 7px;
margin-right: 15px;
}
.latest-post .content {
float: left;
width: calc(100% - 72px);
}
.latest-post .content a {
line-height: 24px;
display: block;
}
.latest-post .content span {
color: #454545;
}
.footersec .social {
margin-top: 30px;
}
.footersec .social li {
display: inline-block;
}
.footersec .social li a {
background: #0e2a34;
border-radius: 50%;
color: #cacfd3;
display: inline-block;
font-size: 15px;
height: 35px;
line-height: 35px;
margin-right: 3px;
text-align: center;
transition: all 0.3s ease 0s;
width: 35px;
}
.footersec .social li a i {
margin-right: 0;
color: #fff;
}
.footersec .social li a:hover {
background: #be1e2d;
border-color: #be1e2d;
color: #
}
.latest-tweets li {
padding-left: 25px;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #555;
}
.latest-tweets li:last-child {
border-bottom: 0;
}
.latest-tweets li i {
position: absolute;
left: 0;
top: 10px;
}
.latest-tweets li a {
color: #ccc;
line-height: 25px;
display: block;
white-space: normal;
word-break: break-all;
}
.footer-sec.latest-project li {
float: left;
width: 33.33%;
padding: 4px;
margin: 0;
overflow: hidden;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.footer-sec.latest-project li a {
display: block;
overflow: hidden;
}
.footer-sec.latest-project li img {
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.footer-sec.latest-project li:hover img {
transform: scale(1.1, 1.1);
}
.copyright {
border-top: 1px solid #333;
color: #999;
margin-top: 60px;
padding: 30px 0;
background: #0b2028;
}
.copyright a {
color: #999;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.header-style-two + .page-title {
margin-top: -34px;
padding-top: 72px;
}
.page-title {
position: relative;
text-align: center;
background-size: cover;
background-attachment: fixed;
color: rgb(255, 255, 255);
padding: 25px 0px;
background-repeat: no-repeat;
background-position: center center;
}
.page-title::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.page-title h1 {
font-size: 32px;
font-weight: 800;
color: rgb(255, 255, 255);
letter-spacing: 1px;
line-height: 1em;
margin-top: 8px;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
margin-bottom: 0;
}
.page-title .bread-crumb {
position: relative;
padding-top: 5px;
text-align: center;
}
.page-title .bread-crumb li {
position: relative;
display: inline-block;
line-height: 30px;
margin-left: 20px;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
.page-title .bread-crumb li:before {
content: '\f105';
position: absolute;
right: -20px;
top: 0px;
width: 20px;
text-align: center;
line-height: 30px;
font-family: 'FontAwesome';
}
.page-title .bread-crumb li:first-child {
margin-left: 0px;
}
.page-title .bread-crumb li:last-child:before {
display: none;
}
.page-title .bread-crumb li a {
color: #f0c40b;
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;
}
.page-title .bread-crumb li a:hover {
color: #fa2964;
}
/***
====================================================================
About us & features
====================================================================
***/
.about-section h2 {
font-size: 30px;
line-height: 42px;
font-weight: 600;
}
.left-side img {
width: 100%;
}
.profile-thumb {
float: left;
margin: 30px 20px 0 0;
max-width: 80px;
height: auto;
}
.profile-thumb img {
width: 100%;
height: 100%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.profile-thumb+.profile {
margin-top: 30px;
padding-top: 5px;
}
.profile img {
margin-top: 15px;
}
.profile h4 {
font-weight: 700;
font-size: 16px;
margin-top: 15px;
margin-bottom: 5px;
}
.profile p {
font-weight: 400;
font-family: "Roboto", sans-serif;
color: #778793;
}
.feature-section {
padding: 100px 0 80px;
}
.feature-section .featurebox {
text-align: center;
/* border: 1px solid #ccc; */
padding: 35px 15px 25px;
background: #fff;
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
.featurebox:after {
position: absolute;
background: rgba(245, 175, 36, 1);
height: 100%;
left: 0;
top: 0;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
content: "";
z-index: -1;
}
.featurebox:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.featurebox:hover .icon_box {
color: #fff;
}
.featurebox:hover * {
color: #fff;
}
.feature-section .icon_box {
font-size: 47px;
color: #be1e2d;
margin-bottom: 30px;
display: inline-block;
}
.feature-section.style-2 {
padding: 0px 0 80px;
}
.feature-section.style-2 .row {
margin-top: -100px;
}
.banner-one-area {
background: url(../images/icons/pattern-1.png);
background-position: center;
background-attachment: scroll;
background-size: cover;
padding: 80px 0 100px;
position: relative;
z-index: 1;
text-align: center;
}
.banner-one-area:after {
background: rgba(3, 23, 34, 0.9);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.banner-one-area .banner-content h2 {
color: #ffffff;
font-size: 36px;
margin-bottom: 0;
text-align: center;
line-height: 45px;
margin-bottom: 15px;
}
.banner-one-area .banner-content h2 span {
font-size: 46px;
color: #be1e2d;
}
.banner-one-area .banner-content p {
color: #fff;
font-size: 19px;
margin-bottom: 30px;
font-weight: 300;
}
/***
====================================================================
FAQ
====================================================================
***/
.faqs-section {
padding: 70px 0 100px;
}
.faq-accordion .panel-default {
background: transparent;
border: none;
box-shadow: none;
}
.faq-accordion .panel-default .panel-heading {
background: transparent;
border: 1px solid #d7d7d7;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 14px 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.faq-accordion .panel-default .panel-heading .panel-title {
font-size: 18px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle {
display: block;
}
.faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after {
font-family: 'FontAwesome';
content: "\f107";
float: right;
font-size: 20px;
}
.faq-accordion .panel-default .panel-heading.active,
.faq-accordion .panel-default .panel-heading:hover {
background: #be1e2d;
}
.faq-accordion .panel-default .panel-heading.active .panel-title,
.faq-accordion .panel-default .panel-heading:hover .panel-title {
color: #ffffff;
}
.faq-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after,
.faq-accordion .panel-default .panel-heading:hover .panel-title .accordion-toggle:after {
font-family: 'FontAwesome';
content: "\f106";
float: right;
font-size: 20px;
}
.faq-accordion .panel-default .panel-collapse .panel-body {
border: none;
padding: 20px;
}
.fax-style2 h3 {
font-size: 18px;
margin-bottom: 5px;
}
.fax-style2 .faq-item {
border: 1px solid #eee;
padding: 20px 30px 10px;
border-bottom: 0;
}
.fax-style2 .faq-item:last-child {
border: 1px solid #eee;
}
/***
====================================================================
servide detail Sidebar
====================================================================
***/
/* sidebar search */
.sidebar .medium-title {
position: relative;
margin-bottom: 20px;
}
.sidebar .medium-title h3 {
font-size: 20px;
font-weight: 700;
text-transform: firsttopcase;
color: #121212;
}
.sidebar .sidebar-widget {
position: relative;
margin-bottom: 50px;
}
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 24px;
padding: 10px 40px 10px 20px;
border: 1px solid #e0e0e0;
background: #ffffff;
color: #3a3a3a;
display: block;
font-size: 14px;
width: 100%;
height: 48px;
border-radius: 3px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group input:focus {
border-color: #ffc13e;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 48px;
width: 50px;
line-height: 48px;
text-align: center;
display: block;
font-size: 15px;
color: #cccccc;
background: none;
font-weight: normal;
background: #be1e2d;
color: #fff;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover {
color: #ffc13e;
}
/* sidebar downloads */
.sidebar .downloads li {
position: relative;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
.sidebar .downloads li a {
position: relative;
display: block;
padding: 10px 10px 10px 70px;
color: #333;
background: #f5f5f5;
font-size: 18px;
text-transform: firsttopcase;
line-height: 30px;
}
.sidebar .downloads li a:hover {
color: #0b2028;
color: #333;
}
.sidebar .downloads li a .icon {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 20px;
color: #be1e2d;
transition: all .5s ease;
}
.sidebar .downloads li a:hover .icon {
background: #be1e2d;
color: #fff;
}
/* product detail sidemanu */
.sidebar .styled-nav {
position: relative;
}
.sidebar .styled-nav .nav-outer {
position: relative;
font-family: 'Roboto', sans-serif;
}
.sidebar .styled-nav ul li {
position: relative;
display: block;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
margin-bottom: 10px;
cursor: pointer;
}
.sidebar .styled-nav ul li a {
position: relative;
display: block;
line-height: 30px;
padding: 10px 20px 10px 50px;
border: 0;
text-transform: capitalize;
color: #333333;
background: #f4f4f4;
font-size: 16px;
font-weight: 400;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.sidebar .styled-nav ul li .fa {
background: transparent none repeat scroll 0 0;
color: #999;
font-size: 18px;
height: 50px;
left: 0;
line-height: 50px;
margin-top: 0;
position: absolute;
text-align: center;
top: 0;
width: 50px;
}
.sidebar .styled-nav ul li:last-child {
margin-bottom: 0px;
}
.sidebar .styled-nav li:hover a {
border-color: #333 #333 #333 #be1e2d;
color: #fff;
position: relative;
}
.sidebar .styled-nav li.current a,
.sidebar .styled-nav li a:hover {
background: #be1e2d none repeat scroll 0 0;
border-color: #333 #333 #333 #be1e2d;
color: #fff;
position: relative;
}
.hvr-shutter-in-horizontal::before {
background: #f4f4f4;
}
.sidebar .styled-nav li.current a i,
.sidebar .styled-nav li:hover a i {
color: #fff;
}
.sidebar .styled-nav li.current a:before {
background: #be1e2d;
}
/* sidebar tesimonial*/
.sidebar-testimonial-widge {
border: 1px solid #f0f0f0;
padding: 25px 24px 20px;
margin-bottom: 40px;
}
.testimonial-slide {
position: relative;
}
.testimonial-slide .inner {
position: relative;
}
.testimonial-slide .inner .author-info {
padding-left: 70px;
position: relative;
}
.testimonial-slide .inner .author-info .image {
border-radius: 50%;
height: 55px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 55px;
}
.testimonial-slide .inner .author-info h3 {
color: #be1e2d;
font-size: 18px;
font-weight: 400;
position: relative;
text-transform: capitalize;
}
.testimonial-slide .inner .author-info .designation {
color: rgba(0, 0, 0, 0.4);
font-size: 16px;
}
.testimonial-slide .inner .text {
color: rgba(0, 0, 0, 0.75);
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
position: relative;
}
/* sidebar Quick contact form*/
.quick-form {
background: #0b2028;
}
.quick-form h2 {
font-size: 21px;
text-align: center;
background: #be1e2d;
color: #fff;
padding: 10px;
margin-top: 0;
}
.quick-form .form-grp {
padding: 6px 15px;
}
.quick-form .form-grp input,
.quick-form .form-grp textarea,
.quick-form .form-grp select {
width: 100%;
border: 0;
height: 35px;
padding: 0 10px;
}
.quick-form .thm-btn {
line-height: 35px;
font-family: 'Lato';
margin-bottom: 15px;
background: #be1e2d;
border-color: #fff;
color: #fff;
width: 100px;
}
/***
====================================================================
servide detail page
====================================================================
***/
.service-detail {
padding: 80px 0;
}
.service-detail .sec-title {
margin-bottom: 10px;
}
.service-detail .sec-title h2 {
font-size: 25px;
margin-bottom: 0;
}
.service-single .main-image {
position: relative;
margin-bottom: 35px;
}
.service-single .main-image img {
width: 100%;
}
.service-single h2 {
position: relative;
color: #222222;
font-size: 30px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 12px;
text-transform: capitalize;
}
.fullwidth-info {
margin-bottom: 45px;
}
.mediam-text {
position: relative;
color: #222222;
font-size: 20px;
line-height: 1.6em;
margin-bottom: 20px;
}
.canvaschart {
margin-bottom: 50px;
}
.two-column-service {
margin-bottom: 50px;
}
.service-single .service-style2 {
padding: 0;
}
.service-single .faqs-section {
padding: 0;
}
.canvas-section {
padding: 80px 0 60px;
position: relative;
z-index: 1;
}
.canvas-section::after {
content: "";
width: 49%;
background: rgba(3, 23, 34, 0.9);
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.chartleftinfo {
color: #fff;
padding-right: 20px;
}
.chartleftinfo * {
color: #fff;
padding-right: 20px;
}
.chartleftinfo .sec-title h2 {
color: #fff;
}
/* tab content */
.service_vision {
margin: 30px 0 20px;
}
.service_vision .heading4 {
font-size: 18px;
font-weight: 400;
color: #111111;
margin: 0px 0px 5px 0px;
}
.service_vision .heading1 {
font-size: 30px;
line-height: 20px;
text-transform: uppercase;
color: #1b2834;
font-weight: 900;
}
.service_vision .content-quality {
float: left;
width: 193px;
}
.service_vision .content-quality p {
margin-left: 10px;
font-size: 14px;
font-weight: 600;
line-height: 17px;
}
.service_vision .content-quality p span {
display: block;
}
.service_vision .tabtop li a {
font-weight: 700;
color: #1b2834;
border-radius: 0px;
margin-right: 22.008px;
border: 1px solid #ebebeb !important;
}
.service_vision .tabtop .active a:before {
content: "♦";
position: absolute;
top: 15px;
left: 82px;
color: #fdc900;
font-size: 30px;
}
.service_vision .tabtop li a:hover {
color: #333 !important;
text-decoration: none;
}
.service_vision .tabtop .active a:hover {
color: #fff !important;
}
.service_vision .tabtop .active a {
background-color: #fdc900 !important;
color: #FFF !important;
}
.service_vision .margin-tops {
margin-top: 30px;
}
.service_vision .tabtop li a:last-child {
padding: 10px 22px;
}
.service_vision .thbada {
padding: 10px 28px !important;
}
.service_vision .margin-tops4 {
margin-top: 20px;
}
.service_vision .tabsetting {}
.service_vision .services {
background-color: #d4d4d4;
min-height: 710px;
padding: 65px 0 27px 0;
}
.service_vision .services a:hover {
color: #000;
}
.service_vision .services h1 {
margin-top: 0px !important;
}
.service_vision .heading-container p {
text-align: center;
font-size: 16px !important;
text-transform: uppercase;
}
/***
====================================================================
producr listing page
====================================================================
***/
.shop-page-sec {
padding: 80px 0;
}
.shop-page-area .tab-content {
margin-top: 30px;
}
.shop-page-area .inner-shop-top-left {
padding-top: 5px;
text-align: left;
}
.shop-page-area .inner-shop-top-left p {
font-size: 18px;
color: #222222;
}
.shop-page-area .inner-shop-top-right {
float: right;
}
@media only screen and (max-width: 767px) {
.shop-page-area .inner-shop-top-right {
float: none;
}
}
.shop-page-area .inner-shop-top-right ul > li {
border: 1px solid #e1e1e1;
display: inline-block;
padding: 8px 17px;
}
.shop-page-area .inner-shop-top-right ul > li:hover a i {
color: #fbca00
}
.shop-page-area .inner-shop-top-right ul > li > a > i {
color: #646464;
}
.shop-page-area .inner-shop-top-right ul > li .dropdown button {
padding: 0;
background: transparent;
}
.shop-page-area .inner-shop-top-right ul > li .dropdown button span {
margin-left: 15px;
}
.shop-page-area .inner-shop-top-right ul > li .dropdown .dropdown-menu {
border-radius: 0;
left: -18px;
margin: 10px 0 0 0;
}
.shop-page-area .inner-shop-top-right ul > li .dropdown .dropdown-menu > li {
border: none;
padding: 0;
display: inherit;
}
.shop-page-area .inner-shop-top-right ul > .active i {
color: #be1e2d
}
/*---------------------------------------
Shop Product Box 1 Styles
---------------------------------------*/
.product-box1 {
position: relative;
overflow: hidden;
background: #fff;
text-align: center;
margin-bottom: 30px;
border: 1px solid #f2f2f2;
}
.product-box1 .adcartbtn a {
background: #be1e2d;
color: #fff;
width: 115px;
display: block;
font-size: 16px;
height: 40px;
line-height: 35px;
font-weight: 600;
display: inline-block;
transition: all .5s ease;
border: 2px solid #be1e2d;
;
}
.product-box1 .adcartbtn a:hover {
background: #0b2028;
}
.product-box1 .adcartbtn {
opacity: 0;
position: absolute;
top: 50px;
z-index: 10;
left: 0;
text-align: center;
width: 100%;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.product-box1:hover .adcartbtn {
opacity: 1;
top: 140px;
}
.product-box1 .product-social {
opacity: 0;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
top: 25%;
z-index: 2;
-moz-transform: scale(1) translateY(-250px);
-webkit-transform: scale(1) translateY(-250px);
-o-transform: scale(1) translateY(-250px);
-ms-transform: scale(1) translateY(-250px);
transform: scale(1) translateY(-250px);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.product-box1 .product-social li {
background: #be1e2d none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 40px;
margin: 0 1px;
transition: all 0.5s ease-out 0s;
width: 40px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-social li a {
display: block;
}
.product-box1 .product-social li a i {
line-height: 40px;
color: #fff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-social li:hover {
background: #01305e;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-social li:hover i {
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-img-holder {
position: relative;
}
.product-box1 .product-img-holder:after {
opacity: 0;
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-img-holder img {
display: inherit;
}
.product-box1 .product-content-holder {
padding: 15px 20px 15px;
}
.product-box1 .product-content-holder::after {
clear: both;
display: table;
content: "";
}
.product-box1 .product-content-holder h3 {
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
}
.product-box1 .product-content-holder h3 a {
color: #111111;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-content-holder h3 a:hover {
color: #ffc13e -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1 .product-content-holder ul {
padding-bottom: 5px;
float: right;
}
.product-box1 .product-content-holder ul li {
display: inline-block;
}
.product-box1 .product-content-holder ul li i {
color: #f7c51d;
}
.product-box1 .product-content-holder span {
font-weight: 600;
float: left;
font-size: 17px;
font-weight: 400;
}
.product-box1 .product-content-holder span span {
margin-right: 15px;
color: #5c9d01;
text-decoration: line-through;
}
.product-box1:hover .product-social {
opacity: 1;
-moz-transform: scale(1) translateY(0px);
-webkit-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box1:hover .product-img-holder:after {
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/*---------------------------------------
Shop Product Box 2 Styles
---------------------------------------*/
.product-box2 {
margin-bottom: 30px;
}
.product-box2 a img {
width: 100%;
max-width: 250px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box2 a img:hover {
opacity: 0.5;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box2 .media-body {
text-align: left;
padding: 7px 30px 0 20px;
}
@media only screen and (max-width: 1199px) {
.product-box2 .media-body {
padding: 0 30px 0 20px;
}
}
@media only screen and (max-width: 991px) {
.product-box2 .media-body {
padding: 8px 30px 0 0;
}
}
.product-box2 .media-body .product-box2-content h3 {
font-size: 22px;
text-transform: capitalize;
margin-bottom: 10px;
}
.product-box2 .media-body .product-box2-content h3 a {
color: #000000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box2 .media-body .product-box2-content h3 a:hover {
color: #ffc13e -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box2 .media-body .product-box2-content ul {
margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
.product-box2 .media-body .product-box2-content ul {
margin-bottom: 10px;
}
}
.product-box2 .media-body .product-box2-content ul li {
display: inline-block;
}
.product-box2 .media-body .product-box2-content ul li i {
color: #f7c51d;
}
.product-box2 .media-body .product-box2-content span {
font-size: 20px;
display: block;
margin-bottom: 20px;
color: #ffc13e font-weight: 600;
}
.product-box2 .media-body .product-box2-content p {
margin-bottom: 30px;
color: #727272;
}
@media only screen and (max-width: 1199px) {
.product-box2 .media-body .product-box2-content p {
margin-bottom: 19px;
}
}
.product-box2 .media-body .product-box2-cart li {
margin: 0 2px 0 0;
display: inline-block;
}
.product-box2 .media-body .product-box2-cart li a {
line-height: 42px;
text-align: center;
height: 42px;
padding: 0 20px;
background: #be1e2d;
display: block;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-box2 .media-body .product-box2-cart li a i {
line-height: 42px;
font-size: 14px;
}
.product-box2 .media-body .product-box2-cart li a:hover {
background: #01305e
}
/*---------------------------------------
Shop sidabar
---------------------------------------*/
.sidebar-title {
position: relative;
margin-bottom: 15px;
}
.sidebar-title h2 {
color: #121212;
display: block;
font-size: 18px;
font-weight: 600;
padding-bottom: 0px;
position: relative;
margin: 0;
}
.sidebar-title span.decor-line .decor-line-inner {
width: 26px;
height: 16px;
background-image: url(../images/icons/title-decor.png);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
vertical-align: middle;
}
.sidebar-title span.decor-line::before,
.sidebar-title span.decor-line::after {
content: '';
width: 40px;
background: #be1e2d;
height: 2px;
display: inline-block;
vertical-align: middle;
}
.sidebar-title span.decor-line::before,
.sidebar-title span.decor-line::after {
content: '';
width: 40px;
background: #be1e2d;
height: 2px;
display: inline-block;
vertical-align: middle;
}
.sidebar .sidebar-widget {
position: relative;
margin-bottom: 30px;
}
.sidebar-widget .menu-sidebar li {
padding: 10px;
border: 1px solid #eee;
border-bottom: 0;
}
.sidebar-widget .menu-sidebar li:last-child {
border: 1px solid #eee;
}
.sidebar-widget .menu-sidebar a {
font-size: 16px;
color: #666;
display: block;
transition: all .5s ease;
}
.sidebar-widget .menu-sidebar a:hover {
color: #be1e2d;
}
.sidebar-widget .menu-sidebar a i {
float: right;
color: #999;
vertical-align: middle;
margin-top: 5px;
}
.sidebar .sidebar-widget .related-product ul li {
margin-bottom: 15px;
clear: both;
}
.sidebar .sidebar-widget .related-product ul li:after {
clear: both;
content: "";
display: block;
}
.sidebar .sidebar-widget .related-product .retated-img {
background: #f5f5f5;
margin-right: 15px;
padding: 15px;
}
.sidebar .sidebar-widget .related-product .retated-img img {
width: 70px;
}
.sidebar .sidebar-widget .related-product .related-content h3 {
font-size: 16px;
margin-bottom: 10px;
margin-top: 10px;
}
.sidebar .sidebar-widget .related-product .related-content h3 a {
color: #333;
}
.sidebar .sidebar-widget .related-product .related-content .sprice {
color: #666;
font-weight: 400;
}
.sidebar .sidebar-widget .related-product .related-content .review {
margin-top: 10px;
}
.sidebar .sidebar-widget .related-product .related-content .review a {
color: #fea62b;
}
.sidebar .popular-tags a {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ddd;
margin: 3px 2px;
font-size: 13px;
color: #333;
}
/*---------------------------------------
Shop Details Page Styles
---------------------------------------*/
.shop-page-area .inner-shop-details .inner-product-details-left {
text-align: center;
}
.shop-page-area .inner-shop-details .inner-product-details-left .tab-content {
display: inline-block;
margin-top: 0;
border: 1px solid #e1e1e1;
}
.shop-page-area .inner-shop-details .inner-product-details-left .tab-content a {
display: block;
}
.shop-page-area .inner-shop-details .inner-product-details-left .tab-content a img {
width: 100%;
}
@media only screen and (max-width: 767px) {
.shop-page-area .inner-shop-details .inner-product-details-left ul {
margin-bottom: 30px;
}
}
.shop-page-area .inner-shop-details .inner-product-details-left ul li {
border: 1px solid #e1e1e1;
width: 29%;
display: inline-block;
margin: 16px 17px 0 0;
}
.shop-page-area .inner-shop-details .inner-product-details-left ul li.active a {
border: 2px solid #01305e;
display: block;
}
@media only screen and (max-width: 1199px) {
.shop-page-area .inner-shop-details .inner-product-details-left ul li {
margin: 16px 14px 0 0;
}
}
@media only screen and (max-width: 767px) {
.shop-page-area .inner-shop-details .inner-product-details-left ul li {
width: auto;
}
}
@media only screen and (max-width: 399px) {
.shop-page-area .inner-shop-details .inner-product-details-left ul li {
width: 29%;
}
}
.shop-page-area .inner-shop-details .inner-product-details-left ul li a img {
width: 100%;
}
.shop-page-area .inner-shop-details .inner-product-details-left ul li a img:hover {
opacity: 0.5;
}
.shop-page-area .inner-shop-details .inner-product-details-left ul li:last-child {
margin: 16px 0 0 0;
}
.shop-page-area .inner-shop-details .inner-product-details-left ul .active a img {
opacity: 0.5;
}
.shop-page-area .inner-shop-details .inner-product-details-right h3 {
color: #111111;
}
.shop-page-area .inner-shop-details .inner-product-details-right .rating {
margin: 15px 0;
}
.shop-page-area .inner-shop-details .inner-product-details-right .rating li {
display: inline-block;
}
.shop-page-area .inner-shop-details .inner-product-details-right .rating li i {
color: #fea62b;
}
.shop-page-area .inner-shop-details .inner-product-details-right .rating li:last-child i {
color: #a7a7a7;
margin-right: 15px;
}
.shop-page-area .inner-shop-details .inner-product-details-right .price {
font-size: 24px;
font-weight: 600;
color: #000000;
margin-bottom: 22px;
}
.shop-page-area .inner-shop-details .inner-product-details-right > span {
font-size: 16px;
font-weight: 600;
color: #646464;
text-transform: uppercase;
display: block;
}
.shop-page-area .inner-shop-details .inner-product-details-right .solid-underline {
padding-bottom: 20px;
margin-bottom: 10px;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart {
margin-bottom: 20px;
margin-top: 40px;
}
@media only screen and (max-width: 479px) {
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart {
text-align: center;
}
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li {
vertical-align: top;
margin: 0 2px 0 0;
display: inline-block;
border: 1px solid #d6d6d6;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li a {
line-height: 52px;
text-align: center;
height: 52px;
padding: 0 20px;
background: #292929;
display: block;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffc13e;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li a.button {
background: #be1e2d;
color: #fff;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li a i {
line-height: 54px;
font-size: 14px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li a:hover {
background: #0b2028;
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li a:hover i {
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group {
position: relative;
box-shadow: none!important;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .form-control {
box-shadow: none;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group input {
border: none;
height: 52px;
width: 100px;
padding-right: 47px;
font-size: 20px;
text-align: center;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical {
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical .btn-default {
border: 0;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button {
display: block;
border-left: 1px solid #d6d6d6 !important;
border-radius: 0!important;
background: transparent;
padding: 4px 12px;
line-height: 1.3;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button:last-child {
border-top: 1px solid #d6d6d6;
}
.shop-page-area .inner-shop-details .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button i {
line-height: 1;
}
.shop-page-area .inner-shop-details .inner-product-details-right .ctg-name-tag p {
margin-bottom: 0;
}
.shop-page-area .inner-shop-details .inner-product-details-right .ctg-name-tag p span {
color: #222222;
}
.shop-page-area .inner-shop-details .product-details-tab-area {
margin: 60px 0 50px;
border: 1px solid #e6e6e6;
overflow: hidden;
}
.shop-page-area .inner-shop-details .product-details-tab-area ul li {
margin: -2px;
display: inline-block;
padding: 10px 0;
background: #f4f4f4;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.shop-page-area .inner-shop-details .product-details-tab-area ul li a {
color: #646464;
padding: 12px 30px;
text-transform: capitalize;
}
@media only screen and (max-width: 479px) {
.shop-page-area .inner-shop-details .product-details-tab-area ul li a {
padding: 12px;
}
}
.shop-page-area .inner-shop-details .product-details-tab-area ul .active {
background: transparent;
border-bottom: none;
}
.shop-page-area .inner-shop-details .product-details-tab-area ul .active a {
color: #ffc13e text-decoration: none;
}
.shop-page-area .inner-shop-details .product-details-tab-area ul .active:last-child {
border-right: none;
}
.shop-page-area .inner-shop-details .product-details-tab-area .tab-content {
margin-top: 0;
padding: 35px 35px 15px 35px;
}
.shop-page-area .inner-shop-details .featured-products-area2 h3.sub-title {
color: #111111;
margin-bottom: 35px;
}
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls {
margin-top: 0;
}
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls .owl-nav {
position: absolute;
top: -75px;
z-index: 2;
right: 15px;
}
@media only screen and (max-width: 479px) {
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls .owl-nav {
position: inherit;
}
}
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls .owl-nav div {
background: #0b2028;
opacity: 1;
font-size: 18px;
margin: 0 4px;
width: 34px;
height: 32px;
border-radius: 0;
border: 1px solid #ffc13e padding: 0;
line-height: 23px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls .owl-nav div i {
color: #ffffff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.shop-page-area .inner-shop-details .featured-products-area2 .owl-controls .owl-nav div:hover {
border: 1px solid #be1e2d;
background: #be1e2d;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/***
====================================================================
404 page
====================================================================
***/
.errorpagesec {
padding: 90px 0 70px;
}
.nofindinfo {
text-align: center;
}
.nofindpage .subscribe_us form {
height: 50px;
position: relative;
margin-bottom: 30px;
}
.nofindpage .subscribe_us input {
background: #2b2b2b none repeat scroll 0 0;
border: medium none;
border-radius: 40px;
box-shadow: none;
box-sizing: border-box;
color: #9b9b9b;
font-size: 14px;
height: 50px;
outline: medium none;
padding: 11px 55px 10px 10px;
width: 100%;
}
.nofindpage .subscribe_us button {
background: #fdc900 none repeat scroll 0 0;
border: medium none;
border-bottom-right-radius: 28px;
border-top-right-radius: 28px;
color: #fff;
font-size: 18px;
height: 50px;
outline: medium none;
position: absolute;
right: 0;
top: 0;
width: 70px;
}
.nofindpage .subscribe_us button i {
color: #fff;
font-size: 25px;
}
.nofindpage h2 {
color: #333;
font-size: 32px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: .5px;
margin-bottom: 40px;
}
.nofindpage p {
font-size: 22px;
font-style: italic;
margin-bottom: 30px;
color: #333;
}
.backtohome {
padding: 10px 10px;
border: 1px solid #ccc;
color: #333;
margin-top: 10px;
display: inline-block;
}
.backtohome:hover {
background: #fdc900;
}
.our-causes{
float:left;
width:100%;
}
.our-causes .flex-direction-nav {
display: none;
}
.our-causes .flex-control-nav {
position: absolute;
right:15px;
top: 0;
list-style:none;
}
.our-causes .flex-control-nav li{
float:left;
}
.our-causes .flex-control-nav a{
float:left;
height:16px;
width:16px;
color:transparent;
margin:0 2px;
border:4px solid #fff;
background:none repeat scroll 0 0 #c8c7c7;
cursor:pointer;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
.our-causes .flex-control-nav a.flex-active{
background:none repeat scroll 0 0 #fff;
border-color:#777676;
}
.causes-image{
float:left;
position:relative;
overflow:hidden;
margin-right:30px;
width:100%;
}
.causes-image:last-child{
margin-right:0;
}
.causes-image img{
width:100%;
height:100%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-0-border-radius:3px;
border-radius:3px;
}
.cause-heading{
width:100%;
padding-bottom:21px;
padding-top:21px;
border-bottom:2px solid #797978;
background:none repeat scroll 0 0 rgba(224, 224, 223, 0.95);
position:absolute;
bottom:8px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.cause-heading h3 {
padding:0 20px;
font-family: Cambria Math;
font-size:15px;
font-weight:500;
line-height:12px;
color:#2D2D2D;
}
.cause-heading p {
margin:20px 0 0;
padding:0 20px;
color:#777777;
font-family:Open Sans;
font-size:12px;
font-weight:600;
line-height:10px;
}
.cause-heading span {
color:#2d2d2d;
font-size:15px;
margin-left:10px;
float:right;
}
.cause-heading span i{
color:#616161;
font-size:19px;
font-style:normal
}
.our-causes-hover{
height: 100%;
width: 96%;
padding: 10px 10px;
background: none repeat scroll 0 0 rgba(224, 224, 223, 0.95);
position: absolute;
left: 2%;
top: 2%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease 0.1s;
-moz-transition:all 0.3s ease 0.1s;
-ms-transition:all 0.3s ease 0.1s;
-o-transition:all 0.3s ease 0.1s;
transition:all 0.3s ease 0.1s;
}
.our-causes-hover h3 {
margin-bottom:15px;
color:#2d2d2d;
font-family: Cambria Math;
line-height:10px;
font-size:15px;
font-weight:500;
}
.our-causes-hover > span{
width:100%;
color:#000;
float:left;
font-family: Cambria Math;
font-size:12px;
line-height:13px;
margin-bottom:5px;
font-weight:600;
text-align: left;
}
.our-causes-hover span i {
font-style:normal;
}
.our-causes-hover p {
float:left;
width:100%;
margin-bottom:35px;
margin-top:-7px;
color:#2D2D2D;
font-family:Open sans;
font-size:13px;
line-height:20px;
}
.our-causes-hover span.help {
font-size:14px;
font-weight:300;
line-height:13px;
margin-bottom:0;
}
.our-causes-hover span.needed-amount {
font-size:20px;
line-height:31px;
margin-bottom:0;
margin-top:10px;
text-align:right;
}
.needed-amount span {
color:#7D7C7C;
font-size:28px;
}
.causes-image:hover .our-causes-hover{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.causes-image:hover .cause-heading{
bottom:-100px;
}
.header-btn
{
background-color: #ff4b23;
height: 10px;
}
.callback-bg{
background: #092c6d;
/* margin-top: 10%; */
padding-bottom: 20px;
display: table;
width: 100%;
padding-top: 20px;
}
@media only screen and (max-width: 600px) {
.callback-bg{
background: #092c6d;
padding-bottom: 20px;
display: table;
width: 100%;
}
}
@media only screen and (min-width: 900px){
.forminput{
margin-left:50px;
}
}
.callback-bg{background: #5f0f17;
/*margin-top: 10%;*/
padding-bottom: 20px;
display: table;
width: 100%;}
/*
@media only screen and (max-width: 600px) {
.callback-bg{background: #054785;
padding-bottom: 20px;
display: table;
width: 100%;}
}
.btn-3 {
background: #071341;
color: #fff;
width: 100%;
}*/
.tags a {
display: inline-block;
padding: 5px 15px;
border: #ccc solid 1px;
margin: 0 5px 10px 0;
background: #ffffff;
font-weight: 500;
color: #111111;
}
.tags a:hover {
border-color: #00b259;
color: #00b259;
}
.callback-bg{background: linear-gradient(45deg, #be1e2d, #be1e2d) !important;
padding-bottom: 20px;
display: table;
width: 100%;
padding-top: 1%;
margin-top: -2%;}
.callback-bg .form-control {
display: block;
width: 100%;
height: 50px;
padding: 12px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.callback-bg h3{
color: #fff;
font-size: 30px;
font-weight: 600;
margin: 10px 0px 0px 0px;
}
@media only screen and (max-width: 600px) {
.callback-bg{background: linear-gradient(45deg, #be1e2d, #be1e2d) !important;
padding-bottom: 20px;
display: table;
width: 100%;}
}
.btn-3 {
background: #000000 !important;
color: #fff;
width: 100%;
border: none;
padding-bottom: 3px 0;
padding: 12px 12px !important;
line-height: 28px !important;
}
.btn-3:hover{
background:#58585a !important;
color: #fff;
width: 100%;
border: none;
padding-bottom: 3px 0;
line-height: 28px !important;
}