/**Template:  J. Berg Mini Websites
**Designed and developed by:   Melissa Ashforth at hotlavamedia.com  10/18/2016
**URL:   http://hotlavamedia.com/
**Version: 1.0
**/

/* Custom Lib */
.fontXS{
    font-size:15px;
}
.fontS{
    font-size:20px;
}
.fontM{
    font-size:25px;
}
.fontL{
    font-size:30px;
}
.fontXL{
    font-size:40px;
}
.fontPTSans{
    font-family: "Karla";
}
.fontPTSerif{
    font-family: "Karla";
}
.imgStyle{
    border:8px solid #318dbb;
    margin:20px;
    -moz-border-radius: 50px 0px 50px 0px;
    -webkit-border-radius: 50px 0px 50px 0px;
    border-radius: 50px 0px 50px 0px;   
}
img {
  width:100%;
}
.imgBorder{
    border:8px solid #318dbb;
    -moz-border-radius: 50px 0px 50px 0px;
    -webkit-border-radius: 50px 0px 50px 0px;
    border-radius: 50px 0px 50px 0px;
}
.imgSpace{
    margin:20px;
}
.xtraPSpace{
    padding:20px;
}
.xtraMSpace{
    margin:20px;
}


.BTN{
    text-align: center;
    padding: 4% 8%;
    border: 2px solid #ffffff;
    color:#ffffff;
    font-weight:900;
    font-size: 1em;
}
.BTN:hover{
    text-align: center;
    padding: 4% 8%;
    border: 2px solid #50D170;
    background-color:#094699;
    color:#fff;
    font-weight:900;
    font-size: 1em;
}
.BTN2W{
    text-align: center;
    color: #094699;
    font-weight: 900;
    font-size: 1.5em;
    background: #ffffff;
    border: none;
    margin: 5px;
    padding: 1% 2%;
}
.BTN2W:hover{
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: 1.5em;
    background: #2476a1;
    border: none;
    margin: 5px;
    padding: 1% 2%;
}



/* Main Styles */
h2{
    font-size: 1.9rem;
    color:#263678;
    line-height: 1.8rem;
}
h3{
    font-size: 1.9rem;
    color:#263678;
    line-height: 1.8rem;
}
h5{
    color:#3176D6;
    font-family: "Karla";
    font-weight: 500;
    font-size: 1.53rem;
    opacity: 0.75;
    line-height: 1.8rem;
}
h6{
    font-weight: normal;
    opacity: 0.75;
}
.head3{
    margin-top: 4%;
    margin-bottom: -1%;
    font-size: 1.5rem;
    color: #3176D6;
    line-height: 1.8rem;
}
.subhed5{
    padding: 15px 0 13px 0;
    margin-bottom: 0%;
    color: #3176D6;
    font-family: "Karla";
    font-weight: 500;
    font-size: 1.2rem;
    opacity: 0.75;
    line-height: 1.4rem;
}
.head3P{
    font-size: 1.5rem;
    color: #263678;
    line-height: 1.8rem;
}
.subhed5P{
    padding: 15px 0 13px 0;
    padding: 15px 0 13px 0;
    margin-top: -1.5rem;
    margin-bottom: 0%;
    color: #318dbb;
    font-family: "Karla";
    font-weight: 500;
    font-size: 1.2rem;
    opacity: 0.75;
    line-height: 1.4rem;
}

.box2.moduletable, .box2.widget, .box2 > .g-content {
    color: #787878;
}
/* nav */
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
    content: "\f067";
}
#g-navigation .g-main-nav {
    margin: -5.3rem 0 -1rem 0;
    text-align: right;
}
.navCallToAction  {
    text-align: right;
    font-size: 1.5rem;
    color: #fff;
}
.navCallToAction a  {
    color: #318dbb;
    font-weight:800;
}
.navCallToAction a:hover  {
    color: #1884c2;
    font-weight:800;
}
.navSOCF {
    padding: 0px;
    background: #ffffff none repeat scroll 0% 0%;
    border-radius: 0rem; margin-left:.5rem;
}
.navSOCT {
    padding: 0px;
    background: rgb(183, 211, 51) none repeat scroll 0% 0%;
    border-radius: 0rem; margin-left:.5rem;
}
.navSOCF:hover{
    padding: 0px;
    background: rgb(183, 211, 51) none repeat scroll 0% 0%;
    border-radius: 0rem; margin-left:.5rem;
    background-color:#094699;
}
.navSOCT:hover {
    padding: 0px;
    background: rgb(183, 211, 51) none repeat scroll 0% 0%;
    border-radius: 0rem; margin-left:.5rem;
    background-color:#094699;
}
#customLogoBlock{
    padding:10px 0;
}
#g-header{
    border-bottom: 7px solid rgba(80, 209, 112, 0.8);
    background-color: rgba(4, 104, 155, 0.8);
    position: fixed;
    width: 100%;
    z-index: 1;
}
#g-header a {
    color: #fff;
}
#g-header a:hover{
    color: #45BD78;
}
#g-header span.g-iconmenu-icon:hover {
    color: #2579A5;
}
.headQuote{
    margin-top:0;
    margin-right:0;
    margin-top: -1rem;
    margin-right: -1.4rem;
}
.g-iconmenu .g-iconmenu-item:hover .g-iconmenu-icon {
    background: rgba(255, 255, 255, 0.25);
    color: #2579A5;
}
.g-iconmenu span {
    display: inline;
    background: none !important;
    color:#fff;
    font-weight:900 !important;
}
.g-iconmenu {
    float: right;
}
.g-iconmenu .g-iconmenu-item {
    border-right: 0px solid rgba(0, 0, 0, 0.1);
    font-size: 1.3rem;
    padding:5px 15px;
}

.subQuote a.g-iconmenu-item span.g-iconmenu-text:first-child {
    text-transform: capitalize;
    font-size: 1.3rem;
    color:#2578A5;
}
a.g-iconmenu-item{
    background-color:#094699;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#2578A5;
    padding:5px 15px;
}

a.g-iconmenu-item:first-child {
    background-color:transparent;
    text-transform: capitalize;
    font-size: 1.3rem;
}

.g-iconmenu .g-iconmenu-text {
    font-size: 1.3rem;
}
.mainNav {
    margin-top: -71px;
    color: #fff;
    font-weight: 900 !important;
    text-align: right;
    font-size: 1rem;
}
.g-main-nav {
    margin-right: -5px;
}
.g-main-nav .g-standard .g-fade.g-dropdown {
    background-color: rgba(4, 104, 155, 0.8);
    margin-top: 0px;
    border-radius: 0;
    padding: 10px 15px;
    width: 300px;
    border-top: 7px solid rgba(80, 209, 112, 0.8);
}
.g-main-nav .g-standard .g-fade.g-dropdown  ul li{
    border-bottom:1px solid rgba(255,255,255, 0.2);
}
.g-main-nav .g-standard .g-fade.g-dropdown  ul li:last-child{
    border-bottom:0px solid #ffffff;
}
.g-main-nav .g-toplevel > li {
    padding: 2% 0% 2% 2%;
    z-index: 0;
}
.g-main-nav .g-toplevel > li:first-child{
    padding: 3% 0% 3% 1.5%;
    z-index: 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #fff;
}

span.g-menu-item-title{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.0rem;
}

#g-navigation {
    background: rgb(23 39 80 / 90%) !important;
    color: #094699;
    position: relative;
    z-index: 11;
    border-top: 1px solid #fff;
    border-bottom: 5px solid rgba(255, 255, 255, 0.25) !important;
    margin-top: -2px;
}
#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0rem 0rem 0rem 2rem;
}
#g-navigation.g-headroom.headroom--unpinned {
    top: 0;
}
#mainMenu div.g-content{
    margin:0;
    padding:0;
}
.SubHeadImg{
    margin: -25px 0;
}

.SubHeadImg h1{
    margin: -8% 5% 0 0;
    background-color: rgba(80,209,112, 0.8);
    color:#fff;
    position: absolute;
    right: 0px;
    padding: 0px 20px;
}
.layout-slideshow2 .sprocket-features-content {
    /*width: 35%;*/
    padding: 15px 0;
    /*margin: 5% 50%;
    margin-bottom: 12rem;*/
}
.layout-slideshow2 .sprocket-features-arrows .arrow {
    bottom: 40%;
}
.layout-slideshow2 .sprocket-features-arrows .next {
    right: 2%;
}
.layout-slideshow2 .sprocket-features-arrows .prev {
    left: 2%;
}
.layout-slideshow2 .sprocket-features-desc {
    font-size: 1.5rem;
}
.sprocket-features-desc p {
    font-size:1.5rem;
    line-height: 1.2em;
}
.layout-slideshow2 .sprocket-features-title {
    font-size: 2.5em;
    line-height: 1em;
    margin-top: 1rem;
}
.slideBtnSpace{
    padding-bottom: 2rem;
}
.layout-slideshow2 .sprocket-features-padding {
    padding: 0 25px 25px 25px;
}
#g-showcase {
    margin-bottom: 5px;
}
#HomeSlideshow{
    z-index: 0;
}
.layout-slideshow2 .sprocket-features-content{
    background:rgba(24, 132, 194, 0.85);
}
.layout-slideshow2 .readon {
    /* margin: 5px; */
    display: block;
    color: #fff;
    background-color: #172750;
    width: 19rem;
    padding: 1rem;
    text-align: center;
    margin: 2rem auto 0rem;
    border-radius: .6rem;
}
.layout-slideshow2 .readon:hover {
    /* margin: 5px; */
    display: block;
    color: #094699;
    background-color: #fff;
    width: 19rem;
    padding: 1rem;
    text-align: center;
    margin: 2rem auto 0rem;
    border-radius: .6rem;
}
.layout-slideshow2 .sprocket-features-content::before {
    content: none;
}
.sprocket-features-desc{
    font-family: "PT Serif";
    letter-spacing: 1px;    
}
.sprocket-features-desc a.BTN{
    font-family: "PT Sans";
    letter-spacing: 1px;
    font-style: normal; 
}
.chrono_credits{
    display: none;
    visibility: hidden; 
}
/* Home Slide Text */
.layout-showcase .sprocket-features-img-container img {
    border: 8px solid #318dbb;
    -moz-border-radius: 50px 0px 50px 0px;
    -webkit-border-radius: 50px 0px 50px 0px;
    border-radius: 50px 0px 50px 0px;
}
div.sprocket-features-desc div{
    font-family: "Karla";
    font-weight: 400;
    color: #686868;
}
div.sprocket-features-desc p{
    margin-top:2.5rem;
}
.HBTN {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: #318dbb;
    color: #fff;
    font-family: "Karla";
    font-weight: 800;
}
.HBTN:hover {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: #172750;
    color: #fff;
    font-family: "Karla";
    font-weight: 800;
}
.homeTXT{
    margin-bottom: 1.1rem;
}
.button {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: #094699;
    color: #B7D333 !important;
    font-family: "Karla";
    font-weight: 800;
}
.button:hover {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: #B7D333;
    color: #094699 !important;
    font-family: "Karla";
    font-weight: 800;
} 

/* AboutText */
.HomeImage  {
    margin-top: -1.5rem;
}

/* content */
#g-main .g-container, #g-main.g-container {
    background: #ffffff;
}
#g-extension .g-container {
    background: #ffffff;
}
#g-main{
    margin:4rem 0 5rem 0;
}
.becomeAgent, .pAgent, .eAgent{
    margin-top: -5rem;
    padding-bottom: 5rem;
    color: #787878;
}
.custombecomeAgent, .custompAgent, .customeAgent{
    
}
.loginRight{
    margin-top: 4rem;
    padding-bottom: 5rem;
}
.QuoteBar{
    background-image: url("http://jbergassociates.com/images/home/online_quote_bg.jpg");
    background-color: #cccccc;
}
.quoteHTxt{
    color:#ffffff;
    padding-top:5px;
    letter-spacing: 1px;
}
.quoteTxt{
    padding:20px;
}
.RepresentingLogos{
    text-align:center;
    padding:20px;
    background-color: #ECECEC;
}
.sprocket-strips-s-nav, .sprocket-quotes-arrows {
    width: 65px;
    text-align: center;
    margin: auto;
}
.SPBlock {
    margin-top:40px;
}
.sprocket-quotes-info {
    margin-top: -4em;
    margin-bottom: -3em;
}
.sprocket-quotes-author {
    margin-top: 4.7rem;
    color: #094699;
    font-size: 1.5em;
    margin-left: 15rem;
}
span.sprocket-quotes-author:after{
    content: url("http://jbergassociates.com/images/testimonialImg5Star.png");
    float: right;
    margin-top: -10px;
}
.sprocket-quotes-subtext {
    display: block;
    color: #094699;
    margin-left: 15rem;
    margin-top: .8rem;
}
.sprocket-quotes-subtext  a{
    font-style: normal;
    font-weight: 900;
}
.sprocket-quotes-image {
    border-radius: 0;
}

.sprocket-quotes-item {
    background: #ffffff;
    border-radius: 4px;
    border: 3px solid #3686AF;
}
.sprocket-quotes-item:after {
    border-color: #3686AF transparent;
}

.Testimonials{
    
}
.TestimonialsTitles{
    color: #094699;
    font-size: 1.5em;
    margin-left: 15rem;
    font-weight: 900;
}
.TestimonialText{
    display: block;
    color: #094699;
    margin-left: 15rem;
    margin-top: .8rem;  
}
.TestimonialAuthor{
    margin-top: -1rem;
    margin-left: 15rem;
    margin-bottom: 6rem;
    display: block;
    color: #094699;
}
.TestimonialsTitles:after{
    content: url("http://jbergassociates.com/images/testimonialImg5Star.png");
    float: right;
    margin-top: -10px;
}
.sprocket-quotes-image {
    margin: -15rem 1em 1rem 0;
}
.sprocket-quotes-item a.readon{
    font-weight: 900;
    float: right;
    color: #094699;
    margin-top:-6rem;
}
.sprocket-quotes-item a.readon:hover{
    font-weight: 900;
    float: right;
    color: #094699;
    margin-top:-6rem;
}
.readmoretest{
    float:right;    
    text-transform: uppercase;
    font-family: "Karla";
    font-style: normal;
}
.item-page{
    padding: 4rem 0 4rem 0;
}

.testimonials{
    padding: 2rem 6rem 3rem 6rem;
}
h3.casestudyTitle{
    padding-top:.4rem;
    margin-left: 3.5rem;
} 
 
img.casestudyTitle{
    float: left;
    margin-top: -.5rem;
    /* margin-left: -2.6rem; */
    height: 60px;
}
#submit6{
    background-color: #094699;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 15px;
    margin: 2rem 0;
    font-family: "Karla";
    font-size: 1.5rem;
    font-weight: 700;
}
.coImg1{
    float:right; 
    height: 22rem;
    margin-left: 5rem;
}
.ourCo{
    padding: 1rem;
}
.listIcons{
    font-size: 1.5rem;
    padding: 1rem;
    background: #3686AF;
    border-radius: 100%;
    color: #fff;
    float: left;
    margin-right: 1rem;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color: #318dbb;
    border: 1px solid #318dbb;
    border-bottom-color: transparent;
    color: #fff;
}
.layout-left .sprocket-tabs-nav li.active > .sprocket-tabs-inner, .layout-left .sprocket-tabs-nav li.active > .sprocket-tabs-inner:hover {
    border-color: #318dbb #318dbb #318dbb #318dbb;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    margin: 2rem .2rem 4rem;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #787878;
    background-color: rgba(150,185,234, 0.3);
    border: 1px solid rgba(150,185,234, 0.9);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-sizing: border-box !important;
    -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
    -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
    transition: border 0.2s linear, box-shadow 0.2s linear;
}

.ContactForm  {
    margin-top:-6rem;
}
.ContactPgContact  {
    margin-top:-7rem;
}

/* expanded */
#g-expanded {
    text-align: center;
}
#g-expanded i {
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
    color: #172750;
}
#g-expanded a {
    color: #ffffff;
}
#g-expanded a:hover {
    color: #172750;
}
.g-blockcontent .g-blockcontent-subcontent-desc {
    font-size: 1.2rem;
}
.g-blockcontent .g-blockcontent-subcontent-title {
    border-bottom: 1px solid #094699;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}
.g-blockcontent .g-blockcontent-subcontent-title {
  font-size: 2.2rem;  
  color: #fff;
}
/* footer */
#g-footer a{
    color:#fff;
    font-weight: 800 !important;
}
#g-footer a:hover{
    color:#172750;
    font-weight: 800 !important;
}
#g-footer .FSocial a{
    color:#fff;
    font-weight: 800 !important;
}
#g-footer .FSocial a:hover{
    color:#172750;
    font-weight: 800 !important;
}
#g-footer .g-infolist.g-gridmenu {
    margin-top: 1.8rem;
}
.LearnMore div.g-content {
    margin: 0.635rem 0 0 0rem;
    padding: 0.948rem 0 0 1rem;
}
#g-footer h2.g-title{
    color:#172750;
    font-size: 1.5rem;
    font-family: "Karla";
    font-weight: 800;
    margin-bottom: -0.80rem;
}
#g-footer h3.g-title{
    color:#172750;
    font-size: 1.5rem;
    font-family: "Karla";
    font-weight: 800;
    margin-bottom: -0.80rem;
}
.LearnMore ul{
    padding: 0;
    margin: 0;
}
.LearnMore ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 1rem;
}

.LearnMore ul li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1em;
    color: #fff;
}
.LearnMore ul li a{
    color: #fff;
}
.LearnMore ul li a:hover{
    color: #50D170;
}

.ConnectF{
    margin-top: 1.5rem;
    margin-left: 1.5rem; 
    margin-right: 0rem;
}
.ConnectF a{
    color: #fff;
}
.ConnectF a:hover{
    color: #50D170;
}
.ConnectF span.fbuilding:before {
    content: '\f1ad';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;  
} 
.ConnectF span.fmap:before {
    content: '\f041';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;  
}
.ConnectF span.fphone:before {
    content: '\f095';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;  
}
.ConnectF span.fcontact:before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;
}
.ConnectF span.ffax:before {
    content: '\f1ac';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;
}
.ConnectF span.fquote:before {
    content: '\f245';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff;
    padding-right:5px;
}
.ConnectF2{
    margin-top: 1.5rem;
    margin-left: 1.5rem; 
    margin-right: 0rem;
}
.ConnectF2 a{
    color: #172750;
}
.ConnectF2 a:hover{
    color: #318dbb;
}
.ConnectF2 span.fbuilding:before {
    content: '\f1ad';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;  
} 
.ConnectF2 span.fmap:before {
    content: '\f041';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;  
}
.ConnectF2 span.fphone:before {
    content: '\f095';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;  
}
.ConnectF2 span.fcontact:before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;
}
.ConnectF2 span.ffax:before {
    content: '\f1ac';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;
}
.ConnectF2 span.fquote:before {
    content: '\f245';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #686868;
    padding-right:5px;
}
.ConnectFB{
    margin-top: 1.5rem;
}
.ConnectFB a{
    color: #04689B;
}
.ConnectFB a:hover{
    color: #50D170;
}
.ConnectFB span.fbuilding:before {
    content: '\f1ad';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;  
} 
.ConnectFB span.fmap:before {
    content: '\f041';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;  
}
.ConnectFB span.fphone:before {
    content: '\f095';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;  
}
.ConnectFB span.fcontact:before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;
}
.ConnectFB span.ffax:before {
    content: '\f1ac';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;
}
.ConnectFB span.fquote:before {
    content: '\f245';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #04689B;
    padding-right:5px;
}
.g-social {
    margin-top: 1.5rem;
}
.g-social a {
    color: #04689B;
    border-radius: 0;
    padding: 0.1rem 0.25rem;
    font-size: 2rem;
    margin: 2px;
}

.g-social a:hover {
    color: #fff;
    border-radius: 0;
    padding: 0.1rem 0.25rem;
    font-size: 2rem;
    margin: 2px;
}
.FSocial{
    margin:1.5rem auto;
}
#g-totop  i{
    color:#fff;
    padding:4px 10px;
    font-size: 2rem;
}
#g-totop  i:hover{
    color:#fff;
    padding:4px 10px;
    font-size: 2rem;
}
.g-copyright a{
    color:#ffffff;
}
.g-copyright a:hover{
    color:#1884c2;
}
#g-copyright .g-copyright {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.totop {
    margin-top: -45px;
    float: right;
    right: 0px;
    margin-right: -190px;
}
#g-copyright .g-totop {
    text-align: right;
    margin-top: .6rem;
}
#fin-captcha2 img{
    width: 8rem;
}
.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    width: 100% !important;
}
/*header*/
.g-offcanvas-toggle{
    color:#FFF;
    font-size: 1.5rem;
    top: 2.5rem;
    left: 1.5rem;
    border: none;
}
#g-offcanvas{
        padding-top: 30px;
}

/*common*/
@media only all and (max-width: 47.938rem) and (min-width: 30.062rem){
    .g-container{
        width: 90%;
    }
    .HBTN {
        display: block;
        margin: 2rem;
        text-align: center;
    }
    #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
        display: inline-block;
        line-height: 1rem;
        display: block;
    }
    #g-navigation {
        background: rgba(100, 152, 224, 1) !important;
    }
}
/* Tabs */
@media only all and (max-width: 47.938rem){
    #g-navigation {
        background: rgba(100, 152, 224, 1) !important;
    }
    
    .HBTN {
        display: block;
        margin: 2rem;
        text-align: center;
    }
    #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
        display: inline-block;
        line-height: 1rem;
        display: block;
    }
    .navSOCF, .navSOCT, .navCTA{
        display:none;
    }
    .navCTA{
        text-align:center;
    }
    .navCallToAction {
        text-align: center;
        font-size: 1.5rem;
        color: #fff;
        margin-top:-1rem;
    }
    .sprocket-tabs-panel  {
    margin-top: 22rem !important;
    }
    .imgBorder{
        margin-top:3rem;
    }
    .g-content{
        margin: 0;
    }
    .logo{
        text-align: center;
    }
    .logo img{
        text-align: center;
        max-width: 85%;
    }
    #g-slideshow {
        margin-top: -1rem;
    }
    #g-slideshow img{
        margin-top:0rem;
    }
    #g-navigation .g-main-nav {
        margin: -3.3rem 0 -1rem 0;
        text-align: right;
    }   
    #homeSlide img{
            
    }
    /*header*/
    #g-header{
        position: static;
        background-color: #094699}
    
    .g-logo img{
        max-width: 300px;
    }
    .g-content{

    }
    #g-offcanvas,#g-offcanvas #g-mobilemenu-container ul{
            background: #003b58;
    }
    #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container{
        color:#FFF;
    }
    #g-header .head-quote  {
        /*display: none;*/
        margin-top: -50px;
        position: relative;
    }
    #g-header .head-quote .headQuote .g-iconmenu-item{
        display: none;
        background-color: transparent;
    }
    #g-header .head-quote .headQuote a[href^="tel"]{
        display: inline-block;
        position: absolute;
        right:0;
        top:0;
        background-color: none !important;
        color:#FFF;
            padding: 0 15px;
    margin: 0;
    }
    #g-header .head-quote .headQuote a[href^="tel"]:after {
    font-family: FontAwesome;
    content: "\f095";
}
    
    /*pages*/
    #g-main.HomeMainC{
        margin: 2rem 0;
    }

    .SubHeadImg h1{
        font-size: 1.25rem;
        margin-top: -10%;
    }
    .item-page{padding: 0;}
    .homeCimg .g-iconmenu .g-iconmenu-text{
        display: inline;
    }
    .homeCimg .g-iconmenu{
        width: 100%;
        text-align: center;
    }
    .homeCimg .g-iconmenu .g-iconmenu-item{
        display: inline-block;
    }
    .homeCimg .g-iconmenu .g-iconmenu-item:first-child{
        display: block;
    }

    .becomeAgent, .pAgent, .eAgent{
        margin-top: 0;
        padding-bottom: 0;
    }
    .becomeAgent p, .pAgent p, .eAgent p{
        margin-top:0;
        margin-bottom: 0.5rem;
    }
    .becomeAgent h3, .loginRight h2{
        font-size: 1.25rem;
        margin-top: 2rem;
    }
    .becomeAgent form{margin: 0;}
    .becomeAgent form #submit6{margin: 1rem 0;}
    .loginRight,.loginRight h2,.loginRight form, .loginRight p{
        margin: 0;
        padding-bottom: 0;
    }
    .loginRight .form-inline .input-prepend{
        display: block;
    }
     .loginRight .form-inline .input-prepend input{
    width: 100%;
    max-width: 275px;
    padding: 0.35rem;}

    .moduletable .gcore-line-td input, .moduletable .gcore-line-td textarea, .moduletable .gcore-line-td select{
        width: 100%;
    }
    .moduletable .gcore-line-td #submit6{
        margin: 0;
        font-weight: 500;
        width: 150px;
    }

    /*testimonials */
    .testimonials {
        padding: 0px 30px;
    }
    .sprocket-quotes-container > li{
        margin: 0;
    }
    .sprocket-quotes-item{
        margin: 0;
        position: relative;
    }
    .TestimonialsTitles{
        font-size: 1.25em;
        margin-left: 0;
    }
    .TestimonialsTitles:after{
        display: none;
    }
    .sprocket-quotes-image {
    margin: 0;
    max-width: 150px;
    }
    .sprocket-quotes-info{
        margin: 0;
        position: absolute;
        top:20px;
    }
    .TestimonialText,.TestimonialAuthor,.TestimonialsTitles{
        margin-left: 200px;
    }
    .TestimonialAuthor{
        margin-bottom: 2rem;
    }
    .sprocket-quotes-item a.readon,.sprocket-quotes-item a.readon:hover{
        margin-top: -25px;
    }
    .sprocket-quotes-nav{
        margin-bottom: 20px;
    }
    .bcktop {display: none;}
    #g-footer .g-container {
        text-align: left;
    }
    
}



/*ipad landscape*/
@media only all and (max-width: 74.938rem) and (min-width: 60rem){
        #g-navigation {
            background: rgba(100, 152, 224, 1) !important;
        }
        .layout-showcase .sprocket-features-img-container img {
            margin-bottom: 2rem;
        }
    /*header*/
        #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
            display: inline-block;
            line-height: 1rem;
            display: block;
        }
        #g-header .g-container{
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }
        #customLogoBlock.size-35 {
            -webkit-flex: 0 25%;
            -moz-flex: 0 25%;
            -ms-flex: 0 25%;
            flex: 0 25%;
            flex:0 25%;
        }
        #g-header .g-logo{
            padding-left: 15px;
        }
        #g-navigation .g-main-nav {
            margin: -3.3rem 0 -1rem 0;
            text-align: right;
        }   
        .head-quote.size-65{
            -webkit-flex: 0 75%;
            -moz-flex: 0 75%;
            -ms-flex: 0 75%;
            flex: 0 75%;
            flex:0 75%;
        }
        #g-header a{
            margin-top: 0;
        }
        .HBTN {
            display: block;
            margin: 2rem;
            text-align: center;
        }       
        .g-header .g-block.size-35{
            display: none;
        }
        .mainNav.size-65{
            -webkit-flex: 0 100%;
            -moz-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
            flex:0 100%;
        }
        .headQuote.g-iconmenu .g-iconmenu-text {
            font-size: 1.2rem;
        }
        .mainNav{
            margin-top: -40px;
            margin-right: 0;
        }
        .g-main-nav .g-toplevel > li:first-child,.g-main-nav .g-toplevel > li{
            padding: 5px 0 20px 25px;
        }
        /*banner*/
        .layout-slideshow2 .sprocket-features-content{
            /*width: 65%;*/
            margin: 0;
            right: 0;
        }
        .layout-slideshow2 .sprocket-features-padding{
            padding: 0 20px;
        }
        .layout-slideshow2 .sprocket-features-title{
            font-size: 1.75em;
        }
        .sprocket-features-desc p {
            font-size: 1rem;
            line-height: 1.2em;
        }
        .slideBtnSpace{
            margin-bottom: 15px;
        }
        .BTN,.BTN:hover{
            padding: 15px 30px;
        }
        .layout-showcase .sprocket-features-img-container img {
            margin-bottom: 2rem;
        }
        /*testimonials*/
        .sprocket-quotes-image{
            max-width: 175px;
        }
        .TestimonialsTitles:after{
            display: none;
        }
        .TestimonialAuthor{
            margin-top: 0;
            margin-bottom: 0;
        }
        .sprocket-quotes-info{
            margin-bottom: 0;
            margin-top: 0;
        }
        .sprocket-quotes-item a.readon,.sprocket-quotes-item a.readon:hover{
            margin-bottom: 0;
            margin-top: 0;
        }

        /*pages*/
        #g-main{
            margin: 25px 0;
        }
        .SubHeadImg{
            position: relative;
        }
        .SubHeadImg h1{
            margin: 0;
            bottom: 7%;
            font-size: 1.75rem;
        }
        .item-page{padding: 20px 0;}
        .item-page .g-iconmenu{
            float: none;
        }
        .item-page a.g-iconmenu-item{
            margin: 0;
            text-align: left;
        }
        .item-page a.g-iconmenu-item:first-child{
            padding-left: 0;
            display: block;
        }
        p {
            margin: 0.5rem 0;
        }
        .page-header{
            margin-top: 20px;
        }
        .page-header h2{
            margin: 0;
        }
        .becomeAgent, .pAgent, .eAgent{
            margin: 0;
            padding: 0;
        }
        .g-content .gcore-line-td input, .g-content .gcore-line-td textarea, .g-content .gcore-line-td select{
            width: 80%;
        }
        #ftd-captcha .gcore-subinput-container-wide{
            float: none;
        }

    /*footer*/
        .g-footer .g-container{
            width: 100%;
        }
        .footer_w1.size-55,.footer_w2.size-25{
            -webkit-flex: 0 40%;
            -moz-flex: 0 40%;
            -ms-flex: 0 40%;
            flex: 0 40%;
            width: 40%;
        }
        #g-footer .LearnMore > .size-50{
            -webkit-flex: 0 100%;
            -moz-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
            width: 100%;
        }
         #g-footer .LearnMore > .size-50+.size-50>.g-content{
            padding-top: 0;
            margin-top: 0;
        }

}

/*Tab landscape*/
@media only all and (max-width: 59.938rem) and (min-width: 48rem){
        #g-navigation {
            background: rgba(100, 152, 224, 1) !important;
        }

    /*header*/
        #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
            display: inline-block;
            line-height: 1rem;
            display: block;
        }
        #g-header .g-container{
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }
        #customLogoBlock.size-35 {
            -webkit-flex: 0 25%;
            -moz-flex: 0 25%;
            -ms-flex: 0 25%;
            flex: 0 25%;
            flex:0 25%;
        }
        #g-header .g-logo{
            padding-left: 15px;
            }
        #g-navigation .g-main-nav {
            margin: -3.3rem 0 -1rem 0;
            text-align: right;
        }   
        .layout-showcase .sprocket-features-img-container img {
            margin-bottom: 2rem;
        }
        .HBTN {
            display: block;
            margin: 2rem;
            text-align: center;
        }       
        .head-quote.size-65{
            /*-webkit-flex: 0 75%;
            -moz-flex: 0 75%;
            -ms-flex: 0 75%;
            flex: 0 75%;
            flex:0 75%;*/
            display: none;
        }
        .g-header .g-block.size-35{
            display: none;
        }
        .mainNav.size-65{
            -webkit-flex: 0 100%;
            -moz-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
            flex:0 100%;
            width: 100%;
        }
        .g-main-nav .g-toplevel > li,.g-main-nav .g-toplevel > li:first-child{
            padding-left: 0;
        }
        span.g-menu-item-title{
            font-size: 0.75rem;
        }

    /*banner*/
        .layout-slideshow2 .sprocket-features-content{
            /*width: 65%;*/
            margin: 0;
            right: 0;
        }
        .layout-slideshow2 .sprocket-features-padding{
            padding: 0 20px;
        }
        .layout-slideshow2 .sprocket-features-title{
            font-size: 1.75em;
        }
        .sprocket-features-desc p {
            font-size: 1rem;
            line-height: 1.2em;
        }
        .slideBtnSpace{
            margin-bottom: 15px;
        }
        .BTN,.BTN:hover{
            padding: 15px 30px;
        }

    /*testimonials*/
        .testimonials{
            padding: 2rem;
        }
        .sprocket-quotes-image{
            max-width: 175px;
        }
        .TestimonialsTitles:after{
            display: none;
        }
        .TestimonialAuthor{
            margin-top: 0;
            margin-bottom: 0;
        } 
        .sprocket-quotes-info{
            margin-bottom: 0;
            margin-top: 0;
        }
        .sprocket-quotes-item a.readon,.sprocket-quotes-item a.readon:hover{
            margin-bottom: 0;
            margin-top: 0;
        }
        /*pages*/
        #g-main{
            margin: 25px 0;
        }
        .SubHeadImg{
            position: relative;
        }
        .SubHeadImg h1{
            margin: 0;
            bottom: 12%;
            font-size: 1.25rem;
        }
        .item-page{padding: 0;}

        .page-header{
            margin-top: 0;
        }
        .page-header h2{
            margin: 0;
        }
        .becomeAgent, .pAgent, .eAgent{
            margin: 0;
            padding: 0;
        }
        .pAgent p{margin-top: 0;}
        .becomeAgent #submit6{margin:10px 0 0;}
        .becomeAgent #submit6 form{margin-bottom: 0;}

        .g-content .gcore-line-td input, .g-content .gcore-line-td textarea, .g-content .gcore-line-td select{
            width: 80%;
        }
        #ftd-captcha .gcore-subinput-container-wide{
            float: none;
        }

    /*footer*/
        .footer_w1.size-55,.footer_w2.size-25{
            -webkit-flex: 0 40%;
            -moz-flex: 0 40%;
            -ms-flex: 0 40%;
            flex: 0 40%;
            width: 40%;
        }
        #g-footer .LearnMore > .size-50{
            -webkit-flex: 0 100%;
            -moz-flex: 0 100%;
            -ms-flex: 0 100%;
            flex: 0 100%;
            width: 100%;
        }
        #g-footer .LearnMore > .size-50+.size-50>.g-content{
            padding-top: 0;
            margin-top: 0;
        }


}



@media only all and (max-width: 47.938rem) and (min-width: 30.062rem){
    #g-navigation {
        background: rgba(100, 152, 224, 1) !important;
    }

    #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
        display: inline-block;
        line-height: 1rem;
        display: block;
    }
    .layout-slideshow2 .sprocket-features-content {
    /*width: 50%;
    margin: 5% 40%;*/
    }
    .layout-slideshow2 .sprocket-features-padding{
        padding: 5px;
    }
    .layout-slideshow2 .sprocket-features-title{
        font-size: 2em;
    }

    #g-navigation .g-main-nav {
        margin: -3.3rem 0 -1rem 0;
        text-align: right;
    }   
    .layout-showcase .sprocket-features-img-container img {
        margin-bottom: 2rem;
    }
    .HBTN {
        display: block;
        margin: 2rem;
        text-align: center;
    }
    /*footer*/
    .footer_w1 .custom{margin-top: 20px;}
    .footer_w1 .custom .g-block.size-50 {
        width: 50%;
            -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
    padding: 0 10px;
    }
    .LearnMore div.g-content{
        padding: 0;
    }
    .g-block.footer_w2,.g-block.footer_w3{
         -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    }
}
/* mobile */

@media only all and (max-width: 30.062rem){
    #g-navigation {
        background: rgba(100, 152, 224, 1) !important;
    }

    #g-mobilemenu-container .g-toplevel li .g-menu-item-content {
        display: inline-block;
        line-height: 1rem;
        display: block;
    }
    .HBTN {
        display: block;
        margin: 2rem;
        text-align: center;
    }   
    .layout-showcase .sprocket-features-img-container img {
        margin-bottom: 2rem;
    }
    /*header*/
    #g-header{
        border-width: 3px;
    }
    .g-logo img {
    max-width: 190px;
    }
    .g-offcanvas-toggle{
        top: 2.5rem;
        left: 1.5rem;
        border: none;
    }
    .layout-slideshow2 .sprocket-features-title {
    font-size: 1em;
    font-weight: 500;
    }
    .layout-slideshow2 .sprocket-features-padding {
    padding: 0 5px;
    }
    #g-navigation .g-main-nav {
        margin: -3.3rem 0 -1rem 0;
        text-align: right;
    }   
    /*pages*/
    #g-main.HomeMainC{
        margin: 0;
    }
    .SubHeadImg h1 {
    font-size: 1rem;
    margin-top: -25%;
    }
    h3.casestudyTitle{
        font-size: 1.25rem;
    }
    img.casestudyTitle{
            margin-top: 0.5rem;
    }
    .page-header h2{
        font-size: 1.5rem;
        margin: 0;
    }
    
    .coImg1{
        float: none;
        margin-left: 0;
        height: 15rem;
    
    }
    .imgBorder{
        border-width: 3px;
    }
    .testimonials_container .sprocket-quotes-container li{
        margin-bottom: 30px;
    }


    /*testimonials*/
    .testimonials {
    padding: 0px 15px;
    }   
    .sprocket-quotes-info{
        left: 50%;
    margin-left: -75px;
    }
    .TestimonialsTitles,.TestimonialText,.TestimonialAuthor{
        margin-left: 0;
    }
    .TestimonialsTitles{
        margin-top: 200px;
    }

    /*Quotes*/
    .quoteHTxt{
        font-size: 1.25rem;
    }
    .quoteTxt .BTN2W{
        display: block;
    }
    .quoteTxt .BTN2W+.BTN2W{
        margin-top: 15px;
    }

    /*footer*/
    .footer_w1 .LearnMore > .g-block + .g-block .g-content{
        margin-top: 0;
        padding-top: 0;
    }
    .FSocial{margin: 0;}
}


.layout-showcase .sprocket-features-img-container img {
    width: 509px;
    float: left;
    margin-right: 25px;
}
















