/* GLOBAL */


/* ----------------- GLOBAL FONT SIZE, FAMILY, COLOR, WEIGHT ----------------- */ 

html, body, p, blockquote {color: #333333; font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400;}
/* html, body { height: 100%; width: 100%;} .wrapper,.wrapper-fixed,.wrapper-home,#savecontent { width: 100% !important; height: 100% !important; } */  /* for full page bg slider */

@media (max-width: 767px){html, body, p, blockquote {font-size: 16px;} .realbig {font-size: 20px;}.bigtext {font-size: 18px;} .smalltext {font-size: 10px;} footer {font-size: 13px;}}
@media (min-width: 768px){html, body, p, blockquote {font-size: 17px;} .realbig {font-size: 24px;} .bigtext {font-size: 20px;} .smalltext {font-size: 11px;} footer {font-size: 14px;}}
@media (min-width: 992px){html, body, p, blockquote {font-size: 18px;} .realbig {font-size: 28px;} .bigtext {font-size: 22px;} .smalltext {font-size: 12px;} footer {font-size: 15px;}}
@media (min-width: 1200px){html, body, p, blockquote {font-size: 20px;} .realbig {font-size: 32px;} .bigtext {font-size: 26px;} .smalltext {font-size: 13px;} footer {font-size: 16px;}}



/* ----------------- GLOBAL HEADING SIZE, FAMILY, COLOR, WEIGHT ----------------- */

h1, h2, h3, h4, h5, h6 {color: #0f52a1; font-family: 'Roboto Condensed', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}

@media (max-width: 767px){ h1.big {font-size: 32px;} h1 {font-size: 26px;} h2 {font-size: 24px;} h3{font-size: 22px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;}}
@media (min-width: 768px){ h1.big {font-size: 42px;} h1 {font-size: 32px;} h2 {font-size: 28px;} h3 {font-size: 26px;} h4 {font-size: 24px;} h5 {font-size: 20px;} h6 {font-size: 18px;}}
@media (min-width: 992px){ h1.big {font-size: 50px;} h1 {font-size: 36px;} h2 {font-size: 32px;} h3 {font-size: 29px;} h4 {font-size: 26px;} h5 {font-size: 22px;} h6 {font-size: 19px;}}
@media (min-width: 1200px){ h1.big {font-size: 58px;} h1 {font-size: 40px;} h2 {font-size: 36px;} h3 {font-size: 32px;} h4 {font-size: 28px;} h5 {font-size: 24px;} h6 {font-size: 20px;}}

h1, h1 small, h2, h2 small, h3, h3 small {font-weight: 700;} h4, h4 small, h5, h5 small, h6, h6 small {font-weight: 400;}
h1, h2, h3 {margin-top: 30px; margin-bottom: 10px;} h4, h5, h6 {margin-top: 35px; margin-bottom: 10px;}



/* ----------------- GENERAL MODIFICATIONS ----------------- */

strong {font-weight: 700; color: #000;}
hr {margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #999;}
blockquote {color: #888; margin: 30px 20px 35px 20px; border-left: 8px solid #ddd;}
blockquote footer {background: transparent; padding-top: 10px; padding-bottom: 5px; font-style: italic; font-size: 100%; color: #aaa;}



/* ----------------- HEADER AND NAVBAR MODIFICATIONS ----------------- */

#headerContainer > div > div > a.hidden-xs {display: block !important;}  /* FIX Show Mobile Logo Branding */
a.navbar-brand {display: none !important;}  /* FIX Hide Mobile Text Branding */

#headerContainer .img-responsive:hover {opacity: .8;}  /* Logo Hover */
#navContainer ul li a:hover, .dropdown-menu>li>a:hover, .navbar-nav>li>a:hover, #nav a.active, .active {background: #0e4e99 !important; color: white !important;}  /* All Navbar Hovers */
	
@media (max-width: 767px){
    		.navbar-nav>li>a {padding-top: 6px; padding-bottom: 6px;}
		.navbar-nav .open .dropdown-menu>li>a {line-height: 18px;}
    img.brandingdiv {width: 220px; height: auto; margin-left: 10px; margin-top: 2px;}} /* Logo Size Extra Small */


@media (min-width: 768px){ .navbar-nav {margin-bottom: -6px;}
    img.brandingdiv {width: 370px; height: auto;}  /* Logo Size Small- add margin-left auto and margin-right auto to center logo */
		.nav>li>a {padding: 8px 16px; font-size: 14px !important;}} /* Nav Padding Small */
		
@media (min-width: 992px){img.brandingdiv {width: 420px; height: auto;}/* Logo Size Medium*/
		.nav>li>a {padding: 8px 26px; font-size: 16px !important;}} /* Nav PaddingMedium */
		
@media (min-width: 1200px){img.brandingdiv {width: 470px; height: auto;} /* Logo Size Large*/
		.nav>li>a {padding: 8px 34px; font-size: 18px !important;}} /* Nav Padding Large */
	
@media (max-width: 767px){.navbar-toggle, .navbar-toggle:focus {background: #004391 !important; z-index: 9999; transition: 0.2s ease; border: 1px solid white;} /* Navbar Toggler */
.navbar-toggle:hover, .navbar-toggle:active {background: #68b3d5 !important;} .navbar-toggle .icon-bar {background-color: white !important;} /* Navbar Toggler */
.navbar-header .container {padding-right: 0;} .navbar-toggle {margin-right: -5px;} .navbar-center {display: block;} /* Navbar Toggler */
 .navbar-nav .open .dropdown-menu {background: #3a3a3a;}  /* Mobile dropdown subpage link background */
 
}
 
@media (min-width: 768px){.dropdown-menu { text-align: center !important; width: 100%;}} /* Left-align dropdown menu for sm md lg */

@media (max-width: 767px){ #headerContainer{  /* Navbar Dropshadow */
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
background: #fff !important;
}
    #navContainer {border-bottom: 1px solid #ccc;}
}
@media (min-width: 768px){ #navContainer{  /* Navbar Dropshadow */
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
border-bottom: 1px solid #555;
}}

 
 
/* ----------------- MOBILE SOCIAL MEDIA HEADER ----------------- */

.socialiconbarmobile, .socialiconbarmobileext {background-color: #000;}  /* Mobile Header background color */
.socialiconbarmobileext .glyphicon, .socialiconbarmobileext .glyphicon:hover {color: #fff;}  /* Mobile phone and map icon */
.socialiconbarmobileext div {border-left: 0px solid #fff;}  /* Hide borders on mobile phone and map, -- set social icon color in site config */
.social {opacity: 1;} #socialiconbarmobilefix .row {margin-left: -25px;}
 


/* ----------------- BODY MARGIN AND PADDING BASED ON HEADER SIZE ----------------- */

@media (max-width: 767px){.wrapper, .wrapper-fixed {margin-top: 94px;}}
@media (min-width: 768px){.wrapper, .wrapper-fixed {margin-top: 113px;} nav {height: 50px !important;}} /* Override default Nav height that covers top of page*/
@media (min-width: 992px){.wrapper, .wrapper-fixed {margin-top: 123px;} nav {height: 50px !important;}}
@media (min-width: 1200px){.wrapper, .wrapper-fixed {margin-top: 133px;} nav {height: 50px !important;}}

.wrapper {padding-top: 0;} #savecontent {padding-top: 30px; padding-bottom: 15px;}



/* ----------------- BODY LINK COLORS AND EFFECTS ----------------- */

#savecontent a:link, #savecontent a:visited {color: #1c73d9; text-decoration: none; font-weight: 400;}
#savecontent a:hover, #savecontent a:focus, #savecontent a:active {color: #5197ff; text-decoration: none; font-weight: 400;}



/* ----------------- BUTTON FIXES AND MODIFICATIONS ----------------- */

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {color: #fff !important; text-decoration: none;}
.btn-default {color: #333 !important; text-decoration: none;}
.btn-unique {border: 0px solid #fff; color: white !important;
    background: #1e5799; 
    background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); 
    background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
    background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
    background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
    background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.btn-unique:hover {
    background: #7db9e8;
    background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 99%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(99%,#1e5799));
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 99%); 
    background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 99%);
    background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 99%); 
    background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 99%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); 
}

.btn-custom, .btn-custom:hover {border: 1px solid rgb(18, 85, 163);}

@media (max-width: 767px){.btn {font-size: 14px;} .btn-lg {font-size: 18px;} .btn-sm {font-size: 12px;} .btn-xs {font-size: 10px;}}
@media (min-width: 768px){.btn {font-size: 16px;} .btn-lg {font-size: 20px;} .btn-sm {font-size: 14px;} .btn-xs {font-size: 12px;}}
@media (min-width: 992px){.btn {font-size: 16px;} .btn-lg {font-size: 20px;} .btn-sm {font-size: 14px;} .btn-xs {font-size: 12px;}}
@media (min-width: 1200px){.btn {font-size: 16px;} .btn-lg {font-size: 20px;} .btn-sm {font-size: 14px;} .btn-xs {font-size: 12px;}}



/* ----------------- FOOTER FONT SIZE, LINK COLORS, MODIFICATIONS ----------------- */

@media (max-width: 767px){.copyright, .copyright p {font-size: 10px;}} @media (min-width: 768px){.copyright, .copyright p {font-size: 12px;}}
@media (min-width: 992px){.copyright, .copyright p {font-size: 13px;}} @media (min-width: 1200px){.copyright, .copyright p {font-size: 14px;}}
footer {margin-top: 0 !important; padding-top: 5px; padding-bottom: 20px;} footer, .copyright, footer p {color: #999;}
footer a:link, footer a:visited {color: #888; text-decoration: none; font-weight: 400;}
footer a:hover, footer a:focus, footer a:active {color: #1c73d9; text-decoration: none; font-weight: 400;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color: #000; }
.contactform label.btn {padding: 6px 8px;}



/* ----------------- CUSTOM MEDIA QUERIES ----------------- */

@media (max-width: 580px){.col-xxs-12 {width: 100%; height: auto;}.col-xxs-6 {width: 50%; height: auto;} .hidden-xxs {display: none !important;}} 
@media (max-width: 400px){.col-xxxs-12 {width: 100%; height: auto;}.col-xxxs-6 {width: 50%; height: auto;} .hidden-xxxs {display: none !important;}} 
@media (min-width: 480px){.rightfloat {float: right; width: 35%; height: auto; margin: 0 0 10px 20px;}} @media (max-width: 479px){.rightfloat {width: 100%; height: auto; margin: 0 0 20px 0;}}
@media (min-width: 480px){.leftfloat {float: left; width: 35%; height: auto; margin:0 20px 10px 0;}} @media (max-width: 479px){.leftfloat {width: 100%; height: auto; margin: 0 0 20px 0;}}



/* ----------------- BLOG AND CALENDAR MODIFICATIONS ----------------- */

@media (max-width: 767px) {.blog-desc img {margin-bottom: 10px !important;}} /* Add bottom margin to mobile blog image*/



/* ----------------- QUICK ADJUSTMENTS ----------------- */

.bottom-margin {margin-bottom: 20px;}
.nomargin {margin-top: 0; margin-bottom: 0;}
.nopadding {padding-top: 0; padding-bottom: 0;}
.nospace {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}



/* ----------------- QUICK EFFECTS ----------------- */

.effect-lightBorder {border: 1px solid #ccc;}
.effect-darkBG {background: rgba(0,0,0,0.75); border-radius: 12px; border: 0px solid #999; padding: 25px;}
.effect-lightBG {background: rgba(255,255,255,0.75); border-radius: 12px; border: 0px solid #999; padding: 25px;}
.effect-grayscale {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.effect-dropshadow {-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);}
.effect-whiteborder {border: 8px solid #fff;}
.effect-innershadow {-webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.4);}
.effect-gradientBG {background: #7abcff; background: -moz-linear-gradient(top,  #7abcff 0%, #318fed 100%); background:
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(100%,#318fed)); background:
    -webkit-linear-gradient(top,  #7abcff 0%,#318fed 100%); background: -o-linear-gradient(top,  #7abcff 0%,#318fed 100%);
    background: -ms-linear-gradient(top,  #7abcff 0%,#318fed 100%); background: linear-gradient(to bottom,  #7abcff 0%,#318fed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#318fed',GradientType=0 );}
	



/* ------- SITE SPECIFIC STYLING ------- */

@media (max-width: 767px){
.fullWidthHeading {padding: 30px 10px 30px 10px;}
.homeButton {width: 100%;}
}
@media (max-width: 767px) and (min-width: 580px){
    .homepageee {width: 40% !important; height: auto; float: left !important; margin: 0 15px 20px 0 !important;}
}
@media (min-width: 768px){
.fullWidthHeading {padding: 40px 10px 40px 10px;}
.homeColumn {height: 410px;} .homeButton {position: absolute; bottom: 0;}
.homeButton {width: 90%;}
    
}
@media (min-width: 992px){
.fullWidthHeading {padding: 50px 10px 50px 10px;}
.homeColumn {height: 410px;}
}
@media (min-width: 1200px){
.fullWidthHeading {padding: 60px 10px 60px 10px;}
.homeColumn {height: 410px;}
}

.socialmediaa img:hover, .socialmedias img:hover {-webkit-transform: scale(1.2);	-ms-transform: scale(1.2); transform: scale(1.2);}

.fullWidthHeading {margin-top: -30px; background: #222 url('../userfiles/746/images/development-insight-header-image.jpg') no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,1);}
.fullWidthHeading h1 {margin-top: 0; margin-bottom: 0; color: white; font-weight: 700; opacity: 1;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);}

@media (min-width: 480px){.imageFloatRight {float: right; width: 33%; height: auto; margin: 0 0 15px 20px;}}
      @media (max-width: 479px){.imageFloatRight {float: right; width: 44%; height: auto; margin: 0 0 6px 10px;}}
      @media (min-width: 768px){ hr.heading {margin-bottom: 20px;}}

.copyright, .copyright a:link, .copyright a:visited {color: #bbb;}
.copyright p a:link, .copyright p a:visited {color: #999 !important;}

/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(255, 255, 255); margin-top: 20px; }