@charset "utf-8";
/*CSS Document*/
/*RESPONSIVEWARE COLLUMN SYSTEM*/
body {

	overflow-x: hidden;
	font-family: Anonymous Pro;
	position: relative;
	margin: 0px !important;

}
html, body {
    max-width: 100% !important;
    overflow-x: hidden;
	height: 100%;
}
a {

	text-decoration: none;
	color: black;

}
.responsiveware {

	width: 100%;
	height: 100%;

}
[class*='col-'] {

	float: left;

}
.col-2-3 {

	width: 66.6%;

}
.col-1-3 {

	width: 33.3%;

}
.col-1 {

	width: 100%;

}
.col-1-4 {

	width: 25%;

}
.col-2-4 {

	width: 50%;

}
.col-3-4 {

	width: 75%;

}
.col-1-8 {

	width: 12.5%;

}
.col-1-16 {

	width: 6.25%;

}
.col-3-32 {

	width: 9.375%;

}
.responsiveware:after {

	content: "";
	display: table;
	clear: both;
	overflow-x: hidden;
	width: 100%;

}
*, *:after, *:before {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border box;

}
[class*='col']:last-of-type; {

	padding-right: 0;

}
/*END OF RESPONSIVEWARE COLLUMN SYSTEM*/
/*RUEBUSWARE QUERIES*/
/*HEADER QUERIES*/
@media screen and (min-width: 2561px) {
[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height:80px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 20px;
	width: 190px;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 20%;
	overflow-x: hidden;

}
.icon {

	left: -1vw;
	position: relative;

}
.logo {

	left: 15vw;
	position: relative;

}
.icon img{

	height: 90px;

}
.logo h2 {

	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 45px;

}
.logo h6 {

	margin-top: 3px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 20%;

}
.bp {

	position: relative;
	top: 30%;
	left: 13%;

}
.bq {

	position: relative;
	top: 15%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 25%;

}
}
@media screen and (max-width: 2650px) and (min-width: 2081px) {

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height:75px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1vw;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 20%;
	overflow-x: hidden;

}
.icon {

	left: -1vw;
	position: relative;

}
.logo {

	left: 15vw;
	position: relative;

}
.icon img{

	height: 3.3vw;

}
.logo h2 {

	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 1.55vw;

}
.logo h6 {

	margin-top: 3px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 35%;

}
.bp {

	position: relative;
	top: 30%;
	left: 13%;

}
.bq {

	position: relative;
	top: 15%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 25%;

}
}
@media screen and (max-width: 2080px) and (min-width: 1550px) {

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 60px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1vw;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 20%;
	overflow-x: hidden;

}
.icon {

	left: -1vw;
	position: relative;

}
.logo {

	left: 15vw;
	position: relative;

}
.icon img{

	height: 3.3vw;

}
.logo h2 {

	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 1.55vw;

}
.logo h6 {

	margin-top: 3px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 20%;

}
.bp {

	position: relative;
	top: 30%;
	left: 13%;

}
.bq {

	position: relative;
	top: 15%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 25%;

}
}
@media screen and (max-width: 1549px) and (min-width: 1300px){

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 60px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1vw;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 20%;

}
.icon {

	left: -2vw;
	position: relative;

}
.logo {

	left: 15vw;
	position: relative;

}
.icon img{

	height: 4.3vw;
}
.logo h2 {

	margin-top: 9px;
	margin-bottom: 0px;
	font-size: 1.9vw;

}
.logo h6 {

	margin-top: 5px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 35%;

}
.bp {

	position: relative;
	top: 30%;
	left: 13%;

}
.bq {

	position: relative;
	top: 15%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 25%;

}
}
@media screen and (max-width: 1299px) and (min-width: 1080px){

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 60px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1.1vw;
	width: 12.5% !important;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 10%;

}
.icon {

	left: -3vw;
	position: relative;

}
.logo {

	left: 16vw;
	position: relative;

}
.icon img{

	height: 5.3vw;

}
.logo h2 {

	margin-top: 9px;
	margin-bottom: 0px;
	font-size: 2.3vw;

}
.logo h6 {

	margin-top: 5px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 40%;

}
.bp {

	position: relative;
	top: 30%;
	left: 20%;

}
.bq {

	position: relative;
	top: 30%;
	left: 18%;

}
.bc {

	position: relative;
	top: 30%;
	left: 28%;

}
}
@media screen and (max-width: 1079px) and (min-width: 900px){

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 65px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1.6vw;
	width: 14% !important;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 10%;

}
.icon {

	left: -4vw;
	position: relative;

}
.logo {

	left: 10vw;
	position: relative;

}
.icon img{

	height: 6.6vw;
}
.logo h2 {

	margin-top: 12px;
	margin-bottom: 0px;
	font-size: 2.5vw;

}
.logo h6 {

	margin-top: 5px;
	margin-bottom: 0px;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 35%;

}
.bp {

	position: relative;
	top: 30%;
	left: 8%;

}
.bq {

	position: relative;
	top: 15%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 20%;

}
}
@media screen and (max-width: 899px) and (min-width: 650px){

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 65px;
	position: relative;
	margin:5px;
	color: black;
	font-size: 1.6vw;
	width: 17% !important;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}
[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 0%;

}
.icon {

	left: -4vw;
	position: relative;

}
.logo {

	left: 10vw;
	position: relative;

}
.icon img{

	height: 70px;
}
.logo h2 {

	visibility: hidden;
	display: none;

}
.logo h6 {

	visibility: hidden;
	display: none;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 38%;

}
.bp {

	position: relative;
	top: 30%;
	left: 15%;

}
.bq {

	position: relative;
	top: 20%;
	left: 35%;

}
.bc {

	position: relative;
	top: 30%;
	left: 30%;

}
}
@media screen and (max-width: 649px) and (min-width: 400px){

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 65px;
	position: relative;
	margin:5px;
	margin-left: 2px;
	margin-right:2px;
	color: black;
	font-size: 2.6vw;
	width: 18.8% !important;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}

[class*='button'] a {

	text-decoration: none;

}

.navigation {

	position: relative;
	left: 0%;
	width: 110% !important;

}
.icon {

	left: -8vw;
	visibility: visible !important;
	display: inline !important;
	position: absolute;

}
.logo {

	left: 10vw;
	position: relative;
	visibility: hidden;
	display: none;

}
.icon img{

	height: 70px;
}
.logo h2 {

	visibility: hidden;
	display: none;

}
.logo h6 {

	visibility: hidden;
	display: none;

}
.bh {

	position: relative;
	top: 30%;
	left: 40%;

}
.ba {

	position: relative;
	top: 30%;
	left: 38%;

}
.bp {

	position: relative;
	top: 30%;
	left: 23%;

}
.bq {

	position: relative;
	top: 30%;
	left:15%;
}
.bc {

	position: relative;
	top: 30%;
	left: 30%;

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

[class*='button'] {

	background-image: url(../images/buttbase.png);
	background-repeat: none;
	background-size: 100% 100%;
	height: 65px;
	position: relative;
	margin:5px;
	margin-left: 2px;
	margin-right:2px;
	color: black;
	font-size: 12px;
	width: 72px !important;
	
}
[class*='button']:hover {

	background-image: url(../images/buttlay.png);

}

[class*='button'] a {

	text-decoration: none;

}
.header {

	left: 0px;
	position: relative;
	width: 400px;
		
}
.navigation {

	position: relative;
	left: 7px;
	width: 400px !important;


}
.icon {

	left: -8vw;
	visibility: visible !important;
	display: inline !important;
	position: absolute;

}
.logo {

	left: 10vw;
	position: relative;
	visibility: hidden;
	display: none;

}
.icon img{

	height: 70px;
}
.logo h2 {

	visibility: hidden;
	display: none;

}
.logo h6 {

	visibility: hidden;
	display: none;

}
.bh {

	position: relative;
	top: 35%;
	left: 40%;

}
.ba {

	position: relative;
	top: 35%;
	left: 38%;

}
.bp {

	position: relative;
	top: 35%;
	left: 13%;

}
.bq {

	position: relative;
	top: 30%;
	left:40%;
}
.bc {

	position: relative;
	top: 35%;
	left: 26%;

}
}
.desc-wd, .desc-wh, .desc-wm ,.bh {

	padding-right: 20px;

}
.bq {

	padding-right:355694px;

}
/*END HEADER QUEIRIES*/
/*SLIDER QUEIRIES*/
@media screen and (max-width: 2080px) and (min-width: 740px){
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 450px;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.banner ul {

	padding-left: 0px;
	position: relative;

}
.banner {

	padding-right: 0px !important;
	width: 100% !important;
	height: 23vw !important;

}
.slider  {

	padding-right: 0px !important;

}
.banner img{

	display: block;
	width:15%;
	position: relative;
	top: 40px;
	margin-left: 43.6%;

}

.banner .dots {
    
	display: block;
	position: absolute;
    
    right: 47.6%;
    bottom: 700px;
	width: 54px !important;
	padding-left: 0px;
}
.banner .dots li.active {
    background: #FFF none repeat scroll 0% 0%;
    opacity: 1;
}
.banner .dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 4px;
    text-indent: -999em;
    border: 2px solid #FFF;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.4;
    transition: #000 0.5s ease 0s, opacity 0.5s ease 0s;
}
.stxt1 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt2 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -7%;

}
.stxt3 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt4 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -9%;

}
.stxt5 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt6 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -9%;

}
}
@media screen and (max-width: 739px) and (min-width: 580px){
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 450px;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.banner ul {

	padding-left: 0px;
	position: relative;

}
.banner {

	padding-right: 0px !important;
	width: 100% !important;
	height: 23vw !important;

}
.slider  {

	padding-right: 0px !important;

}
.banner img{

	display: block;
	width:15%;
	top: 5px;
	position: relative;
	margin-left: 45%;

}

.banner .dots {
    
	display: block;
	position: absolute;
    right: 47.6%;
    bottom: 500px;
	width: 54px;
	padding-left: 0px;
}
.banner .dots li.active {
    background: #FFF none repeat scroll 0% 0%;
    opacity: 1;
}
.banner .dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 4px;
    text-indent: -999em;
    border: 2px solid #FFF;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.4;
    transition: #000 0.5s ease 0s, opacity 0.5s ease 0s;
}
.stxt1 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt2 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -7%;

}
.stxt3 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt4 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -9%;

}
.stxt5 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt6 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -9%;

}
}
@media screen and (max-width: 579px) and (min-width: 401px){
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 450px;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.banner ul {

	padding-left: 0px;
	position: relative;

}
.banner {

	padding-right: 0px !important;
	width: 100% !important;
	height: 28vw !important;

}
.slider  {

	padding-right: 0px !important;

}
.banner img{

	display: block;
	width:20%;
	top: 5px;
	position: relative;
	margin-left: 42.5vw;

}

.banner .dots {
    
	display: block;
	position: absolute;
    left: 48.7%;
    right: 0px;
    bottom: 500px;
	width: 94px;
	padding-left: 0px;
}
.banner .dots li.active {
    background: #FFF none repeat scroll 0% 0%;
    opacity: 1;
}
.banner .dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 4px;
    text-indent: -999em;
    border: 2px solid #FFF;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.4;
    transition: #000 0.5s ease 0s, opacity 0.5s ease 0s;
}
.stxt1 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt2 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -13%;

}
.stxt3 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt4 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -14%;

}
.stxt5 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt6 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -14%;

}
}
@media screen and (max-width: 400px) and (min-width: 0px){
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 450px;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.banner ul {

	padding-left: 0px;
	position: relative;

}
.slider .banner {

	padding-right: 0px !important;
	width: 100% !important;
	height: 28vw !important;
	visibility: hidden;
	display: none;


}
.slider  {

	padding-right: 0px !important;
	

}
.banner img{

	display: block;
	width:20%;
	top: 5px;
	position: relative;
	margin-left: 42.5vw;

}

.banner .dots {
    
	display: block;
	position: absolute;
    left: 48.7%;
    right: 0px;
    bottom: 500px;
	width: 94px;
	padding-left: 0px;
}
.banner .dots li.active {
    background: #FFF none repeat scroll 0% 0%;
    opacity: 1;
}
.banner .dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 4px;
    text-indent: -999em;
    border: 2px solid #FFF;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.4;
    transition: #000 0.5s ease 0s, opacity 0.5s ease 0s;
}
.stxt1 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt2 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -13%;

}
.stxt3 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt4 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -14%;

}
.stxt5 {

	font-size: 1.8vw;
	margin-left: 20px;
	margin-top: 6%;

}
.stxt6 {

	font-size: 1.8vw;
	margin-left: 77%;
	margin-top: -14%;

}

.rtitle {

	display: block !important;
	visibility: visible !important;
	font-size: 20px;
	width: 400px;
	text-align: center;
	background-image: url('../images/content.png');
	margin-top: 10px;

}
body, html {

	overflow-x: visible !important;

}

}
/* END SLIDE QUEIRIES*/
/* OFFERS QUEIRIES*/
@media screen and (max-width: 2080px) and (min-width: 1300px) {
[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 26vw;
	position: relative;
	margin-right: 10px;
	text-align: center;


}
.buffer {

	height: 5px;
	position: relative;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	
}

.offers img {

	position: relative;
	width: 40%;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 4%;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 1.2vw;
	margin-top: 10px;
	position: relative;
	width: 110%;
	

}
.desc-wd {

	width: 100%;
	margin-left: 3.6%;
	font-size: 1vw;
	margin-top: 20px;

}
.desc-wh {

	width: 100%;
	margin-left: 3%;
	font-size: 1vw;
	margin-top: 20px;

}
.desc-wm {

	width: 100%;
	margin-left: 3%;
	font-size: 1vw;
	margin-top: 20px;

	
}
.mor{

	height: 5%;
    width: 30%;
    position: absolute;
	left: 35%;
	bottom: 8%;
    
}
.bak{

	height: 5%;
    width: 30%;
    position: absolute;
	left: 35%;
	bottom: 8%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
@media screen and (max-width: 1299px) and (min-width: 950px) {
[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 30vw;
	position: relative;
	margin-right: 10px;
	text-align: center;


}
.buffer {

	height: 5px;
	position: relative;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	
}

.offers img {

	position: relative;
	width: 40%;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 4%;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 1.3vw;
	margin-top: 10px;
	position: relative;
	width: 110%;
	

}
.desc-wd {

	width: 100%;
	margin-left: 3.6%;
	font-size: 1.1vw;
	margin-top: 20px;

}
.desc-wh {

	width: 100%;
	margin-left: 3%;
	font-size: 1.1vw;
	margin-top: 20px;

}
.desc-wm {

	width: 100%;
	margin-left: 3%;
	font-size: 1.1vw;
	margin-top: 20px;

	
}
.mor{

	height: 7%;
    width: 40%;
    position: absolute;
	left: 30%;
	bottom: 7%;
    
}
.bak{

	height: 7%;
    width: 40%;
    position: absolute;
	left: 30%;
	bottom: 7%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
@media screen and (max-width: 949px) and (min-width:750px) {
[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 40vw;
	position: relative;
	margin-right: 5px;
	text-align: center;


}
.buffer {

	height: 5px;
	position: relative;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	
}

.offers img {

	position: relative;
	width: 50%;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 4%;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 1.7vw;
	margin-top: 5px;
	position: relative;
	width: 110%;
	

}
.desc-wd {

	width: 100%;
	margin-left: 3.6%;
	font-size: 1.3vw;
	margin-top: 10px;

}
.desc-wh {

	width: 100%;
	margin-left: 3%;
	font-size: 1.35vw;
	margin-top: 10px;

}
.desc-wm {

	width: 100%;
	margin-left: 3%;
	font-size: 1.35vw;
	margin-top: 10px;

	
}
.mor{

	height: 7%;
    width: 50%;
    position: absolute;
	left: 25%;
	bottom: 7%;
    
}
.bak{

	height: 7%;
    width: 50%;
    position: absolute;
	left: 25%;
	bottom: 7%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
@media screen and (max-width: 749px) and (min-width:600px) {
[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 55vw;
	position: relative;
	margin-right: 5px;
	text-align: center;
	width: 29.2666667% !important;


}
.buffer {

	height: 5px;
	position: relative;
	width:6.25%!important;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	
}

.offers img {

	position: relative;
	width: 50%;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 4%;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 2.3vw;
	margin-top: 5px;
	position: relative;
	width: 110%;
	

}
.desc-wd {

	width: 100%;
	margin-left: 3.6%;
	font-size: 1.7vw;
	margin-top: 10px;

}
.desc-wh {

	width: 100%;
	margin-left: 3%;
	font-size: 1.7vw;
	margin-top: 10px;

}
.desc-wm {

	width: 100%;
	margin-left: 3%;
	font-size: 1.7vw;
	margin-top: 10px;

	
}
.mor{

	height: 7%;
    width: 60%;
    position: absolute;
	left: 20%;
	bottom: 7%;
    
}
.bak{

	height: 7%;
    width: 60%;
    position: absolute;
	left: 20%;
	bottom: 7%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
@media screen and (max-width: 599px) and (min-width:401px) {
[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 70vw;
	position: relative;
	margin-left: 2px;
	text-align: center;
	width: 30.5% !important;


}
.buffer {

	height: 5px;
	position: relative;
	width:3.125%!important;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	
}

.offers img {

	position: relative;
	width: 60%;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 4%;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 2.6vw;
	margin-top: 5px;
	position: relative;
	width: 110%;
	

}
.desc-wd {

	width: 100%;
	margin-left: 7.6%;
	font-size: 1.95vw;
	margin-top: 10px;

}
.desc-wh {

	width: 100%;
	margin-left: 7%;
	font-size: 1.95vw;
	margin-top: 10px;

}
.desc-wm {

	width: 100%;
	margin-left: 7%;
	font-size: 1.95vw;
	margin-top: 10px;

	
}
.mor{

	height: 7%;
    width: 80%;
    position: absolute;
	left: 10%;
	bottom: 7%;
    
}
.bak{

	height: 7%;
    width: 80%;
    position: absolute;
	left: 10%;
	bottom: 7%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
@media screen and (max-width: 400px) and (min-width:0px) {

.responsiveware {

	width: 400px !important;

}

[class*='offer-'] {


	background-image: url('../images/content.png');
	height: 300px;
	position: relative;
	margin-left: 2px;
	text-align: center;
	width: 130px !important;


}
.buffer {

	height: 5px !important;
	position: relative;
	width: 5px!important;

}
.offers {

	margin-top: 10px;
	text-align: center;
	position: relative;
	width: 400px !important;
	
}
.offers .buffer {

	display: none;
	visibility: hidden;

}

.offers img {

	position: relative;
	width: 70px;
	margin-top: 10px;
	-webkit-transition-duration:1s;	
	-moz-transition-duration:0.8s;
	transition-duration:2s;		
	-webkit-transition-property: -webkit-transform;	
	-moz-transition-property: -moz-transform;	
	transition-property: transform;
	overflow:hidden;
	cursor: pointer;
	left: 10px;


}

.offer-a:hover > img, .offer-b:hover > img, .offer-c:hover > img  {
	    
	-webkit-transform:rotate(360deg);    
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);

}
.offer-a .serve-wd, .offer-b .serve-wh, .offer-c .serve-wm {

	font-size: 11px;
	margin-top: 5px;
	position: relative;
	width: 105px;
	

}
.desc-wd {

	width: 100%;
	margin-left: 7.6%;
	font-size: 8px;
	margin-top: 10px;

}
.desc-wh {

	width: 100%;
	margin-left: 7%;
	font-size: 8px;
	margin-top: 10px;

}
.desc-wm {

	width: 100%;
	margin-left: 7%;
	font-size: 8px;
	margin-top: 10px;

	
}
.mor{

	height: 7%;
    width: 80%;
    position: absolute;
	left: 10%;
	bottom: 7%;
    
}
.bak{

	height: 7%;
    width: 80%;
    position: absolute;
	left: 10%;
	bottom: 7%;
    
    -moz-transition: opacity 1s; /* Firefox */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
    transition: opacity 1s;
	cursor: pointer;
	vertical-align: center;

}
.mor {
    background: #DC0042;
    opacity: 1;
    z-index: 1;
}
.bak {
    background: #006666;
    opacity: 0;
    z-index: 2;
}
.bak:hover {
    opacity: 1;
}
}
/*END OFFERS QEUIRIES*/
/*FOOTER QUEIRIES*/
@media screen and (max-width: 2080px) and (min-width:530px) {
.footer {

	height: 10vw;
	margin-top: 10px;
	position: relative;
	margin-left: 0px !important;
	margin-right: 0px !important;
	text-align: center;	

}
.footernav {

	width: 100%;
	margin-top: 3%;
	position: relative
	
}
.footernav a:hover {

	text-decoration: underline;

}
}
@media screen and (max-width: 529px) and (min-width:400px) {
.footer {

	height: 22vw;
	margin-top: 10px;
	position: relative;
	margin-left: 0px !important;
	margin-right: 0px !important;
	text-align: center;	

}
.footernav {

	width: 100%;
	margin-top: 8%;
	position: relative;
	font-size: 13.5px;
	
}
.footernav a:hover {

	text-decoration: underline;

}
}
@media screen and (max-width: 399px) and (min-width:0px) {
.footer {

	height: 100px;
	margin-top: 10px;
	position: relative;
	margin-left: 0px !important;
	margin-right: 0px !important;
	text-align: center;	
	padding-right: 0px;
	width: 400px !important;

}
.footernav {

	width: 100%;
	margin-top: 8%;
	position: relative;
	font-size: 13.5px;
	
}
.footernav a:hover {

	text-decoration: underline;

}
.footer {

	position: relative;
	text-decoration: none;

}

}
/*END FOOTER QUEIRIES*/
/* ABOUT QUEIRIES*/


@media screen and (max-width: 2080px) and (min-width:1400px) {
.whs {

	top: 30vw;
	left: 35vw;
	position: absolute;
	font-size: .9vw;

}
.ms {

	top: 30vw;
	left: 66.5vw;
	position: absolute;
	font-size: .9vw;

}
.wds{

	top: 34.5vw;
	left: 33vw;
	position: absolute;
	font-size: .9vw;


}
.wdvs {


	top: 34.5vw;
	left: 65vw;
	position: absolute;
	font-size: .9vw;

}

.aboutbod {

	height: 30vw;
	padding-right: 0px !important;

}
.socialbox {

	float: left;
	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	padding-right: 0px !important;
	margin-left: 1.2%;
	width: 30%;
	height:30vw
	
}
.aboutbox {

	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.aboutbox h1 {font-size: 1.8vw;}
.aboutbox li {font-size: .9vw;}
.aboutbox p{	font-size: .85vw;}
.aboutbox a{	font-size: .95vw;}
.aboutbox a:hover{background-color: cyan;}
.socialb {

	position: relative;
	top: 20%;
	width: 100%; 
	
}
.socialb img {

	margin-left: 4% !important;
		width: 3.2vw;

}
.socialbox h2 {

	font-size: 1.8vw;

}
.socialbox h4 {

	font-size: 1.05vw;
}

}
@media screen and (max-width:1399px) and (min-width: 1050px){

.aboutbod {

	height: 40vw;
	padding-right: 0px !important;

}
.socialbox {

	float: left;
	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	padding-right: 0px !important;
	margin-left: 1.2%;
	width: 30%;
	height:39.65vw
	
}
.aboutbox {

	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.aboutbox h1 {font-size: 2.3vw;}
.aboutbox li {font-size: 1.1vw;}
.aboutbox p{	font-size: 1.1vw;}
.aboutbox a{	font-size: 1.05vw;}
.aboutbox a:hover{background-color: cyan;}
.socialb {

	position: relative;
	top: 20%;
	width: 100%; 
	
}
.socialb img {

	margin-left: 5% !important;
		width: 4vw;

}
.socialbox h2 {

	font-size: 2.3vw;

}
.socialbox h4 {

	font-size: 1.25vw;
}
}
@media screen and (max-width:1049px) and (min-width: 940px){

.aboutbod {

	height: 50vw;
	padding-right: 0px !important;

}
.socialbox {

	float: left;
	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	padding-right: 0px !important;
	margin-left: 1.2%;
	width: 30%;
	height:49.5vw
	
}
.aboutbox {

	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.aboutbox h1 {font-size: 2.6vw;}
.aboutbox li {font-size: 1.3vw;}
.aboutbox p{	font-size: 1.2vw;}
.aboutbox a{	font-size: 1.4vw;}
.aboutbox a:hover{background-color: cyan;}
.socialb {

	position: relative;
	top: 20%;
	width: 100%; 
	
}
.socialb img {

	margin-left: 5% !important;
		width: 4.2vw;

}
.socialbox h2 {

	font-size: 2.6vw;

}
.socialbox h4 {

	font-size: 1.5vw;
}
}
@media screen and (max-width:939px) and (min-width: 700px){

.aboutbod {

	height: 62vw;
	padding-right: 0px !important;

}
.socialbox {

	float: left;
	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	padding-right: 0px !important;
	margin-left: 1.2%;
	width: 30%;
	height:61.5vw
	
}
.aboutbox {

	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.aboutbox h1 {font-size: 3vw;}
.aboutbox li {font-size: 1.5vw;}
.aboutbox p{	font-size: 1.4vw;}
.aboutbox a{	font-size: 1.6vw;}
.aboutbox a:hover{background-color: cyan;}
.socialb {

	position: relative;
	top: 20%;
	width: 100%; 
	
}
.socialb img {

	margin-left: 5% !important;
		width: 4vw;

}
.socialbox h2 {

	font-size: 3vw;

}
.socialbox h4 {

	font-size: 1.8vw;
}
}
@media screen and (max-width:699px) and (min-width: 401px){

.aboutbod {

	height: 96vw;
	padding-right: 0px !important;

}
.socialbox {

	visibility: hidden;
	display: none; z-index: 0;
	
}
.aboutbox {

	height: 99%;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 2.5%;
	padding-right: 0px !important;
	width: 95% !important;

}
.aboutbox h1 {font-size: 5vw;}
.aboutbox li {font-size: 2.2vw;}
.aboutbox p{	font-size: 2.1vw;}
.aboutbox a{	font-size: 2.3vw;}
.aboutbox a:hover{background-color: cyan;}

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

.aboutbod {

	height: 419px !important;
	padding-right: 0px !important;

}
.socialbox {

	visibility: hidden;
	display: none; z-index: 0;
	
}
.aboutbox {

	height: 420px;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 9px;
	padding-right: 0px !important;
	width: 95% !important;

}
.aboutbox h1 {font-size: 23px;}
.aboutbox li {font-size: 10px;}
.aboutbox p{	font-size: 9px;}
.aboutbox a{	font-size: 11px;}
.aboutbox a:hover{background-color: cyan;}

}
/*END ABOUT QUEIRIES*/
/*PORTFOLIO QUEIRIES*/
@media screen and (max-width:2080px) and (min-width: 401px){
.b2 ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 60vw;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.b2 ul {

	padding-left: 0px;
	position: relative;

}
.portfoliobod {

	padding-right: 1vw;
	padding-left: 1vw;

}
.b2 {

	padding-right: 0px !important;
	width: 100% !important;
	height: 60vw !important;

}
[class*='portsec'] {

	height: 18vw;
	float: left;
	width: 24vw;
	position: relative;
	margin: 2%;
	cursor: pointer;



}
[class*='portsec']:first-of-type {

	margin-left: 9%;

}
[class*='portsec']:hover {

	width: 25vw;
	height: 19vw;
	margin-left: 1%;
	margin-top: 1.5%;

}
[class*='portsec']:hover:first-of-type {

	margin-left: 8%;

}
[class*='portsec']:hover  .hoverclicker{

	display: block;
	visibility: visible;

}
[class*='portsec']:hover  .beta{

	display: none;
	visibility: hidden;

}
.hoverclicker {

	float:left;
	position: relative;
	background-image: url(../images/buttbase.png);
	width:25%;
	height: 8%;
	text-align: center;
	font-size: .9vw;
	left:0%;
	top: 92%;
		display: none;
	visibility: hidden;


}
.beta {

	float:left;
	position: relative;
	background-image: url(../images/buttbase.png);
	width:25%;
	height: 8%;
	text-align: center;
	font-size: .9vw;
	left:75%;
	top: 0%;
	display: block;

}
.label {

	float:left;
	position: relative;
	background-image: url(../images/content.png);
	width:75%;
	height: 8%;
	text-align: center;
	font-size: 1.1vw;
	left:0%;
	top: 92%;
	display: block;
	color: black;



}
}
@media screen and (max-width:400px){
.b2 ul li {
    display: block;
    float: left;
    width: 33%;
	height: 240px;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1) inset;
	background-image:back-img.jpg;
	font-family: Anonymous Pro;
	color: white;
}
.b2 ul {

	padding-left: 0px;
	position: relative;

}
.portfoliobod {

	padding-right: 1vw;
	padding-left: 1vw;
	width:400px;

}
.b2 {

	padding-right: 0px !important;
	width: 100% !important;
	height: 240px !important;

}
[class*='portsec'] {

	height: 72px;
	float: left;
	width: 96px;
	position: relative;
	margin: 2%;
	cursor: pointer;



}
.portban, .portban li, .portban ul{

	height: 240px !important;

}
[class*='portsec']:first-of-type {

	margin-left: 9%;

}
[class*='portsec']:hover {

	width: 100px;
	height: 76px;
	margin-left: 1%;
	margin-top: 1.5%;

}
[class*='portsec']:hover:first-of-type {

	margin-left: 8%;

}
[class*='portsec']:hover  .hoverclicker{

	display: block;
	visibility: visible;

}
[class*='portsec']:hover  .beta{

	display: none;
	visibility: hidden;

}
.hoverclicker {

	float:left;
	position: relative;
	background-image: url(../images/buttbase.png);
	width:25%;
	height: 8%;
	text-align: center;
	font-size: .9vw;
	left:0%;
	top: 92%;
		display: none;
	visibility: hidden;


}
.beta {

	float:left;
	position: relative;
	background-image: url(../images/buttbase.png);
	width:25%;
	height: 8%;
	text-align: center;
	font-size: .9vw;
	left:75%;
	top: 0%;
	display: block;

}
.label {

	float:left;
	position: relative;
	background-image: url(../images/content.png);
	width:75%;
	height: 8%;
	text-align: center;
	font-size: 1.1vw;
	left:0%;
	top: 92%;
	display: block;
	color: black;



}
}

/*END PORTFOLIO QUEIRIES*/
/*QUOTE QUEIRIES*/
@media screen and (max-width: 2080px) and (min-width:1400px) {
.quotebod, .contactbod  {

	height: 30vw !important;
	padding-right: 0px !important;
	text-align: center;

}
.socialbox {
	
	text-align: center;

}

.quotebox, .contactbox  {

	height: 30vw !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.quotebox form {

	height: 30vw;

}
.quotebox form input {

	width: 14vw;
	height: 1.4vw;
	cursor: pointer;

}
.quotebox form option {

	width: 6vw;
	height: 1vw;
	cursor: pointer;

}
.quotebox form textarea {

	width: 16vw;
	height: 6vw;
	cursor: pointer;

}

}
@media screen and (max-width:1399px) and (min-width: 1050px){
.quotebod, .contactbod {

	height: 40vw !important;
	padding-right: 0px !important;
	text-align: center;

}
.socialbox {
	
	text-align: center;

}

.quotebox , .contactbox{

	height: 40vw !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.quotebox form {

	height: 40vw;

}
.quotebox form input {

	width: 19vw;
	height: 1.7vw;
	cursor: pointer;

}
.quotebox form option {

	width: 8vw;
	height: 1vw;
	cursor: pointer;

}
.quotebox form textarea {

	width: 20.5vw;
	height: 7vw;
	cursor: pointer;

}

}
@media screen and (max-width:1049px) and (min-width: 940px){
.quotebod , .contactbod {

	height: 50vw !important;
	padding-right: 0px !important;
	text-align: center;

}
.socialbox, {
	
	text-align: center;

}

.quotebox,  .contactbox {

	height: 50vw !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.quotebox form {

	height: 50vw;

}
.quotebox form input {

	width: 22vw;
	height: 2vw;
	cursor: pointer;

}
.quotebox form option {

	width: 10vw;
	height: 1.5vw;
	cursor: pointer;

}
.quotebox form textarea {

	width: 23.5vw;
	height: 8vw;
	cursor: pointer;

}

}
@media screen and (max-width:939px) and (min-width: 700px){
.quotebod, .contactbod  {

	height: 62vw !important;
	padding-right: 0px !important;
	text-align: center;

}
.socialbox {
	
	text-align: center;

}

.quotebox, .contactbox {

	height: 62vw !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;

}
.quotebox form {

	height: 62vw;

}
.quotebox form input {

	width: 28vw;
	height: 2.5vw;
	cursor: pointer;

}
.quotebox form option {

	width: 15vw;
	height: 2vw;
	cursor: pointer;

}
.quotebox form textarea {

	width: 32vw;
	height: 10vw;
	cursor: pointer;

}

}
@media screen and (max-width:699px) and (min-width: 401px){
.quotebod, .contactbod  {

	height: 90vw !important;
	padding-right: 0px !important;
	text-align: center;

}
.quotebox, .contactbox {

	height: 90vw !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;
	width: 98%;

}
.quotebox form {

	height: 80vw;

}
.quotebox form input {

	width: 34vw;
	height: 4vw;
	cursor: pointer;

}
.quotebox form option {

	width: 22vw;
	height: 3vw;
	cursor: pointer;

}
.quotebox form textarea {

	width: 38vw;
	height: 12vw;
	cursor: pointer;

}

}
@media screen and (max-width:400px) and (min-width: 0px){
.quotebod, .contactbod  {

	height: 450px !important;
	padding-right: 0px !important;
	text-align: center;

}


.quotebox, .contactbox {

	height: 450px !important;
	background-image:url(../images/content.png);
	margin-top: .5%;
	margin-left: 1%;
	padding-right: 0px !important;
	width: 400px;

}
.quotebox form {

	height: 80vw;

}
.quotebox form input {

	width: 160px;
	height: 20px;
	cursor: pointer;

}
.quotebox form option {

	width: 90px;
	height: 16px;
	cursor: pointer;

}
.quotebox form textarea {

	width: 200px;
	height: 50px;
	cursor: pointer;

}

}
 /*END QUOTE QEUIRIES*/
 /*CONTACT QUEIRIES*/
.contactbox {
	
	text-align: center;

}
.contactbox {

	height: 30vw;
	background-image:url(../images/content.png);
	margin-top: .5%;
	padding-right: 0px !important;
	left: 0px;

}
.contactbox h2 {

	font-size: 18px !important;

}
.contactbar {

	margin-top: 1%;

}
.contactbox a  {
	
	color: red;

}
 .contactbox a:hover  {
	
	background-color: cyan;

}
.contactbox p {

	font-size: 15px;

}
.contactbox h4 {

	font-size: 1.2w;

}
.secretWIP, secretWIP a {
	position: relative;
	height: 10%;
	width: 20%;
	z-index: 3;
	position: block;
	left: 0;
	top: 0;
	cursor: no-drop;
}