@font-face {
font-family: 'Accidental Presidency';
src: url('../fonts/fonts/AccidentalPresidency.eot');
src: url('../fonts/fonts/AccidentalPresidency.eot?#iefix') format('embedded-opentype'),
url('../fonts/fonts/AccidentalPresidency.woff2') format('woff2'),
url('../fonts/fonts/AccidentalPresidency.woff') format('woff'),
url('../fonts/fonts/AccidentalPresidency.ttf') format('truetype'),
url('../fonts/fonts/AccidentalPresidency.svg#AccidentalPresidency') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
html {
  scroll-behavior: smooth;
}
body{
margin: 0;
padding: 0;
font-family: 'Mulish', sans-serif;
overflow-x: hidden;
}
a:hover{text-decoration: none;}
/*****Blog css***/
.blog-image img {
    width: 100%;
    /* overflow: hidden; */
}
.card.custom-cards {
    padding: 20px;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.blog-banner {
    background: #009af3;
    padding: 100px;
}
.blog-banner .main-heading{
    color: #fff;
    font-weight: 700;
}
.blog .blog_btn .btn_one {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    background: #009af3;
}
.blog_btn .btn_one:hover {
    background: #9c9a9b;
}
.blog .card.custom-cards {
    padding: 20px;
    box-shadow: 0 0 8px 2px #888;
    margin: 20px 0px !important;
}

/* Single Post Details */

.single_page .entry-title {
    padding-bottom: 25px;
    font-weight: 700;
}
.single_page .fullimage.mb-4 img{width: 100%;}
.single_page h2 {
    padding-top: 15px;
}
@media(min-width: 1300px){
.container{max-width: 1260px;}
}
@media(min-width: 1500px){
.top-header .container{max-width: 1460px;}
.banner-section.design02 .container{max-width: 1460px;}
}
@media(min-width: 1600px){
.top-header .container{max-width: 1500px;}
.banner-section.design02 .container{max-width: 1500px;}
}
/*..............top-header..............*/
.top-header{
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 999999;
padding-top: 20px;
}
.top-header .header-wrap{
display: flex;
display: -ms-flexbox;
justify-content: flex-end;
align-items: center;
}
.header-wrap .menu-button{margin-left: 30px;}
.head-right img{
margin-left: 7px;
max-width: 40px;
border: 1px solid white;
cursor: pointer;
transition: all 0.5s ease;
}
/*..............banner-section.............*/
.banner-section{
height: 100vh;
background: #848484 url('../images/banner-bg2.jpg') center center no-repeat;
background-size: cover;
display: flex;
display: -ms-flexbox;
align-items: center;
color: white;
position: relative;
padding-top: 100px;
}
.banner-section .left-col-bg{
content: "";
width: 50%;
width: calc(50% + 0px);
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
height: 100%;
background: rgba(208,22,57,0.80);
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.banner-section .left-col-bg:hover,
.banner-section .left-col-bg.active{
width: 52%;
width: calc(50% + 40px);
}
.banner-section .left-col-bg::after{
content: "";
width: 65px;
height: 100%;
background: rgba(208,22,57,0.34);
position: absolute;
left: 100%;
top: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.banner-section .left-col-bg:hover::after,
.banner-section .left-col-bg.active::after{
width: 120px;
}
.banner-section .banner-left{
padding-right: 20px;
position: relative;
z-index: 10;
}
.banner-section .banner-right{
padding-left: 20px;
text-align: right;
position: relative;
z-index: 10;
}
.banner-section .align-content{min-height: 185px;}
.banner-section h2{
font-size: 62px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: -1px;
margin-bottom: 10px;
line-height: 0.9;
}
.banner-section p{
font-size: 26px;
font-weight: 200;
}
.banner-section .btn{
font-size: 24px;
font-family: 'Accidental Presidency';
text-transform: uppercase;
border: 2px solid white;
color: white;
border-radius: 0;
padding: 15px 48px;
display: inline-block;
margin-top: 40px;
transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 350ms;
transition: border-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 50ms;
position: relative;
z-index: 1;
overflow: hidden;
background-color: transparent;
padding-right: 81px;
}
.banner-section .btn:focus{
outline: none;
box-shadow: none;
}
.banner-section .btn::after{
position: absolute;
display: block;
content: "";
width: 200%;
height: 100%;
z-index: -1;
top: 0;
right: 0;
transform: translateX(-100%);
background-image: url(../images/btn-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
}
.banner-section .btn:hover::after{
transform: translateX(50%);
transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.banner-section .btn:hover{
background-color: #02a3fe;
transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 350ms;
border-color: #02a3fe;
}
.banner-section .btn i{
font-size: 18px;
margin-left: 13px;
position: absolute;
right: 46px;
top: 23px;
transition: all 0.5s ease;
}
.banner-section .btn:hover i{right: 37px;}
.banner-section .banner-right .btn{
background-color: #c91536;
border-color: #c91536;
border-color: #c91536;
}
.banner-section .banner-right .btn:hover{
border-color: #02a3fe;
background-color: #02a3fe;
}
/*...............preloader...............*/
.preloader{
overflow: hidden;
background: #000000;
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;
left: 0;
z-index: 999;
right: 0;
transition: all 0.5s ease;
}
.preloader.loaded{
background: transparent;
pointer-events: none;
}
.preloader .load{
position: fixed;
background: #000000;
width: 50%;
height: 120%;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9999999;
transition: all 1.4s ease;
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
}
.preloader .load::after{
content: "";
background: #000000;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.preloader .load.loader-right{
left: auto;
right: 0;
clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
}
.preloader .load a{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 99999;
opacity: 0;
}
.preloader.loaded .load a{opacity: 1;}
.preloader .load.loader-right a{
right: auto;
left: 0;
}
.preloader.loaded .load.loader-left{
transform: translate(-100%,-50%) scale(0.7);
-webkit-transform:translate(-100%,-50%) scale(0.7);
-moz-transform:translate(-100%,-50%) scale(0.7);
-o-transform:translate(-100%,-50%) scale(0.7);
}
.preloader.loaded .load.loader-right{
transform: translate(100%,-50%) scale(0.7);
-webkit-transform: translate(100%,-50%) scale(0.7);
-moz-transform: translate(100%,-50%) scale(0.7);
-o-transform: translate(100%,-50%) scale(0.7);
}
.preloader .line-wrapper{
position: absolute;
width: 525px;
/*height: 256px;*/
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
z-index: 99999999;
overflow: hidden;
}
.preloader .line-wrapper img{
/*position: absolute;
left: 0;
top: 0;
right: 0;*/
width: 100%;
}
.preloader.loaded .line-wrapper{opacity: 0;}
/*...........preloader style2.............*/
.preloader.design02{background: #0b7e9f;}
.preloader.design02.loaded{background: transparent;pointer-events: none;}
.preloader.design02 .load::after{background: #0b7e9f;}
/*.......preloader style2 design02.......*/
.preloader.design02.style2{
background: #01243a url('../images/background_img.jpg') center center no-repeat;
background-size: cover;
}
.preloader.design02.style2.loaded{
background: transparent;
pointer-events: none;
}
.preloader.design02.style2 .loader-left{
clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
height: 110%;
}
.preloader.design02.style2.loaded .loader-left{
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
}
.preloader.design02.style2 .loader-right{
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
height: 110%;
}
.preloader.design02.style2.loaded .loader-right{
clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
}
.preloader.design02.style2 .loader-left::after{
background: #01243a url('../images/background-left.jpg') center right no-repeat;
background-size: cover;
}
.preloader.design02.style2 .loader-right::after{
background: #01243a url('../images/background-right.jpg') center left no-repeat;
background-size: cover;
}
.window-open-btn{
display: inline-block;
color: #ffffff;
font-size: 16px;
font-family: 'Roboto', sans-serif;
position: absolute;
left: 50%;
top: calc(50% + 250px);
transform: scale(1) translate(-50%,-50%);
-webkit-transform: scale(1) translate(-50%,-50%);
-moz-transform: scale(1) translate(-50%,-50%);
-o-transform: scale(1) translate(-50%,-50%);
transform-origin: 0 0;
z-index: 99999999;
text-align: center;
padding-top: 42px;
line-height: 1.3;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
font-weight: bold;
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.window-open-btn .mobile{display: none;}
.preloader.design02.loaded .window-open-btn{display: none;}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.preloader.design02 .window-open-btn:hover{
text-decoration: none;
color: #ffffff;
}
.preloader.design02.not-loaded .window-open-btn{
opacity: 0;
transform:scale(0.4) translate(-50%,-50%);
-webkit-transform:scale(0.4) translate(-50%,-50%);
-moz-transform:scale(0.4) translate(-50%,-50%);
-o-transform:scale(0.4) translate(-50%,-50%);
}
.preloader.design02.loaded .window-open-btn{opacity: 0;}
/*.......butterfly animation........*/
/*@keyframes rightwingani {
from {
transform: rotate3d(0, 1, 0, 180deg);
}
10% {
transform: rotate3d(0, 1, 0, 180deg);
}
50% {
transform: rotate3d(0, 1, 0, 100deg);
}
90% {
transform: rotate3d(0, 1, 0, 180deg);
}
to {
transform: rotate3d(0, 1, 0, 180deg);
}
}
@keyframes leftwingani {
from {
transform: rotate3d(0, 1, 0, 0deg);
}
10% {
transform: rotate3d(0, 1, 0, 0deg);
}
50% {
transform: rotate3d(0, 1, 0, 80deg);
}
90% {
transform: rotate3d(0, 1, 0, 0deg);
}
to {
transform: rotate3d(0, 1, 0, 0deg);
}
}*/
@keyframes rightwingani {
from {
transform: rotate3d(0, 1, 0, 180deg);
}
/*10% {
transform: rotate3d(0, 1, 0, 180deg);
}*/
50% {
transform: rotate3d(0, 1, 0, 100deg);
}
/*90% {
transform: rotate3d(0, 1, 0, 180deg);
}*/
to {
transform: rotate3d(0, 1, 0, 180deg);
}
}
@keyframes leftwingani {
from {
transform: rotate3d(0, 1, 0, 0deg);
}
/*10% {
transform: rotate3d(0, 1, 0, 0deg);
}*/
50% {
transform: rotate3d(0, 1, 0, 80deg);
}
/*90% {
transform: rotate3d(0, 1, 0, 0deg);
}*/
to {
transform: rotate3d(0, 1, 0, 0deg);
}
}
.butterfly-large {
width: 346px;
height: 208px;
transform: rotate(20deg) translate(30px, 60px) scale(0.8, 0.8);
transform-origin: center center;
position: absolute;
right: 30px;
}
.butterfly-large:before, .butterfly-large:after {
position: absolute;
width: 178px;
height: 208px;
content: url("../images/wing.png");
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.butterfly-large:before {
transform: rotate3d(0, 0, 0, 180deg);
transform-origin: center right;
animation-name: rightwingani;
}
.butterfly-large:after {
transform-origin: top right;
animation-name: leftwingani;
}
.butterfly-small {
width: 140px;
height: 87px;
transform: rotate(-20deg) translate(30px, 60px) scale(0.8, 0.8);
transform-origin: center center;
}
.butterfly-small:before, .butterfly-small:after {
position: absolute;
width: 79px;
height: 164px;
content: url("../images/wing.png");
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
/*.fly6 .butterfly-small:before,.fly6 .butterfly-small:after {
content: url("../images/wing2.png");
}*/
.butterfly-small:before {
transform: rotate3d(0, 0, 0, 180deg);
transform-origin: center right;
animation-name: rightwingani;
}
.butterfly-small:after {
transform-origin: top right;
animation-name: leftwingani;
}
/*.............custom...............*/
.preloader.design02 .butterfly{
position: absolute;
left: 75%;
top: 65%;
z-index: 99999999;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transition: all 0.5s ease;
}
.preloader.design02 .butterfly .butterfly-small{transition: all 2s linear;}
.preloader.design02 .fly1 .butterfly-small{
transform: rotate(0deg) translate(30px, 60px) scale(0.7);
}
.preloader.design02 .butterfly.fly2{
top: 25%;
left: 45%;
}
.preloader.design02 .fly2 .butterfly-small{
transform: rotate(-30deg) translate(30px, 60px) scale(0.55);
}
.preloader.design02 .butterfly.fly3{
transform: none;
left: auto;
right: 10%;
top: 7%;
}
.preloader.design02 .butterfly.fly3 .butterfly-small{
transform: rotate(-25deg) translate(30px, 60px) scale(0.45);
}
.preloader.design02 .butterfly.fly4{
transform: none;
left: auto;
left: 10%;
top: 10%;
}
.preloader.design02 .butterfly.fly4 .butterfly-small{
transform: rotate(25deg) translate(30px, 60px) scale(0.4);
}
.preloader.design02 .butterfly.fly5{
transform: none;
left: 0;
top: auto;
bottom: 17%;
}
.preloader.design02 .butterfly.fly5 .butterfly-small{
transform: rotate(-25deg) translate(30px, 60px) scale(0.5);
}
.preloader.design02 .butterfly.fly6{
transform: none;
left: calc(50% - 35px);
top: calc(50% + 135px);
transform: translate(-50%,-50%);
}
.preloader.design02 .butterfly.fly6 .butterfly-small{
transform: rotate(0deg) translate(30px, 60px) scale(0.5);
cursor: pointer;
}
/*.....loaded.....*/
.preloader.design02.loaded .butterfly .butterfly-small::before,
.preloader.design02.loaded .butterfly .butterfly-small::after{
animation-duration: 1.5s;
}
.preloader.design02.loaded .butterfly.fly4 .butterfly-small{
transform: rotate(25deg) translate(22px, -300px) scale(0.7);
}
.preloader.design02.loaded .butterfly.fly2 .butterfly-small{
transform: rotate(25deg) translate(30px, -500px) scale(0.7);
}
.preloader.design02.loaded .butterfly.fly3 .butterfly-small{
transform: rotate(-35deg) translate(30px, -250px) scale(0.5);
}
.preloader.design02.loaded .butterfly.fly5 .butterfly-small {
transform: rotate(-65deg) translate(30px, -300px) scale(0.7);
}
.preloader.design02.loaded .fly1 .butterfly-small {
transform: rotate(37deg) translate(100px, -1100px) scale(0.85);
}
.preloader.design02.loaded .butterfly.fly6 .butterfly-small {
transform: rotate(-45deg) translate(30px, -1100px) scale(0.5);
}
/*.........not loaded.........*/
.preloader.design02.not-loaded .butterfly.fly4 .butterfly-small{
transform: rotate(50deg) translate(0, 300px) scale(0.4);
}
.preloader.design02.not-loaded .butterfly.fly5 .butterfly-small {
transform: rotate(-7deg) translate(30px, 250px) scale(0.5);
}
.preloader.design02.not-loaded .butterfly.fly1 .butterfly-small{
transform: rotate(10deg) translate(30px, 388px) scale(0.7);
}
.preloader.design02.not-loaded .butterfly.fly3 .butterfly-small {
transform: rotate(-39deg) translate(30px, 307px) scale(0.45);
}
.preloader.design02.not-loaded .fly2 .butterfly-small {
transform: rotate(-46deg) translate(30px, 600px) scale(0.55);
}
.preloader.design02.not-loaded .butterfly.fly6 .butterfly-small {
transform: rotate(-14deg) translate(103px, 430px) scale(0.5);
}
/*........butterfly animation end.........*/
/*.............loading..............*/
.loader-container .loader3 {
width:50px;
height:50px;
display:inline-block;
padding:0px;
text-align:left;
position: relative;
}
.loader-container .loader3 span {
position:absolute;
display:inline-block;
width:100px;
height:100px;
border-radius:100%;
background:rgba(255, 255, 255,1);
-webkit-animation:loader3 1.5s linear infinite;
animation:loader3 1.5s linear infinite;
left: -17px;
}
.loader-container .loader3 span:last-child {
animation-delay:-0.9s;
-webkit-animation-delay:-0.9s;
}
@keyframes loader3 {
0% {transform: scale(0, 0);opacity:0.8;}
100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes loader3 {
0% {-webkit-transform: scale(0, 0);opacity:0.8;}
100% {-webkit-transform: scale(1, 1);opacity:0;}
}
.loader-container{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999999;
background: #0b7e9f;
display: flex;
justify-content: center;
align-items: center;
}
.loader-container.style2{background: #033f59;}
/*.........design 02.........*/
.banner-section.design02{
background: #848484 url('../images/banner-bg3.jpg') center center no-repeat;
background-size: cover;
overflow: hidden;
pointer-events: none;
}
.banner-section.design02.active{pointer-events: auto;}
.banner-section.design02 .left-col-bg::after{display: none;}
.banner-section.design02 .left-col-bg{
left: 0%;
background: rgba(0,146,213,0.6);
outline: 1px solid white;
/*border-right: 1px solid white;*/
}
.banner-section.design02 .left-col-bg:hover,
.banner-section.design02 .left-col-bg.active{
width: 50%;
width: calc(50% + 0px);
}
.banner-section.design02 .hover-track{
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
right: 0;
overflow: hidden;
z-index: 1;
}
.banner-section.design02 .hover-track .col-6{
min-height: 100vh;
z-index: 9999;
transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;
-moz-transition: all 2.5s ease;
-o-transition: all 2.5s ease;
}
.banner-section.design02 .hover-track .left{pointer-events: none;}
.banner-section.design02.right-active .left-col-bg{left: 50%;}
.banner-section.design02.right-active .hover-track .left{pointer-events: auto;}
.banner-section.design02.right-active .hover-track .right{pointer-events: none;}
.banner-section.design02 .hover-track .left{
background: url('../images/lef-col-bg.jpg') center right no-repeat;
background-size: cover;
}
.banner-section.design02 .hover-track .right{
background: url('../images/right-col-bg.jpg') center left no-repeat;
background-size: cover;
opacity: 0;
}
.banner-section.design02.right-active .hover-track .right{opacity: 1;}
.banner-section.design02.right-active .hover-track .left{opacity: 0;}
.banner-section.design02.right-active .left-col-bg{
border-right: 0;
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.banner-section.design02 .logo{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
z-index: 99;
width: 300px;
height: 300px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
border: 5px solid #ffffff;
overflow: hidden;
cursor: auto;
}
.banner-section.design02 .logo img{width: 100%;}
.banner-section.design02 .logo .butterfly{position: absolute;}
.banner-section.design02 .logo .butterfly .butterfly-small{
transform: rotate(-20deg) translate(30px, 60px) scale(0.3);
}
.banner-section.design02 .logo .butterfly.logo-fly1{
right: 25px;
bottom: 25px;
}
.banner-section.design02 .logo .butterfly.logo-fly1 .butterfly-small{
animation: butterflyone-logo 8s linear infinite;
}
.banner-section.design02 .logo .butterfly.logo-fly2 {
left: 0;
bottom: 0;
}
.banner-section.design02 .logo .butterfly.logo-fly2 .butterfly-small{
transform: rotate(29deg) translate(-38px, 27px) scale(0.4);
animation: butterflytwo-logo 7s linear infinite 2s;
}
.banner-section.design02 .logo .butterfly.logo-fly3 {
right: 0;
top: 0;
}
.banner-section.design02 .logo .butterfly.logo-fly3 .butterfly-small{
transform: rotate(-98deg) translate(-98px, 86px) scale(0.4);
animation: butterflythree-logo 8s linear infinite 1s;
}
/*..........logo butterfly start.........*/
/*butterfly 1*/
@keyframes butterflyone-logo{
0%{
transform: rotate(-20deg) translate(30px, 60px) scale(0.3);
}
100%{
transform: rotate(-45deg) translate(-4px, -391px) scale(0.3);
}
}
@keyframes butterflytwo-logo{
0%{
transform: rotate(29deg) translate(-38px, 27px) scale(0.4);
}
100%{
transform: rotate(41deg) translate(-15px, -427px) scale(0.4);
}
}
@keyframes butterflythree-logo{
0%{
transform: rotate(-98deg) translate(-98px, 86px) scale(0.4);
}
100%{
transform: rotate(-150deg) translate(-93px, -386px) scale(0.4);
}
}
/*..........logo butterfly end.........*/
.top-header.design02.style2{padding-top: 40px;}
.banner-section.design02 .logo img{max-width: 100%;}
.banner-section.design02 .btn{
color: #0092d5;
background: white;
font-family: 'Mulish', sans-serif;
font-size: 17px;
font-weight: 800;
padding: 18px 31px;
padding-right: 63px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin-top: 30px;
}
.banner-section.design02 .btn.garman_text{font-size: 18px;}
.banner-section.design02 .btn i{
right: 34px;
top: 15px;
font-weight: bold;
font-size: 26px;
}
.banner-section.design02 .btn.garman_text i{
right: 31px;
top: 20px;
font-size: 26px;
}
.banner-section.design02 .btn:hover{
background-color: white;
border-color: white;
}
.banner-section.design02 .btn:hover::after{display: none;}
.banner-section.design02 .banner-right .btn,
.banner-section.design02.right-active .banner-left .btn{
border-color: white;
background: transparent;
color: white;
}
.banner-section.design02.right-active .banner-right .btn{
color: #0092d5;
background: white;
}
.banner-section.design02 p{font-weight: 500;}
/*.........header........*/
header.design02 .header-wrap .menu-button{margin-left: 0;}
header.design02 .header-wrap .logo{margin-right: -20px;}
/*...............buying agent html..................*/
.home_banner{
background: #000000 url('../images/banner.jpg') center center no-repeat;
background-size: cover;
min-height: 603px;
position: relative;
display: flex;
display: -ms-flexbox;
align-items: center;
}
.home_banner .home_banner_mob{display: none;}
.home_banner .container{position: relative;}
.banner_content{
max-width: 525px;
margin-left: auto;
}
.banner_content .button_style1,
.banner_content .button_style1:hover{font-size: 16px;}
.banner_content .button_style2,.banner_content .youtubestyle,.banner_content .youtubestyle:hover,
.banner_content .button_style2:hover{
margin-left: 0;
margin-top: 10px;
font-size: 16px;
padding: 10px 37px 10px 70px;
}
.banner_content h1{
font-size: 39px;
font-weight: 700;
color: #fff;
margin: 0 0 20px;
text-transform: uppercase;
}
.banner_content h1 br{display: none;}
.banner_content p{
font-size: 18px;
font-weight: 300;
color: #fff;
margin: 0 0 20px;
}
.button_style1,.button_style1:hover{
font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border: 2px solid #fff;
padding: 10px 30px 10px 30px;
display: inline-block;
text-decoration: none;
transition: all 0.5s ease;
}
.button_style1 i{
font-size: 15px;
font-weight: bold;
margin-left: 15px;
position: relative;
top: -2px;
}
.button_style1:hover{
border-color: #009af3;
color: #009af3;
}
.button_style2,.button_style2:hover{
font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border: none;
padding: 13px 37px 13px 70px;
display: inline-block;
text-decoration: none;
background:#009af3 url('../images/mail.png') 15% 50% no-repeat;
margin-left: 10px;
}
 .youtubestyle,.youtubestyle:hover{
  font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border: none;
padding: 13px 37px 13px 70px;
display: inline-block;
text-decoration: none;
background:#009af3 url('../images/youtube.png') 15% 50% no-repeat;
margin-left: 10px;}
.whatweoffer{
padding: 70px 0 50px;
}
.whatweoffer{
padding: 70px 0 50px;
}
.whatweoffer .download-catalogue .download-inner{
background: none;
padding-left: 0;
padding-right: 0;	
}
.whatweoffer .download-catalogue{
background: #c91536 url(../images/download-cat-bg.jpg) center right no-repeat;
margin-bottom: 0;
margin-top: 20px;
}
.global_heading{
font-size: 48px;
font-weight: 700;
}
.heading_divider{
background: #009af3;
height: 4px;
max-width: 100px;
margin: 20px auto;
}
.subtext{
font-size: 22px;
color: #000
}
.offer_grid .bx .more-content{
display: none;
padding-top: 10px;
padding-bottom: 10px;
}
.offer_grid .bx{
background: #fff;
box-shadow: 0 10px 35px rgb(0 0 0 / 10%);
text-align: center;
padding: 30px 25px;
padding-bottom: 35px;
border-radius: 26px;
min-height: 322px;
transition: all 0.5s ease-in-out;
position: relative;
}
.offer_grid .bx .readmore{
color: #009af3;
text-decoration: none;
position: absolute;
bottom: 17px;
left: 50%;
transform: translateX(-50%);
}
.offer_grid .bx:hover,
.offer_grid .bx.active{
box-shadow: 0 10px 45px rgb(39 137 225 / 20%);
}
.offer_grid .col-sm-3{
margin-bottom: 30px;
}
.offer_grid .bx .icon{
margin: 0 auto  20px;
text-align: center;
line-height: 70px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.offer_grid .bx .icon img{max-width: 70px;}
.offer_grid .bx.active .icon,
.offer_grid .bx:hover .icon{
transform: scale(1.25);
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);	
}
.offer_grid .bx h3{
font-size: 22px;
font-weight: 500;
color: #009af3;
margin: 0 0 10px;
}
.offer_grid .bx p{
font-size: 14px;
color: #000;
margin: 0;
}
.offer_grid{
margin-top: 60px;
}
.header-agent .navbar-nav li{
margin: 0 16px;
position: relative;
transition: all 0.5s ease-in-out;
padding: 20px 0;
}
.header-agent .navbar-nav li a:after{
width: 0%;
height: 6px;
background: #009af3;
position: absolute;
left: 0;
right: 0;
bottom: -61px;
content: '';
transition: all 0.5s ease;
}
.header-agent .navbar-nav li a:hover:after,.header-agent .navbar-nav li.active a:after{
width: 100%;
}
.header-agent .navbar-nav li a{
font-size: 14px;
color: #000000 !important;
text-transform: uppercase;
font-weight: 800;
font-family: 'Mulish', sans-serif;
transition: all 0.5s ease-in-out;
position: relative;
}
.header-agent .navbar-nav li a:hover,.header-agent .navbar-nav li.active a{
color: #009af3 !important;
text-decoration:none;
}
.header-agent .navbar-nav.social_top li{margin: 0 4px;}
.header-agent .navbar-nav.social_top li a{font-size: 34px;}
.header-agent .navbar{padding: 0;}
.why_choose{
background: #000000 url('../images/section2bg.jpg') center center no-repeat;
min-height: 780px;
padding: 70px 0;
position: relative;
background-size: cover;
}
.why_choose .about_banner_mob{display: none;}
.why_choose h4{
color: #fff;
font-size: 24px;
}
.why_choose .global_heading{
color: #fff;
text-transform: uppercase;
}
.why_choose p{
color: #fff;
font-size: 20px;
font-weight: 300;
margin-bottom: 24px;
}
.why_choose .heading_divider{
margin: 20px 0;
}
.detail_client{
display: flex;
list-style: none;
margin: 50px 0 0;
padding: 0;
}
.detail_client li{
color: #fff;
position: relative;
padding-right: 15px;
margin-right: 15px;
}
.detail_client li:after{
content: '';
background: #262626;
height: 80px;
position: absolute;
width: 1px;
top: 7px;
right: -20px;
display: none!important;
}
.detail_client li:before{
content: '';
background: #262626;
height: 70px;
position: absolute;
width: 1px;
top: 5px;
right: 0;	
}
.detail_client li:last-child:before{display: none;}
.detail_client li:last-child:after{display: none;}
.detail_client li h3{
font-size: 42px;
color: #009af3;
font-weight: 800;
margin: 0;
line-height: 40px;
}
.detail_client li p{font-size: 22px;margin: 0;}
.footer{
min-height: 140px;
position: relative;
}
.footer_badge{
position: absolute;
top: -191px;
right: -42px;
}
.footer_menu,.footer_social{
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.footer_menu li,.footer_social li{
display: inline-block;
}
.footer_menu li a,.footer_social li a{
font-size: 16px;
color: #000000;
text-transform: uppercase;
font-weight: 800;
font-family: 'Mulish', sans-serif;
transition: all 0.5s ease-in-out;
}
.footer_menu li a:hover,.footer_social li a:hover{
color: #009af3;
text-decoration:none;
}
.footer_social li a{font-size: 24px;}
.footer_menu li a{padding: .5rem 0.3rem;}
/*..........menu button......*/
.header-agent .hamburger{
position: relative;
z-index: 99;
cursor: pointer;
}
.header-agent .hamburger .text{
font-size: 13px;
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-agent .hamburger .line{
width: 35px;
height: 2px;
background-color: rgb(0, 154, 243);
display: block;
margin: 6px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#hamburger-6.is-active{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#hamburger-6.is-active .line:nth-child(2){
width: 0px;
}
#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#hamburger-6.is-active .line:nth-child(1){
-webkit-transform: translateY(13px);
-ms-transform: translateY(13px);
-o-transform: translateY(13px);
transform: translateY(13px);
}
#hamburger-6.is-active .line:nth-child(3){
-webkit-transform: translateY(-4px) rotate(90deg);
-ms-transform: translateY(-4px) rotate(90deg);
-o-transform: translateY(-4px) rotate(90deg);
transform: translateY(-4px) rotate(90deg);
}
.navbar-toggler:focus{outline: none;}
/*...............promotional html..................*/
.header-promotion{
background: #303030;
padding: 10px 0;
}
.header-promotion .header-inner{
display: flex;
display: -ms-flexbox;
justify-content: space-between;
align-items: center;
}
.header-promotion .header-inner .germen{
display: inline-block;
margin-left: 5px;
}
.header-promotion .head-right{
display: flex;
display: -ms-flexbox;
justify-content: flex-end;
align-items: center;
}
/*..........menu button......*/
.header-promotion .hamburger{
position: relative;
z-index: 9999;
display: inline-block;
margin-left: 20px;
}
.header-promotion .hamburger .line{
width: 27px;
height: 2px;
background-color: #969394;
display: block;
margin: 6px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-promotion .hamburger.is-active .line{background-color: #ee3a82;}
#hamburger-6.is-active{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#hamburger-6.is-active .line:nth-child(2){
width: 0px;
}
#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#hamburger-6.is-active .line:nth-child(1){
-webkit-transform: translateY(13px);
-ms-transform: translateY(13px);
-o-transform: translateY(13px);
transform: translateY(13px);
}
#hamburger-6.is-active .line:nth-child(3){
-webkit-transform: translateY(-4px) rotate(90deg);
-ms-transform: translateY(-4px) rotate(90deg);
-o-transform: translateY(-4px) rotate(90deg);
transform: translateY(-4px) rotate(90deg);
}
.header-promotion .hamburger:hover{cursor: pointer;}
/*...........personalize-section............*/
.personalize-section{padding: 70px 0 60px;}
.personalize-inner{position: relative;}
.personalize-inner > img{width: 100%;}
.personalize-inner > img.mobile-img{display: none;}
.personalize-inner .personalize-content{
position: absolute;
right: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
font-weight: 700;
}
.personalize-content .content-inner{
max-width: 510px;
margin-left: auto;
padding: 0 20px;
padding-right: 50px;
}
.personalize-content .content-inner p{
font-size: 24px;
margin-bottom: 0;
}
.personalize-content .content-inner h3{
font-size: 50px;
line-height: 1;
margin-bottom: 40px;
}
.global-btn{
background: #c91536;
font-size: 24px;
color: white;
text-transform: uppercase;
display: inline-block;
font-family: 'Accidental Presidency';
padding: 14px 56px;
font-weight: normal;
position: relative;
overflow: hidden;
z-index: 1;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
}
.global-btn::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #0092d5;
transition: all .3s;
border-radius: 0px;
z-index: -1;
}
.global-btn:hover{
color: white;
text-decoration: none;
}
.global-btn:hover::before{width: 100%;}
.global-btn i{
position: relative;
top: -2px;
margin-left: 20px;
font-size: 19px;
}
/*..............product-section............*/
.product-section{margin-bottom: 50px;}
.product-section .product-cat{
text-align: left;
margin-bottom: 25px;
font-size: 36px;
position: relative;
padding-bottom: 17px;
}
.product-section .product-cat::after{
content: "";
width: 40px;
height: 3px;
background: #c91536;
position: absolute;
left: 0;
bottom: 0;
}
.product-section .col-sm-3{margin-bottom: 30px;}
.product-section .product-card{
overflow: hidden;
display: block;
border: 1px solid #efeeee;
position: relative;
}
.product-section .product-card::after{
content: "";
width: 26px;
height: 25px;
background: url('../images/zoom-icon.jpg') center center no-repeat;
position: absolute;
right: 0;
bottom: 0;	
display: none;
}
.product-section .product-card img{
width: 100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
height: 283px;
object-fit: cover;
}
.product-section .product-card:hover img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.owl-carousel .owl-dots{
display: flex;
display: -ms-flexbox;
justify-content: center;
align-items: center;
}
.owl-carousel .owl-dots .owl-dot{
width: 12px;
height: 12px;
background: #d8d5d6;
border-radius: 100%;
margin: 0 5px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.owl-carousel .owl-dots .owl-dot:focus{outline: none;}
.owl-carousel .owl-dots .owl-dot.active{background: #c91536;}
.product-section .owl-carousel .owl-nav{
display: flex;
display: -ms-flexbox;
justify-content: center;	
margin-bottom: 20px;
position: absolute;
right: 0;
top: 0;
}
.product-section .owl-carousel.owl-theme .owl-nav button{
width: 40px;
height: 40px;
background: #c91536;
color: white;
font-size: 25px;
margin: 3px;
line-height: 15px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.product-section .owl-carousel.owl-theme .owl-nav button:hover{background: #b61432;}
.product-section .owl-carousel.owl-theme .owl-nav button:focus{outline: none;}
/*..............download-catalogue...............*/
.download-catalogue {margin-bottom: 50px;}
.download-catalogue .download-inner{
background: #c91536 url('../images/download-cat-bg.jpg') center right no-repeat;
background-size: cover;
color: white;
padding: 30px 50px;
display: flex;
display: -ms-flexbox;
align-items: center;
justify-content: space-between;
}
.download-catalogue .download-inner h3{
margin-bottom: 0;
font-size: 33px;
flex: 1;
}
.download-inner .global-btn{
background:none;
padding: 10px 40px;
border: 2px solid white;
}
.download-inner .global-btn:hover{border-color: #0092d5;}
/*..................company-partner..................*/
.company-partner{margin-bottom: 55px;}
.company-partner .row{margin: 0 -25px;}
.company-partner .col-md-6{padding: 0 25px;}
.partner-card .card-img img{
width: 100%;
display: block;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.partner-card .card-img a{
display: block;
overflow: hidden;
border-bottom: 7px solid #c91536;
}
.partner-card .card-img a:hover img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.partner-card .card-desc{
background: #303030;
color: white;
padding: 17px 30px;
}
.partner-card .card-desc h3{
font-size: 26px;
margin-bottom: 0;
font-weight: 700;
}
/*..............footer-partner...............*/
.footer-partner{
background: #303030;
padding: 10px 0;
}
.footer-partner .navbar{padding: 0;}
.footer-partner .menu-nav li{margin-left: 13px;}
.footer-partner .menu-nav li a{
color: white;
text-transform: uppercase;
font-weight: 500;
}
.footer-partner .social-nav{margin-left: 30px;}
.footer-partner .social-nav li{margin-left: 10px;}
.footer-partner .social-nav li a{
font-size: 32px;
color: #969394;
}
.footer-partner .navbar-nav li a{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding: 5px 8px;
text-decoration: none;
}
.footer-partner .navbar-nav li a:hover{color: #c91536;}
.silerspothome-class .header-promotion,.silerspothome-class .footer-partner,.silerspotinnerpage-class .header-agent,.silerspotinnerpage-class footer.footer,footer.footer, .footer-partner,.header-promotion,.header-agent{display:none;}

.english_text,.banner-section .btn.english_text,.dnone,.banner-section .btn.dnone{display:none;}
.dblock,.banner-section .btn.dblock{display:inline-block;}
.flag_imgactive{opacity:0.4;}

.silerspothome-class .header-promotion,.silerspothome-class .footer-partner,.silerspotinnerpage-class .header-agent,.silerspotinnerpage-class footer.footer,.silerspotinnerpage-class .header-promotion,.home.silerspothome-class .header-promotion,.home.silerspothome-class .header-agent{display:none;}
.page.page-id-362 .header-agent,.page.page-id-362 footer.footer,.single .header-agent,.single footer.footer, .silerspotinnerpage-class.about-us .header-agent,.silerspotinnerpage-class.business .header-agent,.silerspotinnerpage-class.services .header-agent,.silerspotinnerpage-class.legal .header-agent,.silerspotinnerpage-class.contact .header-agent,.silerspotinnerpage-class.contact footer.footer,.silerspotinnerpage-class.services footer.footer,.silerspotinnerpage-class.business footer.footer,.silerspotinnerpage-class.legal footer.footer,.silerspotinnerpage-class.about-us footer.footer,.silerspotinnerpage-class.promotional-products .header-promotion,.silerspotinnerpage-class.promotional-products .footer-partner,.buying-agent.silerspotinnerpage-class footer.footer{display:block;}
.silerspotinnerpage-class.uber-uns .header-agent,.silerspotinnerpage-class.business .header-agent,.silerspotinnerpage-class.services .header-agent,.silerspotinnerpage-class.agb .header-agent,.silerspotinnerpage-class.kontakt .header-agent,.silerspotinnerpage-class.kontakt footer.footer,.silerspotinnerpage-class.services footer.footer,.silerspotinnerpage-class.business footer.footer,.silerspotinnerpage-class.agb footer.footer,.silerspotinnerpage-class.uber-uns footer.footer,.silerspotinnerpage-class.werbeartikel .header-promotion,.silerspotinnerpage-class.werbeartikel .footer-partner,.kaufagent.silerspotinnerpage-class footer.footer{display:block;}
.silerspotinnerpage-class .header-agent{border-bottom: 1px solid #e5e5e5;}
.global_page_body{min-height:600px;}
.silerspotinnerpage-class.buying-agent .header-agent{display:block;border-bottom: none;    margin-bottom: 0px;}
.silerspotinnerpage-class.kaufagent .header-agent{display:block;border-bottom: none;    margin-bottom: 0px;}

.partner-card .card-img iframe{
    display: block;
    border-bottom: 7px solid #c91536;
    width:100%;
    
}
/*..............download-catalogue............*/
@media(min-width: 992px){
#download-catalogue .modal-lg {max-width: 1000px;}	
}
.popup-silverspot .modal-body{padding: 0;background: white;}
.popup-silverspot .modal-content{border-radius: 0;background: none;}
.popup-silverspot .popup-img{
background:url('../images/silver-min.png') center center no-repeat;
background-size: cover;	
}
.popup-silverspot .popup-img img{width: 100%;}
.popup-silverspot .modal-body > .row > .col-md-5{
flex: 0 0 45%;
max-width: 45%;
}
.popup-silverspot .modal-body > .row > .col-md-7{
flex: 0 0 55%;
max-width: 55%;
}
.popup-silverspot .popup-form{padding: 35px 25px;}
.popup-silverspot .popup-form h4{
font-size: 22px;
font-weight: 700;	
text-transform: uppercase;
}
.popup-silverspot .popup-form .form-control{
height: auto;
border-radius: 0;
border: 1px solid #009af3;
padding: 15px 21px;
box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
}
.popup-silverspot .popup-form .row{margin: 0 -6px;}
.popup-silverspot .popup-form .row .col-sm-6{padding: 0 6px;}
.popup-silverspot .popup-form .input-group{position: relative;}
.popup-silverspot .popup-form .input-group .icon{
position: absolute;
left: 15px;
top: 15px;
z-index: 10;
width: 20px;
height: 20px;
display: inline-block;
}
.popup-silverspot .popup-form .input-group .icon.name{
background: url('../images/name-icon.png') center center no-repeat;	
top: 18px;
}
.popup-silverspot .popup-form .input-group .icon.telephone{
background: url('../images/call-icon.png') center center no-repeat;	
top: 18px;
}
.popup-silverspot .popup-form .input-group .icon.email{
background: url('../images/email-icon.png') center center no-repeat;	
}
.popup-silverspot .popup-form .input-group .icon.company{
background: url('../images/company-icon.png') center center no-repeat;	
}
.popup-silverspot .popup-form .input-group .icon.address{
background: url('../images/location-icon.png') center top no-repeat;	
}
.popup-silverspot .popup-form .input-group .icon img{max-width: 20px;}
.popup-silverspot .popup-form .input-group .form-control{padding-left: 40px;}
/*......custom checkbox.....*/
.check-container,.accept-terms label {
display: block;
position: relative;
padding-left: 50px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.check-container input,.accept-terms input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.check-container br,.accept-terms br{display: none;}
.check-container .checkmark,
.check-container .wpcf7-list-item-label::before,
.accept-terms .wpcf7-list-item-label::before {
position: absolute;
top: 8px;
left: 0;
height: 32px;
width: 32px;
border: 1px solid #009af3;
box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
}
.check-container .checkmark:after,
.check-container .wpcf7-list-item-label::after,
.accept-terms .wpcf7-list-item-label::after {
content: "";
position: absolute;
display: none;
}
.check-container input:checked ~ .checkmark:after,
.check-container input:checked ~ .wpcf7-list-item-label:after,
.accept-terms input:checked ~ .wpcf7-list-item-label:after {
display: block;
}
.check-container .checkmark:after,
.check-container .wpcf7-list-item-label:after,
.accept-terms .wpcf7-list-item-label:after {
left: 11px;
top: 4px;
width: 9px;
height: 18px;
border: solid #009af3;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check-container .wpcf7-list-item-label:after,
.accept-terms .wpcf7-list-item-label:after{top: 12px;}
.accept-terms .wpcf7-list-item {margin: 0;}
.wpcf7-form-control-wrap.zoom-meeting,
.wpcf7-form-control-wrap.privacy-check{position: static;}
.wpcf7-form-control-wrap.zoom-meeting .wpcf7-list-item-label{
width: 0;
height: 0;
color: white;	
}
.popup-silverspot .popup-form .privacy-check{margin-top: 30px;margin-bottom: 15px;}
.popup-silverspot .popup-form .privacy-check a:hover{text-decoration: none;}
.popup-silverspot .popup-form .submit-btn input,.contact_form .submit-btn input.wpcf7-submit{
display: block;
width: 100%;
border: 0;
background: #009af3;
color: white;
font-size: 20px;
padding: 15px;
font-weight: 700;
margin-top: px;
box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
cursor: pointer;
}
.popup-silverspot .close-modal{
position: absolute;
right: 20px;
top: 16px;
z-index: 10;
background:url('../images/close-icon.png') center center no-repeat;
background-size: 100%;
width: 25px;
height: 25px;
cursor: pointer;
}
/*..............Business modal.............*/
#business-modal .modal-dialog{max-width: 550px;}
.popup-silverspot .upload{
display: flex;
align-items: center;	
}	
.popup-silverspot .upload label input{display: none;}
.popup-silverspot .upload label{
background: #009af3;
color: white;
font-size: 15px;
font-weight: 700;
padding: 16px 26px;
height: 60px;
margin: 0 10px;
cursor: pointer;
box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.11);
}
.popup-silverspot .upload .label{
font-size: 18px;
font-weight: 700;
}
.popup-silverspot .upload .filetype{
color: #c1c1c1;
font-weight: 700;
font-size: 15px;	
}
/*.............appointment model..............*/
@media(min-width: 992px){
#book-appointment .modal-lg {max-width: 1000px;}	
.popup-silverspot#book-appointment .col-lg-4{
flex: 0 0 40%;
max-width: 40%;	
}
.popup-silverspot#book-appointment .col-lg-8{
flex: 0 0 60%;
max-width: 60%;	
}	
}
.popup-silverspot#book-appointment .popup-form .input-group .icon{top: 17px;}
.popup-silverspot#book-appointment .popup-form .submit-btn input{margin-top: 25px;}
.popup-silverspot#book-appointment .popup-form select.form-control{
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;	
padding: 15px 12px;
background: url('../images/time-icon.png') 92% center no-repeat;
}
.popup-silverspot#book-appointment .popup-form #appointment-date.form-control{
background: url('../images/date-icon.png') 93% center no-repeat;
}
.popup-silverspot#book-appointment .popup-form{padding-top: 50px;}
.popup-silverspot#book-appointment .popup-form h4{
font-size: 24px;
margin-bottom: 20px;	
}
.popup-silverspot#book-appointment .popup-img{
background: url(../images/appointment-popup-img.jpg) center top no-repeat;
background-size: cover;
}
.popup-silverspot#book-appointment .popup-img h4{
font-size: 24px;
text-align: center;
font-weight: 900;
padding: 30px 10px 0;
}
.popup-silverspot#book-appointment .popup-img h4 span{
color: #004f97;
display: block;
}
.button_style4,.button_style4:hover{
    background: #c91636;
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 40px 12px 16px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
}
.button_style4:after{
    content:'';
    background: url('../images/arrow1.png') 0 0 no-repeat;
    position: absolute;
    top: 21px;
    right: 23px;
    z-index: 1;
    width: 8px;
    height: 10px;
    
}
.who_what_how .elementor-col-25:before{
    content: '';
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    position: absolute;
    top: 0;
    right: 20px;
}
.who_what_how .elementor-col-25:last-child:before{display:none;}
.silerspotinnerpage-class .footer  .col-sm-9{
    display: flex;
    align-items: center;
}
.silerspotinnerpage-class .footer .footer_badge{position: static;width: 220px}
.silerspotinnerpage-class.buying-agent .footer .footer_badge{position: absolute;width: auto;}
.button_style1.business_btn,.button_style1.business_btn:hover{
    border-color: #009af3;
    color:#fff;
    margin-top: 16px;
    background:#009af3;
    padding: 10px 50px 10px 30px;
}
.button_style1.business_btn:after{
    content:'';
    background: url('../images/button_arrow.png') 0 0 no-repeat;
    position:absolute;
    top: 13px;
    right: 13px;
    z-index: 1;
    width: 21px;
    height: 25px;
    margin-top: -2px;
}
.hover-btn{
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.hover-btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #3eaae8;
    transition: all .3s;
    border-radius: 0px;
    z-index: -1;
}
.hover-btn:hover:before{width: 100%;}
.button_style4.hover-btn.hover-btn:before{background-color: #a70c28;}
.modal-backdrop.show {opacity: .9;}
.popup-silverspot .popup-form .input-group br,#business-modal br,.contact_form br{display:none;}
.popup-silverspot .popup-form .input-group .wpcf7-form-control-wrap{
    width: 100%;
    
}

#business-modal textarea.wpcf7-textarea{height: 100px;}
.header-agent .navbar .container{position:relative;}
.inner_flag{
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 99;
}
.inner_flag img{max-width: 40px;}
.black_bg{
	background: #000000;
}
.contact_form{
    padding: 40px;
    max-width: 640px;
}
.contact_form h3{
	font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.contact_form h4{
	font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
.line_divider{
	background: #009af3;
    height: 3px;
    width: 74px;
    margin: 20px 0;
}
.contact_form .form-control{
	border-radius: 0;
    height: auto;
    padding: 14px 20px;
    box-shadow: none;
    border: none;
}
.contact_form .privacy-check{color: #858585;margin: 20px 0 30px;}
.contact_form .privacy-check .check-container .checkmark,
.contact_form .privacy-check .accept-terms .wpcf7-list-item-label::before{
	border: 1px solid #ffffff;
	background: #fff;
}
.contact_form textarea.form-control{
    height: 112px;
}
.contact_form  select.form-control{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   background:#fff url('../images/select_arrow.png') 93% 50% no-repeat;
}
#contact_map{
	width: 100%;
	height: 800px;
}
.contact_form .date_001{
	background:#fff url('../images/date_icon.png') 92% 50% no-repeat;
}
.legal_section_elem ul{margin:0 0 0 18px;padding:0;}
/*...............about-business.............*/
.about-business{
margin: 50px 0;
color: #000000;
}
.about-business h3{
font-size: 36px;
font-weight: bold;
margin: 15px 0;
}
.about-business .row{margin:0 -20px;}
.about-business .row .col-sm-3{border-right: 1px solid #e1e1e1;}
.about-business .row .col-sm-3:last-child{border: 0;}
.home_banner.business-section{
margin-top: 40px;
background: #000000 url(../images/business_banner.jpg) center center no-repeat;
background-size: cover;	
}
.home_banner.business-section .business-mobile-banner{display: none;}
.business-section .banner_content h1{font-size: 39px;}
.home_banner.business-section .banner_content{max-width: 615px;}
.header-agent .navbar-nav li.active.aboutus a::after,
.header-agent .navbar-nav li.active.business a::after,
.header-agent .navbar-nav li.active.services a::after{
width: 0%;	
}
.header-agent .navbar-nav li.active.aboutus a,
.header-agent .navbar-nav li.active.business a,
.header-agent .navbar-nav li.active.services a{
color: #000000 !important;	
}
.header-agent .navbar-nav li.active.aboutus a:hover,
.header-agent .navbar-nav li.active.business a:hover,
.header-agent .navbar-nav li.active.services a:hover{	
color:#009af3 !important; 
}
.header-agent .navbar-nav li.active.aboutus a:hover::after,
.header-agent .navbar-nav li.active.business a:hover::after,
.header-agent .navbar-nav li.active.services a:hover::after{
width: 100%;	
}
#book-appointment #end-time{pointer-events: none;}
.why_choose.why_choose_promotion{
background: #000000 url(../images/section2bg-promotion.jpg) center center no-repeat;
background-size: cover;
position: relative;
}
.why_choose.why_choose_promotion .about_badge{
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: right;
}
.why_choose.why_choose_promotion .about_badge img{
max-width: 250px;
margin-bottom: -50px;
margin-right: -30px;
}
/*........header footer hide & show start..........*/
.page-child.parent-pageid-7.page-id-155.silerspotinnerpage-class .header-promotion,
.page-child.parent-pageid-7.page-id-155.silerspotinnerpage-class .footer-partner,
.page-child.parent-pageid-7.page-id-160.silerspotinnerpage-class .header-promotion,
.page-child.parent-pageid-7.page-id-160.silerspotinnerpage-class .footer-partner,
.page-child.parent-pageid-7.page-id-172.silerspotinnerpage-class .header-promotion,
.page-child.parent-pageid-7.page-id-172.silerspotinnerpage-class .footer-partner{
display: block!important;
}
.page-child.parent-pageid-7.page-id-155.silerspotinnerpage-class .header-agent,
.page-child.parent-pageid-7.page-id-155.silerspotinnerpage-class .footer,
.page-child.parent-pageid-7.page-id-160.silerspotinnerpage-class .header-agent,
.page-child.parent-pageid-7.page-id-160.silerspotinnerpage-class .footer,
.page-child.parent-pageid-7.page-id-172.silerspotinnerpage-class .header-agent,
.page-child.parent-pageid-7.page-id-172.silerspotinnerpage-class .footer{
display: none!important;
}
/*........header footer hide & show end..........*/
.google-reviews-section{
padding: 70px 0;
background: #efefef;
}
.google-reviews-section .heading{
text-align: center;
margin-bottom: 35px;
font-size: 48px;
text-transform: uppercase;
font-weight: 700;
}
.legal_section_elem .elementor-widget-text-editor h5{
color: #9E070A;
font-family: "Mulish", Sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.ti-widget.ti-goog .ti-review-content{cursor: pointer;}
.country-select .country-list{width: 300px;white-space:initial;}
.kaufagent_section{
	padding:70px 0;
	background: #f9f9f9;
}
.kaufagent_section h3{
	font-size: 34px;
    font-weight: 700;
    margin: 0 0 30px;
    position: relative;
}
.kaufagent_section h3:after{
	content: '';
    width: 90px;
    height: 3px;
    background: #009af3;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.kaufagent_section p{
	font-size: 15px;
    color: #000;
    line-height: 24px;
}
.kaufagent_section img.img_shadow{
	box-shadow: 0 22px 40px rgb(0 0 0 / 8%);
}