/* Resetting browser default styles */
html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden; color: #777777; font-family:'Open Sans'; font-size: 14px; line-height: 150%;}
body {}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:visited {color: #387740}
a:active {color: #2c3390 !important;}
a:hover {color: #2c3390}

h1 {line-height: 150%; font-family: 'Alegreya', sans-serif; font-size: 46px; font-weight: bold; color: #ffffff !important; line-height: 160%; text-shadow: 2px 2px #333333; margin-bottom: 35px;}
h1.mobile {line-height: 150%; font-family: 'Alegreya', sans-serif; font-size: 46px; font-weight: bold; color: #2c3390 !important; line-height: 160%; text-shadow: none; margin-bottom: 25px;}
h2 {font-size: 30px; line-height: 1.5; font-family: 'Alegreya', sans-serif; font-weight: 500; color: #2c3390 !important; font-style: normal; margin-bottom: 25px}
h2 a {font-size: 28px;}
h3 {font-size: 22px !important; line-height: 1.5; font-family: 'Alegreya', sans-serif; font-weight: 500; color: #387740 !important; font-style: normal; margin-bottom: 25px !important;}
h4 {font-size: 22px; line-height: 1.5; font-family: 'Alegreya', sans-serif; font-weight: 500; color: #387740; font-style: normal; margin-bottom: 10px;}  
.title-box p {line-height: 150%; font-family: 'Alegreya', sans-serif; font-size: 24px !important; font-weight: bold; color: #000000 !important; line-height: 200%; margin-bottom: 35px;} /* Banner Text */

.service-blocks {padding-left:10%;}
.service-blocks p, p {color: #000 !important; font-size: 18px !important; line-height: 150%; font-weight: 400; margin-bottom: 25px !important;}
.condensed-text {padding-left: 35%; padding-right: 35%;}

/* Header - Main Nav Menu */
.gusta-nav>ul>li>ul>li>a, .gusta-nav>ul>li>ul>li>ul>li>a {background-color: #ffffff !important; color: #387740;} /* Dropdown Menu */
#nav-menu-main>ul>li>ul>li.current-menu-item>a, #nav-menu-main>ul>li>ul>li>ul>li.current-menu-item>a, #nav-menu-main>ul>li>ul>li.current-page-ancestor>a, #nav-menu-main>ul>li>ul>li>ul>li.current-page-ancestor>a {background-color: #387740 !important; color: #ffffff !important}

/* Blog Posts */
.title-box-blog p {line-height: 150% !important; font-family: 'Alegreya', sans-serif; font-size: 46px !important; font-weight: bold; color: #ffffff !important; line-height: 160%; text-shadow: 2px 2px #333333; margin-bottom: 55px;}
h1.blog-post-title {font-size: 30px; line-height: 1.5; font-family: 'Alegreya', sans-serif; font-weight: 300; color: #2c3390 !important; font-style: normal; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 25px !Important; text-shadow: none !important}
.blog-content h2 {color: #387740}

/* Button - Gray Default */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {color: #ffffff !important; border: none !important; background-color: #387740 !important; font-size: 18px !important;}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {background-color: #e6c92f !important; color: #000000 !important;}

/* Page Wrapper (below the header & above the footer) */
.boxed, .boxednm {width: 90%; margin:0 auto !important; overflow: hidden;} /* Add this to each row in Visual Composer that should be boxed.*/
.boxed70 {width: 75%; margin:0 auto !important; overflow: hidden;} /* Add this to each row in Visual Composer that should be boxed with 15% padding on left and right.*/

/* Submenus */
.submenu p {background-color: #e6c92f; padding: 15px; color: #000000; font-size: 20px; font-weight: 700; margin-bottom: 35px !important}

/* Lists */
.boxed70 ul {margin-bottom: 25px !important}
.boxed70 ul li {padding: 0 0 0px 35px; position: relative; line-height: 24px; color: #000000 !important; font-size: 18px; margin: 0 0 25px 0; line-height: 150%; background: none;}
.boxed70 ul li::before {background-color: #0071b9; border-color: #387740; box-shadow: inset 0 0 0 3px #ffffff; content: ''; position: absolute; top: 8px; left: 0; width: 15px; height: 15px; border-radius: 50%; border-style: solid; border-width: 1px;}

/* Latest Projects Filter */
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {font-size: 18px !important; color: #000000; padding: 2px 10px 1px 15px; border-left: 1px solid #ccc; border-radius: 0;}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item:first-child {border-left: none;}
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {color: #000;}
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {background-color: #fff;}
.vc_grid-filter.vc_grid-filter-color-green>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-green>.vc_grid-filter-item:hover {background-color: #387740 !important;}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item:before {display: none;}

/* Home Page Counters */
.hp-counters h2 {padding-left: 22px; border-left: 4px solid #e6c92f;}
.hp-counters p strong {color: #387740;}

/* Tabs */
.custom-tabs .vc_tta-tab.vc_active a {background-color: #fff; color: #387740 !important; font-size: 25px !important;} /* Active */
.custom-tabs .vc_tta-tab a {font-size: 25px;}
.custom-tabs .vc_tta-tabs-container {margin-left: 0; border-bottom: 3px solid #e6c92f !important;} /* Tab Bottom Border /*

/* Images */
img.alignright {float: right; margin: 5px 0px 35px 35px !important;}
.article_image {border: 3px solid rgb(44, 51, 144); border-radius: 50%; width: 250px; text-align: center !important} /* Other Blog Posts in Sidebar*/
.article_image_hover {border: 3px solid #E6C92F; border-radius: 50%; width: 250px; text-align: center !important} /* Other Blog Posts in Sidebar*/

/* Testimonials */
.testimonials p {font-size: 15px;}
.testimonials img {border-radius: 50%; border: 1px solid #333333; float: left; margin-right: 25px;}

/* Gravity Forms */
.footer-contact-form .gform_wrapper input, .footer-contact-form .gform_wrapper textarea {color: #ffffff !important;}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {color: #ffffff; background-color: #387740;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea {border: 1px solid #cccccc !important;}

/* MailChimp Subscriber Form */
#mc_embed_signup input.button {color: #000000; background-color: #e6c92f !important;}
#mc_embed_signup input.button:hover {color: #ffffff; background-color: #387740 !important;}


/************************* Media Queries ******************************/

@media only screen and (max-width: 1280px) {
h2 {font-size: 24px;}
.stats-number {font-size: 65px !important;}	/* Counter Stats */
}

/* Styles for screens 1201px and wider */
@media screen and (min-width: 1201px) {
.wpb-content--blank .wpb-content-wrapper {max-width: 100% !important}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
.boxed, .boxed70 {width:100%;}	
.service-blocks {padding-left:0%;}
.condensed-text {padding-left: 0%; padding-right: 0%;}
.swap-on-mobile {display: flex !important; flex-direction: column-reverse;}	
}

@media only screen and (min-width: 2000px) {
.boxed, .boxed70 {width:60%;}	
}