/*

,--.           o              ,---.         ,-.-.        . . .     |     o     
|   |,---.,---..,---.,---.    |---.,   .    | | |,---.   | | |,---.|---. .,---.
|   ||---'`---.||   ||   |    |   ||   |    | | ||    ---| | ||---'|   | ||    
`--' `---'`---'``---|`   '    `---'`---|    ` ' '`       `-'-'`---'`---'o``    
                `---'              `---'                                       
*/
@import "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";
* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

@font-face {
    font-weight:400;
    font-style:normal;
    font-display: swap;
    font-family:'PeydaWeb';
    src:url(../fonts/PeydaWeb-Regular.woff2) format("woff2"),url(../fonts/PeydaWeb-Regular.woff) format("woff")
}

@font-face {
    font-family:iranyekan;
    font-style:normal;
    font-weight:400;
    font-display: swap;
    src:url(../fonts/iranyekanweblight.eot);
    src:url(../fonts/iranyekanweblightd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/iranyekanweblight.woff) format("woff"),url(../fonts/iranyekanweblight.ttf) format("truetype")
}

@font-face {
    font-family:'mrweb-ico';
    src:url(../fonts/mrweb-icoa129.eot?orwwst);
    src:url(../fonts/mrweb-icoa129.eot?orwwst#iefix) format("embedded-opentype"),url(../fonts/mrweb-icoa129.ttf?orwwst) format("truetype"),url(../fonts/mrweb-icoa129.woff?orwwst) format("woff"),url(../fonts/mrweb-icoa129.svg?orwwst#icomoon) format("svg");
    font-weight:400;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-weight:400;
    font-style:normal;
    font-display: swap;
    font-family:'rezvan';
    src:url(../fonts/rezvan.woff) format("woff")
}
@font-face {
    font-weight:400;
    font-style:normal;
    font-display: swap;
    font-family:'rezvan';
    src:url(../fonts/rezvan.ttf) format("ttf")
}
@font-face {
    font-family:rezvan;
    font-style:normal;
    font-weight:400;
    font-display: swap;
    src:url(../fonts/rezvan.eot);
    src:url(../fonts/rezvan.eot?#iefix) format("embedded-opentype"),url(../fonts/rezvan.woff) format("woff"),url(../fonts/rezvan.ttf) format("truetype")
}
  @font-face {
    font-family: Grescol-Bold;
    font-style: bold;
    font-weight: 700;
    display: swap;
    src: url('../fonts/Grescol-Bold.eot');
    src: url('../fonts/Grescol-Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
       url('../fonts/Grescol-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/Grescol-Bold.ttf') format('truetype');
  }
  

[class^="icon-"],[class*=" icon-"] {
    font-family:'mrweb-ico'!important;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-signin:before {
    content:"\e904";
    color:#bc8971
}

.icon-badge:before {
    content:"\e903";
    color:#bc8971
}

.icon-arrow2:before {
    content:"\e901";
    color:#bc8971
}

.icon-Menu-sign:before {
    content:"\e902";
    color:#bc8971
}

.icon-Significon-Grid:before {
    content:"\e900";
    color:#bc8971
}

.icon-significon-chat-copy-4:before {
    content:"\e905";
    color:#bc8971
}

.icon-significon-phone:before {
    content:"\e906";
    color:#bc8971
}

[class^="icon-"],[class*=" icon-"] {
    font-family:'mrweb-ico'!important;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-iconx:before {
    content:"\e910"
}

.icon-article:before {
    content:"\e90c"
}

.icon-video:before {
    content:"\e90d"
}

.icon-book:before {
    content:"\e90e"
}

.icon-podcast:before {
    content:"\e90f"
}

.icon-Significon-Check:before {
    content:"\e908";
    color:#bc8971
}

.icon-icons8-replace:before {
    content:"\e909"
}

.icon-significon-archive:before {
    content:"\e90a"
}

.icon-significon-tag:before {
    content:"\e90b"
}

.icon-zarb:before {
    content:"\e907";
    color:#979797
}

.icon-significon-chat-copy-4:before {
    content:"\e905";
    color:#bc8971
}

.icon-significon-phone:before {
    content:"\e906";
    color:#bc8971
}

.icon-Significon-Grid:before {
    content:"\e900"
}

.icon-arrow2:before {
    content:"\e901"
}

.icon-Menu-sign:before {
    content:"\e902"
}

.icon-badge:before {
    content:"\e903"
}

.icon-signin:before {
    content:"\e904"
}

:root{
    --ss-first-color: var(--main_color);
    --ss-screenWidth: 87%;
    --ss-right: 6.5%;
    --ss-left: 6.5%;
    --ss-animation-timing: ease;
    --ss-animation-time: 0s;
    --ss-perspective: 1000px;
    --aws-duration: 0;
    --aws-delay: 0;
    --aws-easing: cubic-bezier(.175,.885,.32,1.275);

    --aws-distance: 50px;
    --aws-ndistance: -50px
}
.home{overflow:hidden;width:100%;height:100%;position:fixed;top:0;left:0}
.holder{width:var(--ss-screenWidth);margin:0 auto;padding-right:0;padding-left:0;max-height:100%}
#header{display:flex;justify-content:space-between;align-items:start}
section{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0;z-index:5;transition:var(--ss-animation-time);transition-timing-function:var(--ss-animation-timing);overflow:hidden}
.fix{position:fixed;z-index:100}
.top{top:0}
.top-10{top:10px}
.top-20{top:20px}
.top-30{top:30px}
.top-40{top:40px}
.top-50{top:50px}
.bottom{bottom:0}
.bottom-10{bottom:10px}
.bottom-20{bottom:20px}
.bottom-30{bottom:30px}
.bottom-40{bottom:40px}
.bottom-50{bottom:50px}
.right{right:var(--ss-right)}
.left{left:var(--ss-left)}
.x-center{left:0;right:0;margin:auto}
.y-center{top:0;bottom:0;margin:auto}
.center{top:0;bottom:0;right:0;left:0;margin:auto}
.content-center{display:flex;flex-direction:column;justify-content:center;align-items: center;}
.sections-nav{position:absolute;pointer-events:none;display:flex;align-items:center;z-index:50;height:100%;top:0;margin-left:-9px}
.sections-nav .position-left,.sections-nav .position-right{height:100%}
.sections-nav li{float:right}
.sections-nav > ul > li{width:60px}
.sections-nav.position-left{left:var(--ss-left);direction:ltr}
.sections-nav.position-left li[data-name]:before{left:0}
.sections-nav.position-right{left:var(--ss-right)}
.sections-nav li{pointer-events:all}
.navbullet-1 li[data-name]{display:block;background:0 0;padding:3px 2px;cursor:pointer}
.navbullet-1 li[data-name]:after{content:"";display:block;width:16px;height:3px;border-radius:6px;background:#4a4a4a;transition:all .2s linear}
.navbullet-1 li[data-name]:before{transition:all .2s linear;font-family:var(--main_font);position:absolute;opacity:0;visibility:hidden}
.navbullet-1 li[data-name]:hover:before{opacity:1;visibility:visible}
.navbullet-1 li:hover:after{background:var(--ss-first-color)}
.sections-nav-holder{pointer-events:auto}
.navtype-2 .sections-nav-main > ul{position:absolute;width:230px;height:230px;left:-92px;top:-96px;display:flex;align-items:center;opacity:0;visibility:hidden;transition:.5s ease-out;cursor:auto}
.navtype-2 .sections-nav-main > ul > li{transform:translate(7px,10px);position:absolute;width:100%;left:0}
.navbullet-2 li li{position:relative;width:12px;height:9px;background:var(--gold);border-radius:2px;margin:0 3px;cursor:pointer;pointer-events:auto;transition:.21s}
.navbullet-2 li li:hover{opacity:1!important}
.navtype-2 .sections-nav-main ul ul{opacity:0;transform:translate(0,-10px);transition-duration:.4s}
.navtype-2 .sections-nav-main:hover ul ul,.navtype-2 .sections-nav-main.open ul ul{opacity:1;transform:translate(0,0);transition-duration:.25s;transition-timing-function:ease}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(0) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(0) ul{transition-delay:0}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(1) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(1) ul{transition-delay:.1s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(2) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(2) ul{transition-delay:.2s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(3) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(3) ul{transition-delay:.3s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(4) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(4) ul{transition-delay:.4s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(5) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(5) ul{transition-delay:.5s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(6) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(6) ul{transition-delay:.6s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(7) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(7) ul{transition-delay:.7s}
.navtype-2 .sections-nav-main:hover > ul > li:nth-child(8) ul,.navtype-2 .sections-nav-main.open > ul > li:nth-child(8) ul{transition-delay:.8s}
.navtype-2 .sections-nav-main:hover ul,.navtype-2 .sections-nav-main.open ul,.navtype-2 .sections-nav-main > ul:hover{opacity:1;visibility:visible}
.navtype-2 .navigation-title{position:absolute;width:80px;left:-20px;top:70px;line-height:18px;color:var(--gold);text-align:center;font-size:12px;text-shadow:0 0 5px #000;opacity:0;transition:.2s linear}
.navbullet-2 li li:after{content:'';position:absolute;width:150%;height:200%;left:-25%;top:-50%}
.navtype-2 .sections-nav-main li li.active{opacity:1!important}
body[data-animation='flip'] .home-main,body[data-animation='flip'] .home-main,body[data-animation='box'] .home-main,body[data-animation='box'] .home-main{perspective:var(--ss-perspective);min-height:100vh}
body[data-animation='default'] section.before{transform:translateY(-100%) scale(0.8);opacity:0}
body[data-animation='default'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='default'] section.after{transform:translateY(100%) scale(0.8);opacity:0}
body.horizontal[data-animation='default'] section.before.horizontal{transform:translateX(-100%) scale(0.8);opacity:0}
body.horizontal[data-animation='default'] section.after.horizontal{transform:translateX(100%) scale(0.8);opacity:0}
body[data-animation='stack'] section.before{transform:translateY(0) scale(0.8);opacity:0}
body[data-animation='stack'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='stack'] section.after{transform:translateY(100%) scale(0.8);opacity:1}
body.horizontal[data-animation='stack'] section.before.horizontal{transform:translateX(0) scale(0.8);opacity:0}
body.horizontal[data-animation='stack'] section.after.horizontal{transform:translateX(100%) scale(0.8);opacity:1}
body[data-animation='film'] section.before{transform:translateY(-100%) scale(1);opacity:0}
body[data-animation='film'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='film'] section.after{transform:translateY(100%) scale(1);opacity:1}
body.horizontal[data-animation='film'] section.before.horizontal{transform:translateX(-100%) scale(1);opacity:0}
body.horizontal[data-animation='film'] section.after.horizontal{transform:translateX(100%) scale(1);opacity:1}
body[data-animation='card'] section.before{transform:translateY(-100%) scale(1);opacity:1}
body[data-animation='card'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='card'] section.after{transform:translateY(100%) scale(1);opacity:0}
body.horizontal[data-animation='card'] section.before.horizontal{transform:translateX(-100%) scale(1);opacity:1}
body.horizontal[data-animation='card'] section.after.horizontal{transform:translateX(100%) scale(1);opacity:0}
body[data-animation='vertigo'],section[data-animation='vertigo']{z-index:-10}
body[data-animation='vertigo'] section.before{transform:translateY(0) scale(1.2) rotate(-5deg);opacity:0}
body[data-animation='vertigo'] section.active{transform:translateY(0) scale(1) rotate(0deg);opacity:1;z-index:10}
body[data-animation='vertigo'] section.after{transform:translateY(0) scale(0.8) rotate(5deg);opacity:0}
body[data-animation='zoom'] section.before{transform:translateY(0) scale(1.2);opacity:0}
body[data-animation='zoom'] section.active{transform:translateY(0) scale(1) rotate(0deg);opacity:1}
body[data-animation='zoom'] section.after{transform:translateY(0) scale(0.8);opacity:0}
body[data-animation='flip'] section.before{transform:translateY(-80%) scale(1) rotate3d(1,0,0,-60deg);opacity:0}
body[data-animation='flip'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='flip'] section.after{transform:translateY(80%) scale(1) rotate3d(1,0,0,60deg);opacity:0}
body.horizontal[data-animation='flip'] section.before.horiz{transform:translateX(80%) scale(1) rotate3d(0,1,0,-60deg);opacity:0}
body.horizontal[data-animation='flip'] section.after.horiz{transform:translateX(-80%) scale(1) rotate3d(0,1,0,60deg);opacity:0}
body[data-animation='box'] section.before{transform:translateY(-80%) scale(1) rotate3d(1,0,0,60deg);opacity:0}
body[data-animation='box'] section.active{transform:translateY(0) scale(1);opacity:1}
body[data-animation='box'] section.after{transform:translateY(80%) scale(1) rotate3d(1,0,0,-60deg);opacity:0}
body.horizontal[data-animation='card'] section.before.horizontal{transform:translateX(-80%) scale(1) rotate3d(0,1,0,60deg);opacity:0}
body.horizontal[data-animation='card'] section.after.horizontal{transform:translateX(80%) scale(1) rotate3d(0,1,0,-60deg);opacity:0}
section.before[data-animation='default']{transform:translateY(-100%) scale(0.8)!important;opacity:0!important}
section.active[data-animation='default']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='default']{transform:translateY(100%) scale(0.8)!important;opacity:0!important}
.horizontal section.before.horizontal[data-animation='default']{transform:translateX(-100%) scale(0.8)!important;opacity:0!important}
.horizontal section.after.horizontal[data-animation='default']{transform:translateX(100%) scale(0.8)!important;opacity:0!important}
section.before[data-animation='stack']{transform:translateY(0) scale(0.8)!important;opacity:0!important}
section.active[data-animation='stack']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='stack']{transform:translateY(100%) scale(0.8)!important;opacity:1!important}
.horizontal section.before.horizontal[data-animation='stack']{transform:translateX(0) scale(0.8)!important;opacity:0!important}
.horizontal section.after.horizontal[data-animation='stack']{transform:translateX(100%) scale(0.8)!important;opacity:1!important}
section.before[data-animation='film']{transform:translateY(-100%) scale(1)!important;opacity:0!important}
section.active[data-animation='film']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='film']{transform:translateY(100%) scale(1)!important;opacity:1!important}
.horizontal section.before.horizontal[data-animation='film']{transform:translateX(-100%) scale(1)!important;opacity:0!important}
.horizontal section.after.horizontal[data-animation='film']{transform:translateX(100%) scale(1)!important;opacity:1!important}
section.before[data-animation='card']{transform:translateY(-100%) scale(1)!important;opacity:1!important}
section.active[data-animation='card']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='card']{transform:translateY(100%) scale(1)!important;opacity:0!important}
.horizontal section.before.horizontal[data-animation='card']{transform:translateX(-100%) scale(1)!important;opacity:1!important}
.horizontal section.after.horizontal[data-animation='card']{transform:translateX(100%) scale(1)!important;opacity:0!important}
section.before[data-animation='vertigo']{transform:translateY(0) scale(1.2) rotate(-5deg)!important;opacity:0!important}
section.active[data-animation='vertigo']{transform:translateY(0) scale(1) rotate(0deg)!important;opacity:1!important}
section.after[data-animation='vertigo']{transform:translateY(0) scale(0.8) rotate(5deg)!important;opacity:0!important}
section.before[data-animation='zoom']{transform:translateY(0) scale(1.2)!important;opacity:0}
section.active[data-animation='zoom']{transform:translateY(0) scale(1) rotate(0deg)!important;opacity:1;z-index:10}
section.after[data-animation='zoom']{transform:translateY(0) scale(0.8)!important;opacity:0;z-index:-10}
section.before[data-animation='flip']{transform:translateY(-80%) scale(1) rotate3d(1,0,0,-60deg)!important;opacity:0!important}
section.active[data-animation='flip']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='flip']{transform:translateY(80%) scale(1) rotate3d(1,0,0,60deg)!important;opacity:0!important}
.horizontal section.before.horizontal[data-animation='card']{transform:translateX(-80%) scale(1) rotate3d(0,1,0,-60deg)!important;opacity:0!important}
.horizontal section.after.horizontal[data-animation='card']{transform:translateX(80%) scale(1) rotate3d(0,1,0,60deg)!important;opacity:0!important}
section.before[data-animation='box']{transform:translateY(-80%) scale(1) rotate3d(1,0,0,60deg)!important;opacity:0!important}
section.active[data-animation='box']{transform:translateY(0) scale(1)!important;opacity:1!important}
section.after[data-animation='box']{transform:translateY(80%) scale(1) rotate3d(1,0,0,-60deg)!important;opacity:0!important}
.horizontal section.before.horizontal[data-animation='card']{transform:translateX(-80%) scale(1) rotate3d(0,1,0,60deg)!important;opacity:0!important}
.horizontal section.after.horizontal[data-animation='card']{transform:translateX(80%) scale(1) rotate3d(0,1,0,-60deg)!important;opacity:0!important}
[data-aws^=slice-x]{opacity:0;clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);transition-property:opacity,clip-path}
[data-aws^=slice-y]{opacity:0;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transition-property:opacity,clip-path}
.loaded .aws [data-aws^=slice],.aws[data-aws^=slice]{opacity:1;clip-path:polygon(0 -30px,100% -30px,100% calc(100% + 30px),0 calc(100% + 30px))}
[data-aws^=fade][data-aws^=fade]{opacity:0;transition-property:opacity,transform}
.loaded .aws [data-aws^=fade][data-aws^=fade],.aws[data-aws^=fade][data-aws^=fade]{opacity:1;transform:translateZ(0)}
[data-aws=fade-up]{transform:translate3d(0,var(--aws-distance),0)}
[data-aws=fade-down]{transform:translate3d(0,var(--aws-ndistance),0)}
[data-aws=fade-right]{transform:translate3d(var(--aws-ndistance),0,0)}
[data-aws=fade-left]{transform:translate3d(var(--aws-distance),0,0)}
[data-aws=fade-up-right]{transform:translate3d(var(--aws-ndistance),var(--aws-distance),0)}
[data-aws=fade-up-left]{transform:translate3d(var(--aws-distance),var(--aws-distance),0)}
[data-aws=fade-down-right]{transform:translate3d(var(--aws-ndistance),var(--aws-ndistance),0)}
[data-aws=fade-down-left]{transform:translate3d(var(--aws-distance),var(--aws-ndistance),0)}
[data-aws^=zoom][data-aws^=zoom]{opacity:0;transition-property:opacity,transform}
.loaded .aws [data-aws^=zoom][data-aws^=zoom],.aws[data-aws^=zoom][data-aws^=zoom]{opacity:1;transform:translateZ(0) scale(1)}
[data-aws=zoom-in]{transform:scale(.75)}
[data-aws=zoom-in-up]{transform:translate3d(0,var(--aws-distance),0) scale(.75)}
[data-aws=zoom-in-down]{transform:translate3d(0,var(--aws-ndistance),0) scale(.75)}
[data-aws=zoom-in-right]{transform:translate3d(var(--aws-ndistance),0,0) scale(.75)}
[data-aws=zoom-in-left]{transform:translate3d(var(--aws-distance),0,0) scale(.75)}
[data-aws=zoom-out]{transform:scale(1.2)}
[data-aws=zoom-out-up]{transform:translate3d(0,var(--aws-distance),0) scale(1.2)}
[data-aws=zoom-out-down]{transform:translate3d(0,var(--aws-ndistance),0) scale(1.2)}
[data-aws=zoom-out-right]{transform:translate3d(var(--aws-ndistance),0,0) scale(1.2)}
[data-aws=zoom-out-left]{transform:translate3d(var(--aws-distance),0,0) scale(1.2)}
[data-aws^=slide][data-aws^=slide]{transition-property:transform}
.loaded .aws [data-aws^=slide][data-aws^=slide],.aws[data-aws^=slide][data-aws^=slide]{transform:translateZ(0)}
[data-aws=slide-up]{transform:translate3d(0,100%,0)}
[data-aws=slide-down]{transform:translate3d(0,-100%,0)}
[data-aws=slide-right]{transform:translate3d(-100%,0,0)}
[data-aws=slide-left]{transform:translate3d(100%,0,0)}
[data-aws^=flip][data-aws^=flip]{backface-visibility:hidden;transition-property:transform}
[data-aws=flip-left]{transform:perspective(2500px) rotateY(-100deg)}
.loaded .aws [data-aws=flip-left],.aws[data-aws=flip-left]{transform:perspective(2500px) rotateY(0)}
[data-aws=flip-right]{transform:perspective(2500px) rotateY(100deg)}
.loaded .aws [data-aws=flip-right],.aws[data-aws=flip-right]{transform:perspective(2500px) rotateY(0)}
[data-aws=flip-up]{transform:perspective(2500px) rotateX(-100deg)}
.loaded .aws [data-aws=flip-up],.aws[data-aws=flip-up]{transform:perspective(2500px) rotateX(0)}
[data-aws=flip-down]{transform:perspective(2500px) rotateX(100deg)}
.loaded .aws [data-aws=flip-down],.aws[data-aws=flip-down]{transform:perspective(2500px) rotateX(0)}
.loaded .aws [data-aws],.aws[data-aws]{transition-duration:var(--aws-duration);transition-timing-function:var(--aws-easing);transition-delay:var(--aws-delay)}
[data-aws=text-blur] span{opacity:0;filter:blur(3px);display:inline-block;transition-duration:.2s}
.loaded .aws [data-aws=text-blur] span,.aws[data-aws=text-blur] span{opacity:1;filter:blur(0)}
@media screen and (min-width: 768px) {
    [data-aws]{transition:0s}
}
@media screen and (max-width: 768px) {
    .container{padding-left:50px}
}
:root {
    --light:#e6e6e6;
    --gold: #c68555;
    --gray1:#a1abb3;
    --gray2:#696d72;
    --light:#fff;
    --gray1:#f1f1f1;
    --gray2:#bec6cd;
    --main_font:PeydaWeb;
    --text_font:iranyekan;
    --eng-font:
    'Open Sans',sans-serif;
    --icon:fontawesome,mrweb-ico,PeydaWeb,arial
}

:before,:after {
    font-family:var(--icon)
}

::-moz-selection {
    color:#000;
    background:var(--gold)
}

::selection {
    color:var(--gold);
    background:rgba(212,159,134,0.1)
}

html {
    height:100%;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden
}

body {
    direction:
    rtl;
    text-align:
    right;
    font-family:
    var(--main_font),Arial;
    font-size:15px;
    line-height:2;
    background: rgb(20 28 58);
    text-rendering:
    optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:
    var(--main_font)
}
.clearfix:after {
    content:'';
    clear:both;
    display:block
}

input {
    font-family:var(--main_font),Arial
}

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

a {
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    color:#222;
    text-decoration:none
}

b,strong {
    font-weight:400
}

a:hover {
    text-decoration:none;
    color:var(--gold)
}

button:focus,input:focus,textarea:focus {
    outline:none!important
}

li {
    list-style:none
}

:root {
    --background:#28366d;
}

.slidedown {
    position:relative;
    width:36px;
    min-width: 36px;
    height:56px;
    -webkit-border-radius:0 0 25px 25px;
    -moz-border-radius:0 0 25px 25px;
    border-radius:0 0 25px 25px;
    background:#000;
    background:-moz-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));
    background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background:-o-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    cursor:pointer;
    visibility:visible;
    opacity:1;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s
}

.slidedown:before {
    content:'';
    height:2cm
}

.slidedown:after {
    content: '';
    position:
    absolute;
    width: -webkit-calc(165px - 100%);
    width: -moz-calc(165px - 100%);
    width: calc(200px - 100%);
    height: 33px;
    -webkit-border-radius:0 0 .6cm .6cm;
    -moz-border-radius:0 0 .6cm .6cm;
    border-radius: 0 .6cm .6cm 0;
    border: 1px solid
    rgb(188 137 113);
    border-left: 0;
    z-index:-1;
    right: -72px;
    opacity:.5
;
    top: 56px;
    color: #f0a878;
    transform: rotate(90deg);
    text-align: right;
    padding-right: 15px;
}

.slidedown i {
    background:
    url(../img/sep/sale-badge.png) no-repeat;
    -webkit-background-size:24px auto;
    -moz-background-size:24px auto;
    -o-background-size:24px auto;
    background-size: 50px auto;
    background-position:
    center 0;
    position:
    absolute;
    width: 80px;
    height: 80px;
    display:
    block;
    top: 20px;
    /* -webkit-transition:.3s ease-in-out; */
    -o-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    /* transition:.3s ease-in-out; */
    /* image-rendering:
    -webkit-optimize-contrast; */
    image-rendering:
    crisp-edges;
    right: -23px;
}

.slidedown i:before {
    content:
    '';
    position:
    absolute;
    width: 60px;
    height: 60px;
    background:
    var(--gold);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top: -5px;
    left: 14%;
    -webkit-filter:blur(14px);
    filter:
    blur(14px);
    opacity:.5;
    z-index:-1;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}

.slidedown:hover i:before {
    width: 80px;
    height: 80px;
    -webkit-filter:blur(16px);
    filter:
    blur(16px);
    opacity: .6;
    left:2px
;
    top: -10px;
}

.slidedown:hover i {
    background-position:center 6px
}

.menu-layout {
    position:fixed;
    background:#0000;
    width:100%;
    height:100%;
    left:100%;
    top:0;
    z-index:1000;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .7s ease,left 0 .8s;
    -o-transition:all .7s ease,left 0 .8s;
    -moz-transition:all .7s ease,left 0 .8s;
    transition:all .7s ease,left 0 .8s
}

.menu-layout.active {
    -webkit-transition:all .7s ease,left 0;
    -o-transition:all .7s ease,left 0;
    -moz-transition:all .7s ease,left 0;
    transition:all .7s ease,left 0;
    visibility:visible;
    opacity:1;
    left:0
}

.menu-layout-contact-us {
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    background-color:#000;
    z-index:99
}

.menu-layout-contact-us.active {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1
}

.secbg {
    position:
    absolute;
    width:100%;
    height:100%;
    top:0;
    min-width: 1920px;
    min-height: 1080px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:
    cover;
    z-index:-5
}

.secbg.bg_effect_cover {
    min-width:auto;
    min-height:auto;
    top:0;
    left:0
}

.portfolio-main {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.header-menu {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}

.header-menu a {
    color:
    var(--gray1);
    padding:5px 10px;
    font-size: 15px;
    font-weight: bold;
}

.header-menu a:hover {
    color:var(--gold)!important
}

.header-menu li {
    padding:5px
}

#header .sections-nav-main {
    display:none
}

.logo-container {
    width:37px;
    margin:0 7.5%
}

.header-logo {
    position:
    absolute;
    width: 55px;
    top: 10px;
}

.header-logo img {
    display:block
}

.wrap-menu {
    width:-webkit-calc(50% - 53px);
    width:-moz-calc(50% - 53px);
    width:calc(50% - 53px);
    margin-top:22px
}

.logo-desc {
    margin-top:12px;
    position:absolute
}

.login-icon {
    background:url(../img/sep/signin.png)
}

.login-btn {
    margin-top:21px
}

.side-menu-icon:after {
    content:'';
    position:absolute;
    width:40px;
    height:30px;
    left:0;
    top:28px
}

.side-menu-icon:before {

    color:#bc8971;

font-size: 25px;

cursor:

pointer;

float:

left;

margin-top: 10px;
}

.login-btn {
    position:relative;
    width:42px;
    padding:0;
    display:-webkit-box!important;
    display:-webkit-flex!important;
    display:-moz-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    direction:ltr
}

.side-menu {
    visibility:
    hidden;
    position:
    absolute;
    background: #141d38;
    z-index:10000;
    opacity:0;
    -webkit-transition:.35s ease;
    -o-transition:.35s ease;
    -moz-transition:.35s ease;
    transition:.35s ease;
    left:0;
    top:50px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:160px;
    padding:10px;
    opacity:0;
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    transform:
    rotateX(90deg);
}

.side-menu a {
    display:
    -webkit-box;
    display:
    -webkit-flex;
    display:
    -moz-box;
    display:
    -ms-flexbox;
    display:
    flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:
    wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:
    center;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:
    flex-end;
    padding-right: 35px;
}

.side-menu li {
    margin-bottom: 15px;
    cursor:
    pointer;
}

.side-menu li:last-child {
    margin-bottom:0
}

.side-menu b {
    width:100%;
    display:block;
    line-height:20px;
    color:var(--gray2);
    font-family:var(--main_font);
    font-size:12px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    cursor:pointer
}

.side-menu li:hover b {
    color:var(--gold)
}

.side-menu li:hover span {
    color:var(--gray1)
}

.side-menu span {
    font-size:9px;
    line-height:11px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    color:var(--gray2);
    display:block
}

.side-menu:hover {
    opacity:1;
    visibility:visible;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.side-menu-icon:hover .side-menu {
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    transform:rotateX(0deg);
    visibility:visible;
    opacity:1
}

.side-menu img {
    position:
    absolute;
    width: 24px;
    height:
    auto;
    right: 10px;
    -webkit-filter:grayscale(1) brightness(0.5);
    filter:
    grayscale(1) brightness(0.5);
    image-rendering:
    -webkit-optimize-contrast;
    image-rendering:
    crisp-edges;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.side-menu li:hover img {
    -webkit-filter:grayscale(0) brightness(1);
    filter:grayscale(0) brightness(1)
}

.side-menu li:last-child img {
    width: 24px;
    right: 10px;
}

#intro {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:
    cover;
    /* background-color: transparent; */
    background-image: linear-gradient(3deg, #090c18d1 0%, #1f2c5cd1 100%);
}

.intro-btn {
    position:
    relative;
    border:1px solid #c4835366;
    padding:6px 24px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#bc7c4c;
    font-size:16px;
    display:
    inline-block;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
}

.intro-btn:hover {
    -webkit-box-shadow:0 0 10px #bc897133;
    -moz-box-shadow:0 0 10px #bc897133;
    box-shadow:0 0 10px #bc897133;
    background:#1f2c5c;
    -webkit-backdrop-filter:saturate(0.2);
    backdrop-filter:saturate(0.2)
}

.intro-btn:after,.section-gallery-item > div:before {
    content:
    '';
    position:
    absolute;
    width:100%;
    height:100%;
    left:-1px;
    bottom:-1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid
    var(--gold);
    -webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(44%,rgba(255,255,255,0)),color-stop(49%,rgba(0,0,0,1)),color-stop(51%,rgba(0,0,0,1)),color-stop(56%,rgba(255,255,255,0)));
    -webkit-mask-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 44%,rgba(0,0,0,1) 49%,rgba(0,0,0,1) 51%,rgba(255,255,255,0) 56%);
    -webkit-mask-size:240%;
    -webkit-mask-position:left center;
    -webkit-transition:.8s;
    -o-transition:.8s;
    -moz-transition:.8s;
    transition:.8s
}

.section-gallery-item > div:before {
    -webkit-box-shadow:inset 0 0 16px #a6786378;
    -moz-box-shadow:inset 0 0 16px #a6786378;
    box-shadow:inset 0 0 16px #a6786378;
    opacity:.9;
    -webkit-transition:0;
    -o-transition:0;
    -moz-transition:0;
    transition:0
}

.intro-btn:hover:after,.section-gallery-item > div.t:before {
    -webkit-mask-position:right center;
    -webkit-transition:.8s;
    -o-transition:.8s;
    -moz-transition:.8s;
    transition:.8s
}

.wrap-menu a {
    position:relative
}

.home_left.wrap-menu li:nth-child(1) a:after {
    content:'';
    position:absolute;
    width:4px;
    height:4px;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top:0;
    right:12px;
    opacity:1;
    zoom:-webkit-calc(1 / 1.25);
    zoom:-moz-calc(1 / 1.25);
    zoom:calc(1 / 1.25);
    -webkit-transition:.35s ease;
    -o-transition:.35s ease;
    -moz-transition:.35s ease;
    transition:.35s ease
}

.home_left.wrap-menu li a:hover:after {
    right:20px;
    opacity:0
}

.home_right .menu-homepage-2-container {
    direction:ltr
}

.home-main section > canvas {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-2
}

.home-main h1,.home-main h2,.editor-home h1,.editor-home h2,.home-main h3,.editor-home h3,.home-main h4,.editor-home h4 {
    color:
    var(--light);
    font-weight:400;
    font-size:25px;
    line-height:
    normal;
    width: 100%;
}

.editor-home > h3,.editor-home > h2,.editor-home > h4,.editor-home > h5,.editor-home > h1 {
    margin-bottom:10px
}

#header .wrap-menu a:before {
    content:
    '\e902';
    position:
    absolute;
    left:0;
    font-size:8px;
    width:100%;
    text-align:
    center;
    top:-14px;
    -webkit-transition:.25s;
    -o-transition:.25s;
    -moz-transition:.25s;
    transition:.25s;
    color:
    var(--gold);
    opacity:0
;
    background-image: url('../img/mnuhover.png');
    background-repeat: no-repeat;
    background-position: center top;
}

#header .wrap-menu a:hover:before {
    opacity:1;
    top:-10px
}

#intro .intro-btn {
    padding: 6px 33px 6px 37px !important;
    width:
    auto
}

.home_right .header-menu {
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}

.horse {
    position: relative !important;
    
    
    z-index:-1;
    text-align:
    center;
    -webkit-transition:1s 6s;
    -o-transition:1s 6s;
    -moz-transition:1s 6s;
    transition:1s 6s
}

.horse img {
    opacity:0;
    visibility:hidden
}

.horse img,.horse canvas {
    position: relative;
    width:
    auto;
    max-width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:
    contain;
    -o-object-position:bottom;
    object-position:
    bottom;
    margin: 0 auto;
}

.home-main .short-desc,.slide-title b {
    color:var(--gray1);
    font-size:18px;
    margin:4px 0 12px
}

.home-main p {
    color:var(--gray2);
    font-family:var(--text_font)
}

section#intro:before {
    content:
    '';
    position:
    absolute;
    width:60%;
    height:70%;
    bottom:-10%;
    left: 10%;
    z-index:-1;
    -webkit-border-radius:50% 50% 0 0;
    -moz-border-radius:50% 50% 0 0;
    border-radius:50% 50% 0 0;
    -webkit-filter:blur(70px);
    filter:
    blur(70px);
    /* background:#000000e0; */
}

.bg_effect_cover {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center
}

.home-main section .holder {
    padding:0;
    padding:0 4.5% 0
    -moz-calc(4.5% + 50px);
    padding: 0 4.5% 0 calc(4.5% + 50px);
    max-width:1600px
}

.photoFrame {
    position:
    relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border: 2px solid #916e5ca6;
    background:
    transparent;
    width:38vw;
    height:39vw;
    max-width:424px;
    max-height:430px;
    opacity:0;
    float:
    right;
}

.dir-0 .photoFrame {
    float:left
}

.aws .photoFrame,.aws.photoFrame {
    -webkit-transition:all .6s ease,background .6s 1s;
    -o-transition:all .6s ease,background .6s 1s;
    -moz-transition:all .6s ease,background .6s 1s;
    transition:all .6s ease,background .6s 1s;
    opacity:1
}

.photoFrame:after {
    content:
    '';
    position:
    absolute;
    width:
    -webkit-calc(100% + 2px);
    width:
    -moz-calc(100% + 2px);
    width:
    calc(100% + 2px);
    height:
    -webkit-calc(100% + 2px);
    height:
    -moz-calc(100% + 2px);
    height:
    calc(100% + 2px);
    top:-1px;
    left:-1px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    
    z-index:1;
    opacity:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:
    border-box;
    background: rgb(31,44,92);
    background: url('../img/patternn-op.png'),linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
    background-repeat: repeat;
}

.aws .photoFrame:after,.aws.photoFrame:after {
    border-width:20px;
    opacity:1;
    -webkit-transition:1s .4s;
    -o-transition:1s .4s;
    -moz-transition:1s .4s;
    transition:1s .4s
}

.aws .photoFrame:before,.aws.photoFrame:before {
    top:-60px;
    opacity:1;
    -webkit-transition:1s 1.4s ease;
    -o-transition:1s 1.4s ease;
    -moz-transition:1s 1.4s ease;
    transition:1s 1.4s ease
}

.photoFrame figure {
    height:100%;
    margin-top:-12%;
    margin-bottom:-1%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.photoFrame figure.small {
    height:-webkit-calc(100% - 60px);
    height:-moz-calc(100% - 60px);
    height:calc(100% - 60px);
    margin-top:20px;
    margin-bottom:0
}

.photoFrame figure img {
    position:relative;
    z-index:2;
    display:block;
    opacity:0
}

.photoFrame canvas {
    z-index:3;
    position:absolute
}

.photoFramePro figure img {
    -webkit-transform:translateY(-8px);
    -moz-transform:translateY(-8px);
    -ms-transform:translateY(-8px);
    -o-transform:translateY(-8px);
    transform:translateY(-8px)
}

.aws .photoFramePro figure img {
    -webkit-animation:float;
    -moz-animation:float;
    -o-animation:float;
    animation:float;
    -webkit-animation-duration:5s;
    -moz-animation-duration:5s;
    -o-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}

.photoFramePro .bTazhib {
    position:absolute;
    bottom:-25%
}

@-webkit-keyframes float {
    0% {
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }

    50% {
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}

@-moz-keyframes float {
    0% {
        -moz-transform:translateY(-8px);
        transform:translateY(-8px)
    }

    50% {
        -moz-transform:translateY(8px);
        transform:translateY(8px)
    }
}

@-o-keyframes float {
    0% {
        -o-transform:translateY(-8px);
        transform:translateY(-8px)
    }

    50% {
        -o-transform:translateY(8px);
        transform:translateY(8px)
    }
}

@keyframes float {
    0% {
        -webkit-transform:translateY(-8px);
        -moz-transform:translateY(-8px);
        -o-transform:translateY(-8px);
        transform:translateY(-8px)
    }

    50% {
        -webkit-transform:translateY(8px);
        -moz-transform:translateY(8px);
        -o-transform:translateY(8px);
        transform:translateY(8px)
    }
}

.aws .photoFrame img,.aws.photoFrame img {
    -webkit-transition:1.5s 2.5s ease-out;
    -o-transition:1.5s 2.5s ease-out;
    -moz-transition:1.5s 2.5s ease-out;
    transition:1.5s 2.5s ease-out;
    opacity:1
}

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

.photoFrame h3 {
    position:
    relative;
    width:100%;
    text-align:
    center;
    line-height:60px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:
    var(--gold);
    font-size:18px;
    z-index:5;
    opacity:0;
    font-family:
    var(--main_font);
    font-weight: bold;
    direction: rtl;
    bottom: 40px;
}

.photoFrame h3 span,.personnel h3 span {
    display:inline-block;
    -webkit-transform:rotateX(40deg) translateY(-26px);
    -moz-transform:rotateX(40deg) translateY(-26px);
    transform:rotateX(40deg) translateY(-26px);
    -webkit-transition:0 1s;
    -o-transition:0 1s;
    -moz-transition:0 1s;
    transition:0 1s;
    opacity:0
}

.personnel-holder .personnel {
    padding: 15px 8% 20px;
    background: rgb(31,44,92);
    background: linear-gradient(175deg, rgb(31 44 92) 0%, rgba(50,70,144,1) 100%);
    border-radius: 8px;
    margin: 0 8px 15px;
}

.personnel-holder .photo h3 {
    padding:7px 0;
    font-size:18px
}

.personnel-holder .info h3 {
    line-height:26px
}

.personnel h3 {
    font-size: 20px;
}

.photoFrame h3 span.s,.personnel h3 span.s {
    display:inline-block;
    -webkit-transform:rotateX(0) translateY(0);
    -moz-transform:rotateX(0) translateY(0);
    transform:rotateX(0) translateY(0);
    opacity:1
}

.aws .photoFrame h3 span.s,.aws .personnel h3 span.s,.aws.photoFrame h3 span.s {
    -webkit-transition:.4s ease;
    -o-transition:.4s ease;
    -moz-transition:.4s ease;
    transition:.4s ease
;
    margin: 0 1px;
}

.aws .photoFrame h3,.aws.photoFrame h3 {
    opacity:1;
    -webkit-transition:1s .4s ease;
    -o-transition:1s .4s ease;
    -moz-transition:1s .4s ease;
    transition:1s .4s ease
}

.bTazhib,.bTazhib:before {
    height:23%;
    width:100%;
    background-image:url(../img/sep/tazhib.png);
    -webkit-background-size:70% auto;
    -moz-background-size:70% auto;
    -o-background-size:70% auto;
    background-size:70% auto;
    background-position:center bottom;
    background-repeat:no-repeat;
    z-index:3;
    margin-top:-6px;
    opacity:0;
    -webkit-transform:translate(0,-30px);
    -moz-transform:translate(0,-30px);
    -ms-transform:translate(0,-30px);
    -o-transform:translate(0,-30px);
    transform:translate(0,-30px)
}

.website-types {
    -webkit-perspective:500px;
    -moz-perspective:500px;
    perspective:500px;
    padding-right:6%!important
}

.website-type {
    visibility:hidden;
    position:absolute;
    opacity:0;
    -webkit-clip-path:polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    clip-path:polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    -webkit-transition:1s 0 ease;
    -o-transition:1s 0 ease;
    -moz-transition:1s 0 ease;
    transition:1s 0 ease
}

.website-type.active {
    visibility:visible;
    opacity:1;
    -webkit-clip-path:polygon(-1% 0,101% 0,101% 100%,-1% 100%);
    clip-path:polygon(-1% 0,101% 0,101% 100%,-1% 100%);
    -webkit-transition:1s .3s ease;
    -o-transition:1s .3s ease;
    -moz-transition:1s .3s ease;
    transition:1s .3s ease
}

.website-type.deactive {
    opacity:0;
    -webkit-transition:.4s 0;
    -o-transition:.4s 0;
    -moz-transition:.4s 0;
    transition:.4s 0
}

.aws .bTazhib {
    opacity:1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    -webkit-transition:1s 1.3s ease;
    -o-transition:1s 1.3s ease;
    -moz-transition:1s 1.3s ease;
    transition:1s 1.3s ease
}

.bTazhib:before {
    content:'';
    -webkit-filter:sepia(1) saturate(1.7) hue-rotate(-17deg) brightness(6);
    filter:sepia(1) saturate(1.7) hue-rotate(-17deg) brightness(6);
    width:100%;
    height:100%;
    top:0;
    opacity:1;
    -webkit-mask-image:url(../img/mask3.png);
    -webkit-mask-size:100%;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center 240%;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    display:none
}

.photoFrame:hover .bTazhib:before {
    -webkit-transition:.7s 0 linear;
    -o-transition:.7s 0 linear;
    -moz-transition:.7s 0 linear;
    transition:.7s 0 linear;
    -webkit-mask-position:center 0
}

.intro-btn {
    max-width:300px;
    margin-top:22px
}

.slide-title .intro-btn {
    min-width:200px
}

.layout-btns div {
    display:inline-block;
    min-width:40%
}

.layout-btns .intro-btn {
    display:block;
    padding:6px 32px 6px 16px
}

.layout-btns {
    width:100%;
    display:
    -webkit-box;
    display:
    -webkit-flex;
    display:
    -moz-box;
    display:
    -ms-flexbox;
    display:
    flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content: flex-start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:
    center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:
    wrap
}

.intro-btn.lbtn {
    text-align:left;
    padding:6px 16px 6px 32px
}

.module-contact .mobile-btn {
    margin-bottom:14px
}

.intro-btn:before {
    content:"\f39b";
    position:absolute;
    right:10px
}

.intro-btn.lbtn:before {
    right:auto;
    left:10px;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.layout-btns > i {
    display:
    block;
    width: 30px;
    height: 30px;
    background:
    var(--gold);
    margin: 22px -17px 0;
    transform: rotate(45deg);
    background: rgb(244,172,124);
    background: linear-gradient(319deg, rgb(219 148 101) 0%, rgba(188,124,76,1) 100%);
    z-index: 1;
}

.sections-nav-main {
    position:
    relative;
    display:
    block;
    width:34px;
    height:34px;
    background: url(../img/imgnavi.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:
    cover;
    image-rendering:
    -webkit-optimize-contrast;
    image-rendering:
    crisp-edges;
}

.icon-zarb {
    position:absolute;
    top:36px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s;
    margin-right:53px;
    z-index:200
}

.openedMenu .icon-zarb {
    opacity:1;
    visibility:visible;
    -webkit-transition:1s 1s;
    -o-transition:1s 1s;
    -moz-transition:1s 1s;
    transition:1s 1s
}

.openedMenu .slidedown,.openedMenu .sections-nav-main {
    opacity:0!important;
    visibility:hidden
}

.sections-nav-main:before,.icon-zarb:before {
    content:
    '';
    position:
    absolute;
    width:52px;
    height:52px;
    top:-10px;
    left:-10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border: 1px solid #c17b4c;
    -webkit-box-shadow:0 0 0 #b8866f22;
    -moz-box-shadow:0 0 0 #b8866f22;
    box-shadow:0 0 0 #b8866f22;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
;
    -moz-animation: rotate infinite 3s 5s;
    -o-animation: rotate infinite 3s 5s;
    animation: rotate infinite 9s 9s;
}

.icon-zarb:before {
    content:"\f00d";
    color:var(--gold);
    font-size:25px;
    line-height:46px;
    text-align:center;
    width:46px;
    height:46px;
    top:-7px;
    left:-7px
}

.sections-nav-main:hover:before,.icon-zarb:hover:before {
    -webkit-box-shadow:0 0 50px #b8866f70;
    -moz-box-shadow:0 0 50px #b8866f70;
    box-shadow:0 0 50px #b8866f70
}

.sections-nav-main:after,.icon-zarb:after {
    content:
    '';
    position:
    absolute;
    width:68px;
    height:68px;
    top:-18px;
    left:-18px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border: 1px solid #85542f;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
;
    -moz-animation: rotate infinite 3s 5s;
    -o-animation: rotate infinite 3s 5s;
    animation: rotate infinite 3s 5s;
}

.sections-nav-main:hover:after,.icon-zarb:hover:after {
    border:1px solid #b1806a2b
}

.sections-nav-next,.sections-nav-prev,.glider-prev,.glider-next {
    position:
    relative;
    display:
    block;
    width: 50px;
    height: 131px;
    margin-top: 30px;
    cursor:
    pointer;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s;
    z-index:5
}

.sections-nav-next:before,.sections-nav-prev:before {
    content:
    '';
    position:
    absolute;
    width: 65px;
    height: 65px;
    background:
    var(--gold);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top:7px;
    left: -13px;
    -webkit-filter:blur(10px);
    filter:
    blur(10px);
    opacity:0;
    z-index:-1;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}

.sections-nav-next:after,.sections-nav-prev:after {
    content:
    '';
    position:
    absolute;
    width:100%;
    height:100%;
    background:
    url(../img/sep/arrow1.png) no-repeat center;
    -webkit-background-size:18px 18px;
    -moz-background-size:18px;
    -o-background-size:18px;
    background-size: 25px;
    top:0;
    left: -9px;
}

.sections-nav-next:hover:before,.sections-nav-prev:hover:before {
    opacity:.5
}

.sections-nav-prev {
    margin-top:
    auto;
    margin-bottom: 30px;
    -webkit-transform:rotatex(180deg) translateY(0);
    -moz-transform:rotatex(180deg) translateY(0);
    -ms-transform:rotatex(180deg) translateY(0);
    -o-transform:rotatex(180deg) translateY(0);
    transform:
    rotatex(180deg) translateY(0)
}

.sections-nav-main {
    cursor:pointer
}

.sections-nav-prev.disable,.sections-nav-next.disable {
    visibility:hidden;
    opacity:0
}

.sections-nav-main.hover li > ul > li {
    opacity:1!important
}

.copyright {
    font-size:10px;
    color: #bc7c4c;
    padding:15px 0
}

.copyright:before {
    content:'';
    display:inline-block;
    background:url(../img/logo.png);
    background-repeat:no-repeat;
    width:14px;
    height:22px;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    float:right;
    margin:-2px 0 0 10px;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges
}

.trusted {
    text-align:left;
    margin-top:5px;
    padding:7px 0
}

footer .row {
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -moz-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}

.downsign {
    position:
    relative;
    min-width:150px!important;
    height:50px;
    zoom:.75;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:
    translateY(0);
    image-rendering:
    -webkit-optimize-contrast;
    image-rendering:
    crisp-edges;
    color: #c28151;
    font-size: 40px;
    text-align: center;
    bottom: 30px;
    right: 15px;
}

.downsign.down {
    -webkit-transform:translateY(9px)!important;
    -moz-transform:translateY(9px)!important;
    -ms-transform:translateY(9px)!important;
    -o-transform:translateY(9px)!important;
    transform:translateY(9px)!important;
    -webkit-transition:.5s!important;
    -o-transition:.5s!important;
    -moz-transition:.5s!important;
    transition:.5s!important;
    opacity:0!important
}

.downsign:before {

}

.downsign:hover:before {
    top:-46%;
    opacity:.65
}

.website-switch-holder {
    position:absolute;
    width:105%;
    left:2.5%;
    z-index:5;
    pointer-events:visible;
    opacity:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}

#awards .photoFrame {
    float:none;
    margin:auto
}

#awards .editor-home {
    padding:0
}

#awards .layout-btns {
    padding:0 5%
}

.home_right.wrap-menu {
    -webkit-clip-path:polygon(0 0,0 0,0 100%,0% 100%);
    clip-path:polygon(0 0,0 0,0 100%,0% 100%);
    opacity:0;
    -webkit-transition:1s 4s ease;
    -o-transition:1s 4s ease;
    -moz-transition:1s 4s ease;
    transition:1s 4s ease
}

.home_left.wrap-menu {
    -webkit-clip-path:polygon(100% -10px,100% -10px,100% 100%,100% 100%);
    clip-path:polygon(100% -10px,100% -10px,100% 100%,100% 100%);
    opacity:0;
    -webkit-transition:1s 4s ease;
    -o-transition:1s 4s ease;
    -moz-transition:1s 4s ease;
    transition:1s 4s ease
}

.loaded .home_left.wrap-menu,.loaded .home_right.wrap-menu {
    -webkit-clip-path:polygon(0 -10px,128% -10px,112% 100%,0% 100%);
    clip-path:polygon(0 -10px,128% -10px,112% 100%,0% 100%);
    opacity:1
}

.menu-layout-contact-us .row > div {
    max-width:1200px
}

.logo {
    -webkit-transform:translateY(-14px);
    -moz-transform:translateY(-14px);
    -ms-transform:translateY(-14px);
    -o-transform:translateY(-14px);
    transform:translateY(-14px);
    opacity:0;
    -webkit-transition:1s 3s ease;
    -o-transition:1s 3s ease;
    -moz-transition:1s 3s ease;
    transition:1s 3s ease
}

.loaded .logo {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}

.slidedown,.login-btn {
    opacity:0;
    -webkit-transition:1s 4.5s ease;
    -o-transition:1s 4.5s ease;
    -moz-transition:1s 4.5s ease;
    transition:1s 4.5s ease
}

.loaded .slidedown,.loaded .login-btn {
    opacity:1
}

.mobile-nav {
    z-index:100;
    pointer-events:auto;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1
}

.mobile-nav.open {
    -webkit-transform:translate(0,40px);
    -moz-transform:translate(0,40px);
    -ms-transform:translate(0,40px);
    -o-transform:translate(0,40px);
    transform:translate(0,40px);
    opacity:0
}

.mobile-nav:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../img/nav-bg.png);
    -webkit-background-size:100% 100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:0;
    -webkit-transition:2s 2s ease-in-out;
    -o-transition:2s 2s ease-in-out;
    -moz-transition:2s 2s ease-in-out;
    transition:2s 2s ease-in-out;
    opacity:.5
}

.mobile-login:before {
    content:"\e904";
    color:#bc8971;
    font-size:18px
}

.mobile-nav .holder {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}

.loaded .logo-desc {
    opacity:1;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform: translateY(-10px);
    visibility:
    visible;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s
;
    right: 9px;
    width: 35px;
}

.loaded .logo-desc.hidden {
    -webkit-transform:translateY(-14px);
    -moz-transform:translateY(-14px);
    -ms-transform:translateY(-14px);
    -o-transform:translateY(-14px);
    transform:translateY(-14px);
    opacity:0;
    visibility:hidden
}

.header-logo:hover .logo-desc {
    opacity:1!important;
    -webkit-transform:translateY(0px)!important;
    -moz-transform:translateY(0px)!important;
    -ms-transform:translateY(0px)!important;
    -o-transform:translateY(0px)!important;
    transform:translateY(0px)!important;
    visibility:visible!important
}

.dir-2 .c-lg-6:first-child {
    padding-left:8%
}

.loaded .horse-1 {
    opacity:1
}

.loaded .horse-2,.loaded .horse-3 {
    -webkit-mask-position:center
}

.sections-nav-main {
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
    opacity:0;
    -webkit-transition:2s 4s ease-in-out;
    -o-transition:2s 4s ease-in-out;
    -moz-transition:2s 4s ease-in-out;
    transition:2s 4s ease-in-out
}

.loaded .sections-nav-main {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1
}

.sections-nav-next {
    opacity:0;
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:.5s 7s ease;
    -o-transition:.5s 7s ease;
    -moz-transition:.5s 7s ease;
    transition:.5s 7s ease
}

.sections-nav-prev.disable {
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    -moz-transition:1s ease;
    transition:1s ease
}

.loaded .sections-nav-next {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}

.loaded .sections-nav-next:after,.loaded .sections-nav-next:before {
    -webkit-animation:scrolldown infinite 3s 5s;
    -moz-animation:scrolldown infinite 3s 5s;
    -o-animation:scrolldown infinite 3s 5s;
    animation:scrolldown infinite 3s 5s;
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px);
    display:block
}

@-webkit-keyframes scrolldown {
    20% {
        -webkit-transform:translateY(-7px);
        transform:translateY(-7px)
    }

    50% {
        -webkit-transform:translateY(7px);
        transform:translateY(7px)
    }

    80% {
        -webkit-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}

@-moz-keyframes scrolldown {
    20% {
        -moz-transform:translateY(-7px);
        transform:translateY(-7px)
    }

    50% {
        -moz-transform:translateY(7px);
        transform:translateY(7px)
    }

    80% {
        -moz-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}

@-o-keyframes scrolldown {
    20% {
        -o-transform:translateY(-7px);
        transform:translateY(-7px)
    }

    50% {
        -o-transform:translateY(7px);
        transform:translateY(7px)
    }

    80% {
        -o-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}

@keyframes scrolldown {
    20% {
        -webkit-transform:translateY(-7px);
        -moz-transform:translateY(-7px);
        -o-transform:translateY(-7px);
        transform:translateY(-7px)
    }

    50% {
        -webkit-transform:translateY(7px);
        -moz-transform:translateY(7px);
        -o-transform:translateY(7px);
        transform:translateY(7px)
    }

    80% {
        -webkit-transform:translateY(-7px);
        -moz-transform:translateY(-7px);
        -o-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}

.downsign {
    -webkit-transform:translateY(13px);
    -moz-transform:translateY(13px);
    -ms-transform:translateY(13px);
    -o-transform:translateY(13px);
    transform:translateY(13px);
    opacity:0;
    -webkit-transition:1s 3s;
    -o-transition:1s 3s;
    -moz-transition:1s 3s;
    transition:1s 3s
}

.loaded .downsign {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}

.copyright,.trusted {
    opacity:0;
    -webkit-transition:.8s 3s;
    -o-transition:.8s 3s;
    -moz-transition:.8s 3s;
    transition:.8s 3s
}

.copyright:hover {
    -webkit-filter:brightness(1.5) saturate(1.5);
    filter:brightness(1.5) saturate(1.5);
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.loaded .copyright,.loaded .trusted {
    opacity:1
}

.menu-title {
    text-align:center;
    margin-bottom:36px;
    width:100%
}

.menu-title h3 {
    font-size:20px!important;
    color:var(--gold)
}

.menu-title p {
    font-size:17px;
    margin-top:5px;
    color:var(--gray2)
}

.personnel-holder img {
    height:
    auto;
    max-height: 150px;
    width:
    auto
}

.personnel img {
    margin-top:-15px;
    opacity:1;
    -webkit-filter:contrast(0) brightness(0.15);
    filter:contrast(0) brightness(0.15)
}

.personnel .info {
    opacity:0;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px
}

.aws .personnel img {
    opacity:1;
    -webkit-transition:1s;
    -o-transition:1s;
    -moz-transition:1s;
    transition:1s;
    -webkit-filter:contrast(1) brightness(1);
    filter:contrast(1) brightness(1)
}

.aws .personnel .info {
    opacity:1;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s
}

.personnel .info * {
    -webkit-transform:translateY(-26px) rotateX(90deg);
    -moz-transform:translateY(-26px) rotateX(90deg);
    transform:translateY(-26px) rotateX(90deg);
    opacity:0;
    display:block
}

.aws .personnel .info * {
    -webkit-transition:.7s;
    -o-transition:.7s;
    -moz-transition:.7s;
    transition:.7s;
    -webkit-transform:translateY(0px) rotateX(0deg);
    -moz-transform:translateY(0px) rotateX(0deg);
    transform:translateY(0px) rotateX(0deg);
    opacity:1
}

#webdesign .row {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.photoFrame-main {
    position:absolute;
    opacity:0;
    height:98%;
    width:100%;
    -webkit-transition:.4s ease;
    -o-transition:.4s ease;
    -moz-transition:.4s ease;
    transition:.4s ease;
    z-index:10
}

.photoFrame-main.active {
    opacity:1
}

.photoFrame-main figure {
    height:90%;
    margin-top:0;
    margin-bottom:0;
    -webkit-transition:.4s ease;
    -o-transition:.4s ease;
    -moz-transition:.4s ease;
    transition:.4s ease;
    -webkit-transform:translateY(0) scale(1);
    -moz-transform:translateY(0) scale(1);
    -ms-transform:translateY(0) scale(1);
    -o-transform:translateY(0) scale(1);
    transform:translateY(0) scale(1)
}

.photoFrame-main.before figure {
    -webkit-transition:.4s ease-in;
    -o-transition:.4s ease-in;
    -moz-transition:.4s ease-in;
    transition:.4s ease-in;
    -webkit-transform:translateY(-100px) scale(1);
    -moz-transform:translateY(-100px) scale(1);
    -ms-transform:translateY(-100px) scale(1);
    -o-transform:translateY(-100px) scale(1);
    transform:translateY(-100px) scale(1)
}

.photoFrame-main.after figure {
    -webkit-transition:.4s ease-in;
    -o-transition:.4s ease-in;
    -moz-transition:.4s ease-in;
    transition:.4s ease-in;
    -webkit-transform:translateY(100px) scale(1);
    -moz-transform:translateY(100px) scale(1);
    -ms-transform:translateY(100px) scale(1);
    -o-transform:translateY(100px) scale(1);
    transform:translateY(100px) scale(1)
}

.website-types-switches {
    position:absolute;
    width:-webkit-calc(110% + 232px);
    width:-moz-calc(110% + 232px);
    width:calc(110% + 232px);
    height:-webkit-calc(110% + 232px);
    height:-moz-calc(110% + 232px);
    height:calc(110% + 232px);
    top:-webkit-calc(-5% - 116px);
    top:-moz-calc(-5% - 116px);
    top:calc(-5% - 116px);
    left:-116px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    pointer-events:none;
    opacity:0
}

.aws .website-types-switches {
    opacity:1;
    -webkit-transition:.6s 2s;
    -o-transition:.6s 2s;
    -moz-transition:.6s 2s;
    transition:.6s 2s
}

.website-types-switches:before {
    content:
    '';
    position:
    absolute;
    width:100%;
    height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:2px solid
    var(--gold);
    z-index:-1;
    -webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    -webkit-mask-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 80%,rgba(0,0,0,1));
    mask-image:
    -webkit-gradient(linear,left top,right top,color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    mask-image:
    linear-gradient(to right,rgba(0,0,0,0) 80%,rgba(0,0,0,1));
    background: #0000007a;
}

#webdesign .photoFramePro {
    float:left
}

.website-types-switch {
    position:
    relative;
    width:85px;
    height:85px;
    padding:8px;
    border: 12px solid #24336b;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:#010101;
    cursor:
    pointer;
    -webkit-box-shadow:0 0 1px #a1857800;
    -moz-box-shadow:0 0 1px #a1857800;
    box-shadow:0 0 1px #a1857800
;
    background: linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
}

.website-types-switch:before {
    content:'';
    position:absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:61px;
    height:61px;
    top:-1px;
    left:-1px;
    border:1px solid var(--gold);
    opacity:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.website-types-switch:after {
    content:'';
    position:absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:69px;
    height:69px;
    top:-5px;
    left:-5px;
    border:1px solid var(--gold);
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    opacity:0;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}

.website-types-switch:hover:before,.website-types-switch.select:before {
    opacity:.8
}

.website-types-switch:hover:after,.website-types-switch.select:after {
    opacity:.35;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.aws .website-switch-holder:nth-child(1) {
    -webkit-transform:rotate(-46deg);
    -moz-transform:rotate(-46deg);
    -ms-transform:rotate(-46deg);
    -o-transform:rotate(-46deg);
    transform:rotate(-46deg);
    opacity:1;
    -webkit-transition:1s 2.5s ease;
    -o-transition:1s 2.5s ease;
    -moz-transition:1s 2.5s ease;
    transition:1s 2.5s ease
}

.aws .website-switch-holder:nth-child(2) {
    -webkit-transform:rotate(-23deg);
    -moz-transform:rotate(-23deg);
    -ms-transform:rotate(-23deg);
    -o-transform:rotate(-23deg);
    transform:rotate(-23deg);
    opacity:1;
    -webkit-transition:1s 2.5s ease;
    -o-transition:1s 2.5s ease;
    -moz-transition:1s 2.5s ease;
    transition:1s 2.5s ease
}

.aws .website-switch-holder:nth-child(3) {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    opacity:1;
    -webkit-transition:1s 2.5s ease;
    -o-transition:1s 2.5s ease;
    -moz-transition:1s 2.5s ease;
    transition:1s 2.5s ease
}

.aws .website-switch-holder:nth-child(4) {
    -webkit-transform:rotate(23deg);
    -moz-transform:rotate(23deg);
    -ms-transform:rotate(23deg);
    -o-transform:rotate(23deg);
    transform: rotate(23deg);
    opacity:1;
    -webkit-transition:1s 2.5s ease;
    -o-transition:1s 2.5s ease;
    -moz-transition:1s 2.5s ease;
    transition:1s 2.5s ease
}

.aws .website-switch-holder:nth-child(5) {
    -webkit-transform:rotate(46deg);
    -moz-transform:rotate(46deg);
    -ms-transform:rotate(46deg);
    -o-transform:rotate(46deg);
    transform:rotate(46deg);
    opacity:1;
    -webkit-transition:1s 2.5s ease;
    -o-transition:1s 2.5s ease;
    -moz-transition:1s 2.5s ease;
    transition:1s 2.5s ease
}

.photoFramePro figure img {
    width:65%;
    margin-top:8%
}

.goldTazhib {
    position:
    absolute;
    width:
    -webkit-calc(100% + 94px);
    width:
    -moz-calc(100% + 94px);
    width:
    calc(100% + 94px);
    height:
    -webkit-calc(100% + 94px);
    height:
    -moz-calc(100% + 94px);
    height:
    calc(100% + 94px);
    top:-47px;
    left:-47px;
    
    
    
    z-index:-1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:0;
    -webkit-transform:scale(0.85);
    -moz-transform:scale(0.85);
    -ms-transform:scale(0.85);
    -o-transform:scale(0.85);
    transform:
    scale(0.85);
    border: 3px solid #916e5c;
    box-shadow: 0 0 100px #916e5c40;
}

.goldTazhib:before,.goldTazhib:after {
    content:
    '';
    position:
    absolute;
    background-image: url(../img/sep/badgee.png);
    -webkit-background-size: 70% 70%;
    -moz-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%;
    background-position:
    top center;
    background-repeat:
    no-repeat;
    height: 20%;
    width: 20%;
    left: 40%;
    top: -30px;
    z-index:-1
;
    transform: rotate(348deg);
}

.goldTazhib:after {
    -webkit-filter:sepia(1) saturate(1.7) hue-rotate(-17deg) brightness(6) blur(12px);
    filter:sepia(1) saturate(1.7) hue-rotate(-17deg) brightness(6) blur(12px);
    opacity:.3
}

.photoFramePro {
    width:38vw;
    height:38vw;
    max-width: 350px;
    max-height: 350px;
    right: 0px;
}

.editor-home ul {
    padding-right:10%;
    color:var(--gray2);
    display:-ms-grid;
    display:grid;
    margin:20px 0;
    padding-right:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}

.editor-home li:hover {
    color:var(--gold)
}

.editor-home li {
    margin:3px 0;
    min-width:50%;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.editor-home li.mark {
    color:var(--light)
}

.editor-home li.mark:hover {
    color:var(--gold)
}

.editor-home li:before {
    content: "\f00c";
    width: 22px;
    height: 18px;
    margin: -1px 0 0 0px;
    float: right;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    color: #a67863;
}

.editor-home li:hover:before {
    -webkit-filter:grayscale(0) brightness(1);
    filter:grayscale(0) brightness(1)
}

.editor-home .short-desc {
    color:
    var(--gray1);
    font-size:18px;
    margin:4px 0 12px;
    font-family:
    var(--main_font);
    width: 100%;
}

#LUXIMA .photoFrame > i {
    position:absolute;
    width:-webkit-calc(100% + 130px);
    width:-moz-calc(100% + 130px);
    width:calc(100% + 130px);
    height:-webkit-calc(100% + 130px);
    height:-moz-calc(100% + 130px);
    height:calc(100% + 130px);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top:-65px;
    right:-65px;
    border:2px solid var(--gold);
    z-index:-1;
    -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(70%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    -webkit-mask-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 70%,rgba(0,0,0,1));
    mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(70%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    mask-image:linear-gradient(0deg,rgba(0,0,0,0) 70%,rgba(0,0,0,1));
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    opacity:0
}

#LUXIMA .photoFrame {
    max-width:444px;
    max-height:450px
}

#LUXIMA.aws .photoFrame > i {
    -webkit-transform:rotate(70deg);
    -moz-transform:rotate(70deg);
    -ms-transform:rotate(70deg);
    -o-transform:rotate(70deg);
    transform:rotate(70deg);
    opacity:1;
    -webkit-transition:1.5s 2.5s ease-out;
    -o-transition:1.5s 2.5s ease-out;
    -moz-transition:1.5s 2.5s ease-out;
    transition:1.5s 2.5s ease-out
}

.luxima-item img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0);
    display:block;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    opacity:.5
}

.luxima-item-img {
    border:1px solid #3b2d25;
    background:#000;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    min-width:48px;
    max-width:48px;
    height:48px;
    margin-left:10px;
    -webkit-perspective:200px;
    -moz-perspective:200px;
    perspective:200px
}

.luxima-item h4 {
    font-size:13px;
    line-height:16px;
    color:var(--gray1)
}

.luxima-item span {
    font-size:11px;
    line-height:12px;
    display:inline-block;
    color:var(--gray2)
}

.luxima-item > div {
    display:-ms-grid;
    display:grid
}

.luxima-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:14px 0;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}

.luxima-item:hover {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}

.luxima-item:hover img {
    opacity:1
}

.glider-prev,.glider-next {
    margin:0;
    display:none
}

.layout-slider {
    padding-top:60px;
}

.layout-slider .holder {
    padding:0!important;
    padding:0 5% 0 -moz-calc(5% + 4px)!important;
    padding:0 5% 0 calc(5% + 4px)!important
}

.slide-frame {
    position:relative;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}

.glider-track .slide-frame:first-child,.glider-track .slide-frame:last-child {
    margin-right:10px!important
}

.slide-frame img {
    position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:1;
    max-width:100%;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}

.slider-frame h3 {
    text-align:
    center;
    font-size:16px;
    color: var(--gold);
    -webkit-transition:.35s;
    -o-transition:.35s;
    -moz-transition:.35s;
    transition:.35s
;
    margin-top: -70px;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-left: 110px;
    transform: rotate(359deg) !important;
}
.slide-frame img:nth-child(2) {
    position:absolute
}

.slide-frame canvas {
    width:100%;
    position:absolute;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    z-index:1;
    left:0;
    top:0
}

.slider-frame {
    margin:0 -20px!important
}

.slider-frame .glider-track {
    padding:10px 0
}

.slider-frame > div {
    padding:40px 15px 0
}

.slider-frame-logo {
    position:absolute!important;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:10!important;
    width:auto!important;
    height:auto!important;
    opacity:1!important
}

.glider-dots {
    margin:-5px 0 0
}

.slide-title a {
    float:left;
    margin:0
}

.slide-title b {
    line-height:46px
}

.slider-nav {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.glider-next {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}

.glider-next.disable,.glider-prev.disable {
    display:none
}

.glider-next:before,.glider-next:after,.glider-prev:before,.glider-prev:after {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:url(../img/sep/arrow1.png) no-repeat center;
    -webkit-background-size:20px 20px;
    -moz-background-size:20px;
    -o-background-size:20px;
    background-size:20px;
    top:0;
    left:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.glider-next:after,.glider-prev:after {
    opacity:0;
    -webkit-filter:blur(10px);
    filter:blur(10px)
}

.glider-next:hover:after,.glider-prev:hover:after {
    opacity:1
}

.glider-next:hover:before,.glider-next:hover:after,.glider-prev:hover:before,.glider-prev:hover:after {
    -webkit-transform:translate(0,10px);
    -moz-transform:translate(0,10px);
    -ms-transform:translate(0,10px);
    -o-transform:translate(0,10px);
    transform:translate(0,10px)
}

.glider-prev {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}

.glider-dots a,.glider-dots i ,.owl-dot{
    width:20px;
    height:2px;
    background:#ffffff40 ;
    display:inline-block;
    margin:0 5px
}

.glider-dots a.active,.glider-dots i.active,.owl-dot.active {
    background:var(--gold)
}

.blog-item h3 a {
    font-size:16px;
    color:#fff
}

.blog-item:hover h3 a {
    color:var(--gold)
}

.blog-item-img:before {
    content:'';
    position:absolute;
    width:50%;
    height:100%;
    background:url(../img/texture.jpg);
    -webkit-background-size:auto 100%;
    -moz-background-size:auto 100%;
    -o-background-size:auto 100%;
    background-size:auto 100%;
    background-position:0 0;
    right:0;
    top:0;
    opacity:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    z-index:-1;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}

@-webkit-keyframes bgMoveLeft {
    0% {
        background-position:0 0
    }

    50% {
        background-position:800px 0
    }
}

@-moz-keyframes bgMoveLeft {
    0% {
        background-position:0 0
    }

    50% {
        background-position:800px 0
    }
}

@-o-keyframes bgMoveLeft {
    0% {
        background-position:0 0
    }

    50% {
        background-position:800px 0
    }
}

@keyframes bgMoveLeft {
    0% {
        background-position:0 0
    }

    50% {
        background-position:800px 0
    }
}

.blog-item:hover,.blog-item:hover,.blog-item:hover .blog-item-img:before {
    -webkit-filter:grayscale(0) brightness(1);
    filter:grayscale(0) brightness(1);
    opacity:1
}

#header .sections-nav-main {
    -webkit-transition:1s 0;
    -o-transition:1s 0;
    -moz-transition:1s 0;
    transition:1s 0
}

.blog-item {
    position:
    relative;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    margin-bottom:30px;
    padding:7px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    -webkit-filter:none;
    filter:
    none;
    width: 47%;
    display: inline-block;
    margin: 0 15px 30px;
}

.blog-item img {
    min-width:120px;
    width:130px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    height:auto
}

.single-banner {
    position:relative;
    width:-webkit-calc(100% - 88px);
    width:-moz-calc(100% - 88px);
    width:calc(100% - 88px);
    margin:60px 4px 0 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}

.single-banner img {
    min-width:120px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    height:auto
}

.single-banner i,.tdots {
    position:absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:var(--gray1);
    width:4px;
    height:4px;
    top:-30px;
    left:-webkit-calc(50% - 2px);
    left:-moz-calc(50% - 2px);
    left:calc(50% - 2px)
}

.single-banner i:before,.single-banner i:after,.tdots:before,.tdots:after {
    content:'';
    position:absolute;
    width:4px;
    height:4px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:var(--gray1);
    left:-10px
}

.single-banner i:after,.tdots:after {
    left:10px
}

.blog-item-img {
    position:relative;
    margin:0 18px 0 0;
    background:#d8dfe9;
    background:-moz-linear-gradient(180deg,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    background:-webkit-linear-gradient(180deg,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(151,156,164,0.35)),color-stop(80%,rgba(255,255,255,0)));
    background:-webkit-linear-gradient(top,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    background:-moz-linear-gradient(top,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    background:-o-linear-gradient(top,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    background:linear-gradient(180deg,rgba(151,156,164,0.35) 0%,rgba(255,255,255,0) 80%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8dfe9",endColorstr="#ffffff",GradientType=1);
    padding:4px;
    float: left;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height: 155px;
    filter: sepia(.5);
}

.blog-item h3 a {
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
}

.blog-item:hover h3 a {
    color:var(--gold)
}

.blog-item p {
    font-size:14px!important;
    height:auto;
    color:var(--gray1);
    margin:8px 0 12px;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
}

.blog-item-img:before {
    content:'';
    position:absolute;
    width:-webkit-calc(100% - 8px);
    width:-moz-calc(100% - 8px);
    width:calc(100% - 8px);
    height:-webkit-calc(100% - 8px);
    height:-moz-calc(100% - 8px);
    height:calc(100% - 8px);
    background:url(../img/texture.jpg);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:0 0;
    right:4px;
    top:4px;
    opacity:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    z-index:1;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

.aws .blog-item-img:before {
    -webkit-animation:bgMoveLeft;
    -moz-animation:bgMoveLeft;
    -o-animation:bgMoveLeft;
    animation:bgMoveLeft;
    -webkit-animation-duration:12000s;
    -moz-animation-duration:12000s;
    -o-animation-duration:12000s;
    animation-duration:12000s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    -o-animation-timing-function:linear;
    animation-timing-function:linear
}

.blog-item-img:after {
    content:'';
    position:absolute;
    width:50px;
    height:50px;
    background:#fff url(../img/sep/roundbadge.png) no-repeat;
    -webkit-background-size:32px 32px;
    -moz-background-size:32px;
    -o-background-size:32px;
    background-size:32px;
    background-position:center;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    z-index:10;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    top:-webkit-calc(50% - 25px);
    top:-moz-calc(50% - 25px);
    top:calc(50% - 25px);
    left:-webkit-calc(50% - 25px);
    left:-moz-calc(50% - 25px);
    left:calc(50% - 25px);
    opacity:0
}

.blog-item:hover .blog-item-img:after {
    opacity:1
}

@keyframes bgMoveLeft {
    0% {
        background-position:0 0
    }

    50% {
        background-position:80000px 0
    }
}

@-webkit-keyframes bgMoveRight {
    0% {
        background-position:0 0
    }

    50% {
        background-position:-80000px 0
    }
}

@-moz-keyframes bgMoveRight {
    0% {
        background-position:0 0
    }

    50% {
        background-position:-80000px 0
    }
}

@-o-keyframes bgMoveRight {
    0% {
        background-position:0 0
    }

    50% {
        background-position:-80000px 0
    }
}

@keyframes bgMoveRight {
    0% {
        background-position:0 0
    }

    50% {
        background-position:-80000px 0
    }
}

.blog-item .post-date {
    font-size:12px;
    color:var(--gray2);
    text-transform:uppercase;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    text-align: left;
}

.blog-item .post-date:before {
    content:
    "\f073";
    display:
    block;
    height:1px;
    width:18px;
    float:left;
    margin: 0px 0 0 5px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}



.blog-item:hover > div:before {
    width:38px;
    background:var(--gold)
}

.blog-item:hover .post-date:before {
    background:var(--gold)
}

.blog-item:hover .post-date {
    color:var(--gray1)
}

.blog-item:hover,.blog-item:hover .blog-item-img:before {
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:1
}

.personnel {
    padding:0 7%;
    cursor:pointer;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    position:relative
}

.menu-close {
    position:fixed;
    z-index:10000;
    width:42px;
    height:42px;
    left:-webkit-calc(50% - 21px);
    left:-moz-calc(50% - 21px);
    left:calc(50% - 21px);
    bottom:0;
    opacity:0;
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    -moz-transition:1s ease;
    transition:1s ease;
    visibility:hidden
}

.menu-close:before,.menu-close:after {
    content:'';
    position:absolute;
    width:42px;
    height:42px;
    top:0;
    left:0;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    -moz-transition:.5s ease;
    transition:.5s ease;
    background:url(../img/3100.png);
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    background-size:100% auto;
    background-position:bottom;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.menu-close:hover:before {
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    opacity:0
}

.menu-close:hover:after {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1
}

.menu-close:after {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
    background-position:top;
    opacity:0
}

.menu-close.active {
    opacity:1;
    visibility:visible;
    bottom:5%;
    cursor:pointer
}

.personnel .photo {
    position:
    relative;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:
    scale(1);
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s;
    text-align: center;
}
.personnel:hover .photo:before {
    top: -100px;
    opacity:1;
    -webkit-transition:.7s ease;
    -o-transition:.7s ease;
    -moz-transition:.7s ease;
    transition:.7s ease
}

.personnel:hover .photo:after {
    opacity:1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
    -webkit-transition:.7s ease;
    -o-transition:.7s ease;
    -moz-transition:.7s ease;
    transition:.7s ease
}

.personnel .photo i {
    position:
    absolute;
    width:90%;
    height:50%;
    
    border-top:0;
    bottom:0;
    left:5%;
    z-index:-1;
}

.personnel .photo i:before {
    content:
    '';
    position:
    absolute;
    width:100%;
    height:120%;
    
    border-bottom:0;
    top:-94%;
    left:-18px;
    z-index:-1;
}

.personnel .photo h3 {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    color:
    var(--gold);
    margin: -42px 0 0;
    z-index:5;
    font-family: var(--main_font)));
    filter:
    progid:DXImageTransform.Microsoft.gradient(startColorstr="#030303",endColorstr="#0e0e0e",GradientType=1);
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 12px 0px 10px;
    direction:
    ltr;
}

.personnel .info {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding: 0px;
    margin-top:4px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    width:100%
}

.personnel .info h3,.personnel .phone {
    color:
    var(--gray1);
    display:
    block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.personnel .post,.personnel .info .mobile {
    color:#7b7f82;
    display:block
}

.hover-info h3 {
    color:var(--light)
}

.hover-info span {
    color:var(--gray1)
}

.phone,.mobile {
    direction:ltr
}

.personnel-holder {
    height:100%
}

.personnel:hover .photo {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform: scale(1.1);
}

.personnel:hover .info {
    opacity:0
}

.personnel .hover-info {
    position:
    absolute;
    text-align: center;
    top: 80%;
    width:100%;
    right: 0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    opacity:0;
    visibility:
    hidden;
    font-size: 18px;
}

.personnel:hover .hover-info {
    bottom: 50px;
    opacity:1;
    visibility:
    visible
}

#personnel .row {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.employee-intro-btn {
    text-align:center;
    cursor:pointer
}

.employee-intro-btn a {
    display:inline-block;
    position:relative
}

.employee-intro-btn a:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(../../../../../uploads/2021/01/dJy9ZykYiQN9pTihWZNCXG-1200-80.jpg) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0;
    -webkit-transition:.35s ease;
    -o-transition:.35s ease;
    -moz-transition:.35s ease;
    transition:.35s ease
}

.employee-intro-btn a:hover:before {
    opacity:.4
}

.single-card-personnel {
    padding:0!important;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:auto;
    opacity:0
}

.aws .single-card-personnel {
    opacity:1;
    -webkit-transition:1s .5s;
    -o-transition:1s .5s;
    -moz-transition:1s .5s;
    transition:1s .5s
}

.single-card-personnel:hover .photo {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.single-card-personnel:hover .info {
    opacity:1;
    margin-right:0;
    width:100%
}

.single-card-personnel .info {
    background:#070708;
    padding-right:36px;
    margin-left:-40px;
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    border-radius:0 10px 10px 0;
    z-index:-1;
    font-size:16px
}

.single-card-personnel .info:before {
    content:'';
    position:absolute;
    background:url(../img/sep/sale-badge.png) no-repeat;
    background-position:center;
    width:40px;
    height:100%;
    display:block;
    top:0;
    right:-22px
}

.single-card-personnel .photo i {
    width:-webkit-calc(100% - 20px);
    width:-moz-calc(100% - 20px);
    width:calc(100% - 20px);
    left:10px;
    border:16px solid #0d0d0d;
    height:60%
}

.single-card-personnel .photo i:before {
    border:16px solid #0d0d0d;
    left:-16px;
    height:110.1%;
    top:-84%
}

.single-card-personnel .photo:before {
    top:-26px;
    opacity:0
}

.aws .single-card-personnel .photo:before {
    top:-56px;
    -webkit-transition:1.5s .5s;
    -o-transition:1.5s .5s;
    -moz-transition:1.5s .5s;
    transition:1.5s .5s;
    opacity:1
}

.single-card-personnel .info h3,.single-card-personnel .phone {
    color:var(--light)
}

.single-card-personnel .post,.single-card-personnel .info .mobile {
    color:var(--gray1)
}

.single-card-personnel .photo:after {
    display:none
}

.gallery .c-122 {
    margin-right:-1.7%;
    margin-left:-1.7%
}

.simple-gallery {
    margin:24px 0 0;
    width:102%
}

.simple-gallery img {
    margin:1%;
    width:8.2%;
    height:auto
}

.simple-gallery img:first-child {
    margin-right:0
}

.simple-gallery img:last-child {
    margin-left:0
}

.single-card-personnel .photo:after {
    bottom:-10%;
    opacity:0!important
}

.aws .single-card-personnel .photo:after {
    bottom:-17%;
    -webkit-transition:1.5s .5s;
    -o-transition:1.5s .5s;
    -moz-transition:1.5s .5s;
    transition:1.5s .5s;
    opacity:1!important
}

.bg-inside {
    position:static!important
}

.bg-inside img {
    position:
    absolute;
    width: 40%;
    height: 65%;
    bottom: 80px;
    -o-object-fit:contain;
    object-fit:
    contain;
    -o-object-position:bottom right;
    object-position:
    bottom right;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:
    rotate(0deg);
    -webkit-transform-origin:70% 100%;
    -moz-transform-origin:70% 100%;
    -ms-transform-origin:70% 100%;
    -o-transform-origin:70% 100%;
    transform-origin:70% 100%
}

.aws .bg-inside img {
    -webkit-animation:flower 10s infinite;
    -moz-animation:flower 10s infinite;
    -o-animation:flower 10s infinite;
    animation:flower 10s infinite
}

.aws .bg-inside img:nth-child(2) {
    -webkit-animation:flower 10s 3s infinite;
    -moz-animation:flower 10s 3s infinite;
    -o-animation:flower 10s 3s infinite;
    animation:flower 10s 3s infinite
}

@-webkit-keyframes flower {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    50% {
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
}

@-moz-keyframes flower {
    0% {
        -moz-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    50% {
        -moz-transform:rotate(3deg);
        transform:rotate(3deg)
    }
}

@-o-keyframes flower {
    0% {
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    50% {
        -o-transform:rotate(3deg);
        transform:rotate(3deg)
    }
}

@keyframes flower {
    0% {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }

    50% {
        -webkit-transform:rotate(3deg);
        -moz-transform:rotate(3deg);
        -o-transform:rotate(3deg);
        transform:rotate(3deg)
    }
}

.contact-numbers {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    direction:ltr;
    font-family:var(--eng-font);
    margin:20px 0 0
}

.contact-numbers a {
    color:var(--gold);
    font-size:1.9vw
}

.contact-numbers .tel1 {
    font-size:7.8vw;
    line-height:1.2;
    text-align:right;
    width:100%
}

.small-photo-cart-holder {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.small-photo-cart {
    position:relative;
    width:11%;
    opacity:0;
    -webkit-transition:1.4s;
    -o-transition:1.4s;
    -moz-transition:1.4s;
    transition:1.4s;
    -webkit-transition-timing-function:var(--aws-easing);
    -moz-transition-timing-function:var(--aws-easing);
    -o-transition-timing-function:var(--aws-easing);
    transition-timing-function:var(--aws-easing);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    padding:1.5%
}

.small-photo-cart.s {
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.small-photo-cart img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block;
    background:-moz-linear-gradient(0deg,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    background:-webkit-linear-gradient(0deg,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    background:-webkit-gradient(linear,left bottom,left top,color-stop(5%,rgba(20,20,20,1)),to(rgba(0,0,0,1)));
    background:-webkit-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    background:-moz-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    background:-o-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    background:linear-gradient(0deg,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
}

.small-photo-cart i {
    display:block;
    width:100%;
    padding-bottom:124%
}

.bottom-small-photo-cart > div {
    width:-webkit-calc(10% - 20px);
    width:-moz-calc(10% - 20px);
    width:calc(10% - 20px)
}

.portfolio .personnel .photo:after {
    display:block;
    opacity:1;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}

.portfolio-main .personnel:hover .photo {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.portfolio .personnel,.portfolio .personnel .photo {
    min-width:264px;
    max-width:290px
}

.portfolio .personnel:hover .photo:before {
    top:-60px
}

.section-gallery-item {
    width:14.28%;
    padding:1.7%;
    opacity:0;
    -webkit-transform:translate(40px,-40px) rotate3d(1,1,0,50deg);
    -moz-transform:translate(40px,-40px) rotate3d(1,1,0,50deg);
    transform:translate(40px,-40px) rotate3d(1,1,0,50deg)
}

.section-gallery-item.s {
    opacity:1;
    -webkit-transform:translate(0,0) rotate3d(0,0,0,50deg);
    -moz-transform:translate(0,0) rotate3d(0,0,0,50deg);
    transform:translate(0,0) rotate3d(0,0,0,50deg);
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    -moz-transition:1s ease;
    transition:1s ease
}

.gallery-contain {
    -webkit-perspective:600px;
    -moz-perspective:600px;
    perspective:600px
}

.section-gallery-item > div {
    position:
    relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    display:
    -webkit-box;
    display:
    -webkit-flex;
    display:
    -moz-box;
    display:
    -ms-flexbox;
    display:
    flex;
    background:#ffffff0c;
    width: 150px;
    height: 65px;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    padding: 10px;
    filter: sepia(1);
    -webkit-filter: sepia(1);
}
.section-gallery-item > div:hover {
    filter: sepia(0);
    -webkit-filter: sepia(0);
}

.section-gallery-item img {
    width: 120px;
    height:
    auto
}

@media screen and (min-width: 768px) {
    .layout-mobile-slider {
        display:none
    }

    .slide-frame img:nth-child(odd) {
        opacity:0
    }

    .slide-frame img:nth-child(even) {
        display:none
    }

    .mgoldTazhib {
        display:none
    }

    #menumobile {
        display:none
    }

    .sections-nav {
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:.4s;
        -o-transition:.4s;
        -moz-transition:.4s;
        transition:.4s
    }

    .sections-nav.hidden {
        opacity:0;
        -webkit-transform:translateX(-50px);
        -moz-transform:translateX(-50px);
        -ms-transform:translateX(-50px);
        -o-transform:translateX(-50px);
        transform:translateX(-50px)
    }
}

@media screen and (max-width: 1200px) {
    .personnel-holder .personnel {
        padding:0 5%
    }
    .photoFramePro {
        width: 30vw;
        height: 30vw;
        max-width: 380px;
        max-height: 380px;
    }
}

@media (max-width: 995px) and (min-width: 768px) {
    .home-main section .holder {
        padding:0
    }

    .website-types-switch {
        width:70px;
        height:70px;
        padding:5px;
        border:8px solid #0e0e0e
    }

    .website-types-switches {
        width:-webkit-calc(110% + 202px);
        width:-moz-calc(110% + 202px);
        width:calc(110% + 202px);
        height:-webkit-calc(110% + 202px);
        height:-moz-calc(110% + 202px);
        height:calc(110% + 202px);
        top:-webkit-calc(-5% - 101px);
        top:-moz-calc(-5% - 101px);
        top:calc(-5% - 101px);
        left:-101px
    }

    .website-types-switch:before {
        width:54px;
        height:54px
    }

    .website-types-switch:after {
        width:62px;
        height:62px;
        top:-5px;
        left:-5px
    }

    .goldTazhib:before,.goldTazhib:after {
        top:-28px
    }

    .photoFrame {
        border:40px solid #080808
    }

    .photoFrame:before {
        left:-webkit-calc(50% - 72px);
        left:-moz-calc(50% - 72px);
        left:calc(50% - 72px)
    }

    .goldTazhib {
        width:-webkit-calc(100% + 84px);
        width:-moz-calc(100% + 84px);
        width:calc(100% + 84px);
        height:-webkit-calc(100% + 84px);
        height:-moz-calc(100% + 84px);
        height:calc(100% + 84px);
        top:-42px;
        left:-42px
    }

    .luxima-futures {
        display:none!important
    }

    .photoFrame h3 {
        line-height:52px;
        font-size:16px
    }

    .slider-frame > div {
        padding:20px
    }

    .contact-numbers a {
        font-size:2.3vw
    }
}
@media (max-width: 996px) {
    .loaded #header .sections-nav-main {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    .sections-nav-main {
        top:38px;
        right:20px
    }

    .loaded .sections-nav-main {
        -webkit-transition:2s;
        -o-transition:2s;
        -moz-transition:2s;
        transition:2s
    }
    .sections-nav-main:before,.icon-zarb:before {
        -webkit-box-shadow:0 0 40px rgba(184,134,111,0.25);
        -moz-box-shadow:0 0 40px rgba(184,134,111,0.25);
        box-shadow:0 0 40px rgba(184,134,111,0.25)
    }
    .loaded #header .sections-nav-main {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    #header .sections-nav-main {
        display:block;
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0;
        -webkit-transition:1s 4s;
        -o-transition:1s 4s;
        -moz-transition:1s 4s;
        transition:1s 4s
    }
    .home .slidedown{display: none}
}
@media (max-width: 768px) and (min-width: 520px) {
    .photoFrame {
        border: 20px solid #080808;
        width: 50vw !important;
        height: 50vw !important;
        float: none!important;
        margin: 20px auto 50px!important;
    }
}
@media (max-width: 768px) {
    .module-contact .btn {
        display:none
    }

    .module-contact,.module-faq,.module-portfolio,.module-listcontent {
        margin:50px 0;
        overflow:hidden
    }

    .page-title:before {
        font-size:11vw!important
    }

    .home-main h1,.home-main h2,.editor-home h1,.editor-home h2 {
        font-size:24px
    }

    body.home {
        position:relative;
        background:#000!important;
        height:auto
    }

    #intro {
        min-height:100vh;
        margin-bottom:-60px
    }

    #intro .layout-btns {
        text-align:center
    }

    section {
        position:
        relative;
        -webkit-transform:none!important;
        -moz-transform:none!important;
        -ms-transform:none!important;
        -o-transform:none!important;
        transform:
        none!important;
        opacity:1!important;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    section:first-child {
        margin-top:0
    }

    .home-main section .holder {
        padding:10px
    }

    .layout-btns .intro-btn {
        padding:6px 26px 6px 10px
    }

    .layout-btns .intro-btn.lbtn {
        padding:7px 10px 7px 26px
    }

    .intro-btn:before {
        right:8px
    }

    .horse canvas {
        top:0;
        margin:auto;
        width:100%!important;
        height:100%!important
    }

    .horse img {
        position:
        static;
        height:
        auto;
        width: 65%;
    }

    .horse {
        position:relative!important;
        margin-bottom:-50px;
        min-width:-webkit-calc(100% + var(--ss-left) * 2);
        min-width:-moz-calc(100% + var(--ss-left) * 2);
        min-width:calc(100% + var(--ss-left) * 2);
        left:var(--ss-left)
    }

    .header-logo {
        width:auto;
        position:static
    }

    .header-logo .logo {
        margin-top: 15px;
        width: 50px;
        margin-left: 10px;
    }

    .logo-desc {
        -webkit-transform: rotate(0deg) translateY(70px)!important;
        -moz-transform: rotate(0deg) translateY(70px)!important;
        -ms-transform: rotate(0deg) translateY(70px)!important;
        -o-transform: rotate(0deg) translateY(70px)!important;
        transform: rotate(-0deg) translateY(70px)!important;
        margin:0;
        top:14px;
        width:32px
    }

    .logo-desc.hidden {
        -webkit-transform:rotate(-90deg) translateY(0)!important;
        -moz-transform:rotate(-90deg) translateY(0)!important;
        -ms-transform:rotate(-90deg) translateY(0)!important;
        -o-transform:rotate(-90deg) translateY(0)!important;
        transform:rotate(-90deg) translateY(0)!important
    }

    .logo-container {
        width:auto;
        margin:0!important
    }

    #intro .editor {
        display:none
    }

    .home-main p {
        text-align:justify
    }

    .short-desc {
        text-align:center!important;
        width:100%
    }

    .intro-btn {
        margin-top:14px
    }

    .home-main h1,.home-main h2,.editor-home h1,.editor-home h2 {
        color:
        var(--gold);
        font-weight: 600;
        font-size: 23px;
        text-align:
        center;
        width:100%
    }

    .home-main .short-desc,.slide-title b {
        font-size: 17px;
    }

    .layout-slider .sections-nav-next,.layout-slider .sections-nav-prev,.layout-slider .glider-prev,.layout-slider .glider-next {
        display:none
    }

    .layout-slider {
        background:#01070d
    }

    .layout-slider .secbg {
        opacity:.6
    }

    .sections-nav {
        position:fixed;
        right:0!important;
        bottom:0;
        width:100%;
        top:auto;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        background:rgba(0,0,0,.3);
        background:-moz-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        background:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,1)),color-stop(80%,rgba(0,0,0,0.35647762522977944)),to(rgba(0,0,0,0)));
        background:-webkit-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        background:-moz-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        background:-o-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.35647762522977944) 80%,rgba(0,0,0,0) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        height:70px
    }

    .photoFrame {
        border: 30px solid rgb(31 44 92);
        opacity:0;
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:
        scale(0.8);
        -webkit-transition:1s 0;
        -o-transition:1s 0;
        -moz-transition:1s 0;
        transition:1s 0;
        width:
        -webkit-calc(100vw - 86px);
        width:
        -moz-calc(100vw - 86px);
        width:
        calc(100vw - 86px);
        height:
        -webkit-calc(100vw - 86px);
        height:
        -moz-calc(100vw - 86px);
        height:
        calc(100vw - 86px);
        float:
        none!important;
        margin:20px auto 50px!important
    }

    .aws.photoFrame {
        opacity:1;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }

    .photoFrame:after {
        border-width:15px!important;
        -webkit-transition:1s 0!important;
        -o-transition:1s 0!important;
        -moz-transition:1s 0!important;
        transition:1s 0!important
    }

    .aws.photoFrame img {
        -webkit-transition:2s 1s ease-out;
        -o-transition:2s 1s ease-out;
        -moz-transition:2s 1s ease-out;
        transition:2s 1s ease-out
    }

    .photoFrame:before {
        width:50px;
        height:55px;
        left:-webkit-calc(50% - 25px);
        left:-moz-calc(50% - 25px);
        left:calc(50% - 25px)
    }

    .aws.photoFrame:before {
        top:-53px;
        width:60px;
        height:70px;
        left:-webkit-calc(50% - 30px);
        left:-moz-calc(50% - 30px);
        left:calc(50% - 30px)
    }

    .layout-btns > i {
        display:none
    }

    .photoFrame canvas {
        display:none
    }

    .goldTazhib,.website-types-switches {
        display:none
    }

    .website-types {
        -webkit-transition:.3s;
        -o-transition:.3s;
        -moz-transition:.3s;
        transition:.3s;
        padding:0 10px!important
    }

    .layout-btns {
        margin-left:-5px;
        margin-right:-5px;
        padding:0!important;
        width:-webkit-calc(100% + 10px);
        width:-moz-calc(100% + 10px);
        width:calc(100% + 10px);
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -moz-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }

    .layout-btns .intro-btn {
        width:100%;
        display:inline-block;
        min-width:60%;
        text-align:center;
        font-size:14px;
        padding-top:7px;
        padding-bottom:7px
    }

    .layout-btns > div:nth-child(3n) {
        text-align:left
    }

    .layout-btns > div {
        margin:0 3px
    }

    .mgoldTazhib {
        display:block;
        z-index:-5
    }

    .aws .mgoldTazhib {
        opacity:1!important
    }

    .goldTazhib-right {
        -webkit-transform:rotate(90deg)!important;
        -moz-transform:rotate(90deg)!important;
        -ms-transform:rotate(90deg)!important;
        -o-transform:rotate(90deg)!important;
        transform:rotate(90deg)!important
    }

    .goldTazhib-left {
        -webkit-transform:rotate(-90deg)!important;
        -moz-transform:rotate(-90deg)!important;
        -ms-transform:rotate(-90deg)!important;
        -o-transform:rotate(-90deg)!important;
        transform:rotate(-90deg)!important
    }

    .goldTazhib {
        width:-webkit-calc(100% + 62px);
        width:-moz-calc(100% + 62px);
        width:calc(100% + 62px);
        height:-webkit-calc(100% + 62px);
        height:-moz-calc(100% + 62px);
        height:calc(100% + 62px);
        top:-31px;
        left:-31px;
        z-index:-1;
        background:#0000
    }

    .goldTazhib i {
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:-1;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        border:1px solid var(--gold);
        -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
        -webkit-mask-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,1));
        mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));
        mask-image:linear-gradient(0deg,rgba(0,0,0,0) 80%,rgba(0,0,0,1))
    }

    .photoFrame h3 {
        line-height:40px;
        font-size:14px
    }

    .simple-gallery {
        text-align:center
    }

    .simple-gallery img:nth-child(odd) {
        position:relative;
        top:-10px
    }

    .simple-gallery img:nth-child(even) {
        position:relative;
        bottom:-10px
    }

    .align-sm-center {
        text-align:center;
        -webkit-box-pack:center!important;
        -webkit-justify-content:center!important;
        -moz-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }

    #person-one {
        display:none
    }

    .single-card-personnel {
        direction:ltr
    }

    .single-card-personnel .info:before {
        display:none
    }

    .single-card-personnel .info {
        padding-right:10px
    }

    .single-card-personnel .info h3 {
        font-size:14px
    }

    .single-card-personnel .post {
        font-size:12px
    }

    .single-card-personnel .phone,.single-card-personnel .mobile {
        font-size:14px
    }

    .single-card-personnel .info {
        width:-webkit-calc(50% + 40px);
        width:-moz-calc(50% + 40px);
        width:calc(50% + 40px)
    }

    .single-card-personnel .photo {
        width:50%
    }

    .single-card-personnel {
        margin:16px 0
    }

    .personnel-holder:nth-child(odd) .single-card-personnel {
        direction:rtl
    }

    .personnel-holder:nth-child(odd) .info {
        margin-left:0;
        margin-right:-40px;
        -webkit-border-radius:10px 0 0 10px;
        -moz-border-radius:10px 0 0 10px;
        border-radius:10px 0 0 10px;
        padding:14px 40px 14px 14px
    }

    .single-card-personnel .photo:before {
        top:-45px
    }

    section.after[data-animation='zoom'] {
        -webkit-transform:translateY(0) scale(1)!important;
        -moz-transform:translateY(0) scale(1)!important;
        -ms-transform:translateY(0) scale(1)!important;
        -o-transform:translateY(0) scale(1)!important;
        transform:translateY(0) scale(1)!important
    }

    .employee-intro-btn {
        display:none
    }

    .layout-slider,.sections-nav-next,.sections-nav-prev {
        display:none
    }

    .sections-nav-main > ul {
        display:none
    }

    header {
        background:#000;
        background: -moz-linear-gradient(0deg,rgb(31 44 92 / 0%) 0%,rgb(15 21 42) 100%);
        background:
        -webkit-linear-gradient(0deg,rgba(0,0,0,0.09877454399728647) 0%,rgba(0,0,0,1) 98%);
        background:
        -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.09877454399728647)),color-stop(98%,rgba(0,0,0,1)));
        background: -webkit-linear-gradient(0deg,rgb(31 44 92 / 0%) 0%,rgb(15 21 42) 100%);
        background: -moz-linear-gradient(0deg,rgb(31 44 92 / 0%) 0%,rgb(15 21 42) 100%);
        background: linear-gradient(0deg,rgb(31 44 92 / 0%) 0%,rgb(15 21 42) 100%);
        background: linear-gradient(0deg,rgb(31 44 92 / 0%) 0%,rgb(15 21 42) 100%);
        filter:
        progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        height:100px;
        top:0;
        z-index:99992!important
    }

    .blog-item-img {
        padding:0 0 0 10px
    }

    .blog-item img {
        min-width:90px
    }

    .blog-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }

    .topgoldTazhib {
        position:
        absolute;
        width:
        -webkit-calc(100% + 60px);
        width:
        -moz-calc(100% + 60px);
        width:
        calc(100% + 60px);
        height:
        -webkit-calc(100% + 60px);
        height:
        -moz-calc(100% + 60px);
        height:
        calc(100% + 60px);
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        top:-30px;
        left:-30px;
        background: rgb(29 42 92);
        z-index:-1
    }

    .goldTazhib:before,.goldTazhib:after {
        top: -30px;
        -webkit-transition:.3s;
        -o-transition:.3s;
        -moz-transition:.3s;
        transition:.3s
    ;
        -webkit-animation: float;
        -moz-animation: float;
        -o-animation: float;
        animation: float;
        -webkit-animation-duration: 5s;
        -moz-animation-duration: 5s;
        -o-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .mgoldTazhib.move:before,.mgoldTazhib.move:after {
        top:-20px
    }

    .slider-frame-right:after,.slider-frame-left:before {
        -webkit-transition:.3s;
        -o-transition:.3s;
        -moz-transition:.3s;
        transition:.3s
    }

    .slider-frame-right.move:after {
        -webkit-transform:rotate(90deg) translateY(6px);
        -moz-transform:rotate(90deg) translateY(6px);
        -ms-transform:rotate(90deg) translateY(6px);
        -o-transform:rotate(90deg) translateY(6px);
        transform:rotate(90deg) translateY(6px)
    }

    .slider-frame-left.move:before {
        -webkit-transform:rotate(-90deg) translateY(6px);
        -moz-transform:rotate(-90deg) translateY(6px);
        -ms-transform:rotate(-90deg) translateY(6px);
        -o-transform:rotate(-90deg) translateY(6px);
        transform:rotate(-90deg) translateY(6px)
    }

    .photoFrame-main.before figure {
        -webkit-transform:translateX(-100px) scale(1);
        -moz-transform:translateX(-100px) scale(1);
        -ms-transform:translateX(-100px) scale(1);
        -o-transform:translateX(-100px) scale(1);
        transform:translateX(-100px) scale(1)
    }

    .photoFrame-main.after figure {
        -webkit-transform:translateX(100px) scale(1);
        -moz-transform:translateX(100px) scale(1);
        -ms-transform:translateX(100px) scale(1);
        -o-transform:translateX(100px) scale(1);
        transform:translateX(100px) scale(1)
    }

    .photoFrame-main figure {
        -webkit-transform:translateX(0) scale(1);
        -moz-transform:translateX(0) scale(1);
        -ms-transform:translateX(0) scale(1);
        -o-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1);
        pointer-events:none
    }

    .slider-nav > i.disable {
        -webkit-filter:grayscale(1) brightness(0.3);
        filter:grayscale(1) brightness(0.3)
    }

    .slider-frame {
        margin:0!important;
        padding:0 22px;
        pointer-events:none
    }

    .slider-frame .owl-stage-outer {
        pointer-events:auto;
        padding:10px 0!important;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        border-radius:20px
    }

    .slider-frame-right,.slider-frame-left {
        position:absolute;
        height:100%;
        width:40px;
        top:0;
        right:-12px
    }

    .slider-frame-left {
        left:-12px;
        right:auto
    }

    .slider-frame-right:after,.slider-frame-left:before {
        content:'';
        position:absolute;
        background-image:url(../img/sep/tazhib.png);
        -webkit-background-size:auto 82px;
        -moz-background-size:auto 82px;
        -o-background-size:auto 82px;
        background-size:auto 82px;
        background-position:center top;
        background-repeat:no-repeat;
        -webkit-filter:contrast(1.05) sepia(1) saturate(1.5) hue-rotate(-24deg) brightness(8);
        filter:contrast(1.05) sepia(1) saturate(1.5) hue-rotate(-24deg) brightness(8);
        height:30px;
        width:200px;
        bottom:0;
        top:0;
        left: -88px;
        margin:auto;
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg);
        z-index:-1
    }

    .slider-frame-left:before {
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);
        right:-90px
    }

    .section-gallery-item {
        width:20%
    }

    .slide-title {
        text-align:center;
        color:var(--gold)
    }

    .slide-title b,.home-main h1,.home-main h2,.editor-home h1,.editor-home h2,.home-main h3,.editor-home h3,.home-main h4,.editor-home h4 {
        color:var(--gold);
        display:block;
        text-align:center;
        width:100%
    }

    .slide-frame img:nth-child(2) {
        display:none!important
    }

    footer {
        position:relative!important;
        margin:20px!important
    }

    footer .c-12 {
        position:relative!important
    }

    .bg-inside img:first-child {
        position:relative
    }

    .bg-inside img {
        top:0;
        left:0;
        width:100%;
        height:auto
    }

    .mobile-nav a {
        opacity:0;
        top:15px;
        position:relative
    }

    .loaded .mobile-nav a {
        opacity:1;
        -webkit-transition:2s 1.5s ease-in-out;
        -o-transition:2s 1.5s ease-in-out;
        -moz-transition:2s 1.5s ease-in-out;
        transition:2s 1.5s ease-in-out
    }

    .slide-frame img {
        position:absolute
    }

    .slide-frame img:first-child {
        position:relative
    }

    .mobile-login:before {
        font-size:16px
    }

    .mobiledeactive {
        display:none!important
    }

    .single-card-personnel:hover .info {
        width:-webkit-calc(50% + 40px);
        width:-moz-calc(50% + 40px);
        width:calc(50% + 40px)
    }

    .personnel:hover .hover-info {
        display:none
    }

    .personnel h3 {
        text-align:right
    }

    .contact-numbers a {
        font-size:11vw!important;
        text-align:center!important
    }

    #contact {
        overflow:visible
    }

    #contact .row {
        position:relative
    }

    #contact .bg-inside {
        -webkit-filter:blur(1px) opacity(0.5);
        filter:blur(1px) opacity(0.5);
        position:absolute!important
    }

    body {
        font-size:14px
    }




    .slidedown,#intro .editor-home div > p,#intro .intro-btn,.slider-nav,.tel3,.tel2,#contact h2,#contact p,.copyright:before {
        display:none
    }

    #contact .short-desc {
        display:block
    }



    #awards .editor-home {
        padding:0 10px
    }

    .mobile-pessonel-btn {
        position:
        fixed;
        background:
        url(../img/sep/sale-badge.png) center;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size: 40px;
        width: 100px;
        height: 42px;
        bottom: 50px;
        left: -10px;
        z-index:60;
        opacity:0;
        -webkit-transform:scale(0.75);
        -moz-transform:scale(0.75);
        -ms-transform:scale(0.75);
        -o-transform:scale(0.75);
        transform:
        scale(0.75);
        -webkit-transition:1s 4s;
        -o-transition:1s 4s;
        -moz-transition:1s 4s;
        transition:1s 4s
    ;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 5px 0;
    }

    .loaded .mobile-pessonel-btn {
        opacity:1;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }

    .mobile-pessonel-btn:before {
        content:
        '';
        position:
        absolute;
        width:54px;
        height:100px;
        background:
        var(--gold);
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        -webkit-filter:blur(20px);
        filter:
        blur(20px);
        opacity:.3;
        top:-40px;
        left:-8px
    ;
    }

    .dir-2 .c-lg-6 {
        padding:0!important
    }

    .personnel-holder-mobile {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -moz-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -moz-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:10px 0
    }

    .personnel-holder-mobile-btn {
        width: 80px;
        display:
        -webkit-box;
        display:
        -webkit-flex;
        display:
        -moz-box;
        display:
        -ms-flexbox;
        display:
        flex;
        justify-content: center;
    }

    .personnel-holder-mobile-title {
        -webkit-box-flex:1;
        -webkit-flex-grow:1;
        -moz-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
    ;
        padding-right: 15px;
    }

    .personnel-holder-mobile-title h3 {
        color:var(--gray1);
        font-weight:400;
        font-size:16px;
        line-height:1.2;
        margin:5px 0 -5px
    }

    .personnel-holder-mobile-title span {
        color:var(--gray2);
        font-size:13px
    }

    .personnel-holder-mobile-img {
        width: 60px;
        height: 60px;
        overflow:
        hidden;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        border-radius:12px;
        background:
        -moz-linear-gradient(0deg,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
        background:
        -webkit-linear-gradient(0deg,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
        background:
        -webkit-gradient(linear,left bottom,left top,color-stop(5%,rgba(20,20,20,1)),to(rgba(0,0,0,1)));
        background:
        -webkit-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
        background:
        -moz-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
        background:
        -o-linear-gradient(bottom,rgba(20,20,20,1) 5%,rgba(0,0,0,1) 100%);
        background: linear-gradient(0deg,rgb(31 44 92) 5%,rgb(50 70 144) 100%);
    }

    .personnel-holder-mobile-btn i {
        border:1px solid var(--gray2);
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        width:36px;
        height:36px;
        display:block;
        line-height:36px;
        text-align:center
    }

    .personnel-holder-mobile-btn :before {
        color:var(--gray2)!important;
        font-size:18px
    }

    .personnel-holder-mobile-btn a:first-child {
        margin-right:10px
    }

    .personnel-holder-mobile-btn a {
        margin-right:10px
    }

    .personnel-holder-mobile-btn a:first-child {
        margin-right:0
    }

    .menu-title h3 {
        font-size:16px!important
    }

    .menu-layout-contact-us-btns {
        position:relative;
        width:100%;
        border-left:none;
        border-right:none
    }

    .menu-layout-contact-us-btns:before,.menu-layout-contact-us-btns:after {
        content:'';
        position:absolute;
        width:100%;
        height:1px;
        top:0;
        left:0;
        background:#1b1b1b;
        z-index:-1
    }

    .menu-layout-contact-us-btns:after {
        top:44px;
        bottom:0
    }

    .menu-layout-contact-us-btns .holder {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -moz-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }

    .menu-layout-contact-tel {
        color:var(--gold);
        width:-webkit-calc(50% - 24px);
        width:-moz-calc(50% - 24px);
        width:calc(50% - 24px);
        font-size:14px;
        line-height:44px;
        padding:0 10px 0 0
    }

    .menu-layout-contact-intro {
        background:
        url(../img/sep/sale-badge.png);
        width:48px;
        height: 50px;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:
        contain;
        margin-top: 0px;
        background-repeat: no-repeat;
        transform: rotate(48deg);
    }

    .menu-layout-contact-tel:first-child {
        direction:ltr;
        text-align:left;
        padding:0 0 0 10px
    }

    .menu-layout-contact-tel span:before {
        font-size:24px;
        margin:0 0 0 11px;
        display:inline-block;
        line-height:50px;
        float:right
    }

    .menu-layout-contact-tel:first-child span:before {
        margin:0 11px 0 0;
        display:inline-block;
        line-height:48px;
        float:left
    }

    .secbg {
        -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(40%,rgba(0,0,0,1)),color-stop(60%,rgba(0,0,0,1)),to(#000));
        -webkit-mask-image:-webkit-linear-gradient(bottom,#000 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 60%,#000 100%);
        mask-image:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(20%,rgba(0,0,0,1)),color-stop(80%,rgba(0,0,0,1)),to(#000));
        mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,#000 100%);
        min-width:auto;
        min-height:auto;
        -webkit-background-size:1000px 1000px;
        -moz-background-size:1000px;
        -o-background-size:1000px;
        background-size:1000px;
        max-height:650px;
        top:-50px
    }

    .website-type {
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:calc(100% - 20px)
    }

    .simple-gallery img:nth-child(n+10) {
        display:none
    }

    #awards .small {
        height:-webkit-calc(100% - 30px);
        height:-moz-calc(100% - 30px);
        height:calc(100% - 30px);
        margin-top:0
    }

    .ft-gradiant {
        position:fixed;
        width:100%;
        height:70px;
        bottom:0;
        z-index:50;
        background:#000;
        background:-moz-linear-gradient(360deg,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        background:-webkit-linear-gradient(360deg,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        background:-webkit-gradient(linear,left bottom,left top,color-stop(2%,rgba(0,0,0,1)),color-stop(97%,rgba(255,255,255,0)));
        background:-webkit-linear-gradient(bottom,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        background:-moz-linear-gradient(bottom,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        background:-o-linear-gradient(bottom,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        background:linear-gradient(360deg,rgba(0,0,0,1) 2%,rgba(255,255,255,0) 97%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)
    }

    .contact-numbers {
        width:100%
    }

    footer {
        margin-bottom:50px!important;
        z-index:90!important
    }

    footer .copyright {
        text-align:center;
        font-size:2.7vw
    }

    .trusted {
        text-align:center;
        margin:0;
        padding:0
    }

    #contact .layout-btns div:nth-child(1 + n) {
        display:none
    }

    #contact .intro-btn.lbtn {
        display:none
    }

    #contact .layout-btns div {
        text-align:center
    }

    .photoFramePro .bTazhib {
        position:absolute;
        bottom:-27%
    }

    #contact .layout-btns > div:last-child {
        display:none
    }

    .photoFramePro .topgoldTazhib:before,.photoFramePro .topgoldTazhib:after,.slider-frame:before,.slider-frame:after {
        content:'';
        position:absolute;
        background:var(--gold);
        width:40px;
        height:140px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        -webkit-filter:blur(30px);
        filter:blur(30px);
        top:-webkit-calc(50% - 70px);
        top:-moz-calc(50% - 70px);
        top:calc(50% - 70px);
        right:-82px;
        z-index:-10
    }

    .photoFramePro .topgoldTazhib:after {
        right:auto;
        left:-82px
    }

    .slider-frame:before,.slider-frame:after {
        right:-50px
    }

    .slider-frame:after {
        right:auto;
        left:-50px
    }

    .slider-frame > div {
        padding:20px 0;
        background:#000;
        -webkit-box-shadow:0 0 8px #000;
        -moz-box-shadow:0 0 8px #000;
        box-shadow:0 0 8px #000
    }

    .photoFramePro figure img {
        -webkit-animation:float;
        -moz-animation:float;
        -o-animation:float;
        animation:float;
        -webkit-animation-duration:5s;
        -moz-animation-duration:5s;
        -o-animation-duration:5s;
        animation-duration:5s;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite
    }

    .luxima-item h4 {
        text-align:right
    }

    #contact .photoFrame figure {
        height:76%;
        margin-top:13%;
        margin-bottom:1%
    }

    .editor-home > h3,.editor-home > h2,.editor-home > h4,.editor-home > h5,.editor-home > h1 {
        margin-bottom:5px
    }

    .editor-home .short-desc {
        margin:4px 0 10px
    }

    .contact-numbers {
        margin:0 0 10px
    }

    .photoFrame figure:after {
        content:'';
        position:absolute;
        width:-webkit-calc(100% + 58px);
        width:-moz-calc(100% + 58px);
        width:calc(100% + 58px);
        height:-webkit-calc(100% + 58px);
        height:-moz-calc(100% + 58px);
        height:calc(100% + 58px);
        border:0px solid var(--gold);
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        z-index:-1;
        display:block;
        top:-30px;
        -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000000cc),color-stop(10%,#00000000),color-stop(90%,#00000000),to(#000000cc));
        -webkit-mask-image:-webkit-linear-gradient(left,#000000cc 0%,#00000000 10%,#00000000 90%,#000000cc 100%);
        mask-image:-webkit-gradient(linear,left top,right top,from(#000000cc),color-stop(10%,#00000000),color-stop(90%,#00000000),to(#000000cc));
        mask-image:linear-gradient(90deg,#000000cc 0%,#00000000 10%,#00000000 90%,#000000cc 100%)
    }

    .photoFrame-main figure:after {
        display:none
    }

    .slider-frame {
        padding:0!important
    }

    .slider-frame-right,.slider-frame-left {
        position:relative;
        height:110px;
        width:40px;
        top:0;
        left:auto;
        right:auto;
        z-index:1;
        overflow:hidden
    }

    .slider-frame-left {
        left:auto;
        right:auto
    }

    .layout-mobile-slider .slider-frame {
        z-index:10
    }

    #LUXIMA .luxima-futures {
        display:none
    }

    .slide-frame {
        border:1px solid #000
    }

    .menu-layout-contact-us {
        padding-top:10vh
    }
}

@media (max-width: 400px) {
    #menumobile ul {
        right:-webkit-calc(-66vh + 10px);
        right:-moz-calc(-66vh + 10px);
        right:calc(-66vh + 10px)
    }

    #menumobile:before {
        right:-66vh
    }
}
.trusted:before {
    background: none;
}
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    filter: blur(4px);
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../img/intro-bg.jpg') center center / cover no-repeat;
    }
    
}
.fullscreen-bg:after {
    z-index: 9;
    color: rgb(255, 255, 255);
    width: 4917px;
    height: 100%;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    position: absolute;
    content: '';
    background-color: transparent;
    background-image: linear-gradient(3deg, #0d1122a1 0%, #293a72 100%);
}
.fullscreen-bg:before {
    z-index: 9;
    color: rgb(255, 255, 255);
    width: 4917px;
    height: 100%;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    position: absolute;
    content: '';
    background-image: url('../img/dot.png');
    background-repeat: repeat;
}
.centermargin
{margin:0 auto;text-align: center;}
.introflex{
    align-content: center;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-right: 85px;
}
.introflex .layout-btns {
    display: flex;
    justify-content: center;
}
.centermargin h1 {
    font-family: fantasy;
    font-size: 45px;
    background: -webkit-linear-gradient(#c18050, #eba575);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.shoar1 {
    font-size: 19px !important;
    font-weight: bold;
}

.shoar2 {
font-size: 28px !important;
    font-weight: bold;
    margin: -20px 0 -10px !important;
}
.slidedown:before {
    content: '';
    width: 2px;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top: 163px;
    background: rgb(244,172,124);
    background: linear-gradient(0deg, rgba(244,172,124,0) 0%, rgba(188,124,76,1) 100%);
    right: 17px;
    opacity: .4;
}
@-webkit-keyframes rotationss {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}
.myphotoabout {
    position:
    relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius: 250px;
    border: 4px solid #bc7c4c;
    background:
    transparent;
    width:38vw;
    height:39vw;
    max-width:410px;
    max-height: 600px;
    opacity:0;
    float:
    right;
    box-shadow: 0 0 50px 0 #d4916152;
    left: 80px;
    top: 20px;
}
.myphotoabout:after {
    content: '';
    position: absolute;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(93% + 2px);
    height: -webkit-calc(100% + 2px);
    height: -moz-calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 180px;
    z-index: 1;
    opacity: 0;
    background: var(--background);
    background: -webkit-linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
    background: -moz-linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
    background: linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
    background: linear-gradient(0deg,rgba(13,13,13,1) 0%,rgba(3,3,3,1) 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(31,44,92);
    background: url('../img/patternn-op.png'),linear-gradient(90deg, rgba(31,44,92,1) 0%, rgba(50,70,144,1) 100%);
    transform: rotate(334deg);
    opacity: .9 !important;
    border:
    none !important;
}
.myphotoabout h3 {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: var(--gold);
    font-size: 18px;
    z-index: 5;
    opacity: 0;
    font-family: var(--main_font);
    font-weight: 400;
    direction: ltr;
    transform: rotate(360deg);
    left: 30px;
    bottom: 57px;
    background:
    none !important;
}
.fa-computer-mouse-scrollwheel {
    -webkit-animation: float;
    -moz-animation: float;
    -o-animation: float;
    animation: float;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.titrnemonekar
{
    display: inline-block;
}
.titrnemonekar b
{
    color: #bc7c4c;
}
.blogtitlee h2 {
    margin-bottom: 60px;
    color: #c58454;
    font-weight: bold;
}
.contactind p.short-desc {
    font-size: 16px;
    font-weight: bold;
}
a.tel1 {
    font-family: 'rezvan';
}
.slidedown span {
    transform: rotate(90deg);
    width: 100px;
    margin-top: 20px;
    position: absolute;
    top: 55px;
    right: -30px;
    color: #8b6549;
}
.ploading{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 999999;
    background: #28366d;
    background-image: url(../img/intro-bg-loading.jpg);
    background-size: cover;
    background-position: center;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.7s cubic-bezier(0.42,-0.06, 0.64, 0.4);
    transform: scale(1);
    opacity: 1;
    }
    .ploading.done{
    transform: scale(1.5);
    opacity: 0;
    visibility: hidden;
    }

    .ploading-bar{
    position: absolute;
    width: 100%;
    max-width: 300px;
    height: 4px;
    bottom: calc(50% - 300px);
    background: #101833;
    }
    .ploading-i{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 0;
    background: #cc8959;
    }
.blog-item h3 {
    margin-top: 10px;
}
.nemonemobb{display: none;}
.btnsmob {
    display: none;
}

.side-menu-icon:before {
    content: "\f0ac";
    color: #bc7c4c;
    font-size: 26px;
    cursor: pointer;
    float: left;
    font-weight: 500;
}
.mrkcls p {
    text-align: justify;
}
.mrkcls p {
    text-align: left !important;
}


.mrkcls h2 {
    text-align: left;
}

.mrkcls .layout-btns {
    display: flex;
    justify-content: flex-end;
}
.mrkcls p {
    text-align: left !important;
}


.mrkcls h2 {
    text-align: left;
}

.mrkcls .layout-btns {
    display: flex;
    justify-content: flex-end;
}

#webdesign h2 {
    text-align: left;
}

#webdesign .short-desc {
    text-align: left !important;
}

#webdesign p {
    text-align: justify;
    direction: ltr;
}

#webdesign ul {
    direction: ltr;
    text-align: left;
}

#webdesign .editor-home li:before {
    float: left;
}

#webdesign .layout-btns {
    display: flex;
    justify-content: flex-end;
}
.blog-item {
    direction: ltr;
}
.blog-item img {
    float: left;
}

#contact h2 {
    text-align: left;
}

#contact .short-desc {
    text-align: left;
    font-size: 14px;
    direction: ltr;
}

#contact p {
    direction: ltr;
    text-align: left;
}

#contact .contact-numbers a {
    font-family: fantasy !important;
}

#contact .layout-btns {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {

    .introflex {
        align-content: center;
        flex-direction: inherit;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        margin-top: -100px;
    }
    .vmobind h1 {
        margin-top: 30px;
        font-weight: 400;
        font-size: 30px;
    }
    
    .vmobind .shoar1 {
        font-size: 13px !important;
        line-height: 50px;
    }
    
    .vmobind .shoar2 {
        font-size: 19px !important;
    }
    .btnsmob {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 30px;
    }
    
    .btnsmob div {
        width: 100%;
    }
    
    .btnfslide {
        width: 100%;
        color: #bc7c4c;
        display: block;
        border-radius: 4px;
        padding: 5px;
        border: 1px solid #bc7c4cc7;
        font-weight: bold;
    }
    .btnsmob:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        z-index: 1;
        transform: rotate(45deg);
        top: 10px;
        margin-right: 0px;
        background: rgb(244,172,124);
        background: linear-gradient(319deg, rgb(219 148 101) 0%, rgba(188,124,76,1) 100%);
        border-radius: 2px;
    }
    .loaded .logo-desc {
        left: 47px;
        right: auto;
        top: 5px;
        width: 30px;
    }    
    .loaded .mobile-pessonel-btn span {
        color: #bc7c4c;
        width: 68px;
    }
    .loaded .mobile-pessonel-btn {
        transform: rotate(270deg);
    }
    .myphotoabout {
        width: 80%;
        height: 80%;
        left: 8px;
        top: 20px;
    }
    .myphotoabout h3 {
        font-size: 10px;
        left: 15px;
    }
    .bgmyimg
    {
        -webkit-mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 90% ,rgba(0, 0, 0, 1) 60%,rgb(0 0 0 / 0%) 100%);
        mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 90% ,rgba(0, 0, 0, 1) 60%,rgb(0 0 0 / 0%) 100%);
    }
    .photoFramePro {
        right: 0px;
    }
    .btnmobnemone .intro-btn {
        width: 67%;
        right: -5px;
    }
    
    .btnmobnemone {
        width: 100%;
        text-align: center;
    }
    .titnemonemob{
    transform: rotate(13deg) !important;
    right: -73px;
    top: 25px;
    position: relative;
    font-size: 25px !important;
    margin-top: -20px;
    }
    .imglogocontmob figure {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 10px;
    }
    
    img.imglogotxt {
        width: 70px;
    }
    .secbg {
        -webkit-mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 40% ,rgb(0 0 0 / 0%) 60%,rgb(0 0 0 / 0%) 100%) !important;
        mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 40% ,rgb(0 0 0 / 0%) 60%,rgb(0 0 0 / 0%) 100%) !important;
    }
    .imglogocontmob img{
        -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    -moz-animation: rotate infinite 40s 1s;
    -o-animation: rotate infinite 40s 1s;
    animation: rotate infinite 40s 1s;
    }
    .website-types ul {display: none;}
    section#introduction{
        background-color: rgb(16 24 50 / 26%);
    border-radius: 170px 170px 0 0;
    }
    a.menu-layout-contact-tel i {
    margin: 0 7px;
    font-size: 15px;
}
.nemonemobb{display: block;}
.mrkcls p {
    text-align: justify !important;
    direction: ltr;
}
 
}
.photoFrame h3 {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}