/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

.promo.promo-light {
    background-color: #0E77FB!important;
    border-radius: 3px;
    padding-left: 30px;
}
#copyrights {
    padding: 40px 0;
    background-color: #FFF!important;
    font-size: 14px;
    line-height: 1.8;
}
#header.full-header {
    border-bottom-color: #F2F2F2;
    background-image: url(../images/whiteshade.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;
}
.numlist {
    background: url(../images/numbg.png) no-repeat transparent;
    height: 40px;
    text-align: center;
    margin-right: 10px;
    width: 40px;
    padding-top: 5px;
    float: left;
}
.howitworkgraph {
    text-align: center;
    /* padding-bottom: 20px; */
    border-style: solid;
    border-color: #F0f0f0;
    border-width: 1px;
    background-color: #FAF8F9;
}
.search.notopborder.norightpadding {
    background-color: #0E77FB;
    max-height: inherit;
    padding-top: 30px;
    padding-bottom: 25px;
}
.section.nobottommargin.nobottompadding.notopmargin.slider {
    background-color: #ededed;
}

.divider.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #444!important;
}
.divider.divider-center.divider-short:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #444!important;
}
.divider {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #444444!important;
    width: 100%;
}
.alist{
    background: url("../images/A.jpg") no-repeat scroll left 3px transparent;
    padding-left: 30px;
}
.qlist{
    background: url("../images/Q.png") no-repeat scroll left 3px transparent;
    padding-left: 30px;
}
.line, .double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid #999!important;
}.divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #444!important;
}
a.button.button-full.center.tright.footer-stick {
    /* color: blue; */
    background-color: #0E77FB;
}
#primary-menu ul li.current > a {
    color: #0E77FB!important
}
#copyrights {
    padding: 40px 0;
    background-color: #DDD;
    font-size: 14px;
    line-height: 1.8;
    border-top: 4px solid #BEBEBE;
}
#primary-menu ul li:hover > a{
    color: #0E77FB!important;
}

@media (max-width: 1301px)
#primary-menu {
    display: block;
    float: none;
}
@media (max-width: 1301px)
#logo {
    display: block;
    height: 100px;
    float: none;
    margin: 0 auto 0 !important;
    max-width: none;
    text-align: center;
    border: 0 !important;
    padding: 0 !important;
}
@media (max-width: 1301px)
#primary-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    top: 25px;
    margin-top: 0;
    right: 0@important;
    z-index: 1;
}
body,p {
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
p {
    font: 15px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.testi-content {
    height: 150px;
}
.testi-content p {
    margin-bottom: 0;
    font-family: 'Crete Round', serif;
    font-style: inherit;
    font-size: 20px!important;
    color: #555;
}
.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
}
white {
    background-color: white;
}
.sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {
    position: relative;
    z-index: 2;
    border-color: rgba(0,0,0,0.1) !important;
    color: #FFF !important;
    font-weight: 600;
    background-color: #0E77FB !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.testi-content {
    position: relative;
    overflow: hidden;
    height: auto !important;
}
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6{
    position: relative;
    display: inline-block;
    background-color: white;
    padding-right: 15px;
    margin-bottom: 0;
}
h2.pink {
    background-color: #F9F9F9!important;
}

textarea{
    resize:none;
}
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 81px!important;
}
.radio-style:checked + .radio-style-3-label:before {
    color: #FAFAFA!important;
    background-color: #337ab7!important;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    padding-top: 31px!important;
    padding-bottom: 19px;
}
.clients-grid li:before, .testimonials-grid li:before {
                border-left: 1px solid #ddd !important;
            }
.clients-grid li:after, .testimonials-grid li:after {
    border-bottom: 1px solid #DDD !important;
}

@media (max-width: 1261px ){

#primary-menu {
    display: block;
    float: none;
}
body:not(.top-search-open) #primary-menu-trigger {
    opacity: 1;
    -webkit-transition: opacity .2s .2s ease, top .4s ease;
    -o-transition: opacity .2s .2s ease, top .4s ease;
    transition: opacity .2s .2s ease, top .4s ease;
}
#primary-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    top: 25px;
    margin-top: 0;
    right: 0!important;
    z-index: 1;
}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1261px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 1261px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 1261px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 1261px),
only screen and (                min-resolution: 192dpi) and (max-width: 1261px),
only screen and (                min-resolution: 2dppx) and (max-width: 1261px) {
    #logo a.standard-logo { display: none !important; }
    #logo a.retina-logo { display: inline-block !important; }
}
@media (max-width: 1261px)
#primary-menu-trigger {
    
    right: 0!;
    
}