﻿
/*-------------------------------------------------------- ALL PAGES STYLE CSS --------------------------------------------*/	





/*---------------------------------------------------------
						ALL TYPES OF DIVS
----------------------------------------------------------*/	

.emptydiv{
	width:100%;
	height:80px;
	background:#fff;
	margin:0;
	padding:0;
}

.emptydiv-2divs{
	width:100%;
	height:80px;
	background:#00bfb2;
    display:none;
}

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

.emptydiv-2divs{
  display:block;
}

}

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

.emptydiv-2divs{
 display:none;
}

}


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

.BigDiv_Flex {
	display: flex;
	width: 80%;
	height: auto;
	margin: 1% auto;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.BigDiv_Flex__Item {
	text-align: center;	
	width: 25%;
	margin: 1%;
	padding: 2% 2%;
	display: flex;
	flex-direction: column;
	justify-content:top;
	background:#eeefef;

}

.BigDiv_Flex__Item img{
	background:#eeefef;
	width: 80%;
	margin:0 auto;
}


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


/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding: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 FORMS--*/
.BigDiv-form{
	display:block;
	width:80%;
	height:auto;
	margin:80px auto;
    padding:30px 0;
    overflow:hidden;
    margin-bottom:80px;
	
}

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

.BigDiv-colorbg{
	background:#eeefef;
	
}




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

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

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

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

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

.BigDiv h4{ 
	margin:0 15% 5px 15%;
	 text-align:center;
}


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


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


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

.BigDiv a:hover h4{
	text-align:center;
	color:#00bfb2;

}


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

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



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

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



/*--------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){

	.BigDiv_Flex {
		display: flex;
		width: 90%;
		height: auto;
		margin: 2% auto;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	.BigDiv_Flex__Item {
		text-align: center;	
		width: 60%;
		margin: 2%;
		padding: 5% 5%;
		display: flex;
		flex-direction: column;
		justify-content:top;
		background:#eeefef;
	
	}
	
	.BigDiv_Flex__Item img{
		background:#eeefef;
	}
	


/*--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 DIV FOR FULL SIZE IMAGES (BigPhoto)--------------*/	

#mobile {
	display:none;
}

#ipad {
	display:none;
}

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

}

.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;
   margin-top:100px;
   
}

.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;
	box-sizing: border-box;

}

.BigPhoto2{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
}






/*----------------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;


}
}

