/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../imgs/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}

/*#boot-ex *{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
*/


.main-item{margin:0;padding:0;}
.item-container{margin:0;padding:0;}
.item-info{margin:0;padding:0;}
.item-info h4{font-size:14px;}
.item-title{margin:0;padding:0;}
.main-sku{max-width:300px;margin-top:15px;}
/*.sku-group{padding:10px;}
.sku-group2{padding:10px;border:1px solid white;}*/

/*font-face*/
@font-face {
    font-family: 'Dji';
    font-weight: 500;
    src: url(http://www3.djicdn.com/assets/fonts/Dji/Demi/Dji-Demi-ddc27cbb7836910e5e605749687ee636.eot);
    src: url(http://www4.djicdn.com/assets/fonts/Dji/Demi/Dji-Demi-ddc27cbb7836910e5e605749687ee636.eot?#iefix) format('embedded-opentype'), url(//www3.djicdn.com/assets/fonts/Dji/Demi/Dji-Demi-68e265ef774dad939c02271d0ecd8a00.woff) format('woff'), url(//www2.djicdn.com/assets/fonts/Dji/Demi/Dji-Demi-c79fdce3586691ebb048d1dca7d04297.ttf) format('truetype'), url(//www3.djicdn.com/assets/fonts/Dji/Demi/Dji-Demi-c4458ac4abb8066c235b6b79bdf7719b.svg#DjiDemi) format('svg')
}

@font-face {
    font-family: 'Dji';
    font-weight: 400;
    src: url(http://www5.djicdn.com/assets/fonts/Dji/Book/Dji-Book-89ad77547491cd509238d86e56dc6843.eot);
    src: url(http://www1.djicdn.com/assets/fonts/Dji/Book/Dji-Book-89ad77547491cd509238d86e56dc6843.eot?#iefix) format('embedded-opentype'), url(//www2.djicdn.com/assets/fonts/Dji/Book/Dji-Book-d83b1afc6a3033c3b593c351b6c117f4.woff) format('woff'), url(//www3.djicdn.com/assets/fonts/Dji/Book/Dji-Book-b675dfb371fa8fab8a2ff19e7207a874.ttf) format('truetype'), url(//www3.djicdn.com/assets/fonts/Dji/Book/Dji-Book-4a6172ec2654d8b802e37f01b10c9add.svg#DjiBook) format('svg')
}

@font-face {
    font-family: 'Dji';
    font-weight: 300;
    src: url(http://www1.djicdn.com/assets/fonts/Dji/Light/Dji-Light-cf2fa0f609c1dd16674b8d8388fb0491.eot);
    src: url(http://www2.djicdn.com/assets/fonts/Dji/Light/Dji-Light-cf2fa0f609c1dd16674b8d8388fb0491.eot?#iefix) format('embedded-opentype'), url(//www2.djicdn.com/assets/fonts/Dji/Light/Dji-Light-1e145fe7284bd1c5545d83eeffad8422.woff) format('woff'), url(//www3.djicdn.com/assets/fonts/Dji/Light/Dji-Light-fd1f4cc95e463e92c068057cdaa3bfd2.ttf) format('truetype'), url(//www3.djicdn.com/assets/fonts/Dji/Light/Dji-Light-c517e26206c929d2b09685fbd7087844.svg#DjiLight) format('svg')
}

@font-face {
    font-family: 'Gotham';
    font-weight: 100;
    src: url(//www4.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-0fc6a1b5d3a7cdc8a9b160714f0e5844.eot);
    src: url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-0fc6a1b5d3a7cdc8a9b160714f0e5844.eot?#iefix) format('embedded-opentype'), url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-bd3308e94f4dadcb6b3947f120307b04.woff) format('woff'), url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-dc2735a9d61bb1747edc3aa8874c9a00.ttf) format('truetype'), url(//www1.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-3ac71d3c4070f062515e8f0535ab0a40.svg#GothamLight) format('svg')
}
@font-face {
    font-family: 'Gotham';
    font-weight: 300;
    src: url(//www4.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-0fc6a1b5d3a7cdc8a9b160714f0e5844.eot);
    src: url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-0fc6a1b5d3a7cdc8a9b160714f0e5844.eot?#iefix) format('embedded-opentype'), url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-bd3308e94f4dadcb6b3947f120307b04.woff) format('woff'), url(//www5.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-dc2735a9d61bb1747edc3aa8874c9a00.ttf) format('truetype'), url(//www1.djicdn.com/assets/fonts/Gotham/Light/Gotham-Light-3ac71d3c4070f062515e8f0535ab0a40.svg#GothamLight) format('svg')
}

@font-face {
    font-family: 'Gotham';
    font-weight: 400;
    src: url(//www2.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-4d092e28e42c81b1bdebcd4010abe604.eot);
    src: url(//www3.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-4d092e28e42c81b1bdebcd4010abe604.eot?#iefix) format('embedded-opentype'), url(//www4.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-c43f8d78d3bb884b7374abcac2733fdd.woff) format('woff'), url(//www3.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-f8208691ced4c70ed930ac679ca283bd.ttf) format('truetype'), url(//www4.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-5120bdb1699c531b0c35daacf7cfd2d9.svg#GothamBook) format('svg')
}

@font-face {
    font-family: 'Gotham';
    font-weight: 500;
    src: url(//www3.djicdn.com/assets/fonts/Gotham/Medium/Gotham-Medium-c0fb8cad2da798f8b27d0fe7336c0443.eot);
    src: url(//www4.djicdn.com/assets/fonts/Gotham/Medium/Gotham-Medium-c0fb8cad2da798f8b27d0fe7336c0443.eot?#iefix) format('embedded-opentype'), url(//www2.djicdn.com/assets/fonts/Gotham/Medium/Gotham-Medium-d3b6961fff1d0ed9b48c5704a154f0eb.woff) format('woff'), url(//www2.djicdn.com/assets/fonts/Gotham/Medium/Gotham-Medium-7096870c6c466162c6728fe35c6990a3.ttf) format('truetype'), url(//www4.djicdn.com/assets/fonts/Gotham/Medium/Gotham-Medium-9560bad501344775ac5a19fed17cecad.svg#GothamMedium) format('svg')
}

@font-face {
    font-family: 'Gotham';
    font-weight: 700;
    src: url(//www3.djicdn.com/assets/fonts/Gotham/Bold/Gotham-Bold-cd948a4aaa2abad6f8ccbd3279b2c919.eot);
    src: url(//www4.djicdn.com/assets/fonts/Gotham/Bold/Gotham-Bold-cd948a4aaa2abad6f8ccbd3279b2c919.eot?#iefix) format('embedded-opentype'), url(//www5.djicdn.com/assets/fonts/Gotham/Bold/Gotham-Bold-82108447444875e260f19422452e6346.woff) format('woff'), url(//www1.djicdn.com/assets/fonts/Gotham/Bold/Gotham-Bold-2c5f7b872b5a1afa6e961572ab71510e.ttf) format('truetype'), url(//www3.djicdn.com/assets/fonts/Gotham/Bold/Gotham-Bold-75ec53ac20c4935722d95c00820d4733.svg#GothamBold) format('svg')
}

@font-face {
    font-family: 'Gotham';
    font-weight: 800;
    src: url(//www3.djicdn.com/assets/fonts/Gotham/Ultra/Gotham-Ultra-c59ca01af325db0c249a45bd1d609155.eot);
    src: url(//www4.djicdn.com/assets/fonts/Gotham/Ultra/Gotham-Ultra-c59ca01af325db0c249a45bd1d609155.eot?#iefix) format('embedded-opentype'), url(//www4.djicdn.com/assets/fonts/Gotham/Ultra/Gotham-Ultra-c63411efa65848a9172905f7ed607381.woff) format('woff'), url(//www2.djicdn.com/assets/fonts/Gotham/Ultra/Gotham-Ultra-ce1d969a71ca40a4701c28775d428dfa.ttf) format('truetype'), url(//www2.djicdn.com/assets/fonts/Gotham/Ultra/Gotham-Ultra-7d458bff63e48dc9ba3f0fe211c1971e.svg#GothamUltra) format('svg')
}

/* custom CSS on a per project basis
================================*/

/* ---- Spacer(s) ---- */
.blank5{clear:both;display:block;margin:0;padding:0;width:100%;height:5px;background:none;}
.blank10{clear:both;display:block;margin:0;padding:0;width:100%;height:10px;background:none;}
.blank20{clear:both;display:block;margin:0;padding:0;width:100%;height:20px;background:none;}
.blank30{clear:both;display:block;margin:0;padding:0;width:100%;height:30px;background:none;}
.blank40{clear:both;display:block;margin:0;padding:0;width:100%;height:40px;background:none;}
.blank50{clear:both;display:block;margin:0;padding:0;width:100%;height:50px;background:none;}
.blank60{clear:both;display:block;margin:0;padding:0;width:100%;height:60px;background:none;}
.blank70{clear:both;display:block;margin:0;padding:0;width:100%;height:70px;background:none;}
.blank80{clear:both;display:block;margin:0;padding:0;width:100%;height:80px;background:none;}
.blank90{clear:both;display:block;margin:0;padding:0;width:100%;height:90px;background:none;}
.blank100{clear:both;display:block;margin:0;padding:0;width:100%;height:100px;background:none;}


.vendor-banner {display: block; width: 100%; margin: 0 auto;}
.vendor-banner img {width: 100%; height: auto;}
.constrain-1366 {max-width: 1366px;}
.constrain-1000 {max-width: 1000px;}
.constrain-900 {max-width: 900px;}
.constrain-800 {max-width: 800px;}

/*section1*/
#intro {
    background: radial-gradient(circle, #1e2b3f 0%, #000 100%);
    text-align: center;
    color: #fff;
}
.font-dji{
	font-family:"Dji","Helvetica Neue",Arial,sans-serif!important;
	font-weight: 500!important;
	text-transform: uppercase!important;
}
.font-dji.mavic-tl{
	font-size: 4.5em;
    display: inline-block;
    text-transform: uppercase;
}
.font-dji.air-tl{
	font-size: 4.5em;
	margin-left: 9px;
    font-weight: lighter!important;
    text-indent: 0;
}

.font-gotham{
	font-family:"Gotham","Helvetica Neue",Arial,sans-serif!important;
	font-weight: 100!important;
	text-transform: uppercase!important;
}

.font-gotham.slogan{
	font-size: 1.75em;
    margin-bottom: 60px;
}

.video-box{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.limited-txt{
	color:#fdbb20;
	font-size: 1.1em;
	font-weight:100;
	padding-left:0px;
}
/*section2*/
#sec-02 {
	position:relative;
	height:65vh;
    background-image: url(../../images/imgs/bgsection-02.jpg);
    background-repeat: no-repeat;
    /*background-position: center top; */
    background-attachment: fixed;
	background-position: center center;
	background-size:auto 100%;
	background-color: #000;
    background-color:#fff;
    color: #fff;
}
#sec-02 .content{
	max-width:800px;
	font-size:1em;
	position: absolute;
    top: 7%;
    left: 12%;
    transform: translateX(-5%) translateY(-5%);
}
#sec-02 img{
	max-width:100%;
}

#boot-ex{
	color:#fff;
	background: #000;
	background: -webkit-linear-gradient(#000, #797979);
	background:    -moz-linear-gradient(#000, #797979);
	background:         linear-gradient(#000, #797979);
}
.img-logo{
	width:10%;
}
.img-logo2{
	width:30%;
}
.item-title a{
	color:#fff;
}
.item-title a:hover{
}

.item-box {
	margin-top:25px;
}
.icon{margin-bottom:10px;background-color:#fff;opacity:0.4;}
.icon:hover{opacity:1;}

.icon2{margin-bottom:10px;background-color:#fff;opacity:1;}

.icon-group {color:#fff;opacity:0.8;}
.icon-group:hover{opacity:1;}
.icon3 h3{color:#fff;}

.icon3{margin-bottom:10px;background-color:#5f88bf;}


.icon4{margin-bottom:10px;background-color:#5f88bf;opacity:1;}

.carousel01{padding:5% 0;background-color:#ffffff;}
.carousel01 .carousel-caption1{color:#fff;height:175px;padding:3%;background-color:#000;}

.carousel02{
    background-image: url(../../images/imgs/performance.jpg);
    background-repeat: no-repeat;
	padding:5% 0;
	background-color:#ffffff;
}

.carousel-border{
	border: 2px solid white;
}
.carousel02 .carousel-caption1{color:#fff;height:175px;padding:3%;background-color:#000;z-index:2000;}
.carousel02 .carousel-caption1 h3{font-size:1.25em;}
.carousel02 .carousel-caption1 p{font-size:0.9em;font-weight:100;}

.ifm-controls-01 a:hover{text-decoration: none;}
.ifm-controls-02 h3{font-size:.65em;}
.ifm-controls-02 h3:hover{text-decoration: none;}

.ifm2-controls-01 h3{font-size:1.25em;}
.ifm2-controls-01 h3:hover{font-size:1.25em;}
.ifm2-controls-01 a{color:#fff;}
.ifm2-controls-01 a:hover{text-decoration: none;}


.btn-area{margin:0;padding:0;}

.clr-select{
	z-index: 2000;
}
.butt1 {
	display: inline-block;
    border: none;
    background-color: black;
    height:25px;
    width:25px;
    cursor:pointer;
    margin:1%;
}

.butt1:hover {
   border:2px solid yellow;
}
.butt2 {
	display: inline-block;
    border: none;
    background-color: red;
    height:25px;
    width:25px;
    cursor:pointer;
    margin:1%;
}

.butt2:hover {
   border:2px solid yellow;
}
.butt3 {
	display: inline-block;
    border: none;
    background-color: white;
    height:25px;
    width:25px;
    cursor:pointer;
    margin:1%;
}

.butt3:hover {
   border:2px solid yellow;
}

.fl-01{float:none;}
.fr-01{float:none;}

/* ---- Sec-04 ---- */
.sec-04{
	color:#fff;
	background:url(../../images/imgs/bgsection-04b.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 0;
	background-size:auto 100%;
	background-color: #000;
}
.sec-04 h3{font-size:2.5em;font-family:"Dji","Helvetica Neue",Arial,sans-serif!important;}
.sec-04 p{max-width:400px;}

/* ---- Sec-01 ---- */
.sec-05{
	color:#000;
	background-color: #fff;
}
.sec-05 h3{padding-bottom:1em;}

/* ---- Sec-04 ---- */
.sec-06{
	color:#000;
	background-color: #fff;
}
.sec-06 h3{padding-bottom:1em;}

.copybox{
	padding:5% 5%;
}
.copybox h3{
	text-transform: uppercase;
}
.copybox2{
	padding-top:50%;
}
.copybox2 h3{
	text-transform: uppercase;
}
.copybox3{color:#fff;padding-bottom:10%;}
.copybox3 h3{
	text-transform: uppercase;
}
.copybox4{padding:7% 5%;}
/* ---- Sec-04 ---- */
.sec-07{
	color:#2d2d2d;
	background:url(../../images/imgs/dji-gray.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top;
	background-size:cover;
	background-color: #000;
}
.sec-07 h3{}
.sec-07 p{max-width:400px;}

.img-row {padding-top:2%;}

.design-title{
	color: #464646;
	font-weight: 800;
	background-color: #000;
}
.photos-title{
	color: #d1d1d1;
	font-weight: 800;
}
.photos{
	background-color: #fff;
}

.design-title h1{font-family:"Dji","Helvetica Neue",Arial,sans-serif!important;
font-size: 5em;text-align:center;padding:15px 0;}
.intel-title h1{font-family:"Dji","Helvetica Neue",Arial,sans-serif!important;
font-size: 3em;text-align:center;margin:0;padding:0;text-transform: uppercase}
.photos-title h1{font-family:"Dji","Helvetica Neue",Arial,sans-serif!important;
font-size: 5em;text-align:center;padding:15px 0;}

/* ---- Sec-01 ---- */
.sec-08{
	color:#fff;
	background-color:#000;
}
.sec-08 h3{padding-bottom:1em;}

/* ---- Sec-04 ---- */
.sec-09{
	color:#fff;
	background-color:#000;
}
.sec-09 h3{padding-bottom:1em;}

/* ---- Sec-04 ---- */
.sec-10{
	height:600px;
	color:#fff;
	background:url(../../images/imgs/beach2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center right;
	background-size:cover;
	background-color: #000;
}
.sec-10 h3{}
.sec-10 p{max-width:400px;}

.center-block {
  display: table;
  margin: 0 auto;
}

#footnote .content{
	color: #fff;
	font-size: 0.85em;
	font-weight: 300;
	max-width:800px;
}

.safetysec{
	color: #fff;
    background-image: url(../../images/imgs/safety2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
	padding:5% 0;
	background-color:#ffffff;
}

.footer-sec{
	background-color: #000;
}

.carousel-indicators li {
    cursor: pointer;
    border: 1px solid #10366a;
    border-radius: 50%;
    background-color: #fff;   
}
.carousel-indicators .active {
    background-color: #5f88bf;
}

/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
}
@media only screen and (min-width: 992px) {
	/* insert responsive CSS for screens above 769px */
	.fl-01{float:left;}
	.fr-01{float:right;}

	.copybox{padding:20% 5%;}
	.copybox2{padding-top:50%;}
	.copybox3{color:#fff;padding-bottom:10%;}
	.copybox4{padding:7% 5%;}
	.carousel02 .carousel-caption1 h3{font-size:1.25em;}
	.carousel02 .carousel-caption1 p{font-size:1em;font-weight:100;}
	.sec-10{
		height:600px;
		color:#fff;
		background:url(../../images/imgs/beach.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center right;
		background-size:cover;
		background-color: #000;
	}
	#sec-02 .content{
		font-size:1.25em;
	    top: 50%;
	    left: 50%;
	    transform: translateX(-50%) translateY(-50%);
	}
	.design-title{margin:0;padding:0;}
	.design-title h1{font-size: 5em;text-align:center;margin:0;padding:15px 0;}
	.intel-title h1{font-size: 5em;text-align:left;margin:0;padding:0;text-transform: uppercase}
	.photos-title h1{font-size: 5em;text-align:center;margin:0;padding:15px 0;}
	.item-box {
		margin-top:15px;
	}
	.safetysec{
		color: #fff;
	    background-image: url(../../images/imgs/safety.jpg);
	    background-repeat: no-repeat;
	    background-position: center center;
		padding:5% 0;
		background-color:#ffffff;
	}
	.sec-04{
		color:#fff;
		background:url(../../images/imgs/bgsection-04a.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: 0 0;
		background-size:auto 100%;
		background-color: #000;
	}
	.limited-txt{
		font-weight:100;
		padding: 11px;
	}

}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}