@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

*{    margin: 0px;    padding: 0px;}
body{ position:relative;    font-family: 'Lato', sans-serif;    overflow-x: hidden;    font-style: normal;    box-sizing: border-box;	color: #fff; background-color: #000000;	font-size:14px; line-height:24px; font-weight:400; }
*, ::after, ::before {  box-sizing: border-box;}

p { margin-bottom: 20px;}
img.autosize{max-width: 100%;}

.container{ max-width: 1170px; margin-left: auto; margin-right: auto;}

.video-wrapper {      position: relative;      width: 100%;      max-width: 600px;      margin: auto;      cursor: pointer;    }
.video-poster {  width: 100%; display: block; border: 2px solid #f9c15b;padding: 12px;   }
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-button:hover {
  background-color:#7dc7f6;
} 
.play-button::before { content: ""; display: block; width: 0; height: 0; border-left: 20px solid white; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }

video { display: none; width: 100%; border-radius: 8px; border: 2px solid #f9c15b;}


.home-row-one{padding: 30px 0 60px 0;}
.row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.home-row-one .one{    -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; padding-right: 15px;}
.home-row-one .two{    -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;padding-left: 15px; padding-top: 25px;}
.home-row-one h2{font-size: 18px; font-weight: 500; color: #f6ad55;text-shadow: 0 0 0 transparent;line-height: 2em; text-transform: uppercase;letter-spacing: 3px;}
.home-row-one h1{font-size: 44px;font-weight: 500;font-family: "Montserrat";text-shadow: 0 0 0 transparent;line-height: 1.1em;    text-transform: none;    letter-spacing: -1px; margin-bottom: 20px;}
.home-row-one h3{font-size: 20px; font-weight: 500; color: #f6ad55;text-shadow: 0 0 0 transparent;line-height: 1.5em; text-transform: uppercase;letter-spacing: 0;margin-bottom: 10px;}
.btn{background-color: #0038FF; font-size: 17px; color: #fff; text-decoration: none; padding: 20px 30px; font-weight: 700; border-color: transparent; letter-spacing: 2px; margin: 15px 0; text-transform: uppercase; display: inline-block; border-radius: 4px; cursor: pointer;  box-shadow: 0 5px 15px rgba(0,0,0,0.2);  transition: transform 1.5s ease-in-out;  animation: bounce 1.5s infinite; transition: 1.5s;}

.home-row-two{text-align: center; padding-bottom: 120px;}
.home-row-two h2{ font-size: 23px; font-weight: 400;font-family: "Montserrat"; line-height: 1.3em; letter-spacing: 0;}

.home-row-three{padding-bottom: 50px;}
.home-row-three .one{    -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; padding-right: 15px;}
.home-row-three .two{    -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;padding-left: 15px; padding-top: 25px;}
.home-row-three h2{font-size: 46px; font-weight: 700;font-family: "Montserrat"; line-height: 1.1em; letter-spacing: -1px;text-transform: uppercase; margin-bottom: 20px;}
.ticUl ul{padding-left: 20px;padding-bottom: 20px;}
.ticUl ul li{position: relative; list-style: none;font-weight: 500;font-size: 18px;    line-height: 1.5em; color: #C9D8E0;margin-bottom: 5px;}
.ticUl ul li:before{font-family: FontAwesome;  content: "\f058";color: #0038FF;     margin-right: 7px;    font-size: 24px;   font-weight: 400; line-height: 1.5em;}

.popupBox{box-shadow: none; color: #607179; padding: 20px; margin-top: 0; border: 10px solid #cbd5e0 !important;background-color: #fff; width: 720px; max-width: 90%;}
.contactfromMain{width: 548px; max-width: 90%; margin: 60px auto;background-color: rgb(131, 98, 203); border: 0px none rgb(205, 224, 236);  border-radius: 4px;  padding: 30px 20px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px;}
.contactfromTitle{text-align: center; color: #fff;color: rgb(255, 255, 255);font-family: Rubik;   font-size: 40px;line-height: 1.5;  font-weight: 400; margin-bottom: 20px;}

form input[type="text"], form input[type="email"], form input[type="tel"]{box-shadow: rgba(0, 0, 0, 0.99) 0px 0px 0px 0px;background-color: #FFFFFFFF !important;    color: #000000 !important;    border: 1px solid #274A66FF !important;    border-radius: 5px !important;    padding: 10px 20px 10px 20px !important;font-family: 'Rubik';    font-size: 14px;line-height: 1.5;    font-weight: 400;    background-clip: inherit !important;width: 100%;background: #f3f8fb;display: block;transition: all .2s ease-in-out 0s;outline: none;}
form textarea{box-shadow: rgba(0, 0, 0, 0.99) 0px 0px 0px 0px;background-color: #FFFFFFFF !important;    color: #000000 !important;    border: 1px solid #274A66FF !important;    border-radius: 5px !important;    padding: 10px 20px 10px 20px !important;font-family: 'Rubik';    font-size: 14px;line-height: 1.5;    font-weight: 400;    background-clip: inherit !important;width: 100%;background: #f3f8fb;display: block;transition: all .2s ease-in-out 0s;outline: none;}
form input[type="submit"]{margin-top: 15px;background-color: rgb(4, 4, 4); color: #fff;    border: 0px none rgb(255, 255, 255);    border-radius: 7px;    padding: 18px 11px;    white-space: normal;    width: 100%;    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px;cursor: pointer;    min-width: 85px;transition: all .2s ease-in-out 0s;font-size: 20px;    font-weight: 600;    font-family: Rubik;}

.wpcf7-mail-sent-ok{text-align: center; display: block; margin-top: 20px;border: 1px solid green; color: green; padding: 10px;background-color: #fff;}
.wpcf7-validation-errors{display: block; text-align: center; border: 1px solid red; margin-top: 20px; padding: 10px; color: red;background-color: #fff;}

button.fancybox-close-small{background-image: url(/images/close.png) !important; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center;}
button.fancybox-close-small:after{display: none !important;;}


@keyframes bounce {
15% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
35% {    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .25);    transform: translateY(-35%);}
45% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
55% {    box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .25);    transform: translateY(-20%);}
70% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
80% {    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, .25);    transform: translateY(-10%);}
90% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
95% {    box-shadow: 0 2px 3px -3px rgba(0, 0, 0, .25);    transform: translateY(-2%);}
99% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
100% {    box-shadow: 0 0 0 0 transparent;    transform: translateY(0);}
}



/*--------Responsive start--------------*/




@media screen and (max-width:1300px){
    .home-row-one .row{align-items: center;}
}

@media screen and (max-width:1200px){    
.container{ max-width: 94%; }    
}

@media screen and (max-width:767px){    
    
.home-row-one .one{    -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; padding-right: 0; text-align: center;}
.home-row-one .two{    -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;padding-left: 0; padding-top: 35px;}
 .video-wrapper{margin: 0;}
 .home-row-three, .home-row-two{padding-bottom: 70px;}
.home-row-three .one{    -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; padding-right: 0;}
.home-row-three .two{    -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;padding-left: 0; padding-top: 35px;}
    .home-row-three h2{text-align: center; }
    .contactfromMain{margin: 25px auto;}
    .contactfromTitle{font-size: 30px;}
}

@media screen and (max-width:480px){
    
   .home-row-one h2{font-size: 12px; }
    .home-row-one h1{font-size: 32px; }
    .home-row-one h3{font-size: 13px; }
    .btn{font-size: 14px; padding: 13px 25px;}
    .home-row-two h2 { font-size: 21px;}
    .home-row-three h2{font-size: 32px;}
    .home-row-three h2 br{display: none;}
    .ticUl ul li{font-size: 16px; margin-bottom: 3px;}
    .contactfromTitle br{display: none;}
    .popupBox{padding: 0 !important;}
    form input[type="submit"]{font-size: 16px;}
    
}

.welcome-msg-block {
 color:white;
 padding:10px;
 text-align:center;
 font-family: "Montserrat";
 font-size:20px;
}
#errorBox ul {
 margin-top:15px;
  margin-left: 35px;
}
#errorBox li {
  color:red;
  margin-bottom:15px;
}


            #googleTranslateElement {
               display: inline-block;
               float: right;
               padding: 4px 10px;
            }
            @media (max-width: 768px) {
               #googleTranslateElement {
                  display: block;
                  padding-bottom: 10px;
                  float:none;
               }
            }
 .white-input {
   margin-bottom:15px;
 }
 button {
    background-color: #0038FF;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    font-weight: 700;
    border-color: transparent;
    letter-spacing: 2px;
    margin: 15px 0;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: transform 1.5s ease-in-out;
    animation: bounce 1.5s infinite;
    transition: 1.5s;
 }
 .footer-content {
    width:100%;
    text-align:center;
    margin-bottom:30px;
    font-size: 18px;
 }

 .footer-content a {
    color:white;
    font-size: 18px;
 }
 #errorBox {
    color:black;
    font-size: 18px;
 }
 #errorBox input[type="button"] {
    background-color: #0038FF;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    font-weight: 700;
    border-color: transparent;
    letter-spacing: 2px;
    margin: 15px 0;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }
 .type3-content {
   padding: 20px 50px;
 }
 .type3-content a {
   color:white;
 }