/*Reset Page*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.fl{float:left;margin-right:1%;margin-bottom:1%;}
.fr{float:right;margin-left:1%;margin-bottom:1%;}
.f50{width:49% !important;}
.f30{width:32.3333% !important}
.f70{width:69% !important}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('/fonts/PlayfairDisplay-Regular.eot') format('eot'), /* IE6�8 */
    url('/fonts/PlayfairDisplay-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/PlayfairDisplay-Regular.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'PalatinoRegular';
    src: url('/fonts/IranSansLight.eot') format('eot'), /* IE6�8 */
    url('/fonts/IranSansLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IranSansLight.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IranSansLight.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}

/************Font Awesome**********/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-1x {
    font-size: 1.3em
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-eye:before {
    content: "\f06e"
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-search:before {
    content: "\f002";
}

.fa-phone:before {
    content: "\f095";
}

.fa-close:before {
    content: "\f00d";
}
.fa-phone:before {
    content: "\f095";
}
.fa-envelope:before {
    content: "\f0e0";
}


div.divNewMarq{position:absolute;z-index:10000000000000000000;top:40%;transform:translateY(-50%);right:10%;}
div.divNewMarq a{color:#fff;}
div.divNewMarq span{color:#fff;margin:0 10%}

.marquee {
  display: inline-block;
  white-space: nowrap;
/*   animation: scrollLeft 38s linear infinite; */
  padding-left: 101%;
}

.marquee:hover {
   animation-play-state: paused
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%)
  }
}

a:link{color:#dbc49a;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
a:visited{color:#dbc49a;text-decoration:none;}
a:hover{color:#4d738a;}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.Justify {
    text-align: justify;
}

.Center {
    text-align: center;
    margin: 0 auto;
    display: block
}

.Centerimg {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.Ease {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.Clear {
    clear: both;
}

.LTR {
    text-align: left
}

.RTL {
    text-align: right
}

.VA {
    vertical-align: middle
}

.Free10 {
    height: 10px
}

.Free15 {
    height: 15px
}

.Free20 {
    height: 20px
}

.Free50 {
    height: 50px
}

.Bold {
    font-weight: bold
}

.Block {
    display: block
}

.InBlock {
    display: inline-block
}

.Table {
    display: table
}

.samaltxt {
    font-size: 12px
}
.linehight-16{line-height:1.6em}

.Mediumtxt {
    font-size: 17px
}

.LargText {
    font-size: 40px
}

.Gold {
    color: #cdac7d
}

.Gold2 {
    color: #ae9044
}

.Yellow {
    color: #ddd15d
}

.white {
    color: white
}

.Red {
    color: #f4581d !important;
}
.Blue{color:#76aada}

.Gray {
    color: #808080
}
.Black{color:#000;}
.Font {
    font-family: PalatinoRegular
}
.DisplayN{display:none !important}

.marginEn {
    margin-right: 50%
}

.dLTR {
    direction: ltr
}

.w70 {
    width: 70% !important;
}

.Border_btn {
    border-bottom: 3px solid #808080;
}

.FirstP
/*Control Panel*/
#Subscribe {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5%
}

#Subscribe thead {
    font-size: 25px;
    font-weight: bold;
    padding: 10px
}

#Subscribe tr {
    text-align: center;
    margin: 0 auto;
    border: 1px solid #a1863c;
}

#Subscribe td {
    padding: 10%;
    font-size: 18px
}

div#divAllCP {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    direction: rtl;
    background: #eee
}

div#divAll2CP {
    width: 100%;
    height: 100VH;
    margin: 0 auto;
    direction: rtl;
    background: #eee
}

div#divAllCP div#divHeaderCP {
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
}

    div#divAllCP div#divHeaderCP div#div-H-ContentCP {
        width: 74%;
        float: right;
    }

        div#divAllCP div#divHeaderCP div#div-H-ContentCP span {
            color: #808080;
        }

        div#divAllCP div#divHeaderCP div#div-H-ContentCP img {
            width: 4%;
            border-radius: 50%;
            vertical-align: middle;
            margin: 1%
        }

    div#divAllCP div#divHeaderCP div#divlogoCP {
        width: 18%;
        float: left;
    }

        div#divAllCP div#divHeaderCP div#divlogoCP img {
            width: 70%;
            margin-top: 3%;
        }

div#divAllCP div#divbodyCP {
    direction: ltr !important
}

    div#divAllCP div#divbodyCP div#divContentCP {
        width: 83%;
        float: right;
        background: #fff;
        margin-right: 0.5%;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    }

    div#divAllCP div#divbodyCP div#divSideCP {
        width: 15%;
        float: left;
        background: #fff;
        margin-left: 0.5%;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    }

    div#divAllCP div#divbodyCP div#divContentCP div#divContentIn {
        color: black;
        width: 90%;
        margin: 0 auto;
        direction: rtl
    }

div#divAll2CP div#divLoginCP {
    width: 28%;
    height: auto;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

.push_button {
    margin-bottom: 15px !important;
    position: relative;
    height: 5px;
    color: #FFF;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 1px rgb(13, 152, 232);
    background: #2980b9;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-box-shadow: 0px 5px 0px #84261a;
    -moz-box-shadow: 0px 5px 0px #84261a;
    box-shadow: 0px 3px 0px #1b4f72;
    top: 4px;
    right: -1px;
}

    .push_button:active {
        -webkit-box-shadow: 0px 2px 0px #84261a;
        -moz-box-shadow: 0px 2px 0px #84261a;
        box-shadow: 0px 2px 0px #2980b9;
        position: relative;
        top: 7px;
    }

.push_buttonred {
    position: relative;
    width: 100px;
    height: 10px;
    color: #FFF;
    display: block;
    text-decoration: none;
    border-radius: 5px;
    border: solid 1px #f20707;
    background: #f20707;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-box-shadow: 0px 4px 0px #84261a;
    -moz-box-shadow: 0px 4px 0px #84261a;
    box-shadow: 0px 4px 0px #84261a;
    top: 1px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}

    .push_buttonred:active {
        -webkit-box-shadow: 0px 2px 0px #84261a;
        -moz-box-shadow: 0px 2px 0px #84261a;
        box-shadow: 0px 2px 0px #84261a;
        position: relative;
        top: 7px
    }

.Radius {
    border-radius: 130px;
}

.buttonGreen {
    background: white;
    border: solid 2px grey;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #001563;
    height: 50px;
    width: 200px;
}

    .buttonGreen:hover {
        background: white;
        font: bold 15px #00FF00;
        font-weight: bold;
        border: 2px solid #00FF00;
    }

    .buttonGreen:active {
        box-shadow: 0 0 0 25px #00FF00 inset;
        -webkit-transform: scale(1);
    }

.textGreen {
    color: gray;
    font: bold 15px grey;
}

    .textGreen:hover {
        color: #00FF00;
        font: bold 15px #ed2553
    }

    .textGreen:active {
        color: white;
        font: bold 15px white
    }

.buttonGray {
    background: white;
    border: solid 2px grey;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #001563;
    height: 35px;
    width: 200px;

}
.BackgroundTitle{padding:2% 0}
.BackgroundTitle:after{background:url('/images/BackTitle2.png');width:90px;height:25px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%}
.BackgroundTitle::before{background:url('/images/BackTitle1.png');width:90px;height:25px;display:inline-block;background-repeat:no-repeat;content: " ";margin-right:.5%}

div.divcontact1{background:#efefef;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);padding:.5% 1% .5% 1%}
#divTextbox{width:30%;margin:0 auto}
.TextBox2{width:100%;height:35px;border:1px solid #cc9c0e;border-radius:3px;padding:0 12px 0 12px}
.TextBox2:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px #cc9c0e;}

    .buttonGray:hover {
        background: white;
        font: bold 15px #404040;
        font-weight: bold;
        border: 2px solid #404040;
    }

    .buttonGray:active {
        box-shadow: 0 0 0 25px #404040 inset;
        -webkit-transform: scale(1);
    }

.textGray {
    color: gray;
    font: bold 15px grey;
}

    .textGray:hover {
        color: #404040;
        font: bold 15px #404040
    }

    .textGray:active {
        color: white;
        font: bold 15px white
    }

.buttonBlue {
    background: white;
    border: solid 2px #2196f3;
    font: bold 14px black;
    color: #004b6e;
    height: 35px;
    width: 100px;
}

    .buttonBlue:hover {
        background: white;
        font: bold 15px #2196f3;
        font-weight: bold;
        border: 2px solid #2196f3;
    }

    .buttonBlue:active {
        box-shadow: 0 0 0 25px #2196f3 inset;
        -webkit-transform: scale(1);
    }

.buttonRed {
    background: red;
    font: bold 14px;
    color: white;
    height: 35px;
    width: 100px;
}

.buttonred {
    background: white;
    border: solid 2px grey;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #001563;
    height: 35px;
    width: 200px;
}

    .buttonred:hover {
        background: white;
        font: bold 15px #ed2553;
        font-weight: bold;
        border: 2px solid #ed2553;
    }

    .buttonred:active {
        box-shadow: 0 0 0 25px red inset;
        -webkit-transform: scale(1);
    }

.textred {
    color: gray;
    font: bold 15px grey;
}

    .textred:hover {
        color: red;
        font: bold 15px #ed2553
    }

    .textred:active {
        color: white;
        font: bold 15px white
    }

.buttonNo {
    background: white;
    border: solid 2px #ed2553;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #ed2553;
    height: 30px;
    width: 120px;
}

    .buttonNo:hover {
        box-shadow: 0 0 0 25px #ed2553 inset;
        -webkit-transform: scale(1)
    }

.buttonYes {
    background: white;
    border: solid 2px #00FF00;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #00FF00;
    height: 30px;
    width: 120px;
}

    .buttonYes:hover {
        box-shadow: 0 0 0 25px #00FF00 inset;
        -webkit-transform: scale(1)
    }

div.divAgent{width:44%;float:left;line-height:2em;padding:1% 2%;margin:1% 1%;background:#fff;font-size:.9em;color:#757575;border-radius:5px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)}
div.divAgent .TitleAgent{color:#cdac7d;font-size:1.3em;}
div.divAgent span{color:#404040;font:bold;}

div.divContact{width:95%;margin:0 auto;font-size:1.1em}
div.divContact hr{color:pink}
div.divContact div.divImg{width:50%;float:right}
div.divContact div.divImg img{width:100%;display:block;}
div.divContact div.divComment{width:46%;float:left;padding:1.5% 2%;}
div.divContact div.divComment h1{color:#333;line-height:3em}
div.divContact div.divComment h2{color:#333;line-height:3em}
div.divContact div.divComment p{color:#404040;line-height:1.5em}
div.divContact div.divComment li{}
div.divContact div.divComment i{margin-right:2%}


/*The Nivo Slider styles*/
.nivoSlider{position:relative !important;width:100%;height:auto;overflow:hidden;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
.nivo-main-image{display:block;position:relative !important;width:100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{display:block !important;}
/* Caption styles */
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:0.8;overflow:hidden;display:none !important;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:BYekan;}
.nivo-caption p{padding:5px;margin:0;font-family:BYekan;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-controlNav{position:absolute;z-index:9;bottom:26px;right:0;}
.nivo-directionNav{z-index:90;}
.nivo-directionNav a{cursor:pointer;color:#070707;font-size:0.5em;}
.nivo-prevNav{position:absolute;left:1%;width:50px;height:50px;background-image:url("/images/ArrowL.png");top:50%;transform: translateY(-50%);z-index:10000000000000000000000000000000}
.nivo-nextNav{position:absolute;right:1%;width:50px;height:50px;background-image:url("/images/ArrowR.png");top:50%;transform: translateY(-50%);z-index:10000000000000000000000000000000}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{position:absolute;z-index:9;bottom:26px;right:0;}
.nivo-controlNav a{z-index:9;cursor:pointer;margin:0 1px 0 1px;padding:0 11px;background:#070707;color:#070707;font-size:0.4em;border-top:1px solid #bdbdbd;}
.nivo-controlNav a.active{font-weight:bold;color:#cc9c0e;background-color:#cc9c0e;}


/* Texbox */
.card {
    width: 50%;
    margin: 0 auto
}

    .card .title {
        position: relative;
        z-index: 1;
        border-left: 5px solid #ed2553;
        margin: 0 0 35px;
        padding: 10px 0 10px 50px;
        color: #ed2553;
        font-size: 32px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .card .input-container {
        position: relative;
        margin: 0 60px 50px
    }

        .card .input-container input {
            outline: none;
            z-index: 1;
            position: relative;
            background: none;
            width: 100%;
            height: 35px;
            border: 0;
            color: #212121;
            font-weight: 400;
        }

            .card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {
                width: 50%;
            }

            .card .input-container input:valid ~ label {
                color: #9d9d9d;
                -webkit-transform: translate(-12%, -50%) scale(0.75);
                transform: translate(-12%, -50%) scale(0.75);
            }

        .card .input-container label {
            position: absolute;
            top: 0;
            right: 0;
            left: 20%;
            margin: auto;
            color: #757575;
            font-size: 23.5px;
            font-weight: 300;
            line-height: 60px;
            -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
        }

        .card .input-container .bar {
            position: absolute;
            left: 0;
            bottom: 0;
            background: #757575;
            width: 100%;
            height: 1px;
        }

            .card .input-container .bar:before, .card .input-container .bar:after {
                content: '';
                position: absolute;
                background: #ed2553;
                width: 0;
                height: 2px;
                -webkit-transition: .2s ease;
                transition: .2s ease
            }

            .card .input-container .bar:before {
                left: 50%;
            }

            .card .input-container .bar:after {
                right: 50%
            }

.cardl {
    width: 95%;
    margin: 0 auto
}

    .cardl .title {
        position: relative;
        z-index: 1;
        border-left: 5px solid #ed2553;
        margin: 0 0 35px;
        padding: 10px 0 10px 50px;
        color: #ed2553;
        font-size: 32px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cardl .input-container {
        position: relative;
        margin: 0 60px 50px
    }

        .cardl .input-container input {
            outline: none;
            z-index: 1;
            position: relative;
            background: none;
            width: 100%;
            height: 60px;
            border: 0;
            color: #212121;
            font-size: 24px;
            font-weight: 400;
        }

            .cardl .input-container input:focus ~ .bar:before, .cardl .input-container input:focus ~ .bar:after {
                width: 50%;
            }

            .cardl .input-container input:valid ~ label {
                color: #9d9d9d;
                -webkit-transform: translate(-12%, -50%) scale(0.75);
                transform: translate(-12%, -50%) scale(0.75);
            }

        .cardl .input-container label {
            position: absolute;
            top: 0;
            right: 0;
            color: #757575;
            font-size: 24px;
            font-weight: 300;
            line-height: 60px;
            -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
        }

        .cardl .input-container .bar {
            position: absolute;
            left: 0;
            bottom: 0;
            background: #757575;
            width: 100%;
            height: 1px;
        }

            .cardl .input-container .bar:before, .cardl .input-container .bar:after {
                content: '';
                position: absolute;
                background: #ed2553;
                width: 0;
                height: 2px;
                -webkit-transition: .2s ease;
                transition: .2s ease
            }

            .cardl .input-container .bar:before {
                left: 50%;
            }

            .cardl .input-container .bar:after {
                right: 50%
            }

body {
    color: #fff;
    font-family: PalatinoRegular;
    line-height: 17px;
    direction: ltr
}

h1 {
    color: #fff;
    font-size: 1.1em;
}

h2 {
    color: #fff;
    font-size: 1em;
}

h3 {
    color: #fff;
    font-size: .9em;
}

div.divService-c1{width:70%;margin:0 auto;position:relative}
div.divService-c1 div.divServiceIMG{width:50%;float:right;border:2px solid #fff;padding:.7% .7%;border-radius: 12px;}
div.divService-c1 div.divServiceIMG img{width:100%;display:block;border-radius: 12px;}
div.divService-c1 div.divServiceCOM{width:45%;position:absolute;direction:rtl;border-radius: 12px;left:2%;top:50%;transform:translateY(-50%);background:#7aa6e5;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);}
div.divService-c1 div.divServiceCOM h1{color: #000 !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c1 div.divServiceCOM p{color:#fff;font-size:14px;line-height: 1.8 !important;text-align:justify}

div.divService-c2{width:70%;margin:0 auto;position:relative}
div.divService-c2 div.divServiceIMG{width:50%;float:left;border:2px solid #fff;padding:.7% .7%;border-radius: 12px;}
div.divService-c2 div.divServiceIMG img{width:100%;display:block;border-radius: 12px;}
div.divService-c2 div.divServiceCOM{width:45%;position:absolute;border-radius: 12px;direction:rtl;right:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;box-shadow: 0px 15px 15px 15px rgba(0,0,0,0.18);}
div.divService-c2 div.divServiceCOM h1{color: #caa13a !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c2 div.divServiceCOM p{color:#606060;font-size:14px;line-height: 1.8 !important;text-align:justify}


a:link {
    color: #dbc49a;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

a:visited {
    color: #dbc49a;
    text-decoration: none;
}

a:hover {
    color: #ddd15d;
}


.W100 {
    width: 100%
}

.W50 {
    width: 50%
}

.W20 {
    width: 20%
}

.W30 {
    width:30%
}

.Border_Textbox {
    border: 2px solid #808080
}

.btnSignUp {
    border: 2px solid black;
    color: black;
    padding: 2% 2%
}

    .btnSignUp a {
        color: black !important;
    }

.txtSignUp {
    border: 2px solid black
}

div#divAll {
    width: 100%;background-size: 100%}

    div#divAll span.R-Menu {
        position: absolute;
        right: 2%;
        top: 50%;
        direction: rtl
    }

    div#divAll span.L-Lanquge {
        position: absolute;
        left: 2%;
        top: 50%;
    }
    
div#divTop{width:94%;background:#e7e8ea;padding:.25% 3%;position:relative}
div#divTop span.Slogan{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-size:1.5em;color:#f25a29;}
div#divTop div.divln{float:right}
div#divTop div.divTel{float:left;direction:ltr;}
div.divHeader{width:94%;padding:.5% 3%;background:#fff;position:relative;}
div.divHeader div#divMenu{width:100%;display:inline-block;}
div.divHeader div#divMenu div#divLogo{float:left;}
div.divHeader div#divMenu div#divMenuIn{float:left;margin-right:1.7%;margin-top:1.7%;}

div.divSearch{width:100%;background:rgb(179, 179, 179);text-align:center;display:none;padding:2% 0%;position:absolute;top:0;z-index:10000000000;}
div.divSearch input#txtSearch{width:25%;height:25px;border:none;border-bottom:1px solid rgba(212, 212, 212, 0.82);padding:.2% .5%;background:transparent;}


div.divProductsHome{width:100%;text-align:center;margin:3% 0% 0%;border-top:1px solid #f68b69;padding:2% 0%}
div.divProductsHome div.BorderH{width:85%;border-top:1px solid #f68b69;margin-top:1.3%}
div.divProductsHome a{color:#333;font-size:1.65em;padding:1% 1.5%;}
div.divProductsHome ul{margin:0 auto;display:table;width:60%;}
div.divProductsHome li{float:left;width:16.5%}
div.divProductsHome span{color:#ee5a2c;line-height:1.5em}


div.divProductsH{width:31.3333%;float:right;margin:1%}
div.divProductsH div.divImage{width:100%;}
div.divProductsH div.divImage img{width:100%;}
div.divProductsH div.divComment{width:100%;}
div.divProductsH div.divComment div.divCommentIn{width:100%;}
div.divProductsH div.divComment h3{color:#000;line-height:2em;font-size:2em;}
div.divProductsH div.divComment p{color:#808080;line-height:1em;font-size:1.3em;}
div.divProductsH div.divComment div.divPart1{float:right;width:30%;color:#808080;font-size:1.2em;line-height:1.9em;margin-top:3%;}
div.divProductsH div.divComment div.divPart2{float:right;width:70%;text-align:left;color:#808080;font-size:1.2em;line-height:1.9em;margin-top:3%;}
div.divProductsH div.divComment div.divLink{width:20%;float:right;}
div.divProductsH div.divComment div.divLink img{width:100%;}
div.divProductsH div.divComment div.divLink a{color:#808080;border:1px solid #000;text-align:center;margin:0 auto;display:inline-block;width:95%;line-height:3em;margin:4% 0;}


div.divPro3{position:relative;width:31.33333%;margin:1%;float:right;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;min-height:310px}
div.divPro3 a{font-size:14px;}
div.divPro3 a.Next{color:#da0176}
div.divPro3 a:hover{color:#da0176}
div.divPro3:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div.divPro3 .ArticleTitle{display:block;color:#2471a3;font-weight:bold;font-size:1.3em;line-height:2em;}
div.divPro3 .divDetail{margin-top:1.5%;margin-bottom:2%;border-bottom:1px #ccc solid}
div.divPro3 div.divImage{float:none;width:100%}
div.divPro3 div.divImage img{width:100%;} 
div.divPro3 div.divComment{color:#333;font-size:1.15em;text-align:justify}
div.divPro3 span{font-size:.82em;font-family:BYekan}

div.divProductsH{width:31.3333%;float:right;margin:1%}
div.divProductsH div.divImage{width:100%;}
div.divProductsH div.divImage img{width:100%;}
div.divProductsH div.divComment{width:100%;}
div.divProductsH div.divComment div.divCommentIn{width:100%;}
div.divProductsH div.divComment h3{color:#000;line-height:2em;font-size:2em;}
div.divProductsH div.divComment p{color:#808080;line-height:1em;font-size:1.3em;}
div.divProductsH div.divComment div.divPart1{float:left;width:30%;color:#808080;font-size:1.2em;line-height:1.9em;margin-top:3%;}
div.divProductsH div.divComment div.divPart2{float:right;width:70%;text-align:right;color:#808080;font-size:1.2em;line-height:1.9em;margin-top:3%;}
div.divProductsH div.divComment div.divLink{width:20%;float:right;}
div.divProductsH div.divComment div.divLink img{width:100%;}
div.divProductsH div.divComment div.divLink a{color:#808080;border:1px solid #000;text-align:center;margin:0 auto;display:inline-block;width:95%;line-height:3em;margin:4% 0;}

div#divAboutHome{width:95%;color:#333;margin:0 auto;}
div#divAboutHome h1{font-size:1.5em;color:#333;line-height:3em}
div#divAboutHome p{font-size:1em;text-align:center;font-size:1.2em;line-height:1.3em}

div#divAboutHome div.divAboutHomeIn{width:32.333%;float:right;margin-top:2%;}
div#divAboutHome div.divAboutHomeIn h3{font-size:1em;color:#333;line-height:3em;border-bottom:2px solid #333;text-align:center;margin-bottom:3%;}
div#divAboutHome div.divAboutHomeIn img{width:100%;}
div#divAboutHome div.divAboutHomeIn p{font-size:1em}
div#divAboutHome .margin-LR{margin:0% 1.5%}

div#divProductPrice{width:95%;margin:0 auto;margin-top:2%;position:relative}
div#divProductPrice span{text-align:center;display:block;font-size:1.5em;line-height:3em;color:#f0f0f0;}
div#divProductPrice div#divPrice{width:28.333%;float:left;background:#4d5d6a;margin-right:1.5%;padding:1.5% 2%;}
div#divProductPrice div#divPrice h3{font-size:2em;}
div#divProductPrice div#divPrice li{font-size:1.3em;line-height:2em;color:#dedede;}
div#divProductPrice div#divPrice div.divPriceIn{width:33.333%;float:right;}
div#divProductPrice div#divOrder{width:66%;height:99.5%;position:absolute;right:0%;top:0%;border:1px solid #000;}
div#divProductPrice div#divOrder p{font-size:3.5em;color:#f8561a;text-align:center;padding:12% 0%;}

div.divArticles{width:95%;margin:0 auto;margin-top:2%;color:#333;}
div.divArticles h1{color:#333;line-height:3em;}
div.divArticles hr{color:pink}
div.divArticles div.divArticle{width:100%;}
div.divArticles div.divArticle img.imgArticle{float:left;margin:0 2% 2% 0;}


/*LatestNews*/
div.LatestNews{position:relative;width:100%;margin:0 auto;margin-bottom:6%;}
.breaking-news-headline {
  display: block;
  position: absolute;
  font-size:1.3em;
  color: white;
  margin-left:15%;
  top:50%;transform:translateY(-50%);
}

.breaking-news-title {
  background:#f1592a;
  display: block;
  height:50px;
  width:130px;
  font-family: arial;
  font-size: 1em;
  position: absolute;
  top: 0px;
  margin-top: 0px;
  padding-top:7px;
  padding-left: 10px;
  z-index: 3;
}
.breaking-news-title:before {
  content: "";
  position: absolute;
  display: block;
  width:1px;
  height: 0px;
  top: 0;
  left: -18px;
  border-left: 18px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 50px solid #f1592a;
}
.breaking-news-title:after {
  content: "";
  position: absolute;
  display: block;
  width:1px;
  height: 0px;
  right: -30px;
  top: 0;
  border-right: 29px solid transparent;
  border-left: 0px solid transparent;
  border-top:49px solid #f1592a;
}

#breaking-news-colour {
  height: 50px;
  background-color: #f7a71a;
}

#breaking-news-container {
  height: 50px;
  width:100%;
  overflow: hidden;
  position: absolute;
}
#breaking-news-container:before {
  content: "";
  width: 30px;
  height: 30px;
  background-color:#f7a71a;
  position: absolute;
  z-index: 2;
}

.animated {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.2s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
}

.delay-animated {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.4s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.scroll-animated {
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 3s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-animated2 {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.4s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-animated3 {
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 5s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 3s;
}

.fadein {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  -o-animation-name: fadein;
  animation-name: fadein;
}

@-webkit-keyframes fadein {
  from {
    margin-left: 1000px;
  }
}
@-moz-keyframes fadein {
  from {
    margin-left: 1000px;
  }
}
.slidein {
  -webkit-animation-name: slidein;
  -moz-animation-name: slidein;
  -o-animation-name: slidein;
  animation-name: slidein;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  20% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.marquee {
  animation: marquee 10s linear infinite;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 3s;
}

@-webkit-keyframes slidein {
  from {
    margin-left: 800px;
  }
  to {
    margin-top: 0px;
  }
}
@-moz-keyframes slidein {
  from {
    margin-left: 800px;
  }
  to {
    margin-top: 0px;
  }
}
.slideup {
  -webkit-animation-name: slideup;
  -moz-animation-name: slideup;
  -o-animation-name: slideup;
  animation-name: slideup;
}

@-webkit-keyframes slideup {
  from {
    margin-top: 30px;
  }
  to {
    margin-top: 0;
  }
}
@-moz-keyframes slideup {
  from {
    margin-top: 30px;
  }
  to {
    margin-top: 0;
  }
}


div#divCatalog {
    width: 50%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.TextBox{width:50%;height:45px;border:1px solid #cc9c0e;border-radius:3px;padding:0 12px 0 12px;margin-bottom:1% !important;margin:0 auto;}
.TextBox:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px #cc9c0e;}

.btng {
  display: block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size:15px;
  /*letter-spacing: 0.3em;*/
  color:#fff;
  border-radius: 0;
  padding: 7px 40px 7px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin-bottom:5%;
  border: none;
  border:1px solid #cc9c0e;
  background-color:rgba(146,111,52,0.8);
}

.btng:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color:white;
  background-position: 99% 50%;
}
div#divAll div#divLanguage {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateX(-50)
}

.BackgG{background-color: #2d3436;background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);}
div#divAll div#divbtn {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
}

    div#divAll div#divbtn span {
        color: #cdac7d;
        letter-spacing: 2px;
        font-size: 12px;
        margin: 0 auto;
        text-align: center
    }

    div#divAll div#divbtn div#divbtnIn {
        border: 2px solid white;
        padding: 4% 2%;
        color: white;
        text-transform: uppercase;
        display: ruby-base;
        color: #cdac7d
    }

        div#divAll div#divbtn div#divbtnIn a {
            color: white
        }

/* Slider Slick */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
/* Arrows */
.slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before, .slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left:-20px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: url('/images/Icon/ArrowL.png');}
[dir='rtl'] .slick-prev:before{content: url('/images/Icon/ArrowL.png');}
.slick-next{right:-20px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: url('/images/Icon/ArrowR.png');}
[dir='rtl'] .slick-next:before{content: url('/images/Icon/ArrowR.png');}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity:.75;color:black;}

.slider{width:90%;margin:0% auto;direction:rtl}
.slick-slide{margin:0px 20px;}
.slick-slide img{width:100%;}
.slick-prev:before,.slick-next:before{color:black;}
.slick-slide{transition: all ease-in-out .3s;opacity:1;}

div.divContent{width:95%;margin:0 auto;}
h1.TitlePage{font-size:1.5em;color:#333 !important;line-height:3em !important;margin:2%;}
h1.TitlePage::before{content:' ';display:block;width:100%;border-bottom:1px solid pink;text-align:center;margin:0 auto;}

div.divPro2{direction:ltr;position:relative;width:45.8%;margin:.5%;padding:.5% 1.5% 0% 1.5%;background:#fff;float:right;border:1px solid #E4E4E4;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;min-height:310px}
div.divPro2 a{font-size:14px;}
div.divPro2 a.Next{color:#da0176}
div.divPro2 a:hover{color:#da0176}
div.divPro2:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div.divPro2 .ArticleTitle{display:block;color:#2471a3;font-weight:bold;font-size:1.3em;line-height:2em;}
div.divPro2 .divDetail{margin-top:1.5%;margin-bottom:2%;border-bottom:1px #ccc solid}
div.divPro2 div.divImage{float:none;width:100%}
div.divPro2 div.divImage img{width:100%;} 
div.divPro2 div.divComment{color:#333;font-size:1.15em;text-align:justify}
div.divPro2 span{font-size:.82em;font-family:BYekan}

div.divAbout{width:95%;margin:0 auto;}
div.divAbout div.divLink{width:40%;float:left;margin-top:5%;}
div.divAbout div.divLink a{border:1px solid #333;line-height:3em;margin-bottom:1.5% !important;width:50%;color:#333;margin:0 auto;text-align:center;display:block}
div.divAbout div.divContents{color:#333;line-height:1.5em;width:60%;float:right;direction:ltr;}
div.divAbout div.divContents h1{color:#333;line-height:3em;border-bottom:1px solid;font-size:1.5em;}

div.divAddresBar{margin-top:2% !important;width:75%;margin:0 auto;padding:1% 10%;color:#333}
div.divAddresBar span.L{float:left}
div.divAddresBar span.R{float:right}


 div#divAll div.divServices1{width:100%;background:#fff;position:relative;z-index:10000000}
 div#divAll div.divServices1 h4{float:left;font-size:1.1em;}
 div#divAll div.divServices1 a:hover{color:#000}
 div#divAll div.divServices1 div.divline{position:absolute;background:#000;width:.3%;height:100%;left:49.5%;}
 div#divAll div.divServices1 div.divline img{position:absolute;left:50%;top:7%;max-width:none !important;transform: translateX(-50%);}
 div#divAll div.divServices1 div.divImg{width:48%;float:left}
 div#divAll div.divServices1 div.divImg img{width:100%;display:block}
 div#divAll div.divServices1 div.divComment{width:49%;float:right;padding:2% 0%}
 div#divAll div.divServices1 div.divComment p{text-align:justify;padding-right:2%;line-height:2em;font-size:.9em;padding-top:1%}

 div#divAll div.divServices2{width:100%;background:#000;position:relative;z-index:100000000000}
 div#divAll div.divServices2 h4{color:#fff;font-size:1.1em}
 div#divAll div.divServices2 a{}
 div#divAll div.divServices2 div.divline{position:absolute;background:#fff;width:.3%;height:100%;left:49.5%;}
 div#divAll div.divServices2 div.divline img{position:absolute;left:50%;top:7%;max-width:none !important;transform: translateX(-50%);}
 div#divAll div.divServices2 div.divImg{width:48%;float:right}
 div#divAll div.divServices2 div.divImg img{width:100%;display:block}
 div#divAll div.divServices2 div.divComment{width:48%;float:left;padding:2% 0%}
 div#divAll div.divServices2 div.divComment p{text-align:justify;padding-left:2%;line-height:2em;font-size:.9em;color:#fff;padding-top:1%}

div#divAll div.divService-c1{width:60%;margin:0 auto;position:relative}
div#divAll div.divService-c1 div.divServiceIMG{width:50%;float:right;border:2px solid #fff;padding:.7% .7%}
div#divAll div.divService-c1 div.divServiceIMG img{width:100%;display:block;}
div#divAll div.divService-c1 div.divServiceCOM{width:45%;position:absolute;left:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);}
div#divAll div.divService-c1 div.divServiceCOM h1{color: #000 !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div#divAll div.divService-c1 div.divServiceCOM p{color:#606060;font-size:14px;line-height: 1.8 !important;text-align:justify}

div#divAll div.divService-c2{width:60%;margin:0 auto;position:relative}
div#divAll div.divService-c2 div.divServiceIMG{width:50%;float:left;border:2px solid #fff;padding:.7% .7%}
div#divAll div.divService-c2 div.divServiceIMG img{width:100%;display:block;}
div#divAll div.divService-c2 div.divServiceCOM{width:45%;position:absolute;right:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);}
div#divAll div.divService-c2 div.divServiceCOM h1{color: #0079c2 !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div#divAll div.divService-c2 div.divServiceCOM p{color:#606060;font-size:14px;line-height: 1.8 !important;text-align:justify}

div.divFormHome{width:90%;margin:0 auto;margin-bottom:5% !important;position:relative}
div.divFormHome div.divFormHomeIn{width:33.333%;margin:0 auto;}
div.divFormHome div.divFormHomeIn p{color:#000;line-height:2em;}
div.divFormHome div.divFormHomeIn div.divComment{width:30.333%;position:absolute;left:0px;top:0%;}
div.divFormHome div.divFormHomeIn div.divtextarea{width:33.333%;height:73%;position:absolute;right:0px;top:0%}
div.divFormHome div.divFormHomeIn input{margin-bottom:2%;width:83%;border:2px solid #fab9a5;padding:2% 1%;line-height:1.3em;font-family:PalatinoRegular !important;}
div.divFormHome div.divFormHomeIn textarea{margin-bottom:2%;width:80%;border:2px solid #fab9a5;padding:2% 1%;line-height:1.3em;height:76.5%;font-weight:bold;}


div#divAll div#divcat {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block
}

div#divAll div.divCatHome {
    width: 23.3%;
    float: left;
    margin: 4% 5%;
}

    div#divAll div.divCatHome div.divCatHomeIn {
        width: 100%;
    }

        div#divAll div.divCatHome div.divCatHomeIn img {
            width: 100%;
        }

    div#divAll div.divCatHome p {
        text-align: center;
        color: #657076;
        font-size: 1.5em;
        margin-top: 5%
    }

div#divAll div.divContent {
    width: 90%;
    margin: 0 auto
}

div#divAll div.divContent2 {
    width: 100%;
    margin: 0 auto
}

div.divFooters {
    position: relative;
    background: url('/Images/01.jpg') center center no-repeat;
    background-size: 100%;
    padding: 7% 0%;
}

    div.divFooters div.divFooter {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 1000;
        opacity: .8;
        top: 0;
    }

        div.divFooters div.divFooter div.divFooterIn {
            width: 33.33333%;
            float: left;
            text-align: center;
            margin-top: 5%;
        }

            div.divFooters div.divFooter div.divFooterIn h4 {
                padding-bottom: 3%
            }

            div.divFooters div.divFooter div.divFooterIn p {
                color: #fff;
                padding-top: 1.5%;
                font-size: 13px
            }

        div.divFooters div.divFooter div#divCopyRight {
            width: 100%;
            color: #657076
        }

img.intro-logo {
    width: 10%
}

/*FAQ*/
.accordion-wrapper {border: 1px solid #fff;box-shadow: 0px 0px 5px -4px #000;margin-bottom: 0.75em;font-size: 1.25em;padding:1.25em 1.25em 0 1.25em;background:#ddb63f;margin-top:1% !important;margin:0 auto;width:80%;}
.accordion-wrapper p{line-height:2em;}
a.accordion {color: #fff;border: none;cursor: pointer;outline: none;text-align: left;transition: 0.8s;width: 100%;}
a.active, a.accordion:hover { color: #777;}
a.accordion:after {content: "\002B";float:right;}
a.active.accordion:after {content: "\2212";}
.details {background-color: #ededed;color: #777;max-height: 0;overflow: hidden;padding: 0 1.5em;transition: max-height 0.2s ease-out;margin-top:2%;}

div.divHeading {
    margin: 0 auto;
    color: white;
    font-size: 1.25em !important;
    text-align: center;
    padding: 1% 0;
}

    div.divHeading img {
        margin-top: .3%
    }

div.divFilter2 {
    width: 100%;
    float: right;
    margin: 0% .25%;
    position: relative
}

    div.divFilter2 img {
        width: 100%;
    }

    div.divFilter2 div.divTitle {
        width: 94%;
        position: absolute;
        bottom: 3%;
        text-align: center;
        background: rgba(33, 33, 33, 0.57);
        z-index: 1000;
        padding: 1% 3%
    }

        div.divFilter2 div.divTitle a {
            color: white;
            font-size: 14px;
        }


        
div.divArchitect div.divAbouts div.divImage{width:24.5%;float:right;margin:.25% .25%;position:relative;bottom:0;}
div.divArchitect div.divAbouts div.divImage img{width:100%;display:block;-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
div.divArchitect div.divAbouts div.divImage img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
div.divArchitect div.divAbouts div.divImage div.divTitleAbout{width:100%;height:0VH;padding:0% .5%;opacity:0;text-align:center;position:absolute;background:rgba(0, 0, 0, 0.41);z-index:10000;bottom:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
div.divArchitect div.divAbouts div.divImage div.divTitleAbout a{display:none;color:#fff}
div.divArchitect div.divAbouts div.divImage:hover .divTitleAbout{height:auto;padding:3% .5%;opacity:1}
div.divArchitect div.divAbouts div.divImage:hover .divTitleAbout a{display:block;}

div#divSlide-Contact{width:100%;position:relative;}
div#divSlide-Contact div.divImage-contact{background:rgba(0, 0, 0, 0.73);}
div#divSlide-Contact div.divImage-contact img{width:100%;opacity:.5;display:block;}
div#divSlide-Contact div.divComment-contact{width:auto;position:absolute;top:50%;left:20%;transform:translateY(-50%)}
div#divSlide-Contact div.divComment-contact h1{color:white;letter-spacing:3px;font-weight:300;font-size:3.3em;margin-bottom:10px;line-height:1.4;}
div#divSlide-Contact div.divComment-contact p{color:white;letter-spacing:3px;text-transform:uppercase;font-size:.85em;}

div#divContent-contact{width:100%;margin:0 auto;background:#fff;}
div#divContent-contact div#divContent-contactIn{width:60%;margin:0 auto;}
div#divContent-contact div#divContent-contactIn h2{font-family:'Open-Sans' !important;font-size:40px !important;line-height:1.4;font-weight:300;margin-bottom:40px;}
div#divContent-contact div#divContent-contactIn p#p-h2{font-family:'Open-Sans' !important;font-size:15px;text-align:center;color:#606060;padding:0% 10%;line-height:1.4}
div#divContent-contact div#divContent-contactIn h3{font-family:'Open-Sans' !important;font-size:30px !important;color:#34343c;line-height:1.4;font-weight:300;margin-bottom:15px;}
div#divContent-contact div#divContent-contactIn p#p-h3{font-family:'Open-Sans' !important;font-size:15px;text-align:center;color:#606060 !important;line-height:1.4}
div#divContent-contact div#divContent-contactIn div#divContact-Tel{margin-top:8%;margin-bottom:10%}
div#divContent-contact div#divContent-contactIn div#divContact-Tel h6{color:#34343c;font-family:'Open-Sans' !important;font-weight:300;font-size:1.5em;margin:1.5% 0%;line-height:1.4;text-align:center;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel p{color:#34343c;font-family:'Open-Sans' !important;padding-top:2.5%;font-weight:300;font-size:.85em;margin:1.5% 0%;line-height:1.4;text-align:center;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel span{color:#0079c2;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:33.333%;float:left;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:33.333%;float:left;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:33.333%;float:left;}

div#divContent-contact div#divContent-contactIn div#divLoaction{width:100%}
div#divContent-contact div#divLoaction{width:100%;}
div#divContent-contact div#divLoaction div#divMap{width:100%;float:left;}
div#divContent-contact div#divLoaction div#divForm{width:50%;float:left;position:relative;}
div#divContent-contact div#divLoaction div#divForm h3{color:#fff;font-size:36px !important;font-weight:300;text-align:center;font-family:'Open-Sans' !important;line-height:2}
div#divContent-contact div#divLoaction div#divForm p{color:#fff;font-size:17px;text-align:center;font-weight:300;font-family:'Open-Sans' !important;margin-bottom:10%;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn{width:75%;position:absolute;top:0;right:0;background:#616161;opacity:.9;padding:50px;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact1{width:44%;font-weight:300;float:left;font-family:'Open-Sans' !important;color:#ffffff;padding: 6px 12px;margin:1% 1%;margin-bottom:2%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;height:25px;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact2{width:94%;font-family:'Open-Sans' !important;color:#ffffff;padding: 6px 12px;margin:1% 1%;background-color: rgba(255, 255, 255, 0.2);margin-bottom:10%;font-size: 14px;border-color:#fff;height:100px;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .btncontact{text-align:center;margin:0 auto;display:table;font-family:'Open-Sans' !important;color:#ffffff;padding:9px 20px;background-color:transparent;font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm img{width:100%;display:block;}

div.divArchitect div#divAbouts div#divComment1 , div#divComment2 , div#divComment3 ,div#divComment4{background-color:#3a3a3a;opacity:0.9;width:90%;margin:0 auto}

a#CloseModal{width:35px;height:35px;background:rgba(0,0,0,.12);z-index:1000000;border-radius:50px;display:block;text-align:center;padding-top:.12%;-webkit-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-o-transition:all 2s ease 0s;transition:all 2s ease 0s;}
a#CloseModal:hover{background:#999;}

div.divArchitect div.divAbout-Modal{width:100%;height:0VH;position:fixed;z-index:1000000000;background:#fff;bottom:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
div.divArchitect div.divAbout-Modal div#divImage{width:50%;height:100VH;float:left;position:relative;}
div.divArchitect div.divAbout-Modal div#divImage img{width:70%;position:absolute;top:50%;right:50%;transform:translateX(50%) translateY(-50%);}

div.divArchitect div.divAbout-Modal div#divComment{width:40%;float:right;color:black;padding:10% 5%}
div.divArchitect div.divAbout-Modal div#divComment h1{color:black;font-size:20px;line-height:50px}
div.divArchitect div.divAbout-Modal div#divComment h2{color:black;font-size:16px;opacity:.8}
div.divArchitect div.divAbout-Modal div#divComment p{color:#3a3a3a;line-height:35px;text-align:justify}


.photobox {
    display: inline-block;
}

.photobox__previewbox {
    position: relative;
    overflow: hidden;
}

.photobox__preview {
    display: block;
    max-width: 100%;
}

    .photobox__preview img {
        width: 100%;
        display: block;
        color: #202125
    }

.photobox__previewbox:before {
    content: "";
}

.photobox_type17 .photobox__previewbox:before {
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.57);
    opacity: 0;
    transition: opacity var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.photobox_type17:hover .photobox__previewbox:before {
    opacity: 1;
}

.photobox_type17 .photobox__label {
    width: 95%;
    text-align: center;
    opacity: 0;
    transition: opacity calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity, transform;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%, 200%);
    z-index: 2;
    line-height: 1em;
}

.photobox_type17:hover .photobox__label {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s) / 2);
    transition-delay: calc(var(--photoboxAnimationDuration, .4s) / 2);
}

.photobox_type17 .photobox__label a {
    color: white;
    font-size: 18px;
}

.photobox_type17 .photobox__preview {
    transition: transform var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity, transform;
    transform: scale(1) translate(0, 0);
}

.photobox_type17:hover .photobox__preview {
    transform: scale(1.2) translate(4%, 4%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.photobox {
    color: #fff;
    font-weight: 700;
    width: 100%;
}

.page {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.page__demo {
    flex-grow: 1;
}

.page__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.main-container {
    padding-left: 1rem;
    padding-right: 1rem;
}

#divMenuIntro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10000000;
    width: 100%
}

    #divMenuIntro h1 {
        color: #231b59;
        padding-left: 3.2%;
        font-size: 3em;
        color: white;
        font-family: PlayfairDisplay-Regular;
        letter-spacing: .1em;
    }

    #divMenuIntro p {
        padding: 2% 3.2%;
        font-size: 1.2em;
    }

    #divMenuIntro div.divIntroMenu {
        width: 100%;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        text-align: center
    }

    #divMenuIntro div.divIntroMenuIn {
        text-align: center;
        margin: 0 auto;
        padding: 1% 3%;
        display: inline-block
    }

    #divMenuIntro img#intro-logo {
        width: 20%
    }

    #divMenuIntro div.divIntroMenuIn a {
        color: #231b59
    }

    #divMenuIntro div.divIntroMenuIn:hover a {
        color: #fff
    }

    #divMenuIntro div.divIntroMenuIn:hover {
        background: #e7d694;
        color: #fff
    }

    #divMenuIntro div#divSocialintro {
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
    }

        #divMenuIntro div#divSocialintro img {
            filter: gray; /* IE5+ */
            -webkit-filter: grayscale(1);
            -webkit-transition: all .8s ease-in-out;
        }

            #divMenuIntro div#divSocialintro img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
                -webkit-transform: scale(1.01);
            }



a.All {
    color: white;
    font-size: 18px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}

.filter {
    width: 99%;
    margin: 0 auto;
    display: table;
    text-align: center;
    background:#76aada;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    padding: .5% .5%;
}

    .filter a {
        display: inline-block;
        padding: 1px 10px;
        color: #fff;
        cursor: pointer;
        position: relative;
        opacity: .5;
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

        .filter a:hover {
            opacity: 1;
        }

.boxes {
    margin-top: 1%
}

div.tab a:focus, .active {
    opacity: 1 !important
}

.is-animated {
    animation: .6s zoom-in;
}
    
div#divLocation{width:100%;position:relative;}
div#divLocation div#map{width:100%;height:550px;}
div#divLocation div#divForm{width:60%;position:absolute;top:0;right:0;height:100%;}
div#divLocation div#divForm h3{color:#fff;font-size:22px !important;font-weight:300;text-align:center;line-height:2;margin-bottom:5%}
div#divLocation div#divForm div#divFormIn{width:60%;height:89%;position:absolute;top:0;right:0;background:#333;opacity:.9;padding:30px;}
div#divLocation div#divForm div#divFormIn .txtcontact1{width:30%;font-weight:300;float:right;color:#fff;padding:1% 1%;margin:0 .5%;margin-top:1%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;}
div#divLocation div#divForm div#divFormIn .txtcontact1::-webkit-input-placeholder{color:white;}
div#divLocation div#divForm div#divFormIn .txtcontact2{width:96.5%;color:#ffffff;padding:1% 1%;margin:0 .5%;margin-top:1%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;height:100px;border:1px solid #fff;border-radius:4px;}
div#divLocation div#divForm div#divFormIn .txtcontact2::-webkit-input-placeholder{color:white;}
div#divLocation div#divForm div#divFormIn .btncontact{text-align:center;margin:0 auto;display:table;color:#ffffff;padding:9px 20px;background-color:transparent;font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;margin-top:10%}

div.divProduct{width:95%;margin:0 auto;margin-top:2% !important;}
div.divProduct h1{color:#333;font-size:2em;line-height:3em;}
div.divProduct h2{color:#333;font-size:1.3em;line-height:3em;}
div.divProduct div.divImage{width:50%;float:right;}
div.divProduct div.divImage img{width:100%;}
div.divProduct div.divComment{width:50%;float:left;}
div.divProduct div.divComment div.divPart1{float:left;width:48%;color:#808080;font-size: 1.2em;line-height: 1.9em;margin-top:3%;margin-bottom:7%;}
div.divProduct div.divComment div.divPart1 li{border-top:1px solid #333;line-height:4em;}


div.divProduct div.divLinkPro{text-align:center;margin-top:3%}
div.divProduct a.LinkPro{border:1px solid #000;padding:.5% 2%;color:#333;margin:0 auto;margin:1% 3%}
div.divProduct a.LinkPro:hover{background:#01182a;color:#ffa500;}

div.divGalleyAbout {
    width:49%;
    position: relative;
    float: right;
    margin: .5% .5%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
    div.divGalleyAbout div.divTitle{width:94%;font-size:.82em;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;bottom:0%;text-align:center;background:rgba(33, 33, 33, 0.57);z-index:1000;padding:1% 3%;cursor: pointer;}
    div.divGalleyAbout div.divTitle a{color:#fff}
    div.divGalleyAbout img {
        width: 100%;
        filter: gray;
        border-radius: 5px;
        -webkit-transition: all .8s ease-in-out;
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
div.divGalleyAbout img:hover{width:100%;  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  filter: none;
}


div.divPro-Sujest{width:47%;float:right;padding:.5% .5%;background:#3a3a3a;margin:1% 1%}
div.divPro-Sujest img{width:30%;float:left;padding-right:2%;}
div.divPro-Sujest p{margin-top:2%;}
div.divPro-Sujest a{color:#c3c3c3;font-size:1.4em;font-weight:bold;}

.marquee {
  display: inline-block;
  white-space: nowrap;
/*   animation: scrollLeft 38s linear infinite; */
  padding-left: 101%;
}

.marquee:hover {
   animation-play-state: paused
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%)
  }
}


div.divGalley {
    width: 19%;
    float: right;
    margin: .5% .5%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

    div.divGalley img {
        width: 100%;
        border-radius: 5px;
        -webkit-transition: all .8s ease-in-out;
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        div.divGalley img:hover {
            width: 100%;
            -webkit-transform: scale(1.25);
            -moz-transform: scale(1.15);
            -ms-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
            filter: none;
            -webkit-filter: grayscale(0);
        }

div.divContent-Back {
    background: url('/Images/back.png');
}

div.divCovers {
    width: 85%;
    margin: 0 auto;
    border-width: 40px;
    border-style: solid;
    border-color: transparent;
    border-image: url(/images/TBBjpsToRMaQp7vLG6Ty_border-image-white-decor.png) 100 round;
}

    div.divCovers div.divImage {
        width: 46%;
        float: right;
        margin: 0 1%;
        border-left: 5px solid transparent;
        border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 0 0 30 round;
    }

        div.divCovers div.divImage img {
            width: 95%;
            display: block;
            border-radius: 1em;
        }

    div.divCovers div.divText {
        width: 48%;
        margin: 0 1%;
        float: left;
    }

        div.divCovers div.divText h3 {
            color: white;
            font-size: 1.5em;
            padding: 0.5% 0%
        }

        div.divCovers div.divText p {
            font-size: .85em !important;
            opacity: .8;
            ;
            line-height: 2em
        }

    div.divCovers div.divImage2 {
        width: 46%;
        float: left;
        margin: 0 1%;
        border-right: 5px solid transparent;
        border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 30 0 0 round;
    }

        div.divCovers div.divImage2 img {
            width: 95%;
            display: block;
            float: left;
            border-radius: 1em;
        }

    div.divCovers div.divText2 {
        width: 48%;
        margin: 0 1%;
        float: right;
    }

        div.divCovers div.divText2 h3 {
            color: white;
            font-size: 1.5em;
            padding: 0.5% 0%
        }

        div.divCovers div.divText2 p {
            font-size: .85em !important;
            opacity: .8;
            line-height: 2em
        }

div#divAll div.divArticle {
    width: 66%;
    padding: 2% 2%;
    float: right
}

    div#divAll div.divArticle div.divArticleIn img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

        div#divAll div.divArticle div.divArticleIn img.imgArt {
            width: 40%;
            float: left;
            margin-right: 2%;
            margin-bottom: 2%;
        }

div#divAll div.divSuject {
    width: 28%;
    padding: 1% 1%;
    float: left
}

.P-Sup {
    display: none;
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}

.ImgSup:hover {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin-bottom: 1%;
}

    .ImgSup:hover + .P-Sup {
        display: block
    }

div#divParts {
    width: 100%;
    position: relative;
}

    div#divParts p {
        font-size: 2em
    }

    div#divParts img.Back {
        width: 100%
    }

    div#divParts div.divText {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        text-align: center;
    }

div#divCopyright {
    width: 100%;
    background-color: #0f0f0f;
    color: white;
    padding: 10px 0
}

    div#divCopyright p {
        font-size: 12px;
        font-family: Arial;
        direction: ltr
    }

/*Aos Animate div*/
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translate(0)
    }

[data-aos=fade-up] {
    transform: translateY(100px)
}

[data-aos=fade-down] {
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    transform: translate(-100px)
}

[data-aos=fade-left] {
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    transform: translate(-100px,100px)
}

[data-aos=fade-up-left] {
    transform: translate(100px,100px)
}

[data-aos=fade-down-right] {
    transform: translate(-100px,-100px)
}

[data-aos=fade-down-left] {
    transform: translate(100px,-100px)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translate(0) scale(1)
    }

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translate(0)
    }

[data-aos=slide-up] {
    transform: translateY(100%)
}

[data-aos=slide-down] {
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

.item {
    padding: 1% 3%;
    margin-top: 7% !important;
    text-align: center;
    font-size: .9em;
    margin: 0 auto;
    display: table;
    border: 2px solid #fff;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

    .item a {
        color: #fff
    }

    .item:hover {
        background: #000000;
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        -o-transition: all 1s ease 0s;
    }


div#divAll div#divcontactform {
    width: 50%;
    float: right;
}

    div#divAll div#divcontactform div#divcontactformIn {
        width: 50%;
        margin: 0 auto
    }

        div#divAll div#divcontactform div#divcontactformIn input.TextBox {
            width: 100%;
            margin: 0 auto;
            border: 2px solid #808080;
            margin-bottom: 2%;
            height: 30px;
            padding: .2% 1%
        }

        div#divAll div#divcontactform div#divcontactformIn input.btng {
            background: white;
            border: 2px solid #2196f3;
            color: #2196f3;
            padding: 1% 4%;
            margin-top: 2%
        }

div#divAll div#divcontactText {
    width: 50%;
    float: left;
}

    div#divAll div#divcontactText div#divcontactTextIn {
        width: 50%;
        margin: 0 auto;
    }

        div#divAll div#divcontactText div#divcontactTextIn h1 {
            font-size: 3em;
            line-height: 60px
        }

        div#divAll div#divcontactText div#divcontactTextIn p {
            color: #757575
        }

div#divAll div#divVideo {
    width: 47.5%;
    float: right;
}

    div#divAll div#divVideo a {
        color: white;
        font-size: 30px !important
    }

    div#divAll div#divVideo img {
        width: 100%
    }

    div#divAll div#divVideo div.divMusicIn1 {
        width: 45%;
        float: right;
        position: relative;
        margin-bottom: 5%
    }

        div#divAll div#divVideo div.divMusicIn1 div.Title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%)
        }

    div#divAll div#divVideo div.divMusicIn2 {
        width: 45%;
        float: left;
        position: relative;
        margin-bottom: 5%
    }

        div#divAll div#divVideo div.divMusicIn2 div.Title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%)
        }

div#divAll div#divMusic {
    width: 47.5%;
    float: left;
}

table.tblMusic {
    width: 60%;
    margin: 0 auto;
}

    table.tblMusic a {
        color: red;
        font-size: 20px
    }

    table.tblMusic th {
        width: 33.3%;
        padding-bottom: 2.5%;
    }

        table.tblMusic th.Table_hr {
            display: none
        }

div#divAll div#divMusic a {
    color: white;
    font-size: 30px !important
}

div#divAll div#divMusic img {
    width: 100%
}

div#divAll div#divMusic div.divMusicIn1 {
    width: 45%;
    float: right;
    position: relative;
    margin-bottom: 5%
}

    div#divAll div#divMusic div.divMusicIn1 div.Title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

div#divAll div#divMusic div.divMusicIn2 {
    width: 45%;
    float: left;
    position: relative;
    margin-bottom: 5%
}

    div#divAll div#divMusic div.divMusicIn2 div.Title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

.Free70 {
    height: 50px !important;
}
/*About*/
div.Marquee {
    position: relative;
    padding: 10% 0;
}

    div.Marquee ul {
        position: absolute;
        top: 50%;
        width: 800px;
        height: 200px;
        left: 50%;
        margin-left: -400px;
        margin-top: -130px;
    }

        div.Marquee ul > li {
            width: 25%;
            list-style-type: none;
            position: absolute;
            top: 0;
            padding: 20px;
            height: 200px;
            opacity: 0;
            padding-top: 40px;
            text-align: center;
            transition: 1s opacity;
        }

    div.Marquee .active {
        opacity: 1;
    }

    div.Marquee p {
        font-family: sans-serif;
        font-size: 13px;
        color: #646566;
        line-height: 1.5em;
    }

    div.Marquee strong {
        color: #fff;
        font-weight: 700;
        font-size: 60px;
        line-height: 100px;
    }

.BackgG {
    background-color: #000;
}

.my-section {
    background-color: #f7f7f7;
    padding: 12.8rem 25.6rem;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.col-1-of-2 {
    float: left;
    width: 80%;
}

    .col-1-of-2:not(:last-child) {
        margin-right: 4rem;
    }

.center-text {
    text-align: center;
}

.mb-big {
    margin-bottom: 8rem;
}

.mb-small {
    margin-bottom: 2rem;
}

.primary-heading {
    display: inline-block;
    color: transparent;
    background-image: linear-gradient(to right, #ffa952, #ff8f56);
    background-clip: text;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .5rem;
}

.secondary-heading {
    font-size: 1.6rem;
    letter-spacing: .25rem;
}

.composition {
    position: relative;
}

    .composition:hover .composition__photo:not(:hover) {
        transform: scale(.95);
    }

.composition__photo {
    width: 55%;
    /*box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .4);*/
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    transition: all .2s;
    outline-offset: -1.6rem;
}

    .composition__photo:hover {
        outline: 2px solid #fff;
        transform: scale(1.05) translateY(-.5rem);
        box-shadow: 0 2.5rem 4rem rgba(#000, .5);
        z-index: 20;
    }

.composition__photo--p1 {
    left: 0;
    /*top: -2rem;*/
}

.composition__photo--p2 {
    right: 0;
    top: 2rem;
}

.composition__photo--p3 {
    left: 20%;
    top: 10rem;
}


/* LightBox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:0;width:100% !important;height:auto;}
#jquery-lightbox{position:fixed;top:50% !important;left:50% !important;transform:translateY(-50%) translateX(-50%);width:100%;z-index:100000000000000000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-container-image img{width:100% !important;background:url('/images/lightbox-ico-loading.gif') 32px no-repeat center !important;}
#lightbox-loading{height:32px;width:32px;text-align:center;margin:0 auto;display:block;line-height:0;display:inline-block;vertical-align:middle;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100% !important;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px BYekan;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:right;text-align:right;direction:rtl;}
#lightbox-image-details-caption{font-size:1.2em;color:White;text-align:right;direction:ltr;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;font-size:0.9em;}
#lightbox-secNav-btnClose{width:66px;float:left;padding-bottom:0.7em;margin-top:0px;}

div.divMenu div#divLogo {float:none;direction:rtl !important;}
div.divMenu div#divLogo img {width:8%;margin-left:auto;margin-right:auto;display:block;}
.ver-super{vertical-align:super}
.ver-sub{vertical-align:sub}
div.divMenu div#divlng {float:none;}
div.divMenu div#divlng nav{margin:0 auto;display:table;}
div.divMenu div#divlng div.divln{padding-left:12px}
div#divMenuSide{display:none}

div.divMenu div.divln {position:absolute;right:2%;top:15%;}
div.divMenu div.divTel {position:absolute;left:2%;top:15%;}




/*MENU*/
nav {display: block;}
.menu {
    display: block;
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a {
    text-decoration: none;
    padding:8px 12px;
    display: block;
    color: #333;
    font-size:.95em;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,.menu li:hover>a {
    color: #fff;
    background:#76aada;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width:180px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}
.menu .sub-menu li a{padding:12px 15px !important}
    .menu .sub-menu {-webkit-box-shadow: 0 7px 7px rgba(0,0,0,.15); }
    .menu ul li a {
        font-size: 14px;
        font-weight: normal;
        display: block;
        color: #797979;
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

.menu ul li a:hover,.menu ul li:hover>a {
    background:#76aada;
    color: #fff;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul ul {
    left: 169px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}

.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #374147;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-menu:hover {
    background: #374147;
    color: #fff;
    text-decoration: none;
}

a.homer {
    background: #9ca3da;
}



/* Superfish */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10000;
}

.sf-menu {
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 13.5em;
    }

        .sf-menu ul li {
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit;
    }

    .sf-menu li {
        float: left;
        position: relative;
        margin-top: 2%;
    }

        .sf-menu li#li-logo {
            margin-top: 0%;
        }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        top:20px; /* match top ul list item height */
        z-index: 3000;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

/*** DEMO SKIN ***/
/*.sf-menu {float:left;}*/
.sf-menu a {
    /*border-left:	1px solid #32393A;*/
    /*border-top:		1px solid #32393A;*/
    padding: 0 30px;
    text-decoration: none;
}

    .sf-menu a.Sub {
        border-left: 1px solid #32393A;
        border-top: 1px solid #32393A;
        padding: 1em 1em;
        text-decoration: none;
    }

    .sf-menu a, .sf-menu a:visited {
        color: #fff;
        font-size: .87em;
        opacity: .7;
    }

        .sf-menu a:hover {
            opacity: 1;
        }

.sf-menu li {
    /*background:		#eeeeee;
	background-image:url('http://www.beronza.com/images/BackgroundMenu.jpg');*/
}

    .sf-menu li li {
        opacity: 0.85;
        filter: alpha(opacity=80);
        background: #333333d9;
        padding: 5% 0%;
        margin-top: 0%;
        /*background-image:url('http://www.beronza.com/images/BackgroundMenu.jpg');*/
    }

        .sf-menu li li:hover {
            background: #cdac7d;
        }

        .sf-menu li li li {
            /*background:		#eeeeee;
	background-image:url('http://www.beronza.com/images/BackgroundMenu.jpg');*/
        }
    /*.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		Black;
	outline:		0;
}*/

    /*---------------------------------------------------*/
    .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline: 0;
        opacity: 0.90;
        filter: alpha(opacity=90);
    }
/*---------------------------------------------------*/

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('http://www.beronza.com/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('http://www.beronza.com/images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }

/*RTL*/
/*** ESSENTIAL STYLES ***/
.sf-menu li {
    float: left;
}

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        right: 0;
        left: auto;
    }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    right: 12em;
    left: auto;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    right: 12em;
    left: auto;
}

/*** DEMO SKIN ***/
.sf-menu {
    margin: 0 auto;
    display: table;
}
    /*.sf-menu a {border-right:1px solid #999999; border-left:none;}*/

    /*** arrows **/
    .sf-menu a.sf-with-ul {
        padding-left: 2.25em;
        padding-right: 1em;
    }

.sf-sub-indicator {
    right: auto;
    left: .75em;
    background-image: url('../images/arrows-ffffff-rtl.png');
}

.sf-shadow ul {
    padding: 0 0 9px 8px;
    background-position: left bottom;
    text-align: left;
    border-top-left-radius: 17px;
    border-bottom-right-radius: 17px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 17px;
    -moz-border-radius-topleft: 17px;
    -webkit-border-top-left-radius: 17px;
    -webkit-border-bottom-right-radius: 17px;
    border-top-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

/*Hover Imge*/
figure.snip0018 {
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: .5%;
    width: 19%;
    background: #bda147;
    text-align: center;
    float: right;
}

    figure.snip0018 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    figure.snip0018 img {
        opacity: 1;
        width: 100%;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.snip0018 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        figure.snip0018 figcaption > div {
            height: 50%;
            overflow: hidden;
            width: 100%;
            position: relative;
        }

        figure.snip0018 figcaption::before {
            position: absolute;
            top: 50%;
            right: 50%;
            left: 50%;
            height: 2px;
            content: '';
            opacity: 0;
            background-color: rgba(255, 255, 255, 0);
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

    figure.snip0018 h2,
    figure.snip0018 p {
        margin: 0;
        padding: 30px 35px;
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
    }

    figure.snip0018 h2 {
        display: inline-block;
        word-spacing: -0.1em;
        font-weight: 300;
        text-transform: uppercase;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-transform: translate3d(0%, 50%, 0);
        transform: translate3d(0%, 50%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

        figure.snip0018 h2 span {
            font-weight: 800;
        }

    figure.snip0018 p {
        font-weight: 300;
        top: 0%;
        color: #000;
        background: #fff;
        -webkit-transform: translate3d(0%, -50%, 0);
        transform: translate3d(0%, -50%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    figure.snip0018 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        color: #ffffff;
    }

    figure.snip0018:hover img {
        opacity: 0.7;
    }

    figure.snip0018:hover figcaption h2,
    figure.snip0018:hover figcaption p {
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    figure.snip0018:hover figcaption h2 {
        opacity: 1;
    }

    figure.snip0018:hover figcaption p {
        opacity: 1;
    }

    figure.snip0018:hover figcaption::before {
        background: #fff;
        left: 0px;
        right: 0px;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

/*Responsive*/
@media only screen and (max-width:1600px) {
    .btnSignUp {
        border: 2px solid black;
        color: black;
        padding: 1% 1%;
        font-size: 12px
    }

    div.divService-c1 {width:80%;}
div.divService-c2 {width:80%;}
div.divFilter div.divTitle {bottom:4%;}
div.divService-c1 div.divServiceCOM{padding:1% 2%;}
div.divService-c2 div.divServiceCOM{padding:1% 2%;}
div.divService-c1 div.divServiceCOM h1{line-height:1em}
div.divService-c2 div.divServiceCOM h1{line-height:1em}
div.divService-c1 div.divServiceCOM p{font-size:13px !important}
div.divService-c2 div.divServiceCOM p{font-size:13px !important}

    div.divCovers {
        width: 80%;
        margin: 0 auto;
        border-width: 40px;
        border-style: solid;
        border-color: transparent;
        border-image: url(/images/TBBjpsToRMaQp7vLG6Ty_border-image-white-decor.png) 100 round;
    }

        div.divCovers div.divImage {
            width: 46%;
            float: right;
            margin: 0 1%;
            border-left: 5px solid transparent;
            border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 0 0 30 round;
        }

            div.divCovers div.divImage img {
                width: 95%;
                display: block;
                border-radius: 1em;
            }

        div.divCovers div.divText {
            width: 48%;
            margin: 0 1%;
            float: left;
        }

            div.divCovers div.divText h3 {
                color: white;
                font-size: 1.2em;
                padding: 0.5% 0%
            }

            div.divCovers div.divText p {
                font-size: .7em !important;
                opacity: .8;
                ;
                line-height: 2em
            }

        div.divCovers div.divImage2 {
            width: 46%;
            float: left;
            margin: 0 1%;
            border-right: 5px solid transparent;
            border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 30 0 0 round;
        }

            div.divCovers div.divImage2 img {
                width: 95%;
                display: block;
                float: left;
                border-radius: 1em;
            }

        div.divCovers div.divText2 {
            width: 48%;
            margin: 0 1%;
            float: right;
        }

            div.divCovers div.divText2 h3 {
                color: white;
                font-size: 1.2em;
                padding: 0.5% 0%
            }

            div.divCovers div.divText2 p {
                font-size: .7em !important;
                opacity: .8;
                line-height: 2em
            }



    div#divAboutHome div#divAboutHomeIn1 {
        width: 40%;
        margin-right: 0%;
        float: left;
    }

    div#divAboutHome div#divAboutHomeIn2 {
        width: 50%;
        margin-right: 0%;
        float: right;
    }

    /*Short Text*/
    .morecontent span {
        display: none;
    }


    figure.snip0018 {
        color: #fff;
        position: relative;
        overflow: hidden;
        margin: .5%;
        width: 24%;
        background: #bda147;
        text-align: center;
        float: right;
    }
    div.divProductsHome ul{width: 70%;}
}

@media only screen and (max-width:1200px) {
.menu li a {padding: 8px 5px !important;}
}

@media only screen and (max-width:1100px) {
div.divHeader div#divMenu div#divMenuIn{float:none;width:100%;margin-left:0;margin-top:0;}
div.divHeader div#divMenu div#divLogo{float:none;}
div.divHeader div#divMenu div#divLogo img{margin-left:auto;margin-right:auto;display:block;}
#searchbox5{left:0 !important;right:initial !important;top:30% !important;}
.menu{text-align:center}
div.divProductsHome ul{width:90%}
div.divProductsHome a {font-size: 1.3em;padding: 1% 1.5%;}
div.divProductsHome span {font-size:.8em}

div.LatestNews{margin-bottom:8%;}

div.divPro-Sujest{width:94%;float:none;display:inline-block;padding:3% 2%}

    #divMenuIntro h1 {
        font-size: 2.5em;
        letter-spacing: .1em;
    }

    div.divService-c1 {width:95%;}
div.divService-c2 {width:95%;}


    div#divParts p {
        font-size: 1.5em
    }

    div.divAbout {
        width: 90%;
        margin-top: 5% !important;
        direction: rtl;
        color: #808080;
        line-height: 1.9em;
        margin: 0 auto;
    }

    .sf-menu a {
        padding: 0 20px;
    }

    .composition__photo--p2 {
        right: -40%;
        top: 2rem;
    }

    div.divGalley {
        width: 24%;
    }

    .timeline .swiper-pagination {
        right: 2% !important;
    }

    div#divAboutHome div#divAboutHomeIn1 img {
        width: 90%;
    }

    figure.snip0018 {
        color: #fff;
        position: relative;
        overflow: hidden;
        margin: .5%;
        width: 32.3%;
        background: #bda147;
        text-align: center;
        float: right;
    }
}

@media only screen and (max-width:950px) {
#lightbox-container-image-box{position:relative;background-color:#000;width:100% !important;height:auto !important;margin:0 auto;}
#lightbox-container-image-data-box{font:10px BYekan;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100% !important;}
div#divTop div.divTel{font-size:.85em !important;}
    div#divTop span.Slogan{display:none;}

    .sf-menu a, .sf-menu a:visited {
        font-size: .85em;
    }

    .sf-menu a {
        padding: 0 15px
    }

    div.divMenu div#divLogo img {
        width: 60%;
    }

    div.divService-c1 div.divServiceCOM {max-height: 200px;overflow: auto;}
div.divService-c2 div.divServiceCOM {max-height: 200px;overflow: auto;}

    .timeline .swiper-slide .timeline-title {
        font-weight: 800;
        font-size: 1.8em !important;
        margin: 0 0 30px;
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        transition: .2s ease .5s;
    }

    div.Marquee ul {
        position: absolute;
        top: 65%;
        width: 650px;
        height: 200px;
        left: 50%;
        margin-left: -338px;
        margin-top: -130px;
    }

    .faq-drawer__title {
        font-size: 1em !important;
        line-height: 1.8;
    }
}

@media only screen and (max-width:740px) {
    div#divProductPrice div#divPrice{width: 96%;float: none;}
    div#divProductPrice div#divOrder{width:initial !important;position:initial !important;}
    div#divFooter div.divFooterIn1{width:100% !important;float: none !important;}
    div#divFooter div.divFooterIn2 {width:100% !important;float: none !important;}
    div#divFooter div.divFooterIn1 div.divLink {float:none !important;width: 100% !important;}
    div#divFooter div.divFooterIn1 div.divLink div.divPart1{float: left;width: 33% !important;}
    div#divFooter div.divFooterIn2 img {border-right:initial !important;float:none !important;padding-right:initial !important;margin-left:auto;margin-right:auto;display:block;}
    div#divFooter div.divFooterIn2 div.divInfo {float:none !important;margin-left:initial !important;width:initial !important;text-align:center;}
        
    div.divPro3 {width:98%;}
    div.divProductsH{width:98% !important;float:none !important;margin:1%}

    div.divFormHome div.divFormHomeIn{width:100%;}
    div.divFormHome div.divFormHomeIn div.divComment{width:100%;position:inherit;transform:inherit;}
    div.divFormHome div.divFormHomeIn div.divtextarea{width:100%;position:inherit;}


    div.divSearchM{display:block}
    div.divSearchM{position:absolute;left:0%;top:2%;display:block}

    div.divPro2{min-height:310px}

    div.divProduct div.divComment {float:none !important;width:100% !important;}
    div.divProduct div.divImage {float:none !important;width:100% !important;}
    h1 {
        color: #fff;
        font-size: .85em !important;
    }

    h2 {
        color: #fff;
        font-size: .75em;
    }

    h3 {
        color: #fff;
        font-size: .7em;
    }

    div#divAboutHome div.divAboutHomeIn{width:95%;float:none;margin:0 auto;margin-bottom:2% !important;line-height:1.5em}
    div.LatestNews{margin-bottom:13%;}
    div.divProductsH div.divImage{width:100%;float:none;}
    div.divProductsH div.divComment{width:98% !important;float:none !important;padding:1%;}
    div.divProductsH div.divComment div.divCommentIn{width: 100%;float: none;border-right: initial;}
    div.divProductsH div.divComment div.divLink {width: 100%;float: none;}
    div.divProductsH div.divComment div.divLink img {width:50%;margin-left:auto;margin-right:auto;display:block;}

    #divMenuIntro h1 {
        font-size: 1em;
        letter-spacing: .1em;
    }

    #divMenuIntro p {
        font-size: .85em
    }

    div#divParts p {
        font-size: 1em
    }

    div.divGalley {
        width: 32.33333%;
    }

    figure.snip0016 {
        width: 99% !important;
    }

div.divProductsHome ul{width:95%}
div.divProductsHome a {font-size:1em;padding: 1% 1%;}
div.divProductsHome span {font-size:.7em}


    div.divCovers div.divImage {
        width: 96%;
        float: none;
        margin: 0% 1%;
        margin-bottom: 3%;
        border-bottom: 5px solid transparent;
        border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 0 0 0 round;
    }

        div.divCovers div.divImage img {
            width: 100%;
            display: block;
            border-radius: 1em;
        }

    div.divCovers div.divText {
        width: 98%;
        margin: 0 1%;
        float: left;
    }

        div.divCovers div.divText h3 {
            color: white;
            font-size: 1.2em;
            padding: 0.5% 0%
        }

        div.divCovers div.divText p {
            font-size: .7em !important;
            opacity: .8;
            ;
            line-height: 2em
        }

    div.divCovers div.divImage2 {
        width: 96%;
        float: none;
        margin: 0% 1%;
        border-bottom: 5px solid transparent;
        border-image: url(/images/wycu3fmLQDG0eZlWFs01_divider-white.png) 0 0 0 0 round;
    }

        div.divCovers div.divImage2 img {
            width: 100%;
            display: block;
            float: left;
            border-radius: 1em;
        }

    div.divCovers div.divText2 {
        width: 98%;
        margin: 0 1%;
        float: right;
        margin-top: 3%;
    }

        div.divCovers div.divText2 h3 {
            color: white;
            font-size: 1.2em;
            padding: 0.5% 0%
        }

        div.divCovers div.divText2 p {
            font-size: .7em !important;
            opacity: .8;
            line-height: 2em
        }

    div.divHeader div#divMenu div#divMenuIn {
        display: none
    }
    #searchbox5{position:initial !important;transform: translateY(5%) !important;}
    div.divHeader div#divMenu div#divLogo {
        width: 50%;
        margin: 0 auto;}
    div#divMenuSide{display:inline-block;position:absolute;top:5%;}

    div.divFilter2 {
        width: 47.5%;
        float: right;
        margin: 0% .75%;
        position: relative
    }
    div.divContact div.divImg {width:100%;float:none;}
    div.divContact div.divComment{width:100%;float:none;}
    div.divArticle {
        width: 96% !important;
        padding: 2% 2%;
        float: none;
        font-size: 13px;
        line-height: 2em;
    }
    div.divArticles div.divArticle img.imgArticle{width:100% !important;}
        div.divArticle div.divArticleIn img {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            display: block
        }

            div.divArticle div.divArticleIn img.imgArt {
                width: 40%;
                float: left;
                margin-right: 2%;
                margin-bottom: 2%;
            }

    div.divSuject {
        width: 100%;
        padding: 1% 1%;
        float: none
    }

    div.divFilter div.divTitle {
        bottom: 5%;
    }

    div.divAbout div.divImage {
        float: none;
        width: 60%;
        margin: 0 0%;
        margin: 0 auto
    }

        div.divAbout div.divImage img {
            width: 100%;
        }

    div.divAbout div.divText {
        float: right;
        width: 100%;
        margin: 0 0%;
        margin-bottom: 30% !important;
        margin: 0 auto
    }

    div#divAboutHome {
        padding-bottom:5%;
    }

        div#divAboutHome div#divAboutHomeIn1 {
            width: 50%;
            margin-right: 0%;
            float: none;
            margin: 0 auto
        }

        div#divAboutHome div#divAboutHomeIn2 {
            width: 95%;
            margin-right: 0%;
            float: none;
            margin: 0 auto
        }

    .composition__photo--p3 {
        left: 20%;
        top: 6rem;
    }

    div.Marquee ul {
        position: absolute;
        top: 65%;
        width: 90%;
        height: 200px;
        left: 50%;
        margin-left: -225px;
        margin-top: -130px;
    }

    div#divFooter div.divFooterIn {
        width: 95%;
        float: none;
        border-bottom: 1px ridge #fff;
        margin-bottom: 3%;
    }

    div#divFooter div.div-Social {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    div#divFooter div.div-CopyRight {
        float: none;
        margin-top: .5%;
        direction: ltr;
        text-align: center;
        font-size: .8em;
    }

    .containersf {
        padding: 1rem !important;
    }

    .faq-drawer__title {
        font-size: .8em !important;
        line-height: 1.8;
    }
    div.divAbout div.divLink {width:100% !important;float:none;}
    div.divAbout div.divLink {width:100% !important;float:none;}
    div.divAbout div.divContents{width:100% !important;}
    
 }

@media only screen and (max-width:550px) {
    div.divMenu div#divLogo img {
        width: 80%;
    }

    .Mediumtxt {
        font-size: 13px;
    }
}

@media only screen and (max-width:480px) {
.f30 {width:100% !important;}
.f50 {width:100% !important;}
.f70 {width:100% !important;}
.fl{float:none !important;margin-bottom: 8% !important;margin-right:0%;}
.fr{float:none !important;margin-bottom: 8% !important;margin-right:0%;}

    div#divAboutHome p {
        font-size: 1em;
        text-align: center;
        font-size: .9em;
        line-height: 1.7em;
    }
    div.divAbout div.divImage {
        float: none;
        width: 100%;
        margin: 0 0%;
        margin-bottom: 10% !important;
        margin: 0 auto
    }
    div#divFooter div.divFooterIn1 div.divLink div.divPart1{width:50% !important;}
    div#divFooter div.divFooterIn1 div.divLink div.divPart1 a{font-size:1.1em !important;}
    div.LatestNews{margin-bottom:20%;}
    div.divProductsH div.divComment{}

div.divProduct div.divComment div.divPart1 {font-size:.9em}
div.divProductsHome li{float: left;width:33.3333%;margin-bottom:2%;}
div.divService-c1{width:95% !important;margin:0 auto;position:relative}
div.divService-c1 div.divServiceIMG{width:98%;float:none;border:2px solid #fff;padding:.7% .7%}
div.divService-c1 div.divServiceIMG img{width:100%;display:block;}
div.divService-c1 div.divServiceCOM{width:94%;position:initial;left:0%;top:0%;transform:translateY(0%);background:#caa13a;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);max-height:initial;overflow:auto}
div.divService-c1 div.divServiceCOM h1{color: #000 !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c1 div.divServiceCOM p{color:#fff;font-size:14px;line-height: 1.8 !important;}

div.divService-c2{width:95%;margin:0 auto;position:relative}
div.divService-c2 div.divServiceIMG{width:98%;float:none;border:2px solid #fff;padding:.7% .7%}
div.divService-c2 div.divServiceIMG img{width:100%;display:block;}
div.divService-c2 div.divServiceCOM{width:94%;position:initial;right:0%;top:0%;transform:translateY(0%);background:#fff;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);max-height:initial;overflow:auto}
div.divService-c2 div.divServiceCOM h1{color: #caa13a !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c2 div.divServiceCOM p{color:#606060;font-size:14px;line-height: 1.8 !important;}


    div#divAll div.divAbout-Modal div#divComment{width:100%;float:none;color:black;padding:10% 5%}
div#divAll div.divAbout-Modal div#divImage{width:80%;height:50VH;float:none;position:relative;margin:0 auto}


    div.divMenu div#divLogo img {
        width: 100%;
    }

    figure.snip0018 {
        color: #fff;
        position: relative;
        overflow: hidden;
        margin: .5%;
        width: 99%
    }

    div#divAboutHome {
        padding-bottom: 50%;
    }

        div#divAboutHome div#divAboutHomeIn1 {
            width: 95%;
            margin-right: 0%;
            float: none;
            margin: 0 auto
        }

        div#divAboutHome div#divAboutHomeIn2 {
            width: 95%;
            margin-right: 0%;
            float: none;
            margin: 0 auto
        }

    .composition__photo--p3 {
        left: 20%;
        top: 6rem;
    }

div#divLocation div#divForm{width:100%;position:inherit;top:0;right:0;height:100%;font-size:.8em;}
div#divLocation div#divForm div#divFormIn{width:95%;height:100%;position:inherit;top: 0;right: 0;background: #333;opacity: .9;padding:2.5%;}
div#divLocation div#divForm div#divFormIn .txtcontact1{width:97%;font-weight:300;float:none;color:#fff;padding:3% 1%;margin:0 .5%;margin-top:1%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;}
div#divLocation div#divForm div#divFormIn .txtcontact2{width:96.5%;color:#ffffff;padding:1% 1%;margin:0 .5%;margin-top:1%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;height:100px;border:1px solid #fff;border-radius:4px;}

}

@media only screen and (max-width:400px) {
    div.Marquee ul {
        position: absolute;
        top: 78%;
        width: 90%;
        height: 200px;
        left: 50%;
        margin-left: -180px;
        margin-top: -130px;
    }

    div.divGalley {
        width: 49%;
    }
}


   /* Menu Responsive */
    .menu-wrap {
        width: 220px;
        margin: 0 auto;
    }

    .menu-sidebar li {
        font-size: 14px;
        font-weight: bold;
    }

    .Borderli {
        border-bottom: 1px solid #333;
    }

    .menu-sidebar li > a {
        color: white;
        font-size: .85em;
        position: relative;
    }

        .menu-sidebar li > a:hover:after {
            background-position: -100% 0;
        }

    .menu-sidebar .menu-item-has-children {
        position: relative;
    }

        .menu-sidebar .menu-item-has-children .sub-menu {
            display: none;
        }

    .sidebar-menu-arrow:after {
        padding: 5px;
        color: #f7941d;
        position: relative;
    }

    .sidebar-menu-arrow:hover:after {
        cursor: pointer;
        color: red;
    }

    .sidebar-menu-arrow:active:after {
        top: 2px;
    }
    /*SIDE NAV*/
    .sidenav {
        width: 100%;
        height: 100%;
        width: 0;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background: #eb4a26;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 1px;
        float: left;
        position: fixed;
        z-index: 10000000000;
    }

        .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #fff;
            display: block;
            transition: 0.3s;
        }

            .sidenav a:hover, .offcanvas a:focus {
                color: #f1f1f1;
            }

        .sidenav .closebtn {
            top: 0;
            left:0%;
            float:right;
            font-size: 36px;
        }

    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

            .sidenav a {
                font-size: 18px;
            }
    }

    nav.Mobile {
        position: relative;
        width: 100%;
    }

        nav.Mobile ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            nav.Mobile ul li a {
                display: block;
                padding: 10px 15px;
                color: #fff;
                text-decoration: none;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
            }

                nav.Mobile ul li a:hover {
                    background: #ff8c00;
                    color: #515151;
                }

                nav.Mobile ul li a .fa {
                    width: 16px;
                    text-align: center;
                    margin-right: 5px;
                    float:right;
                }

            nav.Mobile ul ul {
                background-color: #3e3e3e;
            }

            nav.Mobile ul li ul li a {
                border-right: 4px solid transparent;
                padding: 10px 20px;
            }

                nav.Mobile ul li ul li a:hover {
                    background: #ff8c00;
                    border-left: 4px solid #fff;
                }


/*Article*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);

figure.snip0016 {
    color: #fff;
    position: relative;
    overflow: hidden;
    width: 24%;
    margin: .5% .5%;
    background: #000000;
    text-align: left;
    float: right;
}

    figure.snip0016 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    figure.snip0016 img {
        max-width: 100%;
        opacity: 1;
        width: 100%;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.snip0016 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px 3em;
        width: 100%;
        height: 100%;
    }

        figure.snip0016 figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 100%;
            border-left: 4px solid rgba(255, 255, 255, 0.8);
            content: '';
            opacity: 0;
            background-color: rgba(255, 255, 255, 0.5);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

    figure.snip0016 h2,
    figure.snip0016 p {
        margin: 0 0 5px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    }

    figure.snip0016 h2 {
        word-spacing: -0.15em;
        font-weight: 300;
        text-transform: uppercase;
        -webkit-transform: translate3d(30%, 0%, 0);
        transform: translate3d(30%, 0%, 0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

        figure.snip0016 h2 span {
            font-weight: 800;
        }

    figure.snip0016 p {
        font-weight: 200;
        -webkit-transform: translate3d(0%, 30%, 0);
        transform: translate3d(0%, 30%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    figure.snip0016 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        color: #ffffff;
    }

    figure.snip0016:hover img {
        opacity: 0.3;
    }

    figure.snip0016:hover figcaption h2 {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    figure.snip0016:hover figcaption p {
        opacity: 0.9;
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    figure.snip0016:hover figcaption::before {
        background: rgba(255, 255, 255, 0);
        left: 30px;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

/*FAQ*/
.accordion-wrapper {border: 1px solid #fff;box-shadow: 0px 0px 5px -4px #000;margin-bottom: 0.75em;font-size: 1.25em;padding:1.25em 1.25em 0 1.25em;background:#ddb63f;margin-top:1% !important;margin:0 auto;width:80%;}
.accordion-wrapper p{line-height:2em;}
a.accordion {color: #fff;border: none;cursor: pointer;outline: none;text-align: left;transition: 0.8s;width: 100%;}
a.active, a.accordion:hover { color: #777;}
a.accordion:after {content: "\002B";float:right;}
a.active.accordion:after {content: "\2212";}
.details {background-color: #ededed;color: #777;max-height: 0;overflow: hidden;padding: 0 1.5em;transition: max-height 0.2s ease-out;margin-top:2%;}


/*Slider*/
/* www.oakdigital.dk */

.oakslider {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background: #22273C;
  color: #fff;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}

.oakslider__ui {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  min-width: 60%;
  margin: 0 auto;
  margin-top: 10%;
  display: flex;
  justify-content: space-between;
}
.oakslider__ui .oakslider__controls {
  display: flex;
}
.oakslider__ui .oakslider__arrow {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #fff;
  opacity: 0.5;
  background: #fff;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}

.oakslider__navpoint {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 900;
}
.oakslider__navpoint:first-of-type .oakslider__timer {
  width: 95px;
}
.oakslider__navpoint:first-of-type .oakslider__label {
  opacity: 1;
}
.oakslider__navpoint .oakslider__label {
  opacity: 0;
  font-weight: 400;
}
.oakslider__navpoint .oakslider__timer {
  position: relative;
  width: 55px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
  overflow: hidden;
}
.oakslider__navpoint .oakslider__timer .timer__progress {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: 1px;
  width: 100%;
  transform: translateX(-100%);
}

.oakslider__slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.oakslider__slide.slide--active {
  display: block;
}
.slide__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide__image img {
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}

.slide__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide__content {
  padding-top: 100px;
  max-width: 1200px;
  min-width: 60%;
  font-family: sans-serif;
}

.slide__title {
  font-size:35px;
  max-width: 650px;
  line-height: 1.2;
  font-weight: 600;
}

.slide__link {
  margin-top: 25px;
}

.Orange{color:#eb5e28}
.HeadTitle{font-size:1.5em;margin-left:2.5%;color:#000;}

div#divSearch{color:#000;}
div.divSearchM{display:none}

 div#divFooter{width:94%;background:#01182a;padding:1% 3%}
 div#divFooter div.divFooterIn1{width:70%;float:left;}
 div#divFooter div.divFooterIn1 img{float:left;margin-right:5%;}
 div#divFooter div.divFooterIn1 div.divLink{float:left;width:100%}
 div#divFooter div.divFooterIn1 div.divLink div.divPart1{float:left;width:20%;}
 div#divFooter div.divFooterIn1 div.divLink div.divPart1 img{width:70%;margin-left:auto;margin-right:auto;display:block;}
 div#divFooter div.divFooterIn1 div.divLink a{font-size:1.3em;margin:20%;line-height:2.5em;}
 div#divFooter div.divFooterIn2{width:15%;float:right;border-left:2px solid #fff;}
 div#divFooter div.divFooterIn2 img{float:left;border-right: 1px solid #fff;padding-right: 2%;}
 div#divFooter div.divFooterIn2 div.divInfo{float:left;direction:ltr;margin-left:2%;width:100%;line-height:1.8em;font-size:1.03em}
 div#divFooter div.divFooterIn2 div.divInfo i{font-size:1.2em;margin-right:5%;margin-left:2%;}

 div#divCopyright{width:100%;background:#333}
 div#divCopyright p{color:white;text-align:center;font-size:14px}

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-1x{font-size:1.5em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}
.fa-search:before {content: "\f002";}
.fa-phone:before {content: "\f095";}
.fa-close:before {content: "\f00d";}
.fa-instagram:before {content: "\f16d";}
.fa-telegram:before {content: "\f2c6";}
.fa-facebook:before {content: "\f09a";}
.fa-location:before {content:"\f041";}
.fa-calendar:before {content: "\f133"}
.fa-user:before{content:"\f007"}
.fa-tags:before{content: "\f02c";}
.fa-basket:before {content: "\f290";}
.fa-sign-out:before {content: "\f08b";}
.fa-unlock-alt:before {content: "\f13e";}
.fa-chevron-right:before {content: "\f054";}
.fa-Mail:before {content: "\f0e0";}
.fa-down:before {content: "\f0dd"}
.fa-bars:before {content: "\f0c9";}
.fa-whatsapp:before {content: "\f232";}
.fa-arrow-circle-right-o:before {content: "\f18e";}

/*/Social/*/
@import '//codepen.io/chrisdothtml/pen/ojLzJK.css';
.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-btns .btn:before {
  top: 90%;
  left: -110%;
}
.social-btns .btn .fa {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
    .social-btns .btn.facebook:before {
        background-color: #1bd741;
    }
.social-btns .btn.facebook .fa {
  color:#1bd741;
}
.social-btns .btn.twitter:before {
  background-color: #3cf;
}
.social-btns .btn.twitter .fa {
  color: #3cf;
}
.social-btns .btn.google:before {
  background-color:#dc4a38a3;
}
.social-btns .btn.google .fa {
  color: #dc4a38;
}
.social-btns .btn.dribbble:before {
  background-color: #f26798;
}
.social-btns .btn.dribbble .fa {
  color: #f26798;
}
.social-btns .btn.skype:before {
  background-color: #00aff0;
}
.social-btns .btn.skype .fa {
  color: #00aff0;
}
.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {
  color: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.social-btns {
  margin: auto;
  text-align: center;
}

.social-btns .btn {
  display: inline-block;
  background-color: #fff;
  width:40px;
  height:37px;
  line-height:52px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
  opacity: 0.99;
  float:left;
}
.social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


/*////////*/
#timeline {background-color: #031625;}
#timeline:hover .tl-item {}
.tl-item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  width:100%;
  height:auto;
  min-height:400px;
  color: #fff;
  overflow: hidden;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  margin-bottom:.5%;
}
.tl-item:before, .tl-item:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background:rgba(3, 22, 37, 0.37);
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(99%, black));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #848181bf 99%);
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(90%);
          transform: translate3d(0, 0, 0) translateY(90%);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tl-item:hover {
  width:100% !important;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) translateY(25%);
          transform: translate3d(0, 0, 0) translateY(25%);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.75s ease 0.5s;
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.tl-content {
  -webkit-transform: translate3d(0, 0, 0) translateY(25px);
          transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
}
.tl-content h1 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  color: #1779cf;
  font-size: 1.44rem;
  font-weight: normal;
}

.tl-year {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.tl-year p {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 1.728rem;
  line-height:45px;
}

.tl-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
  /*-webkit-filter: grayscale(100%);
          filter: grayscale(100%);*/
}
///////////////////////////////////////////////////////

/*#timeline {
  background-color: #031625;
}
#timeline:hover .tl-item {
}

.tl-item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  width:100%;
  height:auto;
  min-height:400px;
  color: #fff;
  overflow: hidden;
  transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: rgba(3, 22, 37, 0.85);
  opacity: .1;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(50%);
          transform: translate3d(0, 0, 0) translateY(50%);
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tl-item:hover {
  width:100% !important;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) translateY(0);
          transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.tl-content {
  -webkit-transform: translate3d(0, 0, 0) translateY(25px);
          transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
  line-height:1.5;
  font-size:.85rem;
}
.tl-content h1 {
  text-transform: uppercase;
  color: #ca0000;
  font-size: 1.44rem;
  font-weight: normal;
line-height:2.5;
}

.tl-year {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
.tl-year p{font-size: 1.28rem;line-height: 0;}

.tl-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}*/


/*header show Icon*/
div.divShowTooltip {
    display: inline-block;
    -ms-transform: translate(-0%,-0%);
    -webkit-transform: translate(-0%,-0%);
    transform: translate(-0%,-0%);
}


/*slide cont*/
.content-container{position:relative}
.content-container img{float:right;border-radius:50%;width:15%;}
.content-container h3{line-height:3em;font-size:1.3em;color:#74aad7}
.content-container p{line-height:1.3em;font-size:1em}
.content-box {position:relative;width: 100%;display: none;padding: 2% 4%;border-radius: 8px;color: #000;}
.active {display:table;width:69%;margin:0% 4%;margin:0 auto;}
.content-next{position:absolute;right:5%;top:45%;background:#1f85e6;border:none;color:white;cursor:pointer;padding:14px 16px;border-radius:4px;width:40px;height:40px;font-size:11px;font-weight:bold;margin:0;}
.content-prev{position:absolute;left:5%;top:45%;background:#1f85e6;border:none;color:white;cursor:pointer;padding:14px 16px;border-radius:4px;width:40px;height:40px;font-size:11px;font-weight:bold;margin:0;}
/**/


/*Search*/
#searchbox5{width:200px;margin:0 auto;position:absolute;right:3%;top:50%;transform:translateY(-50%);z-index:100}
a#btnSearch0{position:absolute;top:20%;left:5%;color:#f8a815;}
#searchbox5 .BtnS{position:absolute;top:0;left:0;}
#search51{border:1px solid #d1d1d1;font-family:PalatinoRegular !important;color:#bebebe;width:150px;padding:6px 15px 6px 35px;border-radius:20px;text-shadow:0 2px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.15) inset;-webkit-transition: all 0.7s ease 0s;}
#search51:focus{width:200px;outline:0;}