.product-grid{
   font-family: 'Heebo', sans-serif;
   text-align: center;
   }
   .product-grid .product-image{
   position: relative;
   overflow: hidden;
   }
   .product-grid .product-image a.image{ display: block; }
   .product-grid .product-image img{
   width: 100%;
   height: auto;
   }
   .product-image .pic-1{ transition: all 0.5s; }
   .product-grid:hover .product-image .pic-1{ opacity: 0.7; }
   .product-grid .product-content{ padding: 12px 0 0; }
   .product-grid .product-quick-view{
   color: #777;
   font-size: 14px;
   padding: 5px 5px 3px;
   margin: 0 0 10px;
   border: 1px solid #999;
   display: block;
   transition: all 0.2s ease-out;
   }
   .product-grid .product-quick-view:hover{
   color: #444;
   box-shadow: 0 0 10px #999 inset,0 0 5px #dbdbdb;
   }
   .product-grid .title{
   font-size: 15px;
   text-transform: uppercase;
   margin: 0 0 5px;
   }
   .product-grid .title a{
   color: #555;
   transition: all 500ms;
   }
   .product-grid .title a:hover{ color: #333; }
   .product-grid .price{
   color: #555;
   font-size: 16px;
   margin: 0 0 10px;
   }
   .product-grid .add-to-cart{
   width: 65%;
   margin: 0 auto;
   overflow: hidden;
   transition: all 0.3s;
   }
   .product-grid:hover .add-to-cart{ box-shadow: 0 13px 10px -12px #555 inset; }
   .product-grid .add-to-cart a{
   color: #fff;
   background-color: #555;
   font-size: 11px;
   font-weight: 500;
   text-transform: uppercase;
   padding: 8px 5px 11px;
   transform: translateY(-100%);
   display: inline-block;
   transition: all 0.3s ease 0.1s;
   -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
   clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
   }
   .product-grid:hover .add-to-cart a{ transform: translateY(0); }
   .product-grid .add-to-cart a:hover{ background-color: #333; }
   @media only screen and (max-width:990px){
   .product-grid{ margin: 0 0 30px; }
   }













.form-control{
    border-radius:0px;
}
.btn{
    border-radius: 0px !important;
}
.close{
    opacity: 9.5 !important;
    color: #fff !important;
}

.getmyuni{
   background: repeating-linear-gradient( 
   80deg
   ,#4374b9,#4374b9,#4374b9,#03a9f4),linear-gradient( 
   45deg
   ,transparent 50%,transparent 30%);
   }
   .form-bg{
   background: #e4e6e6;
   }
   form{
   font-family: 'Roboto', sans-serif;
   }
   .form-horizontal .header{
   background: #3f9cb5;
   padding: 30px 25px;
   font-size: 30px;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   border-radius: 3px 3px 0 0;
   }
   .form-horizontal .heading{
   font-size: 16px;
   color: #3f9cb5;
   margin: 10px 0 20px 0;
   text-transform: capitalize;
   }
   .form-horizontal .form-content{
   padding: 25px;
   background: #fff;
   }
   .form-horizontal .form-control{
   padding: 12px 16px 12px 3px;
   height: 50px;
   font-size: 14px;
   color: #2b2a2a;
   border: none;
   border-bottom: 1px solid #ccc;
   border-radius: 0;
   box-shadow: none;
   /*margin-bottom: 15px;*/
   }
   .form-horizontal .form-control:focus{
   border-color: #3f9cb5;
   box-shadow: none;
   }
   .form-horizontal .control-label{
   font-size: 17px;
   color: #ccc;
   position: absolute;
   top: 5px;
   left: 27px;
   text-align: center;
   }
   .form-horizontal textarea.form-control{
   resize: vertical;
   height: 130px;
   }
   .form-horizontal .btn{
   font-size: 18px;
   color: #4e4e4e;
   float: right;
   margin: 10px 0;
   border: 2px solid #ccc;
   border-radius: 0;
   padding: 10px 25px;
   transition: all 0.5s ease 0s;
   }
   .form-horizontal .btn:hover{
   background: #fff;
   border-color: #3f9cb5;
   }












.padding-con{
    padding: 50px !important;
}
.h4-eng{
    color: #c2720e;
}
.divpad-bot-colo{
    background-color: #37eae2; 
    padding: 40px; 
    margin-bottom: 20px;
}





#feedbackss {
height: 0px;
width: 85px;
position: fixed;
right: 0px;
top: 73%;
z-index: 1000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedbackss a {
    border-radius: 20px;
    opacity:0.7;
display: block;
background:#000;
height: 42px;
padding-top: 10px;
/*width: 185px;*/
    width: 199px;
text-align: center;
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#feedbackss a:hover {
background:#00495d;
}





#apply-now {
height: 0px;
width: 85px;
position: fixed;
left: -43px;
top: 43%;
z-index: 1000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#apply-now a {
    border-radius: 20px;
    opacity:0.7;
display: block;
    background: #116e9a;
   /* border-bottom-left-radius: 62px;*/
    height: 42px;
   /* border-bottom-right-radius: 62px;*/
    padding-top: 10px;
   width: 133px;
    text-align: center;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#apply-now a:hover {
    background: #1b252f;
}















#latest-updated {
height: 0px;
width: 85px;
position: fixed;
left: -43px;
top: 68%;
z-index: 1000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#latest-updated a {
    border-radius: 20px;
    opacity:0.7;
display: block;
    background: #326591;
  /*  border-bottom-left-radius: 62px;*/
    height: 42px;
   /* border-bottom-right-radius: 62px;*/
    padding-top: 10px;
    width: 149px;
    text-align: center;
   color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#latest-updated a:hover {
    background: #1b252f;
}









.sstop{
margin-top: 18px;
}



/* TOP ENGINEERING COOGE IN INDIA CSS */

.box-box-shadow {
background-color: orange;
}

.banner-bikash-card {
padding: 12px 24px;
}

.div-nirf-box {
background-color: #f3f0f0;
padding: 2px;
width: 159px;
text-align: center;
border-radius: 3px;
}

.bannerbikash-5-txt img {
position: relative;
float: left;
width: 111px;
height: 110px;
top: 19px;
}


/* END TOP ENGINEERING COOGE IN INDIA CSS */

* sticky button */ #feedback1 {
height: 0px;
width: 85px;
position: fixed;
right: 0;
top: 30%;
z-index: 1000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback1 a {
display: block;
background: url(pc.png) no-repeat;
height: 52px;
width: 155px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

#feedback1 a:hover {
background: url(pc-over.png) no-repeat;
}

#feedback {
height: 0px;
width: 85px;
position: fixed;
right: 0;
top: 41%;
z-index: 1000;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a {
    border-radius: 20px;
    opacity:0.7;
display: block;
background: darkred;
width: 147px;
text-align: center;
color: white;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

#feedback a:hover {
background: #000;
}

.the-most {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
width: 50vw;
max-width: 200px;
padding: 10px;
}

.the-most img {
max-width: 23%;
}

@media (max-width: 767px) {
.bk-responsive {
margin: 8px;
}
}


/* modal */

.modal-box {
font-family: 'Merienda One', cursive;
}

.modal-box .show-modal {
color: #fff;
background-color: #FF3C5F;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding: 10px 15px;
margin: 80px auto 0;
border: none;
outline: none;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
display: block;
clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
}

.modal-box .show-modal:hover {
color: #fff;
border: none;
outline: none;
text-decoration: none;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.modal-box .show-modal:focus {
background-color: #FF3C5F;
}

.modal-backdrop.in {
opacity: 0;
}

.modal-box .modal {
/* top: 90px !important; */
top: 49px !important;
}

.modal-box .modal-dialog {
/* width: 400px; */
width: 500px;
margin: 20px auto 0;
}

.modal-box .modal-dialog .modal-content {
text-align: center;
border: none;
box-shadow: none;
clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 95%, 0 100%, 0 0);
}

.modal-box .modal-dialog .modal-content .close {
color: #ff3838;
font-size: 25px;
text-shadow: none;
line-height: 18px;
opacity: 1;
position: absolute;
left: auto;
right: 8px;
top: 10px;
z-index: 1;
transition: all 0.3s;
}

.modal-box .modal-dialog .modal-content .close span {
margin: -1px 0 0 0;
display: block;
}

.modal-box .modal-dialog .modal-content .close:hover {
color: #333;
}

.modal-box .modal-dialog .modal-content .close:focus {
outline: none;
}

.modal-box .modal-dialog .modal-content .modal-body {
padding: 50px 20px 30px !important;
}

.modal-box .modal-dialog .modal-content .modal-body .icon {
color: #999;
font-size: 80px;
line-height: 80px;
margin: 0 auto 20px;
}

.modal-box .modal-dialog .modal-content .modal-body .title {
color: #333;
font-size: 30px;
text-transform: capitalize;
margin: 0 0 10px;
}

.modal-box .modal-dialog .modal-content .modal-body .description {
color: #999;
font-size: 15px;
line-height: 22px;
margin: 0 20px 25px;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe {
color: #fff;
background-color: #00a8ff;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding: 10px 12px;
margin: 0 10px 10px 0;
border: none;
display: inline-block;
transition: all 0.3s;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe:hover {
background-color: #0984e3;
box-shadow: 0 0 5px #333 inset;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe.submit {
background-color: #ff4d4d;
margin-right: 0;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe.submit:hover {
background-color: #ff3838;
box-shadow: 0 0 5px #333 inset;
}

@media only screen and (max-width: 576px) {
.modal-dialog {
width: 96% !important;
}
}
@media only screen and (max-width: 576px) {
.img-res-bks {
width: 74%;
/* top: auto; */

}
}

@media only screen and (max-width: 400px) {
.modal-box .modal-dialog .modal-content .modal-body .subscribe {
margin-right: 0;
}
}


#register-form {
position: relative;
z-index: 999;
background-color: cyan
padding: 45px 30px 30px;
margin: 0 15px 40px;


}