/*
Theme Name: Advantix
Theme URI: http://advantixprocess.com
Author: CreativFish
Author URI: 
Description: This theme is specially created for client and created in Twitter Bootstrap 3. Thank you.
Version: 1.0.0
Tags: responsive-layout, featured-images, flexible-header, theme-options, sticky-post
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
@import url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css');
@import url(css/bootstrap.min.css);
@import url(css/font-awesome.min.css);
@import url(css/owl.carousel.css);

body { font-family: 'rawline', arial; margin: 0; padding: 0; font-weight: 400; font-size: 15px; padding-top: 120px; }
body.home { padding-top: 0px!important; }

.wrapper { overflow: hidden; }
a, a:hover, a:focus, a:active, .btn-primary, .btn-primary:hover { color: inherit; text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.bg { background-size: cover; background-position: center; background-repeat: no-repeat; }

.breathe { padding-top: 4em; padding-bottom: 4em; }
.clearfix { clear: both; }

.btn.btn-primary { background-color: #8B2131; border: 1px solid #8B2131; color: #FFF; border-radius: 50px; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: #C33D51; }

.navbar-fixed-top { background-color: rgba(246,246,246,0.85); }
.navbar-brand { margin: 15px; }
.navbar-brand.logo { background-image: url(./img/logo-sprite.png); background-repeat: no-repeat; background-position-y: -36px; width: 200px; height: 36px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.scrolled { background-color: #F6F6F6; }
.scrolled .top-stripe { display: none; }
.scrolled .navbar-brand.logo { background-position-y: -36px; }

.navbar-nav > li > a { color: #333; text-transform: uppercase; }
.navbar-nav > li > a:hover,
.navbar-nav > li > a:active,
.navbar-nav > li > a:focus { background-color: transparent; }

.navbar-right { margin-right: 0px; margin-top: 8px; }
.navbar-right li.special { margin-right: -15px; padding-top: 8px; }

.client-logos-container { position: relative; min-height: 140px; }
.client-logos-container .clogo-controls a.control { position: absolute; top: 50px; z-index: 501; }
.client-logos-container .clogo-controls a.back { left: -10px; right: auto; }
.client-logos-container .clogo-controls a.next { right: -10px; left: auto; }
.client-logos-container .clogo-controls a img { max-height: 26px; opacity: 0.6; }
.client-logos-container .clogo-controls a:hover img { max-height: 26px; opacity: 1; }

.tintBG { background-color: #F7F6F2; }
.tintBG h2 { color: #333; }

.grecaptcha-badge { display: none !important; }
 
.testiBG { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(./img/testiBG.jpg); color: #FFF; }
.statsBG { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(./img/statsBG.jpg); color: #FFF; }

.top-stripe { padding: 5px 25px; margin-bottom: 20px; background-color: #8B2131; color: #FFF; }
.top-stripe ul { list-style: none; margin: 0; padding: 0; display: inline; margin-left: 15px; }
.top-stripe ul li { display: inline; margin: auto 2px; }
.top-stripe ul li a { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 24px; background-color: #3F0911; color: #8B2131; w }
.top-stripe ul li a:hover { background-color: #FFF; }

/*.overlay:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(36,7,114,0.6); top: 0; left: 0; }*/

.maroonBG { background-color: #8B2131; color: #FFF; }
.maroonBG h2 { color: #FFF; }

.coethics ul,
.wexpect ul { list-style: none; margin: 0; padding: 0; }

.coethics ul li { text-align: center; font-size: 18px; line-height: 50px; }

section.subHeader.narrow { min-height: 25vh; }

.whyus { background-color: #F9F8F5; min-height: 100px; padding: 15px 30px; display: flex; justify-content: center; align-items: center; font-size: 18px; text-align: center; }
.whyus p { margin-bottom: 0px; }

.whyus.red { background-color: #8B2231; color: #FFF; }
.whyus.blue { background-color: #271D72; color: #FFF; }

.intro-body p { line-height: 25px; margin-bottom: 20px; }
.intro-body h2,
.about-body h2 { text-align: left; color: #333; }

.profile .pic { min-height: 250px; background-size: cover; background-position: center top 30%; background-repeat: no-repeat; }
.profile .info { display: block; background-color: #FFF; text-align: center; padding: 10px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.profile .info h3 { text-transform: uppercase; color: #8B2131; font-weight: bold; margin-top: 0px; }
.profile .info p { margin-bottom :0px; }
.profile .info:hover { background-color: #8B2131; color: #FFF; }
.profile .info:hover h3 { color: #FFF; }

.img-responsive { margin: 0 auto!important; }

.statement-box { background-color: #f7f6f2; padding: 15px 50px 15px 120px; position: relative; margin-right: 15px; }
.statement-box img { position: absolute; top: 15px; left: 15px; }
.statement-box h3 { margin-top: 0px; font-size: 18px; font-weight: bold; text-transform: uppercase; }

.values ul { list-style: none; margin: 0; padding: 0; width: 80%; margin: 0 auto; }
.values ul li { float: left; width: 25%; }

.stat .ico { float: left; margin-right: 8px; display: flex; justify-content: center; align-items: center; width: 90px; height: 80px; }
.stat .ico img { max-height: 70px; max-width: 70px; }
.stat h3 { font-size: 40px; margin-bottom: 0px; font-weight: bold; }
.stat p { font-size: 16px; text-transform: uppercase; }

#mainSlider { position: relative; }

.why-process { width: 80%; margin: 0 auto; position: relative; padding-top: 30px; padding-bottom: 40px; text-align: center; font-size: 16px; }
.circ { background-color: #8B2131; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border-radius: 70px; border: 4px solid #C48F97; margin: 10px auto; }
.circ.big { width: 90px; height: 90px; border-radius: 90px; }

.home-services .service-box .box { display: block; background-color: #FFF; padding: 10px; box-shadow: 0px 0px 5px #CCC; min-height: 180px; text-align: center; font-weight: bold; color: #8B2131; text-transform: uppercase; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.home-services .service-box .box .icon { height: 90px; margin: 0 auto; width: 90px; display: flex; justify-content: center; align-items: center; }
.home-services .service-box .box .icon img { max-height: 50px; max-width: 50px; }

.home-services .service-box .box:hover { border-bottom: 5px solid #8B2131; transform: translateY(-10px); }

.service-big { display: block; background-color: #FFF; text-align: center; min-height: 450px; margin-bottom: 30px; box-shadow: 0px 0px 5px #CCC; }
.service-big .pic { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 170px; }
.service-big .icon { background-color: #FFF; display: flex; justify-content: center; align-items: center; width: 85px; height: 85px; border-radius: 85px; border: 4px solid rgba(255,255,255,0.6); margin: 0 auto; margin-top: -30px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.service-big .icon img { max-width: 50px; max-height: 50px; }
.service-big .info { padding: 15px; }

.service-big:hover .icon { background-color: #8B2131; }
.service-big:hover .icon img { filter: brightness(100); -webkit-filter: brightness(100); }

#clientLogos { overflow: hidden; }
#clientLogos .logo { min-height: 140px; display: flex; justify-content: center; align-items: center; }
#clientLogos .logo img { max-height: 100px; filter: grayscale(1); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
#clientLogos .logo:hover img { filter: grayscale(0); }

.contactPage .form-control { border-radius: 0px; box-shadow: none; margin-bottom: 20px; border: 1px solid #CCC; }
.contactPage .form-control:hover,
.contactPage .form-control:active,
.contactPage .form-control:focus { border: 1px solid #E9718F; }

.service-cta { background-color: #8b2131; color: #FFF; min-height: 170px; padding: 20px; }
.service-cta .cta-text { min-height: 128px; display: flex; justify-content: flex-start; align-items: center; }
.service-cta .cta-text .btn.btn-primary{ background-color: #FFF; color: #8B2131; font-weight: bold; }
.service-cta h3 { font-size: 32px; }

/* ABOUT US PAGE - VALUES ICON WIDTH FIX */
div#pgc-84-0-0 { width: 100%; }

footer { background-color: #F6F6F6; }

footer h4 { font-weight: bold; }
footer ul { list-style: none; margin: 0; padding: 0; }

footer ul.social li { display: inline; margin: auto 2px; }
footer ul.social li a { display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 24px; background-color: #A1A1A1; color: #FFF; }
footer ul.social li a:hover { background-color: #8B2131; }

footer .logo { margin-bottom: 25px; }

footer a:hover,
.footer a:hover { color: #8B2131; }

.footr { padding: 35px 0px 10px 0px; }
.footr a { color: #8B2131; }

@media (max-width: 767px) {

	.bigBreathe { padding-top: 4em; padding-bottom: 4em; }
	h2 { font-weight: bold; color: #797979; font-size: 32px; letter-spacing: 2px; text-align: center; }

	.top-stripe { display: none; }

	body { padding-top: 70px; }

	.navbar-toggle { border: 0px solid #FFF; background-color: #8B2131; margin-top: 17px; }
	.navbar-toggle .icon-bar { background-color: #FFF; height: 3px; }

	div#navbar { background-color: #F6F6F6; }
	/*.scrolled div#navbar { background-color: #F6F6F6; }*/

	#mainSlider .item { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 60vh; color: #FFF; }
	#mainSlider .item .banner-caption { min-height: 60vh; display: flex; justify-content: center; align-items: center; text-align: center; }
	#mainSlider .item .banner-caption .caption-body h2 { color: #FFF; font-weight: 300; letter-spacing: normal; font-size: 33px; }

	.subHeader { background-color: #8B2131; min-height: 30vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
	.subHeader .header-caption { min-height: 30vh; display: flex; justify-content: center; align-items: center; }
	.subHeader h2 { color: #FFF; text-transform: uppercase; position: relative; font-size: 25px; margin-top: 0px; }

	.stat { position: relative; padding-left: 25px; }

	.sideBreathe { text-align: center; padding-left: 40px; padding-right: 40px; }

	.service-cta { text-align: center; }

	.service-box { margin-bottom: 25px; }
	.stat { margin-bottom: 50px; }

	.statsBG { background-attachment: scroll; }

	.testiBG { text-align: center; }

	.profile { padding: 0px 50px; }

	footer { text-align: center; }
	.footer { text-align: center; }

}

@media (min-width: 768px) {

	.bigBreathe { padding-top: 7em; padding-bottom: 7em; }
	h2 { font-weight: bold; color: #797979; font-size: 40px; letter-spacing: 2px; text-align: center; }

	.top-stripe .follow-top { float: right; }

	#mainSlider .item { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 80vh; color: #FFF; }
	#mainSlider .item .banner-caption { min-height: 80vh; display: flex; justify-content: center; align-items: center; text-align: center; }
	#mainSlider .item .banner-caption .caption-body h2 { color: #FFF; font-weight: 300; letter-spacing: normal; font-size: 65px; }

	.navbar-nav > li.current-menu-item > a { color: #8b2031; position: relative; }
	.scrolled .navbar-nav > li.current-menu-item > a:before,
	.navbar-nav > li.current-menu-item > a:before { content: ""; position: absolute; top: 10px; width: 40px; background-color: #999; height: 3px; left: 15px; }

	.home-services { position: relative; width: 90%; margin: 0 auto; }
	.home-services .service-box { float: left; width: 20%; padding: 15px; }

	.statsBG { background-attachment: fixed; }

	.coethics ul li,
	.wexpect ul li { float: left; width: 25%; font-size: 18px; }

	.stat { position: relative; padding-left: 60px; }

	.coethics ul { width: 75%; margin: 0 auto; }
	.coethics ul li:not(:last-child) { border-right: 1px solid #999; }

	.subHeader { background-color: #8B2131; min-height: 50vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
	.subHeader .header-caption { min-height: 50vh; display: flex; justify-content: center; align-items: center; }
	.subHeader h2 { color: #FFF; text-transform: uppercase; position: relative; }

	.sideBreathe { text-align: center; padding-left: 140px; padding-right: 140px; }

	.service-cta h3 { padding-left: 50px; }

	.intro-container { padding-top: 100px; }

	.associates img { max-height: 80px; margin: 15px; }

	.footr span { float: right; }
	
}