@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url("css/responsive.css");
@import url("css/slick.css");
@import url("css/stellarnav.css");
@import url("css/jquery.fancybox.min.css");
@import url("css/xzoom.css");
@import url("css/demo1.min.css");
h1,h2,h3,h4,h5,h6{font-size: 25px; margin: 0px; padding: 0px; font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none; font-family: 'Quicksand', sans-serif;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Quicksand', sans-serif;}
a{font-size: 15px; font-family: 'Quicksand', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;   background-attachment: fixed;}
span{padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif;}
input{ font-family: 'Quicksand', sans-serif;}
textarea{ font-family: 'Quicksand', sans-serif;}
select{font-family: 'Quicksand', sans-serif;}
option{font-family: 'Quicksand', sans-serif;}
label{font-family: 'Quicksand', sans-serif;}
b{font-family: 'Quicksand', sans-serif;}
/*header*/
header{	background: #3254c7; padding: 10px 0px;}
.header_logo img{width: 35%;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #333;  text-transform: uppercase;  padding: 20px 12px; position: relative;  z-index: 1;  margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);  background-color: #ffbf43;   position: absolute;  border: none;  top: 80px;  left: 0;  width: 300px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #000;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #000; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{padding: 0px;}
/* About Section Four */
.about-us-section-four {  position: relative;}
.about-us-section-four .content {  position: relative;  margin-bottom: 30px;}
.about-us-section-four .content span {    position: relative;    font-size: 15px;    font-weight: 500;    padding-bottom: 10px;    margin-bottom: 7px;   color: #3254c7;}
.about-us-section-four .content span:before {  position: absolute;  content: '';  left: 0;  bottom: 0;  width: 80px;  height: 2px;}
.about-us-section-four .content h2 {  position: relative;  font-size: 42px;  font-weight: 500;  margin-bottom: 12px;  letter-spacing: -3px;}
.about-us-section-four .content h2 strong {  font-weight: 700;}
.about-us-section-four .content .text {  margin-bottom: 18px;}
.about-us-section-four .image {  position: relative;  padding: 30px 0;  margin-bottom: 30px;  display: inline-block;  overflow: hidden;}
.about-us-section-four .image:before {  position: absolute;  content: '';  left: 80px;  top: 0;  right: 80px;  bottom: 0;  border: 10px solid #ffbf43;}
.about-us-section-four .image img {  position: relative;}
.line-shape {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  max-width: 1140px;  margin: 0 auto;}
.line-shape .line-four, .line-shape .line-three, .line-shape .line-two, .line-shape .line-one {  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 1px;  background-color: #eee;}
.line-shape .line-two { left: 33.333%;}
.line-shape .line-three {  left: 66.333%;}
.line-shape .line-four {  left: auto;  right: 0;}
.about-us-section-four .shape-one {  position: absolute;  left: 30px;  top: 50%;  width: 310px;  height: 430px;  background-image: url(img/shape-3.png); -moz-background-image: url(img/shape-3.png); -webkit-background-image: url(img/shape-3.png); -o-background-image: url(img/shape-3.png);  transform: translateY(-50%);}
.content p {    line-height: 25px;}
.link-btn a {    background: #3254c7;    padding: 10px 30px;    transition: 0.5s;}
.link-btn a:hover{background-color: #ffbf43; color: #000 !important;}
/* Animation */
.about-us-section-four .image:after, .news-block-one .image:after, .about-us-section .image-block .image:after {  position: absolute;  top: 0;  left: -75%;  z-index: 2;  display: block;  content: '';  width: 50%;  height: 100%;  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);  -webkit-transform: skewX(-25deg);  -ms-transform: skewX(-25deg);  transform: skewX(-25deg);  opacity: 0;}
.about-us-section-four .image:hover:after, .news-block-one .inner-box:hover .image:after, .about-us-section .image-block:hover .image:after {  -webkit-animation: shine2 1s;  animation: shine2 1s;  opacity: 1;}
@-webkit-keyframes shine2 {
100% {left: 125%;}
}
@keyframes shine2 {
100% {left: 125%; }
}

.info-help {    padding: 6rem 0;    background-size: cover;    position: relative;    z-index: 3;}
.info-help .info-head .info-text {    padding-left: 0px;}
.info-help .info-head .info-text h3 {     line-height: 45px;    margin-bottom: 0px;}
.info-help .info-head .info-text p {    font-size: 16px;    font-weight: 400;    line-height: 22px;    color: #3e4452;    padding: 1.5rem 0;    margin-bottom: 0px;}
.info-help .info-head .info-text .btn-pro {    background: #18ba60;    color: #fff;    margin-top: 10px;    border: 0;    transition: all .5s ease;}
.info-help.h18{	padding: 50px 0 180px 0px;  -webkit-background: url(img/bg-service-home-5.jpg);    -moz-background: url(img/bg-service-home-5.jpg);    -o-background: url(img/bg-service-home-5.jpg);   background: url(img/bg-service-home-5.jpg) no-repeat scroll center center;    background-size: cover;    background-attachment: fixed;   position: relative;    z-index: 0 !important;}
.single-featured-box {    text-align: center;    position: relative;    padding: 115px 25px 40px;    overflow: hidden;}
.single-featured-box .icon {    transition: .4s;    color: #ee0979;    position: absolute;    top: 65px;    left: 50%;    transform: translate(-50%, 0);}
.single-featured-box .icon i::before {    font-size: 55px;}
.single-featured-box h3 {    transition: .4s;    margin: 15px 0;    font-size: 18px;}
.single-featured-box p {    transition: .4s;    font-size: 14px;    margin-top: 12px;    margin-bottom: 0;}
.single-featured-box .read-more-btn {    background: linear-gradient(90deg, #000 0, #000 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    display: inline-block;    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    opacity: 0;    visibility: hidden;    transition: .6;    font-size: 15px;    font-weight: 400;    text-decoration: none;}
.single-featured-box .read-more-btn::before {    content: "";    position: absolute;    left: 0;    bottom: 1px;    width: 0;    transition: .5s;    height: 1px;   background: #ff6600;}
.single-featured-box .read-more-btn:hover::before {    width: 100%;}
.single-featured-box:hover .icon {    top: 23px;    animation: .4s ease-in-out iconTop;}
.single-featured-box:hover h3,
.single-featured-box:hover p {    transform: translateY(-20px);}
.single-featured-box:hover .read-more-btn {    opacity: 1;    visibility: visible;   bottom: 23px;}
@-webkit-keyframes iconTop {
0% {        transform: translate(-50%, 0);}
25% {opacity: 0; transform: translate(-50%, -70%);}
50% {opacity: 0; transform: translate(-50%, -40%);}
100% {opacity: 1; transform: translate(-50%, 0);}
}
@keyframes iconTop {
0% {transform: translate(-50%, 0);}
25% {opacity: 0; transform: translate(-50%, -70%);}
50% {opacity: 0; transform: translate(-50%, -40%);}
100% {opacity: 1; transform: translate(-50%, 0);}
}
@-webkit-keyframes MOVE-BG {
from {transform: translateX(0);}
to {transform: translateX(88px);}
}
@keyframes MOVE-BG {
from {transform: translateX(0);}
to {transform: translateX(88px);}
}
@-webkit-keyframes rotateMe {
from {transform: rotate(0);}
to {transform: rotate(360deg);}
}
@keyframes rotateMe {
from {transform: rotate(0);}
to {transform: rotate(360deg);}
}
.featured-boxes-area {    position: relative;    z-index: 1;    margin-top: -175px;}
.featured-boxes-inner {    background-color: #fff;    border-radius: 5px;    box-shadow: 0 15px 30px rgba(0, 0, 0, .1)}
.featured-boxes-inner {    border-right: 1px solid #eee;}
.featured-boxes-inner:last-child {    border-right: none}
.free-esitmate { width: 230px;}
.free-esitmate a {    line-height: 38px;  background: #ffbf43; transition: 0.5s; font-size: 15px;}
.free-esitmate a:hover {background-color:#ffbf43;}
/*Css*/
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);    border-radius: 50px;    border-right: 0;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 160px;    left: 25px;    border: 0;    z-index: 1;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {    
0 {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

.phone_lefts-side {    position: relative}
.phone_lefts-side a {    position: fixed;    bottom: 10px;    color: white;    animation: topBottom 4s infinite;    z-index: 1;    left: 25px;    background-color: #3254c7;    color: white;    padding: 9px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd;}
to {    text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd;}
}
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0 {transform: translateY(0);}
12.5% {transform: translateY(0);}
25% {transform: translateY(0);}
50% {transform: translateY(-15px);}
62.5% {transform: translateY(0);}
75% {transform: translateY(-15px);}
100% {transform: translateY(0);}
}
.enquiry{position: fixed;z-index: 1;bottom: 82px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 9;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background: #33435d; line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); font-family: 'Quicksand', sans-serif;}
.enquiry i:hover{ color:#fff; background: #3254c7;}
.enquiry strong:hover{ color:#000; background: #eee;}

.modal-header {    padding: 0 15px;    color: #fff; background-color: #3254c7;    height: 46px;}
.send_p {  line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body form input{border: 1px solid #ccc; border-radius: 0px; height: 35px; font-family: 'Quicksand', sans-serif; font-size: 14px;}
.modal-body form input:focus{outline: none;}
.modal-body form textarea:focus{outline: none;}
.pop-submit-btn button {  font-family: 'Quicksand', sans-serif;  border: none;    padding: 5px 0; outline: none; background-color: #3254c7;}
.modal-body form textarea{border: 1px solid #ccc; border-radius: 0px; resize: none; height: 80px; font-family: 'Quicksand', sans-serif; font-size: 14px;}
.modal-header button span {    font-size: 40px;    position: relative;    bottom: -2px;}
.modal-header p {    font-size: 18px;    margin-top: 8px;}
.sticky {   position: sticky;    top: 0;    width: 100%;    z-index: 9;      background: #fff;}
.four-tips li span {    display: block;    width: 100%;}
.four-tips li {    width: 23%;}
.some-content span {    font-family: 'Playfair Display', serif; font-size: 30px; display: block; margin-bottom: 18px;     font-weight: 500;}
.some-content p {    color: #3254c7;}
.setup-left::before {    position: absolute;    content: '';    width: 200px;    height: 2px;    background-color: #3254c7;    right: 28%;    top: 57px;}
.setup-left::after {position: absolute;    content: '';    width: 50px;    height: 5px;    background-color: #3254c7;    right: 45%;    bottom: 56px;}
.technology-item img {    width: 100%;}
.rs-technology .technology-item {    text-align: center;    padding: 20px 40px 20px 40px; height: 85px; margin-bottom: 25px;}
.call-to-action{background: url(img/bg-orange.jpg)no-repeat; -webkit-background: url(img/bg-orange.jpg)no-repeat;    -moz-background: url(img/bg-orange.jpg)no-repeat;    -o-background: url(img/bg-orange.jpg)no-repeat;  background-attachment: fixed; background-size: cover;     padding: 70px 0;     background-position: 50% 50%;}  
.call-center h5 {    font-size: 35px;}
.button-center a{background-color: #ffbf43;  padding: 10px 30px; transition: 0.5s;} 
.button-center a:hover{background-color: #19273f; color: #fff !important;}  
.call-center {    margin: 0px auto;}
.contact-page {      padding: 0;  }
/* contact */
.contact-left h2 {    line-height: 1;}
.contact-left p {    margin-bottom: 24px;}
.contact-right {  background: url('img/bg1-contact.jpg')no-repeat;   padding-left: 30px;    padding-right: 40px; -webkit-background: url(img/bg1-contact.jpg)no-repeat;    -moz-background: url(img/bg1-contact.jpg)no-repeat;    -o-background: url(img/bg1-contact.jpg)no-repeat;      background-position: center center;    background-repeat: no-repeat;    background-size: cover !important;    color: #A3A3A3;     background-attachment: fixed;} 
.contact-right .ot-heading {    padding-top: 25px;    padding-bottom: 8px;}
.contact-right h2 {    color: #fff;}
.contact-right > p {    margin-bottom: 25px;}
.contact-right .contact-info h6 {    color: #fff;}
.contact-right .contact-info i:before {    color: #fff;    font-size: 23px;}
.contact-right .contact-info, .contact-right .contact-info a {    color: #d3d3d3;}
.contact-right .list-social a {    border-color: rgba(255,255,255,.4);}
.contact-right .list-social {    margin-top: 11px;   padding-bottom: 90px;}
.contact-map {    margin-top: -40px;    z-index: -1;    position: relative;}

.wpcf7 .main-form input, .wpcf7 .main-form textarea {    width: 100%;    resize: none;    background: #fff;}
.contact-page input {   color: #555555;    border: none;    background: #fff;    border-bottom: 1px solid rgba(0, 0, 0, 0.1);    padding: 8px 10px;    box-sizing: border-box;    outline: none;    font-size: 14px;    font-weight: 500;}
.contact-page textarea {   color: #555555;    border: none;    background: #fff;    border-bottom: 1px solid rgba(0, 0, 0, 0.1);    padding: 8px 10px;    box-sizing: border-box;    outline: none;    font-size: 14px;    font-weight: 500;}
.main-form button {    border: none;  background-color: #3254c7;  padding: 10px 30px; outline: none;}
.contact-info .info-text {    padding-left: 18px;    font-weight: 300;}
.contact-info {    display: flex;}
.social-media i {    width: 35px; height: 35px;   display: flex;    text-align: center;    justify-content: center;    vertical-align: middle;    align-items: center; transition: 0.5s; font-size: 17px;}
.social-media i.fa.fa-facebook{background-color: #4867aa; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
.social-media i.fa.fa-linkedin{background-color: #1a66ae; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
.social-media i.fa.fa-twitter{background-color: #5da9dd; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
.social-media i.fa-youtube-play{background-color: #FF0000; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
/*i.fa.fa-instagram{background: #f09433;    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}*/
.social-media i.fa.fa-instagram{background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}

.location ul li {    margin-right: 0;    list-style-type: none;    width: 25%;    float: left;    padding: 8px 8px;}
.location.sc-pro ul li {margin-right: 0; list-style-type: none; width: 24%; float: left; padding: 15px 20px;}
.location ul li a{margin: 0 auto; display: block; text-decoration:none; text-align: center; background:#33435d; color:#fff; padding: 10px 0px;     border-radius: 50px;}
.location ul li a:hover{background:#ff6600; color:#fff;}
.location h3{line-height: 43px; text-transform: capitalize; position: relative;}
.location.sc-pro h3{margin-top:0; line-height: 20px; font-size: 20px;}
.location ul li:nth-child(1){padding-left:0;}
.location ul li:nth-child(5){padding-left:0;}
.location ul li:nth-child(9){padding-left:0;}
.location ul li:nth-child(13){padding-left:0;}
.location ul li:nth-child(17){padding-left:0;}
/*Footer*/
footer{background: #3254c7 url(img/chk_captcha.png);}
.full-metter span {    font-size: 22px;    font-weight: 800;}
a.contact_us-btn-footer {    background: #ffbf43;    padding: 8px 30px;    border-radius: 50px;}
.footer-btn a {    background: #ffbf43;    padding: 6px 15px;    border-radius: 50px;    font-size: 13px;}
.widget-footer span{font-size: 20px;}
.copy-right{background-color: #fff;}
.full-metter li{font-family: 'Quicksand', sans-serif;}

#toTop {    position: fixed;  z-index: 9;  bottom: 20px;    right: 15px;    cursor: pointer;    transition: 0.5s; }

.f-gallery-nav{  display:flex;  justify-content:center;}
.f-gallery-items{  display:flex;  width:100%;  justify-content:center;}
.f-gallery-item{  padding:5px 15px;  font-size:16px; color:#33435d;  border:1px solid #33435d;  border-radius:50px;  transition:all 0.3s ease;  cursor:pointer;}
.f-gallery-item:hover,
.f-gallery-item.active{  color:#fff;  background:#ff6600; border: 0px;}
.fg-gallery{  display:flex;  flex-wrap:wrap;  margin-top:30px;}
.fg-gallery-img{  width:calc(100% / 4);  padding:7px;}
.fg-gallery-img.hide{ display:none; }
.fg-gallery-img.show{  animation:animate 0.4s ease;}
@keyframes animate{
0%{transform:scale(0.5);}
100% {transform:scale(1);}
}
.fg-gallery-img span{  display:flex;  width:100%;  overflow:hidden;}
.fg-gallery-img img{  width:100%;  vertical-align:middle;    transition:all 0.3s ease; cursor: pointer;}
.fg-gallery-img:hover img{  transform:scale(1.1);}
/* fg-preview-box */
.fg-preview-box{  position:fixed;  top:50%;  left:50%;  transform:translate(-50%,-50%) scale(0.9); background:white;  max-width:700px;  width:100%;   z-index:5;  opacity:0;  pointer-events:none;  border-radius:3px;  padding:0 5px 5px 5px;  box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.fg-preview-box.show{  opacity:1;  pointer-events:auto;    transform:translate(-50%,-50%) scale(1);  transition:all 0.3s ease;}
.fg-pb-details{  display:flex;  align-items:center;  padding:13px 15px 13px 10px;  justify-content:space-between; }
.fg-pb-title{ display:flex;  font-size:18px;  font-weight:400;}
.fg-pb-title p{  margin-left:5px;  font-weight:600;}
.fg-pb-details .icon{  color:black;  font-size:22px;  cursor:pointer;}
.fg-pb-image-box{  display:flex;  width:100%;}
.fg-pb-image-box img{  width:100%;  border-radius:0 0 3px 3px;}
.fg-pb-shadow{position:fixed;  top:0;  left:0;  height:100%;  width:100%;  background:rgba(0,0,0,0.4);  z-index:2;  display:none;}
.fg-pb-shadow.show{  display:block;}
/* fg-preview-box */
@media(max-width: 1000px){
.fg-gallery-img{    width:calc(100%/3);  }
}
@media(max-width: 800px){
.fg-gallery-img{width:calc(100%/2);}
}
@media(max-width: 700px){
.f-gallery-items{max-width:600px;}
.f-gallery-item{padding:7px 15px;}
}
@media(max-width: 800px){
.fg-gallery-img{width:calc(100%/2);}
}
@media(max-width: 700px){
.f-gallery-items{flex-wrap:wrap;   justify-content:center;}
.f-gallery-item{margin:5px;}
  .fg-gallery-img{    width:100%;}
}
span.fg-pb-title p {display: none;}

.overlay-side{position: relative;}
.overlay-side::after{position: absolute; content: ''; width: 100%; height: 100vh; background: #000; opacity: 0.4;} 

a.orange_btn{background-image: -moz-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);    background-image: -webkit-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);    background-image: -ms-linear-gradient( 0deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);     padding: 12px 45px; border-radius: 30px;     box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);}
a.green-btn{background-color:#33435d;     padding: 12px 45px; border-radius: 30px;     box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);}
color {    color: #ff6600;}
.hero-slider-1{background: url(img/slider-1.jpg); --ms-background: url(img/slider-3.jpg); --webkit-background: url(img/slider-1.jpg);  --o-background: url(img/slider-1.jpg);  --moz-background: url(img/slider-1.jpg); height: 600px; background-attachment: fixed; background-size: cover; background-position: center;   -webkit-appearance: none;        -moz-appearance: none;        appearance: none; background-size: 100% auto;}
.hero-slider-2{background: url(img/slider-2.jpg); --ms-background: url(img/slider-3.jpg); --webkit-background: url(img/slider-2.jpg);  --o-background: url(img/slider-2.jpg);  --moz-background: url(img/slider-2.jpg); height: 600px; background-attachment: fixed; background-size: cover; background-position: center; -webkit-appearance: none;        -moz-appearance: none;        appearance: none; background-size: 100% auto;}
.hero-slider-3{background: url(img/slider-3.jpg); --ms-background: url(img/slider-3.jpg); --webkit-background: url(img/slider-3.jpg);  --o-background: url(img/slider-3.jpg);  --moz-background: url(img/slider-3.jpg);  height: 600px; background-attachment: fixed; background-size: cover; background-position: center; -webkit-appearance: none;        -moz-appearance: none;        appearance: none; background-size: 100% auto;}    

.slider-caption span{ font-family: "Roboto", sans-serif;    font-size: 14px;    line-height: 1;    font-weight: 700;    color: #ffffff;    margin-bottom: 13px;     font-family: 'Oswald', sans-serif;}
.slider-caption h1{font-size: 80px; font-family: 'Oswald', sans-serif;  line-height: 1.1; margin-bottom: 20px;    font-weight: 900;}
.slider-caption p{  font-size: 17px;    line-height: 1.5;    font-weight: 500;    color: #ffffff;   margin-bottom: 34px;    }
.slider-caption {    margin: 0px auto; top: 25%;}
color.orange{color: #ff8042;}
color.green{color: #33435d;}

.slider-item .slick-next {right: 2%; top: 50%;  border: 1px solid #ccc; width: 75px; height: 75px;    border-radius: 50px;  border: 1px solid rgba(255, 255, 255, 0.2);}
.slider-item .slick-prev {left: 2%;  z-index: 9; top: 50%;    border: 1px solid #ccc;  width: 75px; height: 75px;   border-radius: 50px;   border: 1px solid rgba(255, 255, 255, 0.2);}
.slider-item .slick-prev:hover {background-color: #3254c7;}
.slider-item .slick-next:hover {background-color: #3254c7;}

.big-title {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    font-size: 100px;    font-weight: 800;    color: #f7f7f7;    text-transform: uppercase;    line-height: 220px;    -webkit-animation:linear infinite alternate;    -webkit-animation-name: run;    -webkit-animation-duration: 25s;    -ms-animation:linear infinite alternate;    -ms-animation-name: run;    -ms-animation-duration: 25s;    -moz-animation:linear infinite alternate;    -moz-animation-name: run;    -moz-animation-duration: 25s;    text-align: center;    font-family: 'Quicksand', sans-serif;}
@-webkit-keyframes run {
    0% { left: -20%;}
    50%{ left : 0%;}
    100%{ left: 20%;}
}

@-moz-keyframes run {
    0% { left: -20%;}
    50%{ left : 0%;}
    100%{ left: 20%;}
}     
.our-products {position: relative; overflow: hidden;}
.our-products .inner-box {    position: relative;    margin-bottom: 30px;}
.our-products .image {    overflow: hidden;}
.our-products .image img {    width: 100%;    transition: .5s; border: 1px solid #ccc;}
.our-products .inner-box:hover .image img {    transform: scale(1.1);}
.our-products .content {    position: relative;    box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);    padding: 40px 45px 30px;    background-color: #fff;}
.our-products .content:before {    position: absolute;    content: '';    left: 0;top: 0;    right: 0;    height: 0%;    background-color: #3254c7;    transition: .5s;}
.our-products .inner-box:hover .content:before {    height: 100%;}
.service-block-one h4 {    font-size: 24px;    font-weight: 500;    transition: .5s; font-family: 'Playfair Display', serif;}
.our-products .inner-box:hover h4 {    transform: translateY(-18px);    color: #fff;}
.our-products h4:before {    position: absolute;    content: '';    left: 0;    bottom: -15px;    width: 50px;    height: 2px;}
.our-products .link-btn2 {    position: relative;    opacity: 0;    transition: .5s;    transform: translateY(-10px);}
.our-products .inner-box:hover .link-btn2 {    opacity: 1;    transform: translateY(8px);}
.our-products .link-btn2 a {    color: #fff;    text-transform: uppercase;    font-size: 14px;    font-weight: 600;}
.sec-title {    position: relative;    z-index: 1;}
.stellarnav {    display: none;}

.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 0px;  width: 32%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:first-child{background-color: #33435d;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #ff6600;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;  position: fixed;  z-index: 999;    bottom: 0;    /* left: 8%; */    width: 100%;}
.mobile-three-item { display: none;}
.breadcumb{padding: 100px 0px; background: url(img/breadcumb.jpg)no-repeat; background-attachment: fixed; background-size: cover;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff;     font-family: 'Quicksand', sans-serif;}
li.breadcrumb-item.active{ font-family: 'Quicksand', sans-serif;}
.breadcrumb{justify-content: center;}
.contact-information > span {    font-size: 22px; color: #3254c7;}
.contact-information p,a {    font-size: 16px;}

.form-group input:focus{outline: none; border: none; box-shadow: none;}
.form-group textarea:focus{outline: none; border: none; box-shadow: none;}
.contact-form_get span {    font-size: 25px;    text-align: center;    display: block;    margin-bottom: 20px;}
.form-group-btn button{background-color: #ffbf43; font-family: 'Quicksand', sans-serif;}
.contact-form_get{background-color: #3254c7;}

.color-site {background: #1f57c1;}
.skin-color {background: #000;}
.sitema-links-item h2 {    font-size: 22px;}
.sitema-links-item h3 {    font-size: 22px;}
.sitema-links-item h4 {    font-size: 22px;}
.color-covering{  background-color: #025546;}
.color-covering h4 {    font-size: 22px;}

.full-width-type {  background-color:#3254c7;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {color: #fff;  width: 100%; text-align: center;    color: #fff;}
.inner-left-side-product h3{padding-bottom: 15px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
/* Rectangle In */
.hvr-rectangle-in {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #555555;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-rectangle-in:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0; background-image: linear-gradient(220deg, #333 0%, #333 79%);   -webkit-transform: scale(1);  transform: scale(1);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {  color: white;}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {  -webkit-transform: scale(0);  transform: scale(0);}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {      background: #56ac44;    padding: 15px;    color: #fff;        font-size: 18px;}
.full-width-type {  background-color:#3254c7;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.product_categories span{background-color: #3254c7;}
.product_categories ul li a{transition: 0.5s;}
.product_categories ul li a:hover{color: #3254c7 !important; padding-left: 5px;}
.breadcumb-cabinats{background-color: #eeeeee;}
.breadcumb-cabinats nav ul li a{color: #ff6600;}
.for-img{position: relative;}
.name {    position: absolute;    width: 100%;    text-align: center;    bottom: 0; background: #686868; color: #fff;}
.name p {    font-size: 18px;    line-height: 28px;}

.title-price ul li{font-family: 'Quicksand', sans-serif;}
.title-price ul li:first-child{color: #ff6600; font-family: 'Quicksand', sans-serif;}
.product_list .row {    margin: 0px;}
.list-btn{background-color: #3254c7;}
.under-box-cabinetes{transition: 0.5s;}
.under-box-cabinetes:hover{  transform: scale3D(1.1, 1.1, 1);    overflow: hidden;}
.back-btn a {   background: #1f57c1;    padding: 10px 30px;    border-radius: 50px; transition: 0.5s;}
.back-btn a:hover {background-color: #ffbc58; color: #000 !important;}
.success h4{font-size: 40px;}

.acco-item {  display: block;  background: #33435d;  margin-bottom: 5px;  color: #fff;}
.acco-item:nth-child(odd) .acco-trigger {  color: #fff;  background:#ff6600;}
.acco-item.active .acco-trigger {  background-color: #33435d;  color: #fff;}
.acco-item.active .acco-trigger:after {  border: 7px solid transparent;  border-bottom: 12px solid #fff;  top: 50%;  transform: translateY(-75%);}
.acco-trigger {  display: block;  color: #4f4f4f;  font-weight: 500;  padding: 13px 18px;  position: relative;}
.acco-trigger:after {  content: "";  display: block;  position: absolute;  width: 0;  height: 0; top: 50%;  transform: translateY(-25%);  right: 20px;  border: 7px solid transparent;  border-top: 12px solid #ff8663;}
.inner-wrapper {  overflow: hidden;  height: 0;}
.inner-acco {  padding: 13px 18px;}
.inner-acco__item {  display: block;  font-size: 15px;  font-weight: 300;  padding: 6px 0;  color: #4f4f4f;}
span.acco-trigger__title {    font-size: 18px;}

.zoom {			display:inline-block;			position: relative;}
.zoom:after {			content:'';			display:block; 			width:33px; 			height:33px; 
position:absolute; 			top:0;			right:0;}
.zoom img {			display: block;		}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(img/grab.cur), default; }
.products_details-img img{width: 100%; height: auto; cursor: pointer;}
.price span {    font-size: 22px;    line-height: 35px;}
.left_side label{font-family: 'Quicksand', sans-serif;}
.left_side input:focus{outline: none;}
.left_side .form-group label {  color: #ff6600; font-size: 13px;    font-weight: 500;}

.colpr-type .active {color:white; border: 2px solid #ff6600; background-color: #fff !important;  padding: 10px;    border-radius: 50px;   top: 4px; position: relative;}
.colpr-type .active:before {    content: "\f00c";    color: #000 !important;    font-family: FontAwesome;    position: relative;    top: -12px;    left: -6px;    font-size: 12px;}
.colpr-type ul li input[type="checkbox"]{cursor:pointer; padding: 10px;  width: 24px; border-radius: 50px;   height: 24px; }

/*ul#navMenus li:first-child {padding: 10px;  width: 24px; border-radius: 50px;   height: 24px; background: url(img/select/img-1.jpg)no-repeat; background-size: cover; background-color: #cb5613;}
ul#navMenus li:nth-child(2) {padding: 10px; width: 24px; border-radius: 50px;   height: 24px; background: url(img/select/img-2.jpg)no-repeat; background-size: cover; background-color: #1a7f86;}
ul#navMenus li:nth-child(3) {padding: 10px; width: 24px; border-radius: 50px;   height: 24px; background: url(img/select/img-3.jpg)no-repeat; background-size: cover; background-color: #853f51;}
ul#navMenus li:nth-child(4) {padding: 10px; width: 24px; border-radius: 50px;   height: 24px; background: url(img/select/img-4.jpg)no-repeat; background-size: cover; background-color: #3a795e;}*/
.current {    background-color: #ff6600;    padding: 6px 18px;    margin-top: 5px;    display: inline-block;   font-weight: 700;    font-size: 13px;}
.select-proper button {     font-family: 'Quicksand', sans-serif;    background: #ff6600;    padding: 4px 15px;    display: inline-block;    font-size: 14px;    margin-top: 8px;}
.select-proper button:active{background:#d65600; border: none; outline: none;}
.select-proper button:focus{background:#d65600; border: none; outline: none;}
.slide-one span {    font-size: 15px;}
/*.list-metter li:first-child {   width: 35%;}*/
a.list-metter_orange  {    background: #ff6600;    padding: 8px 15px;}
a.button-two{background-color: #33435d;  padding: 8px 15px;}
.plain-content ul li {    background-color: #ff6600;    width: 12%;    text-align: center;    color: #fff; padding: 10px 0px;}
.full-content {    background: #eeeeee;}
.price-with-quantity span{font-size: 20px;}
.price-with-quantity select {    font-size: 13px;}
ul#navMenus {    position: relative;}
.radio-button label {   font-weight: 500;}
.list-metter ul li select {    background: #686868;}
.list-metter ul li option {color:#000;}
.list-metter .form-control:focus{background-color: #ff6600 !important;}
span.prod-full-screen i {    background: #ff6600d4;    font-size: 20px;    padding: 8px;    border-radius: 50px; font-size: 14px; color: #fff;}
.inner-logos-footer ul li {    width: 28%;}
.inner-logos-footer ul li img{width: 100%;}
.certificate-top ul li {    width: 12%;}
.certificate-top ul li img{    width: 100%;}
.widget-footer img {    filter: brightness(0.0) invert(1);}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
	color: #000;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
    bottom: 5em;
    padding: 0 15px;
    color: #fff;
    text-transform: none;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    left: 0;
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	display: flow-root;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 100%;
	max-height: auto;
	width: 100%;
	background: #3254c7;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	background: #3254c7d6;
	text-transform: capitalize;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
    word-spacing: 0;
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    width: 100%;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.client-image {    text-align: center;    width: 100%;}
.client-image img{margin: 0px auto;   border-radius: 100px;    margin-bottom: 15px;}


.testimonial .slick-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #3254c7;
}

.testimonial .slick-prev:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #3254c7;
}

.testimonial .slick-next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    right: 43px;
    top: 30%;
}

.testimonial .slick-prev {
    width: 50px;
    height: 50px;
    left: 40px;
    border-radius: 50px;
    position: relative;
    z-index: 99;
    top: 30%;
}

.testimonial .prev {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    right: 40px;
}

.best_inner-design span{font-size: 25px; font-weight: bold; display: block; margin-bottom: 20px;}
.best_inner-design {text-align: justify;}
.connect-us a {    background: #3254c7;    padding: 10px 30px; transition: 0.5s;}
.connect-us a:hover{background-color: #ffbf43; color: #000 !important;}
.best_inner-design img {    border: 2px solid #3254c7;    padding: 5px;}

.bar-code img{filter: none !important;}
.content-side-design h3 {    font-size: 20px;    margin-bottom: 15px;}
.content-side-design ul li {    list-style-type: disc;     line-height: 25px;}
.content-side-design ul{padding-left: 15px; margin-bottom: 30px;}
.why_box .bg-white {    min-height: 680px;}
.director_under-part span {
    color: #000;
}
.director-content p {
    text-align: justify;
    margin-bottom: 15px;
}
.director_under-part span {
    font-size: 20px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 15px;
}

/*Box*/
.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before {
    content: '';
    background: #3254c7;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: opacity 0.4s;
}

.box:hover:before {
    opacity: 0.8;
}

.box img {
    width: 100%;
    height: 500px !important;
    transition: all 0.35s;
    margin-bottom: 30px;
}

.box:hover img {
    transform: scale(1.15);
}

.box .box-content {
    color: #fff;
    background: #3254c7;
    font-size: 18px;
    font-weight: 700;
    width: 90%;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    opacity: 0;
    transform: translateX(-50%)translateY(50%);
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 2;
    transition: all 0.35s;
}

.box:hover .box-content {
    opacity: 1;
    transform: translateX(-50%)translateY(25%);
}

.box .title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.box .post {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
}

.box .icon {
    background-color: #fff;
    width: 80%;
    padding: 10px 0;
    margin: 0;
    border-radius: 0 0 5px 5px;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%)translateY(50%);
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 1;
    transition: all 0.35s;
}

.box:hover .icon {
    opacity: 1;
    transform: translateX(-50%) translateY(130%);
}

.box .icon li {
    display: inline-block;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s;
}

.box:hover .icon li:nth-child(1) {
    transition-delay: 0.15s;
}

.box:hover .icon li:nth-child(2) {
    transition-delay: 0.25s;
}

.box:hover .icon li {
    opacity: 1;
    transform: translateY(0);
}

.box .icon li a {
    color: #fff;
    background-color: #f83600;
    line-height: 25px;
    height: 30px;
    width: 30px;
    border: 2px solid #fff;
    box-shadow: 3px 3px 5px #555;
    border-radius: 50% 0;
    display: block;
    transition: all 0.3s;
}

.box .icon li a:hover {
    color: #f83600;
    background-color: #fff;
    border-color: #f83600;
}

@media only screen and (max-width: 990px) {
    .box {
        margin: 0 0 30px;
    }
}

@media only screen and (max-width: 479px) {
    .box .title {
        font-size: 20px;
    }
}

.content_part {
    background-color: #1f57c1;
}
.events_box img {
    height: 272px;
    object-fit: cover;
}
.gallery-box img {
    height: 250px !important;
}
.ziehharmonika span {	background: #3254c7;	color: #fff;	display: block;	text-align: left;	border-radius: 4px;	padding: 5px 12px;	cursor: pointer;	margin-top: 0;	font-size: 20px;	margin-bottom: 9px;	padding-right: 40px;	transition: 0.25s all;	position: relative;}
.ziehharmonika span.active {	margin-bottom: 21px;	color: #000;	background: #ffbf43;}
.ziehharmonika span::before {	content: attr(data-prefix);	font-size: 30px;	margin-right: 9px;}
.ziehharmonika span.alignLeft {	padding-left: 35px;}
.ziehharmonika > div {	display: none;	background: #fff;	border-radius: 4px;	border: 1px solid #cdcdcd;text-align: left;	padding: 31px 33px;	margin-bottom: 9px;}
.ziehharmonika .arrowDown {	width: 0;	height: 0;	border-style: solid;	border-width: 13.0px 7.5px 0 7.5px;	border-color: #272e35 transparent transparent transparent;	position: absolute;	bottom: 0;	left: 40px;	transition: 0.25s all;	opacity: 0;}
.ziehharmonika .active .arrowDown {	bottom: -13px;	border-color: #3254c7 transparent transparent transparent;	opacity: 1;}
.ziehharmonika .collapseIcon {	position: absolute;	right: 20px;	top: 45%;	font-size: 35px;	font-weight: 300;	-ms-transform: translate(0, -50%);	    transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {	right: initial;	left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
.ziehharmonika p {    text-align: justify;    margin-bottom: 12px;}
.ziehharmonika ul li {    margin-bottom: 12px;}
.inner-color {    background: #f1f1f1;}

.white-wrap .form {
    background: #1f57c1;
    padding: 1px 20px 1px 20px;
    position: relative;
}
.inputBox button {
    color: #000;
    padding: 10px 0px;
    background: #ffbc58;
}
.inputBox input {
    height: 35px;
}

ul.two-btn-design li a {
    padding: 10px 30px;
}

ul.two-btn-design li:first-child a {
    background: #1f57c1;
    padding: 10px 30px;
}

ul.two-btn-design li:nth-child(2) a {
    background: #008e7f;
    padding: 10px 30px;
    color: #000;
}

ul.two-btn-design li:last-child a {
    background:#ffbc58;
    padding: 10px 30px;
    color: #000;
}
.products_content p {
    text-align: justify;
    line-height: 25px;
}
p.related-heading {
    background: #1f57c1;
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: 700;
}
.read-btn a {
    background:#ffbc58;
    padding: 7px 15px;
    color: #000;
}
.related_img img {
    border: 1px solid #ccc;
}
h5.text-theme-colored {
    text-transform: capitalize;
}

video#VisaChipCardVideo {    border: 2px dashed #3254c7;    padding: 15px;}
.products_content h1{ padding: 10px 0px;}
.products_content h2{ padding: 10px 0px;}
.products_content h3{ padding: 10px 0px;}
.products_content h4{ padding: 10px 0px;}
.products_content h5{ padding: 10px 0px;}
.products_content h6{ padding: 10px 0px;}
.products_content ul li {    list-style-type: disc;    margin-left: 15px;    line-height: 35px;}
.related_content {    display: flex;    flex-direction: column;    justify-content: center;}
.related_content h2{ padding-bottom: 15px;}
.products_img img {    float: left;    margin-right: 25px; width: 300px !important;}