.navbar-collapse {
    padding-right: 15px !important;
    padding-left: 15px !important;
    overflow-x: visible !important;
    -webkit-overflow-scrolling: touch !important;
    border-top: 1px solid transparent !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0) !important;
}

.navbar-collapse.in {
    overflow-y: auto;
    background: #fff !important;
}
@media (max-width: 380px){
    .header {
        padding: 2px !important;
        margin-top: -2px;
    }
    .navbar-brand > img {
        width: 68%;
        margin-top: 0px !important;
    }.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700!important;
    position: absolute;
    width: 100%;
        margin-top: 19px;
}
}



@media (min-width: 381px) and  (max-width: 660px){
    .header {
        padding: 0px !important;
        margin-top: -2px;
    }
    .navbar-brand > img {
        width: 68%;
        margin-top: 43px !important;
    }.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700!important;
        position: absolute;
    width: 100%;
        margin-top: 19px;
}
}

@media (min-width: 661px) and  (max-width: 767px){
    .header {
        padding: 2px !important;
        margin-top: -2px;
    }
    .navbar-brand > img {
        width: 68%;
        margin-top: 43px !important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700!important;
    border-color: #e7e7e700!important;
        position: absolute;
    width: 100%;
        margin-top: 19px;
}
}
@media (min-width: 769px){
    .header {
        padding: 0px !important;
    }
    .navbar-brand > img {
        width: 68%;
        margin-top: 0px !important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700!important;
}
.navbar-right {
    float: right!important;
    margin-right: -15px;
    margin-top: -10px!important;
}
}






@media only screen and (min-width: 1367px) {
            .banner-form {
                width: 469px;
                position: absolute;
                z-index: 1;
                margin-left: 61%;
                margin-top: 8%;
            }
        }
        
        @media only screen and (min-width: 1025px) and (max-width: 1366px) {
            .banner-form {
                width: 469px;
                position: absolute;
                z-index: 1;
                margin-left: 61%;
                margin-top: 8%;
            }
        }
        
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .banner-form {
                width: 609px;
                position: absolute;
                z-index: 1;
                margin-left: 20%;
                margin-top: 20%;
            }
        }
        
        @media only screen and (max-width: 767px) {
            .banner-form {
                width: 100%;
                position: absolute;
                z-index: 1;
                margin-left: 0%;
                margin-top: 25%;
            }
            .header .navbar-brand {
                margin-top: -71px !important;
            }
        }
        
        .form-heading {
            font-family: cursive;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: .01em;
            color: #fff;
        }
        
        .modal-content2 {
            position: relative;
            background-color: #CF2632;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        }
        
        input.banner-formfireld {
            height: 32px !important;
            padding: 5px;
            font-weight: 500;
            color: #000;
            font-size: 14px;
            text-transform: lowercase;
            opacity: 1;
            border-bottom: 1px solid #ffffff;
            opacity: 1 !important;
        }
        
        .login-placeholderx .fa {
            color: #252525 !important;
        }
        
        .chk input.banner-formfireld {
            width: 95% !important;
        }
        
        .chk .fa {
            margin-top: 8px !important;
        }
        
        #paper {
            width: 60% !important;
        }
        
        #plus {
            width: 19% !important;
            height: 32px !important;
            padding: 5px;
            font-weight: 600;
            color: #000;
            text-transform: uppercase;
            opacity: 1;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #ededed;
            margin: -4px !important;
        }
        
        #minus {
            width: 19% !important;
            height: 32px !important;
            padding: 5px;
            font-weight: 600;
            color: #000;
            text-transform: uppercase;
            opacity: 1;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #ededed;
            margin: -4px !important;
        }

        .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}


.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0.02)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.vc_custom_1496735609796 {
    padding-bottom: 90px !important;
    background-image: url('full-homework.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.modal-body .login-details .login-placeholder input {
    width: 98%;
    padding-right: 24px !important;
}


.helpdesk_type3 .graphics:hover {
    border: 1px solid #ededed;
    padding: 6px !important;
    text-align: center;
    margin: 0px;
    box-shadow: 0px 0px 6px 0px;
    min-height: 320px;
}


.bbtcn{
    background: #fff !important;
    border: 0px solid !important;
}

  @media only screen and (max-width: 767px) {
  
  
   #search_products{
     display: none ;  
       width: 100% !important;
    margin-left: -1.9% !important;
    text-align: left !important;
    margin-top: -8px !important;
    padding: 0px !important;
    position: absolute !important;
    z-index: 99999 !important;
    max-height: 400px !important;
    overflow-y: scroll !important;
    background: #fff0 !important;
}
}
}

@media only screen and (min-width: 768px) {
 
  
  #search_products{
     display: none ;  
    background: !important;
    width: 75% !important;
    margin-left: 7.6% !important;
    text-align: left !important;
    padding: 0px !important;
    position: absolute !important;
    z-index: 99999 !important;
    max-height: 400px !important;
    overflow-y: scroll !important;
    background: #fff !important;
}

 

}


.list-group-item {
    position: relative;
    display: block;
    padding: 0px 0px !important;
    text-align: left !important;
    margin-bottom: -1px;
    background-color: #fff;
   font-size: 16px;
    font-weight: 500 !important;
    font-family: initial;
    border: 1px solid #ddd;
}

#search_products {
    max-height: 180px;
    overflow-y: scroll;
    position: absolute;
    z-index: 9999;
    width: 90.7%;
    margin-left: 0%;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    text-align: left !important;
    margin-bottom: -1px;
    background-color: #fff;
    font-weight: 500;
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
        padding: 5px !important;
}    
}
 /*  #bg-welcome-245859887 {
                                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("<?php echo base_url();?>assets/wp-content/fullhomework.gif");
                                background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("<?php echo base_url();?>assets/wp-content/fullhomework.gif");
                                background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("<?php echo base_url();?>assets/wp-content/fullhomework.gif");
                                background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("<?php echo base_url();?>assets/wp-content/fullhomework.gif");
                                background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url("wp-content/fullhomework.gif");
                                background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("<?php echo base_url();?>assets/wp-content/fullhomework.gif");
                            } */

 

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  
  background-color:#555;
}
.carousel img {
  position: ;
  top: 0;
  left: 0;
  min-height: 400px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}
.helpdesk_type3 .graphics {
    border: 1px solid #ededed;
    padding: 6px !important;
    text-align: center;
    margin: 0px;
    min-height: 320px;
}
  .carousel-testimonials .carousel-testimonials-pagination {
    display: block;
    text-align: center;
    margin-top: 26px;
}
   #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
    text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
    font-family: "Segoe UI", sans-serif;
    font-size: 12pt;
  text-align: left;
}
#popupfoot{
    font-family: "Segoe UI", sans-serif;
    font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
    text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
    background-color:#D1D1D1;
    color: green;
}
.popupoption2:hover{
    
    color: red;
}
   .carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
	
	
.carousel-control.rightar {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:    none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
 /* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #a2ab58;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 50px
}

.media-carousel .carousel-control.leftar 
{
     left: 0px !important;
    background-image: none;
    background: none repeat scroll 0 0 transparent;
    border: 4px solid transparent;
    height: 60px;
    width: 60px;
    margin: auto;
}

/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 transparent;
  border: 4px solid transparent;
  height: 120px;
  width : 120px;
  margin-top: 80px;
}


.media-carousel .carousel-control.rightar 
{
    right: 0px !important;
    background-image: none;
    background: none repeat scroll 0 0 transparent;
    border: 4px solid transparent;
    height: 60px;
    width: 60px;
    margin: auto;
}


/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 100%;
  height: 100%;
}


.testimonial {
    background-color: #ffffff;
    color: #000;
}

.testimonial-heading{
	color:#000;
	text-align:center;
	text-decoration:underline;
}





/* video player code here     */

        

.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :75px;
    padding-bottom:75px;
}
footer{
    font-family: 'Quicksand', sans-serif;
}
footer a,footer a:hover{
    color: #88C425;
}




/* video player code end */


.test-vid{
	width:100%;
	height:auto;
}


.panel-footer-txt > p{
	letter-spacing:10px;
	color:#fff;
	padding-top:5px;
	
}
.panel-footer{
	background-color:#1480D8!important;
}
.panel-footer-txt > p:hover{
	color:#a2ab58;
}


.checked {
    color: orange;
}