@font-face{font-family:myFont;src:url("../Fonts/gotham-rounded-light.otf");}
body{ margin:0px; padding: 0px;}
.navbar.navbar-fixed-top{ padding: 10px;background-color: rgba(0,0,128,0.9);}
.navbar-brand{  font-family: myFont,sans-serif;}
.navbar-brand, .navbar-nav>li>a{  color:white;  font-size: 100%; text-transform: uppercase;}
.navbar-brand:hover{  font-weight: bold;  color:#fff;}
a.navbar-brand:visited, a.navbar-brand:active{  color:#fff;}
.navbar-nav>li.active>a{ background-color: rgba(0,0,100,0.5); border:1px solid #fff;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:visited{  background-color: rgba(30,30,180,0.5); border:1px solid #fff;}
.navbar-toggle, .icon-bar{  border:1px solid #fff;}
.page-header{font-family: myFont,sans-serif;font-size: 3rem;}
* > .thumbnail>img{border-radius:5px;}
@media (min-width:768px){* > .thumbnail>img{height:50% !important;width:100%}}
@media (max-width:768px){* > .thumbnail>img{height:50% !important;width:100%}}
/*.panels-row{background-color: rgba(0,0,128,0.9);margin-top:20px;padding-top:20px}*/
.panels-row{background-color: rgba(250,250,250,0.9);margin-top:20px;padding-top:20px}
* > .thumbnail>img:hover{opacity: 0.8;}
* > .thumbnail:hover{box-shadow: 0 0 10px;-webkit-box-shadow: 0 0 10px;-o-box-shadow: 0 0 10px;-moz-box-shadow: 0 0 10px;-ms-box-shadow: 0 0 10px;}
.caption{font-weight: bold;text-transform: uppercase;}
.productdescription{margin: 5px;}
.odd{background-image:url("../Images/sectbg.jpeg");background-repeat: no-repeat; background-size: cover;width:100%; padding: 5px;background-attachment: fixed;}
.odd > .container> .page-header{color:#f2f2f2}
.odd  .page-header{color:#f2f2f2}
.control-label{margin:5px 0px 5px 0px;padding:5px;font-family: myFont,sans-serif;color:#f2f2f2;background-color: rgba(0,0,0,0.5);border-radius:5px;}
.form-button{background-color: rgba(0,0,0,0.8);color:#f2f2f2;font-size: 17px;}}
.form-button:hover{background-color: rgba(0,0,0,0.5);color:#f2f2f2;font-size: 17px;}
.form-button{margin:5px 0px 5px 0px;padding:10px}
.wrapper-text{padding: 10px;border-radius: 5px;font-size: 17px;}
.text-justify{font-size: 17px;}
.text-center{font-size: 17px;}
.enquirebutton{font-size: 17px;}
footer{background-color: rgb(20,20,20);color: #f2f2f2;font-family: myFont,sans-serif;padding:25px;}
::-webkit-scrollbar{width:7px;background-color:transparent;}
::-webkit-scrollbar-thumb{background-color: #f2f2f2;border-radius: 5px;}
::-webkit-scrollbar-track{border-radius: 10px;	background-color: rgba(0,0,0,0.5);}
header+.container-fluid{margin-top: 70px;}
.carousel-inner .item{width: 100%; height: 80%;background-position: center; background-repeat: no-repeat; background-attachment: fixed;margin: 0px;padding-bottom: 10px;}

#AboutSection,#ServicesSection,#footerSection{padding: 1rem;background-color:rgb(0,0,200);font-family: myFont,sans-serif;color:#f2f2f2;background: linear-gradient(to bottom right,rgb(0,0,150),rgb(0,250,100));}
#AboutSection .container,#ServicesSection .container,#footerSection .container{background-color: rgba(0,0,0,0.7); padding: 20px,20px; border-radius: 1rem;}


.service-list li{padding: 10px; font-size: 17px;}
.col-md-10{font-size: 17px;}
.col-md-4{font-size: 17px;}
.slide-img{width: 100%; height: 70%; background-repeat: no-repeat; background-position: center;background-size: contain;}
#slide1{background-image: url('../Images/Trolley.jpg')}
#slide2{background-image: url('../Images/WRAP BLOCK TROLLEY MODEL.png')}
#slide3{background-image: url('../Images/mech-wrapblock_croped.jpg')}
#slide4{background-image: url('../Images/mech-wrapwheel.jpg');}
#slide5{background-image: url('../Images/yarn-appearance-board-winder.jpg');}
#slide6{background-image: url('../Images/trash-seperator-modifiedcolor.jpg');}
#slide7{background-image: url('../Images/digital-fibre-fiteness-tester.jpg');}
#slide8{background-image: url('../Images/yarn-counter.jpg');}
#slide9{background-image: url('../Images/OP7PanelAndCover.jpg');}
#slide10{background-image: url('../Images/pcb_servicing.jpg');}
.carousel-caption-modified {
/*background-color: rgba(0,0,128,0.5);*/
background-color: #000080;
border-radius: 1rem;
position: absolute;
right: 15%;
left:15%;
z-index: 10;
padding-top: 0px;
padding-bottom: 40px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 128, .6);
}
.navbar-header{padding-bottom: 20px;}
@media (max-width:768px){.carousel-caption-modified{height:30%}}
@media (min-width:768px){.carousel-caption-modified{height:30%}}
@media (max-width:768px){.carousel-inner .item{width:100%;height:100%;padding-bottom: 10px}}
@media (min-width:768px){.carousel-inner .item{width:100%;height:100%;padding-bottom: 10px}}
@media (max-width:768px){.carousel-indicators{height:10%}}
@media (min-width:768px){.carousel-indicators{height:10%}}
.carousel-indicators{position:absolute;left:50%;bottom:1%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none;color: rgba(250,0,0,0.5) }
@media(max-width:598px){.products-container{display: grid; display: -ms-grid; grid-template-columns: 2fr;}}
@media(min-width:598px){.products-container{display: grid; display: -ms-grid; grid-template-columns: 2fr 2fr;}}
.product-img{background-repeat: no-repeat;background-size: contain;background-position: center;}x;
.product-desc{padding-left:10px;vertical-align:middle;}
@media(max-width:598px){.product-img{height:300px;}}
@media(min-width:598px){.product-img{height:500px;}}
#submit-enquiry{position: fixed;bottom:20px;right:20px; border-radius: 3rem;}
.products{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color:#fff; border:1px solid #f4f4f4;margin:5px; padding-bottom:10px; border-radius:1rem;}


.box{
    display: none;
    width: 100%;
}

a:hover + .box,.box:hover{
    display: block;
    position: relative;
    z-index: 100;
}