* {
margin: 0;
}

a {
text-decoration: none;
}





.close1 {
color: #B0B0B0;
right: 12px;
top:2px;
position: absolute;
font-size:17px;
cursor: pointer;
line-height: 20px;	 
}

.poptitle { 
font-size:23px;
 color: #FFFFFF;
margin-top:15px;
text-align: center;
}



#popUp1 {
position: fixed;
width:40%;
max-width:40%;
height:100%;
z-index:1030;
background-color:#333333;
opacity: 1;
border: 7px solid #333333;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
bottom: 0;
margin-left:-100%;

}



#popUp1 .content {
font-size: 17px;
color: #464646;
line-height: 24px;
font-weight:500;
text-align: center;
margin-top: 40px;
padding: 0 20px;

}
 


#plus1 { 
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease; 

}



@media all and (max-width:600px) {
#popUp1 {
width:90%;
max-width:90%; 
}

}







#popUp2 {
position: fixed;
width:40%;
max-width:40%;
height:100%;
z-index:1030;
background-color:#333333;
opacity: 1;
border: 7px solid #333333;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
bottom: 0;
margin-left:-100%;

}


#popUp2 .content {
font-size: 17px;
color: #464646;
line-height: 24px;
font-weight:500;
text-align: center;
margin-top: 40px;
padding: 0 20px;

}
 
#plus2 { 
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease; 

} 

@media all and (max-width:600px) {
#popUp2 {
width:90%;
max-width:90%; 
}

}






#popUp3 {
position: fixed;
width:40%;
max-width:40%;
height:100%;
z-index:1030;
background-color:#333333;
opacity: 1;
border: 7px solid #333333;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
bottom: 0;
margin-left:-100%;

}
#popUp3 .close3 {
color: #464646;
right: 8px;
top: 0px;
position: absolute;
font-size: 20px;
cursor: pointer;

}


#popUp3 .content {
font-size: 17px;
color: #464646;
line-height: 24px;
font-weight:500;
text-align: center;
margin-top: 40px;
padding: 0 20px;

}

a.button3 {


margin: 0 auto;
text-align: center;
right: 0;
left: 0;
position: absolute;
width: 120px;
font-size: 15px;
color: #fff;
border-bottom: 2px solid #18729f;
background: #1c8dc4;
border-radius: 4px;
padding: 8px 0;

}

#plus3 { 
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease; 

}



@media all and (max-width:600px) {
#popUp3 {
width:90%;
max-width:90%; 
}

}





#popUp4 {
position: fixed;
width:90%;
max-width:90%;
height:100%;
right:-100%;
z-index:1030;

	background-color:#333333;

border: 7px solid #333333;
bottom: 0;
margin-left: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;


}
 





#popUp4 .close4 {
color: #444444;
right: 8px;
top: 0px;
position: absolute;
font-size: 20px;
cursor: pointer;

}

#popUp4 .content {
font-size: 17px;
color: #444444;
line-height: 24px;
font-weight: 400;
text-align: center;
margin-top: 40px;
padding: 0 20px;
right: 0;

}

a.button4 {
margin: 0 auto;
text-align: center;
right: 0;
left: 0;
position: absolute;
width: 120px;
font-size: 15px;
color: #fff;
border-bottom: 2px solid #18729f;
background: #1c8dc4;
border-radius: 4px;
padding: 8px 0;

}

#plus4 { 
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease; 

}


#plus4 {
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;

}


#popUp6 {
position: fixed;
width:25%;
max-width:100%;
height:100%;
right:-100%;
z-index:1030;
background-color:#333333;
border: 7px solid #333333;
bottom: 0;
margin-left: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;


}


#popUp6 .close6 {
color: #464646;
right: 8px;
top: 0px;
position: absolute;
font-size: 20px;
cursor: pointer;

}

#popUp6 .content {
font-size: 17px;
color: #464646;
line-height: 24px;
font-weight: 400;
text-align: center;
margin-top: 40px;
padding: 0 20px;
right: 0;

}

a.button6 {
margin: 0 auto;
text-align: center;
right: 0;
left: 0;
position: absolute;
width: 120px;
font-size: 15px;
color: #fff;
border-bottom: 2px solid #18729f;
background: #1c8dc4;
border-radius: 4px;
padding: 8px 0;

}

#plus6 { 
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease; 

}

@media all and (max-width: 900px) {
#popUp6 {
margin-right: -425px;
} 
}


#plus7 {
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;

}


@media all and (max-width:600px) {
#popUp6 {
width:80%;
max-width:80%; 
}

}









#cogs {
position: fixed;
color: #fff;
bottom: 6%;
right: 0%;
font-size:46px;
margin-right:-1px;
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
cursor: pointer;
text-align: left;
letter-spacing: 1px;
}



@media all and (max-width: 900px) {

#cogs {
margin-right:1px;
font-size:35px;

}
}