/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(meanmenu.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #000;
     font-size: 16px;
font-family: 'Alegreya', serif;
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     line-height: normal;
     color: #111111;
     margin: 0;
     text-transform: none !important;
}

h1,h2,h3,h4,.logo, .logo A{
font-family: "Figtree", sans-serif;
}

h1 {
     font-size: 48px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {

}

p {
     margin: 0 0 20px;
}
p:last-of-type{ margin-bottom: 0; }
a {
     color: #666666;
     text-decoration: none;
     outline: none !important;
}


.layout_padding {
    padding-bottom: 80px;
    padding-top: 80px;
}

.logo {width: 100%; float: left;}


.header_section{
	width: 100%; 
	float: left;
	background-color: #04385f;
	height: auto;
     padding: 20px 0px;
}

nav.main-menu {
    float: left;
    margin-left: 0;
    padding-top: 40px;
}

.main-menu ul {
    margin: 0;
    list-style-type: none;
    margin-bottom: 10px;
}

.main-menu ul>li {
    position: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
    font-size: 16pt;
    color: #060608;
}

.nav.navbar-nav.navbar-right {
    justify-content: right;
}

.logo img {
height: 50px;
}

.five9-chat-button {
    font-family: "Figtree", sans-serif !important;
    background: linear-gradient(#04385f, #70a287) !important;
}


button, a.mybutton {
    font-size: 16px !important;
    color: #ffffff !important;
    background-color: #70a287 !important;
    border: 0px !important;
    height: auto !important;
    padding: 6px 12px !important;
    margin-top: 20px !important;
}

button:hover, button:active, button:focus, a.mybutton:hover, a.mybutton:active, a.mybutton:focus {
    color: #041d45 !important;
}



     
.submit_bt{
     font-size: 14pt; 
     color: #ffffff;
     background-color: #70a287;
     border: 0px;
     height: 50px;
     padding: 0px 20px;
     margin-top: 30px;
}
.submit_bt a:hover{ color: #000; }

.search_main{ width: 78%; float: right; }


.bg-light {
    background-color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #060608;
    font-size: 16pt;
    padding-top: 30px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: .7rem;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: #000;
}

.login_text {
    font-size: 14pt;
    color: #060608;
    display: none;
}


.nav.navbar-nav.navbar-right ul {
    float: right !important;
    margin: 0 -15px 0 0 !important;
}
.navbar-nav ul>li {
    float: left;
}
.nav ul>li {
    position: relative;
    display: block;
}
.navbar-default .navbar-nav ul>li>a {
    text-transform: uppercase;
    font-size: 14px;
}
.navbar-nav ul>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav ul>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav ul>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.navbar-nav ul ul {
    visibility: hidden;
    opacity: 0;
}
.navbar-nav ul ul {
    z-index: 9999;
    position: absolute;
    width: 180px;
    text-transform: none;
    text-align: left;
    padding: 15px;
}


.navbar-nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}


ul.sub-menu {
    background: #04385f;
    margin: 0;
}

.navbar-nav a {
	color: #fff;
}
.navbar-nav a:hover {
	color: #70a287;
}


.logo img {
height: 50px;
}



.doctor{ padding-right: 10px; }

.banner_section{ 
     width: 100%; 
     float: left;
     background-image: url(../images/banner.png);
     height: auto;  
     background-size: 100%;
     background-repeat: no-repeat;
}

.banner_taital{
     width: 100%;
     float: left;
     color: #ffffff;
     font-size: 44pt;
     text-align: center;
}

.browse_text{
     width: 100%;
     float: left;
     font-size: 14pt;
     color: #cbcbcb;
     text-align: center;
     padding-bottom: 50px;
     font-weight: 500;
     margin-left: 0px;
}

.banner_bt{
     width: 100%;
     margin: 0 auto;
     text-align: center;
}

.read_bt{
     width: 20%;
     height: 50px;
     background-color: #70a287;
     color: #ffffff;
     border: 0px;
     font-size: 17pt;
     margin-bottom: 100px;
}

.search_box{
     width: 100%;
     float: left;
     background-color: #ffffff;
     height: auto;
     padding: 60px 20px;
     top: -125px;
     position: relative;
     box-shadow: 0px 0px 8px 0px;
}

.email_boton{
     width: 100%;
     float: left;
     color: #b2b1b1;
     border: 1px solid #70a287;
     padding: 10px 15px;
     font-size: 14pt;
}

.search_bt{
     width: 90%;
     float: left;
     color: #ffffff;
     background-color: #70a287;
     font-size: 14pt;
     border: 0px;
     height: 55px;
}
.fashion_menu{
     width: 100%;
     float: left;
     padding: 0px 20px;

}

.fashion_menu ul{
     margin: 0px;
     padding: 0px;
}
.fashion_menu li a{ float: left; color: #707070; padding: 12px;}
.fashion_menu li a:hover{  background-color: #000; color: #ffffff; }

.fashion_menu li{
     float: left;
     padding-left: 20px;
     font-size: 14pt;
     color: #707070;
     padding: 0px 18px;
     margin-top: 50px;
}
.fashion_menu .active{ 
     color: #ffffff; 
     background-color: #000; 
}

.promoted_sectipon{
     width: 100%;
     float: left;
     background-color: #e6e6e6;
     height: auto;

}

.promoted_text{
     width: 100%;
     float: left;
     text-align: center;
     font-size: 44pt;
     color: #000000;
}

.images_main{
     width: 100%;
     float: left;
     margin-top: 50px;
}

.images{ width: 100%; float: left; }

.promoted_bt {
    width: 90%;
    text-align: center;
    background-color: #ffffff;
    margin: 0 auto;
    display: list-item;
    top: -35px;
    position: relative;
    height: 50px;
    border: 0px;
    font-size: 14pt;
}

.eye-icon {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.like-icon { padding-left: 20px; }
.numbar_text{
     width: 100%; 
     float: left;
     text-align: center;
     font-size: 17pt;
     color: #000;
}

.mobile_bt{
     width: 60%;
     margin: 0 auto;
     text-align: center;
     font-size: 14pt;
     color: #fcfcfc;
     background-color: #4bc714;
     border: 0px;
     display: block;
}
.mobile_bt a:hover{ color: #000; }

.popular_section{
     width: 100%;
     float: left;
}

.popular_taital{
     width: 100%;
     float: left;
     font-size: 44pt;
     color: #000000;
}

.popular_section_2{
     width: 100%;
     float: left;
}

.slider_img{
     width: 100%;
     float: left;
     text-align: center;
     padding-top: 110px;
}

.electronic_text{
     width: 100%;
     float: left;
     text-align: center;
     font-size: 32pt;
     color: #4bc714;
     padding-top: 35px;
}

.contrary_text{
     width: 40%;
     margin: 0 auto;
     text-align: center;
     font-size: 13pt;
     color: #080000;
}

.view_bt {
    width: 18%;
    margin: 0 auto;
    text-align: center;
    font-size: 15pt;
    color: #fcfcfc;
    background-color: #4bc714;
    border: 0px;
    display: block;
    height: 50px;
    margin-top: 45px;
}

.view_bt a{
     color: #fcfcfc;
}
.view_bt :hover{ color: #000; }



.about_section {
    width: 100%;
    float: left;
    background-image: url(../images/about-banner.png);
    height: auto;
    padding: 110px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.about_taital {
    width: 62%;
    margin: 0 auto;
    font-size: 44pt;
    text-align: center;
    color: #ffffff;
    border-bottom: 4px solid#4bc714;
}

.lorem_text{
     width: 100%;
     float: left;
     font-size: 13pt;
     color: #ffffff;
     text-align: center;
     padding-top: 20px;
     font-weight: 500;
}

.clients_section{
     width: 100%;
     float: left;
}

.client_img{
     width: 100%;
     float: left;
     text-align: center;
     padding-top: 100px;
}

.client_text {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30pt;
    color: #000;
    padding-top: 15px;
}

.adiser_text{
     width: 96%;
     float: left;
     font-size: 17px;
     color: #4bc714;
     text-align: center;
}

.long_text {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    font-size: 13pt;
    color: #000;
    padding-top: 15px;
    font-weight: 500;
}

.carousel-indicators .active {
    background-color: #052501;
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 47px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #6dcf4b;
}

.carousel {
    position: relative;
    padding-bottom: 60px;
}

.contact_section {
    width: 100%;
    float: left;
    background-color: #000;
    height: auto;
}
.input_main {
    width: 75%;
    float: right;
}

.email-bt {
    background: #ffffff;
    border: none;
    color: #052501;
    width: 100%;
    height: 55px;
    font-size: 22px;
    padding: 20px;
    margin-bottom: 20px;
}

.massage-bt {
    background: #ffffff;
    border: none;
    color: #052501;
    width: 100%;
    height: 160px;
    font-size: 22px;
    padding: 20px;
}


.map{
     width: 100%;
     float: left;
     background-size: 100%;

}

.footer_section{
     width: 100%;
     float: left;
     background-color: #1b1b1b;
     height: auto;

}

.dolor_text {
    width: 100%;
    float: left;
    font-size: 12pt;
    color: #fffefa;
    line-height: 53px;
    margin-left: 0;
    font-weight: 100;
}

.quick_text{
     width: 68%;
     float: left;
     font-size: 24pt;
     color: #ffffff;
     border-bottom: 4px solid#3e7f21;
     margin-bottom: 26px;
}

.chevron_arrow{
     width: 100%;
     float: left;
     font-size: 12pt;
     color: #ffffff;
     line-height: 41px;
}

.padding-left{
     padding-left: 10px;
}

.subscribe_text{
     width: 90%;
     float: left;
     font-size: 24pt;
     color: #ffffff;
     border-bottom: 4px solid#3e7f21;
     margin-bottom: 26px;
}

.ipsum_text{
    width: 100%;
    float: left;
    font-size: 12pt;
    color: #fffefa;
    line-height: 30px;
    margin: 0;
    font-weight: 100;
}

.email_text{
     width: 100%;
     float: left;
     background-color: #ffffff;
     color: #a09f9b;
     border-radius: 5px;
     padding: 5px 15px;
     margin-top: 20px;
     border: 0px;
     font-size: 14pt;
}

.submit_text{
     width: 60%;
     float: left;
     background-color: #3e7f21;
     color: #fbf5f5;
     border-radius: 5px;
     padding: 8px 15px;
     margin-top: 20px;
     border: 0px;
     font-size: 14pt;
}

.map_flag{
     width: 100%;
    float: left;
    font-size: 12pt;
    color: #ffffff;
    display: inline-flex;
}
.copyright{
     width: 100%;
     float: left;
     background-color: #04385f;
}

.copyright_text{
     width: 100%;
     float: left;
     font-size: 14pt;
     color: #ffffff;
     text-align: center;
     font-weight: 100;
}




#main_slider .carousel-control-prev, #main_slider .carousel-control-next {
    width: 62px;
    height: 60px;
    background: #4bc714;
    opacity: 1;
    font-size: 30px;
    color: #fff;
    border-radius: 35px;
    top: 40% !important;
}
.copyright_text a{ color: #ffffff;}
.copyright_text a:hover{ color: #000000;}



/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .header-search {
        padding: 15px 0px;
    }
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    .logo {
        text-align: center;
    }
    .cart-content-right {
        padding-bottom: 5px;
    }
    .mg {
        margin: 0px 0px;
    }
    .menu-area-main {
        height: 256px;
        overflow-y: auto;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        height: 19px;
    }
    .category-box.women-box {
        display: none;
    }
    .cart-box {
        display: inline-block;
        margin: 0px 30px;
    }
    .wish-box {
        float: none;
        margin: 0px 30px;
        display: inline-block;
    }
    .menu-add {
        display: none;
    }
    .category-box {
        display: none;
    }
    .mean-container .mean-nav ul li ol {
        padding: 0px;
    }
    .mean-container .mean-nav ul li a {
        padding: 10px 20px;
        width: 94.8%;
    }
    .mean-container .mean-nav ul li li a {
        width: 92%;
        padding: 1em 4%;
    }
    .mean-container .mean-nav ul li li li a {
        width: 100%;
    }
    .header-search {
        padding: 15px 0px;
    }
    #collapseFilter.d-md-block {
        padding: 30px 0px;
    }
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    .cart-content-right {
        padding-bottom: 5px;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a {
        padding: 1em 4%;
        width: 92%;
    }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 1em 5%;
    }
    .mean-container .sub-full.megamenu-categories ol li a {
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
    }
    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
        width: auto;
        border: none;
        float: none;
    }
    .menu-area-main {
        height: 45px;
        overflow-y: auto;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        top: 0;
    }





}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .titlepage h2::after {width: 58%;}
    .about-box .titlepage h2::after {
        width: 52%;
right: -221px;
    }
    .Nursery-img .text-box h3 {padding: 111px 50px;}
    .contact .titlepage h2::after {
    left: -650px;
width: 30%;
   }
   .sporrt_text { margin-top: 0px;}
   #main_slider a.carousel-control-prev {
    display: none;
   }
   #main_slider a.carousel-control-next {
    display: none;
    }

    .main-menu ul>li { font-size: 14pt; padding-right: 22px;}
    .banner_taital { font-size: 42pt;}
    .browse_text { padding-bottom: 10px;}
    .search_box { padding: 20px;}
    .fashion_menu li a { padding: 14px;}
    .fashion_menu li { font-size: 12pt; padding: 0px 11px;}
    .contrary_text { width: 65%; }
    .about_taital { width: 85%; }
    .about_section { padding: 50px 0px; background-size: cover; }
    .lorem_text { margin: 0px;}
    .input_main {padding-top: 20px;}
    .subscribe_text { font-size: 21pt; width: 97%;}
    .quick_text { font-size: 21pt; width: 75%;}
    .dolor_text { line-height: 33px;}
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
    .navbar-light .navbar-nav .nav-link { font-size: 14pt; }
    .chevron_arrow { line-height: 32px;}
    .ipsum_text { font-size: 11.6pt;}


}

@media (min-width: 768px) and (max-width: 991px) {
    .main-menu ul > li a {padding: 7px 6px ; }
    .main-menu ul>li a { font-size: 14px;}


    .banner-main .carousel-caption h1 {

        font-size: 36px;
        padding-top: 0px;
    }
    .banner-main .carousel-caption p {

        margin-bottom: 7px;
        display: none;
    }
    .main { width: 15%;}
    .info_icon { min-width: 10%;}
    #main_slider a.carousel-control-prev {
    display: none;
    }
    .btn_main { margin-top: 58px; width: 65%;}
    #main_slider a.carousel-control-next {
    display: none;
    }
    .sporrt_text { margin-top: 0px; font-size: 24px;}
    .email_btn { padding: 41px;}
    .btn-primary {max-width: 144px;}
    .titlepage h2::after {width: 79%;}
    .about-box .titlepage h2::after {width: 73%;
       right: -88px;
    }
    .contact .titlepage h2::after {
        left: -403px;
        width: 41%;
    }
    .paddimg-right {
        padding-right: 15px;
    }
    .paddimg-left {
         padding-left: 15px;
    }

    .banner_taital { font-size: 33pt;}
    .browse_text { font-size: 13pt; padding-bottom: 0px;}
    .read_bt { width: 30%; }
    .search_box { padding: 20px 20px; top: -164px; }
    .fashion_menu { display: none;}
    .mobile_bt { margin-bottom: 20px;}
    .contrary_text { width: 100%; }
    .view_bt { width: 25%; }
    .slider_img { padding-top: 40px;}
    .about_taital { width: 100%; font-size: 42pt;}
    .about_section { background-size: cover; padding: 20px 0px;}
    .promoted_text { font-size: 42pt;}
    .input_main { width: 100%; float: left; padding-top: 20px; }
    .logo { padding-bottom: 20px;}






}

@media (min-width: 576px) and (max-width: 767px) {
    .last {display: none;}
    .banner-main .carousel-caption {top: 0%;}
.titlepage h2 {
font-size: 42px;
display: block; 
}
#main_slider a.carousel-control-prev {
    position: absolute;
    left: 25%;
    top: 64%;
    display: none;
}
.btn_main { margin-top: 58px; width: 80%;}
#main_slider a.carousel-control-next {
    position: absolute;
    left: 50px;
    top: 64%;
    display: none;
}
.btn-primary {
    margin-top: 0px;
    margin-left: -7px;
}
.menu_main {
    width: 95%;}

.banner-main .carousel-caption h1 {
    font-size: 50px;
}
.titlepage h2::after {
width: 88%;
}

.about-box .titlepage h2::after {width: 45%;
right: -281px;}
.sporrt_text { margin-top: 0px;}
.Nursery-img .text-box h3 {
font-size: 36px;
padding: 126px 40px;
}
.main {
    width: 20%;}

.contact .titlepage h2::after {
    left: -234px;
width: 55%;
}


.banner_section { background-size: cover;}
.banner_taital { font-size: 24pt;}
.browse_text { font-size: 12pt;}
.read_bt { width: 32%; }
.email_boton { font-size: 11pt; padding: 11px 11px;}
.fashion_menu { display: none;}
.promoted_text { font-size: 40pt;}
.mobile_bt { margin-bottom: 20px;}
.popular_taital { font-size: 38pt;}
.slider_img { padding-top: 30px;}
.contrary_text { width: 100%;}
.view_bt { width: 30%; }
.about_taital { width: 100%; font-size: 30pt;}
.about_section { padding-top: 10px; padding-bottom: 10px; background-size: cover; }
.lorem_text { font-size: 12pt; padding-top: 0px; margin-left: 0;}
.long_text { font-size: 12pt; width: 100%; float: left;}
.input_main { width: 100%; padding-top: 20px; }
.subscribe_text { font-size: 24pt;}
.quick_text { font-size: 23pt;}
.copyright_text { margin-left: 0px;}
.logo { padding-bottom: 20px;}


}


@media (max-width: 575px) {
    .last { display: none; }
    .carousel-caption {display: none;} 
.header { padding-top: 0px; }
.logo { float: inherit; padding-bottom: 15px; text-align: center;}
.btn-primary {max-width: 126px;
margin-right: 2px;
font-size: 14px;}
.banner-main .carousel-caption h1 {font-size: 30px; line-height: 38px;}
.titlepage h2 {
    font-size: 27px;
}
.sporrt_text{ 
     font-size: 23px; 
     margin-top: 0px;
}
.main {
    width: 30%;
}
.btn_main {
    margin-top: 30px;
    padding-bottom: 30px;
    width: 55%;}

#main_slider a.carousel-control-prev {
    position: absolute;
    left: 175px;
    top: 90%;
    display: none;
}

#main_slider a.carousel-control-next {
    position: absolute;
    left: 236px;
    top: 90%;
    display: none;
}

.titlepage h2::after {
    width: 93%;
}
    .about-box .titlepage h2::after {
        width: 238px;
        right: -50px;
    }
 .Gallery .titlepage h2 {
    font-size: 47px;
 }
    .Gallery .titlepage h2::after {
        width: 89%;
    }

    .paddimg-right {
    padding-right: 15px;
}
.paddimg-left {
    padding-left: 15px;
}
.Nursery-img .text-box h3 {
font-size: 23px;
padding: 30px 14px;

}

.contact .titlepage h2::after {

    left: -8px;
    width: 281px;
}
.footer .headinga span {
font-size: 16px;

}
.menu-bottom {
    margin-bottom: 45px;
}
ul.link li {

    padding: 8px 12px;
    padding-bottom: 0px; 
}

.banner_taital { font-size: 16pt;}
.browse_text { font-size: 9pt; padding-bottom: 0px;}
.layout_padding { padding-bottom: 30px; padding-top: 30px; background-size: cover; }
.email_boton { margin-top: 20px;}
.search_bt { width: 100%; margin-top: 20px;  }
.read_bt { width: 55%; font-size: 13pt; }
.search_box { margin-top: 20px;}
.fashion_menu { display: none; }
.mobile_bt { margin-bottom: 20px;}
.popular_taital { font-size: 21pt;}
.promoted_text { font-size: 21pt;}
.contrary_text { width: 100%; font-size: 10pt;}
.view_bt { width: 50%; }
.about_taital { width: 100%; font-size: 16pt;} 
.lorem_text { font-size: 12pt; margin: 0px; }
.about_section { background-size: cover; }
.client_img { padding-top: 30px;}
.long_text { width: 100%; font-size: 11pt; }
.input_main { padding-top: 20px; width: 100%;}
.search_box { padding: 10px 20px; }
.slider_img { padding-top: 20px;}
.electronic_text { font-size: 23pt;}
.quick_text { font-size: 24pt;}
.copyright_text { margin-left: 0px; font-size: 10pt;}
.search_main {
    width: 100%;
    float: left;
    display: none;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    float: left;
    margin-top: -100px;
    left:0px;
}

.bg-light {
    background-color: transparent;
}

.logo img {
    width: 140px;
}

.navbar-toggler {
    padding: 5px 6px;
    font-size: 18px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 30px;
    margin-left: -5px;
}

.header_section {
    padding: 20px 0px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #060608;
    font-size: 13pt;
    padding-top: 5px;
}

}


.navbar-light .navbar-toggler {
    background: #fff;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background: transparent !important;
    position: relative;
    z-index: 11;
}


html{
	background: url( ../images/myscroll.jpg ) 50% no-repeat; background-attachment: fixed; background-size: cover;
}

body {
    background: rgba( 255,255,255,.8 );
    display: table;
    width: 100%;
    height: 100%;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    text-align: right;
    float: right;
}

.logo {
    font-size: 20px;
}

.logo, .logo A{ color: #000; }

.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.margin-top-40{ margin-top: 40px; }
.margin-top-30{ margin-top: 30px; }
.margin-top-20{ margin-top: 20px; }
.margin-top-10{ margin-top: 10px; }
.margin-bottom-40{ margin-bottom: 40px; }
.margin-bottom-30{ margin-bottom: 30px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-10{ margin-bottom: 10px; }

img{ max-width: 100%; }

.layout_padding.banner_section.pt {
    height: 750px;
    background: url(../images/mymain.jpg) 50% no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.pt .inner{ 
width: 500px;
color: #fff;
padding: 20px;
position: absolute;
right: 0;
bottom: 0;
background: rgba(4, 56, 95, .8);
}
.pt .inner .form-group {
    margin-bottom: 0;
}
.pt .inner h2{ color: #fff; }

.copyright{ overflow: hidden; }
ul.footlink {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}

.submit_bt {
    font-size: 16px;
    height: auto;
    padding: 6px 12px;
    display: inline-block;
    margin-top: 20px;
}

.layout_padding.promoted_sectipon.transparent {
    background: transparent;
}
.single_team .single_team_text h4 {
    color: #fff;
}

.single_team .single_team_text P {
    margin: 0;
    color: #fff;
}
.single_team .single_team_text {
    background: rgba(4, 56, 95, .8);
    padding: 20px;
}
.single_team:hover .single_team_text{background: rgba(56, 132, 23, 1);}
.single_team .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    max-width: 1000%;
    width: auto;
    min-height: 100%;
    max-height: 1000%;
    height: auto;    
    -ms-transform: translate( -50%, -50%);
    -webkit-transform: translate( -50%, -50%);
	transform: translate( -50%, -50%);
}
.single_team .imgbox {
    height: 260px;
    overflow: hidden;
    position: relative;
}

.footer_section,.copyright {
    padding: 20px 0;
}
.submit_bt:hover {
    cursor: pointer;
}


ul.footlink A{ color: #fff; }
ul.footlink A:hover{ color: #70a287; }


@media (max-width: 767px) {
	.pt .inner{ width: 100%; }
	.container {
    max-width: 100% !important;
}
html {

    background-repeat: repeat;
    background-size: auto;
    background-attachment: initial;
}
ul.footlink A {
	font-size: 9px;
}
.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
}


ul.nav {
    width: 100%;
    justify-content: space-around;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    width: 100% !important;
    float: none;
}
div#navbarNavAltMarkup {
    width: 100%;
}

.navbar-nav {
    width: 100%;
}





#consentBox #consentContent {
background: #444;
border: 5px solid #999;
outline: 10px solid #000;
}

header#consentHeader {
color: #A5A6AA;
line-height: 1.2;
}

.consentButton,.rejectButton {
color: #FFFFFF !important;
background-color: #70a287 !important;
border-color: #70a287 !important;
border-radius: 0.25rem !important;
}

.consentButton:hover, .rejectButton:hover,.consentButton:focus, .rejectButton:focus {
color: #70a287 !important;
background-color: transparent !important;
border: 1px solid #70a287 !important;
}

    .navbar-expand-lg .navbar-toggler {
        display: inline;
    }
    
    
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    width: 100% !important;
    float: none;
    display: table;
}
.header_section {
    position: relative;
}

.logo {
    position: absolute;
    top: calc( 100% + 70px );
    z-index: 9;
    left: 10px;
}

.navbar-expand-lg .navbar-collapse {
    display: none !important;
}

.navbar-expand-lg .navbar-collapse.show {
    display: block !important;
}

html {
    overflow-x: hidden;
}

.header_section, .layout_padding {
    border: 10px solid #333;
    margin: 20px;
    width: calc(100% - 40px);
}

.layout_padding.banner_section.pt {
    height: 550px;
    }
    
.logo img {
    height: 300px;
}

.popular_section, .promoted_sectipon {
    background: #5185AC;
}

p,h1,h2,h3,h4,h5,h6,form,.row{ width: 100%; }


div#content h2 {
    text-transform: capitalize !important;
    margin: 20px 0 30px;
}