/*
Theme Name: SMPR
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: SMPR brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@font-face { font-family: 'FuturaPT-Book'; src: url('fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaPT-Book.woff') format('woff'), url('fonts/FuturaPT-Book.ttf') format('truetype'), url('fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg'); font-weight: normal; font-style: normal; }
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; color: #000 !important; font-family: 'Lato', sans-serif !important; font-size: 16px; line-height: 26px; letter-spacing: 1px; }
img { border: 0; max-width: 100%; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a, a:visited { color: #555655; text-decoration: none; }
a, a:hover, a:focus { color: inherit; text-decoration: none; }
.container { padding: 0 !important; }
.hright li { display: inline-block; }
.scom { display: flex; align-items: center; height: 100%; float: left; width: 100%; }
.hright li a { padding: 26px 10px 32px; font-size: 13px; text-transform: uppercase; display: block; color: #fff; transition: 0.3s; }
.helogo h2 { font-size: 40px; color: #000; font-weight: 600; margin-top: 5px; font-family: 'FuturaPT-Book'; }
.helogo { text-align: left; }
.helogo a { background: #fff; box-shadow: 0px 6px 11px #ccc; display: block; width: 120px; border-radius: 100%; height: 120px; padding: 15px; }
.helogo img { max-width: 105px; border-radius: 100%; position: relative; top: 16px; left: -7px; }
.container-fluid.headmenu { position: relative; top: 0; padding: 15px 0; height: 100px; z-index: 5; background: #000; }
.banner_section { background-repeat: no-repeat !important; padding-top: 150px; position: relative; padding-bottom: 150px; background-size: 100% auto !important; height: 660px; background-attachment: fixed !important; background-position: center center !important; margin-top: -92px; }
.banner_section .container, .banner_section .row { height: 100%; }
.scom h1 { font-family: 'FuturaPT-Book'; text-transform: capitalize; width: 80%; }
.siocn h1 { color: #fff; font-size: 42px; margin-bottom: 10px; line-height: 40px; text-transform: capitalize; font-weight: 600; }
.siocn { background: rgba(0,0,0,0.9); padding: 30px 45px 50px; width: 70%; color: #fff; }
.siocn h3 { color: #fff; font-size: 24px; line-height: 26px; text-transform: capitalize; margin-bottom: 15px; }
.servicessection { background: url(images/Shop_2103F.jpg); background-repeat: repeat; background-repeat: repeat; background-repeat: no-repeat; position: relative; background-size: cover; background-attachment: fixed; }
.continer-fluid.aboutuspart { width: 100%; padding-bottom: 70px; padding-top: 70px; }
.aleft { padding-left: 50px; }
.banner_section .aleft { padding-left: 20px; }
.hright { text-align: right; }
.hmr { text-align: right; }
.ccoclor { color: #008000; }
.hright li.active a { color: #008000; font-weight: 600; }
.hright li a:hover { border-bottom: 2px solid #008000; }
.sbutton a { background: #008000; color: #fff; padding: 10px 20px; border: 2px solid #008000; transition: 0.3s; }
.sbutton a:hover { background: #fff; color: #000; border: 2px solid #008000; }
.sbutton { float: left; width: 100%; margin-top: 20px; }
.aleft h2 { font-family: 'FuturaPT-Book'; text-transform: uppercase; font-size: 36px; font-weight: 700; }
.aleft .section_tit { margin-bottom: 30px; }
.sttile h2 { font-family: 'FuturaPT-Book'; position: relative; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; font-size: 36px; text-align: center; font-weight: 700; }
.sttile h2::after { background: #008000; content: ""; width: 50px; height: 3px; position: absolute; bottom: 0; left: 0; margin: 0 auto; right: 0; }
.aright img:hover { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.aboutuspart .aright { text-align: center; }
.continer-fluid.aboutuspart { width: 100%; padding-bottom: 70px; position: relative; z-index: 5; }
.overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.secom { padding: 60px 0; color: #fff; }
.sitems { float: left; width: 100%; }
.secom { text-align: center; }
.servicescom { padding-top: 40px; }
.simg i { font-size: 24px; width: 60px; height: 60px; text-align: center; margin:;
border: 2px solid #008000; background: #008000; line-height: 50px; border-radius: 100%; margin-bottom: 30px; }
.navright li a { font-weight: bold; padding: 26px 20px 23px 20px; font-size: 14px; color: #fff; text-transform: uppercase; transition: 0.2s; }
.navright li a:hover, .navright .current-menu-item a { border-bottom: 3px solid #fff; background: #258825; }
.navright li { display: inline-block; }
.header-widget-top-content { float: left; width: 100%; }
.box.service-box.readmore { text-align: center; padding-top: 30px; }
.box.service-box.readmore a { background: #fff; color: #000; padding: 10px 15px; border-radius: 5px; text-transform: capitalize; }
.box.service-box.readmore a:hover { background: #008000; color: #fff; }
.header { padding: 0; background-color: transparent; -webkit-transition: padding .4s ease-in-out; -moz-transition: padding .4s ease-in-out; -ms-transition: padding .4s ease-in-out; -o-transition: padding .4s ease-in-out; transition: padding .4s ease-in-out; position: relative; top: -30px; z-index: 2; margin-bottom: 15px; }
.navbar-brand > img { max-height: 120px; width: auto; float: left; }
.navbar-brand > img { display: block; }
.navbar, .navbar.navbar-default { background: #1f2839; box-shadow: 0px 0px 15px 2px #000; border-radius: 3px; border: none; margin-bottom: 0; }
.counter-section, #comingsoon .tnp-widget-minimal input.tnp-email, .navbar, .navbar.navbar-default, .header-widget-area-empty, .header-widget-area { background-color: #000; }
.header-widget-top-content .widget { color: #fff; margin-bottom: 30px; }
#pg-w592c73622bf44-0, #pl-w592c73622bf44 .so-panel:last-child { margin-bottom: 0px; }
.panel-grid-cell { width: 25%; width: calc(25% - ( 0.75 * 30px ) );
float: left; }
.panel-grid-cell { position: relative; }
.panel-grid-cell { -ms-box-sizing: border-box; box-sizing: border-box; }
.service-box { padding: 30px 0; float: left; border: none; width: 25%; }
.navbar { padding: 20px 10px; }
.service-box img { float: left; margin-right: 10px; max-width: 30px; }
.right-content-service { float: left; margin-top: 10px; }
.service-box .right-content-service p, .service-box .right-content-service h4 { font-size: 13px; color: #fff; padding: 0; }
.container-fluid.contactpart { background: #fafafa; padding: 35px 0px 90px 0px; float: left; width: 100%; }
.contact-form { width: 650px; margin: 0 auto; }
.cform { background: #fff; box-shadow: 0px 6px 10px 6px #f2f2f2; -webkit-box-shadow: 0px 6px 10px 6px #f2f2f2; -moz-box-shadow: 0px 6px 10px 6px #f2f2f2; float: none; padding: 30px 45px 15px 45px; }
.cform h2 { font-size: 22px; text-align: center; margin-bottom: 25px; }
.contact-form input { width: 100%; border: none; background: #f9f9f9; margin-bottom: 20px; height: 50px; padding-left: 15px; }
.contact-form textarea { width: 100%; border: none; background: #f9f9f9; margin-bottom: 12px; height: 100px; padding-left: 15px; resize: none; padding-top: 10px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; }
.mysubmit { margin: 15px auto 0px auto; margin-bottom: 0px; width: 100%; float: left; text-align: center; margin-bottom: 15px; }
.col-xs-12.mysubmit input { text-align: center; margin: 0 auto; }
.mysubmit input { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; color: #fff; background: #008000; width: auto; padding: 8px 20px; text-transform: uppercase; font-size: 14px; border: 1px solid #008000; height: auto; }
.col-xs-12.mysubmit input:hover { background: #fff; color: #008000; border-color: #008000; text-decoration: none; }
.container-fluid.contactpart { text-align: center; }
.contactpart .section_tit { margin-bottom: 35px; }
section#growwithus { padding-top: 60px; padding-bottom: 25px; float: left; width: 100%; background: #fff; }
.growithussection { padding-bottom: 60px; }
.section_tit { position: relative; padding-bottom: 15px; display: inline-block; margin-bottom: 8px; }
.section_tit::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 35%; height: 2px; background: #479c18; ; }
.section_tit h2 { margin: 0px 0 10px; font-size: 34px; margin-top: 0; color: #222; text-transform: capitalize; font-family: 'Poppins', sans-serif; font-weight: 600; text-transform: uppercase; }
.three_line { width: 40px; height: 2px; background: #479c18; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
.three_line::before { content: ""; position: absolute; height: 2px; width: 80px; bottom: -5px; left: 50%; transform: translateX(-50%); background: #479c18; }
.three_line::after { content: ""; position: absolute; height: 2px; width: 80px; bottom: 5px; left: 50%; transform: translateX(-50%); background: #479c18; }
.section_tit::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 35%; height: 2px; background: #479c18; }
img { max-width: 100%; }
.a.right { text-align: left; padding-left: 25px; margin-top: 50px; line-height: 32px; }
.a.right { text-align: left; line-height: 32px; }
.a.right p a { font-size: 16px; background: #479C18; padding: 10px 35px; border: 1px solid #479C18; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 10px; transition: all .5s; }
.a.right p a:hover { background: #fff; color: #479C18; }
.growtitile { text-align: center; margin-bottom: 45px; }
/*product-section-css*/
.prduct-title { text-align: center; }
.recentproduct-in { float: left; width: 100%; margin-bottom: 50px; margin-top: 45px; }
.productimage-inhome { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); margin: 0 auto; margin-bottom: 0px; margin-bottom: 0px; margin-bottom: 0px; height: 200px; width: 255px; background-position: center center !important; background-size: cover; }
.hover-overlay { width: 255px; position: absolute; display: block; height: 200px; background: rgba(0, 128, 0, 0.22); display: none; }
.productimage-in a:hover .hover-overlay { display: block; }
.container-fluid.productsection { float: left; width: 100%; padding-top: 40px; padding-bottom: 60px; background: #fafafa; }
.container-fluid.productsection .sbutton { text-align: center; margin-top: 10px; }
.continer-fluid.ourcompany { padding-top: 80px; padding-bottom: 80px; }
.continer-fluid.aboutuspart { text-align: center; ; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-size: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; position: relative; }
.whosection-overlay { position: absolute; content: ""; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.wleft { padding-top: 25px; }
.aboutuspart h2 { color: #fff; }
.continer-fluid.aboutuspart { color: #fff; }
footer { float: left; width: 100%; padding-top: 15px; padding-bottom: 0px; border-top: 3px solid #479C18; background-color: #000; }
.flogo { float: left; width: 100%; text-align: center; }
.textwidget.custom-html-widget { color: #fff; }
.flogo img { max-width: 120px; margin-bottom: 5px; margin-top: 5px; }
.fbootomtext { float: left; text-align: center; width: 100%; margin-top: 0px; }
.flogo ul { margin: 0; padding: 0; list-style: none; }
.fbootomtext ul li { display: inline-block; padding: 0px 30px; }
.fbootomtext a { color: #fff; }
.fbootomtext ul li i { height: 40px; width: 40px; line-height: 40px; border-radius: 100%; text-align: center; color: #fff; }
.flogo ul li i { color: #479C18; font-size: 19px; }
.container-fluid.copyright-part { color: #fff; text-align: center; position: relative; margin-top: 5px; }
.container-fluid.copyright-part .container { border-top: 1px solid #dddddd5c; }
.copyrighttext { font-size: 13px; letter-spacing: 1px; padding: 15px 0px; }
.phonesfooter h4 { font-size: 18px; margin-bottom: 15px; }
.container-fluid.footerpart { padding: 30px 20px 10px 20px; }
.fbootomtexts { float: left; width: 100%; color: #fff; padding: 30px 20px 10px 20px; }
.phonesfooter a { color: #fff; }
.phonesfooter i { padding-right: 10px; }
.phonesfooter p { text-indent: -11px; }
.social-btn li { margin-right: 12px; display: inline-block; float: left; text-align: center; }
.social-btn li a { color: #fff; width: 35px; height: 35px; border: 1px solid #fff; line-height: 30px; display: inline-block; text-align: center; }
.social-btn li a i { font-size: 14px; line-height: 32px; text-align: center; padding-right: 0px; }
.container-fluid.footerpart a:hover, .copyrighttext a:hover { color: green !important; }
.footer-social { padding-left: 50px; }
.textright { padding: 0; }
.subpagetitlepart { text-align: center; }
.presentation { float: left; width: 100%; padding-top: 40px; padding-bottom: 50px; }
.container-fluid.presentation h2 { color: #008000; font-size: 22px; font-weight: 600; }
.container-fluid.presentation h3 { font-size: 18px; }
.bimg img:hover { opacity: 0.5; }
.bimg img { border: 1px solid #ccc; padding: 3px; }
.navbar-brand { position: absolute; top: -70px; left: 20px; }
.navigation { background-color: #2caa2c !important; }
.headers { background: #000; height: 120px; }
.service-box a:hover { color: #008000; }
.mapsection iframe { max-width: 100%; }
.page-template-contact .cform h2 { display: none; }
.container-fluid.mapsection { padding: 50px 0 0; }
.trights { padding-left: 20px; }
.recentproduct-in .foogallery .fg-item { display: none; }
.recentproduct-in .foogallery .fg-item:nth-child(1) { display: inline-block !important; }
.recentproduct-in .foogallery .fg-item:nth-child(2) { display: inline-block !important; }
.recentproduct-in .foogallery .fg-item:nth-child(3) { display: inline-block !important; }
.recentproduct-in .foogallery .fg-item:nth-child(4) { display: inline-block !important; }
.cbox1 i { border: 1px solid #008000; color: #008000; font-size: 40px; height: 89px; width: 89px; text-align: center; line-height: 89px; margin: 0 auto 20px; border-radius: 100%; display: block; }
.cbox1 a:hover { color: #008000; }
.cbox1 { margin-top: 60px; margin-bottom: 30px; }
.cbox1 a { width: 100%; float: left; }
.copyright-part .textwidget.custom-html-widget a { color: #fff; }
.mapsection p { margin-bottom: 0; }
.sectionmain.cat_section {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.link-more {
    display: none;
}
.rlink a {color:#008000;}
.wp-pagenavi {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.search-submit svg {
    height: 15px;
    width: 15px; display:none;
}
.presentation.errorpage {
    text-align: center;
}
#search-form-1 {
    border: 1px solid #ccc;
    padding: 2px 10px;
}
@media only screen and (max-width: 767px) {
.headers { display: none; }
.header { top: 0; margin-bottom: 0; }
.navright { display: none; }
.navbar-brand { position: relative; top: 0; left: 0; }
.scom { top: 50px; }
.banner_section { padding-top: 0; padding-bottom: 0; background-size: cover !important; height: 500px; }
.navbar { padding: 10px 10px 0; }
.navbar-brand img { max-height: 60px; }
.row { margin: 0; }
.siocn { width: 100%; position: relative; top: 50px; }
.siocn h1 { font-size: 30px; }
.siocn h3 { font-size: 20px; line-height: 24px; }
.continer-fluid.ourcompany { padding-top: 20px; }
.ourcompany .slideInLeft { padding-bottom: 25px; }
.aleft { padding-left: 15px; }
.section_tit h2 { font-size: 25px; }
.continer-fluid.aboutuspart { padding-bottom: 60px; padding-top: 60px; }
.contact-form { width: 90%; margin: 0 auto; }
.cform { padding: 30px 10px 15px 10px; }
.footer-social { padding-left: 15px; }
.phonesfooter p { text-indent: -11px; margin-left: 22px; margin-top: 0; }
.footer-address li { margin-bottom: 15px; }
button#responsive-menu-button { top: 20px !important; background: transparent !important; }
.header .container { max-width: 100% !important; }
.fbootomtexts { padding: 0; }
.container-fluid.subpagetitlepart { padding-top: 35px; }
.cbox1 i { font-size: 30px; height: 75px; width: 75px; line-height: 75px; margin: 0 auto 15px; }
.cbox1 { margin-top: 35px; margin-bottom: 10px; }
.container-fluid.contactpart { padding-left: 10px; padding-right: 10px; }
.trights { padding-top: 15px; }
.container-fluid.contactpart.cnpage { padding-bottom: 60px; }
.ourcompany .aleft {text-align: center;}
.growithussection .aright {text-align:center;}
#search-form-1 {
    margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.right-content-service { float: none; margin-top: 0; }
.banner_section{padding-top:120px;}
.header{top:-45px;}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.right-content-service { float: none; margin-top: 7px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.navright li a { padding: 27px 10px 23px 10px; font-size: 13px; }
.navbar-brand { top: -65px; }
.navbar-brand > img { max-height: 110px; }
.social-btn li { margin-right: 8px; }
.social-btn li a { width: 33px; height: 33px; line-height: 29px; }
.header { margin-bottom: 0; }
.banner_section { background-attachment: inherit !important; height: 550px; }
.siocn h1 { font-size: 35px; }
.siocn h3 { font-size: 21px; }
.continer-fluid.ourcompany { padding-top: 70px; padding-bottom: 50px; }
.section_tit h2 { font-size: 30px; }
.continer-fluid.aboutuspart { padding-top: 45px; }
.aleft {
    padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {

.header{top:-42px;}
}