@import url(http://fonts.googleapis.com/css?family=Roboto:400,600,300,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);

html,body {
				height:100%;
				font-family: 'Roboto', sans-serif;
				font-size: 1em;
				color: #fafafa;
				background-color: #1a1a1a;
				margin: 0 auto;
				margin-top: 55px;
		}

		a{
			text-decoration: none;
			color: #ffac1b;
		}
			
		a:hover{
				color: #666;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
		line-height: 160%;
		font-size: 0.9em;
		padding:8px 0;}
		
		h1{
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		 -webkit-animation-delay: 1.5s;
		 -moz-animation-delay: 1.5s;
		}
		
		h2{
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 1.1em;
		}
		
		h3 {
		font-weight: 300;
		font-size: 1.2em;
		}
		
		h4{
		font-weight: 300;
		font-size: 1.2em;
		border-bottom: 1px solid #444;
		padding-bottom: 5px;
		}
		
		h5{
		font-weight: 300;
		font-size: 1em;
		margin-top: 5px;
		}

		.feature{
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
        color: #000;
        font-size: 1.5em;
		 -webkit-animation-delay: 1.5s;
		 -moz-animation-delay: 1.5s;
		}

	/* Layout Elements */	


		header {
			width: 100%;
			overflow: visible;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			
		}
		
		
		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}	
	
		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		.onethird{
		width: 30%;
		padding: 1%;
		float: left;
		 -webkit-animation-delay: 2.5s;
		 -moz-animation-delay: 2.5s;
		}
		
		.onefourth{
		width: 21%;
		margin: 1%;
		padding: 1%;
		float: left;
		
		}
		
		.onefourthtop{
		width: 21%;
		max-width: 21%;
		float: left;
		margin-top: -1px;
		}
		
		.threefourths{
		width: 73%;
		margin: 1%;
		float: left;
		}
		
		.onehalf{
		width: 44%;
		margin: 2%;
		padding:1%;
		float: left;
		 -webkit-animation-delay: 1.5s;
		 -moz-animation-delay: 1.5s;
		}
		
		.onehalff{
		width: 48%;
		margin: 1%;
		padding:1%;
		float: left;
		 -webkit-animation-delay: 1.5s;
		 -moz-animation-delay: 1.5s;
		}
		
		.twothirds{
		width: 60%;
		margin: 1%;
		padding-right: 4%;
		float: left;
		}
	
		.left{
			float:left;
			}
		
.none{list-style: none;}
.sizeup{font-size:1.5em;}
		
		.mediumgrey{
		background-color: #373737;
		color: #f1f1f1;
		padding: 10px 0;
		margin: 10px 0;}
		
		.lightbg{
		background-color: #f1f1f1;
		color: #555;
		padding: 15px 0;
		margin-top: -25px;
        overflow:auto;
		}
		.lightbgsub{
		background-color: #2c4d90;
		color: #fff;
		padding: 15px 0;
		margin-top: -25px;
        overflow:auto;
		}
		.orange{
		background-color: #ff3300;
		color: #fff;
		padding: 15px 0;
		margin-top: -25px;
        overflow:auto;
		}

		.lightbgfull{
		background-color: #f1f1f1;
		color: #555;
		padding: 15px 0;
		margin-top: -25px;
		}
		
		
		.btn {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 0 0 30px 0;
		  background-color:#ffac1b;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Roboto', Sans-Serif;
		  letter-spacing: 1px;
		  color: #ffffff;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}


		.btn:hover {
		  background-color: #666;
		  
		}
		
.btnLarge {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 20px 40px 20px 40px;
  text-decoration: none;
  display:block;
  margin-bottom: 5px;
}

.btnLarge:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
		
		
		
	/*Navigation*/
	
* {
  padding: 0;
  margin: 0;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.nav-items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  
  display: -webkit-flex;
  /* NEW - Chrome */
  
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  justify-content: space-around;
  width: 100%;
  height: 2.78em;
  margin: 0 auto;
  background-color: #2c4d90;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
}

.item {
  list-style-type: none;
  height: 1.5em;
  display: inline-block;
  margin-top: .83em;
  background-color: #2c4d90;
}

.item a {
  color: #f6c636;
  padding: .5em 1em;
  text-decoration: none;
  text-align: center;
}

.item a:hover {
  background-color: black;
}

.logo {
  font-size: 2em;
  margin-top: -.35em;
}

.logo a:hover {
 background: none;
}

.mini-nav {
  display: none;
}

.mobile-logo {
  display: none;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
   
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 100%;
    padding: 25px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
.navSlogan {
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 1.5em;

}

.navSlogan img {
    height: 90px;
    vertical-align: middle;
}

@media (max-width: 990px) {
  .mini-nav {
    height: 1.41em;
    background-color: #fff;
    display: block;
    position: relative;
    font-size: 2em;
	color: #000;
	margin-top: -50px;
  }
  .mobile-logo {
    display: block;
    margin: 0 auto;
    font-size: 1.75em;
    text-align: center;
    line-height: .70;
  }
  .menu-icon {
    position: absolute;
    right: 0;
    margin: 20px;
    cursor: pointer;
  }
  .item {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
  }
  .item a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 0;
  }
  .item:nth-child(3n+1) {
 /*   background-color: #8c8c8c;*/
  }
  .logo,
  .nav-items {
    display: none;
  }
  .mini-menu-items {
    display: block;
    height:320px;
  }
    .navSlogan {
        font-size: 1.2em;
    }
    .camera_wrap {
        margin-top: 130px;
    }
}
		
	/* Typography */
		
		.bold{
		font-weight: 700;}

		.title{
		font-size: 1.3em;
		text-align: center;
		margin-left: 20%;
		font-family: 'Oswald', sans-serif;
		letter-spacing: 1px;
		 -webkit-animation-delay: 1s;
		 -moz-animation-delay: 1s;
		 }

		.center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;}
		
		.pagetitle {
		font-size: 1.5em;}
		
		.onethird h3{
		text-align: center;
		font-size: 1.4em;}


		
		
		
	/* Form */
		
		form {
		margin:0 auto;
		max-width: 100%;

		}


		input, textarea, file {
			width: 80%;
			height:5px;
			background-color:#dedede;
			padding: 20px;
			margin: 5px 0;
			font-size:0.9em;
			color:#111;
			font-family: 'Roboto', sans-serif;
			max-width: 90%;
			border: none;
			
		}

		input:focus, textarea:focus {
			border:1px solid #16a3d2;
		}

		
		textarea 
		{
			height:80px;
			background-color: #dedede;
			font-family: 'Roboto', sans-serif;

		}



		#submit {
			display: inline-block;
			padding: 12px 10px 30px 10px;
			width: 130px;
			margin-top: .9em;
			margin-bottom: 20px;
			background-color: #ffac1b;
			font-size: 14px;
			font-weight: 700;
			letter-spacing: 1px;
			color: #fff;
			border: none;
			text-transform: uppercase;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}

		#submit:hover {
			color:#fff;
			background-color: #666;
			

		}
		
		#owl-demo{
		-webkit-animation-delay: 1s;
		 -moz-animation-delay: 1s;
		}
		
		#owl-demo .item{
		  display: block;
		  cursor: pointer;
		  background: #222;
		  padding: 0px 0px 20px 0px;
		  margin: 5px;
		  color: #FFF;
		  text-align: center;
		  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		  min-height: 210px;
		  
		}
		#owl-demo .item:hover{
		  background: #ffac1b;
		}


	/* Footer */
	
	
		
		.footer {
			max-width: 100%;
			border-top: 1px solid #555;
			background-color: #333;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em;
			letter-spacing: 1px;
			text-align: center;
			color: #999;
			padding: 15px;
		}

		
		.footer a {
		color: #fff;
		font-weight: 400;}
		
		.footer a:hover {
		color: #dedede;}
		
		
		.facebook {
		padding: 0 5px;
		font-size: 1.5em;}
	
	
	/*Social Links */
	
		.facebook:hover{
			color: #3b5998;}
		
		.twitter{
			padding: 0 5px;
			font-size: 1.5em;}
		
		.twitter:hover {
			color:#00aced;}
		
		.gplus{
			padding: 0 5px;
			font-size: 1.5em;}
		
		.gplus:hover{
			color:#dd4b39;}
		
		.mail{
			padding:0 5px;
			font-size: 1.5em;}
		
		.mail:hover{
			color:#16a3d2;}
			

	/* Back to Top */
		.cd-top {
		  display: inline-block;
		  height: 50px;
		  width: 50px;
		  position: fixed;
		  bottom: 30px;
		  right: 20px;
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		  /* image replacement properties */
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  background: rgba(240, 123, 9, 0.9) url(../img/top-arrow.png) no-repeat center 50%;
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
		  -moz-transition: opacity .3s 0s, visibility 0s .3s;
		  transition: opacity .3s 0s, visibility 0s .3s;
		  z-index: 1;
		}
		.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
		  -moz-transition: opacity .3s 0s, visibility 0s 0s;
		  transition: opacity .3s 0s, visibility 0s 0s;
		}
		.cd-top.cd-is-visible {
		  visibility: visible;
		  opacity: 1;
		}
		.cd-top.cd-fade-out {
		  opacity: .7;
		}
		.no-touch .cd-top:hover {
		  background-color: #ffac1b;
		  opacity: 1;
		}
		

	/* Media Queries */

		@media only screen and (max-width: 990px) {
	   
			.headerNav {
				position: absolute;
				right: 16px;
				width: 80%;
				z-index: 1337;
				padding: 0 2em;
				border-bottom: solid 3px #ffac1b;
				background-color: #111;
				margin-top: 18px;
			}

			.headerNav a {
				border-top: solid 1px #ffac1b;
				color: #fff;
				font-weight: 300;
							
			}
						
			.headerNav a:hover {
				color: #999;
			}
						
			.headerNav ul li ul li  a{
				border-top: solid 1px #333;		
			}
					
			
			.twothirds{
				width: 100%;}
            
            .navTopLogo {
                display: block;
                margin: 0 auto;
            }
            .mobilebreak {
                display:block;
            }
            .title {
                margin: 0 auto;
                display: block;
                margin-top:90px;
            }
            .title2 {
                margin-top: 0!important;
            }		
		}
  
    @media only screen and (min-width: 990px) {

         .headerNavButton {
         display: none;
         }

         .headerNav {
            display: block;
            margin-top: -20px;
			height: 30px;
        }

        .headerNav .subnav {
            display: none;
        }

        .headerNav>a {
            text-align: center;
            font-weight: 300;
            padding: 0;
            color: #8d8977;
            font-size: 1.3em;
        }

        .headerNav>ul {
            float: right;
		}

        .headerNav>ul>li{
            display: inline-block;
            margin-left: 1em;
            font-size: 1em;	
		}

        .headerNav ul li a {
            padding: 0.1em;
		}

        .headerNav>ul>li:hover>a {
            color: #ffac1b;
        }

        .headerNav ul li:hover ul {
            display: block;
            position: absolute;
            z-index: 1337;
            background-color: rgba(240,240,240,.95);
            padding: 0;
            margin-left: -28px;
		}

        .headerNav ul li ul li {
            display: block;
            margin: 0 1em;
        }

        .headerNav ul li ul li a {
            border-bottom: solid 1px #ccc;
            padding: 1em 0;
			color: #555;
			font-size: 0.9em;
		}
									
		.headerNav ul li ul li a:hover {
           color: #ffac1b;
		}
		
    }


    @media only screen and (min-width: 1200px) {
  
                .headerNav>ul>li{
                    margin-left: 1em;
                    font-size: 1em;
                }

              
					
				.headerNav ul li ul li a {
                    border-bottom: solid 1px #ccc;
                    padding: 1em 0;
					color: #555; }
									
				.headerNav ul li ul li a:hover {          
					color: #ffac1b;
                }
         
    }	


	@media only screen and (max-width: 900px) {
			.onefourth{
			width: 45%;
			max-width: 50%;}

	}	

				
	@media only screen and (max-width: 768px) {
				.onehalf{
				width: 95%;
				max-width: 100%;}

	}
		
	@media only screen and (max-width: 580px) {
			.onefourth{
			width: 100%;
			max-width: 100%;}
			
			.onethird{
			width: 100%;
			max-width: 100%;}

	}


	@media (max-width: 480px){

			.phone{
				padding-top: 20px;
				margin-top: -40px;
			}

	}