
/* menu
***********************************************************************************************************************/

.menu-bar .logo
{
    float: left;
    text-align: left;
}
.menu-bar .logo a
{
    float: left;
}
.menu-bar .logo img
{
    float: left;
    margin: 8px 10px 0 0;
}

.menu-bar .logo h1, .menu-bar .logo .title-box
{
    float: left;
}

/* *** */

.menu-bar ul.menu
{
    float: right;
}
.menu-bar ul.menu li
{
    float: left;
}
.menu-bar ul.menu ul li a
{
    text-align: left;
}
.menu-bar ul.menu ul
{
    right: auto;
    left: 0;
}

/* *** */

.menu-bar .language-box
{
    float: right;
    margin: 0 0 0 10px;
}

/* *** */

@media (max-width: 992px)
{
    .menu-side-box
    {
        float: right;
    }
}

/* *** */

.mm-menu_rtl.mm-menu_offcanvas
{
    right: 0;
}

/*
***********************************************************************************************************************/

.main-content
{
    float: left;
}

.page-content
{
    float: left;
}
.page-content .des ul li
{
    margin: 0;
    margin-left: 50px;
}
.page-content .des ol li
{
    margin: 0;
    margin-left: 50px;
}

/* title
***********************************************************************************************************************/

.page-title-box
{
    float: left;
}
.page-title-box .title-main
{
    float: left;
}
.page-title-box .breadcrumb
{
    float: right;
}
.page-title-box .breadcrumb > li + li:before
{
    content: "\f30b";
}

/* home - about
***********************************************************************************************************************/

.page-home .about-bar .about-link-box
{
    float: right;
}

/* contact-bar
***********************************************************************************************************************/

.contact-bar .col-tel .title-tel
{
    text-align: left;
}
.contact-bar .col-tel .title-tel .title
{
    float: left;
}
.contact-bar .col-tel .title-tel .tel
{
    float: left;
    margin: 0;
    margin-left: 10px;
}
.contact-bar .col-tel .des
{
    text-align: left;
    float: left;
}

.contact-bar .col-contact a
{
    float: right;
}

/* *** */

@media screen and (max-width: 700px)
{
    .contact-bar .col-tel .title-tel, .contact-bar .col-tel .des
    {
        text-align: center;
    }
    .contact-bar .col-tel .title-tel .title, .contact-bar .col-tel .title-tel .tel, .contact-bar .col-tel .des
    {
        float: none;
        display: inline-block;
    }

    .contact-bar .col-contact
    {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .contact-bar .col-contact a
    {
        float: none;
        display: inline-block;
    }
}

/* faq
***********************************************************************************************************************/

.page-faq .data-box
{
    padding: 50px 30px 30px 0;
}

.page-faq .faq-item .icon
{
    right: auto;
    left: 0;
}

.page-faq .question-answer
{
    float: right;
}

/* *** */

.page-faq .form-box .title-box
{
    text-align: left;
}

.page-faq .form-box input, .page-faq .form-box textarea
{
    padding: 5px 35px 5px 10px;
}
.page-faq .form-box button span
{
    margin: 0;
    margin-right: 7px;
}

/* *** */

@media (max-width: 767px)
{
    .body-faq .page-content:before
    {
        display: none;
    }
    .page-faq .data-box
    {
        padding: 0;
    }

    .page-faq .data-box
    {
        width: 100%;
    }
    .page-faq .form-box
    {
        width: 100%;
        margin-top: 50px;
    }
}

/* page-contact
***********************************************************************************************************************/

.page-contact .data-box
{
    padding: 30px 30px 30px 0;
}
.page-contact .data-box .title-box
{
    text-align: left;
}
.page-contact .data-box .col-contact-data:before
{
    right: auto;
    left: 22px;
}

.page-contact .data-box .icon
{
    float: left;
}

.page-contact .data-box .data
{
    padding: 10px 0 0 60px;
}

/* *** */

.page-contact .form-box .title-box
{
    text-align: left;
}

.page-contact .form-box button
{
    float: left;
}
.page-contact .form-box button span
{
    margin: 0;
    margin-right: 7px;
}

/* *** */

.page-contact .social-bar
{
    text-align: left;
}

/* *** */

@media (max-width: 767px)
{
    .page-contact .social-bar
    {
        text-align: center;
    }
}

/* gallery
***********************************************************************************************************************/

.page-gallery .imgs-box a
{
    float: left;
}

/* career-opportunities
***********************************************************************************************************************/

.page-career-opportunities .form-box input, .page-career-opportunities .form-box textarea, .page-career-opportunities .form-box select
{
    padding: 5px 35px 5px 10px;
}

.page-career-opportunities .form-box button
{
    float: left;
}
.page-career-opportunities .form-box button:before
{
    right: auto;
    left: -140%;
    transform: skew(30deg);
}
.page-career-opportunities .form-box button:focus:before, .page-career-opportunities .form-box button:hover:before
{
    right: auto;
    left: -20%;
}
.page-career-opportunities .form-box button .icon
{
    float: left;
    margin: 0;
    margin-right: 7px;
}

/* *** */

@media (max-width: 1199px)
{
    .page-career-opportunities .des-form-box
    {
        margin-top: -120px;
    }
}
@media (max-width: 991px)
{
    .body-career-opportunities .page-banner
    {
        margin-top: -115px;
    }

    .page-career-opportunities .des-form-box
    {
        margin-top: -100px;
    }

    .page-career-opportunities .form-career-opportunities .form-clear-row
    {
        clear: none;
    }
    .page-career-opportunities .form-career-opportunities .form-clear-row.form-clear-row-2
    {
        clear: both !important;
    }
}
@media (max-width: 767px)
{
    .page-career-opportunities .data-box, .page-career-opportunities .form-box
    {
        width: 100%;
    }

    .page-career-opportunities .des-form-box
    {
        margin-top: -70px;
    }
}
@media screen and (max-width: 600px)
{
    .page-career-opportunities .form-career-opportunities div[class*="col-"]
    {
        width: 100%;
    }
}
@media (max-width: 500px)
{
    .page-career-opportunities .des-form-box
    {
        margin-top: -80px;
    }
}

/* reseller-request
***********************************************************************************************************************/

.page-reseller-request .form-box input, .page-reseller-request .form-box textarea, .page-reseller-request .form-box select
{
    padding: 5px 35px 5px 10px;
}

.page-reseller-request .form-box button
{
    float: left;
}
.page-reseller-request .form-box button:before
{
    right: auto;
    left: -140%;
    transform: skew(30deg);
}
.page-reseller-request .form-box button:focus:before, .page-reseller-request .form-box button:hover:before
{
    right: auto;
    left: -20%;
}
.page-reseller-request .form-box button .icon
{
    float: left;
    margin: 0;
    margin-right: 7px;
}

/* *** */

@media (max-width: 1199px)
{
    .page-reseller-request .des-form-box
    {
        margin-top: -120px;
    }
}
@media (max-width: 991px)
{
    .body-reseller-request .page-banner
    {
        margin-top: -115px;
    }

    .page-reseller-request .des-form-box
    {
        margin-top: -100px;
    }

    .page-reseller-request .form-reseller-request .form-clear-row
    {
        clear: none;
    }
    .page-reseller-request .form-reseller-request .form-clear-row.form-clear-row-2
    {
        clear: both !important;
    }
}
@media (max-width: 767px)
{
    .page-reseller-request .data-box, .page-reseller-request .form-box
    {
        width: 100%;
    }

    .page-reseller-request .des-form-box
    {
        margin-top: -70px;
    }
}
@media screen and (max-width: 600px)
{
    .page-reseller-request .form-reseller-request div[class*="col-"]
    {
        width: 100%;
    }
}
@media (max-width: 500px)
{
    .page-reseller-request .des-form-box
    {
        margin-top: -80px;
    }
}

/* reseller
***********************************************************************************************************************/

.page-reseller .table-show-data-reseller .des
{
    text-align: left;
    padding: 5px 10px 5px 0;
}

/* bottom
***********************************************************************************************************************/

.bottom-bar .contact-way li, .bottom-bar .contact-way span, .bottom-bar .contact-way li i
{
    float: left;
}

/* *** */

.bottom-bar .page-link
{
    text-align: left;
}
.bottom-bar .page-link li
{
    text-align: left;
    float: left;
}
.bottom-bar .page-link li:before
{
    right: auto;
    left: 0;
}
.bottom-bar .page-link a:before
{
    right: auto;
    left: 0;
}

/* *** */

.bottom-bar .social
{
    float: left;
}

/*
***********************************************************************************************************************/

.page-explanatory-page .data .img-box
{
    float: left;
}
.page-explanatory-page .data .img-box:before
{
    left: auto;
    right: -70px;
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}
.page-explanatory-page .data .img-box:after
{
    left: auto;
    right: 50px;
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}

.page-explanatory-page .data .title-des-box
{
    float: left;
}

/* *** */

@media (max-width: 991px)
{
    .page-explanatory-page .data .title-des-box
    {
        padding: 10px 10px 10px 0;
    }
    .page-explanatory-page .data .title-des-box .des
    {
        height: 4em;
        overflow: hidden;
    }
}
@media (max-width: 767px)
{
    .page-explanatory-page .data .img-box, .page-explanatory-page .data .title-des-box
    {
        width: 50%;
    }

    .page-explanatory-page .data .img-box .img
    {
        height: 43%;
    }
    .page-explanatory-page .data .img-box .img:before
    {
        padding-top: 43%;
    }
}
@media (max-width: 600px)
{
    .page-explanatory-page .data .img-box, .page-explanatory-page .data .title-des-box
    {
        width: 100%;
    }

    .page-explanatory-page .data .img-box .img
    {
        height: 37.5%;
    }
    .page-explanatory-page .data .img-box .img:before
    {
        padding-top: 37.5%;
    }

    .page-explanatory-page .data .title-des-box
    {
        padding: 20px;
    }
    .page-explanatory-page .data .title-des-box .des
    {
        height: auto;
        overflow: hidden;
    }

    .page-explanatory-page .data .img-box:before, .page-explanatory-page .data .img-box:after
    {
        display: none;
    }
}

/* page-explanatory-page-view
***********************************************************************************************************************/

.page-explanatory-page-view .imgs-box
{
    float: left;
}

/*
***********************************************************************************************************************/