@font-face {
    font-family: 'dubairegular';
    src: url('fonts/dubai-regular-webfont.woff2') format('woff2'),
         url('fonts/dubai-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dubaibold';
    src: url('fonts/dubai-bold-webfont.woff2') format('woff2'),
         url('fonts/dubai-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent;
    text-decoration:none;
    quotes:none;
    list-style:none;
}
html, body {
  height:100%;
}

html{
  scroll-behavior: smooth;
}

body:unresolved{
    opacity:0;
}

body{
	font-size: 1.0625em;
    margin:0 ;
    padding:0;
    line-height:1;
    opacity:1;
    -webkit-text-size-adjust:none;
}
::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #000000;
}
::selection {
    color: #ffffff;
    background: #000000;
}
article, aside, footer, header, hgroup, nav, section, figure, figcaption{display:block; margin:0;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input,textarea{-webkit-border-radius:0;border-radius:0;font-family: 'dubairegular';}
input[type=submit],
input[type=button]{-webkit-appearance:none;}
button{font-family: 'dubaibold';}
blockquote:before, blockquote:after, q:before, q:after{content: '';content:none;}
:focus{outline:0;}
::-moz-focus-inner {border:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
*, *:after, *:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
}
a{
    transition: all 0.9s ease;
    outline:none;
    text-decoration: none;
    font-family: 'dubaibold';
}
.clearfloat{ clear:both;}
body h1{ font-size:32px;font-family: 'dubaibold';}
body h2{ font-size:20px;font-family: 'dubaibold';}
body h3{ font-size:18px;font-family: 'dubaibold';}
body h4{ font-size:16px;font-family: 'dubaibold';}
body h5{ font-size:14px;font-family: 'dubaibold';}
body h6{font-size: 0.9em;font-family: 'dubaibold';}
body p{
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    font-family: 'dubairegular';
    margin: 0;
    padding: 0;
}
img{
    width:100%;
    display:block;
    transition:all 1s ease;
    margin: auto;
}
.container{
    width: 100%;
    float: left;
}

.back-button{
    width: 100%;
    float: left;
    margin-top: 36px;
    margin-bottom: 18px;
}

/*--============================================ BEGINING OF HEADER STYLING =======================================================--*/
.header-wrapper{width: 100%;float: left;z-index: 999999999;}
.desktop-header-wrapper{width: 100%;float: left;position: fixed;background-image: url(../images/header-bg.jpg);background-size: contain;background-repeat: repeat;z-index:999999;}
.header-logo-wrapper{width: 15%;float:left;padding: 0px 5px 0px 2em;position:relative;}
.header-logo-wrapper a{margin: auto;}
.header-logo-wrapper img{width: 90px;z-index:99;float: left;position:absolute;top:5px;}
.top-header-wrapper{width: 85%;float: right;padding: 0 1em;}
.top-header-wrapper ul{width: 100%;float: left;display: block;}
.top-header-wrapper ul li{display: inline-block;}
.top-header-wrapper ul li a{float: left;padding: 20px 20px;color: #006a35;font-size: 13px;/* margin: 0 0 -3px 0; */text-transform: uppercase;}
.top-header-wrapper ul li a:hover{color:#efd075;}
.top-header-wrapper ul li a.active-top-header-link{color: #efd075;}
.top-header-wrapper ul.left-unordered-lists{text-align: center;}
.top-header-wrapper ul.left-unordered-lists li{}
.top-header-wrapper ul.left-unordered-lists li a{}
.top-header-wrapper ul.left-unordered-lists li.hover-dropdown{
    position: relative;
}
.top-header-wrapper ul.left-unordered-lists li.hover-dropdown:hover ul.dropdown{
    display: block;
    transition: all 0.9s ease;
}
.top-header-wrapper ul.dropdown{
    display: none;
    transition: all 0.9s ease;
    text-align: center;
    position: absolute;
    width: 250px;
    background-color: #034222;
    padding: 0;
    top: 55px;
    z-index: 99999;
    left: -80px;
    margin: auto;
}
.dropdown-lists {
    position: relative;
    width: 100%;
    float: left;
}
.dropdown-lists:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(250, 0, 0, 0);
    border-bottom-color: #0a5730;
    border-width: 5px;
    margin-left: -5px;
}
.top-header-wrapper ul.dropdown li{
    display: block;
    width: 100%;
    float: left;
    padding: 0;
}
.top-header-wrapper ul.dropdown li a{
    float: left;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    padding: 13px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-top: none;
    font-size: 12px;
    margin: 0;
}
.top-header-wrapper ul.dropdown li a:hover{
    background-color: #ffffff;
    color: #efd075;
    /*border-top: 1px solid #034222;*/
    border-bottom: 1px solid #efd075;
}
.top-header-wrapper ul.dropdown li a.active-dropdown-link{
    background-color: #ffffff;
    color: #efd075;
    /*border-top: 1px solid #034222;*/
    border-bottom: 1px solid #efd075;
}
.top-header-wrapper ul.dropdown li a i{float:right;}

.top-header-wrapper ul.left-unordered-lists li.hover-dropdown2{
    position: relative;
}
.top-header-wrapper ul.left-unordered-lists li.hover-dropdown2:hover ul.dropdown2{
    display: block;
    transition: all 0.9s ease;
}
.top-header-wrapper ul.dropdown2{
    display: none;
    transition: all 0.9s ease;
    text-align: center;
    position: absolute;
    width: 250px;
    background-color: #034222;
    padding: 0;
    top: 0px;
    z-index: 99999;
    left: 250px;
    margin: auto;
}
.dropdown-lists2 {
    position: relative;
    width: 100%;
    float: left;
}
.dropdown-lists2:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(250, 0, 0, 0);
    border-bottom-color: #0a5730;
    border-width: 5px;
    margin-left: -5px;
}
.top-header-wrapper ul.dropdown2 li{
    display: block;
    width: 100%;
    float: left;
    padding: 0;
}
.top-header-wrapper ul.dropdown2 li span{
    border-radius: 50%;
    color: #034222;
    transition: all 0.9s ease;
    width: 15px;
    height: 15px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0px 0 0 0;
    float: right;
    font-size: 10px;
    font-family: 'dubairegular';
    margin: -8px 0 0 0px;
}
.top-header-wrapper ul.dropdown2 li:hover span{
    background-color: #034222;
    color: #ffffff;
    transition: all 0.9s ease;
}
.top-header-wrapper ul.dropdown2 li a{
    float: left;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    padding: 13px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-top: none;
    font-size: 12px;
    margin: 0;
}
.top-header-wrapper ul.dropdown2 li a:hover{
    background-color: #ffffff;
    color: #034222;
    /*border-top: 1px solid #034222;*/
    border-bottom: 1px solid #034222;
}
.top-header-wrapper ul.dropdown2 li a.active-dropdown-link{
    background-color: #ffffff;
    color: #034222;
    /*border-top: 1px solid #034222;*/
    border-bottom: 1px solid #034222;
}
.top-header-wrapper ul.right-unordered-lists{text-align: center;}
.top-header-wrapper ul.right-unordered-lists li{}
.top-header-wrapper ul.right-unordered-lists li a{}
.top-header-wrapper ul li.desktop-cart{}
.top-header-wrapper ul li.desktop-cart a{position: relative;}
.top-header-wrapper ul li.desktop-cart span{border-radius:50%;color:#0a5730;transition:all 0.9s ease;width: 15px;height: 15px;text-align: center;background-color: #ffffff;border:1px solid #ffffff;padding: 0px 0 0 0;float: right;font-size: 10px;font-family: 'dubairegular';margin: -8px 0 0 1px;}
.top-header-wrapper ul li.desktop-cart a.hover span{transition: all 0.9s ease;background-color: transparent;color: #ffffff;}
.top-header-wrapper ul li.header-search-form{
    float: right;
    padding: 15px 0 0 0;
}
.top-header-wrapper ul li.header-search-form i{width: 20px;height: 20px;text-align: center;background-color: #0a5730;border:1px solid #0a5730;padding: 3px 0 0 0;color: #ffffff;transition: all 0.9s ease;font-size: 10px;border-radius: 50%;margin: 4px 0 0 0;cursor: pointer;}
.top-header-wrapper ul li.header-search-form i:hover{background-color: #ffd36b;border:1px solid #ffd36b;color: #ffffff;transition: all 0.9s ease;}
.bottom-header-wrapper{width: 100%;float: left;background-color: #f05a22;padding: 0 5em;position: fixed;top: 35px;z-index:9;}
.bottom-header-wrapper ul{width: 50%;float: left;display: block;}
.bottom-header-wrapper ul li{display: inline-block;/* float: left; */}
.bottom-header-wrapper ul li a{float: left;padding: 20px 10px;color: #ffffff;font-size: 13px;border-bottom: 2px solid transparent;margin: 0 0 -3px 0;}
.bottom-header-wrapper ul li a:hover{border-bottom: 2px solid #0a5730;}
.bottom-header-wrapper ul li a.active-bottom-header-link{border-bottom: 2px solid #0a5730;}
.bottom-header-wrapper ul.left-unordered-lists{text-align: left;}
.bottom-header-wrapper ul.left-unordered-lists li{
    text-align: left;
    padding: 0 25px 0 0;
}
.bottom-header-wrapper ul.left-unordered-lists li a{}
.bottom-header-wrapper ul.right-unordered-lists{text-align: right;}
.bottom-header-wrapper ul.right-unordered-lists li{
    /* text-align: right; */
    padding: 0 0 0 45px;
}
.bottom-header-wrapper ul.right-unordered-lists li a{}
.search-display{
    display: none;
    width: 100%;
    float: left;
    position: relative;
    top: 57px;
    z-index: 99999999;
}
.search-display input{
    width: 100%;
    float: left;
    padding: 15px 4em 15px 2em;
    border: none;
    background-color: #e9e9e9;
    display: block;
}
.search-display button{
    position: absolute;
    right: 1.2em;
    top: 17px;
    border: none;
    background-color: transparent;
    color: #0a5070;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.9s ease;
}
.search-display button:hover{
    color: #212121;
    transition: all 0.9s ease;
}
.mobile-header-wrapper{display: none;width: 100%;float: left;background-color:#f7f7f7;}
.visible-mobile{width: 100%;float: left;}
.mobile-logo-wrapper{width: 33.3333%;float: left;padding: 10px;}
.mobile-logo-wrapper a{}
.mobile-logo-wrapper img{float: left;width: 90px;}
.mobile-cart{width: 33.3333%;float: left;padding: 10px;text-align: center;}
.mobile-cart li{width: 100%;float: left;text-align: center;}
.mobile-cart li a{float: left;position: relative;color: #f05a22;text-align: center;}
.mobile-cart li a span{top: 0;right: 0;width: 30px;height: 30px;text-align: center;padding: 4px 0 0 0;}
.menu-icon{float: right;padding: 20px 0 0 0;}
.drop-bars{float: right;padding: 0 2%;color: #ffffff;font-size: 2em!important;cursor: pointer;}
#toggle {display: none;}
#cross {display: none;}
#toggle + label {display: inline-block;float:right;padding: 1px 15px;width:auto;}
#toggle + label:before{display: none;}
#toggle + label:after{display: none;}
#toggle + label i {font-size: 2em;color: #0a5730;}
#toggle:checked + label i#bars {display: none;}
#toggle:checked + label i#cross {display: block;}
#toggle:checked ~ #menu {height: 85px;}
.hidden-mobile{
    display: none;
    width: 100%;
    float: left;
    background-color: #eaeaea;
}
.hidden-mobile ul{
    width: 100%;
    float: left;
}
.hidden-mobile ul li{
    width: 100%;
    float: left;
}
.hidden-mobile ul li a{
    width: 100%;
    float: left;
    padding: 15px;
    border-bottom: 1px solid #b7b7b7;
    font-size: 13px;
    text-transform: uppercase;
    color: #212121;
}
.hidden-mobile ul li a.active-mobile-header-link{
    background-color: #0a5730;
    color: #ffffff;
}
.hidden-mobile ul li a i{float:right;}
.hidden-mobile ul li ul.mobile-dropdown{
    width: 100%;
    float: left;
    padding: 5px 20px;
    background-color: #ddd;
    display: none;
}
.hidden-mobile ul li ul.mobile-dropdown li{
    width: 100%;
    float: left;
}
.hidden-mobile ul li ul.mobile-dropdown li a{
    width: 100%;
    float: left;
}
.hidden-mobile ul li ul.mobile-dropdown{
    width: 100%;
    float: left;
    padding: 5px 20px;
    background-color: #ddd;
    display: none;
}
.hidden-mobile ul li ul.mobile-dropdown li{
    width: 100%;
    float: left;
}
.hidden-mobile ul li ul.mobile-dropdown li a{
    width: 100%;
    float: left;
}
.mobile-search{
    width: 100%;
    float: left;
    position: relative;
}
.mobile-search input{
    background-color: #eaeaea;
    width: 100%;
    float: left;
    padding: 13px;
    border: none;
}
.mobile-search button{
    position: absolute;
    right: 30px;
    top: 15px;
    border: none;
    color: #212121;
}
:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
/*--============================================ END OF HEADER STYLING =======================================================--*/



/*--============================================ BEGINING OF FOOTER STYLING =======================================================--*/
.footer-wrapper{width: 100%;float: left;}
.top-footer-wrapper{width: 100%;float: left;background-color: #fbfbfb;padding: 20px 1em;}
.footer-columns{float: left;padding: 20px;}
.footer-column1{width: 20%;}
.footer-column2{width: 25%;}
.footer-column3{width: 50%;}
.footer-column4{width: 25%;}
.footer-columns h3{color: #a5a5a5;cursor: pointer;text-align: left;font-size: 14px;padding: 0 0 20px 0;text-transform:uppercase;}
.footer-columns span{float: left;color: #a5a5a5;}
.footer-columns i{float: right;display: none;}
.footer-columns ul{width: 100%;float: left;}
.footer-columns ul li{float: left;}
.footer-column3 ul li{width: 50%;float: left;}
.footer-column2 ul li{width: 100%;float: left;}
.footer-columns ul li a{width: 100%;float: left;padding: 10px 0;color: #636363;opacity: 0.5;font-size: 13px;font-family: 'dubairegular';}
.footer-columns ul li a:hover{opacity: 1;}
.footer-columns ul li a.active-footer-link{opacity: 1;}
.footer-logo img{width: 150px;float: left;}
.footer-column4 h3{width: 100%;float: left;font-size: 14px;text-transform: uppercase;}
.footer-column4 form{width: 100%;float: left;padding: 20px 0;}
.footer-column4 form input{width: 100%;float: left;padding: 13px;background-color: transparent;border: 1px solid #ffd36b;margin: 10px 0;color: #636363;border-radius:100px;}
.footer-column4 form input::placeholder{color: #646464;font-size: 14px;}
.footer-column4 form button{width: 100%;float: left;background-color: #ffd36b;text-align: center;text-transform: uppercase;color: #ffffff;transition: all 0.9s ease;cursor: pointer;padding: 10px;border: none;border-radius:100px;}
.footer-column4 form button:hover{background-color:#ffffff;color: #ffd36b;transition: all 0.9s ease;}
.footer-column4 h4{color: #636363;padding: 10px 0 10px 0;}
.footer-column4 p{color: #636363;padding: 4px 0;}
.footer-column4 a{color: #636363;padding: 10px 0 10px 0;float:left;}
.footer-column4 a:hover{color: #ffd36b;}
.bottom-footer-wrapper{width: 100%;float: left;background-color: #f05a22;padding: 10px 5em;}
.footer-social{
    /* width: 100%; */
    float: left;
    padding: 0px 0px 0px 0px;
}
.footer-social ul{
    width: 100%;
    float: left;
    text-align: right;
    padding: 0 0px;
}
.footer-social ul li{
    display: inline-block;
    padding: 2px;
    width: auto;
}
.footer-social ul li a{
    width: 30px;
    height: 30px;
    background-color: #ffd36b;
    border: 1px solid #ffd36b;
    border-radius: 50%;
    text-align: center;
    padding: 7px 0 0 0;
    color: #3c6a3b;
    font: normal normal normal 14px/1 FontAwesome;
    opacity:1;
}
.footer-social ul li a:hover{
    background-color: transparent;
    /*color: #ffd36b;*/
    border: 1px solid #3c6a3b;
}
.footer-copyright{
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #ccc;
}
.footer-copyright p{
    text-align: right;
    color: #a5a5a5;
    font-size: 11px;
    padding: 7px 0 0 0;
}
.go-top {position: fixed;bottom: 12.1em;right: 0;margin:auto;text-decoration: none;color: #ffffff;background-color: #212121;font-size: 25px;padding: 6px 2px 2px 2px;display: none;font-weight: bolder;width: 35px;height: 35px;text-align: center;}
.go-top p{display:none;}
.go-top i{}
.go-top:hover {background-color: #fa0000;color: #ffffff;}
/*--============================================ END OF FOOTER STYLING =======================================================--*/


/*--============================================ BEGINING OF ABOUT US PAGE STYLING =======================================================--*/
.about-wrapper{
    width: 100%;
    float: left;
}
.about-us-banner{
    width: 100%;
    float: left;
    position: relative;
}
.about-us-banner img{
    width: 100%;
    float: left;
}
.about-us-banner-caption{
    position: absolute;
    bottom: 80px;
    left: 30px;
    background-color: rgb(198, 156, 58, 0.2);
    padding: 30px 30px;
    border-radius: 15px;
    /*z-index:999999;*/
}
.about-us-banner-caption h1{
    text-transform: uppercase;
    font-size: 3.5em;
    color: #ffffff;
}
.about-us-banner-caption h2{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 4em;
}
.about-us-banner-caption span{
    font-weight: 100;
    font-family: 'dubairegular';
    color:#ffffff;
}

span.sana_part {
    color: green;
	font-weight:bold
}

span.wema_part {
    color: #e5af3f;
	font-weight:bolder
}
span.main-subheading {
	font-size: 18px;
	color: #E0E0E0
}

.about-us-banner-caption h4{text-transform: uppercase;
    font-size: 5.5em;
    color: #4a4a4a;}
.about-us-banner-caption p{color:#4a4a4a;padding:10px 0;}
.about-us-banner-caption a{padding:10px 40px;
    float: left;
    background-color: #efb94a;
    border: 1px solid #efb94a;
    color: #ffffff;
    border-radius:100px;
    text-transform:uppercase;
    font-size:13px;
}
.about-us-banner-caption a:hover{
    background-color:#ffffff;
    border: 1px solid #ffffff;
    color:#efb94a;
}

.about-us-banner-caption img{width:400px;}
.about-video-details{
    width: 100%;
    float: left;
}
.about-details{
    width: 70%;
    float: left;
    padding: 30px;
}
.about-details p{
    padding: 10px 0;
    color: #666666;
    font-size: 15px;
}
.about-details p span{font-family: 'dubaibold'}
.about-share{
    float: left;
    padding: 0 20px;
    border: 1px solid #3b693b;
    border-radius:200px;
}
.about-share h5{
    float: left;
    padding: 13px 10px 13px 0;
    border-right: 1px solid #3c6a3b;
    text-transform: uppercase;
    color: #3b693b;
}
.about-share ul{
    float: left;
    padding: 6px 0 0 10px;
    width:auto!important;
}
.about-share ul li{
    display: inline-block;
    padding: 2px!important;
    width:auto!important;
    height:auto!important;
}
.about-share ul li a{
    width: 24px!important;
    height:24px;
    background-color: #3c6a3b!important;
    border: 1px solid #3c6a3b;
    border-radius: 50%;
    text-align: center;
    padding: 5px 0 0 0;
    color: #ffffff;
    font-size:12px;
}
.articles-thumbnail-share{padding:0!important;border:none!important;}
.articles-thumbnail-share i{padding:11px 0 0 0;}
.about-share ul li a:hover{
  color: #3b693b;
  background-color: #ffffff!important;
}
.about-video{
    width: 30%;
    float: left;
}
.about-values{
    width: 100%;
    float: left;
}
.about-values ul{
    width: 100%;
    float: left;
}
.about-values ul li{
    width: 50%;
    float: left;
    text-align: center;
    padding: 30px 10px;
}
.about-values ul li:nth-child(1){background-image: url(../images/values-bg-1.jpg);background-position: top;background-repeat: repeat;background-size: cover;}
.about-values ul li:nth-child(2){background-image: url(../images/values-bg-2.jpg);background-position: top;background-repeat: repeat;background-size: cover;}
.about-values ul li:nth-child(3){background-image: url(../images/values-bg-2.jpg);background-position: top;background-repeat: repeat;background-size: cover;}
.about-values ul li:nth-child(4){background-image: url(../images/values-bg-1.jpg);background-position: top;background-repeat: repeat;background-size: cover;}
.about-values ul li:nth-child(1) h5{color: #ffd36b;}
.about-values ul li:nth-child(2) h5{color: #3b693b;}
.about-values ul li:nth-child(3) h5{color: #3b693b;}
.about-values ul li:nth-child(4) h5{color: #ffd36b;}
.about-values ul li img{
    width: 100px;
}
.about-values ul li h5{
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 15px;
}
.video-iframe{
    width: 100%;
    float: left;
    display:none;
}
.video-iframe iframe{width: 100%;float: left;display: block;height: 500px;}
.about-recommended{
    width: 100%;
    float: left;
    padding: 50px;
    background-color: #f2d57f;
}
.about-recommended-title{width: 100%;float: left;padding: 20px 0;}
.about-recommended-title h3{text-transform: capitalize;color: #3c6a3b;padding: 0 0 5px 0;}
.about-recommended-title span{width: 60px;height: 4px;background-color: #3c6a3b;float: left;}
.media-lists{
    width: 100%;
    float: left;
}
.media-lists ul{}
.media-lists ul li{}
.media-lists ul li a{
    position: relative;
}
.media-image{}
.media-image img{}
.media-caption{
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #ffffff;
}
.media-caption h3{
    color: #2e353a;
    width: 100%;
    float: left;
}
.media-caption p{
    width: 100%;
    float: left;
    color: #2e353a;
    padding: 10px 0;
}
.date-reactions{
    width: 100%;
    float: left;
    padding: 10px 0;
}
.media-date{
    width: 50%;
    float: left;
}
.media-date h5{
    color: #3c6a3b;
}
.media-share-number{
    width: 50%;
    float: left;
}
.media-share-number b{
    display: inline-block;
    padding: 0 5px;
}
.media-share-number b i{
    float: left;
    padding: 0 5px;
    color: #ffd36b;
}
.media-share-number b h5{
    float: left;
    color: #3c6a3b;
}
.relative-media-image{}
.absolute-media-caption{
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(46, 53, 58, 0.43);
    color: #ffffff;
    padding: 30px;
}
.absolute-media-caption h3{color: #ffffff;}
.absolute-media-caption p{color: #ffffff;}
/*--============================================ END OF ABOUT US PAGE STYLING =======================================================--*/


/*--============================================ BEGINING OF GALLERY PAGE STYLING =======================================================--*/
.gallery-banner{width: 100%;float: left;position: relative;}
.gallery-banner-caption{position: absolute;top: 50%;width: 100%;text-align: center;}
.gallery-banner-caption h1{font-size: 8em;text-transform: uppercase;color: rgba(0, 0, 0, 0.4);}

/*--============================================ END OF GALLERY PAGE STYLING =======================================================--*/


/*--============================================ BEGINNG OF HOME PAGE STYLING =======================================================--*/
.home-banner-slider{
    width:100%;float:left;position:relative;background-size:cover;background-repeat:no-repeat;}
.home-bg-slider{background-image:url(../images/sec-banner.png);}
.sections-bg-slider{background-image:url(../images/quran-banner.jpg);}
.economics-bg-slider{background-image:url(../images/economics-banner.jpg);}
.family-bg-slider{background-image:url(../images/family-banner.jpg);}
.fatwas-bg-slider{background-image:url(../images/fatwas-banner.jpg);}
.fiqh-bg-slider{background-image:url(../images/figh-banner.jpg);}
.global-outlook-bg-slider{background-image:url(../images/global-outlook-banner.jpg);}
.hadith-bg-slider{background-image:url(../images/hadith-banner.jpg);background-position:right;}
.opinions-bg-slider{background-image:url(../images/opinions-banner.jpg);}
.personalities-bg-slider{background-image:url(../images/personalities-banner.jpg);}
.perspectives-bg-slider{background-image:url(../images/perspectives-banner.jpg);}
.reflections-bg-slider{background-image:url(../images/reflections-banner.jpg);}
.seerah-bg-slider{background-image:url(../images/seerah-banner.jpg);}
.slider-copy{
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
}
.slider-image img{width:100%;float:left;}
.display-caption{
    height:100%;
    display: table;
}
.slider-vertical{
    display: table-cell;
    vertical-align: middle;
    padding: 50px;
}
.white-vertical{
    background-color: rgba(255, 255, 255, 0.75);
    float:left;
    padding:30px;
}
.slider-copy h1{
    color: #ffd36b;
    font-size: 27px;
    padding: 0px;
    text-transform: capitalize;
    font-family: 'dubaibold';
}

.slider-copy h2{
    color: #ffd36b;
    font-size: 2.7em;
    padding: 0px;
    text-transform: capitalize;
    font-family: 'dubaibold';
}
.slider-copy h1 span{
    font-family: 'dubairegular';
}

.slider-copy p{color: #ffd36b;padding: 20px 0;font-size:16px;float:left;width:100%;}


.slider-copy a{
    font-size: 13px;
    padding: 13px 20px;
    float:left;
    width:140px;
    text-transform: uppercase;
    text-align: center;
    color: #ffd36b;
    border: 1px solid #ffd36b;
    z-index:999999999999;
}
.slider-copy a:hover{
    background-color: #ffffff;
    color: #3c6a3b;
    border: 1px solid #ffffff;
}

.home-sections{
display:none;
width: 100%;

float: left;
}
.home-sections ul{
    width: 100%;
    float: left;
}
.home-sections ul li{
    width: 25%;
    float: left;
    padding: 10px;
    height: 450px;
  
}
.home-sections ul li:nth-child(1){
    background-color:#006a35;
}
.home-sections ul li:nth-child(2){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(3){
    background-color:#006a35;
}
.home-sections ul li:nth-child(4){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(5){
    background-color:#006a35;
}
.home-sections ul li:nth-child(6){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(7){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(8){
    background-color:#006a35;
}
.home-sections ul li:nth-child(9){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(10){
    background-color:#006a35;
}
.home-sections ul li:nth-child(11){
    background-color:#c69c3a;
}
.home-sections ul li:nth-child(12){
    background-color:#006a35;
}
.home-sections ul li a{}
.home-sections ul li a img{
    opacity:0.5;
}
.display-home-articles{display:none;}
.home-section-caption{
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #ffffff;
}
.home-section-caption h4{}
.home-sections-title{
    width: 100%;
    float: left;
    padding: 30px;
}
.home-sections-title h3{
    color: #3c6a3b;
}
.home-sections-title span{
    width: 30px;
    float: left;
    height: 4px;
    background-color: #3c6a3b;
}
.home-articles{
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #f7f7f7;
}
.home-articles ul{
    width: 100%;
    float: left;
}
.home-articles ul li{
    width: 25%;
    float: left;
    padding: 10px;
    /*height: 470px;*/
}
.home-articles ul li a{
    width: 100%;
    float: left;
    /*background-color:#ffffff;*/
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.home-articles ul li a:hover{
    background-color: #fdd67b38;
}
.home-articles ul li a img{}
.home-articles-copy{
    padding: 0;
    border: 1px solid rgba(60, 106, 59, 0.38);
    border-top: none;
    width: 100%;
    float: left;
    height:255px;
}

.home-articles-copy p{
    padding: 0 10px 10px 10px;
    color: #848484;
}
.home-articles-copy span{
    padding: 0 10px 0px 10px;
    color: #848484;
    font-size:10px;
    font-family: 'dubairegular';
}
.home-articles-copy b{
    color: #696969;
    font-size: 11px;
    padding: 7px 20px;
    border: 1px solid #d6d5d5;
    float: left;
    text-transform: uppercase;
    border-radius: 100px;
    float: left;
    margin: 10px;
}
 .home-articles-copy b.read-more{}

.home-articles-copy b i{
    float: left;
    padding: 4px 0px 0 20px;
}
.home-articles-copy b p{
    float: left;
    padding: 0;
    color: #696969;
    font-size: 13px;
}
.home-articles-copy b p a{
    float: left;
    color: #3c6a3b;
    padding: 0 0 0 10px;
    font-size:14px;
}
.home-articles-copy b p a:hover{
    color:#fdd67b;
    background-color:transparent!important;
}
.home-articles-title{
    width: 100%;
    float: left;
    padding: 20px 20px;
}
.home-articles-title h3{
    color: #3c6a3b;
    padding: 0 0 3px 0;
}
.home-articles-title span{
    width: 30px;
    height: 4px;
    float: left;
    background-color: #3c6a3b;
}

/*--============================================ END OF HOME PAGE STYLING =======================================================--*/

/*--=================================================== BEGINNG OF SECTION PAGE STYLING ==============================================================--*/
.sections-lists-details-wrapper{width:100%;float:left;display:table;}
.section-links{width:25%;display:table-cell;vertical-align:top;background-color:#3c6a3b;}
.section-links ul{
    width:100%;
    float:left;
    /* position: sticky; */
    /* top:65px; */
}
.section-links ul li{width:100%;float:left;}
.section-links ul li{width:100%;float:left;padding: 0;color: #f2d57f;border-bottom: 1px solid rgba(27, 45, 12, 0.29);font-family:'dubairegular';transition:all 0.9s ease;}
.section-links ul li:hover{/* background-color:#f2d57f; */color: #ffffff;/* border-bottom:1px solid #f2d57f; */transition:all 0.9s ease;}
/*.section-links ul li a.active-section-link{background-color:#f2d57f;color:#ba9b44;border-bottom:1px solid #f2d57f;}*/
.section-dropdown-lists {
    width: 100%;
    float: left;
    /* border-bottom: 1px solid #d0d0d0; */
    /* padding: 40px 0 0 0; */
}

.section-dropdown-lists li{
  width: 100%!important;
  float: left;
  /* background-color: #ffffff!important; */
  /* margin: 20px 0 0px 0; */
  /* border-top: 1px solid #d0d0d0; */
  /* border-bottom: 1px solid #d0d0d0; */
}


.section-dropdown-lists li h6{
  float: left;
  padding: 0px 0 0 0;
  color: #1b2d0c;
  font-family: 'dubairegular';
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.section-dropdown-lists .link {
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    padding: 10px 10px;
    /* color: #b8b8b8; */
    font-size: 14px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    float: left;
    width: 100%;
    font-family: 'dubairegular';
    border-bottom: 1px solid rgb(26 44 12 / 18%);
    line-height:22px;
}

.section-dropdown-lists .link2 {
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    padding: 10px 10px;
    /* color: #b8b8b8; */
    font-size: 13px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    float: left;
    width: 100%;
    font-family: 'dubairegular';
    border-bottom: 1px solid rgb(26 44 12 / 18%);
}

.section-dropdown-lists li:last-child .link { border-bottom: 0; }

.section-dropdown-lists li:last-child .link2 { border-bottom: 0; }

.section-dropdown-lists li i {
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 14px;
    color: #1b2d0c;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.section-dropdown-lists li i.fa-angle-down {

}

.section-dropdown-lists li.open .link {
     background-color: #f2d57f;
     font-weight: 900;
     transition: all 0.4s ease;
}

.section-dropdown-lists li.open .link2 {
     background-color: #f2d57f;
     font-weight: 900;
     transition: all 0.4s ease;
}

.section-dropdown-lists li.open i {color: #ba9b44;}

.section-dropdown-lists li.open h6{color: #ba9b44;}

.section-dropdown-lists li.open i.fa-angle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    font-size: 14px;
    padding: 10px 15px;
    float: left;
    width: 100%;
    position:relative;
    /*border-top: 1px solid #d0d0d0;*/
    max-height: 300px;
    overflow-y: scroll;
}
.submenu p{
    color: #66666;
    line-height: 1.7em;
}

.submenu li { border:none!important;
    line-height: 22px!important;font-family: 'latoregular', sans-serif; }
.submenu h3{}
.submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border-bottom: 1px solid rgb(59 88 34 / 39%);
    padding: 10px;
}

.submenu a:hover {
    /* background: #b63b4d; */
    color: #FFF;
}



.submenu2 {
    display: none;
    font-size: 14px;
    padding: 10px 15px;
    float: left;
    width: 100%;
    position:relative;
    /*border-top: 1px solid #d0d0d0;*/
    max-height: 300px;
    overflow-y: scroll;
}
.submenu2 p{
    color: #66666;
    line-height: 1.7em;
}

.submenu2 li { border:none!important;
    line-height: 22px!important;font-family: 'latoregular', sans-serif; }
.submenu2 h3{}
.submenu2 a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border-bottom: 1px solid rgb(59 88 34 / 39%);
    padding: 10px;
}

.submenu2 a:hover {
    /* background: #b63b4d; */
    color: #FFF;
}




.section-lists{
    width: 100%;
    display:block;
    float:left;
    padding: 10px;
    background-color: #fefefe;
}
.section-lists h4{color:#3c6a3b;padding:0 20px;}
.section-lists ul{
    width: 100%;
    float: left;
}
.section-lists ul li{
    width: 33.333%;
    float: left;
    padding: 10px;
    /*height: 500px;*/
}
.section-lists ul li a{
    width: 100%;
    float: left;
    background-color:#ffffff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.section-lists ul li a:hover{
    background-color: #fdd67b38;
}
.section-lists ul li a img{}
.home-articles-copy{
    padding: 0;
    border: 0.5px solid rgb(213 216 213 / 59%);
    border-top: none;
    width: 100%;
    float: left;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.home-articles-copy h6{
    color: #3c6a3b;
    text-transform: uppercase;
    width: 100%;
    float: left;
    padding: 5px 5px 0 5px;
    text-align:right;
    font-size:11px;
}
.home-articles-copy h4{
    color: #3c6a3b;
    /*text-transform: uppercase;*/
    width: 100%;
    float: left;
    padding: 5px 5px 0 10px;
    text-align:left;
    font-size:11px;
}
.home-articles-copy h1{
    color: #c69c3a;
    padding: 10px 10px 10px 10px;
    width: 100%;
    float: left;
    font-size:15px;
    text-transform:uppercase;
    /*height:100px;*/
}
/*.home-articles-copy b{*/
/*    width: 50%;*/
/*    float: left;*/
/*    border-top: 1px solid rgba(60, 106, 59, 0.38);*/
/*    padding: 10px 20px;*/
    
/*}*/
 /*.home-articles-copy b.date-border{border-right: 1px solid rgba(60, 106, 59, 0.38);}*/
.home-articles-copy b:nth-child(1){}
.home-articles-copy b i{
    float: left;
    color: #c69c3a;
}
/*.home-articles-copy b p{*/
/*    float: left;*/
/*    color: #3c6a3b;*/
/*    padding: 0 0 0 10px;*/
/*}*/
.home-articles-title{
    width: 100%;
    float: left;
    padding: 20px 20px;
}
.home-articles-title h3{
    color: #3c6a3b;
    padding: 0 0 3px 0;
}
.home-articles-title span{
    width: 30px;
    height: 4px;
    float: left;
    background-color: #3c6a3b;
}

.blog-pagination a {
    color: #ffffff;
    padding: 0.7px 8px;
    text-decoration: none;
    text-align: center;
    background-color: #c69c3a;
    font-size: 11px;
}
.blog-pagination {
    display: inline-block;
    width: 100%;
    float: left;
    margin: auto;
    text-align: center;
    padding: 2% 0;
}
.blog-pagination a.active {
    background-color: #0a5730;
    color: white;
}

.blog-pagination a:hover:not(.active) {background-color: #ddd;}


.blog-pagination a.next{position:initial;}
.blog-pagination a.prev{position:initial;}

.blog-pagination span {
    color: #ffffff;
    padding: 4px 8px;
    text-decoration: none;
    text-align: center;
    background-color: #c69c3a;
    font-size: 11px;
    transition: all 0.9s ease;
    outline: none;
    text-decoration: none;
    font-family: 'latomedium', sans-serif;
    margin:0 1px;
}
.blog-pagination span.current {
    background-color: #0a5730;
    color: white;
}

.blog-pagination span:hover:not(.current) {background-color: #ddd;}




/*--=================================================== END OF SECTION PAGE STYLING ==============================================================--*/


/*--=================================================== BEGINNG OF SINGLE SECTION PAGE STYLING ==============================================================--*/


.single-media-center-wrapper{width: 100%;float: left;background-color: #ffffff;}

.media-center-wrapper h3{
        padding: 40px 20px 20px 20px;
    color: #002366;
    text-align:center;
}

.single-banner{width: 100%;float: left;max-height: 460px;overflow:hidden;}

.single-banner img{

}

.single-news{width: 70%;float: right;padding: 5em 10% 3em 10%;background-color: #f4f4f4;}

.single-news button{
    border: 1px solid #18603b;
    padding: 4px 20px;
    border-radius: 100px;
    margin: 0 10px 0 0;
    cursor:pointer;
    transition:all 0.9s ease;
}
.single-news button:hover{
    background-color:#18603b;
    color:#fff!important;
    transition:all 0.9s ease;
}

.single-news img{
    width: 100%;
    height:auto;
}

.single-news h6{color: #666666;font-size:12px;font-weight:300;}

.single-news h1{text-transform: uppercase;padding: 0.8em 0 0.5em 0;color: #3c6a3b;font-size:20px;}

.single-news p{
  color: #4a4a4a;
  padding: 10px 0 10px 0;
  line-height: 22px;
  width: 100%;
  float: left;
}

.single-news p a{color: #3b693b;}

.single-news img{
    
}
.single-news iframe{
    
}

.single-news span{
	color: #4a4a4a;
    font-size: 17px;
    font-family: 'dubairegular', sans-serif;
}

.single-news span i{

}

.share-article{
  background-color: #0a5730;
  color: #ffffff;
  /*border-top-right-radius: 300px;*/
  /*border-bottom-right-radius: 300px;*/
  /*border-top-left-radius: 300px;*/
  /*border-bottom-left-radius: 15px;*/
  border-radius: 300px;
  float: left;
  padding: 0.5em 0.5em 0.5em 1em;
  width: 16em;
  margin: 2em 0;
}

.share-article h5{
  float: left;
  padding: 6px 0 0 0;
}

.share-article ul{
  float: right;
}

.share-article ul li{
  display: inline-block;
}

.share-article ul li a{
  background-color: #f05a22;
  color: #ffffff;
  border: 1px solid #f05a22;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  padding: 6px 0 0 0;
  font-size: 13px;
}

.share-article ul li a:hover{
  color: #ffffff;
  background-color: #0a5730;
}



.appreciate-wrapper{
  background-color: #5eb7e4;
  color: #002366;
  /*border-top-right-radius: 300px;*/
  /*border-bottom-right-radius: 300px;*/
  /*border-top-left-radius: 300px;*/
  /*border-bottom-left-radius: 15px;*/
  border-radius: 300px;
  float: left;
  padding: 0.5em 0.5em 0.5em 1em;
  width: 16em;
  margin: 2em;
  cursor:pointer;
  transition:all 0.9s ease;
}

.appreciate-wrapper:hover{
    background-color: #ffc551;
    transition:all 0.9s ease;
}

.appreciate-wrapper:hover h5{
    color: #002366;
    transition:all 0.9s ease;
}

.appreciate-wrapper h5{
  float: left;
  padding: 6px 0 0 0;
  color: #002366;
  transition:all 0.9s ease;
  text-transform:capitalize;
}

.appreciate-wrapper span{
    float:right;
}

.appreciate-wrapper img{
    width:20px;
}

.comments-container{width: 100%;float: left;
/*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
padding:40px 0 10px 0;
display:none;
    
}

.comments-container h3{
    text-transform: uppercase;
    color: #3c6a3b;
    padding: 0 0 30px 0;
}

.comments-title{
    width:100%;
    float:left;
}
.comments-title h3{
    color:#333333;
    text-transform:uppercase;
    padding:20px 0;
    font-size: 14px;
}

.sent-comments{width: 100%;float: left;}

.display-photo-wrapper{width: 30%;float: left;}

.display-photo-style{width: 100%;float: left;border-radius: 50%;overflow: hidden;}

.display-photo-style img{

width: 170px;

border-radius: 50%;
}

.keep-reading-wrapper{
    padding:20px;
    width:100%;
    float:left;
}
.keep-reading-wrapper h5{
    font-family: 'dubaibold';
    padding:20px 0;
    color: #3c6a3b;
    font-size: 20px;
    width:100%;
    float:left;
}
.keep-reading-wrapper ul{
    width:100%;
    float:left;
    display:list-item;
}
.keep-reading-wrapper ul li{
    font-family: 'dubaibold';
    color: #4a4a4a;
    padding:5px 0;
    width:100%;
    float:left;
    list-style:inside;
    font-size:14px;
}

.replies-wrapper{width: 70%;float: left;padding: 0 2em 2em 2em;}

.commenter{

}

.commenter h6{color: #3c6a3b;font-size: 17px;}

.commenter span{color: #3c6a3b;padding: 6px 0 20px 0;float: left;width: 100%;}

.replies-wrapper p{

}

.comments-actions{
  width: 100%;
  float: left;
}

.comments-actions li{
  width:100%;
  float: left;
}

.comments-actions li i{float: left;width: 15px;height: 15px;background-color: #fdd67b;border-radius: 50%;margin: 0 5px 0 0;transition:all 0.9s ease;}

.comments-actions li a{color: #c69c3a;}

.comments-actions li a:hover{
    color: #0a5730;
}

.comments-actions li a:hover i{
    background-color:#002366;
    transition:all 0.9s ease;
}

.comments-within{width: 100%;float: left;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 2em 2em;margin: 1em 0;}


.reply-wrapper{width: 100%;float: left;padding: 2em;background-color:#efefef;}

.reply-wrapper h2{
    color: #002366;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 0 10px 0;
}

.reply-wrapper form{width: 100%;float: left;}

.reply-wrapper form input{width: 99%;float: left;background-color: transparent;border: 1px solid rgba(51, 51, 51, 0.3);padding: 15px;border-radius: 0px;margin: 10px 1% 10px 0;font-size:13px;color:#333333;}

.reply-wrapper form input::placeholder{
    font-size:13px; 
    color:#333333;
}

.reply-wrapper form textarea::placeholder{
    font-size:13px; 
    color:#333333;
}

.reply-wrapper form textarea{width: 99%;float: left;background-color: transparent;border: 1px solid rgba(51, 51, 51, 0.3);padding: 15px;border-radius: 0px;margin: 10px 0;resize:none;font-size:13px;color:#333333;}

.reply-wrapper form button{
  background-color: #3c6a3b;
  color: #ffffff;
  border-radius: 0px;
  float: left;
  padding: 12px 40px;
  cursor: pointer;
  transition: all 0.9s ease;
  border: none;
  margin: 2em 0 0 0;
  font-weight: 900;
  text-transform: uppercase;
}

.reply-wrapper form button span{
  float: left;
    color: #ffffff;
    font-style: normal;
    font-size: 13px;
}

.reply-wrapper form button i{
  transition: all 0.9s ease;
float: right;
color: #002366;
background-color: #ffc550;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
padding: 6px 0 0 0;
font-size: 1.3em;
display: none;
}

.reply-wrapper form button:hover{
  color: #ffffff;
  background-color: #fdd67b;
  transition: all 0.9s ease;
}

.reply-wrapper form button:hover i{
  background-color: #002366;
color: #ffc550;
transition: all 0.9s ease;
}

.reply-wrapper form button:hover span{
  color: #ffffff;
}

.single-news-aside{width: 30%;float: left;padding: 5em 20px 0 20px;position: -webkit-sticky;
  position: sticky;
  top: 50px;}
.home-wrapper section{width:100%;float:left;}

.categories-wrapper{width: 100%;float: left;background-color: #c69c3a;border-radius: 10px;padding: 1em;margin:20px 0;display:none;}

.categories-search{width: 100%;float: left;position: relative;}
.categories-search input{width: 100%;float: left;background-color: #f3d695;border: 1px solid rgba(51, 51, 51, 0.1);padding: 13px;border-radius: 0px;color:#744c01;font-size:13px;}

.categories-search input::placeholder{
    color:#744c01;font-size:13px;
}

.categories-search button{position: absolute;top: 0;bottom: 0;right: 5px;background-color: #c69c3a;width: 33px;height: 33px;margin: auto;border-radius: 50%;border: none;color: #ffffff;cursor:pointer;transition:all 0.9s ease;}

.categories-search button:hover{
    transition:all 0.9s ease;
    color: #744c01;
    background-color: #c69c3a;
}

.categories-wrapper h5{width: 100%;float: left;padding: 30px 0 8px 0;text-transform: uppercase;color: #ffffff;}
.categories-wrapper ul{width: 100%;float: left;}

.categories-wrapper ul a{width: 100%;float: left;padding: 10px 0;color: #ffffff;border-bottom: 1px solid rgba(51, 51, 51, 0.1);font-size:13px;line-height: 22px;}

.categories-wrapper ul a:hover{
    color:#fef5da;
}

.categories-wrapper ul a:hover span{
    background-color:#fef5da;
    color:#744c01;
    transition:all 0.9s ease;
}

.categories-wrapper ul a li{float: left;font-size:12px;padding:5px 0 0 0;}

.categories-wrapper ul a span{
    float: right;
    color: #3c6a3b;
    width: 30px;
    height: 30px;
    margin: auto;
    text-align: center;
    padding: 7px 0 0 0;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 12px;
    line-height: normal;
    transition:all 0.9s ease;
}

.single-media-case-studies{
  width: 100%;
  float: left;
}

.single-media-case-studies h3{
  padding: 2em 1em 1em 1em;
  text-transform: uppercase;
  color: #0a5730;
}

.single-media-case-studies ul{
  width: 100%;
float: left;
}



.single-media-case-studies ul li{
  display: inline-block;
  width: 99%;
  float: left;
  margin: 0.5%;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #f4f4f4;
}

.single-media-case-studies ul li a{
  width: 100%;
  float: left;
  background-color: #f4f4f4;
  /* border: 1px solid #f4f4f4; */
}

.single-media-case-studies ul li a:hover{
  background-color: transparent;
}

.single-media-case-studies ul li figure{

}

.single-media-case-studies ul li img{width: 100%;}

.single-media-case-studies ul li figcaption{padding: 1em;min-height:120px;}

.single-media-case-studies ul li h5{text-transform: uppercase;color: #002366;font-size:14.5px;}
.product-case-details{padding: 20px;}
.single-media-case-studies ul li h6{color: #0a5730;padding: 8px 0;font-size:13px;text-transform:capitalize;}
.single-media-case-studies ul li h4{color: #333333;padding: 10px 0;font-size: 13px;}
.single-media-case-studies ul li span{color: #333333;font-size: 12px;}

.single-media-case-studies ul li p{color: #334f85;font-size: 11px;font-style: italic;}

/*--=================================================== END OF SINGLE SECTION PAGE STYLING ==============================================================--*/


/*--=================================================== BEGINING OF SEARCH RESULTS PAGE STYLING ==============================================================--*/

.search-results-wrapper{
  width: 100%;
  float: left;
}

.search-results {
  width: 100%;
float: left;
background-color: #fff9ea;
padding: 2em 15em;
}

.search-results h1{padding: 0.5em 0;color: #0a5730;font-size: 3em;}

.search-results ul{width: 100%;float: left;}

.search-results ul li{width: 100%;float: left;padding: 1em 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.search-results ul li a{
  color: #0a5730;
  border-bottom: 1px dotted transparent;
}
.search-results ul li a:hover{
  border-bottom: 1px dotted #0a5730;
}

.search-results ul li p{
  padding: 15px 0 3px 0;
}

.search-results ul li span{
  background-color: #0a5730;
}

.search-results ul li a.header-search-link{font-size: 20px;}
.search-results ul li a.search-small-link{font-size: 13px;}

.view-more-articles{width:100%;float:left;padding:3em 20px;text-align:center;margin:auto;}
.view-more-articles a{font-size: 13px;
    padding: 10px 20px;
    width: 140px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color:#0a5730;
    border: 1px solid #0a5730;}
.view-more-articles a:hover{color: #0a5730;
    background-color:#ffffff;
}






.nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}
 
.nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}
 
.nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

.post-navigation {
padding:0px;
width:100%;
float:left;
margin:20px 0;
}

.post-navigation h2{
    display:none;
}
.nav-previous, .nav-next{

border: 1px solid #d6d5d5;
color:#696969;
font-size:13px;
border-radius:200px;
margin:0 10px 0 0;
transition:all 0.9s ease;
}
.nav-previous a, .nav-next a{
    color:#696969;
    padding:10px;
    width:100%;
float:left;
}
.nav-previous:hover,.nav-next:hover {
background-color:#d6d5d5;
}
.nav-previous:hover a:link ,.nav-next:hover a:link {
color:#333333;
}

/*--=================================================== END OF SEARCH RESULTS PAGE STYLING ==============================================================--*/


/*--============================================ BEGINING OF MEDIA QUERIES =======================================================--*/

@media handheld, only screen and (max-width: 1366px) {
    .home-articles ul li{width:33.333%;}
    .top-header-wrapper ul li a{padding:20px 5px;}
}
@media handheld, only screen and (max-width: 1130px) {
    
}
@media handheld, only screen and (max-width: 1024px) {
    .single-news{padding:20px;}
    .search-results {padding:20px;}
}
@media handheld, only screen and (max-width: 960px) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {display: block;}
    /* Hide table headers (but not display: none;, for accessibility) */
    table thead tr {position: absolute;top: -9999px;left: -9999px;}
    table tr {width: 100%;float: left;text-align: center;}
    table td {border: none;border-bottom: 1px solid #eee;position: relative;float: left;width: 100%;font-size: 11px;padding: 2em;}
    table td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
    table th.wdh{width: 100%;float: left;}
    /* table th{display:none;} */
  .desktop-header-wrapper{display: none;}
  .mobile-header-wrapper{display: block;}
  .top-footer-wrapper{padding: 20px 0;}
  .footer-columns{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 0 0;}
  .footer-columns h3{padding: 15px;float: left;width: 100%;}
  .footer-columns ul{display: none;padding: 15px;}
  .footer-columns i{display: block;}
  .home-articles{padding:20px;}
  .home-articles ul li{width:50%;padding:5px;}
  .section-lists ul li{width:50%;}
  .single-news{width:100%;}
  .single-news-aside{width:100%;}


}
@media handheld, only screen and (max-width: 768px) {
    .footer-column4 h4{padding:10px 0 10px 0;}
    .footer-column4 a{padding:0 0 10px 0;}
  .footer-social{width: 100%;text-align: center;}
  .footer-social ul{text-align: center;}
  .footer-copyright{width: 100%;}
  .footer-copyright p{text-align: center;padding:10px 20px;display:block;}
  .footer-logo{padding:20px;}
  .footer-column4 form{padding:0 20px;}
  .footer-column4 a{padding:10px 20px;}
  .footer-column4 h4{padding:10px 20px;width:100%;float:left;}
  .slider-copy{position: unset;width: 100%;float: left;padding: 0px;background-color: #0a5730;}
  .slider-copy h1{font-size: 2em;width: 100%;float: left;letter-spacing: 5px;padding:0;display:block;}
  h2.resp-accordion{width:100%;float:left;}
  .slider-copy h2{font-size:2em;}
  .slider-copy p br{display:none;}
  .slider-copy i{width:100%;float:left;display:block;}
  .slider-copy a{width: 100%;float: left;margin: 20px 0;text-align:center;}
  .bx-wrapper .bx-pager{display:none;}
  .go-top p{display:block;float:left;    color: #fff;font-weight: bold;}
  .go-top i{float:right;    color: #fff;font-weight: bold;}
  .go-top{position:fixed;float:left;width:100%;bottom:0;right:0;border-radius:0;padding:10px;}
  .bottom-footer-wrapper{margin: 0 0 35px 0;}
  .about-us-banner-caption{padding:15px;position:unset;top:0;width:100%;float:left;background-color: rgb(226, 184, 141, 1);}
  .home-articles-copy{height:auto}
}
@media handheld, only screen and (max-width: 768px){
.about-us-banner-caption span.wema_part {
    color: #ffb214;
    font-style: oblique;
}
.caption p {color: #008000ba;padding: 10px 0;}
  .about-us-banner-caption h4{font-size:2em;}
  .about-us-banner-caption h1{font-size:1em;color:#ffffff;}
  .about-us-banner-caption h2{font-size:2em;}
  
  .about-details{width:100%;padding:20px;}
  .about-video{width:100%;}
  .video-iframe iframe{height:300px;}
  .gallery-banner-caption{top:30%;}
  .gallery-banner-caption h1{font-size:3em;}
  .slider-vertical{padding:20px;width:100%;float:left;display:block;}
  .display-caption{width:100%;float:left;}
  .home-sections ul li{width:25%;}
  .home-articles ul li{width:100%;}
  .section-links{width:100%;float:left;display:block;}
  .section-lists{width:100%;float:left;display:block;padding:0;}
  .section-lists ul li{width:100%;}
  .about-us-banner-caption img{width:150px;}
  .dropdown-lists:after{display:none;}
  .dropdown-lists2:after{display:none;}
  .hidden-mobile ul li ul.mobile-dropdown li a i{float:right;}
  .hidden-mobile ul li a i{float:right;}
  .home-articles-copy b{width:98%;margin:1%;}
  .section-lists h4{padding:20px;}
  .home-articles-copy h4{padding:5px 5px 0 10px;}
  .single-news-aside{position:inherit;padding:20px;}
  .home-articles-copy b.date-border{border-left:none;}
  

}
@media handheld, only screen and (max-width: 640px) {

}
@media handheld, only screen and (max-width: 480px) {
 .home-sections ul li{width:50%;}
}
@media handheld, only screen and (max-width: 420px) {

}
@media handheld, only screen and (max-width: 320px) {

}

/*--============================================ END OF MEDIA QUERIES =======================================================--*/