.mid-section p {
  color: white;
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
       .hot-section {width: auto;}
       
}
.abouttxt{padding-left: 30px;}
.abouttxt p{margin-top: 45px;text-align: justify;font-size: 18px;}

.indexpro {margin-top: 50px;}
.indexpro h3{text-align: center; font-size: 50px;}
.mm-toggle-wrap{background:#2666B0 ;}



.logo {
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    display: block;
    float: left;
    margin-right: -105px;
    line-height:75px;
    padding-bottom: 20px;
    /*padding-top: 24px;*/
}
.fl-fl {
  background: #2666B0;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 200px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.fl-f2 {
  background: #F4B400;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 200px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.fl-f3 {
  background: #E1306C;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 200px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.fl-f4 {
  background: #25D366;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 200px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.fa {
  font-size: 25px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.fl-fl:hover { right: 0;}
.fl-f2:hover { right: 0;}
/*.fl-f3:hover { right: 0;}*/
.fl-f4:hover { right: 0;}
.fl-fl i{font-size: 20px}
.fl-f2 i{font-size: 20px}
.fl-f3 i{font-size: 20px}
.fl-f4 i{font-size: 20px}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;

}
.fl-f2 a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;

}
.fl-f3 a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  writing-mode: vertical-lr;
  vertical-align: top!important;

}

.fl-f3 .rotate {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  writing-mode: sideways-rl;
  vertical-align: top!important;
  margin-left: -5px;
}

.fl-f4 a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;

}

.float-fb {
  top: 160px;
}

.float-tw {
  top: 215px;
}

.float-rs {
  top: 270px;
}

.float-gp {
  top: 325px;
  height: 200px;
   
}

.float-ig {
  top: 380px;
}

.float-pn {
  top: 435px;
}
.hot-section h5 {
    font-size: 35px;
    margin: 0px 0;
    font-weight: 500;
    color: #2666B0;
    text-align: center;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.indexpro h2 {
  font-size: 44px;
  margin: 0px 0;
  font-weight: 300;
  color: #292929;
  text-align: center;
  padding-bottom: 0px;
  letter-spacing: 0.5px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.indexpro h3 {
  font-size: 35px;
  margin: 0px 0;
  font-weight: 500;
  color: #2666B0;
  text-align: center;
  padding-bottom: 10px;
  letter-spacing: 0.5px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}



 @media only screen and (min-width: 320px) and (max-width: 479px){
.box2 img{width: 100%;} 
}

.box2 img{width: 100%;}
.box2 {
  position: relative;
 
}

.aboutimg {
  margin-top: 30px;
  display: block;
  width: 100%;
  height: auto;
}

/*.overlay {
  position: absolute;
  top: 29px;
bottom: 0px;
left: 16px;
right: 0;
height: 92%;
width:95%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}
.overlay1 {
  position: absolute;
  top: 29px;
bottom: 0px;
left: 16px;
right: 0;
height: 92%;
width:95%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.abimg:hover .overlay {
  opacity: 0.5;
}
.abimg1:hover .overlay1 {
  opacity: 0.5;
}
*/

.box2txt {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}


/*product*/



/*certificste*/
.certificate1 {margin-bottom: 30px;}
.certificate {margin: 30px;}
.certificate h2 {
  color: #292929;
  font-size: 42px;
  font-weight: 500;
  margin-bottom: 0px;
  padding: 5px 25px 25px 25px;
  position: relative;
  display: block;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: 0px;
  min-width: 250px;
}
.cirtiimg {margin-top: 30px;}
.cirtiimg img {width: 90%;
vertical-align: middle;
padding-left: 16px;}

/*view more btn*/
.viewmore {border: 1px solid #2666B0;
  background:#2666B0;
  width: 150px;
  border-radius:100px;
  text-align: center;
 padding: 10px 5px 5px 5px;
  line-height: 42px;
  margin-top: 40px;
}
.viewmore h6{color: white;
  text-align: center;
}
.viewmore:hover{background: #000;}

.viewmore1 {
  background:#2666B0;
  width: 150px;
  border-radius:100px;
  text-align: center;
 padding: 10px 5px 5px 5px;
  line-height: 42px;
  margin: 157px 66px 157px 66px;
}
.viewmore1 h6{color: white;
  text-align: center;
}
.viewmore1:hover{background: #000;}
.s1 {margin-top: 50px;}
.mb30 {margin-bottom: 30px;}






/*slider*/
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

/*.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}*/
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}


/* contact us */
.contacts1 {margin-top: 120px;}
.contacts1 h4{font-size: 35px; font-weight: 550; text-align: left;}
.contacts1 h4{font-size: 35px; font-weight: 550; text-align: left;}
.contacts-info1 {font-size: 20px; color: black; font-weight: 500;}
.map {margin: 0px;}
.phone-footer1 {
  overflow: hidden;
  font-size: 16px;
  line-height: 40px;
  color: black;
  margin-bottom: 18px;
  margin-top: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}

.email-footer1 {
  overflow: hidden;
  margin-top: 12px;
  color: black;
  font-size: 16px;
   font-weight: 500;
  font-family: 'Open Sans', sans-serif;
  line-height: 40px;
}
.contacts-info1 h6{font-weight: 500; margin-top: 30px; color: black;}
.email-footer1 a{color: black;}
.phone-footer1 a{color: black;}
.add-icon1:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 18px;
     color: black;
    height: 45px;
    width: 45px;
    line-height: 42px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 999px;
    margin-top: 0px;
    border: 2px black dotted;
}
.phone-icon1:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 18px;
     color: black;
    height: 45px;
    width: 45px;
    line-height: 42px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 999px;
    margin-top: 0px;
    border: 2px black dotted;
}
.email-icon1:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 18px;
     color: black;
    height: 45px;
    width: 45px;
    line-height: 42px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 999px;
    margin-top: 0px;
    border: 2px black dotted;
}
.primary-button {
  width: 100px;
  height: 40px;
 color: white;
  background:#2666B0 ;
  border: none;
}
.catlouge li{
  text-decoration: none;
  width: 30px;
  font-size: 14px;
  color: white;
  margin-left: 4px; 
  line-height:20px ;
   }
   .catlouge ul{list-style: none;}
.mtop30 {margin-top: 30px;}

   /*icon*/
  


.fa-3x {
  font-size: 25px;
}

.site{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrapper{
 
  display:flex;
  height: 30vh;
  flex-direction: row;
  
  align-items: center;
   justify-content: space-between;
}



.fab {
margin: auto;


}
.social{
  color: #FFF;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social:hover {
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  transition: all ease 0.5s;
  -moz-transition: all ease-in 0.5s;
  -webkit-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  
}

.facebook {
 color:#4267B2;
}

.twitter {
color:#1DA1F2;

}
.youtube {
      color:#c4302b;
}
.pinterest {
   color:#c8232c;
}
.instagram {
 color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;

}
.tumblr {
        color: #34526f;
}
.whatsapp {
        color:#25D366;
}

.bg-ico {
  display: flex;
  background-color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 90px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
  opacity: 0.99;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  font-size: 10px;
  
}
.bg-ico:hover{
     box-shadow: 0 5px 15px -5px rgba(0,0,0,0.8);
}

#facebook:hover {
  background-color: #4267B2;
}

#twitter:hover {
background-color: #1DA1F2;

}
#youtube:hover {
      background-color: #c4302b;
}
#pinterest:hover {
   background-color:#c8232c;
}
#instagram:hover {
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  

}
#tumblr:hover {
    background-color: #34526f;
}
#whatsapp:hover {
       background-color:#25D366;
}

.facebook:hover, 
.twitter:hover, 
.youtube:hover, 
.pinterest:hover,
.instagram:hover, 
.tumblr:hover,
.whatsapp:hover {
 color:#fff;
 transform: scale(1.3);

}
.banner-main{
background: rgba(0, 0, 0, 0.5);
}


.form-group input[type="text"]
{
  font-weight: 400; font-size: 16px;
color: black;
}
.form-group input[type="tel"]
{
  font-weight: 400; font-size: 16px;
color: black;
}
.form-group input[type="email"]
{
  font-weight: 400; font-size: 16px;
color: black;
}
.form-group textarea
{
  font-weight: 400; font-size: 16px;
color: black;
}

.new_title1 {
  color: #000000;
  text-align: left;
  text-transform: none;
}
.mobile-menu li li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
  padding: 4px 10px;
    padding-left: 10px;
  padding-left: 25px;
  color: #2666B0;
}