/*
Theme Name: Aus Financial
Theme URI: 
Author: Satyajit Chowdhury
Author URI: 
Description: The  Aus Financial theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain:  Aus Financial

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
body {
font-family: 'Roboto', sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #333333;
	font-size: 14px;
	background: #fff;
}
p {
	
	word-wrap: break-word;
}
.grd5:hover .grid5-img, a {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
::selection {
	background: #c01f24;
	color: #FFF; /* Safari */
}
::-moz-selection {
 background: #c01f24;
color:#FFF; /* Firefox */
}
ul, ol {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
p, h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;

}

div.wpcf7-validation-errors{ float:left;}
div.wpcf7-mail-sent-ok{ float:left;}
.resor-heding{width:100%; float:left; margin-top:20px; font-size:20px;}

.callbacks_container img{ width:100%;}

.address{width:100%; float:left; margin-bottom:20px;}
.add-para{width:100%;float:left; font-size:16px;font-size: 16px; color: #16314F;
    line-height: 24px;}
.add-nam{width:100%;margin-top:10px; color: #16314F;
    float: left;
    font-size: 16px;
    line-height: 24px;}
.add-nam b{color:#04BEF7;}

.top-h{margin-top:15px;}
/*==================common===================*/

.primaryContainer { margin-top:0px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width:1240px;	padding: 0px 20px;
	width: 100%;
}


/*---------------bg-color----------*/

.cl_1 { background:#16314f;

	padding: 10px 0px;
}

.cl_2{ padding:60px 0px; }

.cl_3{ padding:40px 0px; background:#eff4f7; }

.cl_4{ background:#01bdf1; padding:37px 0px;}

.cl_5{ background:url(images/f-bg.png) repeat; padding:34px 0px;}

.row {
	position: relative
}
/*---------------main--contenar-----------*/
.row {

	width: 100%;
	float: left;
}

@font-face {
	font-family: 'brandon_grotesquebold';
	src: url('font/brandon_bld-webfont.eot');
	src: url('font/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),  url('font/brandon_bld-webfont.woff2') format('woff2'),  url('font/brandon_bld-webfont.woff') format('woff'),  url('font/brandon_bld-webfont.ttf') format('truetype'),  url('font/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.top-ph{width:122px; float:right; background:url(images/tp.png) no-repeat left; font-size:14px; font-family: 'brandon_grotesquebold'; color:#fff; padding-left:32px; min-height:24px; line-height:24px;}

.header-bg{ position:absolute; top:44px; z-index:999999; width:100%; }

.logo{width:214px; float:left;}

.nav-bg{ width:946px;  float:right; margin-top:16px;}
.nav-bg ul{width:100%; float:left;}
.nav-bg ul li{ float:left; margin-left:28px; padding-top:15px; padding-bottom:15px;	}

.nav-bg ul li a{font-family: 'brandon_grotesquebold'; text-transform:uppercase; color:#fff; font-size:14px;}
.nav-bg ul li:hover,.nav-bg ul li.current_page_item{ border-bottom:1px solid #fff;}
#pull{ display:none; width:100%; float:left; text-align:center; margin-top:15px;}

.bannr-over-txt{width:100%; float:left;}
.ban-over-bg{width:563px; float:right; margin-top:45px;}

.h1-heding{width:100%; float:left; text-align:center; font-size:43px; color:#fff;font-family: 'brandon_grotesquebold'; text-transform:uppercase;}

.ban-sub-txt{width:100%; float:left; text-align:center
; color:#fff; font-size:20px;font-family: 'brandon_grotesquebold';}

.btn{width:200px; margin:auto; clear:both;}
.btn a{ background:#16314f; width:100%; float:left; font-size:16px;font-family: 'brandon_grotesquebold'; text-transform:uppercase; color:#FFF; font-size:16px; padding:15px 0px; text-align:center; border-radius:3px; margin-top:30px;}

.heding-bg{width:100%; float:left; padding-left:26px; border-left:3px solid #16314f; }
.wel-hednig{  font-size:52px; width:100%; float:left; color:#16314f; font-weight:900;}

.h3-heding{width:100%; float:left; font-size:30px; color:#04bef7; font-weight:900;}

.main-conter{width:100%; float:left;}
.main-conter p{width:100%; float:left; font-size:16px; color:#16314f; padding-top:24px; line-height:24px;}
.main-conter span{ color:#04bef7; font-weight:bold;}
.main-conter p a{ color:#04bef7;}

.hedng-bg2{width:100%; float:left;}
.heidng-ser{width:100%; float:left; font-size:52px; color:#606d75;font-family: 'brandon_grotesquebold'; text-transform:uppercase; text-align:center; font-weight:400;}


.line{width:100%; float:left; text-align:center;}
.serv-conter{width:100%; float:left;}
.cl-left{ width:34%; float:left; margin-top:40px;}
.cl-right{ width:62%; float:right;}

.ser-txt{width:100%; float:left;}
.ser-txt p{width:100%; float:left; margin-top:24px; color:#3c4147; font-size:16px; line-height:24px;}
.ser-txt a{ color:#04bef7;}

.serv-list-bg{width:97%; margin-left:3%; margin-top:24px; float:left; list-style-image:url(images/dot.png);}
.serv-list-bg li{ font-size:16px; line-height:27px;}
.serv-list-bg li a{ color:#3ecbf7;}

.newl{width:703px; margin:auto; clear:both;}
.new-in{width:50%; float:left;}

.subscrib-txt{ font-size:27px; color:#fff;font-family: 'brandon_grotesquebold'; font-weight:200;}

.newsletter-email{width:70%; float:left; background:#eff4f7; border:none; outline:none; border-radius:3px; padding:12px 7px;}

.newsletter-submit{width:28%; float:right; padding:11px 0px; background:#16314f; border:none; outline:none;border-radius:3px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:500;}

.f-grd{width:30%; float:left; margin-left:5%;}
.f-grd:first-child{ margin-left:0px;}

.f-heding{width:100%; float:leftl;font-family: 'brandon_grotesquebold';  font-size:18px; text-transform:uppercase; color:#fff; padding-bottom:17px; border-bottom:1px solid #626e7c;}

.f-list{width:97%; margin-left:3%; float:left; color:#a3b1c1; list-style-image:url(images/f-dt.png);}
.f-list li{width:100%; float:left; margin-top:16px;}
.f-list li a{font-family: 'brandon_grotesquebold';  text-transform:uppercase; color:#a3b1c1;}


.add-bg{width:100%; float:left; font-size:18px;font-family: 'brandon_grotesquebold'; color:#a3b1c1; margin-top:18px;}

.add-ph{width:100%; background:url(images/p.png) no-repeat left; float:left; color:#a3b1c1; font-size:18px;font-family: 'brandon_grotesquebold'; min-height:35px; line-height:35px; 
padding-left:43px; margin-top:10px;}

.add-faq{width:100%; background:url(images/f.png) no-repeat left; float:left; color:#a3b1c1; font-size:18px;font-family: 'brandon_grotesquebold'; min-height:35px; line-height:35px; 
padding-left:43px; margin-top:10px;}

.add-mes{width:100%; background:url(images/m.png) no-repeat left; float:left; color:#a3b1c1; font-size:18px;font-family: 'brandon_grotesquebold'; min-height:35px; line-height:35px; 
padding-left:43px; margin-top:10px;}

.contac-link{width:100%; float:left; font-size:18px;font-family: 'brandon_grotesquebold'; color:#a3b1c1; margin-top:10px; }
.contac-link a{ color:#01bdf1;}

.footer{ background:#01bdf1; padding:12px 0px;}

.cop-txt{width:100%;  float:left; clear:both; font-size:16px; color:#fff;font-family: 'brandon_grotesquebold'; text-align:center; margin-bottom:5px;}
.cop-txt a{ border-left:1px solid #fff; color:#16314f;padding-left: 5px;
    padding-right: 5px;}
.cop-txt span{ float:left; width:100%;}
.cop-txt span:last-child{margin-top:5px;}
.cop-txt a:first-child{ border-left:none; }
.cop-txt:last-child{ margin-left:10%; width:90%;}

.side-bar{width:27%; float:left;}

.side-content-area{width:100%; float:left;}

.sid-nav{width:100%; float:left; background:#2c435b; border-bottom:10px solid #04bef7;}
.sid-nav ul{width:100%; float:left;}
.sid-nav ul li{ width:96%; float:left; padding:14px 0px 14px 4%; border-bottom:1px solid #37526f; position:relative;}
.sid-nav ul li a{ font-size:14px; text-transform:uppercase; color:#fff;font-family: 'brandon_grotesquebold'; padding-left:40px;}
.sid-nav ul li a:hover{ color:#04bef7;}
.sid-nav ul li.icon1 a{ background:url(images/1.png) no-repeat left;}
.sid-nav ul li.icon2 a{ background:url(images/2.png) no-repeat left;}
.sid-nav ul li.icon3 a{ background:url(images/3.png) no-repeat left;}
.sid-nav ul li.icon4 a{ background:url(images/4.png) no-repeat left;}
.sid-nav ul li.icon5 a{ background:url(images/5.png) no-repeat left;}
.sid-nav ul li.icon6 a{ background:url(images/6.png) no-repeat left;}
.sid-nav ul li.icon7 a{ background:url(images/7.png) no-repeat left;}

.sid-nav ul li.current_page_item a{ color:#04bef7;}

.sid-nav ul li.current_page_item:after{ content:""; float:left; right:-16px; position:absolute;  background:url(images/aro.png) no-repeat; width:16px; height:42px; top:2px;}
.side-contact{width:100%; background:#2c435b; margin-top:30px; float:left;}

.contact-heding{ padding:0px 30px; float:left; width:100%; background:#04bef7;}

.conta-sid{width:100%; float:left; background:url(images/ph2.png) no-repeat left; padding-left:58px; padding:18px 0px 18px 57px; font-size:20px; color:#fff;font-family: 'brandon_grotesquebold'; text-transform:uppercase;}
.side-con-area{width:100%; float:left; padding:15px 9px;}

.list-in-page{width:97%; float:left; margin-left:2.5%; list-style-image:url(images/dot2.png); margin-top:15px;}
.list-in-page li{width:100%; float:left; font-size:16px; color:#16314f; line-height:30px;}

.h3-in{width:100%; float:left; color:#16314f; font-size:16px; font-weight:bold; margin-top:27px;}

.ab-sec{width:100%; float:left; margin-top:40px;}

.ab-left{width:70%; float:left;}

.ab-right{width:28%; float:right; margin-top:66px; text-align:center;}

.in-h2{width:100%; float:left; font-size:30px; color:#16314f; font-weight:900;}

.ab-left-img{width:28%; float:left; margin-top:66px;}


.ab-right-txt{width:70%; float:right;}


.meet-sec{width:100%; float:left; background:url(images/met-bg.png) no-repeat; padding:26px 40px; margin-top:57px; background-size:cover;}


.let-meet{ width:25%; float:left;}
.meet-txt{ width:72%; float:right;}

.name-teml{ font-size:24px; color:#fff; width:100%; float:left; margin-top:32px;}

.tem-desc{width:100%; font-size:16px; color:#fff;  margin-top:15px; float:left;}

.conatct-page{width:100%; float:left; margin-top:50px;}

.map{width:100%; float:left; padding:7px;
-webkit-box-shadow:0px 0px 5px 0px #f4f4f4;
-moz-box-shadow:0px 0px 5px 0px #f4f4f4;
box-shadow: 0px 0px 5px 0px #f4f4f4;

border:1px solid #ededed;}

.form-left{ width:48%; float:left; margin-top:40px;}

.form-right{width:48%; float:right; margin-top:40px;}

.name{width:100%; float:left; font-size:18px; color:#2c435b; margin-bottom:18px;}

.cont-fild{ background:#f8f8f8;  width:100%; float:left; border-bottom:3px solid #04bef7 !important; border:none;  padding:12px 16px; outline:none; resize:none;}
.cpl-fids{background:#f8f8f8;  width:100%; float:left; border-bottom:3px solid #04bef7 !important; border:none;  padding:12px 16px; outline:none; resize:none;}


.cont-fild-bg{width:100%; float:left; margin-bottom:19px;}
.capcha{width:35%; float:left;border:1px solid #000;}
.cpl-fids{width:63%; float:right;}
.radio-box {
    float: left;
    margin-right: 15px;
}

.redio-bg {
    float: left;
    margin-top: 2px;
}
.redio-txt {
    float: left;
    font-size: 14px;
    margin-left: 6px;
}

.cont-sub{width:130px; float:right; color:#fff; font-size:25px; font-weight:900; padding:10px 0px; border:3px solid #04bef7; background:#2c435b;}
.cont-sub:focus{width:130px; float:right; color:#fff; font-size:25px; font-weight:900; padding:10px 0px; border:3px solid #2c435b; background:#04bef7;}

    @media only screen and (max-width:1200px) {.logo{width:100%; float:left; text-align:center;}
	.nav-bg{ margin:auto; clear:both; float:none;}
	}
	 @media only screen and (max-width:1040px) {
		 .f-grd{width:100%; float:left; margin-left:0px; margin-bottom:20px;}
		 }


 @media only screen and (max-width:1000px) {
	 .ban-over-bg{ margin:auto; clear:both; float:none; margin-bottom:30px;}
	 .nav-bg{ clear:both; float:left; width:100%; margin:0px; margin-bottom:20px;}
	 .nav-bg ul li{width:100%; margin-left:0px; padding:8px 0px;}
	 .header-bg{ position:relative; width:100%; float:left; background:#255385; top:0px;}
	 #pull{ display:block; width:100%; float:left;}
	 #menu-bg{ display:none;}
	 
	 }
	  @media only screen and (max-width:960px) {.side-bar{width:100%; float:left;}
	  .side-content-area{width:100%; float:left; margin-top:20px;}}
	 
	 	  @media only screen and (max-width:768px) {.cl-left{width:100%; float:left;}
		  
		  .form-left{width:100%; float:left;}
		  .form-right{ width:100%; float:left;}
		  .cl-right{width:100%; float:left; }
		  .newl { width:100%; float:left;}
		  
		  .new-in{width:100%; float:left; margin-top:10px;}
		  
		  .ab-left{width:100%; float:left;}
		  
		  .ab-right{width:100%; float:left; text-align:center;}
		  .ab-left-img{width:100%; float:left; text-align:center;}
		  
		  .ab-right-txt{ width:100%; float:left; margin-top:15px; }
		  
		  .let-meet{width:100%; float:left;}
		  
		  .meet-txt{width:100%; float:left;}
		  
		  }
 @media only screen and (max-width:675px) {.cop-txt{width:100%; float:left;}

.cop-txt:last-child{ margin-left:0%; width:100%;}}
	 
	  @media only screen and (max-width:600px) {

		  .ban-over-bg{width:100%; float:left;}
		  }

@media only screen and (max-width:360px) {.newsletter-email{width:100%; float:left;}
.newsletter-submit{width:100%;float:left; margin-top:4px;}

.subscrib-txt{font-size:20px;}

.wel-hednig{ font-size:40px;}
.h3-heding{ font-size:26px;}
}
.ul-li{color : #04BEF7;}