/*
Template: FreeBuild - Construction HTML5 Template
Author: ModinaTheme
最新最全最好的Bootstrap模板：http://www.bootstrapmb.com
Description: Construction HTML5 Template.
Version: 1.0
*/
/*
=================================
|*** Table of contents: ***|
=================================
1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Welcome Hero Section
8. About Me
9. Shop
10. Services
11. Facts - CountToUp
12. Portfolio
13. Video Section
14. Testimonials
15. Clients Logo Carousel
16. Blog Section
17. Contact Form
19. Contact Information & Address
20. Social Network Icons Button
21. Footer
21. Blog - Single Blog Post Page
*/
/* ----------------------------------------
----------- 1.GENERAL STYLES -----------
---------------------------------------- */
/* Google font */
@import url('https://fonts.googleapis.com/css?family=Yantramanav:300,400,500,700,900&display=swap');
* {
margin: 0px;
padding: 0px;
}
body,
html,
.wrapper {
height: 100%;
}
body {
font-family: 'Yantramanav', sans-serif;
color: #666666;
font-size: 18px;
line-height: 28px;
font-weight: 400;
overflow-x: hidden;
}
a:focus {
outline: 0 solid
}
a {
transition: all 0.3s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
input::-moz-focus-inner {
border: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a:hover {
text-decoration: none;
outline: none !important;
}
a:focus,
a:active {
text-decoration: none;
outline: none !important;
}
::placeholder {
color: #666;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #666;
}
.theme_btn {
display: inline-block;
padding: 10px 50px;
background: #ff5e10;
color: #fff;
transition: all .4s;
margin-top: 10px;
}
.section-padding {
padding: 60px 0px;
}
.section_bg {
background: #fafafb;
}
/* ----------------------------------------
-------------- 2.TYPOGRAPHY ------------
---------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
font-family: 'Yantramanav', sans-serif;
margin: 0 0 10px;
font-weight: 500;
color: #09316f;
}
h1 {
font-size: 80px;
line-height: 80px;
}
h2 {
font-size: 36px;
line-height: 48px;
}
h3 {
font-size: 26px;
line-height: 29px;
}
h4 {
font-size: 20px;
line-height: 29px;
}
h5 {
font-size: 18px;
line-height: 26px;
}
h6 {
font-size: 14px;
line-height: 30px;
}
p {
color: #63688e;
line-height: 28px;
font-size: 16px;
}
a {
font-family: 'Yantramanav', sans-serif;
text-decoration: none;
font-size: 16px;
font-weight: 400;
outline: none !important;
cursor: pointer;
line-height: 32px;
}
h2 {
margin-top: -5px;
}
/* preloader */
.pre-loader {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #ff5e10;
z-index: 999999999;
left: 0;
top: 0;
}
.sk-cube-grid {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #fff;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
/* scrollup */
#scrollUp {
background-color: #ff5a27;
border-radius: 50%;
bottom: 20px;
color: #ffffff;
font-size: 22px;
height: 50px;
line-height: 54px;
right: 20px;
text-align: center;
width: 50px;
-webkit-box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1);
box-shadow: 0 10px 20px 0 rgba(23, 22, 49, 0.1);
font-weight: 400;
}
/* header */
.top-header span {
color: #003366;
line-height: 26px;
font-size: 16px;
margin-right: 40px;
}
.social-profile ul li, .social-profile ul li a {
display: inline-block;
}
.social-profile ul li a {
color: #003366;
margin-left: 20px;
}
.top-header {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
}
.top-header span i {
padding-right: 5px;
}
.main-menu nav li a {
color: #050825;
text-transform: capitalize;
padding-left: 40px;
font-size: 18px;
font-weight: 500;
}
.main-menu ul > li a:hover {
color: #ff6600;
}
.menu-style-one ul li ul {
position: absolute;
width: 190px;
text-align: center;
background: #ff6600;
z-index: 333;
margin-top: -5px;
left: 0;
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.menu-style-one ul li {
display: inline-block;
position: relative;
}
.menu-style-one ul li ul li {
display: block;
}
.menu-style-one ul li ul li a {
padding-left: 0px;
display: block;
color: #fff;
padding: 3px 0px;
}
.menu-style-one ul li ul {}
.menu-style-one ul li:hover ul {
visibility: visible;
opacity: 1;
margin-top: 29px;
}
.menu-style-one ul li ul li:hover a {
color: #fff;
background: #050825;
}
.navbar.navbar-expand-md {
padding: 0;
}
.menu-two#sticky-nav {
padding-top: 25px;
padding-bottom: 0px;
}
#sticky-nav {
background: #fff;
padding-top: 25px;
box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
transition: al 0.60s ease-in-out;
padding-bottom: 25px;
}
.header-menu-two#sticky-nav {
background: #ff5e10;
padding: 0px;
}
.header-two #sticky-nav-sticky-wrapper {
height: 62px !important;
}
/* hero section */
.hero-slider-area {
z-index: 1;
}
.single-hero-slide span {
font-size: 16px;
line-height: 30px;
font-weight: 500;
color: #09316f;
}
.single-hero-slide {
position: relative;
overflow: hidden;
height: 690px;
background-color: #f2f3f5;
}
.slide-img {
position: absolute;
bottom: -35px;
right: 20%;
}
/* what we do section */
.what-we-do-title h2 span {
color: #ff5e10;
}
.what-we-do-title > span {
text-transform: uppercase;
margin-bottom: 15px;
display: block;
line-height: 1;
}
.what-we-do-title h2 {
margin-top: 10px;
font-size: 60px;
font-weight:bold;
}
.what-we-do-title {
margin-bottom: 60px;
margin-top: 10px;
}
.single-we-do img {
width: 100%;
}
.single-we-do h3 {
margin-top: 25px;
}
.what-we-do.section-padding {
padding-bottom: 80px;
}
.single-we-do p {
color: #565969;
text-align:left;
}
.single-we-do {
margin-bottom: 40px;
}
.theme_btn.btn_tb {
background: transparent;
color: #09316f;
border: 1px solid #ddd;
margin-left: 10px;
}
.theme_btn:hover {
background: #09316f;
color: #fff;
}
.theme_btn.btn_tb:hover {
background: #ff5e10;
color: #fff;
border: 1px solid #ff5e10;
}
/* theme heading- title */
.theme-heading h2 {
font-size: 50px;
line-height: 1;
margin-top: -5px;
margin-bottom: 30px;
}
.theme-heading span {
line-height: 1;
margin-top: -2px;
display: block;
margin-bottom: 15px;
color: #565969;
text-transform: uppercase;
font-weight: 500;
}
/* FQ - Ask */
.fq-ask-wrap {
background: #f2f3f5;
}
.frequent-ask-accrodian .card-header h5 {
position: relative;
}
.frequent-ask-accrodian .btn.btn-link::after, button.btn.btn-link::before {
position: absolute;
right: 0;
top: 50%;
width: 15px;
height: 2px;
background: #fff;
content: "";
transition: all .5s;
margin-top: -1px;
}
.card-body {
padding: 15px 30px;
}
.card-header {
position: relative;
padding-left: 35px;
}
.card-header::before {
width: 10px;
height: 10px;
display: inline-block;
content: "";
position: absolute;
left: 18px;
top: 50%;
background: #fff;
border-radius: 50%;
transform: translateY(-50%);
}
.frequent-ask-accrodian .btn.btn-link::after {
transform: rotate(0deg);
margin-top: -1px;
}
.frequent-ask-accrodian .btn.btn-link.collapsed::after {
transform: rotate(90deg);
}
.card-header .btn.btn-link {
color: #fff;
width: 100%;
text-align: left;
}
.card-header {
margin-bottom: 0;
background-color: #ff5e10;
border: none;
margin-bottom: 0;
overflow: hidden;
border-radius: 30px !important;
}
.card-header .btn.btn-link {
text-decoration: none;
}
.card-header:hover {
background: #09316f;
transition: all .4s;
}
.card {
border: none;
margin-top: 10px;
background: transparent;
}
/* services section */
.single-service {
text-align: center;
margin-bottom: 30px;
}
.single-service h3 {
margin-bottom: 20px;
}
.icon-shape {
position: relative;
transition: all .3s ease-in-out;
}
.service-shape-icon {
transition: all .3s ease-in-out;
position: absolute;
z-index: 11;
color: #ffff;
left: 50%;
top: 50%;
transform: translateX(-50%);
margin-top: -16px;
}
.single-service:hover svg.icon-shape path {
fill: rgb(255, 94, 16);
}
.single-service:hover svg.service-shape-icon path {
fill: rgb(242, 243, 245);
}
.service-icon {
position: relative;
margin-bottom: 20px;
}
.single-service:hover .service-shape-icon img {
filter: brightness(200);
}
/* call to action */
.call-action-bg {
position: absolute;
left: -10%;
top: 0;
transform: scale(1.2);
z-index: -1;
}
.call-to-action-wrap {
position: relative;
z-index: 1;
}
/* footer area */
footer {
background: #050825;
}
footer p, footer span, footer a, .single-footer-widget p {
color: #9ca5af;
}
.footer-menu li {
display: inline-block;
}
.footer-menu li a {
color: #959ea8;
margin-left: 27px;
}
.single-footer-widget h3 {
color: #fff;
padding-bottom: 10px;
display: block;
}
.single-footer-widget.business-hour span {
padding-left: 15px;
}
.news-img {
max-width: 100px;
margin-right: 10px;
}
.news-title a {
display: block;
line-height: 1.5;
margin-top: -3px;
}
.news-title span {
font-size: 12px;
line-height: 1;
}
.single-recent-news {
border-bottom: 1px solid #131e3e;
margin-bottom: 18px;
padding-bottom: 13px;
}
.single-recent-news:last-child {
padding: 0;
margin: 0;
border: none;
}
.footer-bootm {
border-top: 1px solid #131e3e;
}
.call-to-action-wrap::before, .call-to-action-wrap::after {
width: 100%;
height: 100%;
position: absolute;
background: #00255e;
content: "";
left: 0;
top: 0;
opacity: .77;
z-index: -1;
}
a.theme_btn.call-action-btn:hover {
background: #022858;
}
.contact-info-bg {
background: #ff5e10;
}
.single-contact-info {
display: flex;
align-items: center;
}
.search_row .input-group .form-control{ /* background-color:transparent;*/border:#777 solid 1px; color:#000;}
.search_row .input-group .form-control::-ms-expand {
border:#6c757d solid 1px; }
.search_row .input-group .form-control:focus {
color: #fff;
background-color:#777;
border: #777 solid 1px;
outline: 1;
}
.search_row .input-group .btn-outline-secondary {
color: #fff;
border-color:#777;
background: #ff5e10;
}
.contact-info-bg {
padding-top: 20px;
padding-bottom: 15px;
border-radius: 2px;
}
.contact-icon {
margin-right: 30px;
}
.follow-icons a {
border-style: solid;
border-width: 1px;
border-color: rgb(255, 129, 66);
border-radius: 50%;
width: 37px;
height: 37px;
display: inline-block;
text-align: center;
line-height: 39px;
margin-right: 5px;
color: #fff;
transition: all .3s;
}
.follow-icons a:hover i {
color: #ff5e10;
}
.follow-icons a:hover {
background: #fff;
border-color: #fff;
}
.contact-content p {
margin: 0;
}
.footer-section {
margin-top: -70px;
overflow: inherit;
position: relative;
}
.contact-section {
overflow: inherit;
z-index: 1;
position: relative;
}
.subscribe-box {
padding-top: 8px;
}
.subscribe-box form input {
position: relative;
border-radius: 2px;
background-color: rgba(28, 41, 82, 0.502);
height: 42px;
width: 100%;
border: none;
font-size: 12px;
color: #fff;
padding-left: 15px;
}
.footer-menu li a:hover {
color: #ff5e14;
}
.subscribe-box form button {
border-radius: 2px;
background-color: rgb(255, 94, 16);
position: absolute;
width: 26px;
height: 26px;
color: #fff;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
}
/* --------------------------------------------- */
/* ======== our portfolio section ============= */
.single-portofolio {
position: relative;
height: 500px;
z-index: 1;
transition: all .3s;
background-position: center;
}
.portfolio-content {
padding: 60px;
opacity: 0;
visibility: hidden;
transition: all .3s;
}
.portfolio-single-content p:last-child {
margin: 0;
}
a.read-more-port {
position: absolute;
bottom: 55px;
font-size: 12px;
font-weight: 600;
transition: all .3s;
text-transform: uppercase;
}
.portfolio-cat span {
position: relative;
padding-left: 67px;
font-size: 18px;
}
.portfolio-cat span::before {
width: 58px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
background: #fff;
content: "";
transform: translateY(-50%);
}
a.read-more-port i {
padding-left: 10px;
}
.single-portofolio::before {
width: 100%;
height: 100%;
background: #ff5e14;
top: 0;
left: 0;
content: "";
position: absolute;
z-index: -1;
transition: all .3s;
opacity: 0;
visibility: hidden;
transform: scale(0);
}
.single-portofolio:hover::before {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.single-portofolio:hover .portfolio-content {
opacity: 1;
visibility: visible;
}
.portfolio-filter-buttons button:hover {
background: #ff5e10;
color: #fff;
}
/* -------------------------------------------------- */
/* =============== Blog Section - Carousel ============ */
.blog-feature-img {
background-color: rgb(235, 235, 235);
height: 280px;
position: relative;
background-size: cover;
background-position: center;
}
.blog-box-content {
padding-left: 35px;
padding-right: 30px;
margin-top: -53px;
position: relative;
}
.post-date {
background-color: #ff5e10;
text-align: center;
color: #fff;
display: inline-block;
padding: 20px 22px 15px;
margin-bottom: 25px;
}
.post-date span {
display: block;
font-size: 20px;
}
.post-date span:first-child {
font-size: 37px;
font-weight: 700;
}
.post-date span:last-child {
margin-top: 2px;
text-transform: capitalize;
}
.blog-box-content h3{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.blog-box-content h3 a {
color: #09316f;
font-size: inherit;
font-weight: 500;
}
.post-cats span {
color: #565969;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
position: relative;
display: inline-block;
}
a.read-more:hover,
.blog-box-content h3:hover a {
color: #ff5e10;
}
a.read-more {text-transform: uppercase;color: #09316f;transition: all .3s;line-height: 1;}
a.read-more i {
color: #ff5e10;
padding-right: 12px;
}
.single-blog-box {
margin-top: 30px;
}
.blog-wrapper .owl-theme .owl-nav {
position: absolute;
right: 0;
top: -90px;
}
.blog-wrapper .owl-theme .owl-nav div {
background: transparent;
color: #e7e7e7;
transition: all .3s;
font-size: 30px;
}
.blog-wrapper .owl-theme .owl-nav div:hover {
background: transparent;
color: #ff5e10;
}
/* Home Page - Two */
.top-bar-two {
padding: 8px 0px;
}
.top-bar-two .container {
border-bottom: 1px solid #e1e1e1;
}
.contact-top-icon i{
color: #09316f;
font-size: 36px;
margin-right: 20px;
}
.contact-text {
color: #565969;
font-size: 16px;
line-height: 1.5;
}
.contact-text span {
display: block;
color: #09316f;
}
.header-menu-two nav > ul li a {
font-weight: 500;
text-transform: capitalize;
display: inline-block;
margin-right: 58px;
color: #fff;
position: relative;
transition: all .3s;
padding: 15px 0px;
}
.header-menu-two ul li ul li a {
display: block;
}
.header-menu-two ul li ul li a {
display: block;
margin: 0;
}
.menu-style-one.menu-two ul li ul {
top: 30px;
left: -30px;
}
.header-menu-two {
background: #ff5e10;
}
.header-middle {
padding-top: 15px;
padding-bottom: 24px;
}
.icon-menu a {
border-radius: 50%;
background-color: rgb(255, 116, 46);
width: 38px;
height: 38px;
color: #fff;
display: inline-block;
text-align: center;
line-height: 40px;
transition: all .3s;
margin-left: 15px;
}
.icon-menu {
position: absolute;
right: 0;
}
/* slider two */
.single-hero-slide h2 {
font-size: 60px;
line-height: 1;
font-weight: 900;
margin-top: 8px;
margin-bottom: 27px;
}
.slider-home-two .single-hero-slide,
.hero-slide-active .single-hero-slide {
height: 720px;
}
.slide-img.slide-img-left {
left: 10%;
right: auto;
}
/* about us */
.single-about img {
margin-bottom: 15px;
}
.single-about img {
margin-bottom: 19px;
}
.single-about {
border-width: 1px;
border-color: rgb(235, 235, 235);
border-style: solid;
padding: 40px 18px;
position: relative;
transition: all .3s;
margin-bottom: 10px;
margin-top: 20px;
}
.single-about a {
border-width: 1px;
border-color: rgb(235, 235, 235);
border-style: solid;
border-radius: 50%;
background-color: rgb(255, 255, 255);
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
color: #ff5e10;
transition: all .3s ease;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.single-about:hover a {
background: #ff5e10;
border: 1px solid #ff5e10;
color: #fff;
}
.single-about:hover {
border: 1px solid #ff5e10;
}
.single-about h3 {
margin-bottom: 15px;
}
/* testimonial area */
.client-img {
border-radius: 50%;
background-color: rgb(222, 222, 222);
width: 53px;
height: 53px;
display: inline-block;
overflow: hidden;
margin-right: 25px;
}
.single-testimonial p {
font-size: 18px;
color: #565969;
}
.single-testimonial i {
color: #ff5e14;
font-size: 22px;
margin-bottom: 10px;
}
.single-testimonial {
padding: 40px;
transition: all .3s ease;
border: 1px solid transparent;
}
.client-info h4 {
line-height: 1;
font-size: 24px;
margin-bottom: 0px;
padding-top: 1px;
}
.client-info span {
font-size: 12px;
line-height: 1;
font-weight: 700;
}
.single-testimonial:hover {
border: 1px solid #ff5e14;
}
.client-details {margin-top: 30px;}
/* portfolio two */
.portfolio-filter-buttons button, .portfolio-filter-buttons a.cata {
display: inline-block;
text-transform: capitalize;
background: #fff;
transition: all .4s;
border-radius: 30px;
height: 50px;
line-height: 50px;
padding: 0px 30px;
color: #09316f;
border: none;
margin: 0px 2px;
border: #e1e1e1 1px solid;
}
.portfolio-filter-buttons {
margin-bottom: 60px;
}
/* video section */
.video-section-wrap {
position: relative;
height: 600px;
background-color: #f2f3f5;
}
.video-section-wrap.sada-bg {background: #fff;}
.video-bg {
position: absolute;
width: 50%;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
}
.video-bg::before {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
content: "";
position: absolute;
opacity: .3;
}
a.play_video_btn i {
margin-right: 10px;
text-align: center;
display: inline-block;
line-height: 80px;
width: 80px;
font-size: 22px;
border-radius: 50%;
height: 80px;
background: #fff;
color: #ff5e14;
-webkit-animation: playVideo 2s linear infinite;
animation: playVideo 2s linear infinite;
}
@keyframes playVideo
{
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 94, 16, .3);
box-shadow: 0 0 0 0 rgba(255, 94, 16, .3);
}
40% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 94, 16, 0);
box-shadow: 0 0 0 20px rgba(255, 94, 16, 0);
}
80% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 94, 16, 0);
box-shadow: 0 0 0 20px rgba(255, 94, 16, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 94, 16, 0);
box-shadow: 0 0 0 0 rgba(255, 94, 16, 0);
}
}
.video-section-content h2 {
font-size: 60px;
margin-bottom: 30px;
}
.video-section-content ul li {
position: relative;
padding-left: 22px;
transition: all .3s;
}
.video-section-content ul li:hover {
padding-left: 30px;
}
.video-section-content ul li::before {
position: absolute;
font-size: 22px;
content: "\f105";
left: 0;
top: 0;
color: #ff5e14;
font-family: "Font Awesome 5 Pro";
transition: all .3s;
}
.video-section-content ul li:hover::before {
left: 10px;
}
.video-section-content ul li h3 {
margin-bottom: 0;
}
/* call to action from and video section */
.call-to-action-form {
background: #09316f;
}
.call-to-form form input, .call-to-form form textarea {
border: none;
border-width: 1px;
border-color: rgb(22, 82, 171);
border-style: solid;
height: 43px;
background: transparent;
display: inline-block;
line-height: 43px;
color: #fff;
margin-top: 12px;
padding-left: 15px;
}
.col-12.col-md-6 {
}
.call-to-form form input::placeholder, .call-to-form form textarea::placeholder, .subscribe-box form input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.call-to-form form textarea {
height: 100px;
width: 100%;
display: block;
}
.call-to-form form input {
width: 48.6%;
margin-left: 11px;
}
.call-to-form form input:first-child {
margin-left: 0px;
}
.submit_btn.theme_btn {
margin-top: 20px;
}
.submit_btn.theme_btn:hover, .subscribe-box form button:hover {
background: #e34c02;
}
.call-to-video {
height: 297px;
width: 100%;
position: relative;
}
/* home pag ethree */
.funfact-countup {
background: #f2f3f5;
}
.funfact-countup h1 {
margin-top: -10px;
font-size: 60px;
line-height: 1;
margin-left: -3px;
margin-bottom: 30px;
}
.fact-img {
position: absolute;
bottom: -120px;
right: 0;
}
.single-countup span {
display: block;
font-size: 60px;
font-weight: 600;
color: #ff5e10;
margin-bottom: 30px;
}
.single-countup {
margin-top: 30px;
margin-bottom: -5px;
}
.features-box-items {
position: relative;
margin-top: -120px;
z-index: 1;
}
.single-feature-box-item {
border-width: 1px;
border-color: rgb(235, 235, 235);
border-style: solid;
background-color: rgb(255, 255, 255);
text-align: center;
padding: 60px;
}
/* Page Banner */
.page-banner-wrap {
height: 400px;
z-index: 1;
}
.page-banner-wrap::before, .page-banner-wrap::after {
background: #f2f3f5;
width: 100%;
height: 100%;
position: absolute;
content: "";
left: 0;
top: 0;
opacity: .7;
z-index: -1;
}
.page-banner span {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #565969;
}
.page-banner h2 {
font-size: 60px;
line-height: 1.4;
text-transform: capitalize;
margin-bottom: 0px;
}
.page-section-bg {
background: #f2f3f5;
}
.contact-sec-bg::before {
width: 100%;
position: absolute;
content: "";
background: #f2f3f5;
z-index: -6;
left: 0;
height: 50%;
}
/* service deatils css */
.service-cat>ul>li>a {
border-width: 1px;
border-color: rgb(238, 238, 238);
border-style: solid;
background-color: rgb(255, 255, 255);
display: block;
font-size: 18px;
padding: 5px 25px;
line-height: 1;
transition: all .3s;
color: #565969;
}
.service-cat ul li ul li a {
border-width: 1px;
border-color: #ccc;
border-style: solid;
background-color: #eee;
display: block;
font-size: 14px;
padding: 10px 0px;
line-height: 1;
transition: all .3s;
color: #565969;
text-indent: 38px;
}
.service-cat li a i {
float: right;
color: #ff5e10;
}
.service-cat li a:hover, .download-details a:hover {
background-color: rgb(255, 94, 16);
color: #fff;
padding-left: 20px;
}
.service-cat li a:hover i {
color: #fff;
}
.service-cat {
margin-bottom: 75px;
}
.service-cat ul.yiji li[cat_id="237"] a{
background-color: rgb(255, 94, 16);
color: #fff;
}
.download-details a {
display: block;
border-width: 1px;
border-color: rgb(235, 235, 235);
border-style: solid;
border-radius: 2px;
background-color: rgb(255, 255, 255);
padding: 10px 20px;
margin-top: 20px;
text-transform: uppercase;
font-size: 14px;
color: #636363;
}
.download-details a i {
padding-right: 5px;
}
.service-boucher h3 {
margin-bottom: 20px;
}
.download-details a i {
font-size: 18px;
}
.download-details {padding-top: 5px;}
.service-details-content img {
margin-bottom: 30px;
display: none;
}
.single-service-col h3 {
padding-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.single-service-col {
margin-top: 40px;
border-bottom: #ccc solid 1px;
}
.single-service-col p:last-child {
margin: 0;
}
/* contact us page */
.contact-form-main form input, .contact-form-main form textarea {border: none;border-bottom: 1px dashed #a5a5a5;color: #a5a5a5;width: 100%;}
button.btn-send:hover {
background: #ff5e10;
color: #fff;
}
button.btn-send {
background-color: rgb(242, 243, 245);
text-transform: uppercase;
padding: 0 100px;
line-height: 50px;
font-size: 16px;
color: #09316f;
height: 50px;
transition: all .3s;
font-weight: 500;
}
.contact-form-main form textarea {
width: 100%;
padding-left: 15px;
min-height: 150px;
}
.contact-form-main form input::placeholder, .contact-form-main form textarea::placeholder {
color: #a5a5a5;
}
.contact-form-main form input:focus, .contact-form-main form textarea:focus {
border-bottom: 1px dashed #333 !important;
}
.contact-form-main form input {
margin-bottom: 20px;
}
.gmap iframe {
width: 100%;
height: 400px;
}
.single-contact-details p {
margin: 0;
}
.portfolio-single-content h3 {
font-size: 28px;
padding-bottom: 28px;
position: relative;
margin-bottom: 20px;
}
.portfolio-single-content h3::before {
width: 10%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
content: "";
background: #ff5e10;
}
.info-left, .info-left {
width: 50%;
float: left;
overflow: hidden;
font-size: 16px;
}
.info-left {
color: #09316f;
font-weight: 600;
}
.info-right.social-p-link a {
color: #c2c2c2;
margin-right: 8px;
}
.info-right.social-p-link a:hover, .post-meta ul li a:hover, .recent-title a:hover {
color: #ff5e10;
}
/* Blog Page and Section */
.single-blog-item h2 {
font-weight: 500;
margin-top: 25px;
transition: .3s;
}
.single-blog-item h2:hover a{
color: #ff5e10;
}
.post-meta li, .post-meta li a {
display: inline-block;
position: relative;
color: #565969;
font-size: 18px;
}
.post-meta li {
padding-right: 23px;
margin-right: 16px;
}
.post-meta ul li::before {
position: absolute;
right: 0;
top: 50%;
height: 14px;
width: 2px;
content: "";
background: #565969;
transform: translateY(-50%);
}
.post-meta ul li:last-child::before {
display: none;
}
.post-meta {
margin-bottom: 13px;
}
.single-blog-item {
padding-bottom: 12px;
border-bottom: 2px solid #ebebeb;
margin-bottom: 40px;
}
.single-blog-item:last-child {
border: none;
padding: 0;
}
/*
.pagination li a {
border-radius: 2px;
background-color: rgb(242, 243, 245);
top: 3372px;
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px;
font-size: 18px;
color: #565969;
font-weight: 500;
transition: all .3s;
}
.pagination li {
display: inline-block;
text-align: center;
margin-right: 15px;
}
.pagination li a i {
font-size: 18px;
font-weight: 500;
}
.pagination li a:hover {
background: #ff5e10;
border-color: #ff5e10;
color: #fff;
}
.pagination {
margin-top: 70px;
display: block;
}*/
.pages{ margin-top: 10px;}
.page-link {
height: 39px;
}
.categorie ul li {
position: relative;
padding-left: 17px;
}
.categorie ul li a {
display: block;
font-size: 18px;
color: #565969;
margin-bottom: 3px;
}
.categorie ul li a span {
float: right;
}
.categorie ul li::before {
left: 0;
top: 0;
content: "»";
position: absolute;
color: #ff5e10;
font-size: 18px;
}
.single-sidebar-widgets h3 {
margin-bottom: 14px;
}
.single-sidebar-widgets {
margin-bottom: 45px;
}
.recent-img {
width: 56px;
}
.recent-img img {width: 100%;}
.recent-title {
margin-left: 20px;
}
.single-recent-post {
width: 100%;
}
.recent-title a {
display: block;
color: #415464;
font-size: 18px;
}
.single-recent-post {
margin-top: 20px;
}
.tags li , .tags li a {
display: inline-block;
}
.tags li a {
border-radius: 3px;
background-color: rgb(242, 243, 245);
height: 30px;
color: #415464;
padding: 0px 12px;
line-height: 30px;
font-size: 14px;
transition: all .3s;
margin-top: 8px;
margin-right: 2px;
text-transform: capitalize;
}
.tags li a:hover {
background: #ff5e10;
color: #fff;
}
/*===========================
12.PRODUCT SINGLE css
===========================*/
.product-single-area .product-single-thumb-item .product-single-thumb .item img {
width: 100%; }
.product-single-area .product-single-thumb-item .product-single-thumb .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 99;
height: 45px;
width: 45px;
text-align: center;
line-height: 50px;
background: #fff;
border-radius: 50%;
color: #5a5a5a;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.product-single-area .product-single-thumb-item .product-single-thumb .slick-arrow:hover {
background: #ff5a27;
color: #fff; }
.product-single-area .product-single-thumb-item .product-single-thumb .slick-arrow.prev {
left: 15px; }
.product-single-area .product-single-thumb-item .product-single-thumb .slick-arrow.next {
right: 15px; }
.product-single-area .product-single-content .product-single-content-item .title {
font-size: 30px;
color: #2a2a2a;
text-transform: uppercase;
padding-top: 18px;
padding-bottom: 15px; }
@media (max-width: 767px) {
.product-single-area .product-single-content .product-single-content-item .title {
font-size: 26px; } }
.product-single-area .product-single-content .product-single-content-item .price span {
font-size: 22px;
font-weight: 500;
color: #0051d2; }
.product-single-area .product-single-content .product-single-content-item .price span span {
font-size: 20px;
color: #999;
font-weight: 400;
text-decoration: line-through;
margin-left: 18px; }
.product-single-area .product-single-content .product-single-content-item ul {
padding-top: 14px;
padding-bottom: 25px; }
.product-single-area .product-single-content .product-single-content-item ul li {
display: inline-block; }
.product-single-area .product-single-content .product-single-content-item ul li i {
font-size: 12px;
color: #feae15;
margin-right: 3px; }
.product-single-area .product-single-content .product-single-content-item ul li:nth-child(4) i {
color: #797979; }
.product-single-area .product-single-content .product-single-content-item ul li:nth-child(5) i {
color: #797979; }
.product-single-area .product-single-content .product-single-content-item ul li span {
font-size: 13px;
color: #5a5a5a;
padding-left: 10px; }
.product-single-area .product-single-content .product-quantity-item {
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
padding: 30px 0;
margin-top: 33px; }
.product-single-area .product-single-content .product-quantity-item span {
font-size: 16px;
font-weight: 500;
color: #2a2a2a;
margin-right: 14px; }
.product-single-area .product-single-content .product-quantity-item p {
font-size: 13px;
color: #0051d2;
padding-left: 14px; }
.product-single-area .product-single-content .product-btns {
margin-top: 40px;
padding-bottom: 13px; }
.product-single-area .product-single-content .product-btns ul {
display: flex; }
.product-single-area .product-single-content .product-btns ul li a.main-btn {
line-height: 60px;
padding: 0 32px;
border-radius: 40px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase; }
@media (max-width: 767px) {
.product-single-area .product-single-content .product-btns ul li a.main-btn {
padding: 0 16px !important;
line-height: 50px; } }
.product-single-area .product-single-content .product-btns ul li a.main-btn:hover {
background: #2a2a2a;
color: #fff;
border-color: #2a2a2a; }
.product-single-area .product-single-content .product-btns ul li a.main-btn.main-btn-2 {
background: #2a2a2a;
border-color: #2a2a2a;
color: #fff;
margin-right: 20px;
padding: 0 50px; }
.product-single-area .product-single-content .product-btns ul li a.main-btn.main-btn-2:hover {
background: #0051d2;
border-color: #0051d2;
color: #fff; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.product-single-area .product-single-content .product-btns .cart-btn {
margin-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-single-area .product-single-content .product-btns .cart-btn {
margin-top: 30px; } }
@media (max-width: 767px) {
.product-single-area .product-single-content .product-btns .cart-btn {
margin-top: 30px; } }
.product-single-area .product-single-content .product-btns .cart-btn ul li a {
height: 60px;
width: 60px;
text-align: center;
line-height: 64px;
border: 1px solid #e7e8e9;
border-radius: 50%;
margin-left: 20px;
font-size: 18px;
color: #5a5a5a;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.product-single-area .product-single-content .product-btns .cart-btn ul li a:hover {
background: #0051d2;
color: #fff;
border-color: #0051d2; }
.product-single-area .product-single-content .product-tags ul li {
display: inline-block;
margin-top: 20px; }
.product-single-area .product-single-content .product-tags ul li span {
font-weight: 500;
color: #2a2a2a; }
.product-single-area .product-single-content .product-tags ul li a {
color: #5a5a5a; }
.product-single-area .product-single-content .product-social {
padding-top: 24px; }
.product-single-area .product-single-content .product-social ul li {
display: inline-block; }
.product-single-area .product-single-content .product-social ul li span {
font-weight: 500;
color: #2a2a2a;
padding-right: 10px; }
@media (max-width: 767px) {
.product-single-area .product-single-content .product-social ul li span {
padding-right: 0; } }
.product-single-area .product-single-content .product-social ul li a {
height: 34px;
width: 34px;
line-height: 34px;
text-align: center;
border-radius: 50%;
color: #fff;
border-radius: 50%;
background: #337ff8;
font-size: 13px;
margin-left: 5px; }
@media (max-width: 767px) {
.product-single-area .product-single-content .product-social ul li a {
margin-left: 0;
height: 30px;
width: 30px;
line-height: 32px; } }
.product-single-area .product-single-content .product-social ul li:nth-child(2) a {
background: #24b4ff; }
.product-single-area .product-single-content .product-social ul li:nth-child(3) a {
background: #dd2591; }
.product-single-area .product-single-content .product-social ul li:nth-child(4) a {
background: #c8232c; }
.product-single-area .product-tabs-btn {
padding-top: 80px; }
.product-single-area .product-tabs-btn .nav li a {
padding: 0 40px;
line-height: 60px;
background: #f3f3f3;
color: #2a2a2a;
margin-right: 20px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase; }
@media (max-width: 767px) {
.product-single-area .product-tabs-btn .nav li a {
padding: 0 24px;
margin-top: 10px; } }
.product-single-area .product-tabs-btn .nav li a.active {
background: rgb(255, 94, 16);
color: #fff;
border-radius: 0; }
.product-single-area .product-tabs-btn .tab-content .product-text-content {
margin-top: 32px; }
.product-single-area .product-tabs-btn .tab-content .product-text-content p {
padding-right: 20px; }
.product-single-area .product-tabs-btn .tab-content .product-text-content p.text {
padding-top: 12px; }
.product-quantity button {
width: 40px;
height: 40px;
padding: 0;
background-color: #fff;
font-size: 18px;
color: #838b97;
border: 1px solid #e6e7e8;
font-size: 11px; }
@media (max-width: 767px) {
.product-quantity button {
width: 40px;
height: 40px; } }
.product-quantity input {
width: 40px;
height: 40px;
border: 1px solid #e6e7e8;
padding: 0 10px;
text-align: center;
margin: 0 0;
color: #2a2a2a;
margin: 0 10px;
font-size: 16px; }
@media (max-width: 767px) {
.product-quantity input {
height: 40px; } }
.similar-products-area {
padding-bottom: 120px; }
.similar-products-area .similar-products-title {
padding-bottom: 20px; }
.similar-products-area .similar-products-title .title {
font-size: 30px;
font-weight: 500;
text-transform: uppercase; }
/** === Shop - WooCommerce === **/
.mobile_search{ display:none; margin-top: 20px; }
.mobile_search form{ width:100%;padding-left: 10px; padding-right: 10px;}
@media(max-width:990px){
.mobile_search{ display:block;}
}
.single-product-item {
margin-top: 0px;
}
.product_thumb {
border-width: 1px;
border-color: rgb(235, 235, 235);
border-style: solid;
background-color: rgb(255, 255, 255);
position: relative;
text-align: center;
display: block;
padding: 30px 0px;
overflow: hidden;
}
.single-product-item .product_thumb h4 a {
position: absolute;
width: 100%;
left: 0;
background-color: #ff5e10;
color: #fff;
padding: 6px 0px;
font-weight: 500;
bottom: -60px;
visibility: hidden;
opacity: 0;
transition: all .5s linear;
}
.single-product-item .product_thumb img {width: 220px;height: 220px;}
.single-product-item .product_thumb:hover h4 a {
visibility: visible;
bottom: 0px;
opacity: 1;
}
.single-product-item h4 {
margin: 0;
margin-top: 10px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.single-product-item h4 a {
font-weight: 500;
}
.single-product-item h4:hover a {
color: #ff5e10;
}
/* Menu Style */
.menu-style-two li, .menu-style-two li a {
display: inline-block;
margin: 0;
position: relative;
}
.menu-style-two ul li a {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 18px;
position: relative;
margin-left: 40px;
transition: all .4s linear;
color: #001659;
}
.menu-style-two ul li a::before {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 3px;
background: #ff5e10;
content: "";
visibility: hidden;
opacity: 0;
transition: all .4s linear;
transform: scale(0);
}
.menu-style-two ul li a:hover::before {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.menu-style-two ul li a:hover {
color: #ff5e10;
}
.menu-style-two ul li ul.submenu {
position: absolute;
width: 180px;
left: 0;
top: 180%;
z-index: 99;
text-align: center;
background: #001659;
opacity: 0;
visibility: hidden;
transition: all .4s linear;
}
.menu-style-two ul li ul.submenu li a {
margin-left: 0px;
color: #fff;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.menu-style-two ul li ul.submenu li {
display: block;
}
.menu-style-two li:hover ul.submenu {
visibility: visible;
opacity: 1;
top: 100%;
}
.navbar-nav .dropdown-menu {
width: 200px;
border: none;
background: #ff5e10;
border-radius: 0;
margin-top: 30px;
transition: all .4s ease-in-out;
text-align: center;
padding: 0px;
}
.navbar-nav .dropdown.show {
visibility: visible;
opacity: 1;
}
.navbar-nav .dropdown-menu li a {
color: #fff;
display: block;
padding: 5px 0px;
}
.main-menu nav ul ul li:hover a {
background-color: #050825 ;
color: #fff;
}
/* comment template */
.comment-form form input, .comment-form form textarea {
border: none;
border-bottom: 1px solid #a0a0a0;
width: 100%;
display: block;
color: #565969;
padding: 0;
margin-bottom: 50px;
height: 60px;
}
.comment-form form input[type="email"] {
width: 100%;
margin: 0;
padding: 0;
display: block;
}
.comment-form form textarea {
height: 120px;
}
.comment-form form button:hover {
background: #09316f;
color: #fff;
}
.comment-form form button {
border-radius: 4px;
background-color: rgb(242, 243, 245);
height: 50px;
display: inline-block;
padding: 0px 50px;
color: #09316f;
font-size: 16px;
text-transform: capitalize;
transition: all .4s ease-in-out;
}
.comment-from-section h3 {
margin-bottom: 30px;
}
.comment-from-section {
margin-top: 60px;
}
.single-comment img {
border-radius: 50%;
margin-right: 30px;
}
.media.mt-3.comment-replay {
padding: 40px 0px;
}
.comment-list {
margin-top: 32px;
}
.comment-template-section {
margin-top: 45px;
}
.tags-list a {
color: #565969;
font-size: 18px;
text-transform: capitalize;
position: relative;
margin-right: 20px;
}
.tags-share-section {
align-items: center;
padding: 24px 0px;
border-bottom: 1px solid #ececec;
border-top: 1px solid #ececec;
margin: 0px;
margin-top: 60px;
}
.share-post a i {
display: inline-block;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 16px;
transition: .3s;
margin: 0px 1px;
}
.single-comment a {
display: block;
color: #999999;
font-size: 12px;
}
.tags-list span {
margin-right: 20px;
}
.tags-list a:hover, .single-comment a:hover, .product-rating li:hover a {
color: #ff5e10;
}
.share-post a .fa-facebook-f {
background: #3b5998;
}
.share-post a .fa-twitter {
background: #00aced;
}
.share-post a .fa-linkedin-in {
background: #dd4b39
}
.share-post a .fa-instagram {
background: #1483a6
}
.single-blog-item ul li {
position: relative;
padding-right: 15px;
}
.product-rating li, .product-rating li a {
display: inline-block;
}
.product-rating li a {
color: #f8ca4d;
}
.single-top-product-details h1 {
font-size: 60px;
line-height: 1;
}
.single-product-slide {
text-align: center;
border: 1px solid #ebebeb;
padding: 32px;
}
.product-thumb {
display: inline-block;
border: 1px solid #ebebeb;
text-align: center;
padding: 5px 10px;
}
.product-slide-nav {
margin-top: 30px;
}
.product-qty {
display: inline-block;
margin-left: 20px;
}
.price {
margin: 22px 0px;
}
.single-top-product-details h1 {
margin-top: -5px;
}
.product-qty input {
width: 100px;
border: 1px solid #dedede;
height: 52px;
text-align: center;
margin: 0;
box-sizing: border-box;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: rgb(255, 94, 16);
}
.product-description-tab ul li {
margin-bottom: 40px;
}
ul#pills-tab li a {
color: #09316f;
font-size: 18px;
font-weight: 500;
}
ul#pills-tab li a.active {
color: #fff;
}
ul.product-slide-nav.nav.nav-tabs {
border: none;
}
li.product-thumb.nav-item .nav-tabs .nav-link a {
border: none;
}
li.product-thumb .nav-tabs .nav-tabs .nav-link.active {
border: none;
}
li.product-thumb.nav-item .nav-tabs .nav-link.active {
border: none;
}
.nav-tabs .nav-link.active {
border: none;
}
.nav-tabs .nav-link {
border: none;
}
.product-slide-nav.nav li {
margin-right: 20px;
}
#video_modal .modal-content{ width:755px;}
@media(max-width:920px){
#video_modal .modal-content{ width:100%;}
}
/*Down*/
.down-info { width: 100%; overflow:hidden; background: #fff; padding: 10px;}
.down-info .tit {
font-weight: 500;
margin-top: 25px;
font-size: 36px;
line-height: 48px;color: #09316f;
transition: .3s; margin-bottom:10px;}
.down-info li {width: 100%; height: 85px; border-bottom: 1px solid #ddd;}
.down-info li span {display: block; line-height: 85px; float: left; font-size: 18px; }
.down-info li span a {color: #131313;}
.down-info li span i { font-size: 20px; margin-right: 20px;}
.down-info li em {display: block; width: 195px; line-height: 48px; text-align: center; margin-top: 25px; background: #eaeaea; float: right; font-size: 18px;}
.down-info li em a {color: #939393; display: block;}
.down-info li:hover span a {color: #2a3b96;}
.down-info li:hover em a {color: #fff; background: #2a3b96;}