html,
body {
height: 100%;
font-family: "Poppins", sans-serif;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #111111;
font-weight: 400;
font-family: 'Raleway', sans-serif;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
font-size: 15px;
font-family: "Poppins", sans-serif;
color: #707070;
font-weight: 400;
line-height: 26px;
margin: 0 0 15px 0;
}
img {
max-width: 100%;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
outline: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
color: #ffffff;
}
ul,
ol {
padding: 0;
margin: 0;
}
/*---------------------
Helper CSS
-----------------------*/
.title-separator {
width: 150px;
height: 1px;
display: block;
position: relative;
margin: 40px auto 30px auto;
background-color: #e7e7e7;
}
.title-separator::before {
content: '';
width: 5px;
height: 5px;
border-radius: 3px;
position: absolute;
top: -2px;
background-color: #19beec;
border-radius: 2px;
left: 73px;
}
.uk-button-text {
padding: 0!important;
background: none;
position: relative;
padding-left: 28px!important;
color: #000;
}
.uk-button-text::before {
content: "";
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 20px;
border-bottom: 1px solid #bfb5a5;
}
.uk-button-text:hover{color: #19beec;}
.service-inner{
padding:10px 0 10px 0;
}
.elementor-icon-box-icon {
margin-right: 16px;
display: inline-flex;
flex: 0 0 auto;
}
.elementor-icon {
background-color: rgba(86,178,89,.1);
fill: #56b259;
color: #56b259;
}
.elementor-icon {
font-size: 28px;
padding: 20px;
border-radius: 50%;
}
.elementor-icon {
display: inline-block;
line-height: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-align: center;
}
.elementor-icon i {
transform: rotate(
0deg);
}
.elementor-icon i{
width: 1em;
height: 1em;
position: relative;
display: block;
}
.elementor-icon-box-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.elementor-icon-box-title {
margin-bottom: 2px;color: #181e19; font-weight:600;
}
.section-title {
margin-bottom: 40px;
}
.section-title span {
color: #19beec;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
margin-bottom: 12px;
}
.section-title h2 {
font-size: 36px;
color: #111111;
line-height: 38px;
text-transform: uppercase;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.spad {
padding-top: 100px;
padding-bottom: 100px;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
color: #fff;
}
/* buttons */
.primary-btn {
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 16px 50px;
color: #ffffff;
position: relative;
}
.primary-btn.normal-btn {
color: #111111;
}
.primary-btn.normal-btn:before {
border-color: #c4c4c4;
}
.primary-btn.normal-btn:after {
border-color: #c4c4c4;
}
.primary-btn:before {
position: absolute;
left: 0;
bottom: 0;
height: 28px;
width: 28px;
border-left: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 0 0 4px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.primary-btn:after {
position: absolute;
right: 0;
top: 0;
height: 28px;
width: 28px;
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-top: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 4px 0 0;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.primary-btn:hover:before {
height: 100%;
width: 100%;
border-radius: 4px;
}
.primary-btn:hover:after {
height: 100%;
width: 100%;
border-radius: 4px;
}
.site-btn {
font-size: 16px;
color: #ffffff;
background: #19beec;
font-weight: 600;
border: none;
display: inline-block;
padding: 14px 36px;
}
/* Preloder */
#preloder {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999;
background: #000;
}
.loader {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
/*---------------------
Header
-----------------------*/
.header {
position:absolute;
width: 100%;
top: 0;
left: 0;
z-index: 9;
padding: 0px 0 0px;
}
.header.header-normal {
position: relative;
padding: 30px 0 30px;
}
.header__logo a {
display: inline-block; padding-top:0px; padding-bottom:10px;
}
.header__menu {
text-align: left; padding-left:10px;
}
.header__menu ul li {
list-style: none;
display: inline-block;
position: relative;
margin-right: 29px;
}
.header__menu ul li.active a:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.header__menu ul li:hover a:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.header__menu ul li:hover .dropdown {
top: 32px;
opacity: 1;
visibility: visible;
}
.header__menu ul li:last-child {
margin-right: 0;
}
.header__menu ul li .dropdown {
position: absolute;
left: 0;
top: 62px;
width: 200px;
background: #ffffff;
text-align: left;
padding: 5px 0;
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.header__menu ul li .dropdown li {
display: block;
margin-right: 0;
}
.header__menu ul li .dropdown li a {
font-size: 14px;
color: #111111;
font-weight: 400;
padding: 5px 20px;
text-transform: capitalize;
}
.header__menu ul li .dropdown li a:after {
display: none;
}
.header__menu ul li a {
font-size: 16px;
color: #fff;
display: block;
font-weight: 500;
padding: 20px 0; letter-spacing:2px;
position: relative; text-transform:uppercase;
}
.header__menu ul li a:after {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #19beec;
content: "";
-webkit-transition: all, 0.4s;
-o-transition: all, 0.4s;
transition: all, 0.4s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.header__widget {
text-align: right; padding-top:15px;
}
.header__widget span {
font-size: 14px;
font-family: "Aldrich", sans-serif;
color: #b7b7b7;
display: block;
margin-bottom: 10px;
}
.header__widget h4 {
font-size: 22px;
color: #19beec;
}
.offcanvas-menu-wrapper {
display: none;
}
.canvas__open {
display: none;
}
/*---------------------
Hero
-----------------------*/
.hero {
position: relative;
}
.hero__items {
height: 660px;
padding: 0 40px;
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;
}
.hero__items:before {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background-color: #000000;
opacity: 0.5;
}
.hero__text {
max-width: 820px;
text-align: center;
}
.hero__text h2 {
color: #ffffff;
font-size: 52px;
line-height: 80px;
text-transform: uppercase;
margin-bottom: 45px;
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.hero__text .primary-btn {
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: all, 0.6s;
-o-transition: all, 0.6s;
transition: all, 0.6s;
}
.hero__text .more_btn {
font-size: 14px;
color: #b7b7b7;
position: absolute;
left: 50%;
margin-left: -50px;
bottom: 55px;
}
.hero__text .hero__social {
position: absolute;
right: 145px;
bottom: 55px;
}
.hero__text .hero__social a {
display: inline-block;
font-size: 18px;
color: #ffffff;
margin-right: 36px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.hero__text .hero__social a:hover {
color: #19beec;
}
.hero__text .hero__social a:last-child {
margin-right: 0;
}
.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
top: 0;
opacity: 1;
}
.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
top: 0;
opacity: 1;
}
.hero__slider.owl-carousel .owl-dots {
display: none;
}
.hero__slider.owl-carousel .owl-nav button {
font-size: 28px;
color: #ffffff;
position: absolute;
left: 145px;
top: 50%;
display: inline-block;
height: 50px;
width: 50px;
margin-top: -25px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
left: auto;
right: 145px;
}
.hero__slider.owl-carousel .owl-nav button:before {
position: absolute;
left: 0;
bottom: 0;
height: 20px;
width: 20px;
border-left: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 0 0 4px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.hero__slider.owl-carousel .owl-nav button:after {
position: absolute;
right: 0;
top: 0;
height: 20px;
width: 20px;
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-top: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 4px 0 0;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.hero__slider.owl-carousel .owl-nav button:hover:before {
height: 100%;
width: 100%;
border-radius: 4px;
}
.hero__slider.owl-carousel .owl-nav button:hover:after {
height: 100%;
width: 100%;
border-radius: 4px;
}
.slide-num {
position: absolute;
left: 145px;
bottom: 55px;
z-index: 9;
}
.slide-num span {
font-size: 16px;
color: #ffffff;
font-weight: 600;
margin-right: 140px;
}
.slide-num span:last-child {
margin-right: 0;
}
.slider__progress {
width: 100px;
height: 1px;
background: rgba(255, 255, 255, 0.3);
position: absolute;
left: 180px;
bottom: 67px;
z-index: 9;
}
.slider__progress span {
background: #ffffff;
height: 2px;
display: block;
-webkit-transition: all, 0.4s;
-o-transition: all, 0.4s;
transition: all, 0.4s;
position: relative;
top: -1px;
}
/*---------------------
Project Slider
-----------------------*/
.project {
padding: 0 15px;
}
.project__slider__item {
height: 600px;
position: relative;
overflow: hidden;
}
.project__slider__item:hover .project__slider__item__hover {
bottom: 30px;
}
.project__slider__item:hover .project__slider__item__hover span {
left: 0;
}
.project__slider__item:hover .project__slider__item__hover h5 {
right: 0;
}
.project__slider.owl-carousel .col-lg-3 {
max-width: 100%;
}
.project__slider.owl-carousel .owl-nav button {
height: 50px;
width: 50px;
background: #ffffff;
font-size: 28px;
color: #111111;
position: absolute;
left: 35px;
top: 50%;
margin-top: -25px;
line-height: 54px;
text-align: center;
}
.project__slider.owl-carousel .owl-nav button.owl-next {
left: auto;
right: 35px;
}
.project__slider__item__hover {
text-align: center;
background: #ffffff;
position: absolute;
left: 25px;
bottom: -500px;
width: calc(100% - 50px);
padding: 25px 15px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
overflow: hidden;
}
.project__slider__item__hover span {
color: #19beec;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
position: relative;
left: 30px;
-webkit-transition: all, 1s;
-o-transition: all, 1s;
transition: all, 1s;
}
.project__slider__item__hover h5 {
color: #111111;
font-size: 20px;
text-transform: uppercase;
position: relative;
right: 30px;
-webkit-transition: all, 1s;
-o-transition: all, 1s;
transition: all, 1s;
}
/*---------------------
Testimonial
-----------------------*/
.testimonial__carousel {
position: relative;
overflow: hidden;
background: #ffffff;
padding: 75px 60px 90px;
margin-bottom: 20px;
-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}
.testimonial__carousel:after {
position: absolute;
content: "";
left: calc(50% - 85px);
bottom: -115px;
width: 170px;
height: 170px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
-webkit-box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
}
.testimonial__carousel button.slick-arrow {
font-size: 28px;
color: #111111;
position: absolute;
left: 30px;
top: 50%;
display: inline-block;
height: 50px;
width: 50px;
margin-top: -25px;
background: transparent;
border: none;
}
.testimonial__carousel button.slick-arrow.slick-next {
left: auto;
right: 30px;
}
.testimonial__carousel button.slick-arrow:before {
position: absolute;
left: 0;
bottom: 0;
height: 20px;
width: 20px;
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
content: "";
border-radius: 0 0 0 4px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.testimonial__carousel button.slick-arrow:after {
position: absolute;
right: 0;
top: 0;
height: 20px;
width: 20px;
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid rgba(0, 0, 0, 0.2);
content: "";
border-radius: 0 4px 0 0;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.testimonial__carousel button.slick-arrow:hover:before {
height: 100%;
width: 100%;
border-radius: 4px;
}
.testimonial__carousel button.slick-arrow:hover:after {
height: 100%;
width: 100%;
border-radius: 4px;
}
.testimonial__item {
text-align: center;
}
.testimonial__item p {
font-size: 24px;
color: #111111;
font-weight: 300;
font-style: italic;
line-height: 48px;
}
.testimonial__client {
margin-top: -75px;
margin-bottom: 50px;
}
.testimonial__client .slick-track {
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.testimonial__client .slick-slide {
padding-top: 80px;
}
.testimonial__client .slick-slide {
width: 100px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.testimonial__client .slick-slide.slick-center {
width: 180px;
}
.testimonial__client .testimonial__client__pic img {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.slick-active.slick-center {
padding-top: 35px;
}
.slick-active.slick-center .testimonial__client__pic {
height: 150px;
width: 150px;
position: absolute;
left: 0px;
top: -30px;
right: -15px;
margin: 0 auto;
position: relative;
z-index: 1;
padding-top: 5px;
}
.slick-active.slick-center .testimonial__client__pic img {
margin: 0 auto;
width: 150px;
height: 150px;
}
.slick-active.slick-center .testimonial__client__text {
display: block;
margin-top: -8px;
}
.testimonial__client__item {
text-align: center;
cursor: pointer;
}
.testimonial__client__item .testimonial__client__pic {
height: 70px;
width: 70px;
margin: 0 auto;
}
.testimonial__client__item .testimonial__client__pic img {
border-radius: 50%;
}
.testimonial__client__item .testimonial__client__text {
display: none;
}
.testimonial__client__item h5 {
color: #111111;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 15px;
margin-bottom: 5px;
}
.testimonial__client__item span {
font-size: 14px;
color: #19beec;
display: block;
}
.logo__carousel.owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.logo__carousel .logo__carousel__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 62px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/*---------------------
Team
-----------------------*/
.team {
padding-top: 120px;
padding-bottom: 90px;
}
.team__btn {
text-align: right;
}
.team__item {
height: 480px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.team__item:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(17, 17, 17, 0.9);
content: "";
z-index: -1;
opacity: 0;
-webkit-transition: all, 0.5s, ease-out, 0.5s;
-o-transition: all, 0.5s, ease-out, 0.5s;
transition: all, 0.5s, ease-out, 0.5s;
}
.team__item:hover:after {
opacity: 1;
}
.team__item:hover .team__text .team__title {
border-bottom: 1px solid rgba(183, 183, 183, 0.2);
padding: 0 0 22px;
margin-bottom: 34px;
opacity: 0;
visibility: hidden;
position: relative;
bottom: initial;
opacity: 1;
visibility: visible;
}
.team__item:hover .team__text p {
opacity: 1;
visibility: visible;
}
.team__item:hover .team__text .team__social {
opacity: 1;
visibility: visible;
bottom: 34px;
}
.team__text {
height: 100%;
position: relative;
padding: 105px 30px 40px; text-align:center;
}
.team__text .team__title {
position: absolute;
left: 0;
bottom: 42px;
width: 100%;
padding: 0 30px;
-webkit-transition: all, 0.7s, ease-out, 0.7s;
-o-transition: all, 0.7s, ease-out, 0.7s;
transition: all, 0.7s, ease-out, 0.7s;
}
.team__text .team__title h5 {
color: #ffffff;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 6px;
}
.team__text .team__title span {
font-size: 14px;
color: #19beec;
}
.team__text p {
color: #b7b7b7;
opacity: 0;
visibility: hidden;
-webkit-transition: all, 0.7s, ease-out, 0.7s;
-o-transition: all, 0.7s, ease-out, 0.7s;
transition: all, 0.7s, ease-out, 0.7s;
}
.team__text .team__social {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: all, 0.7s, ease-out, 0.7s;
-o-transition: all, 0.7s, ease-out, 0.7s;
transition: all, 0.7s, ease-out, 0.7s;
}
.team__text .team__social a {
display: inline-block;
font-size: 20px;
color: #ffffff;
margin-right: 34px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.team__text .team__social a:last-child {
margin-right: 0;
}
.team__text .team__social a:hover {
color: #19beec;
}
/*---------------------
Call To Action
-----------------------*/
.callto {
padding-top: 130px;
padding-bottom: 135px;
}
.callto__text span {
font-size: 16px;
color: #19beec;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
margin-bottom: 35px;
}
.callto__text h2 {
font-size: 42px;
color: #ffffff;
line-height: 52px;
text-transform: uppercase;
margin-bottom: 36px;
}
.callto__text .primary-btn {
background: #19beec;
color: #ffffff;
border-radius: 4px;
}
.callto__text .primary-btn:before {
display: none;
}
.callto__text .primary-btn:after {
display: none;
}
/*---------------------
Latest
-----------------------*/
.latest {
padding-top: 120px;
padding-bottom: 90px;
}
.latest__btn {
text-align: right;
}
.latest__item {
-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
margin-bottom: 30px;
}
.latest__item img {
min-width: 100%;
}
.latest__item:hover a {
padding-left: 0;
}
.latest__item:hover a:after {
left: auto;
right: -50px;
}
.latest__item__text {
padding-top: 25px;
background: #ffffff;
padding: 25px 35px 20px;
}
.latest__item__text span {
color: #b7b7b7;
font-size: 14px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.latest__item__text h4 {
color: #111111;
font-size: 22px;
font-family: "Poppins", sans-serif;
font-weight: 600;
line-height: 32px;
margin-bottom: 12px;
}
.latest__item__text a {
font-size: 14px;
color: #111111;
font-weight: 600;
position: relative;
padding-left: 40px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.latest__item__text a:after {
position: absolute;
left: 0;
top: 8px;
height: 1px;
width: 30px;
background: #19beec;
content: "";
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
/*---------------------
Project
-----------------------*/
.project__item {
margin-bottom: 50px;
text-align: center;
}
.project__item img {
min-width: 100%;
margin-bottom: 26px;
}
.project__item h4 a {
color: #111111;
text-transform: uppercase;
}
/*---------------------
Project Details
-----------------------*/
.project-details {
padding-top: 120px;
padding-bottom: 90px;
}
.project-details img {
margin-bottom: 30px;
min-width: 100%;
}
.project__sidebar__about {
margin-bottom: 35px;
}
.project__sidebar__about h2 {
color: #111111;
line-height: 50px;
text-transform: uppercase;
margin-bottom: 20px;
}
.project__sidebar__about p {
margin-bottom: 26px;
}
.project__sidebar__about p:last-child {
margin-bottom: 0;
}
.product__details__widget__item {
margin-bottom: 30px;
}
.product__details__widget__item span {
color: #707070;
font-size: 15px;
display: block;
margin-bottom: 10px;
}
.product__details__widget__item h4 {
color: #111111;
text-transform: uppercase;
}
.product__details__widget__item p {
color: #111111;
font-size: 24px;
line-height: 36px;
}
/*---------------------
Footer
-----------------------*/
.footer {
padding-top: 90px;
}
.footer__top {
border-bottom: 1px solid rgba(183, 183, 183, 0.2);
padding-bottom: 75px;
margin-bottom: 85px;
}
.footer__top__text h2 {
color: #ffffff;
font-size: 38px;
text-transform: uppercase;
}
.footer__top__newslatter form {
position: relative;
}
.footer__top__newslatter form input {
width: 100%;
height: 50px;
color: #b7b7b7;
padding-left: 30px;
font-size: 14px;
border: none;
}
.footer__top__newslatter form input::-webkit-input-placeholder {
color: #b7b7b7;
}
.footer__top__newslatter form input::-moz-placeholder {
color: #b7b7b7;
}
.footer__top__newslatter form input:-ms-input-placeholder {
color: #b7b7b7;
}
.footer__top__newslatter form input::-ms-input-placeholder {
color: #b7b7b7;
}
.footer__top__newslatter form input::placeholder {
color: #b7b7b7;
}
.footer__top__newslatter form button {
font-size: 14px;
color: #ffffff;
background: #19beec;
border: none;
height: 100%;
padding: 0 20px;
position: absolute;
right: 0;
top: 0;
}
.footer__about {
margin-bottom: 30px;
}
.footer__about .footer__logo {
margin-bottom: 24px;
}
.footer__about .footer__logo a {
display: inline-block;
}
.footer__about p {
margin-bottom: 30px;
}
.footer__about ul {
margin-bottom: 38px;
}
.footer__about ul li {
font-size: 15px;
list-style: none;
line-height: 26px;
color: #707070;
}
.footer__about .footer__social a {
font-size: 18px;
color: #fff;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
margin-right: 30px;
}
.footer__about .footer__social a:hover {
color: #19beec;
}
.footer__about .footer__social a:last-child {
margin-right: 0;
}
.footer__widget {
margin-bottom: 30px;
}
.footer__widget h6 {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 30px;
}
.footer__widget ul li {
list-style: none;
}
.footer__widget ul li a {
font-size: 15px;
color: #d2ccda;
line-height: 36px;
}
.footer__address {
margin-bottom: 30px;
}
.footer__address h6 {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 30px;
}
.footer__address p {
margin-bottom: 30px;
}
.footer__address ul li {
font-size: 15px;
list-style: none;
line-height: 26px;
color: #d2ccda;
}
.copyright {
border-top: 1px solid rgba(183, 183, 183, 0.2);
padding: 25px 0;
margin-top: 20px;
}
.copyright__text p {
margin-bottom: 0;
}
.copyright__text p i {
color: #19beec;
}
.copyright__text p a {
color: #fff;
}
.copyright__widget {
text-align: right;
}
.copyright__widget a {
font-size: 14px;
color: #d2ccda;
margin-right: 36px;
position: relative;
}
.copyright__widget a:after {
position: absolute;
right: -22px;
top: -3px;
content: "|";
}
.copyright__widget a:last-child {
margin-right: 0;
}
.copyright__widget a:last-child:after {
display: none;
}
/*---------------------
Breadcrumb
-----------------------*/
.breadcrumb-option {
padding-top: 170px;
padding-bottom: 120px;
}
.breadcrumb__text h2 {
font-size: 42px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 12px;
}
.breadcrumb__links a {
font-size: 15px;
color: #ffffff;
display: inline-block;
position: relative;
margin-right: 12px;
}
.breadcrumb__links a:after {
position: absolute;
right: -13px;
top: 1px;
content: "~";
}
.breadcrumb__links span {
font-size: 15px;
color: #19beec;
display: inline-block;
}
/*---------------------
About
-----------------------*/
.about {
padding-top: 120px;
padding-bottom: 0px;
overflow: hidden;
}
.about-page {
padding-top: 120px;
padding-bottom: 90px;
}
.about__text {
padding-top: 80px;
}
.about__text.about__page__text {
padding-top: 0;
}
.about__text.about__page__text .section-title {
margin-bottom: 12px;
}
.about__text .section-title {
margin-bottom: 35px;
}
.about__para__text {
margin-bottom: 70px;
}
.about__para__text p {
margin-bottom: 26px;
}
.about__para__text p:last-child {
margin-bottom: 0;
}
.about__pic {
padding-left: 34px;
}
.about__pic__inner {
position: relative;
display: inline-block;
}
.about__pic__inner:after {
position: absolute;
left: 50px;
top: 50px;
height: 600px;
width: 470px;
border: 15px solid rgba(185, 175, 134, 0.2);
content: "";
z-index: -1;
}
.about__page__services__text {
margin-bottom: 30px;
}
/*---------------------
Services
-----------------------*/
.services {
padding-top: 120px;
padding-bottom: 90px;
}
.services.services-page {
padding-bottom: 80px;
}
.services.services-page .services__item p {
margin-bottom: 12px;
}
.services.services-page .services__item ul li {
color: #111111;
font-size: 15px;
line-height: 36px;
list-style: none;
}
.services__item {
margin-bottom: 30px;
}
.services__item h4 {
color: #111111;
text-transform: uppercase;
margin-top: 35px;
margin-bottom: 22px;
}
.services__item p {
margin-bottom: 0;
}
/*---------------------
Counter
-----------------------*/
.counter {
padding-bottom: 70px;
}
.counter .counter__content {
border: none;
padding-top: 0;
margin-top: 0;
}
.counter .counter__item .counter__item__text h5 {
color: #ffffff;
}
.counter__content {
border-top: 1px solid rgba(183, 183, 183, 0.2);
padding-top: 70px;
margin-top: 40px;
}
.counter__item {
margin-bottom: 30px;
}
.counter__item__number {
float: left;
margin-right: 28px;
}
.counter__item__number h2 {
color: #19beec;
font-size: 60px;
line-height: 52px;
}
.counter__item__text {
overflow: hidden;
}
.counter__item__text h5 {
color: #111111;
line-height: 24px;
text-transform: uppercase;
}
/*---------------------
Clients
-----------------------*/
.clients {
padding-top: 120px;
padding-bottom: 60px;
}
.clients img {
margin-bottom: 60px;
}
/*---------------------
Blog
-----------------------*/
.blog {
padding-top: 120px;
padding-bottom: 120px;
}
.blog__item__list .blog__item:first-child {
border: none;
margin-bottom: 0;
}
.blog__item__list .blog__item:last-child {
margin-bottom: 0;
}
.blog__item {
margin-bottom: 55px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 55px;
}
.blog__item img {
-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}
.blog__item ul {
margin-bottom: 18px;
}
.blog__item ul li {
list-style: none;
font-size: 14px;
color: #b7b7b7;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
margin-right: 50px;
position: relative;
letter-spacing: 2px;
}
.blog__item ul li:after {
position: absolute;
right: -30px;
top: -16px;
content: ".";
font-size: 15px;
color: #b7b7b7;
font-size: 25px;
}
.blog__item ul li:last-child {
margin-right: 0;
}
.blog__item ul li:last-child:after {
display: none;
}
.blog__item h2 {
color: #111111;
font-weight: 600;
font-family: "Poppins", sans-serif;
line-height: 48px;
margin-bottom: 30px;
}
.blog__item img {
min-width: 100%;
}
.blog__item__text {
padding: 35px 50px 0;
}
.blog__item__text a {
font-size: 14px;
color: #111111;
font-weight: 600;
position: relative;
padding-left: 40px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.blog__item__text a:after {
position: absolute;
left: 0;
top: 8px;
height: 1px;
width: 30px;
background: #111111;
content: "";
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.blog__item__quote {
background: #19beec;
padding: 35px 50px;
position: relative;
margin-bottom: 55px;
}
.blog__item__quote:after {
position: absolute;
right: 50px;
bottom: 26px;
content: "“";
font-family: "Aldrich", sans-serif;
font-size: 120px;
color: #ffffff;
opacity: 0.5;
line-height: 0px;
}
.blog__item__quote p {
color: #ffffff;
font-size: 20px;
font-family: "Aldrich", sans-serif;
line-height: 32px;
text-transform: uppercase;
}
.blog__item__quote span {
color: #ffffff;
display: block;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 4px;
}
.blog__pagination {
padding-top: 30px;
}
.blog__pagination a {
font-size: 15px;
color: #111111;
font-weight: 600;
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
margin-right: 12px;
}
.blog__pagination a i {
font-size: 15px;
font-weight: 600;
}
.blog__pagination a:last-child {
margin-right: 0;
}
.blog__pagination a:hover {
border: 2px solid #19beec;
}
/*---------------------
Blog Sidebar
-----------------------*/
.blog__sidebar__about {
text-align: center;
margin-bottom: 60px;
}
.blog__sidebar__about .author__pic {
height: 140px;
width: 140px;
border-radius: 50%;
}
.blog__sidebar__about p {
color: #353535;
margin-top: 22px;
margin-bottom: 25px;
}
.blog__sidebar__search {
margin-bottom: 55px;
}
.blog__sidebar__search form {
position: relative;
}
.blog__sidebar__search form input {
width: 100%;
font-size: 15px;
color: #b7b7b7;
border: none;
background: transparent;
border-bottom: 1px solid #b7b7b7;
padding-bottom: 12px;
}
.blog__sidebar__search form input::-webkit-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__search form input::-moz-placeholder {
color: #b7b7b7;
}
.blog__sidebar__search form input:-ms-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__search form input::-ms-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__search form input::placeholder {
color: #b7b7b7;
}
.blog__sidebar__search form button {
font-size: 15px;
color: #b7b7b7;
border: none;
background: transparent;
position: absolute;
right: 0;
top: 0;
}
.blog__sidebar__categories {
margin-bottom: 40px;
}
.blog__sidebar__categories h5 {
font-size: 20px;
color: #111111;
text-transform: uppercase;
margin-bottom: 10px;
}
.blog__sidebar__categories ul li {
list-style: none;
font-size: 15px;
color: #b7b7b7;
line-height: 42px;
}
.blog__sidebar__feature {
margin-bottom: 55px;
}
.blog__sidebar__feature h5 {
font-size: 20px;
color: #111111;
text-transform: uppercase;
margin-bottom: 30px;
}
.blog__sidebar__feature__item {
display: block;
overflow: hidden;
margin-bottom: 25px;
}
.blog__sidebar__feature__item:last-child {
margin-bottom: 0;
}
.blog__sidebar__feature__item__pic {
float: left;
margin-right: 20px;
}
.blog__sidebar__feature__item__text {
overflow: hidden;
}
.blog__sidebar__feature__item__text span {
font-size: 12px;
color: #b7b7b7;
font-weight: 600;
letter-spacing: 2px;
display: block;
text-transform: uppercase;
margin-bottom: 10px;
}
.blog__sidebar__feature__item__text h6 {
color: #111111;
font-size: 15px;
font-family: "Poppins", sans-serif;
font-weight: 600;
line-height: 26px;
}
.blog__sidebar__tag {
margin-bottom: 60px;
}
.blog__sidebar__tag h5 {
font-size: 20px;
color: #111111;
text-transform: uppercase;
margin-bottom: 15px;
}
.blog__sidebar__tag a {
display: inline-block;
font-size: 13px;
color: #b7b7b7;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
margin-right: 12px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
position: relative;
margin-bottom: 4px;
}
.blog__sidebar__tag a:after {
position: absolute;
right: -10px;
top: 7px;
height: 4px;
width: 4px;
background: #b7b7b7;
border-radius: 50%;
content: "";
}
.blog__sidebar__tag a:last-child:after {
display: none;
}
.blog__sidebar__tag a:hover {
color: #111111;
}
.blog__sidebar__social {
margin-bottom: 55px;
}
.blog__sidebar__social h5 {
font-size: 20px;
color: #111111;
text-transform: uppercase;
margin-bottom: 18px;
}
.blog__sidebar__social a {
display: inline-block;
height: 34px;
width: 34px;
font-size: 18px;
color: #d2ccda;
line-height: 34px;
text-align: center;
border: 1px solid transparent;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
margin-right: 46px;
position: relative;
}
.blog__sidebar__social a:after {
position: absolute;
right: -40px;
top: 15px;
height: 1px;
width: 30px;
background: rgba(0, 0, 0, 0.2);
content: "";
}
.blog__sidebar__social a:last-child {
margin-right: 0;
}
.blog__sidebar__social a:last-child:after {
display: none;
}
.blog__sidebar__social a:hover {
color: #19beec;
border-color: #19beec;
}
.blog__sidebar__newslatter h5 {
font-size: 20px;
color: #111111;
text-transform: uppercase;
margin-bottom: 18px;
}
.blog__sidebar__newslatter form {
position: relative;
}
.blog__sidebar__newslatter form input {
width: 100%;
font-size: 15px;
color: #b7b7b7;
border: none;
background: transparent;
border-bottom: 1px solid #b7b7b7;
padding-bottom: 12px;
}
.blog__sidebar__newslatter form input::-webkit-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__newslatter form input::-moz-placeholder {
color: #b7b7b7;
}
.blog__sidebar__newslatter form input:-ms-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__newslatter form input::-ms-input-placeholder {
color: #b7b7b7;
}
.blog__sidebar__newslatter form input::placeholder {
color: #b7b7b7;
}
.blog__sidebar__newslatter form button {
font-size: 18px;
color: #111111;
border: none;
background: transparent;
position: absolute;
right: 0;
top: 0;
}
/*---------------------
Blog Details
-----------------------*/
.blog__details {
padding-top: 120px;
padding-bottom: 120px;
}
.blog__details__content .blog__item__quote {
margin-bottom: 40px;
}
.blog__details__content .blog__item__quote p {
text-transform: none;
font-size: 24px;
line-height: 36px;
}
.blog__details__title {
margin-bottom: 32px;
}
.blog__details__title ul {
margin-bottom: 18px;
}
.blog__details__title ul li {
list-style: none;
font-size: 14px;
color: #b7b7b7;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
margin-right: 50px;
position: relative;
letter-spacing: 2px;
}
.blog__details__title ul li:after {
position: absolute;
right: -30px;
top: -16px;
content: ".";
font-size: 15px;
color: #b7b7b7;
font-size: 25px;
}
.blog__details__title ul li:last-child {
margin-right: 0;
}
.blog__details__title ul li:last-child:after {
display: none;
}
.blog__details__title h2 {
color: #111111;
font-size: 48px;
font-family: "Poppins", sans-serif;
line-height: 60px;
font-weight: 600;
margin-bottom: 30px;
}
.blog__details__title img {
margin-bottom: 32px;
min-width: 100%;
-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}
.blog__details__title p {
font-size: 18px;
color: #7d8184;
line-height: 32px;
margin-bottom: 0;
}
.blog__details__text {
margin-bottom: 35px;
}
.blog__details__text p {
font-size: 18px;
color: #7d8184;
line-height: 32px;
}
.blog__details__text p:last-child {
margin-bottom: 0;
}
.blog__details__pic {
margin-bottom: 35px;
}
.blog__details__pic img {
min-width: 100%;
margin-bottom: 30px;
}
.blog__details__widget {
margin-bottom: 45px;
}
.blog__details__tags {
margin-bottom: 20px;
}
.blog__details__tags span {
font-size: 13px;
color: #111111;
margin-right: 6px;
}
.blog__details__tags a {
display: inline-block;
font-size: 13px;
color: #b7b7b7;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
margin-right: 12px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
position: relative;
margin-bottom: 4px;
}
.blog__details__tags a:after {
position: absolute;
right: -10px;
top: 7px;
height: 4px;
width: 4px;
background: #b7b7b7;
border-radius: 50%;
content: "";
}
.blog__details__tags a:last-child:after {
display: none;
}
.blog__details__tags a:hover {
color: #111111;
}
.blog__details__social {
text-align: right;
margin-bottom: 20px;
}
.blog__details__social a {
display: inline-block;
font-size: 18px;
color: #353535;
margin-right: 28px;
}
.blog__details__social a:last-child {
margin-right: 0;
}
.blog__details__author {
background: #f8f8f8;
padding: 50px;
overflow: hidden;
margin-bottom: 40px;
}
.blog__details__author__pic {
float: left;
margin-right: 50px;
height: 140px;
width: 140px;
border-radius: 50%;
}
.blog__details__author__text {
overflow: hidden;
}
.blog__details__author__text h5 {
color: #111111;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 12px;
}
.blog__details__author__text p {
color: #7d8184;
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
}
.blog__details__btns {
margin-bottom: 50px;
}
.blog__details__btns__item {
margin-bottom: 25px;
display: block;
overflow: hidden;
}
.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__pic {
float: right;
margin-left: 30px;
margin-right: 0;
}
.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__text {
text-align: right;
}
.blog__details__btns__item__pic {
float: left;
margin-right: 30px;
}
.blog__details__btns__item__text {
overflow: hidden;
padding-top: 16px;
}
.blog__details__btns__item__text h6 {
font-size: 15px;
font-family: "Poppins", sans-serif;
color: #8d8d8d;
margin-bottom: 6px;
}
.blog__details__btns__item__text h6 span {
font-size: 20px;
position: relative;
top: 3px;
}
.blog__details__btns__item__text h5 {
font-size: 20px;
font-family: "Poppins", sans-serif;
color: #353535;
font-weight: 600;
}
.blog__details__comment__form h4 {
color: #111111;
text-transform: uppercase;
margin-bottom: 35px;
}
.blog__details__comment__form form input {
font-size: 15px;
color: #b7b7b7;
width: 100%;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 20px;
margin-bottom: 30px;
}
.blog__details__comment__form form input::-webkit-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form input::-moz-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form input:-ms-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form input::-ms-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form input::placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form textarea {
font-size: 15px;
color: #b7b7b7;
width: 100%;
height: 130px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 20px;
padding-top: 12px;
resize: none;
margin-bottom: 24px;
}
.blog__details__comment__form form textarea::-webkit-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form textarea::-moz-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form textarea:-ms-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form textarea::-ms-input-placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form textarea::placeholder {
color: #b7b7b7;
}
.blog__details__comment__form form button {
background: #111111;
}
/*---------------------
Contact
-----------------------*/
.contact {
padding-top: 120px;
padding-bottom: 120px;
}
.contact__text {
margin-bottom: 50px;
}
.contact__text .section-title {
margin-bottom: 12px;
}
.contact__text p {
margin-bottom: 0;
}
.contact__widget__item {
position: relative;
margin-bottom: 30px;
}
.contact__widget__item.last__item:after {
display: none;
}
.contact__widget__item:after {
position: absolute;
right: 50px;
top: 0px;
width: 1px;
height: 50px;
background: #e1e1e1;
content: "";
}
.contact__widget__item__icon {
float: left;
margin-right: 20px;
}
.contact__widget__item__text {
overflow: hidden;
}
.contact__widget__item__text h5 {
color: #19beec;
text-transform: uppercase;
margin-bottom: 10px;
}
.contact__widget__item__text span {
color: #111111;
display: block;
}
.map {
height: 460px;
margin-top: 40px;
margin-bottom: 75px;
-webkit-box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
}
.map iframe {
width: 100%;
}
.contact__form__text {
margin-bottom: 35px;
}
.contact__form__text .section-title {
margin-bottom: 12px;
}
.contact__form__text p {
margin-bottom: 0;
}
.contact__form form input {
height: 50px;
width: 100%;
font-size: 15px;
color: #b7b7b7;
padding-left: 20px;
border: 1px solid #e1e1e1;
margin-bottom: 30px;
}
.contact__form form input::-webkit-input-placeholder {
color: #b7b7b7;
}
.contact__form form input::-moz-placeholder {
color: #b7b7b7;
}
.contact__form form input:-ms-input-placeholder {
color: #b7b7b7;
}
.contact__form form input::-ms-input-placeholder {
color: #b7b7b7;
}
.contact__form form input::placeholder {
color: #b7b7b7;
}
.contact__form form textarea {
height: 170px;
width: 100%;
font-size: 15px;
color: #b7b7b7;
padding-left: 20px;
padding-top: 12px;
border: 1px solid #e1e1e1;
resize: none;
margin-bottom: 24px;
}
.contact__form form textarea::-webkit-input-placeholder {
color: #b7b7b7;
}
.contact__form form textarea::-moz-placeholder {
color: #b7b7b7;
}
.contact__form form textarea:-ms-input-placeholder {
color: #b7b7b7;
}
.contact__form form textarea::-ms-input-placeholder {
color: #b7b7b7;
}
.contact__form form textarea::placeholder {
color: #b7b7b7;
}
/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
@media only screen and (min-width: 1450px) {
.container {
max-width: 1280px;
}
.header {
padding: 30px 130px 0;
}
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__pic {
padding-left: 0;
}
.about__pic__inner:after {
left: 8px;
top: 8px;
}
.header__menu ul li {
margin-right: 25px;
}
.hero__slider.owl-carousel .owl-nav button {
left: 15px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
right: 15px;
}
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as{ width:70%;}
.single-bar .aa{ font-size:12px;}
.hero__slider.owl-carousel .owl-nav button {
left: 0;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
right: 0;
}
.about__text {
padding-top: 0;
margin-bottom: 40px;
}
.about__pic {
padding-left: 0;
}
.blog__sidebar {
padding-top: 50px;
}
.hero__text .hero__social {
right: 80px;
}
.slide-num {
left: 70px;
}
.slider__progress {
left: 106px;
}
.canvas__open {
display: block;
font-size: 22px;
color: #ffffff;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border: 1px solid #ffffff;
border-radius: 2px;
cursor: pointer;
position: absolute;
right: 15px;
top: 34px;
}
.offcanvas-menu-overlay {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
content: "";
z-index: 98;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
visibility: hidden;
}
.offcanvas-menu-overlay.active {
visibility: visible;
}
.offcanvas-menu-wrapper {
position: fixed;
left: -300px;
width: 300px;
height: 100%;
background: #111111;
padding: 50px 20px 30px 30px;
display: block;
z-index: 99;
overflow-y: auto;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
opacity: 0;
}
.offcanvas-menu-wrapper.active {
opacity: 1;
left: 0;
}
.offcanvas__logo {
margin-bottom: 30px;
}
.offcanvas__logo a {
display: inline-block;
}
.slicknav_btn {
display: none;
}
.slicknav_menu {
background: transparent;
padding: 0;
margin-bottom: 30px;
}
.slicknav_nav ul {
margin: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 7px 0;
margin: 0;
color: #ffffff;
font-weight: 600;
}
.slicknav_nav .slicknav_arrow {
color: #ffffff;
}
.slicknav_nav .slicknav_row:hover {
border-radius: 0;
background: transparent;
color: #ffffff;
}
.slicknav_nav a:hover {
border-radius: 0;
background: transparent;
color: #ffffff;
}
.slicknav_nav {
display: block !important;
}
.offcanvas__widget span {
font-size: 14px;
font-family: "Aldrich", sans-serif;
color: #b7b7b7;
display: block;
margin-bottom: 10px;
}
.offcanvas__widget h4 {
font-size: 22px;
color: #19beec;
}
.header__menu {
display: none;
}
.header__widget {
display: none;
}
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
.hero__text h2 {
font-size: 34px;
line-height: 45px;
}
.hero__items {
height: 710px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 40px;
}
.about__text {
padding-top: 0;
margin-bottom: 40px;
}
.about__pic {
padding-left: 0;
}
.blog__sidebar {
padding-top: 50px;
}
.canvas__open {
display: block;
font-size: 22px;
color: #ffffff;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border: 1px solid #ffffff;
border-radius: 2px;
cursor: pointer;
position: absolute;
right: 15px;
top: 34px;
}
.offcanvas-menu-overlay {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
content: "";
z-index: 98;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
visibility: hidden;
}
.offcanvas-menu-overlay.active {
visibility: visible;
}
.offcanvas-menu-wrapper {
position: fixed;
right: -300px;
width: 300px;
height: 100%;
background: #111111;
padding: 50px 20px 30px 30px;
display: block;
z-index: 99;
overflow-y: auto;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
opacity: 0;
}
.offcanvas-menu-wrapper.active {
opacity: 1;
right: 0;
}
.offcanvas__logo {
margin-bottom: 30px;
}
.offcanvas__logo a {
display: inline-block;
}
.slicknav_btn {
display: none;
}
.slicknav_menu {
background: transparent;
padding: 0;
margin-bottom: 30px;
}
.slicknav_nav ul {
margin: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 7px 0;
margin: 0;
color: #ffffff;
font-weight: 600;
}
.slicknav_nav .slicknav_arrow {
color: #ffffff;
}
.slicknav_nav .slicknav_row:hover {
border-radius: 0;
background: transparent;
color: #ffffff;
}
.slicknav_nav a:hover {
border-radius: 0;
background: transparent;
color: #ffffff;
}
.slicknav_nav {
display: block !important;
}
.offcanvas__widget span {
font-size: 14px;
font-family: "Aldrich", sans-serif;
color: #b7b7b7;
display: block;
margin-bottom: 10px;
}
.offcanvas__widget h4 {
font-size: 22px;
color: #19beec;
}
.header__menu {
display: none;
}
.header__widget {
display: none;
}
.about__pic__inner {
display: block;
}
.about__pic__inner img {
min-width: 100%;
}
.about__pic__inner:after {
left: 0;
width: 100%;
}
.hero__slider.owl-carousel .owl-nav button {
left: 0;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
right: 0;
}
.hero__text h2 {
font-size: 46px;
line-height: 58px;
}
.hero__text .hero__social {
right: 0;
left: 0;
margin: 0 auto;
bottom: 100px;
}
.slide-num {
bottom: 25px;
left: 0;
width: 100%;
text-align: center;
}
.slider__progress {
left: 0;
bottom: 35px;
right: 0;
margin: 0 auto;
}
.hero__text .more_btn {
bottom: 62px;
}
.footer__top__text {
margin-bottom: 35px;
}
.copyright__text {
text-align: center;
margin-bottom: 20px;
}
.copyright__widget {
text-align: center;
}
.project__sidebar {
padding-top: 20px;
}
.blog__details__tags {
text-align: center;
}
.blog__details__social {
text-align: center;
}
.blog__details__author__pic {
float: none;
margin-right: 0;
}
.blog__details__author__text {
padding-top: 40px;
}
.project {
padding: 0;
}
.about__para__text {
margin-bottom: 35px;
}
.clients {
padding-bottom: 90px;
}
.clients a {
margin-bottom: 30px;
}
.testimonial__carousel.owl-carousel .owl-nav button {
left: 0;
}
.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
right: 0;
}
}
@media only screen and (max-width: 575px) {
.team__btn {
margin-bottom: 40px;
text-align: left;
}
.latest__btn {
margin-bottom: 40px;
text-align: left;
}
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
.section-title h2 {
font-size: 28px;
line-height: 1;
}
.hero__text h2 {
font-size: 28px;
line-height: 42px;
}
.hero__items {
height: 610px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 40px;
}
.testimonial__item p {
font-size: 16px;
line-height: normal;
}
.about__pic__inner:after {
display: none;
}
.callto__text h2 {
font-size: 30px;
line-height: 46px;
}
.project__slider.owl-carousel .owl-nav button {
left: 15px;
}
.project__slider.owl-carousel .owl-nav button.owl-next {
right: 15px;
}
.project {
padding: 0;
}
.breadcrumb__text h2 {
font-size: 32px;
}
.testimonial__carousel {
padding: 60px 45px 65px;
}
.slick-active.slick-center .testimonial__client__pic img,
.slick-active.slick-center .testimonial__client__pic {
width: 110px;
height: 110px;
opacity: 1;
}
.testimonial__client__item .testimonial__client__pic {
width: 110px;
height: 110px;
opacity: 0;
}
.testimonial__carousel:after {
left: calc(50% - 70px);
bottom: -80px;
width: 140px;
height: 140px;
}
.testimonial__carousel button.slick-arrow {
left: 10px;
height: 40px;
width: 40px;
}
.testimonial__carousel button.slick-arrow.slick-next {
left: auto;
right: 10px;
}
.testimonial__client .slick-slide {
padding-top: 30px;
}
.about .section-title h2 {
font-size: 28px;
line-height: 45px;
}
.footer__top__text h2 {
font-size: 32px;
}
}
.latest-project-area{
padding-top: 70px;
padding-bottom: 70px;
overflow: hidden; background: #f9f9f9;
}
.latest-project-area .sec-title {
padding-bottom: 44px;
}
.latest-project-area .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.latest-project-area .project-filter {
margin-top: 23px; margin-bottom:30px;
}
.latest-project-area .project-filter li {
display: inline-block;
/* float: left;
*/ margin: 0;
}
.latest-project-area .project-filter li span {
color: #000;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
transition: all 500ms ease 0s;
font-family: 'Roboto', sans-serif; text-transform:uppercase;
}
.latest-project-area .project-filter li:last-child span:after{
content: "";
}
.latest-project-area .project-filter li span::after {
color: #eaeaea;
content: "/";
display: inline-block;
margin: 0 20px 0 20px;
}
.latest-project-area .project-filter li.active span,
.latest-project-area .project-filter li:hover span {
color: #19beec;
}
.single-project-item {
padding-bottom: 30px;
}
.single-project-item .img-holder {
display: block;
overflow: hidden;
position: relative;
height:200px;
}
.single-project-item .img-holder img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
height:100%; object-fit:cover;
}
.single-project-item .img-holder .overlay .box {
}
.single-project-item .img-holder .overlay .box .content {
}
.single-project-item .img-holder .overlay .box .content a h3 {
color: #ffffff;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 3px;
transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
font-weight: 400;
color: #d5ac63;
margin: 0;
}
.single-project-item:hover .img-holder .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);
}
.single-project-item:hover .img-holder img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
color: #d5ac63;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
border-radius: 50%;
height: 40px;
position: absolute;
right: 15px;
top: 15px;
transition: all 500ms ease 0s;
width: 40px;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
color: #ffffff;
display: inline-block;
font-size: 14px;
line-height: 40px;
transition: all 500ms ease;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
background: #d5ac63;
}
.wd-project {
text-align: center;
background: #fff;
margin-bottom: 28px; position:relative;
}
.wd-project {
width: 100%;
}
.wd-project img {
width: 100%;
}
.wd-project .description {
position: absolute;
background: rgba(0,0,0,0.3);
padding: 10px 10px 0px; bottom:0;
text-align: left;
margin-bottom: 0; width:100%;
}
.wd-project .description h4 {
font-size: 18px;
color: #fff;
z-index: 1;
font-weight: 400;
padding: 15px 10px 2px;
}
.wd-project .description svg {
float: right;
margin: -27px 0;
z-index: 1;
transform: translateX(-6px);
transition: transform 0.5s cubic-bezier(0, 1.19, 0.51, 1.18);
}
.wd-project:hover .description svg {
transform: translateX(0);
}
circle[Attributes Style] {
cx: 29;
cy: 29;
r: 29;
transform: translate(1526, 4109);
fill: rgb(255, 255, 255);
}
.wd-project .description p {
font-size: 16px;
color: #fff;
font-weight: 300;
line-height: 32px;
padding: 0 12px 10px;
}
.mkdf-small-space .mkdf-outer-space .mkdf-item-space {
padding: 0 10px;
margin: 0 0 20px;
}
.mkdf-tours-row .mkdf-tours-row-item {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-image-holder {
position: relative; height:150px;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-image-holder a {
height: 100%;
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
backface-visibility: hidden;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-image-holder a img {
-webkit-transition: -webkit-transform .25s cubic-bezier(.18,.43,.58,1);
-moz-transition: -moz-transform .25s cubic-bezier(.18,.43,.58,1);
transition: transform .25s cubic-bezier(.18,.43,.58,1); object-fit:cover; width:100%; height:100%;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-image-holder img {
vertical-align: middle;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-content-inner {
padding: 15px 0 23px;
box-sizing: border-box;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-title-price-holder {
position: relative;
margin-bottom: 9px;
}
.mkdf-tours-standard-item .mkdf-tours-standard-item-title-price-holder .mkdf-tour-title {
margin: 0 0 4px;
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
/*.slick-track:before,
.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
*/
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; padding:4px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: none;
width: 40px;
height: 40px;
margin-top: -20px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #fff;
line-height: 40px;
z-index: 1;
transition: all ease-in-out 0.3s;
border-radius: 50%; display:none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: #333;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0
}
.slick-prev:before,
.slick-next:before {
font-family: 'fontawesome';
font-size: 20px;
line-height: 2.1;
opacity: 1;
color: #fe4e37;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slider-section .slick-prev, .slider-section .slick-next {
left: 44%;
background: #fff;
height: 50px;
width: 50px;
z-index: 10;
top: 15%;
padding: 5px 5px 5px 0;
box-shadow: 0 0 10px #ccc;
z-index: 1;
}
.slider-section .slick-next {
right: 44%;
left: inherit;
padding: 5px 0px 5px 5px;
}
.slider-section .slick-prev:before, .slider-section .slick-next:before{font-size: 36px;}
.slick-prev {
left:15px;
}
[dir='rtl'] .slick-prev {
right: 15px;
left: auto
}
.slick-prev:before {
content: '\f177'
}
[dir='rtl'] .slick-prev:before {
content: '\f105'
}
.slick-next {
right: 15px;
}
[dir='rtl'] .slick-next {
right: auto;
left: 15px;
}
.slick-next:before {
content: '\f178'
}
[dir='rtl'] .slick-next:before {
content: '\f104'
}
/* Dots */
.slick-slider {
margin: 0
}
.slick-slide.image {
padding: 2px;
}
.slick-slide img {
display: block;
width: 100%; padding-right:5px;
}
.slick-slide img.slick-loading {
border: 0
}
/* Slick Override */
.slick-slide .image {
padding: 0;
}
.detail-slider .slick-list.draggable {
background: #fff;
}
.detail-slider .slick-initialized .slick-slide {
opacity:1;
}
.detail-slider-item.slick-slide.slick-current.slick-active.slick-center {
opacity: 1; border:1px solid #000;
}
.slider-nav .slick-prev{
left: 0;
width: auto;
border-radius: 0;
height: 100%;
top: 20px;
background: rgba(255,255,255,0.5);
padding: 0 5px;
}
.slider-nav .slick-next{
right: 0;
width: auto;
border-radius: 0;
height: 100%;
top: 20px;
background: rgba(255,255,255,0.5);
padding: 0 5px;
}
.slider-nav .slick-prev:before{
content: '\f104';
}
.slider-nav .slick-next:before{
content: '\f105';
}
.detail-title{
padding: 30px 0;
display: inline-block;
width: 100%
}
.sec-title {
text-align: center;
}
.sec-title h3 {
line-height: 35px;
color: #000;
margin-bottom: 10px;
text-transform: uppercase;
}
.sec-title p {
font-size: 18px;
line-height: 25px;
font-weight: 400;
color: #676767;
display: block;
margin-bottom: 24px;
}
.sec-title .border-line:before {
content: '';
display: block;
margin: 0 auto;
margin-bottom: 70px;
height: 4px;
width: 47px;
border-radius: 4px;
background-color: #ebbf43;
}
.single-project-item {
padding-bottom: 30px;
}
.single-project-item .img-holder {
display: block;
overflow: hidden;
position: relative; height:270px; width:100%;
}
.single-project-item .img-holder img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%; height:100%; object-fit:cover;
}
.single-project-item .img-holder .overlay .box {
}
.single-project-item .img-holder .overlay .box .content {
}
.single-project-item .img-holder .overlay .box .content a h3 {
color: #ffffff;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 3px;
transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
font-weight: 400;
color: #d5ac63;
margin: 0;
}
.single-project-item:hover .img-holder .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);
}
.single-project-item:hover .img-holder img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
color: #d5ac63;
}
.single-project-item .img-holder .overlay .box .content .icon-holder {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
border-radius: 50%;
height: 40px;
position: absolute;
right: 15px;
top: 15px;
transition: all 500ms ease 0s;
width: 40px;
}
.overlay{
background-color: rgba(0,0,0, .60);
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);
}
.overlay .box{
display: table;
height: 100%;
width: 100%;
}
.overlay .box .content{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.single-project-item .img-holder .overlay .box .content .icon-holder a i {
color: #ffffff;
display: inline-block;
font-size: 14px;
line-height: 40px;
transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content .icon-holder:hover{
background: #d5ac63;
}
.bg-about{margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(img/bg-img-1.jpg);
background-position: center!important;
width: 100%;
position: relative;
z-index: 1;
}
.ltn__product-item-3 {
border: 2px solid;
border-color: #f6f6f6;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; -webkit-box-shadow: 0 8px 38px rgb(12 12 12 / 6%);
-khtml-box-shadow: 0 8px 38px rgba(12,12,12,6%);
-moz-box-shadow: 0 8px 38px rgba(12,12,12,6%);
-ms-box-shadow: 0 8px 38px rgba(12,12,12,6%);
-o-box-shadow: 0 8px 38px rgba(12,12,12,6%);
box-shadow: 0 8px 38px rgb(12 12 12 / 6%);
}
.ltn__product-item-3:hover{ border: 2px solid;
border-color: #19beec;
}
.ltn__product-item {
position: relative;
margin-bottom: 50px;
}
.product-img {
position: relative;
overflow: hidden;
}
.product-img img {
position: relative;
-webkit-transition: all 3.5s ease 0s;
-o-transition: all 3.5s ease 0s;
transition: all 3.5s ease 0s;
z-index: 1;
}
.ltn__product-item-3 .product-info {
padding: 25px 30px 15px;
}
.ltn__product-item-3 .product-title {
font-size: 16px;
margin-bottom: 3px; color:#071c1f;
}
.ltn__product-item-3 .product-title a{color:#071c1f; font-weight:600;}
.ltn__product-item-3 .product-price {
font-size: 20px;
color: #19beec;
font-weight: 700; margin-bottom:12px;
}
.dt-sc-sub-title {
font-size: 70px;
font-weight: bold;
color: #19beec;
margin-top: 0;
margin-bottom: 35px;
}
.dt-sc-description {
color: #19beec; text-transform: uppercase;
font-size: 30px;
letter-spacing: 0.3em;
display: inline-block;
width: 100%;
margin-bottom: 30px;
font-weight: 100;
}
.btn_1{ width:200px; background:#000; color:#FFFFFF; border:2px solid #19beec; border-radius:23px; padding:7px 23px;}
.btn_1:hover{ background:#19beec;}
.sale-point-container .content {
padding: 20px 0;
display: flex;
align-items: center;
}
.sale-point-container .material-icons {
font-size: 38px;
}
.sale-point-container .content .text {
margin-left: 18px;
color: #ffffff;
}
.sale-point-container .content .text h5 {
font-family: ostrichsans-black;
font-size: 22px;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%; color:#FFFFFF; font-family:inherit;
}
.sale-point-container .content .text p { color:#FFFFFF;}
.imgbg-col {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.project{
position: relative;
padding: 50px 0 0px;
}
.project:before {
position: absolute;
left: 0;
top: 0;
height: 40%;
width: 100%;
background: url(img/dot-grid.png.webp) repeat;
content: "";
}
.search-toggle {
appearance: none;
background: #fff;
border: none;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 24px;
width: 64px;
height: 64px;
text-align: center;
vertical-align: middle;
}
#form-open {
opacity: 1;
position: absolute;
top: 0;
right: 20px;
transition: all 0.4s ease;
}
#form-open.hidden {
opacity: 0;
}
.search-holder {
display: none;
overflow: hidden;
height: 60px;
width: 700px;
position: absolute;
top: 0;
right: 20px;
}
.search-form {
opacity: 0;
width: 280px;
position: absolute;
top: 0;
right: -216px;
transition-property: opacity, transform;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.search-form.active {
opacity: 1;
}
.search-form .search-input {
appearance: none;
background: #f1f1f1;
border: none;
font-size: 16px;
padding: 20px 32px 20px 84px;
width: 100%;
}
.search-form > .search-toggle {
position: absolute;
top: 0;
left: 0;
}
.search-form > .search-close {
appearance: none;
background: none;
border: none;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 5px;
text-align: center;
vertical-align: middle;
position: absolute;
top: 17px;
right: 5px;
}
.searchbardiv{
display: block;
position: fixed;
background: #7D1935 ;
top: 50px;
right: 0px;
z-index: 1001;
width: 100%;
max-width: 100%;
padding: 10px;
margin: 0px;
}
.buttonsearch{
position: fixed;
top :18px;
float: right;
right: 0px;
margin-right: 10px;
background-color: transparent;
border: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.buttonsearch:hover{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0px;
}
.buttonsearch:focus{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0px;
}
#formsearch{
display: none;
}
.glyphicon.glyphicon-search {
font-size: 18px;
}
#searchbox {
box-shadow: none;
padding: 8px 14px;
}
#searchbox:hover {
box-shadow: none;
}
.form-control:focus {
border-color: #ccc;
}
.right-bar {
display: inline-block;
padding: 0;
margin: 0;
top: 20px;
float: right;
position: relative;
}
.right-bar .sinlge-bar {
display: inline-block;
margin-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.right-bar .sinlge-bar .single-icon {
font-size: 18px;
}}
.right-bar .sinlge-bar .single-icon {
color: #fff;
font-size: 20px;
position: relative;
}
.right-bar .sinlge-bar.top-search a {
transform: translateY(3px);
}
.right-bar .sinlge-bar.top-search a:hover {
color:#F7941D;
}
.right-bar .sinlge-bar .single-icon{
color:#fff;
font-size:18px;
position:relative;
}
.right-bar .sinlge-bar .single-icon:hover{
color:#19beec;
}
.right-bar .sinlge-bar .single-icon .total-count {
position: absolute;
top: -7px;
right: -8px;
background: #19beec;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
color: #fff;
border-radius: 100%;
font-size: 11px;
}
.right-bar .sinlge-bar{
display:inline-block;
margin-right:25px;
}
.right-bar .sinlge-bar:last-child{
margin-right:0px;
}
.right-bar .sinlge-bar li a:hover{
color:#19beec;
}
.shopping {
display: inline-block;
z-index: 9999;
}
.shopping {
display: inline-block;
z-index: 9999;
}
.shopping .icon {
position: relative;
cursor:pointer;
color:#222;
}
.shopping .shopping-item {
position: absolute;
top: 68px;
right: 0;
width: 300px;
background: #fff;
padding: 20px 25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
opacity:0;
visibility:hidden;
z-index:99;
}
.shopping:hover .shopping-item{
transform: translateY(0px);
opacity:1;
visibility:visible;
}
.shopping .dropdown-cart-header{
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom:1px solid #e6e6e6;
}
.shopping .dropdown-cart-header span {
text-transform: uppercase;
color: #222;
font-size: 13px;
font-weight: 600;
}
.shopping .dropdown-cart-header a {
float: right;
text-transform: uppercase;
color: #222;
font-size: 13px;
font-weight: 600;
}
.shopping .dropdown-cart-header a:hover{
color:#F7941D;
}
.shopping-list li {
overflow: hidden;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
margin-bottom: 15px;
position:relative;
}
.shopping-list li .remove {
position: absolute;
left: 0;
bottom: 16px;
margin-top: -20px;
height: 20px;
width: 20px;
line-height: 18px;
text-align: center;
background: #fff;
color: #222;
border-radius: 0;
font-size: 11px;
border: 1px solid #ededed;
}
.shopping-list li .remove:hover{
background:#222;
color:#fff !important;
border-color:transparent;
}
.shopping-list .cart-img {
float: right;
border: 1px solid #ededed;
overflow:hidden;
}
.shopping-list .cart-img img {
width: 70px;
height: 70px;
border-radius:0;
}
.shopping-list .cart-img:hover img{
transform:scale(1.09);
}
.shopping-list .quantity{
line-height: 22px;
font-size: 13px;
padding-bottom: 30px;
}
.shopping-list h4 {
font-size: 14px;
}
.shopping-list h4 a {
font-weight: 600;
font-size: 13px;
color: #333;
}
.shopping-list h4 a:hover{
color:#19beec;
}
.shopping-item .bottom {
text-align: center;
}
.shopping-item .total {
overflow:hidden;
display: block;
padding-bottom: 10px;
}
.shopping-item .total span {
text-transform:uppercase;
color:#222;
font-size:13px;
font-weight:600;
float:left;
}
.shopping-item .total .total-amount {
float:right;
font-size:14px;
}
.shopping-item .bottom .btn {
background: #222;
padding: 10px 20px;
display: block;
color: #fff;
margin-top: 10px;
border-radius: 0px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.shopping-item .bottom .btn:hover{
background:#19beec;
color:#fff;
}
.inr{ position: absolute; left:0; right:0; margin-top:-40px; text-align:center; z-index:-1; color:#f3f3f3; font-family: Arial, Helvetica, sans-serif; font-size:140px; font-weight:900; opacity:0.6;} .dd{ font-size:46px !important; letter-spacing:2px;}
.cource{ padding:62px 30px 60px 30px; border-bottom:4px solid rgb(239,239,239); border-top:4px solid rgb(239,239,239);}
.course-title{ font-weight:500; font-size:40px;}
.course-in{ padding:20px; color:#FFFFFF;}
.course-in.blue{ background:#084588;}
.course-in.blue h4 { color:#FFFFFF; margin-bottom:10px;}
.course-in.blue p { color:#FFFFFF;}
.course-in.bluee{ background:#19beec;}
.course-in.bluee h4 { color:#FFFFFF; margin-bottom:10px;}
.course-in.bluee p { color:#FFFFFF;}
.btn_1.bt{ background:#fff; color:#000000;}
.atn{ color:#FFFFFF; font-weight:600;}
.atn .fa{ margin-right:10px; background:#FFFFFF; color:#000000; width:2em; height:2em; line-height:2em; justify-content: center;
border-radius: 50%;display:inline; padding:5px 10px; align-items: center;}
.rtin-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rtin-item .rtin-left {
padding-right: 30px;
}
.rtin-item .rtin-left .rtin-icon img {
padding-top: 2px;
width: 100%;
max-width: 80px;
}
.rtin-item .rtin-right .rtin-title {
color: #fff;
font-size: 25px;
font-weight: 600;
line-height: 1.5;
}
.rtin-item .rtin-right .rtin-subtitle {
font-size: 17px;
line-height: 1.5; color:#fff;
}
.services-box{text-align:center;margin-bottom:30px;padding:25px;background-color:#fff;box-shadow:0 14px 28px #00000012,0 10px 10px #0000000d;transition:.5s;position:relative;z-index:1;overflow:hidden}.services-box .icon{color: #19beec;
margin-bottom: 20px;
background-color: #c1edf9;display:inline-block;width:75px;height:75px;line-height:78px;border-radius:50%;transition:.5s}.services-box .icon i:before{font-size:30px}.services-box h3{transition:.5s;margin-bottom:10px;font-size:24px;font-weight:700}.services-box p{margin-bottom:0;transition:.5s}.services-box .details-btn{margin-top:18px}.services-box .details-btn:hover{background-color:#fff;color:#fa8185!important}.services-box .image-box img{position:absolute;z-index:-1;max-width:50%;opacity:0;visibility:hidden;transition:.5s}.services-box .image-box img:first-child{top:-20px;right:-20px}.services-box .image-box img:nth-child(2){bottom:-20px;left:-20px;transform:rotate(180deg)}.services-box:hover{background-color:#181249}.services-box:hover .details-btn,.services-box:hover h3,.services-box:hover p{color:#fff}.services-box:hover .details-btn:before{border-color:#fff}.services-box:hover .image-box img{opacity:1;visibility:visible}.services-box:hover .image-box img:first-child{top:0;right:0}.services-box:hover .image-box img:nth-child(2){bottom:0;left:0}
.header-top {
position: relative;
display: block;
padding: 15.5px 100px;
}
@media only screen and (max-width: 1200px){
.main-header .header-top .top-left {
margin-bottom: 10px;
}}
@media only screen and (max-width: 1200px){
.main-header .header-top .top-left, .main-header .header-top .top-right {
float: none;
display: block;
text-align: center;
}}
.header-top .top-left ul li {
position: relative;
display: inline-block;
color: #fff;
margin-right: 40px;
}
.header-top .top-left ul li a{ color: #fff;}
.header-top .top-left ul li i {
margin-right: 10px;
font-size: 18px;
}
.header-top .top-left ul li i {
color: #19beec;
}
.header-top .top-left ul li:before {
position: absolute;
content: '';
background: rgba(255,255,255,0.2);
width: 1px;
height: 20px;
top: 6px;
right: -20px;
}
.header-top .top-left ul li:last-child {
margin-right: 0px;
}
.header-btn1 {
color: #19beec;
font-size: 20px;
font-weight: 600;
padding: 42px 0 0;
}
.header-btn1 img {
padding-right: 12px;
margin-right: 8px;
line-height: 1;
border-right: 2px solid rgb(238, 238, 238);
}
.dsvy-element-posts-wrapper.row .dsvy-ele {
margin-top:30px;
margin-bottom: 30px;
}
.dsvy-ihbox-style-2{
position: relative;
}
.dsvy-ihbox-style-2 .dsvy-ihbox-box-number{
position: absolute;
bottom: -26px;
right: 0;
font-size: 40px;
line-height: 48px;
color: rgb(121 121 121 / 20%);
display: inline-block;
padding-right: 0px;
background: #fff;
font-weight: 700 !important;
}
.dsvy-ihbox-style-2 .dsvy-ihbox-headingicon{
border-bottom: 1px solid #e2e3e4;
position: relative;
margin-bottom: 30px;
}
.dsvy-ihbox-style-2.dsvy-ihbox h2{
font-size: 24px;
line-height: 26px;
margin-bottom: 10px;
}
.dsvy-ihbox-style-2.dsvy-ihbox h4{
font-size: 13px;
line-height: 20px;
margin-bottom: 5px;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1.5px;
}
.dsvy-ihbox-style-2 .dsvy-ihbox-icon-wrapper{
font-size: 50px;
line-height: 70px;
margin-bottom: 25px;
}
.dsvy-ihbox-style-2 .dsvy-ihbox-icon-wrapper i{
color: #19beec;
}
.dsvy-ihbox-style-2 .dsvy-heading-desc{
margin-top: 0;
padding-right: 10px; text-align:justify;
}
.dsvy-ihbox-style-2 .dsvy-heading-desc p{ font-size:13px; color:#7a7a7a;}
.dsvy-ihbox-style-2 .dsvy-ihbox-btn{
margin-top: 15px;
}
#message { padding: 0px 40px 0px 0px; }
#mail-status {
padding: 12px 20px;
width: 100%;
display:none;
font-size: 1em;
font-family: "Georgia", Times, serif;
color: rgb(40, 40, 40);
}
.error{background-color: #F7902D; margin-bottom: 40px;}
.success{background-color: #48e0a4; }
.g-recaptcha {margin: 0 0 25px 0;}
textarea {
background: #f6f5f5;
border: 1px solid #fff;
width: 100%;
max-width: 100%;
padding: 20px;
height: 120px;
}
input {
background: #f6f5f5;
border: 1px solid #fff;
width: 100%;
max-width: 100%;
padding: 0 20px;
height: 47px;
}
.contactt {
margin-bottom: 20px;
}
.courses-item {
padding: 15px 0px;
transition: all 500ms ease;
position: relative;
}
.courses-item .img-part {
position: relative;
}
.courses-item .img-part img {
transition: all 0.3s ease 0s;
width: 100%;
border-radius: 4px 4px 0 0;
}
.courses-item .img-part .cats a {
display: block;
padding: 8px 15px;
color: #fff;
font-size: 15px;
font-weight: 400;
background: #181249;
border-radius: 3px;
position: absolute;
bottom: -20px;
left: 24px;
z-index: 1;
transition: all 0.3s ease 0s;
}
.courses-item .content-part {
position: relative;
background:#f3fafc;
padding: 40px 25px 30px;
transition: all 0.3s ease 0s;
border-radius: 0 0 4px 4px;
}
.courses-item .content-part .meta-part {
margin: 0px;
padding: 8px 0 16px;
display: flex;
flex-wrap: wrap;
font-size: 15px;
font-weight: 500;
}
.courses-item .content-part .meta-part li {
list-style: none;
margin-right: 20px;
}
.courses-item .content-part .meta-part li i {
margin-right: 8px;
}
.courses-item .content-part .title {
transition: all 0.3s ease 0s;
margin: 0;
padding: 0 0 20px;
}
.courses-item .content-part .title a {
font-size: 22px;
color: #000; font-weight:500;
}
.courses-item .content-part .title a:hover {
color: #19beec;
}
.courses-item .content-part .course-author {
display: inline-flex;
align-items: center;
}
.courses-item .content-part .course-author .author-img {
margin-right: 12px;
}
.courses-item .content-part .course-author .author-img img {
border-radius: 50%;
}
.courses-item .content-part .bottom-part {
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.courses-item .content-part .bottom-part .info-meta ul {
list-style: none;
margin: 0;
}
.courses-item .content-part .bottom-part .info-meta li {
display: inline;
margin-right: 15px;
transition: all 0.3s ease 0s; font-weight:500;
}
.courses-item .content-part .bottom-part .btn-part {
text-align: right; margin-top:-10px;
}
.courses-item .content-part .bottom-part .btn-part a {
display: inline-block;
}
.courses-item .content-part .bottom-part {
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 5px;
}
.btn-part a {
color: #FFFFFF;
}
.btn-part a {
background-color: #181249;
border-radius: 50% 50% 50% 50%;
padding: 10px 14px 8px 0px;
}
.courses-item .content-part .bottom-part .btn-part a i:before {
font-size: 18px;
font-weight: 400;
padding-left: 10px;
margin: 0;
position: relative;
top: 2px;
}
.courses-item:hover {
transform: translateY(-10px);
}
.course-slider-style2 .img-part {
padding: 0 30px;
z-index: 1;
}
.course-slider-style2 .courses-item .content-part {
padding-top: 130px;
margin-top: -92px;
}
.course-slider-style2 .courses-item .img-part .cats a {
left: 50%;
transform: translateX(-50%);
}
ul.course-categories {
margin: 0;
list-style: none;
}
.featured-icon-box.icon-align-before-content.style11 {
padding-top: 10px;
padding-right: 15px;
}
.featured-icon-box {
position: relative;
}
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
vertical-align: top; padding-top: 7px;
}
.featured-icon-box.icon-align-before-content .featured-icon, .featured-icon-box.icon-align-before-content .featured-content {
display: table-cell;
}
.featured-icon-box.icon-align-before-content.style11 .ttm-icon {
top: 10px;
}
.featured-icon-box.icon-align-before-content.style11 .featured-content {
padding-left: 60px;
}
.featured-icon-box .ttm-icon {
margin-bottom: 0;
}
.ttm-icon.ttm-icon_element-onlytxt {
height: auto;
width: auto;
line-height: 1px;
}
.ttm-icon.ttm-icon_element-size-lg i {
font-size: 48px;
}
.featured-icon-box.icon-align-before-content .featured-icon i {
display: inline-block;
vertical-align: top;color: #19beec;
}
.ttm-icon.ttm-icon_element-onlytxt i {
position: unset;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.featured-icon-box.icon-align-before-content.style11 .featured-icon .ttm-icon:before {
content: '';
position: absolute;
width: 1px;
height: 35px;
left: 77px;
top: 20px;
background-color: #e0e1e3;
}
.featured-icon-box.icon-align-before-content.style11 .featured-title h5 {
margin-bottom: 10px;
}
.featured-title h5 {
font-size: 22px;
line-height: 25px;
font-weight: 500;
}
.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
margin-bottom: 0;font-weight: 400;
line-height: 26px;
letter-spacing: 0px;
}
.mb-13 {
margin-bottom: 13px !important;
}
.mt-24 {
margin-top: 24px !important;
}
.ttm-bgcolor-white .ttm-horizontal_sep {
border-top-color: #f1f1f1;
}
.ttm-horizontal_sep {
border-top: 1px solid rgba(0, 0, 0, 0.04);
display: block;
position: relative;
}
.services-section-two {
position: relative;
padding: 50px 0 30px; background:#f9f9f9;
}
.services-section-two:before {
position: absolute;
left: 0;
top: 0;
height: 55%;
width: 100%;
background-color: #f3fafc;
content: "";
}