@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap");
.flex-center-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }

/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/* 1. Theme default css */
body { font-family: 'Rubik', sans-serif; font-weight: normal; font-style: normal; }

.img { max-width: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a, .button { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a:focus, .button:focus, button:focus { text-decoration: none; outline: none; }

a:focus { color: #fff; text-decoration: none; }

a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { text-decoration: none; color: #000; }

a, button { color: #020c26; outline: medium none; }

h1, h2, h3, h4, h5 { font-family: 'Rubik', sans-serif; color: #020c26; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

ul { margin: 0px; padding: 0px; }

li { list-style: none; }

p { font-size: 16px; font-weight: 300; line-height: 26px; color: #5c5c5c; margin-bottom: 13px; font-family: 'Rubik', sans-serif; }

label { color: #7e7e7e; cursor: pointer; font-size: 16px; font-weight: 400; }

*::-moz-selection { background: #444; color: #fff; text-shadow: none; }

::-moz-selection { background: #444; color: #fff; text-shadow: none; }

::selection { background: #444; color: #fff; text-shadow: none; }

*::-webkit-input-placeholder { color: #cccccc; font-size: 16px; opacity: 1; }

*:-ms-input-placeholder { color: #cccccc; font-size: 16px; opacity: 1; }

*::-ms-input-placeholder { color: #cccccc; font-size: 16px; opacity: 1; }

*::placeholder { color: #cccccc; font-size: 16px; opacity: 1; }

h3 { font-size: 24px; }

.mb-65 { margin-bottom: 67px; }

.black-bg { background: #020c26 !important; }

.white-bg { background: #ffffff; }

.gray-bg { background: #f5f5f5; }

.blue-bg { background: #1664af; }

.red-bg { background: #D72638; }

.dark-bg { background: #140F2D; }

.bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg); }

.bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg); }

.cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg); }

.overlay { position: relative; z-index: 0; }

.overlay::before { position: absolute; content: ""; background-color: #020c26; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.851; }

.overlay2 { position: relative; z-index: 0; }

.overlay2::before { position: absolute; content: ""; background-color: #020c26; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; }

.section-padding { padding-top: 120px; padding-bottom: 120px; }

.pt-120 { padding-top: 120px; }

/* button style */
.owl-carousel .owl-nav div { background: transparent; height: 65px; left: 0px; line-height: 65px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 65px; font-size: 16px; color: #fff; border: 1px solid #363d4f; }
.owl-carousel .owl-nav { position: relative; }
.owl-carousel .owl-nav div.owl-next { left: 86px; right: auto; }
.owl-carousel .owl-nav div.owl-prev i { position: relative; right: 2px; }
.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; }
.owl-carousel:hover .owl-nav div:hover { color: #ff5e13; }

@font-face { font-family: Schreibschrift; src: url(../fonts/Schreibschrift.ttf); }
@font-face { font-family: Signatur; src: url(../fonts/Signature.ttf); }
.boxed-btn { background: #D72638; color: #fff; display: inline-block; padding: 13px 32px; font-family: "Rubik", sans-serif; font-size: 16px; font-weight: 400; border: 0; border: 1px solid transparent; }
.boxed-btn:hover { background: transparent; color: #ff5e13 !important; border: 1px solid #ff5e13; }
.boxed-btn:focus { outline: none; color: #fff; }

.boxed-btn2 { background: #D72638; color: #fff; display: inline-block; padding: 22px 50px; font-size: 16px; font-family: "Rubik", sans-serif; font-weight: 400; }
.boxed-btn2:hover { color: #fff; }
.boxed-btn2:focus { outline: none; color: #fff; }

.underline-hover { color: #D72638; font-weight: 400; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.underline-hover:hover { text-decoration: underline; color: #D72638; }

.section-title h3 { font-size: 44px; line-height: 56px; font-weight: 400; font-family: "Rubik", sans-serif; }
@media (max-width: 767px) { .section-title h3 { font-size: 30px; line-height: 45px; } }
@media (min-width: 768px) and (max-width: 991px) { .section-title h3 { font-size: 32px; line-height: 48px; } }
@media (min-width: 768px) and (max-width: 991px) { .section-title h3 br { display: none; } }
.section-title span { font-size: 16px; color: #D72638; font-family: "Rubik", sans-serif; font-weight: 400; margin-bottom: 13px; display: block; text-transform: uppercase; }
.section-title .para-text { color: #5c5c5c; font-weight: 400; margin-top: 25px; margin-bottom: 55px; font-size: 16px; }
.section-title.text-white h3 { color: #fff; }
.section-title.text-white p { color: #fff; font-size: 16px; }

.section-padding { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 767px) { .section-padding { padding-top: 60px; padding-bottom: 60px; } }
@media (min-width: 768px) and (max-width: 991px) { .section-padding { padding-top: 100px; padding-bottom: 100px; } }

@media (max-width: 767px) { .mobile_menu { position: absolute; right: 0px; width: 100%; z-index: 9; } }

.slicknav_menu .slicknav_nav { background: #fff; float: right; margin-top: 0; padding: 0; width: 95%; padding: 0; border-radius: 0px; margin-top: 5px; position: absolute; left: 0; right: 0; margin: auto; top: 45px; }
.slicknav_menu .slicknav_nav a:hover { background: transparent; color: #ff5e13; }
.slicknav_menu .slicknav_nav a.active { color: #ff5e13; }
@media (max-width: 767px) { .slicknav_menu .slicknav_nav a i { display: none; } }
@media (min-width: 768px) and (max-width: 991px) { .slicknav_menu .slicknav_nav a i { display: none; } }
.slicknav_menu .slicknav_nav .slicknav_btn { background-color: transparent; cursor: pointer; margin-bottom: 10px; margin-top: -40px; position: relative; z-index: 99; border: 1px solid #ddd; top: 3px; right: 5px; }
.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon { margin-right: 6px; margin-top: 3px; position: relative; padding-bottom: 3px; top: -11px; right: -5px; }
@media (max-width: 767px) { .slicknav_menu { margin-right: 12px; } }

.home-6 .slicknav_menu .slicknav_icon { margin-right: 6px; margin-top: 3px; right: -5px; padding-bottom: 3px; position: absolute; top: 3px; }

.slicknav_nav .slicknav_arrow { float: right; font-size: 22px; position: relative; top: -9px; }

.header-area .header-top { padding: 13px 0; }
.header-area .header-top .header-contact a { color: #bebebe; display: inline-block; padding-right: 55px; font-weight: 300; font-size: 14px; }
@media (min-width: 768px) and (max-width: 991px) { .header-area .header-top .header-contact a { padding-right: 14px; } }
.header-area .header-top .header-contact a i { padding-right: 14px; font-size: 12px; color: #bebebe; }
@media (min-width: 768px) and (max-width: 991px) { .header-area .header-top .header-contact a i { padding-right: 5px; } }
.header-area .header-top .header-top-menu { text-align: right; }
.header-area .header-top .header-top-menu ul li { display: inline-block; }
.header-area .header-top .header-top-menu ul li a { color: #bdbdbd; margin-left: 33px; font-size: 14px; }
@media (max-width: 767px) { .header-area .main-header-area { padding: 10px 0; height: 60px; } }
@media (min-width: 768px) and (max-width: 991px) { .header-area .main-header-area { padding: 10px 0; height: 60px; } }
.header-area .main-header-area .logo { width: 100%; height: auto; }
@media (max-width: 767px) { .header-area .main-header-area .logo-img { position: absolute; display: inline-block; text-align: center; margin: 3px auto; z-index: 999; width: 140px; left: 0; right: 0; } }
@media (min-width: 768px) and (max-width: 991px) { .header-area .main-header-area .logo-img { position: absolute; display: inline-block; text-align: center; margin: 3px auto; z-index: 999; width: 140px; left: 0; right: 0; } }
.header-area .main-header-area .main-menu ul li { display: inline-block; position: relative; }
.header-area .main-header-area .main-menu ul li a { color: #fff; font-size: 16px; text-transform: capitalize; font-weight: 400; display: inline-block; padding: 35px 10px 35px 10px; font-family: "Rubik", sans-serif; position: relative; }
@media (min-width: 992px) and (max-width: 1200px) { .header-area .main-header-area .main-menu ul li a { padding: 35px 8px 35px 8px; } }
.header-area .main-header-area .main-menu ul li a i { font-size: 9px; }
@media (max-width: 767px) { .header-area .main-header-area .main-menu ul li a i { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .header-area .main-header-area .main-menu ul li a i { display: none !important; } }
.header-area .main-header-area .main-menu ul li a.active::before { opacity: 1; transform: scaleX(1); }
.header-area .main-header-area .main-menu ul li .submenu { position: absolute; left: 0; top: 140%; background: #fff; width: 200px; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.02); opacity: 0; visibility: hidden; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.header-area .main-header-area .main-menu ul li .submenu li { display: block; }
.header-area .main-header-area .main-menu ul li .submenu li a { padding: 10px 15px; position: inherit; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; }
.header-area .main-header-area .main-menu ul li .submenu li a::before { display: none; }
.header-area .main-header-area .main-menu ul li .submenu li:hover a { color: #ff5e13; }
.header-area .main-header-area .main-menu ul li:hover > .submenu { opacity: 1; visibility: visible; top: 100%; }
.header-area .main-header-area .main-menu ul li:hover > a::before { opacity: 1; transform: scaleX(1); }
.header-area .main-header-area .quote-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-area .main-header-area .quote-area .search-bar { margin-left: 43px; }
.header-area .main-header-area .quote-area .search-bar i { font-size: 18px; color: #bebebe; }
.header-area .main-header-area .quote-area .get-quote { text-align: right; display: inline-block; }
.header-area .main-header-area.sticky { box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; top: -70px; left: 0; right: 0; z-index: 9999; transform: translateY(70px); transition: transform 500ms ease, background 500ms ease; -webkit-transition: transform 500ms ease, background 500ms ease; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); }
.header-area .green::before { position: absolute; content: ""; background: #00EE00; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .green:hover::before { opacity: 1; transform: scaleX(1); }
.header-area .red::before { position: absolute; content: ""; background: #EE0000; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .red:hover::before { opacity: 1; transform: scaleX(1); }
.header-area .yellow::before { position: absolute; content: ""; background: #FFF200; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .yellow:hover::before { opacity: 1; transform: scaleX(1); }
.header-area .orange::before { position: absolute; content: ""; background: #ff6700; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .orange:hover::before { opacity: 1; transform: scaleX(1); }
.header-area .blue::before { position: absolute; content: ""; background: #77C3EC; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .blue:hover::before { opacity: 1; transform: scaleX(1); }
.header-area .gray::before { position: absolute; content: ""; background: #afafaf; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header-area .gray:hover::before { opacity: 1; transform: scaleX(1); }

#search_input_box { position: fixed; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1140px; z-index: 999; text-align: center; background: #1e1c27; }
#search_input_box ::placeholder { color: #fff; }
@media (max-width: 767px) { #search_input_box { top: 59px; } }
@media (min-width: 768px) and (max-width: 991px) { #search_input_box { top: 109px; } }

@media (min-width: 768px) and (max-width: 991px) { .main-header-area.sticky #search_input_box { top: 59px; } }

#search_input_box .form-control { background: transparent; border: 0; color: #ffffff; font-weight: 400; font-size: 15px; padding: 0; }

#search_input_box .btn { width: 0; height: 0; padding: 0; border: 0; }

#search_input_box .ti-close { color: #fff; font-weight: 600; cursor: pointer; padding: 10px; padding-right: 0; }

.search-inner { padding: 14px 5px; }

.form-control:focus { box-shadow: none; }

.navbar_fixed #search_input_box { position: fixed; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1140px; z-index: 999; text-align: center; padding: 0 20px; top: 80px; }
@media (max-width: 767px) { .navbar_fixed #search_input_box { top: 50px; } }
@media (min-width: 768px) and (max-width: 991px) { .navbar_fixed #search_input_box { top: 50px; } }

.social-link { position: relative; z-index: 9; }
@media (min-width: 768px) and (max-width: 991px) { .social-link { position: static; } }
@media (max-width: 767px) { .social-link { position: static; } }

#search_1 { position: absolute; color: #fff; top: 1px; left: 23px; font-size: 14px; }
@media (max-width: 767px) { #search_1 { position: absolute; color: #fff; top: 3px; left: auto; right: 17px; font-size: 14px; } }
@media (min-width: 768px) and (max-width: 991px) { #search_1 { position: absolute; left: auto; right: 0; } }

#close_search { position: relative; z-index: 99999; top: 2px; color: #fff; }

#search_1 { position: absolute; color: #fff; top: 50%; left: inherit; font-size: 14px; transform: translateY(-50%); }
@media (max-width: 767px) { #search_1 { position: absolute; color: #fff; top: 8px; left: 23px; font-size: 14px; transform: none; right: 0; z-index: 999; width: 20px; height: 20px; left: 22px; } }
@media (min-width: 768px) and (max-width: 991px) { #search_1 { position: absolute; color: #fff; top: 8px; left: 23px; font-size: 14px; transform: none; right: 0; z-index: 999; width: 20px; height: 20px; left: 22px; } }
@media (min-width: 992px) and (max-width: 1200px) { #search_1 { position: absolute; color: #fff; left: 30px; font-size: 14px; transform: none; right: 0; margin: auto; z-index: 999; top: 16px; } }

.slider-area .single-slider { height: 760px; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
@media (max-width: 767px) { .slider-area .single-slider { height: 600px; } }
.slider-area .single-slider::before { position: absolute; content: ""; background: #020c26; width: 100%; height: 100%; left: 0; top: 0; opacity: .2; }
.slider-area .single-slider .slider-content { background: #fff; padding: 73px 56px 100px 50px; position: relative; z-index: 9; display: inline-block; }
@media (max-width: 767px) { .slider-area .single-slider .slider-content { padding: 73px 40px 100px 40px; } }
.slider-area .single-slider .slider-content p { color: #D72638; font-size: 16px; font-weight: 400; margin-bottom: 16px; }
.slider-area .single-slider .slider-content h3 { font-family: "Rubik", sans-serif; font-weight: 500; font-size: 60px; color: #020c26; line-height: 72px; margin-bottom: 28px; }
@media (max-width: 767px) { .slider-area .single-slider .slider-content h3 { font-size: 25px; line-height: 45px; margin-bottom: 10px; } }
.slider-area .single-slider .slider-content a i { font-size: 14px; padding-left: 5px; }
.slider-area .single-slider .slider-content .slider-btn { position: absolute; bottom: 0; left: 55px; }
@media (max-width: 767px) { .slider-area .single-slider .slider-content .slider-btn { left: 40px; } }
.slider-area .slider-active .owl-dots { position: absolute; top: 0; right: 0; top: 50%; transform: translateY(-50%); right: 100px; }
.slider-area .slider-active .owl-dots div { width: 15px; height: 15px; background: transparent; display: block; margin: 13px 0; border-radius: 50%; border: 2px solid #fff; }
.slider-area .slider-active .owl-dots div .active { background: #fff; }
.slider-area .slider-active .owl-dots div.active { background: #fff; }

.brand-area { padding-top: 65px; padding-bottom: 65px; }
.brand-area .brand-active .single-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70px; }
.brand-area .brand-active .single-brand img { width: auto; display: inline-block; }

.service-area { padding-top: 120px; padding-bottom: 120px; }
.service-area .single-service .service-thumb { margin-bottom: 39px; }
.service-area .single-service .service-thumb img { width: 100%; }
.service-area .single-service h3 { font-size: 24px; }
.service-area .single-service p { font-size: 16px; color: #5c5c5c; font-family: "Rubik", sans-serif; font-weight: 400; margin-top: 18px; margin-bottom: 21px; }
.service-area .single-service a { text-transform: capitalize; color: #5c5c5c; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: "Rubik", sans-serif; font-weight: 400; font-size: 16px; display: inline-block; }
.service-area .single-service a:hover { text-decoration: underline; color: #D72638; }
@media (max-width: 767px) { .service-area .single-service { margin-bottom: 30px; } }

.service-details { padding-top: 120px; padding-bottom: 80px; }
@media (max-width: 767px) { .service-details { padding-top: 60px; padding-bottom: 20px; } }
.service-details .details-nav { margin-top: -24px; position: relative; }
@media (max-width: 767px) { .service-details .details-nav { margin-bottom: 30px; } }
.service-details .details-nav ul li { display: block; display: block; width: 100%; border-bottom: 1px solid #e5e6e9; padding: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; }
.service-details .details-nav ul li a { font-size: 16px; color: #020c26; text-transform: capitalize; padding: 20px 0; position: relative; left: 0; font-weight: 400; font-family: "Rubik", sans-serif; }
.service-details .details-nav ul li a.active.show { color: #ff5e13; padding-left: 27px; position: relative; }
.service-details .details-nav ul li a.active.show::before { position: absolute; content: ""; background: #ff5e13; width: 17px; height: 2px; top: 50%; left: 0; margin-bottom: -1px; }
.service-details .details-nav ul li:hover::before { width: 17px; }
.service-details .details-nav .download-brouser { background: #020c26; color: #fff; display: block; padding: 17px 0 17px 0; text-align: center; margin-top: 60px; }
.service-details .details-nav .download-brouser:hover { color: #fff; }
.service-details .single-details .details-thumb { margin-bottom: 67px; }
.service-details .single-details .details-thumb img { width: 100%; }
.service-details .single-details .details-info { padding-right: 20px; margin-bottom: 34px; }
.service-details .single-details .details-info h3 { font-family: "Rubik", sans-serif; font-size: 44px; font-weight: 400; color: #020c26; margin-bottom: 20px; }
@media (max-width: 767px) { .service-details .single-details .details-info h3 { font-size: 25px; margin-bottom: 15px; } }
.service-details .single-details .details-info p { font-size: 16px; color: #5c5c5c; line-height: 28px; font-weight: 400; }

.project-area { padding-top: 120px; padding-bottom: 120px; }
.project-area .project-active .single-project .project-info span { color: #D72638; font-family: "Rubik", sans-serif; font-weight: 400; display: block; margin-bottom: 13px; margin-top: 35px; font-size: 16px; }
.project-area .project-active .single-project .project-info h3 { font-size: 26px; color: #fff; font-family: "Rubik", sans-serif; font-weight: 400; }
@media (min-width: 768px) and (max-width: 991px) { .project-area .project-active .single-project .project-info h3 { font-size: 18px; } }
.project-area .more-project a { color: #fff; font-size: 16px; margin-top: 168px; display: inline-block; }
@media (max-width: 767px) { .project-area .more-project a { margin-top: 20px; } }
@media (min-width: 768px) and (max-width: 991px) { .project-area .more-project a { margin-top: 20px; } }
@media (min-width: 992px) and (max-width: 1200px) { .project-area .more-project a { margin-top: 30px; } }
.project-area .more-project a:hover { color: #D72638; text-decoration: underline; }
.project-area .section-title h3 { margin-bottom: 17px; }
@media (min-width: 1200px) and (max-width: 1500px) { .project-area .section-title h3 br { display: none; } }
@media (min-width: 1200px) and (max-width: 1500px) { .project-area .section-title p br { display: none; } }

.ml-80 { margin-left: 80px; }
@media (max-width: 767px) { .ml-80 { margin-left: 0; } }

.project-active.owl-carousel .owl-nav div { background: transparent; height: 65px; left: 0px; line-height: 65px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 65px; font-size: 16px; color: #fff; border: 1px solid #363d4f; }
.project-active.owl-carousel .owl-nav { position: relative; left: -553px; top: -195px; }
@media (min-width: 1200px) and (max-width: 1500px) { .project-active.owl-carousel .owl-nav { position: relative; left: -326px; } }
.project-active.owl-carousel .owl-nav div.owl-next { left: 86px; right: auto; }
.project-active.owl-carousel .owl-nav div.owl-prev i { position: relative; right: 2px; }
.project-active.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; }
.project-active.owl-carousel:hover .owl-nav div:hover { color: #ff5e13; }

.main-project-area { padding-top: 120px; padding-bottom: 20px; }
@media (max-width: 767px) { .main-project-area { padding-top: 70px; } }
.main-project-area .single-project { margin-bottom: 97px; }
.main-project-area .single-project .project-thumb img { width: 100%; }
.main-project-area .single-project .project-info span { color: #D72638; font-family: "Rubik", sans-serif; font-weight: 400; display: block; margin-bottom: 13px; margin-top: 35px; font-size: 16px; }
.main-project-area .single-project .project-info h3 { font-size: 26px; color: #020c26; font-family: "Rubik", sans-serif; font-weight: 400; }
@media (min-width: 768px) and (max-width: 991px) { .main-project-area .single-project .project-info h3 { font-size: 18px; } }
@media (max-width: 767px) { .main-project-area .single-project .project-info h3 { font-size: 18px; } }
@media (max-width: 767px) { .main-project-area .single-project { margin-bottom: 50px; } }

.project-review-area .single-review { padding-right: 30px; }
.project-review-area .single-review h2 { font-size: 44px; font-weight: 400; color: #020c26; font-family: "Rubik", sans-serif; margin-bottom: 20px; }
@media (max-width: 767px) { .project-review-area .single-review h2 { font-size: 25px; } }
.project-review-area .single-review p { color: #5c5c5c; font-family: "Rubik", sans-serif; font-weight: 400; font-size: 16px; margin-bottom: 17px; line-height: 28px; }
.project-review-area .review-thumb img { width: 100%; }

.full-width-gallery { padding-bottom: 90px; }
.full-width-gallery .full-thumb { margin-bottom: 67px; }
.full-width-gallery .full-thumb img { width: 100%; }
.full-width-gallery .solution-wrap { margin-bottom: 25px; }
.full-width-gallery .solution-wrap h2 { font-size: 44px; color: #020c26; margin-bottom: 19px; font-weight: 400; }
@media (max-width: 767px) { .full-width-gallery .solution-wrap h2 { font-size: 30px; } }
.full-width-gallery .solution-wrap p { font-size: 16px; font-family: "Rubik", sans-serif; color: #5c5c5c; line-height: 28px; font-weight: 400; }

.main-review-area { padding-top: 98px; padding-bottom: 60px; }
@media (max-width: 767px) { .main-review-area { padding-top: 60px; padding-bottom: 0; } }
.main-review-area .about-info-text { margin-bottom: 60px; }
.main-review-area .about-info-text .quote { font-size: 55px; color: #e5e6e9; margin-bottom: 10px; }
.main-review-area .about-info-text .about-ratting { color: #ffba00; font-size: 16px; }
.main-review-area .about-info-text .about-ratting i { margin-right: 1px; }
.main-review-area .about-info-text p.about-text { font-size: 24px; line-height: 36px; color: #5c5c5c; font-family: "Rubik", sans-serif; font-weight: 400; margin-top: 17px; margin-bottom: 44px; }
@media (max-width: 767px) { .main-review-area .about-info-text p.about-text { font-size: 18px; } }
.main-review-area .about-info-text .about-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.main-review-area .about-info-text .about-author .autor-thumb { padding-right: 20px; }
.main-review-area .about-info-text .about-author .autor-thumb img { width: 100%; }
.main-review-area .about-info-text .about-author .auhor-text span { font-size: 18px; font-weight: 400; color: #020c26; }
.main-review-area .about-info-text .about-author .auhor-text p { color: #848484; font-size: 14px; font-weight: 400; }

.addres-area .single-address { position: relative; margin-top: 53px; z-index: 0; }
.addres-area .single-address .addres-icon { position: absolute; top: -53px; right: 0; left: 0; margin: auto; }
.addres-area .single-address h3 { color: #fff; font-size: 24px; font-weight: 400; font-family: "Rubik", sans-serif; position: relative; z-index: 9; }
.addres-area .single-address p { font-size: 16px; color: #a9a9a9; line-height: 28px; margin-bottom: 21px; position: relative; z-index: 9; }
.addres-area .single-address a { position: relative; z-index: 9; }
@media (max-width: 767px) { .addres-area .single-address { margin-bottom: 30px; } }

.about-area { position: relative; z-index: 1; }
.about-area .pattent-bg-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 767px) { .about-area .pattent-bg-img { display: none; } }
@media (min-width: 768px) and (max-width: 991px) { .about-area .pattent-bg-img { display: none; } }
.about-area .section-title { padding-left: 77px; }
@media (max-width: 767px) { .about-area .section-title { padding-left: 0; margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 991px) { .about-area .section-title { padding-left: 0; margin-top: 30px; } }
.about-area .about-thumb { position: relative; }
.about-area .about-thumb img { width: 100%; }
.about-area .about-thumb a.video-icon { position: absolute; width: 100px; height: 100px; font-size: 25px; line-height: 100px; background: #fff; display: inline-block; border-radius: 50%; text-align: center; border-radius: 50%; top: 50%; margin-left: -50px; transform: translateY(-50%); left: 100%; }
@media (max-width: 767px) { .about-area .about-thumb a.video-icon { height: 80px; width: 80px; line-height: 80px; left: 50%; transform: translateY(-50%); } }
@media (min-width: 768px) and (max-width: 991px) { .about-area .about-thumb a.video-icon { height: 80px; width: 80px; line-height: 80px; left: 50%; transform: translateY(-50%); } }
.about-area .about-thumb a.video-icon::before { position: absolute; content: ''; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 1px solid #ff5e13; border-radius: 50%; opacity: .15; }
.about-area .about-thumb a.video-icon i { color: #ff5e13; padding-left: 4px; }
.about-area .about-info-text .quote { font-size: 55px; color: #020c26; margin-bottom: 10px; }
.about-area .about-info-text .about-ratting { color: #ffba00; font-size: 16px; }
.about-area .about-info-text .about-ratting i { margin-right: 1px; }
.about-area .about-info-text p.about-text { font-size: 24px; line-height: 36px; color: #5c5c5c; font-family: "Rubik", sans-serif; font-weight: 400; margin-top: 17px; margin-bottom: 44px; }
@media (max-width: 767px) { .about-area .about-info-text p.about-text { font-size: 18px; } }
.about-area .about-info-text .about-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.about-area .about-info-text .about-author .autor-thumb { padding-right: 20px; }
.about-area .about-info-text .about-author .autor-thumb img { width: 100%; }
.about-area .about-info-text .about-author .auhor-text span { font-size: 18px; font-weight: 400; color: #020c26; }
.about-area .about-info-text .about-author .auhor-text p { color: #848484; font-size: 14px; font-weight: 400; }
.about-area .about-review { position: relative; }
@media (max-width: 767px) { .about-area .about-review { margin-top: 30px; } }
.about-area .about-review img { width: 100%; }
.about-area .about-review .project-review { position: absolute; bottom: 50px; left: 50px; background: #ff5e13; padding: 55px 43px; }
.about-area .about-review .project-review h3 { color: #fff; font-family: "Rubik", sans-serif; font-size: 46px; margin-bottom: 9px; line-height: 30px; }
.about-area .about-review .project-review p { font-size: 18px; font-family: "Rubik", sans-serif; font-weight: 400; margin-bottom: 0; color: #fff !important; }

.pt-120 { padding-top: 120px; }
@media (max-width: 767px) { .pt-120 { padding-top: 0px; } }
@media (min-width: 768px) and (max-width: 991px) { .pt-120 { padding-top: 60px; } }

.about-pro-active.owl-carousel .owl-nav div { background: transparent; height: 65px; left: 30%; line-height: 65px; position: absolute; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 65px; font-size: 16px; color: #ccced4; border: 1px solid transparent; top: 35px; position: absolute; top: -115px; left: 44.5%; }
.about-pro-active.owl-carousel .owl-nav { position: inherit; }
.about-pro-active.owl-carousel .owl-nav div.owl-next { margin-left: 30px; }
.about-pro-active.owl-carousel .owl-nav div.owl-prev i { position: relative; right: 2px; }
.about-pro-active.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; }
.about-pro-active.owl-carousel:hover .owl-nav div:hover { color: #ff5e13; }

.counter-area { padding-top: 65px; padding-bottom: 35px; }
.counter-area .single-counter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 30px; }
@media (max-width: 767px) { .counter-area .single-counter { display: block; text-align: center; } }
@media (min-width: 768px) and (max-width: 991px) { .counter-area .single-counter { display: block; text-align: center; } }
.counter-area .single-counter .icon { margin-right: 23px; }
@media (max-width: 767px) { .counter-area .single-counter .icon { margin-bottom: 20px; } }
@media (min-width: 768px) and (max-width: 991px) { .counter-area .single-counter .icon { margin-bottom: 20px; } }
.counter-area .single-counter .counter-number { margin-top: -10px; }
.counter-area .single-counter .counter-number h3 { font-size: 46px; color: #020c26; font-weight: 400; font-family: "Rubik", sans-serif; margin-bottom: -2px; }
.counter-area .single-counter .counter-number h3 span { font-weight: 400; font-family: "Rubik", sans-serif; }
.counter-area .single-counter .counter-number p { font-size: 18px; color: #848484; font-family: "Rubik", sans-serif; font-weight: 400; }
.counter-area .single-counter .counter-number p span { color: #020c26; font-weight: 400; }

.cta-area { padding-top: 145px; padding-bottom: 155px; }
.cta-area .cta-content { display: block; background: #D72638; position: relative; padding: 68px 45px 114px 64px; }
@media (max-width: 767px) { .cta-area .cta-content { padding: 40px 20px 100px 20px; } }
.cta-area .cta-content h3 { font-size: 44px; line-height: 56px; color: #fff; font-weight: 400; margin-bottom: 13px; }
@media (max-width: 767px) { .cta-area .cta-content h3 { font-size: 23px; line-height: 32px; } }
@media (min-width: 992px) and (max-width: 1200px) { .cta-area .cta-content h3 br { display: none; } }
.cta-area .cta-content p { font-size: 16px; color: #ffffff; font-weight: 400; }
.cta-area .cta-content .cta-btn { position: absolute; right: 0; bottom: 0; }
.cta-area .cta-content .cta-btn i { position: relative; left: 8px; }

/*=================== contact banner start ====================*/
.dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.contact-info { margin-bottom: 25px; }
.contact-info__icon { margin-right: 20px; }
.contact-info__icon i, .contact-info__icon span { color: #8f9195; font-size: 27px; }
.contact-info .media-body h3 { font-size: 16px; margin-bottom: 0; font-size: 16px; color: #2a2a2a; }
.contact-info .media-body h3 a:hover { color: #D72638; }
.contact-info .media-body p { color: #8a8a8a; }

/*=================== contact banner end ====================*/
/*=================== contact form start ====================*/
.contact-title { font-size: 27px; font-weight: 600; margin-bottom: 20px; }

.form-contact label { font-size: 14px; }
.form-contact .form-group { margin-bottom: 30px; }
.form-contact .form-control { border: 1px solid #e5e6e9; border-radius: 0px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent; }
.form-contact .form-control:focus { outline: 0; box-shadow: none; }
.form-contact .form-control::placeholder { font-weight: 300; color: #999999; }
.form-contact textarea { border-radius: 0px; height: 100% !important; }

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100%; }
.modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px; }
.modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer; }
.modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; padding-bottom: 10px; }
.modal-message .modal-dialog .modal-content .modal-header p { display: block; }

.contact-section { padding: 130px 0 100px; }
@media (max-width: 991px) { .contact-section { padding: 70px 0 40px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .contact-section { padding: 80px 0 50px; } }
.contact-section .btn_2 { background-color: #191d34; padding: 18px 60px; border-radius: 50px; margin-top: 0; }
.contact-section .btn_2:hover { background-color: #D72638; }

.footer-area { background-image: url(../img/background-img/footer-pattern.png); padding: 120px 0px  0; position: relative; }
@media (max-width: 991px) { .footer-area { padding: 120px 0px  0; } }
.footer-area .col-lg-12 { padding-left: 0px; padding-right: 0px; overflow: hidden; }
@media (max-width: 991px) { .footer-area .single-footer-widget { margin-bottom: 30px; } }
.footer-area .single-footer-widget .social-links ul li { display: inline-block; margin-right: 15px; }
.footer-area .single-footer-widget .social-links ul li a { color: #010101; font-size: 18px; }
.footer-area .single-footer-widget .social-links ul li a:hover { color: #D72638; }
.footer-area .single-footer-widget .office-location ul li strong { font-size: 18px; color: #020c26; margin-bottom: 10px; display: block; font-weight: 400; font-family: "Rubik", sans-serif; }
.footer-area .single-footer-widget .office-location ul li p { color: #5c5c5c; font-size: 16px; }
.footer-area .single-footer-widget p { color: #5c5c5c; line-height: 1.8; }
.footer-area .single-footer-widget h4 { margin-bottom: 43px; font-weight: 400; font-size: 24px; color: #020c26; text-transform: capitalize; font-size: 24px; font-family: 'Rubik', sans-serif; }
@media (max-width: 1024px) { .footer-area .single-footer-widget h4 { font-size: 18px; } }
@media (max-width: 991px) { .footer-area .single-footer-widget h4 { margin-bottom: 15px; } }
.footer-area .single-footer-widget ul li { margin-bottom: 16px; }
.footer-area .single-footer-widget ul li a { color: #5c5c5c; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; }
.footer-area .single-footer-widget ul li a:hover { color: #D72638; }
.footer-area .single-footer-widget .form-wrap { margin-top: 25px; }
.footer-area .single-footer-widget input { height: 40px; border: none; width: 67% !important; font-weight: 400; padding-left: 20px; border-radius: 0; font-size: 13px; color: #999999; border: 0px solid transparent; }
.footer-area .single-footer-widget input:focus { outline: none; box-shadow: none; }
.footer-area .single-footer-widget .click-btn { background-color: #D72638; color: #fff; border-radius: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 8px 20px; border: 0; font-size: 12px; font-weight: 400; position: relative; left: 0; }
.footer-area .single-footer-widget .click-btn:focus { outline: none; box-shadow: none; }
@media (max-width: 375px) { .footer-area .single-footer-widget .click-btn { margin-top: 10px; } }
@media (min-width: 400px) { .footer-area .single-footer-widget .click-btn { left: -50px; } }
.footer-area .footer_1 img { margin-bottom: 35px; }
@media (max-width: 576px) { .footer-area .footer_1 img { margin-bottom: 20px; max-width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .footer-area .footer_1 img { margin-bottom: 20px; max-width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer_1 img { margin-bottom: 20px; max-width: 100%; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .footer-area .footer_1 img { max-width: 100%; } }
.footer-area .footer_1 p { margin-bottom: 15px; font-family: "Rubik",sans-serif; font-weight: 400; color: #5c5c5c; font-size: 16px; line-height: 28px; margin-top: 7px; margin-bottom: 40px; }
.footer-area .social_icon { margin-top: 27px; }
.footer-area .social_icon a { color: #cccccc; font-size: 14px; margin-right: 20px; }
.footer-area .social_icon a:hover { color: #D72638; }
.footer-area .footer_3 .footer_img .single_footer_img { width: 31.33%; float: left; margin: 1%; position: relative; z-index: 2; }
@media (max-width: 576px) { .footer-area .footer_3 .footer_img .single_footer_img { width: 20%; }
  .footer-area .footer_3 .footer_img .single_footer_img img { width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .footer-area .footer_3 .footer_img .single_footer_img { width: 20%; }
  .footer-area .footer_3 .footer_img .single_footer_img img { width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer_3 .footer_img .single_footer_img { width: 31%; }
  .footer-area .footer_3 .footer_img .single_footer_img img { width: 100%; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .footer-area .footer_3 .footer_img .single_footer_img { width: 31%; }
  .footer-area .footer_3 .footer_img .single_footer_img img { width: 100%; } }
@media only screen and (min-width: 1200px) and (max-width: 1440px) { .footer-area .footer_3 .footer_img .single_footer_img { width: 20%; }
  .footer-area .footer_3 .footer_img .single_footer_img img { width: 100%; } }
.footer-area .footer_3 .footer_img .single_footer_img:after { position: absolute; left: 0; top: 0; content: ""; background-color: #000; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.footer-area .footer_3 .footer_img .single_footer_img i { text-align: center; position: absolute; top: 41%; margin: 0 auto; left: 0; right: 0; color: #fff; z-index: 2; opacity: 0; }
.footer-area .footer_3 .footer_img .single_footer_img:hover:after { opacity: 0.5; }
.footer-area .footer_3 .footer_img .single_footer_img:hover i { opacity: 1; }
.footer-area .contact_info { position: relative; margin-bottom: 20px; }
.footer-area .contact_info:last-child { margin-bottom: 0px; }
.footer-area .contact_info p { margin-bottom: 10px; }
.footer-area .contact_info p span { color: #2c3033; font-size: 16px; }
.footer-area .btn { background-color: #D72638; color: #fff; width: 49px; border-radius: 0px; height: 40px; }
.footer-area span.ti-heart { font-size: 12px; margin: 0px 2px; }
.footer-area .copyright_part_text { background-color: transparent; padding: 32px 15px; margin-top: 95px; }
.footer-area .copyright_part_text p { color: #83868c; font-size: 14px; font-weight: 400; }
@media (max-width: 576px) { .footer-area .copyright_part_text { margin-top: 20px; text-align: center; }
  .footer-area .copyright_part_text p { font-size: 13px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .footer-area .copyright_part_text { text-align: center; margin-top: 20px; padding: 32px 15px; }
  .footer-area .copyright_part_text p { font-size: 13px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .copyright_part_text { text-align: center; } }
.footer-area .copyright_part_text a { color: #D72638; }
.footer-area .input-group { border: 1px solid #45556a; padding: 5px; }
.footer-area .footer_icon p { margin-bottom: 22px; font-size: 16px; color: #999; }
.footer-area .footer_icon ul li { margin-bottom: 20px; }
.footer-area .footer_icon ul li i { margin-right: 15px; }

@media (max-width: 991px) { .footer_icon { margin-top: 0px; } }
.footer_menu { float: right; }
@media (max-width: 576px) { .footer_menu { float: none; text-align: center; margin-top: 15px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .footer_menu { float: none; text-align: center; margin-top: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .footer_menu { float: none; text-align: center; margin-top: 15px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .footer_menu { float: none; text-align: center; margin-top: 15px; } }
.footer_menu ul li { display: inline-block; }
.footer_menu ul li a { color: #5c5c5c !important; padding: 0px 22px; }
.footer_menu ul li a:hover { color: #D72638 !important; }
@media (max-width: 576px) { .footer_menu ul li a { padding: 0px 15px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .footer_menu ul li a { padding: 0px 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .footer_menu ul li a { padding: 0px 15px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .footer_menu ul li a { padding: 0px 15px; } }

.ptb200 { padding-top: 200px; padding-bottom: 200px; }
@media (max-width: 767px) { .ptb200 { padding-top: 100px; padding-bottom: 100px; } }

.banner-bg-1 { background-image: url(../img/banner/banner.jpg); }

.breadcrumb { background-size: cover; margin: 0 !important; }
.breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 { font-size: 60px; font-weight: 500; font-family: "Rubik", sans-serif; color: #fff; }
@media (max-width: 767px) { .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 { font-size: 35px; } }
@media (min-width: 768px) and (max-width: 991px) { .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 { font-size: 45px; } }
.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p { color: #fff; font-size: 16px; font-weight: 400; }
.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a { color: #D72638; }

.details-bg-1 { background-image: url(../img/banner/details-banner.jpg); }

.details-banner-area { height: 760px; height: 760px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
@media (max-width: 767px) { .details-banner-area { height: 460px; } }
@media (min-width: 768px) and (max-width: 991px) { .details-banner-area { height: 560px; } }
@media (min-width: 992px) and (max-width: 1200px) { .details-banner-area { height: 560px; } }
.details-banner-area .details-banner-text { margin-bottom: 131px; }
.details-banner-area .details-banner-text a { font-family: "Rubik", sans-serif; color: #ff5e13; font-size: 16px; font-weight: 400; display: inline-block; margin-bottom: 13px; }
.details-banner-area .details-banner-text h2 { font-family: "Rubik", sans-serif; font-size: 60px; font-weight: 500; color: #fff; line-height: 72px; }
@media (max-width: 767px) { .details-banner-area .details-banner-text h2 { font-size: 25px; line-height: 40px; } }
@media (min-width: 768px) and (max-width: 991px) { .details-banner-area .details-banner-text h2 { font-size: 45px; line-height: 60px; } }
@media (max-width: 767px) { .details-banner-area .details-banner-text h2 br { display: none; } }
@media (min-width: 768px) and (max-width: 991px) { .details-banner-area .details-banner-text h2 br { display: none; } }
@media (min-width: 992px) and (max-width: 1200px) { .details-banner-area .details-banner-text h2 br { display: none; } }
.details-banner-area.details-banner-area2 { display: table; width: 100%; height: 100%; height: 760px; }
.details-banner-area.details-banner-area2 .details-banner-inner2 { display: table-cell; vertical-align: bottom; }
@media (max-width: 767px) { .details-banner-area.details-banner-area2 { height: 460px; } }
@media (min-width: 768px) and (max-width: 991px) { .details-banner-area.details-banner-area2 { height: 560px; } }
@media (min-width: 992px) and (max-width: 1200px) { .details-banner-area.details-banner-area2 { height: 560px; } }

@media (max-width: 767px) { .team-area .single-team { margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) { .team-area .single-team { margin-bottom: 30px; } }
.team-area .single-team .team-thumb { position: relative; overflow: hidden; }
.team-area .single-team .team-thumb img { width: 100%; }
.team-area .single-team .team-thumb .team-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(100px); opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.team-area .single-team .team-thumb .team-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #020c26; opacity: .8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.team-area .single-team .team-thumb .team-hover .team-link { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); }
.team-area .single-team .team-thumb .team-hover .team-link ul li { display: inline-block; }
.team-area .single-team .team-thumb .team-hover .team-link ul li a { color: #fff; font-size: 18px; margin: 0 8px; }
.team-area .single-team .team-thumb .team-hover .team-link ul li a:hover { color: #ff5e13; }
.team-area .single-team .team-info { margin-top: 24px; }
.team-area .single-team .team-info h3 { font-weight: 400; font-family: "Rubik", sans-serif; color: #020c26; margin-bottom: 8px; }
.team-area .single-team .team-info p { font-weight: 400; font-family: "Rubik", sans-serif; font-size: 16px; color: #5c5c5c; margin-bottom: 0; }
.team-area .single-team:hover .team-hover { transform: translateY(0px); opacity: 1; visibility: visible; }

#accordion button { font-size: 16px; font-size: 24px; font-family: "Rubik", sans-serif; font-weight: 400; color: #ff5e13; }
@media (max-width: 767px) { #accordion button { font-size: 14px; } }
#accordion .card { margin-bottom: 15px; border-radius: 0; border: 0 !important; }
#accordion .card .card-header { background-color: transparent; padding: 4px 14px; border: 0 !important; }
@media (max-width: 767px) { #accordion .card .card-header { padding: 4px 0; } }
#accordion .card .card-body { font-size: 16px; line-height: 28px; color: #5c5c5c; padding: 0px 30px 32px; font-family: "Rubik", sans-serif; line-height: 28px; }
#accordion .card .collapse.show { background: #fff; border-bottom: 1px solid transparent; }
#accordion h5 { position: relative; z-index: 1; }
#accordion h5 button.btn.btn-link { color: #ff5e13; }
#accordion h5 button.btn.btn-link:after { position: absolute; content: "\e646"; top: 50%; right: 0px; height: auto; font-family: 'themify'; color: #ff5e13; font-size: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#accordion h5 button.btn.btn-link:focus { outline: none; text-decoration: none; }
@media (max-width: 767px) { #accordion h5 button.btn.btn-link { padding-left: 0; } }
#accordion h5 button.btn.btn-link.collapsed { color: #020c26; }
#accordion h5 button.btn.btn-link.collapsed:after { content: "\e61a"; color: #020c26; font-size: 18px; }
@media (max-width: 767px) { #accordion h5 button.btn.btn-link.collapsed { padding-left: 0; } }
#accordion .btn-link:hover { color: #182028; text-decoration: none; }
#accordion .btn { text-align: left !important; }

.faq-area { padding-top: 100px; padding-bottom: 90px; }
@media (max-width: 767px) { .faq-area { padding-top: 60px; padding-bottom: 30px; } }

.sample-text-area { background: #fff; padding: 100px 0 70px 0; }

.text-heading { margin-bottom: 30px; font-size: 24px; }

b, sup, sub, u, del { color: #D72638; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #828bb2; }

.button-area { background: #fff; }
.button-area .border-top-generic { padding: 70px 15px; border-top: 1px dotted #eee; }

.button-group-area .genric-btn { margin-right: 10px; margin-top: 10px; }
.button-group-area .genric-btn:last-child { margin-right: 0; }

.genric-btn { display: inline-block; outline: none; line-height: 40px; padding: 0 30px; font-size: .8em; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.genric-btn:focus { outline: none; }
.genric-btn.e-large { padding: 0 40px; line-height: 50px; }
.genric-btn.large { line-height: 45px; }
.genric-btn.medium { line-height: 30px; }
.genric-btn.small { line-height: 25px; }
.genric-btn.radius { border-radius: 3px; }
.genric-btn.circle { border-radius: 20px; }
.genric-btn.arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.genric-btn.arrow span { margin-left: 10px; }
.genric-btn.default { color: #415094; background: #f9f9ff; border: 1px solid transparent; }
.genric-btn.default:hover { border: 1px solid #f9f9ff; background: #fff; }
.genric-btn.default-border { border: 1px solid #f9f9ff; background: #fff; }
.genric-btn.default-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; }
.genric-btn.primary { color: #fff; background: #D72638; border: 1px solid transparent; }
.genric-btn.primary:hover { color: #D72638; border: 1px solid #D72638; background: #fff; }
.genric-btn.primary-border { color: #D72638; border: 1px solid #D72638; background: #fff; }
.genric-btn.primary-border:hover { color: #fff; background: #D72638; border: 1px solid transparent; }
.genric-btn.success { color: #fff; background: #4cd3e3; border: 1px solid transparent; }
.genric-btn.success:hover { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; }
.genric-btn.success-border { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; }
.genric-btn.success-border:hover { color: #fff; background: #4cd3e3; border: 1px solid transparent; }
.genric-btn.info { color: #fff; background: #38a4ff; border: 1px solid transparent; }
.genric-btn.info:hover { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; }
.genric-btn.info-border { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; }
.genric-btn.info-border:hover { color: #fff; background: #38a4ff; border: 1px solid transparent; }
.genric-btn.warning { color: #fff; background: #f4e700; border: 1px solid transparent; }
.genric-btn.warning:hover { color: #f4e700; border: 1px solid #f4e700; background: #fff; }
.genric-btn.warning-border { color: #f4e700; border: 1px solid #f4e700; background: #fff; }
.genric-btn.warning-border:hover { color: #fff; background: #f4e700; border: 1px solid transparent; }
.genric-btn.danger { color: #fff; background: #f44a40; border: 1px solid transparent; }
.genric-btn.danger:hover { color: #f44a40; border: 1px solid #f44a40; background: #fff; }
.genric-btn.danger-border { color: #f44a40; border: 1px solid #f44a40; background: #fff; }
.genric-btn.danger-border:hover { color: #fff; background: #f44a40; border: 1px solid transparent; }
.genric-btn.link { color: #415094; background: #f9f9ff; text-decoration: underline; border: 1px solid transparent; }
.genric-btn.link:hover { color: #415094; border: 1px solid #f9f9ff; background: #fff; }
.genric-btn.link-border { color: #415094; border: 1px solid #f9f9ff; background: #fff; text-decoration: underline; }
.genric-btn.link-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; }
.genric-btn.disable { color: #222222, 0.3; background: #f9f9ff; border: 1px solid transparent; cursor: not-allowed; }

.generic-blockquote { padding: 30px 50px 30px 30px; background: #f9f9ff; border-left: 2px solid #D72638; }

.progress-table-wrap { overflow-x: scroll; }

.progress-table { background: #f9f9ff; padding: 15px 0px 30px 0px; min-width: 800px; }
.progress-table .serial { width: 11.83%; padding-left: 30px; }
.progress-table .country { width: 28.07%; }
.progress-table .visit { width: 19.74%; }
.progress-table .percentage { width: 40.36%; padding-right: 50px; }
.progress-table .table-head { display: flex; }
.progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage { color: #415094; line-height: 40px; text-transform: uppercase; font-weight: 500; }
.progress-table .table-row { padding: 15px 0; border-top: 1px solid #edf3fd; display: flex; }
.progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage { display: flex; align-items: center; }
.progress-table .table-row .country img { margin-right: 15px; }
.progress-table .table-row .percentage .progress { width: 80%; border-radius: 0px; background: transparent; }
.progress-table .table-row .percentage .progress .progress-bar { height: 5px; line-height: 5px; }
.progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6; }
.progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686; }
.progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359; }
.progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf; }
.progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf; }
.progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6; }
.progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7; }
.progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686; }

.single-gallery-image { margin-top: 30px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; height: 200px; }

.list-style { width: 14px; height: 14px; }

.unordered-list li { position: relative; padding-left: 30px; line-height: 1.82em !important; }
.unordered-list li:before { content: ""; position: absolute; width: 14px; height: 14px; border: 3px solid #D72638; background: #fff; top: 4px; left: 0; border-radius: 50%; }

.ordered-list { margin-left: 30px; }
.ordered-list li { list-style-type: decimal-leading-zero; color: #D72638; font-weight: 500; line-height: 1.82em !important; }
.ordered-list li span { font-weight: 300; color: #828bb2; }

.ordered-list-alpha li { margin-left: 30px; list-style-type: lower-alpha; color: #D72638; font-weight: 500; line-height: 1.82em !important; }
.ordered-list-alpha li span { font-weight: 300; color: #828bb2; }

.ordered-list-roman li { margin-left: 30px; list-style-type: lower-roman; color: #D72638; font-weight: 500; line-height: 1.82em !important; }
.ordered-list-roman li span { font-weight: 300; color: #828bb2; }

.single-input { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; }
.single-input:focus { outline: none; }

.input-group-icon { position: relative; }
.input-group-icon .icon { position: absolute; left: 20px; top: 0; line-height: 40px; z-index: 3; }
.input-group-icon .icon i { color: #797979; }
.input-group-icon .single-input { padding-left: 45px; }

.single-textarea { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; height: 100px; resize: none; }
.single-textarea:focus { outline: none; }

.single-input-primary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; }
.single-input-primary:focus { outline: none; border: 1px solid #D72638; }

.single-input-accent { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; }
.single-input-accent:focus { outline: none; border: 1px solid #eb6b55; }

.single-input-secondary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; }
.single-input-secondary:focus { outline: none; border: 1px solid #f09359; }

.default-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; }
.default-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.default-switch input + label { position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #D72638; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; }
.default-switch input:checked + label { left: 19px; }

.primary-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; }
.primary-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.primary-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.primary-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.primary-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; }
.primary-switch input:checked + label:after { left: 19px; }
.primary-switch input:checked + label:before { background: #D72638; }

.confirm-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; }
.confirm-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.confirm-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.confirm-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; }
.confirm-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; }
.confirm-switch input:checked + label:after { left: 19px; }
.confirm-switch input:checked + label:before { background: #4cd3e3; }

.primary-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; }
.primary-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.primary-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; }
.primary-checkbox input:checked + label { background: url(../img/elements/primary-check.png) no-repeat center center/cover; border: none; }

.confirm-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; }
.confirm-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.confirm-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; }
.confirm-checkbox input:checked + label { background: url(../img/elements/success-check.png) no-repeat center center/cover; border: none; }

.disabled-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; }
.disabled-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.disabled-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; }
.disabled-checkbox input:disabled { cursor: not-allowed; z-index: 3; }
.disabled-checkbox input:checked + label { background: url(../img/elements/disabled-check.png) no-repeat center center/cover; border: none; }

.primary-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; }
.primary-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.primary-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; }
.primary-radio input:checked + label { background: url(../img/elements/primary-radio.png) no-repeat center center/cover; border: none; }

.confirm-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; }
.confirm-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.confirm-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; }
.confirm-radio input:checked + label { background: url(../img/elements/success-radio.png) no-repeat center center/cover; border: none; }

.disabled-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; }
.disabled-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; }
.disabled-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; }
.disabled-radio input:disabled { cursor: not-allowed; z-index: 3; }
.disabled-radio input:checked + label { background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; border: none; }

.default-select { height: 40px; }
.default-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 20px; padding-right: 40px; }
.default-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; }
.default-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 20px; }
.default-select .nice-select .list .option.selected { color: #D72638; background: transparent; }
.default-select .nice-select .list .option:hover { color: #D72638; background: transparent; }
.default-select .current { margin-right: 50px; font-weight: 300; }
.default-select .nice-select::after { right: 20px; }

.form-select { height: 40px; width: 100%; }
.form-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 45px; padding-right: 40px; width: 100%; }
.form-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; }
.form-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 45px; }
.form-select .nice-select .list .option.selected { color: #D72638; background: transparent; }
.form-select .nice-select .list .option:hover { color: #D72638; background: transparent; }
.form-select .current { margin-right: 50px; font-weight: 300; }
.form-select .nice-select::after { right: 20px; }

.mt-10 { margin-top: 10px; }

.section-top-border { padding: 50px 0; border-top: 1px dotted #eee; }

.mb-30 { margin-bottom: 30px; }

.mt-30 { margin-top: 30px; }

.switch-wrap { margin-bottom: 10px; }

/* Start Blog Area css
============================================================================================ */
.latest-blog-area .area-heading { margin-bottom: 70px; }

.blog_area a { color: #666666 !important; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
.blog_area a:hover, .blog_area a :hover { background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }

.single-blog { overflow: hidden; margin-bottom: 30px; }
.single-blog:hover { box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1); }
.single-blog .thumb { overflow: hidden; position: relative; }
.single-blog .thumb:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.single-blog h4 { border-bottom: 1px solid #dfdfdf; padding-bottom: 34px; margin-bottom: 25px; }
.single-blog a { font-size: 20px; font-weight: 600; }
.single-blog .date { color: #666666; text-align: left; display: inline-block; font-size: 13px; font-weight: 300; }
.single-blog .tag { text-align: left; display: inline-block; float: left; font-size: 13px; font-weight: 300; margin-right: 22px; position: relative; }
.single-blog .tag:after { content: ''; position: absolute; width: 1px; height: 10px; background: #acacac; right: -12px; top: 7px; }
@media (max-width: 1199px) { .single-blog .tag { margin-right: 8px; }
  .single-blog .tag:after { display: none; } }
.single-blog .likes { margin-right: 16px; }
@media (max-width: 800px) { .single-blog { margin-bottom: 30px; } }
.single-blog .single-blog-content { padding: 30px; }
.single-blog .single-blog-content .meta-bottom p { font-size: 13px; font-weight: 300; }
.single-blog .single-blog-content .meta-bottom i { color: #fdcb9e; font-size: 13px; margin-right: 7px; }
@media (max-width: 1199px) { .single-blog .single-blog-content { padding: 15px; } }
.single-blog:hover .thumb:after { opacity: .7; -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 1199px) { .single-blog h4 { transition: all 300ms linear 0s; border-bottom: 1px solid #dfdfdf; padding-bottom: 14px; margin-bottom: 12px; }
  .single-blog h4 a { font-size: 18px; } }

.full_image.single-blog { position: relative; }
.full_image.single-blog .single-blog-content { position: absolute; left: 35px; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
@media (min-width: 992px) { .full_image.single-blog .single-blog-content { bottom: 100px; } }
.full_image.single-blog h4 { -webkit-transition: 0.5s; transition: 0.5s; border-bottom: none; padding-bottom: 5px; }
.full_image.single-blog a { font-size: 20px; font-weight: 600; }
.full_image.single-blog .date { color: #fff; }
.full_image.single-blog:hover .single-blog-content { opacity: 1; visibility: visible; -webkit-transition: 0.5s; transition: 0.5s; }

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */
.l_blog_item .l_blog_text .date { margin-top: 24px; margin-bottom: 15px; }
.l_blog_item .l_blog_text .date a { font-size: 12px; }
.l_blog_item .l_blog_text h4 { font-size: 18px; border-bottom: 1px solid #eeeeee; margin-bottom: 0px; padding-bottom: 20px; -webkit-transition: 0.5s; transition: 0.5s; }
.l_blog_item .l_blog_text p { margin-bottom: 0px; padding-top: 20px; }

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots { text-align: center; margin-top: 80px; }
.causes_slider .owl-dots .owl-dot { height: 14px; width: 14px; background: #eeeeee; display: inline-block; margin-right: 7px; }
.causes_slider .owl-dots .owl-dot:last-child { margin-right: 0px; }

.causes_item { background: #fff; }
.causes_item .causes_img { position: relative; }
.causes_item .causes_img .c_parcent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: rgba(255, 255, 255, 0.5); }
.causes_item .causes_img .c_parcent span { width: 70%; height: 3px; position: absolute; left: 0px; bottom: 0px; }
.causes_item .causes_img .c_parcent span:before { content: "75%"; position: absolute; right: -10px; bottom: 0px; color: #fff; padding: 0px 5px; }
.causes_item .causes_text { padding: 30px 35px 40px 30px; }
.causes_item .causes_text h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; cursor: pointer; }
.causes_item .causes_text p { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 0px; }
.causes_item .causes_bottom a { width: 50%; border: 1px solid; text-align: center; float: left; line-height: 50px; color: #fff; font-size: 14px; font-weight: 500; }
.causes_item .causes_bottom a + a { border-color: #eeeeee; background: #fff; font-size: 14px; }

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.latest_blog_area { background: #f9f9ff; }

.single-recent-blog-post { margin-bottom: 30px; }
.single-recent-blog-post .thumb { overflow: hidden; }
.single-recent-blog-post .thumb img { transition: all 0.7s linear; }
.single-recent-blog-post .details { padding-top: 30px; }
.single-recent-blog-post .details .sec_h4 { line-height: 24px; padding: 10px 0px 13px; transition: all 0.3s linear; }
.single-recent-blog-post .date { font-size: 14px; line-height: 24px; font-weight: 400; }
.single-recent-blog-post:hover img { transform: scale(1.23) rotate(10deg); }

.tags .tag_btn { font-size: 12px; font-weight: 500; line-height: 20px; border: 1px solid #eeeeee; display: inline-block; padding: 1px 18px; text-align: center; }
.tags .tag_btn + .tag_btn { margin-left: 2px; }

/*========= blog_categorie_area css ===========*/
.blog_categorie_area { padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 900px) { .blog_categorie_area { padding-top: 80px; padding-bottom: 80px; } }
@media (min-width: 1100px) { .blog_categorie_area { padding-top: 120px; padding-bottom: 120px; } }

.categories_post { position: relative; text-align: center; cursor: pointer; }
.categories_post img { max-width: 100%; }
.categories_post .categories_details { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: rgba(34, 34, 34, 0.75); color: #fff; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center; }
.categories_post .categories_details h5 { margin-bottom: 0px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; position: relative; }
.categories_post .categories_details p { font-weight: 300; font-size: 14px; line-height: 26px; margin-bottom: 0px; }
.categories_post .categories_details .border_line { margin: 10px 0px; background: #fff; width: 100%; height: 1px; }
.categories_post:hover .categories_details { background: rgba(222, 99, 32, 0.85); }

/*============ blog_left_sidebar css ==============*/
.blog_item { margin-bottom: 50px; }

.blog_details { padding: 30px 0 20px 10px; box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); }
@media (min-width: 768px) { .blog_details { padding: 60px 30px 35px 35px; } }
.blog_details p { margin-bottom: 30px; }
.blog_details a { color: #ff8b23; }
.blog_details a:hover { color: #fe5c24; }
.blog_details h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
@media (min-width: 768px) { .blog_details h2 { font-size: 24px; margin-bottom: 15px; } }

.blog-info-link li { float: left; font-size: 14px; }
.blog-info-link li a { color: #999999; }
.blog-info-link li i, .blog-info-link li span { font-size: 13px; margin-right: 5px; }
.blog-info-link li::after { content: "|"; padding-left: 10px; padding-right: 10px; }
.blog-info-link li:last-child::after { display: none; }
.blog-info-link::after { content: ""; display: block; clear: both; display: table; }

.blog_item_img { position: relative; }
.blog_item_img .blog_item_date { position: absolute; bottom: -10px; left: 10px; display: block; color: #fff; background-color: #fe5c24; padding: 8px 15px; border-radius: 5px; }
@media (min-width: 768px) { .blog_item_img .blog_item_date { bottom: -20px; left: 40px; padding: 13px 30px; } }
.blog_item_img .blog_item_date h3 { font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 0; line-height: 1.2; }
@media (min-width: 768px) { .blog_item_img .blog_item_date h3 { font-size: 30px; } }
.blog_item_img .blog_item_date p { font-size: 18px; margin-bottom: 0; color: #fff; }
@media (min-width: 768px) { .blog_item_img .blog_item_date p { font-size: 18px; } }

.blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; }
.blog_right_sidebar .widget_title::after { content: ""; display: block; padding-top: 15px; border-bottom: 1px solid #f0e9ff; }
.blog_right_sidebar .single_sidebar_widget { background: #fbf9ff; padding: 30px; margin-bottom: 30px; }
.blog_right_sidebar .single_sidebar_widget .btn_1 { margin-top: 0px; }
.blog_right_sidebar .search_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; border-right: 0; }
.blog_right_sidebar .search_widget .form-control::placeholder { color: #999999; }
.blog_right_sidebar .search_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none; }
.blog_right_sidebar .search_widget .input-group button { background: #fff; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; }
.blog_right_sidebar .search_widget .input-group button i, .blog_right_sidebar .search_widget .input-group button span { font-size: 14px; color: #999999; }
.blog_right_sidebar .newsletter_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; }
.blog_right_sidebar .newsletter_widget .form-control::placeholder { color: #999999; }
.blog_right_sidebar .newsletter_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none; }
.blog_right_sidebar .newsletter_widget .input-group button { background: #fff; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; }
.blog_right_sidebar .newsletter_widget .input-group button i, .blog_right_sidebar .newsletter_widget .input-group button span { font-size: 14px; color: #999999; }
.blog_right_sidebar .post_category_widget .cat-list li { border-bottom: 1px solid #f0e9ff; transition: all 0.3s ease 0s; padding-bottom: 12px; }
.blog_right_sidebar .post_category_widget .cat-list li:last-child { border-bottom: 0; }
.blog_right_sidebar .post_category_widget .cat-list li a { font-size: 14px; line-height: 20px; color: #888888; }
.blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px; }
.blog_right_sidebar .post_category_widget .cat-list li + li { padding-top: 15px; }
.blog_right_sidebar .popular_post_widget .post_item .media-body { justify-content: center; align-self: center; padding-left: 20px; }
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 { font-size: 16px; line-height: 20px; margin-bottom: 6px; transition: all 0.3s linear; }
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover { color: #fff; }
.blog_right_sidebar .popular_post_widget .post_item .media-body p { font-size: 14px; line-height: 21px; margin-bottom: 0px; }
.blog_right_sidebar .popular_post_widget .post_item + .post_item { margin-top: 20px; }
.blog_right_sidebar .tag_cloud_widget ul li { display: inline-block; }
.blog_right_sidebar .tag_cloud_widget ul li a { display: inline-block; border: 1px solid #eeeeee; background: #fff; padding: 4px 20px; margin-bottom: 8px; margin-right: 3px; transition: all 0.3s ease 0s; color: #888888; font-size: 13px; }
.blog_right_sidebar .tag_cloud_widget ul li a:hover { background: #fe5c24; color: #fff !important; -webkit-text-fill-color: #fff; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
.blog_right_sidebar .instagram_feeds .instagram_row { display: flex; margin-right: -6px; margin-left: -6px; }
.blog_right_sidebar .instagram_feeds .instagram_row li { width: 33.33%; float: left; padding-right: 6px; padding-left: 6px; margin-bottom: 15px; }
.blog_right_sidebar .br { width: 100%; height: 1px; background: #eeeeee; margin: 30px 0px; }

.blog-pagination { margin-top: 80px; }

.blog-pagination .page-link { font-size: 14px; position: relative; display: block; padding: 0; text-align: center; margin-left: -1px; line-height: 45px; width: 45px; height: 45px; border-radius: 0 !important; color: #8a8a8a; border: 1px solid #f0e9ff; margin-right: 10px; }
.blog-pagination .page-link i, .blog-pagination .page-link span { font-size: 13px; }

.blog-pagination .page-item.active .page-link { background-color: #fbf9ff; border-color: #f0e9ff; color: #888888; }

.blog-pagination .page-item:last-child .page-link { margin-right: 0; }

/*============ Start Blog Single Styles  =============*/
.single-post-area .blog_details { box-shadow: none; padding: 0; }
.single-post-area .social-links { padding-top: 10px; }
.single-post-area .social-links li { display: inline-block; margin-bottom: 10px; }
.single-post-area .social-links li a { color: #cccccc; padding: 7px; font-size: 14px; transition: all 0.2s linear; }
.single-post-area .blog_details { padding-top: 26px; }
.single-post-area .blog_details p { margin-bottom: 20px; font-size: 15px; }
.single-post-area .quote-wrapper { background: rgba(130, 139, 178, 0.1); padding: 15px; line-height: 1.733; color: #888888; font-style: italic; margin-top: 25px; margin-bottom: 25px; }
@media (min-width: 768px) { .single-post-area .quote-wrapper { padding: 30px; } }
.single-post-area .quotes { background: #fff; padding: 15px 15px 15px 20px; border-left: 2px solid; }
@media (min-width: 768px) { .single-post-area .quotes { padding: 25px 25px 25px 30px; } }
.single-post-area .arrow { position: absolute; }
.single-post-area .arrow .lnr { font-size: 20px; font-weight: 600; }
.single-post-area .thumb .overlay-bg { background: rgba(0, 0, 0, 0.8); }
.single-post-area .navigation-top { padding-top: 15px; border-top: 1px solid #f0e9ff; }
.single-post-area .navigation-top p { margin-bottom: 0; }
.single-post-area .navigation-top .like-info { font-size: 14px; }
.single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span { font-size: 16px; margin-right: 5px; }
.single-post-area .navigation-top .comment-count { font-size: 14px; }
.single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span { font-size: 16px; margin-right: 5px; }
.single-post-area .navigation-top .social-icons li { display: inline-block; margin-right: 15px; }
.single-post-area .navigation-top .social-icons li:last-child { margin: 0; }
.single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span { font-size: 14px; color: #999999; }
.single-post-area .blog-author { padding: 40px 30px; background: #fbf9ff; margin-top: 50px; }
@media (max-width: 600px) { .single-post-area .blog-author { padding: 20px 8px; } }
.single-post-area .blog-author img { width: 90px; height: 90px; border-radius: 50%; margin-right: 30px; }
@media (max-width: 600px) { .single-post-area .blog-author img { margin-right: 15px; width: 45px; height: 45px; } }
.single-post-area .blog-author a { display: inline-block; }
.single-post-area .blog-author a:hover { color: #fe5c24; }
.single-post-area .blog-author p { margin-bottom: 0; font-size: 15px; }
.single-post-area .blog-author h4 { font-size: 16px; }
.single-post-area .navigation-area { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-top: 55px; }
.single-post-area .navigation-area p { margin-bottom: 0px; }
.single-post-area .navigation-area h4 { font-size: 18px; line-height: 25px; }
.single-post-area .navigation-area .nav-left { text-align: left; }
.single-post-area .navigation-area .nav-left .thumb { margin-right: 20px; background: #000; }
.single-post-area .navigation-area .nav-left .thumb img { -webkit-transition: 0.5s; transition: 0.5s; }
.single-post-area .navigation-area .nav-left .lnr { margin-left: 20px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.single-post-area .navigation-area .nav-left:hover .lnr { opacity: 1; }
.single-post-area .navigation-area .nav-left:hover .thumb img { opacity: .5; }
@media (max-width: 767px) { .single-post-area .navigation-area .nav-left { margin-bottom: 30px; } }
.single-post-area .navigation-area .nav-right { text-align: right; }
.single-post-area .navigation-area .nav-right .thumb { margin-left: 20px; background: #000; }
.single-post-area .navigation-area .nav-right .thumb img { -webkit-transition: 0.5s; transition: 0.5s; }
.single-post-area .navigation-area .nav-right .lnr { margin-right: 20px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.single-post-area .navigation-area .nav-right:hover .lnr { opacity: 1; }
.single-post-area .navigation-area .nav-right:hover .thumb img { opacity: .5; }
@media (max-width: 991px) { .single-post-area .sidebar-widgets { padding-bottom: 0px; } }

.comments-area { background: transparent; border-top: 1px solid #eee; padding: 45px 0; margin-top: 50px; }
@media (max-width: 414px) { .comments-area { padding: 50px 8px; } }
.comments-area h4 { margin-bottom: 35px; font-size: 18px; }
.comments-area h5 { font-size: 16px; margin-bottom: 0px; }
.comments-area .comment-list { padding-bottom: 48px; }
.comments-area .comment-list:last-child { padding-bottom: 0px; }
.comments-area .comment-list.left-padding { padding-left: 25px; }
@media (max-width: 413px) { .comments-area .comment-list .single-comment h5 { font-size: 12px; }
  .comments-area .comment-list .single-comment .date { font-size: 11px; }
  .comments-area .comment-list .single-comment .comment { font-size: 10px; } }
.comments-area .thumb { margin-right: 20px; }
.comments-area .thumb img { width: 70px; border-radius: 50%; }
.comments-area .date { font-size: 14px; color: #999999; margin-bottom: 0; margin-left: 20px; }
.comments-area .comment { margin-bottom: 10px; color: #777777; font-size: 15px; }
.comments-area .btn-reply { background-color: transparent; color: #888888; padding: 5px 18px; font-size: 14px; display: block; font-weight: 400; }

.comment-form { border-top: 1px solid #eee; padding-top: 45px; margin-top: 50px; margin-bottom: 20px; }
.comment-form .form-group { margin-bottom: 30px; }
.comment-form h4 { margin-bottom: 40px; font-size: 18px; line-height: 22px; }
.comment-form .name { padding-left: 0px; }
@media (max-width: 767px) { .comment-form .name { padding-right: 0px; margin-bottom: 1rem; } }
.comment-form .email { padding-right: 0px; }
@media (max-width: 991px) { .comment-form .email { padding-left: 0px; } }
.comment-form .form-control { border: 1px solid #f0e9ff; border-radius: 5px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent; }
.comment-form .form-control:focus { outline: 0; box-shadow: none; }
.comment-form .form-control::placeholder { font-weight: 300; color: #999999; }
.comment-form .form-control::placeholder { color: #777777; }
.comment-form textarea { padding-top: 18px; border-radius: 12px; height: 100% !important; }
.comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 13px; color: #777; }
.comment-form ::-moz-placeholder { /* Firefox 19+ */ font-size: 13px; color: #777; }
.comment-form :-ms-input-placeholder { /* IE 10+ */ font-size: 13px; color: #777; }
.comment-form :-moz-placeholder { /* Firefox 18- */ font-size: 13px; color: #777; }

/*============ End Blog Single Styles  =============*/
/**************** blog part css start ****************/
.blog_part { margin-bottom: 140px; }
@media (max-width: 576px) { .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } }
.blog_part .blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; font-style: inherit !important; }
@media (max-width: 576px) { .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } }
.blog_part .single-home-blog .card-img-top { border-radius: 0px; }
.blog_part .single-home-blog .card { border: 0px solid transparent; border-radius: 0px; background-color: transparent; position: relative; }
.blog_part .single-home-blog .card .card-body { padding: 25px 10px 29px 40px; background-color: #fff; position: absolute; left: 20px; bottom: -140px; box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1); border-radius: 10px; }
@media (max-width: 576px) { .blog_part .single-home-blog .card .card-body { padding: 15px; left: 10px; bottom: -140px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part .single-home-blog .card .card-body { padding: 15px; left: 10px; bottom: -140px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .blog_part .single-home-blog .card .card-body { padding: 20px; } }
.blog_part .single-home-blog .card .card-body a { color: #fe5c24; text-transform: uppercase; -webkit-transition: 0.8s; transition: 0.8s; }
.blog_part .single-home-blog .card .card-body a:hover { background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.blog_part .single-home-blog .card .dot { position: relative; padding-left: 20px; }
.blog_part .single-home-blog .card .dot:after { position: absolute; content: ""; width: 10px; height: 10px; top: 5px; left: 0; background-color: #fe5c24; border-radius: 50%; }
.blog_part .single-home-blog .card span { color: #8a8a8a; margin-bottom: 10px; display: inline-block; margin-top: 10px; }
@media (max-width: 576px) { .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } }
.blog_part .single-home-blog .card h5 { font-weight: 600; line-height: 1.5; font-size: 20px; -webkit-transition: 0.8s; transition: 0.8s; text-transform: capitalize; margin-bottom: 22px; }
@media (max-width: 576px) { .blog_part .single-home-blog .card h5 { margin-bottom: 10px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part .single-home-blog .card h5 { margin-bottom: 10px; font-size: 16px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_part .single-home-blog .card h5 { margin-bottom: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .blog_part .single-home-blog .card h5 { margin-bottom: 10px; font-size: 18px; } }
.blog_part .single-home-blog .card h5:hover { -webkit-transition: 0.8s; transition: 0.8s; background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: 1s; }
.blog_part .single-home-blog .card ul li { display: inline-block; color: #8a8a8a; margin-right: 14px; }
@media (max-width: 576px) { .blog_part .single-home-blog .card ul li { margin-right: 10px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .blog_part .single-home-blog .card ul li { margin-right: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .blog_part .single-home-blog .card ul li { margin-right: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .blog_part .single-home-blog .card ul li { margin-right: 10px; } }
.blog_part .single-home-blog .card ul li span { margin-right: 10px; font-size: 12px; }

/*# sourceMappingURL=style.css.map */