/**
 * @version		1.0.1
 * @package		JoomlaXTC Paw Creative template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2016 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
 
 
 /* sticky menu */
   
   #headerwrap {
   	  transition: all 0.5s ease 0s !important;
   }
   
   #headerwrap.stickyscroll {
   	margin-top: -40px;
   	  transition: all 0.8s ease 0s !important;
   }
   
   #headerwrap.stickyscroll #menu {
     	margin-top: 25px;
     	margin-bottom: -30px;
     	transition: all 0.8s ease 0s !important;
   }
   
     #headerwrap.stickyscroll #menuright1 {
     	margin-top: 25px;
     	margin-bottom: -30px;
     	transition: all 0.8s ease 0s !important;
     }
     
  @media screen and (max-width: 825px) {
  	#menuright1 {
  		margin-top: -68px !important;
  		margin-right: -20px !important;
  	}
  	
  	#headerwrap #logo a {
  	margin-left: -20px !important;
  	}
  	
  	
  }
   
    #headerwrap #logo a {
    background-size: 100% !important;
    	transition: all 0.8s ease 0s !important;
    }
    
    #headerwrap #header #logo {
       padding-left: 0px;
    }
    
    @media screen and (max-width: 825px) {
    
    
    body.sticky {
    margin-top: 0px !important;
    	border-top: 50px solid #000 !important;
    }
    
    #headerwrap #logo a {
    	background-position: center !important;
    }
    
    #headerwrap {
      height: 50px !important;
      max-height: 50px !important;
      overflow: hidden !important;
    }
    
    
    #headerwrap #header #logo {
       width: 100% !important;
       padding-left: 70px;
    }
    
 
    
    #headerwrap #header #logo a {
       /*width: 100% !important;
       background-size: 30% !important;*/
       padding-top: 0px !important;
       margin-top: -3px !important;
    }
   }
    
   #headerwrap #header {
   	padding: 10px 100px;
   }
   
@media screen and (max-width: 1024px) {
    #headerwrap #header {
    	padding: 10px 20px;
    }  	
}
   
  #headerwrap.stickyscroll #logo a {
   	background-size: 75% !important;
   	margin-top: 40px !important;
   	margin-bottom: -10px;
   	transition: all 0.8s ease 0s !important;
   }
   
   #header ul.menu > li > a, #header ul.menu > li.active > a, #header ul.menu > li:hover > a, span.separator {
       font-family: "Source Sans Pro",sans-serif;
       font-size: 16px;
       font-weight: 400;
       text-transform: uppercase;
   }
   
   
   #header ul.menu > li > a{
   	border-bottom: 0px solid #000;
   	transition: all 0.8s ease 0s !important;
   }
   
    #header ul.menu > li > a:hover {
    	border-bottom: 0px solid #aaa;
    	transition: all 0.2s ease 0s !important;
    }
 
 
 .contact-form .well {
 	background: none !important;
 }
 
 
 
 
 
 
 
 .mod-contact legend {
 	text-transform: none;
 	font-weight: 200;
 	color: #444;
 	font-size: 1.5em;
 	font-family: "Source Sans Pro",sans-serif !important;
 	/*text-align: center;*/
 }
 
 .mod-contact  .field-spacer .control-label {
 	/*text-align: center !important;*/
 	width: 100% !important;
 }
 
 .mod-contact .well {
 	border: 0px;
 }
 
 .mod-contact .contact-full {
 	margin-left: auto;
 	margin-right: auto;
 	float: none !important;
 }
 
 .mod-contact .contact-left {
 	margin-left: auto;
 	margin-right: auto;
 	float: none !important;
 	width: 260px !important;
 }
 
 .mod-contact .contact-form {
 	
 	float: none !important;
 	width: 300px !important;
 }
 
 .mod-contact .controls {
 	margin-left: 0px;
 }
 
 .mod-contact .control-label {
 	text-align: left;
 }
 
 .mod-contact .control-group {
 	margin-bottom: 0px;
 }
 
 .mod-contact .controls .btn-primary {
 	margin-top: 20px;
 	background-color: #222 !important;
 }
 
 .mod-contact .controls .btn-primary:hover {
 	background-color: #000 !important;
 }
 
 .mod-contact fieldset .control-group:last-child {
 	position: fixed;
 	margin-left: 300px;
 	margin-top: -185px;
 }
 
 .mod-contact textarea {
 	width: 300px;
 	height: 145px;
 }
 
  @media screen and (max-width: 1024px) {
  	.mod-contact textarea {
  		width: 200px;
  		height: 145px;
  	}
  }
  
  @media screen and (max-width: 900px) {
  	.mod-contact textarea {
  		width:300px;
  		height: 145px;
  	}
  	.mod-contact .contact-form {
  		/*margin-left: auto;
  		margin-right: auto;*/
  		float: none !important;
  		width: 300px !important;
  	}
  }
  
  @media screen and (max-width: 750px) {
  	.mod-contact textarea {
  		width:300px;
  		height: 145px;
  	}
  	.mod-contact .contact-form {
  		margin-left: auto;
  		margin-right: auto;
  		float: none !important;
  		width: 300px !important;
  	}
  	.mod-contact fieldset .control-group:last-child {
  		position: relative;
  		margin-left: 0px;
  		margin-top: 0px;
  	}
  	.mod-contact textarea {
  		width: 205px;
  		height: 145px;
  	}
  }
  

  
  .contact .thumbnail {
  	border: 0px !important;
  	max-width: 300px;
  }
  
  .contact h3, .contact-address {
  	display: none;
  	visibility: hidden;

  }
  
  .contact-full {
  	float: left !important;
  	clear: both !important;
  	display: block;
  	width: 100%;
  }
  
  .contact-left {
  	float: left;
  }
  
  .contact-right {
  	float: right;
  }
  
  .contact-right img {
  	max-width: 350px;
  }
  
  .contact .btn.btn-primary {
  	background-color: #afaf96 !important;
  	border: 0px;
  	padding: 8px 20px;
  	border-radius: 0px;
  	background-image: none;
  	font-size: 1em;
  	transition: all 0.5s;
  }
  
  .btn.btn-primary:hover {
  	background-color: #707058 !important;
  }
  
  .floatmap .fa, .contact-full .fa {
  	float: left;
  	margin-right: 10px;
  	margin-top: 3px;
  }
  
  
  .item-page.bio .pull-left.item-image {
  	margin-left: 0px !important;
  	margin-top: 5px;
  	width: 25%;
  }
  
  
  
  
   @media screen and (max-width: 1040px) {
   .item-page.bio .pull-left.item-image {
   		width: 30%;
   		float: left;
   		margin-right: 50px;
   	}
   }
   
   
   @media screen and (max-width: 560px) {
   .item-page.bio .pull-left.item-image {
   		width: 100%;
   		float: left;
   		margin-right: 0px;
   	}
   }
  
  
  
   /* footer */
   
   #footerwrap {
   	display: block;
   	float: left;
   	width: 100%;
   }
   
  /* .frontpage #footerwrap {
   	position: fixed !important;
   	bottom: 0px !important;
   }*/
   
    #footerwrap .modulecontent {
    	/*display: none; */
    }
   
   #footerpad {
   	color: #888;
   	font-size: 70%;
   	padding: 0 30px;
   }
   
   .footer-left {
   	width: 50%;
   	float: left;
   	margin-bottom: 7px;
   	margin-top: 5px;
   }
   
   .footer-right {
   	width: 50%;
   	text-align: right;
   	float: left;
   	margin-bottom: 7px;
   	margin-top: 5px;
   }
   
    @media screen and (max-width: 500px) {
  .footer-left {
  	width: 100%;
  	float: left;
  	margin-bottom: 0px;
  	text-align: center;
  }
  
  .footer-right {
  	width: 100%;
  	text-align: center;
  	float: left;
  }
    }
    
   
   .footer-right a {
   	color: #aaa !important;
   }
   
    .footer-right a:hover {
    	color: #fff !important;
    	text-decoration: underline;
    }
    
  .mobilebtn {
  	display: none !important;
  }
  
  .droppicspictures {
  	margin-left: auto !important;
  	margin-right: auto !important;
  }
  
 /* #swipebox-caption {
  	position: absolute !important;
  	bottom: 0px !important;
  	margin-top: 50px !important;
  }*/



 @media screen and (max-width: 780px) { 
  #swipebox-caption {
  	/*top: 95% !important;
  	line-height: 20px;
  	width: 90%;
  	margin-left: 5%;
  	margin-right: 5%;*/
  	line-height: 20px;
  	width: 90%;
  	margin-left: 5%;
  	margin-right: 5%;
  	font-size: 0.8em;
  }
  
  #swipebox-caption.visible-bars {
    -ms-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }  
}

 @media screen and (max-width: 950px) {
 	#swipebox-caption {
 		font-size: 0.8em;
 	}
 }


  
  #menuwrap .category-module {
  	background-color: #e4e4dc;
  	margin-top: 30px;
  }
  
    #menuwrap .category-module .separator  {
    	display: none !important;
    	width: 0px !important;
    	overflow: hidden !important;
    	/*background-color: #951 !important;*/
    }
  
   #menuwrap .category-module li {
   	line-height: 40px;
   	text-transform: uppercase;
   	font-size: 0.85em;
   	font-weight: 400;
   	list-style: none !important;
   	padding-right: 25px;
   }
   
     #menuwrap .category-module li:hover {
     	background-color: #dcdccd;
     }
   
   #menuwrap .category-module li a {
   	color: #555 !important;
   }
   
   
   
   .off-nav-175 .link li {
   	display: none;
   }
   
   .off-nav-175 .link ul li {
   	display: block;
   }
   
   .off-nav-175 {
   	font-weight: normal;
   	font-family: 'Roboto Condensed',Arial, Helvetica;
   	color: #eee !important;
   }
   
   /*.sm-levels a, .sm-levels {
   	text-transform: uppercase;
   }*/
   
   ul.category-module li {
   	line-height: 32px;
   }
   
   ul.category-module {
   	margin-bottom: 0px !important;
   	margin-top: 10px !important;
   }
   
   
   
   
#left .fa-ul {
     	margin-left: 0px;
     }
     
#left .fa-ul li {
    	display: inline-block;
    	margin-right: 12px;
    	font-size: 30px;
    }
    
#left .fa-ul li a {
     	color: #aaa;
     	transition: all 0.5s;
     }
     
#left .fa-ul li a:hover {
     	color: #B50909;
     }
     
/*#left .fa-ul li a .fa-imdb:hover {
     	color: #E6B91E;
     }
     
#left .fa-ul li a .fa-vimeo:hover {
     	color: #29b6f6;
     }
     
#left .fa-ul li a .fa-instagram:hover {
     	color: #ec5ca0;
     }*/
   
   
.bio .fa-ul {
       	margin-left: 0px;
       }
       
.bio .fa-ul li {
      	display: inline-block;
      	margin-right: 12px;
      	font-size: 30px;
      }
      
.bio .fa-ul li a {
       	color: #aaa;
       	transition: all 0.5s;
       }
       
.bio .fa-ul li a:hover {
       	color: #B50909;
       } 
       
       
       
.vt_nivo_slider {
	padding-left: 10%;
	padding-right: 10%;
}

 @media screen and (max-width: 768px) {
 	.vt_nivo_slider {
 		padding-left: 0%;
 		padding-right: 0%;
 	}
 }
 
  @media screen and (max-width: 900px) {
  	  .suckerfish ul.menu > li, .dualfish ul.menu > li {
  	  	padding: 12px 5px;
  	  }
  	  
  	  .suckerfish ul.menu > li a, .dualfish ul.menu > li a {
  	    	padding: 12px 2px;
  	    	font-size: 0.8em !important;
  	    }
  	  
  }




.control-group #jform_captcha {
 	margin-top: 200px;
 }
 
  .control-group #jform_captcha-lbl {
 	margin-top: 200px;
 }
 
@media screen and (max-width: 780px) {
	.control-group #jform_captcha {
		margin-top: 0px;
	}
	
	 .control-group #jform_captcha-lbl {
		margin-top: 0px;
	}
}




.contact .btn.btn-primary {
	margin-top: 80px;
}

 @media screen and (max-width: 780px) {
 	 .contact .btn.btn-primar {
 	 	margin-top: 0px;
 	 }
 }