@CHARSET"UTF-8";
html, body {
height: 100%;
margin: 0;
}
body {
margin: 0;
padding: 0;
color: #333333;
background: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 400;
}
button, input, select[multiple], textarea {
max-width: 100%;
}
.left {
float: left;
}
.right {
float: right;
}
.relative{ position: relative;}
img {
width: auto;
height: auto;
vertical-align: middle !important;
}
iframe{ width: 100%;}
.custom_navs{ text-align: right; margin: 43px 10px;}
.custom_navs ul{ padding: 0; margin: 0;}
.custom_navs ul li{ display: inline-block; list-style: none; position: relative; }
.custom_navs ul li a{ text-align: center; font-size: 16px;
color: #333333;
line-height: 1.6; padding: 0px 20px;}
ul.sub-menu li a {
font-size: 14px;
}
.navbar-collapse a {
text-decoration: none;
padding: 0 10px;
font-family: 'Roboto', sans-serif;
font-size: 17.22px;
font-weight: 400;
color: #999999;
line-height: 36px;
text-transform: uppercase;
}
.current-menu-item > a{ color: #264899 !important;font-weight: 700;}
a {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
p {
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 300;
color: #000;
line-height: 38px;
margin: 0;
}
.small p, .small {
font-size: 20px; font-weight: 300;
}
h2 {
font-size: 36px;
margin-top: 28px;
margin-bottom: 6px;
}
h3 {
margin-top: 41px;
margin-bottom: 7px;
font-weight: 600;
}
.main_title h1 {
font-size: 90px;
color: #fff;
margin-top: -145px;
text-transform: uppercase;
font-weight: 100;
}
.navbar-nav ul {
margin-bottom: 0;
padding: 0;
}
.resp_logo{ display: none;}
.navbar-nav ul li {
position: relative;
display: inline-block;
}
.slider-pro {
background-color: #fff;
}
.sub-menu li a:after{ content: none;}
.sp-image-container {
overflow: hidden;
vertical-align: top;
}
.sp-arrow {
width: 46px;
height: 65px;
cursor: pointer;
background: #d81e3b;
}
.sp-horizontal .sp-previous-arrow {
left: 0;
}
.sp-horizontal .sp-next-arrow {
right: 0;
}
.sp-image-container img,.banner img{ width: 100%;}
.slide-content {
padding-top: 250px;
text-align: center;
}
.slide-content {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.sp-layer {
position: relative !important;
text-align: left;
}
.sp-layer h1{ font-size: 64px; color: #273248;}
.padtp_25{ padding-top: 25px;}
.padbm_25{ padding-bottom: 25px;}
.padtp_40{ padding-top: 40px;}
.padbm_40{ padding-bottom: 40px;}
.padtp_70{ padding-top: 70px;}
.padbm_70{ padding-bottom: 70px;}
.padtp_120{ padding-top: 120px;}
.padbm_120{ padding-bottom: 120px;}
.mrtbm_50{ margin-bottom: 50px;}
.nav a:hover {
color: #1F2A5A;
}
.header {
width: 100%;
z-index: 16;
min-height: 130px;
}
.current-menu-item a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background: transparent;
color: #315981;
}
#menu-sub-nav .current-menu-item a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background: transparent;
}
.grey_container{background: #f4f4f4; margin: 70px auto 30px auto;}
.top-header {
z-index: 199;
min-height: 100px;
width: 100%;
}
.sub-header {
background: #f1f1f1;
min-height: 78px;
}
.sub-header .icon {
/* width: 22%; */
float: left;
padding-right:6px;
}
.sub-header p {
font-size: 16px;
line-height: 17px;
}
.colored_sec {
background: #264899;
padding: 30px 0;
}
.colored_sec p {
color: #fff;
font-size: 36px;
line-height: 1.4;
}
.box-1 {
padding: 17px 18px;
min-height: 77px;
}
.box-1 .text {
padding-top: 16px;
float: left;
padding-right: 14px;
}
.box-1 p {
color: #000;
font-size: 30px;
}
.box-2 {
background: #e0e0e0;
min-height: 78px;
padding: 12px 24px;
}
.box-2 .text { display:block; }
.box-2 p{
display: inline-block;
padding:5px 8px 0 0;
}
.box-2 p:first-child{ /* margin-right: 36px; */}
.box-2 p span{
display: inline-block;
}
.box-2 p span:first-child{ /* padding-right: 15px; */}
.box-2 b{
margin-top: 5px;
display: inline-block;
}
.box-3 {
background: #999999;
min-height: 78px;
padding: 17px 24px;
}
.box-3 p {
color: #fff;
}
.box-3 .text {
padding-top: 5px;
}
.header-slide {
position: relative;
top: 0;
}
.header-inner {
max-width: 940px;
width: 100%;
margin: 0 auto;
}
.menu-item:hover .sub-menu {
display: block;
max-height: 2220px;
background: #f1f1f1;
margin-top: 20px;
}
/* Header Css */
/*Index CSS*/
.flex{
display: flex;
}
.top_3_box {
/* margin-top: -56px; */
}
.top_3_box .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 5px;
}
.top_3_box .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 9px;
}
.top_3_box .sub_title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 3px;
color: #fff;
}
.top_3_box .icon {
margin-right: 12px;
}
.top_3_box .content p{
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
}
.top_3_box .tb-1 {
background: #3b5aa3; /* #6b7578; */
padding: 12px;
}
.top_3_box .tb-2 {
background: #7ca3d5; /* #3b5aa3; */
padding: 12px;
}
.top_3_box .tb-3 {
background: #3b5aa3; /* #7ca3d5; */
padding: 12px;
}
/* Start Mindful Home Boxes */
.over_top_boxes {
margin-top: -56px;
}
.over_top_boxes .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 5px;
}
.over_top_boxes .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 9px;
float:left;
}
.over_top_boxes .sub_title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 3px;
color: #fff;
}
.over_top_boxes .icon {
margin-right: 12px;
}
.over_top_boxes .content {
float: left;
padding: 20px 0 0 20px;
}
.over_top_boxes .content p{
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
}
.over_top_boxes .tb-1 {
background: #6b7578;
padding: 12px;
}
.next_3_box {
/* margin-top: -56px; */
}
.next_3_box .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 5px;
}
.next_3_box .title {
color: #fff;
font-weight: 300;
font-size: 30px;
margin-top: 10px;
margin-bottom: 9px;
}
.next_3_box .sub_title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 3px;
color: #fff;
}
.next_3_box .icon {
margin-right: 12px;
}
.next_3_box .content p{
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
}
.next_3_box .tb-1 {
background: #7ca3d5;
padding: 12px;
}
.next_3_box .tb-2 {
background: #3b5aa3;
padding: 12px;
}
.next_3_box .tb-3 {
background: #7ca3d5;
padding: 12px;
}
/* End Mindful Home Boxes */
.about-text {
margin-top: 40px;
}
.about-text h1,.about-text h1 p {
color: #000;
font-weight: 300;
font-size: 30px;
}
.about-text p {
color: #000;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
}
.testimonial{
background-size: cover !important;
border-bottom: 15px solid #d81e3b;
}
.testimonial .content{
position: relative;
min-height: 470px;
}
.testimonial .author{
position: absolute;
bottom: 30px;
color: #fff;
}
.testimonial .text{
position: absolute;
bottom: 83px;
color: #fff;
font-size: 30px;
}
.testimonial .text p{
font-size: 30px;
color: #fff;
max-width: 60%;
}
.testimonial .text::before {
content: '';
background: url("../img/quote.png") no-repeat center;
height: 64px;
width: 96px;
position: relative;
top: -21px;
display: block;
}
.maps {
margin-top: 40px;
}
.maps h3 {
font-size: 30px;
font-weight: 300;
}
/*Index CSS*/
/* Services Page*/
.grey_bg {
background: #8a8a8a;
}
.grey_bg h3 {
color: #fff;
font-size: 36px;
font-weight: 300;
margin-top: 12px;
margin-bottom: 20px;
}
.grey_bg .icon{
float: left;
margin-right: 26px;
}
.grey_bg .title {
font-size: 20px;
color: #fff;
font-weight: 400;
}
.grey_bg .content {
font-size: 18px;
color: #fff;
font-weight: 300;
width: 100%;
margin-top: 19px;
}
.grey_bg .item {
margin-bottom: 30px;
min-height: 109px;
}
.care_service {
}
.care_service .icon{
float: left;
margin-right: 16px;
}
.care_service .item {
min-height: 90px;
}
/*contact page*/
.contact_sec .title {
font-size: 30px;
font-weight: 600;
margin-top: 52px;
}
.contact_sec .content p{
font-size: 20px;
}
.contact_sec .content a{
font-weight: 400;
}
.contact_sec .map {
margin-bottom: 50px;
}
.billing hr {
margin-top: 0;
}
.billing .title {
font-size: 30px;
font-weight: 400;
margin-top: 38px;
}
.billing .subtitle{
font-size: 20px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 40px;
}
.faq {
}
.faq h3 {
font-weight: 400;
}
.faq p{
font-size: 20px;
line-height: 1.7;
}
div.locations h3{
color: #d81e3b;
font-size: 60px;
font-weight: 300;
margin-top: 31px;
}
/* Scrolling Tabs */
.scroll_tabs{ margin: 0; padding: 0;}
.scroll_tabs li{ display: inline-block; list-style: none;}
.scroll_tabs li a{ padding: 17px 39px; display: block; text-transform: uppercase; color: #003366; position: relative;}
.scroll_tabs .srtb.current:after{
content: '';
height: 3px;
width: 62px;
background: #092c74;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
#testimonials .grey_container{ margin-top: 0;}
/* Scrolling Tabs */
/* Leadership Css */
.members_post h3{ margin: 20px 0 10px 0;}
.members_post a{ color: #d7822f; font-size: 20px;}
/* Leadership Css */
/* Accordion */
#technology .divider{ margin-top: 0;}
#accordion1 li a{ font-size: 30px;line-height: 38px; font-weight: 300;}
#accordion1 .panel{ border-bottom: 1px solid #999999; }
#accordion1 li:last-child{ border-bottom: none; box-shadow: none;}
#accordion1 .panel div {
padding: 0 25px 0 17px;
font-size: 14.0pt;
}
#accordion1 .panel .in {
padding-bottom: 20px;
}
/* Accordion */
/* Default Page */
.sidebar .btn{
padding: 0 10px;
border: 1px solid transparent;
border-color: #092d74;
color: #ffffff;
background: #092d74;
}
/* Default Page */
/* Blog Page Css */
.blog_post h1 {
font-size: 30px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 300;
}
.blog_post h1 a,.loop_text h1 a{ color: #003366;}
.blog_post .read_more {
font-weight: 300;
font-size: 13px;
text-decoration: none;
text-transform: lowercase;
background: #39acde;
color: #fff;
padding: 3px 23px;
margin: 15px auto 0;
display: inline-block;
}
.blog_post .read_more:hover{
-webkit-box-shadow: 0 10px 20px #bdbdbd;
-moz-box-shadow: 0 10px 20px #bdbdbd;
box-shadow: 0 10px 20px #bdbdbd;
}
.blog_post p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.blog_template hr {
border-top: 2px solid #ccc;
margin: 75px auto;
max-width: 830px;
}
.blog_template .blog_img {
max-width: 460px;
}
.posts_sec{ border-right: 1px solid #bcbcbc;}
/* Sidebar */
.no_mrgtp{ margin-top: 0 !important;}
.widget h5{ margin-top: 50px;}
.widget h5,.blue_text{
font-size: 16px;
color: #149eda;
font-weight: 700;
text-transform: lowercase;
}
.widget ul{ padding: 0; margin: 0;}
.widget ul li{ display: block; list-style: none;}
.widget ul li a{
font-size: 12px;
font-weight: 400;
margin-bottom: 15px;
display: block;
}
/* Sidebar */
/* Single Page */
.page_single h1,.loop_text h1{
margin-top: 0;
font-size: 32px;
}
.page_single p,.loop_text p{font-size: 16px; line-height: 24px;}
/* Single Page */
/* Blog Css */
/* Back to Top */
.back-to-top {
text-align: center;
border-radius: 3px;
position: fixed;
right: 1em;
bottom: 1em;
z-index: 1;
text-decoration: none;
color: #ffffff;
background-color: rgba(86, 86, 86, 0.66);
font-size: 12px;
padding: 8px 15px;
display: none;
}
.back-to-top:hover {
background: #13161b;
color: #fff;
transition: background .7s;
-webkit-transition: background .7s;
}
/* Back to Top */
/* 5 Columns */
.col-xs-5ths,
.col-md-5ths,
.col-sm-5ths
.col-xs-5ths {
width: 20%;
float: left;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 768px) {
.col-md-5ths {
width: 50%;
float: left;
}
}
@media (max-width: 480px) {
.col-sm-5ths {
width: 100%;
float: none;
}
}
/* 5 Columns */
/* Footer Css */
footer {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79a0d2+0,283c6d+100 */
background: #79a0d2; /* Old browsers */
background: -moz-linear-gradient(top, #79a0d2 0%, #283c6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #79a0d2 0%,#283c6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #79a0d2 0%,#283c6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79a0d2', endColorstr='#283c6d',GradientType=0 ); /* IE6-9 */
color: #fff;
border-top: 8px solid #d81e3b;
position: relative;
}
footer h3 {
font-weight: 300;
font-size: 30px;
margin-bottom: 15px;
}
footer p,footer a {
color: #fff;
font-size: 16px;
line-height: 1.7;
}
.footer_img {
position: absolute;
right: 0px;
bottom: 0;
max-width: 381px;
}
.social_links {
padding: 35px 0;
}
.social_links .fa{
color: #fff;
font-size: 39px;
margin-left: 16px;
margin-right: 7px;
}
.copyright p,.copyright a{
color: #759acc;
font-size: 18px;
margin-bottom: 26px;
}
footer .recent_p ul{ padding: 0; margin: 0;}
footer .recent_p ul li{ list-style: none;}
footer .recent_p ul li a{
font-size: 14px;
line-height: 20px;
display: block;
margin-bottom: 8px;
}
footer a:hover{ color: #ffdd4f;}
iframe .timeline-Tweet-media{ display: none !important;}
/* For responsive page */
@media screen and (max-width:1500px){
.slide-content {
padding-top: 200px;
}
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1200px){
.box-2 p:first-child{ margin-right: 0;}
}
@media screen and (max-width:1100px) {
.custom_navs ul li a {
padding: 0px 10px;
}
.box-2{ padding-right: 10px;}
.sub-header p{ font-size: 14px;}
}
@media screen and (max-width:991px) {
footer .footer_columns>div:first-child{ margin-left: 0;}
.navbar-collapse a{ padding: 0 6px;}
.custom_navs ul li a {
font-size: 13px;
padding: 0px 5px;
}
.navbar-brand {
float: left;
padding: 22px 0 20px 22px;
font-size: 18px;
line-height: 20px;
/* max-width: 232px; */
}
.footer_img {
display: none;
visibility: hidden;
height: 0;
width: 0;
max-width: 249px;
}
.colored_sec p {
font-size: 26px;
line-height: 1.4;
}
p {
font-size: 23px;
line-height: 1.6;
}
}
@media screen and (max-width:767px) {
.flex {
display: block;
}
/* Nav Css*/
.navbar-header {
float: none;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav {
float: none !important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-toggle {
padding: 10px;
}
.navbar-collapse {
float: none;
width: 100%;
text-align: center;
background-color: #fff;
box-shadow: 0px 3px 4px #CCCCCC;
}
.navbar-collapse li {
display: block !important;
}
.navbar a{ color: #444444;line-height: 40px;}
.resp_logo{ display: block;padding: 20px; float: left;}
.custom_navs{ text-align: center;}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.menu-item .sub-menu {
display: block;
max-height: 2220px;
margin-bottom: 11px;
background-color: rgba(249, 249, 249, 0.72);
}
.sub-menu li a{ color: #444444; line-height: 40px; padding-left: 20px;}
.sub-menu {
position: relative !important;
width: 100%;
display: block !important;
}
.nav a:hover{ color: #DD1F35;display: block;}
.sub-menu li:hover{ background: transparent;}
.sub-menu:after {
left: 45% !important;
}
.main_title h1 {
font-size: 64px;
margin-top: -100px;
margin-bottom: 0;
}
.navbar-toggle {
top: 45px; right: 20px;
}
.sub-menu li a,.navbar a{ letter-spacing: 1px; display: block;}
.sub-menu {
left: 0;
}
.sub-menu li {
padding-top: 0px;
padding-bottom: 0px;
}
.menu-item:hover .sub-menu {
margin-top: 0;
}
.custom_navs ul li {
border-bottom: 1px solid #ececec;
}
.custom_navs ul li a {
font-size: 16px;
padding: 5px 5px;
}
.custom_navs ul.sub-menu li a {
font-size: 14px;
}
.top-header{
position: relative;
min-height: 110px;
background-image: none;
}
footer .footer_columns{ position: relative; bottom: 50px; padding-top: 50px;padding-left: 0;}
footer h1{ margin-top: 0;font-size: 35px;}
footer .about_ferm{ position: relative; bottom: 0;padding: 0 15px;}
footer .footer_columns>div:first-child{ margin-left: 0;}
.navbar-collapse{ padding-top: 0;}
.scroll_tabs li a { padding: 17px 12px;}
.custom_navs ul li:first-child a{ border-right:none; margin: 0 auto;}
.custom_navs ul li a{ line-height: 40px;}
.navbar-collapse a{ font-size: 14px;}
.padbm_120{ padding-bottom: 70px;}
.padtp_120{ padding-top: 70px;}
.sp-layer h1 {
font-size: 22px;
margin-bottom: 10px;
}
.colored_sec p {
font-size: 21px;
line-height: 1.4;
}
}
@media screen and (max-width:592px){
.scroll_tabs li{ display: block;}
.footer_img {
position: absolute;
right: 0px;
bottom: 223px;
max-width: 154px;
}
.testimonial {
padding-left: 26px;
}
.testimonial .text p {
font-size: 18px;
max-width: 66%;
}
.top_3_box {
margin-top: 0px;
}
.main_title h1 {
font-size: 46px;
margin-top: -75px;
}
p, .faq p {
font-size: 20px;
line-height: 1.6;
}
h2 {
font-size: 33px;
margin-top: 13px;
margin-bottom: 6px;
}
.grey_bg h3 {
font-size: 32px;
}
.col-xs-6 {
width: 100%;
}
.locations h3 {
font-size: 49px;
margin-top: 17px;
}
#accordion1 li a {
font-size: 20px;
line-height: 1.4;
}
.panel p {
font-size: 16px;
}
h3 {
margin-top: 17px;
margin-bottom: 7px;
}
.map .content {
margin-bottom: 20px;
}
.contact_sec .title {
margin-top: 0px;
}
}
@media screen and (max-width:480px) {
.navbar-default .navbar-brand{ max-width: 95%;}
.padtp_70{ padding-top: 40px;}
.padbm_70{ padding-bottom: 40px;}
.padtp_120{ padding-top: 40px;}
.padbm_120{ padding-bottom: 40px;}
.resp_logo{ max-width:80%; }
.social_links .fa {
font-size: 30px;
margin-left: 5px;
margin-right: 7px;
}
.about-text h1, .about-text h1 p {
font-size: 24px;
}
.locations h3 {
font-size: 44px;
margin-top: 10px;
}
p,.faq p {
font-size: 16px;
}
.colored_sec p {
font-size: 17px;
line-height: 1.4;
}
}
@media screen and (max-width:375px) {
}