/* CSS Document MCR */

@font-face {
    font-family: 'Oswald-SemiBold';
    src: url('../fonts/Oswald-SemiBold.ttf');
    src: url('../fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {

    font-family: 'CalSans-Regular';
    src: url('../fonts/CalSans-Regular.ttf');
    src: url('../fonts/CalSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}



a[href^=tel] { color: inherit; text-decoration: none; }



h1, h2, h3, h4, h5, h6, .heading{

margin: 5px 0;

color:#000000;

font-weight:normal;

font-family: 'Oswald-SemiBold', Arial, Helvetica, sans-serif;

}



.heading{

font-size:1.6em;

}



a{

color:#004b77;

}





body{

	background-color:#FFFFFF;

	font-size: 1.8em;
    font-weight: normal;

}

.logo {
    display: inline;
}



div.container {

	background: none;

}



.italic{

	font-style:italic;

}



.uppercase{

text-transform:uppercase;

}



.bold{

font-weight:bold;

}



div.container.navholder {

	background: none !important;

}



.navbar-default {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003b9a+0,1b2f4c+100 */

	background: transparent;

	border:none;

}





a.navbar-brand {

	color: #ffffff   !important;

	font-weight:bold;

	font-family: 'Oswald-SemiBold', Arial, Helvetica, sans-serif;

	text-transform: none;

	background-color: #00435e;
    border-radius: 0 0 15px 15px;
}

}



.navbar-default .navbar-nav>li>a {

	color: #000000;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}



nav.navbar.navbar-default.affix .navbar-nav>li>a{

    color: #ffffff;

}



nav.navbar.navbar-default.affix a.navbar-brand {

    color: #ffffff !important;

	text-shadow: -1px -1px 0 #212121, 1px -1px 0 #212121, -1px 1px 0 #212121, 1px 1px 0 #212121;

}





.navbar-nav>li>a {

    transition: all 1s ease-in;

}



.navbar-nav>.active>a{

	color: #009dd1 !important;

	background: none !important;

}



.navbar-default .navbar-nav>li>a:hover {

	color: #38a4ff;

}



.navbar{

	border-radius: 0 !important;

	border-width:0 0 1px 0 !important;

	margin: 0 auto 00px auto !important;

}



div.headcontent {

    padding-top: 5px;

}



div.headcontent h2{

color: #003284;

text-align:right;

font-size: 1.6em;

font-family: 'Oswald-SemiBold', Arial, Helvetica, sans-serif;

font-weight:bold;

}



div.headcontent p {

color: #003284;

font-size: 0.9em;

font-weight: bold;

text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}



div.headcontent img.img-responsive.cc {

float: right;

margin: 5px 0;

}







.nav-tabs {

border-bottom: 1px solid #ddd;

background: rgba(0, 0, 0, 0.3);

display: inline-block;

padding: 5px 3px 0 5px;

margin-bottom: -9px;

}



div.container.tabmenu {

position: relative;

top: -65px;

}



div.tabholder {

position: relative;

top: -66px;

background: #212E3F;

border-bottom: 4px solid rgba(0,0,0,0.1);

color: #ffffff;

margin-bottom: -40px;

}



div.tabholder h3{

	color:#ffffff;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{

	background-color: #212E3F;

	border: 0;

	color:#ffffff;

}



.nav-tabs>li>a {

background-color: #264061;

color: #ffffff;

}



nav.navbar.navbar-default.affix {

    margin: 0 auto 0px auto !important;

    z-index: 16;

    width: 100%;

    transition: all 1s linear;

    box-shadow: 0px 1px 0px 1px #005f7f;

    background: #00435e;

}



.bannerlogo {

	font-size: 40px;

	position: absolute;

	z-index: 1200;

	color: #333;

	top: 10px;

	text-align: center;

	width: 80%;

	margin: 0 auto;

	left: 0;

	right: 0;

}



div.bannerlogo h1{

	font-size:20pt;

}



div.bannerlogo h2{

	font-size:16pt;

}





div.bannerlogo h1, div.bannerlogo h2{

	color:#ffffff !important;

	text-shadow: 0 1px 2px #000000;

}

div.bannerlogo h1, div.bannerlogo h2{

font-family:'Oswald-SemiBold', Arial, Helvetica, sans-serif;

}



div.bannerlogo p{

	color:#ffffff;

	text-shadow: 0 1px 2px #000000;

	font-size:14pt;

	margin:0;

}













div.panel-body.services {

background-color: #212121;

height: auto;

border: 6px double #ffffff;

box-shadow: 0px 0px 5px 3px #cccccc;

color:#ffffff;

border-radius: 0px 20px;

}



div.col-lg-3.sdbar div > div{

	float: left;

}



div.sdbar_img {

	width: 265px;

	height: 178px;

	margin: 10px 15px;

	border: 1px solid #dcdcdc;

}



.bg-text{

	min-height: 300px;

	padding-bottom:10px;

}



.bg-txt-light{

    margin: 10px 30px;

    padding: 10px 20px 10px 20px !important

    text-shadow: 0 0 5px white;

}



.bg-txt-light a{

	color: #0083b7 !important;

}



.bg-txt-dark{

	margin: 10px 30px;

    padding: 10px 20px 10px 20px !important

    margin: 10px 20px;

    padding: 10px !important;

}



.bg-txt-dark a{

	color: #00a0df !important;

}



.lighttxt{

	margin: 20px 0;

    background-color: rgb(255 255 255 / 50%);

	padding: 10px;

}



.lighttxt p, .lighttxt li, .lighttxt a, .lighttxt h1, .lighttxt h2, .lighttxt h3, .lighttxt h4, .lighttxt h5, .lighttxt h6, .lighttxt .heading, .lighttxt label {

	color:#000000;

}





.darktxt p, .darktxt li, .darktxt a, .darktxt h1, .darktxt h2, .darktxt h3, .darktxt h4, .darktxt h5, .darktxt h6, .darktxt .heading, .darktxt label {

	color:#ffffff;

}



.lightmode-bg{

	background-color:#ffffff;

}



.darkmode-solid-bg{

	background-color:#212121;

}





div.row.text-center.bottomlinks {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003b9a+0,1b2f4c+100 */

	background: #0a2e69; /* Old browsers */

	background: -moz-linear-gradient(top, #00435e 0%, #212121 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #00435e 0%,#212121 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #00435e 0%,#212121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00435e', endColorstr='#212121',GradientType=0 ); /* IE6-9 */

	border-bottom:1px solid #ffffff;

	padding: 10px 20px;

	font-size: 11pt;

	height: auto;

	width: 100%;

	margin: 0 auto;

	color:#ffffff;

}



div.row.text-center.bottomlinks a{

	color:#FFFFFF;

}



div.row.text-center.bold.copyright {

	background-color: #212121;

	color: #ffffff ;

	padding: 15px 0 10px 0;

	font-weight: normal;

	margin: 0 auto;

}

div.row.text-center.bold.copyright .copy{

	font-family: 'Oswald-SemiBold', Arial, Helvetica, sans-serif;

	color: #ffffff;

}



div.form-holder {

	width: 95%;

	padding: 25px 15px;

	margin: 10px auto;

	border-radius: 10px;

}



.form-horizontal .form-group {

	margin: 0 0 15px 0;

}



.form-horizontal .control-label {

	text-align: left;

}



.btn-info {

	background-color: #333645;

	border-color: #1D1F27;

}



.btn-info:hover{

	background-color: #00a0df;
    border-color: #00dfff;
	color:#000000;

}



.form-control:focus {

	border-color: #b0b0b0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #b0b0b0;

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #b0b0b0;

}





#schemacss{

	text-align:center;

	margin: 10px 0px;

	background-color: #00000094;

    clear: both;

    margin: 20px 10px;

    padding: 10px;

	box-shadow:rgb(0 255 210 / 25%) 0px 30px 60px -12px inset, rgb(0 67 255 / 30%) 0px 18px 36px -18px inset;

	color:#ffffff;

}



#schemacss a, #schemacss strong{

color:#38a4ff;

}



#schemacss h3{

margin:0;

color: #ffffff;

}



.schema_add_map div {

display: inline;

}



.schema_contact, .schema_contact h3, .schema_contact a {

	color:#000000 !important;

	background: none !important;

    box-shadow: none !important;

}





/* parallax */



.parallax-500{

 /* Full height */

  min-height: 500px;



  /* Create the parallax scrolling effect */

  background-attachment: fixed;

  background-position: top left;

  background-repeat: no-repeat;

  background-size: cover;

}



.parallax{

 /* Full height */

  /*min-height: 100%;*/



  /* Create the parallax scrolling effect */

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-color: #ffffff;

}





.parallax-header{

	background-image:url(../images/Brookhaven-24-7-locksmith-service.jpg);

	overflow:hidden;

}



.parallax-bg1{

	background-image:url(../images/emergency-locksmith-Brookhaven.jpg);

	overflow:hidden;    

	margin-bottom: -7px;

}



.parallax-bottom{

	background-image:url(../images/Brookhaven-24-hour-locksmith-service.jpg);

	overflow:hidden;

}





.imagecontent-right{

    float: right;

    padding: 3px;

    margin: 10px 10px 20px 40px;

    max-width: 50%;

	box-shadow: rgb(31 156 199 / 40%) 5px 5px, rgb(31 156 199 / 30%) 10px 10px, rgb(31 156 199 / 20%) 15px 15px, rgb(31 156 199 / 10%) 20px 20px, rgb(31 156 199 / 5%) 25px 25px;

}



.imagecontent-left {

    float: left;

    padding: 3px;

    box-shadow: 0px 0px 5px 0px #7b7b7b;

    margin: 10px 40px 20px 15px;

    max-width: 50%;

    border: 3px solid #0c2f63;

	box-shadow: rgb(31 156 199 / 40%) 5px 5px, rgb(31 156 199 / 30%) 10px 10px, rgb(31 156 199 / 20%) 15px 15px, rgb(31 156 199 / 10%) 20px 20px, rgb(31 156 199 / 5%) 25px 25px;

}



.floatright{

	float: right;

    display: contents;

}



.floatleft{

	float: left;

	display: contents;

}







.margin-auto{

	margin-left:auto;

	margin-right:auto;

}





.footer-item-box, .footer-item-box h1, .footer-item-box h2, .footer-item-box h3, .footer-item-box h4, .footer-item-box h5 {

    color: #ffffff;

}



.services-item-box {

    color: #ffffff;

}



.footer-item-box {

    padding: 0;

}



.footer-item-box > div {

    background-color: #00000094;

    margin: 7px 12px 7px 10px;

    box-shadow: rgb(0 255 210 / 25%) 0px 30px 60px -12px inset, rgb(0 67 255 / 30%) 0px 18px 36px -18px inset;

    padding: 5px;

}



.service-list.text-center {

    background-color: #00000094;

    clear: both;

    margin: 10px;

    padding: 10px;

	box-shadow: rgb(0 255 210 / 25%) 0px 30px 60px -12px inset, rgb(0 67 255 / 30%) 0px 18px 36px -18px inset;

}




.soc-icons{
	width:fit-content;
	margin:30px auto;
	color:#ffffff;
}

.soc-icons > div{
	display:inline-block;
}

.soc-icons img {
    padding: 3px;
    border-radius: 20px;
}




.location-list {

overflow:hidden;

}



.location-list li {

    font-size: 1.2em;

}



.location-list-title {

    text-align: center;

    padding: 10px 5px;

    margin-bottom: 20px;

    box-shadow: rgb(76 46 170 / 40%) 0px 5px, rgb(76 46 170 / 30%) 0px 10px, rgb(76 46 170 / 20%) 0px 15px, rgb(76 46 170 / 10%) 0px 20px, rgb(76 46 170 / 5%) 0px 25px;

}



ul.locations {

    margin: 30px 0 180px 0;

	padding-bottom:10px;

}



ul.locations li {

    font-size: 1.1em;

    list-style: none;

    text-align: center;

	padding: 3px;

}



.customer-testimonials ul, .customer-testimonials li {

    margin-right: 0;

    margin-left: 0;

	list-style: none;

}



.customer-testimonials{

	overflow:hidden;

	list-style:none;

	padding:0;

}



.customer-testimonials .testimonial-holder {

    box-shadow: 0 8px 6px -6px black;

    background-color: #d4f2fa;

    padding: 5px;

	margin:20px 5px;

    font-size: 0.9em;

    border: 1px solid #ccd4dc;

}



.testimonials-title {

    font-weight: bold;

    color: #00435e;

}



.testimonials-rating{

	color: #00435e;

}



.testimonial-holder p{

	text-align:left !important;    

}



.testimonial-holder:hover {

    background: #eaeaea;

}



.page-customer-testimonials {

    margin-top: 10px;

	margin-bottom: 20px;

    padding: 20px 10px;

}



.page-customer-testimonials h2 {

    padding: 10px 0px;

    color: #00a0df;

    margin: 10px 20px;

    text-align:center;

}



.page-customer-testimonials .testimonial-holder p{

	font-size:1.2em ;
	color: #161616;

}



.page-customer-testimonials  .customer-testimonials {

    padding: 0;

}



.page-customer-testimonials .testimonials-comment {

    font-size: 0.8em !important;

}



.testimonials-btn {

    background: #132644;

    width: fit-content;

    text-align: center;

    margin: 0 auto;

    padding: 10px;

    border-radius: 10px;

    box-shadow: 3px 2px 2px 0px #091d2d;

}



.testimonials-btn:hover {

    background: #001321;

}



.testimonials-btn a{

color:#ffffff !important;

}



.news > div {

    background-image: url(../images/bullet.png);

    background-repeat: no-repeat;

    padding: 10px 10px 10px 40px;

    background-position: 10px 10px;

    font-size: 1em;

}



.news > div a{

	display:block;

}



ul.news {

    margin: 0;

    padding: 0;

}



ul.news li {

    box-shadow: rgb(76 46 170 / 40%) 0px 5px, rgb(76 46 170 / 30%) 0px 10px, rgb(76 46 170 / 20%) 0px 15px, rgb(76 46 170 / 10%) 0px 20px, rgb(76 46 170 / 5%) 0px 25px;

    list-style: none;

    padding: 20px;

    margin: 10px;

}



.news-title{

	font-weight:bold;

	font-size:1.2em;

}



.news-read-more{

	font-weight:bold;

	font-size:1em;

}



/* blurb */





.banner-item-holder a {

    text-decoration: none;

}



.banner-item{

	position: relative;

    margin: 5px auto;

    text-align: center;

	overflow:hidden;

	-webkit-transition:all 1s ease-in-out;

	-moz-transition:all 1s ease-in-out;

	-o-transition:all 1s ease-in-out;

	-ms-transition:all 1s ease-in-out;

	transition:all 1s ease-in-out;

    padding: 20px 5px;

    color: #006087;

	text-shadow: 2px 2px 5px #ffffff;

	min-height: 210px;

    width: 80%;

    height: 0;

	background-size: contain;

    background-repeat: no-repeat;

}



.banner-item:hover{

	/*background-color:#2e0084;*/

}



.banner-item.banner-1{

    background-image: url(../images/Brookhaven-locksmith-automotive-service.png);

}

.banner-item.banner-2{

    background-image: url(../images/Brookhaven-locksmith-residential-service.png);

}

.banner-item.banner-3{

    background-image: url(../images/Brookhaven-locksmith-commercial-service.png);

}

.banner-item.banner-4{

    background-image: url(../images/Brookhaven-locksmith-emergency-service.png);

}



.banner-item.banner-1:hover {

    background-blend-mode: luminosity;

    background-image: url(../images/Brookhaven-locksmith-automotive-service-2.png);

}



.banner-item.banner-2:hover {

    background-image: url(../images/Brookhaven-locksmith-residential-service-2.png);

}



.banner-item.banner-3:hover {

    background-image: url(../images/Brookhaven-locksmith-commercial-service-2.png);

}



.banner-item.banner-4:hover {

    background-image: url(../images/Brookhaven-locksmith-emergency-service-2.png);

}





.banner-icon{

    min-width: 60px;

    min-height: 60px;

	position:relative;

	top:0px;

    background-repeat: no-repeat;

    background-position: center center;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}



.banner-1 .banner-icon{

	background-image: url(../images/banner-1.png);

}



.banner-2 .banner-icon{

	background-image: url(../images/banner-2.png);

}



.banner-3 .banner-icon{

	background-image: url(../images/banner-3.png);

}



.banner-4 .banner-icon{

	background-image: url(../images/banner-4.png);

}



.banner-title {

    font-size: 1.2em;

	position:relative;

	top:0px;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

	text-decoration:none;

}



.banner-item .banner-text {

	zoom: 1;

    filter: alpha(opacity=0);

    opacity: 0;

	-webkit-transition:all 1s ease-in-out;

	-moz-transition:all 1s ease-in-out;

	-o-transition:all 1s ease-in-out;

	-ms-transition:all 1s ease-in-out;

	transition:all 1s ease-in-out;

	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

	text-decoration:none;

}



.banner-item:hover .banner-text {

	filter: alpha(opacity=1);

   	opacity: 1;

    filter: alpha(opacity=1);

	transform: translateY(0px);

	-webkit-transform:translateY(0px);

	-moz-transform:translateY(0px);

	-ms-transform:translateY(0px);

	-o-transform:translateY(0px);

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

	text-decoration:none;

}



.banner-item:hover .banner-icon, .banner-item:hover .banner-title {

	position:relative;

	top:-10px;

}





.button {

    border-radius: 4px;

    background-color: #1b3155;

    border: none;

    color: #FFFFFF;

    text-align: center;

    font-size: 1.2em;

    padding: 5px 10px;

    width: max-content;

    transition: all 0.5s;

    cursor: pointer;

    margin: 5px 0px 10px 0px;

	display:table-cell;

}



.button a{

	color:#FFFFFF !important;

}

.button span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button:hover span {

  padding-right: 25px;

}



.button:hover span:after {

  opacity: 1;

  right: 0;

}



.button-dark{

    background-color: #0083b7 !important;

}





/* social media icons*/

.icons {

    float: right;

}



.icons > div {

    display: inline-block;

    vertical-align: middle;

}



.icons > img {

    display: inline-block;

}



	

@media only screen and (max-device-width: 1366px) {

  .parallax-100 {

    background-attachment: scroll;

  }

}





@media (max-width: 319px) {

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {

        text-align: inherit;

    }

	.hide-xs{display:none;}

    .text-left-xs {

        text-align: left;

    }

    .text-center-xs {

        text-align: center !important;

		float:none !important;

    }

    .text-right-xs {

        text-align: right;

    }

    .text-justify-xs {

        text-align: justify;

    }

	.text-center-xs img {margin:0 auto;}

	.panel-heading.call, .panel-body.promo, .panel-body.service{background:none; background-color:#00699E; text-align:center;}

	.panel-body, .panel-heading{ text-align:center;}

	div.row.text-center.bottomlinks {margin: 0; font-size:16pt;}

	a.navbar-brand.uppercase {height: auto;text-align: center;line-height: 100%;width:150px;}

	div.bannerlogo p{font-size: 9pt;}

	div.bannerlogo h1 {display:none;}

	div.bannerlogo p.banner_quick {display:none;}

	div.bannerlogo h2, div.carousel-caption h2{font-size: 12px;}

	.navbar-brand{font-size: 14px;}

	div.container.tabmenu, div.tabholder {display: none;}

	.carousel-indicators {bottom: 0px;}

	div.headcontent p{display:none;}

	div.headcontent h2{text-align:center;font-size: 12pt;}

	div.headcontent img.img-responsive.cc {float: none;margin: 5px auto;}

	.spheading4{ text-align:center;}

	.imagecontent-size{

		width:200px;

		height:133px;

	}

	.icons {

   		float: none;

	}

	.cards {

   		height: 24px;

	}

	.icons  div img {

   		height: 24px;

	}

}



@media (min-width: 320px) and (max-width: 399px) {

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {

        text-align: inherit;

    }

	.hide-xs{display:none;}

    .text-left-xs {

        text-align: left;

    }

    .text-center-xs {

        text-align: center !important;

		float:none !important;

    }

    .text-right-xs {

        text-align: right;

    }

    .text-justify-xs {

        text-align: justify;

    }

	.text-center-xs img {margin:0 auto;}

	.panel-heading.call, .panel-body.promo, .panel-body.service{background:none; background-color:#00699E; text-align:center;}

	.panel-body, .panel-heading{ text-align:center;}

	div.row.text-center.bottomlinks {margin: 0; font-size:16pt;}

	a.navbar-brand.uppercase {height: auto;text-align: center;line-height: 100%;font-size: 15px;}

	div.bannerlogo p{font-size: 9pt;}

	div.bannerlogo h1 {display:none;}

	div.bannerlogo p.banner_quick {display:none;}

	div.bannerlogo h2, div.carousel-caption h2{font-size: 15px;}

	.nav-tabs>li>a{font-size: 12px; padding:10px;}

	.carousel-indicators {bottom: 10px;}

	div.headcontent p{display:none;}

	div.headcontent h2{text-align:center;}

	div.headcontent img.img-responsive.cc {float: none;margin: 5px auto;}

	.spheading4{ text-align:center;}

	.imagecontent-size{

		width:200px;

		height:133px;

	}

	.banner-title {

    font-size: 1em;

	}

	.icons {

   		float: none;    

		text-align: center;

	}

	.cards {

   		height: 24px;

	}

	.icons  div img {

   		height: 24px;

	}

}



@media (min-width: 400px) and (max-width: 767px) {

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {

        text-align: inherit;

    }

	.hide-xs{display:none;}

    .text-left-xs {

        text-align: left;

    }

    .text-center-xs {

        text-align: center !important;

		float:none !important;

    }

    .text-right-xs {

        text-align: right;

    }

    .text-justify-xs {

        text-align: justify;

    }

	.text-center-xs img {margin:0 auto;}

	.panel-heading.call, .panel-body.promo, .panel-body.service{background:none; background-color:#00699E; text-align:center;}

	.panel-body, .panel-heading{ text-align:center;}

	div.row.text-center.bottomlinks {margin: 0; font-size:16pt;}

	div.row.text-center.bottomlinks a {font-size:12pt;}

	a.navbar-brand.uppercase {height: auto;text-align: center;line-height: 100%;font-size: 16pt;}

	div.bannerlogo p{font-size: 9pt;}

	div.bannerlogo h1 {font-size: 24px !important;}

	div.bannerlogo h2, div.carousel-caption h2{font-size: 18px;}

	.carousel-indicators {bottom: 20px;}

	div.headcontent p{display:none;}

	div.headcontent h2{text-align:center;}

	div.headcontent img.img-responsive.cc {float: none;margin: 5px auto;}

	.spheading4{ text-align:center;}

	.imagecontent-size{

		width:150px;

		height:100px;

	}

	.banner-title {

    font-size: 1em;

	}

	.icons {

   		float: none;    

		text-align: center;

	}

	.cards {

   		height: 28px;

	}

}

@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;}

	.hide-sm{display:none;}

    .text-left-sm {text-align: left;}

    .text-center-sm {text-align: center !important;float:none !important;}

    .text-right-sm {text-align: right;}

    .text-justify-sm {text-align: justify;}

	.text-center-sm img {margin:0 auto;}

	div.bannerlogo p{font-size: 11pt;}

	.carousel-indicators {bottom: 30px;}

	div.headcontent h2{font-size: 13pt;}

	.spheading4{     font-size: 13pt;    padding-left: 13px;}

	.navbar-nav>li>a{font-size: 0.8em; padding-top: 10px; padding-bottom: 10px;}

	.navbar-brand{font-size: 1.1em;}

	.imagecontent-size{

		width:300px;

		height:201px;

	}

	.banner-item{

		min-height: 150px;

	}

	.banner-text {

    display: none;

	}

	.banner-icon {

    min-width: 40px;

    min-height: 40px;

	}

	.banner-title {

    font-size: 1em;

	}

	.icons {

   		float: none;

	}

	.cards {

   		height: 28px;

	}

	

}

@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;}

	.hide-md{display:none;}

    .text-left-md {text-align: left;}

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

    .text-right-md {text-align: right;}

    .text-justify-md {text-align: justify;}

	.carousel-indicators {bottom: 40px;margin: 0 auto;width: 62px;}

	.navbar-nav>li>a{font-size: 0.8em; padding-top: 10px; padding-bottom: 10px;}

	.navbar-brand{font-size: 1.1em;}

	.imagecontent-size{

		width:300px;

		height:201px;

	}

	.banner-item{

		min-height: 200px;

	}

}

@media (min-width: 1200px) {

    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {text-align: inherit;}

	.hide-lg{display:none;}

    .text-left-lg {text-align: left;}

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

    .text-right-lg {text-align: right;}

    .text-justify-lg {text-align: justify;}

	.carousel-indicators {bottom: 40px;margin: 0 auto;width: 62px;}

	.imagecontent-size{

		width:350px;

		height:237px;

	}

}





@media  (max-width: 500px) {

	.banner-item{

	    min-height: 160px;

	}

}







/*BANNER*/



.bs-slider{

    overflow: hidden;

    max-height: 200px;

    position: relative;

    /*background: #000000;*/

}

.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /*background-color: rgba(0, 0, 0, 0.40);*/

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}



/********************

*****Slide effect

**********************/



.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}













/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

    top: 34%;

    opacity: 0;

    width: 45px;

    height: 45px;

    z-index: 100;

    color: #ffffff;

    display: block;

    font-size: 24px;

    cursor: pointer;

    overflow: hidden;

    line-height: 43px;

    text-shadow: none;

    position: absolute;

    font-weight: normal;

    background: transparent;

    -webkit-border-radius: 100px;

    border-radius: 100px;

}

.control-round:hover .carousel-control{

    opacity: 1;

}

.control-round .carousel-control.left {

    left: 1%;

}

.control-round .carousel-control.right {

    right: 1%;

}

.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    color: #fdfdfd;

    background: rgba(0, 0, 0, 0.5);

    border: 0px transparent;

}

.control-round .carousel-control.left>span:nth-child(1){

    left: 45%;

}

.control-round .carousel-control.right>span:nth-child(1){

    right: 45%;

}











/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    right: 45%;

    bottom: 3%;

    left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: #212121;

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    z-index: 10;

    cursor:pointer;

}

.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    margin: 1px 5px 1px 1px;

    box-shadow: 0 0 0 2px #fff;

    background-color: transparent;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;



}

.indicators-line > .carousel-indicators .active:before{

    transform: scale(0.5);

    background-color: #fff;

    content:"";

    position: absolute;

    left:-1px;

    top:-1px;

    width:15px;

    height: 15px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}







/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: right !important;

}

.slide_style_center {

    text-align: center !important;

}



.slide-text {

    left: 0;

    top: 0%;

    right: 0;

    margin: auto;

    padding: 10px;

    position: absolute;

    text-align: left;

    padding: 10px 85px;

    

}



.slide-text > div.banner-text{

    

    padding: 0;

    color: #38a4ff;

    font-size: 70px;

    font-style: normal;

    line-height: 84px;

    margin-bottom: 30px;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

	text-shadow: 2px 2px 3px #000000;

	font-family: 'Oswald-SemiBold', Arial, Helvetica, sans-serif;

}

.slide-text > p {

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}

.slide-text > a.btn-default{

    color: #000;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;



}

.slide-text > a.btn-primary{

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #00bfff;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}

.slide-text > a:hover,

.slide-text > a:active {

    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}













/*------------------------------------------------------*/

/* banner RESPONSIVE

/*------------------------------------------------------*/



@media (min-width: 992px) and (max-width: 1199px) {

	

	.carousel-inner {

		min-height: 180px;

	}

}



@media (max-width: 991px) {

    .slide-text div.banner-text {

        font-size: 40px;

        line-height: 50px;

        margin-bottom: 20px;

    }

    .slide-text > p {



        font-size: 18px;

    }

	.carousel-inner {

		min-height: 160px;

	}

}





/*---------- MEDIA 480px ----------*/

@media  (max-width: 768px) {

    .slide-text {

        padding: 10px 50px;

    }

    .slide-text div.banner-text {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 10px;

    }

    .slide-text > p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .control-round .carousel-control{

        display: none;

    }

	.carousel-inner {

		min-height: 140px;

	}



}

@media  (max-width: 480px) {

    .slide-text {

        padding: 10px 30px;

    }

    .slide-text div.banner-text {

        font-size: 15px;

        line-height: 25px;

        margin-bottom: 5px;

    }

    .slide-text > p {

        font-size: 12px;

        line-height: 18px;

        margin-bottom: 10px;

    }

    .slide-text > div > a.btn-default, 

    .slide-text > div > a.btn-primary {

        font-size: 10px;

        line-height: 10px;

        margin-right: 10px;

        text-align: center;

        padding: 10px 15px;

    }

    .indicators-line > .carousel-indicators{

        display: none;

    }

	.carousel-inner {

		min-height: 140px;

	}

}





























/*Dividers*/



/*  SKEW CLOCKWISE  */

.skew-c{

  width:100%;

  height:100px;

  position:absolute;

  left:0px;

  background: linear-gradient(to left bottom, #212121 49%, #00000000 50%);

}



.skew-cc {

    width: 100%;

    height: 100px;

    position: absolute;

    left: 0px;

    background: linear-gradient(to right bottom, #00000000 49%, #212121 50%), linear-gradient(

-50deg

, #ffffff 16px, #00000000 0);

}



/*  wave  */



.wavebottom {

    transform: rotate(180deg) !important;

    fill: #212121;

	margin-bottom: -1px;

}



.wavetop {

    fill: #212121;

}



/*  diagonal  */

.divider-diagonal-top{

	transform: rotate(180deg) !important;

	margin-top: -7px;

}













/* -- SVG CSS -- */



.editorial {

  display: block;

  width: 100%;

  height: 60px;

  max-height: 60px;

  margin: 0 0 0 0;

  z-index:5;

  bottom:0;

  position:relative;

  left:0px;

  float:left;

}



.parallax1 > use {

  animation: move-forever1 10s linear infinite;

  &:nth-child(1) {

    animation-delay: -2s;

  }

}

.parallax2 > use {

  animation: move-forever2 8s linear infinite;

  &:nth-child(1) {

    animation-delay: -2s;

  }

}

.parallax3 > use {

  animation: move-forever3 6s linear infinite;

  &:nth-child(1) {

    animation-delay: -2s;

  }

}

.parallax4 > use {

  animation: move-forever4 4s linear infinite;

  &:nth-child(1) {

    animation-delay: -2s;

  }

}

@keyframes move-forever1 {

  0% {

    transform: translate(85px, 0%);

  }

  100% {

    transform: translate(-90px, 0%);

  }

}

@keyframes move-forever2 {

  0% {

    transform: translate(-90px, 0%);

  }

  100% {

    transform: translate(85px, 0%);

  }

}

@keyframes move-forever3 {

  0% {

    transform: translate(85px, 0%);

  }

  100% {

    transform: translate(-90px, 0%);

  }

}

@keyframes move-forever4 {

  0% {

    transform: translate(-90px, 0%);

  }

  100% {

    transform: translate(85px, 0%);

  }

}









/* CSS Document MCR 051221*/