@charset "UTF-8";
/* CSS Document */

/*
********************************
********************************
This is for the footer text!

********************************
********************************
*/


@media (min-width: 1500px) {
#lowernavcon{
	max-width: 1000px;


}

#squarenav{
	width: 250px;

	margin: 30px;
	
}
#squaretext{
	font-size: 18px;
	width: 100%;


}

#pricecol {

	width: 16%;
	margin-left: 2%;
	margin-right: 2%;

}

}

@media (min-width: 1250px)  and (max-width: 1500px){

#lowernavcon{
	max-width: 1000px;


}

#squarenav{
	width: 250px;

	margin: 30px;
	
}
#squaretext{
	font-size: 18px;
	width: 100%;


}

#pricecol {

	width: 19%;
	margin-left: 1%;
	margin-right: 1%;


}

#pricecontain2 {
	width: 75%;

}

}
@media (min-width: 1000px)  and (max-width: 1250px){



#pricecol {

	width: 22%;
	margin-left: 1%;
	margin-right: 1%;


}
#pricecontain2 {
	width: 87%;

}


}
@media (min-width: 750px)  and (max-width: 1000px){



#pricecol {

	width: 22%;
	margin-left: 0%;
	margin-right: 0%;


}

#pricecontain2 {
	width: 89%;

}


}




@media (max-width: 850px)  {

  .exampletext2 {
	font-size: 22px;
	margin-right: 100px;
	margin-left: 100px;
}
	.beforeafter {
	width: 500px;
	min-height: 300px;
}



}



/*
********************************
********************************
This is for the index page!

********************************
********************************
*/

@media (min-width: 0px) and (max-width: 750px) {



#toppage {

	width: 75px;

}

.liexpanp {
	font-size: 35px;
	font-weight: bold;
}
.exampletext {
	font-size: 27px;
}
.exampletext2 {

	margin-right: 30px;
	margin-left: 30px;
}

#pricetitle {

	font-size: 30px;

}

.pricenum {

	font-size: 60px;


}

#pricecol {
	font-size: 25px;
	width: 75%;
	clear: both;
	vertical-align: top;
	padding-top: 80px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin-top:15px;
	margin-bottom:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#pricelowcon {
	font-size: 25px;
}
#pricecontain2 {
	width: 83%;

}


#demo {
	width:40%;

}

#content {

		font-size: 22px;

}
#content5 {

		font-size: 22px;

}


headerwrap {

	padding-top: 0px;
	padding-bottom: 0px;

}

#headinfo{

	display:none;

}
#header{

	width:100%;

}
#headname{
	float:none;
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	height: 110px;

}
.floatlefttwo{
	float: none;
}

indcontainerwrap{

	display:none;

}
navwrap{

	display:none;

}


indinfowrap{

	display:none;

}




#indletter {
	font-size: 20px;
}
h4 {

     font-size: 18px;

    }
.mobilebold {

font-weight: bold;
color: #666666;

    }



}
@media (min-width: 750px)  {




#orangetag {

display:none;
}

#greentag {

display:none;
}

#redtag {

display:none;
}





indcontainerwrapb{

	display:none;

}

navwrapb{

	display:none;

}
indinfowrapb{

	display:none;

}

.returnnone {
	display: block;
}
.returndisplay {
	display: none;
}

.return2none {
	display: block;
}
.return2display {
	display: none;
}

}


@media  only screen and (min-width: 0px) and (max-width: 775px) {

#squarenav{
	width: 225px;

	margin: 15px;

}
#squaretext{
	font-size: 23px;
	font-weight: bold;


}




#container {

	max-width: 100%;


}

#content {

	width: 500px;
	margin-right:auto;
	margin-left:auto;

	float: none;
	clear:both

}
#content5 {

	width: 500px;
	margin-right:auto;
	margin-left:auto;

	float: none;
	clear:both

}

indletterwrap {
	padding-bottom: 45px;

}

    
#sidebar {

display: none;

}
    
/*
#sidebar {

margin-top: 40px;
float: none;
clear: both;
margin-right:auto;
margin-left:auto;

}
*/
    
.linespacebig25 {
	line-height: 60px;
	font-size: 25px;

}

.lineheight30  {
	line-height: 60px;
}
.lineheight50  {
	line-height: 50px;
}
.linespacebig30 {
	line-height: 50px;
}

.collapsible {
font-size: 28px;

}
#stretchbox {
max-width:500px;

}

#title {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}
.ratenamesize {
font-size: 28px;
}
    
#videoinfo {
	min-height: 0px;
	
	color: #f8f8f8;
    background-color: #555;


}

.bigbold {
font-weight: bold;

  }
.big10 {
	font-size: 12px;
}

.big14 {
font-size: 20px;
  }
.little16 {
	font-size: 14px;
}

.detail16 {
font-size: 18px;
  }

.big16 {
font-size: 20px;
  }

.bigger16 {
	font-size: 25px;
}
.bigtext16 {
font-size: 25px;
}
.biggest16 {
	font-size: 30px;
}

.big18 {
	font-size: 22px;
}
.bigger18 {
	font-size: 25px;
}
.biggest18 {
	font-size: 25px;
}

.big20 {
font-size: 20px;
  }
.bigger20 {
	font-size: 25px;

}
.biggest20 {
	font-size: 30px;

}
.crazy20 {
	font-size: 35px;
	font-weight: normal;

}
.crazier20 {
	font-size: 40px;
	font-weight: normal;
}

.big25 {
font-size: 22px;

}
.bigger25 {
	font-size: 30px;

}
.biggest25 {
	font-size: 35px;

}


.bigrates {
font-size: 25px;

  }

	.biggest30 {
		font-size: 35px;
	}
	.mega30 {
		font-size: 50px;
	}

	.footer16 {
		font-size: 35px;
	}

  .serviceindex1 {
	font-size: 30px;

}

 .serviceindex2 {
	font-size: 25px;

}

.linespacebig20 {
	line-height: 30px;
}

}
@media (max-width: 750px)  {

	.return3none {
		display: block;
	}
	.return3display {
		display: none;
	}

	.respdjustify {
	 display: none;
	}


}


@media (min-width: 650px)  {




}


@media (max-width: 650px)  {

	.return2none {
		display: block;
	}
	.return2display {
		display: none;
	}


.mobilehide {
	display: none;

}

}


/* RESPONDSIVE IFRAME YOUTUBE */

@media (min-width: 750px)  {

.respondshow {
  display: none;
}


}

.clickhere {
	font-size: 35px;
}

/* RESPONDSIVE IFRAME YOUTUBE */
 



/* RESPONDSIVE 750 */

@media (max-width: 750px)  {

.bluebutton {

	width: 75%;

	font-size: 25px;

	padding-top: 6px;
	padding-bottom: 6px;
 

}	

.cameraicon {
  width: 225px;
  height: 180px;
}
.droneicon {
  width: 300px;
  height: 153px;
}
.cam360icon {
  width: 215px;
  height: 120px;
}
.gimbalicon {
  width: 250px;
  height: 279px;
}
 
h1 {
font-size: 35px;
}
h2 {
font-size: 25px;
}
h3 {

}
h4 {

}
h5 {

}
h6 {

}    
    
}


/* RESPONDSIVE 750 */

@media (max-width: 750px)  {

@keyframes bgcolor4 {
    0% {
        background-color: rgba(2,107,150,0.1);
    }

    20% {
        background-color: rgba(232,217,176,0.12);
    }

    40% {
        background-color: rgba(2,107,150,0.1);
    }

    60% {
        background-color: rgba(232,217,176,0.12);
    }

    80% {
        background-color: rgba(2,107,150,0.1);
    }
	
	100% {
        background-color: rgba(232,217,176,0.12);
    }
}
	
@keyframes bgcolor3 {
    0% {
        background-color: rgba(232,217,176,0.12);
    }

    20% {
        background-color: rgba(2,107,150,0.1);
    }

    40% {
        background-color: rgba(232,217,176,0.12);
    }

    60% {
        background-color: rgba(2,107,150,0.1);
    }

    80% {
        background-color: rgba(232,217,176,0.12);
    }
	
	100% {
        background-color: rgba(2,107,150,0.1);
    }
}	

	
	
	
}