/*Reset Page*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0}

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

@font-face {
    font-family: Peyda;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/PeydaWeb-Medium.woff') format('woff');
}

@font-face {
    font-family: PeydaSemiBold;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/PeydaWeb-SemiBold.woff') format('woff');
}

@font-face {
    font-family: DemiBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/PeydaWeb-Bold.woff') format('woff');
}

@font-face {
    font-family: Bold;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/fonts/PeydaWeb-ExtraBold.woff') format('woff');
}
/*@font-face {
    font-family: 'PalatinoRegular';
    src: url('/fonts/PalatinoRegular.eot?#') format('eot'),*/ /* IE6�8 */
    /*url('/fonts/PalatinoRegular.woff') format('woff'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/fonts/PalatinoRegular.woff2') format('woff2'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/fonts/PalatinoRegular.ttf') format('truetype');*/ /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
/*}

@font-face {
    font-family: 'PeydaSemiBold';
    src: url('/fonts/IRANSansWebFaNum.eot?#') format('eot'),*/ /* IE6�8 */
    /*url('/fonts/IRANSansWebFaNum.woff') format('woff'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/fonts/IRANSansWebFaNum.woff2') format('woff2'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/fonts/IRANSansWebFaNum.ttf') format('truetype');*/ /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
/*}*/

/************Font Awesome**********/
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-1x{font-size:1.5em}.fa-1-2x{font-size:1.2em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}
.fa-search:before{content: "\f002";}
.fa-phone:before{content: "\f095";}
.fa-close:before{content: "\f00d";}
.fa-instagram:before{content: "\f16d";}
.fa-telegram:before{content: "\f2c6";}
.fa-facebook:before{content: "\f09a";}
.fa-location:before{content:"\f041";}
.fa-globe:before{content: "\f0ac";}
.fa-calendar:before{content: "\f133"}
.fa-user:before{content:"\f007"}
.fa-tags:before{content: "\f02c";}
.fa-basket:before{content: "\f290";}
.fa-sign-out:before{content: "\f08b";}
.fa-unlock-alt:before{content: "\f13e";}
.fa-chevron-right:before{content: "\f054";}
.fa-Mail:before{content: "\f0e0";}
.fa-down:before{content: "\f0dd"}
.fa-bars:before{content: "\f0c9";}
.fa-whatsapp:before{content:"\f232";}
.fa-user-o:before{content: "\f2c0";}
.fa-shopping-basket:before{content: "\f291";}
.fa-heart-o:before{content:"\f08a";}
.fa-cart-plus:before{content:"\f217";}
.fa-arrows-h:before{content: "\f07e";}
.fa-tag:before{content:"\f02b"}
.fa-heart:before{content:"\f004"}
.fa-heart-o:before{content:"\f08a"}
.fa-camera:before{content: "\f030"}
.fa-arrow-up:before{content: "\f062";}
.fa-eye:before{content: "\f06e";}
.fa-angle-left:before {content:"\f104";}
.fa-angle-down:before {content:"\f107";}
.fa-angle-right:before{content:"\f105";}
.fa-paint-brush:before{content:"\f1fc";}
.fa-angle-up:before{content:"\f106";}


a:link{color:#333;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#9f2c98}

a.Click:link{color:#91278f !important;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
a.Click:visited{color:#91278f;text-decoration:underline;}
a.Click:hover{color:#000 !important;}

.FloatLeft{float:left;}
.FloatRight{float:right;}
.Peyda-Regular{font-family:Peyda-Regular}
.Justify{text-align:justify;}
.Center{text-align:center !important;margin:0 auto;display:block}
.Centerimg{margin-left:auto;margin-right:auto;display:block;}
.Clear{clear:both;}
.BYekan{font-family:BYekan !important}
.LTR{text-align:left}
.RTL{text-align:right}
.D-LTR{direction:ltr}
.cursor-po{cursor:pointer}
.D-RTT{direction:rtl}
.Gold{color:#e8b463}
.GoldL{color:#ddd15d}
.Yellow{color:#ddd15d}
.white{color:white}
.Black{color:#333333}
.Red{color:red}
.Red2{color:#b2001a}
.Blue{color:#000080}
.Blue2{color: #0b88cc}
.Green{color:#4caf50}
.Gray-Light{color:#817f80}
.Gray{color:#858585;}
.VA{vertical-align:middle}
.VAB{vertical-align:text-bottom}
.Free10{height:10px}
.Free15{height:15px}
.Free20{height:20px}
.Free50{height:50px}
.Pointer{cursor:pointer;}
.Bold{font-weight:bold}
.samaltxt{font-size:13px}
.Mediumtxt{font-size:18px}
.Largetxt{font-size:25px}
.Italic{font-style:italic}
.X16{font-size:16px;}
.X18{font-size:18px;}
.X20{font-size:20px;}
.X22{font-size:22px;}
.X24{font-size:24px;}
.X26{font-size:26px;}
.X28{font-size:28px;}
.X30{font-size:30px;}
.absolute{position:absolute}
.w100{width:100%}
.w100img img{width:100% !important}
.w50{width:50% !important;}
.w45{width:45% !important;}
.w60{width:60% !important;}
.w20{width:20% !important;}
.w30{width:33.3333% !important;}
.w24{width:24.4%}
.lignH1{line-height:1em}
.fl{float:left;margin-right:1%;margin-bottom:1%;}
.fr{float:right;margin-left:1%;margin-bottom:1%;}
.f50{width:49% !important;}
.f30{width:32.3333% !important}
.f70{width:69% !important}
.img2{width:49% !important;float:right;margin:2% .5% !important;}
.img3{width:32.3333% !important;float:right;margin:2% .5% !important;}
.img4{width:24% !important;float:right;margin:2% .5% !important;}
.MinH-Screen{min-height:70VH}
.Video{width:80%;margin:0 auto;display:block} 
/*user*/
.hr{color:#e8b463}
.border{border:1px solid #e8b463;}
.head{background:#e5b366;color:#fff !important;line-height:3em;margin:2% 0}


html, body{width:100%;min-height:100%;}
body{background:#fff;color:#424242;font-size:18px;line-height:1.5;overflow-x:hidden;direction:rtl;font-family:PeydaSemiBold;}
p{font-family:PeydaRegular;}
::-moz-selection{background:#e5b366;}
::selection {background:#e5b366}

.divKindH{padding:2.5% 0 ;}
.divKindH h2{color:#081236;font-size:1.2em;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease}
.divKindH h2:hover + .divhr{width:10%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease}
.divKindH .divhr{background:#e8b463;height:2px;width:5%;margin:1% auto;display:table}

/*MENU*/
/*nav{display:table;margin:0 auto;}
.menu{display: block;}
.menu li{display: inline-block;position: relative;z-index: 100;}
.menu li:first-child {margin-left: 0;}
.menu li a {text-decoration: none;padding:8px 16px;display: block;color: #fff;font-size:.9em;transition: all 0.2s ease-in-out 0s;}
.menu li a:hover,.menu li:hover>a{color:#e5b366}
.menu ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;width:190px;position: absolute;right:0px;background:#ffffffd9;z-index: 99;transform: translate(0,20px);transition: all 0.2s ease-out;}
.menu ul:after {bottom: 100%;right: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;}
.menu ul li {display: block;float: none;background: none;margin: 0;padding: 0;}
.menu .sub-menu li a{padding:12px 15px !important}
.menu .sub-menu {-webkit-box-shadow: 0 7px 7px rgba(0,0,0,.15); }
.menu ul li a {font-size: 14px;font-weight: normal;display: block;color:rgba(0,0,0,.87);border-bottom: 1px solid rgba(0,0,0,.04);}
.menu ul li a:hover,.menu ul li:hover>a{color: #e5b366;}
.menu li:hover>ul{visibility: visible;opacity: 1;transform: translate(0,0);}
.menu ul ul{left: 169px;top: 0px;visibility: hidden;opacity: 0;transform: translate(20px,20px);transition: all 0.2s ease-out;}
.menu ul ul:after{left: -6px;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 6px;margin-top: -6px;}
.menu li>ul ul:hover{visibility: visible;opacity: 1;transform: translate(0,0);}*/

/*Video Home*/
/*.touch #video-container {background: url() no-repeat center;background-size: cover;}*/

#video-container{/*position:relative;top:0;left:0;right:0;bottom:0;width:100%;height: 100%;z-index: 10;*/overflow:hidden;}
.touch video {display: none;}
.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:10;background-color:rgb(0 0 0 / 20%);padding-left: 6%;padding-right: 6%;display: table;}

.art2{position:absolute;width:50%}

#header{background:#404040e3;position:relative;display:flex;-webkit-transition: all 1s;transition: all 1s;}
#header div#logo{width:10%;float:right;padding:.25% 1.5% .25% 0;-webkit-transition: all 1s;transition: all 1s;}
#header div#logo img{display:block;width:100%;-webkit-transition: all 1s;transition: all 1s;}

.Fixheader{position:fixed !important;width:96%;z-index:100000;-webkit-transition: all 1s;transition: all 1s;background:#333;-webkit-transition: all 1s;transition: all 1s;}
.Fixheader div#logo{-webkit-transition: all 1s;transition: all 1s;}
.Fixheader div#logo img{-webkit-transition: all 1s;transition: all 1s;}

/*SearchBox*/
#Searchbox{float:right;width:39%;margin:.7% 1% 0 0}
.textfield__field {position: relative;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.textfield__field label {color:rgba(0,0,0,.87); font-size:1em; cursor: auto; font-weight: normal; right:0;margin: 0; text-align: left; position: absolute; top:7px; line-height: 30px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.textfield__field.is-dirty .textfield__input, .textfield__input {padding:2% 1%; width:100%; font-size:.9em;color:#fff;background:transparent;border:1px solid #e9b26b;border-radius:10px}
.textfield__field.is-focused:after{position:absolute;bottom:1px;left:0;width: 100%; content: ''; height: 1px; }
.textfield__field.is-focused .textfield__input {background:#fff;box-shadow: 0 1px 1px rgb(0 0 0 / 14%), 0 4px 4px rgb(0 0 0 / 10%);border: 1px solid var(--color-neutral-200);}
.search-field .submit-btn {font-size:1.2em;position:absolute;left:0%;top:55%;transform:translateY(-50%);color:#9e9fb1}
.autocomplete-items { position: absolute; z-index: 999; top: 100%; left: 0; right: 0; background: #f0f0f0; overflow: auto; max-height: 200px; border-top: none; }
.autocomplete-items div { padding: 6px 8px; cursor: pointer; font-size: 20px; }
.autocomplete-items div:hover { background-color: #dce2e6; }
.autocomplete-active { background-color: #dce2e6; color: #4a4a4a; }
.autocomplete-open{position: absolute; border: 1px solid #4a4a4a; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; padding-bottom: 10px; background: #f0f0f0; }
.autocomplete-open div{padding: 10px; cursor: pointer; font-size: 20px; }
.autocomplete-open div:hover{background-color:#dce2e6}
.textfield__input::placeholder {color: #fff;font-family:PeydaSemiBold;font-size:.8em;opacity:.8}

.HeadingT h1{position:relative;font-size:1.2em;font-weight:normal;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
/*.HeadingT h1:before{background:#e8b463;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px}*/
.HeadingT h1::before{background:url('/images/BackTitle.png');width:50px;height:50px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%;vertical-align:middle}

/*.HeadingT h1:after{background:#e8b463;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}*/

.HeadingT h2{position:relative;font-size:1.1em;font-weight:normal;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
/*.HeadingT h2:before{background:#e8b463;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px}*/
.HeadingT h2::before{background:url('/images/BackTitle.png');width:50px;height:50px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%;vertical-align:middle}
/*.HeadingT h2:after{background:#e8b463;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}*/

.HeadingT h3{position:relative;font-size:1.1em;font-weight:normal;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
/*.HeadingT h3:before{background:#e8b463;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px;vertical-align:middle}*/
.HeadingT h3::before{background:url('/images/BackTitle.png');width:50px;height:50px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%;vertical-align:middle}
/*.HeadingT h3:after{background:#e8b463;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}*/

.Projectshow{width:80%;padding:3% 1% !important;margin-right:20%}
a.All{color:white;font-size:18px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;}
.filter{width:15%;position:fixed;height:100%;margin:0 auto;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);padding:.5% .5%;padding-top:4%;}
.filter a{display:block;padding:1px 10px;color:#000;font-size:.8em;line-height:2;cursor:pointer;position:relative;opacity:.5;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.filter a:hover{opacity:1;}
.boxes{margin-top:1%}
div.tab a:focus, .active{opacity:1 !important}
.is-animated {animation: .6s zoom-in;}
@keyframes zoom-in {0%{transform: scale(.1);}100%{transform: none;}}

div.divSearch{width:100%;background:rgb(179, 179, 179);text-align:center;display:none;padding:2% 0%;position:fixed;top:0;right:0;z-index:10000000000;}
div.divSearch input#txtSearch{width:25%;height:25px;border:none;border-bottom:1px solid rgba(212, 212, 212, 0.82);padding:.2% .5%;background:transparent;}
.InBlock{display:inline-block}

.backG{background:#0c163a}
.backB{background:#cee0f6}

.divHomeInCat{width:33.333%;float:right;padding:1%;box-sizing:border-box;position:relative}
.divhometiner{margin:0% 5%}
.divHomeInCat img{width:100%;display:block;}
.divHomeInCat div.divTitle {
    position: absolute;
    bottom: 3.5%;
    right: 3%;
    width: 94%;
    padding: 2% 4%;
    padding-top: 11%;
    box-shadow: inset 1px -50px 20px 7px #000000c4;
    z-index: 1000000000000;
    box-sizing: border-box;
    margin: 0 auto;
    display: table;
    color: #fff;
}

div.divWords{width:24%;float:right;margin:.5%;}
div.divWords2{width:19% !important}

div.divlng{position:absolute;right:1%;top:10%;}
div.divTel a{color:#fff;letter-spacing: 1px;font-size:.9em;}
div.divTel i{font-size:1.3em;vertical-align:middle;padding:2%;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;}
div.divTel i:hover{background:#fff;color:#333;border-radius:50px}
div.divTel {position: absolute;left: 1.5%;top:50%;transform:translateY(-50%);font-family: PeydaSemiBold;width:20%;text-align:left;}
div.divTel i.fa-whatsapp{font-size:1.5em;color:#e5b366;vertical-align:sub;}
div.divlng i.fa-search{font-size:1.35em;color:#e5b366}

div.divLNG div.gob i{font-size:1.5em;vertical-align:middle;margin-right:1.5%;padding:32%;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;}


.divProjectsAll{display:flex;flex-wrap:wrap;margin:1% 4%}
.divProjectsAll div.divProjectsMain{width:32.33333%;margin:.5%;background:#f5f5f5;}
.divProjectsAll div.divProjectsMain img{width:100%;display:block;border-radius:5px 5px 0 0;max-height:350px}
.divProjectsAll div.divProjectsMain div.divTitle{background:#f5f5f5;padding:3%;position:relative;border-radius:0 0 5px 5px;}
.divProjectsAll div.divProjectsMain div.divTitle a{font-size:1em;color:#000;}
.divProjectsAll div.divProjectsMain div.divTitle p{font-size:.85em;color:#2a2a2a;opacity:.95;margin-top:2%;}
.divProjectsAll div.divProjectsMain div.divTitle span.nav{position:absolute;left:3%;top:50%;transform:translateY(-50%);z-index:100000;background:#fff;display:flex;padding:12px 20px;text-align:center;border-radius:100px;}
.divProjectsAll div.divProjectsMain div.divTitle span.nav i{font-size:1.3em;display:inline-block}



#divSubjectproj{padding:1.5% 4.5%;width:100%;line-height:3}
#divSubjectproj h1{float:right}
#divSubjectproj p{float:left}

#divfilterproj{display:flex;padding:1.5% 4.5%;border-bottom:1px solid #efefef;border-top:1px solid #efefef;}
#divfilterproj #Searchbox{float:right;background:#f0f0f1;border-radius:40px;margin:0 0%;width:70%;}
/*SearchBox*/
#Searchbox i{font-size:.8em !important}
.textfield__field {position: relative;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.textfield__field label {color:rgba(0,0,0,.87); font-size:1em; cursor: auto; font-weight: normal; right:0;margin: 0; text-align: left; position: absolute; top:7px; line-height: 30px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.textfield__field.is-dirty .textfield__input, .textfield__input {font-family:IRANSans;padding:1.5% 1%; width:100%; font-size:.9em;color:rgba(0,0,0,.87);background:#f1f2f4;border:none;border-radius:40px}
.textfield__field.is-dirty .textfield__input, .textfield__input::placeholder {color:#333}
.textfield__field.is-focused:after{position:absolute;bottom:1px;left:0;width: 100%; content: ''; height: 1px; }
.textfield__field.is-focused .textfield__input {background:#fff;box-shadow: 0 1px 1px rgb(0 0 0 / 14%), 0 4px 4px rgb(0 0 0 / 10%);border: 1px solid var(--color-neutral-200);}
.search-field .submit-btn {font-size:1.2em;position:absolute;left:2%;top:55%;transform:translateY(-50%);color:#9e9fb1}
.autocomplete-items { position: absolute; z-index: 999; top: 100%; left: 0; right: 0; background: #f0f0f0; overflow: auto; max-height: 200px; border-top: none; }
.autocomplete-items div { padding: 6px 8px; cursor: pointer; font-size: 20px; }
.autocomplete-items div:hover { background-color: #dce2e6; }
.autocomplete-active { background-color: #dce2e6; color: #4a4a4a; }
.autocomplete-open{position: absolute; border: 1px solid #4a4a4a; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; padding-bottom: 10px; background: #f0f0f0; }
.autocomplete-open div{padding: 10px; cursor: pointer; font-size: 20px; }
.autocomplete-open div:hover{background-color:#dce2e6}

select.ddl {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0 !important;
    color: #333;font-family:'PeydaSemiBold';
    -webkit-border-radius: 5px;
    border-radius:40px;
    font-size: 14px;
    padding: 10px;
    width:25%;
    cursor: pointer;
    background:#f5f5f5 url(/Images/drop.png) no-repeat left center;
        background-size: auto;
    background-size:30px 10px;margin-left:1%
}

.VAS{vertical-align:sub}

/*ChekBox IMage Chehak*/
.row label input[type="checkbox"] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

.row label .icon-box {
    padding:5px;
    align-items: center;
    background-color: #333333;
    color: #fff;
    border-radius: 3px;
    font-size: 21px;
    transition: 0.5s;
    user-select: none;
}

.BoxDesign {
    width: 24%;
    margin: .5%;
    float: right
}

.icon-box img {
    width: 100%
}

.fa-check:before{content:"\f00c";}

.row label input[type="checkbox"]:checked ~ .icon-box {
    background: #e5b366 /*linear-gradient(138deg, #da2c4d, #f8ab37)*/;
    color: #fff;
}

.row label .icon-box span {
    margin: 5px;
    font-size:.88em;
}

.container .btn {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 550px;
    font-size: 16px;
    border: 0;
    outline: none;
    transition: 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
/*End chekbox*/

/* Texbox */
.pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
    width: 32.333%;
    margin:0 .35%;
}
.pure-material-textfield-outlined100{width:99%;margin:0 .5%;}

/* Input, Textarea */
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}


/* Span */
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size:90%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}
/* Corners */
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
}

.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

/* Placeholder-shown */
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height:60px;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Focus */
.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}

/*Sucsess Icon*/
.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
   margin: 0 auto;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}
/*Line Chart Step*/
.c-checkout-steps{display: -webkit-box;display: -ms-flexbox;display: flex;margin: 30px auto 18px;list-style: none;padding: 0;color: #a0a0a0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 783px;font-size: 13px;font-size: .929rem;line-height: 1.692;}
.c-checkout-steps li.is-completed{color:#e5b365}
.c-checkout-steps li{position: relative;z-index: 1;}
.c-checkout-steps li.is-active .c-checkout-steps__item, .c-checkout-steps li.is-active::before{background-color:#e5b366;}
.c-checkout-steps__item{position: relative;text-align: center;border-radius: 100%;width: 20px;height: 20px;background-color: #d0d0d0;z-index: 1}
.c-checkout-steps__item::before{position: absolute;top: -25px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: attr(data-title);white-space: nowrap;}
.c-checkout-steps li::before{content: "";position: absolute;width: 372px;height: 3px;border-radius: 3.5px;background-color: #d0d0d0;top: 50%;left: 10px;z-index: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.c-checkout-steps li:first-child::before{display:none}

.select { /* style your select */
    font-family: 'Peyda-Regular';
}
.select option { /* style your options */
    font-family: 'Peyda-Regular';
}

.btnR2 {
    font-size: 1em;
    color: #fff !important;
    border-radius: 0;
    padding: .6% 2%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(227 165 68), rgb(229 179 101 / 84%), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color: #c5873ede;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 7px;
    font-weight: normal;
    font-family: 'PeydaSemiBold';
    display: table;
    margin:3% auto;
}

.btnR2:hover {
  color:white !important;
  background-position: 99% 50%;
}


/*File Upload*/
.box {
  position:relative;
  display: block;
  width:18%;float:right;
  height: 300px;
  margin:1%;
  background-color: white;
  border-radius:50%;
  box-shadow:0px 0px 0px 2px rgba(95,95,95,1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
background: url('/images/flu.png');
background-repeat: no-repeat;
background-position: center center;
}
.box2{
    background: url('/images/plus.png') !important;
}
.box3{
    position: relative;
    display: block;
    width: 18%;
    float: right;
    height: 300px;
    margin: 1%;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px rgba(95,95,95,1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    background: url('/images/file.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.box4 {
    position: relative;
    display: block;
    width:100px;
    height:32px;
    float: right;
    background-color: white;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    background: url('/images/upfile.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
.upload-options {
  position:absolute;
  top:0;
  height:100%;
  width:100%;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  transition: background-color ease-in-out 150ms;
}
.upload-options:hover {
  background-color:"";
}
.upload-options input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-options label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}
.upload-options label::after {
  font-family: "Material Icons";
  position: absolute;
  font-size: 2.5rem;
  color: #e6e6e6;
  top: calc(50% - 2.5rem);
  left: calc(50% - 1.25rem);
  z-index: 0;
}
.upload-options label span {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
.upload-options label span:hover i.material-icons {
  color: lightgray;
}

.js--image-preview {
  height:100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("");
    background-size: cover;
}
.js--image-preview::after {
  /*content: "photo_size_select_actual";*/
  font-family: "Material Icons";
  position: relative;
  font-size: 4.5em;
  color: #e6e6e6;
  top: calc(50% - 3rem);
  left: calc(50% - 2.25rem);
  z-index: 0;
}
.js--image-preview.js--no-default::after {
  display: none;
}
.js--image-preview:nth-child(2) {
  background-image: url("");
}

i.material-icons {
  transition: color 100ms ease-in-out;
  font-size: 2.25em;
  line-height: 55px;
  color: white;
  display: block;
}

.drop {
  display: block;
  position: absolute;
  background: rgba(95, 158, 160, 0.2);
  border-radius: 100%;
  transform: scale(0);
}

.animate {
  -webkit-animation: ripple 0.4s linear;
          animation: ripple 0.4s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}


/*shake*/
.shake {
  z-index: 1;
  border-radius: 5px;
  -webkit-animation-name: shake;
  animation-name: shake;
  animation: shake 5s ease both infinite;
  cursor: pointer;
  margin-left:1%;
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  4% {
    -webkit-transform: translateX(-50);
    transform: translateX(-50);
  }
  8% {
    -webkit-transform: translateX(50);
    transform: translateX(50);
  }
  13.2% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  16% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  24% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  32% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  51% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  53% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  54% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  55% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  57% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  58% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  59% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  61% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  62% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  63% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  65% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  66% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  67% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  69% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  70% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  71% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  72% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  73% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  74% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  75% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  76% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  77% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
    transform: translate(0, 0) rotate(7.5deg);
  }
  78% {
    -webkit-transform: translate(0, 0) rotate(10.5deg);
    transform: translate(0, 0) rotate(10.5deg);
  }
  79% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
    transform: translate(0, 0) rotate(-0.5deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(-7.5deg);
    transform: translate(0, 0) rotate(-7.5deg);
  }
  41%,
  49%,
  81%,
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
}
.backG{color:#fff}
/*Css*/
.divBack{background:rgba(0,0,0,.06)}
.divBackGh {
    background-image: radial-gradient(at center center, #FFFFFF 0%, #DBBF80 100%);
    padding:2% 0 5% 0
}
.MargiHome{display:flex;    background-color: transparent;
   }
.MargiHome .person {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 280px;
}
.MargiHome .container {
    border-radius: 50%;align-items:initial !important;
    height:280px;
    -webkit-tap-highlight-color: transparent;
    transform: scale(0.48);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 400px;
}

    .MargiHome .container:hover {
        transform: scale(0.54);
    }
.MargiHome .container-inner {
    clip-path: path( "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z" );
    position: relative;
    transform-origin: 50%;
    top: -200px;
}
.MargiHome .circle {
    background-color: #fee7d3;
    border-radius: 50%;
    cursor: pointer;
    height: 380px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 210px;
    width: 380px;
}
.MargiHome .img {
    pointer-events: none;
    position: relative;
    transform: translateY(20px) scale(1.15);
    transform-origin: 50% bottom;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.container:hover .img {
  transform: translateY(0) scale(1.2);
}
.MargiHome .img1 {
    left: 22px;
    top: 164px;
    width: 340px;
}
.MargiHome .img2 {
    left:0px;
    top: 174px;
    width: 444px !important;
}
.MargiHome .img3 {
    left:50px;
    top:200px;
    width: 466px !important;
}
.MargiHome .divider {
    background-color: #ca6060;
    height: 1px;
    width: 160px;
}
.MargiHome .name {
    color: #404245;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 16px;
    text-align: center;
}
.MargiHome .title {
    color: #6e6e6e;
    font-size: 14px;
    margin-top: 4px;
}

/**/
.fa-plane-o:before {
    content: "\f072";
}
#scplane{position:relative}

@-webkit-keyframes fly {
  to {
    transform: rotate(210deg);
  }
}
@-webkit-keyframes shadow {
  from {
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  to {
    text-shadow: 4px 0 0 rgba(0, 0, 0, 0.2);
  }
}

div.divProFilter{width:100%;}
div.divProjects{display:flex;}
section.SecProject{width:70%;margin:2% auto;position:relative;}
section.SecProject div.divProjectComment{width:50%;float:right;height:500px;overflow:auto;padding:1%;margin: 2%;}
section.SecProject div.divProjectComment p{text-align:justify}
section.SecProject div.divProjectComment img{float:right;width:40%;margin-left:1%;margin-bottom:1%;}
section.SecProject div.divProjectDetail{width:55%;float:right;height:500px;overflow:auto;padding:0 1%;margin:0 2%;}
section.SecProject div.divProjectDetail h1{font-size:1.4em;margin-bottom:5%;}
.BorderProject{position:absolute;left:50%;transform:translateX(-50%);height:100%;}
.BorderProjectr{position:absolute;right:0%;height:100%;}
.BorderProjectl{position:absolute;left:0%;height:100%;}

div.divProjectHome{padding: 1% 0%;border-top: 3px solid #000;margin:0% 4.3%;}
div.divProjectHome h2{display:inline-block}

#divPojectBanner{position:relative}
#divPojectBanner #divProjctDetails{position:absolute;top:50%;transform:translateY(-50%);right:5%;padding:2%;border-radius:15px;backdrop-filter: blur(7px);border: 1px solid #ffffff9e;background:#00000030}
#divPojectBanner img{width:100%;display:block;}
#divPojectBanner #divProjctDetails span{color:#fff;}
#divPojectBanner #divProjctDetails li{margin:2% 0}

#divProjctComment{font-size:.9em;text-align:center}
#divProjctCommentIn{margin:2% 30%}
#divProjctComment #divProjctCommentR{}
#divProjctComment #divProjctCommentR h1{margin-bottom:3%;font-size:1.35em}
#divProjctComment #divProjctCommentL{width:35%;float:right}
#divProjctComment #divProjctCommentL img{width:100%;}
.dynamic-border-box li{color:#fff;}
.dynamic-border-box span{color:#fff !important;opacity:.9;font-size:.9em}

div#divPhoneMs{width:4.5%;position:fixed;bottom:2%;left:1%;z-index:1000000;}
div#divPhoneMs img{width:100%;border-radius:100px;}

/*MODAL*/
.BtnModal{border-radius:7px;color:#fff;padding:.5% 2%;cursor:pointer;}
.BtnModal:hover{color:#fff}

.BtnModal2{background:#ec6502;border-radius:7px;color:#fff;padding:2% 4%;cursor:pointer;margin:0 auto;display:table;border:none;font-size:1em;font-family:IRANSansWebFaNum;}
.BtnModal2:hover{color:#fff}

.modal .w100{width:100% !important;}
.modal {
  display: none; /* Ocultar modal de forma predeterminada */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);z-index:100000000000}

.modal-content {}
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width:30%;
  border-radius: 8px;padding:2% 3%;box-sizing:border-box;
}

.modal .close {
    color: #aaa;
    float: left;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal .close:hover,
 .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
/**/


/*Masonery*/
.gallery2 {
  margin: 0 auto;
  column-count:3;
}
.gallery-item2 {
  break-inside: avoid;
  margin-bottom: 16px;
  position: relative;

}
.gallery-item2 figure {
  margin: 0;
}
.gallery-item2 figcaption a:hover{color:#91278f}
.gallery-item2 figcaption a{
  position: absolute;
  /*background: rgba(0, 0, 0, 0.5);*/
  width:94%;
height:98%;
  box-sizing: border-box;
  top:2%;
  font-size:1.8em;
  color: #fff;
  padding:0% 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0 0 14px 14px;
}


.gallery-item2 img {
  width: 100%;
  display:block;
}
.gallery-item2 p {
  margin: 0;
  padding: 8px;
}

@media screen and (max-width: 500px) {
  .gallery2 {
    column-count: 1;
  }
}
@media screen and (min-width: 501px) and (max-width: 700px) {
  .gallery2 {
    column-count: 2;
  }
}
@media screen and (min-width: 701px) and (max-width: 900px) {
  .gallery2 {
    column-count: 3;
  }
}

div#divAll div.divPro{position:relative;width:18.8%;margin:.5%;text-align:center;float:right;background:#f6f6f6;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;padding-bottom:.5%;border: 1px solid #cc9c0e;}
div#divAll div.divPro img{width:100%;margin-bottom:2%;}
div#divAll div.divPro img{margin-left:auto;margin-right:auto;display:block}
div#divAll div.divPro a{font-size:14px;}
div#divAll div.divPro:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div#divAll div.divPro p.SomeComment{font-family:BYekan;line-height: 1.5em;font-size:.85em;}
div#divAll div.divPro p{line-height:1em;margin:0 1%;}
div#divAll div.divPro .Price{position:absolute;bottom:1%;left:50%;transform: translateX(-50%);}
.ImgBrand {
    float: left;
    vertical-align: middle;
    width: 15%;
    border: 1px solid #cc9c0e;
    margin: 0 1% 1% .5%;
}
div#divAll div.divProducts{
    width: 90%;
    margin:2% auto;
    color: #bdbdbd;
    border: 1px solid #cc9c0e;
    padding: 1% 2%;
}
div#divAll div.divProducts h1{color:#f29a12;font-size:1.4em;}
div#divAll div.divProducts p{color:rgba(0,0,0,.87);font-size:.9em;}
/*Pro*/
div#divAll div#divProImage{width:30.8%;float:right;border:1px solid rgba(0,0,0,.12);position:relative;}
div#divAll div#divProImage img{width:100%;display:block}
div#divAll div#divProImage div#cphContent_divNullPrice{background:#f44336;padding:2%;width:50%;margin:0 auto;border-radius:2%}
div#divAll div.divProComment{width:98%;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1% 1%}
div#divAll div#divProTitle{width:54%;float:left;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1% 3% 1% 3%;margin-bottom:1%;background:#ded580;color:white}
div#divAll div.divProprice{width:67%;float:left;padding:0% 1%;}
div#divAll div.divProprice h1{color:#e8b463;font-size:1.2em}
div#divAll div.divProprice h3{color:#e8b463;font-size:1em}
select.ddlNumeber{-webkit-appearance:none;-moz-appearance:none;border:1px solid #000;width:15%;-webkit-border-radius:5px;border-radius:5px;font-size:1em;padding-left:.6%;margin-left:1.5%;cursor: pointer;background:url(/Images/dropf.png) no-repeat left center;background-size: auto;background-size: 45px 40px;}
#cphContent_divPay h1{color:#cc9c0e;}
.divLike:hover .fa-heart-o:before{content: "\f004";}

.divAddresBar{font-size:.75em;color:#6F7073;}

div.divService-c1 {width: 70%;margin: 0 auto;position: relative}
div.divService-c1 div.divServiceIMG{width:50%;float:right;padding:.7% .7%;border-radius: 12px;}
div.divService-c1 div.divServiceIMG img{width:100%;display:block;border-radius: 12px;}
div.divService-c1 div.divServiceCOM{width:45%;position:absolute;direction:rtl;border-radius: 12px;left:2%;top:50%;transform:translateY(-50%);background:#caa13a;padding:4% 3%;box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.18);}
div.divService-c1 div.divServiceCOM h1{color: #000 !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c1 div.divServiceCOM p{color:#fff;font-size:14px;line-height: 1.8 !important;text-align:justify}
div.divService-c1 h3 a{color:#fff;line-height:3em;font-size:1.1em}

div.divService-c2{width:70%;margin:0 auto;position:relative}
div.divService-c2 div.divServiceIMG{width:50%;float:left;padding:.7% .7%;border-radius: 12px;}
div.divService-c2 div.divServiceIMG img{width:100%;display:block;border-radius: 12px;}
div.divService-c2 div.divServiceCOM{width:45%;position:absolute;border-radius: 12px;direction:rtl;right:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;box-shadow: 0px 15px 15px 15px rgba(0,0,0,0.18);}
div.divService-c2 div.divServiceCOM h1{color: #caa13a !important;font-size: 24px !important;line-height: 1.8;font-weight:300;margin-bottom:10px;}
div.divService-c2 div.divServiceCOM p{color:#606060;font-size:14px;line-height: 1.8 !important;text-align:justify}
div.divService-c2 h3 a{line-height:3em;font-size:1.1em}


/*service cat*/
section.SecServices{padding:0% 4%;-webkit-transition: all 1s;transition: all 1s;-webkit-transition: all 1s;transition: all 1s;padding-bottom:.4%;    padding: 1% 0%;
    border-top: 3px solid #000;
    margin: 2% 4.3%;}

div.divBannerHomeL{width:70%;float:right;padding:.5%;box-sizing:border-box}
div.divBannerHomeL img{width:100%}
div.divBannerHomeR{width:30%;float:right;padding:.5%;box-sizing:border-box}
div.divBannerHomeR img{width:100%}

section.SecServices div.divTitle{position:absolute;opacity:.5;top:4%;right:2%;font-size:1.3em;color:#fff;font-weight:bold;z-index:10;padding:10px 30px;-webkit-transition: all 1s;transition: all 1s;-webkit-transition: all 1s;transition: all 1s;}
section.SecServices div#divSV1:hover > div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV2 div.divSV2In:hover > div.divTitle{/*background:#33333347;-webkit-box-shadow:0px 0px 10px 5px #333333;box-shadow:0px 0px 10px 5px #33333347*/right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV2 div.divSV2In2:hover > div.Prelat div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV2 div.divSV2In2{margin-top:3%}
section.SecServices div#divSV3 div#divSV3In:hover > div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV3 div#divSV3In{margin-bottom:3%}
section.SecServices div#divSV3 div.divSV3In1:hover > div.Prelat div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV3 div.divSV3In div.divSV3In2:hover > div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV3 div.divSV3In div.divSV3In3:hover > div.divTitle{right:10%;opacity:1;color:#e5b365;border-radius:17px;}
section.SecServices div#divSV3 div.divSV3In div.divSV3In3{margin-top:5%}

section.SecServices img{display:block;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);width:100%;border-radius:7px;}
section.SecServices .mbimg img{margin-bottom:3%}
section.SecServices .mbimgIn img{margin-bottom:6%}
section.SecServices div#divSV1{width:32.3333%;padding:.5%;float:left;position:relative}
section.SecServices div#divSV2{width:32.3333%;padding:.5%;float:left;position:relative}
section.SecServices div#divSV3{width:32.3333%;padding:.5%;float:left;position:relative}
section.SecServices div#divSV3 div.divSV3In{width:50%;float:left;}
section.SecServices div#divSV3 div.divSV3In1{width:47%;margin-right:3%;float:left;}
.Prelat{position:relative}

div.divContent{padding:1% 0%}
.flow-root{display:flow-root}
div.divAboutH{background:#fff url('/images/plan.png');padding:.5% 2%}
div.divAboutH video{width:30%;height: 100%;float:left;margin-right:3%}
div.divAboutH h1{font-size:1.6em;line-height:3em;}
div.divAboutH p{font-size:1em}
div.divAboutH div.divAbouttxt{width:100%;float:right;line-height:1.5em;font-size:.8em;}
div.divAboutH div.divAboutCount{width:13%;float:left}
div.divAboutH div.divAboutCount div.divNum{float:right;width:50px;font-size:2.9em;line-height:.9;margin-left:15%;margin-bottom:5%}
div.divAboutH div.divAboutCount div.divtxt{float:right;line-height: 1.4em;font-size:.85em;}

/*Footer*/
#GotoTop{width:5%;opacity:.5}
div#divFooter{margin:0 auto;padding:1% 10%;background:#050b1f;padding-bottom:.25%;}
div#divFooter i{opacity:.6}
.hrFooter{background:#7d7d7d;margin:1% 0;height:1px}
div#divFooter div#MenuFooter{width:100%;border-top:1px solid #a1863c;border-bottom:1px solid #a1863c}
div#divFooter div.divFooterIn{width:25%;float:right;}
div#divFooter div.divFooterIn h4{padding-bottom:5%;color:#fff;font-size:1.1em !important;border-bottom: 1px solid #e8b463;width:60%;line-height:0em;margin-bottom:5%;}
div#divFooter div.divFooterIn a{color:#fff;padding-bottom:1.5%;font-size:.75em;opacity:.85;vertical-align:text-top;line-height:2.4em;}
div#divFooter div.divFooterIn li a:hover{padding-right:10px;color:#fff;opacity:1}
div#divFooter div.divFooterIn img{margin-left:5%}
div#divFooter div.divFooterIn input{border-bottom:1px solid #a1863c !important;width:60%;height:15%;color:#50748a}
div#divCopyright{padding-top:1.5%;}
div#divCopyright a{color:#fff}
div#divCopyright p{width:100%;direction:ltr !important;color:#fff;font-family:Arial;font-size:.6em;opacity:.8}
.social{margin:0 auto;text-align:center}
.social i{font-size:1.3em;opacity:1 !important}

.fa-mobile:before{content: "\f10b";}
/*Article*/
.boxArt {padding:.5% 2%;margin:-5% 20%;margin-bottom:2%;border:7px solid #fcb955;border-radius:10px;/*border-image: -webkit-linear-gradient(to left,#eea965  0%, #f7e1c1 100%);border-image: -moz-linear-gradient(to left #eea965 0%, #f7e1c1 100%);border-image: -o-linear-gradient(to left, #eea965 0%, #f7e1c1 100%);border-image: linear-gradient(to left, #eea965 0%, #f7e1c1 100%)*/;border-image-slice: 1;background:#242424;text-align:center;}
.boxArt p{color:#fff;font-size: 1em;font-weight: bold;line-height: 3em;}
.boxArt .btnR2{margin:0 0;display:inline-block}
.boxArt .pure-material-textfield-outlined{width:42%;float:right}
.boxArt .pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea{padding:7px 13px 15px;}
.boxArt  input.Send2{background: #fff;width:25%;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  font-size:.8em;
  display:inline-block;margin-left:.5%;
  line-height:2.8em;
  outline: none;
  padding:0% 2%;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;}

section#SecArticle{padding:0% 4%;padding: 1% 0%;border-top: 3px solid #000;margin: 2% 4.3%;}
section#SecArticle img{width:100%;display:block;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)}
section#SecArticle div.divArticleH1{width:50%;box-sizing:border-box;float:right;padding:.25%}
section#SecArticle div.divArticleH2{width:50%;box-sizing:border-box;float:right;padding:.25%}
section#SecArticle div.divArticleH2 div.divArticleHIn{width:50%;float:right;padding:0 .1% .1%;box-sizing:border-box}

div#divAll div.divPro-Sujest{width:48%;float:right;padding:.5% .5%;background:#3a3a3a;color:#fff;margin:.5%;min-height:220px;}
div#divAll div.divPro-Sujest img{width:30%;float:left;padding-right:2%;}
div#divAll div.divPro-Sujest p{margin-top:2%;font-size:.9em}
div#divAll div.divPro-Sujest a{color:#e5b365;font-size:1.2em;font-weight:bold;}

.ArticlesM{margin:1%}

div#divArticle {
    width: 90%;
    margin: 0 auto;
    font-size: 13px;
}
div#divArticle img{margin-left:auto;margin-right:auto;display:block;box-shadow: 0px 0px 1px #cc9c0e;}
div#divArticle p{text-align:justify}

section#SecArticleIn{background:#f6f5f4;padding:2%;}
div.divArticle{padding:2% 4%;background:#fff;color:#404040;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box;width:80%;float:right}
div.divRelation{width:18%;float:left;padding:1% 2%;position:sticky;top:7%;left:2%;background:#fff;color:#404040;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box;box-shadow:0px 8px 16px rgba(143,144,166,.2), inset 0px 2px 0px #cc9c0e, inset 0px -2px 0px #cc9c0e;border-radius:16px}
div.divArticleIn{font-size:.85em;line-height: 2em;}
div.divArticleIn h2{color:#f9a300;font-weight:normal;font-size:1.3em}
div.divArticleIn h3{color:#d78d00;font-weight:normal;font-size:1.15em}
div.divArticleIn a{color:#e8b463;}
div.divArticleIn a:hover{color:#ffa700;}
div.divArticleHead{border-bottom: 1px solid #e1e0e0;margin-bottom:3%;padding-bottom:2.5%;color:#6b7074}
div.divArticleHead div.divDetail{float:left;padding-bottom: 2.5%;}
div.divArticleIn div.divArticleHead h1{font-size:1.5em;display:inline-block;font-weight:normal;color:#f29a12;}
div.divArticle div.divArticleIn img{width:80%;margin-left:auto;margin-right:auto;display:block;}
div.divArticle div.divArticleIn video{width:80% auto !important;margin-left:auto;margin-right:auto;display:block;height:auto !important}
div.divArticle div.divArticleIn img.imgArt{width:30%;float: left;margin: 0 1% 1% 0;}
div.divSuject{padding:1%;background:#fff;margin:1% 0;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box}
.divRelation a{display:block;margin-bottom:5%;font-size:.9em}
div.divRelation span.Arow{font-size:1.1em;font-weight:bold;line-height:3.1em}
div.divRelation span.Arow::before{background:url('/images/arow.png');margin-left:2%;width:22px;height:35px;content:' ';display:inline-block;vertical-align:middle;}


div#divAllCatrgory{margin:.3% .3% .2% .2%;}
div.divCategory{float:right;width:49.5%;margin:.25% .25%;position:relative}
div.divCategory img{width:100%;display:block}
div.divCategory div.divTitle{position:absolute;bottom:2%;right:0%;width:100%;background:#e8b363b3;padding: 1% 3%;box-sizing:border-box}
div.divCategory div.divTitle a{color:#000;font-size:1.2em}


/*Services*/
div.divBack{background:#f6f5f4}
div.divServices{width:85%;padding:2%;background:#fff;color:#404040;margin:3% auto;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px}
div.divServicesIn{font-size:1em;line-height: 2em;}
div.divServicesBox{width:85%;padding:2%;background:#fff;color:#404040;margin:3% 0%;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);margin:0 auto;border-radius:7px}
div.divServices div.divServicesIn img{width:80%;margin-left:auto;margin-right:auto;display:block;}
div.divServices div.divServicesIn img.imgArt{width:30%;border-radius:7px;margin-right:2%;margin-bottom:2%;float:left}

div.divServicesIn a{color:#e8b463;}
div.divServicesIn a:hover{color:#ffa700;}
div.divArticleIn h2{color:#f9a300;font-weight:normal;font-size:1.3em}
div.divArticleIn h3{color:#d78d00;font-weight:normal;font-size:1.15em}

div.divServicesIn h2{color:#f9a300;font-weight:normal;font-size:1.3em}
div.divServicesIn h3{color:#d78d00;font-weight:normal;font-size:1.15em}
 

/* Slider Slick */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}

/* Arrows */
.slick-next{font-size: 0;line-height: 0;position: absolute;top:-12%;display: block;width: 25px;height: 25px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev{font-size: 0;line-height: 0;position: absolute;top:-12%;display: block;width: 25px;height: 25px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}

/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before, .slick-next:before{font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/

.slick-prev{left:3%;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: url('/images/Icon/ArrowR.png');}
[dir='rtl'] .slick-prev:before{content: url('/images/Icon/ArrowL.png');}

.slick-next{left:.5%;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: url('/images/Icon/ArrowL.png');}
[dir='rtl'] .slick-next:before{content: url('/images/Icon/ArrowR.png');}

.slick-dots{position: absolute;bottom: -25px;display: block;/*width: 100%*/;padding: 0;margin: 0;list-style: none;text-align: center;display:none !important;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity:.75;color:black;}

.slider{width:100%;margin:2% auto;}
.slick-slide{margin:0px 5px;}
.slick-slide img{width:100%;}
.slick-prev:before,.slick-next:before{color:black;}
.slick-slide{transition: all ease-in-out .3s;opacity:1;}

/*Service Cat*/
section#slider {width: 100%;direction: ltr;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;display:inline-block;-webkit-box-shadow: 0px 0px 13px -3px #666666;box-shadow: 0px 0px 13px -3px #66666673;}
section#slider span.nowrap {white-space: nowrap;}
.row::before {display: table;content: " ";}
.col-xs-12 {width: 100%;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}
.col-md-push-9 {left: 75%;}
.col-md-3 {width: 25%;}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left;}
.col-md-pull-3 {right: 25%}
.col-xs-9 {width: 75%;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}
section#slider .slider-wrapper {padding: 0;}
section#slider .scroll-wrapper {width: 100%;overflow-x: hidden;overflow-y: hidden;}
section#slider ul {padding: 0;width: max-content;margin-right: 0;margin-left: 0;margin-bottom: 0;}
section#slider li.slider {display: inline-block;position: relative;width:24.6vw;}
section#slider li.slider img {
    margin: 5px 10px 0 0;
    display: block;
    height: auto;
    max-width: 100%;
}

section#slider span.slider-name, span.slider-title {
    display: block;
    position: absolute;
    color: #fff;
    left: 2vw;
}

section#slider span.slider-name {
    font-weight: 900;
    bottom: 4vw;
    font-size: 1.5vw;
}

section#slider span.slider-title {
    font-weight: 100;
    bottom: 2.5vw;
    font-size: 1.3vw;
}

section#slider .more-slider {
    padding: 1vh 2.5% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section#slider .more-slider h2 {
    color:rgba(0,0,0,0.87);
    font-weight: 500;
    font-size:1.2em;
    padding: 35px 0 25px 0px;
    margin-bottom: 0;
    margin-top: 8px;
}

section#slider .more-slider p {
padding-bottom: 3vh;
line-height: 1.5em;
color:rgba(0,0,0,.87);font-size:.85em;
direction: rtl;
text-align: justify;
}

section#slider .slide-controls {
    color: #fff;
    font-weight: 300;
    text-align: center
}

section#slider .slide-controls span.slider-previous {
    margin-right: 75px;
}

section#slider .slide-controls i {
    font-size:2.5em;
}

section#slider .more-slider a.button {
    border: 1px solid #5896b0;
    max-width: 200px;
    color: #5896b0;
    margin-top: 6vw;
}

section#slider .more-slider a.button:hover {
    color: #fff;
}

section#slider .more-slider a.button:before {
    background: #5896b0;
}

/*** Media Queries ***/

@media (max-width: 991px) {
		section#slider .more-slider {
				padding: 1vh 3% 0;
		}

		section#slider .more-slider h4 {
				font-size: 5vw;
				padding: 0 0 15px 0;
		}

    section#slider .slider-wrapper {
        width: 50%;
    }

    section#slider .content {
        padding: 35px;
    }

    section#slider .more-slider a.button {
        margin-top: 4vw;
        max-width: 175px;
        font-size: 15px;
        padding: 5px 0;
    }
}
	
@media (max-width: 768px) {
		section#slider .area {
			padding-right: 0;
			padding-left: 0;
		}
	
		section#slider .slider-wrapper {
        width: 100%;
    }

    section#slider .scroll-wrapper {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    section#slider li.slider {
        width: 49.2vw;
    }
	
	section#slider span.slider-title {
        bottom: 3.5vw;
        font-size: 3.3vw;
    }

    section#slider span.slider-name {
        bottom: 7vw;
        font-size: 3.5vw;
    }

    /*section#slider .more-slider h4 br, section#slider .slide-controls {
        display: none;
    }*/

     section#slider .more-slider a.button {
        margin-top: 0;
    }

    section#slider {
        padding-bottom: 0;
				margin-left: 0;
    }

    section#slider .more-slider {
        padding-left: 0;
    }

    section#slider .more-slider h4 {
        font-size: 7vw;
    }
}
        /**/
.wrapper .module-team {
  position: relative;
}
.wrapper .module-team:before {
  width: 100%;
  height: 380px;
  background-color: #EAEAEA;
  content: "";
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team:before {
    height: 250px;
  }
}
.wrapper .module-team .team {
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 5%;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team {
    padding: 50px 0%;
  }
}
.wrapper .module-team .team .title {
  text-align: center;
  margin-bottom: 80px;
  color: #6F7073;
  font-size: 44px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.3px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100px;
}
.wrapper .module-team .team .title:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 10px;
  background: #6F7073;
  border-radius: 50px;
  bottom: 0;
  opacity: 0.2;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .title:before {
    width: 60px;
    height: 5px;
  }
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .title {
    font-size: 32px;
    height: 60px;
    margin-bottom: 40px;
  }
}
.wrapper .module-team .team .team-cards {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.wrapper .module-team .team .team-cards .swiper-container {
  width: 90%;
  height: 360px;
  padding: 0 20px;
  cursor: default;
  /* Card */
}
@media screen and (max-width: 1180px) {
  .wrapper .module-team .team .team-cards .swiper-container {
    max-width: 600px;
  }
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container {
    max-width:100%;
    height: 370px;
    padding: 0 20px;
    overflow: visible;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide {
    margin:0 1%;
  background-color: white;
  width:49%;
  height: 320px;
  border-radius: 4px;
  box-shadow: inset 0px 0px 0px 1px #EDEEF4;
  position: relative;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0px 20px 40px -20px #EAEAEA;
  top: 0px;
  z-index: -1;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .bg {
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  border-radius: 4px 4px 0px 0px;
  transition: all 0.4s ease;
  background: linear-gradient(140deg, #D45B7A, #FDA576);
  z-index: 1;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.4s ease;
  border-radius: 100%;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more:before, .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more:after {
  width: 16px;
  height: 2px;
  background-color: white;
  content: "";
  position: absolute;
  border-radius: 4px;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more:after {
  transform: rotate(90deg);
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more {
    padding: 10px;
    top: 10px;
    right: 10px;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more:hover {
  transform: scale(1.1);
  background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .more:hover {
    transform: scale(1);
    background-color: transparent;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 40px;
  border: 3px solid #FFFFFF;
  transition: all 0.4s ease;
  box-shadow: 0px 4px 10px rgba(111, 112, 115, 0.3);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo:before, .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo:after {
  width: 100%;
  height: 100px;
  border-radius: 4px;
  content: "";
  position: absolute;
  transition: all 0.4s ease;
  opacity: 0;
  left: 0;
  top: 0;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo:before {
  background: #403E3E;
  z-index: 1;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo:after {
  background: linear-gradient(140deg, #D45B7A, #FDA576);
  z-index: 2;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .text {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  transform: translateY(50px);
  transition: all 0.3s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .text .name {
  font-size: 20px;
  color: #6F7073;
  font-weight: 300;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .text .role {
  font-size: 14px;
  font-weight: 600;
  color: #CBCBCB;
  letter-spacing: 0.8px;
  margin-top: 5px;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .text .desc {
  color: white;
  display: none;
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0.6px;
  text-align: center;
  padding: 0 40px;
  font-weight: 400;
  line-height: 22px;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social {
  z-index: 1;
  display: flex;
  align-items: center;
  background-color: rgba(234, 234, 234, 0.5);
  box-shadow: inset 0px 11px 13px -20px #6F7073;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 50px;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 0px 0px 4px 4px;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .pointer {
  display: block;
  width: 10px;
  height: 10px;
  z-index: 2;
  bottom: 50px;
  position: absolute;
  transform: translateX(25px);
  transition: all 0.4s ease;
  opacity: 0;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .pointer:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  transform: rotate(45deg);
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .pointer {
    display: none;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .icons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .icons .icon {
  width: 25%;
  height: 24px;
  opacity: 0.3;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .icons .icon:hover {
  opacity: 0.6;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .icons .icon:hover {
    opacity: 0.3;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social .icons .icon img {
  width: 100%;
  height: 100%;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide .card .social:hover .pointer {
  opacity: 1;
  bottom: 45px;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover {
  transform: translateY(3px);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover:before {
  box-shadow: 0px 10px 10px -10px #EAEAEA;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover {
    transform: translateY(0px);
  }
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover:before {
    box-shadow: 0px 20px 40px -20px #EAEAEA;
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover .card .photo {
  transform: translateY(-5px);
  box-shadow: 0px 6px 20px rgba(111, 112, 115, 0.3);
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide:hover .card .photo {
    transform: translateY(0px);
    box-shadow: 0px 4px 10px rgba(111, 112, 115, 0.3);
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card {
  overflow: hidden;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .more {
  transform: rotate(45deg) scale(1);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .more:hover {
  transform: rotate(45deg) scale(1.1);
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .more:hover {
    transform: rotate(45deg) scale(1);
  }
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .social {
  transform: translateY(55px);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .text {
  color: white;
  transform: translateY(0px);
  transition: all 0.6s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .text .name,
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .text .role {
  color: white;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .text .desc {
  display: block;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .photo {
  width: 100%;
  height: 100%;
  top: 0px;
  border: solid 0px transparent;
  border-radius: 4px;
  box-shadow: 0px 4px 10px rgba(111, 112, 115, 0);
  transform: translateY(0px);
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .photo:before {
  height: 100%;
  opacity: 0.5;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .photo:after {
  height: 100%;
  opacity: 0.8;
  border-radius: 4px;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .photo img {
  filter: grayscale(100%);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .photo:hover {
  transform: translateY(0px);
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .bg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .bg:before {
  opacity: 0.5;
}
.wrapper .module-team .team .team-cards .swiper-container .swiper-slide.show-more .card .bg:after {
  opacity: 0.8;
}
.wrapper .module-team .team .team-cards .swiper-pagination {
  bottom: 0;
  display: none;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .swiper-pagination {
    display: block;
  }
}
.wrapper .module-team .team .team-cards .swiper-pagination .swiper-pagination-bullet {
  background-color: #6F7073;
  margin: 0 5px;
  border-radius: 5px;
  transition: all 0.4s ease;
}
.wrapper .module-team .team .team-cards .swiper-pagination .swiper-pagination-bullet:focus {
  outline: 0;
}
.wrapper .module-team .team .team-cards .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(140deg, #D45B7A, #FDA576);
  width: 16px;
}
.wrapper .module-team .team .team-cards .navigation {
  width: 1098px;
  height: 28px;
  position: absolute;
  margin: 0 auto;
  padding: 0 5%;
  box-sizing: border-box;
  top: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1180px) {
  .wrapper .module-team .team .team-cards .navigation {
    width: 750px;
  }
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-prev,
.wrapper .module-team .team .team-cards .navigation .swiper-button-next {
  width: 28px;
  height: 28px;
  background-position: center;
  transition: all 0.4s ease;
  top: 0;
  margin-top: 0;
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-prev:focus,
.wrapper .module-team .team .team-cards .navigation .swiper-button-next:focus {
  outline: none;
}
@media screen and (max-width: 799px) {
  .wrapper .module-team .team .team-cards .navigation .swiper-button-prev,
.wrapper .module-team .team .team-cards .navigation .swiper-button-next {
    display: none;
  }
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-prev {
  background-position-x: 5px;
  transform: translateX(5px);
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-prev:hover {
  transform: translateX(0px);
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-next {
  background-position-x: -5px;
  transform: translateX(-5px);
}
.wrapper .module-team .team .team-cards .navigation .swiper-button-next:hover {
  transform: translateX(0px);
}

.Block{display:block}

/* Shine */
span.figure{margin:0;padding:0;overflow:hidden;}
span.figure:hover+span{opacity:1;}
.hover14 span.figure{position:relative;}
.hover14 span.figure::before{position:absolute;top:0;left:-80%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.hover14 span.figure:hover::before{-moz-animation:shine .2s;-webkit-animation:shine .2s;animation:shine 1.5s;}
@-webkit-keyframes shine{100% {left:125%;}}

/*divDesignOrder*/
.divDesignOrder{background:#f3f4f5;padding:1.5% 0}
.divDesignOrder h2{color:rgb(227 165 68);line-height:3em}
.divDesignOrder .divDesignOrderIn{background:#fff;margin:0% 10%;padding:1% 1.5%;border-radius: 0.3125rem!important;box-shadow: 0 .625rem 1.5625rem 0 rgba(198,205,218,.12)!important;line-height:2.5em;}


.Side-MenuRe{display:none}

/**/
.grid {
	position: relative;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	margin:0% 0%;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.9;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h3 span {
	font-weight: 800;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	font-size: 68.5%;
}

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h3,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h3 {
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    text-shadow:rgb(0, 0, 0) 2px 2px 8px
}

figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-marley:hover img{opacity:1}
figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h3::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h3::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background:#e8b463;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h3{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: right;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h3 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h3 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h3,
figure.effect-honey:hover h3 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* Common style */
.grid2 figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0% 0%;
	text-align: center;
	cursor: pointer;}


/*parallax*/
.parallax-inner{padding-top:18%;padding-bottom: 20%;}
.parallax-Back{position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;background:#00000063}
.parallax-s{position:relative;background:url('/images/category/services.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}
.parallax-p{position:relative;background:url('/images/category/projects.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}
.parallax-a{position:relative;background:url('/images/category/articles.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}
.parallax-w{position:relative;background:url('/images/category/words.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}
.parallax-arch{position:relative;background:url('/images/category/architecture.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}

/*Masonery*/
.gallery{margin: 0 auto;column-count:4;}
.galleryS{column-count:5 !important;}
.galleryS4{column-count:4 !important;}
.gallery-item {
  break-inside: avoid;
  border-radius:2px;
}
.gallery-item figure {
  margin: 0;
  position: relative;
  top:2%;
  margin-bottom:5%;
}
.gallery-item figcaption a:hover{color:#91278f}
.gallery-item figcaption a{
  width:94%;
height:98%;
  box-sizing: border-box;
  font-size:1.8em;
  color: #fff;
  padding:1% 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0 0 14px 14px;
}


.gallery-item img {
  width: 100%;
  display:block;
  border-radius:3px;
}
.gallery-item p {
  margin: 0;
  padding: 8px;
}

@media screen and (max-width: 500px) {
  .gallery {
    column-count: 1;
  }
}
@media screen and (min-width: 501px) and (max-width: 700px) {
  .gallery {
    column-count: 2;
  }
}
@media screen and (min-width: 701px) and (max-width: 900px) {
  .gallery {
    column-count: 3;
  }
}

/**/


/* --- The figure boxes --- */
figure {
  position: relative;
  overflow: hidden;
  display: block;
  text-align: center;
}


figcaption {
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 100;
  padding: 15px;
  font-weight: 100;
}

/* --- Setting up the elements that will change --- */
.im-gonna-change p, .im-gonna-change h3 {
	transition: opacity 0.35s, transform 0.35s;
}

.im-gonna-change figcaption{
  transition:0.35s ease-in;
}

.im-gonna-change h3 {
  poition: absolute;
  opacity: 0;
}

.im-gonna-change p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	opacity: 0;
}

/* --- All the changes on hover --- */
.im-gonna-change:hover figcaption {
  transform: translate3d(0,0,0);
  background-color: rgba(0,0,0,0.6);
}

.im-gonna-change:hover h3 {
	color: #fff;
  opacity: 1;
	transform: translate3d(0,10px,0);
}

.im-gonna-change:hover p {
  color: #fff;
	opacity: 1;
	transform: translate3d(0,-10px,0);
}




/**/

section {
  /*display: flex;*/
  justify-content: center;
}

.card {
  display: inline-block;
  background-color: #f2f2f2d6;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  transition: 0.4s;
  width:22.2%;margin:1%;
}

.card:hover {
  box-shadow: none;
}
.card:hover .card-image {
  transform: translateX(0px);
  box-shadow: none;
}

.card-image {
  width: 100%;
  height: 256px;
  border-radius: 8px;
  position: relative;
  transform: translateX(-20px);
  box-shadow: 16px 4px 24px 0 rgba(0, 0, 0, 0.2);
  transition: 0.4s;
  object-fit: cover;
}

.card-body {
  padding: 8px;
}

.card-title {
  font-size:1em;
  margin: 12px 0;
  transition: 0.4s;
}

.card-content {
  font-size:.85em;
  margin-bottom: 8px;
}


.closedi{background:#515f66;padding:.1% 6% !important;border-radius:100px;}
.closedi i{font-size:.9em !important;color:#cc9c0e}
.QuestionBox{width:200px;position:fixed;bottom:7%;left:2%;z-index:100000;text-align:left}

.Boxvisa{display:none;border-radius:12px;padding:14px;/*border:4px solid #fcb955;background:#242424*/}
.Boxvisa p{border-radius:12px;border:3px solid #37ccc8;text-align:center;padding:3% 0;background:#fff;}
.Boxvisa a{display:inline-block !important;font-size:.7em;text-align:right;padding:2% 7%;margin-bottom:7% !important;}
.Boxvisa a:first-child{border-bottom:1px solid #817f80}
.Boxvisa i{color:#fff;font-size:1.8em;margin-left:3%;vertical-align:middle;}
.Boxvisa a:last-child i{color:#00c83a !important;font-size:2.1em;}

.open-box {
    width: 150px;
    height: 150px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btnR {
    font-size: 15px;
    line-height: 3em;
    width: 100%;
    transition: 0.7s ease-out;
    background: 1% 50% / 300% 300% rgb(30, 29, 112);
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
}

.btnR:hover {
    background-position: 99% 50%;
    color: white !important;
}


#logo img.logo{display:block}
#logo img.logo2{display:none !important;}

/*contact*/
div.divContent-Back{background:#333;direction:rtl !important;}
div.divContent-Back div.divContentIn{width:80%;margin:0 auto;padding-top: 2%;}
div.divContent-Back div.divContentIn p{text-align:justify;line-height:1.8em;}
div.divCovers {
    width:85%;
    margin: 0 auto;
    border-width: 40px;
    border-style: solid;
    border-color: transparent;
    border-image: url(/images/TBBjpsToRMaQp7vLG6Ty_border-image-white-decor.png) 100 round;
}

div#divContent-contact{width:100%;margin:0 auto}
div#divContent-contact div#divContent-contactIn{width:60%;margin:0 auto;}
div#divContent-contact div#divContent-contactIn h2{font-size:25px !important;line-height:1.4;font-weight:300}
div#divContent-contact div#divContent-contactIn p#p-h2{font-size:15px;text-align:center;color:#606060;padding:0% 10%;line-height:1.4}
div#divContent-contact div#divContent-contactIn h3{font-size:30px !important;color:#34343c;line-height:1.4;font-weight:300;margin-bottom:15px;}
div#divContent-contact div#divContent-contactIn p#p-h3{font-size:15px;text-align:center;color:#606060 !important;line-height:1.4}
div#divContent-contact div#divContent-contactIn div#divContact-Tel{margin:5% 0}
div#divContent-contact div#divContent-contactIn div#divContact-Tel h6{color:#b1adad;font-weight:300;font-size:1em;margin:1.5% 0%;line-height:2.5;text-align:center;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel p{color:#fff;font-weight:300;font-size:.85em;text-align:center;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel span{color:#fff;font-size:1.25em}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:33.333%;float:left;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:33.333%;float:left;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:33.333%;float:left;}

div#divContent-contact div#divContent-contactIn div#divLoaction{width:100%}
div#divContent-contact div#divLoaction{width:100%;}
div#divContent-contact div#divLoaction div#divMap{width:60%;float:left;}
div#divContent-contact div#divLoaction div#divForm{width:40%;float:left;position:relative;}
div#divContent-contact div#divLoaction div#divForm h3{color:#fff;font-size:36px !important;font-weight:300;text-align:center;font-family:'Open-Sans' !important;line-height:2}
div#divContent-contact div#divLoaction div#divForm p{color:#fff;font-size:17px;text-align:center;font-weight:300;margin-bottom:2%;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn{width:90%;height:100% !important;position:absolute;top:0;right:0;background:#616161;opacity:.7;padding:5% 5%;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact1{width:44%;font-weight:300;float:left;font-family:'Open-Sans' !important;color:#ffffff;padding: 6px 12px;margin:1% 1%;margin-bottom:2%;background-color: rgba(255, 255, 255, 0.2);font-size: 14px;border-color:#fff;height:25px;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .txtcontact2{width:94%;color:#ffffff;padding: 6px 12px;margin:1% 1%;background-color: rgba(255, 255, 255, 0.2);margin-bottom:5%;font-size: 14px;border-color:#fff;height:120px;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm div#divFormIn .btncontact{text-align:center;margin:0 auto;display:table;font-family:'Open-Sans' !important;color:#ffffff;padding:9px 20px;background-color:transparent;font-size: 14px;border-color:#fff;border:1px solid #fff;border-radius:4px;}
div#divContent-contact div#divLoaction div#divForm img{width:100%;display:block;}

/*About*/
div.divAbout{width:100%;}
div.divAbout div.divAboutIn{width:31.333%;float:right;margin:0 1%;padding:2.5% 0}
div.divAbout div.divAboutIn img{width:90%;border-radius:20px;}
div.divAbout div.divAboutIn img.chef{width:15%;border:none !important;}
div.divAbout div.divAboutIn p{line-height:2em;text-align:justify;}


/**/
.photobox {
    display: inline-block;
}

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

.photobox__preview {
    display: block;
    max-width: 100%;
}

    .photobox__preview img {
        width: 100%;
        display: block;
        color: #202125
    }

.photobox__previewbox:before {
    content: "";
}

.photobox_type17 .photobox__previewbox:before {
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.57);
    opacity: 0;
    transition: opacity var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.photobox_type17:hover .photobox__previewbox:before {
    opacity: 1;
}

.photobox_type17 .photobox__label {
    width: 95%;
    text-align: center;
    opacity: 0;
    transition: opacity calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity, transform;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%, 200%);
    z-index: 2;
    line-height: 1em;
}

.photobox_type17:hover .photobox__label {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s) / 2);
    transition-delay: calc(var(--photoboxAnimationDuration, .4s) / 2);
}

.photobox_type17 .photobox__label a {
    color: white;
    font-size: 18px;
}

.photobox_type17 .photobox__preview {
    transition: transform var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity, transform;
    transform: scale(1) translate(0, 0);
}

.photobox_type17:hover .photobox__preview {
    transform: scale(1.2) translate(4%, 4%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.photobox {
    color: #fff;
    font-weight: 700;
    width: 100%;
}

.page {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.page__demo {
    flex-grow: 1;
}

.page__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
div.divFilter2 {
    width:24.5%;
    float: right;
    margin: 0% .25%;
    position: relative
}

    div.divFilter2 img {
        width: 100%;
    }

    div.divFilter2 div.divTitle {
        width: 94%;
        position: absolute;
        bottom: 3%;
        text-align: center;
        background: rgba(33, 33, 33, 0.57);
        z-index: 1000;
        padding: 1% 3%
    }

        div.divFilter2 div.divTitle a {
            color: white;
            font-size: 14px;
        }
a.All {
    color: white;
    font-size: 18px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}



/**/
.photogallery {
  display: -webkit-flex;
  display: flex;
  height: 500px;
  width:100%;
  padding-left:1%;
}
.photogallery menu {
  margin: 0;
  overflow: hidden;
  width:58%;
  direction:rtl;
}
.photogallery menu ul {
  list-style-type: none;
  height: 100%;
  padding: 0;
  overflow-y: auto;
}
.photogallery menu ul li {
    width: 48%;
    overflow: hidden;
    float: right;
    display: block;
    margin: 1%;
}

.photogallery menu ul li img {
 opacity: 0.3;
width: 100%;
display: block;}
.photogallery menu ul li img.activeImage {
  opacity: 1;
}
.photogallery menu ul li img:hover {
  cursor: pointer;
}
.photogallery menu ul li span {
  display: none;
}
.photogallery section {
  display: inline-block;
  width:100%;
}
.photogallery section .galleryimage {
  display: block;
  /*max-height: 90%;*/
  margin: auto;
}
.photogallery section .gallerydescription {
  padding: 16px;
}
.photogallery img {
  max-width: 100%;
}

::-webkit-scrollbar {
  /*width: 0px;*/
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
	background: #d9d9d9;
}


.menu-navPro {
	background: #e5b366;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0 0 10px 5px rgba(97, 97, 97, 0.16);
}
.menu-navPro ul {
	padding: 0 20px;
}

.menu-navPro  ul li {
	color: #fff;
	list-style-type: none;
	width: 200px;
}
.menu-navPro ul a {
	display: flex;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.53);
	padding-bottom: 4px;
	text-transform: uppercase;
	transition: 300ms all;
	padding: 15px;
}

.menu-navPro ul a:hover {
	background: rgba(68, 68, 68, 0.83);
}

.menu-navPro ul a span {
	color: #fff;
	display: block
}


div#divtxtSearch{width:100%;height:100VH;background:rgba(58, 58, 58, 0.7);position:fixed;z-index:10000000;display:none;top:0;right:0;}
div#divtxtSearch a.Clsoe{position:absolute;width:100%;height:100%;z-index:10}
div#divtxtSearch div#divtxtSearchIn{margin:0 auto;text-align:center;margin-top:1%;}
div#divtxtSearch input.TXTSearch{border-style:none;border-bottom:1px solid white;color:white;width:20%;height:50px;background:#2e2e2e;font-family:PeydaSemiBold}

.divLNG {text-align:left;display:inline-block;vertical-align:middle;}
.divLNG .Imgcen{margin:0 2%;}

.divLNG ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.divLNG li {
    cursor: pointer;
}

.divLNG li ul {
  display: none;
}

.divLNG li:hover ul {
  position: absolute;
  top:35px;
  left:-10px;
  display: block;
  background: #fff;
  width: 120px;
  padding-top: 0px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.divLNG li:hover .triangle {
  position: absolute;
  top:26px;
  left:2px;
  z-index: 10;
  height: 14px;
  overflow: hidden;
  width: 30px;
  background: transparent;
}

.divLNG li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(135deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius: 2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.divLNG li ul li {
  position: relative;
  text-align:right;
  background: transparent;
  padding: 15px 15px;
  padding-bottom: 0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}

.divLNG li ul li:last-of-type {
  padding-bottom: 15px;
}

.divLNG li ul li span {
  padding-left: 5px;
}

.divLNG li ul li span:hover, .divLNG li ul li span.active {
  color: #146c78;
}

.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.flag-Fa {
  background: url("/Images/Iran-Flag.jpg");
  background-size: cover;
  background-position: center center;
}
.flag-Ar {
    background: url("/Images/Emirates-Flag.jpg");
    background-size: cover;
    background-position: center center;
}
.flag-En {
    background: url("/Images/UK-Flag.jpg");
    background-size: cover;
    background-position: center center;
}
.flag-Tr {
    background: url("/Images/Turkish-Flag.jpg");
    background-size: cover;
    background-position: center center;
}
.flag-Ch {
    background: url("/Images/Ch.jpg");
    background-size: cover;
    background-position: center center;
}

/*Aos Animate div*/
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
.item{padding:1% 3%;margin-top:7% !important;text-align:center;font-size:.9em;margin:0 auto;display:table;border:2px solid #fff;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.item a{color:#fff}
.item:hover{background:#000000;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}

/*Border drwimg*/
.BoxB{position:absolute !important;left:5%;top:50%;transform:translateY(-50%);z-index:10000000;}
.BoxB .prag{position:absolute;right:-40%;top:30%;z-index:10000;transform:translateY(-50%)}
.BoxB p{font-size:2.1em;color:#fff;font-weight:bold;text-shadow: 2px 2px 4px rgba(0,0,0,0.6);text-transform:uppercase;}
.BoxB p.ls{letter-spacing:.11em}
#box {
  position: relative;
  width: 200px;
  height:350px;
}

.drawing-borders {
  position: relative;
  border: 4px solid transparent;
  box-sizing: border-box;
}

.drawing-borders::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -4px;
  left: -4px;
  /*border: 4px solid transparent;*/
  box-sizing: border-box;
  animation: draw-borders-top-right 2s forwards;
  -webkit-animation: draw-borders-top-right 2s forwards;
}

	.drawing-borders::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -4px;
		right: -4px;
		/*border: 4px solid transparent;*/
		box-sizing: border-box;
		animation: draw-borders-bottom-left 2s forwards;
		-webkit-animation: draw-borders-bottom-left 2s forwards;
	}

@keyframes draw-borders-top-right {
  0% {
    width: 0;
    height: 0;
    border-top: 4px solid #e5b365;
  }
  25% {
    width: calc(100% + 8px);
    height: 0;
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
  50% {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
  
  100% {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
}

@keyframes draw-borders-bottom-left {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  
  50% {
    width: 0;
    height: 0;
    border-bottom: 4px solid #e5b365;
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  75% {
    width: calc(100% + 8px);
    height: 0;
    border-bottom: 4px solid #e5b365;
    border-left: 4px solid #e5b365;
  }
  
  100% {
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-bottom: 4px solid #e5b365;
    border-left: 4px solid #e5b365;
  }
}
/*APPlE*/
@-webkit-keyframes  draw-borders-top-right {
  0% {
    width: 0;
    height: 0;
    border-top: 4px solid #e5b365;
  }
  25% {
    width: calc(100% + 8px);
    height: 0;
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
  50% {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
  
  100% {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-top: 4px solid #e5b365;
    border-right: 4px solid #e5b365;
  }
}

@-webkit-keyframes  draw-borders-bottom-left {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  
  50% {
    width: 0;
    height: 0;
    border-bottom: 4px solid #e5b365;
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  75% {
    width: calc(100% + 8px);
    height: 0;
    border-bottom: 4px solid #e5b365;
    border-left: 4px solid #e5b365;
  }
  
  100% {
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-bottom: 4px solid #e5b365;
    border-left: 4px solid #e5b365;
  }
}
    /* Menu Responsive */
	#divMenuSide{display:none}
    .menu-wrap {
        width: 220px;
        margin: 0 auto;
    }

.menu-sidebar li {
	font-size: .85em;
	font-weight: bold;
	border-bottom: 1px solid #333;display:block;
}
    .menu-sidebar li > a {
        color: white;
        font-size: .85em;
        position: relative;
    }

        .menu-sidebar li > a:hover:after {
            background-position: -100% 0;
        }

    .menu-sidebar .menu-item-has-children {
        position: relative;
    }

        .menu-sidebar .menu-item-has-children .sub-menu {
            display: none;
        }

    .sidebar-menu-arrow:after {
        padding: 5px;
        color: #f7941d;
        position: relative;
    }

    .sidebar-menu-arrow:hover:after {
        cursor: pointer;
        color: red;
    }

    .sidebar-menu-arrow:active:after {
        top: 2px;
    }
    /*SIDE NAV*/
    .sidenav {
        width: 100%;
        height: 100%;
        width: 0;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        background: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 1px;
        float: left;
        position: fixed;
        z-index: 1000000000000000000000000;
    }

        .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #B72669;
            display: block;
            transition: 0.3s;
        }

            .sidenav a:hover, .offcanvas a:focus {
                color: #f1f1f1;
            }

        .sidenav .closebtn {
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

            .sidenav a {
                font-size: 18px;
            }
    }

    nav.Mobile {
        position: relative;
        width: 100%;
    }

        nav.Mobile ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            nav.Mobile ul li a {
                display: block;
                padding: 10px 15px;
                color: #fff;
                text-decoration: none;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
            }

				nav.Mobile ul li a:hover {
					background:#e5b366;
					color: #515151;
				}

                nav.Mobile ul li a .fa {
                    width: 16px;
                    text-align: center;
                    margin-right: 5px;
                    float: left;
                }

            nav.Mobile ul ul {
                background-color: #3e3e3e;
            }

            nav.Mobile ul li ul li a {
                border-right: 4px solid transparent;
                padding: 10px 20px;
            }

                nav.Mobile ul li ul li a:hover {
                    background: #ff8c00;
                    border-left: 4px solid #fff;
                }


/*Responsive*/
@media only screen and (max-width:1600px) {
div.divAboutH{font-size:.9em;}
div#divFooter div.divFooterIn h4{padding-bottom: 9%;}
.card-title {font-size:.8em;}
.card-content{font-size:.75em;}


}

@media only screen and (max-width:1500px) {
figure.effect-marley h3{font-size:.8em;top:0px;}
figure.effect-marley h3, figure.effect-marley p {padding:0%}
.HeadingT h1{font-size:1.2em;width:250px;padding-bottom:20px;margin-bottom:1%;margin-top:1%;}
div.divContent{padding: 3% 2%;}
div#divFooter div.divFooterIn h4{font-size: .7em !important;}

.Menu{margin:initial !important;width:70% !important}
#header div#logo{width:13%;}

}

@media only screen and (max-width:1300px) {
div.divService-c1 h3 a {line-height: 2em;font-size: 1em;}
div.divService-c2 h3 a {line-height: 2em;font-size: 1em;}
div.divService-c1 div.divServiceCOM{padding:1% 2%}
.gallery-item figcaption a{font-size:1.2em;}
.galleryS{column-count:3 !important;}
nav > ul > li{padding:0 10px !important}
}

@media only screen and (max-width:1100px) {
div.divAboutH{padding:3%}
.card{width:30.333%}
nav > ul > li{padding:0 5px !important;font-size:12px !important}
div.divTel a{font-size:.8em !important}
div.divTel i{font-size:1.1em !important}
div.divTel img{width:9% !important}
div.divAboutH div.divAboutCount div.divNum{margin-bottom: 40%;}
section#SecArticle div.divArticleH1{width:97%;float:none;padding:.25%;margin:1% auto;margin-bottom:1%}
section#SecArticle div.divArticleH2{width:99%;float:none;margin:0 auto;}
section#SecArticle{display:inherit}
div#divFooter{padding:1.5% 10%;}
div#divFooter div.divFooterIn h4{font-size:.7em !important;}
div.divService-c1{width:95%}
div.divService-c2{width:95%}
.HeadingT h1{font-size:1.1em;width:250px;padding-bottom:17px;margin-bottom:5%;margin-top:5%;}
div#divContent-contact div#divContent-contactIn{width: 95%;margin: 0 auto;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:100%;float:none;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:100%;float:none;margin:5% 0;}
div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:100%;float:none;}
div.divWords {width:49%;float:right;}
.menu-navPro {padding:0}
.menu-navPro ul{padding: 0 5px;}
.menu-navPro ul a {font-size:.9em}

section.SecProject{width:95%;margin:2% auto;position:relative;}
.photogallery{width:95%;}

#lightbox-container-image-box{position:relative;background-color:#000;width:90% !important;height:auto !important;margin:0 auto;}
#lightbox-container-image-data-box{font:10px BYekan;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100% !important;}

}

@media only screen and (max-width:990px) {
div.divArticle{width:90%;float:none;margin:0 auto}
div.divSuject{width:96%;float:none;margin:0 auto}
#SecArticleIn{display:inherit;padding:2% 0;}
div.divFilter2{width: 49.5%;}
div.divProFilter {float: right;width:28%;}
.gallery{column-count:2;}
.divProFilter nav{display:block}
div#divFooter div.divFooterIn h4{font-size: .6em !important;}
nav > ul > li {
    font-size:.7em !important;
    padding: 0 8px !important;
}
.Menu{width:100% !important}

}
@media only screen and (max-width:740px) {
.ruby-menu-demo-header{display:none !important}
.Side-MenuRe{display:block;width:33.33333%;padding:3.4% 2%;}

#divPojectBanner #divProjctDetails{background:#fff !important}
.dynamic-border-box li{color:#333;}
.dynamic-border-box span{color:#666666 !important;opacity:.9;font-size:.9em}


#divPojectBanner{font-size:.65em !important}

div.Marquee ul{top:0 !important;width: 100% !important;height: initial !important;left: initial !important;margin-top: -1% !important;}
div.Marquee{padding: 15% 0;}
div.Marquee ul > li img{width:100%;}

.MargiHome {display: initial !important;}
.MargiHome .person{margin: 0 auto;margin-top:-15%}
.containerT{width:100% !important;}

#divProjctComment #divProjctCommentL{width: 100%;float: none;margin-top: 5%;}
#divProjctComment #divProjctCommentR{width: 100%;float: none;}
#divProjctCommentIn{width:90%}

div.divTel {position:initial;float:left;left:inherit;top:50%;transform:initial;width:33.333%;}
#logo img.logo{display:none !important}
#logo img.logo2{display:block !important}
.Fixheader div#logo img{-webkit-transition: all 1s;transition: all 1s;width:100% !important;}
#divMenuSide {
    display: inline-block;margin:3% 2.5% 0 0;font-size:.8em}

#header div#logo{width:33.3333% !important;padding:2% 10%;}
#header div#logo img {width:100% !important}
div.divlng {width:30%;}
#header div#logo{width:10%;}
.Fixheader div#logo{width:6% !important;}
.menu-navPro ul a{font-size: .7em;}
figure.effect-honey h3{font-size:.9em}

div#divContent-contact div#divContent-contactIn h2{font-size: 20px !important;line-height: 1.4;font-weight: 300;}
div.divAbout div.divAboutIn{width:90%;float:none;margin: 0 1%;padding: 2.5% 0;margin:0 auto;font-size:.9em}
div.divAbout div.divAboutIn img{width: 100%;border-radius: 20px;}

div.divService-c1 div.divServiceIMG{width:100%;float:none;padding:0;}
div.divService-c1 div.divServiceCOM{width:96%;position:initial;left:initial;top:initial;transform:initial;border-top-left-radius:0;border-top-right-radius:0;}
div.divService-c1 div.divServiceIMG img {border-bottom-left-radius:0;border-bottom-right-radius:0;}
div.divService-c1 div.divServiceCOM {box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.18);}
div.divService-c2 div.divServiceIMG img {border-bottom-left-radius:0;border-bottom-right-radius:0;}
div.divService-c2 div.divServiceIMG{width:100%;float:none;padding:0;}
div.divService-c2 div.divServiceCOM{width:94%;position:initial;left:initial;top:initial;transform:initial;border-top-left-radius:0;border-top-right-radius:0;}
div.divService-c2 div.divServiceCOM {box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.18);}

div.divServices div.divServicesIn img.imgArt{width: 95%;border-radius: 7px;margin-right:0%;margin:0 auto;margin-bottom: 2%;margin-top: -7% !important;float: none;}
div.divServices {font-size:.9em;width:92%;}
.gallery-item figcaption a{font-size:.9em;}

section{display:inherit;}

.card {width:96%}
.card .card-image{transform: translateX(0px);box-shadow: none;}
.card-title{font-size:1em;margin:0px 0;transition: 0.4s;}
.HeadingT h1{font-size:1em;margin:3% auto}
.HeadingT h2{font-size:.9em;margin:3% auto}

div#divFooter div.divFooterIn h4{width:100%;font-size:1em !important;}
div#divFooter div.divFooterIn h4{padding-bottom:5%;}
div#divFooter div.divFooterIn{width:100%;float:none;margin:6% auto;padding-bottom:5%;font-size: .8em;}
div#divFooter div.divFooterIn h4{margin-bottom: 1%;}

div.divAboutH div.divAboutCount {width:98%;padding: 0 1%;float:none}
div.divAboutH div.divAbouttxt {width:98%;padding: 0 1%;float:none;margin-bottom:5%;}
div.divAboutH div.divAboutCount div.divNum{margin-bottom:0%;}
div.divAboutH div.divAboutCount div.divAboutCountIn{float:right;width:25%}
div.divAboutH div.divAboutCount div.divNum {float:none;width: 100%;font-size:2em;line-height:.9;margin-left:0%;margin-bottom: 10%;text-align: center;}
div.divAboutH div.divAboutCount div.divtxt{float:none;line-height: 1.4em;display:block;text-align:center;}

section.SecServices div#divSV1{width:100%;float:none}
section.SecServices div#divSV2{width:100%;float:none}
section.SecServices div#divSV3{width:100%;float:none}
section.SecServices {display:inherit}

section#slider .more-slider{padding: 1vh 0% 0;padding-left:0%;width:100%;}
section#slider .slider-wrapper {margin-top:-7%}
section#slider .more-slider h4{font-size:4vw}

.BoxB p{font-size: 1.31em;}
#box{width:100px;height:140px;}
.BoxB .prag{position: absolute;right: -70%;top: 30%;font-size: .8em;}

.videoHome{width:auto;height: 100%;}
.touch video {display:inherit;}

.BorderProject{display:none}
.BorderProjectl{display:none}
.BorderProjectr{display:none}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0px;}
section.SecProject div.divProjectComment {width:94%;float:none;height:auto;border:1px solid #e8b463}
section.SecProject div.divProjectDetail{width:96%;float:none;height:auto;}
section.SecProject div.divProjectComment img{float:none;width:90%;margin-left:auto;margin-right:auto;display:block;}
section.SecProject div.divProjectDetail h1 {
    font-size: 1em;
    line-height: 2em}
section.SecProject div.divProjectDetail p{font-size:.85em}

.photogallery{display:initial;display:initial;}
.photogallery menu {width:95%;margin-right:-7.5%;overflow:auto}
.photogallery section{display: block;width: 86%;margin: 0 auto;}
.galleryS4{column-count:2 !important;}
div.divArticleIn div.divArticleHead h1{font-size:1.1em;display: inline-block;color: #6b7074;}
.Menu{float:left;margin-left:1.5% !important;width:initial !important}

.text{font-size:.7em !important;letter-spacing:initial !important;margin-top:0px !important;}
.percent .number p{font-size:24px !important;}
.divHomeInCat {
    width: 100%;
    float: none;
    padding: 1%;
    box-sizing: border-box;
    position: relative;}
.vc_col-lg-6{width: 100% !important;}
#GotoTop {
    width: 25%;
    opacity: .5;
}
}

@media only screen and (max-width:580px) {
div.divAboutH h1{font-size: 1.1em;line-height:2.5em;}
div.divAboutH p{font-size:.85em;}
.gallery-item {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);}
#header div#logo img {
    width:70%;}
#Searchbox{position:initial;top:initial;left:initial;transform:initial;z-index:2;width:100% !important;float:initial !important''}
.textfield__field.is-dirty .textfield__input, .textfield__input{padding:3.5% 2% !important}
    .search-field .submit-btn {
        font-size: .8em;
    }
    #divPojectBanner #divProjctDetails{position:initial !important;transform:initial;border-radius:initial;padding:0 7%;}
    .textfield__field.is-dirty .textfield__input, .textfield__input {font-size:.75em}
    #divProjctCommentIn{width:initial;margin:4% !important;text-align:justify;}
div.divArticle {
  width: 100%;
  float: none;
  margin: 0 auto;
}
section#slider .content {padding: 16px;}
section#slider .more-slider p {
    padding-bottom: 1vh;
    line-height: 1.5em;
    color: #333;
    direction: rtl;
    text-align: justify;
    font-size: .8em;
}
div#divAll div.divPro-Sujest {
  width: 99%;
  float: none;}
div#divAll div.divPro-Sujest {
  width: 48%;
  float: right;
  padding: 2%;
  background: #3a3a3a;
  color: #fff;
  margin: .5%;
  min-height: 220px;
  box-sizing: border-box;
}
div#divAll div.divPro-Sujest img {
  width: 100%;
  float: none;
  padding-right: 0%;margin-left:0 !important;
}
div#divAll div.divPro-Sujest p{margin-top:2%;font-size:.75em}

div.divServices div.divServicesIn img{width:100% !important}
div.divArticle div.divArticleIn img{width:100% !important}
div.divArticle div.divArticleIn video{width:100% auto !important;margin-left:auto;margin-right:auto;display:block;height:auto !important}


div.divTel{text-align:left;font-size:.77em;padding:3.4% 2%;}
.shake{width:11%;}

section.SecServices div.divTitle {font-size:1em;padding:10px 2px;}

#video-container{position:relative}
.galleryS{column-count:2 !important;}
div.divProFilter {
    float: none;
    width: 100%;
	margin:2% 0;}

div.divProjects {
    width:100%;
    float: none;
}
}

@media only screen and (max-width:480px) {
.boxArt{margin:0% 2% 3% 2%}

.divProjectsAll div.divProjectsMain{width:49% !important;font-size:.75em;}
#divfilterproj{display:flex;}
select.ddl{width:100%;margin-bottom:2%;}

.Video{width:80%;} 
div.divCategory{width:95%;float:none;margin:3% auto;font-size:.8em;}
.percent .number p{line-height:1.5;}
.containerT .cardTimer{height:70px !important}

.divProjectsAll div.divProjectsMain div.divTitle span.nav {
    position: absolute;
    left: 1%;
    top: 75%;
    transform: translateY(-50%);
    z-index: 100000;
    background: #fff;
    display: flex
;
    padding: 4px 10px;
    text-align: center;
    border-radius: 100px;
}

.boxArt p{font-size:.7em}
.boxArt .pure-material-textfield-outlined {
    width: 49%;
    float: right;
}
.boxArt .btnR2 {
    float: none;
    margin: 1% auto;font-size:.8em;
}
.boxArt .pure-material-textfield-outlined {
    margin-bottom: .8%;
}
div.divFilter2{width:100%;}
video {
  width:100%;
  height: 100%;
  float:none;
  margin-right:0%;
}
div.divAboutH video {
    width: 100%;
    height: initial;
    float: left;
    margin-right: 0%;
    margin-bottom: 3%;
}
div.divAboutH div.divAbouttxt {
    width: 98%;
    padding: 0 1%;
    float: none;
    margin-bottom: 0%;
}
div.divAboutH {
    padding: 0% 3%;
}
.text{margin-top: 0;}
.percent .number {
    line-height:3em;
   position:initial !important;
    top:initial !important;
    left:initial !important;
     display:initial !important;
    transform:initial !important;
    border-radius:initial !important
}
div.divBannerHomeL{width: 100%;}
div.divBannerHomeR{width: 50%;}

.ih-item.circle .img {
    width: 65px !important;
    height: 65px !important;}
.ih-item.circle {
    width:initial !important;
    height:initial !important;
    padding-top:initial !important;
}
div#divPhoneMs{width: 20%;}
div#divPhoneMs {
    width: 20%;
    position: fixed;
    bottom: 0%;
    left: 1%;
    z-index: 1000000;
}
.ih-item.circle .img:before {
box-shadow:inset 0 0 0 3px rgb(255 255 255 / 60%), 0 1px 2px rgb(0 0 0 / 30%) !important
}
.slick-next {
    width: 20px !important;
    height: 20px !important;}
.slick-prev:before {
    content: url(/images/Icon/ArrowR2.png) !important;
}
.slick-next:before {
    content: url(/images/Icon/ArrowL2.png) !important;

}
.slick-next {
    top: -8%;}
.slick-prev {
    top: -7%;
}
.slick-prev {
    left: 11%;
}
.percent {width:inherit !important;height:initial !important}
.container {display:block !important;width:initial !important;}
.container .cardTimer{display:block !important;float: right;width: 48% !important;height:initial !important}

.fl{float:none !important;margin-right:0%;margin-bottom:0%;}
.fr{float:none !important;margin-left:0%;margin-bottom:0%;}
.f50{width:100% !important;}
.f30{width:100% !important}
.f70{width:100% !important}
.img2{width:100%;float:none;margin:0 0%;}
.img3{width:100%;float:none;margin:0 0%;}
.img4{width:100%;float:none;margin:0 0%;}


#header div#logo{width:20%;}
.Fixheader div#logo{width:10% !important;}
section#slider .more-slider h4{font-size:6vw}

div.divWords{width:99%;float:right;}

div.divServicesBox{width:90%;}

div.divService-c1 h3 a {line-height: 2em;font-size: .9em;}
div.divService-c2 h3 a {line-height: 2em;font-size: .9em;}

div.divServices {font-size:.8em;margin: 0 auto;margin-top: 6%;}

section#SecArticle div.divArticleH2 div.divArticleHIn{width:98%;float:none;padding: 0 1% 2.3%;}
.grid figure{margin: 0px auto}

}

/*filter and Sort*/
div.divFilter{width:12%;float:right;padding:0 .25% .5%;box-sizing:border-box;position:relative}
div.divFilter img{width:100%;}
div.divFilter div.divTitle{width:100%;position:absolute;bottom:2%;text-align:center;background:rgba(33, 33, 33, 0.57);z-index:1000;padding:1% 3%}
div.divFilter div.divTitle a{color:white;font-size:14px;}

.photobox{display: inline-block;}
.photobox__previewbox{position: relative;overflow: hidden;}
.photobox__preview{display: block;max-width: 100%;}
.photobox__preview img{width:100%;display:block;color:#202125}
.photobox__previewbox:before{content: "";}
.photobox_type17 .photobox__previewbox:before{width:100%;height: 100%;background:rgba(33, 33, 33, 0.57);opacity: 0;transition: opacity var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);will-change: opacity;position:absolute;top: 0;left: 0;z-index: 2;}
.photobox_type17:hover .photobox__previewbox:before{opacity: 1;}
.photobox_type17 .photobox__label{width:95%;text-align:center;opacity:0;transition:opacity calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(var(--photoboxAnimationDuration, 1s)) cubic-bezier(0.71, 0.05, 0.29, 0.9);will-change: opacity, transform;position:absolute;bottom:3%;left: 50%;transform: translate(-50%, 200%);z-index:2;line-height:1em;}
.photobox_type17:hover .photobox__label{opacity: 1;transform: translate(-50%, -50%);transition-duration: calc(var(--photoboxAnimationDuration, .4s) / 2);transition-delay: calc(var(--photoboxAnimationDuration, .4s) / 2);}
.photobox_type17 .photobox__label a{color:white;font-size:18px;}
.photobox_type17 .photobox__preview{transition: transform var(--photoboxAnimationDuration, 1s) cubic-bezier(0.71, 0.05, 0.29, 0.9);will-change: opacity, transform;transform: scale(1) translate(0, 0);}
.photobox_type17:hover .photobox__preview{transform:scale(1.2) translate(4%, 4%);-webkit-filter: grayscale(0%);filter:grayscale(0%);-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.photobox{color:#fff;font-weight:700;width:100%;}
.page{/*display: flex;flex-direction: column;justify-content:space-around;*/}
.page__demo{/*flex-grow: 1;*/}
.page__container{/*display: flex;flex-wrap: wrap;align-items: flex-start;*/}
.main-container{padding-left: 1rem;padding-right: 1rem;}


.grid {
	position: relative;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
    margin:.5%;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.effect-zoe a{color:#fff !important;font-size:.6em;}
figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding:.5em;
	height: 2.5em;
	background:#202125;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #fff !important;
	font-size:.6em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe span,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe span {
	display: inline-block;
color:#333
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover span,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover span {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


.scroll4::-webkit-scrollbar {
  width: 10px;
height:6px
}

.scroll4::-webkit-scrollbar-thumb {
    background: #a79f9f;
    border-radius: 20px;
    height: 15px
}

.scroll4::-webkit-scrollbar-track {
    background: #585858;
    border-radius: 20px;
    height: 15px
}



section.sec18 div.divSendBox{margin-bottom:5%;}
section.sec18  textarea{background: #fff;width:96%;display:table;margin:0 auto;height:70px;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  outline: none;
  padding:2% 2%;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;}
section.sec18  input.Send2{background: #fff;width:18%;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  font-size:.9em;
  float:right;margin-left:.5%;
  line-height:3em;
  outline: none;
  padding:0% 2%;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;}
section.sec18{padding:0 15%}
section.sec18 div.divsec18 div.divComment{border-radius:10px;padding:2%;width:70%;margin:0 auto;position:relative;-webkit-box-shadow: inset 0px 0px 18px -10px #4d4d4d;box-shadow: inset 0px 0px 18px -10px #4d4d4d;}
section.sec18 div.divsec18 div.divComment img{position:absolute;right:2%;top:-30%;width:8%;}
section.sec18 div.divsec18 div.divComment div.divImg{float:right;width:10%;}
section.sec18 div.divsec18 div.divComment div.divCommentIn{float:left;width:90%;}



/*Alert Notification popup*/
.my-btn, .my-btn-border, .btn-bell {
	border-radius: 50%;
	position: fixed;
	bottom:3%;
	right:2%;z-index:100000000000000;
}
.my-btn {
	animation-name: col;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.my-btn img{
width:80%;margin-top:5%;
}
.my-btn-border {
	height:50px; 
	width:50px;
	border: 1px solid #e5b366 !important;
	animation-name: bord-pop;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc ;
}
.btn-bell {
	color: white;
	font-size: 20px;
	animation-name: bell-ring;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
@keyframes bord-pop {
	0% {
		transform: translate(-5%, -5%);
	}
	50% {
		transform: translate(-5%, -5%) scale(1.9);
		opacity: 0.1;
	}
	100% {
		transform: translate(-5%, -5%) scale(1.9);
		opacity: 0;
	}
}
@keyframes col {
	0% {
		transform: scale(1) translate(0,0);
	}
	10% {
		transform: scale(1.1) translate(0,0);
	}
	75% {
		transform: scale(1) translate(0,0);
	}
	100% {
		transform: scale(1) translate(0,0);
	}
}
@keyframes bell-ring {
	0% {
		transform: translate(-50%, -50%);
	}
	5%, 15% {
		transform: translate(-50%, -50%) rotate(25deg);
	}
	10%, 20% {
		transform: translate(-50%, -50%) rotate(-25deg);
	}
	25%  {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
}

.row2 {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 50px;
}

    .row2:last-child {
        margin-bottom: 0px;
    }
.container2:hover {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.47);
}


.row2 img {
    cursor: pointer;
    display: block;
    width: 100%;
}

.row2 .caption {
    cursor: pointer;
}

.row2 h2 {
    color:#fff;
    display: inline;
    background: rgba(51, 51, 51, 0.5);
    padding: 15px;
    font-size: 1em;
    cursor: pointer;
}

.row2 p {
    display: inline;
    background: rgba(51, 51, 51, 0.7);
    padding: 10px;
    margin-top: 20px;
    font-size: 14px;
    cursor: pointer;
}


/* 
    ===== Effect 8 =====
*/
.effect8 {
    position: relative;
    overflow: hidden;
}

    .effect8 img {
        transition: all 1s;
    }

    .effect8:hover img {
        transform: scale(1.3);
    }

    /* Button */
    .effect8 .btn {
        border: none;
        outline: none;
        padding:25% 1%;color:#fff;
        background-color: rgb(232 180 99);
        cursor: pointer;
        font-size:.85em;
        margin-top: 20px;
        transition: all .5s;
        font-family:PeydaSemiBold;
    }

        .effect8 .btn:hover {
            background: rgba(255, 156, 21, 1);
        }

    /* Text */
    .effect8 h2 {
        position: absolute;
        right: 0px;
        top: 20%;
        text-align: right;
        transform: translateX(700px) scale(0.1);
        transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .effect8 .btn {
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translateX(800px);
        transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .effect8:hover h2 {
        transform: translateX(0px) scale(1);
    }

    .effect8:hover .btn {
        left: 50%;
        transform: translateX(-50%);
        animation: btnWidth 1.2s forwards;
    }

@keyframes btnWidth {
    0% {
        padding: 10px 35px;
        opacity: .2;
    }

    50% {
        padding: 10px 100%;
    }

    100% {
        padding: 10px 35px;
        opacity: 1;
    }
}



/*Mega Menu*/
.Menu{margin:0 auto;margin-top:.7%;display:table;width:55%}
/**, ::after, ::before{box-sizing: border-box;}*/
.navbar-expand-lg .navbar-nav{-ms-flex-direction: row;flex-direction: row;}
.navbar-nav {display: -ms-flexbox;display: flex;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem}
.navbar ul{padding-right:1%}
/*.navbar ul li{display:inline-block}*/
/*.nav-link {display: block;padding: 0.5rem 1rem;}*/
.megamenu-li {position: static;}
.navbar-light .navbar-nav .nav-link {color:#fff;padding-top:0;padding-bottom:12%;transition:0.3s;padding-left:18px;padding-right:18px;font-size:.85em}
.navbar-expand-lg .navbar-nav .dropdown-menu{position: absolute;z-index:10000000000000000000000}
.navbar-nav .dropdown-menu {position: static;float: none;}
.megamenu {position: absolute;width: 100%;left: 0;right: 0;padding: 15px;}
.megamenu h6{margin:0 5%;line-height:2.4em;color:#e8b463;border-bottom:.1px solid #e5b365;}
.megamenu i{width: 20px;}
.dropdownMagaSingle {position: relative !important;}
.mega-menu2{width: 200px !important;    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}

.dmenuR{position:relative !important}
.dropdown-menu {position: absolute;top: 100%;right: 0;z-index: 1000;display: none;float: left;text-align:right;min-width: 10rem;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 1rem;color: #212529;list-style: none;background: #fffffff2;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: 0.25rem;}
.sm-menu{border-radius: 0px;border: 0px;top:50%;box-shadow: rgba(173, 173, 173, 0.2) 1px -1px 4px 0px;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.border-right{border-left:1px solid #dee2e6 !important}
.col-lg-3 {-ms-flex: 0 0 19%;flex: 0 0 19%;max-width:19%;}
.dropdown-item:focus, .dropdown-item:hover {color:#e5b366;text-decoration: none;}
.dropdown-item.active, .dropdown-item:active {color:#e5b366;text-decoration: none}
.dropdown-item {color: #3c3c3c;font-size: 14px;}
.dropdown-item{display: block;width: 100%;padding: 0.25rem .5rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}
.navbar{position: relative;}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #e5b366;border-bottom:1px solid #e5b366}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #e5b366;transition: 0.3s;}
/*Menu2*/
.containermega{margin: auto;padding:0 2%;text-align: center;padding: 0 2%;}
ul {
	padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
	list-style: none;
}

nav {position: relative;}
nav > ul > li {display: inline-block;font-size: 14px;padding: 0 15px;position: relative;}
nav > ul > li > a {
	color: #fff !important;
  	display: block;
  	padding:15px 0;
    transition: all .3s ease;
}
nav > ul > li:hover > a {
	color: #e8b363 !important; 
}

.mega-menu {
	background: #fffffff2;
  	visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
  	position: absolute;
  	right: 0;
  	width: 100%;
    padding-bottom: 20px;
}
.mega-menu h6 {margin: 0 5%;text-align:right;
line-height: 2.4em;
color: #e8b463;
border-bottom: .1px solid #e5b365;}

.mega-menu .containermega {
    display: flex;
}
.mega-menu .item2 {
	flex-grow: 1;
    margin: 0 10px;
}
.mega-menu .item2 img {
    width: 100%;
}
.mega-menu a {
  	display: block;
      text-align:right;
}
.mega-menu a:hover {color:#e8b463;}


.dropdown {position: static;}

.dropdown:hover .mega-menu {
    visibility: visible;
    opacity: 1;
}
/**/

/*Circle*/
    .ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  padding-top:50%;
}
.ih-item.circle .img {
	box-shadow: -1px 2px 10px #999;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;display:block;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect1 .spinner {
  width: 230px;
  height: 230px;
  border: 10px solid #ecab18;
  border-right-color: #1ad280;
  border-bottom-color: #1ad280;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.ih-item.circle.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect3 .info {
  background: #333333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
  color: #fff;
  position: relative;
  font-size:1em;
  margin: 0 30px;
  padding: 55px 0 0 0;
}
.ih-item.circle.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect3.left_to_right .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect3.left_to_right a:hover .img {
  -webkit-transform: scale(0.5) translateX(100%);
  -moz-transform: scale(0.5) translateX(100%);
  -ms-transform: scale(0.5) translateX(100%);
  -o-transform: scale(0.5) translateX(100%);
  transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect3.right_to_left .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect3.right_to_left a:hover .img {
  -webkit-transform: scale(0.5) translateX(-100%);
  -moz-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  -o-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%);
}
.ih-item.circle.effect3.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect3.top_to_bottom .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect3.bottom_to_top .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
 /**/
.divCountTimer{padding:1.5% 0;background:#050b1f}

.time {
  position: relative;
}

.time::after {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: var(--timer);
  }
}

.timer {
  align-items: center;
  margin: 30px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}

.timer span {
  display: block;
  font-size: 3rem;
}

.containerT {
  align-items: center;
  display: flex;
  position: relative;
  justify-content: center;
  width: 900px;margin:0 auto;
}

.containerT .cardTimer {
  align-items: center;
  display: flex;margin:0 1%;
  height:130px;
  justify-content: center;
  position: relative;
  width: 200px;
  border-radius: 4px;
  transition: 200ms linear all;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.containerT .cardTimer:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

.containerT .cardTimer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 00%;
  width: 100%;
  height:100%;
  background: rgba(255, 255, 255, 0.03);
  pointer-events: none;
  z-index: 1;
}

.percent {
  position: relative;
  width: 110px;
  height:50px;
  border-radius: 50%;
  z-index: 1000;
}

.percent .number {
  position: absolute;
  top: 50%;
  left:50%;
  display: flex;
  justify-content: center;
  transform: translateX(-50%) translateY(-50%);
  align-items: center;
  border-radius: 50%;
}

.percent .number p {
  color: #e8b363;font-family:Arial;
  font-weight: 700;
  font-size:50px;
  transition: 0.5s;
}

.cardTimer:hover .percent .number h2 .time {
  color: #fff;
  font-size: 60px;
}

.percent .number h2 .time {
  font-size: 32px;
}

.percent .number h2 span {
  font-size: 24px;
  color: #777;
  transition: 0.5s;
}

.text {
  position: relative;
  color:#fff;
  font-weight: 700;
  font-size: .8em;
  letter-spacing: 1px;
  margin-top: 20px;
  transition: 0.5s;
  text-transform: uppercase;
}

svg {
  position: relative;
  height: 110%;
  width: 110%;
  z-index: 1000;display:none;
}

svg circle {
  height: 100%;
  width: 100%;
  fill: none;
  stroke: #191919;
  stroke-width: 10;
  stroke-linecap: round;
  transform: translate(5px, 5px);
}

svg circle:nth-child(2) {
  stroke: #00ff44;
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
}

svg circle.start:nth-child(2) {
  animation: dash var(--time) linear forwards;
}

@keyframes dash {
  to {
    stroke: #00ff44;
    stroke-dashoffset: 0;
  }
}

@media only screen and (max-width:350px) {

.boxArt .pure-material-textfield-outlined {width:99%;float: right;}
.boxArt p {
    font-size:.6em;
    line-height:1em;
}
}


/* Hero */
.l-hero {
  max-width: 100vw;
}
.l-hero__img-inner {
  height: auto;
  width: 100%;
}
.l-hero__pulled-inner {
  margin: 0 5%;
  padding: 10%;
  background: #fff;
  transform: translateY(-20%);
}
@media (min-width: 700px) {
  .l-hero {
    height: 56.25vw;
    position: relative;
  }
  .l-hero__img {
    height: 100%;
    width:100%;
    border: 2vw solid #fff;
    overflow: hidden;
  }
  .l-hero__img-inner {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
  .l-hero__pulled {
    width: 38.5416666667%;
    position: absolute;
    top:50%;transform:translateY(-50%);
    right: 0;
    display: flex;
    align-items: center;
  }
  .l-hero__pulled-inner {
    width: 100%;
    margin: 0;
    padding: 20%;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-hero--left .l-hero__img {
    position: absolute;
    top: 0;
    right: 0;
  }
  .l-hero--left .l-hero__pulled {
    left: 0;
    right: auto;
  }
}

/* Card */
.c-card > *:first-child {
  margin-top: 0;
}
.c-card > *:last-child {
  margin-bottom: 0;
}

/* General page styling */
* {
  box-sizing: border-box;
}

.c-card__subtitle {
  margin: 0.5em 0;
  font-size: 1em;
  font-weight: normal;
}

.c-card__title {
  display: inline-block;
  margin: 0;
  padding: 0.2em 0;
  border-top: 2px solid;
  border-bottom: 2px solid;
}


/*CatHome*/
.vc_col-lg-6 {
    width: 50%;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    /*padding-left: 15px;
    padding-right: 15px;*/
    width: 100%;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}

    .vc_row::after, .vc_row::before {
        content: " ";
        display: table;
    }
.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9 {
    float: left;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    width: 100%;
}

.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9 {
    float: left;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    width: 100%;padding:3%
}
.PH2{padding-left:1.5% !important;}
.PH1{padding-right:1.5% !important;}
.mkdf-banner-holder {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

    .mkdf-banner-holder > a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 12;
    }
    .mkdf-banner-holder .mkdf-banner-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        overflow: hidden;
    }
    .mkdf-banner-holder:hover .mkdf-banner-image img {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }
    .mkdf-banner-holder .mkdf-banner-image img {
        display: block;
        -webkit-transition: .7s cubic-bezier(.39,.18,0,.85);
        -o-transition: .7s cubic-bezier(.39,.18,0,.85);
        transition: .7s cubic-bezier(.39,.18,0,.85);
    }

    .mkdf-banner-holder .mkdf-banner-image img {
        display: block;
        -webkit-transition: .7s cubic-bezier(.39,.18,0,.85);
        -o-transition: .7s cubic-bezier(.39,.18,0,.85);
        transition: .7s cubic-bezier(.39,.18,0,.85);
    }

.mkdf-banner-holder.mkdf-banner-info-centered .mkdf-banner-text-holder {
    padding: 50px 20px;
    text-align: center;
}
.mkdf-banner-holder .mkdf-banner-text-holder {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 20;
    pointer-events: none;
}
.mkdf-banner-holder .mkdf-banner-text-outer {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.mkdf-banner-holder.mkdf-banner-info-centered .mkdf-banner-text-inner {
    vertical-align: middle;
}
.mkdf-banner-holder .mkdf-banner-text-inner {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: bottom;
}
.mkdf-banner-holder .mkdf-banner-title.mkdf-title-highlighted {
    display: inline-block;
    width: auto;
    padding: 0 29px;
    position: relative;
    z-index: 20;
}
.mkdf-banner-holder.mkdf-banner-highlighted-text-skin-dark .mkdf-title-highlighted {
    -webkit-transition: all .3s,color .2s .2s;
    -o-transition: all .3s,color .2s .2s;
    transition: all .3s,color .2s .2s;
}
.mkdf-banner-holder .mkdf-banner-title {
    margin: 0;
    color: #fff;
}
.mkdf-banner-holder .mkdf-banner-subtitle {
    margin: 27px 0 4px;
    color: #fff;
}
.mkdf-banner-holder .mkdf-banner-button {
    display: block;
    pointer-events: all;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline, .mkdf-btn-outer-holder.mkdf-btn-outer-solid {
    z-index: 1;
}
.mkdf-btn-outer-holder {
    display: inline-block;
    position: relative;
}
.mkdf-btn.mkdf-btn-large {
    padding: 16px 60px;
}
.mkdf-btn.mkdf-btn-outline {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border: 2px solid #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
}
.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-top-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-top-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    z-index: 0;
    -webkit-transition: 0s .3s;
    -o-transition: 0s .3s;
    transition: 0s .3s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-right-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-right-line {
    -webkit-transform: translate3d(5px,5px,0);
    transform: translate3d(5px,5px,0);
}
.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-banner-holder .mkdf-banner-button {
    pointer-events: all;
}
.mkdf-banner-holder.mkdf-banner-info-centered .mkdf-banner-text-holder {
    text-align: center;
}
.vc_row h2 {
    font-size: 40px;
    line-height: 1.1em;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-weight: 800;
}
.mkdf-banner-holder:hover .mkdf-banner-title.mkdf-title-highlighted .mkdf-banner-title-inner .mkdf-banner-title-highlighted-item {
    left: -30px;
    right: auto;
    width: 100%;
}
.mkdf-banner-holder .mkdf-banner-title.mkdf-title-highlighted .mkdf-banner-title-inner .mkdf-banner-title-highlighted-item {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    background-color: #000;
    width: 0;
    left: auto;
    right: -30px;
    z-index: -1;
    -webkit-transition: .5s cubic-bezier(.7,.13,.26,.88);
    -o-transition: .5s cubic-bezier(.7,.13,.26,.88);
    transition: .5s cubic-bezier(.7,.13,.26,.88);
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline:hover .mkdf-btn-left-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid:hover .mkdf-btn-left-line {
    height: 100%;
    -webkit-transition: height .2s .1s;
    -o-transition: height .2s .1s;
    transition: height .2s .1s;
}
    
.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-right-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-right-line {
    -webkit-transform: translate3d(5px,5px,0);
    transform: translate3d(5px,5px,0);
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline:hover .mkdf-btn-top-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid:hover .mkdf-btn-top-line {
    width: 100%;
    -webkit-transition: width .4s .3s;
    -o-transition: width .4s .3s;
    transition: width .4s .3s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-top-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-top-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    z-index: 0;
    -webkit-transition: 0s .3s;
    -o-transition: 0s .3s;
    transition: 0s .3s;
}








/*//////2///////*/
.mkdf-full-width {
    position: relative;
    z-index: 100;
}
    .mkdf-grid-row::after, .mkdf-grid-row::before {
        content: " ";
        display: table;
    }
.mkdf-portfolio-list-holder {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-no-space.mkdf-disable-bottom-space {
    margin-bottom: 0;
}
.clearfix {
    float: none;
    clear: both;
}
.mkdf-no-space .mkdf-outer-space {
    margin: 0;
}
.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article {
    background-color: #000;
    z-index: 20;
}
.mkdf-grid-list.mkdf-four-columns .mkdf-item-space {
    width: 25%;
}
.mkdf-grid-list:not(.mkdf-one-columns) .mkdf-item-space {
    float: left;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pl-item-inner {
    overflow: hidden;
}
.mkdf-portfolio-list-holder article .mkdf-pl-item-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder article .mkdf-pli-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-image img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: .5s cubic-bezier(.51,.37,.15,.88);
    -o-transition: .5s cubic-bezier(.51,.37,.15,.88);
    transition: .5s cubic-bezier(.51,.37,.15,.88);
}
.mkdf-portfolio-list-holder article .mkdf-pli-image img {
    display: block;
    width: 100%;
}

.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article:hover .mkdf-pli-image img {
    -webkit-transform: translate3d(70px,70px,0);
    transform: translate3d(70px,70px,0);
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder {
    padding: 20px 0 20px 20px;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay .mkdf-pli-text-holder {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mkdf-portfolio-list-holder article .mkdf-pli-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-image img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: .5s cubic-bezier(.51,.37,.15,.88);
    -o-transition: .5s cubic-bezier(.51,.37,.15,.88);
    transition: .5s cubic-bezier(.51,.37,.15,.88);
}
.mkdf-portfolio-list-holder article .mkdf-pli-image img {
    display: block;
    width: 100%;
}

.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder {
    padding: 20px 0 20px 20px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article.mkdf-masonry-size-small .mkdf-pli-text-holder .mkdf-pli-text-wrapper {
    width: 85%;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder .mkdf-pli-text-wrapper {
    width: 65%;
    float: right;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text-wrapper {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article:hover .mkdf-pli-text {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: .5s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .5s cubic-bezier(.36,.43,.24,.95);
    transition: .5s cubic-bezier(.36,.43,.24,.95);
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-text {
    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
    -webkit-transition: .2s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .2s cubic-bezier(.36,.43,.24,.95);
    transition: .2s cubic-bezier(.36,.43,.24,.95);
    right: -1px;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article.mkdf-masonry-size-small .mkdf-pli-text .mkdf-pli-text-inner {
    padding: 24px 24px 24px 50px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-text-inner {
    background-color: #000;
    padding: 24px 24px 24px 50px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder {
    text-transform: uppercase;
    font-size: 11px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    text-align: left;
    padding: 0;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text .mkdf-pli-category-holder {
    position: relative;
    display: block;
    margin: 3px 0 0;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    position: relative;
    width: auto;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}

.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    text-align: left;
    padding: 0;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder a {
    color: #fff;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text .mkdf-pli-category-holder a:last-child {
    margin: 0;
    padding: 0;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text .mkdf-pli-category-holder a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px 0 0;
    margin: 0 3px 0 0;
    z-index: 8;
    letter-spacing: 2px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    text-align: left;
}
    .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder .mkdf-pli-svg-cover, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder .mkdf-pli-title-cover {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay .mkdf-pli-text-inner .mkdf-pli-title-cover {
    padding: 0;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder .mkdf-pli-title {
    width: 100%;
    padding-right: 20px;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-excerpt, .mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title {
    color: #fff;
}
h4 {
    font-size: 22px;
    line-height: 25px;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-weight: 800;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder .mkdf-pli-svg-cover, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder .mkdf-pli-title-cover {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article:hover .mkdf-pli-svg-cover {
    -webkit-transform: translate3d(5px,-5px,0);
    transform: translate3d(5px,-5px,0);
    -webkit-transition: .3s .25s;
    -o-transition: .3s .25s;
    transition: .3s .25s;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-text-inner {
    background-color: #000;
    padding: 24px 24px 24px 50px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article.mkdf-masonry-size-small .mkdf-pli-text .mkdf-pli-text-inner {
    padding: 24px 24px 24px 50px;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article:hover .mkdf-pli-text {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: .5s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .5s cubic-bezier(.36,.43,.24,.95);
    transition: .5s cubic-bezier(.36,.43,.24,.95);
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article:hover .mkdf-pli-text {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: .5s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .5s cubic-bezier(.36,.43,.24,.95);
    transition: .5s cubic-bezier(.36,.43,.24,.95);
}

.mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {
    width: 50%;
}


/**/
.main-container 
{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main-container h2 
{
  margin: 0 0 80px 0;
  color: #555;
  font-size: 30px;
  font-weight: 300;
}

.radio-buttons 
{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.custom-radio input 
{
  display: none;
}

.radio-btn 
{
  margin: 10px;
  width: 30.333%;
  border: 3px solid transparent;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
}

.radio-btn > i {
  color: #ffffff;
  background-color: #e5b365;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.radio-btn .hobbies-icon 
{
}
.radio-btn .hobbies-icon img
{
  display:block;
  width:100%;padding:3%;border-radius:7px;
}
.radio-btn .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.radio-btn .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
}

.custom-radio input:checked + .radio-btn 
{
  border: 2px solid #e5b365;
}

.custom-radio input:checked + .radio-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}


.Time{width:95%;margin:0 auto;display:table;}
.Time tr{width:10.5%;float:right;border:1px solid rgb(82 82 82 / 20%);margin:1%;text-align:center;min-height:70px}
.Time tr input{display:table;text-align:center;margin:0 auto;padding-bottom:2%;}
.Time td {width:14%}


/*MEGA MENU*/
div.ruby-menu-demo-header {
    position: relative;
    left: 0;
    top:7px;
    margin-top: 2%;
    width: 55%;
    margin: 0 auto;
}
.ruby-col-4 li {
    font-size: 1em;
    font-weight: bold;
    border-right: 3px solid #e5b365;
    line-height: 1.5em;
    margin-bottom: 5%;
}
div.ruby-menu-demo-header-bg {
    background: url(../img/bg.jpg)
}

    div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span {
        color: #efefef
    }

        div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span > span {
            color: #efefef
        }

div.ruby-menu-demo-description {
    position: relative;
    width: 980px;
    height: 160px;
    margin: 0 auto;
    padding: 0
}

    div.ruby-menu-demo-description img {
        max-width: 200px;
        float: left;
        margin: 50px 20px 0 0
    }

span.ruby-menu-demo-highlight {
    color: #333
}

div.ruby-menu-demo-bg-light, div.ruby-menu-demo-bg-dark {
    width: 980px;
    height: auto;
    position: relative;
    background: #fff;
    margin: 0 auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px
}

div.ruby-menu-demo-bg-dark {
    background: efefef
}

div.ruby-menu-demo-bg-light-c:after, div.ruby-menu-demo-bg-dark-c:after {
    content: "";
    display: table;
    clear: both
}

div.ruby-menu-demo-cv-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cv-2 {
    float: left;
    width: 67%
}

div.ruby-menu-demo-cv-3 {
    float: left;
    width: 48%
}

div.ruby-menu-demo-cv-4 {
    float: left;
    width: 52%
}

div.ruby-menu-demo-cr-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cr-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cs-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cs-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cf-1, div.ruby-menu-demo-cf-2, div.ruby-menu-demo-cf-3, div.ruby-menu-demo-cf-4 {
    float: left;
    width: 25%;
    text-align: center
}

div.ruby-menu-demo-f-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 22px;
    font-size: 30px;
    background: #efefef;
    color: #aaa
}

div.ruby-menu-demo-f-title {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px
}

div.ruby-menu-demo-f-desc {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    padding: 15px
}

div.ruby-menu-demo-cs-1 table {
    line-height: 20px
}

    div.ruby-menu-demo-cs-1 table tr, div.ruby-menu-demo-cs-1 table td {
        padding: 0;
        font-weight: 700
    }

        div.ruby-menu-demo-cs-1 table td:last-child {
            padding-top: 5px
        }

h2.ruby-menu-demo-slogan-1, h3.ruby-menu-demo-slogan-1 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #b1b1b1;
    margin: 0
}

h1.ruby-menu-demo-slogan-2, h3.ruby-menu-demo-slogan-2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
    color: #222;
    margin: 0
}

p.ruby-menu-demo-slogan-description, p.ruby-menu-demo-slogan-description-2 {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    margin: 35px 0
}

p.ruby-menu-demo-slogan-description-2 {
    color: #666;
    font-weight: 600;
    margin: -10px 0
}

span.ruby-menu-demo-code {
    color: #888;
    text-decoration: underline
}

td.ruby-menu-demo-theme-td-1 {
    max-width: 30px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-2 {
    min-width: 120px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-1:hover {
    cursor: pointer
}

.ruby-menu-demo-circle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 4px solid #222;
    display: inline-block;
    margin: 0
}

.ruby-menu-demo-color-1 {
    background: #1aad86
}

.ruby-menu-demo-color-2 {
    background: #0c67c2
}

.ruby-menu-demo-color-3 {
    background: #ce0661
}

.ruby-menu-demo-color-4 {
    background: #ea7500
}

.ruby-menu-demo-color-5 {
    background: #74ba27
}

.ruby-menu-demo-color-6 {
    background: #ff3264
}

.ruby-menu-demo-color-7 {
    background: #fad814
}

.ruby-menu-demo-color-8 {
    background: #ccc
}

.ruby-menu-demo-color-9 {
    background: #111;
    border-color: #ccc
}

.ruby-menu-demo-color-10 {
    background: #036de2;
    border-color: #489efd
}

.ruby-menu-demo-color-11 {
    background: #f85252;
    border-color: #444
}

.ruby-menu-demo-color-12 {
    background: #ca79d0;
    border-color: #f2def3
}

.ruby-menu-demo-color-13 {
    background: #efefef;
    border-color: #222
}

.ruby-menu-demo-color-14 {
    background: #ccc
}

div.ruby-menu-demo-download {
    position: absolute;
    width: auto;
    top: 55px;
    right: 0
}

    div.ruby-menu-demo-download .fa {
        font-size: 20px;
        margin-right: 10px
    }

    div.ruby-menu-demo-download > span {
        font-size: 16px;
        display: block;
        margin: 10px 26px
    }

        div.ruby-menu-demo-download > span > span {
            font-size: 20px;
            color: #555;
            font-weight: 700
        }

button.ruby-btn {
    background: #37ccc8;
    border: 2px solid #37ccc8;
    color: #fff;
    border-radius: 0;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

    button.ruby-btn:hover {
        background: #fff;
        color: #37ccc8
    }

.switch {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

input.cmn-toggle-round + label {
    padding: 2px;
    margin-top: -10px;
    width: 40px;
    height: 20px;
    background-color: #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

    input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: ""
    }

    input.cmn-toggle-round + label:before {
        right: 1px;
        background-color: #f1f1f1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: background .4s;
        -moz-transition: background .4s;
        -o-transition: background .4s;
        transition: background .4s
    }

    input.cmn-toggle-round + label:after {
        width: 18px;
        background-color: #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        -webkit-transition: margin .4s;
        -moz-transition: margin .4s;
        -o-transition: margin .4s;
        transition: margin .4s
    }

input.cmn-toggle-round:checked + label:before, input.cmn-toggle-on + label:before {
    background-color: #8ce196
}

input.cmn-toggle-round:checked + label:after, input.cmn-toggle-on + label:after {
    margin-left: 20px
}

input.cmn-toggle-on:checked + label:before {
    background-color: #f1f1f1
}

input.cmn-toggle-on:checked + label:after {
    margin-left: 0
}

img.iphone7 {
    max-width: 350px;
    float: right;
    margin-right: 0
}

@media(min-width: 768px) and (max-width:991px) {
    body {
        overflow-x: hidden
    }

    div.ruby-menu-demo-description {
        position: relative;
        width: 760px;
        height: 160px;
        margin: 0 auto;
        padding: 0
    }

        div.ruby-menu-demo-description img {
            max-width: 200px;
            float: left;
            margin: 50px 20px 0 0
        }

    div.ruby-menu-demo-bg-light, div.ruby-menu-demo-bg-dark {
        width: 760px;
        font-size: 14px
    }

    div.ruby-menu-demo-cs-1 {
        width: 27%
    }

    div.ruby-menu-demo-cs-2 {
        width: 73%
    }

    td.ruby-menu-demo-theme-td-1 {
        max-width: 27px;
        padding: 7px
    }

    td.ruby-menu-demo-theme-td-2 {
        min-width: 100px;
        padding: 7px
    }

    .ruby-menu-demo-circle {
        width: 22px;
        height: 22px;
        border: 3px solid #222
    }

    img.iphone7 {
        max-width: 320px;
        float: right;
        margin-right: 20px
    }
}

/* theme */

div.ruby-wrapper, div.ruby-wrapper.ruby-vertical {
    background: #f9f9f9;
    color: #222
}

ul.ruby-menu > li > a {
    color: #222
}

ul.ruby-menu > li > a:hover, ul.ruby-menu > li:hover > a, ul.ruby-menu > li.ruby-active-menu-item > a:hover, ul.ruby-menu > li.ruby-active-menu-item:hover > a{background:initial;color:#e5b366}

ul.ruby-menu > li.ruby-active-menu-item > a {
    background: #efefef;
    color: #222
}

ul.ruby-menu.ruby-menu-dividers > li > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-left: 1px solid #222;
    border-right: 1px solid #222
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #222
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-left: 1px solid #efefef;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a:hover, ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item:hover > a {
    border-bottom: 1px solid #222;
    border-left: none
}
ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul{border-top: 4px solid #e8b363 !important}

    ul.ruby-menu > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        background: #fff;
        color: #666
    }

        ul.ruby-menu > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
            background: #efefef
        }

ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
    background: #fff;
    border-top: 4px solid #222
}

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        background: #efefef
    }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
            background: #efefef;
            color: #666
        }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
            background: #e6e6e6
        }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
            background: #fff
        }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
            background: #ddd
        }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
        background: #efefef;
        border-bottom: 1px solid #ddd
    }

        ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
            color: #666
        }

        ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
            background: #fff
        }

            ul.ruby-menu > li.ruby-menu-mega > div ul li > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
                color: #555
            }

                ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
                    color: #222
                }

    ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
        color: #999
    }

span.ruby-c-title, span.ruby-c-title a {
    color: #222
}

    span.ruby-c-title a:hover, span.ruby-c-category, span.ruby-c-category a, span.ruby-c-date, span.ruby-c-date a {
        color: #444
    }

        span.ruby-c-category a:hover, span.ruby-c-date a:hover {
            color: #222
        }


/* transision */

span.ruby-dropdown-toggle {
    transition: transform .3s ease
}

    span.ruby-dropdown-toggle:after {
        transition: transform .3s ease
    }

@media(min-width: 767px) {
    ul.ruby-menu > li > a:after {
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul > li > a:after, ul.ruby-menu > li > ul > li > ul > li > a:after, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul, ul.ruby-menu > li > div {
        transform: translateY(25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li:hover > ul, ul.ruby-menu > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li > ul, ul.ruby-menu.ruby-vertical > li > div {
        transform: translateX(25px);
        transition: all .3s ease
    }

    ul.ruby-menu.ruby-vertical > li:hover > ul, ul.ruby-menu.ruby-vertical > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul > li > ul {
        transform: translateX(25px);
        transition: all .3s ease
    }

        ul.ruby-menu > li > ul > li:hover > ul, ul.ruby-menu > li > ul > li > ul > li:hover > ul, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > ul {
            transform: translateX(0)
        }

        ul.ruby-menu > li > ul > li.ruby-open-to-left > ul, ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul, ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > ul {
            transform: translateX(-25px);
            transition: all .3s ease
        }

        ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul, ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul, ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > ul {
            transform: translateX(0)
        }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div, ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div, ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }
}

/* main */

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

div.ruby-wrapper {
    position: relative;
    width:100%;
    margin: 0 auto;
    background:#081236;padding:0% 1%;
}

    div.ruby-wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    div.ruby-wrapper > ul {
        position: relative
    }

ul.ruby-menu > li {
    float: right;
    font-size:.8em;
}

    ul.ruby-menu > li.ruby-menu-right {
        float: right
    }

    ul.ruby-menu > li > a {
        display: block;
        line-height: 3;border-radius:5px;
        padding-left:25px;
        color:#fff;
        text-decoration: none;
        text-transform: uppercase
    }

        ul.ruby-menu > li > a:only-child {
            padding-left:25px
        }

            ul.ruby-menu > li > a:only-child:after, ul.ruby-menu > li:hover > a:only-child:after {
                content: ''
            }

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background:initial;    }

    ul.ruby-menu > li > a .fa {
        position: relative;
        width: 24px
    }

    ul.ruby-menu > li > a > img {
        max-width: 16px;
        display: block
    }

    ul.ruby-menu > li.ruby-menu-social > a {
        padding: 0;
        width: 30px;
        padding: 0 8px;
        font-size: 16px
    }

        ul.ruby-menu > li.ruby-menu-social > a > span {
            display: none
        }

    ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {
        transition: all .5s ease;
        max-height: 50px;
        width: 30px;
        transition: all .5s ease;
        transition-delay: .3s
    }

        ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {
            width: 120px
        }

            ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {
                transform: scaleY(1);
                max-width: 80px
            }

        ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {
            display: inline
        }

        ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {
            position: absolute;
            width: 80px;
            height: 50px;
            line-height: 50px;
            margin: 0;
            background: none;
            color: #efefef;
            border: none;
            font-family: 'Open Sans',sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            max-width: 0;
            transform: scaleY(0);
            transition: all .5s ease;
            transition-delay: .3s
        }

            ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {
                outline: none;
                color: #efefef
            }

            ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {
                color: #efefef
            }

ul.ruby-menu.ruby-menu-dividers > li > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #111;
    border-right: 1px solid #666
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #111;
    border-bottom: 1px solid #666
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-right: 1px solid #37ccc8
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #37ccc8
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-right: 1px solid #17a47d
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #17a47d
}

ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
    position: absolute;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc;
    border-top: 4px solid #37ccc8
}

    ul.ruby-menu > li > ul > li, ul.ruby-menu > li > ul > li > ul > li {
        position: relative
    }

        ul.ruby-menu > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
            display: block;
            width: 170px;
            line-height: 40px;
            padding: 0 35px 0 25px;
            background: #fff;
            color: #666;
            text-decoration: none;
            font-size: 14px
        }

            ul.ruby-menu > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
                background: #efefef
            }

            ul.ruby-menu > li > ul > li > a:only-child:after, ul.ruby-menu > li > ul > li > ul > li > a:only-child:after, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {
                content: ""
            }

            ul.ruby-menu > li > ul > li > a .fa, ul.ruby-menu > li > ul > li > ul > li > a .fa, ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {
                position: relative;
                width: 24px
            }

ul.ruby-menu > li.ruby-menu-right > ul {
    right: 0
}

ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
    left: 170px;
    top: -4px;
    z-index: 100
}

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul, ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
        left: auto;
        right: 170px
    }

ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50px;
    left: 0;
    background: #fff;
    border-top: 4px solid #e8b363;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc
}

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        position: relative;
        width: 200px;
        height: 100%;
        left: 0;
        top: 0;
        background: #efefef
    }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
            font-size: 14px
        }

            ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
                display: block;
                line-height: 40px;
                padding: 0 15px;
                background: #efefef;
                color: #666;
                text-decoration: none
            }

            ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
                background: #e6e6e6
            }

            ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
                position: absolute;
                width: 780px;
                height: auto;
                min-height: 100%;
                right: 200px;
                top: 0;
                background: #fff
            }

            ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
                background: #ddd
            }

ul.ruby-menu > li.ruby-menu-mega-shop > div {
    text-align: center;
    z-index: 999999
}

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
        width: 100%;
        background: #efefef;
        margin: 0 auto;
        padding: 0;
        border-bottom: 1px solid #ddd;
        font-size: 0;
        z-index: 100
    }

        ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
            display: inline-block;
            margin: 0
        }

            ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
                display: block;
                padding: 20px 15px;
                text-transform: uppercase;
                font-weight: 700;
                font-size: 14px;
                font-stretch: expanded;
                color: #666
            }

                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
                    text-decoration: none
                }

            ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
                position: relative;
                text-decoration: none;
                display: inline-block
            }

            ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
                position: absolute;
                width: 100%;
                left: 0;
                top: auto;
                margin-top: 1px;
                text-align: left;
                background: #fff;
                z-index: -1
            }

div.ruby-grid, div.ruby-grid-lined {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

    div.ruby-grid > div.ruby-row {
        position: relative;
        width: 100%;
        height: auto
    }

        div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
            margin-top: 16px
        }

        div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
            margin-top: 0
        }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {
        height: 0
    }

    div.ruby-grid > div.ruby-row::after {
        content: "";
        display: table;
        clear: both
    }

    div.ruby-grid > div.ruby-row [class^="ruby-col"] {
        position: relative;
        float:right;
        height: auto
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
        padding: 16px
    }

        div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
            padding-left: 16px
        }

            div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
                padding-left: 0
            }

    div.ruby-grid > div.ruby-row div.ruby-col-1 {
        width: 8.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-2 {
        width: 16.66%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-3 {
        width: 25%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-4 {
        width: 33.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-5 {
        width: 41.66%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-6 {
        width: 50%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-7 {
        width: 58.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-8 {
        width: 66.66%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-9 {
        width: 75%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-10 {
        width: 83.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-11 {
        width: 91.66%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-12 {
        width: 100%
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 100%;
        right: 0;
        background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {
        width: 0
    }

    div.ruby-grid img {
        position: relative;
        max-width: 100%;
        height: auto;
        display: block
    }

h3.ruby-list-heading {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    margin: 0
}
ul.ruby-menu li.Tophead{font-size:1em;font-weight:bold;border-right:3px solid #e8b363;padding-right:5%;line-height:1.5em;margin-bottom:5%;}
ul.ruby-menu > li.ruby-menu-mega > div ul, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {
    margin: 0;
    margin-top: 10px
}

    ul.ruby-menu > li.ruby-menu-mega > div ul li, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {
        position: relative;
        font-size: 14px;
        line-height: 28px;
        display: block;
        width: 100%
    }

        ul.ruby-menu > li.ruby-menu-mega > div ul li > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
            text-decoration: none;
            color: #555;
            display: inline-block
        }

            ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
                color: #222;
                text-decoration: underline
            }

        ul.ruby-menu > li.ruby-menu-mega > div ul li .fa, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {
            position: relative;
            width: 24px
        }

    ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {
        height: 50px
    }

        ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
            font-size: 11px;
            display: block;
            position: absolute;
            top: 16px;
            left: 72px;
            color: #999
        }

    ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {
        float: left;
        width: 60px;
        margin-right: 12px
    }

span.ruby-c-title, span.ruby-c-category, span.ruby-c-date {
    position: relative;
    display: block
}

    span.ruby-c-title a, span.ruby-c-category a, span.ruby-c-date a {
        text-decoration: none
    }

    span.ruby-c-title, span.ruby-c-title a {
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
        line-height: 20px;
        margin-top: -5px;
        color: #222
    }

        span.ruby-c-title a:hover {
            color: #444;
            text-decoration: underline
        }

    span.ruby-c-category, span.ruby-c-category a {
        font-size: 11px;
        margin: 9px 0;
        color: #444
    }

    span.ruby-c-date, span.ruby-c-date a {
        font-size: 11px;
        color: #444
    }

        span.ruby-c-category a:hover, span.ruby-c-date a:hover {
            color: #37ccc8
        }

div.ruby-c-inline {
    display: block;
    position: relative;
    height: 14px;
    margin: 7px 0
}

    div.ruby-c-inline span.ruby-c-category, div.ruby-c-inline span.ruby-c-date {
        position: absolute;
        display: inline-block
    }

    div.ruby-c-inline span.ruby-c-date {
        right: 0
    }

    div.ruby-c-inline span.ruby-c-category, div.ruby-c-inline span.ruby-c-category a {
        margin: 0
    }

span.ruby-c-content {
    display: block;
    position: relative;
    top: 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.ruby-wrapper .visible-xs {
    visibility: hidden;
    position: absolute
}

@media(min-width: 768px) {
    div.ruby-wrapper.ruby-menu-transparent {
        background: none
    }

        div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
            background: none
        }

        div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {
            border: none
        }

        div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {
            border: none
        }

            div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a, div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover, div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a, div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {
                background: none;
                color: #e2e2e2
            }

        div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover, div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {
            background: none
        }

    div.ruby-wrapper.ruby-menu-full-width {
        width: 100%
    }

        div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {
            width: 980px;
            margin: 0 auto
        }

    ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
        visibility: hidden;
        opacity: 0
    }

        ul.ruby-menu > li:hover > ul, ul.ruby-menu > li > ul > li:hover > ul, ul.ruby-menu > li > ul > li > ul > li:hover > ul {
            visibility: visible;
            opacity: 1
        }

    ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega:hover > div, ul.ruby-menu > li.ruby-menu-mega-blog:hover > div, ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        visibility: visible;
        opacity: 1;
        z-index: 101
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        height: 1px;
        position: absolute;
        content: '';
        background-color: #37ccc8;
        width: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        top: 10px;
        left: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        bottom: 10px;
        right: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover, .snip1217 .current a {
        color: #333
    }

        ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after {
            width: 90%
        }

    ul.ruby-menu > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        content: '\f107';
        margin-right: 5px
    }

    ul.ruby-menu > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li > a:after, ul.ruby-menu > li > ul > li > ul > li > a:after, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        font-size: 16px;
        padding: 0;
        content: '\f105';
        position: absolute;
        right: 15px
    }

    ul.ruby-menu > li > ul > li:hover > a:after, ul.ruby-menu > li > ul > li > ul > li:hover > a:after, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after, ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after, ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after {
        content: '\f104';
        right: auto;
        left: 10px
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after, ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after, ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        content: "";
        position: absolute;
        left: 0;
        margin-top: 13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 8px 6px 0;
        border-color: transparent #fff transparent transparent;transform:rotate(180deg);
    }
}


div.Marquee{position:relative;min-height:120px;margin-top:5%}
div.Marquee ul{
    position: absolute;
    top: 50%;
    width: 800px;
    height: 200px;
    left: 50%;
    margin-left: -400px;
    margin-top: -130px;
}

 div.Marquee ul > li {
        width: 25%;
        list-style-type: none;
        position: absolute;
        top: 0;
        padding:15px;
        height: 150px;
        opacity: 0;
        text-align: center;
        transition: 1s opacity;
    }

 div.Marquee .active {
        opacity: 1;
    }

div.Marquee p {
        font-family: sans-serif;
        font-size: 13px;
        color: #646566;
        line-height: 1.5em;
    }

    div.Marquee strong {
        color: #fff;
        font-weight: 700;
        font-size: 60px;
        line-height: 100px;
    }