/*======================= Name: Microstore - minsection-heading i ecommerce shop templates Author: LovelyTheme Author Url: lovelytheme.com Version: 1.0 ========================*/  /*=====  [Table of contents] ===== 1. Header Style 2. slider style 3. catalog style 4. product style 5. about style 6. testimonials style 7. footer style 8. Preloader style 9. client style 10. special style */  /* ===== 1. Header Style  ====*/ .navbar a.navbar-brand { color: #121212; font-size: 25px; font-weight: 700; margin-top: 0; text-transform: uppercase; background-color: #487E94; } #myNavbar .nav.navbar-nav { text-align: right; } .navbar-nav li > a { color: #fff; font-size: 11px; font-weight: 700; padding: 25px 5px; position: relative; text-transform: uppercase; transition: all .4s ease 0s; }  .navbar-nav li:hover > a::after,.navbar-nav li:hover > a::before{ opacity:1; } .navbar-nav li:hover > a::after{ left:4px; } .navbar-nav li:hover > a::before{ right:4px; } .navbar-nav li { display: inline-block; float: none; margin: 0 3px; } .navbar-collapse { overflow-x: hidden; } /* ===== 2. slider style  ====*/ .swiper-slide h1 { color: #fff; font-size: 100px; text-align: center; text-transform: capitalize; } .section-min.section.product { background: #fff none repeat scroll 0 0; }      /* ===== 3. catalog style  ====*/ /* ===== 4. product style  ====*/ .product { padding-bottom: 30px; }  /* ===== 5. about style  ====*/  /* ===== 6. testimonials style  ====*/ /* ===== 7. contact style  ====*/  /* ===== 7. footer style  ====*/ .form-control:focus { border-color: #487E94; } .footer { float: left; height: auto; min-height: auto; padding-bottom: 140px; padding-top: 101px; position: relative; width: 100%; background-color: #487E94; color: #fff; text-align: center; } .footer a:hover, a:focus{ color: #aaa; } .form-control { padding-left:0px; color: #487E94; } .copy-right { margin-top: 60px; } .copy-right > p { margin: 0; } a { color: #487E94; text-decoration: none; } .navbar-nav li > a { border-bottom: 1px solid #487E94 !important; } .navbar-nav li > a.active { color: #CFD0C9; } .navbar-nav li > a:hover { color: #CFD0C9; } /* ===== 8. Preloader style  ====*/ .page-loader { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998; } .loader { background: #487E94; position: absolute; display: inline-block; height: 40px; width: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; text-indent: -9999em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; }  @-webkit-keyframes ball-scale {  0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }  100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }  }  @keyframes ball-scale {  0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }  100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }  }  /*home 2 style*/ /* ===== 9. client style  ====*/ /* ===== 10. special style  ====*/ #special img { float: right; margin: 0 0 10px 20px; } #special h3 { padding: 0; margin: 0 0 25px 0;  } #special { padding: 50px 0; }  .copy-right a { color: #CFD0C9; } p.name { font-weight:600; }  /* ===== 11. comment style  ====*/  .mymap { height: 500px; border: none; } .youtube { margin: 0 auto; width: 50%; padding-top: 50px; }