@charset "utf-8"; 
/* CSS Document */
@media all{
	
*{padding:0px; margin:0px;}
div{vertical-align:top;}
img{max-width:100%;}
a{cursor:pointer;}
a:hover, a:focus{text-decoration:none;}
html {-webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}

body{overflow:auto!important; font-family:'Raleway', sans-serif; color:#4c4c4c;}

.top-btn{float:right; text-align:right; list-style:none; padding:0px; margin:20px 0px 10px 0px; clear:right;}
.top-btn li{display:inline-block; margin-left:10px; width:105px; text-align:center;}
.top-btn li a{background:#0c4587; float:left; width:100%; border-radius:2px; padding:9px 0px 7px 0px; color:#ffffff; text-transform:uppercase; font-size:8.89px; font-weight:600; letter-spacing:1px;}
.top-btn li a.subbg{background:#5b90dc;}
.top-btn li a.login-bg{background:#9b9b9b;}

.top-btn li a:hover{background:#d3b129; color:#0c4587;}
.navbar-default .navbar-nav > li > a:after{content:''; border-right:solid 1px #6a82a9; position:absolute; width:1px; height:14px; right:0px; top:3px;}
.nav-search{float:right; width:100%; text-align:right; position:relative;}
.search-area{ float:right;}
.nav-search a{color:#a3a3a3; margin-left:8px;}

.sec-nav{ float:left; width:100%; background:#0c4587; margin-top:-41px;}
.coman-div{ float:left; width:100%; text-align:right;}
.btmnav{ display:inline-block; margin-bottom:-4px;}
.btmnav ul{list-style:none; padding:0px; margin:0px;}
.btmnav ul li{ float:left; position:relative;}
.btmnav ul li a{border-radius:2px; float:left; padding: 15px 8px 13px 8px; color:#ffffff; text-transform:uppercase; font-size:8.89px; font-weight:600; letter-spacing:1px;}
.btmnav ul li a:hover{ color:#d3b129;}
.btmnav ul li a:before{content:''; border-right:solid 1px #4677bc; position:absolute; width:2px; height:14px; right:0px; top:12px;}

.main-navigation {margin:0px!important;}

ul.sub-menu li{ text-align:left;}
ul.sub-menu li a:before{ display:none;}
ul.sub-menu li a{border-radius:2px; float:left; padding:15px 10px 13px 10px; color:#0c4587; text-transform:uppercase; font-size:8.89px; font-weight:600; letter-spacing:1px; width:100%;}
ul.sub-menu{ width:250px;}
ul.sub-menu li{ width:100%;}
.profile-cart{float:right;}
.cat-icon{float:left;  padding: 9px 0px 5px 15px;}

.desk-none{ display:none;}
.wap-none{display:block;}
.navbar-default{float:left; width:100%;}

.carousel{float:left; width:100%;}
.carousel .item img{ width:100%;}
.Carousel-container{ width:90%; max-width:920px; margin:0 auto; position:relative;}
.top-caption {position:absolute; bottom:150px;  z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; line-height:normal; vertical-align:middle;}
.top-caption p{ font-size:18px; font-weight:500; margin:3% 0px;}

.learn-more a{color:#ffffff; font-size:12px; text-transform:uppercase; font-weight:600;} 
.learn-more a .fa-angle-down{ padding-top:5px; display:block; font-size:20px;}
.learn-more a:hover{ color:#d3b129;}

.category-column{float:left; width:100%;}
.category-column .col-sm-3,
.category-column .col-md-3,
.category-column .col-lg-3{ padding-left:1px; padding-right:1px; margin-top:2px;}

.category-column .col-sm-3:first-child,
.category-column .col-md-3:first-child,
.category-column .col-lg-3:first-child{padding-left:0px;}

.category-column .col-sm-3:last-child,
.category-column .col-md-3:last-child,
.category-column .col-lg-3:last-child{padding-right:0px;}

.category-main{float:left; width:100%; padding:25px 0px; background:url(../images/icon/overlay.png) no-repeat left top; background-size:cover; text-align:center;}
.category-main h3{ color:#ffffff; margin-bottom:25px;}
.category-main figure{ float:left; width:100%; margin-bottom:20px;}

.grn{background-color:#21a094;}
.blue{background-color:#5b90dc;}
.org{background-color:#e57f07;}
.red{background-color:#ce3030;}
.dark-grn{background-color:#39551d;}
.prpl{background-color:#7c2c68;}
.yellow{background-color:#cea630;}
.gry{background-color:#4f4f4f;}
.dblue{background-color:#0c4587;}


.news-section{float:left; width:100%; padding:60px 0px;}

.news-caption{float:left; width:100%; position:absolute; top:0px; height:100%; z-index:100;
background:-moz-linear-gradient(272deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.5) 100%); /* ff3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,218,255,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background:-webkit-linear-gradient(272deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.5) 100%); /* safari5.1+,chrome10+ */
background:-o-linear-gradient(272deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.5) 100%); /* opera 11.10+ */
background:-ms-linear-gradient(272deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.5) 100%); /* ie10+ */
background:linear-gradient(178deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.5) 100%); /* w3c */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.recent-news{float:left; margin:22px 0px 0px 25px;}
.recent-news a{font-size:14px; color:#ffffff; font-weight:600; line-height:25px;}
.recent-news a:hover{ text-decoration:underline;}
.recent-news a:before{content:''; width:2px; height:23px; background:#ffffff; float:left; margin-right:10px;}

.see-all{float:right; margin:22px 25px 0px 0px;}
.see-all a{font-size:14px; color:#ffffff; font-weight:600; line-height:25px; text-transform:uppercase;}
.see-all a:hover{ text-decoration:underline;}
.see-all a:before{content:''; width:2px; height:23px; background:#ffffff; float:left; margin-right:10px;}

.small-news{float:left; width:80%; left:10%; right:10%; position:absolute; bottom:30px;}
.small-news h2{ font-weight:300; color:#ffffff;}
.small-news p{ font-size:18px; font-weight:600; color:#ffffff; float:left;}
.small-news a{font-size:14px; color:#ffffff; font-weight:600; line-height:25px; text-transform:uppercase;}
.small-news a:hover{ text-decoration:underline;}
.small-news a:before{content:''; width:2px; height:23px; background:#ffffff; float:left; margin-right:10px; margin-left:10px;}

.news-control{top:inherit!important; bottom:35px!important; width:60px!important;}
.news-control img{width:30%;}

.social-plugin{ float:left; width:100%;}

.testimonials{float:left; width:100%; text-align:center; position:relative;}
.testi-content{position:absolute;text-align:center; width:100%; z-index:10; top:38%;}
.testi-content h1{margin-bottom:23px;}
.testi-content a{color:#ffffff; font-size:12px; text-transform:uppercase; font-weight:600;}
.testi-content a .fa-angle-down{ padding-top:5px; display:block; font-size:20px;}
.testi-content a:hover{ color:#d3b129;}
.testimonials .fa-angle-left, .testimonials .fa-angle-right{font-size:40px; color:#ffffff; margin-top:8%;}

.other-cat{ float:left; width:100%; padding:60px 0px;}

.junior-grange{float:left; width:100%; position:relative; margin-top:30px; overflow:hidden;}
.junior-grange figure{float:left; width:100%;    margin-bottom:-1px;}
.junior-grange-content{float:left; width:100%; position:absolute; height:100%;}
.junior-title{float:left; width:368px; font-size:41px; font-weight:300; color:#ffffff; text-align:center; margin-top:3%; border-right:solid 1px #ffffff; line-height:100px; margin-right:30px;}
.junior-txt{ position:relative; overflow:hidden; font-size:14px; line-height:30px; color:#F7F7F7; font-weight:700; text-transform:uppercase; top:29%;}

.grange-doers{ float:left; width:100%; background:#cecece; padding:60px 0px;}
.grange-doers .category-main:last-child{margin-bottom:30px;}
.footer{ float:left; width:100%; text-align:center; background:#0c4587; padding:30px 15px; font-size:18px; color:#ffffff; font-weight:500;}

.grng-dore{ position:relative;}
.grng-dore figure{float:left; width:100%;}
.gd-content{float:left; width:90%; position:absolute; z-index:100; bottom:41px; left:10%;}
.gd-content p{font-size:41px; color:#ffffff; float:left; border-right:solid 1px #ffffff; padding-right:30px; margin-right:30px; line-height:70px;}
.gd-content a{font-size:18px; color:#ffffff; text-transform:uppercase; font-weight:600; margin-top:19px; float:left;}
.grange-doers .category-main{min-height:222px;}


#myCarousel2,
.other-cat .category-main,
.junior-grange,
.grange-doers .category-main,
.grng-dore figure,
.inner-btm-section .category-main{
	-webkit-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:   0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:        0px 5px 8px 0px rgba(50, 50, 50, 0.75);
}

.inner-btm-section{float:left; width:100%; background:#cecece; padding:60px 0px 30px 0px;}
.inner-btm-section .category-main{margin-bottom:30px;}
.inner-btm-section .junior-grange{margin-bottom:30px; margin-top:0px;}

.inner-banner{float:left; width:100%; overflow:hidden;}
.inner-banner figure{float:left; width:100%; text-align:center;}
.inner-banner figure img{ width:100%;}
.inner-banner-caption{ float:left; width:100%; position:absolute; bottom:50px; color:#ffffff;}
.inner-banner-caption h3{ font-size:27px; margin-bottom:10px;}
.inner-banner-caption p{ font-size:18px; font-weight:600;}
.pos-rel{ position:relative;}

.main-content{ float:left; width:100%; padding:30px 0px;}

.group-hd{float:left; width:100%; border-top:solid 1px #959595; border-bottom:solid 1px #959595;}
.group-hd h1{float:left; font-size:26px; color:#5b90dc; font-weight:800; padding:10px 0px;}
.add-social{float:right; margin-top:13px;}

.sub-content{float:left; width:100%; padding:20px 0px 0px 0px;}
.sub-content h1{font-size:34px; font-weight:300; color:#0c4587; margin-bottom:28px;}
.sub-content h2{font-size:20px; font-weight:800; color:#5b90dc; line-height:30px; border-bottom:solid 1px #959595; padding-bottom:20px; margin-bottom:28px;}
.sub-content h3{font-size:24px; font-weight:300; color:#0c4587; line-height:36px; margin-bottom:28px;}
.sub-content h4{font-size:20px; font-weight:300; color:#0c4587; line-height:36px; margin-bottom:28px;}
.sub-content h5{font-size:18px; font-weight:800; color:#0c4587; margin-bottom:28px;}
.sub-content h6{font-size:16px; font-weight:800; color:#0c4587; margin-bottom:28px;}
.sub-content table  tr td{ vertical-align:top!important;}

.sub-content p{font-size:14px; font-weight:700; color:#4c4c4c; line-height:28px; margin-bottom:28px;}
.sub-content ul{list-style:none; padding:0px; margin:0px 0px 28px 0px; float:left; width:100%;}
.sub-content ul li{font-size:14px; font-weight:700; color:#4c4c4c; float:left; width:100%; padding:5px 0px 5px 25px; position:relative;}
.sub-content ul li:before {content: "\f105"; font-family: FontAwesome; font-size: 0px; width: 0px; height: 0px; background: #5b90dc; border-radius: 50%; text-align: center; color: #ffffff; line-height: 17px; float: left;padding-left: 3px; margin-top: 1px; margin-right: 0px; position:absolute; left:0px;} 

.left-column-cat{float:left; width:100%; margin-bottom:30px;}
.left-column-law{float:left; width:100%; margin-bottom:30px;}
.left-column-video{float:left; width:100%; margin-bottom:30px;}
.left-column-facebook{float:left; width:100%; margin-bottom:30px;}

.left-column-cat ul{ list-style:none; padding:0px; margin:0px;}
.left-column-cat ul li{float:left; width:100%; border-bottom:solid 2px #ffffff;}
.left-column-cat ul li a{float:left; width:100%; background:#5b90dc; padding:14px 20px; text-transform:uppercase; color:#ffffff; font-weight:600; -webkit-transition: width 2s; -webkit-transition-timing-function: linear; transition: width 2s; transition-timing-function: linear;}
.left-column-cat ul li a:hover, .left-column-cat ul li.active a{ background:#c1a125;}
.left-column-cat ul li.active a:after{content: "\f061"; font-family:FontAwesome; float:right;}
.left-column-cat h2{border-top: solid 1px #959595;  border-bottom: solid 1px #959595; font-size:26px; color:#5b90dc; font-weight:800; padding:10px 0px;}

.form p{ margin-bottom:5px;}
.ms-membership-form-wrapper legend{ display:none!important;}
/*.ms-membership-form-wrapper{width:100%; max-width:400px; margin:0 auto; text-align:center;}*/
.ms-membership-form-wrapper a{font-size: 15px; text-align: center; font-weight: 600; margin: 15px; display: inline-block;}
.button-primary{background: #0c4587; border: 0px; color: #ffffff; text-transform: uppercase; font-weight: 500; padding: 9px 15px; border-radius: 4px;}
.error{ color:#ce3030; font-weight:700;}

#aec-filter li:before{ display:none;}
#aec-filter{ text-align:right;}
#aec-filter li{width:auto; float:none!important; display:inline-block!important;}

.gform_fields li{ padding:0px!important;} 
.gform_button{background: #0c4587; border: 0px; color: #ffffff; text-transform: uppercase; font-weight: 500; padding: 9px 15px; border-radius: 4px;} 

#location_search_submit_field{background: #0c4587; border: 0px; color: #ffffff; text-transform: uppercase; font-weight: 500; padding: 9px 15px; border-radius: 4px;} 
body:not(.custom-background-image):before, body:not(.custom-background-image):after{ height:auto!important;}

#demo{position: absolute; background: #ffffff; width: 100%; right:0px; top: 0; z-index: 100; height: 38px; overflow:hidden;}
#demo input[type=search]{ height:25px; margin-bottom:0px; width:200px;}
#demo .search-submit{background: transparent; border: 0; color: #a3a3a8; font-size: 17px;}
#demo .search-submit:before{content: "\f002"; font-family:FontAwesome;}

.left-column-cat label{ width:94%;}
.left-column-cat .search-form{ margin-top:15px;}
.left-column-cat .search-submit{background: transparent; border: 0; color: #a3a3a8; font-size: 17px;}
.left-column-cat .search-submit:before{content: "\f002"; font-family:FontAwesome;}

.fblink{background:#5b90dc url(../images/icon/overlay.png) no-repeat left top; float:left; width:100%; padding:5%; text-align:center; margin-top:15px;}
.fblink a{color:#ffffff; font-size:24px;font-weight: 300;}


}


@media all and (max-width:1024px){
	.top-btn {clear:none;}
	.top-btn {margin:20px 0px 0px 0px;}
	
	.navbar-collapse{ border-top:0px; width:100%; position:absolute; left:0px; z-index:100; top:90px;}
	.navbar-nav > li > a{float:left; width:94%; padding-top:0px; padding-bottom:0px; padding:0px 3%; text-align:left;}
	.navbar-nav{background:#0c4587; z-index:100;}
	.navbar-default .navbar-nav > li > a:after{ display:none;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#ffffff;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#ffffff;}
	.nav > li {border-bottom:solid 1px #13519a; float:left; width:100%;}
	.navbar-nav{margin:0px -15px;}
	
	.navbar-toggle {padding:9px 10px; margin-top:2px;}	
	.nav-search a {margin:8px 10px 7px 10px; float:left;}
	.sec-nav {margin-top:-32px;}
	
	.junior-grange figure img{ max-width:150%;}
	.category-main h3{ font-size:20px;}	
	.junior-title {width:311px;}
	.testi-content {top:23%;}
	
	.inner-banner-caption {width: 92%; bottom:10px;}
	
}

@media all and (max-width:960px){
	.top-btn li {margin-left:5px; width:80px;}
	.sec-nav {margin-top:-20px;}
	.navbar-nav{ text-align:left;}	
	
	.grange-doers .category-main{ margin-top:30px;}
	.grange-doers .category-main:last-child{margin-bottom:0px;}	
	
	.junior-txt {line-height: 20px; top: 16%;}	
	.top-caption{bottom: 10px;}
	.top-caption h2{font-size:30px;}
	.top-caption p{font-size:14px;}
	
	.btmnav ul li { width:100%;}
	.btmnav ul li a:before{ display:none;}
	ul.sub-menu{ width:100%;}
	ul.sub-menu li a{ color:#ffffff; padding-left:15px!important;}
	.main-navigation ul ul {margin-left: 0em;}
	
}

@media all and (max-width:767px){
	.navbar-header{ text-align:center;}
	.navbar-brand > img{ display:inline-block;}
	.navbar-default .navbar-brand{ width:100%; margin-top:5px;}
		
	.top-btn {margin:0px 0px 0px 0px; width:100%; text-align:center;}
	.navbar-toggle{ margin-top:0px;}
	.sec-nav {margin-top:0px;}
	.top-btn li {margin:5px 0.5%; width:31%;}
	.nav-search {float:right; width:auto;}	
	
	.desk-none{display:block;}
	.wap-none{display:none;}
	/*.cat-icon {padding:5px 0px 5px 5px;}*/
		
	.small-news h2{ font-size:24px;}
	.small-news p{ font-size:14px;}
	.social-plugin{ margin-top:15px;}
	
	.news-control {bottom:30px!important;width:30px!important;}
	.news-control img{ width:50%;}		
	.footer{font-size:16px; color:#ffffff; font-weight:300;}
	
	.inner-banner-caption h3 {font-size: 20px;}
	.inner-banner-caption p {font-size: 14px;}
	
	.sub-content h2{font-size:18px; font-weight:800; line-height:inherit; padding-bottom:10px; margin-bottom:15px;}
	.sub-content h3{font-size:22px; font-weight:300; line-height:inherit; margin-bottom:15px;}
	.sub-content p{font-size:14px; font-weight:700; line-height:22px; margin-bottom:15px;}

	
}

@media all and (max-width:685px){
	.btmnav {margin-bottom:0px; float:left;}
	.btmnav ul li a {padding:10px 3px 11px 3px; font-size:8px;}
	.btmnav ul li a:after {top: 9px;}
	
	.see-all {margin: 10px 10px 0px 0px;}
	.recent-news {margin: 10px 0px 0px 10px;}
	.small-news {bottom: 10px;}
	.small-news a:before{ background:transparent;}
	
	.testimonials .carousel .item img{ max-width:inherit; width:150%;}
	.testi-content h1{ font-size:25px; margin-bottom:0px;}
	.testimonials .fa-angle-left, .testimonials .fa-angle-right {margin-top: -5%;}	
	.testimonials .carousel-control {width: 50px; top:33%;}		
	
	.junior-grange figure img {max-width: inherit; width: 400%;}
	.junior-title {font-size: 30px; border-right: solid 0px #ffffff; line-height: inherit; width:100%;}
	.junior-txt{ float:left; width:96%; padding:2%; text-align:center; top:0px;}
		
	.gd-content p {font-size: 30px; border-right: solid 0px #ffffff; line-height: inherit;}	
	#myCarousel .item img{width:250%; max-width: inherit;}	
	.inner-banner figure img {width: 200%; max-width: inherit;}
	
	.nav-search{ width:100%;}
	.navbar-toggle{ width:100%; background: #0c4587;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #0c4587;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff; margin-left:auto; margin-right:auto;}
	.navbar-collapse {top: 79px;}
	
	.category-column .col-xs-12{ padding-left:15px; padding-right:15px; margin-top:30px;}
	.category-column .col-xs-12:first-child{padding-left:15px;}	
	.category-column .col-xs-12:last-child{padding-right:15px;}
	
	.category-column .col-xs-12  .category-main{
		-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
		box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	}
	
	.other-cat .category-main{ margin-bottom:30px;}
	
	.navbar-nav > li > a{ font-size:8px; color:#ffffff!important;font-weight: 600; letter-spacing: 1px; text-transform:uppercase;}
	.navbar-nav > li > a:hover{color: #d3b129!important;}
	
}