/*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');
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.Bold{font-family: Bold;}
.DemiBold{font-family: DemiBold;}
.PeydaSemiBold{font-family: PeydaSemiBold;}


/************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-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";}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-archive:before {
    content: "\f187";
}
.fa-barcode:before {
    content: "\f02a";
}

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:#a90b0b}

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;}

a.Click2:link{color:#fff !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.Click2:visited{color:#fff;text-decoration:underline;}
a.Click2:hover{color:#91278f !important;}

.VAT{vertical-align:top;}

.FloatLeft{float:left;}
.FloatRight{float:right;}
.PeydaRegular{font-family:PeydaRegular}
.MarginL5{margin-left:5%}
.MarginR5{margin-right:5%}
.MarginR1{margin:0% 2%}
.Justify{text-align:justify;}
.Justify p{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;}
.LTR{text-align:left}
.RTL{text-align:right}
.D-LTR{direction:ltr}
.D-RTT{direction:rtl}
.Gold{color:#a90b0b}
.GoldL{color:#ddd15d}
.Yellow{color:#ddd15d}
.white{color:white}
.VA{vertical-align:middle}
.Black{color:#333333 !important}
.Red{color:red}
.Red2{color:#b2001a}
/*.Blue{color:#2471a3}*/
.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}
.Border{border:1px solid #2471a3;opacity:.5;width:70%;display:inline-block;}
.BnnerHome img{width:100%;border:1px solid #664089;}
.Border-G{border-bottom:1px solid rgba(0,0,0,.12);}
.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}
.Red{color:red}
.HeadingL{padding:1% 5%;}

/*show alt img auto*/
.alt{text-align: center;display:block;color: #797979;padding-bottom: 1%;line-height: 1.5em;}

.ddladd option{font-family:PeydaRegular !important;}
.ddladd{font-family:PeydaRegular !important;}

/*.Min-H{min-height:50vh}*/

.Side-MenuRe{display:none;}
.cursor{cursor:pointer}
.Ease{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.Block{display:block}
.InBlock{display:inline-block}
.Table{display:table}
.Felex{display:flex}
.divtxtBox{width:30%;margin:0 auto;margin-bottom:1%}
.divtxtBox span{width:25%;font-size:13px;display:inline-block}
.divtxtBox2{width:50%;margin:0 auto;margin-bottom:1%}
.divtxtBox2 span{width:25%;font-size:13px;display:inline-block}
.RBLBox{width:60%;height:40px;}
.TextBox{width:60%;height:40px;border:1px solid rgba(0,0,0,.24);border-radius:3px;padding:0 12px 0 12px}
.TextBox:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px rgba(0,0,0,.24);}
.TextBoxFilter{margin-bottom:2%;width:40%;height:30px;border:1px solid #cc9c0e;border-radius:3px;padding:0 12px 0 12px;}
.TextBoxFilter:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px #cc9c0e;}
.Spantxt{padding:0 20%}
.buttonGolden{background:#cc9c0e;border-radius:4px;border:solid 2px #ddd15d;font-weight:bold;color:white;height:40px;width:150px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.buttonGolden:hover{background:#ddd15d;font:bold 15px #2196f3;font-weight:bold;border:2px solid #cc9c0e;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.buttonGolden:active{-webkit-transform: scale(1);}
.divSuccess{width:86%;margin:0 auto;padding:1% 2% 1% 2%;background:rgba(171, 171, 171, 0.2);color:#50af00;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
.divUnSuccess{width:86%;margin:0 auto;padding:1% 2% 1% 2%;background:rgba(171, 171, 171, 0.2);color:#c71e12;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
.LineOuter{color:#91278f;text-decoration:line-through;}
.LineOuter span{font-size:1em !important;}
.PricePro{font-size:1.45em;margin:0 auto;display:table}
.PriceOrg{color:#333;font-size:1.2em;font-weight:bold;font-family:'PeydaRegular'}
.PriceT{font-size:.8em}
.CountGV{background:#a90b0b;height:18px;width:18px;border-radius:50%;display:inline-block;text-align:center;color:white;font-size:13px;box-sizing:border-box;padding-right:2px;line-height: 1.8em;position: absolute;bottom: -6px;left: 50%;}
.BackgL{background:#dedede}
.BackgG{background:#bdbdbd}
.Multitxt{padding:1% 1%;font-family:PeydaRegular}
.w90-1300{width:90% !important}
.Relative{position:relative}
.imgpro480{display:none}
.index-1{z-index:-1}
.Purple{color:#91278c}
.blockRuby{display:block ruby}
.GreenWhats{color:#32d852}
.PaidSuccess {
  background: #28a745 !important;
  color: #fff;
  border-radius: 10px;
  padding: 1% 10%;
  font-size: .85em;
}
.PaidUnSuccess {
  background: rgba(0,0,0,.24) !important;
  color: #fff;
  border-radius: 10px;
  padding: 1% 10%;
  font-size: .85em;
}

.fa-pinterest:before {
    content: "\f0d2"
}
.fa-twitter:before{content: "\f099"}
.fa-linkedin:before{content: "\f0e1";}

select.ddl{-webkit-appearance: none;-moz-appearance: none;border: 0 !important;color:#333333;border:1px solid #c0c0c0 !important;-webkit-border-radius: 5px;border-radius:3px;font-size: 14px;padding: 10px;width:20%;cursor: pointer;background: #fff url(/Images/ddl-size.png) no-repeat left center;background-size:30px 11px;}
select.ddl-Filter{-webkit-appearance: none;-moz-appearance: none;border: 0 !important;color:#fff;border:1px solid #c0c0c0 !important;-webkit-border-radius: 5px;border-radius:3px;font-size:14px;padding:10px;width:100%;cursor: pointer;background:#717171 url(/images/dropdown.png) no-repeat left center;}

select.ddlTicket{-webkit-appearance: none;-moz-appearance: none;border: 0 !important;color:#333333;border:2px solid #817f80 !important;-webkit-border-radius: 5px;border-radius:5px;padding:1% 0;font-size:1.1em;width:100%;cursor: pointer;background: #fff url(/Images/dropf.png) no-repeat left center;background-size:50px 40px;}

select.ddlOn{-webkit-appearance: none;-moz-appearance: none;border: 0 !important;color:#858585;font-size:1em;padding: 10px;cursor: pointer;background: #fff url(/Images/ddlo.png) no-repeat left center;text-align:left}

.txtTicketComment{width:97%;border:2px solid #817f80;border-radius:5px;font-size:1.1em;height:200px;padding:1%}
div.divTicketQuestion{font-size:1.2em;margin-bottom:3%}
div.divTicketQuestion img{float:right;width:10%;margin-left:1%;}
div.divTicketQuestion div.divTicketQuestionIn{background:#dfdfe1;float:right;width:60%;padding:1%;border-bottom-right-radius: 110px;border-top-right-radius: 110px;border-top-left-radius:80px;border-bottom-left-radius:80px;padding-right:1%;}

div.divTicketAwnser{font-size:1.2em;margin-bottom:3%}
div.divTicketAwnser img{float:left;width:10%;}
div.divTicketAwnser div.divTicketAwnserIn{background:#dfdfe1;float:left;width:60%;padding:1%;border-bottom-left-radius: 110px;border-top-left-radius: 110px;border-top-right-radius:80px;border-bottom-right-radius:80px;padding-left:1%;}

div.divP p{text-align:justify}

div#divAll div.divOrderCp{width:70%;background:#f8f8f8;padding:1% 2%;margin:0 auto;margin-bottom:1%;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
div#divAll div.divOrderCpIn{width:50%;float:right;margin-bottom:1%}
div#divAll div.divOrderCpIn p{color:#7d7d7d;margin-left:1%;font-size:15px;display:inline-block;}
div#divAll div.divOrderCpIn span{color:#000;margin-left:1%;font-size:17px;display:inline-block;}
div#divAll div.divOrderCp div.divOrderProducts{padding:1% 2%;text-align:center}
div#divAll div.divOrderCp div.divOrderProducts div.divOrderProductIn{width:20%;float:right;}
div#divAll div.divOrderCp div.divOrderProducts div.divOrderProductIn img{width:50%;}

/*MASTER*/
body{font-family:PeydaRegular;font-size:1.1em;color:#333333;background:#fafafa;margin-top:0;line-height:1.5em;direction:rtl}
div#divAll{margin:0 auto;direction:rtl}
div#divAll div.divContent{width:90%;margin:0 auto;}
div#divAll div.divContent div.divContent-L{width:79%;float:left}
div#divAll div.divContent div.divContent-R{width:18%;float:right;padding:.5% .5%;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}

.Validator{color:#ee384e;font-size:.9em;padding-right:1%;font-weight:bold;display:block;}
.Validator2{color:#ee384e;font-size:.7em;padding-right:1%;font-weight:bold;display:block;}
div#divHeader a.Entery {
    border:1px solid #e0e0e2;
    border-radius:7px;
    padding:1% 2%;font-size:.7em;
    margin:0 1%;
    display:inline-block;
}
div#divHeader a.Entery i{vertical-align:sub;}

div#divHeader{top:0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;width:90%;height:auto;margin:0 auto;padding:.7% 5%;padding-bottom:0;background:#fff;z-index:100000;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
div#divHeader div#divHeaderTop{width:100%;height:30px;background:#333;margin:0 auto;border-top:2px solid #cc9c0e;margin-bottom:15px}
div#divHeader div#divUser{width:25%;position:absolute;z-index:100;top:45%;transform:translateY(-50%)}
div#divHeader div#divMenu{width:100%;text-align:center;}
div#divHeader div#divMenu img.logo2{float:right;margin-top:-1%;}
div#divHeader div#divLogo{width:10%;float:right;margin-left:1%;}
div#divHeader div#divLogo img{width:100%}
div#divHeader div#divLogo span{font-size:.85em}
div#divHeader div#divLogo i{vertical-align:sub;}
div#divHeader div.divoption{float:left;width:33.333%;direction:ltr}
div#divHeader div.divoption i.fa-search{display:none}
div#divHeader div.divTel{float:right;width:33.333%;direction:rtl}


.lux-title {
    position: relative;
    line-height: 2.5;
    margin: 2% 0;
    font-size: 1.1em !important;text-align:center
}

/* خط گرادیانت دوطرفه */
    .lux-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        height:2px;
        border-radius: 10px;
        background: linear-gradient(90deg, transparent, #8b00008f, #d10000, #8b00008f, transparent);
    }

/*SearchBox*/
.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:rgba(0,0,0,.87);background:#f1f2f4;border:none;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:1%;top:50%;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}

div.OnlineDesign h1{text-align:center;color:#807e7f;font-size:1.2em !important;}

div.divOnlineBaskets{border-top:1px solid #817f80;color:#817f80;padding:1% 0;}
div.divOnlineBaskets a{vertical-align:middle;font-size:1.1em;margin-right:.5%;color:#817f80;}
div.divOnlineBaskets a:hover{color:#91278c;}
div.divOnlineBaskets a.Selected{vertical-align:middle;font-size:1.1em;margin-right:.5%;color:#91278f;}
.FaqOnline{width:50%;margin:0 auto;border:1px solid #333;display:table;}

div.divOnlineOrder{width:23%;float:right;margin:1%;position:relative}
div.divOnlineOrder img{width:100%;border-radius:50%;display:block;border:1px solid #91278f;margin-bottom:5%;}
div.divOnlineOrder a{text-align:center !important;color:#807e7f;display:block;}

div.divOnlineOrderimg{position:relative}
/*div.divOnlineOrderSort{position:absolute;bottom:-3px;color:#91278f;left:50%;z-index:1;padding:1%;border:50px;transform: translateX(-50%);width:100%;cursor:pointer}*/

div.divOnlineOrderSort{float:right;width:40%;margin-top:3%;}
div.divOnlineOrderSort span{width:28px;height:28px;border-radius:50%;display:block;line-height:31px;border:1px solid #d9dce8;margin-bottom:5%;text-align:left}

div.freeo{float:right;width:20%;}

div.divChekbox{float:right;width:40%;text-align:left}

div.divonlinereview div.divoreviewIn{float:right;width:50%}
div.divonlinereview h1{color:#807e7f;line-height:3em}
div.divonlinereview h2{color:#807e7f;line-height:3em}
div.divonlinereview div.divoreviewIn input{width:50%;border:2px solid #817f80;padding:1%;}
div.divonlinereview div.divoreviewIn p{color:#817f80;line-height:2em;}
div.divonlinereviewIn{width:85%;margin:0 auto;}

div.divOnlinedetail{}
div.divOnlinedetail p.TitleOnlinedetail{color:#817f80;line-height:3em}
div.divOnlinedetail div.Inputdetail textarea{width:98%;border:2px solid #817f80;padding:1%;margin-bottom:3%}
div.divOnlinedetail div.Inputdetail input{width:98%;border:2px solid #817f80;padding:1%;margin-bottom:3%}
div.divOnlinedetail div.Inputdetail2{width:33.333%;float:right;}
div.divOnlinedetail div.Inputdetail2 input{width:70%;border:2px solid #817f80;margin:0 2%;padding:1%;margin-bottom:3%;}

div.divContactus{position:relative;width:90%;margin:0 auto;}
div.divContactus p{text-align:justify;}
div.divContactus div.divContactusIn{width:50%;float:left;}
.Map{width:47%;position:absolute;height:98%;top:0;}

.ActiveMenu{color:#91278f !important;}
#secSlider2M{display:none}

div.onlinedesigns{width:23%;float:right;margin:1%;}
.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #222;
  line-height:2em;
  text-align: center;
}
.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ddd;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  /*display: table-cell;*/
  padding: 1em;
  vertical-align: middle;
  font-size:1em;
}
.circle__content h3{line-height:3em}

div#divHeader div#divLogo div#PLoginName{float:right;}

div.divLogin{width:20%;border:.5px solid #ededed;margin:0 auto;padding:2% 2%;border-radius:8px;margin-bottom:5%;margin-top:5%;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#fff;}
div.divLogin p{font-size:1.2em}
div.divLogin #cphContent_Button1{line-height:5em;font-size:.85em;background:inherit;color:#333;border:none}
#cphContent_btnLogin{width:60%;line-height:2.5em}

div.divLogin .pure-material-textfield-outlined{width:100% !important}

div.divSignup{width:30%;border:.5px solid #ededed;margin:0 auto;padding:2% 2%;border-radius:8px;margin-bottom:5%;margin-top:5%;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}

div#divForm div.txtFaq{width:31.3333%;margin:1%;float:right;}
div#divForm div.txtFaq input{width:100%;padding:1% 2%;line-height:2em;border-radius:7px;border:1px solid;}
div#divForm div.txtFaq2{width:98%;margin:1%;margin-top:.25% !important;}
div#divForm div.txtFaq2 textarea{width:97%;padding:1% 2%;line-height:2em;border-radius:7px;border:1px solid}

.divFAQ{width:99%;margin:0 auto}
.divFAQ span.divName{float:right}
.divFAQ span.divDate{float:left}
.divTitleFaq{width:98%;background:rgba(0,0,0,.12);padding:1%}
.divCommentFAQIn{padding:1%}
.divCommentFAQ{width:100%;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}


div#divGotoTop{border-radius:50%;width:40px;height:40px;border:1px solid #817f80;color:#817f80;text-align:center;position:fixed;margin-right:1%;bottom:1%;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
div#divGotoTop:hover{background:rgba(6, 6, 6, 0.05);cursor:pointer;}

.LightTag{color:#aa00ca}

.divPros{display:flex;flex-wrap:wrap;}

div#divAll div#divCat{width:99%;border:1px solid #d2c6dc;border-radius:1%;padding:1% .5%}
div#divAll div#divCat div.divCatIn{width:13.25%;float:right;margin:0 .5%;}
div#divAll div#divCat div.divCatIn div.divBird{width:100%;position:absolute;bottom:0%;}
div#divAll div#divCat div.divCatIn div.Relative div.divBird img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-transition: all 1s ease 0;-moz-transition: all 1s ease 0;-o-transition: all 1s ease 0;transition: all 1s ease 0;}
div#divAll div#divCat div.divCatIn div.Relative div.divBird img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: gray;-webkit-transition: all 1s ease 0;-moz-transition: all 1s ease 0;-o-transition: all 1s ease 0;transition: all 1s ease 0;}

div#divAll div#divCat div.divCatIn img{width:100%;display:block;}
div#divAll div#divCat div.divCatIn p{text-align:center;font-size:.8em;}

div#divAll div#divDesigner{width:100%;}
div#divAll div#divDesigner div.divUsers{width:100%;position:absolute;bottom:1%}
div#divAll div#divDesigner div.divLike{position:absolute;right:1%;top:1%;border:1px solid #000;border-radius:10%;padding:0% .5%;}
div#divAll div#divDesigner div.divDesignerIn1{width:49%;float:right;position:relative;}
div#divAll div#divDesigner div.divDesignerIn1 div.divProfile{width:18%;position:absolute;height:85%;background:#4a4a4a75;top:0;left:0;}
div#divAll div#divDesigner div.divDesignerIn1 div.divProfile img{width:70%;border-radius:50%;}
div#divAll div#divDesigner div.divDesignerIn2{width:49%;float:left;position:relative;}
div#divAll div#divDesigner div.divDesignerIn2 div.divProfile{width:18%;position:absolute;height:85%;background:#4a4a4a75;top:0;left:0;}
div#divAll div#divDesigner div.divDesignerIn2 div.divProfile img{width:70%;border-radius:50%;}

div#divAll div#divVideoHome{width:100%}
div#divAll div#divVideoHome div.divVideoHomeIn{width:46%;float:right;padding:2% 2%}

div.divAddresbar{color:#817f80;margin-bottom:1.5%;font-size:1.2em;}
div.divAddresbar a{color:#817f80}

div.divNextbtn{position:fixed;bottom:2%;left:2%;padding:0 .5%;font-size:.7em;border-radius:17px;background:#cb99ca;color:#fff;}
div.divNextbtn i{color:#fff;}
div.divNextbtn a{color:#fff !important;}

div.divBackbtn{position:fixed;bottom:2%;right:2%;padding:0 .5%;font-size:.7em;border-radius:17px;background:#cb99ca;color:#fff;}
div.divBackbtn i{color:#fff;}
div.divBackbtn a{color:#fff !important;}

.Box {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px -3px #666666;
    box-shadow: 0px 0px 13px -3px #66666673;
    background: #fff;
}

div#divDesignProduct{position:relative}
div#divDesignProduct div#divimgDesgin{width:59%;float:left;position:relative}
div#divDesignProduct div#divimgDesgin div.divMenuDesign{position:absolute;left:0;border:1px solid;width:80%;height:100%;background:#fff;z-index:1000000;}
div#divDesignProduct div#divimgDesgin div#divImg div.divLike{position:absolute;right:1%;top:1%;border:1px solid #000;border-radius:10%;padding:0% .5%;}
div#divDesignProduct div#divimgDesgin div#divImg{width:100%;float:left;position:relative;display:inline-block;}
div#divDesignProduct div#divimgDesgin div#divImg img{display:block;width:100%}
div#divDesignProduct div#divimgDesgin div#divImg div.divTagPrice{width:47px;height:47px;border-radius:50%;background:#ffffff5e;position:absolute}
div#divDesignProduct div#divimgDesgin div#divImg div.divTagPrice i{margin:9px 9px;font-size:1.8em;}
div#divDesignProduct div#divimgDesgin div#divImg div.divTagPrice a:hover{color:#af03c9}
div#divDesignProduct div#divimgDesgin div#divImg div.divCount{position:absolute;left:1%;top:1%;z-index:1000;background:#333333ad;border-radius:10px;padding:.25% 1%;}
div#divDesignProduct div#divimgDesgin div#divImg div.divPerson{width:98%;position:absolute;left:0%;bottom:0%;z-index:1000;background:#333333ad;font-size:.8em;padding:.25% 1%;}
div#divDesignProduct div#divimgDesgin div#divImg div.divPerson div.divL{float:left;}
div#divDesignProduct div#divimgDesgin div#divImg div.divPerson div.divR{float:right;}
div#divDesignProduct div#divimgDesgin div#divCatDesgin{width:18%;border:1px solid #333;position:absolute;right:0%;top:0%;height:83%;padding:5% 0}
div#divDesignProduct div#divimgDesgin div#divCatDesgin li{text-align:center;padding:3% 0;}
div#divDesignProduct div#divDesigner div.divLike{position:absolute;right:1%;top:1%;border:1px solid #000;border-radius:10%;padding:0% .5%;}

div#divDesignProduct div#divProDesgin{width:39.8%;position:absolute;border:1px solid #333;right:0%;top:0%;height:99.8%;direction:ltr;}
div#divDesignProduct div#divProDesgin div.divProIn{width:48%;margin:.75% .75%;float:right;position:relative;}
div#divDesignProduct div#divProDesgin div.divProIn img{width:100%}
div#divDesignProduct div#divProDesgin div.divProIn p{text-align:center}
div#divDesignProduct div#divProDesgin div.divProIn a{text-align:center;display:block}

div#divDesignProduct div.divProductDetail{width:38.8%;background:#fff;padding:.5% .5%;position:absolute;border:1px solid #333;right:0%;top:0%;direction:ltr;height:97%;overflow:scroll;display:none;}
div#divDesignProduct div.divProductDetail div.divDitail{width:49%;float:right;direction:rtl}
div#divDesignProduct div.divProductDetail div.divDitail img{width:100%;border:1px solid #000;border-radius:10px;}
div#divDesignProduct div.divProductDetail div.divDitail p{border:1px solid #000;direction:rtl;border-radius:10px;padding:3% 3%;}
div#divDesignProduct div.divProductDetail div.divSujest{width:49%;float:left;direction:rtl;}
div#divDesignProduct div.divProductDetail div.divSujest div.divSujestIn{width:48.2%;margin:.5% .5%;border:1px solid;font-size:.8em;border-radius:10px;float:left}
div#divDesignProduct div.divProductDetail div.divSujest div.divSujestIn img{width:90%;margin-left:auto;margin-right:auto;display:block}
div#divDesignProduct div.divProductDetail div.divProIn{width:48%;margin:.75% .75%;border:1px solid #333;float:right;position:relative;}
div#divDesignProduct div.divProductDetail div.divProIn p{text-align:center}
div#divDesignProduct div.divProductDetail div.divProIn a{text-align:center;display:block}

div#divProduct{display:flex;padding:1% 5%;background:#fff;}
div#divProduct div#divProductimg{display:flex;padding:2%;width:28%;}
div#divProduct div#divProductimg img{width:100%;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
}

div#divProduct div#divProductdetail{width:73%;padding:1%;flex-direction:column}
div#divProduct div#divProductdetail h1{font-size:1.3rem;line-height:2.7em;margin-bottom:1%;border-bottom:1px solid #ced0d2a1}
div#divProduct div#divProductdetail div#divProductdetailL{float:right;width:50%;padding:0% 1% inherit;box-sizing:border-box}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar a{color:#048fff;font-size:.9em;}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar i{color:#f9a825;font-size:1.2em;vertical-align:middle}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar{font-size:.75em}
div#divProduct div#divProductdetail div#divProductdetailL div#divColor{margin:4% 0;}
div#divProduct div#divProductdetail div#divProductdetailL div#divColor div.Color{display:inline-block;margin:3% 0;padding:3px;border-radius:100px;border:1px solid #b4b4b4}
div#divProduct div#divProductdetail div#divProductdetailL div#divColor span.Color{display:block;background:red;width:30px;height:30px;border-radius:100px;}
div#divProduct div#divProductdetail div#divProductdetailL ul#ProductProperty li{color:#817790;font-size:.8em}
div#divProduct div#divProductdetail div#divProductdetailL ul#ProductProperty li span{color:#000;font-size:.9em;font-weight:bold}

div#divProduct div#divProductdetail div#divProductdetailPrice{float:left;width:30%;padding:1% 2%;box-sizing:border-box;background:#f7f7f8;border:1px solid #e6e6ea;border-radius:5px;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice{color:#000;margin:3% 0;text-align:center;border-top:1px solid rgba(0,0,0,0.1);padding-top:5%;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice span{font-size:1.2em;color:#000;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice span.Toman{font-size:.75em;color:#333;}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty{border-bottom:1px solid 1px solid rgb(0 0 0 / 5%);font-size:.75em;color:#000;line-height:3.5em}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty img{width:14%;vertical-align:middle}

.divshopserv{background:#0a0a3e;padding:2% 23%;display:flex}
.divshopserv .divshopservin{width:9%;padding:0 4%}
.divshopserv .divshopservin img{width:100%;}


div.divTelPro{color:#fff;font-size:1.2em;line-height:3em}
div.divTelPro i{font-size:1.5em;vertical-align:middle}
div.divTelPro div.divTelPro1{width:19%;float:right;background:#5a5a5a;text-align:center;border-top-right-radius:50px;border-bottom-right-radius:50px;margin-left:1%;box-sizing:border-box;}
div.divTelPro div.divTelPro2{width:60%;float:right;background:#5a5a5a;text-align:center;color:#fff;}
div.divTelPro div.divTelPro3{width:19%;float:left;background:#5a5a5a;text-align:center;border-top-left-radius:50px;border-bottom-left-radius:50px;margin-right:1%;box-sizing:border-box;}

.btnRfa{
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width:30%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(212 183 79), rgb(237 224 148), 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:#ef4056;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
}

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


div.divConsultation {
    background: #FFF;
    display: flex;
    justify-content: center;
    /*align-items: stretch;*/
    min-height: 100vh;
    overflow: hidden;
    position:relative !important;
}
.divConsultationTBL{display:block}
.divConsultationTBL tr{display:block}
.divConsultationTBL td{display:block}
.divConsultationTBL tbody{display:block}

div.divConsultationa{}
    div.divConsultationa img {
        width: 100%;
        height:93.5%;
        object-fit: cover;
    }
div.divConsultationbIn h3{line-height:2.5em;}
div.divConsultationb{width:50%;padding:1% 2%;}
div.divConsultationbIn{position:relative !important;}
div.divConsultation div.divPriceCon{background:#91278f78;color:#fff;padding:1% 5%;border-radius:15px;position:absolute;left:0;bottom:0%;}

div.divFinalPro {
    width: 50%;
    float: left;
}
div.divFinalPro img{width:50%;margin-right:auto;margin-left:auto;display:block;}

div.divTag{margin:0 auto;width:90%;}
div.divTag a{padding:0% .5%;margin:.5%;border-left:1px solid #797979;color:#797979;border-radius:1%;}
div.divTag a:last-child{border:none}

div.divTagArticle{padding:.65% 1.5%;margin:1% .5%;width:96%;background:rgba(0,0,0,0.2);border:1px solid #797979;color:#797979;border-radius:1%;}
div.divTagArticle a{color:#333;margin-left:1%;}

div#divDesignProduct2{position:relative}
div#divDesignProduct2 div#divimgDesgin{position:relative}
div#divDesignProduct2 div.divGalleyArea{width:102%;float:left;}
div#divDesignProduct2 div.divGalleyArea .slider{margin-bottom:0% !important}
div#divDesignProduct2 div.divGalleyArea div.divPro{min-height:inherit !important;}
div#divDesignProduct2 div#divimgDesgin div.divMenuDesign{position:absolute;left:0;border:1px solid;width:80%;height:100%;background:#fff;z-index:1000000;}
div#divDesignProduct2 div#divimgDesgin div#divImg{width:100%;position:relative;display:inline-block;}
div#divDesignProduct2 div#divimgDesgin div#divImg img.Master{display:block;width:100%}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice{position:absolute}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice i{margin:9px 9px;font-size:1.8em;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice a:hover{color:#af03c9}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice div.divTagImgPrice{display:none;background:#fff;border-radius:7px;padding:2%;padding-top:0 !important;float:left;width:50%;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice div.divTagImgPrice img{width:100%;display:block;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice div.divTagImgPrice a{font-size:.9em;text-align:center;font-weight:bold;display:block;line-height:2.5em;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divCount{position:absolute;left:1%;top:1%;z-index:1000;background:#333333ad;border-radius:10px;padding:.25% 1%;z-index:1;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divPerson{width:98%;position:absolute;left:0%;bottom:0%;z-index:1000;background:#333333ad;font-size:.8em;padding:.25% 1%;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divPerson div.divL{float:left;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divPerson div.divR{float:right;}
div#divDesignProduct2 div#divimgDesgin div#divCatDesgin{width:18%;border:1px solid #333;position:absolute;right:0%;top:0%;height:83%;padding:5% 0}
div#divDesignProduct2 div#divimgDesgin div#divCatDesgin li{text-align:center;padding:3% 0;}

.ShowTagPrice{display:block !important;}

div#divDesignProduct2 div#divProDesgin{width:38.8%;padding-right:1%;position:absolute;border:1px solid #333;right:0%;top:0%;height:99.8%;direction:ltr;}
div#divDesignProduct2 div#divProDesgin div.divProIn{width:48%;margin:.75% .75%;border:1px solid #333;float:right;position:relative;}
div#divDesignProduct2 div#divProDesgin div.divProIn img{width:100%}
div#divDesignProduct2 div#divProDesgin div.divProIn p{text-align:center}
div#divDesignProduct2 div#divProDesgin div.divProIn a{text-align:center;display:block}

div#divDesignProduct2 div.divProductDetail{width:38.8%;background:#fff;padding:.5% .5%;position:absolute;border:1px solid #333;right:0%;top:0%;direction:ltr;height:97%;overflow:scroll;display:none;}
div#divDesignProduct2 div.divProductDetail div.divDitail{width:49%;float:right;direction:rtl}
div#divDesignProduct2 div.divProductDetail div.divDitail img{width:100%;border:1px solid #000;border-radius:10px;}
div#divDesignProduct2 div.divProductDetail div.divDitail p{border:1px solid #000;direction:rtl;border-radius:10px;padding:3% 3%;}
div#divDesignProduct2 div.divProductDetail div.divSujest{width:49%;float:left;direction:rtl;}
div#divDesignProduct2 div.divProductDetail div.divSujest div.divSujestIn{width:48.2%;margin:.5% .5%;border:1px solid;font-size:.8em;border-radius:10px;float:left}
div#divDesignProduct2 div.divProductDetail div.divSujest div.divSujestIn img{width:90%;margin-left:auto;margin-right:auto;display:block}
div#divDesignProduct2 div.divProductDetail div.divProIn{width:48%;margin:.75% .75%;border:1px solid #333;float:right;position:relative;}
div#divDesignProduct2 div.divProductDetail div.divProIn p{text-align:center}
div#divDesignProduct2 div.divProductDetail div.divProIn a{text-align:center;display:block}

div.divNumber{display:table;margin:0 auto;}
div.divAdd{float:right;}
div.divAdd .btnR{float:right;}

div.divoption div.dropdown3{margin-left:1%}
div.divoption div.dropdown3 img{float:right}
.Property{float:right;width:28.333%;font-size:.81em;text-align:center;padding:1.5%;border:2px solid #3333;border-radius:5px;margin:.5%;}
.Property img{width:100%}
.Property tr input{display:none}
.Property tr img{width:100%;display:block;border-radius:5px}
.Property tr input[type=radio]:checked + img.check{border: 5px solid #0DFF92;}

/*Select Radobtn change css border*/
.roles input[type='radio'] {-webkit-appearance: none;width: 20px;height: 20px;border-radius: 50%;outline: none;border: 3px solid gray;}
.roles  input[type='radio']:before {content: '';display: block;width: 60%;height: 60%;margin: 20% auto;border-radius: 50%;}
.roles input[type="radio"]:checked:before {background: green;}    
.roles input[type="radio"]:checked+label{border-color:#91278f;}
.roles .role {margin-right: 80px;margin-left: 20px;font-weight: normal;}
.roles .checkbox label{margin-bottom: 20px !important;}
.roles {margin-bottom: 40px;}

div#divMenuIn div.Menu{float:right;width:150px;text-align: center}

div#divMenuIn a.Menu{padding:0% 1.5%;vertical-align:sub}
div.FixMenu{position:fixed !important}

.D-none{display:none;}
.ORI img{width:10%;border-radius:50%;}

div.divArticleIn h1 {
    color: #892d90;
    font-size: 1.45em
}
div.divArticleIn h2{color:#892d90;font-size:1.25em;}
div.divArticleIn h3{color:#892d90;font-size:1.15em;}
div.divArticleIn h4{color:#892d90;font-size:1.15em;}
div.divArticleIn h5{color:#892d90;font-size:1.15em;}
div.divArticleIn h6{color:#892d90;font-size:1.15em;}
div.divArticleIn p{text-align:justify;}
div.divArticleIn p{text-align:justify;}

div.divContent h1{font-size:1.45em;line-height:2.2em}
div.divContent h2{font-size:1.25em;}
div.divContent h3{font-size:1.15em;}
div.divContent h4{font-size:1.15em;}
div.divContent h5{font-size:1.15em;}
div.divContent h6{font-size:1.15em;}

div.divShowArticle h2{font-size:1.5em;}
div.divShowArticle h3{font-size:1.1em;}
div.divShowArticle h4{font-size:1em;}

div#divAll div#HelpBuy{background:#e6e6e6}
div#divAll div#HelpBuy div#divHelpIn1{float:right;width:75%}
div#divAll div#HelpBuy div#divHelpIn2{float:left;width:15%}

/*Footer*/
div#divFooter{margin:0 auto;padding:1.5% 10%;background:#000000;}
.hrFooter{color:#fff;margin:1% 0;}
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:1em !important;border-bottom: 1px solid #a90b0b;width:60%;line-height:0em;margin-bottom:5%;}
div#divFooter div.divFooterIn a{color:#fff;padding-bottom:1.5%;font-size:.8em;opacity:.85;vertical-align:text-top;}
div#divFooter p{font-size:.9em;line-height:2em;}
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{background:#131313}
div#divCopyright p{direction:ltr !important;color:#fff;font-family:Arial;font-size:.6em;opacity:.8;text-align:center;padding:.25%}

div.divCommentFooter{padding:1.5% 2%;}
div.divCommentFooter h4{line-height:2em;}
div.divCommentFooter p{display:inline-block}
div.divCommentFooter span{float:left;color:#b0b0b0}

.BorderFooter{border-right:2px solid #333;}

div#divAll div#divFooter div.divfooter{width:33.333%;float:right;padding:2% 0%}
div#divAll div#divFooter div.divfooter div.margin{margin-left:5%}
div#divAll div#divFooter div.divfooter div.margin img.social{margin-left:12%}
div#divAll div#divFooter h3{font-size:1em !important;line-height:3em !important;}
div#divAll div#divFooter u1{font-size:.7em !important}

div#divAll div#divCopyright{width:100%;background:#333}
div#divAll div#divCopyright p{color:white;text-align:center;font-size:.65em}

div.divGray{background:#f5f5f5;padding:4% 0;}

/*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: #91278c;}
.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:#91278c;}
.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: 'PeydaRegular';
}
.select option { /* style your options */
    font-family: 'PeydaRegular';
}


div.divAddress{width:27%;margin:0 auto;padding: 24px 24px 0;border: 1px solid #eee;border-radius: 8px;background:#fff;font-family:PeydaRegular}
div.divAddress div.divAddress-Input{width:48%;float:right;margin: 1%;font-family:PeydaRegular}
div.divAddress .pure-material-textfield-outlined{width:98% !important;margin: 1% !important;}

div.divAddress h1{font-size: 1.143rem;
    line-height: 2.5;
    color: #232933;}
div.divAddress p{font-size: .857rem;
line-height: 1.83;
color: #62666d;}

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

/**/
.grid {
	position: relative;
	margin: 0 auto;
	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: #a90b0b;
        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;
	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;}


div#divAll div#divContent-contact{width:100%;margin:0 auto;}
div#divAll div#divContent-contact div#divContent-contactIn{width:60%;margin:0 auto;}
div#divAll div#divContent-contact div#divContent-contactIn h2{font-size:1.5em !important;color:#a90b0b;line-height:1.4;font-weight:300;margin-bottom:40px;}
div#divAll 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#divAll div#divContent-contact div#divContent-contactIn h3{font-size:30px !important;color:#34343c;line-height:1.4;font-weight:300;margin-bottom:15px;}
div#divAll div#divContent-contact div#divContent-contactIn p#p-h3{font-size:15px;text-align:center;color:#606060 !important;line-height:1.4}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel{margin:5% 0}
div#divAll 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#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel p{padding-top:2.5%;font-weight:300;font-size:.85em;margin:1.5% 0%;line-height:2.3;text-align:center;}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel span{font-size:1.1em}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:33.333%;float:left;direction:ltr   }
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:33.333%;float:left;}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:33.333%;float:left;}

div#divAll div#divContent-contact div#divContent-contactIn div#divLoaction{width:100%}
div#divAll div#divContent-contact div#divLoaction{width:100%;}
div#divAll div#divContent-contact div#divLoaction div#divMap{width:60%;float:left;}
div#divAll div#divContent-contact div#divLoaction div#divForm{width:40%;float:left;position:relative;}
div#divAll div#divContent-contact div#divLoaction div#divForm h3{color:#fff;font-size:30px !important;font-weight:300;text-align:center;line-height:2}
div#divAll div#divContent-contact div#divLoaction div#divForm p{color:#fff;font-size:17px;text-align:center;font-weight:300;margin-bottom:2%;}
div#divAll 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#divAll 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#divAll 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#divAll 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#divAll div#divContent-contact div#divLoaction div#divForm img{width:100%;display:block;}

div#divAll div#divSlide-Contact{width:100%;position:relative;}
div#divAll div#divSlide-Contact div.divImage-contact{background:rgba(0, 0, 0, 0.73);}
div#divAll div#divSlide-Contact div.divImage-contact img{width:100%;opacity:.5;display:block;}
div#divAll div#divSlide-Contact div.divComment-contact{width:auto;position:absolute;top:50%;right:10%;transform:translateY(-50%)}
div#divAll div#divSlide-Contact div.divComment-contact h1{color:white;font-weight:300;font-size:2em;margin-bottom:10px;line-height:1.4;}
div#divAll div#divSlide-Contact div.divComment-contact p{color:white;text-transform:uppercase;font-size:.85em;}

div#divAll span.nav-right i{display:none}
.position-RTV{position:relative}
div.divSlider{width:100%}

/*Defualt*/
div#divAll div.ProInImg{float:left}

div.divArticles{width:90%;margin:0 auto;padding-top:1%}
div.divArticles div.divArticletext{padding:0 9%;box-sizing:border-box;}
div.divArticles p{text-align:justify}
div.divArticles img{width:100%;display:block;}
div.divArticles span{/*margin-left:2%;*/}
div.divArticles div.divGallery img{width:32.3333%;float:right;margin:1% .5%}
div.divArticles div.divShowArticle div.divImg{position:relative;margin-bottom:2%;}
div.divArticles div.divShowArticle div.divImg div.divDetail{width:100%;text-align:center;color:#fff;position:absolute;z-index:1000;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:1;}
div.divArticles div.divShowArticle div.divImg div.divDetail h1{font-size:1.8em;}
div.divArticles div.divShowArticle div.divImg div.GlassBack{position:absolute;top:0;background:#00000080;z-index:1;width:100%;height:100%}

.divPhoneSide{display:none;}

#UserId{font-size:.8em !important}

.O0{opacity:-100;}

/* Menu Header */
.divMenu-Rs {
    overflow: hidden;
    height:auto;
    width:50%;
    z-index: 1000000000000000000000000000000000;
    position:fixed;
    transition: all 0.4s ease-out, background 1s ease-out;
    top:0%;
    display:none;
}
    .divMenu-Rs.menu-open {
        height: 100%;
        width:50%;
        background: #111;
        transition: all 0.45s ease-out, background 0.8s ease-out;
    }

/* Menu List items */
.mobile-menu {
	clear: both;
}
.divMenu-Rs ul.menu {
    position: relative;
    display: block;
    padding: 0px 40px 0;
    list-style: none;
}

.divMenu-Rs ul.menu li.menu-item{display:none !important;}
.divMenu-Rs.menu-open ul.menu li.menu-item{display:block !important}

    .divMenu-Rs ul.menu li.menu-item a {
        display: block;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        line-height: 2.8;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
    }
    .divMenu-Rs ul.menu li.menu-item {
        border-bottom: 1px solid #333;
        margin-top: 5px;
        opacity: 0;
        transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }
        .divMenu-Rs ul.menu li.menu-item:nth-child(1) {
            transition-delay: 0.35s;
        }
        .divMenu-Rs ul.menu li.menu-item:nth-child(2) {
            transition-delay: 0.3s;
        }
        .divMenu-Rs ul.menu li.menu-item:nth-child(3) {
            transition-delay: 0.25s;
        }
        .divMenu-Rs ul.menu li.menu-item:nth-child(4) {
            transition-delay: 0.2s;
        }
        .divMenu-Rs ul.menu li.menu-item:nth-child(5) {
            transition-delay: 0.15s;
        }
        .divMenu-Rs ul.menu li.menu-item:nth-child(6) {
            transition-delay: 0.1s;
        }
.divMenu-Rs ul.menu li.menu-item:nth-child(7) {
    transition-delay: 0.05s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item {
    opacity: 1;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(1) {
    transition-delay: 0.05s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(2) {
    transition-delay: 0.1s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(3) {
    transition-delay: 0.15s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(4) {
    transition-delay: 0.2s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(5) {
    transition-delay: 0.25s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(6) {
    transition-delay: 0.3s;
}
.divMenu-Rs.menu-open ul.menu li.menu-item:nth-child(7) {
    transition-delay: 0.35s;
}

.KindIMG{width:45%;float:left;margin-right:2%;margin-bottom:2%}

/* LightBox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:0;width:100% !important;height:auto;z-index:10000000000000000000000000}
#jquery-lightbox{position:fixed;top:50% !important;left:50% !important;transform:translateY(-50%) translateX(-50%);width:100%;z-index:100000000000000000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#817f80;margin:0 auto;width:40% !important;height:inherit !important;}
#lightbox-container-image{padding:10px;}
#lightbox-container-image img{width:100% !important;background:url('/images/lightbox-ico-loading.gif') 32px no-repeat center !important;}
#lightbox-loading{height:32px;width:32px;text-align:center;margin:0 auto;display:block;line-height:0;display:inline-block;vertical-align:middle;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100% !important;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;display:block !important;background: transparent url("/images/lightbox-btn-prev.gif") no-repeat scroll top 49% left 5% !important;}
#lightbox-nav-btnNext{right:0;float:right;display:block !important;background: transparent url("/images/lightbox-btn-next.gif") no-repeat scroll top 49% right 5% !important;}
#lightbox-container-image-data-box{font:10px PeydaRegular;background-color:#817f80;margin:0 auto;line-height:1.4em;overflow:auto;width:33.9% !important;padding:0 10px 0;display:none !important}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:right;text-align:right;direction:rtl;}
#lightbox-image-details-caption{font-size:1.2em;color:White;text-align:right;direction:ltr;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;font-size:0.9em;}
#lightbox-secNav-btnClose{width:66px;float:left;padding-bottom:0.7em;margin-top:0px;}


/*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 12px;
 display:block;
 color:#858585;
 font-size:1.2em;
 transition:all .2s ease-in-out 0s
}
.menu li a:hover,
.menu li:hover>a {
 color:#fff;
 background:#91278f;border-radius:4px;
}
.menu ul {
 visibility:hidden;
 opacity:0;
 margin:0;
 padding:0;
 width:190px;
 position:absolute;
 right:0;
 background:#fff;
 z-index:99;
 transform:translate(0,20px);
 transition:all .2s ease-out
}
.menu ul:after {
 bottom:100%;
 right:12%;
 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:0;
 margin:0;
 padding:0
}
.menu .sub-menu li a {
 padding:7px 15px!important
}
.menu .sub-menu {
 -webkit-box-shadow:0 7px 7px rgba(0,0,0,.15)
}
.menu ul li a {
 font-size:14px;
 font-weight:normal;
 display:block;
 color:#797979;
 border-bottom:1px solid rgba(0,0,0,.04)
}
.menu ul li a:hover,
.menu ul li:hover>a {
 background:#91278fba;
 color:#fff;border-radius:0px;
}
.menu li:hover>ul {
 visibility:visible;
 opacity:1;
 transform:translate(0,0)
}
.menu ul ul {
 left:169px;
 top:0;
 visibility:hidden;
 opacity:0;
 transform:translate(20px,20px);
 transition:all .2s ease-out
}
.menu ul ul:after {
 left:-6px;
 top:10%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none;
 border-color:rgba(255,255,255,0);
 border-right-color:#fff;
 border-width:6px;
 margin-top:-6px
}
.menu li>ul ul:hover {
 visibility:visible;
 opacity:1;
 transform:translate(0,0)
}
.responsive-menu {
 display:none;
 width:100%;
 padding:20px 15px;
 background:#374147;
 color:#fff;
 text-transform:uppercase;
 font-weight:600
}
.responsive-menu:hover {
 background:#374147;
 color:#fff;
 text-decoration:none
}
a.homer {
 background:#9ca3da
}*/

/* Menu Icon */
.icon-container {
	position: relative;
	display: inline-block;
	z-index: 2;
	float: right;
	height: 55px;
	width: 55px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-container #menuicon {
	width: 20px;
	height: 10px;
	position: relative;
	display: block;
	margin: -4px auto 0;
	top: 50%;
}
#menuicon .bar {
	width: 100%;
	height: 1px;
	display: block;
	position: relative;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menuicon .bar.bar1 {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
}
#menuicon .bar.bar2 {
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.menu-open .icon-container {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-open .icon-container #menuicon .bar {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition-delay: 0.1s;
}
.menu-open .icon-container #menuicon .bar.bar1 {
	-webkit-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg);
}
.menu-open .icon-container #menuicon .bar.bar2 {
	-webkit-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}





.FontN{font-size: .85em;line-height: 2em;}


div.divFilter2{width:100%;float:right;margin:0% .25%;position:relative}
div.divFilter2 img{width:100%;}
div.divFilter2 div.divTitle{width:94%;position:absolute;bottom:3%;text-align:center;background:rgba(33, 33, 33, 0.57);z-index:1000;padding:1% 3%}
div.divFilter2 div.divTitle a{color:white;font-size:14px;}

.UlFooter a{color:#858585 !important;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.UlFooter a:hover{padding-right:7px;color:#333 !important}

div#divAll div.divSignupForm{width:60%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:50%;}
div#divAll div.divSignupForm div.divHelpForm{width:50%;float:right;}

div.divMenuUs{background:#eeeeee;margin-bottom:5%;}
div.divMenuUs div.divMenuUsIn{width:20%;float:right;text-align:center;}
div.divMenuUs a{color:#828081;font-size:1.2em;line-height:3em}
div.divMenuUs a:hover{color:#922d90}

div#divAll table.UserInfo{width:100%;margin:0 auto;font-size:15px;background:#fff;box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);border: 1px solid #dedede;}
div#divAll table.UserInfo td{padding:2% 1%;width:16%;border: 1px solid #dedede}
div#divAll table.UserInfo td span{color:#333;font-size:1.1em}
div#divAll table.UserInfo td p{color:#8a8a8a;font-size:1.25em;line-height:2em}
div#divAll table.UserInfo .tdFull{width:100%}

div#divAll table.UserInfoPay{width:100%;margin:0 auto;font-size:15px;background:#fff;box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);border: 1px solid #dedede;}
div#divAll table.UserInfoPay tr{border-bottom: 1px solid #dedede;}
div#divAll table.UserInfoPay td{padding: 2% 1%;text-align:center;width: 16.5%;float: right;box-sizing: border-box;}

div#divAll table.UserInfoPay td span{color:#333;font-size:1.1em}
div#divAll table.UserInfoPay td p{color:#8a8a8a;font-size:1.25em;line-height:2em}
div#divAll table.UserInfoPay .tdFull{width:100%}

div.divProfile div.divUsercash{width:50%;float:right;}

.UserPT{color:#9c469a;font-size:1.1em;font-weight:bold;}

div.divProfile{width:70%;margin:0 auto;font-size:15px;padding:5% 0%;}
div.divProfile div.divUserInfo span.STitle{color:#838182 !important}
.backE{background:#eeeeee}



div.divGalley {
    width: 24%;
    position: relative;
    float: right;
    margin: .5% .5%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
    div.divGalley div.divTitle{width:94%;font-size:.82em;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;bottom:0%;text-align:center;background:rgba(33, 33, 33, 0.57);z-index:1000;padding:1% 3%;cursor: pointer;}
    div.divGalley div.divTitle a{color:#fff}
    div.divGalley img {
        width: 100%;
        filter: gray;
        border-radius: 5px;
        -webkit-transition: all .8s ease-in-out;
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
div.divGalley img:hover{width:100%;  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  filter: none;
}



div#divAll div.divPro2{position:relative;width:45%;margin-left:1%;padding:.5% 1.5% 0% 1.5%;background:#fff;float:right;border:1px solid #E4E4E4;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;min-height:310px}
div#divAll div.divPro2 a{font-size:14px;}
div#divAll div.divPro2 a.Next{color:#da0176}
div#divAll div.divPro2 a:hover{color:#da0176}
div#divAll div.divPro2:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div#divAll div.divPro2 .ArticleTitle{display:block;color:#2471a3;font-weight:bold;font-size:.9em;}
div#divAll div.divPro2 .divDetail{margin-top:1.5%;margin-bottom:2%;border-bottom:1px #ccc solid}
div#divAll div.divPro2 div.divImage{float:none;width:100%}
div#divAll div.divPro2 div.divImage img{width:100%;} 
div#divAll div.divPro2 div.divComment{font-size:.75em;text-align:justify}
div#divAll div.divPro2 span{font-size:.82em;font-family:PeydaRegular}

div#divAll div.divPro{position:relative;width:19.8%;background:#f6f6f6;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;padding:1.5%;box-sizing:border-box;border: 1px solid rgba(0,0,0,.12);}
div#divAll div.divPro img{width:100%;}
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%);}
.PPriceOff{float:right;}
.PriceProR{float:left;width:50%;text-align:left}
div#divAll div.divPro div.divLike {
    position: absolute;
    top: 1%;
    left: 1%;
}


.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100%;*/
}
.container .wrapper {
  background-color: #fff;
  padding: 20px;
  width: 300px;
  border-radius: 5px;
  position: relative;
}
.container .wrapper header {
  position: relative;
  top: -50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container .wrapper header .profile-img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  overflow: hidden;
}
.container .wrapper header .profile-img img {
  width: 100%;
}
.container .wrapper header .profile-img-content {
  width: 60px;
  position: relative;
}
.container .wrapper header .profile-img-content:after {
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #00ff11;
  position: absolute;
  top: 2px;
  right: 3px;
  border-radius: 50px;
  border: 2px solid #fff;
}
.container .wrapper header h1 {
  matgin-top: 30px;
  margin-bottom: 0;
  color: #ddd;
  font-weight: 500;
}
.container .wrapper header p {
  color: #898a8e;
  margin: 3px 0 0 0;
  font-weight: 300;
}
.container .wrapper .main-content {
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin: 0 30px 50px 30px;
}
.container .wrapper .main-content div.line {
  height: 30px;
  background-color: #898a8e;
  width: 2px;
}
.container .wrapper .main-content div p {
  margin: 0;
  font-size: 13px;
}
.container .wrapper .main-content div p:first-child {
  color: #898a8e;
  font-weight: 300;
}
.container .wrapper .main-content div p:last-child {
  color: #565555;
  margin-top: 5px;
  font-weight: 500;
}
.container .wrapper footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
    .container .wrapper footer a {
        background: #fcfcfc;
        color: #7b7b7b;
        border: 1px solid #ebebeb;
        font-size: .85em !important;
        padding: 2% 0%;
        line-height: 1.3em
    }
.container .wrapper footer button.follow {
  background: linear-gradient(to right, #555eea, #CD84F4);
  border-radius: 0 0 5px 0;
}
.container .wrapper footer button.next {
  background-color: #898a8e;
  border-radius: 0 0 0 5px;
}

@media screen and (max-width: 320px) {
  .wrapper {
    margin: 0 10px;
  }
  .wrapper .main-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}


/*Pro*/
div#divAll div#divProImage{position:relative;display:inline-block;margin-top:1%;min-height:400px;background:#fff;padding:2%;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)!important}
div#divAll div#divProImage div.divSlider{position:sticky;width:35%;float:right;border-left:1px solid rgba(0,0,0,.12)}
/*div#divAll div#divProImage div.divSlider img{width:48%;float:right;margin:1%;}*/
div#divAll div#divProImage div.divLike{position:absolute;left:1%;top:1%;z-index:100000000}
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#divProImage div#cphContent_divProprice{width:62%;right:0%;top:12%;height:96.5%;z-index:1;font-size:.85em;float:left;padding-bottom:0px;}
div#divAll div#divProImage div#cphContent_divProprice h1{border-bottom:1px solid rgba(0,0,0,.12);font-weight:bold;font-size:1.4em}
div#divAll div#divProImage div#cphContent_divProprice h2{border-bottom:1px solid rgba(0,0,0,.12);font-weight:bold;font-size:1.2em;line-height:3em}
div#divAll div#divProImage div#cphContent_divProprice p.AddresBar{color:#817f80;font-size:1.3em;}
div#divAll div#cphContent_divPay .btnR{/*position:absolute;bottom:0%;left:50%;transform:translateX(-50%);*/text-align:center;}
div#divAll .btnR3{position:absolute;bottom:0%;left:50%;transform:translateX(-50%);text-align:center;}
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;}

div.divContent2{width:94%;background:#f6f6f6;padding:1% 3%}

.divLike:hover .fa-heart-o:before{content: "\f004";}

.imagezoom-cursor{z-index:1000 !important}

select.ddl{width:40%}
img.ImgBasket{width:90%;}
img.ImgBasket2{width:100px;}
.closeBasket{top:1px;z-index:1000}

.DelBasket::after{content: "\f014";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:1.5em;color:#91278f;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

div.divbtno{width:85%;margin:0 auto;}

div.divProductpro{width:60%;float:right}
div.divAddBasket{width:34%;float:left;background:#f5f5f5;border: 1px solid #e4e4e4;border-radius:5px;padding:3% 2%;margin:0 auto;text-align:center;}

.Basket tr{position:relative}
.Basket td{font-size:.8em;vertical-align:top;border-bottom: 1px solid rgba(0,0,0,.24);padding:6px 0px;color:#4f4f4f}
.Basket td a{color:#4f4f4f !important}
table#cphContent_gvBasket tr td:last-child{display:none;}
/*table#cphContent_gvBasket tr td:nth-child(7){position:absolute;right:26.5% ;width:100% !important;text-align:right !important;bottom:0}*/
table#cphContent_gvBasket tr td:nth-child(7){display:none;}
table#cphContent_gvBasket tr td:nth-child(6){display:none;}
table.Basket tr td:nth-child(7){display:none;}
table.Basket tr td:nth-child(4){display:none;}
table.Basket tr td:nth-child(5){display:none;}
table.Basket tr td:nth-child(3){width:45%;}
table.Basket tr td:nth-child(6){width:25%;}
table#gvBasket tr td:last-child{display:none;}

table#cphContent_gvBasket tr{position:relative}
table#cphContent_gvBasket tr td:first-child{width:.5% !important;right:0;top:50%}

div#divAll table.TitleBasket{width:100%;color:#777;}
/*div#divAll table.TitleBasket tr {border-bottom:1px solid rgba(0,0,0,.24)}*/
div#divAll table.TitleBasket tr td{width:23%;text-align:center;font-weight:bold;}

div#divAll table.tbBasket{width:100%;text-align:center;}
div#divAll table.tbBasket tr{color:#777a85}
div#divAll table.tbBasket th{background:#ddd15d;height:30px;padding-top:.4%;display:none}
div#divAll table.tbBasket td{/*border:1px solid #b4b4b4*/}
div#divAll table.tbBasket div.divBasketPro td tr td{width:25% !important}
div#divAll table.tbBasket tr td{width:25%;padding:1% 0;vertical-align:middle;}
div#divAll table.tbBasket tr td a{color:#817f80;}


div#divAll table.tbBasket div.divBasketPro{width:98%;padding:1%;position:relative;}
div#divAll table.tbBasket div.divBasketPro div.divPic{float:right;width:10%;padding-left:1%}
div#divAll table.tbBasket div.divBasketPro div.divPic img{width:100%;}
div#divAll table.tbBasket div.divBasketPro div.divTxt{float:right;padding-top:1%}


div#divAll div#cphContent_divPay div#divcolorproduct {
    width: 100%;
}
div#divAll div#cphContent_divPay div#divcolorproduct td{width:100px;padding-left:3%}
div#divAll div#cphContent_divPay div#divcolorproduct input[type="radio"] + label img{width:100%;border: 1px solid rgba(0,0,0,.24)}
div#divAll div#cphContent_divPay div#divcolorproduct input{display:none}
div#divAll div#cphContent_divPay div#divcolorproduct input[type="radio"]:checked + label img {border: 1px solid red}

div#divAll div#divProGallery div.divProGalleryIn{width:23%;float:left;margin-right:1%}
div#divAll div#divProGallery div.divProGalleryIn img{width:100%;}

div#divAll div.divOrder{width:90%;background:#EEEFF1;margin:0 auto;padding:1% 2% 1% 2%;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
div#divAll div.divOrder:hover{/*border:1px dotted #f5e99e;*/box-shadow:0px 0px 6px #cc9c0e;}
div#divAll div.divOrder div#divComment{width:50%;float:left;}
div#divAll div.divOrder div#divForm{width:50%;float:right}

.boxshadow:hover{border:1px dotted #f5e99e;box-shadow:0px 0px 6px rgba(0,0,0,.24);}

div#divAll div.divDiscount{background:#91278f;border-radius:1rem;color:#fff;font-size:1.1em;padding:3px .7rem 1px;display:inline-block;margin-right:1%;}

div#divAll div#divproduct{width:100%;background:rgb(238, 238, 238)}

div#divZarinpal{position:absolute;left:0;top:0;}

div#divAll div.divPro{position:relative;background:#fff;border-radius:5px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
div#divAll div.divPro img{width:100%;}
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:PeydaRegular;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%);}
.PPriceOff{float:right;}
.PriceProR{float:left;width:50%;text-align:left}
div#divAll div.divPro div.divLike {
    position: absolute;
    top: 1%;
    left: 1%;
}
div#divAll div.divPro div.divProTitle{margin-bottom:2%;}
div#divAll div.divPro div.divProTitle a{font-size:.75em;font-family:PeydaSemiBold}
div#divAll div.divPro div.divPrice{text-align:left;font-size:.9em;font-family:DemiBold}

div#divAll div.divPro-Tag{position:relative;width:18.85%;padding:.5% .5% 0% .5%;float:right;border:1px solid #E4E4E4;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;min-height:410px}
div#divAll div.divPro-Tag img{width:99%;} 
div#divAll div.divPro-Tag img{margin-left:auto;margin-right:auto;display:block}
div#divAll div.divPro-Tag a{font-size:14px;}
div#divAll div.divPro-Tag:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}

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;}



div#divAll div.divKind {
    position: relative;
    width: 20%;
    border: 1px solid #000;
    float: right;
    margin: -1px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}
div#divAll div.divKind img{width:100%;margin-left:auto;margin-right:auto;display:block}

div.divKindCat{width:50%;float:right;}
div.divKindCat img{width:100%;display:block;}


.row {
    width: 100%;}
.row .block {
    width:auto;
    height: 150px;
    display:table;
margin:0 auto;
}
.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px;
    width: 120px;
    height:120px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
/* Effect 8 */
 .hovicon.effect-8 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.hovicon.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.hovicon.effect-8:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}
.hovicon.effect-8:hover i {
    color: #fff;
}
.hovicon.effect-8:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/*Buy Basket*/
/*DropDown*/
div.divPayment{width:70%;margin:0 auto;}
div.divPayment h2{line-height: 1.375;font-size:1.1em;margin-bottom:2%}
div.divPayment a.NewAddress{color:#00bfd6;font-size:.857rem;line-height:1.833;font-weight: 700;margin-top:5%;}

div#divAll div.divPaymentR{width:70%;float:right;}

div#divAll div.divPaymentR ul.UlTransfer .li50{float:right;width:50%;}
div#divAll div.divPaymentR ul.UlTransfer li{margin:.7% 0;font-size:1.1em;}
div#divAll div.divPaymentR ul.UlTransfer i{font-size:1.2em;}

div.divBox{background:#fff;font-size:14px;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);padding:2% 2%;border:1px solid #e7e7e7;border-radius:8px;margin-bottom:1%;}

.RequestShop{border-radius:8px;border:1px solid rgba(0,0,0,.24);width:100%;height:100px;}

div#divAll div.divPaymentL{width:29%;float:left;}

div#divAll div.divPaymentL div.divOperations{background-color: #fff;padding:4%;-webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);border: 1px solid #e6e6e6;line-height: 22px;border-radius: 8px;}
div#divAll div.divPaymentL div.divOperations ul.ulPayment li{display:flex;justify-content: space-between;-webkit-box-pack: justify;-ms-flex-pack: justify;color:#777;margin: 6px 0;font-size:.929rem;}
div#divAll div.divPaymentL div.divOperations ul.ulPayment li.br{border-top:1px solid #e6e6e6;font-weight: 700 !important;color: #000 !important;padding-top:5%;}

.CommentPaymentL{font-size:.857rem;color:#695f5f;line-height: 1.833;margin-top:10px;}

div#divAll div.divPaymentL div.divTitleB1{width:100%;color:#80878a;font-size:.8em}
div#divAll div.divPaymentL div.divTitleB2{width:100%;font-family:PeydaRegular;font-size:1em}
div#divAll div.divPaymentL div.BorderB{border-bottom:1px solid #dcdcdc;width:90%;text-align:center;margin:0 auto;}

div#divAll div.divSignupForm{width:60%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:50%}
div#divAll div.divSignupForm div.divHelpForm{width:50%;float:right;}

div#divAll table.UserInfo{width:95%;margin:0 auto;border:1px solid #cc9c0e;font-size:15px}
div#divAll table.UserInfo td{border:1px solid #b4b4b4;padding:1%}
div#divAll table.UserInfo .tdFull{width:100%}

div#divAll div.divDealerships{width:48%;float:right;margin-right:2%;font-size:.8em}
div#divAll div.divDealerships h2{font-size:1.1em !important}
div#divAll div.divDealerships div.divDealerships-Img{width:30%;float:right;}
div#divAll div.divDealerships div.divDealerships-Img img{width:100%;}
div#divAll div.divDealerships div.divDealerships-Cm{width:64%;float:left;padding:0 2%}



/*The Nivo Slider styles*/
.nivoSlider{position:relative !important;width:100%;height:auto;overflow:hidden;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
.nivo-main-image{display:block;position:relative !important;width:100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:100;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice{display:block;position:absolute;z-index:1;height:100%;top:0;}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{display:block !important;}
/* Caption styles */
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:0.8;overflow:hidden;display:none !important;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:PeydaRegular;}
.nivo-caption p{padding:5px;margin:0;font-family:PeydaRegular;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
/* Direction nav styles (e.g. Next & Prev) */
/*.nivo-directionNav{z-index:90;}*/
ctionNav a{z-index:10000;cursor:pointer;color:#070707;font-size:0.5em;}
.nivo-prevNav{position:absolute;left:0%;width:40px;height:37px;background-image:url("/images/ArrowL.png");top:50%;transform: translateY(-50%);    }
.nivo-nextNav{position:absolute;right:.8%;width:25px;height:37px;background-image:url("/images/ArrowR.png");top:50%;transform: translateY(-50%);}
/* Control nav styles (e.g. 1,2,3...) */
/*.nivo-controlNav{position:absolute;z-index:10000;bottom:26px;left:50%;transform:translateX(-50%);}
.nivo-controlNav a{z-index:9;cursor:pointer;margin:0 3px 0 3px;border-radius:50px;padding:5px 6px;background:#fff;color:#fff;font-size:0.1em;}
.nivo-controlNav a.active{color:#892d90;background-color:#892d90;}*/
.nivo-controlNav{position:absolute;z-index:1000000;bottom:1%;left:50%;transform:translateX(-50%);}
.nivo-controlNav a {z-index:9;display:inline-block;width:22px;height:22px;background:url(/images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin: 0 2px;}
.nivo-controlNav a.active {background-position:0 -22px;}

  
/* 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: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}


.slidern .slick-next{display:none !important;}
.slidern .slick-prev{display:none !important;}

/*.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: -20px;top:50% !important
}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: url('/images/Icon/ArrowL.png');}
[dir='rtl'] .slick-prev:before{content: url('/images/Icon/ArrowL.png');}

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

.slick-dots{position: absolute;bottom: -25px;display: block;/*width: 100%*/;padding: 0;margin: 0;list-style: none;text-align: center;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:.5% auto;}
.slick-slide{margin:0px 20px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)!important;margin:.08%}
.slick-slide img{width:100%;}
.slick-prev:before,.slick-next:before{color:black;}
.slick-slide{transition: all ease-in-out .3s;opacity:1;}

div#divtxtSearch{position:fixed;top:0;width:100%;height:100px;background:#333;z-index:10000000000000000000;}

.BtnSearch {background:url('/images/search.png');width:27px;height:27px;border:none}
.btnClose{background:url('/images/close.png');height:15px;width:15px;display:inline-block;}

.divBrand{padding:1% 5%}
.divBrand h2{line-height:3em;margin-bottom:1%;color:rgba(0,0,0,0.87);font-size:1.2em}
.divBrands {
    width:9%;
    border-radius: 5px;
    padding:.5%;
    background: #fff;
    float: right;
    margin:.5%;
    box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);box-sizing:border-box;
}
.divBrands img {
    width: 100%;display:block
}
/*Mega Menu*/
/**, ::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{}
/*.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;}
.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:#a90b0b;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;padding: 0.25rem 1.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;}
ul {
	padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
	list-style: none;
}

nav {font-size: 0;position: relative;}
nav > ul > li {display: inline-block;font-size: 15px;color:rgba(0,0,0,87);padding:0 0 0 2%;position: relative;}
nav > ul > li > a {
  	display: block;
  	border-bottom: 3px solid transparent;
    transition: all .3s ease;
}
nav > ul > li:hover > a {
    color:#a90b0b;
}

.mega-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    right: 0;
    z-index: 1000000000000;
    width: 100%;
    padding-bottom: 20px;
}
.mega-menu2{width:200px !important;}

.mega-menu h6 {margin: 0 5%;text-align:right;
line-height: 2.4em;
color: #a90b0b;
border-bottom: .1px solid #a90b0b;}

.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:#fff;}


.dropdownMaga {position: static;}

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

/*Shine*/
span.figure{margin:0;padding:0;overflow:hidden;}
span.figure:hover+span{bottom:-36px;opacity:1;}
.hover14 span.figure{position:relative;}
.hover14 span.figure::before{position:absolute;top:0;left:-75%;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%;}}

.Nextbtn{color:gray !important;font-size:1.5em;}
.V-Super{vertical-align:super}
.btn {
  background: #428bca;
  border: #357ebd solid 0px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  /*min-width: 60px;*/
  position: relative;
  transition: color .1s ease;
}
.btn:hover {
  background: #357ebd;
}
.btn.btn-big {
  font-size: 18px;
  padding: 15px 20px;
  min-width: 100px;
}
.btn-close {
  color: #aaaaaa;
  font-size: 20px;
  text-decoration: none;
  padding:10px;
  position: absolute;
  right: 7px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
.modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.opened:before {
  display: block;
}
.opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align:center;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 360px;
  box-shadow:0 5px 10px rgba(0,0,0,0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-body {
  padding: 20px;
}
.modal-body input{
  width:200px;
  padding:8px;
  border:1px solid #ddd;
  color:#888;
  outline:0;
  font-size:14px;
  font-weight:bold
}
.modal-header,
.modal-footer {
  padding: 10px 20px;
}
.modal-header, .modal-footer a{color:#333 !important;font-size:medium}
.modal-header,
.modal-footer a:hover{color:#333 !important;
 
}
.modal-header {border-bottom: #bfbfbf solid 1px;}
.modal-header h2 {font-size: 20px;}


.modals {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background:rgba(0, 0, 0, 0.58);transition: opacity .25s ease;z-index:10000000000}
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
.modal-state {display: none;}
.modal-state:checked + .modals {opacity: 1;visibility: visible;}
.modal-state:checked + .modals .modal__inner {top: 0;}
.modal__inner {transition: top .25s ease;position: absolute;top: -20%;right: 0;bottom: 0;left: 0;width:40%;margin: auto;overflow: auto;background: #fff;border-radius: 5px;height:60%;}
.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  left: 50%;
  transform: rotate(45deg);
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 95%;
    padding:0 2%;
    box-sizing: border-box;
  }
}

/*DropDown Login*/
.dropdown {position:relative;}
.dropdown-content{display:none;position:absolute;background:#f6f6f6;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:100000;top:30px;margin-right:5%}
.dropdown-content a{color:#333333;padding:7px 7px;text-decoration: none;display: block;font-size:14px}
.dropdown-content a:hover{background:rgba(0,0,0,.12)}
.dropdown:hover .dropdown-content{display:block;}

.dropdown-content1{display:none;left:-30px;position:absolute;background:white;min-width:390px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:100000;top:20px;margin-right:5%}
.divTopAbsolute{width:100%;height:10%;position:absolute;top:0;background:white}
.divLeftAbsolute{width:10%;height:100%;position:absolute;left:0;background:white}
.dropdown-content1 .divBasketIn{padding:2.5%}
.dropdown-content1 a{color:#333333;text-decoration:none;display:block;}
/*.dropdown-content1 a:hover{background-color:#cc9c0e}*/
.dropdown:hover .dropdown-content1{display:block;}

/* 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:60%;
}
.w25-MB{width:25%;margin-bottom:1.2%}

/* Input, Textarea */
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px #bababa; /* 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;
        }
    }
}



.dropdown1 {position:relative;}
.dropdown1-content{display:none;position:absolute;background:#f6f6f6;min-width:160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1000000000;left:0;top:23px;text-align:right}
.dropdown1-content a{color:#333333;padding:7px 7px;text-decoration: none;display: block;font-size:14px}
.dropdown1-content a:hover{background:#91278f;color:#fff;}
.dropdown1:hover .dropdown1-content{display:block;}

.dropdown1-content1{display:none;right:0;position:absolute;background:white;min-width:450px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:100000;top:30px;margin-right:5%}
.divTopAbsolute{width:100%;height:10%;position:absolute;top:0;background:white}
.divLeftAbsolute{width:10%;height:100%;position:absolute;left:0;background:white}
.dropdown1-content1 .divBasketIn{padding:2.5%}
.dropdown1-content1 a{color:#333333;padding:7px 7px;text-decoration: none;display: block;font-size:14px}
/*.dropdown-content1 a:hover{background-color:#cc9c0e}*/
.dropdown1:hover .dropdown1-content1{display:block;}


.dropdown2 {position:relative;}
.dropdown2-content{display:none;position:absolute;background:#f6f6f6;min-width:160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1000000000;right:0;top:23px;text-align:right}
.dropdown2-content a{color:#333333;padding:7px 7px;text-decoration: none;display: block;font-size:14px}
.dropdown2-content a:hover{background:#91278f;color:#fff;}
.dropdown2:hover .dropdown2-content{display:block;}

.dropdown2-content2{display:none;left:0;position:absolute;background:white;min-width:450px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:100000;top:30px;margin-right:5%}
.divTopAbsolute{width:100%;height:10%;position:absolute;top:0;background:white}
.divLeftAbsolute{width:10%;height:100%;position:absolute;left:0;background:white}
.dropdown2-content2 .divBasketIn{padding:2.5%}
.dropdown2-content2 a{color:#333333;padding:7px 7px;text-decoration: none;display: block;font-size:14px}
/*.dropdown-content1 a:hover{background-color:#cc9c0e}*/
.dropdown2:hover .dropdown2-content2{display:block;}

.nav-right{bottom:0;right:10px;}


/* Filters */
a{text-decoration:none;}
li{list-style:none;}
.menu-wrap2{width:90%;margin:0 auto;}
.menu-sidebar2 p{padding-bottom:20px;font-size:14px;font-weight:bold;color:#cc9c0e}
.menu-sidebar2 li > a{color:white;font-size:1.18em;position:relative;}
.menu-sidebar2 li > a:hover:after{background-position:-100% 0;}
.menu-sidebar2 .menu-item-has-children{position:relative;}
.menu-sidebar2 .menu-item-has-children .sub-menu{display:none;}
.sidebar-menu-arrow2:after{padding:5px;color:#f7941d;position:relative;}
.sidebar-menu-arrow2:hover:after{cursor:pointer;color:red;}
.sidebar-menu-arrow2:active:after{top:2px;}
/*SIDE NAV*/
.nav-right i{margin-right:2%;margin-top:1.5%}
.sidenav2{width:100%;height:100%;width:0;position:absolute;z-index:1;top:0;right:0;background-color:#333333;overflow-x:hidden;transition:0.5s;padding-top:1px;float:left;position:fixed;z-index:10000000000;}
.sidenav2 a{padding:8px 8px 8px 32px;text-decoration:none;font-size:14px;color:#818181;display:block;transition:0.3s;}
.sidenav2 a:hover, .offcanvas a:focus{color:#f1f1f1;}
.sidenav2 .closebtn2{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;}}

.navbar-nav>li>.dropdown-menu {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.dropdown-menu {
   /*width: 100%;*/
   min-width: 300px;
}

.mega-dropdown {
   position: static !important;
}

.navbar-brand {
   border-right: 2px solid #eee;
}

.mega-dropdown-menu > li > ul {
   padding: 0;
   margin: 0;
}

.mega-dropdown-menu > li > ul > li {
   list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: normal;
   line-height: 1.428571429;
   color: #999;
   white-space: normal;
}

.mega-dropdown-menu > li > ul > li > a:hover {
   color: #e2e2e2;
   text-decoration: none;
}

.dropdown-header {
   font-size: 15px;
   text-transform: uppercase;
   font-weight: 500;
   border-bottom: 1px solid #f1f1f1;
   margin: 10px 0;
   color: #000;
}

.menu-images {
   padding: 5px 20px 5px 20px;
}



.single-item:hover,
.single-item:active,
.single-item:focus {
   background: #eee;
}

span.glyphicon.glyphicon-chevron-down {
   padding: 2px 10px;
}

.dropdown-menu{background:#fff!important;}
.navbar {
    border-radius: 4px;
}
.navbar{padding:.8% 0%;}

.navbar-header {
    float: left;}

.navbar-toggle {
    display: none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.navbar-nav {
    float: right;
    margin: 0;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav > li {
    float: right;
}
.nav > li {
    position: relative;
    display: block;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:.9em;
}
.dropdown, .dropup {
    position: relative;
}
.dropdown {
    position: relative;
}
.mega-dropdown {
    position: static !important;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navbar-nav >li{float:right;}
.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top:0px;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu {
    background: #fff !important;
}
.row {
    width: 100%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-header {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    margin: 10px 0;
    color: #000;
}
.carousel {
    position: relative;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float:right}


.btng {
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    padding:1% 3%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(71, 78, 255), rgb(43, 47, 153), 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:#0088cc;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    font-weight: bold;
    font-family: PeydaRegular;
}

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

.btnR {
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width: 100%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), 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: #ef4056;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 7px;
    font-weight: bold;
    font-family: PeydaRegular;
}

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

.btnShop {
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width: 100%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), 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: #91278c;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    font-weight: bold;
    font-family: PeydaRegular;
}

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



.btnR2 {
    font-size: .85em;
    color: #fff !important;
    border-radius: 0;
    padding: .4% 2%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), 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: #5a5a5a;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 25px;
    font-weight: bold;
    font-family: PeydaRegular;
}

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


.btng2 {
  width:15%;
  font-size:15px;
  color:#fff !important;
  border-radius: 0;
  padding: 10px 10px 10px;
  transition: all 0.7s ease-out;
  background:linear-gradient(270deg, rgb(213, 91, 142), rgb(155, 41, 126), rgba(34,34,34,0), rgba(34,34,34,0));
  background-color:rgb(211, 80, 134);
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
border:none;
font-weight:bold;
font-family:PeydaRegular;
}

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

.btng3 {
    width:100%;
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    padding: 10px 10px 10px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(213, 91, 142), rgb(155, 41, 126), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgb(211, 80, 134);
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    font-weight: bold;
    font-family: PeydaRegular;
}

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


.btnS {
    font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    padding:1% 2%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(239, 86, 97), rgb(239, 151, 86), 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:#ef5b61;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    font-weight: bold;
    font-family: PeydaRegular;
    border-radius: 100px;
    width:50%;
}

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


.btnB {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size:15px;
  color:#fff;
  border-radius: 0;
  padding: 10px 20px 10px;
  transition: all 0.7s ease-out;
  background:linear-gradient(270deg, rgba(17, 166, 215, 0.8), rgba(0, 68, 146, 0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 1px solid rgba(0, 68, 146, 0.8);
  background-color:#00a1ff;
}

.btnB:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}

section.sec18 div.divSendBox{margin-bottom:5%;}
section.sec18  textarea{background: #fff;width:100%;margin:0 auto;height:70px;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  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;
  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%;}
.lvCommentuse{display:none;opacity:0}


/*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;
    }
}


/*Range Price*/
.value {
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  text-align: center;
  display: block;
  
  /* optional */
  
  font-weight: normal;
  font-family: Verdana,Arial,sans-serif;
  font-size: 14px;
  color: #333;
}

.price-range-both.value{
  width: 100px;
  margin: 0 0 0 -50px;
  top: 26px;
}

.price-range-both{
  width: 100px;
  margin: 0 0 0 -50px;
  top: 26px;
}

.price-range-both {
  display: none; 
}

.value i {
  font-style: normal;
}


a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.PnlPayment{position:absolute;left:10.5%;width:29%;}
.PnlPayment2{position:absolute;left:50%;transform: translateX(-50%);margin-top:-5%;}


div.divSpecial{background:#ef3a4f;box-sizing:border-box;border-radius:15px;padding:1% 0}
div.divSpecial2{background:#fff !important;box-sizing:border-box}
div.divSpecial div.divSpecialDef{width:20%;float:right;}
div.divSpecial div.divSpecialDef img{width:60%;}
div.divSpecial div.divSpecialIn{width:18.8%;float:right;margin:0 .5%;background:#fff;padding:.5%;box-sizing:border-box}
div.divSpecial div.divSpecialIn img{width:100%;border-radius:10px;}
div.divSpecial div.divSpecialIn p{text-align:center;color:#3a3a3a;line-height:1.8em;}
div.divSpecial div.divSpecialIn a{text-align:center;color:#3a3a3a;line-height:2em;font-size:1.1em}
div.divSpecial div.divSpecialIn .Price{color:#00c500;font-size:1.2em}
div.divSpecial h2 {
    color: #ef3a4f;
    text-align: center;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 20% 0;
}

.boxSt {
    animation: animName 50s linear infinite;
}

@keyframes animName {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.divBannerHome img{width:50%;float:right;display:block;border-radius:15px;padding:0 .5%;box-sizing:border-box}
.ImgBrand{float:left;vertical-align:middle;width:15%;margin: 0 1% 1% .5%;}



/*filter and Sort*/
div.divFilter {
    width: 25%;
    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
}

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: 1.4em;
}

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
}


/*Article*/
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}
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:#a90b0b;}
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:85%;margin-bottom:3%;}
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}

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:white;font-size:1.2em}


div.divAbout {direction:rtl;color:#808080;line-height:1.9em;margin:0 auto;}
div.divAbout h1{font-size:2em}
div.divAbout div.divImage{float:left;width:30%;margin:0 1%}
div.divAbout div.divImage img{width:100%;}
div.divAbout div.divText{float:right;width:65%;margin:0 1%}
div.divAbout{position:relative}
/*div.divAbout div.divAboutHomeComment{position:absolute;top:5%;width:80%;left:50%;transform:translateX(-50%);}*/
div.divAbout h2{color:#8c0305;text-align:center;line-height:5em;font-size:2em;}
div.divAbout p{color:#000;line-height:2em;font-size:1em}

/*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:#0000001f}
.parallax-s{position:relative;background:url('/images/about.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;}
.parallax-p{position:relative;background:url('/images/contact.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;}



/* Shine */
span.figure{margin:0;padding:0;overflow:hidden;}
span.figure:hover+span{bottom:-36px;opacity:1;}
.hover14 span.figure{position:relative;}
.hover14 span.figure::before{position:absolute;top:0;left:-75%;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%;}}


/*Services*/
section.Services div.row{width:100%;margin:2% 0%}
section.Services div.row div.col-lg-3{width:24%;margin:0% .5%;float:right;}

.center-heading {
    text-align: center;
}

.center-heading .section-title {
  font-weight: 400;
  font-size: 28px;
  color: #3B566E;
  letter-spacing: 1.1px;
  line-height: 38px;
  margin-bottom: 20px;}

.center-heading.colored .section-title {color: #ffffff;}
.center-text {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 50px;
}

.center-text.colored {
  color: #C7E5FF;
}

.center-text p {
  margin-bottom: 30px;
}

.services-small-item {
  display: block;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 40px 28px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

.services-small-item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.services-small-item.active:before, .services-small-item:hover:before {
  opacity: 1;
}

.services-small-item.active .icon:before, .services-small-item:hover .icon:before {
  opacity: .26;
}

.services-small-item.active .icon i, .services-small-item:hover .icon i {
  background: -webkit-linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.services-small-item.active .services-title, .services-small-item:hover .services-title {
  color: #ffffff;
}

.services-small-item.active p, .services-small-item:hover p {
  color: #ffffff;
}

.services-small-item.active .button i, .services-small-item:hover .button i {
  background-image: linear-gradient(135deg, #fff 0%, #fff 100%) !important;
  color: #2b708b !important;
}

.services-small-item:hover {
  margin-top: -15px;
}

.services-small-item .icon {
  width:100%;
  height:auto;
  margin: auto;
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}


.services-small-item .icon img{
  display: block;
  border-radius:7px;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.services-small-item .services-title {
  font-weight: 400;
  font-size: 14px;
  color: #3B566E;
  letter-spacing: 0.7px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.services-small-item p {
  font-weight: 400;
  font-size:13px;
  color: #6F8BA4;
  letter-spacing: 0.88px;
  line-height: 26px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 30px;
}

.services-small-item .button {
  position: relative;
  z-index: 2;
}

.services-small-item .button i {
  width: 42px;
  height: 42px;
  background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  padding-left: 3px;
}

.services-small-item:hover + .item-bg {
  bottom: 30px;
}
 
.item-bg {
  content: '';
  position: absolute;
  width: 80%;
  height: 15px;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

















/*Services*/
figure.snip0018 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin:0 .5%;
  width:24%;
  background: #000000;
  text-align: center;
  float:right;
}
figure.snip0018 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0018 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0018 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip0018 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
figure.snip0018 figcaption::before {
  position: absolute;
  top: 50%;
  right: 50%;
  left: 50%;
  height: 2px;
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0018 h2,
figure.snip0018 p {
  margin: 0;
  padding: 10px 5px;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
}
figure.snip0018 h2 {
  display: inline-block;
  word-spacing: -0.1em;
  font-weight: 300;
  text-transform: uppercase;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0018 h2 span {
  font-weight: 800;
}
figure.snip0018 p {
  font-weight: 300;
  top: 0%;
  color: #000;
  background: #fff;
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
font-size:.8em;
line-height: 1.5em;

}
figure.snip0018 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #333;
}
figure.snip0018:hover img {
  opacity: 0.7;
}
figure.snip0018:hover figcaption h2,
figure.snip0018:hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0018:hover figcaption h2 {
  opacity: 1;
}
figure.snip0018:hover figcaption p {
  opacity: 1;
}
figure.snip0018:hover figcaption::before {
  background: #ffffff;
  left: 0px;
  right: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}



/*Gallery*/
a.All{color:white;font-size:18px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;}

/*Hover Image*/
.hover-effectF {position: relative;}
.hover-effectF::before {
        right: 0;
        opacity: 0.7;
        top: 0;
    }
.hover-effectF::after {
    bottom: 0;
    opacity: 0.7;
    left: 0;
}
.hover-effectF::before, .hover-effectF::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s !important;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s !important;
}
.hover-effectF:hover::after, .hover-effectF:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}


/**/
.wrapper {
    background: #a9e4f7;
    background: linear-gradient(to right, #232526, #414345);
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    padding: 50px 0;
}

.rows2 {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

    .rows2:last-child {
        margin-bottom: 0px;
    }

    .rows2 .container2 {
        width: 100%;
    }

.container2:hover {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.47);
}

.rows2:nth-of-type(1) .container2 {
    width: 100%;
}

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

.rows2 .caption {
    cursor: pointer;
}

.rows2 h2 {
    display: inline;
    background: rgba(51, 51, 51, 0.5);
    padding: 15px;
    letter-spacing: 2px;
    font-weight: 100;
    font-size: 22px;
    cursor: pointer;
}

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

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

    .effect1 img {
        position: relative;
    }

    /*Line*/
    .effect1 .caption:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 49%;
        width: 3px;
        height: 0;
        background-color: #fff;
        transition: top .5s, height .5s;
    }

    .effect1:hover .caption:before, .effect1:active .caption:before {
        top: 0;
        height: 100%;
    }

    /*Left & Right Side*/
    .effect1 .leftSide,
    .effect1 .rightSide {
        position: absolute;
        top: 0;
        left: -125%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(98, 62, 126) 100%);
        transition: left .7s;
    }

    .effect1 .rightSide {
        left: 125%;
        background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(167, 0, 201) 100%);
    }

    .effect1:hover .leftSide,
    .effect1:active .leftSide {
        left: 0;
    }

    .effect1:hover .rightSide,
    .effect1:active .rightSide {
        left: 49%;
    }

    /* Text */
    .effect1 .leftInfo,
    .effect1 .rightInfo {
        opacity: 0;
        font-size: 1em;
        position: absolute;
        top: 50%;
        transition: opacity .6s, left .6s;
    }

    .effect1 .leftInfo {
        color: #fff;
        transform: translate(-100%, -50%);
        left: 0;
    }

    .effect1 .rightInfo {
        color: #fff;
        transform: translateY(-50%);
        left: 100%;
    }

    .effect1:hover .leftInfo,
    .effect1:active .leftInfo {
        opacity: 1;
        left: 47%;
    }

    .effect1:hover .rightInfo,
    .effect1:active .rightInfo {
        opacity: 1;
        left: 53%;
    }







/*Chek Box add Tages*/
/* Star Rating Styles */
/*Search*/
.label {
  font-size: .625rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: +1.3px;
  margin-bottom: 1rem;
}

.searchBar {
  width:15%;
  display: flex;
  flex-direction: row;
  align-items: center;
  float:right;
  margin-left:3%;
}
.searchBar i{color:rgba(0, 0, 0, 0.36)}

#searchQueryInput {
  width: 100%;
  height: 2.1rem;
  outline: none;
  border:1px solid rgba(0,0,0,0.36);
  border-radius: 1.625rem;
  padding: 0 2.5rem 0 2.5rem;
  font-size: 1rem;
  z-index:10000;
}

#searchQuerySubmit {
  width: 3.5rem;
  height: 2.8rem;
  margin-left: -2.5rem;
  background: none;
  border: none;
  outline: none;
  z-index:100000;
}
#searchQuerySubmit2{
    width: 3.5rem;
    height: 2.8rem;
    margin-right: -2.6rem;
    background: none;
    border: none;
    outline: none;
    z-index: 100000;
}

#searchQuerySubmit:hover {
  cursor: pointer;
}



/*Scroll*/
.scrollscreen--track {
    width:18px;
    background:#fff}

.scrollscreen--slider {
    padding:.25em;
}

.scrollscreen--slider::after {
    background:#94298d;
    border-radius:9999em;
}

.scrollscreen	{
	position:relative;
}

.scrollscreen--track {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    pointer-events:none;
}

*[dir='rtl'] .scrollscreen--track {
    left:0;
    right:auto;
}

.scrollscreen--slider {
    position:absolute;
    top:0;
    left:0;
    right:0;
    box-sizing:border-box;
    height:0;
    border:none;
    background:transparent;
    pointer-events:none;
}

.scrollscreen--slider::after {
    content:'';
    display:block;
    width:100%;
    height:100%;
}

.scrollscreen--content {
    position:relative;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
}

.scrollscreen--content::-webkit-scrollbar {
    /* fix WebKit problems with MacOS automatically hiding scrollbars */
    -webkit-appearance: none;
}
.scrollscreen {
	width:24em;
	height:100%;
	overflow:hidden;
}

.LineHight2{line-height:2.9em;}

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

}
.gallery-item figure {
  margin: 0;
}
.gallery-item figcaption a:hover{color:#91278f}
.gallery-item 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:1% 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0 0 14px 14px;
}


.gallery-item img {
  width: 100%;
  display:block;
}
.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;
  }
}

/*Img Change social*/
div.image-wrapSoc{float:right;}



/*Modal*/

.content {text-align: center;position: relative;}
.modal-link {position: absolute;left:1%;display: inline-block;padding-bottom:1%;}
.modal-link li{border-bottom:1px solid #e4e5e7;line-height:4em;display:flex}
.modal-link li:hover{background:#f7f8fa;}
.modal-link div.divi{float:left;width:20%;text-align:center;}
.modal-link div.diva{float:right;width:80%;text-align:left;}
.modal-link div.diva a{display:block}
.modal-button {	position: relative;}
.modal-link:active .modal-button {color: #fff;text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 5px #fff;box-shadow: 2px 2px 2px #ffffff4a, 0px 0px 35px 0px #ffffff;}
input.modal-launcher {position: absolute;width: 100%;height: 100%;left: 0;top: 0;margin: 0;opacity: 0;cursor: pointer;}		
input.modal-launcher:checked {position: fixed;width: 30px;height: 30px;width: 100%;height: 100%;right: 0;top: 0;z-index: 3;left: inherit;}
.modal-window{min-width:25%;cursor:default;background:#fff;box-shadow: 0px 5px 10px -3px #14557a;position: fixed;z-index: 333;border-radius:4px;box-sizing: border-box;margin-top: 0;display: none;text-align: justify;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #353535}	
.modal-window h2 {color: #14557a;font-weight: normal;margin-top: 0;}
.modal-window p{text-align:center;font-weight:bold;font-size:1.5em;padding:5%}	
.modal-overlay {background:rgba(10,10,10,.45);position: fixed;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;cursor: default;display: none;}	
input.modal-launcher:checked + .modal-window, input.modal-launcher:checked + .modal-window + .modal-overlay {display: block;}	
input.modal-launcher:checked:hover + .modal-window + .modal-overlay:before { background: #14557a; }
@media (max-width:767px){.modal-window {width: 70%;}}
@media (max-width:480px){.modal-window {width: 80%;}}


#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index:10000000000000000000000000000000000000000000000000000;}
#status{width: 200px;height: 200px;position: absolute;z-index:100000000000000000000000000000000;left: 50%;top: 50%;background-image: url('/images/loader.gif');background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}
.status{position:absolute;z-index:100000000000000000000000000000000;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%)}


/*Search Side*/
.search_field a{background:#f7f7f7;border:2px solid #f7f7f7}
.search_field {
	margin: 1em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width:97%;
}

.search_field input {
	/*flex-basis: 100%;*/
	font-size: 18px;
    background:#f7f7f7;
	border: 1px solid #f7f7f7;
	border-right: 0px;
	border-radius: 4px 0 0 4px;
	padding: 0.5em;
    padding-right:0;
}

.search_field button {
  color: white !important;
  background-color:#f7f7f7;
	font-size: 18px;
	border: 1px solid #f7f7f7;
	border-left: 0px;
	border-radius: 0 4px 4px 0;
	padding: 0.5em 0.8em;
}

.search_field button:hover {
  background-color: #f7f7f7;
	border-color: #f7f7f7;
}

.search_field svg {
	fill: #808080;
}


/*ChekBox*/
.checkbox {
  --background: #fff;
  --border: #D1D6EE;
  --border-hover: #BBC1E1;
  --border-active: #91278F;
  --tick: #fff;
  position: relative;
}
.checkbox input,
.checkbox svg {
  width:30px;
  height:30px;
  display: block;
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin:0 auto;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  border-radius:50%;
}
.checkbox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
.checkbox input:checked {
  --b: var(--border-active);
}
    .checkbox svg {
        pointer-events: none;
        fill: none;
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: var(--stroke, var(--border-active));
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 25px;
        -webkit-transform:translateX(-35%) translateY(-45%);
        transform: translateX(-60%) translateY(25%);
    }
.checkbox.path input:checked {
  --s: 2px;
  transition-delay: 0.4s;
}
.checkbox.path input:checked + svg {
  --a: 16.1 86.12;
  --o: 102.22;
}
.checkbox.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}
.checkbox.bounce {
  --stroke: var(--tick);
}
.checkbox.bounce input:checked {
  --s:20px;
}
.checkbox.bounce input:checked + svg {
  -webkit-animation: bounce 0.4s linear forwards 0.2s;
          animation: bounce 0.4s linear forwards 0.2s;
}
.checkbox.bounce svg {
  --scale: 0;
}

@-webkit-keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.CenterUp {right: 30%;transform: translateX(-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);
  }
}

/*Reviw Order*/

table.Orw {border-collapse: collapse;width:85%;margin:0 auto;}
    table.Orw th, table td {width:25%}
    table.Orw tr {
        border-bottom: 1px solid #dcdcdc;
    }
    table.Orw tr:first-child{border:none;}


table.Orw tr th {
    background-color: #eeeeee;
    color:#9a9899;
    width: 50%;
vertical-align:middle;
}

    table.Orw tr td {
        width: 50%
    }

    table.Orw tr:first-child td {
        background-color: #fff;
    }


/*drop Down*/
.btn {
	height: 50px;
	width: 150px;
	background: blueviolet;
	color: white;
	border: none;
	outline: none;
}

.dropdown-menu {
	display: none;
	flex-flow: column;
	background: #f2f2f2;
	height: 150px;
}

.dropdown-item {
	display: grid;
	place-items: center;
	color: #333;
	flex: 1;
}

    .dropdown-item:hover {
        cursor: pointer;
        background: #a90b0b;
        color: white;
    }

.btn:hover {
	cursor: pointer;
	filter: brightness(120%);
}

.active {
    border: 2px solid #91278f;
    color: #91278f; /*display: flex;*/
}

.dropdown-menu:hover {
	display: flex;
}


/*Tooltip*/

.wrap {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
span.Tooltip {
  outline: none;
  cursor: pointer;
  margin-right:.25%;
vertical-align:sub;
}
[tooltip] {
  position: relative;
}
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: 0.9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip);
  font-family: "Segoe UI", Arial, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em 1em;
  border-radius: 5px;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #020204;
  color: #fff;
  z-index: 1000;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up-left"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-left"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-left"]::before {
  left: 25%;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-left"]::after {
  left: 50%;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up-right"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-right"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-right"]::before {
  left: 75%;
  transform: translate(-50%, -0.5em);
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-right"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^="down-left"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[tooltip][flow^="down-left"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down-left"]::before {
  left: 30%;
}
[tooltip][flow^="down-left"]::after {
  left: 50%;
}

[tooltip][flow^="down-right"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[tooltip][flow^="down-right"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down-right"]::before {
  left: 70%;
  transform: translate(-85%, 0.5em);
}
[tooltip][flow^="down-right"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #020204;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #020204;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="up-left"]:hover::before,
[tooltip][flow^="up-left"]:hover::after,
[tooltip][flow^="up-right"]:hover::before,
[tooltip][flow^="up-right"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after,
[tooltip][flow^="down-left"]:hover::before,
[tooltip][flow^="down-left"]:hover::after,
[tooltip][flow^="down-right"]:hover::before,
[tooltip][flow^="down-right"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
@-moz-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-o-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-moz-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@-webkit-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@-o-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}

.noneImage{display:none !important}

/*Btn delete*/
.btnDel{position:absolute;left:50%;transform:translateX(-50%);bottom:0%;display:inline-block;}


/*Modal Login*/
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  max-width:650px;
  min-width: 320px;
  z-index: 1000000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.modal--show {
  visibility: visible;
}
.modal--show ~ .overlay {
  opacity: 1;
  visibility: visible;
}
.modal--show .modal__content {
  transform: rotateX(0deg);
  opacity: 1;
}
.modal__content {
  background: white;
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 6px;
  box-shadow: 0 15px 100px -60px rgba(0, 0, 0, 0.7);
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  transition: all 0.3s;
}
.modal__title {
  text-align: center;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.btn {
  display: block;
  margin: 0 auto;
  color: #7875eb;
  border: 3px solid #7875eb;
  text-transform: uppercase;
  font-weight: bold;
  background: white;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 6px;
}

/*Online Cat*/
.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  text-align: center;
  margin: 0;
  width:23%;
  float:right;
  margin:1%
}

.imgs {
  width:100%;
  border-radius: 50%;
  margin: 10px 0 10px 0;
}

.info-1 {
	background: rgba(0, 0, 0, 0.8);
	width: inherit;
	height: inherit;
  border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}

.infos h3 {
	font-size: 25px;
	margin: 0;
	padding: 55px 0 15px 0;
}

.infos p {
  font-size: 15px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 10px;
  margin: 0 30px;
  line-height: 1.7;
}

.infos p a {
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
}

.info-1 p a:hover {
	color: #b8860b;
}

.info-2 p a:hover {
	color: #59405c;
}

.info-4 p a:hover {
	color: #b8860b !important;
}

.imgs:hover .infos {
  transform: scale(1);
	opacity: 1;
}

.info-2 {
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}

.img-3 {
  
  background-position: center center;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.info-3-front {
  background-position: center;
  box-shadow: 
		inset 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.info-3-front img{width:100%;border-radius:50%;display:block; }

.imgcat3 img{width:100%;border-radius:50%;display:block;}

.wrap-3 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
    perspective: 1000px;
    top: 0px;
    left: 0px;
    background: #5a5a5a;
    /*box-shadow: 
		0 0 0 20px rgba(255, 255, 255, 0.2);*/
}

.info-3 {
	position: absolute;
	width:100%;
	height:100%;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	transform-style: preserve-3d;
}

.info-3-front, .info-3-back {
	display: block;
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: 50%; 
	-webkit-backface-visibility: hidden;
}

.info-3-back {
    transform: rotate3d(0, 1, 0, 180deg);
    background: #00000078;
}
.info-3-back a{color:#ffbcfe}

.img-3:hover .wrap-3 {
	box-shadow: 
		0 0 0 0 rgba(255, 255, 255, 0.2);
}

.img-3:hover .info-3 {
	transform: rotate3d(0, 1, 0, -180deg);
}


 /*ChekBox*/
 ul.ks-cboxtags {
    list-style: none;
    padding: 20px;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:1.2em ;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}
.fa-check:before{content:"\f00c";}
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 2px solid #e9a1ff;
}

.Radio input {color:#91278f;}

.Radio strong {
    color: #58ba83;
}
.Radio .transition {
    transition: all 0.3s ease-out;
}
.Radio .heading {
    text-align: center;
    font-size: 0.8em;
}
.Radio .center-align {
    width: 300px;
    height: 80px;
    display: table;
    margin-top: -40px;
    margin-left: -150px;
}
.Radio input[type="radio"] {
    visibility: hidden;
    height: 0;
    width: 0;
    display:none;
/*new*/
}
.Radio label {
    display:block;
    margin:2% .5%;
    vertical-align: middle;
    cursor: pointer;
    background: #454545;
    color: white;
    padding:12px 9px;
    border-radius:10px;
    transition: all 0.3s ease-out;
    font-size:.9em;
}
.Radio input[type="radio"]:checked + label {
    background-color:#91278f;
}
div#divHeader div.divTel #phoneM-i-phone{display:none}





/*Responsive*/
@media only screen and (max-width:1800px) {
.searchBar{margin-left:4.5% !important;}
}

@media only screen and (max-width:1650px){
.searchBar{margin-left:6% !important;}

/* caroufredsel */
div.divInfoHome{font-size:.8em}
}
@media only screen and (max-width:1500px){
.services-small-item {min-height:400px}
.searchBar{margin-left:8% !important;}
.circle__content {font-size:.85em}
.circle__content h3{line-height:1.5em}
}
@media only screen and (max-width:1300px){
div#divAll div.divPro-Tag{width:31.3%;padding:.5% .5% 0% .5%;float:right;min-height:410px}
div#divAll div.divContent div.divContent-L{width:59%;float:left}
div#divAll div.divContent div.divContent-R{width:38%;float:right;padding:.5% .5%;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
.btnS {padding: 5px 5px 4px !important;}
div.divInfoHome{font-size:.7em;}
.btng2{width:25% !important}
div.onlinedesigns{width:48%}
}

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

.modal-content3 {width:40% !important}
}

@media only screen and (max-width:1100px){
.menu > ul > li a {text-decoration:none;padding:.12em 2em;display: block;}
div#divHeader{width:96%;padding:1% 2%;}
div#divAll div.divPro{width:30.8%}
div#divAll div.divKind{position:relative;width:25%;}

div#divAll div#divProImage{width:95%;float:none;display:table;margin:0 auto}


div.divProductpro{width:100%;float:none}
div.divAddBasket{width:96%;float:none;background:#f5f5f5;border: 1px solid #e4e4e4;border-radius:5px;padding:3% 2%;margin:0 auto;text-align:center;}
figure.snip0018 p {font-size:.65em !important;}

div#divAll div#divFooter div#divFooterIn div.divfooter{font-size:14px}
div#divAll div#divArticle img{margin-left:auto;margin-right:auto;display:block;width:100%}
.modal-content3 {width:55% !important}

.divtxtBox2{width:100%;margin:0 auto;margin-bottom:1%}

.exo-menu > li {display:inline-block;padding:0% 3%;font-size:.8em}

.modal-content{width:50%}

div#divAll div#divFooter div.divfooter h3{font-size:.8em}
div#divAll div#divFooter div.divfooter p{font-size:.8em}

div#divAll div.divContent{width:95%}

.c-checkout-steps{width:600px}
.c-checkout-steps li::before{width:280px}
}
@media only screen and (max-width:999px){
div#divAll div.divPro{height:280px}
div.divSpecial{display:none}
div.divSlider {width:100%;float:none;}
.menu > ul > li a {text-decoration:none;padding:.12em 1.4em;display: block;}
.exo-menu > li {display:inline-block;padding:0% 1.5%;font-size:.8em}
div.divGalley {width:32.333%;}

div#divAll div#cphContent_divProprice{width:98%;float:none;padding:0% 1%;}
div#divAll div.divProComment{width:96%;float:none;margin-left:0%;padding:1% 1%;margin:0 auto}

.menu li a {padding: 12px 12px !important;font-size:.73em !important}

div#divHeader div#divMenu {text-align:center}

div#divAll div.divFactor{width:95%;float:none;margin-bottom:3%;background:#fff;box-shadow: 0 2px 3px rgba(0,0,0,0.08);padding:2% 2%;border: 1px solid #ececec;}
div#divAll div.divPayments{width:100%;float:none;margin:0 auto}

div#divAll div.divPro a{font-size: 12px;}

.w-95-480{width:95% !important}
}

@media only screen and (max-width:830px){
.w100-830{width:95%}
}

@media only screen and (max-width:740px){
.gallery-item figcaption a {font-size:1.3em !important;}
div#divAll div.divPro div.divProTitle a{font-size:.65em !important;}
div#divAll div.divPro div.divPrice{font-size:.8em !important;}
div.divoption div.dropdown3{margin-left:0%;width:33.3333%}
p.AddresBar{font-size:.7em !important; }
div.divProfile div.divUsercash{width: 50%;float: none;margin: 0 auto;margin-bottom: 0px;margin-bottom: 5%;}

div#divFooter div.divFooterIn h4{width:100%}

div#divProduct div#divProductdetail h1{font-size:1em;}
div#divProduct div#divProductdetail  #divProductdetailL h3{font-size:.9em;}
    .table-fill td span.Title{font-size:.7em}

    div#divProduct {
        display: block
    }
div#divProduct div#divProductimg {
    display: flex;
    padding: 2%;
    width: 96%;}
div#divProduct div#divProductdetail{width: 98%;padding: 1%;}
div#divProduct div#divProductdetail div#divProductdetailL{float:initial;width:100%;}
div#divProduct div#divProductdetail div#divProductdetailPrice{float:initial;width:100%;margin-top:2%;}
.divshopserv{flex-wrap: wrap;}
.divshopserv .divshopservin{width:25%;}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty{line-height:5}
.divCommentPro{font-size:.8em;}
section.sec18{padding: 0 5%;}
section.sec18 p{font-size:.8em}
section.sec18 textarea{width:96%;}
section.sec18 input.Send2{width:96%;}

.slick-next {
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    background: url('/images/Icon/ArrowR2.png') !important;
    right: 0;z-index:100;
}
.slick-next:before {
    content: url(/images/Icon/ArrowR2.png);
}
.slick-prev {
    position: absolute;
    width:20px !important;
    height:20px !important;
    background: url('/images/Icon/ArrowL2.png') !important;
    left: 0;z-index:1000;
}
.slick-prev:before {
    content: url(/images/Icon/ArrowL2.png);
}

.divBrands{width:49%;}
.divBannerHome img {width:100%;margin-bottom:2%}

section#SecArticle div.divArticleH1 {
    width:100%;
    box-sizing: border-box;
    float:none;
    padding: .25%;}
section#SecArticle div.divArticleH2 {
    width: 100%;
    box-sizing: border-box;
    float: none;
    padding: .25%;
}
section#SecArticle div.divArticleH2 div.divArticleHIn {
    width: 100%;
    float:none;
    padding: 0 .1% .1%;
    box-sizing: border-box;
}
div#divFooter div.divFooterIn{width:100%;float: right;margin-top:10%}

div#divHeader div.divTel #phoneM{display:none}
div#divHeader div.divTel #phoneM-i-phone{display:inline-block}
div#divHeader div.divTel i.fa-search{display:none}

.navbar{display:none}


div#divHeader div.divoption i.fa-search{display:inline-block}
div.divPayment{width:92%}
div#divAll div.divPaymentL{width:100%;float: none;}
div#divAll div.divPaymentR{width:100%;float:none;}
.PnlPayment{top:inherit !important;position:inherit;margin-bottom:5%;width: 94%;margin:0 auto;background: #f5f5f5;padding: 0% 3%;padding-bottom: 0%;padding-bottom: 15%;}

.d740{display:none !important}
div.divSearch input#txtSearch {width:80%;}

.c-checkout-steps{width:400px}
.c-checkout-steps li::before{width:180px}

div#divAll div#divProImage div.divSlider img{width:98%;float:none;margin:1%;}
div#divAll div#divProImage div.divSlider{width:100% !important;float:none !important;padding-top:15%}
div#divAll div#divProImage div#cphContent_divProprice{width:98% !important;float:none !important;position:initial}


div.divOnlineBaskets {
    width: 98% !important;
    margin: 0 auto;}

div.divProfile {
    width:100% !important;
    margin: 0 auto;
    font-size: 15px;
    padding: 5% 0%;}

div.divContactus div.divContactusIn{width:100%;float:none;}
.Map{width:100%;position:inherit;height:500px !important;top:0;}

.Mediumtxt {
    font-size: .8em;
}
.btnR {line-height:2.5em}
div#divForm div.txtFaq{width:95%;margin: 1%;float: none;font-size:.8em}
div#divForm div.txtFaq2 textarea{font-size:.8em}
div.divSignup {width:90% !important}
.nivo-nextNav {right: 2%;}
div.divLogin {width: 90%;}
.nivo-prevNav {left: -2%;}

.slick-next::before {content:inherit !important}
.tab-content{display: none;padding:3px !important;border-top: none;}
.tab-box{width: 100% !important}
div.divContent h1 {
    font-size: 1.1em;
    line-height: 2.2em;
}
.Side-MenuRe{display:inline-block;}
div#divHeader div#divLogo{width:33.333%;margin:0 auto}
div#divHeader div#divLogo img{width:100%;display:block}
div#divHeader div#divLogo span{font-size:.85em;}
div#divHeader{width:96%;padding:.5% 2%;}
div.divTel #Searchbox{display:none}
div#divHeader div.divoption{position:absolute;top:1%;left:1%;width:50%}

div#divAll div#divProGallery div.divProGalleryIn{width:31.333% !important;float: left;margin: 0% 1% !important;}
  
div#divAll div#divFooter div.divPart{width:70%;float:none;margin-bottom:5% !important;margin:0 auto;}
div#divAll div#divFooter div.divPart div.divPartRS{display:table !important;margin:0 auto;width:100%;}
div#divAll div#divFooter div.divPart img.LFR{width:auto !important;}
div#divAll div#divFooter div.divPart div.E-namad img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.image-wrapSoc{width:20%}

div.divPhoneSide{display:block;position:absolute;top:2%;left:4%;z-index:1000;}
div.divoption span#PLogin{}
div.divoption div#PLoginName{float:left}

/*div.divoption span#PLogin{position:absolute;left:0%;}*/
/*div.divoption div.dropdown{position:absolute;left:50%;transform:translateX(-50%);top:-25px;}*/


div.divoption div.dropdown{}
div.divoption div.dropdown img{margin-left:8%;}
.nivo-directionNav {display: none;}

div.divoption div.dropdown i{margin:0 auto;display:table}
div.divoption div.dropdown2 i{float:right}

section.Services div.row div.col-lg-3 {width:49% !important;margin: 0% .5%;float: right;}

div#divAll div.divArticle{width:94%;padding:2% 2%;float:none;font-size: 13px;line-height: 2em;}
div#divAll div.divArticle div.divArticleIn img{width:80%;margin-left:auto;margin-right:auto;display:block}
div#divAll div.divArticle div.divArticleIn img.imgArt{width:40%;float:left;margin-right:2%;margin-bottom:2%;}
div#divAll div.divSuject{width:100%;padding:1% 1%;float:none}
div.divFilter div.divTitle {bottom:5%;}

div.divArticleIn img{width:100%;margin-left:auto;margin-right:auto;display:block}

.None740{display:none}

figure.snip0018{width:49% !important}

.FloatLeft-740{float:left}
.dropdown-content1{left:50%;transform: translateX(-50%);}
div#divAll div.divPro{height:auto}
div#divAll div#divFooter div#divFooterIn div.divfooter{font-size:10px}
div#divAll div.divKind{position:relative;width:33.33%;}
div.divInfo img {margin-left: 2%;width:15%}

div.divProfile div.divUser{width:90% !important;float:none !important;margin:0 auto}
div.divProfile div.divUserInfo{width:90% !important;float:none !important;margin:0 auto}

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

.divtxtBox{width:90%;margin:0 auto;margin-bottom:2%}

div.divAddBasket{float:none;margin-left:0%;}

div#divAll div.divSignupForm{width:90%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:100%;float:none;margin:0 auto;padding:5% 0%}
div#divAll div.divSignupForm div.divHelpForm{width:100%;float:none;margin:0 auto;border-bottom:10px solid #fff;padding:5% 0%}

div.FixMenu{-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;position:fixed !important;z-index:1000000000;top:0;padding: 1% 2% !important;}

div#divMenu div#divMenuIn{display:none;}
div#divHeader div#divUser{padding:.2% 1%;top:0%;left: 0%;transform: translateY(-0%);text-align: right;width:98%;position: initial;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);margin-bottom:1%;display:inline-block}
div#divMenuSide{display:inline-block;position:absolute;top:72%;right:2.25%;transform:translateY(-50%);background:url('/images/MenuSide.png');width:30px;height:30px}
 
.modal-content3 {width:80% !important}

.lux-title:after{background:url('/images/BackTitle1-r.png');width:75px;height:10px;display:inline-block;background-repeat:no-repeat;content: " ";margin-right:.5%}
.lux-title::before{background:url('/images/BackTitle2-r.png');width:75px;height:10px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%}
.lux-title{font-size:.75em !important}

div#divAll div.divContent div.divContent-L{width:100%;float:none}
div#divAll div.divContent div.divContent-R{width:50%;float:none;margin:0 auto;margin:3% auto;}
div#divAll div.divPro-Tag{width:48%;padding:.5% .5% 0% .5%;float:right;min-height:410px}

span.nav-right i{display:inline-block !important}
 .menu > ul > li a {padding: 0.1em 1.5em;}

.slick-prev{left:-6px;}
.slick-next{right:0px;}

.btng2{width:50% !important}

.dropdown2{position:relative;width:32.3333%}
.dropdown2 .DR2{float:right}



#lightbox-nav-btnPrev{left:0;float:left;display:block;height:180px !important;}
#lightbox-nav-btnNext{right:0;float:right;display:block;height:180px !important;}

div.divProfile div.divUser{width:90% !important;float:none !important;margin:0 auto;margin-bottom:7%;margin-top:7%;}

div.divOnlineOrder{width:48%;float:right;margin:1%;}
div#divAll div#divFooter div.divPart p {
    color: #fff;
    text-align: center !important;
    font-size: .7em !important;}
div#divDesignProduct2 div#divimgDesgin div#divImg div.divTagPrice div.divTagImgPrice a{font-size:.7em;line-height:1.5em;}
.ORI img {
    width: 50%;
    border-radius: 50%;
}

.box2 {
    background: url(/images/plus.png) !important;
    background-position: center center !important;
}
}
 
@media only screen and (max-width:580px) {
div.onlinedesigns{width:98%}
.photogallery menu{margin-right:-10% !important;}
table.Orw tr th {width:96%}
table.Orw tr td {width:96%}

.dropdown2-content2{left:initial !important;margin-right:0;max-width:300px !important;transform:translateX(-50%);max-height: 222px;overflow: scroll;}

div.divAddress{width:80%;}

.flex-container{width:90% !important;margin:5% !important;}
div#divAll table.UserInfoPay td {font-size:.7em;}

div.divMenuUs a{font-size:.7em}
div.divOnlineBaskets a {
    font-size: .7em;}

.c-checkout-steps{width:320px}
.c-checkout-steps li::before{width:140px}

/*div#divAll div.divPaymentL div.divOperations{margin-bottom:35%;}*/

div#divAll table.UserInfo img{width:18px;}

table.Orw {width:100%;}

.Radio label {
    display:inherit !important;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #454545;
    color: white;
    padding: 3px 7px 9px !important;
    border-radius:15px !important;
    transition: all 0.3s ease-out;
    font-size: .7em;
}
table.Orw th, table.Orw td {
padding: 2% !important;
width: 46%;
display: block;
float: right;
}

div#divAll table.tbBasket tr td{width: 96%;}

div.divConsultationa {
    display: none;
}
div.divConsultationb {
    width: 100%;
    padding: 1% 1%;
}
table.Orw {width:100%;text-align:right}
table.Orw tr th{font-size: .7em;}
.ORI img {
    width: 100%;
    border-radius: 50%;
}

.accordion__content {
    border-radius: 4px;
    padding: 3px;
    margin-top: 5px;
}

div.divProfile div.divUserInfo {
    width: 100% !important;
    float: none !important;
    margin: 0 auto;
}

.KindIMG{width:95%;float:none;margin-right:0%;margin-bottom:1%;margin-top:2%;margin-left:auto;margin-right:auto;display:block;}

div#divAll div#divFooter div#divFooterIn div.divfooter{width:100%;height:300px;float:none;font-size:90%}
div#divAll div#divFooter div.divfooter{width:100%;float:none;margin-bottom:8%;}
div.divInfo {width: 42%;float: right;margin: .5%;padding: 1% 1%;}

.modal-content2 {width:85%;}
.modal2{padding-top:5%}

div.divGalley {width:49%;}

div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1 {width:90%;float:none;}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2 {width:90%;float:none;margin:15% 0%}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3 {width:90%;float:none;}

.f30 {width:100% !important;}
.f50 {width:100% !important;}
.f70 {width:100% !important;}
.fl{float:none !important;margin-bottom: 8% !important;margin-right:0%;display:table;margin:0 auto}
.fr{float:none !important;margin-bottom: 8% !important;margin-right:0%;margin-left:0%;display:table;margin:0 auto}

.Video{width:80% !important;margin:0 auto;display:table;}

.services-small-item {min-height:350px}
div#divAll div.divPro{width:98%;}
div#divAll div.divPro img{width:99%;}

#lightbox-container-image-box {
    width: 95% !important;
    height: inherit !important;}

div.divOnlinedetail div.Inputdetail2 {
    width: 90%;
    float:none;}
div.divOnlinedetail div.Inputdetail2:first-child {font-size:.95em}

.box{width:48%;}
.box3{width:48%;}
.MarginR1{margin: 0% 0% !important;}
div.divArticles div.divArticletext{padding:0 0% !important;box-sizing:border-box;}

}
@media only screen and (max-width:480px){
.NotShowMobile{display:none}
h1{font-size:.8em}
h2{font-size:.7em}

.Property {width:28%;}
#secSlider2M{display:block;}
div.divoption div.dropdown{width:15.3333%;}
div.divoption i{font-size:1.12em}

div#divAll div#divProImage div.divSlider img {
  width: 98%;
  float: none;
  margin: 1%;
    margin-bottom: 1%;
  margin-bottom: 0;
}
.photogallery2 {display:initial !important;}
.photogallery2 menu ul li {
  overflow: hidden;
  display: block;
  margin: 1%;
  margin-top: 0;
  float: right;
  width: 31.333%;
}
.photogallery2 menu {
  margin: 0;
    margin-right: 0px;
  overflow: hidden;
  width:100% !important;
  direction: rtl;
  margin-right: -11.5% !important;
  height: initial !important;
}

div.divAddress{width:85%;}

div.divonlinereview div.divoreviewIn{float:none;width:100%;margin-bottom:5%}
div.divonlinereview div.divoreviewIn input{width:90%;}


.CenterUp{right:0 !important;}

div.divContent h2{font-size:1em !important;}

    .tooltip {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        width: 250px;
        background-color: #cb99ca;
        color: #fff;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        transition: all 0.2s ease-in-out;
        transform: translateX(-50%) translateY(-50%);
    }
    .link__tooltip {
        position: inherit !important;
        display: inline-block;
    }
div.divConsultation div.divPriceCon{min-width:200px;text-align:center;}

div.divOnlineOrder{width:98%;float:none ;margin:1%;margin-bottom:15%;}

#lightbox-container-image-box {
    width: 95% !important;
}
.modal__content{padding:0px 5px;}
div.divArticles div.divShowArticle div.divImg div.divDetail h1{font-size: 1.2em !important;}
div.divShowArticle h3{font-size: 1em !important;}



div.divTag a{line-height:2em}

div.imgproFull{/*display:none*/}
div.imgpro480{display:block}

.services-small-item:hover {
  margin-top:0px !important;
}
div#divAll div.divArticleIn{font-size:.85em;line-height: 2em;}


.modal-content2 {width:95%;padding: 3% 2.5%;}
#mySidenav2{width:60% !important}
 .btng2{width:70% !important;padding:3px 3px 3px !important;font-size:1em !important}
 .btng3{width:100% !important;padding:3px 3px 3px !important;font-size:1em !important}

figure.snip0018 p {font-size: .55em !important;}

div#divAll div.divArticle div.divArticleIn img{width:95%;margin-left:auto;margin-right:auto;display:block}
div#divAll div.divArticle div.divArticleIn img.imgArt{width:95%;float:none;margin-right:auto;margin-left:auto;display:block;margin-bottom:2%;}

.hovicon {width:85px;height:85px;}
.row .block {height:auto;}



div.divFilter2{width:48.5%;}
div.divFilter2 div.divTitle a {color: white;font-size: 12px}
div.divFilter2 div.divTitle{bottom:7%}

.samaltxt-480{font-size:.7em !important}
.largtxt-480{font-size:1em !important}
#cphContent_ddlAdress{width:100% !important;margin: 3% auto;}
.Block-480{display:block !important}

div#divAll div.divPaymentR ul.UlTransfer li {
    margin: 2% 0;
    font-size: .95em;
}
.none480{display:none}
div#divAll div#divProImage {width:100%;padding:0;}
.TextBox {width:39% !important;float:right;margin:2% 5%;}
.divtxtBox2 span {
    width: 25%;
    font-size: 13px;
    display: block;
    margin: 0 auto;}
.pure-material-textfield-outlined{width:90% !important}
.pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea {padding:10px 13px 7px}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    line-height: 52px;
    font-size: .8em;}
.pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea{width:100% !important}
.w25-MB {width:90%;margin-bottom:5%;}
div.divGalley div.divTitle {width: 94%;font-size: .6em;}

div#divZarinpal{position:absolute;left:0;top:auto;bottom:0;}

.modal-content3 {width:95% !important}

section.Services div.row div.col-lg-3 {width:49% !important;margin: 0% .5%;float: right;}
.services-small-item{padding: 40px 5px !important;}

.divtxtBox span{width:35%}


div#divAll table.UserInfo {font-size:.6em}

img.ImgBasket{width:100%}
div#divAll table.tbBasket div.divBasketPro{font-size:12px}
table#cphContent_gvBasket tr td:first-child {right:-10px;}
.dropdown-content1{min-width:410px;font-size:.9em}
.dropdown2-content2{min-width:410px;font-size:.9em}

div#divAll div.divContent div.divContent-R{width:100%;float:none;margin:0 auto;margin:3% auto;}
div#divAll div.divPro-Tag{width:48%;padding:.5% .5% 0% .5%;float:right;min-height:310px}

div#divAll div.divKind{position:relative;width:50%;}

div#divAll div#divCopyright p{font-size:.7em !important}

.modal-content{width:90%}
.pure-material-textfield-outlined {margin-bottom:2.2%}

.wrap{width:79%;margin-right:5%;margin-top:2%}

img.ImgBasket2{width: 100%;}

.c-checkout-steps__item{font-size: .9em;}
}

@media only screen and (max-width:410px) {
.wrap{width:78%;margin-right:5%;margin-top:2%}
.dropdown-content1{min-width:340px;font-size:.7em}
.dropdown2-content2{min-width:340px;font-size:.7em}

.c-checkout-steps{width:260px}
.c-checkout-steps li::before{width:110px}

figure.snip0018 p {line-height:1.2em !important}
div#divAll div#divProImage div.divSlider{padding-top:20%;}

}
@media only screen and (max-width:350px) {
.wrap{width:76%;margin-right:5%;margin-top:2%}
.dropdown-content1{min-width:320px;}
div.divInfo {width: 42%;float: right;margin: .5%;padding: 1% 1%;}

.c-checkout-steps{width:230px}
.c-checkout-steps li::before{width:95px}

}

/* Menu Responsive */
.menu-wrap{margin:0 auto;padding:1.5% 11%}
.menu-wrap img.LogoSideMenu{margin-left:auto;margin-right:auto;display:block;width:33.333%;}
.menu-wrap input#txtSearch2{width:97%;background:#f7f7f7;}
.menu-wrap input#btnSearch2{width:97%;background:#f7f7f7;}
.menu-sidebar{width:97%;margin-top:12%}
.menu-sidebar li{font-size:14px;font-weight:bold;}
.Borderli{border-bottom: 1px solid #333;}
.menu-sidebar li > a{color:#737172;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:#fff;overflow-x:hidden;transition:0.5s;padding-top:1px;float:left;position:fixed;z-index:10000000000;}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s;padding-left:1px;}
.sidenav a:hover, .offcanvas a:focus{color:#000;}
.sidenav .closebtn{position:absolute;top:0;right:5px;font-size:36px;margin-left:50px;}
@media screen and (max-height: 450px){.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}

.link__tooltip {
  position: relative;
  display:inline-block;
}
.link__tooltip:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.link {
  font-size: 1.25rem;
  color: #13a699;
  padding: 8px;
}

.tooltip {
  position: absolute;
  top: 40px;
  right:0;
  width: 250px;
  background-color:#cb99ca;
  color:#fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.tooltip:after {
  content: "";
  witdh: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: -10px;
  border: 7px solid;
  border-color: transparent transparent #fff #fff;
  box-shadow: -4px 0px 3px -3px rgba(0, 0, 0, 0.2);
}
.tooltip__content {
  padding: 10px;
}

/*Contro Number + Textbox -*/
.input-number {
  width:20px;
  padding: 0 12px;
  vertical-align: topa;
  text-align: center;
  outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
  border:none;
  height: 40px;
  user-select: none;
  background:#fff;
}

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width:30px;
  height:40px;
  line-height:40px;
  border-radius:10px 0px 0px 10px;
  background:#000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.input-number-decrement2,
.input-number-increment2 {
  display: inline-block;
  width:30px;
  height:40px;
  line-height:40px;
  border-radius:0 10px 10px 0;
  background:#000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #ddd;
}

.input-number-decrement {
  border-right: none;
}

.input-number-increment {
  border-left: none;}

.simg{margin-left:auto;margin-right:auto;display:block;width:70% !important}




/*Error Icon*/
.sa {
  padding: 26px;
  background-color: #fff;
  margin:0 auto;display:table;
}
.sa-error {
  border-radius: 50%;
  border: 4px solid #F27474;
  box-sizing: content-box;
  height: 80px;
  padding: 0;
  position: relative;
  background-color: #fff;
  width: 80px;
  animation: animateErrorIcon 0.5s;
}
.sa-error:after, .sa-error:before {
  background: #fff;
  content: "";
  height: 120px;
  position: absolute;
  transform: rotate(45deg);
  width: 60px;
}
.sa-error:before {
  border-radius: 40px 0 0 40px;
  width: 26px;
  height: 80px;
  top: -17px;
  left: 5px;
  transform-origin: 60px 60px;
  transform: rotate(-45deg);
}
.sa-error:after {
  border-radius: 0 120px 120px 0;
  left: 30px;
  top: -11px;
  transform-origin: 0 60px;
  transform: rotate(-45deg);
  animation: rotatePlaceholder 4.25s ease-in;
}
.sa-error-x {
  display: block;
  position: relative;
  z-index: 2;
}
.sa-error-placeholder {
  border-radius: 50%;
  border: 4px solid #ef394e;
  box-sizing: content-box;
  height: 80px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 80px;
  z-index: 2;
}
.sa-error-fix {
  background-color: #fff;
  height: 90px;
  left: 28px;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 5px;
  z-index: 1;
}
.sa-error-left, .sa-error-right {
  border-radius: 2px;
  display: block;
  height: 5px;
  position: absolute;
  z-index: 2;
  background-color:#ef394e;
  top: 37px;
  width: 47px;
}
.sa-error-left {
  left: 17px;
  transform: rotate(45deg);
  animation: animateXLeft 0.75s;
}
.sa-error-right {
  right: 16px;
  transform: rotate(-45deg);
  animation: animateXRight 0.75s;
}

@keyframes rotatePlaceholder {
  0%, 5% {
    transform: rotate(-45deg);
  }
  100%, 12% {
    transform: rotate(-405deg);
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateXLeft {
  0%, 65% {
    left: 82px;
    top: 95px;
    width: 0;
  }
  84% {
    left: 14px;
    top: 33px;
    width: 47px;
  }
  100% {
    left: 17px;
    top: 37px;
    width: 47px;
  }
}
@keyframes animateXRight {
  0%, 65% {
    right: 82px;
    top: 95px;
    width: 0;
  }
  84% {
    right: 14px;
    top: 33px;
    width: 47px;
  }
  100% {
    right: 16px;
    top: 37px;
    width: 47px;
  }
}

/*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;
    }
}

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

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


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

.photogallery menu ul li img {
 opacity: 0.6;
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;padding:2px
}
.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;
}


/*Detail Table */
.table-fill {width:100%;}
 
.table-fill th {
  color:#D5DDE5;
  background:#1b1e24;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
 
  
.table-fill tr {
  font-size:16px;line-height:2em;}

.table-fill td span.Title{font-size:.85em;color:rgba(0,0,0,.50);}
.table-fill td i{font-size:1.1em;color:rgba(0,0,0,.50);}
  
.table-fill td{
  background:#FFFFFF;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;width:5%
}


/*********** Mega Menu *********/
.top-head {
    margin: 0;
    border: none;
}
.col-md-3 {
    width: 25%;
    float:right;text-align:right;
}
.top-head h2 {
    margin: 0;
    line-height: 50px;
}

/*********** Css Animation *********/
#mega_menu {
    border: none;
    z-index: 9999;width:100%;
}

#mega_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align:center;
    position: relative;
}

#mega_menu ul li {
    display: inline-block;
}
#mega_menu ul li ul li a{font-size:.85em;color:#333;line-height:2em}
#mega_menu ul li ul li:hover{color:#91278f !important}

#mega_menu ul li a {
    color:#858585;
    padding: 0 23px;
    font-size:1.2em;
    line-height:1.9em;
    display: block;
    text-decoration: none;border-radius:0px;
}

#mega_menu ul li:hover a{border-bottom:3px solid #91278f;}
#mega_menu ul li:hover ul li a{background-color:initial;color:initial;border-bottom:initial}

/******** Sub menu *******/
#mega_menu ul li:hover #mega {display: block;-webkit-animation-name: megaMenu; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */animation-name: megaMenu;animation-duration: 1s;}
#mega{position: absolute;left: 0;right: 0;display: none;/*border: 1px solid rgba(0, 0, 0, 0.32);box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.32);*/z-index: 999999;background: #fff;padding:1% 2%;}
#mega ul{text-align: right;}
#mega h3 {margin: 10px 0;}
#mega ul li {display: block;}
#mega ul li a{font-size: 14px;padding: 0 0 0 15px;line-height: 25px;}
#mega ul li:hover {background-color: transparent;}
#mega ul li:hover a{color: #23a997;}
#mega img{margin-top: 15px;max-height: 150px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);}

#mega_menu ul li:hover #mega2 {display: block;-webkit-animation-name: megaMenu; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */animation-name: megaMenu;animation-duration: 1s;}
#mega2{position: absolute;left: 0;right: 0;display: none;/*border: 1px solid rgba(0, 0, 0, 0.32);box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.32)border-bottom: 1px solid #000;*/z-index: 999999;background: #fff;padding:1% 2%;}
#mega2 ul{text-align: right;}
#mega2 h3 {margin: 10px 0;}
#mega2 ul li {display: block;}
#mega2 ul li a{font-size: 14px;padding: 0 0 0 15px;line-height: 25px;}
#mega2 ul li:hover {background-color: transparent;}
#mega2 ul li:hover a{color: #23a997;}
#mega2 img{margin-top: 15px;max-height: 150px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);}

#mega_menu ul li:hover #mega3 {display: block;-webkit-animation-name: megaMenu; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */animation-name: megaMenu;animation-duration: 1s;}
#mega3{position: absolute;left: 0;right: 0;display: none;border: 1px solid rgba(0, 0, 0, 0.32);box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.32);z-index: 999999;background: #fff;padding:1% 2%;}
#mega3 ul{text-align: right;}
#mega3 h3 {margin: 10px 0;}
#mega3 ul li {display: block;}
#mega3 ul li a{font-size: 14px;padding: 0 0 0 15px;line-height: 25px;}
#mega3 ul li:hover {background-color: transparent;}
#mega3 ul li:hover a{color: #23a997;}
#mega3 img{margin-top: 15px;max-height: 150px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);}

#mega_menu ul li:hover #mega4 {display: block;-webkit-animation-name: megaMenu; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */animation-name: megaMenu;animation-duration: 1s;}
#mega4{position: absolute;left: 0;right: 0;display: none;border: 1px solid rgba(0, 0, 0, 0.32);box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.32);z-index: 999999;background: #fff;padding:1% 2%;}
#mega4 ul{text-align: right;}
#mega4 h3 {margin: 10px 0;}
#mega4 ul li {display: block;}
#mega4 ul li a{font-size: 14px;padding: 0 0 0 15px;line-height: 25px;}
#mega4 ul li:hover {background-color: transparent;}
#mega4 ul li:hover a{color: #23a997;}
#mega4 img{margin-top: 15px;max-height: 150px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);}

#mega_menu ul li:hover #mega5 {display: block;-webkit-animation-name: megaMenu; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */animation-name: megaMenu;animation-duration: 1s;}
#mega5{position: absolute;left: 0;right: 0;display: none;border: 1px solid rgba(0, 0, 0, 0.32);box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.32);z-index: 999999;background: #fff;padding:1% 2%;}
#mega5 ul{text-align: right;}
#mega5 h3 {margin: 10px 0;}
#mega5 ul li {display: block;}
#mega5 ul li a{font-size: 14px;padding: 0 0 0 15px;line-height: 25px;}
#mega5 ul li:hover {background-color: transparent;}
#mega5 ul li:hover a{color: #23a997;}
#mega5 img{margin-top: 15px;max-height: 150px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);}


@keyframes megaMenu {
    0% {
        opacity: 0;
        margin-top: 50px
    }
    20% {
        opacity: .25
    }
    50% {
        opacity: 1;
        margin-top: -2px
    }
    100% {
        margin-top: 0;
    }
}

/*home card*/

.containerhBack {
    background: #eff0f4;
    padding: 50px 25px;
    box-sizing: border-box;
  width: 100%;
}
.containerh {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
}

.droph {
  position: relative;
  width: 350px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05),
    25px 35px 20px rgba(0, 0, 0, 0.05),
    25px 30px 30px rgba(0, 0, 0, 0.05),
    inset -20px -20px 25px rgba(255, 255, 255, 0.9);
  transition: 0.5s ease-in-out;
}

.droph:nth-child(1) {
  border-radius: 49% 51% 70% 30% / 30% 30% 70% 70%;
}

.droph:nth-child(2) {
  border-radius: 49% 51% 41% 59% / 52% 30% 70% 48%;
}

.droph:nth-child(3) {
  border-radius: 76% 24% 40% 60% / 40% 69% 31% 60%;
}

.droph:hover {
  border-radius: 50%;
}

.droph::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 85px;
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
}

.droph::after {
  content: '';
  position: absolute;
  top: 100px;
  left: 110px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.7;
}

.droph .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
  /*padding-inline: 50px;*/
}

.containerhBack h2 {text-align:center;margin-bottom:2%;font-size:1.2em;color:rgba(0,0,0,0.87)}
.droph .content img{width:105%;}

.droph .content span{
  position: relative;
  padding: 10px 25px;
  background: /*var(--color)*/#ff0f5b;
  color: #fff;
  border-radius: 25px;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0.75;
  transition: 0.5s;
}

.droph .content a:hover {
  cursor: pointer;
  opacity: 1;
}

/*.droph .content a::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 5px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  transition: 0.5s;
}*/
/*
.droph .content a:hover::before {
  transform: translateX(-50%) translateY(28px);
  width: 65%;
}*/

/*Social S*/

.flx {
  display:flex;
  justify-content: center;
  align-items: center;
}

.nshare {
  box-sizing: border-box;
  margin-top: calc(var(--nshare-spacing) * -1);
  margin-right: calc(var(--nshare-spacing) * -1);
}
.nshare-item {
  margin-right: var(--nshare-spacing);
  margin-top: var(--nshare-spacing);
}
.nshare-item,
.nshare-item:hover,
.nshare-item:active {
  text-decoration: none;
  color: inherit;
}
.nshare-item {transition: background .3s, color .3s;}
.nshare a {
    padding-bottom: initial !important;opacity:1 !important;
}
.nshare-item i {
  transition: transform .3s;
  margin: 0;color:#fff;
}
.nshare, .nshare-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.nshare-fb {background-color: var(--nshare-facebook);}
.nshare-tt {background-color: var(--nshare-twitter);}
.nshare-pt {background-color: var(--nshare-pinterest);}
.nshare-tb {background-color: var(--nshare-tumblr);}
.nshare-rd {background-color: var(--nshare-reddit);}
.nshare-vk {background-color: var(--nshare-vk);}
.nshare-ws {background-color: var(--nshare-whatsapp);}
.nshare-tlg {background-color: var(--nshare-telegram);}
.nshare-msj {background-color: var(--nshare-email);}

.nshare-fb:hover {color: var(--nshare-facebook);}
.nshare-tt:hover {color: var(--nshare-twitter);}
.nshare-pt:hover {color: var(--nshare-pinterest);}
.nshare-tb:hover {color: var(--nshare-tumblr);}
.nshare-rd:hover {color: var(--nshare-reddit);}
.nshare-vk:hover {color: var(--nshare-vk);}
.nshare-ws:hover {color: var(--nshare-whatsapp);}
.nshare-tlg:hover {color: var(--nshare-telegram);}
.nshare-msj:hover {color: var(--nshare-email);}

.nshare-item:hover i {transform: rotate(360deg);}
/*}} Fin del core {{*/

/*! Personalización */
/* Contenedor
-----------------------------------------*/
.nshare {
  --nshare-spacing: .5rem; /* separacion interna */
  padding-top:0; /* separacion superior */
  padding-bottom:0; /* separacion inferior */
}
/* Redes sociales
-----------------------------------------*/
.nshare {
  --nshare-facebook: #1778F2;
  --nshare-twitter: #55ACEE;
  --nshare-pinterest: #F0002A;
  --nshare-tumblr: #35465C;
  --nshare-reddit: #FF4500;
  --nshare-vk: #4376A6;
  --nshare-whatsapp: #4FCE5D;
  --nshare-telegram: #0088CC;
  --nshare-email: #464EB8;
}
/* Botones
-----------------------------------------*/
.nshare-item {
  font-size: 22px !important; /* tamaño de iconos */
  width: 48px; /* ancho */
  height: 48px; /* alto */
  border-radius: .5rem; /* bordes redondeados */
  color: #fff; /* color */
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),
              0 2px 5px -1px rgba(0,0,0,.05); /* sombra */
}
.nshare-item:hover {
    }
/*E*/