body { height: auto; /* height: 100%; width: 100%; */ }

body, p { font-family: arial; font-weight: 300; letter-spacing: -.01em; }

a { text-decoration: none; color:#f26535; -webkit-transition: 0.25s; transition: 0.25s; }
a:hover, a:focus { text-decoration: none; color: #6e7172; }

a img, a svg { transition: all 0.3s ease-out 0s; }
a img:hover, a svg:hover { opacity: 0.7; }

@media only screen and (min-width: 480px) { img.auto { width: auto !important } }


p { font-size: 16px; line-height: 22px; margin-bottom: 25px; }
	@media only screen and (max-width: 767px) { p { font-size: 18px; line-height: 25px; } }
p.nopad { margin-bottom: 0; }

p.lead { font-size: 1.5em; font-family: arial; color: #8c9192; margin-bottom: 50px; }
	@media only screen and (max-width: 767px) { p.lead { font-size: 18px; line-height: 24px; margin-bottom: 30px; } }
p:last-child, p.lead:last-child { margin-bottom: 0 !important; }

p.lead small { font-size: 18px; }
	@media only screen and (max-width: 767px) { p.lead small { font-size: 15px; } }

h1, h2, h3, h4, h5, h6 { font-family: arial; font-weight: 300; color: #6e7172; }

h2 { font-size: 50px; margin-bottom: 25px; }
	@media only screen and (max-width: 767px) { h2 { font-size: 40px; } }

h3 { font-size: 30px; line-height: 35px; }
	@media only screen and (max-width: 767px) { h3 { font-size: 30px; line-height: 34px; } }

.nav .open  >  a, .nav .open  >  a:hover, .nav .open  >  a:focus { border-color: none; }

.main-wrapper { position: relative; background-color: #fff; }

.container { width: 100%; }
.container .row { max-width: 992px; padding: 50px 20px; margin-right: auto; margin-left: auto; }
.container .row.half { padding: 30px 30px; }
.container.nopad .row { padding: 0 30px; }
	@media only screen and (max-width: 992px) { .container .row { padding: 40px 20px; } .container.nopad .row { padding-left: 30px; } }


body.sub .container .row { padding-top: 40px; }


@media only screen and (min-width: 768px) { .pull-left { margin-right: 30px !important; } }
@media only screen and (min-width: 768px) { .pull-right { margin-left: 30px !important; } }


.google { height: 0 !important; overflow: hidden !important; }

/* Used to have background image with opacity within container */
/* <img class="bkg" src="/assets/img/bkg-desktop.jpg" >  */
.bkgopacity { position: relative; overflow: hidden; }
.bkgopacity .row { position: relative; z-index: 2; }
.bkgopacity img.bkg { position: absolute; left: 0; top: 0; height: 100%; opacity: 0.15; z-index: 1; }

.row img { width: 100%; }

.reversed { background: #959a9b; color: #fff; }
.reversed h2, .reversed h3, .reversed h4, .reversed p, .reversed p.lead { color: #fff; }

.reversed .btn { background: #fff; color: #8c9192; }
.reversed .btn:hover { color: #8c9192; }

.divider { background: #ccc; height: 2px; display: block; }
.reversed .divider { background: #fff; }

span.block { display: block; }


header .container { padding: 0 !important; }
header .row img { width: inherit; }
	@media only screen and (max-width: 480px) { header .row img { width: 100%; } }

/*
header .row div:first-child { padding-left: 0 !important; }
header .row div:last-child { padding-right: 0 !important; }
*/
header h1 { line-height: 0; margin: 0; }

header nav .row { padding: 0 !important; }

header *, header .container, header .container .row, header .logo, header .logo a img { transition: all 0.3s ease-out 0s !important; }

img { transform: translateZ(0px); }


.social svg { width: 80px; margin: 0 20px; }
.social svg path { fill: #a5a5a5; }

input:focus, textarea:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(186, 186, 186, 0.2); }

form.loading:before { content: url("/assets/img/ajax-loader.gif"); position: absolute; left: 50%; top: 50%; }
form.loading { opacity: .5; }
.help-block { margin-top: -15px;  }
.help-block ul { padding: 0 !important; margin: 0; }
.help-block li { font-size: 14px; font-weight: 500; }
.alert button { display: none; }

.btn { transition:all 0.6s ease; text-transform: uppercase; border: none; display: inline-block; /* margin-top: 20px;  */padding: 19px 20px 14px 20px; color: #fff; border-radius: 0; font-size: 17px; line-height: 1; background-color: #f36f21; white-space: normal; }
	@media only screen and (max-width: 767px) { .btn { font-size: 15px; }}
.btn:after { content: " »"; }
.btn:hover { opacity: 0.7; color: #fff; border-radius: 50px; }
.btn.large { font-size: 27px; font-weight: bold; display: block; margin-bottom: 30px; }



.dropdown-menu { border: none; border-radius: 0; min-width: 100%; margin: 0; padding: 0; -webkit-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.43);
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.43);}


.content-sub { float: right; }
	@media only screen and (max-width: 767px) { .content-sub { float: none; } }

.content-sub .cta { margin: 40px 0; background: #1f56b1; padding: 30px; }
.content-sub .cta p { font-size: 25px; font-weight: 600; line-height: 25px; color: #fff; margin-bottom: 10px; }

.content-sub ul { padding-bottom: 25px; }

.content-sub .cta h3 { margin: 20px 0 10px 0; }
.content-sub .cta h3 a { color: #fff; font-size: 50px; }
	@media only screen and (max-width: 767px) { .content-sub .cta h3 a { font-size: 35px; } }
	@media only screen and (max-width: 480px) { .content-sub .cta h3 a { font-size: 30px; } }

.content-sub .cta .btn { background: #fff; color: #1f56b1; display: inline-block; padding-left: 25px; padding-right: 25px; }

	@media only screen and (max-width: 480px) { .content-sub .cta .btn span { display: none; } }



.content-sidebar { float: left; width: 25%; /* margin-right: 1%; */ }
.content-sidebar ul li, .content-sidebar ul li a { display: block; }
.content-sidebar .dropdown-menu { position: inherit !important; box-shadow: none; }

@media only screen and (min-width: 992px) { .row.content-inner { padding-right: 0 !important; } }
.content-sidebar.col-md-3 { padding-right: 0 !important; }

.content-sidebar .dropdown-menu { background: none; color: #000; }

.content-sidebar .nav { background: #ececec; }

.content-sidebar .nav li a { text-transform: uppercase; font-weight: 600; }

.content-sidebar .nav li > a:hover, .content-sidebar .nav > li > a:focus, .content-sidebar .nav li.has-sub a.submenu-open { background: #ddd !important; }

.content-sidebar .nav li.has-sub a.submenu-open { background: #1f56b1 !important; color: #fff; }

.content-sidebar .nav .dropdown-menu > li > a:hover, .content-sidebar .dropdown-menu > li > a:focus { background: none; }
.content-sidebar .nav li { clear: both; }

.content-sidebar .nav > li {  }
.content-sidebar .nav > li > a { padding: 12px 16px; border-top: 1px solid #ccc; }
.content-sidebar .nav { border-bottom: 1px solid #ccc; margin-top: 30px; }

.content-sidebar .nav .dropdown-menu { background: #f4f4f4; padding: 10px 0; }
.content-sidebar .nav .dropdown-menu > li > a { text-transform: none; font-weight: 400; font-size: 16px; padding: 5px 20px; }
.content-sidebar .nav .dropdown-menu > li > a:hover { background: none !important; color: #1f56b1; text-decoration: underline; }

.content-sidebar .cta p { font-size: 25px; line-height: 28px; margin-bottom: 5px; }
	@media (max-width: 1200px) { .content-sidebar .cta p { font-size: 22px; line-height: 25px; } }
.content-sidebar .cta h3 a { font-size: 34px; }
	@media (max-width: 1200px) { .content-sidebar .cta h3 a { font-size: 30px; } }
.content-sidebar .cta span { display: none; }















.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: inherit; color: inherit; }


.mobile-nav-wrap { width:100%;position:fixed;padding:0px;z-index:9999 !important;top:0px;background:#1f56b1; }
.mobile-nav-wrap .phone { font-size:16px;float:left;padding:15px 20px;background:#3567b9;color:#fff }

.mobile-nav-wrap .phone .fui-phone { margin-right:15px }
.mobile-nav-wrap .js-menu-toggle { display:inline-block;float:right;padding:15px 20px;color:#fff;text-transform:uppercase;position:relative;left:0;font-size:16px }
.mobile-nav-wrap .js-menu-toggle .title { padding-right:30px }
.mobile-nav-wrap .js-menu-toggle .icon { position:absolute;display:block;width:20px;height:2px;background:#ffffff;top:50%;margin-top:-1px;right:20px;margin-left:-10px;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s }
.mobile-nav-wrap .js-menu-toggle .icon:before,.mobile-nav-wrap .js-menu-toggle .icon:after { content:'';position:absolute;left:0;background:inherit;width:100%;height:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.6s, background 0s;-moz-transition:-moz-transform 0.6s, background 0s;transition:transform 0.6s, background 0s }
.mobile-nav-wrap .js-menu-toggle .icon:before { top:-6px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0) }
.mobile-nav-wrap .js-menu-toggle .icon:after { bottom:-6px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0) }

.off-canvas-click { display:none }
.off-canvas-click.active { width:100%;height:100%;display:block;right:220px;position:fixed;z-index:9999;top:0 }
.on-canvas { z-index:2;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;transition-duration:0.4s }
.on-canvas.menu-is-open { display: block; height: auto; -webkit-transform:translateX(-220px);-moz-transform:translateX(-220px);-ms-transform:translateX(-220px);-o-transform:translateX(-220px);transform:translateX(-220px) }


.mobile-navigation { background-color:#383838;overflow: auto;padding-top: 55px;position:fixed;height:100%;right:0;top:0;z-index:1;width:220px;}
.mobile-navigation.menu-is-open { -webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch }

.mobile-navigation .dropdown-menu { position: inherit !important; float: none; box-shadow: none; background: rgba(255, 255, 255, 0.20) !important; }

.mobile-navigation h4 { margin:0 }
.mobile-navigation h4 a { display:block;padding:15px 20px;font-size:15px;background:#4c5154;color:#fff !important;}
.mobile-navigation ul { list-style-type: none; padding:0px;margin:0px }
.mobile-navigation ul li { list-style-type: none; }
.mobile-navigation li > a, .mobile-navigation ul > li > a { color: #fff; font-weight: 600; display:block;padding:12px 20px;font-size:16px; padding-left: 20px !important}
.mobile-navigation ul > li > a:hover { opacity:1 }

.mobile-navigation > ul > li { border-bottom:1px solid #4b4b4b; }

.mobile-navigation ul li ul li a.selected { font-weight: bold !important; text-decoration: underline !important; }

.mobile-navigation ul > li.has-sub > ul { margin:0px;display:none;background:none;padding:10px }
.mobile-navigation ul > li.has-sub > ul > li.inner-sub > a { text-transform:uppercase;color:#fff;background:none !important }
.mobile-navigation ul > li.has-sub > ul > li.inner-sub ul { margin:0px;padding-left:10px;padding-right:10px }
.mobile-navigation ul > li.has-sub > ul > li > a { padding-left:10px !important }
.mobile-navigation ul > li.has-sub > ul li a { display:block;font-size:14px;padding:7px 10px;font-weight: 400; }
.mobile-navigation ul > li.has-sub > ul li a.here { color:#fff;background:#606568 }
.mobile-navigation .mobile-details .socials { padding:20px 15px 10px 15px;margin-bottom:0px }
.mobile-navigation .mobile-details p,.mobile-navigation .mobile-details a { color:#fff }
.mobile-navigation .mobile-details p { margin-top: 15px }
.mobile-navigation .mobile-details a { font-weight:300 }



.socials { margin-top: 15px; }
.socials li { display: inline; margin: 0 5px; }
.socials li img { height: 35px; width: inherit; }

.row .grid img { width: inherit !important; max-width: inherit !important;  }
.row .grid.tri img { width: 33% !important; float: left; border: 5px solid #fff; margin-bottom: 25px; }
.row .grid.four img { width: 25% !important; float: left; border: 5px solid #fff; }

/* .grid p:last-child, .grid p.lead:last-child { margin-bottom: 25px !important; } */


.accordion { }
.accordion h4 { font-size: 18px; margin: 0; border-top: 1px solid #ccc;}
.accordion h4 a { display: block; padding: 15px 0 15px 20px;  }
.accordion h4 a:hover { background: #ececec; }
.accordion h4:first-child { border-top: none; }
.accordion h4 span { font-size: 16px; color: #585858;  }

.accordion p { padding: 0 0 20px 20px; margin-bottom: 20px; }


/* AWESOME H4X TO GET NESTED COLS TO NOT APPLY DOUBLE PADDING ON THE SIDES */

.row > div[class*="col-"] > div[class*="col-"] { padding:0; }
.row > div[class*="col-"] > div[class*="col-"] > div[class*="col-"] { padding:0; }
.row > div[class*="col-"] > div[class*="col-"] > div[class*="col-"]:first-child { padding-right: inherit; }
.row > div[class*="col-"] > div[class*="col-"] > div[class*="col-"]:last-child { padding-right: inherit; }
@media (max-width: 767px) { /* .row > div[class*="col-"],  */.row > div[class*="col-"] > div[class*="col-"] { padding:0; }}




/* ALL MY BASE ARE BELONG TO BIGWARE -- BRILLIANT CODE FOR TEXT ALIGNING BASED ON DEVICE SIZE -- BOOTSTRAP SUCKS FOR NOT INCLUDING */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}


@media only screen and (max-width: 767px) { .col-xs-12 {  margin-bottom: 30px; } .col-xs-12:last-child, .col-xs-12:last-child p {  margin-bottom: 0; } }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{  /* padding-left: 20px; padding-right: 20px; */ }



.fancybox-overlay { z-index: 9999999; }
.fancybox-wrap .fancybox-skin { background: #202020 !important; }









#masonry.grid
{
	width: 103.125%; /* 990px */
	overflow: hidden;
	margin-left: -1.562%; /* 15px */
	margin-bottom: -1.875em; /* 30px */
}
	#masonry.grid .box
	{
		width: 30.303%; /* 300px */
		background-color: #fff;
		float: left;
		margin: 0 1.515% 1.875em; /* 15px 30px */ 
	}

@media only screen and ( max-width: 768px ) /* 640px */
{
#masonry.grid .box
{
	width: 46.876%; /* 305px */
	margin-bottom: 0.938em; /* 15px */
}
}

@media only screen and ( max-width: 480px ) /* 320px */
{
#masonry.grid
{
	width: 100%;
	margin-left: 0;
}
	#masonry.grid .box
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}