@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500|Raleway');
@font-face {
  font-family: 'Socialico';
  src: url('fonts/Socialico.eot'); 
  src: url('fonts/Socialico.eot?#iefix') format('embedded-opentype'),
       url('fonts/Socialico.woff2') format('woff2'),
       url('fonts/Socialico.woff') format('woff'),
       url('fonts/Socialico.ttf')  format('truetype'),
       url('fonts/Socialico.svg#Socialico') format('svg');
}
body {max-width: 100%;min-width: 1200px;margin: 0 auto;text-align: center;font-family: "Montserrat"; font-weight: 500; position: relative;}
a {color:inherit;text-decoration: none}
a:hover {text-decoration: none;color:inherit;}
h1,h2,h3,h4,h5{ padding:0; margin:0; }
div, img, h1, h2, p, iframe {transition: all ease 0.5s;}
.row {max-width: 1200px;margin: 0 auto}

/*floats*/
.fl {float:left;}
.fr {float:right;}

/*align*/
.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.alignCenter i {font-weight: 700; font-size: 20px;}

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

.list-col4 {columns: 4; text-align: left; list-style: inside;}

/*contact form messages*/
form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
form [type="submit"] {margin:20px auto}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;}
.ctc-form input[type="text"],.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}
.ctc-form textarea {height: 120px;padding-top:10px;}
.ctc-form .recap {display: inline-block;}

/*gallery*/
#content .gallery-container {text-align: center;}
#content .gallery {list-style-type: none;margin: 0;padding: 0;}
#content .gallery li {display: inline-block;}
#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: 1.42857; margin-bottom: 20px;padding: 4px;transition: border 0.2s ease-in-out 0s;}
#content .page_navigation {display: inline-block;}
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}
#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;
}

h1 {font-size: 100px;font-weight: 100;color:#ccc;}
.btn {font-weight: 400; color: #fff!important; font-size: 13px; padding: 10px 40px; background: #69D3CC; display: inline-block; transition: all ease 0.5s; border: 1px solid #69D3CC; border-radius: 50px;}
.btn:hover {box-shadow: 0px 0px 10px #69D3CC; color: #fff; text-shadow: 0px 0px 10px #fff}


/*header*/
#header {background: #fff; padding: 30px 0 15px; position: fixed; top: 0; width: 100%; z-index: 9999; box-shadow: 10px 0px 10px #000;}
#header .row {position: relative;}
.hdLogo {position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto;}
.hdSocial a{font-family: "Socialico"; font-weight: 400; font-size: 40px; color: #FDACB8; transition: 0.5s; margin-right: 20px;}
.hdSocial a:hover {text-shadow: 0px 0px 10px #FDACB8;}
.hdBot {margin-top: 50px;}
.hdBot nav a#pull {display: none}
.hdBot nav ul {margin: 0;padding: 0}
.hdBot nav ul li {display: inline-block;vertical-align: middle; margin: 0 25px;}
.hdBot nav ul li:first-of-type {margin-left: 0px;}
.hdBot nav ul li:last-of-type {margin-right: 0px;}
.hdBot nav ul li a {font-size: 13px; color: #555555; display: inline-block;padding: 5px 0; transition: all ease 1s; border-bottom: 5px solid transparent;}
.hdBot nav ul li.active-menu a, .hdBot nav ul li a:hover {border-bottom: 5px solid #FDACBA; color: #FDACBA; text-shadow: 0px 0px 10px #FDACBA;}

/*banner*/
#banner {background: url("../images/common/banner1.jpg") no-repeat center center / cover;padding: 225px 0 115px; margin-top: 200px;}
.bnText {max-width: 650px; margin: 0 auto;}
.bnText h2 {font-size: 45px; color: #fff; margin-bottom: 20px;}
.bnText h2 span {display: block;}
.bnText p {font-size: 17px; color: #fff; font-family: "Raleway";}
.bnText .btn {margin-top: 20px;}

/*content-top*/
#content-top {background: #FDACBA; padding: 60px 0;}
.testiBox {max-width: 960px; margin: 0 auto;}
.testiDesc {font-size: 30px; color: #fff;  padding: 0 42px; position: relative; margin-bottom: 20px;}
.testiDesc:before{width: 37px; height: 33px; left: 0; top: 0; background: url("../images/common/testiFront.png") no-repeat; position: absolute; content: " ";}
.testiDesc:after{width: 37px; height: 33px; right: 0; bottom: 0; background: url("../images/common/testiEnd.png") no-repeat; position: absolute; content: " ";}
.testiName {font-size: 13px; color: #fff; font-weight: 700;}

/*content*/
#content {background: #fff; padding: 70px 0 90px; overflow: hidden;}
#content h1 {font-size: 35px;font-weight: 500; color: #FDACB9;}
#content h1 span {display: block; color: #000;}
#content p {font-size: 17px; color: #666666; font-family: "Raleway"; line-height: 1.6;}
#content li {font-size: 17px; color: #666666; font-family: "Raleway"; line-height: 1.6;}
.cnRight {margin-right: -40px}
.cnLeft {text-align: left; max-width: 525px; padding-top: 40px;}
.cnLeft .btn {margin-top: 20px;}

iframe {width: 600px;}


/*contact*/
#contact {background: #fff; padding: 50px 0;}
#contact h3 {font-size: 14px; color: #858383; font-weight: 400; margin-bottom: 10px; letter-spacing: 2px;}
#contact h2 {font-size: 36px; color: #00478B; font-weight: 400; font-family: "Roboto Condensed"; letter-spacing: 5px; position: relative; padding-bottom: 10px;}
#contact h2:after {width: 51px; height: 2px; left: 0; right: 0; margin: 0 auto; bottom: 0; background: url("../images/common/lineSide.png") no-repeat; position: absolute; content: " ";}

/*contact*/
.contactBox {width: 100%; max-width:500px; margin:0 auto; padding:0 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

/*content-bottom*/
#content-bottom .row {max-width: 1600px;}
#content-bottom .btn {background: #fff; border: 1px solid #fff; color: #555555!important;}
#content-bottom .btn:hover {box-shadow: 0px 0px 10px #fff; text-shadow: 0px 0px 10px #555555;}
.cnImgBox, .cnTextBox {width: 33.33%; margin:-2.5px; display: inline-block; vertical-align: top;}
.cnImgBox img, .cnTextBox img{width: 100%;}
.cnTextBox {position: relative;}
.cnText {position: absolute; max-width: 400px; text-align: center; top: 110px; left: 0; right: 0; margin: 0 auto;}
.skyBlue {top: 80px;}
.cnText h2 {font-size: 35px; font-weight: 500; color: #fff; max-width: 244px; margin: 0 auto;}
.cnText p {color: #fff; font-family: "Raleway"; font-size: 17px; margin: 20px auto;}

/*content-contact*/
#content-contact {background: #fff; padding: 100px 0;}
#content-contact h2 {font-size: 45px;font-weight: 500; color: #FDACB9;}
#content-contact h2 span {color: #000;}
.cnBotRight {max-width: 525px; text-align: left; width: 95%; padding-top: 20px;}
.cnBotRight .ctc-form {text-align: left; margin-top: 30px;}
.cnBotLeft {margin-left: -40px;}
.ctc-form input[type="text"], .ctc-form textarea {border: 1px solid #D2D2D2; border-radius: 0px; width: 100%;}

/*contact*/
.contactForm {width: 100%; max-width:500px; margin:10px auto; padding:0 0 10px; border: 1px #FDACB9 solid; color:#000;}
.contactForm label {text-align: left; display:block; margin:0; padding:10px 0 5px 25px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width: 95%; max-width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:1; font-family:"Raleway", Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:10px 15px; text-align:center; font-size:14px; line-height:120%; font-family:"Raleway", Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block;  width: 95%; max-width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}
.halfForm {width: 45.5%; display: inline-block; vertical-align: top;}
.inConBox {max-width: 550px; margin: 0 auto;}
.ctc-form .g-recaptcha div{margin: 0 auto;}

/*about us*/
.inAbtBox h2{color: #FDACB9;}
.inAbtLeft, .inAbtRight {width: 95%; padding: 20px 2.5%; box-shadow: 0px 0px 10px #000; margin: 10px 0 30px; border-top: 5px solid #FDACB9;}

.inAbtBox .list-col4, .inAbtGoalList {text-align: left; max-width: 800px; margin: 10px auto;}
.inAbtCoreImage {margin-bottom: 20px; max-width: 625px; width: 95%; margin: 0 auto;}

/*programs*/
.inProgBox {}
.inProgClass {max-width: 960px; margin: 10px auto 20px; min-height: 240px; box-shadow: 0px 0px 10px #FDACB9; border: 1px solid #FDACB9;}
.inProgClass h2 {background: #FDACB9; padding: 5px 0; color: #fff;}
.inProgClass p {padding: 5px 20px 20px; text-align: left;}
.inProgClass img.fl {padding: 0 10px 10px 0;}
.inProgClass img.fr {padding: 0 0 10px 10px;}

/*abuse*/
.inAbuseSection {margin: 20px auto; padding: 20px 0;border-top: 2px solid #d3d3d3;}
.inAbuseSection h2 {color: #FDACB9;}
.inAbuseSection ul{text-align: left;}

/*footer*/
#footer {}
.ftTop {background: #333333; text-align: left; padding: 50px 0 40px;}
.ftTop h3 {color: #FDACBA; font-weight: 500; font-size: 13px; margin-bottom: 20px;}
.ftTop ul {margin: 0; padding: 0; list-style: none;}
.ftTop li {color: #fff; font-size: 17px; margin-bottom: 15px;}
.ftAbout, .ftNav, .ftProgram, .ftContact {display: inline-block; vertical-align: top; margin: 0 25px;}
.ftAbout {max-width: 409px; margin-left: 0px}
.ftContact p, .ftAbout p{font-size: 17px; color: #fff; font-family: "Raleway"; line-height: 1.6;}
.ftNav {max-width: 195px;}
.ftProgram {max-width: 245px;}
.ftContact {max-width: 185px; margin-right: 0px}
.ftBot {background: #fff; padding: 30px 0 45px;}
.ftSocial a{font-family: "Socialico"; font-size: 33px; color: #525252; transition: all ease 0.5s; margin: 0 30px;}
.ftSocial a:hover {color: #69D3CC; text-shadow: 0px 0px 10px #69D3CC;}
.copy {margin-top: 20px; font-weight: 500; font-size: 11px; letter-spacing: 3px; color: #545454;}
#footer .silver img {display: inline-block;vertical-align: middle;max-width: 50px}

.inner #header {border-bottom: 5px solid #FDACBA;}
.inner #content {min-height: 400px; padding: 200px 0 40px;}
.inner #content h1 {padding-top: 20px;}