/*------------------------------------------------------------------
Project:  Drive
Version:  1.0
Last change:  
Assigned to:  Le Xuan Bach
Primary use:  Company
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
  + Header / header
  + Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
  + Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[COLOR CODES]

# Text Color      :  #555555
# Primary Color   :  #233785; 

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TYPOGRAPHY]

Body            : 15px/1.7 'Roboto-Regular', Arial, sans-serif;
Title           : 30px/1.6 'Roboto-Bold', Arial, sans-serif;
Paragrap        : 15px/1.7 'Roboto-Regular', Arial, sans-serif;
Input, textarea : 15px/1.7 'Roboto-Regular', Arial, sans-serif;
-------------------------------------------------------------------*/


/*//////////////////////////////////////////////////////////////////
[ FONT ]*/
@font-face
{
    font-family : Roboto-Regular;
    src         : url('../fonts/roboto/Roboto-Regular.ttf');
}

@font-face
{
    font-family : Roboto-Bold;
    src         : url('../fonts/roboto/Roboto-Bold.ttf');
}

@font-face
{
    font-family : Roboto-Black;
    src         : url('../fonts/roboto/Roboto-Black.ttf');
}

@font-face
{
    font-family : SourceSansPro-Regular;
    src         : url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf');
}

@font-face
{
    font-family : OpenSans-Regular;
    src         : url('../fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face
{
    font-family : OpenSans-Bold;
    src         : url('../fonts/OpenSans/OpenSans-Bold.ttf');
}

@font-face
{
    font-family : DroidSerif-Bold;
    src         : url('../fonts/droid-serif/DroidSerif-Bold.ttf');
}


/*//////////////////////////////////////////////////////////////////
[ RS PLUGIN ]*/

/*------------------------------------------------------------------
[ Bootstrap ]*/
.container
{
    max-width : 1200px;
}

/*------------------------------------------------------------------
[ Slick2 ]*/
.slick-slide
{
    outline : none;
}

.text-black{
    color: #000!important;
}
/*img{
    width: 100%;
}*/
/*//////////////////////////////////////////////////////////////////
[ LOADDING ]*/
.animsition-loading-1
{
    position          : absolute;
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.cp-spinner
{
    width      : 40px;
    height     : 40px;
    display    : inline-block;
    box-sizing : border-box;
    position   : relative
}

.cp-skeleton
{
    border-radius : 50%;
    border-top    : solid 5px #233785;
    border-right  : solid 5px transparent;
    border-bottom : solid 5px transparent;
    border-left   : solid 5px transparent;
    animation     : cp-skeleton-animate 1s linear infinite
}

.cp-skeleton:before
{
    border-radius : 50%;
    content       : " ";
    width         : 40px;
    height        : 40px;
    display       : inline-block;
    box-sizing    : border-box;
    border-top    : solid 5px transparent;
    border-right  : solid 5px transparent;
    border-bottom : solid 5px transparent;
    border-left   : solid 5px #233785;
    position      : absolute;
    top           : -5px;
    left          : -5px;
    transform     : rotateZ(-30deg)
}

.cp-skeleton:after
{
    border-radius : 50%;
    content       : " ";
    width         : 40px;
    height        : 40px;
    display       : inline-block;
    box-sizing    : border-box;
    border-top    : solid 5px transparent;
    border-right  : solid 5px #233785;
    border-bottom : solid 5px transparent;
    border-left   : solid 5px transparent;
    position      : absolute;
    top           : -5px;
    right         : -5px;
    transform     : rotateZ(30deg)
}

@keyframes cp-skeleton-animate
{
    0%
    {
        transform : rotate(0);
        opacity   : 1
    }
    
    50%
    {
        opacity : .7
    }
    
    100%
    {
        transform : rotate(360deg);
        opacity   : 1
    }
}


/*//////////////////////////////////////////////////////////////////
[ BACK TO TOP ]*/
.btn-back-to-top
{
    display            : none;
    position           : fixed;
    width              : 40px;
    height             : 40px;
    bottom             : 40px;
    left              : 40px;
    background-color   : black;
    opacity            : 0.5;
    justify-content    : center;
    align-items        : center;
    z-index            : 1150;
    border-radius      : 4px;
    transition         : all 0.4s;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
}

.symbol-btn-back-to-top
{
    font-size   : 22px;
    color       : white;
    line-height : 1em;
}

.btn-back-to-top:hover
{
    opacity : 1;
    cursor  : pointer;
}

@media (max-width : 576px)
{
    .btn-back-to-top
    {
        bottom : 15px;
        right  : 15px;
    }

}

/*//////////////////////////////////////////////////////////////////
[ Alert validate ]*/

.validate-input
{
    position : relative;
}

.alert-validate::before
{
    content            : attr(data-validate);
    position           : absolute;
    max-width          : 70%;
    background-color   : #ffffff;
    border             : 1px solid #c80000;
    border-radius      : 2px;
    padding            : 4px 25px 4px 10px;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    -moz-transform     : translateY(-50%);
    -ms-transform      : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform          : translateY(-50%);
    right              : 12px;
    pointer-events     : none;
    
    font-family        : Roboto-Regular;
    color              : #c80000;
    font-size          : 13px;
    line-height        : 1.4;
    text-align         : left;
    
    visibility         : hidden;
    opacity            : 0;
    
    -webkit-transition : opacity 0.4s;
    -o-transition      : opacity 0.4s;
    -moz-transition    : opacity 0.4s;
    transition         : opacity 0.4s;
}

.alert-validate::after
{
    content           : "\f071";
    font-family       : FontAwesome;
    display           : block;
    position          : absolute;
    color             : #c80000;
    font-size         : 14px;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
    right             : 18px;
}

.alert-validate:hover:before
{
    visibility : visible;
    opacity    : 1;
}

@media (max-width : 991px)
{
    .logo-area a img{
        max-height: 60px !important;
    }
    .alert-validate::before
    {
        visibility : visible;
        opacity    : 1;
    }
    .d_mw_md_none
    {
        display: none !important;
    }
    .img_max_sm_center
    {
        text-align: center;
    }
    .sub-menu
    {
        position: static !important;
        left: 0 !important;
        width: 100% !important;
    }
    .sub-menu li
    {
        background-color: #F3F3F3 !important;        
    }
    .Category-area{
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .m-txt3{
        font-size: 16px !important;
    }
}

/*------------------------------------------------------------------
[ rs alert validate ]*/
.rs1-alert-validate .alert-validate::before
{
    right : 22px;
}

.rs1-alert-validate .alert-validate::after
{
    right : 28px;
}


/*//////////////////////////////////////////////////////////////////
[ Header ]*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Desktop ]*/

.container-menu-desktop
{
    height             : 146px;
    
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}


/*==================================================================
[ Top bar ]*/
.top-bar
{
    height : 45px;
}

.content-topbar
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    height          : 45px;
    justify-content : space-between;
    align-items     : center;
}

.left-top-bar a
{
    font-family    : Roboto-Regular;
    font-size      : 13px;
    color          : white;
    vertical-align : middle;
    padding-left   : 13px;
    padding-right  : 15px;
    border-right   : 1px solid rgba(255, 255, 255, 0.15);
}

.left-top-bar a:hover
{
    color           : white;
    text-decoration : underline;
}

.left-top-bar a:last-child
{
    border : none;
}

.right-top-bar > span > i
{
    font-size      : 15px;
    color          : white;
    vertical-align : middle;
    margin-left    : 25px;
}

.right-top-bar > span > span
{
    font-family    : Roboto-Regular;
    font-size      : 13px;
    line-height    : 15px;
    color          : white;
    vertical-align : middle;
    margin-left    : 5px;
}

.topbar-mobile .left-top-bar a
{
    font-family    : Roboto-Regular;
    font-size      : 13px;
    color          : #555555;
    vertical-align : middle;
    padding-left   : 13px;
    padding-right  : 15px;
    border-right   : 1px solid #ececec;
}

.topbar-mobile .right-top-bar > span > i
{
    font-size      : 15px;
    color          : #555555;
    vertical-align : middle;
    margin-left    : 20px;
}

.topbar-mobile .right-top-bar > span > span
{
    font-family    : Roboto-Regular;
    font-size      : 13px;
    line-height    : 15px;
    color          : #555555;
    vertical-align : middle;
    margin-left    : 5px;
}


/*==================================================================
[ Menu ]*/
.wrap-menu-desktop
{
    position           : absolute;
    z-index            : 1100;
    background-color   : white;
    width              : 100%;
    height             : 101px;
    top                : 45px;
    left               : 0;
    
    -webkit-transition : height 0.3s;
    -o-transition      : height 0.3s;
    -moz-transition    : height 0.3s;
    transition         : height 0.3s;
}

.limiter-menu-desktop
{
    max-width        : 1200px;
    padding          : 0 15px;
    height           : 100%;
    margin           : 0 auto;
    display          : -webkit-box;
    display          : -webkit-flex;
    display          : -moz-box;
    display          : -ms-flexbox;
    display          : flex;
    background-color : transparent;
    align-items      : center;
}


/*------------------------------------------------------------------
[ Logo ]*/
.logo
{
    display   : block;
    position  : relative;
    height    : 69%;
    flex-grow : 1;
}

.logo img
{
    max-width  : calc(100% - 20px);
    max-height : 100%;
    position   : absolute;
    top        : 0;
    left       : 0;
    bottom     : 0;
    margin     : auto;
}


/*------------------------------------------------------------------
[ Menu ]*/

.menu-desktop
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
    height          : 100%;
    width           : 100%;
    justify-content : flex-end;
    display: none;
}

.main-menu
{
    list-style-type : none;
    margin          : 0;
    
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
}

.main-menu > li
{
    display  : block;
    position : relative;
    /* padding  : 20px 0 20px 26px; */
}

.main-menu > li > a
{
    font-family    : Roboto-Bold;
    font-size      : 14px;
    text-transform : uppercase;
    color          : #808080;
    padding        : 5px;
}

/*---------------------------------------------*/
.sub-menu
{
    list-style-type    : none;
    position           : absolute;
    top                : 0;
    left               : 100%;
    width              : 225px;
    background-color   : #0066FF;
    transition         : all 0.4s;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    
    /* box-shadow         : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow    : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow     : 0 1px 5px 0px rgba(0, 0, 0, 0.2); */
    
    /* visibility         : hidden;
    opacity            : 0; */
}

.sub-menu li
{
    position           : relative;
    background-color   : #0066FF;
    border-top         : 1px solid #e0e0e0;
    
    transition         : all 0.3s;
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    /* width: 100%; */
}

.main-menu > li > .sub-menu
{
    top  : 100%;
    left : 0;
}

.menu-mobile .sub-menu a
{
    font-family : Roboto-Regular;
    font-size   : 14px;
    line-height : 1.5;
    color       : #808080;
    
    display     : block;
    padding     : 10px;
    width       : 100%;
}

/*---------------------------------------------*/
.main-menu > li:hover > a
{
    color           : #555555;
    text-decoration : none;
}

.main-menu > li:hover > .sub-menu
{
    visibility : visible;
    opacity    : 1;
}

.sub-menu li:hover > .sub-menu
{
    visibility : visible;
    opacity    : 1;
}

/* .sub-menu li:hover
{
    background-color : #28AAE1;
} */

.sub-menu > li:hover > a
{
    color           : #555555;
    text-decoration : none;
}
.category-menu ul > li > ul > li > a{
    display: block;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.category-menu ul > li > ul > li > ul > li >ul.sub-menu{
    display: none;
}

@media (max-width : 1300px)
{
    .main-menu > .respon-sub-menu .sub-menu
    {
        right : 100%;
        left  : auto;
    }
    
    .main-menu > .respon-sub-menu > .sub-menu
    {
        right : 0px;
        left  : auto;
    }
}

/*---------------------------------------------*/
.main-menu > li::before
{
    content            : "";
    display            : block;
    position           : absolute;
    height             : 3px;
    border-radius      : 1px;
    left               : 50%;
    transform          : translateX(-50%);
    bottom             : 16px;
    width              : 0;
    background-color   : #233785;
    
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.main-menu > li:hover:before
{
    width : calc(100% - 36px);
}


/*------------------------------------------------------------------
[ Social ]*/
.social
{
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : -moz-box;
    display        : -ms-flexbox;
    display        : flex;
    padding-bottom : 4px;
}

.social a
{
    font-size          : 24px;
    color              : #808080;
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.social a:hover
{
    color : #233785;
}


/*==================================================================
[ Fixed menu desktop ]*/

.fix-menu-desktop
{
    height : 110px;
}

.fix-menu-desktop .wrap-menu-desktop
{
    top                : 0;
    height             : 65px;
    position           : fixed;
    box-shadow         : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow    : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow     : 0 1px 5px 0px rgba(0, 0, 0, 0.2);
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Mobile ]*/
.wrap-header-mobile
{
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : flex;
    align-items        : center;
    justify-content    : space-between;
    min-height         : 90px;
    background-color   : white;
    padding            : 15px;
    display            : none;
    
    box-shadow         : 0 0px 4px 0px rgba(153, 153, 153, 0.3);
    -moz-box-shadow    : 0 0px 4px 0px rgba(153, 153, 153, 0.3);
    -webkit-box-shadow : 0 0px 4px 0px rgba(153, 153, 153, 0.3);
    -o-box-shadow      : 0 0px 4px 0px rgba(153, 153, 153, 0.3);
    -ms-box-shadow     : 0 0px 4px 0px rgba(153, 153, 153, 0.3);
}

/*------------------------------------------------------------------
[ Logo mobile ]*/
.logo-mobile
{
    display       : block;
    padding-right : 25px;
}

.logo-mobile img
{
    max-width  : 100%;
    max-height : 60px;
}


/*------------------------------------------------------------------
[ btn show menu ]*/
.hamburger
{
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -moz-box;
    display           : -ms-flexbox;
    display           : flex;
    align-items       : center;
    padding           : 0;
    -webkit-transform : scale(0.7);
    -moz-transform    : scale(0.7);
    -ms-transform     : scale(0.7);
    -o-transform      : scale(0.7);
    transform         : scale(0.7);
}

.hamburger:hover
{
    opacity : 1;
}

/*---------------------------------------------*/
@media (max-width : 992px)
{
    .wrap-header-mobile
    {
        display : -webkit-box;
        display : -webkit-flex;
        display : -moz-box;
        display : -ms-flexbox;
        display : flex;
    }
    
    .container-menu-desktop
    {
        display : none;
    }
}

/*==================================================================
[ Menu mobile ]*/
.menu-mobile
{
    width            : 100%;
    background-color : white;
    /* display          : none; */
    border-top       : 1px solid #ececec;
}

.main-menu-m
{
    padding-top    : 10px;
    padding-bottom : 10px;
}

.main-menu-m > li > a
{
    font-family    : Roboto-Regular;
    font-size      : 14px;
    color          : white;
    line-height    : 2.86;
    text-transform : uppercase;
    padding-left   : 20px;
}

.main-menu-m > li
{
    color    : white;
    position : relative;
}

.arrow-main-menu-m
{
    font-size       : 14px;
    color           : #ffffff;
    
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    justify-content : center;
    align-items     : center;
    position        : absolute;
    right           : 10px;
    top             : 2px;
    padding         : 10px;
    cursor          : pointer;
}

.arrow-main-menu-m i
{
    transform-origin   : center;
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.turn-arrow-main-menu-m i
{
    -webkit-transform : rotate(90deg);
    -moz-transform    : rotate(90deg);
    -ms-transform     : rotate(90deg);
    -o-transform      : rotate(90deg);
    transform         : rotate(90deg);
}

/*---------------------------------------------*/
.sub-menu-m
{
    background-color : #ffffff;
    padding          : 10px 15px 10px 32px;
    display          : none;
}

.sub-menu-m a
{
    font-family : Roboto-Regular;
    font-size   : 14px;
    color       : #808080;
    line-height : 2.5;
}

.sub-menu-m a:hover
{
    text-decoration : none;
    color           : #555555;
}

@media (min-width : 992px)
{
    .menu-mobile
    {
        display : none;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Footer ]*/

/*------------------------------------------------------------------
[ Link ]*/
.wrap-link-footer
{
    display : -webkit-box;
    display : -webkit-flex;
    display : -moz-box;
    display : -ms-flexbox;
    display : flex;
}
.wrap-link-footer ul{
    padding-left: 0;
}

.wrap-link-footer .col-left
{
    width : 45%;
}

.wrap-link-footer li
{
    margin-bottom : 6px;
    list-style: none;
    padding: 0;
}

.wrap-link-footer li a
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.8;
    /* color       : #e5e5e5; */
    color: #000;
}

.wrap-link-footer li a:hover
{
    color : white;
}

.wrap-link-footer li::before
{
    content            : "";
    display            : inline-block;
    width              : 5px;
    height             : 5px;
    background-color   : #5c5c5c;
    margin-right       : 8px;
    margin-bottom      : 2px;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
}

.wrap-link-footer li:hover:before
{
    background-color : white;
}


/*------------------------------------------------------------------
[ Contact ]*/
.contact-footer{
    padding-left: 0;
}

.contact-footer li
{
    font-family   : Roboto-Regular;
    font-size     : 15px;
    line-height   : 1.8;
    /* color         : #aaaaaa; */
    margin-bottom : 6px;
    list-style: none;
    padding: 0;
}

.contact-footer li i
{
    margin-right : 10px;
}


/*------------------------------------------------------------------
[ Gallery ]*/
.wrap-gallery-footer
{
    display   : -webkit-box;
    display   : -webkit-flex;
    display   : -moz-box;
    display   : -ms-flexbox;
    display   : flex;
    flex-wrap : wrap;
}

.item-gallery-footer
{
    display       : block;
    width         : calc((100% - 30px) / 3);
    margin-right  : 10px;
    margin-bottom : 10px;
    position      : relative;
}

.item-gallery-footer::after
{
    content            : "";
    display            : block;
    position           : absolute;
    width              : 100%;
    height             : 0%;
    bottom             : 0;
    left               : 0;
    opacity            : 0.7;
    background-color   : #233785;
    
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
}

.item-gallery-footer:hover:after
{
    cursor : pointer;
    height : 100%;
}


/*//////////////////////////////////////////////////////////////////
[ RS Revo Slide ]*/

/*------------------------------------------------------------------
[ arrow ]*/
.persephone.tparrows
{
    cursor     : pointer;
    background : #aaaaaa;
    background : rgba(200, 200, 200, 0.1);
    width      : 35px;
    height     : 35px;
    position   : absolute;
    display    : none;
    z-index    : 100;
    border     : 3px solid #8d8c8b;
}

.persephone.tparrows:before
{
    font-family : "revicons";
    font-size   : 15px;
    color       : #cccccc;
    display     : block;
    line-height : 29px;
    text-align  : center;
}

.persephone.tparrows:hover
{
    cursor     : pointer;
    background : #233785;
    border     : 3px solid #233785;
}

/*------------------------------------------------------------------
[ Slider ]*/
.rs1-revo .tp-caption
{
    white-space : normal !important;
}

.rs1-revo .txt-center
{
    text-align : center !important;
}

.rs1-revo .m-txt1,
.rs1-revo .m-txt2
{
    font-size : 16px !important;
}

.rs1-revo .trans-03
{
    -webkit-transition : all 0.3s !important;
    -o-transition      : all 0.3s !important;
    -moz-transition    : all 0.3s !important;
    transition         : all 0.3s !important;
}

.rs1-revo .wrap-btn-slide
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    justify-content : space-between;
}

@media (max-width : 480px)
{
    .rs1-revo .wrap-btn-slide
    {
        flex-direction : column;
        align-items    : center;
    }
}

/*//////////////////////////////////////////////////////////////////
[ RS sweet alert ]*/
.swal-overlay
{
    overflow-y : auto;
}

.swal-button:focus
{
    outline    : none;
    box-shadow : none;
}

.swal-button
{
    background-color   : #233785;
    font-family        : Roboto-Regular;
    font-size          : 16px;
    color              : white;
    text-transform     : uppercase;
    font-weight        : unset;
    border-radius      : 4px;
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.swal-button:hover
{
    background-color : #07185a;
}

.swal-button:active
{
    background-color : #07185a;
}

.swal-title
{
    font-family    : Roboto-Bold;
    color          : #333333;
    font-size      : 18px;
    line-height    : 1.5;
    padding        : 0 15px;
    text-transform : uppercase;
}

.swal-text
{
    font-family : Roboto-Regular;
    color       : #555555;
    font-size   : 16px;
    line-height : 1.666667;
    text-align  : center;
}

.swal-footer
{
    margin-top : 0;
}


/*//////////////////////////////////////////////////////////////////
[ Slick 1 ]*/

.wrap-slide-slick-6,
.wrap-slide-slick-1
{
    position  : relative;
    max-width : 1333px;
    margin    : 0 auto;
}

.para-slide-slick-1
{
    visibility : hidden;
}

.wrap-person
{
    max-width  : 340px;
    visibility : hidden;
}

.wrap-pic-person
{
    width         : 80px;
    height        : 80px;
    border        : 3px solid white;
    border-radius : 50%;
    overflow      : hidden;
}

.wrap-pic-person img
{
    width : 100%;
}

.arrow-slide-slick-6,
.arrow-slide-slick-1
{
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    width              : 35px;
    height             : 35px;
    border             : 3px solid #818385;
    color              : #cccccc;
    font-size          : 30px;
    padding-bottom     : 3px;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
    
    position           : absolute;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    -moz-transform     : translateY(-50%);
    -ms-transform      : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform          : translateY(-50%);
}

.arrow-slide-slick-6:hover,
.arrow-slide-slick-1:hover
{
    cursor           : pointer;
    background-color : #233785;
    border           : 3px solid #233785;
}

.next-slide-6,
.next-slide-1
{
    right   : 0;
    z-index : 1000;
}

.prev-slide-6,
.prev-slide-1
{
    left    : 0;
    z-index : 1000;
}


/*//////////////////////////////////////////////////////////////////
[ Slick 2 ]*/
.container-slick-5,
.container-slick-4,
.container-slick-2
{
    position  : relative;
    max-width : 1200px;
    margin    : 0 auto;
}


.arrow-slick-5,
.arrow-slick-4,
.arrow-slick-2
{
    position           : absolute;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    width              : 35px;
    height             : 35px;
    border             : 3px solid #e5e5e5;
    color              : #999999;
    font-size          : 30px;
    padding-bottom     : 3px;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
    top                : 23%;
}

.arrow-slick-5:hover,
.arrow-slick-4:hover,
.arrow-slick-2:hover
{
    cursor           : pointer;
    background-color : #233785;
    color            : white;
}

.next-slide-2
{
    right   : -65px;
    z-index : 1000;
}

.prev-slide-2
{
    left    : -65px;
    z-index : 1000;
}

@media (max-width : 1330px)
{
    .next-slide-2
    {
        right : -20px;
    }
    
    .prev-slide-2
    {
        left : -20px;
    }
}

@media (max-width : 1240px)
{
    .arrow-slick-2
    {
        width              : 15px;
        height             : 35px;
        border             : none;
        color              : #999999;
        font-size          : 30px;
        padding-bottom     : 3px;
        -webkit-transition : all 0.4s;
        -o-transition      : all 0.4s;
        -moz-transition    : all 0.4s;
        transition         : all 0.4s;
        top                : 25%;
    }
    
    .next-slide-2
    {
        right : 0px;
    }
    
    .prev-slide-2
    {
        left : 0px;
    }
}

/*//////////////////////////////////////////////////////////////////
[ Slick 3 ]*/

.wrap-slide-slick-3
{
    position  : relative;
    max-width : 1333px;
    margin    : 0 auto;
}

.para-slide-slick-3
{
    visibility : hidden;
}

.wrap-person-slick-3
{
    visibility : hidden;
}

.arrow-slide-slick-3:hover
{
    cursor           : pointer;
    background-color : #233785;
}

.arrow-slide-slick-3
{
    position           : absolute;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    width              : 35px;
    height             : 35px;
    border             : 3px solid #e6e6e6;
    color              : #cccccc;
    font-size          : 30px;
    padding-bottom     : 3px;
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
}

.next-slide-3
{
    top     : 0px;
    right   : 0px;
    left    : auto;
    z-index : 1000;
}

.prev-slide-3
{
    top     : 0px;
    right   : 40px;
    left    : auto;
    z-index : 1000;
}

.item-slick-3
{
    position : relative;
}

.slick3-dots
{
    display   : -webkit-box;
    display   : -webkit-flex;
    display   : -moz-box;
    display   : -ms-flexbox;
    display   : flex;
    flex-wrap : wrap;
}

.slick3-dots li
{
    margin-right       : 15px;
    margin-top         : 5px;
    display            : block;
    width              : 50px;
    height             : 50px;
    border             : 3px solid #e6e6e6;
    overflow           : hidden;
    cursor             : pointer;
    
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.slick3-dots li img
{
    width : 100%;
}

.slick3-dots li:hover
{
    border-color : #b3b3b3;
}

.slick3-dots li.slick-active
{
    border-color : #b3b3b3;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 4 ]*/

.next-slide-5,
.next-slide-4
{
    top     : 4px;
    right   : 15px;
    left    : auto;
    z-index : 1000;
}

.prev-slide-5,
.prev-slide-4
{
    top     : 4px;
    right   : 55px;
    left    : auto;
    z-index : 1000;
}


/*//////////////////////////////////////////////////////////////////
[ Slick 6 ]*/
.content-item-slick-6
{
    max-width     : 950px;
    margin        : 0 auto;
    padding-left  : 40px;
    padding-right : 40px;
    position      : relative;
}

.arrow-slide-slick-6
{
    border-color : #e6e6e6;
    color        : #cccccc;
}

.wrap-person-slick-6,
.para-slide-slick-6
{
    visibility : hidden;
}

/*---------------------------------------------*/
.slick6-dots
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    justify-content : center;
    flex-wrap       : wrap;
}

.slick6-dots li
{
    margin-right       : 7px;
    margin-left        : 7px;
    margin-top         : 10px;
    display            : block;
    width              : 50px;
    height             : 50px;
    border             : 3px solid #e6e6e6;
    overflow           : hidden;
    cursor             : pointer;
    
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.slick6-dots li img
{
    width : 100%;
}

.slick6-dots li:hover
{
    border-color : #233785;
}

.slick6-dots li.slick-active
{
    border-color : #233785;
}


/*//////////////////////////////////////////////////////////////////
[ Modal video 01 ]*/
.modal-backdrop
{
    background-color : transparent;
}

#modal-video-01
{
    background-color : rgba(0, 0, 0, 0.8);
    z-index          : 1250;
    
}

#modal-video-01 .modal-dialog
{
    max-width       : 100% !important;
    height          : 100% !important;
    padding         : 0;
    margin          : 0;
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
    align-items     : center;
    position        : relative;
}

.wrap-video-mo-01
{
    width    : 854px;
    height   : auto;
    position : relative;
    margin   : 15px;
}

.video-mo-01
{
    position           : absolute;
    width              : 100%;
    height             : 100%;
    top                : 0;
    left               : 0;
    opacity            : 0;
    -webkit-transition : all 2s;
    -o-transition      : all 2s;
    -moz-transition    : all 2s;
    transition         : all 2s;
}

.video-mo-01 iframe
{
    width  : 100%;
    height : 100%;
}

.close-mo-video-01
{
    font-size       : 50px;
    color           : white;
    opacity         : 0.6;
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : absolute;
    z-index         : 1250;
    width           : 60px;
    height          : 60px;
    top             : 0;
    right           : 0;
}

.close-mo-video-01:hover
{
    cursor  : pointer;
    opacity : 1;
}


/*//////////////////////////////////////////////////////////////////
[ Block 1 ]*/
.block-1
{
    position : relative;
    overflow : hidden;
}

.wrap-text-b1
{
    display       : -webkit-box;
    display       : -webkit-flex;
    display       : -moz-box;
    display       : -ms-flexbox;
    display       : flex;
    flex-wrap     : wrap;
    align-content : space-between;
    position      : absolute;
    width         : 100%;
    height        : 100%;
    top           : calc(100% - 60px);
    left          : 0;
    padding-left  : 25px;
    padding-right : 25px;
}

/*---------------------------------------------*/
.wrap-title-b1
{
    display     : -webkit-box;
    display     : -webkit-flex;
    display     : -moz-box;
    display     : -ms-flexbox;
    display     : flex;
    align-items : center;
    height      : 60px;
    width       : 100%;
}

/*---------------------------------------------*/
.wrap-para-b1
{
    width : 100%;
}

.wrap-para-b1 p
{
    max-height : 105px;
    overflow   : hidden;
}

/*---------------------------------------------*/
.wrap-more-b1
{
    width  : 100%;
    height : 28%;
}

.wrap-more-b1 a
{
    display     : block;
    align-items : center;
    height      : 25px;
    position    : relative;
}

.wrap-more-b1 a i
{
    display     : -webkit-box;
    display     : -webkit-flex;
    display     : -moz-box;
    display     : -ms-flexbox;
    display     : flex;
    align-items : center;
    position    : absolute;
    height      : 100%;
    left        : 0;
}

.wrap-more-b1 a span
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    position        : absolute;
    height          : 100%;
    width           : 80px;
    left            : 14px;
}

.wrap-more-b1 a:hover i
{
    left : 82px;
}

.wrap-more-b1 a:hover span
{
    left : 0;
}

.wrap-more-b1 a:hover
{
    flex-direction  : row-reverse;
    justify-content : flex-end;
}

.block-1:hover .wrap-text-b1
{
    top         : 0;
    padding-top : 6%;
}

@media (max-width : 480px)
{
    .block-1:hover .wrap-text-b1
    {
        top         : 0;
        padding-top : 2%;
    }
}

/*//////////////////////////////////////////////////////////////////
[ Block 2 ]*/
.block-2
{
    width            : 100%;
    position         : relative;
    background-color : white;
    border           : 1px solid #e6e6e6;
    align-self       : stretch;
}

.wrap-symbol-b2
{
    position          : absolute;
    width             : 52px;
    height            : 52px;
    left              : 50%;
    -webkit-transform : translateX(-50%);
    -moz-transform    : translateX(-50%);
    -ms-transform     : translateX(-50%);
    -o-transform      : translateX(-50%);
    transform         : translateX(-50%);
    top               : -26px;
}


/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/

/*==================================================================
[ Color ]*/
.color-main
{
    color : #233785;
}

.color1
{
    color : #ffb636;
}

.color2
{
    color : #333333;
}

.color3
{
    color : #c5c5c5;
}

.color4
{
    color : #c8c8c8;
}

.color5
{
    color : #999999;
}

.color6
{
    color : #555555;
}

.color7
{
    color : #808080;
}

/*---------------------------------------------*/
.cl-ph-1::-webkit-input-placeholder
{
    color : #888888;
}

.cl-ph-1:-moz-placeholder
{
    color : #888888;
}

.cl-ph-1::-moz-placeholder
{
    color : #888888;
}

.cl-ph-1:-ms-input-placeholder
{
    color : #888888;
}


/*//////////////////////////////////////////////////////////////////
[ Text ]*/
.txt1
{
    font-family    : Roboto-Bold;
    color          : white;
    text-transform : uppercase;
}

.txt2
{
    font-family : Roboto-Regular;
    color       : white;
}


/*//////////////////////////////////////////////////////////////////
[ S-Text 0 - 15 ]*/
.s-txt1
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #ffffff;
}

.s-txt2
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #555555;
}

.s-txt3
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    line-height : 1.8;
    color       : #ffffff;
}

.s-txt4
{
    font-family : Roboto-Regular;
    font-size   : 13px;
    line-height : 1.8;
    color       : #ffffff;
}

.s-txt5
{
    font-family : SourceSansPro-Regular;
    font-size   : 15px;
    line-height : 1.4;
    color       : #999999;
}

.s-txt6
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #555555;
}

.s-txt7
{
    font-family : OpenSans-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #999999;
}

.s-txt8
{
    font-family : OpenSans-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #233785;
}

.s-txt9
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.6;
    /* color       : #aaaaaa; */
}

.s-txt10
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #999999;
}

.s-txt11
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #cccccc;
}

.s-txt12
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    line-height : 1.8;
    color       : #333333;
}

.s-txt13
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.8;
    color       : #999999;
}

.s-txt14
{
    font-family : OpenSans-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #333333;
}

.s-txt15
{
    font-family    : OpenSans-Bold;
    font-size      : 14px;
    line-height    : 1.4;
    color          : #999999;
    text-transform : uppercase;
}

.s-txt16
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    line-height : 1.7;
    color       : #ffffff;
}

.s-txt17
{
    font-family : OpenSans-Regular;
    font-size   : 15px;
    line-height : 1.6666667;
    color       : #555555;
}

.s-txt18
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    line-height : 1.7;
    color       : #333333;
}

.s-txt19
{
    font-family : Roboto-Regular;
    font-size   : 13px;
    line-height : 1.6;
    color       : #ffffff;
}
.s-txt19 i
{
    padding-right: 10px;
}

.s-txt20
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    line-height : 1.4;
    color       : #e5e5e5;
}

.s-txt21
{
    font-family : Roboto-Regular;
    font-size   : 13px;
    line-height : 1.6;
    color       : #999999;
}

.s-txt22
{
    font-family : OpenSans-Regular;
    font-size   : 15px;
    line-height : 1.6666667;
    color       : #808080;
}

.s-txt23
{
    font-family    : OpenSans-Regular;
    font-size      : 13px;
    line-height    : 1.6666667;
    color          : #808080;
    text-transform : uppercase;
}

.s-txt24
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    color       : #808080;
}

.s-txt25
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    color       : #555555;
    line-height : 1.7;
}

.s-txt26
{
    font-family    : Roboto-Regular;
    font-size      : 15px;
    color          : #808080;
    text-transform : uppercase;
}

.s-txt27
{
    font-family : Roboto-Bold;
    font-size   : 15px;
    color       : #555555;
    line-height : 1.2;
}

.s-txt28
{
    font-family : Roboto-Regular;
    font-size   : 13px;
    line-height : 1.4;
    color       : #808080;
}

.s-txt29
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    color       : #808080;
    line-height : 1.5;
}

.s-txt30
{
    font-family : Roboto-Regular;
    font-size   : 13px;
    line-height : 1.4;
    color       : #555555;
}

.s-txt31
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    color       : #555555;
    line-height : 1.6666667;
}

.s-txt32
{
    font-family : Roboto-Regular;
    font-size   : 15px;
    color       : #233785;
    line-height : 1.6666667;
}

/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 30 ]*/
.m-txt1
{
    font-family : Roboto-Regular;
    font-size   : 16px;
    line-height : 1.2;
    color       : #ffffff;
}

.m-txt2
{
    font-family : Roboto-Regular;
    font-size   : 16px;
    line-height : 1.2;
    color       : #233785;
}

.m-txt3
{
    font-family    : Roboto-Black;
    font-size      : 18px;
    line-height    : 1.3;
    color          : #ffffff;
    text-transform : uppercase;
}

.m-txt4
{
    font-family    : Roboto-Bold;
    font-size      : 30px;
    line-height    : 1.2;
    color          : #333333;
    text-transform : uppercase;
}

.m-txt5
{
    font-family : Roboto-Black;
    font-size   : 18px;
    line-height : 1.3;
    color       : #333333;
}

.m-txt6
{
    font-family    : Roboto-Bold;
    font-size      : 30px;
    line-height    : 1.2;
    color          : #ffffff;
    text-transform : uppercase;
}

.m-txt7
{
    font-family : Roboto-Regular;
    font-size   : 16px;
    line-height : 1.7;
    color       : #666666;
}

.m-txt8
{
    font-family : Roboto-Bold;
    font-size   : 18px;
    line-height : 1.2;
    color       : #333333;
}

.m-txt9
{
    font-family : Roboto-Bold;
    font-size   : 20px;
    line-height : 1.2;
    color       : #666666;
}

.m-txt10
{
    font-family : Roboto-Regular;
    font-size   : 16px;
    line-height : 1.2;
    color       : #555555;
}

.m-txt11
{
    font-family : Roboto-Regular;
    font-size   : 16px;
    line-height : 1.7;
    color       : #cccccc;
}


.m-txt12
{
    font-family    : Roboto-Bold;
    font-size      : 18px;
    line-height    : 1.2;
    /* color          : #ffffff; */
    text-transform : uppercase;
}

.m-txt13
{
    font-family : Roboto-Black;
    font-size   : 18px;
    line-height : 1.3;
    color       : #333333;
}

.m-txt14
{
    font-family : Roboto-Regular;
    font-size   : 30px;
    line-height : 1.2;
    color       : #ffffff;
}

.m-txt15
{
    font-family : Roboto-Regular;
    font-size   : 18px;
    line-height : 1.2;
    color       : #ffffff;
}

.m-txt16
{
    font-family : OpenSans-Bold;
    font-size   : 18px;
    line-height : 1.2;
    color       : #333333;
}

.m-txt17
{
    font-family : Roboto-Regular;
    font-size   : 24px;
    line-height : 1.2;
    color       : #ffffff;
}

.m-txt18
{
    font-family    : SourceSansPro-Regular;
    font-size      : 16px;
    line-height    : 1.2;
    color          : #233785;
    text-transform : uppercase;
}

.m-txt19
{
    font-family : OpenSans-Regular;
    font-size   : 18px;
    line-height : 1.2;
    color       : #333333;
}

.m-txt20
{
    font-family    : Roboto-Bold;
    font-size      : 24px;
    line-height    : 1.2;
    color          : #e5e5e5;
    text-transform : uppercase;
}

.m-txt21
{
    font-family : Roboto-Bold;
    font-size   : 24px;
    line-height : 1.2;
    color       : #222222;
}

.m-txt22
{
    font-family : Roboto-Regular;
    font-size   : 18px;
    line-height : 1.6666667;
    color       : #555555;
}

.m-txt23
{
    font-family    : SourceSansPro-Regular;
    font-size      : 16px;
    line-height    : 1.2;
    color          : #ffffff;
    text-transform : uppercase;
}

.m-txt24
{
    font-family    : Roboto-Bold;
    font-size      : 24px;
    line-height    : 1.2;
    color          : #333333;
    text-transform : uppercase;
}

.m-txt25
{
    font-family : Roboto-Bold;
    font-size   : 30px;
    line-height : 1.2;
    color       : #333333;
}

.m-txt26
{
    font-family : Roboto-Bold;
    font-size   : 30px;
    line-height : 1.2;
    color       : #666666;
}

.m-txt27
{
    font-family    : Roboto-Bold;
    font-size      : 20px;
    line-height    : 1.2;
    color          : #333333;
    text-transform : uppercase;
}

.m-txt28
{
    font-family    : Roboto-Bold;
    font-size      : 24px;
    line-height    : 1.2;
    color          : #233785;
    text-transform : uppercase;
}

/*//////////////////////////////////////////////////////////////////
[ L-Text 31 - 50 ]*/
.l-txt1
{
    font-family    : Roboto-Black;
    font-size      : 50px;
    line-height    : 1.2;
    color          : #ffffff;
    text-transform : uppercase;
}

.l-txt2
{
    font-family    : Roboto-Bold;
    font-size      : 50px;
    line-height    : 1.2;
    color          : #ffffff;
    text-transform : uppercase;
}


/*//////////////////////////////////////////////////////////////////
[ XL-Text >= 51 ]*/
.xl-txt1
{
    font-family : DroidSerif-Bold;
    font-size   : 60px;
    line-height : 1;
    color       : #cccccc;
}


/*==================================================================
   SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ Size ]*/
.size1
{
    height    : 45px;
    min-width : 164px;
}

.size2
{
    height : 5px;
    width  : 50px;
}

.size3
{
    height    : 40px;
    min-width : 115px;
}

.size4
{
    height    : 40px;
    min-width : 87px;
}

.size5
{
    height    : 45px;
    min-width : 188px;
}

.size6
{
    width  : 100%;
    height : 50px;
}

.size7
{
    height    : 45px;
    min-width : 112px;
}

.size8
{
    height    : 40px;
    min-width : 185px;
}

.size9
{
    height    : 45px;
    min-width : 145px;
}

.size10
{
    min-height : 95px;
    width      : 100%;
}

.size11
{
    height    : 40px;
    min-width : 134px;
}

.size12
{
    width  : 50px;
    height : 50px;
}

.size13
{
    min-height : 150px;
    width      : 100%;
}

.size14
{
    width  : 36px;
    height : 36px;
}

.size15
{
    width     : 260px;
    height    : 45px;
    max-width : 100%;
}

.size16
{
    width  : 45px;
    height : 45px;
}

.size17
{
    width  : 30px;
    height : 30px;
}

.size18
{
    height : 40px;
    width  : 100%;
}

.size19
{
    height    : 40px;
    min-width : 143px;
}

.size20
{
    width  : 100%;
    height : 50px;
}

.size21
{
    width  : 48px;
    height : 48px;
}

.size22
{
    width      : 100%;
    min-height : 150px;
}

.size23
{
    width  : calc((100% - 20px) / 3);
    height : 50px;
}

.size24
{
    height    : 50px;
    min-width : 179px;
}

.size25
{
    width  : calc((100% - 40px) / 3);
    height : 50px;
}

.size26
{
    height    : 45px;
    min-width : 150px;
}

/*//////////////////////////////////////////////////////////////////
[ Width ]*/
.w-size1
{
    max-width : 960px;
}

.w-size2
{
    max-width : 510px;
}

.w-size3
{
    max-width : 555px;
}

.w-size4
{
    max-width : 500px;
}

.w-size5
{
    width : calc(100% - 68px);
}

.w-size6
{
    width : 390px;
}

.w-size7
{
    width : calc(100% - 390px);
}

.w-size8
{
    max-width : 100%;
}

.w-size9
{
    width : 25px;
}

.w-size10
{
    width : calc(100% - 25px);
}

.w-size11
{
    width : 70px;
}

.w-size12
{
    width : calc(100% - 87px);
}

.w-size13
{
    width : 21px;
}

.w-size14
{
    width : calc(100% - 21px);
}

.w-size15
{
    width : 80px;
}

.w-size16
{
    width : calc(100% - 110px);
}

.w-size17
{
    max-width : 620px;
}

.w-size18
{
    width : calc(100% - 100px);
}


/*//////////////////////////////////////////////////////////////////
[ Height ]*/
.h-size1
{
    height : 390px;
}

.h-size2
{
    height : 30px;
}

.h-size3
{
    min-height : 276px;
}

.h-size4
{
    height : 75px;
}

.h-size5
{
    height : 162px;
}


/*//////////////////////////////////////////////////////////////////
[ Background ]*/
.bg-main
{
    background-color : #233785;
}

.bg1
{
    background-color : #f2f2f2;
}

.bg2
{
    background-color : #808080;
}

.bg3
{
    /* background-color : #222222; */
    background-color : #0066FF;
}

.bg4
{
    /* background-color : #333333; */
    background-image: linear-gradient(to bottom, #0066FF, #fff,#0066FF);
}

.bg5
{
    background-color : #fafafa;
}

.bg6
{
    background-color : #1f3177;
}


/*------------------------------------------------------------------
[ BG Image ]*/
.bg-img-1
{
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    background-color: #88888824;
}


/*------------------------------------------------------------------
[ BG Overlay ]*/
.bg-overlay-1
{
    background-color : rgba(0, 0, 0, 0.35);
}

/*---------------------------------------------*/
.bg-overlay-2
{
    position : relative;
    z-index  : 1;
}

.bg-overlay-2::before
{
    content          : "";
    display          : block;
    position         : absolute;
    z-index          : -1;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : rgba(0, 0, 0, 0.8);
}

.bg-overlay-2::after
{
    content    : "";
    display    : block;
    position   : absolute;
    z-index    : -2;
    width      : 100%;
    height     : 100%;
    top        : 0;
    left       : 0;
    background : rgba(0, 0, 0, 0.3);
    background : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : -moz-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
}

/*---------------------------------------------*/
.bg-overlay-3
{
    position : relative;
    z-index  : 1;
    padding-bottom: 0;
}

/*.bg-overlay-3::before
{
    content          : "";
    display          : block;
    position         : absolute;
    z-index          : -1;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : rgba(0, 0, 0, 0.5);
}*/

/*.bg-overlay-3::after
{
    content    : "";
    display    : block;
    position   : absolute;
    z-index    : -2;
    width      : 100%;
    height     : 100%;
    top        : 0;
    left       : 0;
    background : rgba(0, 0, 0, 0.3);
    background : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : -moz-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background : linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
}*/

/*---------------------------------------------*/
.bg-overlay-4
{
    position : relative;
    z-index  : 1;
}

.bg-overlay-4::before
{
    content          : "";
    display          : block;
    position         : absolute;
    z-index          : -1;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : rgba(0, 0, 0, 0.5);
}

.bg-overlay-4::after
{
    content    : "";
    display    : block;
    position   : absolute;
    z-index    : -2;
    width      : 100%;
    height     : 100%;
    top        : 0;
    left       : 0;
    background : rgba(0, 0, 0, 0.3);
    background : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
    background : -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
    background : -moz-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
    background : linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
}


/*------------------------------------------------------------------
[ BG Pattern ]*/
.bg-pattern-1
{
    background-image  : url(../images/icons/pattern1.png);
    background-repeat : repeat;
}


/*//////////////////////////////////////////////////////////////////
[ Border ]*/
.bo1-b
{
    border-bottom : 1px solid #ececec;
}

/*---------------------------------------------*/
.bo2
{
    border : 1px solid #e6e6e6;
}

.bo2-b
{
    border-bottom : 1px solid #e6e6e6;
}

.bo2-t
{
    border-top : 1px solid #e6e6e6;
    list-style: none;
    padding: 0;
}

.bo2-r
{
    border-right : 1px solid #e6e6e6;
}

.bo2-tb
{
    border-bottom : 1px solid #e6e6e6;
    border-top    : 1px solid #e6e6e6;
}

/*---------------------------------------------*/
.bo3
{
    border : 1px solid #e0e0e0;
}

/*---------------------------------------------*/
.bo4-t
{
    border-top : 1px solid #e0e0e0;
}

/*---------------------------------------------*/
.bo5-l
{
    border-left : 5px solid #e6e6e6;
}

/*---------------------------------------------*/
.bo6
{
    border : 1px solid #cccccc;
}


/*---------------------------------------------*/
.bo-rad-2
{
    border-radius : 2px;
}

.bo-rad-3
{
    border-radius : 3px;
}

.bo-rad-4
{
    border-radius : 4px;
}

.bo-rad-5
{
    border-radius : 5px;
}

.bo-rad-6
{
    border-radius : 6px;
}

.bo-rad-7
{
    border-radius : 7px;
}

.bo-rad-8
{
    border-radius : 8px;
}

.bo-rad-9
{
    border-radius : 9px;
}

.bo-rad-10
{
    border-radius : 10px;
}

.bo-t-rad-2
{
    border-top-left-radius  : 2px;
    border-top-right-radius : 2px;
}

.bo-b-rad-2
{
    border-bottom-left-radius  : 2px;
    border-bottom-right-radius : 2px;
}


/*==================================================================
      EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ Where ]*/
.where1-parent
{
    position : relative;
}

.where1
{
    position : absolute;
    top      : 1px;
    right    : 1px;
}


/*//////////////////////////////////////////////////////////////////
[ Shadow ]*/
.shadow1
{
    box-shadow         : 0 0 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0 0 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow : 0 0 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow      : 0 0 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow     : 0 0 10px 0px rgba(0, 0, 0, 0.1);
}


/*//////////////////////////////////////////////////////////////////
[ Gradient ]*/
.gradient1
{
    background : -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background : -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background : -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background : linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}


/*//////////////////////////////////////////////////////////////////
[ Transform ]*/
.transform1
{
    -webkit-transform : translate(-50%, -50%) rotateZ(90deg);
    -moz-transform    : translate(-50%, -50%) rotateZ(90deg);
    -ms-transform     : translate(-50%, -50%) rotateZ(90deg);
    -o-transform      : translate(-50%, -50%) rotateZ(90deg);
    transform         : translate(-50%, -50%) rotateZ(90deg);
}


/*//////////////////////////////////////////////////////////////////
[ Parallax ]*/
.parallax100
{
    background-attachment : fixed;
    background-position   : center 0;
    background-repeat     : no-repeat;
    background-size       : cover;
}

@media (max-width : 992px)
{
    .parallax100
    {
        background-attachment : inherit;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Pseudo ]*/
/*------------------------------------------------------------------
[ Focus ]*/
.input-focus-1:focus
{
    border-color       : rgba(35, 55, 133, 0.5);
    box-shadow         : 0 0px 2px 0px #233785;
    -moz-box-shadow    : 0 0px 2px 0px #233785;
    -webkit-box-shadow : 0 0px 2px 0px #233785;
    -o-box-shadow      : 0 0px 2px 0px #233785;
    -ms-box-shadow     : 0 0px 2px 0px #233785;
}

/*------------------------------------------------------------------
[ Hover ]*/

.hov-bg-main:hover
{
    background-color : #233785;
}

.hov-color-main:hover
{
    color : #233785;
}

/*---------------------------------------------*/
.hov1:hover
{
    -webkit-transform : scale(1.2);
    -moz-transform    : scale(1.2);
    -ms-transform     : scale(1.2);
    -o-transform      : scale(1.2);
    transform         : scale(1.2);
}

/*---------------------------------------------*/
.hov2:hover
{
    color : #333333;
}

/*---------------------------------------------*/
.hov3:hover
{
    background-color : #333333;
    border-color     : #333333;
    color            : #ffffff;
}

/*---------------------------------------------*/
.hov4:hover
{
    background-color : #233785;
    color            : #ffffff;
}

/*---------------------------------------------*/
.hov5
{
    position : relative;
    overflow : hidden;
    cursor   : pointer;
}

.hov5::before
{
    position          : absolute;
    top               : 0;
    left              : -75%;
    z-index           : 2;
    display           : block;
    content           : '';
    width             : 50%;
    height            : 100%;
    background        : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background        : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform : skewX(-25deg);
    transform         : skewX(-25deg);
}

.hov5:hover::before
{
    -webkit-animation : shine .75s;
    animation         : shine .75s;
}

@-webkit-keyframes shine
{
    100%
    {
        left : 125%;
    }
}

@keyframes shine
{
    100%
    {
        left : 125%;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Position ]*/
.pos1
{
    position : absolute;
    top      : 0;
    left     : 7px;
}


/*//////////////////////////////////////////////////////////////////
[ Effect ]*/

.vi-vi-slick
{
    visibility : visible;
}

/*------------------------------------------------------------------
[ Active ]*/
.actived-1
{
    color : #333333;
}

.actived-2
{
    color : #233785;
}

.act-pagi
{
    background-color : #333333;
    border-color     : #333333;
    color            : #ffffff;
}


/*---------------------------------------------*/
.btn-drive
{
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    justify-content : center;
    align-items     : center;
    position        : relative;
    z-index         : 1;
    padding         : 10px;
}

.btn-drive::before
{
    content            : "";
    display            : block;
    position           : absolute;
    z-index            : -1;
    bottom             : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    border-radius      : inherit;
    background-color   : #07185a;
    opacity            : 0;
    -webkit-transform  : scaleY(0.1);
    -moz-transform     : scaleY(0.1);
    -ms-transform      : scaleY(0.1);
    -o-transform       : scaleY(0.1);
    transform          : scaleY(0.1);
    
    -webkit-transition : all 0.3s ease-out;
    -o-transition      : all 0.3s ease-out;
    -moz-transition    : all 0.3s ease-out;
    transition         : all 0.3s ease-out;
}

.btn-drive:hover
{
    color : #ffffff;
}

.btn-drive:hover:before
{
    -webkit-transform : scaleY(1);
    -moz-transform    : scaleY(1);
    -ms-transform     : scaleY(1);
    -o-transform      : scaleY(1);
    transform         : scaleY(1);
    opacity           : 1;
}

/*---------------------------------------------*/
.list-01 li
{
    text-indent  : -11px;
    padding-left : 22px;
}

.list-01 li::before
{
    content      : "\f058";
    font-family  : FontAwesome;
    font-size    : 15px;
    color        : #233785;
    
    display      : inline-block;
    margin-right : 5px;
}

/*---------------------------------------------*/
.symbol-1
{
    font-size       : 26px;
    color           : white;
    
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 100%;
    height          : 100%;
    border-radius   : 5px;
    position        : relative;
    z-index         : 1;
}

.symbol-1::before
{
    content          : "";
    display          : block;
    position         : absolute;
    z-index          : -1;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    border-radius    : inherit;
    background-color : #233785;
}

.rotate-symbol-1.symbol-1::before
{
    transform-origin  : center;
    -webkit-transform : rotateZ(45deg);
    -moz-transform    : rotateZ(45deg);
    -ms-transform     : rotateZ(45deg);
    -o-transform      : rotateZ(45deg);
    transform         : rotateZ(45deg);
}

/*---------------------------------------------*/
.overlay1
{
    position : relative;
    cursor   : pointer;
}

.overlay1::after
{
    content            : "";
    display            : block;
    position           : absolute;
    width              : 100%;
    height             : 0%;
    bottom             : 0;
    left               : 0;
    opacity            : 0.7;
    background-color   : #233785;
    
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
}

.overlay1:hover:after
{
    height : 100%;
}


/*---------------------------------------------*/
.show-dropdown-content .down-mark
{
    display : block;
}

.show-dropdown-content .up-mark
{
    display : none;
}

/*---------------------------------------------*/
.label1
{
    position : relative;
    overflow : hidden;
}

.label1::before
{
    content           : "";
    display           : block;
    position          : absolute;
    width             : 60px;
    height            : 60px;
    background-color  : #e57202;
    top               : -31px;
    right             : -31px;
    
    -webkit-transform : rotateZ(45deg);
    -moz-transform    : rotateZ(45deg);
    -ms-transform     : rotateZ(45deg);
    -o-transform      : rotateZ(45deg);
    transform         : rotateZ(45deg);
}

.label1::after
{
    content     : "\f005";
    font-family : FontAwesome;
    font-size   : 11px;
    color       : #ffffff;
    
    display     : block;
    position    : absolute;
    top         : 6px;
    right       : 7px;
}


/*==================================================================
  RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ XL ]*/
@media (max-width : 1200px)
{
    .m-0-xl
    {
        margin : 0;
    }
    
    .m-lr-0-xl
    {
        margin-left  : 0;
        margin-right : 0;
    }
    
    .m-lr-15-xl
    {
        margin-left  : 15px;
        margin-right : 15px;
    }
    
    .m-l-0-xl
    {
        margin-left : 0;
    }
    
    .m-r-0-xl
    {
        margin-right : 0;
    }
    
    .m-l-15-xl
    {
        margin-left : 15px;
    }
    
    .m-r-15-xl
    {
        margin-right : 15px;
    }
    
    .p-0-xl
    {
        padding : 0;
    }
    
    .p-lr-0-xl
    {
        padding-left  : 0;
        padding-right : 0;
    }
    
    .p-lr-15-xl
    {
        padding-left  : 15px;
        padding-right : 15px;
    }
    
    .p-l-0-xl
    {
        padding-left : 0;
    }
    
    .p-r-0-xl
    {
        padding-right : 0;
    }
    
    .p-l-15-xl
    {
        padding-left : 15px;
    }
    
    .p-r-15-xl
    {
        padding-right : 15px;
    }
    
    .w-full-xl
    {
        width : 100%;
    }
    
    /*---------------------------------------------*/
    
}


/*//////////////////////////////////////////////////////////////////
[ LG ]*/
@media (max-width : 992px)
{
    .m-0-lg
    {
        margin : 0;
    }
    
    .m-lr-0-lg
    {
        margin-left  : 0;
        margin-right : 0;
    }
    
    .m-lr-15-lg
    {
        margin-left  : 15px;
        margin-right : 15px;
    }
    
    .m-l-0-lg
    {
        margin-left : 0;
    }
    
    .m-r-0-lg
    {
        margin-right : 0;
    }
    
    .m-l-15-lg
    {
        margin-left : 15px;
    }
    
    .m-r-15-lg
    {
        margin-right : 15px;
    }
    
    .p-0-lg
    {
        padding : 0;
    }
    
    .p-lr-0-lg
    {
        padding-left  : 0;
        padding-right : 0;
    }
    
    .p-lr-15-lg
    {
        padding-left  : 15px;
        padding-right : 15px;
    }
    
    .p-l-0-lg
    {
        padding-left : 0;
    }
    
    .p-r-0-lg
    {
        padding-right : 0;
    }
    
    .p-l-15-lg
    {
        padding-left : 15px;
    }
    
    .p-r-15-lg
    {
        padding-right : 15px;
    }
    
    .w-full-lg
    {
        width : 100%;
    }
    
    /*---------------------------------------------*/
    
}


/*//////////////////////////////////////////////////////////////////
[ MD ]*/
@media (max-width : 768px)
{
    .m-0-md
    {
        margin : 0;
    }
    
    .m-lr-0-md
    {
        margin-left  : 0;
        margin-right : 0;
    }
    
    .m-lr-15-md
    {
        margin-left  : 15px;
        margin-right : 15px;
    }
    
    .m-l-0-md
    {
        margin-left : 0;
    }
    
    .m-r-0-md
    {
        margin-right : 0;
    }
    
    .m-l-15-md
    {
        margin-left : 15px;
    }
    
    .m-r-15-md
    {
        margin-right : 15px;
    }
    
    .p-0-md
    {
        padding : 0;
    }
    
    .p-lr-0-md
    {
        padding-left  : 0;
        padding-right : 0;
    }
    
    .p-lr-15-md
    {
        padding-left  : 15px;
        padding-right : 15px;
    }
    
    .p-l-0-md
    {
        padding-left : 0;
    }
    
    .p-r-0-md
    {
        padding-right : 0;
    }
    
    .p-l-15-md
    {
        padding-left : 15px;
    }
    
    .p-r-15-md
    {
        padding-right : 15px;
    }
    
    .w-full-md
    {
        width : 100%;
    }
    
    /*---------------------------------------------*/
    .respon2
    {
        width         : 100%;
        border-right  : none;
        border-bottom : 1px solid #e6e6e6;
    }
    
    .respon3
    {
        height        : auto;
        margin-bottom : 25px;
    }
}


/*//////////////////////////////////////////////////////////////////
[ SM ]*/
@media (max-width : 575px)
{
    .m-0-sm
    {
        margin : 0;
    }
    
    .m-lr-0-sm
    {
        margin-left  : 0;
        margin-right : 0;
    }
    
    .m-lr-15-sm
    {
        margin-left  : 15px;
        margin-right : 15px;
    }
    
    .m-l-0-sm
    {
        margin-left : 0;
    }
    
    .m-r-0-sm
    {
        margin-right : 0;
    }
    
    .m-l-15-sm
    {
        margin-left : 15px;
    }
    
    .m-r-15-sm
    {
        margin-right : 15px;
    }
    
    .p-0-sm
    {
        padding : 0;
    }
    
    .p-lr-0-sm
    {
        padding-left  : 0;
        padding-right : 0;
    }
    
    .p-lr-15-sm
    {
        padding-left  : 15px;
        padding-right : 15px;
    }
    
    .p-l-0-sm
    {
        padding-left : 0;
    }
    
    .p-r-0-sm
    {
        padding-right : 0;
    }
    
    .p-l-15-sm
    {
        padding-left : 15px;
    }
    
    .p-r-15-sm
    {
        padding-right : 15px;
    }
    
    .w-full-sm
    {
        width : 100%;
    }
    
    /*---------------------------------------------*/
    .respon1
    {
        font-size : 25px;
    }
    .d_mw_sm_none
    {
        display: none;
    }
}


/*//////////////////////////////////////////////////////////////////
[ SSM ]*/
@media (max-width : 480px)
{
    .m-0-ssm
    {
        margin : 0;
    }
    
    .m-lr-0-ssm
    {
        margin-left  : 0;
        margin-right : 0;
    }
    
    .m-lr-15-ssm
    {
        margin-left  : 15px;
        margin-right : 15px;
    }
    
    .m-l-0-ssm
    {
        margin-left : 0;
    }
    
    .m-r-0-ssm
    {
        margin-right : 0;
    }
    
    .m-l-15-ssm
    {
        margin-left : 15px;
    }
    
    .m-r-15-ssm
    {
        margin-right : 15px;
    }
    
    .p-0-ssm
    {
        padding : 0;
    }
    
    .p-lr-0-ssm
    {
        padding-left  : 0;
        padding-right : 0;
    }
    
    .p-lr-15-ssm
    {
        padding-left  : 15px;
        padding-right : 15px;
    }
    
    .p-l-0-ssm
    {
        padding-left : 0;
    }
    
    .p-r-0-ssm
    {
        padding-right : 0;
    }
    
    .p-l-15-ssm
    {
        padding-left : 15px;
    }
    
    .p-r-15-ssm
    {
        padding-right : 15px;
    }
    
    .w-full-ssm
    {
        width : 100%;
    }
    
    /*---------------------------------------------*/
    
}

@media screen and (max-width: 360px) {
    #rev_slider_1 ul li h2
    {
        font-size: 20px !important;
    }
    .product_container{
        padding: 0 7px;
    }
}

@media screen and (max-width: 280px) {
    #rev_slider_1 ul li h2
    {
        font-size: 18px !important;
    }
}
/*//////////////////////////////////////////////////////////////////
[ Panel color setting ]*/

.color-setting
{
    position                   : fixed;
    z-index                    : 1200;
    top                        : 20%;
    left                       : 0;
    background-color           : #333333;
    border-top-right-radius    : 3px;
    border-bottom-right-radius : 3px;
}

.btn-show-panel
{
    width              : 40px;
    padding            : 8px;
    cursor             : pointer;
    -webkit-transition : all 0.3s;
    -o-transition      : all 0.3s;
    -moz-transition    : all 0.3s;
    transition         : all 0.3s;
}

.btn-show-panel img
{
    width : 100%;
}

.btn-show-panel-hide
{
    opacity : 0;
}

/*---------------------------------------------*/
.panel-color
{
    padding  : 10px;
    position : relative;
    display  : none;
}

.btn-hide-panel
{
    font-size          : 22px;
    color              : #ffffff;
    cursor             : pointer;
    
    position           : absolute;
    top                : -40px;
    left               : calc(50% - 20px);
    width              : 40px;
    height             : 40px;
    
    -webkit-transition : all 0.4s;
    -o-transition      : all 0.4s;
    -moz-transition    : all 0.4s;
    transition         : all 0.4s;
}

.title-panel
{
    font-family    : Roboto-Regular;
    font-size      : 16px;
    line-height    : 1.4;
    color          : #ffffff;
    padding-bottom : 10px;
}

.color-blue,
.color-green,
.color-yellow,
.color-orange
{
    width         : 25px;
    height        : 25px;
    margin        : 10px auto;
    cursor        : pointer;
    border-radius : 3px;
}

.color-blue
{
    background-color : #233785;
}

.color-green
{
    background-color : #00b26f;
}

.color-yellow
{
    background-color : #ffe048;
}

.color-orange
{
    background-color : #ff5f3d;
}

.show-hide-btn
{
    opacity : 0;
}




/*------------------------------------------------------------------------------------------------------*/
.header-top-area
{
    background : #263952 none repeat scroll 0 0;
    color      : #ffffff;
    padding    : 7px 0;
    width      : 100%;
}
/* .header-top-left
{
}

.header-top-left p
{
    color       : #ffffff;
    font-size   : 12px;
    line-height : 28px;
    margin      : 0;
} */
.header-link
{
}

.header-link ul
{
}

.header-link ul li
{
    display      : inline-block;
    border-right : 1px solid #bec4cb;
    position     : relative
}

.header-link ul li a
{
    color          : #ffffff;
    font-size      : 12px;
    font-weight    : normal;
    text-transform : capitalize;
    padding        : 0 15px;
    line-height    : 28px;
    transition     : .3s;
}

.header-link ul li a:hover
{
    color : #e23e57;
}

.header-link ul li a i
{
    padding-left : 0;
}

.header-link ul li:last-child
{
    border-right : 0;
}

.dollar-submenu
{
    background : #474e58 none repeat scroll 0 0;
    box-shadow : 0 2px 3px rgba(0, 0, 0, 0.3);
    list-style : outside none none;
    min-width  : 130px;
    opacity    : 0;
    position   : absolute;
    right      : -1px;
    text-align : right;
    top        : 120%;
    transition : all 0.4s ease 0s;
    visibility : hidden;
    z-index    : 9;
    padding    : 3px 0;
}

.header-link ul li:hover .dollar-submenu
{
    opacity    : 1;
    visibility : visible;
    top        : 100%;
}

.header-link ul li .dollar-submenu:hover
{
    background-color : #626871;
}

.dollar-submenu ul
{
}

.dollar-submenu ul li
{
}

.dollar-submenu ul li > a
{
    color      : #ffffff;
    display    : block;
    font-size  : 12px;
    transition : .3s;
}

.dollar-submenu ul li > a:hover
{
    color : #ffffff;
}

/*----------------------------------------*/
/*  2.2  header-min-area
/*----------------------------------------*/
/* .header-min-area
{
    background : 28AAE1 none repeat scroll 0 0;
    padding    : 10px 0;
} */

.logo-area
{
}

.logo-area a
{
}

.logo-area a img
{
    margin  : auto;
    display : block;
    max-height: 94px;
}

.header-search
{
    display    : inline-block;
    float      : left;
    margin-top : 7px;
    width      : 83%;
}

.header-search form
{
    position : relative;
}

.header-search form input
{
    background    : #ffffff none repeat scroll 0 0;
    border        : 0 none;
    border-radius : 5px;
    font-size     : 14px;
    height        : 46px;
    padding       : 0 10px;
    width         : 100%;
}

.header-search form a
{
    background    : #febd69 none repeat scroll 0 0;
    border-radius : 5px;
    color         : #333333;
    font-size     : 16px;
    height        : 100%;
    line-height   : 42px;
    position      : absolute;
    right         : 0;
    text-align    : center;
    top           : 0;
    width         : 50px;
}

.shopping-area
{
    display    : inline-block;
    float      : right;
    margin-top : 13px;
    width      : 17%;
}

.shopping-area ul
{
    padding-left: 15px;
}

.shopping-area ul li
{
    /* display     : inline-block; */
    display     : flex;
    float       : right;
    /* margin-left : 30px; */
    position    : relative;
}

.shopping-area ul li a
{
    color           : #666;
    font-size       : 15px;
    text-decoration : none;
    transition      : .3s;
    text-decoration : none;
}

.shopping-area ul li > a i
{
    color: #666;
    margin-right: 5px;
    font-size: 28px;
    height: 37px;
    line-height: 37px;
}

.shopping-area ul li.number
{
    position : relative;
    text-align: center;
}

.shopping-area ul li.number > span
{
    background    : #0066FF none repeat scroll 0 0;
    border-radius : 50px;
    color         : #ffffff;
    height        : 23px;
    left          : 18px;
    line-height   : 25px;
    position      : absolute;
    text-align    : center;
    top           : -8px;
    width         : 23px;
}

/* .shopping-area ul li a:hover
{
    color : #e23e57
} */

.shopping-cart
{
    background : #ffffff none repeat scroll 0 0;
    box-shadow : 0 3px 5px rgba(0, 0, 0, 0.3);
    left       : -165px;
    opacity    : 0;
    padding    : 26px 10px;
    position   : absolute;
    top        : 150%;
    transition : all 0.3s ease 0s;
    width      : 300px;
    z-index    : 9999999999;
    visibility : hidden;
    transition : .3s;
}

.shopping-area ul li:hover .shopping-cart
{
    opacity    : 1;
    top        : 100%;
    visibility : visible;
}

.shopping-cart .cart-list
{
    border-top : 1px solid #aaaaaa;
    overflow   : hidden;
    padding    : 15px 0;
}

.shopping-cart .cart-list .cart-img
{
    float : left;
    width : 30%;
}

.shopping-cart .cart-list .cart-info
{
    float        : left;
    text-align   : left;
    width        : 60%;
    padding-left : 10px;
}

.shopping-cart .cart-list .cart-info h4
{
    margin-bottom : 0;
}

.shopping-cart .cart-list .cart-info h4 a
{
    color           : #ffffff;
    font-size       : 16px;
    font-weight     : 400;
    text-decoration : none;
    text-transform  : capitalize;
}

.shopping-cart .cart-list .cart-info h4 a:hover, .shopping-cart .cart-list .cart-info .cart-price span.price, .shopping-cart .cart-list .pro-del a:hover
{
    color : #e23e57;
}

.shopping-cart .cart-list .cart-info .cart-price span
{
    color     : #ffffff;
    font-size : 16px;
}

.shopping-cart .cart-list .cart-info .cart-price span.price
{
    font-size : 18px;
}

.shopping-cart .cart-list .pro-del
{
    float : left;
    width : 10%;
}

.shopping-cart > .cart-list .pro-del a
{
    color     : #ffffff;
    font-size : 20px;
}

.shopping-cart .mini-cart-total
{
    border-bottom : 1px solid #aaaaaa;
    border-top    : 1px solid #aaaaaa;
    overflow      : hidden;
    padding       : 10px 0;
}

.shopping-cart .mini-cart-total span
{
    color          : #ffffff;
    float          : left;
    font-size      : 17px;
    text-transform : capitalize;
}

.shopping-cart .mini-cart-total span.total-price
{
    float     : right;
    font-size : 17px;
    color     : #e23e57;
}

.shopping-cart .cart-button
{
    padding : 20px 0;
}

.shopping-cart .cart-button a, .home-2 .shopping-cart .cart-button a, .home-3 .shopping-cart .cart-button a, .home-4 .shopping-cart .cart-button a
{
    background : #ffffff;
    float      : left;
    color      : #e23e57;
}

.shopping-cart .cart-button a:hover
{
    background : #666666;
    color      : #ffffff;
}

.shopping-cart .cart-button a.right, .shopping-cart .cart-button a
{
    display         : block;
    font-weight     : 700;
    text-transform  : uppercase;
    text-decoration : none;
    padding         : 5px 15px;
    font-size       : 14px;
}

.shopping-cart .cart-button a.right
{
    background : #666666;
    float      : right;
    color      : #ffffff;
}

.shopping-cart .cart-button a.right:hover
{
    background : #ffffff;
    color      : #e23e57;
}

.header-bottom-area
{
    background : #0066FF none repeat scroll 0 0;
}

.Category-area
{
    position : relative;
}

.Category-area h3
{
    background     : #ff0000 none repeat scroll 0 0;
    border-radius  : 5px 5px 0 0;
    color          : #ffffff;
    cursor         : pointer;
    display        : block;
    font-size      : 16px;
    font-weight    : 700;
    height         : 40px;
    line-height    : 40px;
    margin         : 0;
    padding        : 0 15px;
    position       : relative;
    text-transform : uppercase;
    width          : 100%;
}

.Category-area h3 i
{
    /* padding-right : 8px; */
    font-size     : 22px;
}

.category-menu
{
    background : #ffffff none repeat scroll 0 0;
    left       : 0;
    position   : absolute;
    top        : 100%;
    width      : 100%;
    z-index    : 1000;
    opacity    : 0;
    visibility : hidden;
    transition : .4s;
}

.Category-area:hover .category-menu
{
    opacity    : 1;
    visibility : visible;
}

.category-menu ul
{
    background: #fff;
    padding-left: 0;
    position: relative;
}

.category-menu ul li
{
    /* position      : relative; */
    border-bottom : 1px solid #88888861;
    background-color: #fff;
    list-style: none;
}

.category-menu ul li:last-child
{
    border-bottom : 0;
}

.category-menu ul li a
{
    display         : block;
    font-size       : 14px;
    line-height     : 24px;
    padding         : 10px 20px 11px 27px;
    position        : relative;
    /* text-transform  : uppercase; */
    color           : #000;
    transition      : .3s;
    text-decoration : none;
}
.category-menu ul li :hover .sub-menu
{
    background-color: #fff;
}
.category-menu ul li > a i
{
    padding-right : 8px;
}

.category-menu ul li.angle > a::before
{
    content     : "ï„…";
    display     : inline-block;
    font-family : FontAwesome;
    font-size   : 10px;
    position    : absolute;
    right       : 15px;
    top         : 50%;
    transform   : translateY(-50%);
}

.category-menu ul li > .category-submenu
{
    background       : #ffffff none repeat scroll 0 0;
    border           : 1px solid #e5e5e3;
    box-shadow       : 0 0 6px 0 rgba(0, 0, 0, 0.2);
    padding          : 20px;
    position         : absolute;
    left             : 105%;
    top              : 0;
    width            : 650px;
    transform        : scaleY(0);
    transform-origin : center top 0;
    opacity          : 0;
    visibility       : hidden;
    transition       : .4s;
}

.category-menu ul li:hover > .category-submenu
{
    transform  : scaleY(1);
    opacity    : 1;
    visibility : visible;
}

.category-menu ul li > .category-submenu::before
{
    background-color : #ffffff;
    border-bottom    : 1px solid #f1f1f1;
    border-left      : 1px solid #f1f1f1;
    content          : "";
    height           : 15px;
    left             : -8px;
    position         : absolute;
    top              : 15px;
    transform        : rotate(45deg);
    width            : 15px;
}

.category-menu ul li > .category-submenu span
{
    float         : left;
    width         : 33.33%;
    padding-right : 15px;
}

.category-menu ul li > .category-submenu span a.title
{
    border-bottom  : 2px solid #f1f1f1;
    color          : #333333;
    display        : block;
    font-family    : "Montserrat", sans-serif;
    font-size      : 14px;
    font-weight    : 600;
    line-height    : 22px;
    margin-bottom  : 5px;
    padding-bottom : 5px;
    position       : relative;
    text-transform : uppercase;
}

.category-menu ul li > .category-submenu span a.title:before
{
    background-color : #e75768;
    bottom           : -2px;
    content          : "";
    height           : 2px;
    left             : 0;
    position         : absolute;
    width            : 70px;
}

.category-menu ul li .category-submenu span a
{
    display        : block;
    line-height    : 25px;
    text-transform : capitalize;
    color          : #444444;
    transition     : .3s;
}

.category-menu ul li .category-submenu span a:hover
{
    color : #ff0000;
}

.category-menu ul li > .category-submenu span a.title.color-2:before
{
    background-color : #45d8bb;
}

.category-menu ul li > .category-submenu span a.title.color-3:before
{
    background-color : #f4ca49;
}

.category-menu ul li > .category-submenu-2
{
    width : 440px;
}

.category-menu ul li > .category-submenu-2 span
{
    width : 50%;
}
.category-menu ul ul{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    display: none;
}
.category-menu ul ul li:hover{
}
.category-menu ul > li:hover > ul{
    display: block;

    opacity: 1;
    padding-top: 0;
    background: #fff;
    /* width: calc(100vw - 420px); */
    /* width: 910px; */
    min-height: 100%;
    /* overflow: hidden; */
}

/* .category-menu ul ul li:hover > ul{
    position: static;
} */
.category-menu ul li ul li{
    width: 100%;
    border: none;
    padding: 7px 10px;
    margin-bottom: -6px;
    border-bottom: 7px solid #88888861;
    /* display: inline-flex; */
    /* flex-direction: column; */
}
.category-menu ul li ul li a{
    font-weight: bold;
}
/* .category-menu ul li ul li .sub-menu{
    width: auto;
    display: flex;
    flex-direction: column;
    position: static;
} */
.category-menu ul li ul li .sub-menu li{
    border: none;
    width: 100%;
}

.category-menu ul li ul li ul li a{
    font-weight: normal;
    text-transform: none;
}
.category-menu ul li ul li .sub-menu li:hover{
    background-color: #fff;
}
.main-menu-area
{
}

.main-menu-area ul
{
}

.main-menu-area ul li
{
    display  : inline-block;
    position : relative;
}

.main-menu-area ul li a
{
    color           : #ffffff;
    display         : block;
    /*font-size       : 16px;*/
    font-weight     : 600;
    line-height     : 32px;
    padding         : 10px 15px;
    position        : relative;
    text-decoration : none;
    /*text-transform  : uppercase;*/
    transition      : all 0.3s ease 0s;
}

.main-menu-area ul li.active a
{
    /*padding : 11px 13px 11px 0;*/
    color : #ffff00;
}

.main-menu-area ul li:hover a, .main-menu-area ul li.active a
{
    color : #ffff;
}

.main-menu-area ul li a i
{
    padding-left : 8px;
}

.main-menu-area ul li .sub-menu
{
    background       : #28AAE1 none repeat scroll 0 0;
    left             : 0;
    margin           : 0;
    opacity          : 0;
    padding          : 10px 0;
    position         : absolute;
    top              : 100%;
    transform        : scaleY(0);
    transform-origin : 0 0 0;
    transition       : all 0.5s ease 0s;
    visibility       : hidden;
    width            : 230px;
    z-index          : 999;
}

.main-menu-area ul li:hover .sub-menu
{
    opacity    : 1;
    transform  : scaleY(1);
    visibility : visible;
}

.main-menu-area ul li .sub-menu ul
{
}

.main-menu-area ul li .sub-menu ul li
{
    display : block;
}

.main-menu-area ul li .sub-menu ul li a
{
    color           : #fff;
    display         : block;
    font-size       : 14px;
    font-weight     : 400;
    line-height     : 30px;
    padding         : 0 0 0 10px;
    text-decoration : none;
    transition      : all 0.3s ease 0s;
}
/* 
.main-menu-area ul li .sub-menu ul li a:hover
{
    color : #fff;
} */
/* 
.bg-color
{
    background    : #eeeeee none repeat scroll 0 0;
    border-radius : 5px;
    margin-left   : 15px;
    margin-right  : 15px;
    max-height    : 93px;
    overflow      : hidden;
}

.single-banner
{
    display  : inline-block;
    padding  : 20px 48px;
    position : relative;
    width    : 100%;
}

.single-banner .banner-icon
{
    float : left;
    width : 20%;
}

.single-banner .banner-icon a
{
    color     : #666666;
    display   : inline-block;
    font-size : 36px;
}

.single-banner .banner-icon a i
{
}

.single-banner .banner-text
{
    float      : left;
    margin-top : 12px;
    width      : 80%;
}

.single-banner .banner-text h2
{
    color          : #333333;
    font-size      : 13px;
    font-weight    : 500;
    margin-bottom  : 2px;
    text-transform : uppercase;
}

.single-banner .banner-text p
{
    color         : #666666;
    font-size     : 12px;
    margin-bottom : 0;
} */

.box2
{
    position : relative;
}

.box2::after
{
    background   : #cbcbcb none repeat scroll 0 0;
    border-right : 1px solid #ffffff;
    content      : "";
    display      : block;
    height       : 33px;
    position     : absolute;
    right        : 0;
    top          : 30px;
    width        : 2px;
}

.header-bottom-area.sticky
{
    left     : 0;
    position : fixed;
    top      : 0;
    width    : 100%;
    z-index  : 999999999;
}

/*----------------------------------------*/
/*  3  slider-area
/*----------------------------------------*/
.slider-area
{
}

.slider-main
{
    float    : left;
    width    : 77%;
    overflow : hidden;
    position : relative;
}

.single-slider
{
    position : relative;
}

.single-slider .slider-img
{
}

.single-slider .slider-img a
{
}

.single-slider .slider-img a img
{
    width : 100%;
}

.single-slider .slider-text
{
    left       : 10%;
    position   : absolute;
    text-align : center;
    top        : 50%;
    transform  : translateY(-50%);
}

.single-slider .slider-text h1
{
    color          : #333333;
    font-size      : 28px;
    font-weight    : bold;
    text-transform : uppercase;
    margin         : 0;
    margin         : 20px 0;
}

.single-slider .slider-text h2
{
    font-size     : 44px;
    font-weight   : 700;
    margin-bottom : 20px;
}

.single-slider .slider-text h2 span
{
    font-size    : 28px;
    padding-left : 10px;
}

.single-slider .slider-text h3
{
    color          : #333333;
    font-size      : 28px;
    font-weight    : 400;
    text-transform : uppercase;
    margin-bottom  : 15px;
}

.single-slider .slider-text a
{
    background     : #e23e57 none repeat scroll 0 0;
    border         : 1px solid #e23e57;
    border-radius  : 35px;
    box-sizing     : border-box;
    color          : #ffffff;
    display        : inline-block;
    font-size      : 15px;
    font-weight    : 700;
    padding        : 10px 25px;
    text-transform : capitalize;
    transition     : all 0.3s ease-out 0s;
}

.single-slider .slider-text a:hover
{
    background : #28AAE1;
    border     : 1px solid #28AAE1;
}

.single-slider .slider-text-2
{
    text-align : left;
    left       : 5%;
}

.single-slider .slider-text-2 h3
{
    font-size : 20px;
}

.banner-right
{
    float : left;
    width : 23%;
}

.banner-img a img
{
    width : 100%;
}

.banner-img a
{
    position : relative;
    overflow : hidden;
    display  : block;
}

.banner-img a img
{
    transform  : scale(1);
    transition : .3s;
}

.banner-img a:hover img
{
    transform : scale(1.1);
}

.banner-img a:before
{
    background : rgba(0, 0, 0, 0.18) none repeat scroll 0 0;
    content    : "";
    height     : 100%;
    left       : 0;
    opacity    : 0;
    position   : absolute;
    top        : 0;
    transition : all 0.4s ease 0s;
    width      : 100%;
    z-index    : 2;
}

.banner-img a:hover:before
{
    opacity : .5;
}

.slider-active.owl-theme .owl-controls
{
    bottom     : 5%;
    left       : 5%;
    margin-top : 0;
    position   : absolute;
    text-align : center;
}

.single-slider .slider-text .pt-title1
{
    animation  : 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
    font-size  : 36px;
    font-style : italic;
}

/*----------------------------------------*/
/*  4  onsaleproduct-area
/*----------------------------------------*/
.onsaleproduct-area
{
}

.section-title
{
    display : inline-block;
    float   : left;
}

.section-title h2
{
    font-size      : 20px;
    font-weight    : bold;
    margin         : 20px 0;
    text-transform : uppercase;
}

.timer
{
    float      : right;
    display    : inline-block;
    position   : relative;
    margin-top : 17px;
}

.timer .cdown
{
    background-color : #dedede;
    display          : inline-block;
    margin-left      : 15px;
    padding          : 5px 10px;
    text-transform   : uppercase;
    border-radius    : 5px;
    position         : relative;
}

.timer .cdown span
{
    padding-right : 6px;
}

.timer .cdown::before
{
    color     : #333333;
    content   : ":";
    font-size : 20px;
    position  : absolute;
    right     : -10px;
    top       : 1px;
}

.timer .cdown:last-child:before
{
    display : none;
}

.timer:before
{
    color    : #e23e57;
    content  : "";
    display  : block;
    font     : 24px/1 Material-Design-Iconic-Font;
    left     : -25px;
    position : absolute;
    top      : 4px;
}

.saleproduct-active, .saleproduct-active-2
{
    background : #ffffff none repeat scroll 0 0;
    border     : 1px solid #e5e5e5;
    overflow   : hidden;
    padding    : 2px 3px 2px 0;
}

/* .single-product
{
    padding       : 15px;
    position      : relative;
    display       : inline-block;
    margin-left   : 2px;
    margin-right  : 4px;
    transition    : .3s;
    border        : solid 1px silver;
    margin-bottom : 30px;
} */

.saleproduct-active .single-product
{
    margin-bottom : 0;
    border        : 0;
}

.single-product .product-img
{
}

/* .single-product:hover
{
    box-shadow : 0 0 8px rgba(1, 1, 1, 0.3);
} */

.single-product .product-img a
{
}

.single-product .product-img a img
{
    width : 100%;
}

.single-product .product-text
{
}

.single-product .product-text h3
{
    margin : 5px 0;
}

.single-product .product-text h3 a
{
    color          : #666666;
    font-size      : 13px;
    text-transform : capitalize;
    font-weight    : 600;
}

.single-product .product-text h3 a:hover
{
    color : #e23e57;
}

.single-product .product-text .rating
{
}

.single-product .product-text .rating ul
{
}

.single-product .product-text .rating ul li
{
    display : inline-block;
}

.single-product .product-text .rating ul li a
{
    color : #ff5501;
}

.single-product .product-text .price
{
    margin : 5px 0;
}

.single-product .product-text .price ul
{
}

.single-product .product-text .price ul li
{
    display : inline-block;
}

.single-product .product-text .price ul li span
{
    font-weight : 500;
    line-height : 20px;
}

.single-product .product-text .price ul li span.new-price
{
    color     : #e23e57;
    font-size : 16px;
}

.single-product .product-text .price ul li span.old-price
{
    color           : #666666;
    text-decoration : line-through;
    font-size       : 16px;
    font-weight     : 300;
}

.single-product .product-text .link-button
{
    bottom     : -5%;
    left       : 5%;
    right      : 5%;
    position   : absolute;
    z-index    : 9;
    opacity    : 0;
    visibility : hidden;
}

.single-product .product-text .link-button ul
{
    display         : flex;
    width           : 100%;
    align-items     : center;
    justify-content : center;
}

.single-product .product-text .link-button ul li a
{
    /*background    : rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    background-color : #ffffff;
    border           : 1px solid #d6d6d6;
    border-radius    : 4px;
    color            : #808080;
    display          : inline-block;
    margin           : 0 5px;
    padding          : 0 10px;
    position         : relative;
    text-align       : center;
    /*height           : 36px;*/
    /*width         : 36px;*/
    line-height      : 36px;
    font-size        : 12px;
    transition       : .3s;
}

.single-product .product-text .link-button ul li a i
{
    margin-right : 5px;
}

.single-product .product-text .link-button ul li a:hover
{
    background   : #e23e57 none repeat scroll 0 0;
    border-color : #e23e57;
    color        : #ffffff;
}

.single-product .product-text .link-button ul li
{
    display   : inline-block;
    transform : translate(0px, 200%);
}

.single-product:hover .link-button ul li
{
    transform : translate(0px, 0px);
}

.link-button ul li:nth-of-type(1)
{
    transition-duration : 0.3s;
}

.link-button ul li:nth-of-type(2)
{
    transition-duration : 0.5s;
}

.link-button ul li:last-child
{
    transition-duration : 0.8s;
    margin-bottom       : 0;
}

.single-product:hover .product-text .price, .single-product:hover .product-text .rating
{
    opacity    : 0;
    visibility : hidden;
}

.single-product:hover .product-text .link-button
{
    opacity    : 1;
    visibility : visible;
    bottom     : 7%;
}

.tab-active-2
{
    overflow : hidden;
}

.saleproduct-active.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-2.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-3.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-4.owl-theme .owl-controls .owl-buttons div, .tab-active.owl-theme .owl-controls .owl-buttons div, .tab-active-2.owl-theme .owl-controls .owl-buttons div, .bestsellerproduct-active.owl-theme .owl-controls .owl-buttons div, .post-active.owl-theme .owl-controls .owl-buttons div, .tab_container-active.owl-theme .owl-controls .owl-buttons div
{
    background    : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border        : 1px solid #f1f1f1;
    border-radius : 100%;
    color         : #333333;
    display       : inline-block;
    font-size     : 20px;
    height        : 35px;
    left          : 0;
    line-height   : 35px;
    margin        : 0;
    opacity       : 0;
    padding       : 0;
    position      : absolute;
    top           : 50%;
    transform     : translateY(-50%);
    width         : 35px;
    transition    : .3s;
}

.saleproduct-active:hover.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-2:hover.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-3:hover.owl-theme .owl-controls .owl-buttons div, .saleproduct-active-4:hover.owl-theme .owl-controls .owl-buttons div, .tab-active:hover.owl-theme .owl-controls .owl-buttons div, .tab-active-2:hover.owl-theme .owl-controls .owl-buttons div, .bestsellerproduct-active:hover.owl-theme .owl-controls .owl-buttons div, .post-active:hover.owl-theme .owl-controls .owl-buttons div, .tab_container-active:hover.owl-theme .owl-controls .owl-buttons div
{
    opacity : 1;
}

.saleproduct-active.owl-theme .owl-controls .owl-buttons div.owl-next, .saleproduct-active-2.owl-theme .owl-controls .owl-buttons div.owl-next, .saleproduct-active-3.owl-theme .owl-controls .owl-buttons div.owl-next, .saleproduct-active-4.owl-theme .owl-controls .owl-buttons div.owl-next, .tab-active.owl-theme .owl-controls .owl-buttons div.owl-next, .tab-active-2.owl-theme .owl-controls .owl-buttons div.owl-next, .bestsellerproduct-active.owl-theme .owl-controls .owl-buttons div.owl-next, .post-active.owl-theme .owl-controls .owl-buttons div.owl-next, .tab_container-active.owl-theme .owl-controls .owl-buttons div.owl-next
{
    right : 0;
    left  : auto;
}

.owl-theme .owl-controls
{
    margin-top : 0;
}

.post-active.owl-theme .owl-controls .owl-buttons div
{
    background : #ffffff;
}

.saleproduct-active.owl-theme .owl-controls .owl-buttons div:hover, .saleproduct-active-2.owl-theme .owl-controls .owl-buttons div:hover, .saleproduct-active-3.owl-theme .owl-controls .owl-buttons div:hover, .tab-active.owl-theme .owl-controls .owl-buttons div:hover, .bestsellerproduct-active.owl-theme .owl-controls .owl-buttons div:hover, .post-active.owl-theme .owl-controls .owl-buttons div:hover, .tab_container-active.owl-theme .owl-controls .owl-buttons div:hover
{
    background : #e23e57;
    border     : 1px solid #e23e57;
    color      : #ffffff;
}

/*----------------------------------------*/
/*  5  product-cookware-area
/*----------------------------------------*/
.product-cookware-area
{
}

.product-header
{
    overflow : hidden;
}

.product-header .section-title
{
}

.product-header .section-title h2, .shop-category-area .section-title h2
{
    margin-top    : 0;
    margin-bottom : 20px;
}

.tab-menu
{
}

.tab-menu ul
{
}

.tab-menu ul li
{
    display : inline-block;
}

.tab-menu ul li a
{
    font-size       : 13px;
    padding-left    : 25px;
    color           : #444444;
    text-decoration : none;
    transition      : .3s;
}

.tab-menu ul li a:hover, .tab-menu ul li.active a
{
    color : #e23e57;
}

.tab-content
{
    background : #ffffff;
}

.tab-img
{
}

.tab-img a
{
}

.tab-img a img
{
    width : 100%;
}

.single-tab
{
}

.single-tab .tab-text
{
    float        : left;
    width        : 40%;
    padding-left : 40px;
    padding-top  : 70px;
}

.single-tab .tab-text h3
{
    margin : 5px 0;
}

.single-tab .tab-text h3 a
{
    font-size      : 16px;
    font-weight    : 700;
    color          : #666666;
    text-transform : capitalize;
    transition     : .3s;
}

.single-tab .tab-text h3 a:hover
{
    color : #e23e57;
}

.single-tab .tab-text .tab-price
{
    margin : 15px 0;
}

.single-tab .tab-text .tab-price ul
{
}

.single-tab .tab-text .tab-price ul li
{
    display : inline-block;
}

.single-tab .tab-text .tab-price ul li span
{
    font-weight : 500;
}

.single-tab .tab-text .tab-price ul li span.new-price
{
    font-size : 21px;
    color     : #e23e57;
}

.single-tab .tab-text .tab-price ul li span.old-price
{
    color           : #666666;
    font-size       : 16px;
    text-decoration : line-through;
}

.single-tab .tab-text > a
{
    background      : #333333 none repeat scroll 0 0;
    border-radius   : 10px;
    color           : #ffffff;
    font-size       : 13px;
    font-weight     : 700;
    padding         : 14px 15px;
    text-decoration : none;
    text-transform  : uppercase;
    display         : inline-block;
    transition      : .3s;
}

.single-tab .tab-text > a:hover
{
    background   : #80bb35 none repeat scroll 0 0;
    border-color : #80bb35;
}

.single-tab .single-tab-img
{
    float      : left;
    text-align : center;
    width      : 60%;
}

.single-tab .single-tab-img a
{
}

.single-tab .single-tab-img a img
{
}

.tab-active
{
    position : relative;
}

.bestsellerproduct-area
{
}

.bestsellerproduct-area .section-title
{
}

.bestsellerproduct-area .section-title h2
{
    margin-top    : 0;
    margin-bottom : 20px;
    font-size     : 18px;
}

.bestsellerproduct-active
{
    background : #ffffff none repeat scroll 0 0;
    clear      : both;
    padding    : 0 20px !important;
    position   : relative;
}

.single-bestseller
{
}

.single-bestseller .single-product
{
    margin-left  : 2px;
    margin-right : 4px;
    padding      : 15px 0;
    width        : 100%;
}

.border-bottom
{
    border-bottom : 1px solid #eeeeee;
}

.single-bestseller .single-product:hover
{
    box-shadow : none;
}

.single-bestseller .single-product .product-text .price, .single-bestseller .single-product .product-text .rating
{
    opacity    : 1;
    visibility : visible;
}

.single-bestseller .single-product .product-img
{
    float : left;
    width : 30%;
}

.single-bestseller .single-product .product-text
{
    float        : left;
    padding-left : 10px;
    width        : 70%;
}

.single-bestseller .single-product .product-text h3
{
    line-height : 21px;
}

.testimonial-area
{
    overflow : hidden;
    position : relative;
}

.testimonial-active
{
}

.single-testimonial
{
    display        : inline-block;
    margin-top     : -15px;
    overflow       : hidden;
    padding-bottom : 0;
    position       : relative;
}

.single-testimonial .testimonial-img
{
    position : relative;
    top      : 50px;
}

.single-testimonial .testimonial-img::before
{
    color       : #8191a5;
    content     : "";
    font-family : fontawesome;
    font-size   : 35px;
    left        : 0;
    margin      : 0 auto;
    position    : absolute;
    right       : 0;
    text-align  : center;
    top         : 120px;
}

.single-testimonial .testimonial-img a
{
}

.single-testimonial .testimonial-img a img
{
}

.single-testimonial .testimonial-text
{
    background-color : #28AAE1;
    color            : #ffffff;
    padding          : 0 20px;
    overflow         : hidden;
}

.single-testimonial .testimonial-text p
{
    font-size     : 13px;
    line-height   : 24px;
    margin-bottom : 0;
    margin-top    : 60px;
    padding-top   : 60px;
}

.single-testimonial .testimonial-text h3
{
    margin-bottom : 0;
    margin-top    : 10px;
}

.single-testimonial .testimonial-text h3 a
{
    color          : #ffffff;
    display        : inline-block;
    font-size      : 12px;
    font-weight    : 700;
    position       : relative;
    text-transform : capitalize;
}

.single-testimonial .testimonial-text h3 a:before
{
    background : #ffffff none repeat scroll 0 0;
    content    : "";
    display    : block;
    height     : 1px;
    left       : 0;
    margin     : 0 auto 0 -10px;
    position   : absolute;
    right      : 0;
    top        : 8px;
    width      : 5px;
}

.single-testimonial .testimonial-text h3 a:after
{
    background : #ffffff none repeat scroll 0 0;
    content    : "";
    display    : block;
    height     : 1px;
    left       : 0;
    margin     : 0 -10px 0 auto;
    position   : absolute;
    right      : 0;
    top        : 8px;
    width      : 5px;
}

.single-testimonial .testimonial-text span
{
    display : block;
    color   : #ffffff;
}

.single-testimonial .testimonial-text span.job
{
}

.single-testimonial .testimonial-text span.email
{
    margin-bottom : 60px;
}

.testimonial-active.owl-theme .owl-controls
{
    bottom     : 18px;
    left       : 0;
    margin     : 0 auto;
    position   : absolute;
    right      : 0;
    text-align : center;
}

.testimonial-active.owl-theme .owl-controls .owl-page.active span
{
    background : #ffffff none repeat scroll 0 0;
    opacity    : 1;
    transition : all 0.3s ease 0s;
    width      : 22px;
}

/*----------------------------------------*/
/*  6  shop-category-area
/*----------------------------------------*/
.shop-category-area .section-title h2
{
    font-size : 18px;
}

.shop-category-active
{
    clear : both;
}

.single-shop
{
    position : relative;
}

.single-shop .shop-img
{
}

.single-shop .shop-img a
{
}

.single-shop .shop-img a img
{
}

.single-shop .shop-text
{
    display     : block;
    left        : 0;
    margin-left : 20px;
    margin-top  : 30px;
    position    : absolute;
    top         : 0;
}

.single-shop .shop-text h3
{
    color          : #333333;
    font-size      : 14px;
    font-weight    : 700;
    margin-bottom  : 10px;
    text-transform : uppercase;
}

.single-shop .shop-text ul
{
}

.single-shop .shop-text ul li
{
    margin-bottom : 10px;
}

.single-shop .shop-text ul li a
{
    color        : #666666;
    display      : inline-block;
    padding-left : 13px;
    position     : relative;
    transition   : .3s;
}

.single-shop .shop-text ul li a:before
{
    background    : #666666 none repeat scroll 0 0;
    border-radius : 100%;
    content       : "";
    display       : block;
    height        : 5px;
    left          : 0;
    position      : absolute;
    top           : 6px;
    width         : 5px;
}

.single-shop .shop-text ul li a:hover
{
    color       : #e23e57;
    margin-left : 10px;
}

.single-shop .shop-text ul li a:hover:before
{
    background : #e23e57 none repeat scroll 0 0;
}

.mr-bttom h2
{
    font-size     : 18px;
    margin-bottom : 20px;
    margin-top    : 0;
}

.single-product
{
}

.single-product > span
{
    position      : absolute;
    right         : 12px;
    top           : 12px;
    background    : #e23e57;
    color         : #ffffff;
    width         : 39px;
    height        : 39px;
    line-height   : 39px;
    font-size     : 12px;
    border-radius : 100%;
    text-align    : center;
}

/*----------------------------------------*/
/*  7  brand-area
/*----------------------------------------*/
/*----------------------------------------*/
/*  8  newsletter-area
/*----------------------------------------*/
.newsletter-area
{
    background-color : #e23e57;
}

.newsletter-text h3
{
    color          : #ffffff;
    font-size      : 24px;
    font-weight    : 600;
    margin         : 0;
    text-transform : uppercase;
}

.newsletter-text p
{
    font-size   : 16px;
    font-weight : 300;
    margin      : 0;
    color       : #ffffff;
}

.newsletter-form form
{
    background    : #ffffff none repeat scroll 0 0;
    border-radius : 60px;
    float         : left;
    height        : 50px;
    padding-right : 125px;
    position      : relative;
    width         : 100%;
}

.newsletter-form form input
{
    background   : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border       : 0 none;
    color        : #3c3c3c;
    height       : 100%;
    padding-left : 35px;
    width        : 100%;
    outline      : 0 none;
}

.newsletter-form form a
{
    background     : #000000 none repeat scroll 0 0;
    border         : 0 none;
    border-radius  : 40px;
    color          : #ffffff;
    font-size      : 14px;
    line-height    : 50px;
    font-weight    : 500;
    height         : 50px;
    padding        : 0;
    position       : absolute;
    right          : 0;
    text-align     : center;
    text-transform : uppercase;
    top            : 0;
    width          : 120px;
}

/*----------------------------------------*/
/*  9  banner-area-2
/*----------------------------------------*/
.banner-area-2
{
    background : #ffffff;
}

.single-banner-2
{
    display     : flex;
    align-items : center;
    padding     : 25px 0;
    position    : relative;
    width       : 100%;
}

.single-banner-2 .banner-2-img
{
    float : left;
    width : 20%;
}

.single-banner-2 .banner-2-img a
{
    color     : #e23e57;
    font-size : 48px;
}

.single-banner-2 .banner-text-2
{
    float : left;
    width : 80%;
    /*padding-top : 10px;*/
}

.single-banner-2 .banner-text-2 h2
{
    color          : #e23e57;
    font-size      : 18px;
    font-weight    : bold;
    margin         : 0;
    padding-bottom : 5px;
}

.single-banner-2 .banner-text-2 p
{
    color         : #ffffff;
    margin-bottom : 0;
}

.border-b
{
    border-bottom : 1px solid #e5e5e5;
    overflow      : hidden;
}

/*----------------------------------------*/
/*  10  footer
/*----------------------------------------*/
/*----------------------------------------*/
/*  10.1  footer-top
/*----------------------------------------*/
.footer-top
{
    background : #ffffff;
}

.single-footer
{
    overflow: hidden;
}

.footer-logo
{
/*     margin : -8px auto 25px 0; */
}

.footer-logo a
{
/*     text-align : center; */
    display    : block;
}

.footer-logo a img
{
    height : 150px;
}

.footer-test
{
}

.footer-test p
{
    font-size     : 13px;
    line-height   : 20px;
    margin-bottom : 0;
    color         : #333333;
}

.footer-test h3
{
    color         : #333333;
    font-size     : 13px;
    font-weight   : 400;
    margin-bottom : 0;
    margin-top    : 10px;
}

.footer-test h4
{
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0;
    line-height: 22px;
}
.footer-test h4 i{
    width: 30px;
}

.footer-test ul
{
    padding: 0;
}

.footer-test ul li
{
    display      : inline-block;
    margin-right : 15px;
}

.footer-test ul li a
{
    color      : #666666;
    font-size  : 22px;
    transition : .3s;
}

.footer-test ul li a:hover
{
    color : #e23e57;
}

.footer-title
{
    margin-bottom  : 25px;
    margin-top     : 20px;
    padding-bottom : 13px;
}

.footer-title h3
{
    color          : #333333;
    font-size      : 16px;
    font-weight    : 700;
    margin         : 0;
    text-transform : uppercase;
}

.footer-menu
{
}

.footer-menu ul
{
    list-style: none;
    padding: 0;
}

.footer-menu ul li
{
    margin-bottom : 10px;
}

.footer-menu ul li a
{
    padding-left    : 15px;
    position        : relative;
    color           : #666666;
    text-decoration : none;
    transition      : .3s;
}

.footer-menu ul li a:before
{
    content  : '»';
    display  : block;
    font     : 14px/1 "Material-Design-Iconic-Font";
    left     : 0;
    position : absolute;
    top      : 2px;
}

.footer-menu ul li a:hover
{
    margin-left : 15px;
    color       : #e23e57;
}

/*----------------------------------------*/
/*  10.2  footer-mid
/*----------------------------------------*/
.footer-mid
{
    background : #ffffff;
}

.footer-tag
{
}

.footer-tag ul
{
    border-top : 1px solid #e5e5e5;
    list-style : outside none none;
    margin     : 0;
    padding    : 25px 0;
}

.footer-tag ul li
{
    margin-bottom : 10px;
}

.footer-tag ul li a
{
    color           : #666666;
    text-decoration : none;
    transition      : .3s;
}

.footer-tag ul li a:hover
{
    color : #e23e57;
}

/*----------------------------------------*/
/*  10.3  footer-bottom
/*----------------------------------------*/
.footer-bottom
{
}

.copy-right-area
{
}

.copy-right-area p
{
    color : #666666;
}

.copy-right-area p a
{
    color : #666666;
}

.footer-category
{
    position : relative;
}

.footer-category a
{
    color           : #666666;
    font-size       : 13px;
    font-weight     : 400;
    text-transform  : capitalize;
    text-decoration : none;
}

.footer-category a i
{
    padding-left : 10px;
}

.footer-sub-menu
{
    background : #ffffff none repeat scroll 0 0;
    border     : 1px solid #bbbbbb;
    bottom     : 20px;
    display    : inline-block;
    left       : 50%;
    position   : absolute;
    text-align : center;
    transform  : translateX(-50%);
    width      : 150px;
    z-index    : 5;
    opacity    : 0;
    visibility : hidden;
    transition : .3s;
}

.footer-category:hover .footer-sub-menu
{
    opacity    : 1;
    visibility : visible;
}

.footer-sub-menu ul
{
}

.footer-sub-menu ul li
{
    transition : .3s;
}

.footer-sub-menu ul li a
{
    color           : #69686c;
    font-size       : 11px;
    font-weight     : 700;
    text-decoration : none;
    text-transform  : uppercase;
    padding         : 8px;
    display         : inline-block;
}

.footer-sub-menu ul li:hover
{
    background : #e8e8e8 none repeat scroll 0 0;
}

a#scrollUp
{
    background-color : #666666;
    bottom           : 35px;
    color            : #ffffff;
    display          : none;
    font-size        : 25px;
    height           : 40px;
    line-height      : 40px;
    position         : fixed;
    right            : 12px;
    text-align       : center;
    width            : 40px;
    z-index          : 9999;
    transition       : .3s;
}

a#scrollUp:hover
{
    background   : #e23e57 none repeat scroll 0 0;
    border-color : #e23e57;
}

/*----------------------------------------*/
/*  11  home-2
/*----------------------------------------*/
.home-2
{
    background-color : #ffffff;
}

.home-2 .header-top-area
{
    background : #93c241 none repeat scroll 0 0;
}

.home-2 .header-min-area
{
    background : #f7f7f7 none repeat scroll 0 0;
}

.home-2 .header-bottom-area
{
    background : #f7f7f7 none repeat scroll 0 0;
}

.home-2 .main-menu-area
{
    display : inline-block;
    float   : left;
}

.home-2 .main-menu-area ul
{
}

.home-2 .main-menu-area ul li a
{
    color : #333333;
}

.home-2 .main-menu-area ul li.active > a, .home-2 .main-menu-area ul li:hover > a
{
    color : #e23e57;
}

.banner-img-2 a img
{
    width : 100%;
}

.box-haeder
{
    float : right;
}

.box-haeder .icon
{
    float : left;
}

.box-haeder .icon a
{
    color     : #93c241;
    font-size : 48px;
}

.text
{
    display    : inherit;
    float      : left;
    margin-top : 5px;
    text-align : left;
}

.text h2
{
    color          : #93c241;
    font-size      : 24px;
    font-weight    : bold;
    margin-bottom  : 5px;
    margin-top     : 0;
    text-transform : uppercase;
}

.text p
{
    color         : #666666;
    font-size     : 12px;
    margin-bottom : 0;
}

.home-2 .header-search form
{
    position : relative;
    border   : 8px solid #e4e4e4;
}

.home-2 .header-search
{
    margin-top : 0;
    width      : 70%;
}

.home-2 .header-search form input
{
    height : 38px;
}

.home-2 .header-search form a
{
    background  : #93c241 none repeat scroll 0 0;
    color       : #ffffff;
    line-height : 42px;
}

.home-2 .header-bottom-area.sticky
{
    background-color : #93c21d !important;
}

.home-2 .slider-main
{
    float : none;
    width : 100%;
}

.home-2 .single-slider .slider-text h1
{
    color          : #333333;
    font-size      : 28px;
    font-weight    : 600;
    margin-bottom  : 5px;
    text-transform : uppercase;
}

.home-2 .single-slider .slider-text h2
{
    font-size   : 28px;
    font-weight : 700;
    margin      : 20px 0;
}

.home-2 .single-slider .slider-text p
{
    font-size : 14px;
}

.home-2 .single-slider .slider-text
{
    text-align : left;
    left       : 5%;
}

.home-2 .single-slider .slider-text a
{
    background : #93c241 none repeat scroll 0 0;
    border     : 1px solid #93c241;
}

.home-2 .single-slider .slider-text a:hover
{
    background : #28AAE1 none repeat scroll 0 0;
    border     : 1px solid #28AAE1;
}

.home-2 .category-menu
{
    opacity    : 1;
    visibility : visible;
    border     : 1px solid #eaeaea;
    padding    : 2px;
}

.home-2 .category-menu ul li > a
{
    padding : 12px 15px;
}

.home-2 .category-menu ul li:hover > a
{
    background : none !important;
    color      : #0066FF;
}

.home-2 .header-bottom-area.sticky .category-menu
{
    opacity    : 0;
    visibility : hidden;
}

.home-2 .header-bottom-area.sticky .Category-area:hover .category-menu
{
    opacity    : 1;
    visibility : visible;
}

.home-2 .single-banner .banner-icon a
{
    color : #93c241;
}

.home-2 .section-title
{
    float : none;
    width : 100%;
}

.home-2 .section-title h2
{
    border-bottom  : 1px solid #ededed;
    font-size      : 20px;
    margin         : 20px 0;
    padding-bottom : 18px;
    position       : relative;
}

.home-2 .section-title h2:before
{
    background : #e23e57 none repeat scroll 0 0;
    bottom     : 0;
    content    : "";
    display    : block;
    height     : 2px;
    left       : 0;
    position   : absolute;
    width      : 160px;
}

.home-2 .onsaleproduct-area .single-product
{
    position : relative;
}

.home-2 .onsaleproduct-area .single-product.border-left:after
{
    background : #ededed none repeat scroll 0 0;
    content    : "";
    display    : block;
    min-height : 300px;
    position   : absolute;
    right      : -4px;
    top        : 20px;
    width      : 1px;
}

.home-2 .single-product .product-text h3 a
{
    font-size : 13px;
}

.single-product > span.new
{
    background : #93c241 none repeat scroll 0 0;
}

.home-2 .product-header
{
    border-bottom : 1px solid #ededed;
    display       : inline-block;
    margin-bottom : 15px;
    width         : 100%;
}

.home-2 .section-title-2
{
    float : left;
}

.home-2 .section-title-2 h2
{
    color          : #333333;
    font-size      : 20px;
    font-weight    : bold;
    margin         : 0;
    text-align     : left;
    text-transform : uppercase;
    padding-bottom : 18px;
    position       : relative;
}

.home-2 .section-title-2 h2:before
{
    background : #e23e57 none repeat scroll 0 0;
    bottom     : 0;
    content    : "";
    display    : block;
    height     : 2px;
    left       : 0;
    position   : absolute;
    width      : 110px;
}

.home-2 .tab-menu ul li
{
    position    : relative;
    margin-left : 25px;
}

.home-2 .tab-menu ul li a
{
    text-transform : uppercase;
    padding-left   : 0;
}

.home-2 .tab-menu ul li a:before
{
    background : #e23e57 none repeat scroll 0 0;
    bottom     : -20px;
    content    : "";
    display    : block;
    height     : 1px;
    left       : 0;
    position   : absolute;
    transition : all 0.3s ease 0s;
    width      : 100%;
    opacity    : 0;
}

.home-2 .tab-menu ul li.active a:before, .home-2 .tab-menu ul li a:hover:before
{
    opacity : 1;
}

.home-2 .inner-box
{
    border   : 1px solid #ededed;
    overflow : hidden;
}

.left-menu
{
}

.left-menu a
{
    color           : #444444;
    display         : block;
    font-size       : 13px;
    padding-bottom  : 18px;
    padding-left    : 0;
    text-transform  : capitalize;
    text-decoration : none;
    transition      : .3s;
}

.left-menu a:hover
{
    color : #e23e57;
}

.left-menu a.mr
{
    margin-top : 35px;
}

.home-2 .tab-active
{
    border-left    : 1px solid #ededed;
    min-height     : 440px;
    padding-bottom : 20px;
}

.timer-2
{
    margin-top : 20px;
}

.timer-2 .cdown
{
    background    : #f0f0f0 none repeat scroll 0 0;
    border-radius : 5px;
    display       : inline-block;
    height        : 60px;
    line-height   : 20px;
    margin-right  : 5px;
    padding-top   : 12px;
    text-align    : center;
    width         : 50px;
}

.timer-2 .cdown span
{
    display : block;
}

.home-2 .single-banner-2 .banner-2-img a
{
    color : #93c241;
}

.home-2 .single-banner-2 .banner-text-2 h2
{
    color : #93c241;
}

.home-2 .newsletter-area
{
    background-color : #93c241;
}

.resent-post
{
}

.single-post
{
}

.post-img
{
    position   : relative;
    text-align : center;
}

.post-img a
{
}

.post-img a:before
{
    background-color : rgba(131, 104, 104, 0.5);
    content          : "";
    height           : 100%;
    left             : 0;
    opacity          : 0;
    position         : absolute;
    top              : 0;
    transition       : all 0.3s ease 0s;
    width            : 100%;
}

.post-img:hover a:before
{
    opacity : .5;
}

.post-img a img
{
    width : 100%;
}

.post-text
{
    padding : 15px 0;
}

.post-text h3
{
}

.post-text h3 a
{
    font-size       : 15px;
    font-weight     : 500;
    margin          : 0 0 10px;
    text-transform  : uppercase;
    color           : #444444;
    text-decoration : none;
    transition      : .3s;
}

.post-text h3 a:hover
{
    color : #e23e57;
}

.post-text p
{
    color     : #666666;
    font-size : 13px;
}

.post-text a
{
    color           : #333333;
    font-size       : 13px;
    font-weight     : 500;
    text-transform  : inherit;
    text-decoration : none;
    transition      : .3s;
}

.post-text a:hover
{
    color : #e23e57;
}

.brand-slider-area
{
}

.title-3
{
}

.title-3 h2
{
    font-size      : 20px;
    font-weight    : 700;
    text-transform : uppercase;
    color          : #333333;
    margin         : 20px 0;
}

.categorytab-iner
{
    border  : 1px solid #ededed;
    display : inline-block;
}

.thuml-img
{
    border-right : 1px solid #ededed;
    float        : left;
    width        : 200px;
}

.thuml-img ul
{
}

.thuml-img ul li
{
    transition : .3s;
}

.thuml-img ul li:hover
{
    background-color : #f2f2f2;
}

.thuml-img ul li a
{
}

.thuml-img ul li a img
{
    width : 100%;
}

.tab_container
{
    float : left;
    width : 350px;
}

.single-tab_container
{
    display  : inline-block;
    margin   : 0;
    padding  : 15px 15px 13px;
    position : relative;
    width    : 100%;
}

.tab_container-img
{
    float : left;
    width : 45%;
}

.tab_container-img a
{
}

.tab_container-img a img
{
    width : 100%;
}

.tab_container-text
{
    float      : left;
    width      : 55%;
    margin-top : 40px;
}

.tab_container-text h3
{
    line-height : 20px;
    margin      : 5px 0;
}

.tab_container-text h3 a
{
    color          : #666666;
    font-size      : 14px;
    text-transform : capitalize;
    transition     : .3s;
}

.tab_container-text h3 a:hover
{
    color : #e23e57;
}

.tab_container-text .price
{
}

.tab_container-text .price ul
{
}

.tab_container-text .price ul li
{
    display : inline-block;
}

.tab_container-text .price ul li span
{
    font-size   : 16px;
    line-height : 20px;
    color       : #666666;
}

.tab_container-text .price ul li span.old-price
{
    text-decoration : line-through;
    font-weight     : 300;
}

.tab_container-text .price ul li span.new-price
{
    color        : #e23e57;
    font-weight  : 500;
    margin-right : 5px;
}

.iner_feature
{
    border : 1px solid #ededed;
}

.saleproduct-active-3 .single-product:hover
{
    box-shadow : none;
}

.saleproduct-active-3 .single-product:hover .product-text .link-button
{
    bottom : 4%;
}

.post-active
{
    overflow : hidden;
}

.iner_feature .single-product .product-text
{
    margin-top     : 71px;
    padding-bottom : 30px;
    padding-left   : 15px;
}

.thumb-img
{
    border-left : 1px solid #ededed;
}

.thumb-img ul
{
}

.thumb-img ul li
{
    border-bottom : 1px solid #ededed;
    margin-bottom : 0;
    padding       : 13px 0;
}

.thumb-img ul li:last-child
{
    border-bottom : 0;
}

.thumb-img ul li a
{
}

.thumb-img ul li a img
{
    width : 100%;
}

/*----------------------------------------*/
/*  12  home
/*----------------------------------------*/
.home
{
    background : #ffffff;
}

.home .header-top-area
{
    background : #ececec none repeat scroll 0 0;
}

.home .header-top-left p
{
    color : #666666;
    font-weight: 600;
}

.home .header-link ul li > a
{
    color : #666666;
}

.home .dollar-submenu ul li > a
{
    color : #ffffff;
}

.home .header-link ul li a:hover
{
    color : #0075ad;
}

.home .main-menu-area ul li .sub-menu ul li a:hover
{
    color : #0075ad;
}

.header-min-area
{
    background : #ffffff none repeat scroll 0 0;
    padding: 20px 0;
}

.header-search form
{
    border : 8px solid #e4e4e4;
    overflow: hidden;
}

.header-search form input
{
    height : 38px;
}

.header-search form a, .header-search form button
{
    background : #0066FF none repeat scroll 0 0;
    color      : #ffffff;
    border     : 0;
    position   : absolute;
    top        : 0;
    right      : 0;
    padding    : 9px 15px;
}

.header-bottom-area
{
    background : #dfd8d8 none repeat scroll 0 0;
    border-top: 1px solid #0066FF ;
}
.header-bottom-area .sticky
{
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.main-menu-area ul li a
{
    color : #ffffff;
}

.Category-area h3
{
    background  : #0075ad none repeat scroll 0 0;
    font-weight : bold;
}

.Category-area h3 i
{
    float      : right;
    margin-top : 10px;
}

.home .category-menu ul li:hover > a
{
    background-color : #ffffff;
    color            : #0075ad;
}

.home .category-menu ul li .category-submenu span a:hover
{
    color : #0075ad;
}

.home .slider-main
{
    float : none;
    width : 100%;
    /*margin-top : 30px;*/
}

.home .single-slider .slider-text
{
    left       : 5%;
    text-align : left;
}

.home .single-slider .slider-text h1
{
    color : #ffffff;
}

.home .single-slider .slider-text h2
{
    color : #ffffff;
}

.home .single-slider .slider-text h3
{
    color     : #ffffff;
    font-size : 18px;
}

.home .single-slider .slider-text a
{
    background : #0066FF none repeat scroll 0 0;
    border     : 1px solid #0066FF;
}

.home .single-slider .slider-text a:hover
{
    background : #28AAE1 none repeat scroll 0 0;
    border     : 1px solid #28AAE1;
}

.home .bg-color
{
    background : #ffffff none repeat scroll 0 0;
    border     : 1px solid #eaeaea;
    max-height : 110px;
}

.home .single-banner
{
    padding : 28px 48px;
}

.home .single-banner .banner-icon a
{
    color : #0066FF;
}

.home .single-banner .banner-text h2
{
    font-weight : 700;
}

.home .category-menu
{
    visibility : visible;
    opacity    : 1;
}

.home .category-menu
{
    border  : 1px solid #eaeaea;
    padding : 2px;
    /*margin-top : 30px;*/
}

.home .header-bottom-area.sticky .category-menu
{
    opacity    : 0;
    visibility : hidden;
}

.home .header-bottom-area.sticky .Category-area:hover .category-menu
{
    opacity    : 1;
    visibility : visible;
}

.inner-box
{
    overflow : hidden;
}

.home .left-menu a:hover, .home .tab-menu ul li a:hover, .home .tab-menu ul li.active a, .home .single-product .product-text h3 a:hover, .home .tab_container-text h3 a:hover, .home .post-text h3 a:hover, .home .post-text a:hover, .home .footer-test ul li a:hover
{
    color : #0075ad;
}

.home .inner-box
{
    background : #ffffff none repeat scroll 0 0;
    border     : 1px solid #e5e5e5;
    display    : inline-block;
    position   : relative;
    width      : 100%;
}

.home .single-product:hover .product-text .link-button
{
    bottom : 2%;
}

.home .product-cookware-area .single-product
{
    border        : 1px solid #e5e5e5;
    overflow      : hidden;
    margin-bottom : 30px;
}

.tab-active-2.owl-theme .owl-controls .owl-buttons div:hover
{
    background-color : #0075ad;
    border           : 1px solid #0075ad;
    color            : #ffffff;
}

.home .tab-menu ul li a
{
    text-transform : uppercase;
}

.home .single-product .product-text .link-button ul li a:hover, .home .tab_container-active.owl-theme .owl-controls .owl-buttons div:hover, .home .saleproduct-active-3.owl-theme .owl-controls .owl-buttons div:hover
{
    background   : #0075ad none repeat scroll 0 0;
    border-color : #0075ad;
    color        : #ffffff;
}

.home .newsletter-area
{
    background-color : #0066FF;
}

.home .single-banner-2 .banner-2-img a, .home .single-banner-2 .banner-text-2 h2, .home .footer-menu ul li a:hover, .home .footer-tag ul li a:hover
{
    color : #ffffff;
}

/*----------------------------------------*/
.hermes .tp-bullet:after
{
    background-color: #8888;
    color: #8888;
}
.tp-bullets, .tp-tabs, .tp-thumbs
{
    margin-left: 10px;
}

/*-----------------------project-------------------------*/
.services {
    margin-top: 40px;
}

.service-item a{
    display: block;
    overflow: hidden;
}
.service-item img {
    width: 100%;
    overflow: hidden;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.service-item:hover img{
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.service-item .down-content {
    background-color: #f7f7f7;
    padding: 30px;
}

.service-item .down-content h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.25px;
    margin-bottom: 15px;
}
.service-item .down-content h4 a{
        color: #000;
}

.service-item .down-content div.description {
    margin-bottom: 0;
    font-size: 14px;
  color: #666666;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
   display: -webkit-box;
}
.ppocta-ft-fix{
    display:inline-grid;
    position:fixed;
    bottom:20%;
    right:30px;
    min-width:40px;
    text-align:center;
    z-index:999
}
.ppocta-ft-fix a{
    color:#000;
    display:inline-block;
    position:relative;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:100%;
    box-shadow:0 0 10px -2px rgba(0,0,0,.7);
    background:#0066FF;
    margin-bottom:10px
}
.ppocta-ft-fix a span{
    max-width: 340%;
    font-size:12px;
    z-index:10;
    display:none;
    padding:2px 10px;
    right:45px;
    width:180px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    position:absolute;
    color:#000;
    background:#0066FF;
    line-height:20px;
    top: 6px;
}
.ppocta-ft-fix a .demo-icon{font-size:20px}
.ppocta-ft-fix a:hover span{display:inline}

/*---single-product---*/
.value-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd;
  margin: 0px;
  width: 25px;
  height: 30px;
  /* text-align: center; */
  vertical-align: middle;
  padding: 1px 0;
  background: #0066FF;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: -3px;
  color: #fff;
}

.value-button:hover {
  cursor: pointer;
}

form #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

form #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input#number {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 30px;
  height: 30px;
}

/* input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: inherit;
    margin: 0;
} */
#add-item-form button{
    background-color: #0066FF;
    border-color: #0066FF;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    padding: 4px 12px;
    display: block;
    margin-top: 20px;
    /* width: 30%; */
}
#add-item-form button:hover{
    background-color: #0066FF;
    border-color: #0066FF;
    color: #4b4b4b
}
.content-info-pro {
    margin-top: 20px;
}

.content-info-pro .nav-tabs>li>a {
    color: #000;
}

.content-info-pro .nav-tabs>li.active>a,
.content-info-pro .nav-tabs>li.active>a:focus,
.content-info-pro .nav-tabs>li.active>a:hover {
    color: #0066FF;
    background-color: #4b4b4b;
}
.content-info-pro  .tab-content {
    padding: 10px;
}
.call-order{
    font-size: 20px;
    text-transform: uppercase;
    margin: 15px 0;
}
.call-order a{
    color: red;
}
.wc-proceed-to-checkout .checkout-button.button
{
    background-color: #0066FF !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1
{
    float: none !important;
    width: 100% !important;
}
.form-row.form-group.form-group.form-group
{
    display: flex;
    flex-direction: column;
}
#order_comments
{
    height: 150px;
}
.contact-info{
    padding-left: 0;
    list-style: none;
}
.shopping_title-style{
    display: block;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Roboto';
}
.category-home .title .h-title{
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    float: left;
    margin-bottom: 5px;
    background-color: #0075ad;
    color: #fff;
    padding: 5px 10px;
    position: relative;
}
.category-home .title .h-title::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #0075ad;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
}
.category-home{margin-bottom:30px;min-height:300px}
.category-home .product-list.owl-carousel,.collection-home .product-list.owl-carousel{padding:0!important}
.sub_cat_title{float:right;line-height:15px;margin: 10px -10px;}
.sub_cat_title a{display:block;float:left;padding:0 10px;color: #000;line-height: 1.5;}
.sub_cat_title a:hover{color: #0056b3;}
.sub_cat_title a{display:block;float:left;padding:0 10px}
.sub_cat_title i{
    padding-left: 5px;
}

.p-item{overflow:hidden;float:left;width:20%;position:relative;opacity:1;transition:all .2s ease;margin:10px 0;border:solid 1px #fff;background:#fff}
.p-item .p-img:hover img{transform:scale(1.1)}
.owl-carousel .p-item{width:100%}
.p-container{padding:10px}
.owl-carousel .p-item{width:100%}
.p-item:hover{box-shadow:0 0 8px 0 #b5b5b5;z-index:2}
.product-list-home .p-item .p-container{border-left:solid 1px #eee!important;border-bottom:none}
.p-container{padding:10px}
.p-img{display:block;position:relative;padding-top:100%;margin-bottom:5px;overflow:hidden}
.p-brand-img{display:block;height:12px;width:auto!important}
.p-brand-img img{height:100%;display:block;width:auto!important}
.p-name{color:#333;display:block;line-height:16px;height:32px;overflow:hidden;margin:8px 0;font-size:13px;text-align: center;}
.p-info-right .p-name{height:auto}
#product-history .p-brand-img{height:18px;margin-top:-20px}
.p-offer{display:block;font-size:13px;height:19px;overflow:hidden;margin:8px 0}
.p-img img{position:absolute;max-width:100%;width:auto!important;height:auto!important;left:0;top:0;right:0;bottom:0;display:block;margin:auto;transition:all .2s ease}
.p-item-right .p-img-right{width:30%;float:left;position:relative}
.p-item-right{overflow:hidden;padding:10px 0}
.p-discount{color:#d00;font-weight:700;width:45px;height:27px;background-position:-197px -12px;line-height:27px;text-align:center;position:absolute;top:10px;right:10px;font-size: 14px;font-family: 'Roboto';}
.add-to-cart{
    text-align: center;
    padding: 5px;
}
.add-to-cart button {
    padding: 5px 10px;
    border: 1px solid #ededed;
    color: #888;
    transition: all .3s box-shadow:none;
    background-color: #fff;
    cursor: pointer;
}
.icons{
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.taxonomy-product-slide{
    position: relative;
    margin-bottom: 20px;
}
.taxonomy-product-slide .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.taxonomy-product-slide .owl-nav .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 50px;
}
.taxonomy-product-slide .owl-nav span {
    font-size: 50px;
    color: #cccccc;
}
.p-price {
    font-weight: 700;
    color: #ec3237;
    display: inline-block;
    line-height: 16px;
    font-size: 16px;
}
.p-old-price {
    text-decoration: line-through;
    color: #888;
    display: inline-block;
    font-size: 13px;
}
.the-content .the_content_title-style
{
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    background-color: #0066FF;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.single-product .the-content h3{
    position: relative;
    overflow: hidden;
    padding: 0;
}
.single-product .the-content h3:before{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    height: 1px;
    border-bottom: 1px solid #d3ced2;
    width: 100%;
}
.info_product_title{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.info_product_title{
    font-size: 16px;
}

.modal {
    z-index: 999999999 !important;
    background-color: #0000007d;
}
#exampleModalCenter .modal-header {
    background: #007bff;
    color: #fff;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#exampleModalCenter .modal-header button.close{
    position: absolute;
    right: 9px;
    top: 6px;
    width: 35px;
    height: 35px;
    background: #41384e;
    opacity: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}
@media (min-width: 1200px){
    .col-lg-20{
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 7px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .Category-area h3{
        font-size: 14px;
    }
}
.add-to-cart .product__btn:hover,.add-to-cart .product__btn:focus{
    background-color: #0066FF;
    border: 1px solid #0066FF;
}
.btn-primary, .btn-primary:focus, .btn-primary:active{
    color: #fff;
    background-color: #0066FF;
    border: 1px solid #0066FF;
}
.viewall{
    color: #0066FF !important;
}
.viewall:hover,.viewall:focus{
    color: #ff0000 !important;
}
.main-slider{
    background-color: #88888824;
}


.wrap_module_service {
    background: #fff;
    border-radius: 0;
    border: 1px solid #ececec;
}

.wrap_module_service .item_service {
    padding: 0px 10px;
    border-bottom: dashed 1px #ececec;
}

.wrap_module_service .item_service .wrap_item_ {
    position: relative;
    padding: 15px 0;
    display: table;
}

.wrap_module_service .item_service .wrap_item_ .image_service {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.wrap_module_service .item_service .wrap_item_ .content_service {
    margin-left: 10px;
}

.wrap_module_service .item_service .wrap_item_ .content_service p {
    font-weight: 500;
    margin-bottom: 0;
}

.wrap_module_service .item_service .wrap_item_ .content_service span {
    color: #707070;
    font-size: 13px;
}

.list_sidebar_product{
    padding-left: 5px;
}
.list_sidebar_product .add-to-cart button{
    padding: 5px;
}
.sidebar img{
    width: 100%;
}

/* .swal2-container.swal2-center.swal2-backdrop-show{
    z-index: 9999999999 !important;
} */

.price-single{
    font-weight: 700;
    color: #ec3237;
    display: inline-block;
    line-height: 16px;
    font-size: 16px;
}

.m-txt9 .price-single{
    font-size: 24px;
    line-height: 1.5;
}

.gallerySlider-block .lSPager.lSGallery li{
    border: 1px solid #00000040;
    border-radius: 5px;
}

.copy_right-style{
    color: #fff;
}
.copy_right-style:hover{
    color: #000;
}

.sidebar .flex-t.p-b-26{
    border: 1px solid #e8e8e8;
    padding: 5px 0;
}
.sidebar .m-txt24.p-b-34{
    padding-top: 10px;
}
.sidebar .list_news{
    padding-left: 10px;
}
.sidebar .list_news li{
    padding: 10px !important;
}

.single-product .title_product,.single-product .price-product-single .price-single p{
    font-size: 18px;
}

.search_mobile{
    display: none;
}
.parallax100{
    padding: 10px 0;
}
@media (max-width: 575px){
    .search_mobile{
        display: block;
    }
    .header-search{
        width: 100%;
    }
}
@media (max-width: 767px)
{
    .shopping-area ul{
        padding-left: 5px;
    }
}
.bg3 ,.bg4
{
    /* background-color : #333333; */
    /* background-image: linear-gradient(to bottom, #0066FF, #fff,#0066FF); */
    background: none;
    color: #000;
}

.footer-title h3,
.footer-test h4,
.footer-test ul li a,
.footer-menu ul li a,
.home .footer-menu ul li a:hover,
.copy_right-style
{
    color: #000;
}
.newsletter form input::placeholder { 
    color: #000;
}
.newsletter form input:-ms-input-placeholder {
    color: #000;
}
.newsletter form input::-ms-input-placeholder {
    color: #000;
}