﻿.clear { clear: both; }
/* Uncomment this section to create a sticky footer that is 60px in height. Change dimensions to increase/decrease footer height
html,
body { height: 100%; }
#layout-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; }
#push,
#footer { height: 60px; }
*/

/* #Lists
================================================== */
/*ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { }
ul ul li, ul ol li,
ol ol li, ol ul li { }*/

/* Header
=================================================================== */
/* Uncomment this section to create hover-over dropdowns. Also add class name of "disabled" to <a> tag in MenuItemLinkdd.cshtml in Views folder
    .navbar .nav > li.dropdown:hover ul.dropdown-menu { display: block; }
    .navbar .nav > li.dropdown ul.dropdown-menu { margin-top: 0; }
*/
.navbar .nav > li.dropdown i { opacity: 0.60; filter: alpha(opacity = 60); }
.navbar .nav > li.dropdown:hover i { opacity: 1; filter: alpha(opacity = 100); }
/* second level menu links */
.dropdown .dropdown { position: relative; }
.dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown > a > b { border: none; }
/* third level menu links */
.dropdown .dropdown .dropdown { position: relative; }
.dropdown .dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown .dropdown > a > b { border: none; }

/* Comments
=================================================================== */
.comments-sec { float: left; width: 100%; line-height: 20px; margin-top: -15px; }
ol.commentlist { float: left; width: 100%; margin: 0; }
ol.commentlist li { float: left; border-top: 1px solid #e7e7e7; padding: 25px 0 20px 0; }
ol.commentlist li:first-child { border: none; padding: 25px 0 0px 0; }
ol.commentlist li { list-style: none; }
ol li ol.childlist { float: right; width: 89%; margin: 0px; }
ol.commentlist li ol.childlist li:first-child { border-top: 1px solid #e9e9e9; padding: 25px 0 0 0; font-size: 12px; }
ol.commentlist li ol.childlist li { border-top: 1px solid #e9e9e9; margin: 25px 0 15px 0; font-size: 12px; }
.comments { float: left; width: 100%; }
.comments-amount { color: #888; }
ol li ol.childlist .comment-des { float: right; width: 89%; }
.avatar { float: left; }
.comment-des { float: right; width: 90%; }
.comment-des strong { float: left; padding-right: 5px; font-size: 12px; }
.comment-des span { float: left; color: #888; }
.comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px; color: #000; }
.ie7 .comment-by span.reply span { display: none; }
.comment-by span.reply { color: #888; float: right; display: inline; }
.comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; float: right; }
.comment-by span.date { color: #888; padding-right: 7px; float: right; }
.ie7 .comment-by .date { display: none; }

/* Contact Form
=================================================================== */
.field textarea { max-width: 97%; min-width: 97%; height: 130px; margin: 5px 0 15px 0; }
.field input { width: 240px; margin-bottom: 15px; }
.field:focus { border: 1px solid #eee; }
.field label span { color: #666; }
.field .validation-error,
.field .validation-error:focus { border: 1px solid #f2c4c2; background: #ffeceb; }
.loading { background: url(../images/loader.gif) no-repeat 1px; height: 28px; width: 28px; float: left; margin: 5px 0 0 10px; display: none; }
.success-message .notification { margin-bottom: 20px; }
.success-message { display: none; }
.form-spacer { margin-top: 20px; }

/* Posts
=================================================================== */
.post { padding: 0 0 15px 0; border-bottom: 1px solid #eee; margin-bottom: 10px;margin-left:10px;}
.post.post-page { border-bottom: none; margin-bottom: 0;}
.post-content { margin: 22px 0 0 0px;}

/* Tags */
.post-meta { background: #fff; color: #666; margin: 5px 0px; padding: 10px 5px; border-top: 1px solid #eee; }
.post-meta a { text-decoration: none; }
.post-meta a:hover { }
.post-meta i { opacity: 0.35; filter: alpha(opacity = 35); margin-right: 5px; zoom: 1; }
.post-meta span { margin-right: 10px; }

/* Pagination
=================================================================== */
.pager { text-align: left; margin-bottom: -10px; }
.pager a,
.pager span { padding: 4px 12px; border: 1px solid #ddd; border-left-width: 0; display: inline-block; *float: left; background: #fff; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.ie7 .pager span { margin-right: 5px; }
/*---My Policies---*/
@media(min-width:1200px)
{
   .span2 {
    width: 117px;
    padding-right: 0;
   }
}
[aria-labelledby*="accordion_policy_details"] > .span-font-normal,
[aria-labelledby*="accordion_policy_details"] > div {
    width: 100%;
    margin-left: 0;
    padding-left: 30px;
    box-sizing: border-box;
    float: left;
}
[aria-labelledby*="accordion_policy_details"] span.span-fluid {
    width: 70% !important;
    float: left !important;
}
.width-fluid {
    width: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}
.width-fluid > .span2 {
    width: 115px;
}
/*General Fix CSS*/
.widget-mainmenu .menu-wrapper a img{
    margin-top: 5px;
}
.widget-mainmenu .menu-wrapper a[class] {
    font-size: 14px;
    height: 63px;
    display: inline-block;
    line-height: 53px;
    padding: 5px 20px;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    color: rgba(0,0,0,0.66);
    -webkit-transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
    transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.widget-mainmenu .menu-wrapper a[class]:hover {
    background-color: #f5f5f5;
    color: #74c2bd;
    text-decoration: none;
}
.widget-mainmenu .menu-wrapper a.menulinkactive:hover {
    color: #f8862c;
}
.widget-mainmenu .menu-wrapper a[class]:after {
    display: block;
    content: '';
    position: relative;
    left: 0;
    top: -15px;
    margin: 0 auto;
    height: 2px;
    width: 0;
    -webkit-transition: width 0.25s ease;
    transition: width 0.25s ease;
    background-color: #74c2bd;
}
.widget-mainmenu .menu-wrapper a[class]:hover:after {
    width: 100%;
}
.post-page > header + div > h6:first-child {
    font-size: 30px;
}
.navbar-inner .container {
    margin-top: 6px;
}
.info-wrapper {
    float: right;
}
.info-wrapper h2 {
    font-size: 33.5px;
    line-height: 40px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: normal;
}
.info-wrapper span {
    line-height: 24px;
}
.info-wrapper p {
    margin: 10px 0;
}
#layout-navigation + .row .well {
    top: 47px;
}
#layout-navigation + .row {
    margin-top: 90px;
}
.zone.zone-content > article {
    float: left;
    width: 100%;
}
.span-font-normal, .span-font-normal + span {
    font-weight: normal !important;
}
a.mobile-menu {
    position: absolute;
    right: 20px;
    top: 8px;
}
a.mobile-menu .fa {
    font-size: 18px;
    color: #888;
    cursor: pointer;
}
.widget-navigation {
    float: left;
    width: 80%;
    position: relative;
}
.widget-navigation > nav > a[href] {
    float: left;
}
.widget-navigation .menu-wrapper {
    float: left;
}
.mobile-menu {
    display: none;
}
@media (min-width: 1200px) {
   .info-wrapper {
        width: 40%;
        margin-bottom: 30px;
        box-sizing: border-box;
        padding-right: 8px;
   }
}
@media (min-width: 980px) {
    .menu-wrapper {
        display: block !important;
    }
}
@media (max-width: 979px){
    .menu-wrapper {
        display: none;
        position: absolute;
        background-color: #fff;
        width: 100%;
        top: 63px;
        z-index: 1;
        padding: 0 20px !important;
        box-sizing: border-box;
    }
    .menu-wrapper a {
        display: block;
        float: left;
        width: 100%;
        border-top: 1px solid #e8e8e8;
        height: 40px !important;
        line-height: 30px !important;
        background-color: transparent !important;
    }
    .menu-wrapper a:after {
        display: none !important;
    }
    a.mobile-menu {
        display: block;
    }
}
@media (max-width: 850px) {
    article.widget-navigation {
        width: 100%;
    }
    .nav-collapse ul.nav {
        margin: 60px 0 -60px;
    }
}
/*End of General Fix*/
@media (max-width: 1189px) {
    .width-fluid {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .info-wrapper {
        margin: 30px 0;
    }
    .info-wrapper h2 > br {
        display: none;
    }
}
@media (min-width:768px) {
    [aria-labelledby*="accordion_policy_details"] > div {
        margin-top: 10px;
    }
    [aria-labelledby*="accordion_policy_details"] .span5 {
        width: 62%;
        float: left;
    }
    [aria-labelledby*="accordion_policy_details"] .span5 + span,
    [aria-labelledby*="accordion_policy_details"] > .span-font-bold + .span-font-bold {
        float: right;
        width: auto;
    }
}
@media (max-width:767px) {
    [aria-labelledby*="accordion_policy_details"] .span5 {
        width: 40%;
        float: left;
    }
    [aria-labelledby*="accordion_policy_details"] .span5 + span {
        float: right;
        width: auto;
    }
    [aria-labelledby*="accordion_policy_details"] > .span-font-normal .span5 {
        padding-top: 0px;
    }
    [aria-labelledby*="accordion_policy_details"] span.span-fluid {
        width: 100% !important;
    }
}
@media(min-width:768px) and (max-width:979px){
   .span2 {
    width: 135px;
    padding-right: 0;
   }
}
@media (max-width: 767px) and (min-width: 470px){
    #accordion_policy_details .span2 {
           width: 47%;
           float: left;
    }
}
@media (min-width: 980px) {
    #accordion_policy_details .span2 + .span-font-normal {
        display: block;
        float: right;
        width: 45%;
        /*text-align: right;*/
        padding-right: 30px;
    }
}
@media (min-width: 470px) and (max-width: 979px){
    #accordion_policy_details .span2 + .span-font-normal {
        display: block;
        width: 45%;
        /*text-align: right;*/
    }
}
@media (max-width: 469px) {
    #accordion_policy_details .span2,
    #accordion_policy_details .span2 + .span-font-normal {
        text-align: left !important;
        width: 100%;
    }
}

.imgmypolicies {
    position: relative;
    left: -22px;
}

#googleMap {
        width: 250px;
        height: 250px;
    }

@media (min-width: 752px) {
    div.span3 {
        width: 190px;
        margin-top: -35px;
    }    
}

@media (max-width: 767px){
    div.span3 {
        width: 190px;
        margin-top: -5px;
    }  
} 
