/* Theme Name: NVF */
body { margin:0; padding:0; font-family: 'Lato', sans-serif; color: #333; font-size: 16px;}
a { outline: none; text-decoration: none;}
a:focus, .btn:focus, button:focus, a:hover { outline: none !important; text-decoration: none; }
ul { list-style-type: none; margin: 0; padding-left: 0;}
p { line-height: 26px;}
.logo { width:170px;text-align: center; margin: 0 auto;}
.logo  img { display: inline-block;}
header { padding: 25px 0;}
.navigation-wrap { font-size: 18px; font-weight: 400;}
.navigation-wrap ul li { float: left; text-transform: uppercase; margin-right: 75px;}
.navigation-wrap ul li a { color: #c8158c; -webkit-transition: .5s ease; transition: .5s ease;}
.navigation-wrap ul li a:hover, .navigation-wrap ul li a:focus, .navigation-wrap ul li.active a { color: #333; }
.nav-right li:last-child { margin-right: 0;}
.nav-call { color: #c8158c; margin: 50px 0 35px; display: block;width: 100%;}
.nav-right .nav-call { text-align: right;}
.nav-call .fa { width: 30px; height: 30px; border-radius: 50%; background-color:#c8158c; color: #fff; padding-top: 6px; margin-right: 8px; text-align: center; }
.banner-box { background: rgba(256, 256, 256, .8); padding: 40px;}
.banner-box h4 { font-size: 24px; font-weight: 500; color: #5f5e5e; margin: 0 0 25px; line-height: 36px;}
.banner-box a { display: inline-block; padding: 12px 20px; font-size: 20px; font-weight: 300; color: #fff; background: #f04a4e; text-transform: uppercase;-webkit-transition: .3s ease; transition: .3s ease;}
.banner-box a:hover, .banner-box a:focus { background: #000;}
#middle-home { padding: 30px 0;}
.info-home { text-align: center; width: 70%; margin: 40px auto 50px;}
.info-home h1 { font-size: 32px; font-weight: 400; color: #ee1f25; margin-bottom: 20px;}
.home-products-wrap h2  { text-align: center; font-size: 32px; font-weight: 400; color: #ee1f25; margin-bottom: 50px;}
.info-home span { display: block; color: #c8158c; font-size: 18px;}
.info-home a { padding: 12px 30px; border: 1px solid #333; display: inline-block; margin-top: 20px; color: #333; margin-bottom: 20px; -webkit-transition: .5s ease; transition: .5s ease;}
.info-home a:hover, .info-home a:focus { background-color: #d344a3; color: #fff; border-color: #d344a3; }
.product-list { text-align: center; margin-bottom: 60px;}
.product-thumb { display: block;}
.product-thumb img { width: 100%;}
.product-name { margin-top: 25px; font-size: 20px;}
.product-price { margin-top: 10px;}
.new-price { display: inline-block; font-size: 30px; font-weight: 700; color: #ee1f25; margin-right: 5px;}
.new-price .fa { font-size: 28px;}
.old-price { display: inline-block; font-size: 26px; font-weight: 400; color: #838383; margin-left: 5px; text-decoration: line-through;}
.old-price .fa { font-size: 24px;}
.product-btn { margin-top: 20px;}
.product-btn a { display: inline-block; color: #fff; font-weight: 300; text-transform: uppercase; background-color: #d344a3; font-size: 16px; padding: 10px 30px; -webkit-transition: .5s ease; transition: .5s ease;}
.product-btn a:hover, .product-btn a:focus { background-color: #000; }
.brands-wrap { padding: 30px 0; border-top: 1px solid #d8d8d9; border-bottom: 1px solid #d8d8d9; }
.brand-slider { margin-bottom: 0px !important; padding: 0 25px; }
.brand-slider .slick-prev, .brand-slider .slick-next { width: 24px; height: 34px; opacity: .5; background-size: 20px 34px;}
.brand-slider .slick-prev { background: url('images/arrow-left-black.png') no-repeat center; left: 0px;}
.brand-slider .slick-next { background: url('images/arrow-right-black.png') no-repeat center; right: 0px;}
.brand-slider .slick-prev:before, .brand-slider .slick-next:before { font-size: 0;}
.brand-slider .slick-prev:hover, .brand-slider .slick-prev:focus { background: url('images/arrow-left-black.png') no-repeat center; left: 0px; opacity: 1;}
.brand-slider .slick-next:hover, .brand-slider .slick-next:focus { background: url('images/arrow-right-black.png') no-repeat center; right: 0px; opacity: 1;}
.slick-slide:focus { outline: 0;}
.footbottom { background-color: #eeeeef; padding: 40px 0; font-size: 14px; line-height: 24px;}
.footbottom h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px;}
.footmiddle { text-align: center;}
.footright { text-align: right; padding-top: 57px;}
/* TOP NAV STYLE STARTS */
.menu { -webkit-transition: 0.1s -webkit-transform linear;  transition: 0.1s transform linear; position: relative; background: 0; position: fixed; right: 15px; top: 22px; height: 30px; width: 30px; z-index: 1100; outline: 0; padding: 0; border: 0;}
.bar, .bar::before, .bar::after { -webkit-transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s -webkit-transform linear; transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear; position: absolute; background: #d344a3; margin: auto; width: 100%;height: 2px; content: '';top: 50%; left: 0;}
.bar { margin-top: -0.2rem;}
.menu:focus{outline: none;}
.bar::before { top: -7px;}
.bar::after { top: 7px;}
.bar::before, .bar::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.active .bar { background: 0;}
.active .bar::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff;}
.active .bar::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  background:#fff;}
.active .bar::before, .active .bar::after { top: 0;}
.active .bar, .active .bar::before, .active .bar::after { -webkit-transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s; transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;}
.navslide { width: 300px; height: 100%; background: #d344a3; position: fixed; right: 0; top:0; -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91); transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91); padding-top: 100px; z-index: 1050;}
.menu-open nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.navslide ul { margin: 0;list-style: none;padding: 0;}
.navslide ul li a { padding: 10px 10px 10px 30px;font-size:14px; display: block;color: #fff; text-transform: uppercase; font-weight: 300;}
.navslide ul li a:focus{ background: #000; text-decoration: none; color: #fff;}
/* TOP NAV STYLE ENDS */

#inner-banner { background: url(images/banner-inner.jpg) no-repeat center center; background-size: cover; padding: 80px 0; color: #fff;}
.page-title { text-align: center; margin: 0;}
#product-detail-wrap { padding: 60px 0;}
#product-detail-wrap .eagle-gallery .eagle-medium-wrap { height: 480px; margin-bottom: 20px;}
#product-detail-wrap .eagle-gallery .eagle-view-medium-img img { min-width: 100%;}
#product-detail-wrap .owl-carousel.mini-slider .owl-item.active, #product-detail-wrap .owl-carousel.mini-slider .owl-item:hover { opacity: .5;}
.product-details h1 { margin-top: 0; margin-bottom: 25px;}
.product-details .product-price { margin: 30px 0;}
.call-us-wrap { font-size: 20px;}
.call-us-wrap span { display: block;}
.call-us-wrap a { color: #d344a3;}
.or-txt { width: 184px; text-align: center; margin-top: 20px; font-weight: 700;}
.product-details .product-btn a { font-size: 20px; padding: 15px 35px;}

.map-wrap iframe { width: 100% !important;}
.contact-form .form-group { margin-bottom: 25px;}
.contact-form .form-control { border-radius: 0; height: 42px; }
.contact-form textarea { height: 120px !important;}

.brands-logowrap { margin-bottom: 30px; text-align: center;}
.brands-logowrap img { display: inline-block;}

.contact-form .wpcf7-form-control-wrap { width: 100%; }
.contact-form span.wpcf7-not-valid-tip { background: #f00; color: #fff; padding: 2px 5px; }
.contact-form .wpcf7-not-valid { border-color: #f00; }
.contact-form div.wpcf7-response-output { margin: 0 0 15px; padding: 8px 12px; }
.contact-form div.wpcf7-validation-errors { background-color: #f00; border-color: #f00; color: #fff; }
.contact-form div.wpcf7-mail-sent-ok { background-color: #009cd5; color: #fff; border-color: #009cd5; }
.contact-form div.wpcf7-mail-sent-ng { background: #f00; color: #fff; }
.contact-form .btn {  display: inline-block; color: #fff; font-weight: 300; text-transform: uppercase; background-color: #d344a3; font-size: 16px; padding: 10px 30px; -webkit-transition: .5s ease; transition: .5s ease; border: 0; border-radius: 0;}
.contact-form .btn:hover, .contact-form .btn:focus { background-color: #000; }
.contact-form .modal-header { border-bottom: 0; padding-bottom: 0;}
.contact-form .close { font-size: 30px;}
.modal { z-index: 2000;}
.abt-thumb img { margin-bottom: 50px;}

@media only screen and (max-device-width : 767px) {
body { padding-top: 70px;}
p { line-height: 22px;}
.navigation-wrap { display: none;}
header { position: fixed; top: 0; padding: 10px 0; width: 100%; background: #fff; z-index: 2000;}
.banner-box { display: none;}
.info-home { width: 100%; margin: 10px auto 20px; font-size: 13px;}
.info-home h1 { font-size: 20px; margin-top: 0;}
.home-products-wrap h2 { font-size: 20px; margin-bottom: 30px;}
.product-name { margin-top: 20px; font-size: 16px;}
.new-price { font-size: 22px;}
.new-price .fa { font-size: 19px;}
.old-price { font-size: 18px;}
.old-price .fa { font-size: 15px;}
.product-list { margin-bottom: 30px;}
.slick-slide { text-align: center;}
.slick-slide img { display: inline-block !important;}
.footbottom { padding: 15px 0; text-align: center; font-size: 13px;}
.footright { text-align: center; padding-top: 15px; padding-bottom: 15px;}
.product-details { margin-top: 30px;}
#product-detail-wrap .eagle-gallery .eagle-medium-wrap { height: 230px;}
.call-us-wrap { font-size: 17px;}
.contact-form textarea { height: 65px !important;}
#inner-banner { padding: 40px 0;}
.page-title { font-size: 22px;}
} 

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
body { padding-top: 70px;}
header { position: fixed; top: 0; padding: 10px 0; width: 100%; background: #fff; z-index: 2000;}
.navigation-wrap { display: none;}
.footbottom { font-size: 13px;}
.footmiddle { padding: 0;}
#product-detail-wrap .eagle-gallery .eagle-medium-wrap { height: 290px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.navigation-wrap ul li { margin-right: 40px;}
.nav-right ul { margin-left: 26px;}
.nav-call { font-size: 14px; margin-bottom: 38px;}
.nav-call .fa { width: 25px; height: 25px;}
}

@media only screen and (min-device-width : 992px) {

.mobile-head { display: none;}
.product-details { padding-left: 50px;}
.map-wrap { padding-right: 30px;}
.contactpageform { padding-left: 30px;}
.listing-products-wrap { padding-top: 50px;}
}