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

html, body {
  font-family: 'Open Sans', sans-serif;
}
a {color:#2876be}
body {padding-top: 136px}
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-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; }

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



/* PRE-HEADER */
/*********************************************************/
/*********************************************************/
.preheader {
	background-color:#f2f3f3;
	padding:7px 0;
}
.preheader .container {padding:0 25px 0 0}
.contact-info div {
	display:inline-block;
	font-size:13px;
	color:#8c9499;
	margin:0 28px 0 0;
}
.contact-info div.email a {color:#8c9499;}
.preheader .social-icons a {
	display:inline-block;
	margin:0 0 0 6px;
}

/* HEADER */
/*********************************************************/
/*********************************************************/

.navbar {
	min-height:104px;
}

.navbar-default {
	background-color:#ffffff;
}
.navbar-nav {
	float:right;
	margin:40px 0 0 0;
}
.navbar-nav li {font-weight:600; color:#8c9499; font-size:15px}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0071bb;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:focus {
  color:#0071bb; 
  background-color:transparent;
}

.navbar-brand {
  background:url(../images/eadopt-logo.jpg) no-repeat;
  float: left;
  width:308px;
  height:77px;
  padding: 0;
  margin:15px 0 12px 0;
  font-size: 18px;
  line-height: 20px;
}
.navbar-toggle {
	margin:35px 0 0 0
}
/* CAROUSEL */
/*********************************************************/
/*********************************************************/

.carousel {
    margin:0;
	background: #0063a5;
	min-height:auto;
}
.carousel .item img {
    clear:both;
	margin: 0 auto; /* Align slide image horizontally center */
	
}
.carousel-indicators {bottom: 10px;}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .8s;
  -o-transition: opacity ease-in-out .8s;
  -webkit-transition: opacity ease-in-out .8s;
  transition: opacity ease-in-out .8s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .8s;
  -o-transition: opacity ease-in-out .8s;
  -webkit-transition: opacity ease-in-out .8s;
  transition: opacity ease-in-out .8s;
  z-index:1;
}
.carousel a.carousel-control {z-index:2}

/* PRODUCTS-HOMEPAGE */
/*********************************************************/
/*********************************************************/

.product-blue {
	background: #1b85c8;
	background: -moz-linear-gradient(top, #1b85c8 0%, #0072bc 100%);
	background: -webkit-linear-gradient(top, #1b85c8 0%,#0072bc 100%);
	background: linear-gradient(to bottom, #1b85c8 0%,#0072bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b85c8', endColorstr='#0072bc',GradientType=0 );
}

h1.product-blue-header {
	background-color:#0063a5;
	padding:6px 34px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	font-size:14px;
	color:#ffffff;
	margin:25px auto;
	letter-spacing:2px;
	text-align:center;
	width:210px;
}
.product-blue-box {
	padding:0 25px 20px 25px;
}
.product-blue-box h2 {
	font-size:23px; 
	color:#ffffff;
	padding:0 0 0 66px;
	line-height:28px;
	text-align:left;
	font-weight:400;
	margin:0 10px 15px 0;
	min-height:53px;
	min-width:240px;
}
.product-blue-box h2 a {color:#ffffff; text-decoration:none;}
.product-blue-box p {
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-align:left;
	margin:20px 10px 20px 0;
}
.product-blue-box .training {
	background:url(../images/icon-training.png) no-repeat;
	padding-left:70px;
	padding-right:28px;
}
.product-blue-box .homestudy {
	background:url(../images/icon-homestudy.png) 0 6px no-repeat;
}
.product-blue-box .fostadopt {
	background:url(../images/icon-fost.png) no-repeat;
	padding-left:80px;
}
.product-blue-box .fullservice {
	background:url(../images/icon-full.png) 0 6px no-repeat;
}
.product-blue-box a.bluebtn {
	width:120px;
	background-color:#00b7c6;
	color:#ffffff;
	display:block;
	margin:0 auto 20px auto;
	font-weight:600;
	font-size:16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:6px 16px;
}


/* HOME-SUMMARY */
/*********************************************************/
/*********************************************************/

.home-summary h2 {font-size:24px; line-height:28px; color:#0072bc; margin:0; font-weight:400}
.home-summary p {font-size:16px; line-height:26px; color:#70767a; margin:15px 0}
.laptop img {margin:20% 0 0 0}

/* CONTACT-BAR */
/*********************************************************/
/*********************************************************/

.contact-bar {
	background-color:#55b3e9
}
.contact-bar h2 {
	font-size:50px;
	line-height:50px;
	font-weight:300;
	color:#ffffff;
}
.contact-bar p {
	font-size:18px;
	line-height:27px;
	font-weight:400;
	color:#ffffff;
	margin:6px auto;
}
.contact-bar .bluebtn {
	background-color:#0063a5;
	color:#ffffff;
	margin:0;
	display:block;
	margin:15px auto;
	padding:20px 25px;
	font-weight:600;
	font-size:18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}

/* TESTIMONIALS */
/*********************************************************/
/*********************************************************/

.testimonials h2 {font-size:24px; line-height:30px; color:#0072bc; margin:0; font-weight:400; text-align:center; margin:0}
.testimonials p {font-size:18px; line-height:28px; color:#70767a; margin:0 0 15px 0; font-weight:400}
.testimonials .blue-back {background-color:#0072bc; padding:30px; margin:10px auto}


/* ABOUT-US-PAGE */
/*********************************************************/
/*********************************************************/

.about-us h1 {font-size:42px; color:#0072bc; margin:0 0 20px 0; line-height:48px; font-weight:300}
.about-us p {font-size:16px; line-height:26px; color:#70767a; margin:20px 0; font-weight:400}
.about-us ul li {font-size:16px; line-height:26px; color:#70767a; margin:20px 0; font-weight:400}
.about-us .blue-back {background-color:#0072bc; padding:30px; margin:20px auto}
.about-us .blue-back h1 {font-size:42px; color:#ffffff; margin:0 0 25px 0; line-height:48px; font-weight:300}
.about-us .blue-back p {font-size:14px; color:#ffffff; margin:0 0 20px 0; line-height:23px; font-weight:400}
.about-us .blue-back p em {font-size:20px; color:#ffffff; line-height:34px}


/* WHY-CHOOSE-PAGE */
/*********************************************************/
/*********************************************************/

.why-choose h1 {font-size:42px; color:#0072bc; margin:0 0 20px 0; line-height:48px; font-weight:300}
.why-choose h2 {font-size:24px; color:#70767a; margin:0 0 20px 0; line-height:30px; font-weight:600}
.why-choose p {font-size:16px; line-height:26px; color:#70767a; margin:20px 0; font-weight:400}
.why-choose .blue-back {background-color:#0072bc; padding:20px}

.why-choose .blue-back h3 {font-size:36px; line-height:48px; font-weight:300; color:#ffffff; margin:0; text-align:center}

.why-choose .blue-back ul {margin:20px 20px 20px 0; text-align:left; font-size:16px; font-weight:400; color:#ffffff}
.why-choose .blue-back ul li {margin:20px 0; display:block; }
.why-choose .blue-back ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content:"\e084";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    float: left;
    margin-top: 2px;
    margin-left: -24px;
    color: #ffffff;
}

ul.testimonials  {margin:20px 20px 20px 0; text-align:left; font-size:16px; line-height:26px; font-weight:400; padding:0; color:#70767a}
ul.testimonials li {
	margin:0 0 30px 0;
	padding:0 0 30px 80px; 
	display:block; 
	background:url(../images/quote.png) no-repeat;
	list-style:none;
	min-height:60px;
	color:#0072bc;
	border-bottom:1px solid #cdd1d4;
}

/* CONTACT-US-PAGE */
/*********************************************************/
/*********************************************************/
.contact-us h1 {font-size:42px; color:#0072bc; margin:0; line-height:48px; font-weight:300}
.contact-us p {font-size:16px; line-height:26px; color:#70767a; margin:20px 0; font-weight:400; margin:0 0 20px 0}
.contact-us label {color:#70767a}
.contact-us p.text-danger {color:#a94442; font-size:12px; margin:0}
.contact-us form {margin:35px 0}
.contact-us .gray-back {background-color:#f2f3f3; padding:30px 20px; text-align:center}
.contact-us .gray-back a {color:#70767a}
.contact-us .gray-back h3 {font-size:32px; font-weight:300; margin:0 0 15px 0; color:#70767a}
.contact-us .gray-back .social-icons {margin:40px 0 30px 0 }
.contact-us .gray-back .social-icons a {display:inline-block; margin:0 10px 0 0 }

/* PRODUCT-OVERVIEW-PAGE */
/*********************************************************/
/*********************************************************/

.product-overview h1 {font-size:42px; color:#0072bc; margin:0 0 20px 0; line-height:48px; font-weight:300}
.product-overview p {font-size:24px; line-height:30px; color:#70767a; margin:20px 0; font-weight:300}
.product-box-holder-left {margin:0 0 0 18px; float:left; width:555px}
.product-box-holder-right {margin:0 18px 0 0; float:right; width:555px}
.product-box {padding:24px 30px; text-align:center; color:#ffffff; margin:0 0 25px 0; text-align:center}

.product-box h2 {font-size:30px; font-weight:300; margin:15px 0}
.product-box p {font-size:16px; line-height:24px; font-weight:300; margin:15px 0}
.product-box ul {margin:20px; text-align:left; font-size:16px; font-weight:400}
.product-box ul li {margin:10px 0; display:block}
.product-box ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content:"\e084";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-top: 2px;
    margin-left: -24px;
    color: #ffffff;
}
.training {background-color:#55b3e9;}
.training .toggle-arrow {display:block; margin:0 auto; background:url(../images/arrow-training.png) 0 -34px no-repeat; width:34px; height:34px}
.training .collapsed .toggle-arrow {background-position:0 0}
.homestudy {background-color:#0071bb;}
.homestudy .toggle-arrow {display:block; margin:0 auto; background:url(../images/arrow-home.png) 0 -34px no-repeat; width:34px; height:34px}
.homestudy .collapsed .toggle-arrow {background-position:0 0}
.fostadopt {background-color:#5d43b1}
.fostadopt .toggle-arrow {display:block; margin:0 auto; background:url(../images/arrow-fost.png) 0 -34px no-repeat; width:34px; height:34px}
.fostadopt .collapsed .toggle-arrow {background-position:0 0}
.fullservice {background-color:#00b7c6}
.fullservice .toggle-arrow {display:block; margin:0 auto; background:url(../images/arrow-full.png) 0 -34px no-repeat; width:34px; height:34px}
.fullservice .collapsed .toggle-arrow {background-position:0 0}

#myContent1, #myContent2, #myContent3, #myContent4 {padding-top:15px 0}
.expander {padding:2px 6px; margin:0 auto 20px auto !important; font-size:12px}




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

.footer1 {background-color:#54585b}
.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 18px 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}

.contact-bar h2 {
	font-size:46px;
	line-height:46px;
}

}

@media screen and (max-width: 1199px) {
.contact-bar h2 {
	font-size:42px;
	line-height:42px;
}
.product-box-holder-left {margin:0 0 0 18px; float:left; width:455px}
.product-box-holder-right {margin:0 18px 0 0; float:right; width:455px}
.product-box {padding:24px 30px; text-align:center; color:#ffffff; margin:0 0 25px 0; text-align:center}
.laptop img {margin:30% 0 0 0}
}

@media screen and (max-width: 992px) {
.remove-md {display:none}	
	
	
	
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.contact-bar h2 {
		font-size:32px;
		line-height:32px;
		text-align:center;
	}
	.contact-bar p {text-align:center;}
	.testimonials-divide {width:100%; height:1px; margin:25px auto; background-color:#aaaaaa; display:block;}
	
	.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}
	.about-us .blue-back {padding:15px}
	
	
	
	.product-box-holder-left {margin:0; float:none; width:100%}
	.product-box-holder-right {margin:0; float:none; width:100%}
	.product-box {padding:18px 24px; text-align:center; color:#ffffff; margin:0 0 25px 0; text-align:center}

	

}
@media screen and (min-width: 767px) {.hr-divide {display:none !important;}}
@media screen and (max-width: 768px) {
.remove-sm {display:none}
body {padding-top: 85px}
.navbar-brand { 
	width:210px; height:52px; background-size:auto 52px;	
}

.navbar {
	min-height:85px;
}
.navbar-toggle {
	margin:25px 0 0 0
}

.product-blue-box .training, .product-blue-box .homestudy, .product-blue-box .fostadopt, .product-blue-box .fullservice  {
	background:none; padding:0;
}
.product-blue-box h2 {text-align:center; margin:0 0 20px 0; min-height:0; padding:0;}
.product-blue-box p {text-align:center; margin: 0 0 20px 0}
.product-blue-box .bluebtn {
	display:inline-block;
	margin:0 auto 20px auto;
}
.hr-divide {width:80%; height:1px; margin:0 auto 25px auto; background-color:#98c0e2; display:inline-block;}

.home-summary h2 {text-align:center}
.footer2 p .block {margin:0 auto 20px auto; display:block;}

.product-overview h1 {font-size:32px; color:#0072bc; margin:0 0 15px 0}
	.product-overview p {font-size:18px; line-height:26px; margin:15px 0}

}

@media screen and (max-width: 480px) {
.carousel-indicators {display:none}
.remove-xs {display:none}	
.contact-bar h2 {
		font-size:26px;
		line-height:26px;
	}
	.about-us .blue-back h1 {font-size:36px; color:#ffffff; margin:0 0 25px 0; line-height:42px; font-weight:300}
	.footer2 .affiliations img {display:block; margin:15px auto}

}