/*-----------------------------------------------------------------------------
		BIG DIV updated-2022
------------------------------------------------------------------------------*/	



/*---------------------------------------------------------
					BigDiv - EmptyDiv
----------------------------------------------------------*/	

.emptydiv{
	width:100%;
	height:100px;
	background:none;
}




/*------------------------------------
				BIG DIV
-------------------------------------*/	

.BigDiv{
    display:block;
	width:100%;
	height:auto;
	margin: 1% 0;
    padding:30px 0;
    overflow:hidden;
	box-sizing: border-box;
}


/*---BIG DIV (Image, Video & Text)---*/

.BigDiv img{
	max-width:100%;
	height:auto;
	text-align:center;
	padding:0 auto;
}

.BigDiv h1{ 
    text-align:center;
	margin-top:5%;
	padding:0 30px;
}

.BigDiv h2{ 
    text-align:center;
	padding:10px 30px;
}

.BigDiv h3{ 
   	margin:5px 26% 5px 26%;
	text-align:center;
}

/*--FOR PROUDCT LINKS--*/
.BigDiv h4{
	text-align:center;
}

.BigDiv a:hover h4{
	text-align:center;
}

.BigDiv p{
	margin:0 18%;
	text-align:justify;
	text-justify: inner-word;
}


.BigDiv video{
	display:block;
    margin: 0 auto;
}





/*------------------------------------
		 BIG DIV-wideimage
-------------------------------------*/	


/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}

.BigDiv-wideimage-mask{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:80%;
}

.BigDiv-wideimage-mask img{
	max-width:70%;
}





/*------------------------------------
		 BIG DIV-Forms
-------------------------------------*/	

.BigDiv-form{
	display:block;
	width:80%;
	height:auto;
	margin:80px auto;
    padding:30px 0;
    overflow:hidden;
    margin-bottom:80px;
	
}

.BigDiv-form h3{ 
    text-align:center;
	padding:10px 30px;
}




/*------------------------------------
		 BIG DIV-Titles
-------------------------------------*/	

/*--FOR TITLES--*/
.bigtitle {
	display:block;
	margin:0 auto;
    width:100%;
    height:100px;
 	background:var(--primary_color);
         	
}

.bigtitle h2{
	text-align:center;
	color:#fff;
	padding:30px 0;
}



/*------------------------------------
		 BIG DIV-Colored BG
-------------------------------------*/	
.BigDiv-colorbg{
	background:#eeefef;
	
}




/*------------------------------------
		 BIG DIV-Aligned Left
-------------------------------------*/	
/*--title and text align left--*/

.BigDiv-left{
	display:block;
	width:90%; 
	height:auto;
	margin:120px auto 30px auto;
    padding:8% 0;
    overflow:hidden;
	box-sizing: border-box;
}





/*--------BIG DIV iPad-------*/
@media screen and (max-width: 768px){


.BigDiv-form{
	width:90%;
	margin-top:50px;
}

.bigtitle {
    padding-top:0;   	
}

/*---BIG DIV (Image, Video & Text) 768px---*/
.BigDiv p{
	margin:0 8%;
}

.BigDiv h1{ 
    text-align:center;
	padding:5px auto;
}

.BigDiv h2{ 
    text-align:center;
	padding:10px 10px;
}

.BigDiv h3{ 
    text-align:center;

}

.BigDiv video{
   width:100%;
   height:auto;
}

.BigDiv img{
	width:50%;
}

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:90%;
}

.BigDiv-wideimage-mask img{
	max-width:90%;
}


}


/*--------BIG DIV iPhone-------*/
@media screen and (max-width: 470px){

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage{
	width:100%;
	padding-bottom:0;
	padding-top:0;
	margin-bottom:0;
}

.BigDiv-wideimage-mask img{
	max-width:100%;
}


/*--FOR FORMS--*/
.BigDiv-form{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding-bottom:0;
    overflow:hidden;	
}

/*--FOR TITLES--*/
.bigtitle {
	margin:0;
    width:100%;
    height:80px; 	
}


/*---BIG DIV (Image, Video & Text) 470px---*/
.BigDiv img{
	width:100%;
	height:auto;
	text-align:center;
	padding:0 auto;

}

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

.BigDiv h3{ 
    text-align:justify;
    margin:0 18% 10px 18%;

}


}


/*------------------------------------
				BIG PHOTO
-------------------------------------*/	

#mobile {
	display:none;
}

#ipad {
	display:none;
}


.BigPhoto{
	display:block;
	width:100%;
	height:100vh;
	margin:0 auto;
	overflow:hidden;
    padding-top:0;
	box-sizing: border-box;
}

.BigPhoto2{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
    padding-top:0;

}


.BigPhoto img{
   display:block;
   width:100%;
   height:auto;
   margin:0 auto;
   overflow:hidden;
   
}

.BigPhoto2 img{
   display:block;
   width:100%;
   height:auto;
   margin:0 auto;
   overflow:hidden;
   
}

   
/*----------BigPhoto iPad------------*/

@media screen and (max-width: 1024px){

#desktop{
	display:none;
}

#mobile{
	display:none;	
}

#ipad{
	display:block;
	
} 

.BigPhoto{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
    padding-top:0;

}


}

/*----------BigPhoto iPhone------------*/
@media screen and (max-width: 470px){

#desktop{
	display:none;
}

#ipad{
	display:none;
	
}

#mobile{
	display:block;
	
}

.BigPhoto{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding-top:0;

}
}






/*----------------BIG DIV for Video--------------*/	

.videoWrapper {
    position: relative;
    padding-bottom:56.25%  ;/* 16:9 */
    padding-top:25px;
    height: 0;
   	margin-bottom:0;
   	background:#eeefef;
}
.videoWrapper iframe {
    position: absolute;
    top: 5%;
    left:12%;
    width: 76%;
    height:76%;
}




@media screen and (max-width: 470px){

.videoWrapper {
    position: relative;
    padding-bottom:50%;
    padding-top: 25px;
    height: 0;
    background:#eeefef;
}

.videoWrapper iframe {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}
}




/*-----------------------PAGE: Thank You & contact-confirmation-------------------------------*/

#BigDiv-confirmation1{
    width:100%;
    padding:10% 0;
    height:100px;
    position:relative;
    top:0px;
    overflow:hidden;

}


#BigDiv-confirmation1 h1,p{
	margin:0 auto;

}


@media screen and (max-width: 768px){

#BigDiv-confirmation1{
    width:100%;
    padding:10% 0;
    height:100px;
    position:relative;
    top:0;
    overflow:hidden;


}
}