@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------
Theme Name: ELO
Author: AUSNerd Digital
Author URI: http://ausnerd.com.au/
Description: None
Version: 1.0
Developer	: Hinal Sanghvi
Updated on	: 3 Aug, 2015
--------------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);

body { background:#fff;  font-family: 'Open Sans', sans-serif; font-size: 14px; color:#828282; line-height: normal; }
.my-description{
margin-bottom: 30px;
padding-left: 15px;
}
.my-description p{color: #000; font-size: 16px;}
h1, h2, h3, h4, h5 { line-height: normal; }

a { color:#02ac98; }

a:hover, a:focus { color:#02ac98; text-decoration: none; }
a, button {
    outline: 0;
}
a:hover, a:focus, button:hover, button:focus {
    outline: 0;
}
/*h1 { font-size: 18px; color: #332727; }*/

h1 , h1.category_title { text-align: center; margin: 20px auto; margin-bottom: 50px; padding-bottom: 15px; color: #02ac98; font-size: 30px; }

h2, h3 { color: #02ac98;}

img { max-width:100%; }

.aligncenter { text-align: center;}

/*header_wrapper*/
.header_wrapper { padding-top: 15px; padding-bottom: 15px;}

.mob_menu { padding-top: 30px; }

.logo { text-align: right; margin-top: 20px;}
.logo img{ width: 173px; height: 50px;}

/*banner_wrapper*/
.banner_wrapper { text-align:center; padding-top: 30px; padding-bottom: 3px; color:#FFF; background:url(images/banner.jpg) no-repeat center; background-size: cover; }

.home .banner_wrapper { padding-bottom: 3px; }

.banner_text p { display: none; }

.home .banner_text p { display: block; }

.banner_wrapper h2 { font-size: 55px;text-shadow: 1px 1px 1px #000; color:#fff; }

.banner_wrapper h3 {font-size: 36px; color: #02e3c9; font-weight: bold; padding-bottom: 30px;}

/*tabs*/

.home .banner_wrapper .tab_wrapper { display: block; }

#tab { margin-top: -180px; position: relative; }

.banner_wrapper .tab_wrapper #tab { margin-top: 20px; }

#tab ul { border-bottom: none!important; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: none !important; border: none !important; }

.active .tab_img { border: 1px solid #02ac98; }

.tab_img .active_img { display: none; margin: 0 auto; }

.active .tab_img .normal, .tab_img:hover .normal, .tab_img:focus .normal { display: none; }

.active .tab_img .active_img, .tab_img:hover .active_img, .tab_img:focus .active_img { display: block; }

.nav-tabs>li>a { border:none!important; }

.nav>li>a:hover img , .nav>li>a:focus img,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus  { background: rgba(255, 255, 255, 0); border: none;}

.tab_img { height: 100px; width: 100px; padding-top: 15px; display: block; border: 1px solid #fff;  border-radius: 100%; margin: 0 auto; text-align: center; }

.tab_img:hover ,.tab_img:focus { border: 1px solid #02ac98; }

.nav-tabs h4 { color: #fff; text-align: center; }

.nav-tabs li:hover h4, .nav-tabs li:focus h4, .nav-tabs li.active h4 { color:#02ac98; }

.tab-content>.active { display: block; padding:35px 15px;  text-align: left; }

/*post_content*/

.question_post { margin-bottom: 50px; }

.post_img { position:relative; }

.post_img img { width: 100%; height: auto;}

.post_view { position:absolute; bottom:0; left:0; display:inline-block; background:rgba(62,81,161,0.7);; color: #fff; padding:10px; }

.post_wrapper  { background: url(images/cream_dust.png); padding-top: 20px; }

.post_wrapper h2 { text-align: center; border-bottom: 2px solid #02ac98; width: 100%; display: block;margin: 20px auto; max-width: 470px;margin-bottom: 50px; padding-bottom: 15px;}

.post_content {background: #fff; border: 1px solid #e8e8e8;height: auto !important;}

.text_block { padding: 15px; text-align:left; color: #828282;}

.post_content h4 a {color: #000; display: inline-block; font-size: 16px; font-weight: bold;}

.read{margin-top: 10px;}

.read a { color: #02ac98; font-weight: bold;}

.view_all { 
color: #fff;background: #ffa31a; padding: 10px 40px; border: 1px solid #ffa31a; border-radius: 3px; display: inline-block; float: centre; margin-top: 20px; margin-bottom: 30px;
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.view_all:hover ,.view_all:focus { color: #ffa31a; background-color: transparent;}

.popular_wrapper { padding-top: 30px;}

.popular_wrapper h2 {color: #000; text-align: center; margin-bottom: 50px;}

/*Resources wrapper*/

.resources_wrapper { background: #FFFFFF; padding-top: 30px; padding-bottom: 30px;}

.resources_wrapper h3{color: #000000; padding-bottom: 20px;}
.resources_wrapper p.title {color: #000000; margin-bottom: 12px; font-size: 22px;}
.resources_wrapper p.descr {font-size: 16px; margin-bottom: 0;}
.resources_wrapper .first-list{border-bottom: 1px solid #e8e8e8;}
.resources_wrapper .first-list .item{padding-bottom: 20px;}
.resources_wrapper .first-list .item-1{border-right: 1px solid #e8e8e8; }
.resources_wrapper .second-list .item{padding-top: 20px;}
.resources_wrapper .second-list .item-1{border-right: 1px solid #e8e8e8;}

.resources_wrapper ul { padding: 0;}

.resources_wrapper ul li  { color: #02ac98; list-style: none; padding: 8px 0;border-bottom: 1px solid #89895c; border-top: 1px solid #1b1b1b; display: block; font-size: 20px; margin: 0 auto; width: 100%; max-width: 400px;}

.resources_wrapper ul li a { color: #02ac98; }

.resources_wrapper ul li:first-child{ border-top: none;}

.resources_wrapper ul li:last-child { border-bottom: none;}

.resources_wrapper h3 { text-align: center;}

/* Single Post */

.l_content_wrapper { padding-top:20px; padding-bottom:20px; }

.l_content_wrapper .l_content { text-align: justify; }

.l_content h1 { margin-bottom: 20px; font-weight: bold; font-size: 22px;}

.right_sidebar h3 { background: #02ac98; color: #fff; padding: 10px; }

.v_count {display: block;width: 100%;text-align: center;background: #02AC98;max-width: 150px; margin: -40px auto 0 auto;
    padding: 5px;color: #fff;font-size: 18px;}

.row_bottom { margin-bottom: 30px;}

/*form*/
.form_wrapper { padding-top: 30px; padding-bottom: 30px;}

.form_wrapper .gform_wrapper {max-width: 700px; width: 100%; display: block; margin: 0 auto;}

.form_wrapper  h3 { color: #fff; text-align: center; font-size: 34px; margin-bottom: 30px;}

.form_wrapper  h3 b { color: #000;}
	
.form_wrapper input , .form_wrapper  textarea{border: none; border-radius: 5px ; padding: 8px 6px !important;}

.form_email input {width: 97.5% !important;margin-bottom: 10px;}

.form_wrapper .gfield_label { display: none !important;}

.form_wrapper input[type="submit"] { display: block !important; margin:0 auto; border-radius: 0px; background: #394c9d; color: #fff; padding: 12px 0px !important; border: none; font-size: 18px !important; width: 100%; text-transform:uppercase;max-width: 240px; }

#gform_wrapper_1  #field_1_5 h3 b{ color: #fff;}

/*FWA guide*/
.grn_box { background: #00a995; color: #fff; padding: 15px; margin-bottom: 25px;}

.grn_text { color: #00a995;}

.blue_box { background: #28357b; color: #fff; display: inline-block; width: 100%; padding: 15px;}

.blue_box_1 { background: #28357b; color: #fff; display: inline-block; width: 100%; padding-left: 15px;}

.alignright { float: right; margin-left: 15px;}

.blue_box h2 { text-align: center;}

.guide_odd { background: #f4f4f4; text-align: center; padding-bottom: 30px; padding-top: 15px;}

.guide_odd  h3 { text-align: center;}

.guide_even{ background: #fcfcfc;text-align: center; padding-bottom: 30px; padding-top: 15px;}

.fwa_guide .aligncenter { display: block; text-align:center; margin: 0 auto;}

.fwa_guide h1 { text-align: center; font-size: 36px;}

.fwa_guide h4 { font-weight: bold;}

.guide_odd a, .guide_even a { color:#828282; padding-bottom: 5px;}

.guide_odd h3 a , .guide_even h3 a{ color: #02ac98 !important;  }

.fwa-btn { /*background: #02ac98;*/ display: block; margin: 0 auto 30px auto; width: 100%; max-width: 240px; text-align: center; padding: 12px 0;}

.fwa-btn a{ color: #fff;}

/*footer*/
.footer { padding-top: 30px; text-align: center; padding-bottom: 10px;}

.footer strong { color: #3e51a1;}

.footer p:last-child { padding-top: 10px;}

.side_button { background: #00a996; color: #fff; position: fixed; right: -65px; top: 40%; display: block; padding:10px 20px; cursor: pointer; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 16px; }

#popupform { z-index:1200; background:#282828; padding:10px; }
#popupform  h3{font-size: 28px;}

#popupform .modal-content { background:#282828; padding:10px; }

/* Mobile Navigation */

.navicon-line { cursor:pointer; color: #fff; font-weight: bold; float: left; width: 100%; max-width: 83px;}

.slicknav_icon{width: 30px;display: inline-block; margin-right: 10px; vertical-align: middle; }

.slicknav_icon-bar{ margin: 5px 0; background: #3950a4; height: 7px;display: block; border-radius: 15px;}

.mob_menu { position: relative; }

.line { float: left; width: 70%;}

.text { float: right; width: 20%; text-align: right; color: #3950a4; padding-top: 10px;}

/*comments*/

.commentlist , .commentlist ul {list-style: none; padding: 0; margin: 0; }

.profile {display: block;}

.commentlist .left_profile { float: left; width: 20%;}

.commentlist .right_profile { float: right; width: 80%;}

.comment_bottom input ,.comment_bottom textarea { padding: 6px ; border-radius: 5px; border: 1px solid #ddd; }

.comment-form-author { float: left; width: 49%;}

.comment-form-email { float: right; width: 49%;}

.comment-form-author input ,.comment-form-email input , .comment_bottom textarea { width: 100%; }

.form-submit input[type="submit"] { width: 200px;}

.comment-permalink { display: block; margin-bottom: 10px;}

.comment-intro h4{ margin-top:0; padding-top: 0; }

/*menu */

.nav-expander { display:block; margin:auto; }

nav { background: #FFF; display: block; height: 100%; overflow: auto; position: fixed; left: -30%; font-size: 15px; top: 0; width: 30%; z-index:2000; transition: leftt 0.3s ease-in-out 0s; -webkit-transition: left 0.3s ease-in-out 0s; -moz-transition:left 0.3s ease-in-out 0s; -o-transition: left 0.3s ease-in-out 0s;padding-top: 20px; padding-bottom: 20px; }

.nav-expanded nav, .page-template-page-grid-php.nav-expanded nav { left: 0; }

nav ul { list-style:none; margin:0; padding:0; display:block; width:100%; text-align:left; }

ul.sub-menu { margin-top:0; border-top:1px solid #323949; }

nav li { font-size: 14px; display:block; position:relative; }

nav li a { color: #5a6eae; text-decoration: none; padding:15px 20px; display:block; width:100%; }

nav ul.sub-menu li a { padding-left:35px; }

nav li a:hover, nav li a:focus, nav li.current-menu-item a { color: #5a6eae!important; background:#dddddd; }

nav li.menu-item-has-children span { display:block; width:30px; height:34px; right:0; top:0; text-align:center; background:#FFF; color:#28ACE0; font-size:24px; position: absolute; cursor:pointer; }

nav li.menu-item-has-children span.submenu_icon:before { content:"+"; }

nav li.menu-item-has-children span.submenu-opened:before { content:"-"; }

nav li .sub-menu, nav li.sub-menu.expand .sub-menu { height:0; transition: height 0.3s ease-in-out 0s; -webkit-transition: height 0.3s ease-in-out 0s; -moz-transition: height 0.3s ease-in-out 0s; -o-transition: height 0.3s ease-in-out 0s; opacity:0; display:none; }

nav li .sub-menu.expand, nav li.sub-menu.expand .sub-menu.expand { height:auto; opacity:1; display:block; }

nav ul.sub-menu .sub-menu li  a { padding-left:55px; }

body.nav-expanded { margin-left: 0em; transition: left 0.4s ease-in-out 0s; -webkit-transition: left 0.4s ease-in-out 0s; -moz-transition: left 0.4s ease-in-out 0s; -o-transition: left 0.4s ease-in-out 0s; }

.close-menu { font-size:34px; text-align: center;}

/* Navigation Overlay */

.nav-popup {z-index: 300; width: 100%;height: 100%;position: fixed; top: 0;left: 0;visibility: hidden;background: rgba(0,0,0,0.8);opacity: 0.1;}

.nav-popup.expanded { visibility:visible; opacity:1; }

.view-all-wrap{text-align: center;}

.p-main-page{text-align:right; padding-top: 50px; font-size: 20px;}

@media screen and (max-width:1199px) {

.nav-tabs h4 { font-size: 14px; }



.v_count { float: left;}
}
@media screen and (max-width: 1199px){
	.p-main-page{text-align: left;}
}
@media screen and (max-width: 991px) {
	
	.nav-tabs > li > a{padding: 10px 0; margin-right: 0;}
.tab_img{
	height: 92px; 
	width: 100%;
	padding-top: 12px;
}

.commentlist .left_profile { width: 25%;}

.commentlist .right_profile { width: 75%;}

nav { left: -50%; width: 50%;}
.post_img img{height: auto;}
.p-main-page{padding-right: 0;}
}

@media screen and (max-width: 767px) {
	#law-wrap{text-align: center;}
.resources_wrapper .first-list{border-bottom: 0;}
.resources_wrapper .first-list .item{padding-bottom: 0;}
.resources_wrapper .first-list .item-1{border-right: 0; }
.resources_wrapper .second-list .item{padding-top: 0;}
.resources_wrapper .second-list .item-1{border-right: 0;}
#law-wrap .item{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
}

.tab_img{
	width: 100px;
}

.nav-tabs > li{
	width: 33%;
}
.commentlist .left_profile { width: 150px;}

.commentlist .right_profile { width: auto; float: none;}

.comment-form-author ,.comment-form-email { float: none; width: 100%;}
.p-main-page{text-align: center; margin: 15px 0;}
.v_count{
	margin-top: 0;
	float: none;
}
}

@media screen and (max-width: 479px) {
	.nav-tabs > li{
		float: none;
		width: 100%;
	}
	body .post-pull-right {width: 220px;float: right;margin: 0 0 10px 10px;}
}

/* seo */
.nav-tabs .c-title { color: #fff; text-align: center; }
.c-title { line-height: normal; font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-family: inherit; font-weight: 500; }
.gform_wrapper .form-title { font-weight: 400; border: none; outline: 0; background: 0 0; }
.form_wrapper .form-title { color: #fff; text-align: center; font-size: 34px; margin-bottom: 30px; }
.form-title { line-height: normal; margin-top: 20px; font-family: inherit; }
.resources_wrapper .home-atl { text-align: center; color: #000000; padding-bottom: 20px; }
.home-atl { line-height: normal; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: bold; font-size: 30px; }
.post-pull-right {width: 300px;float: right;margin: 0 0 20px 20px;}
.single-post h1 {text-align:left;}