@charset "UTF-8";
   html {
scroll-behavior: smooth;
overflow-x: hidden; }
body {
font-family: var( --body-fonts );
overflow-x: hidden;
color: var(--primary-color);
font-size:16px; line-height:28px; !important;
}
body p{
margin-bottom: 20px;
}
button, input, textarea {
border: 0;
background: transparent;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
button:focus, input:focus, textarea:focus {
outline: none; }
a {
display: inline-block;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
a:hover {
text-decoration: none; }
img {
max-width: 100%;
height:auto; }
span {
display: inline-block; }
@-webkit-keyframes pulse-1 {
0% {
width: 100%;
height: 100%;
top: 0;
left: 0; }
100% {
width: 150%;
height: 150%;
top: -25%;
left: -25%;
opacity: 0; } }
@keyframes pulse-1 {
0% {
width: 100%;
height: 100%;
top: 0;
left: 0; }
100% {
width: 150%;
height: 150%;
top: -25%;
left: -25%;
opacity: 0; } }
@media only screen and (min-width: 1200px) {
.container,.elementor-section.elementor-section-boxed > .elementor-container {
min-width: 1200px; } }
.elementor-column{  padding-left:15px; padding-right:15px; }
.elementor-column .elementor-column{  padding-left:0px; padding-right:0px; }
.elementor-section-full_width  .elementor-column{ padding-left:0px; padding-right:0px;  }
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--quaternary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 99; }
.preloader .loader {
width: 100px;
height: 100px; }
.preloader .loader img {
width: 100%; }
.scroll-to-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
visibility: hidden; }
.scroll-to-top .container {
height: 100%;
position: relative; }
.scroll-to-top .container button {
position: absolute;
bottom: 100%;
right: 15px;
width: 55px;
height: 55px;
line-height: 50px;
font-size: 22px;
color: var(--quaternary-color);
background: var(--secondary-color);;
border: 2px solid var(--quaternary-color);
border-radius: 50%;
visibility: visible; }
.scroll-to-top .container button.active {
bottom: 20px; }
.scroll-to-top .container button:hover {
color: var(--secondary-color);;
background: var(--quaternary-color);
border-color: var(--secondary-color);; }
.def-btn,
form.wpcf7-form input.def-btn {
height: 60px;
line-height: 60px;
background: var(--secondary-color);;
border: 1px solid var(--secondary-color);;
border-radius: 7px;
padding-left: 44px;
padding-right: 40px;
font-size: 17px;
font-weight: 600;
color: var(--quaternary-color); }
.def-btn i {
display: inline-block;
margin-left: 4px;
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.def-btn.def-btn-2 {
background: #F94D1C; }
.def-btn.btn-2 {
padding: 0 34px; }
.def-btn:hover,
.def-btn:focus,
form.wpcf7-form input.def-btn:hover,
form.wpcf7-form input.def-btn:focus {
background: var(--tertiary_color);
color: var(--quaternary-color); }
.def-btn:hover i,
.def-btn:focus i{
-webkit-transform: translateY(1px) translateX(7px);
-ms-transform: translateY(1px) translateX(7px);
transform: translateY(1px) translateX(7px); }
form.wpcf7-form input.def-btn { width: auto; }
.heading h2,.ata-section-title .ata-section-title {
font-size: 50px;
line-height: 60px;
font-weight: 700;
color: var(--tertiary_color);
padding-bottom: 28px;
margin-top: -7px;
margin-bottom: 0;
position: relative; }
}
.heading-2 {
text-align: center;
margin-bottom: 70px; }
.heading-2 h2 {
font-size: 40px;
line-height: 100%;
font-weight: 700;
text-transform: uppercase;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 18px; }
.heading-2 h2 span {
color: #e5eaf3; }
.heading-2 p {
font-size: 16px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: -11px; }
.clear {
overflow: hidden; } .header {
display:block;
position:relative;
top: 0;
left: 0;
width: 100%;
z-index: 11; }
.header .top-header {
background: var(--secondary-color);; }
.header .top-header .top-right ul {
padding: 20px 0 16px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.header .top-header .top-right ul li {
list-style: none;
font-size: 15px;
line-height: 100%;
font-weight: 500;
color: var(--quaternary-color);
margin-right: 55px; }
.header .top-header .top-right ul li:last-child {
margin-right: 0; }
.header .top-header .top-right ul li i {
margin-right: 11px; }
.header .bottom-header {
background: var(--tertiary_color); }
.header .bottom-header.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header.fixed-header .logo {
top: 0;
padding: 10px 15px; height:auto; }
.header .bottom-header.fixed-header .logo:after {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header .logo {
position: absolute;
top: -30px; text-align: center;
padding: 30px 20px;
z-index: 2; 
height: calc(100% + 35px);
}
.header .bottom-header .logo-wrap{
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.header .bottom-header .logo:before {
content: "";
position: absolute;
top: 0;
left: -50px;
right: -50px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 52px solid var(--tertiary_color);
opacity: 0.2;
z-index: -1; }
.header .bottom-header .logo:after {
content: "";
position: absolute;
top: -50px;
left: 0;
right: 0;
bottom: -19px;
background: var(--quaternary-color);
border-radius: 0 0 12px 10px;
-webkit-transform: skewY(15.5deg);
-ms-transform: skewY(15.5deg);
transform: skewY(15.5deg);
z-index: -1; }
.header .bottom-header .navbar .navbar-nav .nav-item {
padding: 29px 54px 25px 0; }
.header .bottom-header .side-bar-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%; }
.header .bottom-header .side-bar-btn button {
padding: 0; }
.header .bottom-header .side-bar-btn button:focus{
transform: scale(1.2);
}
.header-2 {
position: relative;
background: var(--quaternary-color);
z-index: 11; }
.header-2:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/header-bg.png) center center no-repeat;
background-size: cover;
z-index: -1; }
.header-2.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
.header-2 .navbar {
padding: 0; }
.header-2 .navbar .navbar-nav .nav-item {
padding: 0 20px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: block;
margin-top: 0;
border: 0;
border-radius: 0;
padding: 0;
width: 250px;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
font-size: 16px;
line-height: 100%;
font-weight: 500;
color: #2d2d2d;
padding: 0 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
border-bottom: 0; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
background: transparent;
color: var(--secondary-color);; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 20px; }
.header-2 .navbar .navbar-nav .nav-item .nav-link {
padding: 29px 0 25px 0;
font-size: 18px;
line-height: 100%;
font-weight: 600;
color: var(--tertiary_color); }
.header-2 .navbar .navbar-nav .nav-item .nav-link:hover {
color: var(--secondary-color);; }
.header-2 .nav-btn {
width: 100%;
text-align: right; }
.header-2 .nav-btn .def-btn {
height: 55px;
line-height: 60px;
padding: 0 30px; }
.sidebar-bg {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
overflow: hidden;
z-index: 22;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.sidebar-bg.active {
visibility: visible;
opacity: 1; }
.main-sidebar {
position: fixed;
top: 0;
right: -400px;
width: 400px;
height: 100%;
background: #F6F6F6;
padding: 25px 30px;
overflow-y: scroll;
scrollbar-color: var(--secondary-color); transparent;
scrollbar-width: thin;
z-index: 99;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-sidebar::-webkit-scrollbar {
background: transparent;
width: 5px; }
.main-sidebar::-webkit-scrollbar-thumb {
width: 10px;
background: var(--secondary-color);;
border-radius: 2px; }
.main-sidebar .close-btn {
position: absolute;
top: 10px;
right: 30px;
font-size: 27px;
color: var(--secondary-color);;
cursor: pointer; }
.main-sidebar .close-btn:hover,
.main-sidebar .close-btn:focus {
color:#000;
}
.main-sidebar .logo {
width: 120px;
height: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--quaternary-color);
border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 30px; }
.main-sidebar .side-about {
margin-bottom: 30px; }
.main-sidebar .side-about p {
font-size: 16px;
line-height: 26px;
color: var(--primary-color);
margin-top: -6px;
margin-bottom: 15px; }
.main-sidebar .links {
margin-bottom: 24px; }
.main-sidebar .links h2 {
font-size: 25px;
line-height: 100%;
font-weight: 700;
text-transform: capitalize;
color: var(--tertiary_color);
padding-bottom: 6px;
margin-bottom: 20px;
position: relative; }
.main-sidebar .links h2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 3px;
background: var(--secondary-color);;
border-radius: 1px; }
.main-sidebar .links ul {
padding: 0;
margin: 0; }
.main-sidebar .links ul li {
list-style: none; }
.main-sidebar .links ul li a {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
color: var(--primary-color);
margin-bottom: 7px; }
.main-sidebar .links ul li a:hover {
color: var(--secondary-color);; }
.main-sidebar .side-contact {
margin-bottom: 30px; }
.main-sidebar .side-contact h2 {
font-size: 25px;
line-height: 100%;
font-weight: 700;
text-transform: capitalize;
color: var(--tertiary_color);
padding-bottom: 6px;
margin-bottom: 21px;
position: relative; }
.main-sidebar .side-contact h2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 3px;
background: var(--secondary-color);;
border-radius: 1px; }
.main-sidebar .side-contact ul {
padding: 0;
margin: 0; }
.main-sidebar .side-contact ul li {
list-style: none;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-left: 45px;
margin-bottom: 9px;
position: relative; }
.main-sidebar .side-contact ul li i {
position: absolute;
top: 4px;
left: 0;
text-align: center;
width: 30px;
height: 30px;
line-height: 32px;
font-size: 14px;
color: var(--quaternary-color);
background: var(--tertiary_color);
border-radius: 50%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-sidebar .side-contact ul li span {
display: block;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
margin-top: 3px; }
.main-sidebar .socials h2 {
font-size: 25px;
line-height: 100%;
font-weight: 700;
text-transform: capitalize;
color: var(--tertiary_color);
padding-bottom: 6px;
margin-bottom: 25px;
position: relative; }
.main-sidebar .socials h2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 3px;
background: var(--secondary-color);;
border-radius: 1px; }
.main-sidebar .socials a {
text-align: center;
width: 35px;
height: 35px;
line-height: 37px;
font-size: 15px;
color: var(--quaternary-color);
background: var(--tertiary_color);
border-radius: 50%;
margin-right: 6px; }
.main-sidebar .socials a:last-child {
margin-right: 0; }
.main-sidebar .socials a:hover {
color: var(--quaternary-color);
background: var(--secondary-color);; }
.main-sidebar.active {
right: 0; }
.banner {
overflow: hidden;  }
.banner .slider {
position: relative;
z-index: 2; }
.banner .slider:after {
content: "";
position: absolute;
top: 0px;
left: 0;
bottom: 0;
width: 100%;
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/banner-overlay.png) center center no-repeat;
background-size: cover;
z-index: -99; }
.banner .slider .banner-txt,
#home-static-banner .part-txt{
height: 100vh;
display:flex;
align-items: center;
justify-content: center;
} .banner .slider .banner-txt h1,
#home-static-banner .part-txt h1 {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -7px;
margin-bottom: 15px; }
.banner .slider .banner-txt h1 span,
#home-static-banner .part-txt h1 span {
color: var(--secondary-color);; }
.banner .slider .banner-txt p,
.banner .slider .banner-txt div.txt,
#home-static-banner .part-txt div.txt{
font-size: 20px;
line-height: 38px;
font-weight: 500;
color: var(--quaternary-color);
margin-bottom: 36px; }
.banner .owl-dots {
position: absolute;
width: 1200px;
padding: 0 15px;
bottom: 50px;
left: 50%;
margin-left: -600px;
z-index: 3; }
.banner .owl-dots .owl-dot {
width: 12px;
height: 12px;
background: var(--secondary-color);;
border-radius: 50%;
margin-right: 15px; }
.banner .owl-dots .owl-dot:last-child {
margin-right: 0; }
.banner .owl-dots .owl-dot.active {
background: var(--quaternary-color); }
.banner-2 .banner-txt {
padding: 240px 0; }
.banner-2 .banner-txt h1 {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -8px;
margin-bottom: 15px; }
.banner-2 .banner-txt h1 span {
color: var(--secondary-color);; }
.banner-2 .banner-txt p {
font-size: 20px;
line-height: 38px;
font-weight: 500;
color: var(--quaternary-color);
margin-bottom: 31px; }
.about {
padding: 120px 0; }
.about.about-2 .part-txt h4 {
margin-bottom: 25px; }
.about.about-2 .part-txt h2 {
margin-bottom: 6px; }
.about.about-2 .part-txt h2 span {
font-size: 60px;
color: var(--secondary-color);; }
.about.about-2 .part-txt p {
margin-bottom: 13px; }
.about.about-2 .part-txt .def-btn {
margin-top: 17px; }
.about.about-2 .part-img {
padding-right: 0; }
.about.about-2 .part-img img {
max-width: 100%; }
.about .part-img {
padding-right: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.about .part-img img {
max-width: inherit;
width: auto; }
.about .part-txt h4,
.ata-section-title .sub-heading{
line-height: 100%;
font-weight: 700;
text-transform: capitalize;
color: var(--secondary-color);
margin-top: -2px;
margin-bottom: 16px;
position: relative;
display: block;
}
.about .part-txt h4:after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 60px;
height: 3px;
background: var(--secondary-color);;
border-radius: 1px; }
.about .part-txt h2 {
font-size: 49px;
line-height: 58px;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 7px; }
.about .part-txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: -10px; }
.about .part-txt p.b {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 20px; }
.about .part-txt .single-box,
.jummbox-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 20px;
border-radius: 10px;
margin-bottom: 24px;
background: var(--tertiary_color);}
.about .part-txt .single-box.two {
background: var(--secondary-color);; }
.about .part-txt .single-box .icon,
.jummbox-btn .icon {
width: 60px;
height: 60px;
background: var(--quaternary-color);
border-radius: 50%;
padding: 17px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 14px;
font-size:30px;
color:#000;}
.about .part-txt .single-box .icon img {
width: auto;
min-height: 100%; }
.about .part-txt .single-box h3,
.jummbox-btn .txt {
font-size: 25px;
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -5px;
margin-bottom: -4px; }
.jummbox-btn .txt {
padding-top:2px;
}
.service {
background: #F6F6F6; }
.service-wrap .owl-item .single-box{
margin-bottom:50px;
}
.service .service-slider {
margin-bottom: -5px; }
.service .service-slider .owl-stage-outer {
padding-bottom: 5px; }
.service .service-slider .owl-stage-outer .single-box,
.service-wrap .single-box {
padding: 15px;
position: relative;
z-index: 2;
margin-bottom: 35px; }
.service .service-slider .owl-stage-outer .single-box:before,
.service-wrap .single-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--secondary-color);;
border-radius: 11px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: -1; }
.service .service-slider .owl-stage-outer .single-box:after,
.service-wrap .single-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--quaternary-color);
border-radius: 10px;
z-index: -1; }
.service .service-slider .owl-stage-outer .single-box .part-img,
.service-wrap .single-box .img-box {
border-radius: 10px;
position: relative;
overflow: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.service .service-slider .owl-stage-outer .single-box .part-img .overlay,
.service-wrap .single-box .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 33, 91, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.service .service-slider .owl-stage-outer .single-box .part-img .overlay a,
.service-wrap .single-box .overlay a {
text-align: center;
font-family: auto;
width: 60px;
height: 60px;
line-height: 60px;
background: var(--secondary-color);;
color: var(--quaternary-color);
border-radius: 50%;
font-size: 20px;
margin-top: 100px; }
.service .service-slider .owl-stage-outer .single-box .part-img .overlay a:hover {
background: var(--quaternary-color);
color: var(--tertiary_color); }
.service .service-slider .owl-stage-outer .single-box .part-txt,
.service-wrap .single-box .part-txt {
text-align: center;
padding:35px 20px 20px 20px; }
.service .service-slider .owl-stage-outer .single-box .part-txt a,
.service-wrap .single-box .part-txt a {
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 20px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.service .service-slider .owl-stage-outer .single-box .part-txt p,
.service-wrap .single-box .part-txt p {
color: var(--primary-color);
margin-bottom: -11px; }
.service .service-slider .owl-stage-outer .single-box:hover:before,
.service-wrap .single-box:hover:before {
top: 5px; }
.service .service-slider .owl-stage-outer .single-box:hover .part-img .overlay,
.service-wrap .single-box:hover .img-box .overlay{
opacity: 1; }
.service .service-slider .owl-stage-outer .single-box:hover .part-img .overlay a,
.service-wrap .single-box:hover .img-box .overlay a {
margin-top: 0; }
.service .service-slider .owl-stage-outer .single-box:hover .part-txt a,
.service-wrap .single-box .part-txt a:hover {
color: var(--secondary-color); }
.service .service-slider .owl-nav {
position: absolute;
top: 50%;
left: -160px;
right: -160px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
visibility: hidden; }
.service .service-slider .owl-nav.disabled {
display: none; }
.service .service-slider .owl-nav button {
text-align: center;
width: 60px;
height: 60px;
line-height: 65px;
font-size: 20px;
background: var(--tertiary_color);
color: var(--quaternary-color);
border-radius: 50%;
visibility: visible; }
.service .service-slider .owl-nav button:hover {
background: var(--secondary-color);; }
.service-2 .service-boxes .single-box {
text-align: center; margin-bottom: 35px; }
.service-2 .service-boxes .single-box .wrap {
border-radius: 10px;
overflow: hidden; }
.service-2 .service-boxes .single-box .wrap .part-img {
min-height:100px;
display:block;
}
.service-2 .service-boxes .single-box .wrap .part-txt {
text-align: center;
padding: 0 35px;
position: relative;
z-index: 2; }
.service-2 .service-boxes .single-box .wrap .part-txt:before {
content: "";
position: absolute;
top: -52px;
left: 50%;
width: 710px;
height: 710px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #F6F6F6;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: -1; }
.service-2 .service-boxes .single-box .wrap .part-txt:after {
content: "";
position: absolute;
top: -42px;
left: 50%;
width: 690px;
height: 690px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 2px solid #F6F6F6;
border-radius: 50%;
z-index: -1; }
.service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
width: 85px;
height: 85px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 3px solid var(--quaternary-color);
background: var(--secondary-color);;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
border-radius: 50%;
-webkit-transform: translateY(-94px);
-ms-transform: translateY(-94px);
transform: translateY(-94px);
margin: 0 auto -56px; font-size:40px; color:var(--quaternary-color); }
.service-2 .service-boxes .single-box .wrap .part-txt .part-icon img {
width: auto; }
.service-2 .service-boxes .single-box .wrap .part-txt h3 {
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 25px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.service-2 .service-boxes .single-box .wrap .part-txt p {
font-size: 16px;
line-height: 29px;
margin-bottom: 59px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.service-2 .service-boxes .single-box .details-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 21px;
font-weight: 500;
color: var(--quaternary-color);
background: var(--tertiary_color);
border-radius: 50%;
-webkit-transform: translateY(-30px) translateX(-50%);
-ms-transform: translateY(-30px) translateX(-50%);
transform: translateY(-30px) translateX(-50%);
margin-left: 50%;
margin-bottom: -30px;
position: relative;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 3; 
border: 2px solid var(--tertiary_color);
text-decoration: none;!important;
}
.service-2 .service-boxes .single-box:hover .wrap .part-txt:before {
background: var(--secondary-color);; }
.service-2 .service-boxes .single-box:hover .wrap .part-txt .part-icon {
background: var(--tertiary_color); }
.service-2 .service-boxes .single-box:hover .wrap .part-txt h3, .service-2 .service-boxes .single-box:hover .wrap .part-txt p {
color: #fff!important; }
.service-2 .service-boxes .single-box:hover .details-btn {
color: var(--tertiary_color);
background: #fff!important;}
.fun-fact .bg {
position: relative;
background: var(--secondary-color);;
border-radius: 10px;
z-index: 3; }
.fun-fact .bg .single-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 75px 0; }
.fun-fact .bg .single-box .txt {
padding-left: 40px;
position: relative;
z-index: 2; }
.fun-fact .bg .single-box .txt:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 120px;
height: 120px;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--quaternary-color);
opacity: 0.09;
z-index: -1;
margin-top: -1px;}
.fun-fact .bg .single-box .txt h2 {
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -7px;
margin-bottom: 3px; }
.fun-fact .bg .single-box .txt h2 .odometer-formatting-mark {
display: none; }
.fun-fact .bg .single-box .txt p {
font-size: 18px;
line-height: 100%;
font-weight: 600;
color: var(--quaternary-color);
margin-bottom: -5px; }
.fun-fact-2 {
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/fun-fact-bg.jpg) center center no-repeat;
background-size: cover;  }
.fun-fact-2 .fun-fact-last .single-box:before,
.fun-fact-2 .fun-fact-last .single-box:after{
display:none; 
}
.fun-fact-2 .single-box {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 80px 0;
position: relative; }
.fun-fact-2 .single-box.last:before, .fun-fact-2 .single-box.last:after {
display: none; }
.fun-fact-2 .single-box:before {
content: "";
position: absolute;
top: 50%;
right: -17.5px;
width: 35px;
height: 35px;
background: var(--quaternary-color);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.2; }
.fun-fact-2 .single-box:after {
content: "";
position: absolute;
top: 50%;
right: -5.5px;
width: 11px;
height: 11px;
background: var(--quaternary-color);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.fun-fact-2 .single-box .txt h2 {
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
padding-bottom: 17px;
margin-top: -8px;
margin-bottom: 17px;
position: relative; }
.fun-fact-2 .single-box .txt h2:after {
content: "//";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: var(--quaternary-color);
font-size: 15px;
line-height: 100%; }
.fun-fact-2 .single-box .txt h2 .odometer-formatting-mark {
display: none; }
.fun-fact-2 .single-box .txt p {
font-size: 18px;
line-height: 100%;
font-weight: 600;
color: var(--quaternary-color);
margin-bottom: -5px; }
.project .title {
margin-bottom: 72px; }
.project .title h2 {
font-size: 50px;
line-height: 62px;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -10px;
margin-bottom: 0; }
.project .project-slider .single-box,
.project-wrap .single-box{
border-radius: 10px;
margin-bottom: 30px;
overflow: hidden;
position: relative; }
.project .project-slider .single-box:after,
.project-wrap .single-box:after{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--secondary-color);;
opacity: 0;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 1; }
.project .project-slider .single-box .part-txt,
.project-wrap .single-box .part-txt{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px;
z-index: 2; }
.project .project-slider .single-box .part-txt .txt,
.project-wrap .single-box .part-txt .txt {
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.project-wrap .single-box:hover .part-txt .txt{
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}  
.project .project-slider .single-box .part-txt .txt h3,
.project-wrap .single-box .part-txt .txt h3,
.project .project-slider .single-box .part-txt .project-heading,
.project-wrap .single-box .part-txt .project-heading {
line-height: 120%;
color: var(--quaternary-color);
margin-bottom: 25px; }
.project .project-slider .single-box .part-txt .txt p,
.project-wrap .single-box .part-txt .txt p {
font-size: 16px;
line-height: 100%;
font-weight: 500;
color: var(--quaternary-color);
margin-bottom: 0; }
.project .project-slider .single-box .part-txt .details-btn,
.project-wrap .single-box .part-txt .details-btn{
text-align: right;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: absolute;
bottom: 20px;
right: -20px;
}
.project .project-slider .single-box .part-txt .details-btn a,
.project-wrap .single-box .part-txt .details-btn a {
text-align: center;
width: 60px;
height: 60px;
line-height: 66px;
font-size: 25px;
font-weight: 500;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 50%; }
.project .project-slider .single-box .part-txt .details-btn a:hover,
.project-wrap .single-box .part-txt .details-btn a:hover {
color: var(--quaternary-color);
background: var(--tertiary_color); }
.project .project-slider .single-box:hover:after,
.project-wrap .single-box:hover:after{
opacity: 0.9; }
.project .project-slider .single-box:hover .part-txt .txt, 
.project .project-slider .single-box:hover .part-txt .details-btn
.project-wrap .single-box:hover .part-txt .txt,
.project-wrap .single-box:hover .part-txt .details-btn
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.project .project-slider .single-box:hover .part-txt .details-btn,
.project-wrap .single-box:hover .part-txt .details-btn{
right: 20px;
}
.project .project-slider .owl-nav {
position: absolute;
top: -130px;
right: 0; }
.project .project-slider .owl-nav button {
text-align: center;
width: 60px;
height: 60px;
line-height: 65px;
font-size: 20px;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 50%; }
.project .project-slider .owl-nav button.owl-prev {
margin-right: 20px; }
.project .project-slider .owl-nav button:hover {
color: var(--quaternary-color);
background: var(--secondary-color);; }
.recent-work {
background-size: cover; }
.recent-work .main-title {
font-size: 45px;
line-height: 100%;
font-weight: 700;
text-transform: uppercase;
color: var(--quaternary-color);
margin-top: -1px;
margin-bottom:57px; }
.recent-work .main-title span {
color: var(--primary-color); }
.recent-work .wrap {
max-width: 1770px;
width: 100%;
padding: 0 15px;
margin: 0 auto; }
.recent-work .wrap .works .work-slider .slick-list {
border-radius: 10px; }
.recent-work .wrap .works .work-slider .slick-list .single-box {
margin: 0 25px;
border-radius: 10px;
overflow: hidden;
position: relative; }
.recent-work .wrap .works .work-slider .slick-list .single-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(244, 89, 5, 0.9);
opacity: 0;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 1; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0;
z-index: 2; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
font-size: 140px;
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-bottom: 61px;
opacity: 0.15; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 70px 50px;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
font-size: 40px;
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-bottom: 19px; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
font-size: 20px;
line-height: 100%;
font-weight: 500;
color: var(--quaternary-color);
margin-bottom: -5px; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
text-align: center;
width: 62px;
height: 62px;
line-height: 67px;
font-size: 25px;
font-weight: 500;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 50%; }
.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn:hover {
color: var(--quaternary-color);
background: var(--tertiary_color); }
.recent-work .wrap .works .work-slider .slick-list .single-box:hover:after {
opacity: 1; }
.recent-work .wrap .works .work-slider .slick-list .single-box:hover .part-txt {
opacity: 1; }
.recent-work .wrap .works .work-slider .slick-list .single-box:hover .part-txt .txt {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.recent-work .wrap .works .work-slider .slick-arrow {
position: absolute;
top: -140px;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
visibility: hidden; }
.recent-work .wrap .works .work-slider .slick-arrow button {
text-align: center;
width: 60px;
height: 60px;
line-height: 62px;
font-size: 20px;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 50%;
visibility: visible; }
.recent-work .wrap .works .work-slider .slick-arrow button.slick-prev {
margin-right: 80px; }
.recent-work .wrap .works .work-slider .slick-arrow button:hover {
background: var(--secondary-color);;
color: var(--quaternary-color); }
.recent-work .wrap .works .work-slider .slick-dots {
padding: 0;
margin: 70px auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
background: var(--quaternary-color);
border-radius: 4px;
height: 8px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow: hidden; }
.recent-work .wrap .works .work-slider .slick-dots li button {
width: 210px;
height: 8px;
border-radius: 4px;
text-indent: -9999px; }
.recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
width: 260px;
background: var(--secondary-color);; }
.testimonial .client-area {
border-radius: 10px;
position: relative;
overflow: hidden;
width: 85%; }
.testimonial .client-area .client-slider {
position: relative; }
.testimonial .client-area .client-slider .scale {
width: 100%;
opacity: 0; }
.testimonial .client-area .client-slider .single-client {
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 100%;
overflow: hidden; }
.testimonial .client-area .client-slider .single-client .part-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.testimonial .client-area .client-slider .single-client .part-img.active {
opacity: 1; }
.testimonial .client-area .client-slider .single-client .part-img {
}
.testimonial .client-area .img {
position: absolute;
left: -133px;
bottom: -166px;
width: 413px;
height: 413px;
background: var(--secondary-color);;
border: 65px solid var(--quaternary-color);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 70px;
padding-right: 70px; }
.testimonial .comment-slider {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.testimonial .comment-slider .single-comment {
text-align: left;
}
.testimonial .comment-slider .single-comment .icon {
text-align: center;
width: 75px;
height: 75px;
line-height: 82px;
font-size: 40px;
background: var(--secondary-color);;
color: var(--quaternary-color);
border-radius: 10px;
margin-bottom: 43px; }
.testimonial .comment-slider .single-comment p {
color: var(--tertiary_color);
margin-bottom: 36px; }
.testimonial .comment-slider .single-comment h4 {
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 0px;
}
.testimonial .comment-slider .single-comment span {
font-size: 18px;
line-height: 100%;
font-weight: 500;
color: var(--secondary-color);; }
.testimonial .comment-slider .owl-dots {
height: 78px;
padding-top: 72px; }
.testimonial .comment-slider .owl-dots .owl-dot {
width: 45px;
height: 6px;
background: var(--tertiary_color);
border-radius: 3px;
margin-right: 15px; }
.testimonial .comment-slider .owl-dots .owl-dot.active {
background: var(--secondary-color);; }
.testimonial .comment-slider .owl-dots .owl-dot:last-child {
margin-right: 0; }
.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt {
background: var(--secondary-color);; }
.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt:after {
-webkit-text-stroke-color: var(--quaternary-color);
opacity: 0.2; }
.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt p, .testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt h3, .testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt span {
color: #fff!important; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
width: 79px;
height: 79px;
border: 3px solid var(--quaternary-color);
border-radius: 50%;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin-bottom: -46px;
position: relative;
z-index: 3; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
text-align: center;
background: #F6F6F6;
border-radius: 10px;
padding: 82px 45px 40px;
position: relative;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt:after {
content: "\efcd";
font-family: "Icofont";
font-size: 125px;
line-height: 100%;
color: transparent;
-webkit-text-stroke: 2px var(--tertiary_color);
position: absolute;
top: 60px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0.1;
z-index: -1; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
font-size: 17px;
line-height: 26px;
font-weight: 500;
color: #354b72;
margin-bottom: 35px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
font-size: 25px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 12px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
display: block;
font-size: 13px;
line-height: 100%;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.3px;
color: var(--secondary-color);;
margin-bottom: -3px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.testimonial-2 .comment-slider-2 .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 70px; }
.testimonial-2 .comment-slider-2 .owl-dots.disabled{ display: none; }
.testimonial-2 .comment-slider-2 .owl-item{ margin-bottom: 35px; }
.testimonial-2 .comment-slider-2 .owl-dots .owl-dot {
width: 45px;
height: 6px;
background: var(--tertiary_color);
border-radius: 3px;
margin-right: 15px; }
.testimonial-2 .comment-slider-2 .owl-dots .owl-dot.active {
background: var(--secondary-color);; }
.testimonial-2 .comment-slider-2 .owl-dots .owl-dot:last-child {
margin-right: 0; }
.team .single-box {
background: var(--quaternary-color);
border-radius: 10px;
padding: 15px;
margin-bottom: 35px;
position: relative;
overflow: hidden;
z-index: 2;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.team .single-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/team-vector.jpg) center center no-repeat;
background-size: cover;
border-radius: 10px;
opacity: 0;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: -1; }
.team .single-box:after {
content: "";
position: absolute;
bottom: -35px;
left: -15px;
width: 50px;
height: 100px;
border: 12px solid rgba(244, 89, 5, 0.13);
-webkit-transform: skewY(30deg);
-ms-transform: skewY(30deg);
transform: skewY(30deg);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: -1; }
.team .single-box .part-img {
border-radius: 10px;
overflow: hidden; }
.team .single-box .part-txt {
text-align: center;
padding: 35px 20px 20px 20px; position: relative; }
.team .single-box .part-txt .social {
margin-top: -18px;
position: absolute;
left: 0px;
right: 0px;
text-align: center;
top: -42px;
}
.team .single-box .part-txt .social a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
border: 1px solid #e9e4e1;
border-radius: 50%;
color: var(--tertiary_color);
background: var(--quaternary-color);
margin-right: 11px; }
.team .single-box .part-txt .social a:last-child {
margin-right: 0; }
.team .single-box .part-txt .social a:hover {
background: var(--tertiary_color);
color: var(--quaternary-color); }
.team .single-box .part-txt .title {
display: block;
font-size: 26px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 12px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.team .single-box .part-txt p {
font-size: 13px;
line-height: 100%;
font-weight: 600;
color: var(--secondary-color);;
letter-spacing: 1.3px;
margin-bottom: -3px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.team .single-box:hover:before {
opacity: 1; }
.team .single-box:hover:after {
border-color: var(--quaternary-color); }
.team .single-box:hover .part-txt .title, .team .single-box:hover .part-txt p {
color: var(--quaternary-color); }
.blog-wrap {}
.blog-wrap .single-box {
position: relative;
z-index: 2; }
.blog-wrap .single-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--secondary-color);;
border-radius: 11px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: -1; }
.blog-wrap .single-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #F6F6F6;
border-radius: 10px;
z-index: -1; }
.blog-wrap .single-box .part-img {
border-radius: 10px;
overflow: hidden; }
.blog-wrap .single-box .part-txt {
padding: 30px 30px 20px 30px; }
.blog-wrap .single-box .part-txt .blog-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px; }
.blog-wrap .single-box .part-txt .blog-info .date {
height: 45px;
line-height: 48px;
font-size: 16px;
font-weight: 500;
padding: 0 20px;
color: var(--quaternary-color);
background: var(--secondary-color);;
border-radius: 5px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.blog-wrap .single-box .part-txt .blog-info .admin {
height: 45px;
line-height: 48px;
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color); }
.blog-wrap .single-box .part-txt .blog-info .admin .name {
font-weight: 700;
color: var(--secondary-color); }
.blog-wrap .single-box .part-txt .entry-title,
.blog-wrap .single-box .part-txt .content-wrap{
margin: 0px;
padding: 0px 0px 15px 0px;
}
.blog-wrap .single-box .entry-title a {
font-weight: 700;
color: var(--tertiary_color);
text-decoration:none; }
.blog-wrap .single-box .entry-title a:hover,
.blog-wrap .single-box .entry-title a:focus {
color: var(--secondary-color);; }
.blog-wrap .single-box .part-txt p {
color: var(--primary-color);
margin-bottom: -10px; }
.blog-wrap .single-box:hover:before {
bottom: -5px; }
.blog-wrap .single-box:hover .part-txt .blog-info .date {
background: var(--tertiary_color); }
.blog-2 {
padding: 120px 0; }
.blog-2 .single-box {
border-radius: 10px;
background: #F6F6F6;
overflow: hidden;
position: relative;
z-index: 2; }
.blog-2 .single-box:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: var(--secondary-color);;
border-radius: 10px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: -1; }
.blog-2 .single-box .part-img {
border-radius: 10px;
overflow: hidden;
position: relative; }
.blog-2 .single-box .part-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: -5px;
right: 0;
background: rgba(0, 33, 91, 0.4);
border-bottom: 5px solid var(--quaternary-color);
border-radius: 10px;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
z-index: 1; }
.blog-2 .single-box .part-img .date {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2; }
.blog-2 .single-box .part-img .date span {
height: 45px;
line-height: 48px;
font-size: 16px;
font-weight: 500;
color: var(--quaternary-color);
background: var(--secondary-color);;
padding: 0 20px;
border-radius: 5px; }
.blog-2 .single-box .part-txt {
padding: 40px; }
.blog-2 .single-box .part-txt ul {
padding: 0;
margin-top: -1px;
margin-bottom: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-2 .single-box .part-txt ul li {
list-style: none;
font-size: 14px;
line-height: 100%;
font-weight: 700;
color: #7d8189;
margin-right: 20px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.blog-2 .single-box .part-txt ul li:last-child {
margin-right: 0; }
.blog-2 .single-box .part-txt ul li span {
color: var(--secondary-color);;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.blog-2 .single-box .part-txt ul li span.color-1 {
color: var(--tertiary_color); }
.blog-2 .single-box .part-txt a {
font-size: 22px;
line-height: 32px;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 13px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.blog-2 .single-box .part-txt p {
font-size: 16px;
line-height: 27px;
color: var(--primary-color);
margin-bottom: -5px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.blog-2 .single-box:hover:after {
height: 100%; }
.blog-2 .single-box:hover .part-img:after {
bottom: 0; }
.blog-2 .single-box:hover .part-txt ul li {
color: var(--tertiary_color); }
.blog-2 .single-box:hover .part-txt ul li span {
color: var(--quaternary-color); }
.blog-2 .single-box:hover .part-txt a, .blog-2 .single-box:hover .part-txt p {
color: var(--quaternary-color); }
.partner {
padding: 90px 0;
background: #F6F6F6; }
.partner .partner-slider .single-partner {
width: 100%;
height: 122px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.partner .partner-slider .single-partner img {
width: auto;
height: 100%; }
.partner .partner-slider .single-partner:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.footer {
background: #152D57;}
.footer .main-footer {
padding: 100px 0; }
.footer .main-footer .widget{
padding-left: 30px;
}
.footer .main-footer h3.title {
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -2px;
margin-bottom: 20px;
padding-bottom:20px;
position: relative; }
.footer .main-footer h3.title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 5px;
background: var(--secondary-color);;
border-radius: 3px; }
.footer .main-footer .site-info .logo,
#secondary .site-info .logo{
width: 120px;
height: 120px;
background: var(--quaternary-color);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 41px; }
.footer .main-footer .site-info p,
#secondary .site-info p {
font-size: 16px;
line-height: 32px;
color: var(--quaternary-color);
margin-bottom: 10px; }
.footer .main-footer .site-info .social a,
#secondary .site-info .social a{
text-align: center;
width: 40px;
height: 40px;
line-height: 43px;
font-size: 16px;
color: var(--tertiary_color)!important;
background: var(--quaternary-color);
border-radius: 5px;
margin-right: 10px; }
.footer .main-footer .site-info .social i,
#secondary .site-info .social i {
line-height: 40px;
}
#secondary .site-info .social{ margin-top: 20px; }
.footer .main-footer .site-info .social a:last-child {
margin-right: 0; }
.footer .main-footer .site-info .social a:hover,
#secondary .site-info .social a:hover {
color: var(--quaternary-color)!important;
background: var(--secondary-color)!important; }
.footer .main-footer .footer-contact ul {
padding: 0;
margin-top: -9px;
margin-bottom: -9px; }
.footer .main-footer .footer-contact ul li {
list-style: none;
color: var(--quaternary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 40px;}
.footer .main-footer .footer-contact ul li:last-child {
margin-bottom: 0; }
.footer .main-footer .footer-contact ul li span {
font-size: 17px;
color: var(--secondary-color);;
margin-right: 20px; }
.footer .main-footer .footer-service ul {
padding: 0;
margin-top: -13px;
margin-bottom: -14px; }
.footer .main-footer .footer-service ul li {
list-style: none;
}
.footer .main-footer .footer-service ul li a {
color: var(--quaternary-color); }
.footer .main-footer .footer-service ul li a span {
margin-right: 16px; }
.footer .main-footer .footer-service ul li a:hover {
color: var(--secondary-color);; }
.footer .main-footer .gallery .images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-bottom: -15px; }
.footer .main-footer .gallery .images .single-img {
margin-right: 15px;
margin-bottom: 15px;
border-radius: 10px;
overflow: hidden; }
.footer .copyright {
background: #011C4C;
text-align: center; }
.footer .copyright .text-wrap {
font-size: 16px;
line-height: 100%;
color: var(--quaternary-color);
margin-top: -1px;
padding-top: 25px;
margin-bottom: 0;
padding-bottom: 21px; }
.footer .copyright .dev_info{
display:block;
padding-top:10px;
font-size:14px;  
}
.footer-2 .main-footer h3.title {
font-size: 35px;
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -2px;
margin-bottom: 50px;
padding-bottom: 46px;
position: relative; }
.footer-2 .main-footer h3.title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 5px;
background: var(--secondary-color);;
border-radius: 3px; }
.footer-2 .main-footer .footer-contact {
padding: 120px 0; }
.footer-2 .main-footer .footer-contact ul {
padding: 0;
margin-top: -9px;
margin-bottom: -9px; }
.footer-2 .main-footer .footer-contact ul li {
list-style: none;
color: var(--quaternary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 32px;
margin-bottom: 12px; }
.footer-2 .main-footer .footer-contact ul li:last-child {
margin-bottom: 0; }
.footer-2 .main-footer .footer-contact ul li span {
font-size: 17px;
color: var(--secondary-color);;
margin-right: 20px; }
.footer-2 .main-footer .site-info {
background: rgba(244, 89, 5, 0.18);
text-align: center;
position: relative;
padding: 120px 90px; }
.footer-2 .main-footer .site-info:before {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 3px;
height: 300px;
background: var(--secondary-color);;
border-radius: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.footer-2 .main-footer .site-info:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
width: 3px;
height: 300px;
background: var(--secondary-color);;
border-radius: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.footer-2 .main-footer .site-info .logo {
width: 120px;
height: 120px;
background: var(--quaternary-color);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 50px; }
.footer-2 .main-footer .site-info p {
font-size: 16px;
line-height: 32px;
color: var(--quaternary-color);
margin-top: -9px;
margin-bottom: 38px; }
.footer-2 .main-footer .site-info .social a {
text-align: center;
width: 40px;
height: 40px;
line-height: 43px;
font-size: 14px;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 5px;
margin-right: 10px; }
.footer-2 .main-footer .site-info .social a:last-child {
margin-right: 0; }
.footer-2 .main-footer .site-info .social a:hover {
color: var(--quaternary-color);
background: var(--secondary-color);; }
.footer-2 .main-footer .footer-service {
padding: 120px 0; }
.footer-2 .main-footer .footer-service ul {
padding: 0;
margin-top: -13px;
margin-bottom: -14px; }
.footer-2 .main-footer .footer-service ul li {
list-style: none;
font-size: 16px;
line-height: 41px; }
.footer-2 .main-footer .footer-service ul li a {
color: var(--quaternary-color); }
.footer-2 .main-footer .footer-service ul li a span {
margin-right: 16px; }
.footer-2 .main-footer .footer-service ul li a:hover {
color: var(--secondary-color);; }
.footer-2 .copyright {
background: #011C4C;
text-align: center; }
.footer-2 .copyright p {
font-size: 16px;
line-height: 100%;
color: var(--quaternary-color);
margin-top: -1px;
padding-top: 25px;
margin-bottom: 0;
padding-bottom: 21px; } .site-hero-section,
#home-static-banner{
padding: 0; margin-bottom: 0;
background: #F6F6F6;
background-size: cover;
border-radius: 0;
position: relative;
z-index: 2;
color:var(--quaternary-color);}
.site-hero-section:after,
#home-static-banner:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/breadcrumb-overlay.png) center center no-repeat;
background-size: cover;
z-index: -1; }
.site-hero-section .part-txt {
display:flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
min-height: 60vh;
}
.site-hero-section .part-txt .flex-wrap{
padding: 50px 0px;
}
.site-hero-section .part-txt .txt {
padding-bottom: 30px;
}
.site-hero-section .part-txt h1 {
font-size: 60px;
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-top: -4px;
margin: 24px 0px;
font-family: var(--heading-font); }
.site-hero-section .part-txt ul.breadcrumbs {
padding: 0;
margin-bottom: -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.site-hero-section .part-txt ul.breadcrumbs li {
list-style: none;
font-size: 17px;
line-height: 100%;
font-weight: 500;
color: var(--quaternary-color);
margin-right: 11px;
color: #eaeaea;
position:relative;
padding-right:30px;
}
.site-hero-section .part-txt ul.breadcrumbs li a:hover,
.site-hero-section .part-txt ul.breadcrumbs li a:focus{
color: var(--quaternary-color);
}
.site-hero-section .part-txt ul.breadcrumbs li:after {
content:"\ea7c";
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
position:absolute;
right:0px;
}
.site-hero-section .part-txt ul li.current {
color: var(--secondary-color);; }
.site-hero-section .part-txt ul li:last-child {
margin-right: 0; }
.site-hero-section .part-txt ul.breadcrumbs li:last-child:after{
display:none;	
}
.footer-inner .main-footer {
position: relative; }
.footer-inner .main-footer:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: var(--secondary-color);; }
.about-inner .part-img {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.about-inner .boxes {
padding-top: 80px; }
.about-inner .boxes .single-box {
background: #F6F6F6;
border-radius: 10px;
padding: 55px 50px; }
.about-inner .boxes .single-box h3 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: -2px; }
.about-inner .boxes .single-box p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-top: 28px;
margin-bottom: -15px; }
.service-inner .single-box {
margin-bottom: 30px; }
.cta {
background: url(//www.titansconcreteinc.com/wp-content/themes/consted/assets/image/cta-bg.jpg) center center no-repeat;
background-size: cover; }
.cta .part-txt h2 {
font-size: 50px;
line-height: 65px;
font-weight: 700;
color: var(--quaternary-color);
padding: 75px 0;
margin-top: -7px;
margin-bottom: -20px; }
.cta .def-btn {
background: var(--quaternary-color);
border-color: var(--quaternary-color);
color: var(--tertiary_color); }
.cta .def-btn:hover {
background: var(--tertiary_color);
color: var(--quaternary-color); }
.service-details {
padding: 120px 0; }
.service-details .main-content {
margin-left: -30px; }
.service-details .main-content .part-img {
border-radius: 10px;
overflow: hidden;
margin-bottom: 50px; }
.service-details .main-content .part-txt {
margin-bottom: -23px; }
.service-details .main-content .part-txt h2 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 26px; }
.service-details .main-content .part-txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 13px; }
.service-details .main-content .part-txt h3 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
padding-top: 20px;
margin-bottom: 26px; }
.service-details .main-content .part-txt .quote {
background: var(--secondary-color);;
border-radius: 10px;
padding: 40px 70px 35px;
text-align: center;
margin-top: 30px;
margin-bottom: 18px;
position: relative;
z-index: 2; }
.service-details .main-content .part-txt .quote:after {
content: "“";
position: absolute;
top: 3%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 455px;
line-height: 100%;
font-weight: 700;
color: rgba(255, 255, 255, 0.22);
z-index: -1; }
.service-details .main-content .part-txt .quote span {
font-size: 28px;
line-height: 35px;
font-weight: 700;
color: var(--quaternary-color); }
.service-details .sidebar { }
.service-details .sidebar h2 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 28px; }
.service-details .sidebar .nav {
margin-bottom: 50px; }
.service-details .sidebar .nav .nav-link {
height: 55px;
line-height: 55px;
font-size: 17px;
color: var(--primary-color);
padding: 0 30px;
border: 1px solid #e1e1e1;
border-radius: 5px;
margin-bottom: 12px; }
.service-details .sidebar .nav .nav-link:last-child {
margin-bottom: 0; }
.service-details .sidebar .nav .nav-link span {
margin-right: 15px; }
.service-details .sidebar .nav .nav-link:hover {
background: var(--secondary-color);;
border-color: var(--secondary-color);;
color: var(--quaternary-color); }
.service-details .sidebar .download-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 60px;
line-height: 65px;
font-size: 19px;
font-weight: 700;
color: var(--quaternary-color);
background: var(--tertiary_color);
border-radius: 5px;
padding: 0 30px;
margin-bottom: 15px; }
.service-details .sidebar .download-btn.two {
background: var(--secondary-color);;
margin-bottom: 0; }
.team-inner {
padding-bottom: 90px;
background: transparent; }
.team-inner .single-box {
margin-bottom: 30px;
background: #F6F6F6; }
.team-details {
padding-top: 120px;
margin-bottom: -20px; }
.team-details .bg {
background: #F6F6F6;
border-radius: 10px;
padding: 65px 70px; }
.team-details .bg .part-img {
width: 300px;
border: 8px solid var(--quaternary-color);
border-radius: 10px; }
.team-details .bg .part-txt {
padding-left: 16px; }
.team-details .bg .part-txt h2 {
font-size: 26px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 6px; }
.team-details .bg .part-txt span {
font-size: 13px;
line-height: 100%;
font-weight: 600;
color: var(--secondary-color);;
margin-bottom: 20px;
letter-spacing: 1.3px; }
.team-details .bg .part-txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 8px; }
.team-details .bg .part-txt .social {
padding-top: 17px; }
.team-details .bg .part-txt .social a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
margin-right: 11px;
background: var(--quaternary-color);
border: 1px solid #e9e4e1;
border-radius: 50%;
font-size: 14px;
color: var(--tertiary_color); }
.team-details .bg .part-txt .social a:last-child {
margin-right: 0; }
.team-details .bg .part-txt .social a:hover {
background: var(--secondary-color);;
border-color: var(--secondary-color);;
color: var(--quaternary-color); }
.project-inner .control-panel {
margin-bottom: 60px; }
.project-inner .control-panel .controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 90px;
background: #F2F2F2;
border-radius: 10px;
padding: 0;
margin: 0; }
.project-inner .control-panel .controls li {
list-style: none;
color: var(--tertiary_color);
font-size: 18px;
line-height: 100%;
font-weight: 500;
padding: 0 35px;
border-radius: 6px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2; }
.project-inner .control-panel .controls li a{ color: var(--tertiary_color); }
.project-inner .control-panel .controls li:after {
content: "";
position: absolute;
top: 50%;
right: -2px;
background: var(--tertiary_color);
width: 4px;
height: 2px; }
.project-inner .control-panel .controls li:last-child:after {
display: none; }
.project-inner .control-panel .controls li.active,
.project-inner .control-panel .controls li a:hover {
color: var(--secondary-color); text-decoration:none; }
.project-inner .items {
margin-bottom:30px;
}
.project-inner .items .single-item {
border-radius: 10px;
overflow: hidden;
position: relative; }
.project-inner .items .single-item.width-1 {
width: calc(100% / 3 - 30px); }
.project-inner .items .single-item.width-2 {
width: calc(100% / 2 - 30px); }
.project-inner .items .single-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--secondary-color);;
opacity: 0;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 1; }
.project-inner .items .single-item .part-txt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px;
z-index: 2; }
.project-inner .items .single-item .part-txt .txt {
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.project-inner .items .single-item .part-txt .txt h3 {
line-height: 100%;
font-weight: 700;
color: var(--quaternary-color);
margin-bottom: 16px; }
.project-inner .items .single-item .part-txt .txt p {
font-size: 16px;
line-height: 100%;
font-weight: 500;
color: var(--quaternary-color);
margin-bottom: 0; }
.project-inner .items .single-item .part-txt .details-btn {
text-align: right;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in; }
.project-inner .items .single-item .part-txt .details-btn a {
text-align: center;
width: 60px;
height: 60px;
line-height: 66px;
font-size: 25px;
font-weight: 500;
color: var(--tertiary_color);
background: var(--quaternary-color);
border-radius: 50%;
text-decoration:none; }
.project-inner .items .single-item .part-txt .details-btn a:hover {
color: var(--quaternary-color);
background: var(--tertiary_color); }
.project-inner .items .single-item:hover:after {
opacity: 0.9; }
.project-inner .items .single-item:hover .part-txt .txt, .project-inner .items .single-item:hover .part-txt .details-btn {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.project-details {
padding: 100px 0; }
.project-details .main-img {
margin-bottom: 50px; }
.project-details .main-img .project-details-slider {
margin-bottom: 30px; }
.project-details .main-img .project-details-slider .single-img {
border-radius: 10px;
overflow: hidden; }
.project-details .main-img .project-thumbnails {
overflow:hidden }
.project-details .main-img .project-thumbnails .single-box {
margin: 0 15px;
border-radius: 10px;
overflow: hidden;
position: relative; }
@media only screen and (min-width: 1200px) {
.project-details .main-img .project-thumbnails .single-box {
width: 200px !important; } }
.project-details .main-img .project-thumbnails .single-box:after {
opacity: 0; }
.project-details .main-img .project-thumbnails .single-box.slick-center:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--secondary-color);;
opacity: 0.7;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.project-details .part-txt .part-img{ margin: 30px 0px 20px 0px; }
.project-details .part-txt h2 {
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 25px; }
.project-details .part-txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 13px; }
.project-details .part-txt-2 {
margin-bottom: 40px; }
.project-details .part-txt-2 h2 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 26px; }
.project-details .part-txt-2 p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 13px; }
.project-details .information {
padding: 55px 65px;
background: #F6F6F6;
margin-bottom: 50px; }
.project-details .information h2 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 26px; }
.project-details .information ul {
padding: 0;
margin: 0; }
.project-details .information ul li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 8px; }
.project-details .information ul li:last-child {
margin-bottom: -10px; }
.project-details .information ul li .strong {
min-width: 80px;
font-weight: 600;
color: var(--tertiary_color); }
.project-details .information ul li .divider {
font-weight: 700;
margin-right: 30px; }
.project-details .part-txt-3 {
margin-bottom: -23px; }
.project-details .part-txt-3 h2 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 26px; }
.project-details .part-txt-3 p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 13px; }
.blog-inner .single-box {
margin-bottom: 45px; }
.blog-inner .pagination,.project-inner .pagination{
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blog-inner .pagination ul,
.project-inner .pagination ul {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-inner .pagination ul li,
.project-inner .pagination ul li {
list-style: none;
margin-right: 20px; }
.blog-inner .pagination ul li:last-child,
.project-inner .pagination ul li:last-child {
margin-right: 0; }
.blog-inner .pagination ul li a,
.blog-inner .pagination ul li span.current,
.project-inner .pagination ul li a,
.project-inner .pagination ul li span.current {
text-align: center;
width: 52px;
height: 52px;
line-height: 56px;
background: #F6F6F6;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: #2d2d2d;
text-decoration:none; }
.blog-inner .pagination ul li a:hover,
.blog-inner .pagination ul li a:focus,
.blog-inner .pagination ul li span.current,
.project-inner .pagination ul li a:hover,
.project-inner .pagination ul li a:focus,
.project-inner .pagination ul li span.current {
background: var(--secondary-color);;
color: var(--quaternary-color); }
.blog-details .main-content .part-img {
border-radius: 10px;
overflow: hidden;
margin-bottom:32px; }
.blog-details .main-content .related-post .part-img { margin-bottom: 0px; }
.blog-details .main-content .blog-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.blog-details .main-content .blog-info ul {
padding: 0;
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-details .main-content .blog-info ul:last-child li {
font-weight: 600; }
.blog-details .main-content .blog-info ul:last-child li span {
font-weight: 400;
color: var(--primary-color); }
.blog-details .main-content .blog-info ul li {
list-style: none;
height: 45px;
line-height: 48px;
font-size: 16px;
font-weight: 500;
margin-right: 29px;
color: var(--tertiary_color); }
.blog-details .main-content .blog-info ul li:last-child {
margin-right: 0; }
.blog-details .main-content .blog-info ul li.color {
background: var(--secondary-color);;
color: var(--quaternary-color);
padding: 0 20px;
border-radius: 5px; }
.blog-details .main-content .blog-info ul li span {
color: var(--secondary-color);;
font-weight: 700; }
.blog-details .main-content .part-txt {
margin-bottom: 27px; }
.blog-details .main-content .part-txt h2 {
font-size: 30px;
line-height: 42px;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 20px; }
.blog-details .main-content .part-txt p {
color: var(--primary-color);
margin-bottom: 20px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 35px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 30px;
line-height: 42px;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 20px; }
.blog-details .main-content .part-txt-2 p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 13px; }
.blog-details .main-content .quote {
background: var(--secondary-color);;
border-radius: 10px;
padding: 40px 70px 35px;
text-align: center;
margin-top: 30px;
margin-bottom: 37px;
position: relative;
z-index: 2; }
.blog-details .main-content .quote:after {
content: "“";
position: absolute;
top: 3%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 455px;
line-height: 100%;
font-weight: 700;
color: rgba(255, 255, 255, 0.22);
z-index: -1; }
.blog-details .main-content .quote span {
font-size: 28px;
line-height: 35px;
font-weight: 700;
color: var(--quaternary-color); }
.blog-details .main-content .other-info {
background: #F2F2F2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 10px;
height: 65px;
line-height: 65px;
padding: 0 30px;
margin-top: 40px;
clear: both;
}
.blog-details .main-content .other-info .tags {
font-size: 17px;
font-weight: 600;
color: var(--tertiary_color);
margin-bottom: 0; }
.blog-details .main-content .other-info .tags span{
margin-right:10px;
font-weight:bold;
}
.blog-details .main-content .other-info .tags i{
font-size:12px;
margin:0px 2px 0px 8px;
}
.blog-details .main-content .other-info .tags a {
font-weight: 400;
color: var(--primary-color);
margin-right:8px; }
.blog-details .main-content .other-info .tags a:hover {
color: var(--secondary-color);; }
.blog-details .main-content .other-info .share a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
background: var(--quaternary-color);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
font-size: 14px;
color: var(--tertiary_color);
margin-right: 11px; }
.blog-details .main-content .other-info .share a:last-child {
margin-right: 0; }
.blog-details .main-content .other-info .share a:hover {
background: var(--secondary-color);;
border-color: var(--secondary-color);;
color: var(--quaternary-color); }
.blog-details .main-content .blog-comment {
margin-top: 50px; }
.blog-details .main-content .blog-comment h3 {
font-size: 26px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 43px; }
.blog-details .main-content .blog-comment .single-comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin-right: 50px; }
.blog-details .main-content .blog-comment .single-comment .img img {
width: auto;
height: 100%; }
.blog-details .main-content .blog-comment .single-comment .txt {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: calc( 100% - 220px );
margin-left: 20px;
}
.blog-details .main-content .blog-comment .single-comment .txt .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 26px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 8px; }
.blog-details .main-content .blog-comment .single-comment .txt .top span {
font-size: 16px;
line-height: 100%; }
.blog-details .main-content .blog-comment .single-comment .txt .top span.date {
margin-right: 9px;
color: var(--secondary-color);; }
.blog-details .main-content .blog-comment .single-comment .txt .top span.time {
color: var(--tertiary_color); }
.blog-details .main-content .blog-comment .single-comment .txt .top button {
padding: 0;
font-size: 18px;
line-height: 100%;
font-weight: 700;
color: var(--secondary-color);; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 0; }
.blog-details .main-content .post-a-comment h3 {
font-size: 26px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 30px; }
.blog-details .main-content .post-a-comment .comment-notes{ padding-bottom:20px;}
.blog-details .main-content .post-a-comment form input[type=text],
.blog-details .main-content .post-a-comment form input[type=email],
.blog-details .main-content .post-a-comment form input.text,
#respond form input[type=text],#respond form input[type=email],#respond form input.text{
width: 100%;
height: 55px;
padding: 0 25px;
font-size: 17px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin-bottom: 30px; }
#commentform .col-12{ position:relative;}
#commentform .col-12 span.required{ position:absolute; right:25px; top:20px; color:#F00;}
#commentform .form-allowed-tags{ padding-bottom:20px; }
.blog-details .main-content .post-a-comment form input::-webkit-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form input:-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form input::-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form input::placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form textarea,
#respond form textarea {
width: 100%;
height: 200px;
padding: 15px 25px;
font-size: 17px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin-bottom: 32px; }
.blog-details .main-content .post-a-comment form textarea::-webkit-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form textarea:-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form textarea::-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form textarea::placeholder {
color: var(--primary-color); }
.blog-details .main-content .post-a-comment form button:hover {
border-color: var(--tertiary_color); }
.blog-details .sidebar {
margin-left: -30px; }
.blog-details .sidebar h3 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 23px; }
.blog-details .sidebar .search-box {
margin-bottom: 45px; }
.blog-details .sidebar .search-box form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 0 25px; }
.blog-details .sidebar .search-box form input {
width: 100%;
height: 53px;
font-size: 17px;
color: var(--tertiary_color); }
.blog-details .sidebar .search-box form input::-webkit-input-placeholder {
color: var(--primary-color); }
.blog-details .sidebar .search-box form input:-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .sidebar .search-box form input::-ms-input-placeholder {
color: var(--primary-color); }
.blog-details .sidebar .search-box form input::placeholder {
color: var(--primary-color); }
.blog-details .sidebar .search-box form button {
padding: 0;
font-size: 17px;
color: var(--tertiary_color); }
.blog-details .sidebar .search-box form button:hover {
color: var(--secondary-color);; }
.blog-details .sidebar .widget_categories {
margin-bottom: 45px; }
.blog-details .sidebar .widget_categories ul {
padding: 0;
margin: 0; }
.blog-details .sidebar .widget_categories ul li {
list-style: none;
margin-bottom: 12px; }
.blog-details .sidebar .widget_categories ul li:last-child {
margin-bottom: 0; }
.blog-details .sidebar .widget_categories ul li a {
display: block;
height: 55px;
line-height: 55px;
font-size: 17px;
color: var(--primary-color);
padding: 0 30px;
border: 1px solid #e1e1e1;
border-radius: 5px; }
.blog-details .sidebar .widget_categories ul li a i {
margin-right: 15px; }
.blog-details .sidebar .widget_categories ul li a:hover {
background: var(--secondary-color);;
border-color: var(--secondary-color);;
color: var(--quaternary-color); }
.blog-details .sidebar .widget_recent_entries {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
padding: 35px 30px;
margin-bottom: 45px; }
.blog-details .sidebar .widget_recent_entries ul {
padding: 0;
margin-bottom: 17px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .sidebar .widget_recent_entries ul li {
list-style: none;
width: 158px; }
.blog-details .sidebar .widget_recent_entries ul li a {
font-size: 16px;
line-height: 25px;
font-weight: 600;
color: var(--tertiary_color);
margin-bottom: 2px; }
.blog-details .sidebar .widget_recent_entries ul li span {
font-size: 15px;
line-height: 100%;
color: var(--secondary-color);; }
.blog-details .sidebar .widget_recent_entries ul li span i {
font-size: 14px;
margin-right: 10px; }
.blog-details .sidebar .tagcloud {
margin: -5px -3px; }
.blog-details .sidebar .tagcloud a {
height: 45px;
line-height: 45px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin: 5px 3px;
font-size: 17px;
color: var(--primary-color);
padding: 0 25px; }
.contact { }
.contact .form-area .title {
margin-bottom: 39px; }
.contact .form-area .title h2 {
font-size: 48px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -3px;
margin-bottom: 11px; }
.contact .form-area .title p {
font-size: 16px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 0; }
.contact .form-area form input,
form.wpcf7-form input{
width: 100%;
height: 55px;
border: 1px solid #e1e1e1;
border-radius: 5px;
padding: 0 30px;
margin-bottom: 30px;
font-size: 17px;
color: var(--primary-color); }
.contact .form-area form input::-webkit-input-placeholder,
form.wpcf7-form input::-webkit-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form input:-ms-input-placeholder,
form.wpcf7-form input:-ms-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form input::-ms-input-placeholder,
form.wpcf7-form input::-ms-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form input::placeholder,
form.wpcf7-form input::placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form textarea,
form.wpcf7-form textarea {
width: 100%;
height: 220px;
border: 1px solid #e1e1e1;
border-radius: 5px;
padding: 20px 22px;
margin-bottom: 30px;
font-size: 17px;
color: var(--primary-color); }
.contact .form-area form textarea::-webkit-input-placeholder,
form.wpcf7-form textarea::-webkit-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form textarea:-ms-input-placeholder,
form.wpcf7-form textarea:-ms-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form textarea::-ms-input-placeholder,
form.wpcf7-form textarea::-ms-input-placeholder {
color: rgba(0, 33, 91, 0.4); }
.contact .form-area form textarea::placeholder,
form.wpcf7-form textarea::placeholder {
color: rgba(0, 33, 91, 0.4); }
form.wpcf7-form input.def-btn{ margin-bottom: 0px;  }
form.wpcf7-form p{ padding-bottom: 0px; margin-bottom: 0px; }
.contact .address-area .single-box,
.address-box {
padding: 50px;
background: #F6F6F6;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
overflow: hidden;
z-index: 2; }
.contact .address-area .single-box:after,
.address-box:after {
content: "";
position: absolute;
bottom: -105px;
left: -65px;
width: 230px;
height: 230px;
background: var(--secondary-color);;
border-radius: 50%;
opacity: 0.1;
z-index: -1; }
.address-box.two {
background: var(--secondary-color);
margin-top: 30px; }
.address-box.two:after {
background: var(--quaternary-color); }
.address-box.two .title h3 {
color: var(--quaternary-color); }
.address-box.two .details ul li {
color: var(--quaternary-color); }
.address-box.two .details ul li span {
color: var(--quaternary-color); }
.contact .address-area .single-box .title h3,
.address-box h3 {
font-size: 32px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -2px;
margin-bottom: 0; }
.contact .address-area .single-box .details,
.address-box .details {
width: 197px; }
.contact .address-area .single-box .details ul,
.address-box ul {
padding: 0;
margin-top: -9px;
margin-bottom: 0; }
.contact .address-area .single-box .details ul li,
.address-box ul li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 32px;
font-weight: 600;
color: var(--tertiary_color);
margin-bottom: 4px; }
.contact .address-area .single-box .details ul li:last-child,
.address-box ul li:last-child {
margin-bottom: -12px; }
.contact .address-area .single-box .details ul li span,
.address-box .details ul li span {
font-size: 17px;
color: var(--secondary-color);;
margin-right: 17px; }
.map iframe {
width: 100%;
margin-bottom: -8px; }
.error {
padding: 120px 0; }
.error .part-txt h2 {
font-size: 70px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-top: -5px;
margin-bottom: 16px; }
.error .part-txt h3 {
font-size: 40px;
line-height: 100%;
font-weight: 700;
color: var(--tertiary_color);
margin-bottom: 23px; }
.error .part-txt p {
font-size: 17px;
line-height: 29px;
color: var(--primary-color);
margin-bottom: 40px; }
.error .part-txt .def-btn i {
margin-left: 0;
margin-right: 16px; }
.error .part-txt .def-btn:hover i {
-webkit-transform: translateY(1px) translateX(-7px);
-ms-transform: translateY(1px) translateX(-7px);
transform: translateY(1px) translateX(-7px); }   @media only screen and (min-width: 992px) and (max-width: 1199px) { .heading {
margin-bottom: 50px; }
.heading h2 {
font-size: 40px;
line-height: 48px;
padding-bottom: 16px; }
.heading-2 {
margin-bottom: 50px; }
.heading-2 h2 {
font-size: 35px;
margin-bottom: 19px; }
.heading-2 p br {
display: none; } .header .bottom-header .logo {
width: 100px;
padding: 30px 15px; }
.header .bottom-header.fixed-header .logo {
padding: 10px 20px; height: 0px; }
.header-2 .nav-btn .def-btn {
padding: 0 20px;
font-size: 15px;
line-height: 56px; } .blog .single-box .part-txt {
padding: 30px 20px; }
.blog .single-box .part-txt .blog-info .date {
font-weight: 400;
padding: 0 10px;
font-size: 15px; }
.blog .single-box .part-txt .blog-info .admin {
font-size: 15px;
font-weight: 400; }
.blog .single-box .part-txt .blog-info .admin .name {
font-weight: 500; }
.blog .single-box .part-txt .entry-title {
font-size: 20px;
line-height: 28px; }
.blog-2 .single-box .part-img .date span {
height: 40px;
line-height: 43px;
font-size: 15px;
padding: 0 15px; }
.blog-2 .single-box .part-txt {
padding: 30px 25px; }
.blog-2 .single-box .part-txt ul {
margin-bottom: 21px; }
.blog-2 .single-box .part-txt a {
font-size: 20px;
line-height: 28px;
margin-bottom: 15px; } .partner .partner-slider .single-partner {
height: 100px; } .footer .main-footer .site-info .logo {
width: 100px;
height: 100px;
padding: 0 15px; }
.footer .main-footer h3.title {
font-size: 25px;
margin-top: 0;
padding-bottom: 18px; }
.footer-2 .main-footer .footer-contact {
padding-right: 40px; }
.footer-2 .main-footer .site-info {
padding: 120px 30px;
margin: 0 -10px; }
.footer-2 .main-footer .site-info .logo {
width: 100px;
height: 100px;
padding: 15px; }
.footer-2 .main-footer .footer-service {
padding-left: 40px; }  .project-inner .control-panel {
margin-bottom: 50px; }
.project-inner .control-panel .controls {
height: 70px; }
.project-inner .items .single-item .part-txt {
padding: 30px; } .team-details .bg {
padding: 50px 40px; }
.team-details .bg .part-img {
width: auto; }
.team-details .bg .part-txt {
padding-left: 0; } .error .part-txt h2 {
font-size: 50px;
margin-top: -4px; }
.error .part-txt h3 {
font-size: 35px;
margin-bottom: 24px; } .blog-details .main-content {
margin-right: 0; }
.blog-details .main-content .blog-info ul {
margin-bottom: 35px; }
.blog-details .main-content .part-txt h2 {
font-size: 25px;
line-height: 33px;
margin-bottom: 24px; }
.blog-details .main-content .part-txt p {
font-size: 16px;
line-height: 24px;
margin-bottom: 12px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 32px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 25px;
line-height: 33px;
margin-bottom: 24px; }
.blog-details .main-content .part-txt-2 p {
font-size: 16px;
line-height: 24px;
margin-bottom: 12px; }
.blog-details .main-content .quote {
margin-top: 0;
margin-bottom: 35px;
padding: 40px 40px 35px; }
.blog-details .main-content .quote span br {
display: none; }
.blog-details .main-content .other-info {
margin-bottom: 40px; }
.blog-details .main-content .blog-comment {
margin-bottom: 60px; }
.blog-details .main-content .blog-comment h3 {
font-size: 25px;
line-height: 33px;
margin-top: -5px;
margin-bottom: 24px; }
.blog-details .main-content .blog-comment .single-comment {
margin-bottom: 32px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 80px;
height: 80px;
margin-right: 30px; }
.blog-details .main-content .blog-comment .single-comment .txt {
width: 499px; }
.blog-details .main-content .blog-comment .single-comment .txt .top {
margin-bottom: 17px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 22px;
margin-top: -1px;
margin-bottom: 10px; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 16px;
line-height: 24px; }
.blog-details .main-content .post-a-comment h3 {
font-size: 25px;
line-height: 100%;
margin-top: -9px;
margin-bottom: 23px; }
.blog-details .sidebar {
margin-left: 0; }
.blog-details .sidebar h3 {
font-size: 25px;
margin-top: -1px; }
.blog-details .sidebar .search-box {
margin-bottom: 40px; }
.blog-details .sidebar .widget_categories {
margin-bottom: 40px; }
.blog-details .sidebar .recent-post {
margin-bottom: 40px; }
.blog-details .sidebar .recent-post .box {
padding: 30px 25px; }
.blog-details .sidebar .recent-post .box ul li {
width: 157px; } .contact .form-area {
padding-right: 15px; }
.contact .form-area .title h2 {
font-size: 40px;
margin-bottom: 13px; }
.contact .form-area .title p br {
display: none; }
.contact .form-area form textarea {
height: 150px; }
.contact .address-area {
padding-left: 15px; }
.contact .address-area .single-box {
padding: 30px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.contact .address-area .single-box .title h3 {
font-size: 25px;
margin-top: 0;
margin-right: 30px; }
.contact .address-area .single-box .details {
width: 249px; }
.contact .address-area .single-box.two .details {
width: 246px; }
.map iframe {
height: 400px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) { .def-btn {
height: 45px;
line-height: 45px;
padding: 0 20px 0 24px;
font-size: 16px;
font-weight: 500; }
.heading {
margin-bottom: 40px; }
.heading h2 {
font-size: 30px;
line-height: 38px;
margin-top: -5px;
padding-bottom: 14px; }
.heading-2 {
margin-bottom: 50px; }
.heading-2 h2 {
font-size: 30px;
margin-top: -1px;
margin-bottom: 19px; }
.heading-2 p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .header .top-header .top-right ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.header .top-header .top-right ul li {
font-size: 14px; }
.header .bottom-header {
background: transparent;
position: relative;
z-index: 2; }
.header .bottom-header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 61px;
background: var(--tertiary_color);
z-index: -1; }
.header .bottom-header.fixed-header {
-webkit-box-shadow: 0 0;
box-shadow: 0 0; }
.header .bottom-header.fixed-header .logo {
padding: 10px 15px; }
.header .bottom-header .navbar-toggler {
padding: 0;
border: 0;
width: 25px;
height: 60px;
padding: 10px 0; }
.header .bottom-header .logo {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 80px;
padding: 20px 15px 15px; }
.header .bottom-header .logo:before {
display: none; }
.header .bottom-header .logo:after {
top: 0;
bottom: -10px;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
border-radius: 0 0 40px 40px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header .navbar .navbar-nav {
padding: 15px;
max-height: 320px;
overflow-y: scroll; }
.header .bottom-header .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; }
.header .bottom-header .side-bar-btn .side-bar-show {
line-height: 1;
width: 25px;
height: 60px;
padding: 10px 0; }
.header .bottom-header .next {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } .header-2 .logo {
width: 140px; }
.header-2 .navbar-toggler {
padding: 0;
width: 40px;
height: 40px;
line-height: 43px;
margin: 10px 0 10px auto;
background: var(--tertiary_color);
color: var(--quaternary-color);
font-size: 22px; }
.header-2 .navbar {
padding: 0; }
.header-2 .navbar .navbar-nav {
padding: 0 15px 15px;
max-height: 320px;
overflow-y: scroll; }
.header-2 .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; } .main-sidebar {
width: 320px; }
.main-sidebar .logo {
width: 70px;
height: 70px;
border-radius: 5px;
padding: 15px; }
.main-sidebar .side-about {
margin-bottom: 20px; }
.main-sidebar .side-about p {
font-size: 14px;
line-height: 22px;
margin-top: -5px; }
.main-sidebar .links {
margin-bottom: 20px; }
.main-sidebar .links h2 {
font-size: 20px;
margin-bottom: 18px; }
.main-sidebar .links ul li a {
font-size: 14px;
margin-bottom: 1px; }
.main-sidebar .side-contact {
margin-bottom: 22px; }
.main-sidebar .side-contact h2 {
font-size: 20px;
margin-bottom: 20px; }
.main-sidebar .side-contact ul li {
font-size: 14px;
margin-bottom: 8px; }
.main-sidebar .side-contact ul li i {
top: 5px; }
.main-sidebar .side-contact ul li span {
font-size: 14px; }
.main-sidebar .socials h2 {
font-size: 20px;
margin-bottom: 25px; } .banner .slider {
padding-top: 111px; }
.banner .slider:after {
top: 50px;
background-position-x: 15%; }
.banner .slider .banner-txt {
padding: 100px 0; }
.banner .slider .banner-txt h1,
#home-static-banner .part-txt h1 {
font-size: 35px;
line-height: 40px;
margin-top: -4px;
margin-bottom: 14px; }
.banner .slider .banner-txt p,
.banner .slider .banner-txt div.txt,
#home-static-banner .part-txt div.txt {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 22px; }
.banner .owl-dots {
margin: -82px auto 58px;
width: 720px; }
.banner .owl-dots .owl-dot {
margin-right: 10px;
width: 10px;
height: 10px; } .banner-2:after {
background-position-x: left;
background-position-y: top; }
.banner-2 .banner-txt {
padding: 100px 0; }
.banner-2 .banner-txt h1 {
font-size: 30px;
line-height: 38px;
margin-top: -6px;
margin-bottom: 14px; }
.banner-2 .banner-txt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px; } div.blog,div.blog {
padding-top: 60px;
padding-bottom: 30px; }
.blog .single-box {
margin-bottom: 30px; }
.blog .single-box .part-txt {
padding: 25px; }
.blog .single-box .part-txt .blog-info {
margin-bottom: 17px; }
.blog .single-box .part-txt .blog-info .date {
height: 40px;
line-height: 43px;
font-size: 13px;
padding: 0 10px; }
.blog .single-box .part-txt .blog-info .admin {
height: 40px;
line-height: 43px;
font-size: 13px; }
.blog .single-box .part-txt a {
font-size: 18px;
line-height: 24px;
margin-bottom: 7px; }
.blog .single-box .part-txt p {
font-size: 14px;
line-height: 24px;
margin-bottom: -9px; } .blog-2 {
padding-top: 60px;
padding-bottom: 30px; }
.blog-2 .single-box {
margin-bottom: 30px; }
.blog-2 .single-box .part-img .date span {
height: 40px;
line-height: 43px;
font-size: 14px; }
.blog-2 .single-box .part-txt {
padding: 25px; }
.blog-2 .single-box .part-txt ul {
margin-top: 0;
margin-bottom: 17px; }
.blog-2 .single-box .part-txt ul li {
font-weight: 500; }
.blog-2 .single-box .part-txt a {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px; }
.blog-2 .single-box .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .partner {
padding: 40px 0; }
.partner .partner-slider .single-partner {
height: 60px; } .footer .main-footer {
padding: 60px 0; }
.footer .main-footer .site-info {
margin-bottom: 30px; }
.footer .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 20px; }
.footer .main-footer .site-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px; }
.footer .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-bottom: 25px; }
.footer .main-footer h3.title:after {
height: 4px; }
.footer .main-footer .footer-contact {
margin-bottom: 26px; }
.footer .main-footer .footer-contact ul {
margin-top: 0;
margin-bottom: 0; }
.footer .main-footer .footer-contact ul li {
font-size: 14px;
line-height: 100%;
margin-bottom: 20px; }
.footer .main-footer .footer-contact ul li span {
font-size: 15px;
margin-right: 10px; }
.footer .main-footer .footer-service {
margin-bottom: 30px; }
.footer .main-footer .footer-service ul {
margin-top: -8px;
margin-bottom: -10px; }
.footer .main-footer .footer-service ul li {
font-size: 14px;
}
.footer .main-footer .gallery .images .single-img {
border-radius: 5px; }
.footer .copyright p {
font-size: 14px; } .footer-2 .main-footer {
padding-top: 60px; }
.footer-2 .main-footer .two {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.footer-2 .main-footer .one {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.footer-2 .main-footer .three {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.footer-2 .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-top: 0;
margin-bottom: 25px; }
.footer-2 .main-footer h3.title:after {
height: 4px; }
.footer-2 .main-footer .footer-contact {
padding: 60px 0 60px 60px; }
.footer-2 .main-footer .footer-contact ul {
margin-bottom: -13px; }
.footer-2 .main-footer .footer-contact ul li {
font-size: 14px;
margin-bottom: 3px; }
.footer-2 .main-footer .footer-contact ul li span {
font-size: 14px; }
.footer-2 .main-footer .site-info {
padding: 60px 80px; }
.footer-2 .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 30px; }
.footer-2 .main-footer .site-info p {
font-size: 14px;
line-height: 22px;
margin-top: -4px;
margin-bottom: 22px; }
.footer-2 .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer-2 .main-footer .footer-service {
padding: 60px 0 60px 60px; }
.footer-2 .main-footer .footer-service ul {
margin-top: -14px;
margin-bottom: -6px; }
.footer-2 .main-footer .footer-service ul li {
font-size: 14px;
height: 30px; }
.footer-2 .copyright p {
font-size: 14px; }  .breadcrumb {
margin-top: 111px; }
.breadcrumb .part-txt {
padding: 80px 0; }
.breadcrumb .part-txt h1 {
font-size: 35px;
margin-top: -2px;
margin-bottom: 15px; }
.breadcrumb .part-txt ul li {
font-size: 16px; } .error {
padding: 60px 0; }
.error .part-txt {
padding-left: 30px; }
.error .part-txt h2 {
font-size: 40px;
margin-top: -3px;
margin-bottom: 14px; }
.error .part-txt h3 {
font-size: 25px;
margin-bottom: 19px; }
.error .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px; } .blog-inner {
padding-bottom: 60px; }
.blog-inner .pagination {
padding-top: 10px; }
.blog-inner .pagination ul li a {
width: 45px;
height: 45px;
line-height: 49px; } .blog-details {
padding: 60px 0; }
.blog-details .main-content {
margin-right: 0;
margin-bottom: 40px; }
.blog-details .main-content .part-img {
border-radius: 5px; margin-top: 5px; }
.blog-details .main-content .blog-info {
margin-bottom: 20px; }
.blog-details .main-content .blog-info ul {
margin-bottom: 0; }
.blog-details .main-content .blog-info ul li {
font-size: 14px;
height: 40px;
line-height: 43px; }
.blog-details .main-content .part-txt {
margin-bottom: 17px; }
.blog-details .main-content .part-txt h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 22px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt-2 p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .quote {
padding: 30px 25px 26px;
border-radius: 5px;
margin-top: 0;
margin-bottom: 25px; }
.blog-details .main-content .quote:after {
display: none; }
.blog-details .main-content .quote span {
font-size: 20px;
line-height: 28px; }
.blog-details .main-content .quote span br {
display: none; }
.blog-details .main-content .other-info {
border-radius: 5px;
margin-bottom: 40px; }
.blog-details .main-content .other-info .tags p {
font-size: 14px; }
.blog-details .main-content .blog-comment {
margin-bottom: 32px; }
.blog-details .main-content .blog-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .blog-comment .single-comment {
margin-bottom: 22px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 60px;
height: 60px;
margin-right: 30px; }
.blog-details .main-content .blog-comment .single-comment .txt {
width: auto;
width: 600px; }
.blog-details .main-content .blog-comment .single-comment .txt .top {
margin-bottom: 8px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 20px;
margin-bottom: 4px; }
.blog-details .main-content .blog-comment .single-comment .txt .top span {
font-size: 14px; }
.blog-details .main-content .blog-comment .single-comment .txt .top button {
font-size: 16px; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .post-a-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .post-a-comment form input {
height: 45px;
font-size: 14px;
margin-bottom: 20px; }
.blog-details .main-content .post-a-comment form textarea {
height: 100px;
font-size: 14px;
margin-bottom: 17px; }
.blog-details .sidebar {
max-width: 320px;
margin: 0 auto; }
.blog-details .sidebar .search-box {
margin-bottom: 30px; }
.blog-details .sidebar .search-box form input {
height: 45px;
font-size: 14px; }
.blog-details .sidebar .search-box form button {
font-size: 14px; }
.blog-details .sidebar h3 {
font-size: 20px;
margin-bottom: 15px; }
.blog-details .sidebar .widget_categories {
margin-bottom: 30px; }
.blog-details .sidebar .widget_categories ul li a {
padding: 0 25px;
height: 45px;
line-height: 45px;
font-size: 14px; }
.blog-details .sidebar .recent-post {
margin-bottom: 30px; }
.blog-details .sidebar .recent-post .box {
padding: 25px; }
.blog-details .sidebar .recent-post .box ul li a {
font-size: 14px;
line-height: 22px; }
.blog-details .sidebar .recent-post .box ul li span {
font-size: 14px; }
.blog-details .sidebar .recent-post .box ul li span i {
font-size: 12px; }
.blog-details .sidebar .tags .all-tags a {
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 15px; } .contact {
padding: 60px 0; }
.contact .form-area {
width: 450px;
margin: 0 auto 40px; }
.contact .form-area .title {
margin-bottom: 22px; }
.contact .form-area .title h2 {
font-size: 25px;
margin-top: -1px;
margin-bottom: 19px; }
.contact .form-area .title p {
font-size: 14px;
line-height: 22px; }
.contact .form-area .title p br {
display: none; }
.contact .form-area form input {
height: 45px;
padding: 0 25px;
font-size: 14px; }
.contact .form-area form textarea {
height: 150px;
padding: 15px 25px;
font-size: 14px;
margin-bottom: 22px; }
.contact .address-area .single-box {
padding: 30px 25px;
width: 450px;
margin: 0 auto; }
.contact .address-area .single-box.two {
margin-top: 30px; }
.contact .address-area .single-box .title h3 {
font-size: 20px;
margin-top: -1px;
margin-bottom: 30px; }
.contact .address-area .single-box .details {
width: 279px; }
.contact .address-area .single-box .details ul {
margin-top: -13px; }
.contact .address-area .single-box .details ul li {
font-size: 14px;
line-height: 27px;
margin-bottom: 0; }
.contact .address-area .single-box .details ul li:last-child {
margin-bottom: -10px; }
.contact .address-area .single-box .details ul li:last-child span {
margin-top: 0; }
.contact .address-area .single-box .details ul li span {
font-size: 14px;
margin-top: 2px; }
.map iframe {
height: 320px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) { .def-btn {
height: 45px;
line-height: 45px;
padding: 0 20px 0 24px;
font-size: 16px;
font-weight: 500; }
.heading {
margin-bottom: 40px; }
.heading h2 {
font-size: 25px;
line-height: 33px;
margin-top: -5px;
padding-bottom: 14px; }
.heading-2 {
margin-bottom: 50px; }
.heading-2 h2 {
font-size: 25px;
margin-top: 0;
margin-bottom: 19px; }
.heading-2 p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .header .bottom-header {
background: transparent;
position: relative;
z-index: 2; }
.header .bottom-header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 51px;
background: var(--tertiary_color);
z-index: -1; }
.header .bottom-header.fixed-header {
-webkit-box-shadow: 0 0;
box-shadow: 0 0; }
.header .bottom-header.fixed-header .logo {
padding: 10px 15px; }
.header .bottom-header .navbar-toggler {
padding: 0;
border: 0;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .logo {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px;
padding: 20px 15px 15px; }
.header .bottom-header .logo:before {
display: none; }
.header .bottom-header .logo:after {
top: 0;
bottom: -10px;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
border-radius: 0 0 35px 35px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header .navbar {
background: var(--quaternary-color);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
padding: 0; }
.header .bottom-header .navbar .navbar-nav {
padding: 15px;
max-height: 320px;
overflow-y: scroll; }
.header .bottom-header .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; }
.header .bottom-header .side-bar-btn .side-bar-show {
line-height: 1;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .next {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } .header-2 .logo {
width: 120px; }
.header-2 .navbar-toggler {
padding: 0;
width: 35px;
height: 35px;
line-height: 38px;
margin: 10px 0 10px auto;
background: var(--tertiary_color);
color: var(--quaternary-color);
font-size: 22px; }
.header-2 .navbar {
padding: 0; }
.header-2 .navbar .navbar-nav {
padding: 0 15px 15px;
max-height: 320px;
overflow-y: scroll; }
.header-2 .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; } .main-sidebar {
width: 320px; }
.main-sidebar .logo {
width: 70px;
height: 70px;
border-radius: 5px;
padding: 15px; }
.main-sidebar .side-about {
margin-bottom: 20px; }
.main-sidebar .side-about p {
font-size: 14px;
line-height: 22px;
margin-top: -5px; }
.main-sidebar .links {
margin-bottom: 20px; }
.main-sidebar .links h2 {
font-size: 20px;
margin-bottom: 18px; }
.main-sidebar .links ul li a {
font-size: 14px;
margin-bottom: 1px; }
.main-sidebar .side-contact {
margin-bottom: 22px; }
.main-sidebar .side-contact h2 {
font-size: 20px;
margin-bottom: 20px; }
.main-sidebar .side-contact ul li {
font-size: 14px;
margin-bottom: 8px; }
.main-sidebar .side-contact ul li i {
top: 5px; }
.main-sidebar .side-contact ul li span {
font-size: 14px; }
.main-sidebar .socials h2 {
font-size: 20px;
margin-bottom: 25px; } .banner .slider {
padding-top: 50px; }
.banner .slider:after {
top: 50px;
background-position-x: 15%; }
.banner .slider .banner-txt {
padding: 80px 0; }
.banner .slider .banner-txt h1,
#home-static-banner .part-txt h1 {
font-size: 27px;
line-height: 30px;
margin-top: -2px;
margin-bottom: 16px; }
.banner .slider .banner-txt p,
.banner .slider .banner-txt div.txt,
#home-static-banner .part-txt div.txt {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 22px; }
.banner .owl-dots {
margin: -82px auto 58px;
width: 540px; }
.banner .owl-dots .owl-dot {
margin-right: 10px;
width: 10px;
height: 10px; } .banner-2:after {
background-position-x: left;
background-position-y: top; }
.banner-2 .banner-txt {
padding: 80px 30px 80px 0; }
.banner-2 .banner-txt h1 {
font-size: 30px;
line-height: 38px;
margin-top: -6px;
margin-bottom: 14px; }
.banner-2 .banner-txt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px; } .fun-fact .bg {
padding: 25px 0; }
.fun-fact .bg .single-box {
padding: 25px 0; }
.fun-fact .bg .single-box .txt {
padding-left: 0; }
.fun-fact .bg .single-box .txt:after {
left: -40px;
width: 90px;
height: 90px; }
.fun-fact .bg .single-box .txt h2 {
font-size: 35px;
font-weight: 600;
margin-top: -4px;
margin-bottom: 4px; }
.fun-fact .bg .single-box .txt p {
font-size: 16px;
font-weight: 500;
margin-bottom: -4px; } .fun-fact-2 {
padding: 20px 0; }
.fun-fact-2 .single-box {
padding: 20px 0; }
.fun-fact-2 .single-box:before, .fun-fact-2 .single-box:after {
display: none; }
.fun-fact-2 .single-box .txt h2 {
font-size: 30px;
font-weight: 600;
padding-bottom: 9px;
margin-top: -4px;
margin-bottom: 7px; }
.fun-fact-2 .single-box .txt h2:after {
font-size: 10px; }
.fun-fact-2 .single-box .txt p {
font-size: 14px;
font-weight: 400;
margin-bottom: -4px; } .blog-2 {
padding-top: 60px;
padding-bottom: 30px; }
.blog-2 .single-box {
width: 350px;
margin: 0 auto 30px; }
.blog-2 .single-box .part-img .date span {
height: 40px;
line-height: 43px;
font-size: 14px; }
.blog-2 .single-box .part-txt {
padding: 25px; }
.blog-2 .single-box .part-txt ul {
margin-top: 0;
margin-bottom: 17px; }
.blog-2 .single-box .part-txt ul li {
font-weight: 500; }
.blog-2 .single-box .part-txt a {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px; }
.blog-2 .single-box .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .partner {
padding: 40px 0; }
.partner .partner-slider .single-partner {
height: 60px; } .footer .main-footer {
padding: 60px 0; }
.footer .main-footer .site-info {
margin-bottom: 30px; }
.footer .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 20px; }
.footer .main-footer .site-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px; }
.footer .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-bottom: 25px; }
.footer .main-footer h3.title:after {
height: 4px; }
.footer .main-footer .footer-contact {
margin-bottom: 26px; }
.footer .main-footer .footer-contact ul {
margin-top: 0;
margin-bottom: 0; }
.footer .main-footer .footer-contact ul li {
font-size: 14px;
line-height: 100%;
margin-bottom: 20px; }
.footer .main-footer .footer-contact ul li span {
font-size: 15px;
margin-right: 10px; }
.footer .main-footer .footer-service {
margin-bottom: 30px; }
.footer .main-footer .footer-service ul {
margin-top: -8px;
margin-bottom: -10px; }
.footer .main-footer .footer-service ul li {
font-size: 14px;
}
.footer .main-footer .gallery .images .single-img {
border-radius: 5px; }
.footer .copyright p {
font-size: 14px; } .footer-2 .main-footer {
padding-top: 60px; }
.footer-2 .main-footer .two {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.footer-2 .main-footer .one {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.footer-2 .main-footer .three {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.footer-2 .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-top: 0;
margin-bottom: 25px; }
.footer-2 .main-footer h3.title:after {
height: 4px; }
.footer-2 .main-footer .footer-contact {
padding: 60px 0; }
.footer-2 .main-footer .footer-contact ul {
margin-bottom: -13px; }
.footer-2 .main-footer .footer-contact ul li {
font-size: 14px;
margin-bottom: 3px; }
.footer-2 .main-footer .footer-contact ul li span {
font-size: 14px; }
.footer-2 .main-footer .site-info {
padding: 60px 25px; }
.footer-2 .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 30px; }
.footer-2 .main-footer .site-info p {
font-size: 14px;
line-height: 22px;
margin-top: -4px;
margin-bottom: 22px; }
.footer-2 .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer-2 .main-footer .footer-service {
padding: 60px 0; }
.footer-2 .main-footer .footer-service ul {
margin-top: -14px;
margin-bottom: -6px; }
.footer-2 .main-footer .footer-service ul li {
font-size: 14px;
height: 30px; }
.footer-2 .copyright p {
font-size: 14px; }  .breadcrumb {
margin-top: 50px; }
.breadcrumb .part-txt {
padding: 60px 0; }
.breadcrumb .part-txt h1 {
font-size: 30px;
margin-top: -2px;
margin-bottom: 17px; }
.breadcrumb .part-txt ul li {
font-size: 15px; } .error {
padding: 60px 0; }
.error .part-txt {
padding-left: 30px; }
.error .part-txt h2 {
font-size: 40px;
margin-top: -3px;
margin-bottom: 14px; }
.error .part-txt h3 {
font-size: 25px;
margin-bottom: 19px; }
.error .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px; } .blog-inner {
padding-bottom: 60px; }
.blog-inner .pagination {
padding-top: 10px; }
.blog-inner .pagination ul li a {
width: 45px;
height: 45px;
line-height: 49px; } .blog-details {
padding: 60px 0; }
.blog-details .main-content {
margin-right: 0;
margin-bottom: 40px; }
.blog-details .main-content .part-img {
border-radius: 5px; }
.blog-details .main-content .blog-info {
margin-bottom: 20px; }
.blog-details .main-content .blog-info ul {
margin-bottom: 0; }
.blog-details .main-content .blog-info ul li {
font-size: 14px;
height: 40px;
line-height: 43px; }
.blog-details .main-content .part-txt {
margin-bottom: 17px; }
.blog-details .main-content .part-txt h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 22px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt-2 p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .quote {
padding: 30px 25px 26px;
border-radius: 5px;
margin-top: 0;
margin-bottom: 25px; }
.blog-details .main-content .quote:after {
display: none; }
.blog-details .main-content .quote span {
font-size: 20px;
line-height: 28px; }
.blog-details .main-content .quote span br {
display: none; }
.blog-details .main-content .other-info {
border-radius: 5px;
padding: 0 25px;
margin-bottom: 40px; }
.blog-details .main-content .other-info .tags p {
font-size: 14px; }
.blog-details .main-content .other-info .share a {
margin-right: 6px; }
.blog-details .main-content .blog-comment {
margin-bottom: 32px; }
.blog-details .main-content .blog-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .blog-comment .single-comment {
margin-bottom: 22px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 60px;
height: 60px;
margin-right: 30px; }
.blog-details .main-content .blog-comment .single-comment .txt {
width: auto;
width: 420px; }
.blog-details .main-content .blog-comment .single-comment .txt .top {
margin-bottom: 8px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 20px;
margin-bottom: 4px; }
.blog-details .main-content .blog-comment .single-comment .txt .top span {
font-size: 14px; }
.blog-details .main-content .blog-comment .single-comment .txt .top button {
font-size: 16px; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .post-a-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .post-a-comment form input {
height: 45px;
font-size: 14px;
margin-bottom: 20px; }
.blog-details .main-content .post-a-comment form textarea {
height: 100px;
font-size: 14px;
margin-bottom: 17px; }
.blog-details .sidebar {
max-width: 320px;
margin: 0 auto; }
.blog-details .sidebar .search-box {
margin-bottom: 30px; }
.blog-details .sidebar .search-box form input {
height: 45px;
font-size: 14px; }
.blog-details .sidebar .search-box form button {
font-size: 14px; }
.blog-details .sidebar h3 {
font-size: 20px;
margin-bottom: 15px; }
.blog-details .sidebar .widget_categories {
margin-bottom: 30px; }
.blog-details .sidebar .widget_categories ul li a {
padding: 0 25px;
height: 45px;
line-height: 45px;
font-size: 14px; }
.blog-details .sidebar .recent-post {
margin-bottom: 30px; }
.blog-details .sidebar .recent-post .box {
padding: 25px; }
.blog-details .sidebar .recent-post .box ul li a {
font-size: 14px;
line-height: 22px; }
.blog-details .sidebar .recent-post .box ul li span {
font-size: 14px; }
.blog-details .sidebar .recent-post .box ul li span i {
font-size: 12px; }
.blog-details .sidebar .tags .all-tags a {
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 15px; } .contact {
padding: 60px 0; }
.contact .form-area {
width: 450px;
margin: 0 auto 40px; }
.contact .form-area .title {
margin-bottom: 22px; }
.contact .form-area .title h2 {
font-size: 25px;
margin-top: -1px;
margin-bottom: 19px; }
.contact .form-area .title p {
font-size: 14px;
line-height: 22px; }
.contact .form-area .title p br {
display: none; }
.contact .form-area form input {
height: 45px;
padding: 0 25px;
font-size: 14px; }
.contact .form-area form textarea {
height: 150px;
padding: 15px 25px;
font-size: 14px;
margin-bottom: 22px; }
.contact .address-area .single-box {
padding: 30px 25px;
width: 450px;
margin: 0 auto; }
.contact .address-area .single-box.two {
margin-top: 30px; }
.contact .address-area .single-box .title h3 {
font-size: 20px;
margin-top: -1px;
margin-bottom: 30px; }
.contact .address-area .single-box .details {
width: 279px; }
.contact .address-area .single-box .details ul {
margin-top: -13px; }
.contact .address-area .single-box .details ul li {
font-size: 14px;
line-height: 27px;
margin-bottom: 0; }
.contact .address-area .single-box .details ul li:last-child {
margin-bottom: -10px; }
.contact .address-area .single-box .details ul li:last-child span {
margin-top: 0; }
.contact .address-area .single-box .details ul li span {
font-size: 14px;
margin-top: 2px; }
.map iframe {
height: 250px; } } @media only screen and (min-width: 480px) and (max-width: 575px) { .def-btn {
height: 45px;
line-height: 45px;
padding: 0 20px 0 24px;
font-size: 16px;
font-weight: 500; }
.heading {
margin-bottom: 40px; }
.heading h2 {
font-size: 25px;
line-height: 33px;
margin-top: -5px;
padding-bottom: 14px; }
.heading-2 {
margin-bottom: 50px; }
.heading-2 h2 {
font-size: 25px;
margin-top: 0;
margin-bottom: 19px; }
.heading-2 p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .header .top-header {
display: none; }
.header .bottom-header {
background: transparent;
position: relative;
z-index: 2; }
.header .bottom-header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: var(--tertiary_color);
z-index: -1; }
.header .bottom-header.fixed-header {
-webkit-box-shadow: 0 0;
box-shadow: 0 0; }
.header .bottom-header.fixed-header .logo {
padding: 10px 15px; }
.header .bottom-header .navbar-toggler {
padding: 0;
border: 0;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .logo {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px;
padding: 20px 15px 15px; }
.header .bottom-header .logo:before {
display: none; }
.header .bottom-header .logo:after {
top: 0;
bottom: -10px;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
border-radius: 0 0 35px 35px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header .navbar {
background: var(--quaternary-color);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
padding: 0; }
.header .bottom-header .navbar .navbar-nav {
padding: 15px;
max-height: 320px;
overflow-y: scroll; }
.header .bottom-header .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; }
.header .bottom-header .side-bar-btn .side-bar-show {
line-height: 1;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .next {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } .header-2 .logo {
width: 120px; }
.header-2 .navbar-toggler {
padding: 0;
width: 35px;
height: 35px;
line-height: 38px;
margin: 10px 0 10px auto;
background: var(--tertiary_color);
color: var(--quaternary-color);
font-size: 22px; }
.header-2 .navbar {
padding: 0; }
.header-2 .navbar .navbar-nav {
padding: 0 15px 15px;
max-height: 320px;
overflow-y: scroll; }
.header-2 .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; } .main-sidebar {
width: 320px; }
.main-sidebar .logo {
width: 70px;
height: 70px;
border-radius: 5px;
padding: 15px; }
.main-sidebar .side-about {
margin-bottom: 20px; }
.main-sidebar .side-about p {
font-size: 14px;
line-height: 22px;
margin-top: -5px; }
.main-sidebar .links {
margin-bottom: 20px; }
.main-sidebar .links h2 {
font-size: 20px;
margin-bottom: 18px; }
.main-sidebar .links ul li a {
font-size: 14px;
margin-bottom: 1px; }
.main-sidebar .side-contact {
margin-bottom: 22px; }
.main-sidebar .side-contact h2 {
font-size: 20px;
margin-bottom: 20px; }
.main-sidebar .side-contact ul li {
font-size: 14px;
margin-bottom: 8px; }
.main-sidebar .side-contact ul li i {
top: 5px; }
.main-sidebar .side-contact ul li span {
font-size: 14px; }
.main-sidebar .socials h2 {
font-size: 20px;
margin-bottom: 25px; } .banner .slider {
padding-top: 50px; }
.banner .slider:after {
top: 50px;
background-position-x: 15%; }
.banner .slider .banner-txt {
padding: 80px 0; }
.banner .slider .banner-txt h1,
#home-static-banner .part-txt h1 {
font-size: 27px;
line-height: 30px;
margin-top: -2px;
margin-bottom: 16px; }
.banner .slider .banner-txt p,
.banner .slider .banner-txt div.txt,
#home-static-banner .part-txt div.txt {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 22px; }
.banner .owl-dots {
margin: -82px auto 58px;
width: 100%; }
.banner .owl-dots .owl-dot {
margin-right: 10px;
width: 10px;
height: 10px; } .banner-2:after {
background-position-x: left;
background-position-y: top; }
.banner-2 .banner-txt {
padding: 80px 30px 80px 0; }
.banner-2 .banner-txt h1 {
font-size: 30px;
line-height: 38px;
margin-top: -6px;
margin-bottom: 14px; }
.banner-2 .banner-txt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px; } .blog {
padding-top: 60px;
padding-bottom: 30px; }
.blog .single-box {
width: 290px;
margin: 0 auto 30px; }
.blog .single-box .part-txt {
padding: 25px; }
.blog .single-box .part-txt .blog-info {
margin-bottom: 17px; }
.blog .single-box .part-txt .blog-info .date {
height: 40px;
line-height: 43px;
font-size: 13px;
padding: 0 10px; }
.blog .single-box .part-txt .blog-info .admin {
height: 40px;
line-height: 43px;
font-size: 13px; }
.blog .single-box .part-txt a {
font-size: 18px;
line-height: 24px;
margin-bottom: 7px; }
.blog .single-box .part-txt p {
font-size: 14px;
line-height: 24px;
margin-bottom: -9px; } .blog-2 {
padding-top: 60px;
padding-bottom: 30px; }
.blog-2 .single-box {
width: 350px;
margin: 0 auto 30px; }
.blog-2 .single-box .part-img .date span {
height: 40px;
line-height: 43px;
font-size: 14px; }
.blog-2 .single-box .part-txt {
padding: 25px; }
.blog-2 .single-box .part-txt ul {
margin-top: 0;
margin-bottom: 17px; }
.blog-2 .single-box .part-txt ul li {
font-weight: 500; }
.blog-2 .single-box .part-txt a {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px; }
.blog-2 .single-box .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .partner {
padding: 40px 0; }
.partner .partner-slider .single-partner {
height: 60px; } .footer .main-footer {
padding: 60px 0; }
.footer .main-footer .site-info {
margin-bottom: 30px; }
.footer .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 20px; }
.footer .main-footer .site-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px; }
.footer .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-bottom: 25px; }
.footer .main-footer h3.title:after {
height: 4px; }
.footer .main-footer .footer-contact {
margin-bottom: 26px; }
.footer .main-footer .footer-contact ul {
margin-top: 0;
margin-bottom: 0; }
.footer .main-footer .footer-contact ul li {
font-size: 14px;
line-height: 100%;
margin-bottom: 20px; }
.footer .main-footer .footer-contact ul li span {
font-size: 15px;
margin-right: 10px; }
.footer .main-footer .footer-service {
margin-bottom: 30px; }
.footer .main-footer .footer-service ul {
margin-top: -8px;
margin-bottom: -10px; }
.footer .main-footer .footer-service ul li {
font-size: 14px;
}
.footer .main-footer .gallery .images .single-img {
border-radius: 5px; }
.footer .copyright p {
font-size: 14px; } .footer-2 .main-footer {
padding-top: 60px; }
.footer-2 .main-footer .two {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.footer-2 .main-footer .one {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.footer-2 .main-footer .three {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.footer-2 .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-top: 0;
margin-bottom: 25px; }
.footer-2 .main-footer h3.title:after {
height: 4px; }
.footer-2 .main-footer .footer-contact {
padding-top: 60px;
padding-bottom: 0; }
.footer-2 .main-footer .footer-contact ul {
margin-bottom: -13px; }
.footer-2 .main-footer .footer-contact ul li {
font-size: 14px;
margin-bottom: 3px; }
.footer-2 .main-footer .footer-contact ul li span {
font-size: 14px; }
.footer-2 .main-footer .site-info {
padding: 60px 25px; }
.footer-2 .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 30px; }
.footer-2 .main-footer .site-info p {
font-size: 14px;
line-height: 22px;
margin-top: -4px;
margin-bottom: 22px; }
.footer-2 .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer-2 .main-footer .footer-service {
padding: 30px 0 60px; }
.footer-2 .main-footer .footer-service ul {
margin-top: -14px;
margin-bottom: -6px; }
.footer-2 .main-footer .footer-service ul li {
font-size: 14px;
height: 30px; }
.footer-2 .copyright p {
font-size: 14px; }  .breadcrumb {
margin-top: 50px; }
.breadcrumb .part-txt {
padding: 60px 0; }
.breadcrumb .part-txt h1 {
font-size: 30px;
margin-top: -2px;
margin-bottom: 17px; }
.breadcrumb .part-txt ul li {
font-size: 15px; } .error {
padding: 60px 0; }
.error .part-img {
width: 320px;
margin: 0 auto 40px; }
.error .part-txt {
text-align: center; }
.error .part-txt h2 {
font-size: 40px;
margin-top: -3px;
margin-bottom: 14px; }
.error .part-txt h3 {
font-size: 25px;
margin-bottom: 19px; }
.error .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px; } .blog-inner {
padding-bottom: 60px; }
.blog-inner .pagination {
padding-top: 10px; }
.blog-inner .pagination ul li a {
width: 45px;
height: 45px;
line-height: 49px; } .blog-details {
padding: 60px 0; }
.blog-details .main-content {
margin-right: 0;
margin-bottom: 40px; }
.blog-details .main-content .part-img {
border-radius: 5px; }
.blog-details .main-content .blog-info {
margin-bottom: 20px; }
.blog-details .main-content .blog-info ul {
margin-bottom: 0; }
.blog-details .main-content .blog-info ul li {
font-size: 14px;
height: 40px;
line-height: 43px;
margin-right: 15px; }
.blog-details .main-content .blog-info ul li.color {
padding: 0 15px; }
.blog-details .main-content .part-txt {
margin-bottom: 17px; }
.blog-details .main-content .part-txt h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 22px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt-2 p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .quote {
padding: 30px 25px 26px;
border-radius: 5px;
margin-top: 0;
margin-bottom: 25px; }
.blog-details .main-content .quote:after {
display: none; }
.blog-details .main-content .quote span {
font-size: 20px;
line-height: 28px; }
.blog-details .main-content .quote span br {
display: none; }
.blog-details .main-content .other-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
line-height: inherit;
border-radius: 5px;
padding: 25px;
margin-bottom: 40px; }
.blog-details .main-content .other-info .tags {
margin-bottom: 16px; }
.blog-details .main-content .other-info .tags p {
font-size: 14px;
line-height: 100%; }
.blog-details .main-content .blog-comment {
margin-bottom: 32px; }
.blog-details .main-content .blog-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .blog-comment .single-comment {
display: block;
margin-bottom: 22px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 60px;
height: 60px;
margin-right: 0;
margin-bottom: 20px; }
.blog-details .main-content .blog-comment .single-comment .txt {
width: auto; }
.blog-details .main-content .blog-comment .single-comment .txt .top {
margin-bottom: 8px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 20px;
margin-bottom: 4px; }
.blog-details .main-content .blog-comment .single-comment .txt .top span {
font-size: 14px; }
.blog-details .main-content .blog-comment .single-comment .txt .top button {
font-size: 16px; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .post-a-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .post-a-comment form input {
height: 45px;
font-size: 14px;
margin-bottom: 20px; }
.blog-details .main-content .post-a-comment form textarea {
height: 100px;
font-size: 14px;
margin-bottom: 17px; }
.blog-details .sidebar {
max-width: 320px;
margin: 0 auto; }
.blog-details .sidebar .search-box {
margin-bottom: 30px; }
.blog-details .sidebar .search-box form input {
height: 45px;
font-size: 14px; }
.blog-details .sidebar .search-box form button {
font-size: 14px; }
.blog-details .sidebar h3 {
font-size: 20px;
margin-bottom: 15px; }
.blog-details .sidebar .widget_categories {
margin-bottom: 30px; }
.blog-details .sidebar .widget_categories ul li a {
padding: 0 25px;
height: 45px;
line-height: 45px;
font-size: 14px; }
.blog-details .sidebar .recent-post {
margin-bottom: 30px; }
.blog-details .sidebar .recent-post .box {
padding: 25px; }
.blog-details .sidebar .recent-post .box ul li a {
font-size: 14px;
line-height: 22px; }
.blog-details .sidebar .recent-post .box ul li span {
font-size: 14px; }
.blog-details .sidebar .recent-post .box ul li span i {
font-size: 12px; }
.blog-details .sidebar .tags .all-tags a {
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 15px; } .contact {
padding: 60px 0; }
.contact .form-area {
width: 450px;
margin: 0 auto 40px; }
.contact .form-area .title {
margin-bottom: 22px; }
.contact .form-area .title h2 {
font-size: 25px;
margin-top: -1px;
margin-bottom: 19px; }
.contact .form-area .title p {
font-size: 14px;
line-height: 22px; }
.contact .form-area .title p br {
display: none; }
.contact .form-area form input {
height: 45px;
padding: 0 25px;
font-size: 14px; }
.contact .form-area form textarea {
height: 100px;
padding: 15px 25px;
font-size: 14px;
margin-bottom: 22px; }
.contact .address-area .single-box {
padding: 30px 25px;
width: 450px;
margin: 0 auto; }
.contact .address-area .single-box.two {
margin-top: 30px; }
.contact .address-area .single-box .title h3 {
font-size: 20px;
margin-top: -1px;
margin-bottom: 30px; }
.contact .address-area .single-box .details {
width: 279px; }
.contact .address-area .single-box .details ul {
margin-top: -13px; }
.contact .address-area .single-box .details ul li {
font-size: 14px;
line-height: 27px;
margin-bottom: 0; }
.contact .address-area .single-box .details ul li:last-child {
margin-bottom: -10px; }
.contact .address-area .single-box .details ul li:last-child span {
margin-top: 0; }
.contact .address-area .single-box .details ul li span {
font-size: 14px;
margin-top: 2px; }
.map iframe {
height: 250px; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .def-btn {
height: 45px;
line-height: 45px;
padding: 0 20px 0 24px;
font-size: 16px;
font-weight: 500; }
.heading {
margin-bottom: 40px; }
.heading h2 {
font-size: 25px;
line-height: 33px;
margin-top: -5px;
padding-bottom: 14px; }
.heading-2 {
margin-bottom: 50px; }
.heading-2 h2 {
font-size: 25px;
margin-top: 0;
margin-bottom: 19px; }
.heading-2 p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .header .bottom-header {
background: transparent;
position: relative;
z-index: 2; }
.header .bottom-header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: var(--tertiary_color);
z-index: -1; }
.header .bottom-header.fixed-header {
-webkit-box-shadow: 0 0;
box-shadow: 0 0; }
.header .bottom-header.fixed-header .logo {
padding: 10px 15px; }
.header .bottom-header .navbar-toggler {
padding: 0;
border: 0;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .logo {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px;
padding: 20px 15px 15px; }
.header .bottom-header .logo:before {
display: none; }
.header .bottom-header .logo:after {
top: 0;
bottom: -10px;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
border-radius: 0 0 35px 35px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }
.header .bottom-header .side-bar-btn .side-bar-show {
line-height: 1;
width: 25px;
height: 50px;
padding: 10px 0; }
.header .bottom-header .next {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } .header-2 .logo {
width: 120px; }
.header-2 .navbar-toggler {
padding: 0;
width: 35px;
height: 35px;
line-height: 38px;
margin: 10px 0 10px auto;
background: var(--tertiary_color);
color: var(--quaternary-color);
font-size: 22px; }
.header-2 .navbar {
padding: 0; }
.header-2 .navbar .navbar-nav {
padding: 0 15px 15px;
max-height: 320px;
overflow-y: scroll; }
.header-2 .navbar .navbar-nav .nav-item {
padding: 9px 0 6px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
display: none;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
display: block; }
.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
padding: 15px 20px; }
.header-2 .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
color: var(--tertiary_color);
padding: 5px 0; } .main-sidebar {
width: 320px; }
.main-sidebar .logo {
width: 70px;
height: 70px;
border-radius: 5px;
padding: 15px; }
.main-sidebar .side-about {
margin-bottom: 20px; }
.main-sidebar .side-about p {
font-size: 14px;
line-height: 22px;
margin-top: -5px; }
.main-sidebar .links {
margin-bottom: 20px; }
.main-sidebar .links h2 {
font-size: 20px;
margin-bottom: 18px; }
.main-sidebar .links ul li a {
font-size: 14px;
margin-bottom: 1px; }
.main-sidebar .side-contact {
margin-bottom: 22px; }
.main-sidebar .side-contact h2 {
font-size: 20px;
margin-bottom: 20px; }
.main-sidebar .side-contact ul li {
font-size: 14px;
margin-bottom: 8px; }
.main-sidebar .side-contact ul li i {
top: 5px; }
.main-sidebar .side-contact ul li span {
font-size: 14px; }
.main-sidebar .socials h2 {
font-size: 20px;
margin-bottom: 25px; } .banner .slider {
padding-top: 50px; }
.banner .slider:after {
top: 50px;
background-position-x: 15%; }
.banner .slider .banner-txt {
padding: 80px 0; }
.banner .slider .banner-txt h1,
#home-static-banner .part-txt h1 {
font-size: 27px;
line-height: 30px;
margin-top: -2px;
margin-bottom: 16px; }
.banner .slider .banner-txt p,
.banner .slider .banner-txt div.txt,
#home-static-banner .part-txt div.txt {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 22px; }
.banner .owl-dots {
margin: -82px auto 58px;
width: 100%; }
.banner .owl-dots .owl-dot {
margin-right: 10px;
width: 10px;
height: 10px; } .banner-2:after {
background-position-x: left;
background-position-y: top; }
.banner-2 .banner-txt {
padding: 80px 30px 80px 0; }
.banner-2 .banner-txt h1 {
font-size: 30px;
line-height: 38px;
margin-top: -6px;
margin-bottom: 14px; }
.banner-2 .banner-txt p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px; } .fun-fact .bg {
width: 290px;
padding: 25px 0;
margin: -40px auto 0; }
.fun-fact .bg .single-box {
padding: 25px 0; }
.fun-fact .bg .single-box .txt {
padding-left: 0; }
.fun-fact .bg .single-box .txt:after {
left: -40px;
width: 90px;
height: 90px; }
.fun-fact .bg .single-box .txt h2 {
font-size: 35px;
font-weight: 600;
margin-top: -4px;
margin-bottom: 4px; }
.fun-fact .bg .single-box .txt p {
font-size: 16px;
font-weight: 500;
margin-bottom: -4px; } .fun-fact-2 {
padding: 20px 0; }
.fun-fact-2 .single-box {
padding: 20px 0; }
.fun-fact-2 .single-box:before, .fun-fact-2 .single-box:after {
display: none; }
.fun-fact-2 .single-box .txt h2 {
font-size: 30px;
font-weight: 600;
padding-bottom: 9px;
margin-top: -4px;
margin-bottom: 7px; }
.fun-fact-2 .single-box .txt h2:after {
font-size: 10px; }
.fun-fact-2 .single-box .txt p {
font-size: 14px;
font-weight: 400;
margin-bottom: -4px; } div.blog {
padding-top: 60px;
padding-bottom: 30px; }
div.blog .single-box {
width: 290px;
margin: 0 auto 30px; }
div.blog .single-box .part-txt {
padding: 25px; }
div.blog .single-box .part-txt .blog-info {
margin-bottom: 17px; }
div.blog .single-box .part-txt .blog-info .date {
height: 40px;
line-height: 43px;
font-size: 13px;
padding: 0 10px; }
div.blog .single-box .part-txt .blog-info .admin {
height: 40px;
line-height: 43px;
font-size: 13px; }
div.blog .single-box .part-txt a {
font-size: 18px;
line-height: 24px;
margin-bottom: 7px; }
div.blog .single-box .part-txt p {
font-size: 14px;
line-height: 24px;
margin-bottom: -9px; } .blog-2 {
padding-top: 60px;
padding-bottom: 30px; }
.blog-2 .single-box {
width: 290px;
margin: 0 auto 30px; }
.blog-2 .single-box .part-img .date span {
height: 40px;
line-height: 43px;
font-size: 14px; }
.blog-2 .single-box .part-txt {
padding: 25px; }
.blog-2 .single-box .part-txt ul {
margin-top: 0;
margin-bottom: 17px; }
.blog-2 .single-box .part-txt ul li {
font-weight: 500; }
.blog-2 .single-box .part-txt a {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px; }
.blog-2 .single-box .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: -8px; } .partner {
padding: 40px 0; }
.partner .partner-slider .single-partner {
height: 60px; } .footer .main-footer {
padding: 60px 0; }
.footer .main-footer .site-info {
margin-bottom: 30px; }
.footer .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 20px; }
.footer .main-footer .site-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px; }
.footer .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-bottom: 25px; }
.footer .main-footer h3.title:after {
height: 4px; }
.footer .main-footer .footer-contact {
margin-bottom: 26px; }
.footer .main-footer .footer-contact ul {
margin-top: 0;
margin-bottom: 0; }
.footer .main-footer .footer-contact ul li {
font-size: 14px;
line-height: 100%;
margin-bottom: 20px; }
.footer .main-footer .footer-contact ul li span {
font-size: 15px;
margin-right: 10px; }
.footer .main-footer .footer-service {
margin-bottom: 30px; }
.footer .main-footer .footer-service ul {
margin-top: -8px;
margin-bottom: -10px; }
.footer .main-footer .footer-service ul li {
font-size: 14px;
}
.footer .main-footer .gallery .images .single-img {
border-radius: 5px; }
.footer .copyright p {
font-size: 14px; } .footer-2 .main-footer {
padding-top: 60px; }
.footer-2 .main-footer .two {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.footer-2 .main-footer .one {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.footer-2 .main-footer .three {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.footer-2 .main-footer h3.title {
font-size: 25px;
padding-bottom: 17px;
margin-top: 0;
margin-bottom: 25px; }
.footer-2 .main-footer h3.title:after {
height: 4px; }
.footer-2 .main-footer .footer-contact {
padding-top: 60px;
padding-bottom: 0; }
.footer-2 .main-footer .footer-contact ul {
margin-bottom: -13px; }
.footer-2 .main-footer .footer-contact ul li {
font-size: 14px;
margin-bottom: 3px; }
.footer-2 .main-footer .footer-contact ul li span {
font-size: 14px; }
.footer-2 .main-footer .site-info {
padding: 60px 25px; }
.footer-2 .main-footer .site-info .logo {
width: 80px;
height: 80px;
padding: 15px;
margin-bottom: 30px; }
.footer-2 .main-footer .site-info p {
font-size: 14px;
line-height: 22px;
margin-top: -4px;
margin-bottom: 22px; }
.footer-2 .main-footer .site-info .social a {
width: 35px;
height: 35px;
line-height: 38px; }
.footer-2 .main-footer .footer-service {
padding: 30px 0 60px; }
.footer-2 .main-footer .footer-service ul {
margin-top: -14px;
margin-bottom: -6px; }
.footer-2 .main-footer .footer-service ul li {
font-size: 14px;
height: 30px; }
.footer-2 .copyright p {
font-size: 14px; }  .breadcrumb {
margin-top: 50px; }
.breadcrumb .part-txt {
padding: 60px 0; }
.breadcrumb .part-txt h1 {
font-size: 30px;
margin-top: -2px;
margin-bottom: 17px; }
.breadcrumb .part-txt ul li {
font-size: 15px; } .error {
padding: 60px 0; }
.error .part-img {
max-width: 320px;
margin: 0 auto 40px; }
.error .part-txt {
text-align: center; }
.error .part-txt h2 {
font-size: 40px;
margin-top: -3px;
margin-bottom: 14px; }
.error .part-txt h3 {
font-size: 25px;
margin-bottom: 19px; }
.error .part-txt p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px; } .blog-inner {
padding-bottom: 60px; }
.blog-inner .pagination {
padding-top: 10px; }
.blog-inner .pagination ul li a {
width: 45px;
height: 45px;
line-height: 49px; } .blog-details {
padding: 60px 0; }
.blog-details .main-content {
margin-right: 0;
margin-bottom: 40px; }
.blog-details .main-content .part-img {
border-radius: 5px; }
.blog-details .main-content .blog-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px; }
.blog-details .main-content .blog-info ul {
margin-bottom: 0; }
.blog-details .main-content .blog-info ul li {
font-size: 14px;
height: 40px;
line-height: 43px; }
.blog-details .main-content .part-txt {
margin-bottom: 17px; }
.blog-details .main-content .part-txt h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .part-txt-2 {
margin-bottom: 22px; }
.blog-details .main-content .part-txt-2 h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 17px; }
.blog-details .main-content .part-txt-2 p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .quote {
padding: 30px 25px 26px;
border-radius: 5px;
margin-top: 0;
margin-bottom: 25px; }
.blog-details .main-content .quote:after {
display: none; }
.blog-details .main-content .quote span {
font-size: 20px;
line-height: 28px; }
.blog-details .main-content .quote span br {
display: none; }
.blog-details .main-content .other-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
line-height: inherit;
border-radius: 5px;
padding: 25px;
margin-bottom: 40px; }
.blog-details .main-content .other-info .tags {
margin-bottom: 16px; }
.blog-details .main-content .other-info .tags p {
font-size: 14px;
line-height: 100%; }
.blog-details .main-content .blog-comment {
margin-bottom: 32px; }
.blog-details .main-content .blog-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .blog-comment .single-comment {
display: block;
margin-bottom: 22px; }
.blog-details .main-content .blog-comment .single-comment .img {
width: 60px;
height: 60px;
margin-right: 0;
margin-bottom: 20px; }
.blog-details .main-content .blog-comment .single-comment .txt {
width: auto; }
.blog-details .main-content .blog-comment .single-comment .txt .top {
margin-bottom: 8px; }
.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
font-size: 20px;
margin-bottom: 4px; }
.blog-details .main-content .blog-comment .single-comment .txt .top span {
font-size: 14px; }
.blog-details .main-content .blog-comment .single-comment .txt .top button {
font-size: 16px; }
.blog-details .main-content .blog-comment .single-comment .txt p {
font-size: 14px;
line-height: 22px; }
.blog-details .main-content .post-a-comment h3 {
font-size: 20px;
margin-bottom: 25px; }
.blog-details .main-content .post-a-comment form input {
height: 45px;
font-size: 14px;
margin-bottom: 20px; }
.blog-details .main-content .post-a-comment form textarea {
height: 100px;
font-size: 14px;
margin-bottom: 17px; }
.blog-details .sidebar {
max-width: 320px;
margin: 0 auto; }
.blog-details .sidebar .search-box {
margin-bottom: 30px; }
.blog-details .sidebar .search-box form input {
height: 45px;
font-size: 14px; }
.blog-details .sidebar .search-box form button {
font-size: 14px; }
.blog-details .sidebar h3 {
font-size: 20px;
margin-bottom: 15px; }
.blog-details .sidebar .widget_categories {
margin-bottom: 30px; }
.blog-details .sidebar .widget_categories ul li a {
padding: 0 25px;
height: 45px;
line-height: 45px;
font-size: 14px; }
.blog-details .sidebar .recent-post {
margin-bottom: 30px; }
.blog-details .sidebar .recent-post .box {
padding: 25px; }
.blog-details .sidebar .recent-post .box ul li a {
font-size: 14px;
line-height: 22px; }
.blog-details .sidebar .recent-post .box ul li span {
font-size: 14px; }
.blog-details .sidebar .recent-post .box ul li span i {
font-size: 12px; }
.blog-details .sidebar .tags .all-tags a {
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 15px; } .contact {
padding: 60px 0; }
.contact .form-area {
margin-bottom: 40px; }
.contact .form-area .title {
margin-bottom: 22px; }
.contact .form-area .title h2 {
font-size: 25px;
margin-top: -1px;
margin-bottom: 19px; }
.contact .form-area .title p {
font-size: 14px;
line-height: 22px; }
.contact .form-area .title p br {
display: none; }
.contact .form-area form input {
height: 45px;
padding: 0 25px;
font-size: 14px; }
.contact .form-area form textarea {
height: 100px;
padding: 15px 25px;
font-size: 14px;
margin-bottom: 22px; }
.contact .address-area .single-box {
padding: 30px 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.contact .address-area .single-box.two {
margin-top: 30px; }
.contact .address-area .single-box .title h3 {
font-size: 20px;
margin-top: -1px;
margin-bottom: 30px; }
.contact .address-area .single-box .details {
width: 100%; }
.contact .address-area .single-box .details ul {
margin-top: -13px; }
.contact .address-area .single-box .details ul li {
font-size: 14px;
line-height: 27px;
margin-bottom: 0; }
.contact .address-area .single-box .details ul li:last-child {
margin-bottom: -10px; }
.contact .address-area .single-box .details ul li:last-child span {
margin-top: 0; }
.contact .address-area .single-box .details ul li span {
font-size: 14px;
margin-top: 2px; }
.map iframe {
height: 250px; } } .elementor-section.elementor-section-boxed > .elementor-container .elementor-container{
max-width: 100%!important;
min-width: 100%!important;
}