@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@300;400;500;600&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;1,200&display=swap');

body{ font-size:14px; font-family: 'Montserrat', sans-serif; color:#888888;  box-sizing: border-box; }
h1, h2, h3, h4, p, br, ul, li, form, div{ margin:0; padding:0;}

    .latoFont {font-family: 'Lato', sans-serif;}

    .MontserratFont{font-family: 'Montserrat', sans-serif;}

   .TitilliumFont{ font-family: 'Titillium Web', sans-serif;}



a{ color:#000; text-decoration:none;}
a:hover{ color:#00a0e3; text-decoration:none;}

h1{ font-size:37px; color:#3f3f3f; font-weight:normal; text-decoration:none; padding-bottom:20px;}
h2{ font-size:30px; color:#3f3f3f; font-weight:normal; text-decoration:none;  padding-bottom:16px;}
h3{ font-size:24px; color:#3f3f3f; font-weight:normal; text-decoration:none;}
h4{ font-size:18px; color:#3f3f3f; font-weight:normal; text-decoration:none;}

.spacer{ clear:both; margin:0; padding:0px;}

   hr { 
            position: relative; 
            top: 0px; 
            border: none; 
            height: 1px; 
            background:#ccc; 
            margin-bottom: 0px; 
        } 

#header{ margin:0 auto; padding:0; width:100%;}
#mid_body{ margin:0 auto; padding:0; width:100%; }
#footertop{ margin:0 auto; padding:0; width:100%; }
#footer{ margin:0 auto; padding-top:20px; width:100%; background:#000; color:#909090}
#footer h3{ color:#fff; padding-bottom:15px}
#footer a:link, #footer a:visited, #footer a:active{ color:#3f3f3f; text-decoration:none;}
#footer a:hover{ color:#fff; text-decoration:none;}

#navigation{ background:#000;  z-index:20; position:relative}

.left{ float:left; margin:0;}
.right{ float:right; margin:0;}

.logo{ padding:5px 0px;}
.topsearch{ width:340px; height:40px; border-radius:22px; padding-left:16px; padding-top:4px; padding-right:4px; border:solid 1px #ccc; margin-top:10%}


.topright{ margin-top:10%}
.cartitem{width:30px; height:30px; border-radius:15px; line-height:30px; text-align:center; color:#fff; background:#00a0e3; font-size:13px}
.h2title{ font-family: 'Titillium Web', sans-serif; font-size:27px; color:#000; padding:20px 0px;}

.proTxt a{ font-family: 'Titillium Web'; font-size:18px; color:#8f8b88; }
.price{ font-family: 'Montserrat', sans-serif; font-size:17px; color:#0076a7; padding:0px 0px 0 5px; font-weight:bold}
.priceoff{ font-family: 'Montserrat', sans-serif; font-size:15px; color:#555; padding:0px ; text-decoration:line-through}

#pro-gal{ padding:40px 0px; background:#007aad; color:#FFF}
#pro-gal h2{ font-family: 'Montserrat';}

#pro-gal img:hover {
  opacity: 0.8;
}

#pro-gal p{ font-size:16px; line-height:24px; font-family: 'Montserrat';}

.btn2 {  background-color: #000;  border: none;  color:#FFF;  padding: 12px 28px;  text-align: center;  font-size: 16px;  margin: 4px 2px;  transition: 0.3s; display:inline-block}

.btn2:hover {  background-color: #04b4fd;  color: white; text-decoration:NONE}

.visa{text-align:right; padding-top:15px}

.footinput{ width:100%; padding:8px 2%; background:none; border:none; border-bottom:solid 1px #ccc; color:#000; font-size:85%;box-sizing: border-box; margin-bottom:5px; color:#fff; margin-bottom:20px}

.footinput_btn{ background:none; border:solid 1px #ccc; color:#fff; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; -khtml-border-radius:40px; text-decoration:none; text-align:center; padding:10px 24px;font-size:100%; cursor:pointer;}
.footinput_btn:hover{ background:#ccc; color:#000}

.innerbg{ padding:20px 0px; background:#003366; color:#fff; text-align:center}
.innerbg h1{ color:#fff; padding-bottom:20px; font-size:40px}
.innerbg h4{ color:#fff; }

.hight50{ height:50px; display:block; width:100%}
ul.listing{ margin:20px}

ul.listing li{ margin:10px 0px}
ul.listing li a{ color:#000; text-decoration:none}
ul.listing li a:hover{ color:#000; text-decoration:underline}

 .topfinput{ border:none; font-size:15px; width:100%}
.contact input[type=text], .contact  select, .contact textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.contact input[type=submit] {
  background-color: #007aad;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.contact input[type=submit]:hover {
  background-color: #000;
}




@media only screen and (max-width: 767px) {

.topsearch{ display:none}
.visa{text-align:center; padding-top:15px}

.logo{ padding:5px 0 0px 34px;  text-align:center}

.logo img{ max-width:100px; border:solid 0px #ccc}

.topright{ margin-top:1px}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

}