/*=================================================*/
/*||				1. Imports */
/*==================================================*/
@import url(https://fonts.googleapis.com/css?family=Roboto:200,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

body
{
	font-family: 'Roboto', 'Open-Sans', sans-serif;
	overflow-x: hidden;
	color: #313131;
}
.black{
	color: #313131;
}
.white{
	background: #fff ;
}
.orange{
	background: #c14917;
}
.light{
	background: #e9e9e9;
}
.section-wrapper{
	padding-top: 60px;
	padding-bottom: 80px;
}
.section-title{
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block !important;
}
.section-item-title{
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.section-item-subtitle{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.section-item-detail{
	font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #7a7a7a;
    letter-spacing: .39px;
}
.section-item-subdetail{
	font-size: 11px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #7a7a7a;
    letter-spacing: .39px;
}
.underline{
	height: 3px;
	width: 100px;
	margin: 0px auto 60px;
}
.underline-column{
	height: 3px;
	width: 100px;
	margin: 0px auto;
}
/*=================================================*/
/*||				3. Header*/
/*==================================================*/

.header-index, .header {
	position: relative;
	color: #fff;
	text-transform: uppercase;
	/*height: 100vh;*/
	margin: 0px !important;
}
.header-index {
	height: 100vh;
}

.header-index:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/Home%20Page.JPG');
	/*-webkit-filter: grayscale(75%) brightness(85%);*/
  	/*filter: grayscale(75%) brightness(85%);*/
  	background-repeat: no-repeat;
  	background-position: 50% 77%;
  	background-size: contain;
	/*background-position: center center;*/
	background-size: cover;
	/*background-attachment: fixed;*/
}

.header {
	height: 70vh;
}
.header:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}
.header1:before {
	background: url('../images/History.JPG');
  	background-position: 50% 0%;
  	background-size: cover;
}
.header2:before {
	background: url('../images/Philosophy.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 30%;
  	background-size: cover;
}
.header3:before {
	background: url('../images/Judicial%20Information.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 25%;
  	background-size: cover;
}
.header4:before {
	background: url('../images/Success%20Stories.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header5:before {
	background: url('../images/How%20to%20Apply.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 20%;
  	background-size: cover;
}
.header6:before {
	background: url('../images/For%20Families.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 15%;
  	background-size: cover;
}
.header7:before {
	background: url('../images/FAQ%20Videos.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header8:before {
	background: url('../images/How-it-works.jpg');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header9:before {
	background: url('../images/Why%20it%20works.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header10:before {
	background: url('../images/Meet%20the%20Team.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 15%;
  	background-size: cover;
}
.header11:before {
	background: url('../images/How%20to%20Help.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 5%;
  	background-size: cover;
}
.header12:before {
	background: url('../images/In%20the%20News.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header13:before {
	background: url('../images/Endorsements.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 25%;
  	background-size: cover;
}
.header14:before {
	background: url('../images/Results.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 10%;
  	background-size: cover;
}
.header15:before {
	background: url('../images/Contact%20Us.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 25%;
  	background-size: cover;
}
.header16:before {
	background: url('../images/IMG_2515.jpg');
  	background-repeat: no-repeat;
  	background-position: 50% 65%;
  	background-size: cover;
}
.header17:before {
	background: url('../images/IMG_1738.jpg');
  	background-repeat: no-repeat;
  	background-position: 50% 0%;
  	background-size: cover;
}
.header18:before {
	background: url('../images/Privacy%20Policy.JPG');
  	background-repeat: no-repeat;
  	background-position: 50% 10%;
  	background-size: cover;
}

.sub-breadcrumb{
	/*background-color: rgba(255,255,255,0.7);*/
    position:absolute;
    bottom:10px;
    left: 3vw;
    color: #4e4f51;
	font-size: 12px;
	letter-spacing: 0.2vw;
	font-weight: bold;
	margin-bottom: 0px !important;
	width: 94%;
	padding: 8px 10px;
	z-index: -1;
}
			/*navbar*/
.navbar-default .navbar-brand{
	/*border: 2px solid #fff;*/
	color: #fff;
	font-size: 30px;
	padding: 2vw 3vh;
	/*margin-top: 5vh;*/
	margin-bottom: 10px;
	height: auto;
	font-weight: 200;
	letter-spacing: 5px;
	left:.15vw;
	position:absolute;
}
.navbar-default .navbar-brand img{
	width: 7vw;
	height:auto;
	/*left: 10vw;*/


	
	/*width: 7vh;*/
	/*height: auto;*/
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
	color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-fixed-top .navbar-toggle .icon-bar {
    background-color: #313131;
}
.navbar-fixed-top .navbar-toggle{
	border-color: #313131;
}
.navbar-default {
    z-index:1;
    height:25vh;
	background-color: rgba(0,0,0,0.65);
	/*background-color: rgba(255,255,255,0.65);*/
    /*background-color: transparent;*/
    border-color: transparent;
    padding-top: 15px;
    border-radius: 0px !important;
}
.navbar-default .navbar-nav>li>a{
	margin-top: 25px;
	color: #e9e9e9;
    /*text-transform: uppercase;*/
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid transparent;
    font-size: 1.0vw;
    font-weight: 400;
    letter-spacing: 1px;
}
.navbar-default .navbar-toggle{
	border-radius: 0px;
}
.navbar-default .navbar-nav>li>a:hover{
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #fff;
}
.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
}
		/*Home*/
.header-table{
	display: table;
	height: 70vh;
	width: 100%;
}
.header-wrapper{
	text-align: center;
	display: table-cell;
	top:5%;
	height:7vh;
	/*vertical-align: middle;*/
	position: relative;
}
.header-wrapper2 {
	display: inline-block;
	background-color: rgba(255,255,255,0.9);
	/*padding: 15px 15px;*/
}
.header-wrapper3 {
	border: 2px solid rgba(193, 73, 23, 0.9);
	padding: 8px 10px;
}
.header-title{
	color: #4e4f51;
	margin-top: 0px !important;
	padding: 0px !important;
	font-size: 3.2vw;
	letter-spacing: 1vw;
	font-weight: bolder;
}
.header-subtitle {
	color: #4e4f51;
	font-size: 2vw;
	letter-spacing: 0.5vw;
	font-weight: bold;
	margin-bottom: 0px !important;
}
.donate-wrapper{
	display: table-row;
	top:10%;
	/*vertical-align: middle;*/
	position: relative;
}
.donate-wrapper1{

    z-index:0;
   
	text-align: center;
	display: table-cell;

	top:5%;
	/*vertical-align: middle;*/
	position: relative;
}
.donate-wrapper2 {
	display: inline-block;
	/*background-color: rgba(255,255,255,0.9); */
    background-color: rgba(193, 73, 23, 0.9);
	padding: 15px 15px;
}
.donate-wrapper3 {
	/*border: 2px solid rgba(193, 73, 23, 0.9); */
    border: 2px solid rgba(255,255,255,0.9);
	padding: 10px;
}
.donate-text {
	/*color: #4e4f51; */
    color: rgba(255,255,255,0.9);
	font-size: 2vw;
	letter-spacing: 0.5vw;
	font-weight: bold;
	margin-bottom: 0px !important;
}
/*=================================================*/
/*||				4. Our Service*/
/*==================================================*/
.service{
	background: #fff;
	position: relative;
}
.service .section-title{
	margin-top: 110px;
}
.service-item{
	margin-bottom: 25px;
}
.service .underline{
	margin-bottom: 75px;
}
.service-img{
	position: absolute;
	bottom: 0px;
}

.twitter-feed{
	color: #fff;
}
.item{
	text-align: center;
}
.owl-prev, .owl-next
{
	position: absolute;
	top: 10%;
}
.owl-next
{
	right: -10px;
}
.owl-prev
{
	left: -10px;
}
.owl-prev:before
{
    /*content: "\f3d2";*/
    /*font-family: 'ionicons';*/
    content: url("../images/left.png");
}
.owl-next:before
{
    /*content: "\f3d3";*/
    /*font-family: "ionicons";*/
    content: url("../images/right.png");
}

/*=================================================*/
/*||				5. Twitter Feed*/
/*==================================================*/
.day, .feed{
	font-size: 15px;
	font-weight: 200;
}
.feed{
	font-style: italic;
	margin: 30px 0px;
}
.options a{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0px 20px;
}
.options a i{
	padding-right: 10px;
}
.options a:hover{
	text-decoration: none;
}
.item:hover{
	cursor: w-resize;
}
/*=================================================*/
/*||				7. Portfolio*/
/*==================================================*/
.porfolio{
	background: #f9f9f9;
}
.portfolio-img{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.portfolio-img .port-item{
	width: 100%;
	height: auto;
	transition: all .6s ease-in-out;
}
.portfolio-img:hover .portfolio-img-hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .6s ease-in-out;
	background: rgba(0, 0, 0, 0.5);
}
.portfolio-img-hover{

}
.plus{
	display: none;
}
.portfolio-img:hover .plus{
	display: inline-block;
	padding-top: 25%;
}
.portfolio-img:hover .port-item{
	transform: scale(1.1);
}
.portfolio-item-details{
	margin: 20px 0px 50px; 
}
.portfolio-item-name{
	display: inline-block;
	font-size: 15px;
}
.port-heart, .portfolio-item-name small{
	font-size: 13px;
	color: #969595;
}
.port-heart{
	float: right;
	display: inline-block;
	margin-top: 10px;
}


/*=================================================*/
/*||				8. Note*/
/*==================================================*/
.note{
	color: #4e4f51;
}
.quote{
	font-style: italic;
	font-size: 16px;
	font-weight: 200;
	padding: 0px 145px;
}
.quoter{
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
}

/*=================================================*/
/*||				9. Fun Facts*/
/*==================================================*/
.fun{
	background: #f3f3f3;
}
.fun-box{
	border: 2px solid #313131;
	text-align: center;
	padding: 40px 0px;
	font-size: ;
}
.number{
	font-weight: 700;
	font-size: 25px;
}
.number-title{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
}
.col-sm-6 .fun-box{
	margin-bottom: 20px;
}
/*=================================================*/
/*||				10. Footer*/
/*==================================================*/
footer {
  background: url(../images/complete-bridge.png) 0 100% repeat-x;
  background-size: contain;
  position: relative;
  height: 30vh;
}
footer{
	background: #eaeaea;
	padding: 20px 0px;
}
.copy{
	font-size: 14px;
	font-weight: 300;
	color: #929292;
	padding: 10px 0px;
	display: inline-block;
}
.fb{
	background: #1976d2;
}
.twitter{
	background: #2CAAE1;
}
.linkedin{
	background: #006cac;
}
.rss{
	background: #ff8f00;
}

.icon{
	height: 40px;
	width: 40px;
	text-align: center;
	padding: 8px;
	display: inline-block;
	border: 1px solid transparent;
	font-size: 18px;
}
a .icon{
	color: #dadada;
}
.social-icon{
	float: right;
}
a .icon:hover{
	background: transparent;
}
a .fb:hover{
	color: #1976d2;
	border-color: #1976d2;
}
a .twitter:hover{
	color: #2CAAE1;
	border-color: #2CAAE1;
}
a .google:hover{
	color: #c62828;
	border-color: #c62828;
}
a .rss:hover{
	color: #ff8f00;
	border-color: #ff8f00;
}

/*=================================================*/
/*||				11. Others*/
/*==================================================*/
/*Testimonial*/
.testimonial{
	background: url('../images/testimonial.png');
	color: #fff;
}
.testimonial .section-title{
	color: #fff;
}
.testimonial-detail{
	font-style: italic;
	font-size: 15px;
	font-weight: 200;
	margin-bottom: 50px;
}
.test-name {
    margin-bottom: 40px;
}
/*Owl carousel*/
.owl-theme .owl-controls .owl-nav [class*=owl-]{
	background: transparent;
}
.owl-theme .owl-dots .owl-dot span{
	width: 20px;
	height: 8px;
	border-radius: 0px;
	background: transparent;
	border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #fff;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
	background: transparent;
}
/*Add*/
.add .owl-prev:before
{
    content: url("../images/bleft.png");
}
.add .owl-next:before
{
    content: url("../images/bright.png");
}
.owl-next
{
	right: -90px;
}
.owl-prev
{
	left: -90px;
}
.add .owl-prev, .add .owl-next
{
	top: 25%;
}
.add-item{
	padding: 20px;
}
@media (max-width: 960px){
	/*.nav>li{*/
		/*text-align: center;*/
	/*}*/
	/*.navbar-default .navbar-nav>li>a{*/
	/*	font-size: 12px;*/
	/*}*/
	.service-img{
		opacity: .2;
	}
	.fun-box{
		margin: 15px;
	}
	.quote{
		padding: 0 50px;
	}
	.portfolio .portfolio-item{
		margin: 15px;
	}
	.price-title, .price-list{
		text-align: center;
	}
	.options a{
		padding: 0 5px;
	}
	footer{
		text-align: center;
	}
	footer .text-right{
		text-align: center;
	}
	.navbar-default .navbar-brand{
		margin-left: 15px;
	}
		img.about-img {
	    width: 100%;
	    padding: 15px 15px 0px;
	}
	.quote{
		padding: 0 15px;
	}
} 
@media (max-width: 480px){
	.header-table{
		max-height: 627px;
	}
}

@media (max-height: 675px) {
  .header-index {
  	height: 100vh;
  }
}

  /*Dropdown menu*/

ul.sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

#header .navbar-nav li ul.sub-menu li a{
  color: #e9e9e9;
  /*padding: 5px 0;*/
  font-size: 1vw;
  display: block;
  /*text-transform: capitalize;*/
}

#header .navbar-nav li ul.sub-menu li .active{
  background: #65B7F2;
  color: #e9e9e9;
  position: relative;
}

#header .navbar-nav li ul.sub-menu li .active i{
  position: absolute;
  font-size: 56px;
  top: -13px;
  color: #0884d5;
}

#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
  left: -3px;
}

#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
  right: -3px;
}
#header .navbar-nav li ul.sub-menu li:hover,
#header .navbar-nav li ul.sub-menu li:focus,
#header .navbar-nav li ul.sub-menu .active{
	border: 1px solid rgba(255, 255, 255, 0.6);
}

#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
  /*background: #65B7F2;*/
  color: #fff;
  background-color: transparent;
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
    color: #fff;
    z-index: 1;
    text-decoration: none;
}

.fa-angle-down{
  /*padding-left: 5px; */
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media only screen and (min-width: 768px) {
    .nav.navbar-nav>li:hover>ul.sub-menu {
        display: inline-block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }
    ul.sub-menu {
        position: absolute;
        top: 62px;
        left: 0;
        /*background: #fff;*/
        background-color: rgba(0,0,0,0.65);
        /*padding: 10px;*/
        width: 22vw;
        -webkit-box-shadow: none;
        box-shadow: none;
        /*display: none;*/
        z-index: 999;
        /*border: 1px solid rgba(255, 255, 255, 0.6);*/
    }
    #header .navbar-nav li ul.sub-menu li a {
        padding: 10px;
    }
}

.service-item {
    background:#FFF;
    padding: 15px;
}
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

.active-header {
	color: #000;
	z-index: 10;
}

.history-detail {
	padding-left: 0px;
	text-align: left !important;
}
.history-detail ul li {
	margin: 12px 0;
	/*line-height: 30px;*/
}
.history-detail .indent-list li {
	margin: 6px 0 !important;
	list-style-type:none;
	/*line-height: 30px;*/
}

.team{
	background: #ededed;
}
.team-item{
	background: #f3f3f3;
	margin-bottom: 50px;
	text-align: center;
}
.team-img{
	width: 100%;
}
.team-item-name{
	font-size: 14px;
	margin-bottom: 0px;
	padding-top: 20px;
}
.team-item-id{
	color: #a3a2a2;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 30px;
}
#results-indictment {
	display: none;
}
#results-indictment.is-visible {
  display: block;
}
#results-indictment-button:hover{
  cursor: pointer;
}
#results-indictment-button.is-invisible {
  display: none;
}

#success-stories img {
  display: block;
  height: 250px;
  width: 250px;
  object-fit: cover;
  display: inline-block;
  float: left;
  padding-right: 20px;
  padding-bottom: 10px;
}

#endorsements img {
  display: block;
  height: 200px;
  width: 200px;
  object-fit: cover;
  display: inline-block;
  float: left;
  padding-right: 20px;
  padding-bottom: 10px;
}
.endorsement-seperator{
	height: 1px;
	width: 100%;
	margin: 0px auto 30px;
	background: #7a7a7a;
}
.endorsements-detail {
	padding-top: 20px;
	clear: left;
}