/*
Theme Name: Life Long Financial Solutions
Theme URI: 
Author: MegaSoftwares.com
Author URI: http://www.megasoftwares.com
Description: Custom theme by MegaSoftwares.com for Life Long Financial Solutions. Private theme, copy or re-distribution not allowed.
Version: 1.0
License: Private
*/


@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);

/*CSS RESET*/
div, form, ul, h1, h2, h3, h4, h5  {margin:0; padding:0;} ul {list-style:none;} img {border:none;} h1, h2, h3, h4, h5 {display:inline; font-weight:normal;} 

/*COMMON CSS ELEMENTS  */
body {margin:0; padding:0; background:#f0f5f8 url(img/pagebg.png); font-family:'Archivo Narrow', sans-serif; font-weight:300; color:#414141; font-size:14px; overflow-x: hidden; }
a, img, input{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; outline:none;} 
input:focus { border:1px solid #666666; box-shadow: 0 0 3px #666666; -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666;}
a{text-decoration:none; color:#145fa7;} 
a:hover {color:#000;}
.genDiv {float:left; width:100%;}
.pageWidth {position:relative; margin:0 auto; max-width:1050px;}
.topStrip {text-align:right; height:21px; padding:6px 0; color:#fff;}
.topStrip img {vertical-align:middle;}
.topStrip a {color:#fff;}
.largeFont {font-size:17px;}

.xlHead  {font-size:25px; text-decoration:underline; color:#000;}
.topStrip a:hover {text-decoration:underline;}
.genInput {padding:3px; background:none; border:1px solid #145fa7; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 3px #145fa7; -webkit-box-shadow: 0 0 3px #145fa7; -moz-box-shadow: 0 0 3px #145fa7;}
.genBtn {padding:3px; background:#145fa7; color:#fff; font-weight:bold; cursor:pointer; border:1px solid #145fa7; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 3px #145fa7; -webkit-box-shadow: 0 0 3px #145fa7; -moz-box-shadow: 0 0 3px #145fa7;}
.rad {-moz-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.shad {box-shadow: 0 0 6px #999999; -webkit-box-shadow: 0 0 6px #999999; -moz-box-shadow: 0 0 6px #999999;}
.darkBg {background:url('/wp-content/uploads/2015/02/darkbg1.png');}
.lightBg {background:url(img/pagebg.png);}
.exdarkbg {background:url(img/exdarkbg.png);}
td { vertical-align:top;}

.catTable td p {margin-top:0; padding-top:0;}

.topHead {height:111px; }
.logo {float:left; padding: 10px 0 0;}
.leftDiv {float:left; padding-right:6px;}
.leftText {padding-top:6px;}
.topRightForm {float:right; color:#145fa7;}
.topRightHead {text-decoration:underline; padding-top:15px; padding-bottom:10px;}

.topNav {text-align:right; color:#145fa7; padding:7px 0;}
.topNav a{color:##145fa7; padding:0 10px;}
.topNav a:hover {color:#000;}

.homeHead {padding-top:20px;}
.homeVideo {float:left; padding-right:25px; padding-left:5px;}
.homeImages {float:right; padding-right:15px;}

.innerHead {font-size:30px; padding:15px 0 0 15px; float:left;}

.homeLeft {float:left; width:640px; padding-left:28px;}
.homeInsuBox {float:left; width:303px; height:184px;}

.homeRight {float:right; width:325px; padding-right:15px;}
.blogDay {width:30px; width:20px; color:#fff; background:#5795ac; padding:2px;  font-size:35px; line-height:20px; text-align:right; -moz-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.xblogDay {width:36px; text-align:center; color:#fff; background:#333333; padding:5px 0; margin-top:4px;}
.blogMonth {width:36px; text-align:center; color:#fff; background:#5795ac; padding:5px 0;}

.homeTesti {float:left; width:290px; line-height:19px; padding-right:6px; margin-top:25px; text-align:justify;}
.homeTestiLeft {width:107px;}
.homeTestiLeft img {width:95px;  border:1px solid #999999; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 3px #999999; -webkit-box-shadow: 0 0 3px #999999; -moz-box-shadow: 0 0 3px #999999;}

.assoLogo {padding:10px 0;}
.assoLogo img { margin-left:28px;}

.creditLine {padding:10px 0; border-top:1px solid #a7cad6;}

.footDiv{float:left; padding:20px; line-height:22px; color:#555555; max-width:450px; min-width:255px;}
.footDiv a{display:block; color:#555555;}
.footDiv a:hover {color:#000;}


.innerRight {float: left; padding-left:25px; width:530px; line-height:22px; text-align:justify;}
.shad {box-shadow: 0 0 3px #999999; -webkit-box-shadow: 0 0 3px #999999; -moz-box-shadow: 0 0 3px #999999;}
.innerAds {float:right; padding-right:25px; width:220px; line-height:22px;}
.innerLeft {float:left; width:230px; font-size:15px;}
.innerLeft a {display:block; padding:7px 5px 0 10px; clear:both;}
.leftHead {float:left; padding-left:10px; font-size:18px;}
.innerBodyHead {padding:5px 0 10px 0; font-size:22px;}



@media (min-width: 250px) and (max-width: 780px) {
.logo {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 465px !important;
}
.topStrip { 
    text-align: center!important;
	height:auto!important;
}
.topStrip span{ 
	float:none!important
}
}

@media (min-width: 1020px) and (max-width: 1070px) {
.homeVideo {
    float: left;
    padding-left: 5px;
    padding-right: 25px;
    width: 290px !important;
}
.homeImages {
    float: left !important;
    padding-left: 15px !important;
    width: 330px !important;
}

}

@media (min-width: 691px) and (max-width: 1070px) {
	.creditLine .pageWidth { padding-right: 10px; }
}

@media (min-width: 780px) and (max-width: 1020px) {
iframe {
    /*height: 180px !important;
    width: 230px !important;*/
}
.homeVideo {
    float: left;
    height: 180px !important;
    padding-left: 5px;
    padding-right: 10px!important;
    width: 230px !important;
}
.homeImages {
    float: left;
    height: 180px !important;
    padding-left: 5px;
    padding-right: 10px!important;
    width: 230px !important;
}
.homeImages > img {
    height: 170px !important;
    width: 230px !important;
}
.homeHead {
    padding-top: 20px;
    max-width: 735px!important;
}
}


@media (min-width: 250px) and (max-width: 780px) {
.homeVideo {
    float: none !important;
    height: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 96% !important;
	margin-bottom: 10px !important;
}
.homeVideo iframe {
    height: 250px !important;
    width: 100% !important;
}

.homeImages {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 96% !important;
}

.homeImages > img {
    height: auto !important;
    width: 90% !important;
}
}



@media (min-width: 250px) and (max-width: 1025px) {
.homeLeft {
    float: none !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 92% !important;
    text-align: center;
}
.homeRight {
    float: none !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 92% !important;
}
.homeInsuBox {
    float: none !important;
    display: inline-block;
}
.assoLogo { text-align: center; }
.footDiv { width: 33%; min-width: 30%; max-width: 33%; box-sizing: border-box; }
}

@media (min-width: 910px) and (max-width: 1025px) {
.homeTesti {
    padding-right: 70px !important;
    width: 290px !important;
}
}
@media (min-width: 770px) and (max-width: 910px) {
.homeTesti {
    padding-right: 0px !important;
    width: 290px !important;
}
}
@media (min-width: 250px) and (max-width: 690px) {
.homeTesti {
    float: none !important;
    line-height: 19px;
    margin-bottom: 40px !important;
    margin-top: 25px;
    padding-right: 0 !important;
    text-align: justify;
    width: 100% !important;
}
.homeInsuBox {
    float: none !important;
    height: 184px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 303px;
}
.pageWidth {
    text-align:center!important;
}
.leftHead {
    float: none !important;
}
/*div {
    float: none !important;
}*/

.innerRight img, td .genDiv p img {
    width: 100% !important;
    max-width: 250px;
    float: none !important;
    margin: 10px auto 0px auto;
    display: block;
}
.genDiv p img { margin-bottom: 10px; }
}

@media (min-width: 930px) and (max-width: 1070px) {
.footDiv {
    max-width: 280px!important;
}
}

@media (min-width: 250px) and (max-width: 1050px) {
.innerAds {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 95% !important;
	padding: 0 !important;
}
.innerRight {
    float: none !important;
    line-height: 22px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: justify;
    width: 95% !important;
}
.innerLeft {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 95% !important;
}
.categorybox {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding:20px 0 0 0!important;
    width: 95% !important;
}
.contactimage_bg {
    background: url("/wp-content/uploads/2014/02/enquiry.jpg") no-repeat scroll center top / cover rgba(0, 0, 0, 0)!important;
    border: 7px solid #3DA4BC;
    float: none !important;
	margin-left:auto!important;
	margin-right:auto!important;
    height: 680px;
    width: 100% !important;
}
.contactimage_bg > div {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
}
.contactimage_bg > table {
    width: 100% !important;
}
.contactimage_bg > td {
    width: 20% !important;
}
.genInput {
    width: 100%!important;
}
.contactimage_bg table {
    width: 100% !important;
}
.contactimage_bg table td {
    width: 20% !important;
}
.genBtn {
    width: 101% !important;
}
}

@media (min-width: 250px) and (max-width:500px) {
.logo {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 300px !important;
}
.logo img {
    height: auto !important;
    width: 300px !important;
}
.topHead {
    height: 80px!important;
}
.homeTesti {
    float: none !important;
    line-height: 19px;
    margin-bottom: 40px !important;
    margin-top: 25px;
    padding-right: 0 !important;
    text-align: justify;
    width: 90% !important;
}
.homeRight {
    float: none !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 75% !important;
}
.homeLeft {
    float: none !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 80% !important;
}
.homeInsuBox {
    float: none !important;
    height: 184px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
	background: url("/wp-content/themes/themeLifeLongFinancialSolutions/img/businessbg.jpg") no-repeat scroll left top / 100% 100% rgba(0, 0, 0, 0)!important;
	background-size: 100% 100%!important;
}
.leftDiv {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 30px 0 0 !important;
    width: 255px !important;
}
.genDiv .leftDiv { width: 99% !important; }
.leftDiv div {
    font-size: 18px !important;
}

.footDiv { width: 99%; min-width: 97%; max-width: 99%; box-sizing: border-box; float:none; padding: 5px 20px;}

}







/*Blog*/

#main {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    width: 960px;
    z-index: 1;
}
@media (min-width: 250px) and (max-width:960px) {
#left-col {
    background-color: #FFFFFF;
    float: none !important;
    padding: 0 !important;
    width: 100% !important;
}
#masthead .thumbnail {
    background-color: #F0B49E;
    margin-left: auto !important;
    margin-right: auto !important;
}
.site-title h1, .single-title h1 {
    text-align: center !important;
}
.site-title h2, .single-title h2 {
    font-size: 12px;
    line-height: 16px;
    text-align: center !important;
}
#content {
    background: none repeat scroll 0 0 #F2F2F2 !important;
    float: right !important;
    width: 100% !important;
}
.main-navigation {
    float: none !important;
}
.site-footer {
    background-color: #FFFFFF;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 960px;
}
}

@media (min-width: 250px) and (max-width:915px) {

.topNav {
    color: #145fa7;
    display: none !important;
    padding: 7px 0;
    text-align: right;
}
.homeHead {
    /*padding-top: 100px!important;*/
    max-width: 735px!important;
}
.innerHead {
font-size:30px; 
padding: 20px 0 0 15px!important;
float:left;}

}