body,html{
    width:100%;
    height:100%
}
body{
    /*font-family:Merriweather,'Roboto',Arial,sans-serif*/
    font-family: 'Montserrat', sans-serif;
}
hr{
    max-width:50px;
    border-width:3px;
    border-color:#f05f40
}
hr.light{
    border-color:#fff
}
a{
    color:#f05f40;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
a:hover{
    color:#f05f40
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
    /*font-family:'Open Sans','Helvetica Neue',Arial,sans-serif*/
}
.bg-primary{
    background-color:#f05f40!important
}

.bg-dark{
    background-color:#212529!important
}
.text-faded{
    color:rgba(255,255,255,.7)
}
section{
    padding:0rem 0 2rem
}
.section-heading{
    margin-top:0
}
::-moz-selection{
    color:#fff;
    background:#212529;
    text-shadow:none
}
::selection{
   /* color:#fff;*/
    /*background:#212529;*/
    text-shadow:none
}
img::selection{
    color:#fff;
    background:0 0
}
img::-moz-selection{
    color:#fff;
    background:0 0
}

.container{
    margin-top:-7px;

}
 .fixed-top{
     background-color:#fff;
 }
#mainNav{
    border-bottom:1px solid rgba(33,37,41,.1);
    background-color:#fff;
    
     font-family: 'Montserrat', sans-serif;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
#mainNav .navbar-brand{
    font-weight:700;
    text-transform:uppercase;
    color:#f05f40;
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#f05f40
}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
    color:#212529
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
    color:#f05f40
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
    color:#f05f40!important;
    background-color:transparent
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{
    background-color:transparent
}
@media (min-width:992px){
    #mainNav{
        border-color:#fff;
        background-color:#fff;
    }
    #mainNav .navbar-brand{
        color:rgba(255,255,255,.7)
    }
    #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
        color:#fff
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link{
        padding:.5rem 1rem
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
        /*color:rgba(255,255,255,.7)*/
        color:#333;
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
        /*color:#fff*/
        color:#f05f40;
    }
    /*#mainNav.navbar-shrink{
        border-bottom:1px solid rgba(33,37,41,.1);
        background-color:#d6d2d2;
    }*/
    #mainNav.navbar-shrink .navbar-brand{
        color:#f05f40
    }
    #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{
        color:#f05f40
    }
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
        color:#212529
    }
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{
        color:#f05f40
    }
}
header.masthead{
    padding-top:10rem;
  
    padding-bottom:calc(10rem - 56px);
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
      
}
header.masthead hr{
    margin-top:30px;
    margin-bottom:30px
}
header.masthead h1{
    font-size:2rem
}
header.masthead p{
    font-weight:300
}
@media (min-width:768px){
    header.masthead p{
        font-size:1.15rem
    }
}
@media (min-width:992px){
    header.masthead{
        height:100vh;
        min-height:650px;
        padding-top:0;
        padding-bottom:0
    }
    header.masthead h1{
        font-size:3rem
    }
}
@media (min-width:1200px){
    header.masthead h1{
        font-size:4rem
    }
}
.service-box{
    max-width:400px
}
.portfolio-box{
    position:relative;
    display:block;
    max-width:650px;
    margin:0 auto
}
.portfolio-box .portfolio-box-caption{
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    opacity:0;
    color:#fff;
    background:rgba(240,95,64,.9);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
    position:absolute;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    text-align:center
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
    padding:0 15px;
    font-family: 'Montserrat', sans-serif;
    /*font-family:'Open Sans','Helvetica Neue',Arial,sans-serif*/
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
    font-size:18px
}
.portfolio-box:hover .portfolio-box-caption{
    opacity:1
}
.portfolio-box:focus{
    outline:0
}
@media (min-width:768px){
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
        font-size:16px
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
        font-size:22px
    }
}
.text-primary{
    color:#f05f40!important
}
.btn{
    font-weight:700;
    text-transform:uppercase;
    border:none;
    border-radius:300px;
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.btn-xl{
    padding:1rem 2rem
}
.btn-primary{
    background-color:#f05f40;
    border-color:#f05f40
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#ee4b28!important
}
.btn-primary:active,.btn-primary:focus{
    box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important
}
.searchbox_1{
background-color: #fffbf8;
padding:13px;
width:335px;
margin: 100px auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
-webkit-box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
-moz-box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
}
.search_1{
width:250px;
height:30px;
padding-left:15px;
border-radius:6px;
border:none;
color:#0F0D0D;;
font-weight:500;
background-color:#E2EFF7;;
-webkit-box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
-moz-box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
}
.submit_1{
width:35px;
height:30px;
background-image:url(img/search-btn.png);
background-repeat: no-repeat;
background-position: 17px 2px;
background-color:transparent;
-webkit-background-size:20px 20px;
background-size:20px 20px;
border:none;
cursor:pointer;
}
.search_1:focus{
outline:0;
}

#myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}




* { box-sizing: border-box; }
.video-background {
  background: #000;
  height:200%;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { 
      height: 200%;
      top: -100%; 
     
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%;
                      
                       left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
 .carousel-indicators-numbers li {
  text-indent:0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  transition: all 0.25s ease;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  background-color: #337ab7;
}
/*.modal-content {
    background-image: url('../img/backgroundimg.jpg');
}*/
/*.registermodel{
    background-image: url('../img/backgroundimg.jpg');
}*/
.regster {
  background-image: url('../img/backgroundimg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity:.8
   
}
.well {
    min-height: 20px;
    padding: 40px;
    margin-bottom: 20px;
    background-color: #6d7d731f;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.regster{
    color:#fff;
}
   .summercampimg {
    margin-left:10px;
    margin-right:10px;
}.enrollimg{
           margin-right:-24px;
       }
      .titleimg{
          /*margin-left:100px;*/
          margin-top:-29px;
      }

.section--about__video {
    /* display: none; */
    /*height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
      height:80vh;
      /*overflow:hidden;
      margin-top:77px;*/
}



    .section {
        -ms-flex-line-pack: start;
        align-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 80vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 850px;
        min-height: 400px;
        position:relative;
       
    }

 .myxreality{
  -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin-top:75px;
    margin-bottom:-58px;

    
  }* {padding:0;margin:0;box-sizing:border-box;}
#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
#video iframe {
	position: absolute;
	top:-4px;
	left: 0;
	width: 100%;
	height: 100%;
}
  
  .myxreality iframe{
	  
	  width:100%;
	  height:100%;
  }
 /*explore section padding
     .no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}*/
 .footer-section{
         /* color: #333; */
    padding-top: 20px;
    padding-bottom:20px;
   
    background-color: #fff;
 }


 /*feading*/

 /*.slider {
  max-width:100%;*/
  /*height: 100vh;
  margin: 20px auto;
  position: relative;
   background-size: contain;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.homeimg {
  position: absolute;
  width: 100%;
  height: 100%;
}



.slide1 {
    background: url('../img/carouselimag/Corrousel.png')no-repeat center;
    background: url('../img/fadeimges/4A.jpg')no-repeat center;
    background-size: contain;
    animation: fade 8s infinite;
    -webkit-animation: fade 8s infinite;
}
.slide2 {
   
    background: url('../img/carouselimag/Corrousel-2.png')no-repeat center;
    background-size: contain;
    animation: fade2 8s infinite;
    -webkit-animation: fade2 8s infinite;
}
.slide3 {
    background: url('../img/carouselimag/Corrousel-3.png')no-repeat center;
      background-size: contain;
    animation: fade3 8s infinite;
    -webkit-animation: fade3 8s infinite;
}
.slide4 {
    background-image: url('../img/fadeimges/2.jpg');
      background-size: contain;
    animation:fade4 8s infinite;
-webkit-animation:fade4 8s infinite;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade4{
      0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}

}
@media (min-width:768px){
  .slider,  .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage{
        height:500px;
    }
}
@media (min-width:425px) {
 .slider, .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage {
        height: 285px;
    }
}

@media (min-width:320px) {
  .slider,  .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage {
        height: 200px;
    }
}

@media (min-width:375px) {
 .slider, .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage{
        height: 251px;
    }
}

@media (min-width:768px) {
  .slider,  .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage {
        height: 480px;
    }
}
@media (min-width:1024px) {
.slider, .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage{
        height: 650px;
    }
}
@media (min-width:1440px) {
  .slider, .slide1,.slide2,.slide3,.slide4,.slide5,.HomePage {
        height:906px;
    }
}
@media (min-width:320px) {
    .contact-info {
            width: 50%;
    }
}*/