/* Fonts */
@font-face {
    font-family: Trebuchet;
    src: url(https://fs.go.iopw.com/fileserver/sites/153/fonts/Trebuchet_MS.ttf);
}
@font-face {
    font-family: Trebuchet-Bold;
    src: url(https://fs.go.iopw.com/fileserver/sites/153/fonts/Trebuchet_MS_Bold.ttf);
}

a { color: inherit!important; }

.main_header { display: none;}
.section-header {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
}
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm, .main_banner .gadgets_engage .inner .engage-button .writebuttonm, .main_side .gadgets_engage .inner .engage-button .writebuttonm { color: white!important; }
.main_paging>.inner>a {color:white!important; }
.section-banner { margin-top: 140px;} 
.banner-background-container {max-width: 1400px;   width:100%;  margin: 0 auto;height: 100%;position: relative;} 
.section-header-inner { background-color: white; -webkit-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5); box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);}
.section-header-inner .container-fluid { display: flex; align-items: center; justify-content: space-between; padding: 10px; max-width: 1350px; margin: 0 auto;}
.bottom_gadgets .gadgets_engage .inner .engage-button, .main_banner .gadgets_engage .inner .engage-button { background: transparent; }

.navbar-header, .navbar-menus { display: inline-block; float: right;}
.navbar-menus .navbar-nav { display: flex; align-items: center; }
.logo-image-span img { height: 140px; }
.navbar-toggle { display: none; background: none; border: 0;}
.navbar-toggle .sr-only { display: none; }
.navbar-toggle .icon-bar { background: #5cbbe6;width: 20px; height: 3px; display: block; margin: 3px 0;}
.navbar-nav {padding: 0;list-style: none; margin: 0;}
li.header-menu-1st a { text-decoration: none; }
li.header-menu-1st { margin: 0 10px;text-transform: uppercase;}
li.header-menu-1st a span {color: #5cbbe6; font-family: Trebuchet, sans-serif!important; padding-bottom: 2px; font-size: 1.4rem; }
li.header-menu-1st a:hover span { border-bottom: 2px solid #5cbbe6; }
li.header-menu-581 a { display: flex; align-items: center; border: 1px solid #96c145; -webkit-box-shadow: 0px 0px 5px 0px rgba(150,193,69,1); -moz-box-shadow: 0px 0px 5px 0px rgba(150,193,69,1); box-shadow: 0px 0px 5px 0px rgba(150,193,69,1); padding: 10px;}
li.header-menu-581 a:hover span { border-bottom: 2px solid #96c145; }

li.header-menu-581 a i { margin-right: 4px; color: #96c145; font-size: 1.4rem;}
li.header-menu-581 a span {color: #96c145!important; font-family: Trebuchet-Bold!important; font-size: 1.5rem;}

.header-menu-576 { position: relative; }
.header-menu-576 .fa { margin-left: 5px; }
.dropdown-menu {
    padding: 0;
    list-style: none;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    background: white;
    right: 0;
    width: 170px; 
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    top: calc(100% + 20px);
    border: 1px solid #e0e0e0;
}
.dropdown-menu li {
padding: 5px 15px;
text-transform: capitalize;
color: black;
font-family: Trebuchet, sans-serif;
}
.dropdown-menu li:hover a { color: black!important; }
.dropdown-menu.openDropdown { display: block; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);}

@media (max-width: 1060px) {
.section-header-inner .container-fluid { flex-direction: column; }
.navbar-toggle { display: inline-block; cursor: pointer; }
.navbar-toggle:focus { outline: none; }
.navbar-header {width: 100%; display: flex; justify-content: space-between;}
.navbar-toggle { order: 2;}
.navbar-menus .navbar-nav { flex-direction: column; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.navbar-menus .navbar-nav.navOpen { max-height: 2000px; }
li.header-menu-1st { margin: 10px 0; }
}

.banner-text1 { color: #ffffff; position: absolute; bottom: 20px; left: 0; text-align: left; font-family: Trebuchet-Bold, sans-serif!important;}
.banner-text1 h1 { font-family: Trebuchet-Bold, sans-serif!important; margin: 3px 0px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.banner-text1 h1:nth-child(3) {color: #c2e6a0;}
.banner-text1 p {margin: 3px 0px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.swiper-slide-background, .swiper-slide {height: 100%; }
.swiper-slide-background { background-size: cover; background-repeat: no-repeat;     background-position: center;}

.banner-text2.get-started {
    position: absolute;
    right: 50px;
    color: white;
    background: #74a44c;
    padding: 10px 50px;
    bottom: 35px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
    font-family: Trebuchet, sans-serif;
    font-size: 2rem;
    text-align: center;
}
.banner-text2.get-started a { color: white; }
.banner-text2.get-started a:hover { text-decoration: none; }
.banner-text2.get-started p:nth-child(1) { padding-bottom: 10px; }
.banner-text2.get-started p:nth-child(2) { border-top: 1px solid white; padding-top: 10px; }

@media (max-width: 1200px) {
.banner-text2.get-started { bottom: 70px; top: auto;  right: 20px;  font-size: 1.5rem;}
.banner-text2.get-started p:first-child { display: none; }
.banner-text2.get-started p:nth-child(2) { border: 0; margin: 0; padding: 0; }
.banner-text2.get-started p:nth-child(1) { padding-bottom: 0px; }
}

@media (max-width: 1060px) {
.swiper-wrapper { height: 350px!important; }
.banner-text1 { left: 17%; }

}
@media (max-width: 1000px) {
.swiper-wrapper { height: 300px!important; }
.swiper-slide-background {background-position: 25%;}
.banner-text1 {right: 30px; text-align: right; bottom: 70px; }
.banner-text1 h1 { font-size: 20px; }
.banner-text2.get-started { right: 5%; bottom: 20px; }
}

/* Footer */
.section-footer, footer { background-color: #74a44c!important; font-family: Trebuchet, sans-serif; }
.section-footer footer {position: relative; padding-bottom: 70px;}
.section-footer footer .contact p {font-size: 1.5rem ;}
.section-footer .the-map {height: 100%!important; position: absolute; top: 0; right: 0; }
.section-footer .the-map #gmap_canvas {height: 100%!important; pointer-events: none;  }
.section-footer .the-map #gmap_canvas .gm-style-iw { color: black; }
.section-footer footer .contact {width: 80%; max-width: 1350px; margin: 0 auto; }

@media screen and (max-width: 640px) {
.section-footer footer { display: flex; flex-direction: column; padding-top: 0px }
.section-footer .contact {order: 2; margin-top: 40px!important; }
.section-footer .the-map {position: inherit; width: 100%!important; height: 300px!important; }
}

.main_footer .inner .powered { width: 100%; text-align: center; padding: 20px; background: black!important;  }
.main_footer .inner .powered a { color: white; font-weight: bold; }
.main_footer .inner { width: 100%; max-width: none; padding: 0; color: white;}
.main_footer .inner .copyright { width: 100%; }
.main_footer .inner .copyright .contact { width: 80%; max-width: 1350px; margin: 0 auto; padding: 60px 0;}
.main_footer .inner .copyright .contact h1 { font-family: Trebuchet-Bold,sans-serif; font-size: 3.5rem; margin-bottom: 15px;}

.gadgets h2 { font-family: Trebuchet-Bold, sans-serif!important; margin-bottom: 15px; }
.gadgets_category ul.category { list-style: none; padding: 0;}
.gadgets_category ul.category>li>div a { padding: 10px 0; margin: 0; border-bottom: 1px solid #666;}
.gadgets_category ul.category>li#ct-3988>div a { border-bottom: 0; }

.main_side .gadgets_engage .inner .engage-button { background: none; padding: 0;}
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm, .main_banner .gadgets_engage .inner .engage-button .writebuttonm, .main_side .gadgets_engage .inner .engage-button .writebuttonm { border-radius: 0; box-shadow: none; background: #5cbbe6; font-family: Trebuchet-Bold, sans-serif; font-weight: normal; padding: 15px; }
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_banner .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_side .gadgets_engage .inner .engage-button .writebuttonm:hover { background: #74a44c; }

.fancylogin.writebuttonm { color: white!important; }

@media screen and (max-width: 799px) {
#d-side-0, .d-side-0 {
    display: block!important;
}
}

.popular_post article h3 {
    font-size: 1.4rem;
    margin-bottom: 15px;
    line-height: 2rem;
}