/* 
Begin Style2
*/

#page{
  display:block;
  position:relative;
  width:100%;
  padding:0;
  margin:0;
}




.home #Research_HP_Text{
	margin:0 auto !important;
        padding-left:100px !important;
} 

.home #Research_and_Development_Home_Page{
  display:block !important;
  position:relative !important;
  margin:0;
  padding:0;
  margin:0 auto;
}

#SF_Copyright_div {
	height:50px;
  line-height:50px;
}

.product{
  border-radius:10px;
}

button{
	border-radius:5px !important;
}


button:active{
	border:none;
  margin-top:2px;
  margin-bottom:-2px;
  box-shadow:none;
}

.woocommerce-noreviews {
     background: #388e3c none repeat scroll 0% 0% ! important;
  margin-bottom:0px !important;
}

#respond{
	background:#e6e6e6 !important;
  margin-top:0px !important;
  border-radius:0px 0px 5px 5px;
}

.comment-form-comment #comment{
	background:#fcfcfc !important;
}

#SF_FooterBKG {
  position:relative;
	z-index:999 !important;
}

#SF_Copyright_div{
  position:relative;
	z-index:1  !important;
}

#innertopdiv td:hover{
	cursor:pointer;
}

#select_part_contents li:nth-child(4) img {
     height: 100px ! important;
     margin-bottom: 10px ! important;
     width: 100px ! important;
}

#select_part_contents a{
    font-size:1em;
    font-family:"Roboto",sans-serif;
    font-weight:400 !important;
}


#SF_Showcase1 a {
  font-family: "Roboto",sans-serif !important;
  font-weight: 300px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  border-bottom: 2px solid #b6b6b6 !important;
}

#SF_Showcase1 a:hover {
	background-color: #b6b6b6;
}

#SF_Showcase1 a:active {
  border-bottom: none !important;
  margin-top: 2px !important;
}

#SF_Showcase2 a {
  font-family: "Roboto",sans-serif !important;
  font-weight: 300px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  border-bottom: 2px solid #226B25 !important;
}

#SF_Showcase2 a:hover {
	background-color: #226B25 !important;
}

#SF_Showcase2 a:active {
	border-bottom: none !important;
	margin-bottom: -2px !important;
}

.H1Green a {
  color: #fcfcfc !important;
  font-weight: 500 !important;
}




/******************************************************************************************
    Contact-Us Page
******************************************************************************************/

#ninja_forms_field_5 {
		padding-top: 10px;
    padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: none;
  border-bottom: 2px solid #226B25;
    border-radius: 5px;
  background-color: #388E3C;
    color: #fcfcfc;
}

#ninja_forms_field_5:hover {
	background-color: #226B25 !important;
}

#ninja_forms_field_5:active {
	border-bottom: none;
  margin-top: 2px;
}


#masthead .site-branding:hover {
  cursor: pointer;
}

/*******************************************************************************************
		END Contact-Us Page
*******************************************************************************************/



/*mobile devices*/
@media screen and (max-width: 760px) and (orientation: portrait) 
{

  .site-search {
    width:100% !important;
    display:block;
    position:absolute !important;
    right:0 !important;
    top:80px !important;
  }
  
  .search-field{
    background:#d6d6d6 !important;
  }
  
 label{
    font-size:2em !important;
  }
  
  body{
    overflow-x:hidden;
  }
  
  /*Products*/
  .products li{
    background:#fcfcfc !important;
    height:500px !important;
    border-bottom:1px solid #d6d6d6;
    border-radius:0px;
    margin-bottom:50px !important;
  }
  
  .products li .button{
    width:90% !important;
    background:#388e3c !important;
    padding:20px 0px !important;
    color:#fcfcfc !important;
    
  }
  
  .products li h3{
    background:#fcfcfc !important;
    height:60px !important;
    color:#222 !important;
  }
  
  .products .onsale li{
    height:700px !important;
  }
  
  .storefront-on-sale-products .products li{
    height:650px !important;
  }
  .storefront-on-sale-products .products li .onsale{
    background:#fcfcfc !important;
    color:#388e3c !important;
    font-size:2em !important;
  }
  
   /*Footer*/
  #SF_Bottom_div li a{
    display:none;
  }
  #SF_Bottom_div .H1Green{
    display:none !important;
  }
  
  #SF_Bottom_div {
    margin-bottom:0px !important;
    padding-bottom:0px !important;
  }
  
  #SF_Bottom_div_Container h1::after{
    display:none !important;
  }
  

  
  
  
  
    #site-navigation{
      
    }
  
  #site-navigation button {
    display:block  !important;
    position:absolute !important;
    box-shadow:none !important;
    z-index:99999;
    right:0px !important;
    width:14%;
    margin-right:13% !important;
    padding-left:4.5% !important;
    height:100%;
    line-height:80px;
    font-size:2.1em;
    padding:0px;
    margin:0;
    padding-left:5px;
    content:"";
    overflow:hidden;
  }

    #masthead .col-full ul li .cart-contents{
      display:block !important;
      position:relative !important;
      z-index:999 !important;
      background-position:top center !important;
      margin:0px !important;
      margin-top:0px !important;
      padding:0px !important;
      overflow:visible !important;
      top:0 !important;
      width:10%;
      right:14% !important;
      background:  url("/images/Personal_Store_Icon_DG.png") no-repeat !important;
     background-size:50% !important;
      background-position:center !important;
    }
  
  #masthead .col-full ul li .cart-contents:hover,
  #site-navigation button:hover{
    background-color:#d6d6d6 !important;
    border-radius:0px !important;
  }
  
  #masthead .col-full ul li .cart-contents::after{
      display:block !important;
      position:relative !important;
     z-index:9999  !important;
      content: "";
  background:  url("/images/Personal_Store_Icon_DG.png") no-repeat !important;
  margin-top: 0px;
    }
  
  
  
}




/*******************************************************************************************
		Main Nav Menu
*******************************************************************************************/
/*Logo*/
#masthead .site-branding{
      margin:0 !important;
      padding:0 !important;
      width:220px !important;
}

@media screen and (max-width: 760px) and (orientation: portrait) 
{
    #masthead .site-branding{
        width:20% !important;
        max-width:220px !important;
    }
}

/*Nav*/
#masthead #site-navigation {
  margin:0 !important;
  padding:0 !important;
  width:100%;
  margin-left:-20px !important;
}

#masthead #site-navigation #menu-store-navigation-menu{
  width:120% !important;
}

#masthead #site-navigation ul ul li a{
  height:50px !important;
  line-height:50px;
  margin:0px !important;
  padding:0px !important;
}


#masthead #site-navigation ul ul li{
  border:none;
}


#masthead #site-navigation ul ul .active{
  border:none;
}

#masthead #site-navigation ul ul{
  background:#226b25;
}

#masthead #site-navigation ul .sub-menu{
  margin:0 !important;
  padding:0 !important;
  height:50px;
}


#masthead #site-navigation ul ul li a,
#masthead #site-navigation ul ul * {
  margin:0px !important;
  display:block;
  padding:0px !important;
  padding:0px 10px !important;
}

/*
Icons in Sub-Items
#masthead #site-navigation ul ul li a::before{
  content:"";
  display:block;
  position:relative;
  width:10px;
  height:30px;
  margin:10px;
  background:#226b25;
  float:left;
  padding:0px !important;
}
*/

#masthead #site-navigation .current_page_item a{
  color:#226b25 !important;
  font-weight:500;
  border:none !important;
  outline:none !important;
}

#masthead #site-navigation .current_page_item a::after{
  margin:0 !important;
  padding:0 !important;
}

#masthead #site-navigation .current_page_item li a::after{
  display:none !important;
}


/*Cart*/
#masthead .site-header-cart{
  background:url("/images/Personal_Store_Icon_Small.png") no-repeat !important;
  background-size:auto 40% !important;
  background-position:center !important;
  width:5% !important;
  font-family:"Roboto",sans-serif;
  font-weight:300;
  position:relative !important;
  left:-3% !important;
}

#masthead .site-header-cart a{
  color:#fcfcfc !important;
}

#masthead .widget_shopping_cart{
  width:500px;
  margin-left:-670% !important;
}

#masthead .widget_shopping_cart a{
   color:#226b25 !important;
}

#masthead .cart-contents::after{
  display:none;
}

#masthead .cart-contents .count{
  display:none;
}

#masthead .widget_shopping_cart .button{
  background:#388e3c;
  border-radius:5px;
  margin-right:10px;
  color:#fcfcfc !important;;
  font-weight:400;
  box-shadow:none;
  border-bottom:2px solid #226b25;
}

#masthead .widget_shopping_cart .button:active{
  border:none;
  margin-top:2px;
}



/*Search Bar WHEN CLICKED*/
/*#masthead .site-search{
  display:block;
  position:absolute !important;
  right:0;
  background:#f0f !important;
  width:25% !important;
  margin-top:80px;
}

#masthead .widget_product_search form::before{
  display:block;
}
*/

/*#masthead .site-search{
  width:5% !important;
}*/

#masthead .site-search:hover{
    cursor:pointer;
}
 
#masthead .site-search input{
  background:url("/images/Search_Icon_Small.png") no-repeat !important;
  background-size:auto 35% !important;
  background-position:left center !important;
}

#masthead .widget_product_search form::before{
  display:none;
}
















/*******************************************************************************************
    Categories Nav Menu
*******************************************************************************************/
/*#secondary .widget ul ul {
    display: none;
}
#secondary .widget ul li:hover ul {
    display: block;
}
#secondary .widget ul ul ul {
    display: none !important; 
}
#secondary .widget ul ul li:hover ul {
    display: block !important;
}*/

#secondary .widget ul ul {
    display: none;
}
#secondary .widget ul li:hover ul {
    display: none;
}
#secondary .widget ul ul ul {
    display: none; 
}
#secondary .widget ul ul li:hover ul {
    display: none;
}


#secondary .widget ul li {
    border-top: 1px solid #d6d6d6;
    font-size: 1.1em;
    margin: 0;
    padding: 15px;
}
#secondary .widget ul li:last-child {
    border-bottom: 1px solid #d6d6d6;
}
#secondary .widget ul ul li {
    border: medium none !important;
    font-size: 1em !important;
    padding: 5px 0;
}
#secondary .ui-slider-range, #secondary #woocommerce_price_filter-3 .ui-slider-handle {
    background: #727272 none repeat scroll 0 0;
}
#secondary button {
    background: #388e3c none repeat scroll 0 0;
    border-radius: 5px;
    color: #fcfcfc;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
}
#secondary  button:hover {
    background: #226b25 none repeat scroll 0 0;
}
#secondary .price_label {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
}

#secondary #woocommerce_recently_viewed_products-3 li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d6d6d6 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
}
#secondary #woocommerce_recently_viewed_products-3 li:last-child {
    border-bottom: 1px solid #d6d6d6;
}

#secondary .current-menu-item a{
    font-weight:500;
    color:#388e3c !important;
}







/*******************************************************************************************
    Products Sorting/Pages
*******************************************************************************************/
.storefront-sorting .woocommerce-pagination{
  width:40%;
}

.storefront-sorting .woocommerce-pagination ul li:nth-child(5),
.storefront-sorting .woocommerce-pagination ul li:nth-child(6){
  display:inline-block !important;
}


/*Thumbnails*/
.product .thumbnails .zoom{
  display:none !important;
}

.product .thumbnails .zoom:first-child{
  display:block !important;
  width:50px !important;
  height:50px;
  background:url("/images/More_Pictures.png") no-repeat !important;
  background-position:center;
  background-size:100% !important;
}

.product .thumbnails .zoom:first-child:hover{
  opacity:0.5;
}

.product .thumbnails .zoom:first-child img{
  display:none;
}







/*******************************************************************************************
    Storefront
*******************************************************************************************/
.page-id-1498 #SF_Showcase2_Container {
    background: #222 url("/images/Grasshopper_V3_Trimmed.png") no-repeat !important;
   background-position: bottom left !important;
   position:absolute;  
    left:0;
   height: 450px;
    margin-bottom: 50px;
    width: 100%;
   margin:0 !important;
}

.page-id-1498 #SF_Showcase2 {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    height: 100%;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.page-id-1498 #SF_Showcase2 p{
  color: #fcfcfc !important;
}
.page-id-1498 #SF_Showcase2 h2 {
    color: #fcfcfc !important;
    display: block;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    position: relative;
  font-size:1.8em;
  letter-spacing:0px;
}

.page-id-1498 #SF_Showcase2 .greenText {
    color: #226b25;
}
.page-id-1498 #SF_Showcase2 .buttonLinkW {
    background: #fcfcfc none repeat scroll 0 0 !important;
    border-bottom: 2px solid #b6b6b6;
    border-radius: 5px;
    color: #226b25;
    float: left;
    padding: 10px 20px;
    text-align: center;
    width: 150px;
}
.page-id-1498 #SF_Showcase2 .buttonLinkW:hover {
    background: #f3f3f3 none repeat scroll 0 0 !important;
}

#secondary h3{
  color:#388e3c;
  font-family:"Roboto",sans-serif;
  font-weight:400;
  border:none;
  margin:0;
}







/*******************************************************************************************
    SF Banner
*******************************************************************************************/
.page-id-1498 #storeFrontHeaderContainer {
  background: url("/images/Drone_Gear.png") !important;
  background-color: #222 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size:auto 100% !important;
  left:0;
  margin-bottom: 50px;
  width: 100%;
  margin:0 !important;
  height: auto;
}

.page-id-1498 #storeFrontHeader {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    height: 450px;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.page-id-1498 #storeFrontContent{
  height:300px;
  padding-left:20px;
}
.page-id-1498 #storeFrontContent p{
  color: #fcfcfc !important;
  width:30%;
}
.page-id-1498 #storeFrontContent h2 {
    color: #fcfcfc !important;
    display: block;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    position: relative;
  padding-top:40px;
}

.page-id-1498 #storeFrontContent .greenText {
    color: #226b25;
}
.page-id-1498 #storeFrontContent .buttonLinkW {
    background: #fcfcfc none repeat scroll 0 0 !important;
    border-bottom: 2px solid #b6b6b6;
    border-radius: 5px;
    color: #226b25;
    float: left;
    padding: 10px 20px;
    text-align: center;
    width: 150px;
}
.page-id-1498 #SF_Showcase2 .buttonLinkW:hover {
    background: #f3f3f3 none repeat scroll 0 0 !important;
}

/*Showcase 1*/
.page-id-1498 #SF_Showcase2 a {
    background: #fcfcfc none repeat scroll 0 0 !important;
    border-bottom: 2px solid #727272 !important;
    border-radius: 5px;
    color: #226b25 !important;
    float: right;
    padding: 10px 20px;
    text-align: center;
    width: 150px;
}
.page-id-1498 #SF_Showcase2 a:hover {
    background: #f3f3f3 none repeat scroll 0 0 !important;
}

.page-id-1498 #SF_Showcase2 a:active {
    border-bottom:none;
  margin-top:2px;
}


/*Bottom Showcase Div*/
.page-id-1498 #SF_Showcase1_Container{
  background-color:#f3f3f3 !important;
}
.page-id-1498 #SF_Showcase1_Container h2{
  color:#222;
}
.page-id-1498 #SF_Showcase1_Container p{
  color:#222;
}
.page-id-1498 #SF_Showcase1 a {
    background: #388e3c none repeat scroll 0 0 !important;
    border-bottom: 2px solid #226b25 !important;
    border-radius: 5px;
    color: #fcfcfc;
    float: left;
    padding: 10px 20px;
    text-align: center;
    width: 200px;
  box-shadow:none !important;
}
.page-id-1498 #SF_Showcase1 a:hover {
    background: #4caf50 none repeat scroll 0 0 !important;
}









/*******************************************************************************************
    Select a part
*******************************************************************************************/
#storeFrontSelectCategory{
  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;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin:0 auto;
  width:100%;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content:center;
  background:#f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x:auto;
}

#storeSelectContent{
  font-family:"Roboto",sans-serif !important;
  border-bottom:20px solid #727272;
}

#storeSelectContent h1{
  text-align:center ;
  font-family:"Roboto",sans-serif !important;
  font-weight:300 !important;
  padding:0 !important;
  margin:0 !important;
  padding-top:40px !important;
  font-size:1.8em;
  color:#222;
  background:#f3f3f3;
}

#storeSelectContent h1::after{
    background: #226b25 none repeat scroll 0px 0px;
    content: "";
    display: block;
    height: 2px;
    margin:0 auto;
    margin-top:40px;
    width: 100px;
}

#storeFrontSelectCategory{
  padding:0 !important;
  margin:0 !important;
  padding-top:40px !important;
}

.flexItem{
  background:#f3f3f3;
  min-width:110px;
  min-height:100px;
  width:24%;
  max-width:160px;
}

.flexItem img{
  width:80%;
  margin:0 auto;
  border-radius:10px;
  padding:0px 20px;
}

.flexItem img:hover{
  background-color:#727272;
}

.flexItem p{
  color:#226b25;
  text-align:center;
  font-weight:400;
}

#storeFrontSelectCategoryBottom{
  height:50px;
  background:#f3f3f3;
}

@media screen and (max-width: 761px) {
    .page-id-1498 #storeFrontHeaderContainer {
       background-position:center left  !important;
    }
    
    .page-id-1498 #storeFrontHeaderContainer {
       background-position:center left !important;
    }
}


/*******************************************************************************************
    Select a part ANIMATIONS
*******************************************************************************************/
/*MR UAVs*/
@media screen and (min-width: 761px)
{
        #mrUAVImage {
          height:60px;
          background-image:url("/images/Multirotor_UAV_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:60%;
          margin-bottom: 2px;
        }
        .flexItem:hover #mrUAVImage{
          height:60px;
          background-image:url("/images/Multirotor_UAV_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:70%;
        }
        
        @keyframes growImage {
            from {
              background-image:url("/images/Multirotor_UAV_DG.png");
              background-size:60%;
            }
            to {
              background-image:url("/images/Multirotor_UAV_BLK.png");
              background-size:70%;
            }
        }
        .flexItem:hover #mrUAVImage {
            animation-name: growImage;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage {
            from {
              background-image:url("/images/Multirotor_UAV_BLK.png");
              background-size:70%;
            }
            to {
              background-image:url("/images/Multirotor_UAV_DG.png");
              background-size:60%;
            }
        }
        .flexItem #mrUAVImage {
            animation-name: shrinkImage;
            animation-duration: 0.3s;
        }
        


        /*MR Accessories*/
        #mrACCImage {
          height:60px;
          background-image:url("/images/Multirotor_Accessories_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
          margin-bottom: 2px;
        }
        .flexItem:hover #mrACCImage{
          height:60px;
          background-image:url("/images/Multirotor_Accessories_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:60%;
        }
        
        @keyframes growImage2 {
            from {
              background-image:url("/images/Multirotor_Accessories_DG.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/Multirotor_Accessories_BLK.png");
              background-size:60%;
            }
        }
        .flexItem:hover #mrACCImage {
            animation-name: growImage2;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage2 {
            from {
              background-image:url("/images/Multirotor_Accessories_BLK.png");
              background-size:60%;
            }
            to {
              background-image:url("/images/Multirotor_Accessories_DG.png");
              background-size:50%;
            }
        }
        .flexItem #mrACCImage {
            animation-name: shrinkImage2;
            animation-duration: 0.3s;
        }
        
        /*T-Motor*/
        #tMOTORImage {
          height:60px;
          background-image:url("/images/TMotor_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
          margin-bottom: 2px;
        }
        .flexItem:hover #tMOTORImage{
          height:60px;
          background-image:url("/images/TMotor_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
        }
        
        @keyframes growImage3 {
            from {
              background-image:url("/images/TMotor_DG.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/TMotor_BLK.png");
              background-size:50%;
            }
        }
        .flexItem:hover #tMOTORImage {
            animation-name: growImage3;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage3 {
            from {
              background-image:url("/images/TMotor_BLK.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/TMotor_DG.png");
              background-size:40%;
            }
        }
        .flexItem #tMOTORImage {
            animation-name: shrinkImage3;
            animation-duration: 0.3s;
        }
        

        /*Ground Stations*/
        #grndSTATImage {
          height:60px;
          background-image:url("/images/Ground_Stations_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
          margin-bottom: 2px;
        }
        .flexItem:hover #grndSTATImage{
          height:60px;
          background-image:url("/images/Ground_Stations_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
        }
        
        @keyframes growImage4 {
            from {
              background-image:url("/images/Ground_Stations_DG.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/Ground_Stations_BLK.png");
              background-size:50%;
            }
        }
        .flexItem:hover #grndSTATImage {
            animation-name: growImage4;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage4 {
            from {
              background-image:url("/images/Ground_Stations_BLK.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/Ground_Stations_DG.png");
              background-size:40%;
            }
        }
        .flexItem #grndSTATImage {
            animation-name: shrinkImage4;
            animation-duration: 0.3s;
        }
        

        /*Power Accessories*/
        #pwrACCImage {
          height:60px;
          background-image:url("/images/Power_Accessories_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
          margin-bottom: 2px;
        }
        .flexItem:hover #pwrACCImage{
          height:60px;
          background-image:url("/images/Power_Accessories_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
        }
        
        @keyframes growImage5 {
            from {
              background-image:url("/images/Power_Accessories_DG.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/Power_Accessories_BLK.png");
              background-size:50%;
            }
        }
        .flexItem:hover #pwrACCImage {
            animation-name: growImage5;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage5 {
            from {
              background-image:url("/images/Power_Accessories_BLK.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/Power_Accessories_DG.png");
              background-size:40%;
            }
        }
        .flexItem #pwrACCImage {
            animation-name: shrinkImage5;
            animation-duration: 0.3s;
        }
        

        /*FPV Gear*/
        #fpvGEARImage {
          height:60px;
          background-image:url("/images/FPV_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
          margin-bottom: 2px;
        }
        .flexItem:hover #fpvGEARImage{
          height:60px;
          background-image:url("/images/FPV_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
        }
        
        @keyframes growImage6 {
            from {
              background-image:url("/images/FPV_DG.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/FPV_BLK.png");
              background-size:50%;
            }
        }
        .flexItem:hover #fpvGEARImage {
            animation-name: growImage6;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage6 {
            from {
              background-image:url("/images/FPV_BLK.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/FPV_DG.png");
              background-size:40%;
            }
        }
        .flexItem #fpvGEARImage {
            animation-name: shrinkImage6;
            animation-duration: 0.3s;
        }
        

        /*Gimbals*/
        #gimbImage {
          height:60px;
          background-image:url("/images/Gimbals_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
          margin-bottom: 2px;
        }
        .flexItem:hover #gimbImage{
          height:60px;
          background-image:url("/images/Gimbals_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:50%;
        }
        
        @keyframes growImage7 {
            from {
              background-image:url("/images/Gimbals_DG.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/Gimbals_BLK.png");
              background-size:50%;
            }
        }
        .flexItem:hover #gimbImage {
            animation-name: growImage7;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage7 {
            from {
              background-image:url("/images/Gimbals_BLK.png");
              background-size:50%;
            }
            to {
              background-image:url("/images/Gimbals_DG.png");
              background-size:40%;
            }
        }
        .flexItem #gimbImage {
            animation-name: shrinkImage7;
            animation-duration: 0.3s;
        }
        

        /*Propellers*/
        #propsImage {
          height:60px;
          background-image:url("/images/Propellers_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:30%;
          margin-bottom: 2px;
        }
        .flexItem:hover #propsImage{
          height:60px;
          background-image:url("/images/Propellers_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
        }
        
        @keyframes growImage8 {
            from {
              background-image:url("/images/Propellers_DG.png");
              background-size:30%;
            }
            to {
              background-image:url("/images/Propellers_BLK.png");
              background-size:40%;
            }
        }
        .flexItem:hover #propsImage {
            animation-name: growImage8;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage8 {
            from {
              background-image:url("/images/Propellers_BLK.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/Propellers_DG.png");
              background-size:30%;
            }
        }
        .flexItem #propsImage {
            animation-name: shrinkImage8;
            animation-duration: 0.3s;
        }
        

        /*Flight Controllers*/
        #fliCONTImage {
          height:60px;
          background-image:url("/images/Flight_Controllers_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:30%;
          margin-bottom: 2px;
        }
        .flexItem:hover #fliCONTImage{
          height:60px;
          background-image:url("/images/Flight_Controllers_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
        }
        
        @keyframes growImage9 {
            from {
              background-image:url("/images/Flight_Controllers_DG.png");
              background-size:30%;
            }
            to {
              background-image:url("/images/Flight_Controllers_BLK.png");
              background-size:40%;
            }
        }
        .flexItem:hover #fliCONTImage {
            animation-name: growImage9;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage9 {
            from {
              background-image:url("/images/Flight_Controllers_BLK.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/Flight_Controllers_DG.png");
              background-size:30%;
            }
        }
        .flexItem #fliCONTImage {
            animation-name: shrinkImage9;
            animation-duration: 0.3s;
        }
        

        /*All PRoducts*/
        #allPRODImage {
          height:60px;
          background-image:url("/images/All_Products_DG.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:30%;
          margin-bottom: 2px;
        }
        .flexItem:hover #allPRODImage{
          height:60px;
          background-image:url("/images/All_Products_BLK.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size:40%;
        }
        
        @keyframes growImage10 {
            from {
              background-image:url("/images/All_Products_DG.png");
              background-size:30%;
            }
            to {
              background-image:url("/images/All_Products_BLK.png");
              background-size:40%;
            }
        }
        .flexItem:hover #allPRODImage {
            animation-name: growImage10;
            animation-duration: 0.5s;
        }
        @keyframes shrinkImage10 {
            from {
              background-image:url("/images/All_Products_BLK.png");
              background-size:40%;
            }
            to {
              background-image:url("/images/All_Products_DG.png");
              background-size:30%;
            }
        }
        .flexItem #allPRODImage {
            animation-name: shrinkImage910
        }
        
}


/*******************************************************************************************
    Landing Page Footer Styles
*******************************************************************************************/
#SF_FooterBKG{
  height:300px;
}

.footerFlexContainer{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:flex !important;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:center;
}

.footerFlexItem{
  font-family:"Roboto",sans-serif !important;
  height:300px !important;
  width:100%;
  padding:20px;
}

.footerFlexItem:nth-child(1){
  flex:1 !important;
  order:1;
  min-width:200px;
}
.footerFlexItem:nth-child(1){
  margin-top:50px;
}
.footerFlexItem:nth-child(2){
  flex:2 !important;
  order:2;
  min-width:300px;
  text-align:center ;
  font-family:"Roboto",sans-serif !important;
  font-weight:300 !important;
}

.footerFlexItem:nth-child(2) h2{
  text-align:center ;
  font-family:"Roboto",sans-serif !important;
  font-weight:300 !important;
    font-size:1.3em;
}

.footerFlexItem:nth-child(3){
  flex:1 !important;
  order:3;
  min-width:200px;
}

.footerFlexItem p{
  text-align:center ;
  font-family:"Roboto",sans-serif !important;
  font-weight:300 !important;
  padding:0 !important;
  margin:0 !important;
  padding-top:40px !important;
}





/*******************************************************************************************
    Landing Page Content
*******************************************************************************************/
@media screen and (max-width: 760px)
{
    .home #Personal_HP_Text{
      width:100% !important;
    }
  
    .home #Research_and_Development_Home_Page {
      background-image: url("/images/Commercial_Drone.png");
      background-position: right top !important;
      background-repeat: no-repeat;
      background-size: 100% auto !important;
    }
}


#innertopdiv td:nth-child(3) a{
  color:#727272;
  font-weight:300;
}

#homeLinksContainer{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex ;
  flex-direction:row !important;
  width:100%;
  justify-content:left;
  background:#f3f3f3;
  height:300px;
  overflow:hidden;
  padding:0px !important;
  margin:0px !important;
}

.homeFlexItems{
  max-width:33.3333333333%;
  min-width:33.3333333333%;
  height:100% !important;
}

.homeFlexItems h1{
  font-family:"Roboto",sans-serif;
  font-weight:200 !important;
  font-size:1.2em;
  margin-left:-20px;
  margin-right:-20px;
  text-align:center;
}

.homeFlexItems a{
  padding:0px !important;
  margin:0px !important;
  width:100%;
  height:100% !important;
}

.homeFlexItems img{
  position:relative;
  padding-top:20px !important;
  padding-bottom:20px;
  width:80%;
  margin:0 auto;
  max-width:60px;
}

.homeFlexItems h2{
  font-family:"Roboto",sans-serif;
  font-weight:300 !important;
  font-size:1em;
  margin-left:-20px;
  margin-right:-20px;
  padding:0px !important;
  text-align:center;
}

#Commercial_HP_Text{
  width:50%;
  margin:0 auto;
}

@media screen and (max-width: 760px)
{
    .showcaseTextContainers{
      width:100% !important;
    }

    #SF_Showcase2{
      margin-left:0px !important;

    }

    #SF_Showcase2 p{
      width:98% !important;
      margin-left:10px !important;
    }
}








/*******************************************************************************************
    Landing Page Intro Menu
*******************************************************************************************/

#landingMenuIntro td:nth-child(1){
  width:30% !important;
}
#landingMenuIntro td:nth-child(2){
  width:30% !important;
}
#landingMenuIntro td:nth-child(3){
  width:30% !important;
}


@media screen and (max-width: 760px)
{
    #landingMenuIntro td:nth-child(1){
      width:20% !important;
    }
    #landingMenuIntro td:nth-child(1){
        
    }
    #landingMenuIntro td:nth-child(2){
      width:60% !important;
    }
    #landingMenuIntro td h1{
        margin-bottom:0px !important;
    }
    #landingMenuIntro td:nth-child(3){
      width:20% !important;
    }
    .mobileLandingIntoIcons img{
      width:40%;
    } 
    #landingMenuIntro td:nth-child(2) h2{
      white-space:nowrap;
    }
    
    #homeLinksContainer .mobileH2{
      color:#f3f3f3 !important;
      font-family:"Roboto",sans-serif;
      font-weight:300 !important;
    }
    
    #Commercial_HP_Text .mobileH1,
    #Research_and_Development_Home_Page .mobileH1,
    #Personal_Drones_Home_Page .mobileH1{
      font-size:1.5em;
      text-align:center;
      width:100% !important;
    }

    #Commercial_HP_Text p ,
    #Research_and_Development_Home_Page p,
    #Personal_Drones_Home_Page p{
      font-size:1em;
      text-align:center;
      width:100% !important;
      padding:20px;
    }


    #Research_and_Development_Home_Page .buttonLinkG,
    #Personal_Drones_Home_Page .buttonLinkW{
      position:absolute !important;
      left:0!important;
      margin:0 auto;
      right:0!important;
    }
}















/*******************************************************************************************
    Single Product Page Styles
*******************************************************************************************/
.variations select{
  background:#f3f3f3;
  border:none;
  padding:10px;
  border-radius:5px;
  width:100%;
  font-family:"Roboto",snas-serif !important;
  font-weight:400;
  color:#727272;
}

.variations select .attached{
  border:none;
}

.single-product .product-addon .addon{
    background: #f3f3f3;
    border: none;
    padding: 10px;
    border-radius: 5px;
    font-family: "Roboto",snas-serif !important;
    font-weight: 400;
    color: #727272;
}

.single-product .pp_pic_holder .ppt{
    display:none !important;
}

/*.variations::after{
  content:"";
  display:block;
  position:absolute;
  z-index:999999999;
  width:20px;
  margin-top:-70px;
  margin-left:48%;
  height:20px;
  background-position:center;
  background-size:100%;
}*/

#tab-description h2{
  color:#388e3c;
  font-family:"Roboto",sans-serif;
  font-weight:400;
}

#tab-description p{
  font-family:"Roboto",sans-serif;
  font-weight:300;
}

#tab-description ul{
  font-family:"Roboto",sans-serif;
  font-weight:300;
  list-style-image: url("/images/List_Dot_Green.png");
}

.woocommerce-tabs li a{
  color:#363636;
  font-family:"Roboto",sans-serif;
  font-weight:400;
}

.woocommerce-tabs .active a{
  color:#388e3c !important;
  font-weight:500;
}

.woocommerce-tabs li a:hover{
  color:#388e3c !important;
  font-weight:500;
}


.product_title{
  color:#222;
  font-family:"Roboto",sans-serif;
  font-weight:300;
}

.amount{
  color:#388e3c !important;
  font-family:"Roboto",sans-serif;
  font-weight:500;
}

.woocommerce .woocommerce-message{
  background:#388e3c;
  bottom:50px !important;
  top:-20px;
  display:block;
  position:relative;
}







/*******************************************************************************************
    Cart Page
*******************************************************************************************/
.woocommerce .cart tbody{
  background:#f8f8f8;
  border:none !important;
  box-shadow:none !important;
}

.woocommerce .cart .button{
  background:#388e3c;
  color:#fcfcfc;
  font-family:"Roboto",sans-serif;
  font-weight:400;
  border-radius:5px;
  box-shadow:none;
  border-bottom:2px solid #226b25;
}

.woocommerce .cart .button:active{
  margin-top:2px;
  border:none;
}

.woocommerce .cart input{
  background:#fcfcfc;
  border-radius:5px;
  color:#363636;
}

.woocommerce .cart .product-price .amount{
  font-family:"Roboto",sans-serif;
  font-weight:400;
}

.woocommerce .cart tr:nth-child(2) .actions{
  background:#d6d6d6;
}

.woocommerce .cart_totals tr td{
  padding-left:10px;
  padding-top:10px !important;
  padding-bottom:0px !important;
}

.woocommerce .cart_totals h2{
  color:#388e3c;
  font-family:"Roboto",sans-serif;
  font-weight:400;
  border-bottom:1px solid #d6d6d6;
  margin-bottom:20px;
  padding-bottom:20px;
}



.woocommerce .wc-proceed-to-checkout .button{
  background:#388e3c;
  color:#fcfcfc;
  font-family:"Roboto",sans-serif;
  font-weight:400;
  font-size:1.2em !important;
  border-radius:5px;
  box-shadow:none;
  border-bottom:2px solid #226b25;
}

.woocommerce .wc-proceed-to-checkout .button:active{
  margin-top:2px;
  border:none;
}

#primary #main .page{
  border:none;
}

#Firstaboutdiv {
  width: 100%;
  height: 300px;
}

#Firstaboutdivimg {
  float: left;
  width: 30%;
  height: 300px;
}

#Firstaboutdivtext {
  float: right;
  width: 70%;
  height: 300px;
}

#Secondaboutdiv {
  width: 100%;
  height: 300px;
}

#Secondaboutdivimg {
  width: 30%;
  float: right;
  height: 300px;
}

#Secondaboutdivtext {
  width: 70%;
  height: 300px;
  float: left;
}