/*
Theme Name: Sandi Rapoport Counselling
Theme URI: http://innovatorsweb.com
Author: Innovatorsweb
Author URI: http://innovatorsweb.com
*/
body {
    font-family: Lato, "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #fff;
}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Raleway', sans-serif; color:#000}
h3, h4{margin:20px 0 10px; text-transform:uppercase}
a{color:#8758a0}
a:hover{color:#316c4e; text-decoration:none}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.btn-green {color: #fff; background-color: #306c4d; border-color: #306c4d; text-transform:uppercase; font-size:16px; padding-left:30px; padding-right:30px; border-radius:0}
.btn-green:hover{background-color:#20573b; border-color:#20573b; color:#fff}

.affix {top: 0; width: 100%; z-index: 100;}
.text-jc{text-align:justify; text-align-last:center;}
.m-t-n{margin-top:0}
.m-tb-l{margin-top:30px; margin-bottom:30px}
.m-t-l{margin-top:30px}
.m-b-l{margin-bottom:30px}
.img-f{width:100%}
@media (max-width: 768px){
.img-bm{margin-bottom:30px}
}

.img-res{width:100%; max-width:315px; margin:0 30px 30px 0; float:left; display:block}
@media (max-width: 768px){
.img-res{width:100%; max-width:768px; margin:0 0 30px 0; float:none; display:block}
}
.img-bdr-w{border:4px solid #fff}

.list-cb{list-style:none; text-align:center; margin-bottom:40px}
.list-cb li{border:1px solid #a4c6e9; padding:4px; display:inline-block; margin:4px; background:#d5eaff}

.video-container {position:relative; padding-bottom:56.25%; padding-top:0px; height:0;	overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}

/** HEADER ******************************/
#branding{text-align:center; line-height:normal; padding:14px 0}
.logo img{margin:0 auto}

/** NAV ******************************/
.navbar-inverse{background:#50345f; border:0}
.navbar{border-radius:0; min-height: 44px; margin-bottom: 1px; font-size:14px}


.navbar-inverse .navbar-nav>li>a {
    color:#FFF; text-transform:uppercase; 
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
	background:url(images/nav-bg.png) no-repeat top center #306c4d
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #306c4d;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #306c4d;
}

@media (min-width: 768px){
.navbar-nav {float:none; margin: 0; font-size:0; text-align:center}
.navbar-nav>li{float:none; display:inline-block; font-size:14px;}
.navbar-nav>li>a{padding:12px 25px}
}

/** BANNER ******************************/


/** SECTION ******************************/
.section{padding:90px 0 60px}
.section.blue{background:#306c4d; color:#fff; line-height:25px}
.section.lblue{background:#1cb0df; color:#fff}
.section.blue h3, .section.lblue h3{font-weight:bold; font-size:18px; margin-bottom:10px; text-transform:uppercase}
.section.about{text-align:justify; text-align-last:center}
.section-title{font-size:36px; text-align:center; text-transform:uppercase}
.section-subtitle{font-size:18px; font-style:italic; text-align:center}
@media (max-width: 1200px) {
.section{padding:44px 0}
.section-title{font-size:30px; text-align:center}
}

/** WRAPPER ******************************/
.wrapper{max-width:1000px; margin:0 auto; text-align:justify}

/** DIVIDER *****************************/
span.divider {display: block; margin: 30px 0px; width: 100px; height: 2px; background-color: #8758a0;}

span.divider.center {margin-right: auto; margin-left: auto;}

/** HOME - WHAT WE DO ************************/
#services{}
#services .section-subtitle{max-width:800px; margin:0 auto}
#services .part2{max-width:1000px; margin:50px auto 0}

#services .part2{margin:50px auto 35px}
#services .srvice-box{width:25%; text-align:center; float:left}
#services .srvice-box .box{margin:0 15px; display:block; background:#8758a0; padding:30px 0; font-size:18px; color:#fff; text-transform:uppercase; outline:none}
#services .srvice-box .box:hover, #services .srvice-box .box:focus{background:#316c4e; text-decoration:none}
#services .srvice-box .box img{margin-bottom:20px}
@media (max-width: 768px) {
#services .srvice-box{width:100%; float:none}
#services .srvice-box .box{margin:15px 0;}
.ptn{padding-top:0}
}

/** HOME - ABOUT US ************************/
#about{background:url('images/about-bg.jpg') no-repeat bottom center #50345f; color:#fff; line-height:24px}
#about .divider{background-color:#fff}
#about .section-title{color:#fff}

/** HOME - TESTIMONIALS ************************/
#testimonials{background:#86579f; color:#fff}
#testimonials .divider{background-color:#fff}
#testimonials .section-title{color:#fff;}
#testimonials .section-subtitle{max-width:750px; margin:25px auto 0}
.bx-wrapper{border:1px solid #9b6fb3; background:#7e4c98; padding:30px !important}
.tslider blockquote p{color:#fff !important}
.bx-viewport{min-height:250px !important}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -40px !important;     left: -0px;
}
.tslider blockquote{border:0}
.tslider blockquote footer, .tslider blockquote footer a{color:#fff !important}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff !important; border:2px solid #fff; width:14px !important; height:14px !important; border-radius:50% !important
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #86579f !important; border:2px solid #fff;
}

/** HOME - CONTACT *****************************/
#contact{background-image: url(images/map.jpg); background-repeat:  no-repeat; background-position: 50% 180px; min-height:768px}
.contact-bg{background:url(images/contact-bg-top.png) repeat-x top}
#contact .section-subtitle{margin-top:25px}
#contact .tel{margin-left:15px; color:#000}
#contact .contactform{max-width:650px; margin:25px auto 0}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.center-block div:first-child {
    margin: 0 auto;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-green.btn-lg {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}
@media (max-width: 767px){
#contact{background:none}
#contact .contactform{margin:25px 15px 0}
}

/** PAGE *****************************/



/** footer ************************/
.footer{background:#50345f; text-align:center; padding:20px 0; color:#fff; font-size:14px}
.footer .links a{color:#fff; padding:0 12px; text-decoration:none !important}
.footer .links a:hover{color:#e0e0e0}

.copyright{font-size:12px; text-align:center; color:#c6c6c6}