@charset "utf-8";
/* ----------------------------------------------
	Mobile CSS Document - CMS Template Buddy
	Template No.: 005
	Version: 1.02
	
	www.cmstemplatebuddy.com

	Please read README_FIRST.txt
------------------------------------------------- */

/* #Media Queries
================================================== */

/*	#Tablet
================================================== */

	@media only screen and (max-width: 1023px) {
		#pageWrapper {
 		   margin: 15px 2% 0 2%;
		   width: 96%;
		}
		#header {
 		   margin: 0;
		   width: 100%;
		   overflow:hidden;
		}
		#header-right {
			width:auto;
		}
		#mainNav {
			margin: 0;
			width:100%;
		}
		#mainNav ul a {
			padding: 14px 14px 14px 14px;
		}
		#logo a {
			width: 160px;
			margin: 15px 0 0 16px;
		}
		#sliderWrapper	{
			width: 100%;
			margin: 0;
			height: auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.sliderContainer {
			width: 60%;
		}
		#content {
			width: 100%;
			border:none;
		}
		#main {
			padding: 6px 0;
		}
		#bottomContent {
			width:100%;
			margin: 0;
			padding: 22px 0;
		}
		.oneColumn {			
			width: 96%;
			margin: 0 2% !important;
		}
		.twoColumns {
			width: 62%;
			margin: 0 2% 0 2% !important;
		}
		#sidebar {
			width: 30%;
			padding: 0;
			margin: 50px 2% 0 2%;
		}
		.threeBlocksWrapper {
			width: 99%;
			margin: 10px 0;
		}
		.threeBlocks, .threeBlocks2, #footerNav, .bottomBlock, .bottomBlock2 {
			width: 31%;
			margin-left: 2%;
			margin-right: 0;
		}
		.formbuddyfooter input[type="text"], .formbuddyfooter input[type="email"], .formbuddyfooter input[type="password"], .formbuddyfooter textarea {
			width: 96%;
			display: block;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			min-width: inherit;
		}
		.specialBox {
			width: 92%;
			padding: 10px 2%;
			margin: 10px 2%;
		}
		 #footer {
			margin: 0;
		}
		.nivoSlider {margin-bottom: 0;}
		.nivo-directionNav a, .nivo-controlNav { 
			display: none !important;
		}
		.nivo-caption-bg {
			top:0;
			bottom:0;
			right:0;
			left:0;
			width: auto;
			height: auto;
		}
		.nivo-caption { width:60%; right:-63%; }
		.nivo-caption h2 { padding: 0; }
		#search {}
		#search input {}
		a.readmore-slider { position:relative; top:10px; left:4px; bottom:0;}
	}
	
/*	#Tablet portrait
================================================== */
	@media only screen and (max-width: 767px) {
		#pageWrapper { margin: 10px 2% 0 2%; }
	    .nivo-caption {display: none !important;}
	    .nivo-directionNav a {opacity: 1;}
	    #search { width:84%; right:10px; }
	    #search input { width:78%; }
	    .sliderContainer {
	    	width: 100%;
	    	margin: 0;
	    }

	    #logo a {min-width: 0;width:220px;}
	    #logo a img {
			width:220px;
		}
		.slogan {font-size: 1.6em; margin:0 20px; width:100%;}
		#header-right, #header-left {width:50%; position:relative;}
		.breadcrumbs { width:96%; margin:0 2%; padding:10px 0;}
		#news { margin-bottom: 16px; padding: 6px 8px 6px 8px;}
		.news-pagination { margin: 2px 0; }
		
		/* Mobile menu */
		.mobile-menu-btn {
			display: block !important;
			cursor: pointer;
			width: 100%;
			height: 46px;
			color:white;
			font-size: 16px;
			background: url(/uploads/tpl-buddy-005/mobile-btn.png) no-repeat 15px center;
			padding: 14px 20px 10px 50px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; 
			border-bottom: 2px solid #e6440e;
			}
			a.mobile-menu-btn:hover {
				text-decoration: none;
			}
		#mainNav { 
			height: auto;
			padding: 0;
			background: #e30613;
		}
 		#mainNav ul { 
 			display: none;
 			background: #fff;
 		}
 		#mainNav.show ul { display: block; } /* triggers mobile nav */
	    #mainNav ul a {
	    	background: #e30613;
	    	color: #fff;
	    	font-weight: normal;
	    	padding: 12px 14px;
	    	font-size: 14px;
	    	text-transform: none; 
	    	-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; 
			border-bottom: 1px solid #ec6c25;
	    }
	    #mainNav ul a:hover	{
			background-color:#ea580c;
			color:#fff;
		}
 		
 		/* first level */
	    #mainNav ul li {
			float:none;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; 
			border:none;
	    }
	    #mainNav ul li:last-child a,
	    #mainNav ul li:last-child  {
	    	border-right: none;
	    }
	    #mainNav ul li.parent {
			background:none;
		}
		#mainNav ul li.parent a	{}
		#mainNav ul li.parent a:hover {
			background:#ea580c;
			color:#fff;
		}
		#mainNav ul li.menuactive {
			background:#e6440e;
		}
		#mainNav ul li.menuactive a	{
			color:#fff;
		}
		#mainNav ul li.parent a.menuactive {
			background: #e6440e;
			color:#fff;
		}
		#mainNav ul li.menuactive li a	{
			color: #fff;
		}
		#mainNav ul li.menuactive a.menuactive	{
			background:#e6440e;
		}

	    /* second level */
		#mainNav ul ul {
			display: block;
			position:relative;
			width: 100%;
			top:0;
			padding-top: 0;
		}
		#mainNav ul li ul a	{
			background: #e30613;
			color: #fff;
			width: 100%;
			float: none;
			padding: 12px 14px 12px 30px;
			border-bottom: 1px solid #ec6c25;
			border-top:none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; 
		}
		#mainNav ul li.parent li a:hover	{
			background:#ea580c;
		}
		#mainNav ul li.parent li.parent a	{
			background: #e30613;
		}
		#mainNav ul li.parent li.parent a:hover	{
			background:#ea580c;
		}
		#mainNav ul li.menuactive li a:hover	{
			color: #fff;
			background: #ea580c;
		}
		#mainNav ul li.parent li a.menuactive	{
			background:#e6440e;
			color:#fff;
			font-weight:normal;
		}
		#mainNav ul li li:last-child,
		#mainNav ul li:last-child li	{
			border-right: none;
		}
		#mainNav ul li.parent li.parent a.menuactive	{
			background:#e6440e;
		}
		
		/* third level */
		#mainNav ul ul ul a {
			padding: 12px 14px 12px 45px;
		}
		#mainNav ul li.parent li.parent li a	{
			background:#e30613;
		}
		#mainNav ul li.parent li.parent li a:hover	{
			background:#ea580c;
		}
		#mainNav ul li.parent li.parent li a.menuactive	{
			background:#e6440e;
		}
		#mainNav ul ul ul{
			display: block;
			top:auto;
		}	
		#mainNav ul li ul ul {
			left:0;
			margin:0;
			border-left:none;
		}
		#mainNav ul li:hover ul ul, #mainNav ul li:hover ul ul ul, #mainNav ul li:hover ul ul ul ul{
			display:block;
		}
		#mainNav li.currentpage h3	{
			display:block;
			padding: 16px 22px 16px 23px;
		    font-family: Arial, Helvetica, sans-serif;  
			font-size:14px;
			background: #e30613;
			font-weight:bold;
			text-decoration: none;
			color: #fff;
			text-transform:none;
			margin:0;
		}

/*	#Mobile
================================================== */
	
	@media only screen and (max-width: 480px) {
		.threeBlocks, .threeBlocks2, .bottomBlock, .bottomBlock2, #footerNav {
			float: none !important;
			width: 96%;
			margin: 30px 2%;
		}
		#content {padding:5px 0;}
		#bottomContent {padding:0;}
		#footer {padding:10px 0; margin:0 0 10px 0;float: none !important;width:100%;}
		.threeBlocks, .threeBlocks2 {overflow: hidden;}
		.threeBlocksWrapper { width: 100%; }
		.threeBlocksImage { margin: 10px 3px; }
		.formbuddyfooter input[type="text"], .formbuddyfooter input[type="email"], .formbuddyfooter input[type="password"], .formbuddyfooter textarea {
			width: 100%;
			display: block;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.specialBox {
			padding: 8px 2%;
			margin: 8px 2%;
		}
		#header-left, #header-right {
			width: 100%;
			float: none !important;
			overflow: hidden;
			margin: 0;
			text-align: center;
		}
		#search { 
			position:relative;
			width: 96%;
			margin: 0 2% 15px 2%;
			top:auto;
			right:auto;
		}
		#search input {
			width: 86%;
		}
		#header {
			height: auto;
			overflow: hidden;
			text-align: center;
		}
		#logo {
			display: inline-block;
		}
		#logo a {
			margin: 10px 0 0;
			min-height: 42px;
			line-height: 0;
		}
		.top-right-block, .slogan { 
			width: 100%;
			float: none !important;
			overflow: hidden;
			text-align: center;
			padding:0;
		}	
		.top-right-block {margin-bottom: 10px;}	
		.slogan {margin:10px 0 4px 0;line-height: 1.2;}
		#main {
			float: none !important;
		}
		.twoColumns {
			width: 96%;
		}
		#sidebar {
			float: none !important;
			width: 96%;
			margin:10px 2% 0 2%;
		}
		.threeBlocksMoreLink a {
			margin: 10px 0 10px 0;
		}	
	}	 
/* Stylesheet: tpl-buddy-005 // Mobile Modified On 2015-01-02 12:13:21 */