/* CSS Document */
#youmax-header{display:none !important;}
#youmax-tabs{display:none !important;}
#youmax-video-list-div{background-color:#030f04;}
#youmax-video-list-views{color:#ffffff !important;}
#youmax{width:100% !important;}
.youmax-showing {color:#787878 !important;}
#youmax-video-list-div{background-color:rgb(06,07,08) !important;}
.youmax-video-list-title{color:white !important;}
.youmax-video-list-views{color:#31af0b !important;}
#youmax-tabs{background-color:rgb(53,53,53) !important;}
#youmax-header{background-color:black !important;}

@font-face { font-family: 'TrajanPro3Regular'; src: url('../fonts/trajanpro3-regular.eot'); src: url('../fonts/trajanpro3-regular.eot') format('embedded-opentype'), url('https://www.rangersapprentice.com.au/fonts/trajanpro3-regular.woff') format('woff'), url('../fonts/trajanpro3-regular.ttf') format('truetype'), url('../fonts/trajanpro3-regular.svg') format('svg'); }
@font-face { font-family: 'Conv_TrajanPro3-Bold'; src: url('../fonts/TrajanPro3-Bold.eot'); src: local('☺'), url('https://www.rangersapprentice.com.au/fonts/TrajanPro3-Bold.woff') format('woff'), url('../fonts/TrajanPro3-Bold.ttf') format('truetype'), url('../fonts/TrajanPro3-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #fff; background: #030f04 url(../images/content-bg.png) no-repeat center 300px; }
img { display: block; border:0; }
a { outline: none; color: #31af0b; text-decoration: none; }
p { margin-bottom: 20px; }

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}


h1 { font-size: 28px; font-family: 'TrajanPro3Regular'; line-height: 50px; text-transform: uppercase; }
h2 { font-size: 16px; font-family: 'TrajanPro3Regular'; line-height: 50px; text-transform: uppercase; }
h3 { font-size: 16px; font-family: 'Libre Baskerville',Arial,Helvetica,sans-serif; text-transform: uppercase; line-height:30px; }
h4 { font-size: 16px; margin-bottom: 19px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
h5 { font-size: 15px; font-family:Arial; text-transform: uppercase; }

.link-button span {-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}


.wrapper { width: 1278px; margin: 0 auto; overflow: hidden; }
.header { overflow: hidden; }
.logo { float: left; overflow: hidden; width: auto; margin: 20px 0 20px 15px; }
.nav { float: right; overflow: hidden; width: auto; }
.nav ul { list-style: none; padding: 0; margin: 0; background-color:#000; }
.nav ul li { float: left; padding:38px 10px; border-right: 2px solid #12810f; }
.nav ul li:last-child{ border:none;}
.nav ul li a { text-transform: uppercase; color: #fff; text-decoration: none; font-size: 18px; font-family: 'TrajanPro3Regular'; display: block; }
.nav ul li.active, .nav ul li:hover { background: url(../images/menu-bg.jpg) repeat-x 0 0; }
.banner { width: 100%; }
.banner img{ width:100%;}
.banner .flexslider { border-radius: 0; border: 0; margin: 0; }
.banner .flexslider .flex-control-nav { bottom: 12px; width: 285px; right: 17.52%; }
.flexslider .slides > li { position: relative; }
.slider-content { position: absolute; right: 17.52%; top: 0; width: 245px; height: 161px; padding: 19px 20px 20px 20px; background: url(../images/blacktrans.png) repeat 0 0; }
.slider-content h4 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom:5px; }
.slider-content p { font-size: 16px; font-weight: normal; color: #fff; line-height: 20px; margin-bottom:0; }
.slider-content a { display: table; font-size: 16px; color: #fff; text-decoration: none; font-weight: bold; p}
.slider-content a span { background: url(../images/white-arrow.png) no-repeat bottom 4px right 4px; padding-right: 20px; }

.banner .flexslider .flex-control-paging li a { width: 18px; height: 18px; background: url(../images/normal-bullet.png) no-repeat 0 0; box-shadow: none; border-radius: 0; }
.banner .flexslider .flex-control-paging li a.flex-active { background: url(../images/active-bullet.png) no-repeat 0 0; }
.banner .flexslider .flex-direction-nav { display: none; }
.content-wrapper { width: 838px; margin: 0px auto; overflow: hidden; display: table; }
.content-top-section { overflow: hidden; width: 100%; margin: 10px 0 20px; clear: both; }
.content-top-section span { font:bold 16px Arial; color: #fff; margin-bottom: 15px; display: table; }
.content-top-section ul { list-style: none; padding: 0; margin: 0; }
.content-top-section ul li { float: left; overflow: hidden; border: 0; margin: 0 34px 0 0; }
.content-top-section ul li a { overflow: hidden; float:left;}
.content-top-section ul li a img { display: block; border: 0px solid red; }
.content-top-section ul li:hover a { border: 2px solid #06e706; display: block }
.content-top-section ul li:hover a img { margin: -2px; }
.main-content { clear: both; overflow: hidden; }
.content-section { overflow: hidden; clear: both; margin: 0 0 24px 0; }
.thumbnail-section { float: left; width: 261px; overflow: hidden; }
.thumbnail-content { float: right; overflow: hidden; width: 553px; }


.button { width: 261px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	background: #0c5718; /* Old browsers */
	background: -moz-linear-gradient(top, #0c5718 0%, #10e924 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5718), color-stop(100%,#10e924)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5718 0%,#10e924 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5718 0%,#10e924 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5718 0%,#10e924 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5718 0%,#10e924 100%); /* W3C */
 display: table; text-align: center; font-size: 24px; color: #fff; font-weight: normal; text-decoration: none; line-height: 35px; font-family: 'TrajanPro3Regular'; padding:7px 0 0 0;}
.button:hover{
	background: #053404; /* Old browsers */
background: -moz-linear-gradient(top,  #053404 0%, $0fe014 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#053404), color-stop(100%,#0fe014)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #053404 0%,#0fe014 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #053404 0%,#0fe014 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #053404 0%,#0fe014 100%); /* IE10+ */
background: linear-gradient(to bottom,  #053404 0%,#0fe014 100%); /* W3C */

	}
 
.link-button { width: 240px; height: 22px; background: url(../images/blue-gradient.jpg) no-repeat 0 0; display: table; margin-bottom: 11px; text-decoration: none; }
.link-button span { font-size: 14px; font-weight: bold; color: #fff; background: url(../images/white-arrow.png) no-repeat right 5px; padding: 0 14px 0 10px; line-height: 22px; }
.link-button:hover span{ margin-left:10px;}

.footer-wrapper { overflow: hidden; clear: both; width: 100%; }
.footer-top { overflow: hidden; clear: both; margin-bottom: 27px; }
.series-section { width: 556px; overflow: hidden; float: left; }
.series-section .series { width: 556px; position: relative; }
.social-section { overflow: hidden; float: right; width: 230px; }
.carousel ul.slides li { margin-right: 8px !important; }

.carousel ul.slides li a{ overflow: hidden; float:left;}
.carousel ul.slides li:hover a{border:2px solid #06e706; display: block; }
.carousel ul.slides li:hover a img{margin: -2px;}


.series-section .series .flex-direction-nav .flex-prev {margin-top: -30px; left: 0; background: url(../images/left-arrow.png) no-repeat 0 0; opacity: 1 !important; width: 29px; height: 58px; }
.series-section .series .flex-direction-nav .flex-prev:hover { background: url(../images/left-arrow.png) no-repeat 0 0; }
.series-section .series .flex-direction-nav .flex-next { margin-top: -30px; right: 0; background: url(../images/right-arrow.png) no-repeat 0 0; opacity: 1 !important; width: 29px; height: 58px; }

.socail-link { display: table; clear: both; margin-bottom: 7px; }
.socail-link span { float: left; overflow: hidden; font-size: 15px; line-height: 24px; font-weight: bold; color: #fff; text-transform: uppercase; width: 100%; font-family: 'Arial'; margin-left:12px; margin-bottom:15px;}
.socail-link ul { float: left; overflow: hidden; list-style: none; padding: 0; }
.socail-link ul li { float: left; padding: 0; margin: 0; width: 44px; height: 44px; margin-left: 12px; }
.socail-link ul li a { text-indent: -99999px; display: block; min-width: 44px; height: 44px; }
.socail-link ul li.googleplus { background: url(../images/googleplue.jpg) no-repeat 0 0; }
.socail-link ul li.facebook { background: url(../images/facebook.jpg) no-repeat 0 0; }
.socail-link ul li.youtube { background: url(../images/youtube.jpg) no-repeat 0 0; width: 45px; }
.socail-link ul li.twitter { background: url(../images/twitter.jpg) no-repeat 0 0; width: 45px; }
.socail-link ul li.goodreads { background: url(../images/goodread.jpg) no-repeat 0 0; width: 45px; }


.twitter p{ font-family:Arial, Helvetica, sans-serif; background:url(../images/separator.jpg) top left no-repeat; padding:20px 0; margin:0; }
.findon{ text-align:left;}
.findon ul{ float:left;}

.newsletter { overflow: hidden; clear: both; margin-left:12px; margin-top:20px; }
.newsletter h3 { font-family: 'TrajanPro3Regular'; font-size: 14px; font-weight: normal; line-height: 24px; text-transform: uppercase; }
.newsletter span { font-size: 14px; margin-bottom: 10px; }
.newsletter .forms { border: 1px solid #9013e8; background: #dfbff5; overflow: hidden; }
.newsletter .forms input[type='text'] { background: none; border: none; float: left; height: 34px; line-height: 34px; width: 209px; padding: 0 10px; font-size: 14px; color: #000; }
.newsletter .forms input[type='submit'] { background: url(../images/gobtm.jpg) no-repeat 0 0; width: 32px; height: 34px; float: right; border: 0; text-indent: -9999px; cursor: pointer; }
.footer-bottom { overflow: hidden; clear: both; text-align: center; margin-bottom: 50px; }
.footer-bottom a.linkbtm { width: 201px; height: 22px; display: table; text-decoration: none; margin: 0 auto 18px; text-align: center; background: url(../images/blue-trans.png) no-repeat 0 0; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; }
.footer-bottom a.linkbtm span { background: url(../images/top-arrow.png) no-repeat right 5px; padding-right: 15px; }
/* Responsive */
.menubutton { display: none; }






.topslide{ position:relative; margin:20px 0;}
.topslide .flex-direction-nav .flex-prev { left: 0; background: url(../images/left-arrow.png) no-repeat 0 0; opacity: 1 !important; width: 29px; height: 58px; margin-top: 30px; }
.topslide .flex-direction-nav .flex-next { right: 0; background: url(../images/right-arrow.png) no-repeat 0 0; opacity: 1 !important; width: 29px; height: 58px; margin-top: 35px; cursor:pointer;}

.topslide .flex-control-nav{ display:none;}
.topslide .flex-direction-nav a{top: 0;margin: 0;}
.topslide.carousel ul{ padding:0;}

.imagepart{ float:left; margin-right:25px;}
.contentpart{ overflow:hidden;}
.post-list ul li{ margin-bottom:20px;}
.post-list ul li h3{ margin-bottom:20px;}

.download{ width:100%; margin:40px 0;}
.download h2{ margin-bottom:20px; line-height:20px;}
.download ul{ padding:0; margin:0; line-style:none;}
.download ul li{ margin-bottom:30px; width:100%;}

.author-movie {margin:20px 0;}
.author-movie .imagepart{ float:left; margin-right:25px; width:300px;}
.author-movie .contentpart{ overflow:hidden;}
.author-movie .contentpart h1{ margin-bottom:0;}

.imagepart img{ width:100%;}
.findusonfacebook{ margin:20px 0; width:100%;}


.signup{margin:20px 0  150px 0;}
.signup .form{ margin:20px 0 ;}
.signup .form div.formgroup{margin:10px 0;}
.signup .form div.formgroup label{ font-weight:bold;}
.signup .form div.formgroup input.text{border:2px solid #5ce810; padding:7px; width:280px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #c3f5bc 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#c3f5bc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#c3f5bc 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#c3f5bc 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#c3f5bc 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#c3f5bc 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.signup .form div.formgroup select{border:2px solid #5ce810; padding:7px; width:297px;}
.signup .form label{ float:left; width:175px; margin-right:20px;}
.signup .form .submit{ margin-left:193px; border:none;border-radius:4px; cursor:pointer;}


@media (min-width: 768px) and (max-width: 1277px) {
body{ background-size: 95%;}
.wrapper { width: 100% }
.thumbnail-section { width: 31.14%; }
.thumbnail-content { width: 65.99%; }
.thumbnail-section a.button { width: 100%; }
.thumbnail-section img { width: 100%; max-width: 100%; height: auto; }
.series-section { float: none; clear: both; margin: 0 auto 20px; }
.social-section { float: none; clear: both; margin: 0 auto; }
.flexslider { background: none !important; }
}
@media (min-width: 768px) and (max-width: 1232px) {
.content-top-section ul li{ margin-right: 18px;}
/*.nav { width: 98%; margin-bottom: 20px; }
.nav ul li { padding: 20px 8px 15px 8px; border-right: 1px solid #1A032C; }
.nav ul li.active, .nav ul li:hover { background: url(../images/menu-bg.jpg) repeat-x center 0; }
.nav ul li a { font-size: 15px; }*/
.slider-content { right: 0; }
.banner .flexslider .flex-control-nav { right: 50%; margin-right: -142px; }
.content-wrapper { padding: 0 3%; width: 55%; }
.footer-top h5{ text-align:center;}
}

@media (max-width: 1040px) {
body{ background-size: 98%;}
.nav { width: 100%; clear: both; }
.nav ul { display: none; }
.nav ul li { display: block; float: none; border-right: 0; border-bottom: 1px solid #12810f; padding: 0; }
.nav ul li a { padding: 20px 10px 20px; }
.nav ul li.active a, .nav ul li:hover a {
	background: #0c5718; /* Old browsers */
	background: -moz-linear-gradient(top, #0c5718 0%, #10e924 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5718), color-stop(100%,#10e924)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5718 0%,#10e924 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5718 0%,#10e924 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5718 0%,#10e924 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5718 0%,#10e924 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5718', endColorstr='#10e924',GradientType=0 ); /* IE6-9 */	
	
	}

.menubutton { display: block; color: #fff; float: right; width: 40px; height: 40px; background: url(../images/menu-list.jpg) no-repeat 0 0; text-indent: -99999px; margin-top: 24px; }
.imagepart{ width:150px !important;}
}
@media (max-width: 800px) {
body{ background: #000 none;}
.content-wrapper { padding: 0 3%; width: 90%; }
}
@media (max-width: 767px) {
.content-top-section ul li{margin:0 10px 0 0;}
.content-top-section ul li a img{ width: 50px; height: auto;}

.wrapper { width: 96%; }
.logo a img { width: 200px; height: auto; }
.content-wrapper { width: 95%; }
.nav { width: 100%; clear: both; margin-bottom: 20px; }
.nav ul { display: none; }
.nav ul li { display: block; float: none; border-right: 0; border-bottom: 1px solid #12810f; padding: 0; }
.nav ul li a { padding:15px; }
.nav ul li.active a, .nav ul li:hover a { background-color: #08133f; background-image: -webkit-linear-gradient(bottom, #10e924 38%, #0c5718); background-image: -moz-linear-gradient(bottom, #10e924 38%, #0c5718); background-image: -o-linear-gradient(bottom, #10e924 38%, #0c5718); background-image: linear-gradient(to top, #10e924 38%, #0c5718); }
.slider-content { display: none; }
.thumbnail-section, .thumbnail-content { width: 100%; }
.thumbnail-section img { max-width: 100%; width: 100%; height: auto; }
.thumbnail-section a.button { width: 100%; }
.thumbnail-section { margin-bottom: 20px; }
.series-section { width: 100%; float: none; clear: both; margin-bottom: 20px; }
.series-section .series { width: 100%; }
.social-section { float: none; margin: 0 auto; clear: both; }
.menubutton { display: block; color: #fff; float: right; width: 40px; height: 40px; background: url(../images/menu-list.jpg) no-repeat 0 0; text-indent: -99999px; margin-top: 24px; }
.banner .flexslider .flex-control-nav { display: none; }
.flexslider { background: none !important; }
.footer-top h5{ text-align:center;}
.author-movie .imagepart{ float:left; margin-right:25px; width:100px;}
.signup .form .submit{ margin:0;}

}
@media (max-width: 400px) {
.imagepart{ width:auto !important; margin:10px !important; float:none !important;}
.contentpart{ overflow:none !important; margin:10px !important;}
}