@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
    font-family: 'Poppins';
}
 body {
     text-decoration: none;
     font-size:16px;
     background-color:#fff;
	 font-family: 'Poppins';
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'geomanistregular';
    src:url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-black';
    src: url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'geomanist-bold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist-light';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-medium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist-book';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-ultra';
    src: url('../fonts/geomanist-ultra-webfont.eot');
    src: url('../fonts/geomanist-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'), url('../fonts/geomanist-ultra-webfont.woff') format('woff'), url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'), url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




.grecaptcha-badge{bottom:70px !important;display:none;}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.footer-social-links a .phone {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
.clear{ clear:both;}
.logo-container{ float:left; padding-top:0.5em;}

.footer-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
/*	border-top:1px solid rgba(8,76,149,0.2);*/
}

 .carousel-item img{
     width:100%;
	 display:block;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block;
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5% ;
	 padding-top: 0.5em;
padding-bottom: 0.5em;
}





 .designed {
     width:100%;
     height: auto;
	 display:flex;
	 justify-content:center;
}
 .designed p {
     width: auto;
     height: auto;
     font-family: inherit;
     font-size:1em;
     font-weight: normal;
     color:#333;
     line-height:50px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight: normal;
    color:#333;
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#1aa013;
	border-bottom:1px solid #1aa013;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:50px;
}
.footer-bottom-wrap{
	width:100%;
	height:auto;
	background: url(../images/bottombg.png) repeat-x left bottom;
	padding-bottom:65px;
}

.navbar{
     position:sticky;
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     transition: 0.3s;
     z-index:99;
	 background-color:#fff;
}
 .top-wraper{
     width:100%;
     height: auto;
    /*background: linear-gradient(180deg,rgba(0,0,0,.5),transparent);*/
}


.whats-app{
 width:32px;
 z-index:120000;
}
.whats-app img {
 animation-name: floating;
 animation-duration: 3s;
 animation-iteration-count: infinite;
 animation-timing-function: ease-in-out;
 opacity:1;
 max-width:32px;
}
.whats-app-forest:hover img {
 opacity:1 
}
@keyframes floating {
 from {
  transform: translate(0, 0px);
 }
 65% {
  transform: translate(0, 5px);
 }
 to {
  transform: translate(0, -0px);
 }
}   

.menu-container{
	width:auto;
	height:auto;
	float:right;
	/*padding-right:2em;*/
	margin-top:15px;
	margin-bottom:15px;
}
.nav li:nth-last-child(1) a{ margin-right:0% !important;}

.top-right{ width:auto; height:auto; float:right}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}





.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top:40px;
	/*border-top:1px solid #ccc;*/
}


.footer-content{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}
.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width:100%;
	height:auto;
	text-align: center;
	margin-bottom:0.5em;
	padding-left: 38px;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	line-height:26px;
	margin-left:6px;
	margin-right:6px;
	float:left
}
.footer-content ul li a{
     font-family: inherit;
     font-size:1em;
      color:#333;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight:500;
	 
}
 .footer-content ul li a:hover{
    font-family: inherit;
     font-size:1em;
      color:#1a3564;
     padding-top:3px;
     font-weight:500;
}




.footer-social-links {
     padding: 0;
     margin: 3px 0 0;
	 margin-top:1.5em;
	 display:flex; justify-content:center;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .footer-social-links ul li {
	  height:52px;
     width:52px;
	 float:left;
	 margin-right:8px;
	 background: none;
	 padding-left:0px;
	 
}

 .footer-social-links ul li a {
     height:50px;
     width: 50px;
     display: block;
     text-align: center;
     font-size:1.75em ;
	 color:#fff;
	 line-height:50px;
	 border-radius:50%;
	 background-color:#084c95;
	 border:2px solid #084c95;
	 
}
 .footer-social-links ul li a:hover {
	 color:#084c95;
	 font-size:1.75em ;
	 background-color:#fff;
}


/*.logo-container {
    width: auto;
    height: auto;
    float: left;
    text-align: left;
    top: 30px;
    position: absolute;
}*/

.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.banner-pics{
	width:100%;
	height:auto;
}
/*.banner-caption-wrap{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
	top:0;
	display:flex;
	align-items:center;
}*/

.banner-caption-wrap{
	width:100%;
	height: auto;
	position:absolute;
	margin:auto;
	bottom:10%;
	left:0;
	right:0;
	display:flex;
	align-items:center;
}
.banner-caption-top{
	font-size:2.250em;
	color:#1aa013;
	/*font-family: 'geomanist-light';*/
	font-weight:normal;
	text-align: center;
	letter-spacing:-1px;
	font-family: 'geomanist-medium';
}

.banner-caption-mid{
	font-size:3.250em;
	color:#1aa013;
	font-family: 'geomanist-medium';
	font-weight:normal;
	text-align: center;
	letter-spacing:-1px;
	line-height:1.2;
}
.carousel-indicators{ display:none !important}
	

.whats-app{
    position:fixed;
    top:70vh;
    right:0px;
    margin-right:50px;
    width:30px;
    z-index:120000;
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}







/********************************************* START ABOUT US  *********************************************/
.inner-banner{
	width:100%;
	height:auto;
	position:relative
}
.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:30px;
}

.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1.125em;
	color:#666;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#333;
	line-height:30px;
	
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#004e16;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#666;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1.125em;
	color:#333;
	line-height:30px;
	text-transform: capitalize
}
.inner-wraper{
	width:100%;
	height:auto;
	padding-top:60px;
}
.inner-title {
    width: 100%;
    height: auto;
    text-align: center;
    font-size:2.875em;
    font-family: 'Cera Pro';
    font-weight:500;
    color: #1a3564;
    letter-spacing: -1px;
	text-transform:uppercase;
}
.inner-title span {
    font-family: 'Cera Pro';
    font-weight: 500;
    font-size: 1em;
    color: #5dbb46;
}
.inner-title-sub{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1.375em;
	color:#333;
	font-weight:300;
	font-family: 'Cera Pro';
	
}

.about-content{
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:60px;
}
.about-content p{
	width:100%;
	height:auto;
	text-align:justify;
	font-family:inherit;
	font-weight:normal;
	color:#333;
	line-height:1.7;
	font-size:1.25em;
	/*padding-left:5%;
	padding-right:5%;*/
}
.about-content p br{display:none;}
.about-details{
	width:100%;
	height:auto;
	background-color:#1aa013;
	padding-top:70px;
	padding-bottom:70px;
}
.about-bottom{
	width:auto;
	height:auto;
	float:left;
	margin-right:5%
}
.about-bottom:nth-child(2){ margin-right:0%;}
.about-bottom-title{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	font-size:1.875em;
	font-weight:600;
	font-family:inherit;
	margin-bottom:0.5em;
}
.about-bottom ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.about-bottom ul li{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	padding-left:30px;
	background:url(../images/listing.png) no-repeat left 12px;
	padding-bottom:0.75em;
	padding-top:0.5em;
	line-height:2;
}

.about-content-wraper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	width:100%;
	height:auto
}


/********************************************* END ABOUT US  *********************************************/

/********************************************* S PRODUCTS  *********************************************/
.product-container{
	width:100%;
	height:auto;
	padding-top:1.5em;
}
.products{
	width:25%;
	height:auto;
	position:relative;
	border:1px solid #084c95;
	float:left;
	padding-top:65px;
	padding-bottom:65px;
	border-left:0px;
}
.products:nth-child(1){border-left:1px solid #084c95;}
.products-icon{
	width:100%;
	height:auto;
	text-align:center;
}
.product-content{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	font-size:1.15em;
	color:#084c95;
	padding-top:40px;
}
.product-play{
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	bottom:0;
	right:-25px;
	background-color:#1aa013;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	margin:auto;
	color:#fff;
	cursor: pointer;
}
.product-play:hover{ cursor: pointer; background-color:#084c95;}

/********************************************* END PRODUCTS  *********************************************/

/********************************************* S CONTACT US  *********************************************/
.contact-wraper{
	width:100%;
	height:auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
.contact-container{
	width:32%;
	height:auto;
	float:left;
	padding-right:5%;
}
.contact-container:nth-child(3){ float:right; padding-right:0%;}
.contact-container-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.25em;
	font-family: 'geomanist-book';
	font-weight:normal;
	color:#084c95;
	margin-bottom:1em;
	
}
.contact-container p{
	width:100%;
	height:auto;
	text-align:left;
	color:#333;
	line-height:26px;
	font-family:inherit;
	font-weight:normal;
}


.contact-address-wrap{
	width:100%;
	height:auto;
	padding-top:1em;
}
.contact-address-container {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
	padding-top: 10px;
}

.contact-details-icon{
	width:40px;
	height:auto;
	float:left;
	color:#1a3564;
}

.contact-details {
    width: auto;
    height: auto;
    float: left;
	font-size:1em;
}
.contact-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
	font-size: 1em;
	color:#333;
    line-height: 26px;
    font-weight: normal;
	padding-right:0%
}

.enquiry-for{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:3% 
}
.address-enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:3%;
}
.enquiry-box-area{
    width: 100%;
    height: 90px;
    border:1px solid #084c95;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    padding-top: 1em;
}
.enquiry-box-main{
    width:100%;
    height:44px;
    border:1px solid #084c95;
    padding-left:2.5%;
    padding-right:2.5%;
    line-height:44px;
    font-weight:normal;
    font-style:normal;
    color:#666;
    font-size:1em;
    background-color:#fff;
}
textarea.enquiry-box-area::-webkit-input-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
textarea.enquiry-box-area::-moz-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
textarea.enquiry-box-area:-ms-input-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
textarea.enquiry-box-area:-moz-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
input.enquiry-box-main::-webkit-input-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
input.enquiry-box-main::-moz-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
input.enquiry-box-main:-ms-input-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}
input.enquiry-box-main:-moz-placeholder{
    opacity:1 !important;
    font-size: 1em !important;
    color: #333 !important;
    font-family: inherit;
    font-weight: normal;
}

.submit{
    color:#fff;
    outline:none;
    background:transparent;
    padding-left:35px;
    padding-right:35px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.05em;
    font-weight:500;
    text-align:center;
    float:left;
	text-transform:uppercase;
}
.submit:before, .submit:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#044b15;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.submit:before{
    background:#084c95;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.submit:hover{
    color:#fff;
}
.submit:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}


.enquiry-for {
     width: 100%;
     height: auto;
     float: left;
     margin-bottom: 3%;
}

/********************************************* S CONTACT US  *********************************************/

.desk-view{ display:block !important;}
.mob-view{ display: none !important;}

@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     background:#fff;
     font-size:13px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
   .video-container {
    height:485px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    width:100%;
}
	
}
 @media (min-width: 1280px) and (max-width: 1359px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
  .video-container{
    height: 520px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
     width:100%;
}
	
	


}
 @media (min-width: 1360px) and (max-width: 1399px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.spains-quality-container{ width:75%;}
.video-container {
    height: 510px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
     width:100%;
}

}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .video-container {
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
     width:100%;
}
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
 .video-container{
    height: 520px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
     width:100%;
}
 }

 
  @media (min-width: 1600px) and (max-width: 1899px) {
	  body{ font-size:16px !important}
     .container{width:100%; padding-left:5%;padding-right:5%     }
     .video-container {
    height: 560px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
	}
 @media (min-width:1900px){
     .container{ width:100%; padding-left:5%;padding-right:5%  }
	 .contact-container{
	width: auto;
	height:auto;
	float:left;
	padding-right:8%;
	max-width:25%
}
.contact-container:nth-child(3){ float:left;}
.video-container {
    height: 92vh;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
     width:100%;
}

}
@media (max-width:400px) {
	 body {font-size:14px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit; max-width: 65%;}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:100%;  border: 1px solid #084c95; border-top:0px;}
	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
	  .products:nth-child(1) { border-top: 1px solid #084c95;}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; font-size:12px;}
	  .footer-bottom-wrap{ padding-bottom:65px; font-size:12px;}
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  header.smaller .nav a { color:#fff !important;}

	 
	  
	
}
@media (min-width:401px) and (max-width:480px){
 	
	 body {font-size:14px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:100%;  border: 1px solid #084c95; border-top:0px;}
	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
	  .products:nth-child(1) { border-top: 1px solid #084c95;}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; font-size:13px;}
	  .footer-bottom-wrap{ padding-bottom:65px; font-size:13px;}
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  header.smaller .nav a { color:#fff !important;}
	  
	  
	  
	
}

@media (min-width:481px) and (max-width:580px){
	 
	body {font-size:14px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	 header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:100%;  border: 1px solid #084c95; border-top:0px;}
	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
	  .products:nth-child(1) { border-top: 1px solid #084c95;}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; font-size:12px;}
	  .footer-bottom-wrap{ padding-bottom:65px; font-size:12px;}
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  
	  .contact-container{ width:50%;}
	  .contact-details-icon{ display:none}
	  .contact-container p{ font-size:0.9em;}
	  .contact-container:nth-child(3) { width:100%;}
	  .enquiry-for{width:49%; float:left}
	  .enquiry-for:nth-child(2n+2){ float:right}
	   
	  
	
	}

@media (min-width:581px) and (max-width:680px){
	
	body {font-size:14px !important; font-family: 'Poppins';}
	   .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:50%;  border: 1px solid #084c95; border-left:0px; border-top:0px;}
/*	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
*/	  .products:nth-child(-n+2) { border-top: 1px solid #084c95;}
	  .products:nth-child(odd) { border-left: 1px solid #084c95;}
	  .products:nth-child(2) .product-play { display:none}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; }
	  .footer-bottom-wrap{ padding-bottom:65px; }
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  
	  .contact-container{ width:50%;}
	  .contact-container p{ font-size:0.9em;}
	  .contact-container:nth-child(3) { width:100%;}
	  .enquiry-for{width:49%; float:left}
	  .enquiry-for:nth-child(2n+2){ float:right}
	
}




@media (min-width:681px) and (max-width:736px){
 
	body {font-size:14px !important; font-family: 'Poppins';}
	 .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:50%;  border: 1px solid #084c95; border-left:0px; border-top:0px;}
/*	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
*/	  .products:nth-child(-n+2) { border-top: 1px solid #084c95;}
	  .products:nth-child(odd) { border-left: 1px solid #084c95;}
	  .products:nth-child(2) .product-play { display:none}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; }
	  .footer-bottom-wrap{ padding-bottom:65px; }
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  
	  .contact-container{ width:50%;}
	  .contact-container p{ font-size:0.9em;}
	  .contact-container:nth-child(3) { width:100%;}
	  .enquiry-for{width:49%; float:left}
	  .enquiry-for:nth-child(2n+2){ float:right}
	  
	  
}


@media (min-width:737px) and (max-width: 768px){
 
body {font-size:14px !important; font-family: 'Poppins';}
	   .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container {margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:50%;  border: 1px solid #084c95; border-left:0px; border-top:0px;}
/*	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
*/	  .products:nth-child(-n+2) { border-top: 1px solid #084c95;}
	  .products:nth-child(odd) { border-left: 1px solid #084c95;}
	  .products:nth-child(2) .product-play { display:none}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; }
	  .footer-bottom-wrap{ padding-bottom:65px; }
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  
	  .contact-container{ width:50%;}
	  .contact-container p{ font-size:0.9em;}
	  .contact-container:nth-child(3) { width:100%;}
	  .enquiry-for{width:49%; float:left}
	  .enquiry-for:nth-child(2n+2){ float:right}
	    
}

@media (min-width:769px) and (max-width:991px){
body {font-size:14px !important; font-family: 'Poppins';}
	   .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:165px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right:0%; top: 0; width:50%; z-index: 99; }
	  .menu-container {width: auto; float: right;  background-color:#1aa013;  margin-top:4.85em; }
	  header.smaller .top-right .menu-container { margin-top: 4.25em;}
	  .nav a{ line-height:40px !important; color:#fff !important }
	  
	  
	  
	  
	  .banner-caption-wrap{ font-size:7px;}
	  .footer-logo{ width:100%; justify-content:center; display:flex;}
	  .footer-logo img{ max-width:60%}
	  .about-content-wraper{ display:inherit;}
	  .about-bottom{ width:100%; margin-right:0%; margin-bottom:5em;}
	  .navbar {position: sticky !important;    background-color: #fff;}
	  .products{ width:50%;  border: 1px solid #084c95; border-left:0px; border-top:0px;}
/*	  .product-play { left: 0;    right: 0;    bottom: -25px; top:inherit; z-index:1;}
*/	  .products:nth-child(-n+2) { border-top: 1px solid #084c95;}
	  .products:nth-child(odd) { border-left: 1px solid #084c95;}
	  .products:nth-child(2) .product-play { display:none}
	  .contact-container{ width:100%; padding-right:0%; margin-bottom:3em}
	  .about-content p{ font-size:1em;}
	  .about-content{ padding-top:30px; padding-bottom:30px;}
	  .about-details{ padding-top:30px; padding-bottom:30px;}
	  
	  .desk-view{ display:none !important;}
	  .mob-view{ display: block !important;}
	  .banner-caption-top{letter-spacing:0px;}
	  .banner-caption-top br{ display:none}
	  .footer-top-wraper{ padding-top:40px; }
	  .footer-bottom-wrap{ padding-bottom:65px; }
	  .footer-social-links ul li {height:40px;width:40px;margin-right:3px;}
	  .footer-social-links ul li a {height: 40px; width: 40px; font-size: 1.35em; line-height: 40px;}
	  .contact-wraper { padding-top:30px; padding-bottom:30px;}
	  .about-bottom:nth-child(2){ margin-bottom:0px;}
	  
	  .contact-container{ width:50%;}
	  .contact-container p{ font-size:0.9em;}
	  .contact-container:nth-child(3) { width:100%;}
	  .enquiry-for{width:49%; float:left}
	  .enquiry-for:nth-child(2n+2){ float:right}
	  
}
@media (max-width:991px) {
	.about-content p{ text-align:justify}
	.about-bottom p{ text-align:center}
	.welcome-content-title{ text-align:center;}
	.welcome-content p{ text-align:center}
	.product-pic{ display:block; max-width:90%; width:auto;}
	.poduct-name{ text-align: center}
	.poduct-name-sub{ text-align: center}
	.mob-view{ display:block}
	.desk-view{ display:none}
	.navbar {position: sticky !important;}
	.banner-wraper{ margin-top:0px}
	
	
	.desk-view{ display:none !important;}
.mob-view{ display: block !important;}
.banner-caption-wrap{bottom: 2%;}
.footer-logo{padding-left:0px;}
.video-container {height:auto;width: 100%;}
}

@media (min-width:992px) and (max-width:1199px){
 .container{width:100%;padding-left:3%; padding-right:3% }
 .top-container {width: 100%;  padding-left:3%;  padding-right:3%; }
	.hovereffect-insti h2{ font-size:1.25em;}
	.gall-pics {height: 190px; }
	.spains-quality-container{ width:94%}
	.story-title{ font-size:1.5em;}

}
.product-range-for-pic img{ max-width:100%}