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

/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;

 2) font-family: 'Poppins', sans-serif;

 ----------------------------------------*****/

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

@import url(animate.min.css);

@import url(normalize.css);

@import url(meanmenu.css);

@import url(owl.carousel.min.css);

@import url(slick.css);

@import url(jquery-ui.css);

@import url(nice-select.css);

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

* {

    box-sizing: border-box !important;

}


.logo-container {
    height: 200px;
}

.footer {
    background-color: #ffffff;
    padding: 40px 0;
}

.footer .row {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer .logo-container {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .address,
.footer .address * {
    color: #000;
}

.footer .loca img {
    filter: brightness(0);
    margin-right: 8px;
}

.footer h3 {
    color: #000 !important;
    font-weight: bold !important;
}

.posicion-pc {
    position: relative;
    /* Necesario para aplicar left y bottom */
}

@media (min-width: 992px) {
    .posicion-pc {
        left: 142px;
        bottom: 67px;
    }
}

.logo_section img {
    max-width: 100%;
    height: auto;
}

.header {
    width: 100%;
    max-width: 100vw;
    /* overflow-x: hidden; */
}



html {

    scroll-behavior: smooth;

}

body {

    color: #666666;

    font-size: 14px;

    font-family: 'Roboto', sans-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;

    font-weight: normal;

    line-height: normal;

    color: #111111;

    margin: 0
}

h1 {

    font-size: 24px
}

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 {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

p {

    margin: 0px;

    font-weight: 300;

    font-size: 15px;

    line-height: 24px;

}

a {

    color: #222222;

    text-decoration: none;

    outline: none !important;

}

a,
.btn {

    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;

}

img {

    max-width: 100%;

    height: auto;

}

:focus {

    outline: 0;

}

.btn-custom {

    margin-top: 20px;

    background-color: transparent !important;

    border: 2px solid #ddd;

    padding: 12px 40px;

    font-size: 16px;

}

.lead {

    font-size: 18px;

    line-height: 30px;

    color: #767676;

    margin: 0;

    padding: 0;

}

.form-control:focus {

    border-color: #ffffff !important;

    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);

}

.navbar-form input {

    border: none !important;

}

.badge {

    font-weight: 500;

}

blockquote {

    margin: 20px 0 20px;

    padding: 30px;

}

button {

    border: 0;

    margin: 0;

    padding: 0;

    cursor: pointer;

}

.full {

    float: left;

    width: 100%;

}

.layout_padding {

    padding-top: 90px;

    padding-bottom: 90px;

}

.layout_padding_2 {

    padding-top: 75px;

    padding-bottom: 75px;

}

.light_silver {

    background: #f9f9f9;

}

.theme_bg {

    background: #38c8a8;

}

.margin_top_30 {

    margin-top: 30px !important;

}

.full {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}

/**-- heading section --**/

.main_heading {

    text-align: center;

    display: flex;

    justify-content: center;

    position: relative;

    margin-bottom: 50px;

}

.main_heading h2 {

    padding: 0;

    font-size: 48px;

    line-height: 60px;

    font-weight: 400;

    position: relative;

    letter-spacing: -0.5px;

    color: #114c7d;

    border-left: solid #38c8a8 10px;

    padding-left: 15px;

}

.main_heading h2 strong {

    background: #38c8a8;

    color: #fff;

    font-weight: 600;

    padding: 0 15px;

    line-height: 68px;

}

.white_heading_main h2 {

    color: #fff;

}

.small_main_heading {

    margin-top: 25px;

    float: left;

    width: 100%;

    border-bottom: solid rgba(0, 0, 0, 0.07) 1px;

    margin-bottom: 25px;

}

.small_main_heading h2 {

    padding: 2px 0 20px 0;

    color: #114c7d;

    font-weight: 400;

    font-size: 28px;

    background-image: url('../images/fevicon.png');

    background-repeat: no-repeat;

    padding-left: 55px;

    letter-spacing: -0.5px;

}

.small_main_heading h2 strong {

    color: #38c8a8;

    font-weight: 600;

}

.main_bt {

    background: #000;

    color: #fff;

    padding: 10px 60px 10px 60px;

    float: left;

    font-size: 15px;

    font-weight: 400;

    border: solid #000 5px;

    border-radius: 0;

    margin-right: 30px;

}

a.readmore_bt {

    color: #fff;

    font-weight: 300;

    text-decoration: underline !important;

}

.main_bt:hover,
.main_bt:focus {

    background: #ad2101;

    border: solid #ad2101 5px;

    color: #fff;

}

/**-- list icon --**/

.ul_list_info_icon ul {

    list-style: none;

}

.ul_list_info_icon ul li {

    display: inline;

    float: left;

    width: 100%;

}

.ul_list_info_icon ul li img {

    /* width: 75px; */

}

/*---------------------------- preloader area ----------------------------*/

.loader_bg {

    position: fixed;

    z-index: 9999999;

    background: #fff;

    width: 100%;

    height: 100%;

}

.loader {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}

.loader img {

    width: 280px;

}

/*---------------------------- scroll to top area ----------------------------*/

.scrollup {

    float: right;

    position: absolute;

    color: #fff;

    right: 20px;

    padding: 0px 5px;

    text-transform: uppercase;

    font-weight: 600;

    background: #38c8a8;

    position: fixed;

    bottom: 20px;

    z-index: 99;

    text-align: center;

    color: #fff;

    cursor: pointer;

    border-radius: 0px;

    opacity: 0;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transition: .2s all ease;

    -moz-transition: .2s all ease;

    -o-transition: .2s all ease;

    -webkit-transition: .2s all ease;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    line-height: 48px;

    font-size: 16px;

}

.scrollup.b-show_scrollBut {

    opacity: 1;

    visibility: visible;

}

.top_awro {

    background: #ee4a79 none repeat scroll 0 0;

    cursor: pointer;

    padding: 6px 8px;

    position: fixed;

    bottom: 59px;

    right: 20px;

    display: none;

    height: 45px;

    width: 45px;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

    transition: all 0.5s ease;

}

.sale_pro {

    background: #f25252 !important;

}

.margin_top_50 {

    margin-top: 50px;

}

.margin_bottom_30_all {

    margin-bottom: 30px;

}

.text_align_center {

    text-align: center;

}

/*--------------------------------------------------------------------- header area ---------------------------------------------------------------------*/

.logo_section {

    text-align: center;

}

.logo {

    float: left;

    margin-top: -15px;

    padding-bottom: 6px;

}

nav.main-menu {

    float: left;

    margin-left: 0;

    margin-left: 0;

}





.right_cart_section {

    float: right;

    width: auto;

}

.right_cart_section ul {

    float: left;

    min-height: auto;

    margin: 0;

    padding: 12px 0 0;

}

.right_cart_section .cart_icons {

    padding: 18px 0 0;

}

.main-menu ul>li nth:child(5) a {

    padding-right: 0px;

}

.right_cart_section ul li {

    float: left;

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    margin-right: 30px;

}

.right_cart_section ul.cart_update li {

    font-size: 13px;

    color: #ccc;

    line-height: normal;

    margin: 0;

    font-weight: 300;

}

.right_cart_section ul.cart_update li span {

    font-size: 18px;

    font-weight: 300;

    color: #fff;

    line-height: 21px;

}

.right_cart_section ul li i {

    margin-right: 10px;

    margin-top: 5px;

    float: left;

    color: #fff;

    font-size: 21px;

}

.right_cart_section ul li a {

    color: #fff;

}

/*-- end header middle --*/

.top-bar-info {

    background: #111111;

    padding: 5px 0px;

}

.top-menu-left {

    float: left;

}

.top-menu-left li {

    position: relative;

    display: inline-block;

    margin-right: 11px;

    padding-right: 12px;

}

.top-menu-left li::before {

    content: '';

    position: absolute;

    right: 0;

    top: 9px;

    height: 10px;

    border-right: 1px dotted #999;

}

.top-menu-left li:last-child::before {

    display: none;

}

.top-menu-left li:last-child {

    padding: 0px;

    margin: 0px;

}

.top-menu-left li a {

    color: #ffffff;

    font-size: 12px;

    text-transform: uppercase;

    text-decoration: none;

}

.top-menu-left li a:hover {

    color: #38c8a8;

}

.right-dropdown-language {

    float: right;

    margin-left: 12px;

}

.dropdown-bar .dropdown-link {

    position: absolute;

    z-index: 1009;

    top: 40px;

    left: 0;

    right: auto;

    min-width: 50px;

    padding: 15px;

    background: #ffffff;

    list-style: none;

    border: 2px solid #38c8a8;

    opacity: 0;

    visibility: hidden;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    -webkit-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;

    -o-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;

    transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;

    text-align: left;

}

.dropdown-bar:hover .dropdown-link {

    opacity: 1;

    visibility: visible;

    top: 25px;

}

.dropdown-bar.right-dropdown-language>a::after {

    font-family: 'FontAwesome';

    content: "\f107";

    text-decoration: none;

    padding-left: 4px;

    color: #ffffff;

}

.right-dropdown-language>a {

    line-height: 10px;

    padding: 5px 5px;

    cursor: pointer;

}

.dropdown-bar .dropdown-link li a {

    color: #111111;

    display: block;

    font-size: 12px;

    line-height: 15px;

    padding: 5px 0;

}

.dropdown-bar .dropdown-link li a:hover {

    color: #38c8a8;

}

.dropdown-bar .dropdown-link li a img {

    margin-right: 7px;

}

.dropdown-bar .dropdown-link li.active {

    font-weight: bold;

}

.right-dropdown-language .dropdown-link {

    min-width: 100px;

    padding: 7px 10px;

    color: #111111;

}

.dropdown-bar {

    position: relative;

    padding: 0 5px;

    font-size: 13px;

}

.dropdown-bar .dropdown-link.right-sd {

    left: auto;

    right: 0;

}

.right-dropdown-currency {

    float: right;

    margin-left: 12px;

}

.dropdown-bar.right-dropdown-currency>a::after {

    font-family: 'FontAwesome';

    content: "\f107";

    text-decoration: none;

    padding-left: 4px;

    color: #ffffff;

}

.right-dropdown-currency>a {

    line-height: 10px;

    padding: 5px 5px;

    cursor: pointer;

    color: #ffffff;

}

.right-dropdown-currency .dropdown-link {

    min-width: 100px;

    padding: 7px 10px;

    color: #111111;

}

.right-dropdown-currency .dropdown-link {

    min-width: 55px;

    padding: 7px 10px;

}

.right-dropdown-currency .dropdown-link li a span.symbol {

    margin-right: 7px;

}

#login-modal .modal-content {

    border-radius: 0px;

}

#login-modal .modal-content .modal-header {

    background: #38c8a8;

    border-radius: 0;

}

#login-modal .modal-content .modal-body .form-group input {

    background: #ffffff;

    border: 1px solid #c8c8c8;

    border-radius: 0px;

}

#login-modal .modal-content .modal-body .form-group input:focus {

    border: 1px solid #c8c8c8 !important;

}

#login-modal .modal-content form {

    margin-bottom: 10px;

}

.modal-title {

    padding: 0px;

    color: #ffffff;

    font-size: 18px;

    text-transform: uppercase;

}

.btn-template-outlined {

    background: #111111;

    color: #ffffff;

    border: none;

    border-radius: 0px;

}

.btn-template-outlined i {

    padding-right: 10px;

}

.text-muted {

    padding: 10px 0px;

}

.slogan-line {

    float: right;

    color: #ffffff;

    font-size: 13px;

}

.middle-area {

    padding: 30px 0px;

}

.header-search {

    padding: 3px 0px;

}

.header-search form {

    position: relative;

    -webkit-box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);

}

.header-search .btn-group.bootstrap-select {

    position: absolute;

    left: 0px;

    top: 0px;

}

.header-search input {

    width: 100%;

    min-height: 45px;

    border-radius: 0px;

    border: none;

    padding-left: 15px;

    border: 1px solid #e0e7ed;

}

.header-search form .search-btn {

    position: absolute;

    right: 0;

    top: 0;

    border: 0;

    color: #fff;

    font-size: 20px;

    padding: 4px 15px;

    border-radius: 0px;

    background-color: #38c8a8;

    cursor: pointer;

}

.header-search form .search-btn:hover {

    background: #111111;

}

.cart-box {

    float: right;

    margin-left: 10px;

    position: relative;

}

#contact {
    background-color: #dddddd !important;
}


.cart-content-box {

    position: absolute;

    z-index: 1009;

    top: 40px;

    left: auto;

    right: 0;

    min-width: 250px;

    max-width: 250px;

    padding: 15px;

    background: #ffffff;

    list-style: none;

    border: 2px solid #38c8a8;

    opacity: 0;

    visibility: hidden;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    text-align: left;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.cart-box:hover .cart-content-box {

    opacity: 1;

    visibility: visible;

    top: 100%;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

.inner-cart {

    background: #38c8a8;

    border-radius: 2px;

    padding: 0px;

    color: #ffffff;

    position: relative;

    width: 40px;

    height: 40px;

    text-align: center;

}

.cart-box .inner-cart:hover {

    color: #ffffff;

}

.line-cart {

    float: left;

    line-height: 40px;

    margin-right: 9px;

}

.cart-box a {

    display: inline-block;

}

.cart-box a:hover {

    color: #38c8a8;

}

.cart-box a span.icon {

    background: #38c8a8;

    width: 30px;

    height: 40px;

    display: inline-block;

    line-height: 40px;

    text-align: center;

    color: #ffffff;

    position: relative;

    border-radius: 2px;

}

.cart-box a .p-up {

    position: absolute;

    right: -8px;

    top: -8px;

    line-height: initial;

    background: #38c8a8;

    padding: 3px;

    border-radius: 50%;

    width: 17px;

    height: 17px;

    font-size: 12px;

    text-align: center;

    line-height: 10px;

}

.wish-box {

    float: right;

}

.wish-box a {

    display: inline-block;

}

.wish-box a:hover {

    color: #38c8a8;

}

.wish-box a span.icon {

    background: #38c8a8;

    width: 40px;

    height: 40px;

    display: inline-block;

    line-height: 40px;

    text-align: center;

    color: #ffffff;

    position: relative;

    border-radius: 2px;

}

.wish-box a span.icon:hover {

    background: #111111;

}

.cart-content-right {

    padding: 5px 0px;

}

.cart-content-box .items {

    text-align: center;

}

.product-media {

    width: 60px;

    float: left;

    position: relative;

}

.cart-content-box .items:hover .product-media::before {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}

.product-media::before {

    position: absolute;

    content: '';

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #38c8a8;

    opacity: 0.4;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}

.cart-content-box .items .item .remove {

    position: absolute;

    right: 0px;

    top: 0px;

    background: #38c8a8;

    color: #ffffff;

    width: 20px;

    height: 20px;

    line-height: 18px;

    border-radius: 2px;

}

.cart-content-box .items .item {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e0e7ed;

    position: relative;

}

.cart-content-box .items .item .product-info {

    padding-top: 10px;

    padding-left: 71px;

    text-align: left;

}

.cart-content-box .items .item .remove:hover {

    background: #111111;

}

.subtotal {

    text-align: left;

    text-transform: capitalize;

    color: #38c8a8;

    font-weight: 500;

    margin-bottom: 15px;

}

.subtotal span {

    font-weight: bold;

    color: #111111;

    padding-left: 15px;

    float: right;

}

.actions .btn-process {

    padding: 5px 16px;

    color: #ffffff;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    border-radius: 2px;

    overflow: hidden;

}

.actions .btn-process:hover {

    color: #ffffff;

}

.line-cart {

    position: relative;

}

.wish-box a span.icon span {

    position: absolute;

    right: -8px;

    top: -8px;

    line-height: initial;

    background: #38c8a8;

    padding: 3px;

    border-radius: 50%;

    width: 17px;

    height: 17px;

    font-size: 12px;

}

.menu-area-main li.active a {

    color: #f4b328;

}



.main-menu {

    text-align: center;

}

.main-menu ul {

    margin: 0;

    list-style-type: none;

}

.main-menu ul>li {

    display: inline-block;

    position: relative;

}

.main-menu ul>li a {

    padding: 11px 15px;

    text-align: center;

    line-height: 20px;

    font-size: 16px;

    display: block;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

}



.main-menu ul>li a:hover {
    color: #f4b328;
}

.main-menu ul li:last-child a {

    padding-right: 0;

}

.sub-down li {

    background: #ffffff;

}

.main-menu ul>li .sub-down li a {

    color: #114c7d;

    font-size: 15px;

    text-transform: capitalize;

    font-weight: 300;

    padding: 12px 5px;

    position: relative;

    border-bottom: solid #eee 1px;

}

.main-menu ul>li .sub-down li a::before {}

.main-menu ul>li .sub-down li a:hover {

    color: #111111;

}

.main-menu ul>li .sub-down li a:hover::before {}

.main-menu ul li:first-child {

    margin-left: 0;



}

.main-menu ul>li>ul {

    opacity: 0;

    position: absolute;

    text-align: left;

    top: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    /* width: 240px; */

    z-index: 999;

    background: #fff;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

.main-menu>ul>li:hover>ul {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    visibility: visible;

    opacity: 1;

}

.main-menu ul>li>ul>li {

    margin: 0px;

    position: relative;

    display: block;

}

.main-menu ul>li>ul>li:hover>ul {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    visibility: visible;

    opacity: 1;

    left: 100%;

    top: 10px;

}

.main-menu ul>li>ul>li>a {

    background: none !important;

}

.mean-container .mean-nav {

    margin-top: 0px;

    position: absolute;

    top: 100%;

}

.main-menu ul>li {

    position: inherit;

    display: inline-block;

    text-align: left;

    vertical-align: middle;

    margin: 22px 0px;

}

.main-menu ul>li:nth-child(6) {

    padding-right: 0px;

}

.nav>li {

    position: inherit;

    display: inline-block;

    vertical-align: middle;

}

.megamenu .sub-down {

    max-width: 1140px;

    width: 100%;

    left: 0;

    margin: 0 auto;

    right: 0;

    padding: 15px 0px;

}

/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/

/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/

.menu-area {

    float: left;



}



.header_information {

    background-color: #200769;

    padding: 0 0;

    padding-top: 0px;

    margin-top: 0;

    margin-right: 0;

    margin-bottom: 0;

    position: absolute;

    width: 88%;



    height: 90px;



    margin-top: -20px;

    right: 0;

}



.header_information::after {

    width: 75px;

    height: 90px;

    background: url(../images/top_arrow.png);

    display: block;

    content: "";

    position: absolute;

    top: 0;

    left: -74px;

    background-repeat: no-repeat;

}







.header_information::before {

    width: 96px;

    height: 49px;

    background: url(../images/top_arrow1.png);

    display: block;

    content: "";

    position: absolute;

    top: 0;

    left: -131px;

    background-repeat: no-repeat;

}





.mean-last {

    display: inline-block !important;

    background: #0f052f;

    margin: 0 !important;

    padding: 30px 36px 30px 16px;

    float: right;

    margin-right: 110px !important;

    width: 24%;

}





.mean-last a {

    padding: 0px 20px;

    color: #fff;

    font-size: 16px;

}









.mean-last::before {

    width: 44px;

    height: 88px;

    margin-left: -51px;

    background: url(../images/top_arrow2.png);

    display: block;

    content: "";

    position: absolute;

    top: 0;



    background-repeat: no-repeat;

}



.padding_left0 {

    padding-left: 0px;

}



.header-top {

    background: url(../images/banner2.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding-bottom: 50px;

}

.header {

    position: fixed;

    z-index: 999;

    width: 100%;

    padding: 20px 0px 0px 0px;

    background: hsl(0, 0%, 100%);

}

.logo a {

    font-size: 40px;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    line-height: 40px;

}

.banner_Client {

    position: relative;

}

.text-bg {
    text-align: left;
}

.text-bg h1 {

    color: #000;

    padding-top: 50px;

    font-size: 71px;

    line-height: 85px;

    padding-bottom: 25px;

    text-transform: uppercase;

    font-weight: 500;

}

.text-bg p {

    font-size: 17px;

    display: block;

    color: #200769;

    line-height: 25px;

    padding-bottom: 50px;

    font-weight: 500;

}

.text-bg a {

    font-size: 16px;

    border: #f4b328 solid 1px;

    background-color: #f4b328;

    color: #fff;

    padding: 9px 0px;

    /* max-width: 171px; */

    width: 60%;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    border-radius: 30px;

    margin-right: 10px;

}

.text-bg a:hover {

    background-color: #200769;

    border: #200769 solid 1px;

    color: #fff;

}

.text {

    position: inherit;

    text-align: left;

    background: #0fbbad;

    width: 100%;

    bottom: auto;

    padding: 0;

    margin-top: 90px
}

.img_bg {

    text-align: center;

    margin: 0 auto;

    align-items: center;

    width: 100%;

    display: flex;

    height: 100%;

    text-align: center;

    justify-content: center;

    flex-wrap: wrap;

}

.images_box figure {

    margin: 0px;

}

.images_box figure img {

    width: 100%;

}

.img_bg h3 {

    text-align: center;

    font-size: 50px;

    line-height: 58px;

    color: #fff;

}

.slider_section {

    padding-top: 134px;

}

.black_nolmal {

    font-weight: normal;

    color: #000;

}

.carousel-indicators {

    left: inherit;

    top: 40%;

    margin-right: 2%;

    display: block;



}

.carousel-caption {
    position: inherit;
}

.carousel-indicators .active {

    background-color: #f4b328;

}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background: #000;
    margin: 5px 0px;
}

.padding_dd {
    padding: 0px 50px;
}

.carousel-control-next {
    display: none;
}

.carousel-control-prev {
    display: none;
}

/** about section **/

.about {

    background-color: #fff;

    padding-top: 28px;



}

.about .about-box {

    text-align: left;



}

.about .about-box h2 {

    padding: 0;

    font-weight: bold;

    color: #f4b328;

    line-height: 50px;

    font-size: 50px;



}

.about .about-box p {

    font-size: 17px;

    line-height: 28px;

    color: #000;

    padding: 40px 0px;

}



.about .about-box a {

    font-size: 16px;

    border: #f4b328 solid 1px;

    background-color: #f4b328;

    color: #fff;

    padding: 9px 0px;

    max-width: 171px;

    width: 100%;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    border-radius: 30px;

}





.about .about-box a:hover {

    background-color: #200769;

    border: #200769 solid 1px;

    color: #fff;

}

.about .about-box figure {

    margin: 0;

}

.about .about-box figure img {

    width: 100%;

}

/** end about section **/













/** how_it section **/

.width {
    width: 25%;
}

.important {

    background-color: #fff;

    padding-top: 90px;

}

.important .titlepage {

    text-align: center;

}

.important .titlepage span {
    padding-top: 30px;
    display: inline-block;
    font-size: 17px;
}

.important_bg {
    background: #200769;
    padding: 60px 0px;
}

.important_bg .important_box {

    text-align: center;

}



.important_bg .important_box h3 {

    color: #f4b328;

    font-size: 46px;

    line-height: 46px;

    font-weight: bold;

    padding: 0;

}

.important_bg .important_box h3:hover {
    color: #fff;
}



.important_bg .important_box span:hover {
    color: #fff;
}



.important_bg .important_box span {

    font-size: 29px;

    line-height: 26px;

    color: #f4b328;

    padding-top: 20px;

    font-weight: 400;

    display: inline-block;

}

.important .important_box a {

    font-size: 16px;

    border: #fff solid 1px;

    background-color: #000;

    color: #fff;

    padding: 10px 27px;

    display: inline-block;

}

.important .Games a:hover {

    background-color: #ff0000;

    border: #ff0000 solid 1px;

    color: #fff;

}

/** end important section **/

/** Courses section **/

.Courses {

    padding-top: 90px;

    background: #fff;

}

.box_bg {

    background: #c3c3c3;

    padding: 10px 30px 30px 0px;

    display: inline-block;

    width: 100%;

}

.box_bg_img {

    /* max-width: 500px; */

    float: right;

    width: 100%;

    box-shadow: #ddd 0px 0px 0px 0px;

}

.box_bg_img .box_my {

    text-align: center;

    position: relative;

    margin-top: 20px;

    box-shadow: #4d4646ab 0px 0px 15px 1px;

}

.box_bg_img .box_my figure {

    margin: 0;

    position: relative;

}

.box_bg_img .box_my figure img {

    width: 100%;

}

.box_bg_img .box_my .overlay h3,
.box_bg_img .box_my .overlay p {

    color: #fff;

}

.box_bg_img .box_my .overlay h3 {

    font-weight: 500;

    margin: 9px 0 0 0;

    padding: 0;

    padding-bottom: 9px;



}



.box_bg_img .box_my .overlay p {

    line-height: normal;

    margin-top: 8px;

    height: 0;

    overflow: hidden;

    opacity: 0;

    margin: 0;

    transition: all .4s ease-in;

}

.box_bg_img .box_my:hover .overlay p {

    height: 65px;

    opacity: 1;

    transition: ease all 0.5s;

}

.overlay {

    position: absolute;

    bottom: 0;

    background: #200769;



}

.box_bg_img .box_my:hover .overlay {
    background: #200769bd;
}





.box_text {

    /* max-width: 531px; */

    width: 100%;

    padding: 25px 2px 2px 2px;

}





.box_text .titlepage {
    padding-bottom: 20px;
    text-align: right;
}

.box_text p {

    font-size: 17px;

    line-height: 27px;

    font-weight: 400;

    text-align: right;

    color: #181716;

}

.box_text a {

    font-size: 16px;

    border: #f4b328 solid 1px;

    background-color: #f4b328;

    color: #fff;

    padding: 9px 0px;

    /* max-width: 171px; */

    width: 100%;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    border-radius: 30px;

    float: right;

    margin-top: 20px;

}

.box_text a:hover {

    background-color: #200769;

    border: #200769 solid 1px;

    color: #fff;

}

.padding_left3 {
    padding-left: 0px;
}

/** end Courses section **/



/** learn **/

.learn {
    background: #fff;
    padding-top: 28px;
}

.learn .titlepage {
    text-align: left;
}

.learn .learn_box figure {
    margin: 0px;
}

.learn .learn_box figure img {
    width: 100%;
}

/** end learn **/



/** make **/

.make {
    background: #200769;
    margin-top: 28px;
    padding: 0px 0px;
}

.make .titlepage {
    text-align: left;
    padding-bottom: 30px;
}

.white_colo {
    color: #fff;
}

.make_text p {
    color: #fff;
}



.make_text a {

    font-size: 16px;

    border: #fff solid 1px;

    background-color: #fff;

    color: #200769;

    padding: 9px 0px;

    /* max-width: 171px; */

    width: 39%;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    border-radius: 30px;

    float: left;

    margin-top: 20px;

}

.make_text a:hover {

    background-color: #f4b328;

    border: #f4b328 solid 1px;

    color: #fff;

}





.make_img figure {
    margin: 0px;
}



/** end make **/















.titlepage {

    text-align: center;

    padding-bottom: 8px;

}

.titlepage span {
    padding-top: 30px;
    display: inline-block;
    font-size: 17px;
    color: #000;
}

.yellow {
    color: #200769;
    font-weight: bold;
}

.titlepage h2 {

    padding: 0;

    font-weight: bold;

    color: #f4b328;

    line-height: 55px;

    font-size: 50px;

}





/** contact section **/



.contact_bg .titlepage {
    padding-bottom: 20px;
    text-align: right !important;
    padding-right: 10px;
}

#map {

    height: 100%;

    min-height: 470px;

}

.padding_left2 {
    padding: 0px 0px;
}

.white_color {
    background: #fff;
    box-shadow: 0px 0px 11px 0px;
}

.map figure {
    margin: 0px;
}

.map figure img {
    width: 100%;
}



.white_bg {

    background-color: #fff;

    padding: 40px 30px 30px 30px
}

.contact .titlepage {

    text-align: center;

}

.contact .titlepage h3 {

    padding: 0px 0px 6px 0px;

    text-transform: uppercase;

    font-weight: bold;

    color: #fff;

    line-height: 46px;

    border-bottom: #fff solid 1px;

    font-size: 40px;

    /* width: 367px; */

    margin: 0 auto;

    margin-bottom: 60px;

}

.contact .contact_bg {

    /* max-width: 541px; */



    padding: 0;

    padding: 60px 0px;

}

.contact .contact_bg .contactus {

    border: #b1b0b0 solid 1px;

    padding: 12px 19px;

    margin-bottom: 26px;

    border-radius: inherit;

    color: #000;

    width: 100%;

}

.contact .contact_bg .textarea {

    margin-bottom: 25px;

    padding: 15px 19px;

    color: #000 !important;

    width: 100%;

    border: #b1b0b0 solid 1px;

    border-radius: inherit;

}

.contact .contact_bg .send {

    font-size: 16px;

    border: #f4b328 solid 1px;

    background-color: #f4b328;

    color: #fff;

    padding: 11px 67px;

    float: right;

    transition: all 0.3s ease-in;

}

.contact .contact_bg .send:hover {

    background-color: #200769;

    border: #200769 solid 1px;

    color: #fff;

    transition: all 0.3s ease-in;

    border-radius: 50px;

}

/** end contact section **/





/** footer **/

.footer {

    background: #0f0824;
}

.footer h2 {

    color: #fff;

    font-size: 40px;

    line-height: 40px;

    text-align: left;

}

.footer span {
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 30px;
    display: block;
}

.footer .address h3 {

    color: #fff;

    font-size: 30px;

    line-height: 35px;

    font-weight: 500;

    padding-bottom: 20px;

}

.location_section {

    background-color: #fff;

    margin-bottom: 40px;

    border-radius: 10px;

    padding: 20px 35px;

}

.news {

    padding-bottom: 50px;

    margin-top: -35px;

}

.news .newslatter {

    padding: 18px 30px;

    box-shadow: inherit;

    border: inherit;

    width: 70%;

    font-size: 19px;

    box-shadow: #b0b0b0 0px -2px 9px 0px;

    border-radius: 30px 0px 0px 30px;

    text-transform: uppercase;

}

.submit {

    padding: 18px 45px;

    border: #f4b328 solid 1px;

    background: #f4b328;

    color: #fff;

    margin-left: -5px;

    font-weight: 500;

    font-size: 19px;

    /* max-width: 271px; */

    width: 100%;

    border-radius: 0px 30px 30px 0px;

    box-shadow: #b0b0b0 0px -2px 9px 0px;

    text-transform: uppercase;

    transition: all 0.3s ease-in;

}

.submit:hover {

    background: #200769;

    border: #200769 solid 1px;

    color: #fff;

    transition: all 0.3s ease-in;



}

ul.social_link {

    padding-bottom: 35px;

    padding-top: 7px;

    display: block;

}

ul.social_link li {

    display: inline-block;

    padding-right: 4px;



}



ul.social_link li a img {

    width: 30px;

    height: 30px;

}

ul.social_link li a img:hover {

    background-color: #f4b328;

    border-radius: 20px;

}

ul.Menu_footer li {

    padding-bottom: 6px;

    display: block;

    color: #3e7f21;

    position: relative;

}



ul.Menu_footer li:before {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 20px;

    background: #fff;

    margin-top: 9px;

}



ul.Menu_footer li a {

    display: block;

    color: #fcfbfb;

    font-size: 17px;

    padding-left: 30px;



}

ul.Menu_footer li a:hover {

    color: #f4b328;

}

ul.Links_footer {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

}

ul.Links_footer li a {

    display: block;

    color: #fcfbfb;

    font-size: 17px;

    padding-left: 30px;



}

ul.Links_footer li a:hover {

    color: #f4b328;

}

ul.Links_footer li {

    padding-bottom: 6px;

    color: #3e7f21;

    display: block;

    position: relative;

}



ul.Links_footer li:before {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 20px;

    background: #fff;

    margin-top: 9px;

}

ul.loca li {

    color: #fcfbfb;

    padding-bottom: 10px;

    display: flex;

    font-size: 16px;

    flex-wrap: wrap;

}

ul.loca li a {

    padding-right: 16px;

    color: #fcfbfb;

    margin-top: 4px;

}

.copyright {

    padding: 20px 0px;

    margin-top: 55px;

    background-color: #180b3f;

}

.copyright p {

    color: #fff;

    font-size: 18px;

    line-height: 22px;

    text-align: center;



}

.copyright a {

    color: #fff;

}

.copyright a:hover {

    color: #f4b328;

}

/** end footer **/

/*--------------------------------------------------------------------- ener page css ---------------------------------------------------------------------*/