body{ margin: 0px; padding: 0px; width: 100%; height: 100%; font-family:  'Open Sans', sans-serif; font-weight:normal; font-size: 12px; }
ul, li { margin:0px; padding: 0px; list-style: none;    line-height: 28px;
    font-size: 15px;
}
p{line-height: 27px; color: #3d3f40;font-family: 'Open Sans', sans-serif; font-size: 14px;}
a, a img { outline:none; border:none;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
input:focus, button:focus, select:focus, textarea:focus {box-shadow: none !important;}
h2 {
 
  color: #40454c;
  font-size: 22px;
  margin-bottom: 30px;
}

/*-----------------header top CSS Start here--------------------------------------*/

.header{ background-color:#191717; color: #c9d0e2 ;top: 0;  position: fixed; z-index: 999; box-shadow: 0 1px 3px 0 rgba(32,33,36,0.28) }
.header .navbar-collapse{background-color:#191717 }
.header h1{padding: 20px 0 10px; font-size: 20px; color:#fff; }

.header ul{margin-top: 10px;}
.header ul li{ float:left; margin-left:10px; padding: 10px 0  }
.header ul li:hover{color: #e3a564; transition: .1s}
.header ul li a{text-decoration: none ; font-weight: 600; color: #fff; font-size: 14px;}
.header ul li a:hover{ transition: .1s;color: #e3a564!important;}
.header .nav-link{color: #fff!important; font-size: 14px; font-weight: 600;}
.header .nav-link:hover{color: #e3a564!important;}
.header .right{text-align: right;}
.header .right ul{ display: inline-block}
/*-----------------sliderclm --------------------------------------*/
.sliderclm{ position: relative; padding: 0}
.sliderheader{ position: relative;    top: 80px;   }
.sliderheader h4{font-size:36px; }
.sliderheader p{font-size: 16px ; color: #fff}

.servicesname{
  height:38px;
  float:left;
  overflow: hidden;
  font-size: 30px;
}
.servicesname span {
    height: 100px;
    color: red;
    padding:5px;
    float:right;
    position :relative;
    -webkit-animation: mymove 6s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 6s infinite;
  -webkit-animation-delay: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {top: 0px;}
    20%  {top: -100px;}
    40%  {top: -200px}
    60%  {top: -300px;}
    80%  {top: -400px;}
    100%  {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {top: 0px;}
    20%  {top: -100px;}
    40%  {top: -200px}
    60%  {top: -300px;}
    80%  {top: -400px;}
    100%  {top: 0px;}
}

/*-----------------featured  --------------------------------------*/
.featured_college{background-color: #f8fafb; padding:50px 0}
.featured_college h2{ text-align: center;color: #40454c;font-size: 22px;  margin-bottom: 30px;}
.featured_college .box{ background-color: #fff; border-bottom:3px solid #e9eef1; text-align: center; border-radius:3px; margin-top: 20px;}
.featured_college .box img{padding-top: 10px; width:50px;}
.featured_college .box:hover {border-bottom-color: #c28f57;}
.featured_college .box:hover span{font-weight: 600; color: #c28f57 }
.featured_college .box span{font-size: 16px;  margin-top:10px;  display: block;}

/*-----------------welcome --------------------------------------*/

.welcome{margin-top:120px; padding:40px 0; }
.welcome .left{background: url(../images/welcome-bg.png);    background-size: cover; background-repeat: no-repeat;    background-position: top center;}
.welcome h2{font-size: 74px; color:#c28f57; text-align: center;}
.welcome h3{font-size: 58px; color:#c28f57; text-align: center; font-weight: 600}
.welcome h4{font-size: 18px; color:#2d2f32; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; text-align: center; }
.welcome p{font-size: 18px; padding:10px 50px;}
/*-----------------offer --------------------------------------*/
.offer{padding:40px 0;}
.offer .hed{text-align: center;color:#40454c;font-size: 22px;margin-bottom: 30px;}
.offer a{color:#40454c;}
.offer a:hover{text-decoration: none}



/*-----------------latest_rojects --------------------------------------*/
.latest_rojects{}
.latest_rojects a{color: #212529}
.latest_rojects a:hover{color: #d29458 ;transition: .1s}
.latest_rojects .project-wrap {padding: 0} 
.latest_rojects h2{ text-align: center;color: #40454c;font-size: 22px; }
.latest_rojects p{ text-align: center;color: #40454c;  margin-bottom: 30px;}
.latest_rojects .project-wrap{}
.latest_rojects .project-wrap .projectImg{position: relative}
.latest_rojects .project-wrap .projectImg img{max-width: 100%}
.latest_rojects .project-wrap .service-overlay {    position: absolute;    left: 30px;    bottom: 0px;    right: 40px;    opacity: 0;    -webkit-transition: all .3s ease-in-out 0s;	transition: all .3s ease-in-out 0s;}
.projectImg:hover .service-overlay { bottom: 30px;opacity: 1;   }
.projectImg::after {  position: absolute;content: "";left: 0;  bottom: 0; width: 100%;  height: 0;    background-color: rgba(0, 0, 0, 0.50);  -webkit-transition: all .3s ease-in-out 0s;    transition: all .3s ease-in-out 0s;}
.latest_rojects .project-wrap .first{height: 526px;}
.latest_rojects .heading a {    text-decoration: none;    color: #fff;    z-index: 100; text-align: center; font-size: 24px;    font-weight: bold; display: block}
.latest_rojects p{text-align: center; color: #fff}

/*-----------------Student Satisfaction --------------------------------------*/

.footerup{padding: 30px 0 10px 0; }
.footerup h2{margin-bottom:55px; }
.footerup .alert{font-size: 14px; text-align: center; cursor: pointer }

/*-----------------footer --------------------------------------*/

.footer{background: #191717;padding: 44px 0 15px 0;}
.footer h5{text-align: left; font-style: 18px; color: #eee}
.gallery{float: left; padding: 10px;opacity: 1}
.social_media{ position: fixed;left:0px; background-color: #ccc; bottom:40px; z-index: 999}
.social_media li{ display: block; padding: 10px 5px; text-align: center}
.social_media .tw{background-color: #01acef ;padding: 10px; color: #fff}
.social_media .fb{background-color: #3b5999 ;padding: 10px;color: #fff}
.social_media .li{background-color: #007bb6 ;padding: 10px;color: #fff}
.social_media .gp{background-color: #de4b36 ;padding: 10px;color: #fff}
.social_media .whatsapp{background-color: #37b44a ;padding: 10px;color: #fff}
.social_media a{color:rgb( 255,255,255,.9)}

.footer .footernav{}
.footer .footernav ul{ border-right: 1px dashed #5d5d5d ; height:200px; }
.footer .footernav .new{}
.footer .footernav .new li{width:90%; float: left;}

.footer .footernav ul li{text-align: left; }
.footer .footernav ul li a{color: #fff; font-size: 14px; opacity: .6 ;padding: 2px; }
.footer .footernav ul li a:hover{color: #fff; transition: .2s; opacity: .9}
.footer p{ color: #aaa}

.copyright{padding: 13px 0px 0 ; background-color: #1f2021;}
.copyright p{ color: #c7cace!important; text-align: left!important; line-height: 22px; opacity: .6}
.copyright .right{text-align: right!important;}


.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

/*-----------------contact --------------------------------------*/

.heading{margin-top:100px;}
.heading h3{}
.lead{font-size: 16px; font-weight: normal}
.contact{}


/*-----------------products --------------------------------------*/
.headings{margin-top:145px; }
.gallery_product{margin-bottom: 5px;}
.gallery_product img{max-height: 320px; max-width: 100%;min-width: 100%;min-height: 320px;}
.gallery_product .cnt{display: flex;padding: 30px 30px;box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.07); margin-bottom: 20px; }
.gallery_product .cnt h3{font-size: 16px;flot:left; font-weight: 600}
.gallery_product .cnt span{font-size: 14px;float: right}
.gallery_product .cnt .left{float: left; width: 60%}
.gallery_product .cnt .right{float: right;width: 40%}

/*-----------------services --------------------------------------*/
.services{}
.services .box{padding-top:50px; padding-bottom: 20px;}
.services .box .servicesdtl{padding: 30px 30px;
box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.07);
margin-bottom: 20px;}
.services h2{margin-top: 15px; font-weight: bold; text-align: left;color: #40454c;font-size: 20px;  margin-bottom: 10px;}
.services h3{ text-align: left;color: #40454c;font-size: 20px;  margin-bottom: 10px; font-weight: normal}
.services p{ text-align: left;color: #40454c;line-height: 30px; padding: 0; margin: 0}
.services .card{margin: 2px;}
.services img{    max-height: 320px;
    max-width: 100%;
    min-width: 100%;
    min-height: 320px;border: solid 1px #e4e4e4;
border-radius: 10px;box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}


.formpart {
   padding:2rem;
  margin: auto;
}
.formpart h2{ margin-bottom: 35px; }
.form_box {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.input_field {
  width: 100%;
  padding: 5px 15px;
  border: solid 1px #b3b3b3;
  position: relative;
  border-radius: 5px;
}
.input_field label {
  position: absolute;
  top: -13px;
  left: 15px;
  background: #fff;
  margin-bottom: 0;
  padding: 0px 5px;
  font-size: 14px;
  color: #2b3034;
}
.input_field input, .input_field select, .input_field textarea {
  background-color: #fff;
  outline: none;
  padding: 7px 5px;
  width: 100%;
  font-size: 14px;
  border: none;
  color: #2b3034;
  b
}
@media screen and (max-width:480px){
	.header h1{text-align: center}
	.header .right{text-align: center}
	.header .container{padding: 0}
	.header .right ul{margin: 0}
	.sliderheader{top:73px}
	.welcome{margin-top:80px}
	.welcome h2{font-size: 38px}
	.welcome h3{font-size: 44px;}
	.navbar-light .navbar-toggler{background:rgba(233, 233, 233, 0.9)}
	.header ul li{padding: 0; margin: 0}
	.social_media{right: 0; left: auto}
	.footer .footernav ul{border: none}
	.navbar{padding: 15px 10px;}
	.header .right{display: none}
	.welcome p{margin-top: 0px; padding: 0px 10px;}
	.services h2{margin-top:30px;}
	.services img{margin: 10px 0;}
	.services .box{padding: 0}
	.footer .footernav ul{height: auto; padding: 10px;}
	.btn{margin: 4px;}
	.featured_college h2{margin-bottom:10px;}
/*-----------------contact --------------------------------------*/
	
	.form-signin{margin-top:10px;}
	.heading{margin-top:110px; }
	.headings{margin-top:105px; }
	.classic-title{margin-top:30px;}
	.gallery_product img{max-height:250px; max-width: 100%;min-width: 100%;min-height:250px;}
	.contact .mt-5{margin-top: 0!important}
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}