/* Minification failed. Returning unminified contents.
(3362,14): run-time error CSS1030: Expected identifier, found ' '
(3362,23): run-time error CSS1031: Expected selector, found ';'
(3362,23): run-time error CSS1025: Expected comma or open brace, found ';'
(3363,12): run-time error CSS1030: Expected identifier, found ' '
(3363,13): run-time error CSS1031: Expected selector, found '-'
(3363,13): run-time error CSS1025: Expected comma or open brace, found '-'
(3364,11): run-time error CSS1030: Expected identifier, found ' '
(3364,12): run-time error CSS1031: Expected selector, found '15px'
(3364,12): run-time error CSS1025: Expected comma or open brace, found '15px'
(3365,11): run-time error CSS1030: Expected identifier, found ' '
(3365,19): run-time error CSS1031: Expected selector, found ';'
(3365,19): run-time error CSS1025: Expected comma or open brace, found ';'
(3366,10): run-time error CSS1030: Expected identifier, found ' '
(3366,15): run-time error CSS1031: Expected selector, found ';'
(3366,15): run-time error CSS1025: Expected comma or open brace, found ';'
(3367,1): run-time error CSS1019: Unexpected token, found '}'
(3368,2): run-time error CSS1031: Expected selector, found '/'
(3368,2): run-time error CSS1025: Expected comma or open brace, found '/'
(3392,14): run-time error CSS1030: Expected identifier, found ' '
(3392,21): run-time error CSS1031: Expected selector, found ';'
(3392,21): run-time error CSS1025: Expected comma or open brace, found ';'
(3393,16): run-time error CSS1030: Expected identifier, found ' '
(3393,17): run-time error CSS1031: Expected selector, found '38px'
(3393,17): run-time error CSS1025: Expected comma or open brace, found '38px'
(3394,11): run-time error CSS1030: Expected identifier, found ' '
(3394,19): run-time error CSS1031: Expected selector, found ';'
(3394,19): run-time error CSS1025: Expected comma or open brace, found ';'
(3395,1): run-time error CSS1019: Unexpected token, found '}'
(3396,2): run-time error CSS1031: Expected selector, found '/'
(3396,2): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.0
 >> date: 2017-07-05

*/

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/Assets/Font/IRANSansWeb_Light.eot');
    src: url('/Assets/Font/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6–8 */
    url('/Assets/Font/IRANSansWeb_Light.woff') format('woff'), url('/Assets/Font/IRANSansWeb_Light.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/IRANSansWeb_Light.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/Assets/Font/IRANSansWeb.eot');
    src: url('/Assets/Font/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6–8 */
    url('/Assets/Font/IRANSansWeb.woff') format('woff'), url('/Assets/Font/IRANSansWeb.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/IRANSansWeb.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/Assets/Font/IRANSansWeb_Medium.eot');
    src: url('/Assets/Font/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6–8 */
    url('/Assets/Font/IRANSansWeb_Medium.woff') format('woff'), url('/Assets/Font/IRANSansWeb_Medium.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/IRANSansWeb_Medium.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/Assets/Font/IRANSansWeb_Bold.eot');
    src: url('/Assets/Font/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6–8 */
    url('/Assets/Font/IRANSansWeb_Bold.woff') format('woff'), url('/Assets/Font/IRANSansWeb_Bold.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/IRANSansWeb_Bold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'B Yekan';
    src: url('/Assets/Font/BYekan.eot');
    src: url('/Assets/Font/BYekan.eot?#iefix') format('embedded-opentype'), /* IE6–8 */
    url('/Assets/Font/BYekan.woff') format('woff'), url('/Assets/Font/BYekan.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/BYekan.ttf') format('truetype'), /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    url('/Assets/Font/BYekan.svg#YekanWeb-Regular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}



/* cyrillic-ext */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKcg72j00.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKew72j00.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKcw72j00.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKfA72j00.woff2') format('woff2');
    unicode-range: U+0370-03FF;
}


/* latin-ext */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKcQ72j00.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/assets/Font/ubuntu/4iCs6KVjbNBYlgoKfw72.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Dana*/

@font-face {
    font-family: 'Dana';
    src: url('/Assets/Font/Dana/eot/dana-regular.eot');
    src: 
    url('/Assets/Font/Dana/woff/dana-regular.woff') format('woff'), 
        url('/Assets/Font/Dana/woff2/dana-regular.woff2') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Assets/Font/Dana/ttf/Dana-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
/*
 >  Dynamic Echo Cycle ©
 >  http://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 */

/* version 1.8
   last-update: 2016-03-09
    
    -> added: change .col behavear
    */

/*  This two rules tell the browser what the sizing properties (width and height) should include.
 *  border-box means: The width and height properties (and min/max properties) includes content,
 *  padding and border, but not the margin  
 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

a {
    text-decoration: none;
    cursor: pointer;
    color: #1414E3;
}

    a:visited {
        color: #5B5BF3;
    }

/* Apply clearfix to any float-containing element.
 * This will force the container element to expand, pushing subsequent elements beneath it.*/
.clearfix:before,
.clearfix:after,
.row:after {
    content: "";
    display: table;
}

.clearfix:after,
.row:after {
    clear: both;
}

.clearfix,
.row:after {
    *zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  Section or division which wraps whole content. It is better to place it right after the 'body' tag.*/
.wrapLtr {
    direction: ltr;
    max-width: 100%;
}

.wrapRtl { /* for right to left languages*/
    direction: rtl;
    max-width: 100%;
}

/*  Indicates a row of columns. This will include sections having 'col' class.*/
.row {
    max-width: 100%;
    text-align: center;
}

/*  Specifies column sections within a 'row' */
.col,
.col12,
.col20,
.col25,
.col30,
.col33,
.col40,
.col50,
.col60,
.col70,
.col75,
.col80,
.col90 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*display: inline-block;*/
    margin-bottom: 20px;
}

    .col.NoMarginb,
    .col12.NoMarginb,
    .col20.NoMarginb,
    .col25.NoMarginb,
    .col30.NoMarginb,
    .col33.NoMarginb,
    .col40.NoMarginb,
    .col50.NoMarginb,
    .col60.NoMarginb,
    .col70.NoMarginb,
    .col75.NoMarginb,
    .col80.NoMarginb,
    .col90.NoMarginb {
        margin-bottom: 0;
    }

.wrapLtr .col,
.wrapLtr .col12,
.wrapLtr .col20,
.wrapLtr .col25,
.wrapLtr .col30,
.wrapLtr .col33,
.wrapLtr .col40,
.wrapLtr .col50,
.wrapLtr .col60,
.wrapLtr .col70,
.wrapLtr .col75,
.wrapLtr .col80,
.wrapLtr .col90 {
    float: left;
}

.wrapRtl .col,
.wrapRtl .col12,
.wrapRtl .col20,
.wrapRtl .col25,
.wrapRtl .col30,
.wrapRtl .col33,
.wrapRtl .col40,
.wrapRtl .col50,
.wrapRtl .col60,
.wrapRtl .col70,
.wrapRtl .col75,
.wrapRtl .col80,
.wrapRtl .col90 {
    float: right;
}

/* add this class to turn the float off and make them align center*/
.wrapLtr .noFloat,
.wrapRtl .noFloat {
    float: none;
    display: inline-block;
    vertical-align: top;
}

/* Break all word and make the text not to exceed*/
.wordWrap {
    -ms-word-break: normal;
    word-break: normal;
    word-wrap: hyphenate;
    -ms-word-wrap: hyphenate;
    white-space: normal;
    overflow: hidden;
}

.noWordWrap {
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap;
    overflow: auto;
}

.noScroll {
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}

/* Sets the width of image equel to its container*/
.imgRespons {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Column 12.5% */
.col12 {
    width: 12.5%;
}

    .col12.noFloat {
        width: 12%;
    }

/* Column 20% */
.col20 {
    width: 20%;
}

    .col20.noFloat {
        width: 19%;
    }

/* Column 25% */
.col25 {
    width: 25%;
}

    .col25.noFloat {
        width: 24%;
    }

/* Column 30% */
.col30 {
    width: 30%;
}

    .col30.noFloat {
        width: 29%;
    }

/* Column 33% */
.col33 {
    width: 33.333%;
}

    .col33.noFloat {
        width: 32%;
    }

/* Column 40% */
.col40 {
    width: 40%;
}

    .col40.noFloat {
        width: 39%;
    }

/* Column 50% */
.col50 {
    width: 50%;
}

    .col50.noFloat {
        width: 48%;
    }

/* Column 60% */
.col60 {
    width: 60%;
}

    .col60.noFloat {
        width: 59%;
    }

/* Column 70% */
.col70 {
    width: 70%;
}

    .col70.noFloat {
        width: 69%;
    }

/* Column 75% */
.col75 {
    width: 75%;
}

    .col75.noFloat {
        width: 74%;
    }

/* Column 80% */
.col80 {
    width: 80%;
}

    .col80.noFloat {
        width: 79%;
    }

/* Column 90% */
.col90 {
    width: 90%;
}

    .col90.noFloat {
        width: 89%;
    }

.col {
    width: 100%;
}


/* Enlarge .col50 elements to 100% width of its container in devices with screen smaller than 768px */
@media screen and (max-width:600px) {

    .wrapLtr .col,
    .wrapLtr .col12,
    .wrapLtr .col20,
    .wrapLtr .col25,
    .wrapLtr .col30,
    .wrapLtr .col33,
    .wrapLtr .col40,
    .wrapLtr .col50,
    .wrapLtr .col60,
    .wrapLtr .col70,
    .wrapLtr .col75,
    .wrapLtr .col80,
    .wrapLtr .col90,
    .wrapRtl .col,
    .wrapRtl .col12,
    .wrapRtl .col20,
    .wrapRtl .col25,
    .wrapRtl .col30,
    .wrapRtl .col33,
    .wrapRtl .col40,
    .wrapRtl .col50,
    .wrapRtl .col60,
    .wrapRtl .col70,
    .wrapRtl .col75,
    .wrapRtl .col80,
    .wrapRtl .col90 {
        float: none;
    }

    .col12,
    .col20,
    .col25,
    .col30,
    .col33,
    .col40,
    .col50,
    .col60,
    .col70,
    .col75,
    .col80,
    .col90,
    .col12.noFloat,
    .col20.noFloat,
    .col25.noFloat,
    .col30.noFloat,
    .col33.noFloat,
    .col40.noFloat,
    .col50.noFloat,
    .col60.noFloat,
    .col70.noFloat,
    .col75.noFloat,
    .col80.noFloat,
    .col90.noFloat {
        width: 100%;
    }

    .wrapLtr .mobileOff,
    .wrapRtl .mobileOff {
        display: none;
    }
}

@media screen and (min-width:601px) {
    .wrapLtr .mobileOnly,
    .wrapRtl .mobileOnly {
        display: none;
    }
}

/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.0
 >> date: 2018-01-22

*/

.mobileVersion .noMobVer,
body:not(.mobileVersion) .onlyMobVer {
    display: none !important;
}

.mobileVersion .wrapLtr .col,
.mobileVersion .wrapLtr .col12,
.mobileVersion .wrapLtr .col20,
.mobileVersion .wrapLtr .col25,
.mobileVersion .wrapLtr .col30,
.mobileVersion .wrapLtr .col33,
.mobileVersion .wrapLtr .col40,
.mobileVersion .wrapLtr .col50,
.mobileVersion .wrapLtr .col60,
.mobileVersion .wrapLtr .col70,
.mobileVersion .wrapLtr .col75,
.mobileVersion .wrapLtr .col80,
.mobileVersion .wrapLtr .col90,
.mobileVersion .wrapRtl .col,
.mobileVersion .wrapRtl .col12,
.mobileVersion .wrapRtl .col20,
.mobileVersion .wrapRtl .col25,
.mobileVersion .wrapRtl .col30,
.mobileVersion .wrapRtl .col33,
.mobileVersion .wrapRtl .col40,
.mobileVersion .wrapRtl .col50,
.mobileVersion .wrapRtl .col60,
.mobileVersion .wrapRtl .col70,
.mobileVersion .wrapRtl .col75,
.mobileVersion .wrapRtl .col80,
.mobileVersion .wrapRtl .col90 {
    float: none;
}

.mobileVersion .col12,
.mobileVersion .col20,
.mobileVersion .col25,
.mobileVersion .col30,
.mobileVersion .col33,
.mobileVersion .col40,
.mobileVersion .col50,
.mobileVersion .col60,
.mobileVersion .col70,
.mobileVersion .col75,
.mobileVersion .col80,
.mobileVersion .col90,
.mobileVersion .col12.noFloat,
.mobileVersion .col20.noFloat,
.mobileVersion .col25.noFloat,
.mobileVersion .col30.noFloat,
.mobileVersion .col33.noFloat,
.mobileVersion .col40.noFloat,
.mobileVersion .col50.noFloat,
.mobileVersion .col60.noFloat,
.mobileVersion .col70.noFloat,
.mobileVersion .col75.noFloat,
.mobileVersion .col80.noFloat,
.mobileVersion .col90.noFloat {
    width: 100%;
}

.mobileVersion .wrapLtr .mobileOff,
.mobileVersion .wrapRtl .mobileOff {
    display: none;
}

.mobileVersion .wrapLtr .mobileOnly,
.mobileVersion .wrapRtl .mobileOnly {
    display: none;
}
/*
 >  Dynamic Echo Cycle ©
 >  http://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.1
 >> date: 2016-06-07
*/

.definition {
    display: none;
}

.defineIt {
    position: relative;
    border-bottom: 1px dashed #999;
    padding: 0px 2px;
    cursor: pointer;
    display: inline-block;
    line-height: 17px;
}

    .defineIt:after {
        position: absolute;
        top: -35%;
        left: 85%;
        content: " ";
        background: url("/Assets/Image/definition-info.png") scroll no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        width: 12px;
        height: 12px;
    }

.definePopup {
    max-height: 600px;
    max-width: 600px;
    position: absolute;
    border-radius: 5px;
    border: 1px dashed #B4B4B4;
    background-color: #FFF;
    background-image: linear-gradient(#FFF,#CFDCE1);
    box-shadow: -3px 4px 8px -3px #393939;
    overflow: visible;
    display: none;
    z-index:100000;
}

.defineClose {
    height: 11px;
    width: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url("/Assets/Image/definition-close.png") no-repeat scroll 0px 1px transparent;
}

    .defineClose:hover {
        background: url("/Assets/Image/definition-close.png") no-repeat scroll 0px -10px transparent;
    }

.defineBodyWrap {
    height: 100%;
    width: 100%;
    overflow: auto;
    max-height: 554px;
    margin: 15px;
    max-width: 568px;
}

.defineBody {
    margin: 5px 10px;
    display: inline-block;
}

.definePopup .defineArrowBorder,
.definePopup .defineArrow {
    top: -25px;
    border: 8px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border-bottom-color: #ffffff;
    left: 50%;
}

.definePopup .defineArrowBorder {
    border-width: 9px;
    border-bottom-color: #B4B4B4;
    top: -26px;
}

@media(max-width:600px) {
    .definePopup {
        max-height: 90%;
        max-width: 90%;
    }

    .defineBodyWrap {
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 10px;
    }
}

/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.0
 >> date: 2018-02-17

*/



.dos_frameWrap {
    position: fixed;
    z-index: 200;
    top: auto;
    bottom: 0;
    right: 20px;
    left: auto;
    width: 200px;
    max-width: 90%;
    max-width: 90vw;
    height: 30px;
    max-height: 92%;
    max-height: 92vh;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 5px 5px 0 0;
}

    .dos_frameWrap.dos_frameWrapOpen {
        width: 320px;
        height: 430px;
    }

.dos_frmTglWrap {
    border-radius: 5px 5px 0 0;
    background-color: chocolate;
}

.dos_frmToggle {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    min-height: 30px;
    padding: 5px;
}

    .dos_frmToggle:after {
        position: absolute;
        display: inline-block;
        content: '\25b2';
        top: 5px;
        bottom: auto;
        left: 9px;
        right: auto;
        font-size: 11px;
        border-radius: 20px;
        border: 1px solid #fff;
        width: 20px;
        height: 20px;
    }

.dos_frameWrapOpen .dos_frmToggle:after {
    content: 'X';
    font-size: 15px;
    padding-top: 1px;
}


.dos_frameHolder {
    background-color: #ddd;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dos_frame {
    display: block;
    border: none;
    width: 100%;
    height: 400px;
    max-height: 82vh;
}

/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.6
 >> date: 2019-12-22

*/




html {
    min-height: 100vh;
}

body {
    font-family: Dana,Tahoma,sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility/9;
    -webkit-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -ms-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}

a, a:visited {
    color: #ec6624;
}

header {
    padding: 0;
    background: transparent;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);*/
}

footer {
    padding: 0;
}

a,
input,
img,
button,
textarea {
    outline: none;
}

a, img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mainWrap {
    /*position: relative;*/
    overflow: hidden;
    /*background-color: #fff;*/
    z-index: 2;
}

.mobileVersion .mainWrap {
    padding-top: 40px;
}

.wrapLtr {
    font-family: Dana, Tahoma, sans-serif;
}

.wrapRtl {
    font-family: Dana, 'B Yekan',Tahoma;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    padding: 0;
}

.h2, h2 {
    line-height: 3em;
}

.container {
    /*max-width: 1280px;*/
    /*margin: 0 auto;*/
}

.textLeft {
    /*text-align: left;*/
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.enText {
    font-family: Dana, Tahoma,sans-serif !important;
}

.faText {
    font-family: Dana,'B Yekan',Tahoma !important;
    direction: rtl;
}

span.faText {
    display: inline-block;
}

.hidden {
    display: none !important;
}

.link {
    color: #ec6624;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding: 10px 5px !important;
}

    .link:visited {
        color: #ec6624;
    }

    .link:hover {
        color: #ec6624;
    }




.dropdownInput,
.textInput,
.multilineInput {
    font-family: inherit;
    border: 1px solid #bbb;
    background-color: #FFF;
    border-radius: 15px;
    padding: 2px 10px 3px;
    min-width: inherit;
    color: #555;
    font-size: 14px;
    line-height: 28px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in 0s, box-shadow 0.15s ease-in 0s;
    padding: 3px 12px 2px;
}

.dropdownInput {
    border: 1px solid #a9a9a9;
    color: #303030;
    cursor: pointer;
}

    .dropdownInput option {
        padding: 0 5px;
    }


.dropdownInput,
.textInput,
.multilineInput {
    width: 250px;
    height: 30px;
    max-width: 100%;
}

.blogMainContent > .blogContent .dropdownInput, .blogMainContent > .blogContent .textInput, .blogMainContent > .blogContent .multilineInput {
    width: 350px;
}

.dropdownInput {
    padding: 0px 10px;
}

.multilineInput {
    width: 100%;
    max-width: 100%;
    min-width: 100px;
    height: auto;
    min-height: 100px;
    padding: 11px;
}

    .dropdownInput:hover,
    .multilineInput:hover {
        border-color: #ec6624;
    }

    .dropdownInput:focus,
    .textInput:focus,
    .multilineInput:focus {
        border-color: #ec6624;
    }

.verticalMiddle:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.verticalMiddle > * {
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

.message,
.warning,
.success,
.error {
    text-shadow: 0px 0px 18px;
    line-height: 20px;
}

.message {
    color: #333;
}

.warning {
    color: #FF8700;
}

.success {
    color: green;
}

.error {
    color: red;
}

.iconBtn,
.topButton {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: transparent no-repeat scroll center center;
    background-size: 23px auto;
    vertical-align: middle;
    cursor: pointer;
}

.iconBtn {
    margin: 5px;
}

.topButton {
    background-size: 100% auto;
}

.iconBtnToggle,
.iconBtnToggle:after {
    position: relative;
    display: block;
    margin: 5px auto;
    width: 40px;
    height: 40px;
    background: transparent no-repeat scroll center center;
    background-size: 35px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .iconBtnToggle:after {
        position: absolute;
        content: ' ';
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        opacity: 0;
        margin: 0;
    }


.preloader {
    background-color: #000;
    z-index: 1100;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}

    .preloader:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle;
    }

    .preloader > img {
        width: 40px;
        max-width: 99%;
        display: inline-block;
        vertical-align: middle;
    }

.landingPageContent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    z-index: 10;
}




/* General*/

.w_8_fileupload, .w_8_txtInput, .w_8_multiline {
    border-radius: 5px;
}

.mainPageContentCopied {
    display: none;
}

.imgBtn {
    font-family: inherit;
    font-size: 16px;
    line-height: 32px;
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    margin: 0 2px;
    background: transparent no-repeat scroll center center;
    background-size: 100% 100%;
}

a.imgBtn {
    display: inline-block;
}

.imgMember {
    background-image: url('/assets/image/icon/userIcon.png');
}

.imgSearch {
    background-image: url('/assets/image/icon/searchIconTop.png');
}

.imgMenu {
    background-image: url('/assets/image/icon/BurgerButton.png');
}

.topLanguage {
    background-image: url('/assets/image/icon/lang/en_uk.png');
}

.loginTopWrap .topLanguage {
    vertical-align: middle;
}


.topLanguageFa {
    background-image: url('/assets/image/icon/lang/fa_ir.png');
}


body:not(.mobileVersion) .topRowWrap {
    /*padding: 4px;
    padding-bottom: 0;
    background-color: #fff;*/
}

.topLogohWrap {
    /*padding: 0 5px;*/
}


.topLogo {
    max-height: 79px;
    -webkit-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -ms-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}


.topMenuWrap {
    /*background-color: #fff;*/
    height: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -ms-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}

.mobileVersion .topMenuWrap {
    height: 0;
}

.topLoginSearch {
    position: relative;
    /*margin-top: 20px;*/
    padding-right: 140px;
    padding-left: 140px;
}


.topLoginPanel,
.loginTopWrap:not(.mobLoginTopWrap) {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    z-index: 1000;
}

.mobLoginTopWrap {
    position: relative;
}

.topLoginPanel {
    top: 100%;
    right: 0;
    background-color: #fff;
    padding: 4px 10px;
    width: 150px;
    max-width: 70vw;
    border-radius: 0 0 2px 2px;
    box-shadow: 4px 4px 0px -1px #58595b;
    border: 1px solid #e7e7e7;
    text-align: right;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.wrapLtr .topLoginPanel {
    text-align: left;
}

.showTopLogin .topLoginPanel {
    opacity: 1;
    visibility: visible;
}

.topLoginRow {
    padding: 8px 2px;
}

    .topLoginRow:not(:last-child) {
        border-bottom: 1px solid #dcdcdc;
    }

.topMemberBtn,
.topSearchBtn {
    vertical-align: middle;
    position: relative;
}

.topSearchBtn {
    background-image: url(/Assets/image/icon/DaierehSearch.png);
    background-size: auto;
    margin: 0;
    margin-top: 5px;
    z-index: 5;
    width: 20px;
    height: 25px;
    margin-left: -31px;
    background-size: 18px 18px;
}

.topMemberBtn {
    background-image: url('/Assets/image/icon/UserIcon.png');
    background-size: auto;
    margin-top: 0;
    background-color: #ccc;
    border-radius: 50px;
}

.topSearchInput {
    vertical-align: middle;
    -webkit-transition: all 250ms ease-out 0s;
    -moz-transition: all 250ms ease-out 0s;
    -o-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    margin-right: 30px;
    border: none;
    border-bottom: 1px solid #5b5b5b;
    border-radius: 0;
    font-size: 10px;
    line-height: 20px;
}

.wrapLtr .topSearchInput {
    margin-right: 0;
}

.wrapRtl .topSearchInput {
    margin-right: 0;
}

.highLightSearchBar .topSearchInput {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #fb8026;
}

.highLightSearchBar .topSearchBtn, .topSearchBtn:hover {
    background-image: url(/Assets/image/icon/DaierehSearchClicked.png);
}

.topSearchWrap {
    display: inline-block;
    /*float: left;*/
    height: 100%;
    margin-bottom: 35px;
    margin-top: 10px;
}

.mobileVersion .topSearchWrap {
    width: 90%;
    margin-bottom: 5px;
    /*margin-top: 60px;*/
    margin-right: 5%;
    margin-left:5%;
}

.headerLanguageChoose {
    /*margin-left: 10px;*/
    display: block;
    width: auto;
    height: 100%;
    cursor: pointer;
    /*margin-top: 10px;*/
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    display: inline-block;
    /*float: left;*/
}

.mobileVersion .headerLanguageChoose {
    height: auto;
}

.mobileVersion .headerLanguageChoose {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.headerLanguageChoose > a {
    display: block;
    height: 100%;
}

    .headerLanguageChoose > a:nth-of-type(1) {
        border-bottom: 1px solid gray;
    }

.mobileVersion .headerLanguageChoose > a {
    padding: 0 10px;
    margin: 10px 0;
    border-bottom: unset;
}

.mobileVersion .wrapRtl .headerLanguageChoose > a:nth-of-type(1) {
    border-left: 1px solid gray;
}

.mobileVersion .wrapLtr .headerLanguageChoose > a:nth-of-type(1) {
    border-right: 1px solid gray;
}

.iconLanguage {
    width: 18px;
    height: 18px;
    background-image: url(/Assets/image/icon/global.png);
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.headerLanguageChoose:hover .iconLanguage {
    background-image: url(/Assets/image/icon/global-hover.png);
}

.titleLanguage {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
}




.headerLanguageChoose .titleLanguage {
    color: #5b5b5b;
}

.wrapLtr .headerLanguageChoose .titleLanguage {
    color: #5b5b5b;
}

.titleLanguage.faLang {
    font-family: Dana !important;
    color: #5b5b5b;
}

.wrapLtr .titleLanguage.faLang {
    color: #5b5b5b;
}

.headerLanguageChoose > a:hover .titleLanguage {
    color: #5b5b5b;
}
/*.topSearchWrap:not(.searchActive) .topSearchInput {
    opacity: 0;
    width: 40px;
}*/
.dictionaryTranslate {
    display: inline-block;
    vertical-align: top;
}

    .dictionaryTranslate img {
        height: 18px;
        display: block;
    }




.mobileTopRow {
    padding: 7px 8px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 6600;
    background-color: #f5f5f5;
    height: 41px;
    text-align: left;
    display: none;
}

.wrapLtr .mobileTopRow .imgMenu {
    vertical-align: middle;
}


.mobMenuBtnWrap {
    float: left;
}

.mobileTopRow .mobTopLogo {
    display: block;
    height: 25px;
}

.mobLogoLink {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

.pageHeading {
    margin-bottom: 15px;
    padding: 10px;
    color: #f1f1f1;
    text-align: left;
}

    .pageHeading .faText {
        float: right;
        text-align: right;
    }

.logoFooterHolder {
    padding: 40px 10px 30px;
    text-align: center;
}

.mainArticle {
    /*min-height: 100vh;*/
}

.mainFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 70px 0 0;
    /*z-index: 1001;*/
    /*background-color: #5b5b5b;*/
}

    .mainFooter .link {
        padding: 10px 15px;
    }

        .mainFooter .link:hover {
            text-decoration: underline;
        }

.homePage .mainFooter {
    background-image: radial-gradient(farthest-side at 70% 25%, #aaa,#4d4d4d);
}

.copyrightWrap {
    /*background-color: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyrightHolder {
    margin-top: 4px;
}

.mainFooter > .container {
    /*padding-bottom: 10px;*/
}

.copyright {
    margin: 0;
    text-align: left;
    padding: 10px;
    font-family: serif;
    font-size: larger;
    text-align: center;
}

.mainFooter > .container > .row {
    position: relative;
}

.footerLogo {
    position: absolute;
    top: auto;
    bottom: 15%;
    z-index: 101010;
}

.wrapLtr .footerLogo {
    right: 7%;
}

.mobileVersion .wrapLtr .footerLogo {
    right: 0;
}

.wrapRtl .footerLogo {
    left: 7%;
}

.footerLogo a {
    display: block;
}

.footerLinks {
    text-align: right;
}

.msgBoxBtns .msgboxbutton,
.msgBoxHolder {
    font: inherit !important;
}

/* footerMenu*/

.footerHolder .w_7_MainList {
    width: 100%;
}

    .footerHolder .w_7_MainList > li {
        width: 25%;
        min-width: 240px;
        position: relative;
    }

.footerHolder .w_7_Nav.w_7_HorizontalNav > ul > li > table {
    /*margin-top: 6px;*/
    visibility: visible !important;
    opacity: 1 !important;
    padding-bottom: 5px;
}

.footerHolder .w_7_Nav table {
    position: relative;
    top: 0 !important;
    right: 0 !important;
    background-color: transparent;
    box-shadow: none;
}

.footerHolder .w_7_Nav > ul > li > table > thead, .w_7_Nav > ul > li > table > tfoot {
    display: none;
}

.footerHolder .w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer:after,
.footerHolder .w_7_ResponsiveMenu.w_7_NavRtl li.hasTable > a:after {
    display: none;
}

.footerHolder .w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer:before {
    height: 2px;
    width: 100%;
    display: inline-block;
    background-color: white;
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
}

.footerHolder .w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer {
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    position: relative;
}

.w_7_Nav.footerMenu {
    text-align: right;
    font: inherit;
}

.footerHolder .w_7_Nav ul.w_7_SubList a {
    padding: 0;
}
/*.footerHolder .w_7_MainList > li:before{
    height:2px;
    width:100%;
    display:inline-block;
    content:"";
    position:absolute;
}*/

.w_7_Nav.footerMenu > ul > li > a {
    width: 100%;
    overflow: hidden;
}

.w_7_Nav.footerMenu a {
    padding: 0;
    margin: 0;
}

.w_7_Nav.footerMenu ul.w_7_SubList a:hover {
    background-color: transparent;
    color: #ec6624;
}

.w_7_Nav.footerMenu a,
.w_7_Nav.footerMenu a:hover,
.w_7_Nav.footerMenu a:visited {
    color: #f9f9f9;
}

    .w_7_Nav.footerMenu a:hover {
        text-decoration: underline;
    }








.mapDetails {
    font-family: Dana, Tahoma, sans-serif;
}

/* Search Page */
.searchPage {
    padding: 0 15px;
}

.searchWrap {
    padding: 40px 0 10px;
    /*box-shadow: 0 4px 19px -6px #cbcbcb;
    margin-bottom: 13px;*/
}

.searchSection {
    padding: 10px;
}

.noProduct {
    padding: 10% 0;
}

    .noProduct .h3 {
        font-size: 15px;
        line-height: 30px;
        margin: 0 0 12px;
        color: #ec6624;
    }

.searchResult {
    text-align: left;
    padding: 10px 13px;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    margin-bottom: 10px;
}

.wrapRtl .searchResult {
    border-right: 4px solid #b8c5ce;
    border-left: none;
}

.searchResult:hover {
    background-color: rgba(184, 197, 206, 0.16);
}

.wrapRtl .searchResult {
    text-align: right;
}

.searchLink {
    margin-bottom: 5px;
}

.searchInputWrap {
    direction: ltr;
}


.searchInput {
    vertical-align: middle;
    width: 250px;
    padding-right: 33px;
}

.wrapRtl .searchInput {
    text-align: right;
}

.searchTitle {
    padding: 10px;
    margin: 25px 0 10px;
    background-color: #172e4d;
    color: #f2f2f2;
}

.searchLink,
.searchLink:visited,
.searchLink:hover {
    color: #1414E3;
}

    .searchLink:hover {
        text-decoration: underline;
    }

.searchResult p {
    margin: 10px 6px 0;
}

/* Login */

.contactHolder {
    overflow: hidden;
    position: relative;
}

.loginForm {
    padding: 0 15px;
}

.loginForm,
.fpForm {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0.1s;
    -moz-transition: all 0.3s ease-out 0.1s;
    -o-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s;
}

.contactHolder.isFpForm .loginForm {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}

.fpForm {
    position: absolute;
    top: 0;
    right: auto;
    left: auto;
    bottom: auto;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
}

.contactHolder.isFpForm .fpForm {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.messageHolder {
    padding: 10px;
}

.loginPage,
.registerPage {
    text-align: center;
    direction: ltr;
}

    .loginPage .contactHolder,
    .registerPage .contactHolder {
        display: inline-block;
        margin: 30px auto 10px;
    }

    .loginPage .generallabel,
    .registerPage .generallabel {
        display: inline-block;
        min-width: 118px;
        text-align: right;
        padding: 0 5px;
    }

    .loginPage input ~ .generallabel,
    .registerPage input ~ .generallabel {
        text-align: left;
    }

.contactHolderInner {
    position: relative;
}

.mobileVersion .loginPage .contactHolder,
.mobileVersion .registerPage .contactHolder {
    margin: 10px auto 10px;
}

.formSection {
    margin-bottom: 15px;
}


.mobileVersion .loginPage .generallabel,
.mobileVersion .registerPage .generallabel {
    min-width: 20px;
    padding: 0;
}

.reCaptHolder {
    margin-bottom: 15px;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.mobileVersion .loginPage .textInput,
.mobileVersion .registerPage .textInput {
    display: block;
    margin: 0 auto;
}

.mobileVersion .error.validateErrorShow {
    white-space: normal;
}

.mainbody .dos_frmTglWrap {
    background-color: #ec6624;
}

.mainbody .dos_frameWrap {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7);
}

.mainbody .dos_frmToggle:after {
    line-height: 20px;
}










/*#################*/

/* list product page*/
.shadowBoxLeft {
    position: absolute;
    width: 8px;
    height: 100%;
    left: 2%;
    background-color: transparent;
    background-image: radial-gradient(farthest-corner at 0 50%,#6f6f5f, transparent 72%,transparent );
}

.shadowBoxRight {
    position: absolute;
    width: 8px;
    height: 100%;
    right: 2%;
    background-color: transparent;
    background-image: radial-gradient(farthest-corner at 100% 50%,#6f6f5f, transparent 72%,transparent );
}

.hasFiltering .listProductHolder {
    padding: 0;
    margin-top: 0px;
    height: auto;
}

.pageHeaderWrap {
    padding: 0 5%;
}

.pageHeaderInnerWrap {
    background-color: #fff;
    color: black;
}

.productPropertySec .tabWizardWrap {
    /*background-color:#fff;*/
}

.productInfo .productTableContainer {
    border-top: 1px solid #aaa;
    border-bottom: none;
}

.productInfo .productInfoTable {
    background-color: #f2f2f2;
}

.productInfo .prproRow:nth-child(2n) {
    background-color: #e6e6e6;
}

.listProductPage .topCarouselRow {
    height: 0;
}

.filterSearchHolder .searchBtn {
    background-image: url(/Assets/image/icon/searchIcon-focus.png);
    background-size: 17px auto;
    margin: 0;
    margin-left: -28px;
    z-index: 5;
}

.mobileVersion .mainWrap.hasFiltering {
    /*margin-bottom: 38px;*/
}

.listProductWrap {
    padding: 5px 10px 60px;
}

.mobileVersion .listProductWrap {
    padding: 5px 10px 0px;
}

.listProductWrap.hasFiltering {
    max-width: 1280px;
    margin: 0 auto;
}

.hasFiltering .listProduct {
    float: left;
    width: calc(100% - 250px);
}

.listProductSearchWrap {
    padding: 0px 8px 10px 28px;
}

.texBoxGroup {
    display: inline-block;
    width: 89%;
    /*border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    /* padding: 5px; */
    border-radius: 5px;
    box-shadow: 1px -1px 2px #0000008a;
}

.productSearchBox {
    padding: 7px 5px;
    background-color: #fff;
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}

.textBoxHolder {
    display: inline-block;
    padding: 3px 0px;
    /* border-left: 1px solid #ccc; */
    /* border: none; */
    width: 210px;
}

.listProductPage .listProductSearchWrap .button {
    padding: 8px 22px;
    max-width: 100px;
}


.listProductSearchWrap .textBoxHolder:last-child .textInput {
    border-left: none;
}

.listProductSearchWrap .textBoxHolder .textInput {
    border: none;
    border-left: 1px solid #a9a9a9;
    border-radius: 0;
}



.wrapLtr .hasFiltering .listProduct {
    float: left;
}

.mobileVersion .hasFiltering .listProduct {
    float: none;
    width: 100%;
    padding: 5px 0;
}


.filterPanelWrap {
    width: 100%;
    height: 40px;
    z-index: 8650;
    /*display: none;*/
}

.listProductPage .filterPanelWrap {
    display: none;
}

.mobileVersion .filterPanelWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8650;
    background-color: #fff;
    float: none;
    width: 100%;
    border: 2px solid #424045;
    padding-bottom: 40px;
    -webkit-transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out 0s;
    transition: all 200ms ease-in-out 0s;
}

    .mobileVersion .filterPanelWrap:not(.showFilterPanel) {
        visibility: hidden;
        opacity: 0;
    }

.mobileVersion .filterPanelInnerWrap {
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 25px;
}

/*.wrapLtr .filterPanel {
    padding-right: 10px;
}*/

.filterBox {
    height: 37px;
    overflow: hidden;
    transition: all 200ms ease;
    cursor: pointer;
    border-bottom: 1px solid rgba(230, 230, 230, 0.50);
}

.filterBoxAuto {
    height: auto;
}

.filterHead {
    color: #222;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding: 8px;
    position: relative;
    transition: all 200ms ease;
}

.filterBox:hover .filterHead,
.openFilterBox .filterHead {
    border-bottom-color: #ec6624;
    color: #ec6624;
}

.filterHead::after {
    position: absolute;
    top: 12px;
    left: 8px;
    content: '';
    background-image: url(/assets/image/icon/arrow.png);
    width: 12px;
    height: 12px;
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: all 200ms ease;
}

.filterBoxAuto .filterHead::after,
.openFilterBox .filterHead::after {
    transform: rotate(0deg) !important;
}

.filterParent {
    position: relative;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 16px;
    font-size: 13px;
    color: #222;
}

    .filterParent:before {
        content: ' ';
        position: absolute;
        top: 8px;
        bottom: auto;
        left: auto;
        right: 0;
        height: 12px;
        width: 12px;
        background: url('/Assets/image/icon/fParentFa.png') no-repeat scroll center center;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
    }

.wrapLtr .filterParent:before {
    right: auto;
    left: 0px;
    background-image: url('/Assets/image/icon/fParentEn.png');
}

.wrapRtl .fCheckInnerWrap.fCheckInnerOpen .filterParent:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.wrapLtr .fCheckInnerWrap.fCheckInnerOpen .filterParent:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.filterParent:before,
.fCheckInner {
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.fCheckInnerWrap:not(.fCheckInnerOpen) .fCheckInner {
    visibility: hidden;
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
}

.fChecks {
    padding: 5px;
    cursor: pointer;
    background-color: #e6e6e6;
}

.mobileVersion .fChecks {
    padding: 5px 10% 5px 5px;
}

.wrapLtr .fChecks {
    padding: 5px;
}

.mobileVersion .wrapLtr .fChecks {
    padding: 5px 5px 5px 10%;
}

.fCheck {
    color: #222;
    position: relative;
}

    .fCheck input,
    .fCheck label {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .fCheck input {
        opacity: 0;
        position: absolute;
        z-index: 1;
    }

    .fCheck label {
        padding: 3px;
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        z-index: 10;
        white-space: nowrap;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;
    }

        .fCheck label:hover,
        .fCheck label.checkedCategory {
            color: #ec6624;
        }

        .fCheck label::before {
            position: absolute;
            left: 3px;
            top: 3px;
            content: '';
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid #969696;
            display: block;
        }

.checkedCategory:before {
    background-color: #ec6624;
    border-color: #ec6624 !important;
}

.fCheck:not(:hover) label {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.filterTagsShow {
    width: 70%;
    display: inline-block;
}

.wrapLtr .filterTagsShow {
    float: right;
}

.wrapRtl .filterTagsShow {
    float: left;
}

.mobileVersion .filterTagsShow {
    width: 100%;
    float: none;
}

.tagFilter {
    display: inline-block;
    background-color: #ec6624;
    padding: 5px;
    border-radius: 15px;
    color: #fff;
    position: relative;
    margin: 5px;
    cursor: pointer;
}

    .tagFilter > span:first-child {
        padding: 0 10px 0 30px;
    }

    .tagFilter > .closeTag {
        position: absolute;
        top: 10px;
        left: 8px;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-image: url(/Assets/image/icon/close.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px auto;
        cursor: pointer;
    }

        .tagFilter > .closeTag:hover {
            background-image: url(/Assets/image/icon/close-hover.png);
        }

.pgWrapOut {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/3);
    height: 100%;
    max-width: 100%;
}

    .pgWrapOut.plWrap {
        width: 500px;
    }

.innerPgWrapOut {
    padding: 10px;
}

.mobileVersion .innerPgWrapOut {
    padding: 0;
}

.pgWrap {
    position: relative;
    background-color: #fff;
    border: none;
    width: 100%;
    height: 100%;
    color: #222;
    -webkit-transition: box-shadow 0.2s ease-in 0s;
    -moz-transition: box-shadow 0.2s ease-in 0s;
    -o-transition: box-shadow 0.2s ease-in 0s;
    transition: box-shadow 0.2s ease-in 0s;
    border: 1px solid transparent;
    border-radius: 1px;
    text-align: center;
    overflow: hidden;
}

    .pgWrap > .link {
        width: 100%;
        height: 100%;
        display: block;
    }

    .pgWrap .pgName {
        font-weight: bold;
    }

.plTitleWrap {
    height: 60px;
    overflow-y: visible;
}

.pgWrap .h2 {
    font-size: 18px;
    color: #7c7982;
    line-height: 22px;
    margin-bottom: 3px;
    height: 32px;
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    border-bottom: 1px solid #424045;
}

.plWrap .pgWrap .h2 {
    color: #4c4c4c;
}

.wrapRtl .pgWrap .h2 {
    font-size: 14px;
    text-align: right;
}

.pgDescription {
    /*height: 60px;*/
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 18px;
    text-align: center;
}

    .pgDescription p {
        margin: 0;
    }

/*.pgLink {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 8%;
    left: auto;
}*/

.wrapLtr .pgLink {
    padding-bottom: 2px;
}

.pgName .pgLink {
    color: #222222;
}

.pgImageWrap {
    background: no-repeat;
    background-size: cover;
    height: 250px;
    text-align: center;
    width: 30%;
}

    .pgImageWrap.pgNoImage {
        background-image: url('/Assets/image/no-img.png');
        background-size: contain;
        background-position: center;
    }

.pgImage {
    /*display: none;*/
    visibility: hidden;
}

.mobFilterBtn {
    background-image: url('/assets/image/icon/filter.png');
}


.mobApplyFilter {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 40px;
    width: 100%;
    background-color: #4aae32;
    border: 1px solid #4aae32;
    font-size: 15px;
    padding-top: 7px;
}

.closeFilterPanel {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 5px;
    bottom: auto;
    z-index: 110;
    background-image: url(/Assets/image/icon/close-hover.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 50%;
}

.wrapLtr .closeFilterPanel {
    right: 5px;
}

.wrapRtl .closeFilterPanel {
    left: 5px;
}

.closeFilterPanel:hover {
    background-color: #ec6624;
    background-image: url(/Assets/image/icon/close.png);
}

.mobFilterBtnWrap {
    display: none;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8500;
    width: 100%;
    background-color: #F5F5F5;
    font-size: 14px;
    padding: 2px;
    text-align: center;
    /*border-top: 1px solid #ccc;*/
}

.hasFiltering .mobFilterBtnWrap {
    display: none;
    background-color: #ec6624;
    height: 40px;
}

.mobFilterBtnCol {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}


/*.mobFilterBtnCol:last-child {
        border-right: 1px solid #ccc;
    }*/

.mobFilterBtnWrap .iconButton {
    margin: 0;
}

.mobFilterBtnWrap select.sortDropDown {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: auto;
    right: auto;
    opacity: 0;
    z-index: 100;
    width: 100%;
    max-width: 250px;
}

.filterSearchHolder {
    display: block;
    padding: 10px 20px 10px 25px;
    text-align: right;
}

.wrapLtr .filterSearchHolder {
    padding: 10px 25px 10px 0;
}

.listSearchWrap {
    padding: 5px 10px 30px;
}

.listSearch {
    text-align: right;
    padding-top: 10px;
}

.wrapLtr .listSearch {
    text-align: left;
}

.searchResult {
    text-align: left;
    padding: 10px 2%;
    font-size: 14px;
    cursor: pointer;
    border-radius: 1px;
}

    .searchResult:hover {
        background-color: rgba(242, 242, 242, 0.2);
    }

.wrapRtl .searchResult {
    text-align: right;
}

.searchResult p {
    margin: 0;
    padding: 5px;
}

.searchLink {
    display: inline-block;
}

    .searchLink,
    .searchLink:visited {
        color: #4aae32;
    }

/* product */


.breadCrumbWrap {
    font-size: 13px;
    line-height: 16px;
    text-align: right;
}

.breadCrumbArrow {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    background: transparent url('/assets/image/icon/breadCrumbArrowLeft.png') no-repeat scroll center center;
    -webkit-background-size: auto 85%;
    -moz-background-size: auto 85%;
    -o-background-size: auto 85%;
    background-size: auto 85%;
}

.wrapLtr .breadCrumbArrow {
    background-image: url('/assets/image/icon/breadCrumbArrowRight.png');
}

.breadCrumbWrap .link {
    /*color: #fff;*/
}

/*.productWrap {
    padding: 10px 10px 60px;
}

.productInfoWrap {
    position: relative;
    padding: 0;
}*/


.listProductPage .listProductWrap .productInfoWrap .headerpanelWrap {
    padding: 6px 4px 0px;
    border-bottom: 2px solid #f5f1f1;
}

.listProductPage .listProductWrap .productInfoWrap .contentpanel {
    padding: 25px 0;
    background-color: transparent;
}

.listProductPage .listProductWrap .productInfoWrap .prproRow {
    padding: 10px 0;
    border: none;
}









/*.productInfo {
    padding: 25px 10px 10px;
    background-color: #fff;
}*/

.prTitle {
    color: #222222;
    width: 100%;
    font-size: 22px;
    padding: 5px 0 0 0;
    text-align: center;
}

.mobileVersion .prTitle {
    font-size: 18px;
    white-space: nowrap;
}

.wrapRtl .prTitleWrap {
    direction: ltr;
    text-align: right;
}

.wrapLtr .prTitleWrap {
    direction: rtl;
    text-align: left;
}

.wrapRtl .prTitle {
    width: 100%;
    display: block;
    margin: 0;
    text-align: center;
    max-width: none;
}

.wrapLtr .prTitle {
    padding-right: 3%;
    margin-right: -3%;
}

.pImageWrap {
    /*height: 500px;*/
    background-size: cover;
    background-position: center;
}

    .pImageWrap .pMainImage {
        display: none;
    }

.pDescriptionWrap {
    vertical-align: bottom !important;
    padding: 3% 5% 5%;
}

.pDescription, .pDescription p,
.pDescription p > span {
    line-height: 28px;
    font-size: 14px;
    text-align: justify;
}

.mobileVersion .productPage .pDescription p {
    margin-top: 25px;
}

.pImageThumb {
    display: block;
    height: 60px;
    margin: 3px;
    border: 2px solid transparent;
    border-radius: 1px;
    cursor: pointer;
    float: left;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.wrapLtr .pImageThumb {
    float: right;
}

.pImageThumb:hover {
    border-color: #f6f6f6;
}

.pImageThumb.pThumpSelected {
    border-color: #ec6624;
}

.productPropertySec {
    padding: 20px;
}

.propGWrap h2 {
    padding: 7px;
    border-bottom: 2px solid #9f9f9f;
}



/*.prproRow {
    padding: 10px 0;
    border: 1px solid #aaa;
    border-top: none;
}

.prproLabel {
    display: inline-block;
    border-radius: 2px;
    margin-left: 5px;
    min-width: 150px;
    padding: 3px 9px;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
    font-size: 13px;
}

.prproLabel,
.prproValue {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.prproValue {
    color: #17173b;
}

    .prproValue img {
        max-width: 100%;
    }

    .prproValue blockquote {
        margin: 5px;
    }

    .prproValue span {
        display: inline-block;
    }

    */
.relatedPanel {
    padding: 15px 20px 10px;
}


.mobileVersion .relatedPanel {
    padding: 10px;
}

.relatedPanel .h2 {
    margin-bottom: 10px;
}

.mobileVersion .relatedPanel .h2 {
    display: flex;
    justify-content: center;
}


.relatedPanel .w_14_head {
    border-bottom: none;
    padding: 0;
    color: #fff;
}

.relatedPanel .w_14_headWrap {
    padding: 3px 0;
}

.relatedPanel .w_14_cCaption {
    padding: 2px;
}

    .relatedPanel .w_14_cCaption .h3 {
        padding: 0;
        background-color: transparent;
        color: #fff;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
    }

.orderFormWrap .w_8_cForm {
    margin: 10px auto;
    border: 3px solid transparent;
}






/*##################*/

/*mainDaiereh*/
.mainHeader {
    position: fixed;
    right: auto;
    top: 0;
    left: 0;
    right: auto;
    z-index: 1000;
    width: 100px;
    height: 100vh;
    display: flex;
    justify-content: center;
}

.mobileVersion .mainHeader {
    width: 0;
}

.mobileVersion .mainHeader {
    z-index: 20;
    /*z-index: 10000;*/
    background-color: transparent;
}

.wrapLtr .mainHeader {
    right: 0;
    left: auto;
    display: flex;
    justify-content: center;
}


.menuHolder {
    display: inline-block;
    /*float: right;
    padding-top: 20px;
    margin-right: 10px;*/
    height: 100%;
    width: 100%;
}

    .menuHolder > div {
        height: 100%;
    }

.mobileVersion .menuHolder {
    padding-top: 0;
}

.mobileVersion .mainHeader .menuHolder > div {
    position: relative;
    z-index: 10;
}

.innerContainerMenu {
    width: 100%;
    height: 100%;
    display: block;
    /*padding: 10px 30px 0 30px;*/
}

.topLogohWrap, .topLogohWrap * {
    height: auto;
    max-height: none;
    display: block;
    /*position: absolute;*/
    left: 0;
    right: 0;
    /*top: -6px;*/
    width: 50px;
}

/*.wrapLtr .topMenuWrap:not(.stickyMenu) .topLogohWrap,
.wrapLtr .topMenuWrap:not(.stickyMenu) .topLogohWrap * {
    width: 95px;
}*/

.mobileVersion .innerContainerMenu {
    padding: 0;
}

/*.stickyMenu {
    box-shadow: 2px 2px 10px #5b5b5b;
}

    .stickyMenu .innerContainerMenu {
        padding-top: 5px;
    }*/

.topDaierehLogo {
    display: flex;
    justify-content: center;
    /*float: right;*/
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 4%;
    z-index: 2001;
    /*display: none;*/
}

.daierehSlider {
    position: relative;
    min-height: 320px;
    /*background-color: #323232;
    color: white;*/
}

.slider > img {
    width: 100%;
    user-select: none;
}


.slidIcon {
    position: absolute;
    width: 600px;
    bottom: 7%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    max-width: 100%;
    z-index: 200;
}

    .slidIcon .iconBtn {
        width: 80px;
        height: 80px;
        margin: auto;
    }

.productBtn {
    background-size: 90% auto;
    margin-top: 0;
    display: block;
}

.productBtnWraper:nth-child(4) .productBtn {
    background-image: url('/Assets/image/icon main page-06-min.png');
}




.productBtnWraper:nth-child(3) .productBtn {
    background-image: url('/Assets/image/icon main page-07-min.png');
}



.productBtnWraper:nth-child(2) .productBtn {
    background-image: url('/Assets/image/icon main page-08-min.png');
}





.productBtnWraper:nth-child(1) .productBtn {
    background-image: url('/Assets/image/icon main page-05-min.png');
}




.productBtnText {
    display: block;
    font-size: 14px;
    color: white;
}

.slidIcon a:hover .productBtnText {
    color: #ec6624;
}

.productBtnWraper:nth-child(4) a:hover .productBtn {
    background-image: url('/Assets/image/icon main page-03-min.png');
}

.productBtnWraper:nth-child(1) a:hover .productBtn {
    background-image: url('/Assets/image/icon main page-02-min.png');
}

.productBtnWraper:nth-child(2) a:hover .productBtn {
    background-image: url('/Assets/image/icon main page-01-min.png');
}

.productBtnWraper:nth-child(3) a:hover .productBtn {
    background-image: url('/Assets/image/icon main page-04-min.png');
}



.w_14_ltr .w_14_carousel:not(.w_14_tList ) a.w_14_carouselNext, .w_14_carousel:not(.w_14_tList ) a.w_14_carouselPrev {
    left: 10%;
    background-image: url(/Assets/image/arrow-left.png);
}

.w_14_btnHolder > * {
    background-color: transparent;
    -webkit-background-size: 70% auto;
    -moz-background-size: 70% auto;
    -o-background-size: 70% auto;
    background-size: 70% auto;
}

.w_14_ltr .w_14_carousel:not(.w_14_tList ) a.w_14_carouselPrev, .w_14_carousel:not(.w_14_tList ) a.w_14_carouselNext {
    right: 10%;
    background-image: url(/Assets/image/arrow-right.png);
}

.w_14_carousel:not(.w_14_tList) .w_14_btnHolder > * {
    opacity: 1;
}


.mainHeader .shadowBox {
    width: 100%;
    height: 8px;
    background-color: transparent;
    background-image: radial-gradient(farthest-corner at 50% 0,rgba(0, 0, 0, 0.20), transparent 72%,transparent );
}


.mainArticle .listProductPage {
    padding: 40px 30px;
}

.mobileVersion .mainArticle .listProductPage {
    padding: 0 10px;
}

.relatedPanel .w_14_btnHolder > * {
    max-width: 2%;
}


.listProduct .pgCode {
    font-size: 16px;
    font-weight: bold;
}

.mobileVersion .mainHeader .shadowBox,
.mobileVersion .mainHeader .topLogohWrap {
    display: none;
}

.mobileVersion .slidIcon {
    display: none;
}

.mobileVersion .footerHolder .w_7_MainList > li {
    width: 100%;
}

.mobileVersion .footerHolder .w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer:before {
    display: none;
}

.mobileVersion .w_7_Nav.footerMenu > ul > li > a {
    padding-bottom: 5px;
}

.mobileVersion .respMenuLogowrap {
    background-color: #ec6624;
}


.mobileVersion .mainArticle {
    /*z-index: 1001;*/
    padding: 40px 0;
    position: relative;
}

.mobFilterBtn.iconBtn {
    width: 100%;
    height: 100%;
    background-size: 25px auto;
    background-color: #ec6624;
    border-radius: 5px;
    margin: 0;
}

.mobileVersion .listProductPage .button {
    color: coral;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    transform: scale(0.5);
    height: 20px;
    bottom: 5px !important;
    left: unset !important;
    right: unset !important;
}

    .mobileVersion .listProductPage .button::after, .mobileVersion .listProductPage .button::before {
        top: 100% !important;
    }

.nothingFound {
    font-size: 16px;
    padding: 10px 27px;
    color: #ec6624;
    text-shadow: 0px 0px 4px #5b5b5b;
}

.mainWrap .w_14_btnHolder > * {
    width: 30px;
    z-index: 100;
}

.w_14_tList a.w_14_carouselNext {
    left: 60px;
}

.w_14_tList a.w_14_carouselPrev {
    right: 60px;
}

.mainbody {
    position: relative;
}



/*Blogs*/

.treeList .tlLink,
.treeList .tlLink:visited {
    color: #e2e2e2;
}

.blogPostHeader .blogHeading {
    background-color: rgba(25, 25, 25, 0.7);
}

.blogMainContent,
.blogListContainer {
    color: black;
}

.blogPostTitle a,
.blogPostTitle a:visited {
    color: #ec6624;
}

.blogTag,
.blogTag:visited {
    color: #bdbdbd;
}

.listGroupItem {
    float: right;
    margin: 5px;
    text-align: center;
}

.listGroupImage {
    height: 150px;
}

.listGroupItem .listGroupLink {
    font-size: 13px;
}

    .listGroupItem .listGroupLink,
    .listGroupItem .listGroupLink:active,
    .listGroupItem .listGroupLink:visited {
        color: #fff;
    }

.listGroupItem:hover .listGroupLink {
    color: #ec6624;
}


/*Pagination*/

.paginationWrap {
    text-align: center;
    direction: ltr;
    padding: 20px 10px 0 10px;
}

.pageNumber {
    display: inline-block;
    padding: 0 2px;
}

.pageNumberBtn {
    display: block;
    overflow: hidden;
    margin: 5px 0px;
    padding: 7px 6px 4px;
    background-color: transparent;
    min-width: 34px;
    border: 1px solid #5b5b5b;
    height: 32px;
    text-align: center;
}

    .pageNumberBtn,
    .pageNumberBtn:visited {
        color: #404040;
    }

        .pageNumberBtn:hover {
            color: #ec6624;
            background-color: #f6f6f6;
        }

.pageNumberOff .pageNumberBtn {
    cursor: default;
    color: #ec6624;
    border: 1px solid #ec6624;
}

/* Blogs */

.blogGridToggleWrap {
    display: none;
}

.blogListItem {
    border: 1px solid #929292;
    width: 250px;
    height: 347px;
    border-radius: 10px;
    overflow: hidden;
    /*box-sizing: border-box;*/
    margin: 4px;
    margin-bottom: 10px;
    /*padding: 5px 5px 15px 5px;*/
    padding: 0;
    /*border-bottom: none;*/
    /*max-width: 100%;*/
}

.wrapRtl .blogListItem,
.wrapLtr .blogRtl .blogListItem {
    display: inline-block;
    vertical-align: top;
}

.wrapLtr .blogListItem,
.wrapRtl .blogLtr .blogListItem {
    float: left;
}

.imgBlogPost {
    max-width: 100%;
}

.blogListItem .blogListImgWrap {
    float: none;
    margin: 0;
    max-width: 100%;
    height: 69%;
}
/*
.blogListItem .blogLiDate {
    /*display: none;*/
    position: absolute;
    bottom: -5px;
    right: 15px;
    color: #929292;
    left: auto;
}
*/
.wrapLtr .blogListItem .blogLiDate {
    left: 0;
    right: auto;
}

.mobileVersion .wrapLtr .blogListItem .blogLiDate {
    left: 0;
}

.blogListTeaser {
    line-height: 18px;
    padding: 0 6px 0 0;
}

.blogListItem .blogListTeaser {
    padding: 5px 15px 0 0;
}
/*
.blogListItem .blogPostSummary {
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    /*height: 54px;*/
    overflow: hidden;
    max-height: 38px;
    color: #929292;
}
*/
.blogListItem .blogPostTitle {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 20px;
    color: black;
    margin: 5px 0 10px;
}

.blogListTeaser {
    position: relative;
    color: black;
}

/*.blogListTeaser:before {
        position: absolute;
        top: 5px;
        right: -3px;
        left: auto;
        bottom: auto;
        content: '';
        display: inline-block;
        background-color: #ec6624;
        width: 3px;
        height: 40px;
        border-radius: 6px;
    }*/

.blogPostTitle a, .blogPostTitle a:visited {
    color: black;
}

.blogListImgWrap > a {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.blogListThumb {
    height: 100%;
    min-width: 100%;
    /*max-width: 100%;*/
    display: block;
    margin-bottom: 5px;
}

.blogCoverWrap {
    min-height: 10px;
}

.dynamicPageBody .blogPostTop {
    width: 100%;
    /*display: none;*/
}

.dynamicPageBody .blogPostHeader .blogHeading {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
}

.blogPostHeader .blogHeading h1 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 10px;
}

.mobileVersion .mainbody.dynamicPageBody .blogPostHeader .blogHeading h1 {
    font-size: 18px !important;
}

.dynamicPageBody .blogAuthorAndDate {
    color: #dadada;
    /*margin: 5px 0;*/
    text-align: left;
}

.dynamicPageBody .blogRtl .blogHeading {
    padding: 0 15px;
}

.dynamicPageBody .blogLtr .blogHeading {
    padding-left: 15px;
}

.dynamicPageBody .blogBreadCrumbs {
    margin-top: 0;
    display: none;
}

.dynamicPageBody .blogPost {
    padding-top: 0;
}

.dynamicPageBody .blogListItem {
    /*min-width: 32.3%;*/
}

.mobileVersion .blogListItem {
    width: 100%;
}


/********************mainPage**************************/
.w_14_carouselBullets {
    right: 48px;
    left: auto;
    top: 90%;
    padding: 0 64px;
}

.w_14_carouselBullet {
    border-radius: 1px;
    border: none;
    background-color: #fff;
    height: 8px;
    width: 8px;
}

.slideWrap1 .w_14_bodyWrap {
    font-size: 24px;
    text-align: center;
    text-shadow: 0 3px 6px #000000;
}


.mobileVersion .slideWrap1 .w_14_tBig .w_14_bodyWrap {
    display: block;
}

.button {
    font-family: inherit;
    text-transform: uppercase;
    width: auto;
    height: 40px;
    border: none;
    border-radius: 0;
    color: coral;
    font-size: 12px;
    line-height: 24px;
    background-color: transparent;
    margin: 0;
    text-align: right;
    position: relative;
    text-shadow: none;
    padding: 1px 0 1px 70px;
    display: inline-table;
    z-index: 1;
    transition: all 500ms cubic-bezier(0.230,1.000,0.320,1.000);
    cursor: pointer;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*border: 1px solid blue;*/
    line-height: 40px;
    /*padding-left: 100px;*/
}

.wrapLtr .button {
    padding: 1px 70px 1px 0;
}



.slideWrap1 .button, .customPage .w_14_carouselWrapperB .button {
    background-color: #ffffff;
}

/*.button::after, .button::before {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #ec6624;
    display: block;
    position: absolute;
    top: 50%;
    z-index: -2;
    line-height: 6.67vh;
    transition: width 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms, height 300ms cubic-bezier(0.250,0.460,0.450,0.940), top 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}*/

.button::after, .button::before {
    content: '';
    width: 35px;
    height: 35px !important;
    border: 1px solid #707070;
    position: absolute;
    left: 0;
    right: auto;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.wrapLtr .button::after, .wrapLtr .button::before {
    left: auto;
    right: 0;
    transform: translateY(-50%)scale(-1);
}

.button::before {
    background-image: url('/Assets/image/icon/BtnArrowLeft.png');
    background-position: 0 center;
    background-size: 40px auto;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    width: 50px;
    border-radius: unset;
    left: 17.5px;
    right: auto;
    transition: 0.2s;
    overflow: hidden;
}

.wrapLtr .button::before {
    right: 17.5px;
    left: auto;
}

.button:hover::before {
    background-position: 0 center;
    width: 15px;
    left: 10px;
    right: auto;
}

.wrapLtr .button:hover::before {
    right: 10px;
    left: auto;
}

/*.button::after {
    left: 0;
}

.button::before {
    right: 0;
}*/

.button:hover::after {
    border-color: #ec6624;
    /*width: 55%;
    height: 100%;*/
    /*top: 0;*/
    /*transition: width 300ms cubic-bezier(0.250,0.460,0.450,0.940), height 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms, top 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms;*/
}

/*.button:hover {
    border-color: #ec6624;
    color: #ffffff;
}*/



.w_14_bodyWrap {
    text-align: justify;
}

.mobileVersion .w_14_bodyWrap {
    padding: 0 20px;
    line-height: 24px;
}

.activeWrap .w_14_cCaption > .h3::after,
.activeWrap .w_14_cCaption > .h3::before,
.activeWrap .w_14_head::before,
.activeWrap .w_14_head::after {
    left: 0 !important;
}

.mainFooter {
    padding: 0;
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mainFooter {
    padding: 10px 0 !important;
    /*margin: 0 1%;*/
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerMenu .w_7_MainList {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0 20px;
}

    .footerMenu .w_7_MainList > li {
        display: inline-block;
        width: 100%;
        padding-top: 10px;
    }

        .footerMenu .w_7_MainList > li:first-child,
        .footerMenu .w_7_MainList > li:last-child {
            border-color: transparent;
        }

        .footerMenu .w_7_MainList > li:last-child {
            position: relative;
        }



        .footerMenu .w_7_MainList > li::before {
            position: absolute;
            top: 0;
            height: 1px;
            background-color: #ffffff;
            content: '';
            left: -100%;
            right: -100%;
        }

        .footerMenu .w_7_MainList > li:first-child::before {
            content: none;
        }

        .footerMenu .w_7_MainList > li:last-child::before {
            background-color: #ec6624;
        }

        .footerMenu .w_7_MainList > li:last-child a,
        .footerMenu .w_7_MainList > li:last-child table {
            display: inline-block !important;
            margin-bottom: 20px;
            text-align: right;
        }

        .footerMenu .w_7_MainList > li > a {
            width: 20% !important;
            display: inline-block;
            background-color: transparent;
            color: #ffffff !important;
            transition: all 300ms ease;
        }

        .footerMenu .w_7_MainList > li:not(:last-child) > table li > a {
            margin: 0 20px !important;
        }

        .footerMenu .w_7_MainList > li:last-child > a {
            width: 100% !important;
        }

        .footerMenu .w_7_MainList > li > a:after {
            visibility: hidden;
        }

        .footerMenu .w_7_MainList > li > table {
            width: 80%;
            display: inline-block;
        }

            .footerMenu .w_7_MainList > li > table .w_7_SubList {
                width: 100%;
                height: 100%;
                display: inline-block;
            }

                .footerMenu .w_7_MainList > li > table .w_7_SubList > li {
                    display: inline-block;
                }

        .footerMenu .w_7_MainList > li .textContainer:before {
            visibility: hidden;
        }

        .footerMenu .w_7_MainList > li > table .w_7_SubList > li a {
            color: #ffffff !important;
            transition: all 300ms ease;
        }

            .footerMenu .w_7_MainList > li > a:hover,
            .footerMenu .w_7_MainList > li > table .w_7_SubList > li a:hover {
                color: #ec6624 !important;
            }

        .footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li {
            display: block !important;
        }

            .footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li a {
                user-select: all;
            }

                .footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li a:hover {
                    color: #ffffff !important;
                    cursor: text;
                }

        .footerMenu .w_7_MainList > li:last-child table .w_7_SubList .thumbContainer img {
            width: 20px !important;
            height: auto !important;
        }


.socialHolder {
    display: block;
    width: 100%;
}

    .socialHolder .socialNets {
        margin: 0 10%;
    }

    .socialHolder .socialNets {
        /*float: right;*/
    }

    .socialHolder .socialNets {
        /*float: left;*/
        display: flex;
    }

.mainFooter .socialLink {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    float: left;
    margin: 0 5px !important;
    padding: 0 !important;
}

.mobileVersion .mainFooter .socialLink {
    float: none;
}

.mainFooter .socialLink > .socialIcon {
    width: 100%;
    height: 100%;
    background-size: 17px auto;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
    transition: all 100ms ease;
}

.linkedInSocial {
    background-image: url(/assets/image/icon/social-network/linkedin.png);
}

.telegramSocial {
    background-image: url(/assets/image/icon/social-network/telegram.png);
}

.mainFooter .socialLink:hover .linkedInSocial {
    background-image: url(/assets/image/icon/social-network/linkedin-hover.png);
    background-color: #ec6624;
}

.mainFooter .socialLink:hover .telegramSocial {
    background-image: url(/assets/image/icon/social-network/telegram-hover.png);
    background-color: #ec6624;
}

.copyrightWrap .copyrightHolder {
    white-space: nowrap;
    text-align: left;
}

    .copyrightWrap .copyrightHolder .copyright {
        user-select: none;
        font-family: Dana, 'B Yekan',Tahoma !important;
        font-size: 13px;
    }

        .copyrightWrap .copyrightHolder .copyright a {
            display: inline-block;
            padding: 0 5px !important;
        }

.termsMenu {
    text-align: right;
    font-family: Dana, 'B Yekan',Tahoma !important;
    font-size: 10px;
    line-height: 20px;
}

    .termsMenu .w_7_MainList > li:first-child:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 40%;
        display: inline-block;
        background-color: #5b5b5b;
        top: 35%;
        right: 90%;
        margin-right: 5px;
    }

    .termsMenu .w_7_MainList > li > a {
        padding: 5px;
    }


.mainHeader .topMenuWrap > .container {
    height: 100%;
}

.footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li:first-child a .thumbContainer {
    display: none;
}

.goTopofPageWrap {
    position: fixed;
    top: auto;
    right: 1%;
    left: auto;
    bottom: 70px;
    z-index: 199;
    padding: 5px 3px;
    -webkit-transition: all 0.5s cubic-bezier(1,1,.5,1.5) 0.1s;
    -moz-transition: all 0.5s cubic-bezier(1,1,.5,1.5) 0.1s;
    -o-transition: all 0.5s cubic-bezier(1,1,.5,1.5) 0.1s;
    transition: all 0.5s cubic-bezier(1,1,.6,1.4) 0.1s;
}

.goTopofPageBtn {
    cursor: pointer;
    width: 35px;
    height: 35px;
    border: none;
    padding: 0;
    border-radius: 50%;
    margin: 0;
    box-shadow: 0 1px 3px 0 #686868;
    background: #fff no-repeat scroll center center;
    background-image: url('/assets/image/icon/TopIcon.png');
    -webkit-background-size: 75% auto;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    background-size: 75% auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .goTopofPageBtn:hover {
        box-shadow: 0 1px 4px 0 #686868;
    }

    .goTopofPageBtn:active {
        box-shadow: 0 1px 2px 0 #686868;
    }

.goTopofPageWrap:not(.showGoTopofPageBtn) {
    bottom: -120px;
}


/***************************ProjectsListPage*************************************/
.filterPanelInnerWrap {
    border: none !important;
}

.filteringWrap {
    width: 100%;
    height: 40px;
    z-index: 10;
}

.filtersList {
    padding: 10px 5px;
    width: auto;
    height: 100%;
    display: inline-block;
    position: relative;
}

.mobileVersion .filtersList {
    height: auto;
}

.filterContent {
    font-size: 14px;
    line-height: 28px;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: block;
}

    .filterContent::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: 18px auto;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(/Assets/image/icon/filterIcon.png);
    }

.wrapLtr .filterContent:after {
    left: 30px;
}

.wrapRtl .filterContent:after {
    right: 30px;
}

.wrapLtr .filterContent:after {
    top: 0px;
    left: 35px;
}

body:not(.mobileVersion) .filterComponents {
    position: absolute;
    top: 100%;
    width: 230px;
    display: block;
    opacity: 0;
    z-index: -20;
    box-shadow: 0px 1px 2px #5b5b5b;
    border-top: 2px solid #ec6624;
    background-color: #ffffff;
    transition: opacity 200ms ease,z-index 0ms ease 300ms;
}

body:not(.mobileVersion) .wrapLtr .filterComponents {
    left: 0;
}

body:not(.mobileVersion) .wrapRtl .filterComponents {
    right: 0;
}

.filterComponents::before {
    content: '';
    position: absolute;
    margin: auto;
    top: -10px;
    right: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 20px solid transparent;
    transform: translateX(-50%);
    border-bottom-color: #ec6624;
    border-width: 8px;
    content: "";
    background-image: none;
    display: block;
    z-index: 20;
}

body:not(.mobileVersion) .showList .filterComponents {
    z-index: 8650;
    opacity: 1;
    transition: opacity 200ms ease 300ms,z-index 0ms ease;
}

.filterSearchHolder {
    opacity: 1;
}

.listProductPage > h1 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 0;
    color: #ec6624;
    border-bottom: 1px solid #9c9c9c;
    display: none;
}

.pgWrapOut {
    position: relative;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    width: 50%;
}

    .pgWrapOut .link > .h2 {
        display: none;
    }

.previewSection {
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all 300ms ease;
}

.imageProduct {
    width: 50%;
    height: auto;
    min-height: 350px;
    max-height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    float: right;
    transition: all 300ms ease;
}

.textProduct {
    display: inline-block;
    width: 48%;
    margin-right: 5px;
    padding: 10px 20px;
    float: left;
    transition: all 300ms ease;
}

.productTitr {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
}

.productContent {
    margin-top: 20px;
    font-size: 13px;
    line-height: 26px;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    display: block;
}

.textProduct .button {
    margin-top: 50px;
    margin-left: 5px;
}

/*.pgWrap::after,
.pgWrap::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 20%;
    background-color: #ec6624;
    cursor: pointer;
    transition: left cubic-bezier(0.250,0.460,0.450,0.940)100ms,right cubic-bezier(0.250,0.460,0.450,0.940)100ms, width 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms, height 300ms cubic-bezier(0.250,0.460,0.450,0.940), top 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}

.pgWrap::after {
    left: -80px;
}

.pgWrap::before {
    right: -80px;
}

.pgWrap:hover::after {
    left: 0px;
}

.pgWrap:hover::before {
    right: 0px;
}

.pgWrap:hover::after,
.pgWrap:hover::before {
    border-color: #ec6624;
    width: 55%;
    height: 100%;
    top: 0;
    transition: width 300ms cubic-bezier(0.250,0.460,0.450,0.940), height 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms, top 300ms cubic-bezier(0.250,0.460,0.450,0.940)300ms;
}*/

.pgWrap .pgName {
    /*width: 100%;*/
    text-align: center;
    /*padding: 20px;*/
    opacity: 1;
    /*background-color: #e6e6e6;*/
    left: 0;
    color: #222222;
    transition: opacity 300ms ease;
    cursor: pointer;
    font-weight: 500;
    line-height: 30px;
}

.mobileVersion .pgWrap .pgName {
    font-weight: 700;
}

/*.pgWrap:hover .pgName {
    opacity: 1;
    transition: opacity 300ms ease 500ms;
}*/
.pgWrap .pgDescription {
    margin: 30px 10px;
}

.mobileVersion .productPage .pgWrap .pgDescription {
    margin: 30px 10px;
    /*opacity: 0;
    position: absolute;*/
}

.mobileVersion .listProductHolder .pgWrap .pgDescription {
    margin: 0;
}

/*.listProductHolder .pgWrap:hover .pgDescription {
    opacity: 1;
    top: 30px;
    left: 0;
    right: 0;
    color: #ffffff;
    height: 100%;
    padding: 30px 20px;
    transition: opacity 200ms ease 500ms;
    z-index: 10;
    text-align: justify;
}*/

/******************************projectPage**********************************/
.tabWizardWrap .headerpanelWrap {
    overflow: hidden;
    position: relative;
    margin: 10px 0 0;
    padding: 6px 0 0;
}

.productPage .headerpanel .activeTab {
    background-color: #f5f5f5;
}

.productPage .headerpanel .tabheader {
    border: 1px solid #f5f5f5;
    border-radius: 10px 10px 0 0;
    padding: 5px 20px;
    color: #222222;
    margin: 0;
}

.productPage .headerpanel .activeTabPointer {
    display: none;
}

.productPage .contentpanel {
    background-color: rgba(0, 0, 0, 0.30);
    padding: 0;
    margin: 0;
}

.productPage .tabcontent {
    padding: 0;
}

.prproRow {
    padding: 8px 20px;
    border-top: none;
    background-color: #f5f5f5;
}

.contentpanel .tabcontent .prproRow:nth-child(2n) {
    background-color: #eeeeee;
}

.prproLabel, .prproValue {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.prproLabel {
    border-radius: 2px;
    margin-left: 5px;
    width: auto;
    padding: 3px 5px;
    color: #222222;
    font-weight: normal;
    font-size: 13px;
}

.prproValue span {
    display: inline-block;
    color: #5b5b5b;
}

.productPage .productShowBox .description {
    right: inherit;
    background-color: transparent;
    color: #222222;
    padding: 0 20px 10px;
    text-align: right;
    margin-top: 40px;
}

.mobileVersion .productPage .productShowBox .description {
    margin-top: 20px;
}

.productPage .innerDescription {
    overflow-y: auto;
    overflow-x: hidden;
}

.pOtherImage {
    margin-top: 14px;
}

    .pOtherImage .w_14_carouselItem {
        padding: 10px;
        display: block;
    }

        .pOtherImage .w_14_carouselItem > .w_14_carouselContainer {
            background-color: #e6e6e6;
            display: block;
            padding: 10px;
        }

            .pOtherImage .w_14_carouselItem > .w_14_carouselContainer a {
                position: absolute;
                opacity: 0;
                visibility: hidden;
            }

            .pOtherImage .w_14_carouselItem > .w_14_carouselContainer > img {
                width: 90%;
                opacity: 1;
                visibility: visible;
                user-select: none;
            }

.w_14_tList a.w_14_carouselPrev {
    right: 19px;
    background-color: rgba(45, 57, 71, 0.10);
    height: 48px;
    background-size: 10px auto;
    width: 25px;
}

.w_14_tList a.w_14_carouselNext {
    left: 19px;
    background-color: rgba(45, 57, 71, 0.10);
    height: 48px;
    background-size: 10px auto;
    width: 25px;
}

.w_14_tList .w_14_carouselListWrap:after,
.w_14_tList .w_14_carouselListWrap:before {
    content: none;
}

.mobileVersion .infoProjectInMobileStyle {
    padding: 10px;
    position: relative;
    z-index: 0;
}

    .mobileVersion .infoProjectInMobileStyle .tabcontent {
        background-color: #f5f5f5;
        margin: 10px 0;
    }

        .mobileVersion .infoProjectInMobileStyle .tabcontent .tabheader {
            width: 100%;
            color: #222222;
            border-bottom: 1px solid #a81c21;
            padding: 5px 10px;
        }

.mobileVersion .wrapRtl .infoProjectInMobileStyle .tabcontent .tabheader {
    text-align: right;
}

.mobileVersion .wrapLtr .infoProjectInMobileStyle .tabcontent .tabheader {
    text-align: left;
}
/******************************** dyn page ***************************/
.dynContainer {
    padding: 40px 3% 0 7%;
}

.mobileVersion .dynContainer {
    padding: 20px 3% 0 3%;
}

.dynMainContent p, .dynSideBar {
    /*padding: 0 20px;*/
    text-align: justify;
    line-height: 24px;
}

.dynMainContent {
    padding: 0 10px;
}
/***************************** EN format ****************************/


.wrapLtr .topSearchWrap {
    float: left;
}

.wrapLtr .headerLanguageChoose {
    float: right;
    margin-right: 46px;
}

.wrapLtr .iconLanguage {
    float: right;
    margin-left: 5px;
}

.wrapLtr .activeWrap .w_14_cCaption > .h3::after,
.wrapLtr .activeWrap .w_14_cCaption > .h3::before,
.wrapLtr .activeWrap .w_14_head::before,
.wrapLtr .activeWrap .w_14_head::after {
    right: 0 !important;
    left: auto !important;
}

.wrapLtr .w_7_Nav.footerMenu > ul > li > a {
    float: left;
    text-align: left;
}

.wrapLtr .w_7_Nav.w_7_HorizontalNav > ul > li.hasTable > a > .textContainer:after {
    visibility: hidden;
}

.wrapLtr .footerHolder .w_7_Nav table {
    left: 0 !important;
    float: left;
}

.wrapLtr .footerMenu .w_7_MainList .w_7_SubList > li a {
    text-align: left;
}

body:not(.mobileVersion) .wrapLtr .socialHolder,
body:not(.mobileVersion) .wrapLtr .socialHolder .socialNets {
    /*float: right;*/
}

.wrapLtr .topLogohWrap {
    float: left;
}

.wrapLtr .menuHolder {
    float: left;
    margin-left: 40px;
}

/*.wrapLtr .stickyMenu .w_7_MainList .hasTable > a::before {
    top: 75%;
}*/

.wrapLtr .mainMenu .w_7_MainList .hasTable > table {
    left: 0;
    right: auto;
    top: 100%;
}

/*.wrapLtr .stickyMenu .mainMenu .w_7_MainList .hasTable > table {
    top: 100%;
}*/

.w_7_Nav.mainMenu ul.w_7_SubList li.hasTable > a:after {
    display: none !important;
}

.wrapLtr .termsMenu {
    padding-left: 50px;
    text-align: left;
    margin-top: 5px;
}

.mobileVersion .wrapLtr .termsMenu {
    padding-left: 0;
    text-align: center;
}

.wrapLtr .termsMenu .w_7_MainList > li:first-child:after {
    left: 99%;
    right: auto;
    border-radius: 5px;
    z-index: 565;
}

.wrapLtr .copyrightWrap .copyrightHolder {
    /*float: right;*/
}

.mobileVersion .wrapLtr .copyrightWrap .copyrightHolder {
    float: none;
}



.wrapLtr .button {
    /*padding-top: 12px;*/
    float: right;
}


.wrapLtr .slideWrap1 .button {
    padding-top: 10px;
    margin: 0 !important;
}


.wrapLtr .w_7_Nav.w_7_HorizontalNav.mainMenu > ul > .hasTable:hover > a::before {
    left: 41%;
}

.wrapLtr .w_14_carouselBullets {
    left: 48px;
    right: auto;
}

.wrapLtr .contentArrows {
    margin-left: 95%;
}

.wrapLtr .productPage .description {
    right: 0;
    left: auto;
    text-align: left;
}

.wrapLtr .filterHead {
    text-align: left;
}

    .wrapLtr .filterHead:after {
        right: 8px;
        left: auto;
        transform: rotate(-90deg);
    }

.wrapLtr .fCheck input {
    float: right;
}

.wrapLtr .fCheck label::before {
    right: 3px;
    left: auto;
}

.wrapLtr .filterComponents::before {
    left: 20px;
    right: auto;
}

.wrapLtr .imageProduct {
    float: left;
}

.mobileVersion .wrapLtr .hasTable > a::before {
    left: auto;
    right: 10px;
}
/***************************ProjectPage*************************************/
.wrapLtr .productPage .pListImageWrap .pImageThumb {
    float: left;
}

.wrapLtr .filteringWrap .filterSearchHolder {
    display: none;
}

/***************************** MobileVersion ******************************/
/*.mobileVersion span,
.mobileVersion p {
    font-size: 12px;
}*/

.mobileVersion .topRowWrap .NoMarginb {
    width: 100%;
}

.mobileVersion .moreButton {
    width: 100%;
    text-align: center;
}

    .mobileVersion .moreButton .button {
        float: none;
    }

.mobileVersion .button {
    /*background-color: #ec6624;
    border: 1px solid #ec6624;
    color: #ffffff;*/
}

    .mobileVersion .button::after,
    .mobileVersion .button::before {
        /*display: none;*/
    }

.mobileVersion .mainFooter .w_7_MainList li > table {
    display: none;
}

.mobileVersion .footerMenu .w_7_MainList > li:last-child table {
    width: 100%;
}

    .mobileVersion .footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li {
        display: none !important;
    }

        .mobileVersion .footerMenu .w_7_MainList > li:last-child table .w_7_SubList > li a {
            text-align: center;
        }



.footerHolder .w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer {
    font-size: 14px;
    line-height: 28px;
}

.mobileVersion .copyrightWrap .w_7_ResponsiveMenu {
    display: none;
}

.mobileVersion .copyrightWrap .w_7_Nav.isDecMenu {
    display: block !important;
}

/*.mobileVersion .NoMarginb {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
}*/

.mobileVersion .copyrightWrap .NoMarginb .copyright,
.mobileVersion .copyrightWrap .NoMarginb .w_7_Nav .textContainer {
    font-size: 7px !important;
    line-height: 14px;
}



.mobileVersion .footerMenu .w_7_MainList > li > a {
    width: auto !important;
}


.mobileVersion .pgWrapOut {
    display: block;
    padding: 5px;
    width: 100%;
}

.mobileVersion .previewSection {
    display: none;
}

.mobileVersion .pgWrap {
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.30);*/
    padding: 5px;
    /*border:1px solid #707070;*/
}

    .mobileVersion .pgWrap::before,
    .mobileVersion .pgWrap::after {
        content: none;
    }

.mobileVersion .pgImageWrap {
    width: 100px;
    height: 100px;
    display: inline-block;
}

.mobileVersion .wrapLtr .pgImageWrap {
    float: left;
}

.mobileVersion .wrapRtl .pgImageWrap {
    float: right;
}

.mobileVersion .pgName {
    /*display: inline-block;
    position: relative;
    opacity: 1 !important;
    width: calc(100% - 107px);
    background-color: transparent;
    color: #323232 !important;
    font-weight: 700;
    padding: 0 5px;*/
}

.mobileVersion .wrapLtr .pgName {
    float: right;
}

.mobileVersion .wrapRtl .pgName {
    float: left;
}

.mobileVersion .pgDescription,
.mobileVersion .pgLink {
    display: inline-block !important;
    font-size: 9px;
    line-height: 18px;
}

.mobileVersion .pgDescription {
    /*opacity: 1;
    position: relative;
    width: calc(100% - 107px);
    color: #323232 !important;
    font-size: 9px;
    line-height: 18px;*/
    /*margin: 0;*/
}

.mobileVersion .listProductHolder .pgWrap:hover .pgDescription {
    top: auto;
    left: auto;
    right: auto;
    height: auto;
    padding: 0 5px;
}

.mobileVersion .pgDescription,
.mobileVersion .pgName {
    /*text-align: justify !important;*/
    max-height: 55px;
    overflow: hidden;
}


.mobileVersion .filteringWrap {
    height: 100%;
}

.mobileVersion .filtersList {
    width: 100%;
    padding: 0 20px;
}

.mobileVersion .filterPanelWrap,
.mobileVersion .filterPanelWrap .sideBarSticky {
    height: 100%;
}


.mobileVersion .filterComponents {
    margin-top: 5px;
    opacity: 1;
    position: relative;
    z-index: 10;
    top: auto;
    left: auto;
    right: auto;
    border-top: 1px solid #222222;
    box-shadow: none;
}

    .mobileVersion .filterComponents::before {
        content: none;
    }

.mobileVersion .filterSearchHolder {
    display: none;
}

.mobileVersion .filterBox .filterHead {
    border-bottom: 1px solid #222222;
}

.mobileVersion .w_7_ResponsiveMenu.mainMenu .w_7_SubList .currentLink > a {
    padding: 8px 15px;
}

.mobileVersion .w_7_ResponsiveMenu.mainMenu .w_7_SubList > li > .w_7_SubList .currentLink > a {
    padding: 8px 30px;
}

.mobileVersion .currentLink > a > .textContainer {
    font-size: 10px;
    line-height: 10px;
    /*color: #ec6624;*/
}

.mobileVersion .mainMenu .hasTable > a {
    position: relative;
}

    .mobileVersion .mainMenu .hasTable > a::before {
        position: absolute;
        top: 50%;
        content: '';
        background-image: url(/Assets/image/icon/close-hover.png);
        background-size: 5px auto;
        background-repeat: no-repeat;
        background-position: center;
        width: 10px;
        display: block;
        height: 10px;
        transform: rotate(45deg);
        transition: all 100ms ease;
    }

.mobileVersion .wrapLtr .mainMenu .hasTable > a::before {
    right: 10px;
}

.mobileVersion .wrapRtl .mainMenu .hasTable > a::before {
    left: 10px;
}

.mobileVersion .mainMenu .hasTable > a.w_7_NavOpen::before {
    transform: rotate(0deg);
    transition: all 100ms ease;
}

.mobileVersion .searchbar {
    border-bottom: 1px solid #ec6624;
}

    .mobileVersion .searchbar .topLoginSearch {
        padding: 0;
        width: 100%;
    }

        .mobileVersion .searchbar .topLoginSearch .topSearchWrap {
            width: 100%;
        }

.mobileVersion .topSearchBtn {
    margin-left: 0;
}

.mobileVersion .wrapLtr .headerLanguageChoose {
    margin-right: 0;
    margin-left: 7px;
}

.mobileVersion .wrapRtl .headerLanguageChoose {
    margin-right: 0;
    margin-left: 1px;
}

.mobileVersion .topSearchWrap .textLeft > input {
    float: right;
    margin-right: 0;
}

.mobileVersion .topSearchWrap .textLeft > .topSearchBtn {
    /*display: none;*/
    margin-right: -20px;
}

.mobileVersion .topSearchWrap .textLeft > input {
    /*width: 100%;*/
}

.mobileVersion .topSearchWrap .textLeft .textInput.topSearchInput {
    width: 100%;
}

.mobileVersion .dynContainer .w_14_carouselBullets {
    display: none;
}
/***********************error-page************************/
.errorPage {
    height: auto;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin: 0;
    padding: 0 !important;
}

    .errorPage .errorContentWrap {
        height: 50vh;
        display: block;
        margin: 8% 0 0;
    }

        .errorPage .errorContentWrap .errorCode {
            font-size: 150px;
            color: #ec6624;
            padding-bottom: 10px;
        }

        .errorPage .errorContentWrap .errorContent {
            background-color: #373c42;
            margin-top: 20px;
            height: 100%;
            padding: 50px;
            display: block;
        }

        .errorPage .errorContentWrap .buttonGroup {
            text-align: center;
            width: 100%;
        }
/*********************search-page*******************/
.searchPage .topSearchWrap {
    display: block;
    width: 100%;
    margin: 34px 0;
}

.searchPage .topSearchBtn {
    margin-top: 0;
    background-color: #ec6624;
    background-image: url(/Assets/image/icon/search2.png);
    border: 1px solid #ec6624;
    width: 4%;
    height: 40px;
    transition: all 200ms ease;
    margin-left: 0;
    float: right;
}

    .searchPage .topSearchBtn:hover {
        background-color: transparent;
        background-image: url(/Assets/image/icon/search.png);
    }

.mobileVersion .searchPage .topSearchBtn {
    width: 10% !important;
    display: block !important;
}

.wrapLtr .searchPage .topSearchBtn {
    float: left !important;
}

.searchPage .topSearchInput {
    width: 96%;
    margin-right: 0;
    height: 40px;
    padding: 10px 50px;
    border: 1px solid #5b5b5b;
    border-right: none;
    float: right;
}

.wrapLtr .searchPage .topSearchInput {
    border-left: none;
    border-right: 1px solid #5b5b5b;
}

.mobileVersion .searchPage .topSearchInput {
    width: 90% !important;
}

.searchPage .textLeft {
    max-width: 1280px;
    margin: 0 auto;
}

.searchPage .listProductPage {
    max-width: 1280px;
    margin: 0 auto;
}

.searchPage .listProductPanelWrap .listProductHolder .pgWrapOut {
    cursor: auto;
}

.searchPage .listProductWrap .countLists {
    display: block;
    padding: 10px;
    color: #ec6624;
}

.searchPage .listProductPanelWrap .pgWrap::after, .searchPage .listProductPanelWrap .pgWrap::before {
    content: none;
}

body:not(.mobileVersion) .searchPage .listProductHolder {
    border: 1px solid #2e2f30;
}

.searchPage .listProductWrap {
    border: none !important;
}

body:not(.mobileVersion) .searchPage .pgWrapOut {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    margin: 10px 0;
    border-bottom: 1px solid #2e2f30;
}

    body:not(.mobileVersion) .searchPage .pgWrapOut:last-child {
        border-bottom: none;
    }

body:not(.mobileVersion) .searchPage .pgWrap {
    width: 85% !important;
    float: left;
    overflow: initial;
}

body:not(.mobileVersion) .wrapLtr .searchPage .pgWrap {
    float: right;
}

body:not(.mobileVersion) .searchPage .pgImageWrap {
    position: absolute;
    right: -20%;
    height: 140px;
    width: 150px;
    background-size: cover;
}

body:not(.mobileVersion) .wrapLtr .searchPage .pgImageWrap {
    left: -150px;
    right: initial;
}

body:not(.mobileVersion) .searchPage .listProductPanelWrap .pgWrap .pgName {
    position: relative !important;
    opacity: 1 !important;
    color: #000 !important;
    text-align: right !important;
    top: 0 !important;
    width: 100%;
    display: block;
    padding-right: 20px;
}

body:not(.mobileVersion) .wrapLtr .searchPage .listProductPanelWrap .pgWrap .pgName,
body:not(.mobileVersion) .wrapLtr .searchPage .listProductPanelWrap .pgWrap .pgDescription {
    text-align: left !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
}

body:not(.mobileVersion) .searchPage .listProductPanelWrap .pgWrap .pgDescription {
    display: block;
    background-color: transparent;
    color: #000000;
    border: none;
    text-align: justify;
    padding-right: 20px;
    width: 80%;
    overflow: hidden;
    max-height: 100%;
    line-height: 26px;
}

body:not(.mobileVersion) .searchPage .listProductPanelWrap .pgWrap .pgLink {
    opacity: 1 !important;
    top: initial !important;
    bottom: 40px !important;
    left: 40px !important;
    background-color: transparent !important;
    color: #ee1c24 !important;
}

.mobileVersion .searchPage .listProductPage .button {
    height: auto;
    width: auto !important;
    padding: 12px 20px;
    right: 0;
}

body:not(.mobileVersion) .wrapLtr .searchPage .listProductPanelWrap .pgWrap .pgLink {
    right: 40px !important;
    left: initial !important;
    ;
}

body:not(.mobileVersion) .searchPage .listProductPanelWrap .pgWrap::after {
    content: none;
}

.searchPage .listSearch {
    border: 1px solid #2e2f30;
}

.searchPage .listSearchWrap .searchTitle {
    background-color: transparent;
    color: #ec6624 !important;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
}

.searchPage .searchLink {
    color: #000;
}

@media screen and (max-width:1096px) {
    .pgWrapOut {
        width: 50%;
    }
}

@media screen and (max-width:960px) {
    table.responsiveTable,
    table.responsiveTable > tbody,
    table.responsiveTable > thead,
    table.responsiveTable > tfoot,
    table.responsiveTable > tbody > tr,
    table.responsiveTable > tbody > tr > td,
    table.responsiveTable > thead > th {
        display: block;
        max-width: 100%;
    }

    .wrapLtr .socialHolder .socialNets {
        float: none;
    }

    .wrapRtl .socialHolder .socialNets {
        float: none;
    }
}

@media screen and (max-width:750px) {
    .pgWrapOut {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .w_7_Nav.isDecMenu.footerMenu {
        display: block;
    }

    .w_7_ResponsiveMenu.footerMenu {
        display: none;
    }

    .landingPageContent {
        -webkit-background-size: 90% auto;
        -moz-background-size: 90% auto;
        -o-background-size: 90% auto;
        background-size: 90% auto;
    }

    .middleFrameWrap .w_3_SmallZoom .w_3_sZoomImage,
    .middleFrameWrap .w_3_SmallZoom .w_3_sZoomDetails {
        width: 100% !important;
    }

    .mobileVersion .footerLogo {
        position: relative;
        display: block;
        width: 100%;
    }

    .wrapRtl .footerLogo {
        left: 0;
    }

    .mainFooter .socialLink {
        float: none;
    }

    .mobileVersion .mainFooter .copyrightWrap .col50 {
        width: 50%;
        display: inline-block;
        float: right;
    }
}

/*Header----------------------*/
.mainbody {
    min-height: 100vh;
    /*overflow: hidden;*/
}

.mainHeader > .topRowWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    right: auto;
}

.mobileVersion .mainHeader > .topRowWrap {
    transform: translate(-50%);
}

.mobileVersion .mainHeader > .topRowWrap {
    position: fixed;
    top: auto;
    bottom: -1950px;
    border: 1px solid #707070;
    width: 100%;
    height: 2000px;
    width: 2000px;
    border-radius: 50%;
    background-color: white;
    /*height: 10%;*/
}

.mobileVersion .noMobVer {
    display: block !important;
}

.wrapLtr .mainHeader > .topRowWrap {
    /*left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);*/
}

.mainHeader > .topRowWrap .iconLanguage {
    display: none;
}

.mainMenu.isDecMenu .w_7_MainList li > a, .mainMenu.isDecMenu .w_7_MainList li {
    padding: 0;
    height: auto;
    background-color: transparent !important;
    color: #3c3c3c;
}

    .mainMenu.isDecMenu .w_7_MainList li .textContainer {
        white-space: nowrap;
        display: none;
        font-size: 14px;
    }

.mobileVersion .mainMenu.isDecMenu .w_7_MainList li .textContainer {
    white-space: initial;
    display: block;
    font-size: 13px;
}

.mainMenu.isDecMenu .w_7_MainList li {
    position: absolute;
    /*transition: 0.1s linear;*/
    top: -10px;
    cursor: pointer;
    height: 30px;
    margin-right: -22px;
    margin-left: -22px;
    /*border:1px solid red;*/
    /*transition: 0.5s linear;*/
    /*right: 435px;*/
}

    .mainMenu.isDecMenu .w_7_MainList li a {
        /*pointer-events: none;*/
    }

    .mainMenu.isDecMenu .w_7_MainList li .textContainer {
        transition: 0.2s linear;
    }

.isResizing .mainMenu.isDecMenu .w_7_MainList li .textContainer {
    transition: none;
}


.mainMenu.isDecMenu .w_7_MainList li:hover .textContainer {
    color: #707070;
    /*font-size: 16px;*/
}

.mainMenu.isDecMenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .mainMenu.isDecMenu .w_7_MainList, .menuCover {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        border: none;
        height: 80%;
        /*width:auto;*/
        position: fixed;
        /*left: 0;*/
        border-radius: 50%;
        list-style: none;
        transition: 2s linear;
        background-color: rgba(255,255,255, 0);
        /*top: 10%;*/
    }

.isResizing .mainMenu.isDecMenu .w_7_MainList, .isResizing .menuCover {
    transition: none;
}

.mobileVersion .mainMenu.isDecMenu .w_7_MainList {
    overflow: hidden;
    border: 1px solid black;
}

    .mobileVersion .mainMenu.isDecMenu .w_7_MainList li {
        position: unset !important;
        /*left: 50%;*/
        margin: 0 !important;
        transform: none !important;
        /*height: auto !important;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .mobileVersion .mainMenu.isDecMenu .w_7_MainList li .textContainer {
            margin: unset !important;
        }

        .mobileVersion .mainMenu.isDecMenu .w_7_MainList li .thumbContainer {
            display: none;
        }

body:not(.menuIsOpened):not(.mobileMenuIsOpened) .mainMenu.isDecMenu .w_7_MainList {
    display: none;
}

.mobileVersion .mainMenu.isDecMenu .w_7_MainList {
    display: flex !important;
}

/*body:not(.menuIsOpened) .mainMenu.isDecMenu .w_7_MainList>li .textContainer{
       display: none !important;
   }*/

.mainMenu.isDecMenu .w_7_MainList {
    z-index: 1000;
    padding: 0;
}

.mobileVersion .mainMenu.isDecMenu .w_7_MainList {
    left: 50% !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100% !important;
    height: auto;
    top: 500px;
    bottom: 60px;
    border-radius: unset;
    /*top: -65%;*/
    transform: translateX(-50%);
    /*border: 1px solid black;*/
    border: none !important;
    transition: none;
}

    .mobileVersion .mainMenu.isDecMenu .w_7_MainList:before {
        display: none;
    }


.menuWave {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: fixed;
    border: 1px solid #3c3c3c;
    /*height: 80%;*/
    /*width:auto;*/
    /*position: fixed;*/
    /*left: 0;*/
    border-radius: 50%;
    list-style: none;
    /*top: 10%;*/
    /*top: 10%;*/
    transition: 1.8s cubic-bezier(0.92, 0.04, 0.24, 0.98);
    z-index: 100;
    /*position: absolute;*/
}

.increaseSizeMenuWaveToFadeOut {
    width: 5000px !important;
    height: 5000px !important;
    transition: 2s linear;
}


.menuCover {
    background-color: white;
    border-radius: 0;
    z-index: 1000;
    transform-origin: 0 50%;
    /*transform: rotate(10deg);*/
    height: 130%;
    top: 5%;
    border-color: transparent;
    /*border:1px solid red;*/
    left: 0;
    right: auto;
    /*transform: rotate(0deg);*/
    transition: 1s linear;
    z-index: 1;
}

.wrapLtr .menuCover {
    left: auto;
    right: 0;
    transform-origin: 100% 50%;
}

.pageIsLoaded .menuCover {
    transition: 0.5s linear 0.7s;
    transform: rotate(180deg);
}

.menuTogleWrapper {
    transition: 1s linear;
    transform: rotate(180deg);
}

.pageIsLoaded .wrapLtr .menuCover {
    /*transition: 1.7s linear 0.7s;*/
    transform: rotate(-180deg);
}

.mainFooter > .container > .row .footerLogo {
    display: none;
}

.mainMenu.isDecMenu .w_7_MainList li .thumbContainer {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /*margin-right: -17px;*/
    margin-left: 10px;
    min-height: 10px;
    min-width: 10px;
    display: inline-block !important;
}

.wrapLtr .mainMenu.isDecMenu .w_7_MainList li .thumbContainer {
    margin-left: 0;
    margin-right: 10px !important;
    display: inline-block !important;
}

.mainMenu.isDecMenu .w_7_MainList li > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}




.mainMenu.isDecMenu .w_7_MainList li .thumbContainer {
    transition: 0.2s linear;
    background-color: coral;
    border: 1px solid transparent;
}

.thumbClicked {
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid coral !important;
}

.mainMenu.isDecMenu .w_7_MainList li .textContainer {
    transition: 0.2s linear;
}

.textClicked {
    font-weight: bold;
    font-size: 20px;
}

.mainArticle .logoMainSection, .firstCircle, .firstCircleCover {
    height: 170%;
    position: fixed;
    top: -35%;
    /*border: 1px solid black;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 50%;
    left: 67%;
    right: auto;
    /*border:1px solid red;*/
    /*left: auto;*/
}

.mobileVersion .firstCircle {
    position: absolute !important;
    top: 0;
    left: 0;
}

.firstCircle:before {
    content: "";
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #707070;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(290deg);
    transition: all 1.7s ease 0s;
    /*background-color: white;*/
}

.wrapLtr .firstCircle:before {
    transform: rotate(160deg);
}

.firstCircleCover {
    display: none;
}

.mobileVersion .firstCircle::before {
    display: none;
}

.wrapLtr .mainArticle .logoMainSection, .wrapLtr .firstCircle, .wrapLtr .firstCircleCover {
    right: 67% !important;
    left: auto !important;
}

.wrapLtr .firstCircleCover {
    transform-origin: 0 50%;
}


.firstCircle > .firstCirclePointer, .firstCircle > .endThumbPoint {
    position: absolute;
    transition: 0.1s linear;
    top: -10px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-color: coral;
    border-radius: 50%;
    list-style: none;
    /*right: 435px;
}

.firstCircle > .firstCirclePointer {
    /*margin-left:-20px;*/
    transition: none;
    cursor: pointer;
}

    .firstCircle > .firstCirclePointer:hover, .firstCircle > .firstCirclePointer > span:hover {
        /*cursor: default;*/
    }

.firstCirclePointer > span {
    white-space: nowrap;
    position: absolute;
    right: 34px;
    left: auto;
    top: -3px;
    font-weight: bold;
    font-size: 20px;
    color: #707070;
    cursor: pointer;
    /*display: none;*/
}

.mobileVersion .firstCirclePointer > span {
    white-space: unset;
    width: 100%;
    text-align: center;
    max-height: 52px;
    overflow: auto;
}

.mobileVersion .firstCircle {
    border: none;
}

.mobileVersion .firstCirclePointer {
    width: 100%;
    height: 0;
    top: 0 !important;
    left: 0 !important;
}

    .mobileVersion .firstCirclePointer > span {
        position: absolute;
        right: unset;
        top: 0;
        pointer-events: none;
        left: 50%;
        transform: translateX(-50%);
        display: block !important;
        padding: 5px 15px;
    }

.mobileVersion .wrapLtr .firstCirclePointer > span {
    position: fixed;
    right: unset;
    top: 20%;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
}

.wrapLtr .firstCirclePointer > span {
    right: auto;
    left: 34px;
}

.firstCircle > .endThumbPoint {
    opacity: 0;
}

.mainArticle .logoMainSection {
    z-index: 1000;
}

.mobileVersion .mainArticle .logoMainSection {
    z-index: 0;
}

.firstCircleCover {
    /*height: 130%;
    top: 0;*/
    right: 0;
    left: auto;
    transform-origin: 100% 50%;
    /*border: 1px solid red;*/
    background-color: white;
    border-radius: 0;
}

.mobileVersion .firstCircleCover {
    position: fixed;
    width: 100% !important;
    height: 80vh;
    top: 10vh;
    left: 0;
    border: 1px solid green;
    transform: unset;
    display: none;
}

.mobileVersion.pageIsLoaded .firstCircleCover {
    transform: unset;
}

.pageIsLoaded .firstCircleCover {
    transition: 2s linear 0.5s;
    transform: rotate(-180deg);
    /*border:1px solid red;*/
}

.pageIsLoaded .wrapLtr .firstCircleCover {
    transition: 2s linear 0.5s;
    transform: rotate(180deg);
}

.firstCircle {
    /*width: 100%;*/
    /*border: 1px solid #707070;*/
    padding: 0;
}

.mobileVersion .firstCircle {
    /*display: none;*/
    z-index: 1;
    width: 100% !important;
    height: auto;
}

.mobileVersion .mainFooter {
    display: none;
}

.mainArticle .logoMainSection .FaBigMainLogo {
    /*width: 80%;*/
    height: 4.6%;
    /*border: 1px solid blue;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    /*margin-right: 50px;*/
    /*transform: translateX(-110%);*/
    opacity: 0;
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
    z-index: 10000;
}

.mobileVersion .mainArticle .logoMainSection .FaBigMainLogo {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: unset;
}

.mobileVersion .mainPageContent .button {
    /*display: none;*/
}

.wrapLtr .mainArticle .logoMainSection .FaBigMainLogo {
    /*transform: translateX(110%);*/
}

.pageIsLoaded .mainArticle .logoMainSection .FaBigMainLogo {
    transition: 0.5s linear;
    opacity: 1;
}

.logoMainSection .FaBigMainLogo{
    max-width: 100%;
    max-height: 100%;

}

.logoMainSection .FaBigMainLogo img {
    max-width: 100%;
    max-height: 100%;
min-width: 250px;

}

.mobileVersion .mainHeader .FaBigMainLogo {
    position: fixed;
    z-index: 2000;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

    .mobileVersion .mainHeader .FaBigMainLogo > img {
        height: 50px;
    }

.burgerButton {
    position: fixed;
    z-index: 2000;
    top: 17%;
    width: 25px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    cursor: pointer;
    /*border: 1px solid red;*/
    /*transform: scaleX(1);*/
}

.burgerButton2 {
    display: none;
}

.burgerMenuPosition {
    /*top: 87vh !important;*/
    /*bottom: 60px !important;
    top: auto !important;*/
    margin-left: 6px;
}

.mobileVersion .burgerButton2 {
    position: fixed;
    z-index: 2000;
    /*top: 75px;*/
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 25px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    cursor: pointer;
    transition: 0.3s linear;
    /*border: 1px solid red;*/
    /*transform: scaleX(1);*/
}

.burgerButton > span, .burgerButton2 > span {
    height: 2px;
    width: 100%;
    background-color: #3c3c3c;
    border-radius: 10px;
    transition: 0.2s linear;
    transform-origin: left;
    cursor: pointer;
}

.burgerButton:hover > .firstLine, .burgerButton2:hover > .firstLine {
    width: 50%;
}

.burgerButton:hover > .middleLine, .burgerButton2:hover > .middleLine {
    width: 75%;
}



.burgerMenuRotation .firstLine {
    transform: rotate(35deg);
    width: 100%;
}

.burgerMenuRotation:hover .firstLine {
    width: 100%;
}

.burgerMenuRotation .middleLine {
    display: none;
}

.burgerMenuRotation .lastLine {
    transform: rotate(-35deg);
}

.noTransition {
    transition: none;
}

.slideWrap1 .w_14_carousel {
    display: none;
}

.mainMenu.isDecMenu .titleContainer, .mainMenu.isDecMenu .contentContainer {
    display: none !important;
}

.DaierehMainMenuFromSlideFromSlide .mainMenu.isDecMenu {
    height: 100%;
}

.DaierehMainMenuFromSlideFromSlide {
    /*border:1px solid red;*/
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 50px;
    height: 100vh;
}

.logoMainSection .mainPageContent {
    position: fixed;
    /*left: 0;*/
    width: 300px;
    max-height: 63vh;
    overflow-y: auto !important;
    margin: 0 20px 0 0;
    padding: 0 50px 0 10px;
    top: 36%;
    display: none;
    color: #707070;
}

.mobileVersion .logoMainSection .mainPageContent {
    position: relative !important;
    width: 100% !important;
    display: block;
    top: 30%;
    left: 0 !important;
    padding: unset;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 80px;
    /*padding-bottom: 100px;*/
    /*border: 1px solid yellow;*/
    max-height: none;
    font-size: 15px;
    text-align: justify;
    overflow: auto;
    margin: 0;
}

.wrapLtr .logoMainSection .mainPageContent {
    padding: 0 10px 0 50px;
}

.mobileVersion .wrapLtr .logoMainSection .mainPageContent {
    padding: 0;
}

/*product page list ..........................*/

.listProductPage .listProductHolder .pgWrapOut {
    width: 100% !important;
    display: block;
}

    .listProductPage .listProductHolder .pgWrapOut .pgWrap {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 30px;
        /*flex-direction: row-reverse;*/
    }

.mobileVersion .listProductPage .listProductHolder .pgWrapOut .pgWrap {
    margin-bottom: 5px;
}

.listProductPage .listProductHolder .pgWrapOut .pgWrap .pgImageWrap {
    width: 40%;
    margin: 0 5%;
}

.listProductPage .listProductHolder .pgWrapOut .pgWrap .listProductInfo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 40%;
    margin: 0 5%;
    overflow: hidden;
    position: relative;
}

.mobileVersion .listProductHolder .pgWrapOut .pgWrap .listProductInfo {
    padding-bottom: 20px;
    height: 100px !important;
    align-items: center;
}


.pgWrapOut .pgWrap .listProductInfo > a.button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.wrapLtr .pgWrapOut .pgWrap .listProductInfo > a.button {
    left: auto;
    right: 0;
}

.listProductPage .listProductHolder .pgWrapOut .pgWrap .pgName {
    /*position: absolute;
    top:0;
    right:0;
    left: auto;*/
    background-color: none;
    font-size: 25px;
}


/*product page ..................................*/
.productPage {
    margin: 50px 3% 0 7%;
}

.wrapLtr .productPage {
    margin: 50px 7% 0 3%;
}

.productPage .contentpanel > div {
    /*display: block !important;*/
}

.productWrap > .productInfoWrap {
    margin: 0 20px;
}

.productPage > .productWrap .productSummaryInfo, .productPage > .productWrap .pDescription {
    padding: 0 20px;
}

.productInfo > .productShowBox {
    display: flex;
    flex-wrap: wrap;
}

.productPage .pVideo {
    width: 60%;
    min-height: 400px;
}

.mobileVersion .productPage .pVideo {
    width: 100%;
    min-height: unset;
}

.productPage .productImgandtitle {
    width: 39%;
    margin-right: 1%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.mobileVersion .productPage .productImgandtitle {
    width: 100%;
    height: auto !important;
}

.wrapLtr .productPage .productImgandtitle {
    margin-right: 0;
    margin-left: 1%;
}

.productImgandtitle .NoMarginb.textLeft {
    max-width: 100%;
    max-height: 90%;
}

.mobileVersion .productImgandtitle .NoMarginb.textLeft {
    max-height: 100%;
}

.productImgandtitle .NoMarginb.textLeft .pImageWrap {
    background-image: none !important;
}

    .productImgandtitle .NoMarginb.textLeft .pImageWrap > img {
        display: block;
    }

.productPage .productWrap .productSummaryInfo {
    margin: 40px 0 60px 0;
    width: 60%;
}

.mobileVersion .productPage .productWrap .productSummaryInfo {
    margin: 0;
    width: 100%;
}

.productPage .pgWrapOut .pgWrap {
    display: flex;
}

.productPage .pgWrapOut:nth-child(2n) .pgWrap {
    flex-direction: row;
}

.productPage .pgWrapOut:nth-child(2n+1) .pgWrap {
    flex-direction: row-reverse;
}

.mobileVersion .productPage .pgWrapOut:nth-child(2n) .pgName {
    left: 25% !important;
    right: auto !important;
}

.mobileVersion .productPage .pgWrapOut:nth-child(2n+1) .pgName {
    right: 25% !important;
    left: auto !important;
}

.mobileVersion .wrapLtr .productPage .pgWrapOut:nth-child(2n) .pgName {
    right: 25% !important;
    left: auto !important;
}

.mobileVersion .wrapLtr .productPage .pgWrapOut:nth-child(2n+1) .pgName {
    left: 25% !important;
    right: auto !important;
}


.productPage .pgWrapOut .pgWrap .pgName {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
}

.mobileVersion .productPage .pgWrapOut .pgWrap .pgName {
    /*left: 25%;
    right: auto;*/
}

.productPage .pgWrapOut .pgWrap .pgDescription {
    width: 35%;
}

.mobileVersion .productPage .pgWrapOut .pgWrap .pgDescription {
    width: 60%;
}


/*Blog ..............................*/
.wrapRtl .blogMainContent > .blogPostTop .topSearchWrap {
    padding-right: 29px;
    padding-left: 0;
}

.wrapLtr .blogMainContent > .blogPostTop .topSearchWrap {
    padding-right: 0;
    padding-left: 39px;
}

.mobileVersion .blogContainer > .blogMainArea .topSearchWrap {
    padding-right: 0;
    padding-left: 0;
}


.mobileVersion .blogListContainer .blogPostSummary, .blogListGrid .blogPostSummary {
    display: block;
}

.mobileVersion .blogListItem.blogRtl {
    width: 100%;
}

.wrapLtr .blogListContent {
    padding-right: 0;
}

.mobileVersion .blogListContent {
    padding-right: 25px;
    padding-left: 25px;
}

.container.dynContainer .dynSideBar {
    display: none;
}

.dynMainContent .blogMainContent > .blogPostTop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .dynMainContent .blogMainContent > .blogPostTop .blogPostHeader {
        display: none;
    }

.blogMainContent .blogListContainer {
    display: flex;
    flex-wrap: wrap;
}

.topSearchWrap .textLeft {
    display: flex;
}

    .topSearchWrap .textLeft .iconBtn {
        order: 2;
        transform: rotateY(180deg);
        margin-right: -20px;
    }

.wrapLtr .topSearchWrap .textLeft .iconBtn {
    transform: rotateY(0deg);
    margin-left: -20px;
}

.dynMainContent .blogContainer {
    max-width: none;
margin-bottom: 320px;
}

    .dynMainContent .blogContainer .blogListItem .blogSubheading {
        display: none;
    }

    .dynMainContent .blogContainer .blogListItem .blogListTeaser {
        margin-left: 15px;
        height: 28%;
    }

.blogMainContent > .blogContent .blogPostTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row-reverse;
}

    .blogMainContent > .blogContent .blogPostTop .blogPostHeader {
        width: 35%;
        border: 1px solid gainsboro;
        border-radius: 0 0 20px 20px;
        margin-left: 7%;
        overflow: hidden;
        margin-right: 0;
    }

.mobileVersion .blogMainContent > .blogContent .blogPostTop .blogPostHeader {
    width: 100%;
    order: 1;
    margin-left: 0;
}

.wrapLtr .blogMainContent > .blogContent .blogPostTop .blogPostHeader {
    margin-right: 7%;
    margin-left: 0%;
}

.mobileVersion .wrapLtr .blogMainContent > .blogContent .blogPostTop .blogPostHeader {
    margin-right: 0;
    margin-left: 0;
}

.blogMainContent > .blogContent .blogPostTop .blogCoverWrap {
    width: 57%;
    margin-left: 1%;
    margin-right: 0;
    max-height: 50vh;
}

    .blogMainContent > .blogContent .blogPostTop .blogCoverWrap > img {
        max-height: 50vh;
    }

.mobileVersion .blogMainContent > .blogContent .blogPostTop .blogCoverWrap {
    width: 100%;
    margin-left: 0;
    order: 0;
}

.wrapLtr .blogMainContent > .blogContent .blogPostTop .blogCoverWrap {
    margin-right: 1%;
    margin-left: 0;
}

.mobileVersion .wrapLtr .blogMainContent > .blogContent .blogPostTop .blogCoverWrap {
    margin-right: 0;
    margin-left: 0;
}

.blogMainContent > .blogContent .blogPostTop .blogCoverWrap > img {
    border-radius: 20px 20px 0 0;
    width: 100%;
}

.blogSubheading {
    display: none;
}

.blogMainContent > .blogContent .blogPostTop .blogHeading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px;
    width: 90%;
}

.mobileVersion .blogMainContent > .blogContent .blogPostTop .blogHeading {
    margin: 0;
    width: 100%;
}

.blogMainContent > .blogContent .blogPostTop .blogHeading .blogAuthorAndDate > span:nth-of-type(1) {
    display: none;
}

.blogMainContent > .blogContent .blogPostTop .blogHeading .blogAuthorAndDate {
    color: #929292;
}

.mobileVersion .blogMainContent > .blogContent .blogPostTop .blogHeading .blogAuthorAndDate {
    margin-bottom: 0;
}

.blogMainContent > .blogContent .blogPostTop .blogHeading .blogDescription {
    color: #929292;
    max-height: 32vh;
    overflow: auto;
}

.mobileVersion .blogMainContent > .blogContent .blogPostTop .blogHeading .blogDescription {
    max-height: 42px;
    overflow: hidden;
}

.wrapLtr .blogMainContent > .blogContent .blogPostBody {
    margin-left: 0;
    margin-right: 0;
}

.wrapRtl .blogMainContent > .blogContent .blogPostBody {
    margin-left: 0;
    margin-right: 0;
}

.zindexReduction {
    z-index: -1 !important;
}

.mobileVersion .menuWave {
    display: none !important;
}

.mobileVersion .burgerButton {
    display: none;
}


body:not(.mobileVersion) .mainHeader > .FaBigMainLogo {
    display: none;
}

.mobileVersion .logoMainSection .FaBigMainLogo {
    display: none;
}

.mainHeader > .topRowWrap > .footerThumb {
    display: none;
}

.mobileVersion .mainHeader .topRowWrap > .footerThumb {
    display: block;
    width: 10px;
    height: 10px;
    background-color: coral;
    border-radius: 50%;
    position: absolute;
    top: 1000px;
    margin-top: -5px;
    left: 50%;
    transform: translate(-50%);
}

.mobileVersion .mainMenu.isDecMenu .w_7_MainList li > a > .thumbContainer {
    display: none !important;
}

.mobileVersion .logoMainSection {
    width: 100% !important;
    height: auto !important;
    position: relative;
    left: 0;
    top: 0;
    border-radius: unset;
}

/*
 >  Dynamic Echo Cycle ©
 >  https://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.6
 >> date: 2019-12-11

*/

.w_7_Nav.mainMenu {
    font: 14px/16px Dana,'B Yekan',Tahoma;
    height: 100%;
}

.wrapLtr .w_7_NavRtl.mainMenu {
    direction: ltr !important;
}

.w_7_Nav.mainMenu > ul {
    height: 100%;
    display: block;
    *zoom: 1;
}

    .w_7_Nav.mainMenu > ul:before,
    .w_7_Nav.mainMenu > ul:after {
        content: "";
        display: table;
    }

    .w_7_Nav.mainMenu > ul:before {
        content: "";
        display: table;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #707070;
        border-radius: 50%;
        border-top-color: transparent;
        border-left-color: transparent;
        transform: rotate(-225deg);
        transition: all 1.7s ease 0s;
        /*background-color: white;*/
    }

.isResizing .w_7_Nav.mainMenu > ul:before {
        transition: none;
}


.wrapLtr .w_7_Nav.mainMenu > ul:before {
    content: '';
    transform: rotate(-45deg);
}

.menuIsOpened .w_7_Nav.mainMenu > ul:before {
    transform: rotate(-45deg);
}

.menuIsOpened .wrapLtr .w_7_Nav.mainMenu > ul:before {
    transform: rotate(-225deg);
}

.menuIsOpened .firstCircle:before{
        transform: rotate(180deg);
}

.menuIsOpened .wrapLtr .firstCircle:before{
        transform: rotate(270deg);
}


.w_7_Nav.mainMenu > ul:after {
    clear: both;
}

.w_7_Nav.mainMenu > ul > li {
    position: initial;
    height: 100%;
    cursor: default;
}

    .w_7_Nav.mainMenu > ul > li > a {
        text-align: center !important;
        background-color: transparent;
        color: #333;
        padding: 15px 13px;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        height: 100%;
        padding-bottom: 0;
        text-transform: uppercase;
    }

.w_7_HorizontalNav.mainMenu .w_7_MainList > li > a {
    color: #707070;
    background-color: rgba(255, 255, 255, 0.92);
}

.w_7_Nav.w_7_HorizontalNav.w_7_NavRtl > ul > li.hasTable > a > .textContainer {
    padding-right: 0;
    padding-left: 5px;
}

.w_7_HorizontalNav.mainMenu .w_7_MainList > li > a:hover {
    color: #b52727;
}

.w_7_Nav.w_7_HorizontalNav.mainMenu table {
    background-color: transparent;
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}


.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > .hasTable > a > .textContainer::before {
    content: '';
    position: absolute;
    margin: auto;
    top: 33px;
    left: 50%;
    right: 50%;
    display: block;
    height: 1px;
    background-color: #b52727;
    background-image: none;
    opacity: 0;
    z-index: 20;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.stickyMenu .w_7_Nav.w_7_HorizontalNav.mainMenu > ul > .hasTable > a > .textContainer::before {
    top: 25px;
}

.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > .hasTable:hover > a > .textContainer::before {
    left: 0;
    right: 0;
    opacity: 1;
}

.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li > table {
    background-color: rgba(255, 255, 255, 0.92);
    position: absolute;
    width: 600px;
    max-width: 300%;
    left: auto;
    right: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8,1);
    -webkit-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -ms-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    border-top: 2px solid #b52727;
}

    .w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li > table > tbody > tr {
        display: none;
    }

.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li:hover > table {
    visibility: visible;
    transform: none;
    opacity: 1;
    z-index: 20;
}

    .w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li:hover > table > tbody > tr {
        display: block;
    }

.w_7_Nav.mainMenu ul.w_7_SubList a {
    padding: 2px 2px 10px;
}

    .w_7_Nav.mainMenu ul.w_7_SubList a span {
        color: #222222;
    }

    .w_7_Nav.mainMenu ul.w_7_SubList a,
    .w_7_Nav.mainMenu ul.w_7_SubList a:visited {
        color: #222222;
    }

        .w_7_Nav.mainMenu ul.w_7_SubList a:hover span {
            color: #b52727;
        }

        .w_7_Nav.mainMenu ul.w_7_SubList a:hover {
            background-color: transparent;
        }

.w_7_Nav.mainMenu ul.w_7_SubList ul.w_7_SubList > li > a {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}


.w_7_Nav.w_7_HorizontalNav.mainMenu ul.w_7_SubList li.hasTable table {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
    box-shadow: none;
}

.w_7_Nav.mainMenu tbody td {
    position: relative;
    display: block;
}

.w_7_Nav.mainMenu ul.w_7_SubList {
    padding: 1%;
    width: 75%;
    text-align: left;
    display: inline-block;
}

.w_7_Nav.w_7_NavRtl.mainMenu ul.w_7_SubList {
    text-align: right;
}

.w_7_Nav.mainMenu ul.w_7_SubList ul.w_7_SubList {
    padding: 0;
}

.w_7_Nav.mainMenu ul.w_7_SubList li {
    padding: 2% 2% 0;
}

.w_7_Nav.mainMenu ul.w_7_SubList .col33 {
    margin-bottom: 10px;
}

.w_7_Nav.mainMenu ul.w_7_SubList ul.w_7_SubList li {
    padding: 0;
}

.w_7_Nav.mainMenu ul.w_7_SubList .w_7_SubList a {
    padding: 4px 2px;
    font-size: 11px;
}

.mainMenuImage {
    width: 23%;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    max-height: 100%;
    bottom: 2%;
    left: 10px;
    right: auto;
    top: auto;
    z-index: 0;
}

    .mainMenuImage img {
        max-width: 100%;
    }

/*.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li.hasTable > a > .textContainer:after,
.w_7_ResponsiveMenu.mainMenu li.hasTable > a:after,
.w_7_Nav.w_7_HorizontalNav.w_7_NavRtl.mainMenu > ul > li.hasTable > a > .textContainer:after,
.w_7_ResponsiveMenu.w_7_NavRtl.mainMenu li.hasTable > a:after {
    border-top-color: #f9f9f9 !important;
}*/

.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li.hasTable > a > .textContainer:after,
.w_7_ResponsiveMenu.mainMenu li.hasTable > a:after {
    border-color: transparent #fff #fff transparent !important;
    border-width: 1px;
    width: 7px;
    height: 8px;
    transform: rotate(45deg);
    top: 10%;
}

.w_7_Nav.w_7_HorizontalNav.w_7_NavRtl.mainMenu > ul > li.hasTable > a > .textContainer:after,
.w_7_ResponsiveMenu.w_7_NavRtl.mainMenu li.hasTable > a:after {
    top: 25%;
}

.w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li.hasTable:hover > a > .textContainer:after,
.w_7_Nav.w_7_HorizontalNav.w_7_NavRtl.mainMenu > ul > li.hasTable:hover > a > .textContainer:after {
    transform: rotate(45deg) !important;
    border-color: transparent #222222 #222222 transparent !important;
    /*border-top-color: #323232 !important;
    top: 48%;
    transform: none;*/
}

.w_7_Nav.mainMenu ul.w_7_SubList li.hasTable > a:after {
    top: 20% !important;
    left: auto !important;
    right: 4% !important;
    border-color: transparent #222222 #222222 transparent;
    border-width: 1px;
    width: 7px;
    height: 8px;
    transform: rotate(45deg);
}

.w_7_Nav.w_7_NavRtl.mainMenu ul.w_7_SubList li.hasTable > a:after {
    right: auto !important;
    left: 4% !important;
}

.w_7_Nav.mainMenu ul.w_7_SubList li.hasTable:not(.hasDropdownTable):hover > a:after,
.w_7_Nav.w_7_VerticalNav.mainMenu li.hasTable:not(.hasDropdownTable):hover > a:after {
    border-width: 1px;
    top: 33%;
}

.mainMenuHomeBtn .textContainer {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url('/assets/image/icon/homeIcon.png') no-repeat scroll center center;
    background-size: cover;
}

/* Mobile Version */
/*.mobileVersion .w_7_ResponsiveMenu.mainMenu {
    display: block;
}*/

.mobileVersion .w_7_Nav.isDecMenu.mainMenu {
    /*display: none;*/
    border: 1px solid #707070;
    position: fixed;
    top: -400px !important;
    /*bottom: 20px;*/
    left: 50%;
    width: 200vw;
    height: 500px;
    border-radius: 50%;
    transform: translate(-50%);
    max-width: none;
    overflow: hidden;
    transition: 0.5s;
    background: white !important;
}



.mobileVersion.mobileMenuIsOpened .w_7_Nav.isDecMenu.mainMenu{
    /*height: calc(100vh + 350px) !important;*/
    z-index: 1;
    width: 300vw;
}



.w_7_ResponsiveMenu.w_7_NavRtl {
    font-family: inherit !important;
}

.w_7_ResponsiveMenu.mainMenu button.menuToggle {
    background-color: transparent;
    border: none;
    border-radius: 1px;
}

    .w_7_ResponsiveMenu.mainMenu button.menuToggle span {
        width: 25px;
        margin-top: 5px;
        background-color: #606060;
    }

.w_7_ResponsiveMenu.mainMenu button.menuToggle {
    margin-right: 0;
    padding: 5px 4px;
    margin-top: 0;
}

.w_7_ResponsiveMenu.mainMenu .w_7_menuHeader {
    display: none;
}

.w_7_ResponsiveMenu.mainMenu {
    position: fixed;
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.83);
    overflow: hidden;
    z-index: 6700;
    transition: all 60ms linear 200ms;
}

.mobileVersion .w_7_ResponsiveMenu.mainMenu{
    z-index: 0;
    /*display: none;*/
}

.mobileVersion .DaierehMainMenuFromSlide{
    display: none;
}

    .w_7_ResponsiveMenu.mainMenu.showResponsiveMenu {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    .w_7_ResponsiveMenu.mainMenu > ul {
        display: block;
        position: absolute;
        width: 80%;
        max-width: 400px;
        height: 100%;
        max-height: 100%;
        top: 0;
        bottom: 0;
        background-color: #f2f2f2;
        -webkit-transition: all 180ms cubic-bezier(.77,0,.18,1) 40ms;
        -moz-transition: all 180ms cubic-bezier(.77,0,.18,1) 40ms;
        -o-transition: all 180ms cubic-bezier(.77,0,.18,1) 40ms;
        transition: all 180ms cubic-bezier(.77,0,.18,1) 40ms;
        overflow-y: auto;
    }

    /*.wrapLtr .w_7_ResponsiveMenu.mainMenu > ul {
    left: -100%;
    right: auto;
}*/

    .w_7_ResponsiveMenu.mainMenu > ul {
        left: auto;
        right: -100%;
    }

    /*.wrapLtr .w_7_ResponsiveMenu.mainMenu.showResponsiveMenu > ul {
    left: 0;
}*/

    .w_7_ResponsiveMenu.mainMenu.showResponsiveMenu > ul {
        right: 0;
    }

    .w_7_ResponsiveMenu.mainMenu > ul > li:last-child {
        margin-bottom: 20px;
    }

    .w_7_ResponsiveMenu.mainMenu > ul > li a {
        padding: 8px 20px;
        font-size: 14px;
    }

        .w_7_ResponsiveMenu.mainMenu > ul > li a,
        .w_7_ResponsiveMenu.mainMenu > ul > li a:hover,
        .w_7_ResponsiveMenu.mainMenu > ul > li a:visited {
            color: #454545;
        }

            .w_7_ResponsiveMenu.mainMenu > ul > li a:hover {
                background-color: transparent;
            }

    .w_7_ResponsiveMenu.mainMenu .thumbContainer {
        display: none;
    }

.respMenuLogowrap {
    padding: 0 10px;
    background-color: #b52727;
    margin-bottom: 15px;
}

.respMenuLogo {
    height: 40px;
}

.w_7_ResponsiveMenu.mainMenu ul.w_7_SubList {
    background-color: rgba(255, 255, 255, 0.34);
    padding-right: 2px;
}

.w_7_ResponsiveMenu.mainMenu .w_7_SubList li {
    border-left: 2px solid #b52727;
}

.w_7_ResponsiveMenu.w_7_NavRtl.mainMenu .w_7_SubList li {
    border-left: none;
    border-right: 2px solid #b52727;
}

.w_7_ResponsiveMenu.mainMenu .w_7_SubList a {
    font-size: 13px;
    color: #555;
}

.w_7_ResponsiveMenu.mainMenu a .textContainer {
    max-width: 90%;
}

.w_7_menuHeader a,
.w_7_Nav.mainMenu:not(.showMainMenu),
.w_7_ResponsiveMenu.mainMenu:not(.showMainMenu) {
    display: none;
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList {
    width: 100%;
}

.menuHolder .w_7_Nav.w_7_NavRtl.mainMenu ul.w_7_SubList li.hasTable > a:after {
    right: 0 !important;
    display: none;
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList li.hasTable > a:after {
    transition: all 0.3s ease 0s;
    transform: rotate(135deg);
}

.menuHolder .w_7_Nav ul.w_7_SubList .w_7_BottomArrow .textContainer {
    font-size: 14px;
    font-weight: 500;
}



.menuHolder .w_7_Nav ul.w_7_SubList .textContainer {
    padding-right: 15px;
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList > li > a {
    margin-bottom: 0 !important;
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList a:hover {
    color: #b52727;
}

.menuHolder .w_7_Nav.w_7_NavRtl ul.w_7_SubList li.hasTable > a:hover::after {
    border-right-color: #b52727;
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList li.hasTable > a:hover::after {
    border-color: transparent #b52727 #b52727 transparent;
    transform: rotate(45deg);
}

.menuHolder .w_7_Nav.mainMenu ul.w_7_SubList li {
    padding: 1% 3% 0;
    min-width: 200px;
}

.menuHolder .w_7_Nav.w_7_HorizontalNav.mainMenu > ul > li.hasTable > a > .textContainer:after,
.menuHolder .w_7_ResponsiveMenu.mainMenu li.hasTable > a:after {
    display: none;
}

.mobileVersion .w_7_ResponsiveMenu.mainMenu .w_7_SubList a {
    padding: 8px 30px;
}

@media screen and (max-width:600px) {
    /*.w_7_ResponsiveMenu.mainMenu {
        display: none;
    }*/

    .w_7_Nav.isDecMenu.mainMenu {
        display: block;
    }
}

.daierehNavBar {
    height: 124px;
}

.w_7_HorizontalNav.mainMenu .hasTable > a {
    display: inline-block;
    float: right;
}

    .w_7_HorizontalNav.mainMenu .hasTable > a::after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 6px;
        background-image: url(/assets/image/icon/arrow.png);
        background-size: 10px 6px;
        background-repeat: no-repeat;
        opacity: 1;
        transition: opacity 50ms ease;
    }

    .w_7_HorizontalNav.mainMenu .hasTable > a:hover::after {
        opacity: 0;
        transition: opacity 50ms ease;
    }

.w_7_HorizontalNav.mainMenu .hasTable:hover a::after {
    background-image: url(/assets/image/icon/arrow-hover.png);
}

.w_7_HorizontalNav.mainMenu .w_7_MainList > li:hover a {
    color: #b52727 !important;
}

.w_7_HorizontalNav.mainMenu .w_7_SubList > li.hasTable > a {
    border-bottom: 1px solid #222222 !important;
}

.w_7_HorizontalNav.mainMenu .w_7_SubList ul.w_7_SubList span {
    padding-right: 0 !important;
}

/*.stickyMenu {
    height: 75px !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000000;
    -webkit-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -moz-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -ms-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    -o-transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
    transition: all 300ms cubic-bezier(0.250,0.460,0.450,0.940);
}

    .stickyMenu .topLogo {
        height: 50px;
        top: 25px;
        position: relative;
        width: auto;
    }*/

.stickyMenu .w_7_HorizontalNav.mainMenu .w_7_MainList span {
    font-size: 13px !important;
}

.stickyMenu .w_7_SubList span {
    font-size: 12px !important;
}

.mobileVersion .stickyMenu {
    height: 0 !important;
}