/*
Theme Name: MegaFormat
Theme URI: https://megaformat.net/
Description: This is a custom template designed and developed for MegaFormat.
Author: CDP
Tags: custom header, fixed width
*/

:root {
    --primary:#0A2B3E;
    --secondary:#B8E57E;
    --green:#7FC129;
    --lite-grey:#F8F8F8;
    --nav:#292929;
    --body:#555555;
}

* {
    transition:ease-in-out 250ms;
    -moz-transition:ease-in-out 250ms;
    -o-transition:ease-in-out 250ms;
    -webkit-transition:ease-in-out 250ms;
    -ms-transition:ease-in-out 250ms;
}

/*html, body { height:100%; }*/
body {
    background:#ffffff;
    color:var(--body);
    font-family:"Montserrat", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-size:17px;
    line-height:30px;
    margin:0px;
    padding:0px;
    overflow-x:hidden !important;
}

a, input {
    transition:ease-in-out 250ms;
    -moz-transition:ease-in-out 250ms;
    -o-transition:ease-in-out 250ms;
    -webkit-transition:ease-in-out 250ms;
    -ms-transition:ease-in-out 250ms;
}

img { display:inline-block; max-width:100%; }

/*.wide_container { max-width:1400px; margin:0px auto; }
.container { max-width:1200px; margin:0px auto; position: relative; }*/
.container {
    max-width:1200px;
    margin:0px auto;
    position:relative;
}

.narrow_container {
    width:950px;
    margin:0px auto;
}
section {
    position:relative;
    padding:90px 10px;
}

h1, h2, h3, h4, h5, h6  {
    color:var(--primary);
    font-weight:800;
    margin:0px 0px 20px 0px;
    padding:0px;
    text-transform:capitalize;
}

h1 { font-size:52px; line-height:62px; }
h2 { font-size:44px; line-height:52px; }
h3 { font-size:38px; line-height:46px; }
h4 { font-size:30px; line-height:38px; }
h5 { font-size:24px; line-height:32px; }
h6 { font-size:20px; line-height:28px; font-weight:500; }
p { margin:0px 0px 20px 0px; padding:0px; }
a { color:var(--text); text-decoration:none; }
a:hover { color:var(--green); }

ul.unstyled, ol.unstyled { margin:0px; padding:0px; list-style:none; }
ul.unstyled li, ol.unstyled li { margin:0px; padding:0px; list-style:none; display:inline-block; }

.hd_rdiv { border-right:solid 3px #6A9845; margin:0px 50px 0px 0px; }

.txt_lite { font-weight:400; }
.txt_sbold { font-weight:600; }
.txt_bold { font-weight:800; }
.txt_block { display:block; }
.txt_size2 { font-size:22px; line-height:36px; }
.txt_white { color:#ffffff; }
.txt_green { color:var(--green); }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

section { padding:80px 0px; }
.green_bg { background:var(--green) no-repeat center center; background-size:cover; }
.green_bg2 { background:var(--secondary) no-repeat center center; background-size:cover;  }
.grey_bg { background:var(--lite-grey) no-repeat center center; background-size:cover;  }
.white_bg { background:#ffffff; }
.hiliter { color:var(--green); }
.hr_divider { border-top:solid 1px var(--text); margin:10px 0px; }

.bg_img1 { background-image:url('images/section-bg.jpg'); }
.bg_img2 { background-image:url('images/section-bg2.jpg'); }
.bg_img3 { background-image:url('images/section-bg3.jpg'); }
.bg_img4 { background-image:url('images/section-bg4.jpg'); }

.std_btn a, button.std_btn {
    background:var(--secondary);
    border-radius:50px;
    border:0px;
    color:var(--primary);
    display:inline-block;
    font-size:20px;
    font-weight:500;
    padding:10px 10px 10px 30px;
    z-index:10;
    position:relative;
}
.std_btn a i , button.std_btn i { padding:10px; background:#fff; border-radius:50%; margin-left:10px; }
.std_btn a:hover, button.std_btn:hover { background:var(--primary); color:var(--secondary); }
.std_btn a:hover i, button.std_btn:hover i { background:var(--secondary); color:var(--primary);}

.std_btn.sbtn_type2 a, button.std_btn.sbtn_type2 {
    background:var(--primary);
    color:var(--secondary);
}
.std_btn.sbtn_type2 a i , button.std_btn.sbtn_type2 i { background:#fff; }
.std_btn.sbtn_type2 a:hover, button.std_btn.sbtn_type2:hover { background:var(--secondary); color:var(--primary); }

/*** Slick Slider ***/
ul.slick-dots { margin:0px; padding:0px; list-style:none; text-align:center; position:absolute; bottom:0px; width:100%; z-index:999; }
ul.slick-dots li { margin:0px; padding:0px; display:inline-block; }
ul.slick-dots li { margin:0px 5px; padding:0px; display:inline-block; }
ul.slick-dots li button { font-size:0px; line-height:0px; padding:3px 15px; background:var(--secondary); border:0px; border-radius:10px; }
ul.slick-dots li.slick-active button { padding:3px 30px; background:var(--green); }

.slick-arrow { position:absolute; top:50%; font-size:36px; z-index:99; text-align:center; color:var(--primary); }
.slick-arrow.prev_btn  { left:0%; }
.slick-arrow.next_btn  { right:0%; }
.slick-arrow:hover { color:var(--green); cursor:pointer; }

/*** TopBar ***/
#top_bar { background:var(--primary); color:#ffffff; padding:10px 0px; }
#top_bar .announcement_box { margin:0px; padding:0px; font-size:15px; line-height:24px; text-decoration:none; color:#fff; padding:0px; }
#top_bar .announcement_box a { color:#fff; }
#top_bar .announcement_box a:hover { color:var(--secondary); }

/*** Header ***/
#site_header { padding:0px; }
#site_header nav.navbar a.navbar-brand img { width:281px; }

#site_header nav.navbar #navbarNav { justify-content:center; }
#site_header nav.navbar #navbarNav li > a { font-size:16px; line-height:24px; font-weight:500; text-decoration:none; text-transform:uppercase; color:var(--nav); padding:10px 20px;  }
#site_header nav.navbar #navbarNav li > a:hover { color:var(--green);  }

#site_header nav.navbar #navbarNav .dropdown-menu a { font-size:15px; line-height:22px; font-weight:500; text-decoration:none; text-transform:capitalize; color:var(--nav); padding:10px 10px; display:block !important; }
#site_header nav.navbar #navbarNav .dropdown-menu a:hover { color:var(--green);  }

#site_header .hdr_icons { }
#site_header .hdr_icons ul { margin:0px; padding:0px; list-style:none; display:flex; align-items:center; justify-content:center; gap:20px; }
#site_header .hdr_icons ul li { margin:0px; padding:0px; }
#site_header .hdr_icons ul li a { color:var(--green); font-size:24px; }
#site_header .hdr_icons ul li a:hover { color:var(--primary) }


.search-container { padding:5px; }
.search-container input { width:80%; margin:0px; padding:10px; float:left; outline:0px; border:solid 1px #fff; }
.search-container button { background:var(--primary); border:var(--primary); border-radius:5px;color:#fff;  font-size:18px; width:20%; float:left; padding:10px; outline:0px; cursor:pointer; }
.search-container button:hover { background:var(--green); border:var(--green); color:var(--primary); }

/*** Hero ***/
#hero_section {
    background:var(--lite-grey) url('images/hero-banner-section-bg.jpg') no-repeat center center;
    background-size:cover;
    padding:10px 0px 10px 0px;
    position:relative;
}

.hero_slider .slick-list { overflow:inherit; }

#hero_section .hero_content { margin:0px auto; }
#hero_section .hero_content h1 { color:var(--primary); }
#hero_section .hero_content p { color:var(--primary); font-size:19px; line-height:34px; }
#hero_section .hero_content h1 { font-size:52px; line-height:62px; margin:0px; }

/* Inner Hero */
#hero_section.hero-inner { 
    background-image:url('images/inner-banner-section-bg.jpg');
    padding:80px 0px 80px 0px;
}

.product_cat_slider { padding-bottom:50px; }
.product_cat_slider a { display:block; }
.product_cat_slider a img { margin:auto;}

/*** Footer ***/
#site_footer {
    background:var(--primary);
    padding:60px 0px 20px 0px;
    position: relative;
    font-size:15px;
    line-height:28px;
    color:#9daab2;
}

#site_footer .footer_columns { padding-bottom:20px; }
#site_footer .footer_columns h6 { color:#fff; font-weight:700; margin:0px 0px 15px 0px; line-height:24px; position:relative; }

#site_footer .ftr_links ul { margin:0px 0px 35px 0px; padding:0px; font-size:0px; list-style:none; }
#site_footer .ftr_links ul li { margin:0px; padding:0px 0px 5px 0px; display:block; font-size:15px; line-height:28px; font-weight:400; }
#site_footer .ftr_links ul li i { margin-left:-30px; margin-right:10px; }
#site_footer .ftr_links li a { text-decoration:none; color:#9daab2; }
#site_footer .ftr_links li a:hover { color:var(--secondary);  }

#site_footer .ftr_links.bold_links li { margin:0px 0px 6px 0px; }
#site_footer .ftr_links.bold_links li a { font-size:16px; line-height:24px; }

.footer_map { padding:0px 0px 10px 0px; }

#site_footer ul.ftr_contact_details { margin:25px 0px 20px 0px; padding:0px; }
#site_footer ul.ftr_contact_details li {
    margin:0px;
    padding:0px 0px 0px 28px;
    position:relative;
}
#site_footer ul.ftr_contact_details li i { margin:0px 8px 0px 0px; color:var(--green); position:absolute; left:0px; top:5px; font-size:18px; }
#site_footer ul.ftr_contact_details li a {  }

#site_footer ul.footer_social_menu { margin:25px 0px 20px 0px; padding:0px; }
#site_footer ul.footer_social_menu li {
    margin:0px 20px 0px 0px;
    padding:0px;
    display:inline-block;
    font-size:24px;
    line-height:24px;
}
#site_footer ul.footer_social_menu li i { margin:0px; }
#site_footer ul.footer_social_menu li a { color:var(--green); }
#site_footer ul.footer_social_menu li a:hover { color:#ffffff; }

#site_footer .ftr_divider { border-bottom:solid 1px #9daab2; margin-bottom:20px; }

#site_footer .copyright { }
#site_footer .acpt_paycards { text-align:right; }
#site_footer .acpt_paycards img { height:26px; }

/*** Newsletter Section ***/
.newsletter_section {
    background:var(--secondary) url('images/section-bg4.jpg');
    color:#Ffff;
    padding:40px 0px 60px 0px;
}

.newsletter_form_block {
    background:#fff;
    padding:10px;
    border-radius:50px;
    width:65%;
    margin:auto;
}

.newsletter_form_block form {
    display:grid;
    grid-template-columns:64% 34%;
    grid-gap:2%;
}

.newsletter_form_block .form-control {
    background:transparent;
    border-radius:0px;
    border:0px;
    box-shadow:unset;
    color:var(--body);
    display:inline-block;
    font-size:16px;
    font-weight:500;
    padding:15px 35px;
}

/*** CTA Section ***/
.cta_section {}
.cta_section .cta_content { padding:100px 60px 100px 0px; }
.cta_section .overlapped_image { position:relative; height:100%; }
.cta_section .overlapped_image img { position:absolute; bottom:0px; left:0px; }

/*** MF Features ***/
.mf_features { padding:20px; }

/*** Reviews Slider ***/
.mf_reviews_slider {}
.mf_reviews_slider .mfr_item { background:#ffffff; border:solid 1px #D6D6D6; padding:30px; margin:50px 15px 50px 15px; }
.mf_reviews_slider .mfr_pic { margin-top:-70px; margin-bottom:5px; }
.mf_reviews_slider .mfr_pic img { background:#ffffff; border:solid 1px #E6CF48; border-radius:50%; width:85px; padding:6px; }
.mf_reviews_slider .mfr_rating {  margin-bottom:5px; }
.mf_reviews_slider .mfr_rating i { color:#FFDD00; }
.mf_reviews_slider .mfr_foot { display:flex; justify-content:space-between; align-items:center; border-top:solid 1px #e5e5e5; padding-top:15px; }
.mf_reviews_slider .mfr_foot .mfr_author { font-size:17px; font-weight:700; text-transform:uppercase; }
.mf_reviews_slider .mfr_foot .mfr_source img { width:36px; }

/*** Blog Styles ***/
.blog_post_item { margin:15px 0px; box-shadow:0px 0px 10px #c9c9c9; }
.blog_post_item .bpi_thumnail { width:100%; height:360px; object-fit:cover; object-position:center; }
.blog_post_item .bpi_content { padding:15px; }
.blog_post_item .bpi_content .bpi_title { font-size:20px; font-weight:700; margin-bottom:10px; min-height:100px; }
.blog_post_item .bpi_content .bpi_link a { text-decoration:underline; font-weight:600; color:var(--green) }
.blog_post_item .bpi_content .bpi_link a:hover { text-decoration:none; }
.blog_post_item .bpi_content .bpi_date { border-top:solid 1px #e5e5e5; font-size:14px; color:#676767; padding-top:8px; }
.blog_post_item .bpi_content .bpi_date i { margin-right:5px; }

/*** NetJOI Form ***/
.netjoi_cnt_form .fld_wrap { margin:0px 0px 15px 0px; }
.netjoi_cnt_form label { display:inline-block; font-size:17px; font-weight:600; line-height:20px; margin:0px 0px 5px 0px; }
.netjoi_cnt_form input[type="text"],
.netjoi_cnt_form input[type="email"],
.netjoi_cnt_form input[type="tel"],
.netjoi_cnt_form input[type="date"],
.netjoi_cnt_form select,
.netjoi_cnt_form input[type="file"],
.netjoi_cnt_form textarea,
.netjoi_cnt_form input[type="submit"] {
  	background:#f9faff;
	border:solid 1px #d3d3d3;
	color: #949494;
	padding:18px !important;
	margin:0px;
	font-size:15px;
    line-height:20px;
    width:100%;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.netjoi_cnt_form input[type="text"]::-webkit-input-placeholder,
.netjoi_cnt_form input[type="email"]::-webkit-input-placeholder,
.netjoi_cnt_form textarea::-webkit-input-placeholder { color:#949494; }
.netjoi_cnt_form input[type="text"]:-ms-input-placeholder,
.netjoi_cnt_form input[type="email"]:-ms-input-placeholder,
.netjoi_cnt_form textarea:-ms-input-placeholder { color:#949494; }
.netjoi_cnt_form input[type="text"]::placeholder,
.netjoi_cnt_form input[type="email"]::placeholder,
.netjoi_cnt_form textarea::placeholder { color:#949494; }

.netjoi_cnt_form input[type="text"]:focus, .netjoi_cnt_form input[type="email"]:focus, .netjoi_cnt_form select:focus, .netjoi_cnt_form textarea:focus { border:solid 1px var(--color1); outline:0px }

.netjoi_cnt_form input[type="submit"]:focus { border:0px; outline:0px; }

.netjoi_cnt_form label + input[type="text"]:focus, .netjoi_cnt_form label + input[type="email"]:focus, .netjoi_cnt_form label + textarea:focus { color:var(--color1); }

.netjoi_cnt_form textarea { resize:none; height:150px; }

.netjoi_cnt_form input[type="submit"] { background:#2381ff; color:#fff; border:0px; border-radius:50px; cursor:pointer; font-size:17px; padding:10px 50px !important; width:auto; margin:auto !important; }
.netjoi_cnt_form input[type="submit"]:hover { background:var(--color1);  }

.netjoi_cnt_form_disclaimer { display:none;; font-size:15px; font-style:italic; line-height:24px; color:#909090; background:url('images/disclaiimer-icon.png') no-repeat 0px 0px; padding:0px 0px 0px 30px }

p.gform_required_legend { display:none; }
.gform_footer.top_label { padding:15px 0px 0px 0px !important; }

.netjoi_cnt_form .gfield_radio .gchoice {
  	background:#f9faff;
	border:solid 1px #d3d3d3;
	color: #949494;
	padding:0px 0px 0px 18px !important;
	margin-right:10px;
	margin:5px 10px 5px 0px;
    border-radius:10px;
    }
.netjoi_cnt_form .gfield_radio .gchoice label { line-height:16px; padding:15px 18px 15px 0px; }

@media (max-width: 1100px) {
	.container { width:100%; }

    h1 { font-size:34px !important; line-height:42px !important; }
    h2 { font-size:30px !important; line-height:38px !important; }
    h3 { font-size:26px !important; line-height:34px !important; }
    h4 { font-size:23px !important; line-height:28px !important; }
    .txt_size2 { font-size:18px; line-height:28px; }

    /*** Hero ***/
    #hero_section .hero_content p { font-size:16px; line-height:28px; }
}

@media (max-width: 960px) {
	.container { width:100%; }

    /*** Header ***/
    #site_header { padding:0px 0px; }
    
    #site_header nav.navbar #navbarNav { background:var(--yellow); border-radius:10px; }
    #site_header nav.navbar #navbarNav li a { font-size:18px; line-height:24px; font-weight:500; text-decoration:none; color:var(--nav); padding:10px 20px;  }
    #site_header nav.navbar #navbarNav li a:hover { color:var(--color2); background:var(--green); color:#fff; }
    
    #site_header nav.navbar #navbarNav li:first-child a { border:0; border-radius:10px 10px 0px 0px; }
    #site_header nav.navbar #navbarNav li:first-child a:hover { border:0; background:var(--green); color:#fff; }
    
    #site_header nav.navbar #navbarNav li:last-child a { border:0; border-radius:0px 0px 10px 10px; padding:10px 20px; }
    #site_header nav.navbar #navbarNav li:last-child a:hover { border:0; background:var(--green); color:#fff; }
    
    #site_header button.navbar-toggler { border:solid 2px var(--green); background:var(--green); }
    #site_header button.navbar-toggler:hover { border:solid 2px var(--primary); background: var(--primary); }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.narrow_container { width:100%; margin:0px auto; }
    
    .hd_rdiv { border:0; border-bottom:solid 3px #6A9845; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px;  }
    .txt_block { display:inline; }

    /*** Header ***/
    #site_header .hdr_icons { width:100%; }
    #site_header .hdr_icons ul { margin:0px; padding:0px; list-style:none; display:flex; align-items:center; justify-content:center; gap:20px; font-size:24px; }

    /*** Hero ***/
    #hero_section { text-align:center; }
    #hero_section.hero-inner { padding:30px 10px; }

    /*** Newsletter Section ***/
    .newsletter_section { padding:30px 0px 40px 0px; }
    .newsletter_form_block { width:100%; border-radius:20px; }
    .newsletter_form_block form { grid-template-columns:1fr; grid-gap:20px; }
    .newsletter_form_block button.std_btn { border-radius:15px; }
    
    #site_footer .footer_columns { padding-bottom:20px !important; }
    #site_footer .footer_nav ul { text-align:center; }

    /*** CTA Section ***/
    .cta_section .cta_content { padding:50px; text-align:center; }
    .cta_section .overlapped_image img { position:relative; margin:auto; display:block; }
    
    .mf_reviews_slider ul.slick-dots { bottom:-50px; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {	
	.mobile_spacer25 { margin-bottom:50px; }

	.container { width:100%; }

    h1 { font-size:32px !important; line-height:40px !important; }
    h2 { font-size:28px !important; line-height:36px !important; }
    h3 { font-size:24px !important; line-height:32px !important; }
    h4 { font-size:22px !important; line-height:24px !important; }
	
    section { padding:40px 10px; }
    section h2 { font-size:34px; line-height:44px; }

    /*** #site_footer ***/
    #site_footer { padding:20px 0px 20px 0px; }
    #site_footer .copyright, #site_footer .acpt_paycards { text-align:center;}


}