.backstretch:before{
	display: none;	
}
.backstretch{
	max-width:100% !important;
}
header{
	background: #1A1D49 !important;
	height:70px !important;
	transition:none !important;
	padding:0px !important;
}
header .container{
	height:70px !important;
	padding-top:10px;
}
.navbar-toggle{
	height: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    padding: 0px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background:transparent;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top:8px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 14px;
}

#nav-icon3 span:nth-child(4) {
  top: 28px;
}

#nav-icon3.open span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}

.navbar-brand{
	width:88px;
	height:50px;
	margin:0px;
	padding:0px 20px;
	position: relative;	
}

.navbar-brand:before{
	background: url('../images/axslogo.svg') no-repeat;
	background-size: contain;
	content:" ";
	width:100%;
	height:100%;
	position: absolute;
	top:6px;
}

@media (max-width: 767px){
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		margin-top:10px;
	}
	.navbar-inverse .navbar-toggle{
		border:none;
		padding-top: 0px;
	}
	.navbar-header .fa{
		font-size: 30px;
	}
	.navbar-collapse{
		background:white;
	}
	.navbar-inverse .navbar-nav > li{
		border-bottom:1px solid #1A1D49;
	}
	.navbar-inverse .navbar-nav > li > a{
		color:#1A1D49;
		padding:20px 15px 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover{
		color:rgba(55,119,177,1);
	}
	.navbar-inverse .navbar-nav{
		padding:20px 20px 70px 20px;
	}
}

.main-title{
	text-transform: none;
}


#main-slider{
	display: flex;
	align-items:center;
	justify-content:center;
}

#main-slider .carousel-content{
	padding-left:20px;
	padding-right:20px;
}

#main-slider .carousel .boxed{
	background:transparent;
	display: block;
	max-width: 535px;
	text-align: left;
}

#main-slider .carousel h2.boxed{
	font-weight:300 !important;
	font-size: 40px !important;
}

#main-slider .carousel .boxed a{
	color:white;
}
#main-slider .carousel .boxed a:hover{
	opacity: 0.8;
}

#main-slider .carousel .item{
	height:auto;
}



#about-us.white,
#about-us2.white{
	background: rgba(55,119,177,1);
	padding-top:60px;
	padding-bottom:0px;
}
#about-us .main-title,
#about-us2 .main-title{
	margin-bottom:25px;
}
#about-us .row,
#about-us2 .row{
	text-align: center;
}

#about-us .gap,
#about-us2 .gap{
	margin-bottom: 0px;
}
#about-us hr,
#about-us hr{
	margin-top:30px;
	margin-bottom:30px;
}

.main-title{
	letter-spacing:3px;
	font-size: 26px;
}

.about-us-inner{
	padding-top:40px;
}
#main-slider .row,
#main-slider .container,
#main-slider .col-sm-12{
	margin:0px;
	padding:0px;
}
#main-slider .carousel .boxed{
	padding-left:0px;
	padding-right:0px;
	margin-left:auto;
	margin-right:auto;
}
.carousel img{
	width:100%;
	max-width:160px;
}





#services,
#services2{
	background: url('../images/bg-2.png') no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top:100px !important;	
}
@media (min-width: 768px){
	#services .container,
	#services2 .container{
		width:calc(100%);
		max-width: 1170px;
	}
}
#services .sub-title,
#services2 .sub-title{
	color:white;	
}
#services .main-title,
#services2 .main-title{
	color:white;
}
#services .section-heading
#services2 .section-heading{
	margin-bottom:100px;	
}
.service-block{
	background:rgba(250,250,250,0.8);
	padding:30px 50px;
	margin-bottom:100px;
	position: relative;
	min-height:320px;
}
.service-block .media-heading{
	margin-bottom:25px;
}
.service-block .media-body{
	padding-left:30px;
}

.downloadicons{
	margin-top:20px;
	display: inline-block;
}

.downloadicons a{
	margin-right:30px;
	float:left;
	transition:opacity 200ms;
}
.downloadicons a:hover{
	opacity: 0.6;
}
.service-block .clip{
	width:350px;
	height:350px;
	display: block;
	background:white;
	position: relative;
	top:-80px;
	border-radius:20px;
	box-shadow: 5px 10px 12px 0 rgba(0,0,0,0.25);
}

@media (max-width: 1024px){
	.service-block .clip{
		width:250px;
		height:250px;
	}
	.service-block{
		min-height:220px;
	}
}

@media (max-width: 950px){
	.service-block .pull-left{
		float:none !important;
		margin:0px auto -30px;
	}
	.service-block .clip{
		margin:0px auto;
		width:300px;
		height:300px;
	}
	.service-block{
		padding:30px 20px;
	}
	.service-block .media-body{
		padding-left:0px;
	}
}
@media (max-width: 700px){
	.service-block .clip{
		margin:0px auto;
		width:250px;
		height:250px;
	}
}
@media (max-width: 400px){
	.service-block .clip{
		margin:0px auto;
		width:200px;
		height:200px;
	}
}









.toggle:last-child {
}
.toggle{
	background:white;
	margin-bottom:7px !important;
}
.toggle .toggle-title {
	position: relative;
	display: block;
	margin-bottom: 6px;
	background:white;
	padding:15px 35px;
}
@media (max-width: 700px){
	.toggle .toggle-title {
		padding:15px 25px 15px 15px;	
	}	
}    
.toggle .toggle-title i{
	position: absolute;
	right: 10px;
	top:16px;
	transform:rotate(-180deg);
	transition: all 200ms;
}
.toggle .active i{
	transform:rotate(0deg);
}
.toggle h3 {
	font-size: 18px;
	margin: 0px;
	line-height: 1;
	cursor: pointer;
	font-weight:400;
	color:black;
	line-height: 25px;
	transition: color 200ms;
}
.toggle h3:hover {
	color:rgba(55,119,177,1);
}

.toggle .active h3 {
	color:rgba(55,119,177,1);
}

.toggle .toggle-inner {
	padding: 7px 35px 10px 35px;
	display: none;
	margin: -7px 0 6px;
	background:white;
	font-weight:400;
}

.toggle .toggle-inner div {
	max-width: 100%;
}


.toggle .toggle-inner .toggle-title .title-name {
	display: block;
	padding: 25px 25px 14px;
}

.toggle .toggle-inner .toggle-title .title-name a i {
	font-size: 22px;
	margin-right: 5px;
}
.toggle .toggle-inner .downloadicons{
	display: inline-block;
}
.toggle .toggle-inner a{
	text-decoration: underline;
}
.toggle .toggle-inner a:hover{
	color:rgba(55,119,177,1);
}
.toggle .toggle-inner .toggle-title .title-name i {
	position: absolute;
	background: url('http://arielbeninca.com/Storage/plus_minus.png') 0px -24px no-repeat;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 20px;
	right: 0;
}

.toggle .toggle-inner .toggle-title .title-name.active i {
	background: url('http://arielbeninca.com/Storage/plus_minus.png') 0px 0px no-repeat;
}

#faqs.white{
	background: rgba(55,119,177,1);
	padding-top:100px !important;
}
#faqs .main-title{
	color:white;
	text-align: center;
	margin-bottom:40px;
}
#faqs h4{
	color:white;
	font-size: 24px;
	margin:60px 0px 30px;
	padding:0px 10px;
}
#faqs .faqvideo{
	background:white;
	padding:20px;
	color:black;
	width:100%;
}
#faqs .faqvideo iframe{
	margin:30px auto;
	display: block;
	width:100% !important;
	max-width:560px;
}


#footer{
	background:black;
	margin-top: 0px;
}

#footer a:hover, #footer-wrapper a:hover{
color:white;
}

.sociallinks a{
	margin:0px 8px;
	text-decoration: none;
}
.sociallinks a svg{
	fill: #bdc3c7;
}
.sociallinks a:hover svg{
	fill: #fff;
}

h2{
	font-size: 27px !important;
	letter-spacing: 0.2px !important;
	font-weight: regular !important;
}

h3{
	font-size: 18px !important;
	letter-spacing: normal !important;
	font-weight: regular !important;
}

h4{
	font-size: 24px !important;
}

.videobutton{
	background:url('../images/video-btn.png') no-repeat;
	display: block;
	padding-left:60px;
	padding-top: 10px;
	background-size: contain;
	clear:both;
	margin-top: 25px;
	font-weight: bold;
	width:280px;
	height:57px;
	transition:200ms color;
}
.videobutton:hover{
	color:rgba(12,88,158,1);
	cursor: pointer;
}

.overlay-video {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -ms-transition: opacity 600ms ease-in;
  transition: opacity 600ms ease-in;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999;
}

.o1 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -ms-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
}

.videoWrapperExt {
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 982px;
  padding: 0 20px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close {
 background-image:url(http://djit.ac/assets/images/news/mark.png);
  position: absolute;
  top: -50px;
  right: 0px;
  cursor: pointer;
  z-index: 9999;
  height: 40px;
  width: 40px;
  background-size: 40px;
  @media (max-width: 767px) and (orientation: landscape) {
    display: none;
  }
}