/*********************** CUSTOM FONTS ***********************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,300,300italic,700italic,700,800,800italic);

/* MAIN */
/*********************************************************/
/*********************************************************/


html, body {
  font-family: 'Open Sans', Arial, sans-serif;
}
a {color:#bf1e2e}
body {background:#ffffff; margin:0; padding-top:60px}


strong {font-weight:700}

.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }

.img-left {float:left; margin:3px 20px 5px 0}
.img-right {float:right; margin:3px 0 5px 20px}



/* PRE-HEADER */
/*********************************************************/
/*********************************************************/
.preheader {
	text-align:right;
	height:60px;
	background:#9da7c3;
}
.preheader .container {
	font-size:18px;
	font-weight:400;
	color:#ffffff;
}
.preheader .container strong {
	font-size:18px;
	font-weight:700;
	color:#ffffff;
}
.preheader a p {margin:6px 0 0 48px}
.preheader a.phone  {
	width:270px; height:39px;
	display:inline-block;
	margin:9px 20px 9px 0;
	background:url(../images/icon-phone.png) left top no-repeat;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
}
.preheader a.email {
	width:130px; height:39px;
	display:inline-block;
	margin:9px 0 9px 0;
	background:url(../images/icon-email.png) left top no-repeat; 
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	}


/* NAVIGATION/HEADER HOME */
/*********************************************************/
/*********************************************************/
#myNavbar {margin-bottom:0}
.header-bg {background:#cfd6ea; min-height:380px}
.header-bg .container {padding:0; margin-bottom:0}


.header-bg ul.navbar-nav  {float:right; text-align:right; margin:60px 20px 0 0; padding:0}
ul.navbar-nav li {display:block !important; float:none; font-size:20px; font-weight:400; margin-bottom:15px }
.navbar-default ul.navbar-nav > li > a { padding:0px; color:#56302e }
.navbar-default ul.navbar-nav > li > a:hover { background:transparent; color:#8f2731; }
.navbar-default ul.navbar-nav > li.active > a { background:transparent; font-weight:700; color:#56302e }
.navbar-default ul.navbar-nav > li.active > a:hover { background:transparent; font-weight:700; color:#56302e }
.navbar-collapse {padding:0}
.navbar-inverse {border:none}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #56302e;
  background-color: transparent;
  
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0;
    margin-right: 0;
}
.nav-social {
	width:150px; 
	margin:10px 10px 0 0;
	clear:right;
	float:right;
}
.nav-social a {width:40px; height:40px; display:inline-block; margin:0 0 0 5px}

.tagline {
	width:430px;
	float:left;
	margin:130px 0 0 155px;
	font-size:30px;
	color:#737e9d;
	line-height:44px;
	font-style:italic;
	text-align:center;
	font-weight:300;
}
.navbar-brand {
  background:url(../images/oyp-logo1.png) no-repeat;
  width:212px;
  height:258px;
  float: left;
  margin:60px 0 0 0;
}
.navbar-inverse .navbar-toggle {
	margin:10px 0 0 0;
	border-color: #9da7c3;
}
.navbar-inverse .navbar-toggle span.icon-bar {background-color:#9da7c3;}
.navbar-inverse .navbar-toggle:hover {background-color:#9da7c3;}
.navbar-inverse .navbar-toggle:hover span.icon-bar {background-color:#ffffff;}
.navbar-inverse .navbar-collapse {
    border-color: #9da7c3;
	margin:15px 0;
	padding:0
}

/* NAVIGATION/HEADER INTERIOR */
/*********************************************************/
/*********************************************************/

.header-bg-int {background:#cfd6ea; min-height:250px}
.header-bg-int .container {padding:0; margin-bottom:0}
.header-bg-int ul.navbar-nav  {float:right; text-align:right; margin:30px 20px 0 0; padding:0}
.navbar-brand-int {
  background:url(../images/oyp-logo2.png) no-repeat;
  width:376px;
  height:184px;
  float: left;
  margin:34px 0 0 0;
}

/* SERVICES-HOME */
/*********************************************************/
/*********************************************************/

.services-bg {background-color:#56302e; padding:36px 0 20px 0; color:#ffffff}
.services-headline {
	font-size:36px;
	font-style:italic;
	font-weight:300;
	text-align:center;
	margin-bottom:32px;
	line-height:38px;
}
.services-option {text-align:center; margin-bottom:40px}
.services-option a {text-decoration:none; color:#ffffff}
.services-option p {margin:15px 15px 0 15px; font-size:18px; line-height:24px; font-weight:400}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }


}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* BASIC INTERIOR */
/*********************************************************/
/*********************************************************/
.basic-interior {background:#ffffff; padding:40px 0 60px 0}
.basic-interior h1 {font-size:40px;  color:#737e9d; font-weight:400; margin:0 0 30px 0}
.basic-interior h2 {font-size:24px;  color:#54585b; font-weight:600; margin:0 0 20px 0}
.basic-interior p {font-size:16px; line-height:25px; color:#54585b; font-weight:300; margin:30px 0}
.basic-interior p strong{font-weight:600; color:#727c97; display:inline}
@import url('http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
.basic-interior ul li {font-size:16px; line-height:25px; color:#54585b; font-weight:300; display:block; margin:6px 0;}
.basic-interior ul li:before {
	content:"\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 1px;
    margin-left: -17px;
    color: #bf1e2e;
	padding-right:8px;
}


.int-dina {text-align:center}
.int-dina img {display:block; margin:0 auto 10px auto}
.int-dina a {text-decoration:none}
.int-dina strong {font-size:24px; color:#727c97; font-weight:600}
.int-dina p {font-size:13px; color:#35393b; font-weight:600; margin:2px 0}

.contact-bar {background:#56302e; padding:20px; text-align:center}
.contact-bar .contact1 {display:inline-block; font-size:22px; font-weight:400; color:#ffffff; vertical-align:middle}
.contact-bar .contact2 {display:inline-block; margin-left:20px}

/* SERVICES */
/*********************************************************/
/*********************************************************/
.services-row {background:#f3f3f3; border:1px solid #cccccc; margin:30px 0; padding:30px 20px 30px 0}
.services-row p {margin:20px 0 0 0;}

/* TESTIMONIALS */
/*********************************************************/
/*********************************************************/
.testimonials-bg {
	background-color:#727c97; padding:36px 0 100px 0; color:#ffffff;
}
.testimonials-bg-int {
	background-color:#727c97; padding:36px 0 30px 0; color:#ffffff;
}
.testimonials-headline {
	font-size:36px;
	font-style:italic;
	font-weight:300;
	text-align:center;
	margin-bottom:32px;
	line-height:38px;
	padding:0 30px
}
.testimonial {
	font-size:18px;
	line-height:30px;
	font-weight:300;
	font-style:italic;
	padding:0 25px;
	margin-bottom:30px
}
.testimonial strong {font-weight:600; font-style:normal; display:block; margin-top:10px}

/* TESTIMONIALS-PAGE */
/*********************************************************/
/*********************************************************/

.testimonials-row {
	margin:0 0 10px 0;
	padding:30px 0 20px 150px;
	background:url(../images/quote.png) 0 36px no-repeat;
	border-top: 1px solid #cccccc;
}
.testimonials-row p {margin:0; font-size:20px; line-height:32px; font-style:italic}
.testimonials-row strong {display:block; margin:10px 0; font-style:normal; color:#727c97}

/* CONTACT US */
/*********************************************************/
/*********************************************************/
p.text-danger {color:#a94442; font-size:12px; margin:0 !important}


/* HOME ABOUT US */
/*********************************************************/
/*********************************************************/
.home-about {background:#ffffff; margin-bottom:60px}
.home-dina {text-align:center; margin-top:-90px}
.home-dina img {display:block; margin:0 auto 10px auto}
.home-dina a {text-decoration:none}
.home-dina strong {font-size:24px; color:#727c97; font-weight:600}
.home-dina p {font-size:13px; color:#35393b; font-weight:600; margin:2px 0}
.home-about-text {text-align:center;}
.home-about-text p {text-align:center; font-size:16px; line-height:28px; color:#35393b; font-weight:300; margin:20px}
.btn-red {padding:10px 30px; background:#bf1e2e; font-size:16px; margin:0 auto; color:#ffffff; border-radius:6px}
.btn-red:hover {color:#ffffff; background:#9d1522}

/* FOOTER */
/*********************************************************/
/*********************************************************/

.footer1 {background-color:#54585b; padding:36px 0 50px 0}
.footer1 h3 {
	font-size:18px; 
	line-height:18px; 
	color:#ffffff;
	margin:0 0 20px 0;
	font-weight:400;
}
.footer1 p {
	font-size:14px;
	color: #aaaaaa;
	line-height:26px;
	margin:20px 0 0 0;
}
.footer1 ul {margin:20px 0 0 0; padding:0; list-style:none }
.footer1 ul li {margin:0 0 8px 0; padding:0; line-height:26px}
.footer1 a:link, .footer1 a:active, .footer1 a:visited {color:#aaaaaa}
.footer1 a:hover {color:#ffffff; text-decoration:none;}
.footer1 a {color:#aaaaaa}
.footer1 .social-icons a {
	display:inline-block;
	margin:0 10px 0 0;
}

.footer2 {background-color:#35393b;}
.footer2 p {
	font-size:13px; 
	line-height:13px; 
	color:#b1b0b0;
	margin:0;
	text-align:center;
}
.footer2 a:link, .footer2 a:active, .footer2 a:visited {color:#b1b0b0}
.footer2 a:hover {color:#ffffff; text-decoration:none;}

.footer2 p .block {
	font-size:13px; 
	line-height:13px; 
	color:#b1b0b0;
	margin:0;
}
.footer2 .affiliations {text-align:center; margin:0 0 15px 0}
.footer2 .affiliations img {display:inline; margin:0 15px}


/* RESPONSIVE */
/*********************************************************/
/*********************************************************/

@media screen and (max-width: 1200px) {
.remove-lg {display:none}
.box-container {width:1020px; margin-left:auto; margin-right: auto}
.contact-bar h2 {
	font-size:46px;
	line-height:46px;
}

}

@media screen and (max-width: 1199px) {
body {padding-top:48px}
.preheader {
	text-align:center;
	height:48px;
}
.preheader a p {display:none}
.preheader a.phone  {
	width:32px; height:32px;
	background-size:cover;
	margin:8px 4px;
	
}
.preheader a.email {
	width:32px; height:32px;
	background-size:cover;
	margin:8px 4px;
}
.tagline {
	width:375px;
	margin:130px 0 0 90px;
	font-size:26px;
	color:#737e9d;
	line-height:40px;
}



}

@media screen and (max-width: 992px) {
.remove-md {display:none}	

.header-bg {min-height:300px}	
.tagline {
	width:300px;
	margin:80px 0 0 70px;
	font-size:23px;
	color:#737e9d;
	line-height:37px;
}
.navbar-brand {
  background:url(../images/oyp-logo1.png) no-repeat;
  background-size:100%;
  width:160px;
  height:200px;
  float: left;
  margin:50px 0 0 0;
}
.header-bg ul.navbar-nav  {float:right; text-align:right; margin:30px 0 10px 0; padding:0}
.nav-social { 
	text-align:right;
	margin:0;
}
.nav-social a {margin:0 0 0 5px}
.basic-interior h1 {margin:0 10px 30px 10px}
.basic-interior p {margin:30px 10px 0 10px}
.services-row {padding:30px 10px 30px 0 }
.services-row img {margin-bottom:20px}
.services-row h2 {text-align:center}
.services-row p {margin:30px 0 0 10px}

.testimonials-row p {margin:10px 10px 0 10px; font-size:18px; line-height:30px}
.testimonials-row {
	margin:0 0 30px 0;
	padding:30px 0 0px 55px;
	background-size:60px 58px;
	background-position:0 45px;
	border-top: 1px solid #cccccc;
}

.contact-bar .contact1 {display:block; font-size:20px; font-weight:400; color:#ffffff; vertical-align:middle}
.contact-bar .contact2 {display:block; margin:10px 0 0 0}
	
	.footer1 h3 {text-align:center}
	.footer1 p {text-align:center}
	.footer1 ul li {text-align:center}
	.footer1 .center-block {
		float:none !important;
		margin:0 auto !important;
		text-align:center;
	}
	.footer1 .plus40 {margin-bottom:40px}
	.footer2 p .block {margin:0 auto 20px auto; display:block;}
	

}

@media screen and (max-width: 768px) {
.remove-sm {display:none}

.header-bg, .header-bg-int {min-height:60px}	
.tagline {display:none}
.header-bg, .header-bg-int {background:min-height:60px}
.header-bg .container, .header-bg-int .container {padding:10px 20px;}
.navbar-brand, .navbar-brand-int {
  background:url(../images/oyp-horizontal.png) no-repeat;
  background-size:90%;
  width:250px;
  height:45px;
  margin:10px 0 0 0;
}
.header-bg ul.navbar-nav, .header-bg-int ul.navbar-nav  {float:none; text-align:left; margin:30px 0 10px 0; padding:0}
.header-bg ul.navbar-nav li {display:block !important; float:none; font-size:18px; margin-bottom:12px }
.nav-social {
	width:150px; 
	margin:0;
	clear:left;
	float:left;
	text-align:left;
}
.nav-social a {margin:0 5px 0 0}
	


}

@media screen and (max-width: 480px) {
.carousel-indicators {display:none}
.remove-xs {display:none}	
.services-headline {
	font-size:30px;
	line-height:36px;
	margin-left:20px; margin-right:20px
}
.testimonials-headline {
	font-size:30px;
	line-height:36px;
	margin-left:20px; margin-right:20px
}



}