/*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: 'IRANSans';
    src: url('/fonts/IRANSansWebFaNum.eot?#') format('eot'), /* IE6�8 */
    url('/fonts/IRANSansWebFaNum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IRANSansWebFaNum.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IRANSansWebFaNum.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'IRANSansWebFaNum';
    src: url('/fonts/IRANSansWebFaNum.eot?#') format('eot'), /* IE6�8 */
    url('/fonts/IRANSansWebFaNum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IRANSansWebFaNum.woff2') format('woff2'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IRANSansWebFaNum.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-location:before {
    content: "\f124";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc";
}
/************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-address-book-o:before{content: "\f2ba";}
.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";
}

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

a.Click:link{color:#ff6a00 !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:#ff6a00;text-decoration:underline;}
a.Click:hover{color:#ff6a00 !important;}


.VAT{vertical-align:top;}
.Fixheader{position:fixed !important;width:100%;z-index:100000;-webkit-transition: all 1s;transition: all 1s;background:#fff;-webkit-transition: all 1s;transition: all 1s;}
.Fixheader div#logo{-webkit-transition: all 1s;transition: all 1s;width:5% !important;}

.FloatLeft{float:left;}
.FloatRight{float:right;}
.IRANSans{font-family:IRANSansWebFaNum}
.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}
.Yellow{color:#ddd15d}
.white{color:white}
.Black{color:#333333}
.Red{color:red}
.Red2{color:#b2001a}
/*.Blue{color:#2471a3}*/
.Blue{color:#16a98b}
.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}
.X14{font-size:14px;}
.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}

/*show alt img auto*/
.alt{text-align: center;display:block;color: #797979;padding-bottom: 1%;line-height: 1.5em;}
.Entery{border: 1px solid #16a98b;color:#16a98b !important;font-weight:bold;border-radius: 10px;padding: 1%;margin: 0 1%;display: inline-block;font-size:.85em}
.Entery i{font-size:1.2em !important;vertical-align:middle;}

.ddladd option{font-family:IRANSans !important;}
.ddladd{font-family:IRANSans !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}

.bannerFull{width:100%;border-radius:15px}

.BackgroundTitle{position:relative;font-size:1.2em;color:#000000 !important;font-weight:normal;width:300px;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
.BackgroundTitle:before{background:url('/images/backt.png') no-repeat;content: '';display:inline-block;vertical-align:middle;height:30px;width:50px;}
/*.BackgroundTitle::before{background:url('/images/BackTitle2.png');vertical-align:text-bottom;width:40px;height:31px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%}
.BackgroundTitle{font-size:1.2em !important;margin:2% auto;}*/
.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 #ff6a00;border-radius:3px;padding:0 12px 0 12px;}
.TextBoxFilter:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px #ff6a00;}
.Spantxt{padding:0 20%}
.buttonGolden{background:#ff6a00;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 #ff6a00;-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 !important;padding:1% 2% 1% 2%;color:#50af00;}
.divUnSuccess{width:86%;margin:0 auto !important;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: #ef3a4f;
    text-decoration: line-through;
    float: right;
    margin-left: 5%;
}
.LineOuter span{font-size:.75em !important;text-align:center;color:rgba(0,0,0,.4)}
.PricePro{font-size:1.45em}
.CountGV{background:#ff6a00;font-family:IRANSansWebFaNum;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-color: #2d3436;background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);}
.Multitxt{padding:1% 1%;font-family:IRANSans}
.w90-1300{width:90% !important}
.Relative{position:relative}
.imgpro480{display:none}
.index-1{z-index:-1}
.Purple{color:#ff6a00}
.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";}

.boxSt {width:80% !important;
    animation: animName 50s linear infinite;
}

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

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

header{padding:1% 5% 0;position:relative}
header #Logo{float:right;width:8%;margin-top:-.5%;}
header #Searchbox{float:right;background:#f0f0f1;border-radius:7px;margin:0 1%;width:30%;}
header #divAction{float:left;text-align:left;width:30%}
header #divAction a#Entery{border:1px solid #e0e0e2;border-radius:10px;padding:1%;margin:0 1%;display:inline-block}
header #divAction a#Entery span{font-size:.9em}


section.SecServices{-webkit-transition: all 1s;transition: all 1s;-webkit-transition: all 1s;transition: all 1s}
div.divBannerHomeL{width:70%;padding:.5%;box-sizing:border-box}
div.divBannerHomeL img{width:100%}
div.divBannerHomeR{width:30%;padding:.5%;box-sizing:border-box}
div.divBannerHomeR img{width:100%}
.SecServicesIn{display:flex}

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}

.divProbrands{display:flex;flex-wrap:wrap}
.divProbrands .divProbrand{width:19%;border:1px solid rgba(0,0,0,.24);border-radius:5px;padding:5% 1%;margin:.5%;box-sizing:border-box;font-size:1.2em;font-weight:bold;}

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

.divBannerHome{width:24%;margin:.5%;float:right;}
.divBannerHome img{width:70%;margin:0 auto;display:block;box-shadow:0 8px 16px rgba(143,144,166,.2), inset 0 2px 0 #cc9c0e, inset 0 -2px 0 #cc9c0e;border-radius:10px;}


.divBlackFriday{background:#000;}

.form-control {
    display: block;
    height: 50px;
    margin:1%;
    text-align: center;
    font-size: 1.25rem;
    min-width: 0;
}
.form-control {
    display: block;
    width:18%;float:left;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.H1pro{float:right;font-size:1.2em !important}

.divAddresbar{font-size:.8em;color:rgba(0,0,0,.5)}
/*Pro*/
div.divVideoPro{}

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

.Tourlisth .box,.card-image,.gallery-item figure,.parallax-a,.parallax-arch,.parallax-p,.parallax-s,.parallax-w,figure {
    position: relative
}

.parallax-p {
    background: url('/images/contact.jpg') 100%/cover fixed;
    color: #f0f8ff
}

.parallax-a {
    background: url('/images/about.jpg') 100%/cover fixed;
    color: #f0f8ff
}

.whatsappfix{display:none;position:fixed;left:1%;bottom:1%;z-index:1000000000}

div#divAll div.divProImageIn{border:1px solid #ecf0f4;box-shadow:0 0 7px 0 #eaeff4;padding:3%;border-radius:10px;margin-bottom:2%}
div#divAll div.divProImageIn:last-child{margin-bottom:0}

div#divAll div#divProImage{width:64%;float:right;position:relative}
div#divAll div#divProImage div.divLike{position:absolute;right:1%;top:1%;z-index:1000000000;display:none}
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#cphContent_divProprice{width:30%;float:left;padding:2%;border:1px solid #ecf0f4;box-shadow:0 0 7px 0 #eaeff4;border-radius:10px;position:sticky;top:4%;}
select.ddlNumeber{-webkit-appearance:none;-moz-appearance:none;border:1px solid #000;width:15%;-webkit-border-radius:5px;border-radius:5px;font-size:1em;padding-left:.6%;margin-left:1.5%;cursor: pointer;background:url(/Images/dropf.png) no-repeat left center;background-size: auto;background-size: 45px 40px;}
#cphContent_divPay h1{color:#ff6a00;}
.divLike:hover .fa-heart-o:before{content: "\f004";}

.imagezoom-cursor{z-index:1000 !important}
#cphContent_hplBanner1 img{margin-bottom:2%}

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

div.divProductpro{width:60%;float:right}

.divProducts{margin:2% auto !important;background:#fff;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius:10px;}
.divProducts .divProductIn{display: flex;flex-wrap: wrap;}
.divProducts h1{font-size:1.2em !important;margin-bottom:2% }

.divPro3{float:right;width:24% !important;margin:.5%;border:1px solid #dddc;box-shadow:initial !important}
.divPro3:hover{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important}

div.divVideoPro{border:2px dotted rgba(0,0,0,.12);border-radius:10px;}
div.divVideoPro div.divVideoProIn{}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-lock:before {
    content: "\f023";
}
.fa-download:before {
    content: "\f019";
}
.DownloadA{float:left}

.courses{width:80%;margin:2% auto}
.courses .courseR{width:20%;padding:1%;float:right;border:1px solid #e0e0e6;border-radius:10px;}
.courses .courseR .divUser{text-align:center;font-size:.8em;line-height:3em;margin-bottom:10%;border-bottom:2px solid #e0e0e6;}
.courses .courseR ul li{border-bottom:1px solid #f2f2f2;color:#000 !important;padding:5% 4%;font-size:.85em;}
.courses .courseR ul li:hover{background:#f2f2f2;border-right:2px solid #ff6a00}
.courses .courseL{width:79%;padding:1%;float:left;border:1px solid #e0e0e6;border-radius:10px;}

.dropUser{font-size:.8em}

/*MASTER*/
body{font-family:IRANSans;font-size:1.1em;color:#333333;background:#fff;margin-top:0;line-height:1.5em;direction:rtl}
div#divAll{margin:0 auto;direction:rtl}
div#divAll div.divContent{width:85%;margin:0 auto;padding: 1% 2%;box-sizing:border-box;}
div#divAll div.divContent22{width:70%;margin:0 auto;padding: 1% 2%;box-sizing:border-box;}
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);}
.BorderHo{border: 1px solid #ff6a00;border-radius:12px}

/* Star Rating Styles */
.starRating {float:left;direction:ltr;margin-top:1%;}
.starRating span {
  color: #888888;
  cursor: pointer;
  display: table-cell;
  position: relative;
  padding-right: 6px;
}
.starRating span:last-child {
  padding-right: 0;
}
.starRating i {
  transition: opacity 0.4s;
}
.starRating .fa-star {
  color: #ffc000;
  position: absolute;
  left: 0;
  opacity: 0;
}
.starRating span:hover ~ span,
.starRated span.active ~ span {
  color: #888888;
}
.starRating:hover .fa-star,
.starRating span:hover ~ span .fa-star-o {
  opacity: 1 !important;
}
.starRating:hover .fa-star-o,
.starRating span:hover ~ span .fa-star {
  opacity: 0 !important;
}
.starRated .fa-star,
.starRated span.active ~ span .fa-star-o {
  opacity: 1;
}
.starRated .fa-star-o,
.starRated span.active ~ span .fa-star {
  opacity: 0;
}

/* For Demo */
.starRating {
  margin-left: auto;
  margin-right: auto;
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}

.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{background:#fff;top:0;position:relative;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;height:auto;margin:0 auto;padding:1.25% 7%;z-index:100000;box-shadow:0 0 10px #ebf0f5}
div#divHeader div#divHeaderTop{width:100%;height:30px;background:#333;margin:0 auto;border-top:2px solid #ff6a00;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:33.333%;float:right}
div#divHeader div#divLogo img{width:37%;display:block;}
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.divTel i{font-size:1.3em !important;vertical-align:sub}
div#divHeader div.divTel img{margin-right:2%}
div#divHeader i{font-size:1.1em;padding-top:1.3%;}

div#divProduct{display:flex;padding:1% 0;background:#fff;}
div#divProduct div#divProductimg{padding:2%;width:28%;}
div#divProduct div#divProductimg img{width:100%;}
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}

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

.divBaner1{box-sizing:border-box;}
.divBaner1 .divImg div{float:left;width:48%;margin:1%;border-radius:15px;}
.divBaner1 .divImg div img{width:100%;border-radius:15px;}



#header div.divTel {
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: IRANSansWebFaNum
}

#header div.divTel i {
    vertical-align: middle
}


.shake {
    z-index: 1;
    border-radius: 5px;
    -webkit-animation-name: shake;
    animation: 5s infinite both shake;
    cursor: pointer
}

@-webkit-keyframes shake {
    0%,13.2% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    4% {
        -webkit-transform: translateX(-50);
        transform: translateX(-50)
    }

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

    16% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    20%,32%,40% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    24% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50%,54%,58%,62%,66%,70%,74%,78% {
        -webkit-transform: translate(0,0) rotate(10.5deg);
        transform: translate(0,0) rotate(10.5deg)
    }

    51%,55%,59%,63%,67%,71%,75%,79% {
        -webkit-transform: translate(0,0) rotate(-.5deg);
        transform: translate(0,0) rotate(-.5deg)
    }

    52%,56%,60%,64%,68%,72%,76%,80% {
        -webkit-transform: translate(0,0) rotate(-7.5deg);
        transform: translate(0,0) rotate(-7.5deg)
    }

    53%,57%,61%,65%,69%,73%,77% {
        -webkit-transform: translate(0,0) rotate(7.5deg);
        transform: translate(0,0) rotate(7.5deg)
    }

    100%,41%,49%,81% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0)
    }
}

.divSaleHome{background:#ef3a4f;border-radius:10px;padding:1% 0;width:95%;margin:0 auto;}
.divSaleHome img.Law{width:70%}
.divSaleHome .divSaleSide{width:18%;float:right}
.divSaleHome .divSalePro{width:75%;float:left}


.divSec1{background: url('/images/back1.png') no-repeat center;background-size:100%}
.divSec2{background: url('/images/back2.png') no-repeat center;background-size:100%}

/* Home FAQ */

div.divFaqUser h2{position:absolute;color:#fff;display:block;top:1%;width:100%;}
div.divFaqUser a{position:absolute;display:table;bottom:3%;left:50%;transform:translateX(-50%)}

.testimonial-container {
  background-color:#fff;
  color:rgba(0,0,0,.87);border:5px solid #ff6a00;
  border-radius: 15px;
  margin: 20px auto;
  padding: 50px 80px;
  width:50%;
  position: absolute;
  top:50%;left:50%;transform:translateX(-50%) translateY(-50%)
}

.fa-quote {
  color: rgba(255, 255, 255, 0.3);
  font-size: 28px;
  position: absolute;
  top: 70px;
}

.fa-quote-left {
  left: 40px;
}

.fa-quote-right {
  right: 40px;
}

.testimonial {
  line-height: 28px;
  text-align: justify;
font-size: .9em;
    line-height: 2.1em;
}

.user {
  display: flex;
  align-items: center;
  justify-content: center;margin-top:4%;
}

.user .user-image {
  border-radius: 50%;
  height:60px;
  width:60px;margin-left:1.5%;
  object-fit: cover;
}

.user .user-details {
  margin-left: 10px;
}

.user .username {
  margin: 0;
}

.user .role {
  font-weight: normal;font-size:.9em;
  margin:3px 0;margin-top:7%
}

.progress-bar {
  background-color:#ff6a00;
  height: 4px;
  width: 100%;
  transform-origin: left;
  animation: grow 10s linear infinite;margin-bottom:3%;
}

@keyframes grow {
  0% {
    transform: scaleX(0);
  }
}

@media (max-width: 768px) {
  .testimonial-container {
    padding: 20px 30px;
  }

  .fa-quote {
    display: none;
  }
}
/*END*/



 div#divAll div.divServices1{width:100%;background:#fff;position:relative;z-index:10000000}
 div#divAll div.divServices1 h4{float:left;font-size:1.1em;}
 div#divAll div.divServices1 a:hover{color:#000}
 div#divAll div.divServices1 div.divline{position:absolute;background:#000;width:.3%;height:100%;left:49.5%;}
 div#divAll div.divServices1 div.divline img{position:absolute;left:50%;top:7%;max-width:none !important;transform: translateX(-50%);}
 div#divAll div.divServices1 div.divImg{width:48%;float:left}
 div#divAll div.divServices1 div.divImg img{width:100%;display:block}
 div#divAll div.divServices1 div.divComment{width:49%;float:right;padding:2% 0%}
 div#divAll div.divServices1 div.divComment p{text-align:justify;padding-right:2%;line-height:2em;font-size:.9em;padding-top:1%}

 div#divAll div.divServices2{width:100%;background:#000;position:relative;z-index:100000000000}
 div#divAll div.divServices2 h4{color:#fff;font-size:1.1em}
 div#divAll div.divServices2 a{}
 div#divAll div.divServices2 div.divline{position:absolute;background:#fff;width:.3%;height:100%;left:49.5%;}
 div#divAll div.divServices2 div.divline img{position:absolute;left:50%;top:7%;max-width:none !important;transform: translateX(-50%);}
 div#divAll div.divServices2 div.divImg{width:48%;float:right}
 div#divAll div.divServices2 div.divImg img{width:100%;display:block}
 div#divAll div.divServices2 div.divComment{width:48%;float:left;padding:2% 0%}
 div#divAll div.divServices2 div.divComment p{text-align:justify;padding-left:2%;line-height:2em;font-size:.9em;color:#fff;padding-top:1%}

div#divAll div.divService-c1{width:100%;margin:0 auto;position:relative;margin-bottom:3%}
div#divAll div.divService-c1 div.divServiceIMG{width:50%;float:right;border:2px solid #c6892c;border-radius:20px;padding:.7% .7%}
div#divAll div.divService-c1 div.divServiceIMG img{width:100%;display:block;border-radius:20px;}
div#divAll div.divService-c1 div.divServiceCOM{width:45%;position:absolute;left:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;border-radius:20px;box-shadow:0px 3px 14px rgb(184 184 184 / 46%);}
div#divAll div.divService-c1 div.divServiceCOM h2{color: #c6892c !important;font-size: 24px !important;line-height: 1.8;margin-bottom:10px;}
div#divAll div.divService-c1 div.divServiceCOM p{color:#606060;font-size:1em;line-height: 1.8 !important;text-align:justify}

div#divAll div.divService-c2{width:100%;margin:0 auto;position:relative;margin-bottom:3%}
div#divAll div.divService-c2 div.divServiceIMG{width:50%;float:left;border:2px solid #c6892c;padding:.7% .7%;border-radius:20px}
div#divAll div.divService-c2 div.divServiceIMG img{width:100%;display:block;border-radius:20px}
div#divAll div.divService-c2 div.divServiceCOM{width:45%;position:absolute;border-radius:20px;right:2%;top:50%;transform:translateY(-50%);background:#fff;padding:4% 3%;box-shadow:0px 3px 14px rgb(184 184 184 / 46%);}
div#divAll div.divService-c2 div.divServiceCOM h2{color: #c6892c !important;font-size: 24px !important;line-height: 1.8;margin-bottom:10px;}
div#divAll div.divService-c2 div.divServiceCOM p{color:#606060;font-size:1em;line-height: 1.8 !important;text-align:justify}

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;}
/*TextBox*/
.inputWithIcon input[type="text"] {width: 100%;border: 1px solid #bbbaba;border-radius: 4px;margin-bottom:3%;outline: none;padding: 8px;box-sizing: border-box;transition: 0.3s;font-family:IranSansLight;font-size:1rem;line-height: 1.60;}
.inputWithIcon input[type="text"]:focus {border-color: dodgerBlue;}
.inputWithIcon input[type="text"] {padding-left: 60px;}
.inputWithIcon {position: relative;width:100%;margin:0 auto;}
.inputWithIcon i {position: absolute;left:2%;top:0px;padding: 9px 20px;color: #aaa;transition: 0.3s;border-right:1px solid #bbbaba;font-size: 1.143rem;line-height: 1.375;width:15px}
.inputWithIcon input[type="text"]:focus + i {color:dodgerBlue}
.inputWithIcon.inputIconBg i {background-color: #aaa;color: #fff;padding: 9px 4px;border-radius: 4px 0 0 4px;}
.inputWithIcon.inputIconBg input[type="text"]:focus + i {color:#fff;background-color: dodgerBlue;}

 div.divOrder{width:100%;height:90VH;background:url('/images/order.jpg');background-size:100%;position:relative}
 div.divOrder div.divOrderIn{width:25%;background:white;padding:1% 1%;position:absolute;z-index:100;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
 div.divOrder div.divOrderIn p{font-size:.9em;margin-bottom:2%}
 div.divOrder div.divOrderIn h1{font-size:1.1em;margin-bottom:2%}
 .AreaOreder{padding:1%}

.btn-order{background:#fff;color:#000;padding:2.5% 15%;border-radius:5px;margin-top:5% !important;text-align:center;font-size:1em;margin:0 auto;display:table;border:1px solid #000;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.btn-order a{color:#000}
.btn-order:hover{background:#000;color:#fff;border:1px solid #bbbaba;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.btn-order:hover a{color:#fff !important}

.btn-order2{background:#fff;color:#777474;padding:1% 20%;border-radius:5px;margin-top:.5% !important;text-align:center;font-size:1em;margin:0 auto;display:table;border:1px solid rgba(0,0,0,0.2);-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.btn-order2 a{color:#000}
.btn-order2:hover{background:#000;color:#fff;border:1px solid #bbbaba;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.btn-order2:hover a{color:#fff !important}

.ckTrue{color:#219f08}
div.divOrder div.divRes{width:47%;float:right;border:1px solid;margin:1% .5%;text-align:center;margin:.5% 1%}
div.divOrder div.divRes p{width:100%;border-bottom:1px solid;margin-bottom:5%;color:#fff;background:#000;}

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:#ff6a00 !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;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#ffffffed;}
div.divLogin p{font-size:.9em}
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.divSignupM{background: #070707 url(https://www.loginbrands.com/images/LoginBack.jpg) no-repeat center bottom;background-size: 100%;height:70vh;position:relative;padding-top:7%}

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}
/*Pay*/
.plans {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  max-width: 970px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plans .plan input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.plans .plan {
  cursor: pointer;display:block;margin-bottom:2%;width:100%;
}

.plans .plan .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
}

.plans .plan .plan-content img {
  margin-right: 30px;
  height: 72px;
}

.plans .plan .plan-details span {
  margin-bottom: 10px;
  display: block;
  font-size:.9em;
  line-height: 24px;
  color: #252f42;
}

.container .title {
  font-size: 1em;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  color: #252f42;
  margin-bottom: 20px;
}

.plans .plan .plan-details p {
  color: #646a79;
  font-size: 14px;
  line-height: 18px;
}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #216fe0;
  right: 20px;
  top: 20px;
  border-radius: 100%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
  box-shadow: 0px 0px 0px 2px #0066ff;
}

.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid #216ee0;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

@media screen and (max-width: 991px) {
  .plans {
    margin: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px;
  }

  .plans .plan {
    width: 100%;
  }

  .plan.complete-plan {
    margin-top: 20px;
  }

  .plans .plan .plan-content .plan-details {
    width: 70%;
    display: inline-block;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 45%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@media screen and (max-width: 767px) {
  .plans .plan .plan-content .plan-details {
    width: 60%;
    display: inline-block;
  }
}

@media screen and (max-width: 540px) {
  .plans .plan .plan-content img {
    margin-bottom: 20px;
    height: 56px;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 20px;
    right: 10px;
  }

  .plans .plan .plan-content .plan-details {
    width: 100%;
  }

  .plans .plan .plan-content {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

/* inspiration */
.inspiration {
  font-size: 12px;
  margin-top: 50px;
  position: absolute;
  bottom: 10px;
  font-weight: 300;
}

.inspiration a {
  color: #666;
}
@media screen and (max-width: 767px) {
  /* inspiration */
  .inspiration {
    display: none;
  }
}


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

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:#fff !important}

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


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


div#divAll #cphContent_OPrice{width:98%;float:none;border-bottom:1px solid #ededed;padding-bottom:3%}

div#divAll div.divPro{position:relative;width:30.3333%;padding:1% 5%;background:#fff;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;border-radius:10px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}
div#divAll div.divPro:hover{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px}
div#divAll div.divPro div.divProTitle{font-size:.84em;line-height:1.8em;min-height:60px;}
div#divAll div.divPro img{width:100%;margin-bottom:4%;border-radius:10px} 
div#divAll div.divPro div.divTitle{background:#111262;padding:2% 1%;border-bottom-right-radius:25px;}
div#divAll div.divPro div.divTitle a{font-size:.88em;font-weight:bold;color:#fff}
div#divAll div.divPro div.divTitle a:hover{color:#c6892c}
div#divAll div.divPro div.divComment{font-size:.7em;line-height:2em;color:#fff;padding:2% 2%}
div#divAll div.divPro div.divComment img{padding-left:2%}
div#divAll div.divPro div.divPrice{font-weight:bold;line-height:2em;color:#fff;display:inline-block;width:100%;margin-bottom:5%;font-family:IRANSansWebFaNum}
div#divAll div.divPro div.divPrice div.divPriceIn{background:#cb9b0e;float:left;padding:1.2% 2%;border-top-right-radius:20px;border-bottom-right-radius:20px;}
div#divAll div.divPro div.divPrice div.divPriceIn span{font-size:.8em;vertical-align:text-bottom;}
div#divAll div.divPro div.divPrice p{line-height:3em;padding-right:3%;}
.divCommentPro h2{font-size:1em;line-height:2.5em;border-bottom:1px solid rgba(0,0,0,0.2);margin-bottom:1%}
.divCommentPro p{font-size:.8em;line-height:2em;color:#000;text-align:justify}

.divshopserv{background:#0a0a3e;padding:2% 23%}
.divshopserv .divshopservin{width:16.5%;float:right;padding:0 4%}
.divshopserv .divshopservin img{width:100%;}

.ImgBrand{float:left;vertical-align:middle;width:12%;border:1px solid #ff6a00;margin: 0 1% 1% .5%;}

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:#ff6a0078;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{border:1px solid rgba(0,0,0,0.2);border-radius:7px;margin:2%;background:#fff;margin:0 auto;display:table;}
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:#ff6a00;}
.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.5em;line-height:3em;color:rgba(0,0,0,0.87)}
div.divContent h2{font-size:1.25em;}
div.divContent h3{font-size:.9em !important;}
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%}
.Gold{background:#ff6600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.GoldT{color:#ff6600}

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

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


div.divAddress{width:27%;margin:0 auto;padding: 24px 24px 0;border: 1px solid #eee;border-radius: 8px;background:#fff;font-family:IRANSans}
div.divAddress-Input{width:48%;margin: 1%;font-family:IRANSans}
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.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%;color:#333}
div.divAbout div.divText h3{color:#c6892c   }
div.divAbout{position:relative}
div.divAbout div.divAboutHomeComment{margin:0 auto;width:90%}
div.divAbout h2{color:#0b0a42;text-align:center;line-height:5em;font-size:2em;}
div.divAbout p{color:#0b0a42;line-height:2em;font-size:1.2em}

div.divAbout{width:100%;background:#f46d8826;border-bottom-left-radius:400px;border-bottom-right-radius:400px}
div.divAbout .divAboutIn{width:50%;margin:0 auto;padding:2% 0}
div.divAbout .divAboutIn p{text-align:justify;color:#000 !important;line-height:2em;font-size:.9em}
div.divAbout .divAboutIn img{width:50%;margin-left:auto;margin-right:auto;display:block}



.BoxPM {
    padding: 1%;
    margin: 1.5% 0;
}
.Box {
    border-radius: 10px;
/*    -webkit-box-shadow: 0px 0px 13px -3px #666666;
    box-shadow: 0px 0px 13px -3px #66666673;*/
    background: #fff;
}

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:#ff6a00;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{color:#333;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{color:#333;font-size:1.25em}
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.divPart1 a{font-size:1.2em;display:block}
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.divRelation{width:18%;float:left;padding:1% 2%;position:sticky;top:7%;margin-top:1%;left:2%;background:#fff;color:#404040;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box;box-shadow:0px 8px 16px rgba(143,144,166,.2), inset 0px 2px 0px #1da686, inset 0px -2px 0px #1da686;border-radius:16px}
div.divArticles{width:90%;margin:0 auto;padding-top:1%;}
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;}


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

.ml12 {font-weight: 200;font-size:3em;direction:ltr;color:rgb(255, 255, 255)}
.ml12 .letter {display: inline-block;line-height:1em;}
.item {margin-top:5% !important;font-size: .95em !important;/*border: 1px solid #fff !important*/}

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

.item2{border-radius:7px;padding:.8% 2%;color:#000;margin-bottom:2% !important;text-align:center;font-size:.9em;margin:0 auto;display:table;background:linear-gradient(to right, #FFF2C7 23%, #BF9C61 100%);-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.item2 a{color: #000;font-weight: bold;}
.item2:hover{background:#c6892c;color:#fff;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}


.BackgG {
    background-color: #2d3436;
    background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
}
div#divAboutHome{padding:1.5% 10%}
div#divAboutHome h1{padding:5%;color:white;font-size:1.3em}
div#divAboutHome p{color:#bdbdbd;font-size:.8em}
div#divAboutHome div#divAboutHomeIn1{width:40%;margin-right:10%;float:left;}
div#divAboutHome div#divAboutHomeIn2{width:35%;margin-right:10%;float:right;}
div#divAboutHome div#divAboutHomeIn1 img{width:60%;}
.my-section {
  background-color: #f7f7f7;
  padding: 12.8rem 25.6rem;
}
.row::after {
  content: "";
  display: table;
  clear:both;
}
.col-1-of-2 {
  float: left;
  width:80%;
}
.col-1-of-2:not(:last-child) {
  margin-right: 4rem;
}
.center-text {
  text-align: center;
}
.mb-big {
  margin-bottom: 8rem;
}
.mb-small {
  margin-bottom: 2rem;
}

.primary-heading {
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(to right, #ffa952, #ff8f56);
  background-clip: text;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: .5rem;
}

.secondary-heading {
  font-size: 1.6rem;
  letter-spacing: .25rem;
}

.composition {
  position: relative;
}

.composition:hover .composition__photo:not(:hover) {
  transform: scale(.95);
}

.composition__photo {
  width: 55%;
  /*box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .4);*/
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  transition: all .2s;
  outline-offset: -1.6rem;
}

.composition__photo:hover {
  outline:2px solid #fff;
  transform: scale(1.05) translateY(-.5rem);
  box-shadow: 0 2.5rem 4rem rgba(#000, .5);
  z-index: 20;
}

.composition__photo--p1 {
  left: 0;
  /*top: -2rem;*/
}
.composition__photo--p2 {
  right: 0;
  top: 2rem;
}
.composition__photo--p3 {
  left: 20%;
  top: 10rem;
}
div#divAll div.divServices{width:33.3333%;float:right;}
div#divAll div.divServices span{color:#3d474e;font-size:20px;border-bottom: 4px solid #F1F1F1;padding:0 8px}
div#divAll div.divServices p{color:#808080;font-size:12px;margin-top:20px;}

div#divAll div.divServices div.divServiceIn1{width:98%;margin-bottom:3%;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;padding:1%}
div#divAll div.divServices div.divServiceIn1:hover{background:#f6dea9;border-radius:10px}
div#divAll div.divServices div.divServiceIn1 div.divimg{width:30%;float:left}
div#divAll div.divServices div.divServiceIn1 div.divtext{width:70%;float:right;direction:ltr;}

div#divAll div.divServices div.divServiceIn2{width:98%;margin-bottom:3%;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;padding:1%}
div#divAll div.divServices div.divServiceIn2:hover{background:#f6dea9;border-radius:10px}
div#divAll div.divServices div.divServiceIn2 div.divtext{width:70%;float:left;}
div#divAll div.divServices div.divServiceIn2 div.divimg{width:30%;float:right}
/*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;
 font-size:.85em;
 transition:all .2s ease-in-out 0s
}
.menu li a:hover,
.menu li:hover>a {
 color:#fff;
 background:#c6892c;border-radius:4px;
}
.menu ul {
 visibility:hidden;
 opacity:0;
 margin:0;
 padding:0;
 width:220px;
 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;text-align:right;
}
.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:#c6892c;
 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:100%;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:#fcfcfc}

div.divBox {
    border-radius: 8px;
    margin: 1% 0;
    padding: 1%;
    box-shadow: 0 3px 6px rgba(146,146,146,.2);
    background: #fff;
}


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:IRANSans}

.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 div.divSlider{width:70%;float:left;} 
/*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{position:sticky;width:28%;right:0%;top:12%;height:96.5%;z-index:1;padding:1%;font-size:.85em;float:right;padding-bottom:0px;}
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:#d4b74f 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}

.Subjectpro{color:rgba(0,0,0,.6);font-size:.9em;line-height:3em;}
.fa-clock-o:before {
  content: "\f017";
}
.fa-calendar-o:before{content: "\f133";}
.fa-align-justify:before {
    content: "\f039";
}

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:#ff6a00;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%;}

/*FAQ*/
.accordion-wrapper {border: 1px solid #ff6a00;border-radius:10px;box-shadow: 0px 0px 5px -4px #000;margin-bottom: 0.75em;font-size:1em;padding:.5%;direction:rtl;;margin-top:1% !important;margin:0 auto;width:60%;}
.accordion-wrapper p{line-height:2em;font-size:.9em}
a.accordion {position:absolute;right:0;top:0;height:55px;color:#333;border: none;cursor: pointer;outline: none;text-align: left;transition: 0.8s;width: 100%;font-size:1em}
a.active, a.accordion:hover { color: #777;}
a.accordion:after {content: "\002B";float: left;}
a.active.accordion:after {content: "\2212";}
.details {background-color: #ededed;color: #777;max-height: 0;overflow: hidden;padding: 0 1.5em;transition: max-height 0.2s ease-out;margin-top:2%;}



.accordion-wrapper2{position:relative;border:2px dotted rgba(0,0,0,.12);border-radius:10px;box-shadow: 0px 0px 5px -4px #000;margin-bottom: 0.75em;font-size:1em;padding:1.5% 2%;box-sizing:border-box;direction:rtl;margin-top:1% !important;margin:0 auto;width:100%;}
.accordion-wrapper2 video{width:70%;margin:0 auto;display:table;}
.accordion-wrapper2 p{line-height:2em;font-size:.9em}
a.accordion2 {position:absolute;right:0;top:0;color:#333;border:none;cursor: pointer;outline: none;text-align: left;transition: 0.8s;width: 100%;font-size:1em}
a.active2, a.accordion2:hover{color: #777;}
a.accordion2:after{content:"\002B";float: left;}
a.active2.accordion2:after{content: "\2212";}
.details2{color: #777;max-height: 0;overflow: hidden;padding: 0 1.5em;transition: max-height 0.2s ease-out	}

.boxshadow:hover{border:1px dotted #f5e99e;box-shadow:0px 0px 6px rgba(0,0,0,.24);}
.Greenp{color:#39ae00}
div#divAll div.divDiscount {
    background: #ef3a4f;
    border-radius: 50px;
    color: #fff;
    font-size: 1.2em;
    padding: .85%;
    width: 60px;
    position: absolute;
    display: inline-block;
    font-weight: bold;
    height: 60px;
    top: 1%;
    right: 2%;
}
.divDiscountpr {
    background: #ed384e;
    color: #fff;
    font-size: .8em;
    font-weight: normal;
    padding: 0 5%;
    border-radius: 15px;
    border-bottom-right-radius: 0px;line-height:2
}

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

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


div.divSearch{width:100%;background:rgb(179, 179, 179);text-align:center;display:none;padding:2% 0%;position:fixed;top:0;z-index:10000000000;right:0}
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;
    }
}

/*Comment*/
div.divPaComments{margin:2% 10%}

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

.comments-app{
  margin: 50px auto;
  max-width: 680px;
  padding: 0 50px;
  width: 100%;
}

.comments-app h1{
  color: #191919;
  margin-bottom: 1.5em;
  text-align: center;
  text-shadow: 0 0 2px rgba(152, 152, 152, 1);
}

.comment-form{  }
.comment-form .comment-avatar{  }

.comment-form .form{ margin-left: 100px; }

.comment-form .form .form-row{ margin-bottom: 10px; }
.comment-form .form .form-row:last-child{ margin-bottom: 0; }

.comment-form .form .input{
  background-color: #fcfcfc;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #555f77;
  font-family: inherit;
  font-size: 14px;
  padding: 5px 10px;
  outline: none;
  width: 100%;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form textarea.input{
  height: 100px;
  padding: 15px;
}

.comment-form .form label{
  color: #555f77;
  font-family: inherit;
  font-size: 14px;
}

.comment-form .form input[type=submit]{
  background-color: #555f77;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  cursor: pointer;
  display: block;
  margin-left: auto;
  outline: none;
  padding: 6px 15px;

  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form .input:focus,
.comment-form .form input[type=submit]:focus,
.comment-form .form input[type=submit]:hover{
  box-shadow: 0 2px 6px rgba(121, 137, 148, .55);
}

.comment-form .form.ng-submitted .input.ng-invalid,
.comment-form .form .input.ng-dirty.ng-invalid{
  box-shadow: 0 2px 6px rgba(212, 47, 47, .55) !important;
}

.comment-form .form .input.disabled {
    background-color: #E8E8E8;
}


.comments{  }

.comment-form,
.comment{
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
}

.comment-form .comment-avatar,
.comment .comment-avatar{
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  height: 80px;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 80px;
}

.comment-form .comment-avatar img,
.comment .comment-avatar img{
  display: block;
  height: auto;
  width: 100%;
}

.comment .comment-box{
  background:#f1f2f4;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  margin-right: 100px;
  min-height: 60px;
  position: relative;
  padding: 15px;
}

.comment .comment-box:before,
.comment .comment-box:after{
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #f1f2f4;
  content: "";
  right: -10px;
  position: absolute;
  top: 20px;transform:rotate(180deg);
}

.comment .comment-box:before{
  border-color: transparent rgba(0, 0, 0, .05);
   top: 22px;
}

.comment .comment-text img{width:15px !important;max-width:initial !important}
.comment .comment-text{
  color: #555f77;
  font-size: 15px;
  margin-bottom: 25px;
}
.comment .comment-text h3{color:#ff6a00;padding-bottom:2%}

.comment .comment-footer{
  color: #acb4c2;
  font-size: 13px;
}

.comment .comment-footer:after{
  content: "";
  display: table;
  clear: both;
}

.comment .comment-footer a{
  color: #acb4c2;
  text-decoration: none;

  -webkit-transition: 350ms color;
  -moz-transition: 350ms color;
  -ms-transition: 350ms color;
  -o-transition: 350ms color;
  transition: 350ms color;
}

.comment .comment-footer a:hover{
  color: #555f77;
  text-decoration: underline;
}

.comment .comment-info{
  width: 85%;
}

.comment-actions{
  float: left;
  text-align: right;
  width: 15%;
}
/*ENd*/

/*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:1em;padding:2% 2%;border-radius:15px;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:IRANSans;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 #ff6a00;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%}



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

/*.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:-30px;}
[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;}
[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{margin:2% 0%}
.slider20{margin:0% 2%%;}
.slick-slide{margin:5px 10px;}
.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;}

 div#divAll div#divSlide{width:100%;position:relative;}
 div#divAll div#divSlide img{width:100%;display:block}
 div#divAll div#divSlide div#divSlideText{width:100%;height:100%;/*background:rgba(52, 52, 60, 0.58)*/position:absolute}
 div#divAll div#divSlide div#divSlideText div#divSlideTextIn{color:white;position:absolute;left:5%;top:50%;transform:translateY(-50%)}
 div#divAll div#divSlide div#divSlideText div#divSlideTextIn h1{font-weight:700;font-family:PlayfairDisplay-Regular;font-size:2.3em !important;letter-spacing:3px}
 div#divAll div#divSlide div#divSlideText div#divSlideTextIn P{text-align: center;font-size:16px;color: white;line-height: 1.4;font-weight: 300;letter-spacing:3px;}
 
div#divAboutHome{padding:1.5% 10%}
div#divAboutHome h1{padding:5%;color:white;font-size:1.3em}
div#divAboutHome p{color:#bdbdbd;font-size:.8em}
div#divAboutHome div#divAboutHomeIn1{width:40%;margin-right:10%;float:left;}
div#divAboutHome div#divAboutHomeIn2{width:35%;margin-right:10%;float:right;}
div#divAboutHome div#divAboutHomeIn1 img{width:60%;}

div.divSumCommentAbout{direction:ltr;}
div.divSumCommentAbout p{float:left}

div.divSumCommentAbout div.divAboutIMG{width:30%;float:left;border:1px solid #fff;margin-left:5%}
div.divSumCommentAbout div.divAboutIMG img{width:100%;height:auto;margin-left:auto;margin-right:auto;display:block;margin-left: 5% !important;margin-bottom:-10%;margin-top:5%;}
div.divSumCommentAbout div.divAboutComment{width:50%;float:right;height:80VH;color:white;line-height:2em;font-size:1em;margin-right:5%;}
div.divSumCommentAbout div.divAboutComment p{padding-left:1%;text-align:center}


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

div.divBackHomeG{padding-top:.1%;background-color: transparent;background-image: radial-gradient(at center center, #FFFFFF 0%, #DBBF80 100%);}

.parallax-inner{padding-top:18%;padding-bottom: 20%;}
.parallax-Back{position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;background:#00000063}
.parallax-s{position:relative;background:url('/images/backtailor.jpg') repeat fixed 100%;background-size: cover;color: aliceblue;border-top: 5px solid #cb9b0e}

/*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:5px;
    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: #ff6a00;
    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: #ff6a00;
}

.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: #ff6a00;
    border-top-color: transparent;
    box-shadow: inset 1px 0 #ff6a00, inset -1px 0 #ff6a00, inset 0 -1px #ff6a00;
    outline: none;
}

    .pure-material-textfield-outlined > input:focus + span,
    .pure-material-textfield-outlined > textarea:focus + span {
        color: #ff6a00;
    }

.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: #ff6a00 !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: #ff6a00 !important;
    border-top-color: transparent !important;
    color: #ff6a00;
    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: #ff6a00 !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: #ff6a00 !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;
        }
    }
}

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

.divSlideSide{width:32.5%;float:left;}
.divSlideSide img{width:100%;display:block;border-radius:15px}

.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:#eeda83;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:#ff6a00}*/
.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:#ff6a00;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:#ff6a00}*/
.dropdown2:hover .dropdown2-content2{display:block;}

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

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

.divBrands{width:5.86%;border-radius:5px;padding:0 7%;background:#000;float:right;border:1px solid #ecd980;}
.divBrands img{width:100%;}

.divDtailHead .divdeta{width:33.33%;font-size:.9em}
.divOrdertrue {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgb(255 255 255 / 23%);
    padding: 2%;
    margin: 2% 0%;
    border-radius: 11px;
    background: #0000000f;
}
.divlvcoursesA{display:flex}
.divlvcourses{width:20%;background:rgb(247 247 247 / 63%);border-radius:8px;margin:2% 0;padding:1%;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgb(255 255 255 / 23%)}
.divlvcourses img{width:100%;border-radius:8px}
.divlvcourses .divlvcoursesIn{margin:1% 2%;}
.divlvcourses .divlvcoursesIn h3 a{color:#c6892c !important;line-height:2.8em}
.divlvcourses .divlvcoursesIn span.ord{color:#817f80;line-height:2em;font-size:.9em}
.divlvcourses .divlvcoursesIn{color:#494949;}
.divlvcourses .divlvcoursesIn .btnR20{padding:3% 5%}

/*Article*/
section#SecArticle{padding:0% 4%;}
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:49%;float:right;padding:.25%}
section#SecArticle div.divArticleH2{width:49%;float:right;padding:.25%}
section#SecArticle div.divArticleH2 div.divArticleHIn{width:48%;float:right;padding:0 1% 2.3%}

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

/*Article*/
section#SecArticle{padding:0% 4%;}
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:49%;float:right;padding:.25%}
section#SecArticle div.divArticleH2{width:49%;float:right;padding:.25%}
section#SecArticle div.divArticleH2 div.divArticleHIn{width:48%;float:right;padding:0 1% 2.3%}

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

section#SecArticleIn{background:#f6f5f4;position:relative}
div.divArticle{width:59%;padding:2% 4%;float:right;background:#fff;color:#404040;margin:1% 10% 2% 1%;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box;}
div.divArticleIn{font-size:1em;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:#ff6a00;}
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.15em;display:inline-block;color:#1da686;}
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{width:19%;padding:1% 1%;float:left;background:#fff;margin:1% 1% 2% 10%;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box;}

.HeadingT h1{position:relative;font-size:1.4em;font-weight:normal;width:250px;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
.HeadingT h1:before{background:#ff6a00;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px}
.HeadingT h1:after{background:#ff6a00;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}
.HeadingT2 h1{width:300px}

.HeadingT h2{position:relative;font-size:1.2em;color:#fff;font-weight:normal;width:300px;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
.HeadingT h2:before{background:#ff6a00;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px}
.HeadingT h2:after{background:#ff6a00;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}

.HeadingT h3{position:relative;font-size:1.2em;color:#fff !important;font-weight:normal;width:300px;text-align:center;margin:1% auto;padding-bottom:13px;color:rgba(0,0,0,.87)}
.HeadingT h3:before{background:#ff6a00;content: '';display: block;height: 3px;width:75px;margin-bottom:5px;border-radius:10px}
.HeadingT h3:after{background:#ff6a00;content: '';display: block;position:absolute; left:0; bottom:0;height: 3px;width: 75px;margin-bottom: 0.25em;border-radius:10px}


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




/**/
.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:#ff6a00;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

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

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

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

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

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

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


/* 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:#ff6a00}
.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;}}


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

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

.btnRet{padding:1%}

.btnRin {
    font-size: 1em;
    color: rgba(0,0,0,.8) !important;
    border-radius: 0;
    line-height: 3em;
    width: 100%;
    transition: all 0.7s ease-out;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color: transparent;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-family: IRANSans;
}
.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:#ff6a00;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-family: IRANSans;
}

.btnRfa: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(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:#fe6903;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-family: IRANSans;
}

.btnR:hover {
  color:white !important;
  background-position: 99% 50%;
}
.btnR20 {
    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(57 174 0), rgb(123 238 67), 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: #39ae00;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-family: IRANSans;
}

.btnR20: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(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: #ff6a00;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    font-weight: bold;
    font-family: IRANSans;
}

.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(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: #5a5a5a;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 25px;
    font-weight: bold;
    font-family: IRANSans;
}

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

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

    .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: IRANSans;
    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%;
}


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


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

.divUserInfos{display:flex}

/*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:#ff6a00}
.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: relative;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: #ff6a00;
  --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:200px;
  height:200px;
  margin:1% auto;
  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*/
.Orwser td:last-child{display:none}
.Orwser td:first-child{width:10px !important}

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: blueviolet;
	color: white;
}

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

.active {
    color: #ff6a00; /*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:#ff6a00;}

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





/*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;}
.divBrands{width:35.8%}
.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%}

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

}

@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#divAll div.divPro{width:30.8%}
div#divAll div.divKind{position:relative;width:25%;}

div#divAll div.divContent{width:96%;}

header #Logo{width:10%;}

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

div#divAboutHome div#divAboutHomeIn1 {width:80%;float:none;margin-right:initial !important}
div#divAboutHome div#divAboutHomeIn2 {width:100%;margin-right:initial !important;float:none;margin:0 auto;margin-bottom:2%}

div#divAboutHome{padding:10%;padding-bottom:40%;padding-top:1%}

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}


.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.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.divProComment{width:96%;float:none;margin-left:0%;padding:1% 1%;margin:0 auto}

.div#divAll div.divPro{padding:1% .5%}

.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}
.divBrands {
  width: 35.7%;
}
div#divAll div.divPro div.divPrice{font-size:.8em}
}

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

@media only screen and (max-width:740px){
div.ruby-wrapper{display:none}

div#divProduct div#divProductdetail div#divProductdetailL{width:100%;padding-right:6%;}
div#divProduct div#divProductdetail div#divProductdetailPrice{float:none;width:100%}
.fp-slide-labels{bottom:20px !important;}
.fp-hp-figure.fp-news .fp-hp-figure__body{font-size:.9rem !important;}
.gallery-item figcaption a {font-size:1.3em !important;}
div#divAll div.divPro div.divProTitle a{font-size:.7em !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%;}

header #Logo{width:15%;}

div#divProduct{display:block}
.divPro3{width:48% !important}
div#divProduct div#divProductimg {
    display: flex;
    padding: 2%;
    width: 60%;
    margin: 0 auto;
}
div#divProduct div#divProductdetail{width:100%;}
.effect.effect-one h2 {
    font-size: 1.3rem !important;
}
div.divArticle{width:98%;float:none;margin:1% auto;display:table}

.mkdf-banner-holder .mkdf-banner-title.mkdf-title-highlighted{font-size: .9em !important;}

div#divAll div.divServices{width:90%;margin:0 auto;float:none;}

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}

.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.divProHead{position:absolute;top:0;width:100%;}

section.SecServices div#divSV1 {
  width:100%;
  float:none;}
section.SecServices div#divSV3 {
  width:100%;
  float:none;
}
.composition__photo--p3 {
    left: 20%;
    top: 5rem;
}
section.SecServices div#divSV2 {
  width:100%;
  float:none;}
section#SecArticle div.divArticleH2 {
  width:100%;
  float:none;
}
section#SecArticle div.divArticleH1 {
  width:100%;
  float:none;
}
div#divFooter div.divFooterIn {
    width:100%;
    float:none;margin-top:14%;}
div#divFooter div.divFooterIn h4 {
  padding-bottom: 7%;font-size:.9em;
  margin-bottom: 2%;
}

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 {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/images/Icon/ArrowR2.png') !important;
    right: 0;
}
.slick-prev::before {content:inherit !important}
.slick-prev {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/images/Icon/ArrowL2.png') !important;
    left: 0;
}
.slick-next::before {content:inherit !important}
.None740{display:none}
.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:block;}
div#divHeader div#divLogo img{width:100%;display:block}
div#divHeader div#divLogo span{font-size:.85em;}
div#divHeader{width:100%;padding:.5% 2%;}
.textfield__field.is-dirty .textfield__input, .textfield__input {padding:1% 1% !important}
#Searchbox{position:absolute;bottom:5%;left:1%;width:50% !important}
.Entery{font-size:.5em !important;padding:0 2%}
div#divHeader div#divLogo {
    width:40%;
    float: right;
    margin-bottom:1%;
}
.Side-MenuRe{display:block}

div#divHeader div.divoption {width: 40%;margin-bottom:2% !important;}
div#divAll div#divProGallery div.divProGalleryIn{width:31.333% !important;float: left;margin: 0% 1% !important;}

.image-wrapSoc{width:20%}

div.divPhoneSide{display:block;position:absolute;top:2%;left:4%;z-index:1000;}
div.divoption div#PLoginName{width:33.33333%;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 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:96%;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:96%;padding:1% 1%;float:none;margin:1% auto}
div.divFilter div.divTitle {bottom:5%;}

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


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


.dropdown{left:0;top:130%;vertical-align:middle;}


.BackgroundTitle{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;
}
div#divAll div.divServices div.divServiceIn1 div.divtext{direction:rtl !important}
div#divAll div.divServices div.divServiceIn1 div.divimg {float:none;margin:0 auto}
div#divAll div.divServices div.divServiceIn1 div.divtext {width:100%;float: none;}
div#divAll div.divServices div.divServiceIn1 div.divtext p{text-align:center}

div#divAll div.divServices div.divServiceIn2 div.divtext{direction:rtl !important}
div#divAll div.divServices div.divServiceIn2 div.divimg {float:none;margin:0 auto}
div#divAll div.divServices div.divServiceIn2 div.divtext {width:100%;float: none;}
div#divAll div.divServices div.divServiceIn2 div.divtext p{text-align:center}
 
div#divAll div.divServices span {text-align:center;display:block;}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9{float: none !important;}

.vc_col-lg-6{width:100% !important;}
.tab {float:none !important;width:100% !important;}
.slick-slider{width:90%;margin:0 auto}
.btnRfa{width:100%;}
}
@media only screen and (max-width:580px) {
    .CountGV{width:15px;height:15px;line-height:1.4em;}
.divBaner1 .divImg{float:none;width:100%;}
.divBaner1 .divText{width:100%;float:none;bottom:-10px;}
.divCommentPro{padding:0 4%;font-size:.9em}
section.sec18{padding:0 4% !important;}
section.sec18 p{font-size:.8em}
div#divFooter{padding:1% 5%}
.divshopserv{padding: 2% 15%;}
.divshopserv .divshopservin{width: 33.333%;}

.nivoSlider{width:100%;float:none;margin-bottom:1%}
.divSlideSide{width:100%;float:none}
.divSlideSide img{width:49.5%;float:right}
.divSlideSide img.first{margin-left:1%}

.divSaleHome .divSaleSide img{width:100%;width:50%;float:right}
.divSaleHome .divSaleSide {
    /* display: flex; */
    width:80%;
    margin: 0 auto;
    display: table;
    float: none;
}

.divSaleHome{padding-right:initial !important;}
    .divSaleHome .divSalePro {
        width: 90%;
        margin: 0 auto;
        float: none;
    }
.slider20{margin:0 auto}

.slick-next {
    right: -15px;
}
.slick-prev {
    left: -20px;
}
div.divSpecial {
    border-radius: 15px;
    width: initial !important;
    margin: 0 5% !important;}

.vc_column_container > .vc_column-inner{box-sizing: border-box;padding-left: 15px;padding-right: 15px;width: 90% !important;margin: 5% auto !important;}
.accordion-wrapper2 video{width:100%;}
.details2{padding:0 !important}
.accordion-wrapper2 p img{width:10% !important;margin-left:2%;}
    div#divAll div.divContent{width: 98%;}
    div#divAll div.divContent {
        width: 98%;
        margin: 0 auto;
        padding: 1% 2%;
        box-sizing: border-box;
    }
div.divSpecial div.divSpecialDef {
    width: 100% !important;
    float: none !important;margin-bottom:2%;
}
div.divSpecial div.divSpecialIn {
    width: 98.8% !important;
    float: right;
    box-sizing: border-box;font-size:.75em !important;
    min-height:initial !important;margin-bottom:2% !important;
}
div.divSpecial .divProTitle{min-height:55px;}

div.onlinedesigns{width:98%}
.photogallery menu{margin-right:-10% !important;}
table.Orw tr th {width:96%}
table.Orw tr td {width:96%}
.divBrands {
  width: 35.4%;
}
div#divAll div.divServices span{color: #3d474e;font-size: .85em;}

.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:80%;margin:0 auto}
div#divAll div.divPro img{width:99%;}
div#divAll div.divPro img {
    width:100%;
}
#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}
div#divAll div#cphContent_divProprice{width: 100%;float: none;margin-top: 4%;}

div#divAll div.divService-c2 div.divServiceCOM {width: 100%;position: initial;transform: initial;}
div#divAll div.divService-c1 div.divServiceCOM {width: 100%;position: initial;transform: initial;}

div#divAll div.divService-c2 div.divServiceIMG{width: 100%;float: none;}
div#divAll div.divService-c1 div.divServiceIMG{width: 100%;float: none;}

.box{width:48%;}
.box3{width:48%;}
    .slick-slide {
        margin: 0px 5px;
    }
.MarginR1{margin: 0% 0% !important;}
div#divAll div.divPro {width:98%;margin:1%;}
div#divAll div.divPro div.divTitle {min-height: 63px;}
div#divAll div.divPro div.divTitle a{font-size: .6em;color: #fff;}
.testimonial-container {width:95%;}
.parallax-s{padding:80% 0;}
.card {width:90% !important;margin-bottom:5% !important;}
div.divOrder div.divOrderIn {
    width: 90%;}

.accordion-wrapper {width:90%;font-size:.8em;margin-bottom:4%;padding-left: 2%}
div.divAbout div.divAboutIn {width:100%;float:none}
div.divAbout div.divText {float:none;width:100%;font-size:.8em}
div.divAbout div.divImage {float:none;width:100%}
div.divAbout div.divText h3{font-size: 1.2em;}
.courses .courseL {
    width: 100% !important;
    float: none !important;
    margin-top: 4%;
}
    .courses .courseR {
        width: 100% !important;
        float: none !important;
    }
#Searchbox i {font-size: .7em !important;}

}

@media only screen and (max-width:480px){
.NotShowMobile{display:none}
h1{font-size:.8em}
h2{font-size:.7em}
    .divlvcoursesA {
        display: block !important
    }
    .divlvcourses{width:100%}


    header #Logo {
        width: 25% !important;
    }
header #divAction{width:50% !important}
header #divAction a#Entery span{font-size:.7em}

section.sec18 input.Send2 {width:100% !important}
div.divoption .fa-search{float:right}
div.divSearch input#txtSearch{width:65%}

div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel span {font-size: 1em;}

.whatsappfix{display:block}

.comment .comment-box{margin-right: 0;}

.effect.effect-one h2{font-size:1.1em !important;}
.box-tab{margin: 0px 0 !important}
.box-tab:first-child{border-bottom:3px solid #ff6a00}

section#SecArticle div.divArticleH2 div.divArticleHIn {
  width: 100%;
  float: none;
  padding: 0;}

.Property {width:28%;}
#secSlider2M{display:block;}

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:.85em !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:1.1em !important;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}
div#divAboutHome{padding-bottom: 50%;}

div#divHeader div.divoption {margin-bottom:2%;}
.textfield__input {
    font-size: .8em !important;}
#Searchbox i {
    font-size: .7em !important;
}
div#divHeader div#divLogo{margin-top:2% !important}
.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}
    .divBrands {
        width: 35.3%;
    }
}

/* Menu Responsive */
.menu-wrap{margin:0 auto;padding:1.5% 0%}
.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:7%;}
.menu-sidebar nav{width:97%;}
.menu-sidebar li{border-bottom:1px solid rgba(0,0,0,.12);font-size:14px;font-weight:bold;}
.menu-sidebar li i{float:left}
.menu-sidebar li > a{color:#737172;font-size:.85em;position:relative;}
.menu-sidebar li > a:hover:after{background-position:-100% 0;background:#ff6a00}
.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;background:#ff6a00;position:relative;}
.sidebar-menu-arrow:hover:after{cursor:pointer;color:red;}
.sidebar-menu-arrow:active:after{top:2px;background:#ff6a00}
/*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:#ff6a00;}
.sidenav .closebtn{position:absolute;top:0;left:5px;font-size:1.5em;}

@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:35px;
  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;
}

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width:30px;
  height:40px;
  border-radius:8px 0px 0px 8px;
  line-height:40px;
  color:#817f80;
  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 8px 8px 0;
  color:#817f80;
  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:2.5em;}

  
.table-fill td{
  background:#FFFFFF;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;width:5%
}


.divSearchM{float:right;border-radius:7px;margin:0 1%;width:30%;text-align:center}

#Searchbox i{font-size:.7em !important}


/*sp*/
div.divSpecial{background:#ff6a00;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:25.333%;float:right;margin:0 .5%;padding:.5%;box-sizing:border-box;min-height:310px;}
div.divSpecial div.divSpecialIn .divPro{width:100% !important;}
div.divSpecial h2 {
    color: #ef3a4f;
    text-align: center;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 20% 0;
}

/*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 {font-family:IRANSans;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:2%;top:55%;transform:translateY(-50%);color:#9e9fb1}
.autocomplete-items { position: absolute; z-index: 999; top: 100%; left: 0; right: 0; background: #f0f0f0; overflow: auto; max-height: 200px; border-top: none; }
.autocomplete-items div { padding: 6px 8px; cursor: pointer; font-size: 20px; }
.autocomplete-items div:hover { background-color: #dce2e6; }
.autocomplete-active { background-color: #dce2e6; color: #4a4a4a; }
.autocomplete-open{position: absolute; border: 1px solid #4a4a4a; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; padding-bottom: 10px; background: #f0f0f0; }
.autocomplete-open div{padding: 10px; cursor: pointer; font-size: 20px; }
.autocomplete-open div:hover{background-color:#dce2e6}

div.divDoKhHs{background:#ffc66f;text-align:center;}
div.divDoKhHs h2{color:#111262;line-height:6em;font-size:1.3em}
div.divDoKhHs p{color:#fff;line-height:2.5em;padding:1% 7%;}
div.divDoKhH{width:33.333%;float:right;}
div.divDoKhH img{width:100%;display:block;}

/*CatHome*/
.vc_column_containerTOP{top:0 !important;transform: initial !important;}
.vc_column_containerBOT{bottom:0 !important;transform: initial !important;}

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

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

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

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

    .mkdf-banner-holder .mkdf-banner-image img {
        display: block;
        -webkit-transition: .7s cubic-bezier(.39,.18,0,.85);
        -o-transition: .7s cubic-bezier(.39,.18,0,.85);
        transition: .7s cubic-bezier(.39,.18,0,.85);
    }
.wp-caption, img {
    height: auto;
    max-width: 100%;
}
.mkdf-banner-holder.mkdf-banner-info-centered .mkdf-banner-text-holder {
    padding: 50px 20px;
    text-align: center;
}
.mkdf-banner-holder .mkdf-banner-text-holder {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 20;
    pointer-events: none;
}
.mkdf-banner-holder .mkdf-banner-text-outer{position: absolute;display: table;background:#c6892c;table-layout:fixed;bottom:15px;padding:2% 0;left:50%;transform:translateX(-50%);width:90%;border-radius:5px;}

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

.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-btn-outer-holder .mkdf-btn, .mkdf-btn-outer-holder .mkdf-btn-bottom-line, .mkdf-btn-outer-holder .mkdf-btn-left-line, .mkdf-btn-outer-holder .mkdf-btn-right-line, .mkdf-btn-outer-holder .mkdf-btn-text, .mkdf-btn-outer-holder .mkdf-btn-top-line, .mkdf-btn-outer-holder i, .mkdf-btn-outer-holder span {
    -webkit-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    -o-transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
    transition: all .3s cubic-bezier(.78,.2,.21,.88),color 0s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-right-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-right-line {
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #000;
    z-index: 0;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-right-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-bottom-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-right-line {
    -webkit-transform: translate3d(5px,5px,0);
    transform: translate3d(5px,5px,0);
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline:hover .mkdf-btn-top-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid:hover .mkdf-btn-top-line {
    width: 100%;
    -webkit-transition: width .4s .3s;
    -o-transition: width .4s .3s;
    transition: width .4s .3s;
}
.mkdf-btn-outer-holder.mkdf-btn-outer-outline .mkdf-btn-top-line, .mkdf-btn-outer-holder.mkdf-btn-outer-solid .mkdf-btn-top-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    z-index: 0;
    -webkit-transition: 0s .3s;
    -o-transition: 0s .3s;
    transition: 0s .3s;
}








/*//////2///////*/
.mkdf-full-width {
    position: relative;
    z-index: 100;
}
.mkdf-grid-row {
    margin-left: -15px;
    margin-right: -15px;
}
    .mkdf-grid-row::after, .mkdf-grid-row::before {
        content: " ";
        display: table;
    }
.mkdf-portfolio-list-holder {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-no-space.mkdf-disable-bottom-space {
    margin-bottom: 0;
}
.clearfix {
    float: none;
    clear: both;
}
.mkdf-no-space .mkdf-outer-space {
    margin: 0;
}
.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article {
    background-color: #000;
    z-index: 20;
}
.mkdf-grid-list.mkdf-four-columns .mkdf-item-space {
    width: 25%;
}
.mkdf-grid-list:not(.mkdf-one-columns) .mkdf-item-space {
    float: left;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pl-item-inner {
    overflow: hidden;
}
.mkdf-portfolio-list-holder article .mkdf-pl-item-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder article .mkdf-pli-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-image img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: .5s cubic-bezier(.51,.37,.15,.88);
    -o-transition: .5s cubic-bezier(.51,.37,.15,.88);
    transition: .5s cubic-bezier(.51,.37,.15,.88);
}
.mkdf-portfolio-list-holder article .mkdf-pli-image img {
    display: block;
    width: 100%;
}
.wp-caption, img {
    height: auto;
    max-width: 100%;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article:hover .mkdf-pli-image img {
    -webkit-transform: translate3d(70px,70px,0);
    transform: translate3d(70px,70px,0);
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder {
    padding: 20px 0 20px 20px;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay .mkdf-pli-text-holder {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mkdf-portfolio-list-holder article .mkdf-pli-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-image img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: .5s cubic-bezier(.51,.37,.15,.88);
    -o-transition: .5s cubic-bezier(.51,.37,.15,.88);
    transition: .5s cubic-bezier(.51,.37,.15,.88);
}
.mkdf-portfolio-list-holder article .mkdf-pli-image img {
    display: block;
    width: 100%;
}
.wp-caption, img {
    height: auto;
    max-width: 100%;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder {
    padding: 20px 0 20px 20px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article.mkdf-masonry-size-small .mkdf-pli-text-holder .mkdf-pli-text-wrapper {
    width: 85%;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text-holder .mkdf-pli-text-wrapper {
    width: 65%;
    float: right;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text-wrapper {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article:hover .mkdf-pli-text {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: .5s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .5s cubic-bezier(.36,.43,.24,.95);
    transition: .5s cubic-bezier(.36,.43,.24,.95);
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pli-text {
    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
    -webkit-transition: .2s cubic-bezier(.36,.43,.24,.95);
    -o-transition: .2s cubic-bezier(.36,.43,.24,.95);
    transition: .2s cubic-bezier(.36,.43,.24,.95);
    right: -1px;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article.mkdf-masonry-size-small .mkdf-pli-text .mkdf-pli-text-inner {
    padding: 24px 24px 24px 50px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-text-inner {
    background-color: #000;
    padding: 24px 24px 24px 50px;
    font-family: Montserrat,sans-serif;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder {
    text-transform: uppercase;
    font-size: 11px;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-category-holder, .mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    text-align: left;
    padding: 0;
}
.mkdf-portfolio-list-holder article .mkdf-pli-text .mkdf-pli-category-holder {
    position: relative;
    display: block;
    margin: 3px 0 0;
}
.mkdf-portfolio-list-holder.mkdf-grid-masonry-list.mkdf-pl-gallery-overlay article .mkdf-pli-text .mkdf-pli-title-holder {
    position: relative;
    width: auto;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}

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

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

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

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

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

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

.card-body {
  padding: 8px;
}

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

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

/*about*/

.wrapper__loader {
  width: 10%;
  position: relative;
  margin:0 auto;
}
.wrapper__loader:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0px;
  position: absolute;
  top: 48%;
  bottom: 48%;
  border-top: 2px dashed #999999;
  border-bottom: 2px dashed #999999;
}

.scissors {
  font-size: 2rem;
  transform: translateX(-25%);
  animation: a_move 2s linear infinite;
}

.part {
  display: block;
  width: 1em;
  height: 0.6em;
  border: 0.1em solid #e67501;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.2em;
  border-top-right-radius: 0.85em;
  position: relative;
  transition: all 0.1s ease-in-out;
}
.part:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: -1.9em;
  bottom: -0.1em;
  border-left: 0 solid transparent;
  border-right: 1.9em solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 0.3em solid #e67501;
}
.part--1 {
  transform: rotate(10deg) translateY(-0.05em);
  animation: a_part1 0.3s ease-in-out alternate infinite;
}
.part--2 {
  transform: scaleY(-1) rotate(10deg) translateY(-0.05em);
  animation: a_part2 0.3s ease-in-out alternate infinite;
}

@keyframes a_part1 {
  0% {
    transform: rotate(10deg) translateY(-0.05em);
  }
  100% {
    transform: rotate(0) translateY(0.05em);
  }
}
@keyframes a_part2 {
  0% {
    transform: scaleY(-1) rotate(10deg) translateY(-0.05em);
  }
  100% {
    transform: scaleY(-1) rotate(0) translateY(-0.05em);
  }
}
@keyframes a_move {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(75%);
  }
}

/**/
.menu,
.nav-icon span {
	transition: all .3s ease-in-out}

.menu .nav-menu li a,
.nav-menu li a {
	line-height: 56px
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.effectTab-header .caption,
.effectTab-header .title {
	font-weight: 700;
	padding-bottom: 20px;
	position: relative;
	display: inline-block;
	color: #555;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase
}

.effectTab-header .title {
	font-size: 36px;
	font-family: Oswald, sans-serif
}

.effectTab-header .caption {
	font-size: 30px;
	font-family: 'Open Sans', sans-serif
}

.column-1,
.column-10,
.column-11,
.column-12,
.column-2,
.column-3,
.column-4,
.column-5,
.column-7,
.column-8,
.column-9 {
	float: left;
	padding: 15px
}

.effectTab-header .title::after,
.effectTab-header .title::before {
	position: absolute;
	background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
	content: ""
}

.effectTab-header .title::before {
	left: 0;
	width: 156%;
	height: 3px;
	margin-left: -28%;
	bottom: -1.5px
}

.effectTab-header .title::after {
	left: 50%;
	width: 25px;
	height: 25px;
	bottom: -26px;
	margin: 0 0 0 -10px;
	-webkit-clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
	clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0)
}


.column-1 {
	width: 8.333333333333333%
}

.column-2 {
	width: 16.66666666666667%
}

.column-3 {
	width: 25%
}

.column-4 {
	width: 33.33333333333333%
}

.column-5 {
	width: 41.66666666666667%
}

.column-6 {
	width: 50%;
	float: left;
	padding: 15px
}

.column-7 {
	width: 58.33333333333333%
}

.column-8 {
	width: 66.66666666666667%
}

.column-9 {
	width: 75%
}

.column-10 {
	width: 83.33333333333333%
}

.column-11 {
	width: 91.66666666666667%
}

.column-12,
.wrapper-full {
	width: 100%
}

.nav-icon,
.navigation {
	float: right
}

.custom-row a{position:absolute;top:0;right:0;z-index:1000;width:100%;height:100%}
.custom-row::after {
	content: "";
	display: table;
	clear: both
}

.wrapper {
	max-width: 1140px;
	margin: 0 auto;
	position: relative
}

.header {
	background-color: #485666;
	padding: 8px 0;
	position: static;
	z-index: 2000
}

.header h1 {
	color: #fff;
	font-family: Poppins;
	font-weight: 400;
	font-size: 2.2rem;
	padding-left: 40px
}

.rotate {
	position: absolute;
	transform: rotate(-20deg);
	left: 0;
	font-size: 2.8rem;
	top: 5px
}

.ex_padd {
	padding-top: 170px!important
}

.nav-icon-container {
	display: block
}

.nav-icon {
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	z-index: 100
}

.nav-icon span {
	width: 60%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%)
}

.nav-icon-1 {
	top: 30%
}

.nav-icon-2 {
	top: 50%
}

.nav-icon-3 {
	top: 70%
}

.nav-icon.active .nav-icon-1 {
	top: 50%;
	transform: rotate(45deg);
	left: 22%
}

.nav-icon.active .nav-icon-3 {
	top: 50%;
	transform: rotate(-45deg);
	left: 22%
}

.nav-icon.active .nav-icon-2 {
	width: 0
}

.nav-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-around
}

.nav-menu li {
	list-style: none;
	position: relative
}

.nav-menu li a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 0 20px
}

.nav-menu li:after,
.nav-menu li:before {
	content: "";
	position: absolute;
	height: 3px;
	background-color: rgba(255, 255, 255, .2);
	bottom: 0;
	width: 0;
	transition: all .3s ease-in-out
}

.nav-menu li:before {
	left: 0
}

.nav-menu li:after {
	right: 0
}

.nav-menu li:hover:after,
.nav-menu li:hover:before {
	width: 50%
}

.nav-menu li.active:after,
.nav-menu li.active:before {
	background-color: rgba(0, 128, 128, 1)
}

/*.menu {
	width: 200px;
	background-color: #0B466C;
	text-align: center;
	padding: 40px;
	position: fixed;
	top: 96px;
	right: -200px;
	overflow: scroll;
	height: calc(100% - 96px);
	z-index: 1000
}*/

.menu.active {
	right: 0
}

.menu .nav-menu {
	flex-direction: column;
	width: 150px
}

.menu .nav-menu li {
	margin: 10px 0;
	width: 80%
}

.box-tab {
	margin: 10px 0
}

.effect {
	margin: auto;
}

.tab-container {
	padding: 50px 0
}

.tab-head {
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

.tab {
    float: right;
    width: 50%;
}
.tab .effect {
	position: relative;
	overflow: hidden;
	width:100%;
	text-align: center;
	cursor: pointer;
}

.grid-width3,
.grid-width6 {
	max-height: 270px!important;
	max-width: 530px!important
}

.grid-width8 {
	max-width: 700px!important
}

.tab .effect img {
	position: relative;
	display: block;
	min-height: 100%;width:100%
}

.tab .effect .tab-text {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tab-text h2 {
    color: #F6DEA9;
    margin: 0;
    font-size: 1.5rem
}

.tab-text p {
	color: #fff;
	margin: 0;
	font-size: 1rem
}

.hide {
	display: none
}

@media (max-width:575px) {
	.column-xs-1,
	.column-xs-10,
	.column-xs-11,
	.column-xs-12,
	.column-xs-2,
	.column-xs-3,
	.column-xs-4,
	.column-xs-5,
	.column-xs-7,
	.column-xs-8,
	.column-xs-9 {
		float: left;
		padding: 15px
	}
	.column-xs-1 {
		width: 8.333333333333333%
	}
	.column-xs-2 {
		width: 16.66666666666667%
	}
	.column-xs-3 {
		width: 25%
	}
	.column-xs-4 {
		width: 33.33333333333333%
	}
	.column-xs-5 {
		width: 41.66666666666667%
	}
	.column-xs-6 {
		width: 50%;
		float: left;
		padding: 15px
	}
	.column-xs-7 {
		width: 58.33333333333333%
	}
	.column-xs-8 {
		width: 66.66666666666667%
	}
	.column-xs-9 {
		width: 75%
	}
	.column-xs-10 {
		width: 83.33333333333333%
	}
	.column-xs-11 {
		width: 91.66666666666667%
	}
	.column-xs-12 {
		width: 100%
	}
	.hide-xs {
		display: none
	}
	.effectTab-header .title::before {
		width: 125%;
		left: 15%
	}
	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.column-sm-1,
	.column-sm-10,
	.column-sm-11,
	.column-sm-12,
	.column-sm-2,
	.column-sm-3,
	.column-sm-4,
	.column-sm-5,
	.column-sm-7,
	.column-sm-8,
	.column-sm-9 {
		float: left;
		padding: 15px
	}
	.column-sm-1 {
		width: 8.333333333333333%
	}
	.column-sm-2 {
		width: 16.66666666666667%
	}
	.column-sm-3 {
		width: 25%
	}
	.column-sm-4 {
		width: 33.33333333333333%
	}
	.column-sm-5 {
		width: 41.66666666666667%
	}
	.column-sm-6 {
		width: 50%;
		float: left;
		padding: 15px
	}
	.column-sm-7 {
		width: 58.33333333333333%
	}
	.column-sm-8 {
		width: 66.66666666666667%
	}
	.column-sm-9 {
		width: 75%
	}
	.column-sm-10 {
		width: 83.33333333333333%
	}
	.column-sm-11 {
		width: 91.66666666666667%
	}
	.column-sm-12 {
		width: 100%
	}
	.hide-sm {
		display: none
	}
	.visible-sm {
		display: block
	}
	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media (max-width:1000px) {
	.header h1 {
		padding-left: 70px
	}
	.rotate {
		left: 30px
	}
	@media (min-width:768px) and (max-width:991px) {
		.column-md-1,
		.column-md-10,
		.column-md-11,
		.column-md-12,
		.column-md-2,
		.column-md-3,
		.column-md-4,
		.column-md-5,
		.column-md-7,
		.column-md-8,
		.column-md-9 {
			float: left;
			padding: 15px
		}
		.column-md-1 {
			width: 8.333333333333333%
		}
		.column-md-2 {
			width: 16.66666666666667%
		}
		.column-md-3 {
			width: 25%
		}
		.column-md-4 {
			width: 33.33333333333333%
		}
		.column-md-5 {
			width: 41.66666666666667%
		}
		.column-md-6 {
			width: 50%;
			float: left;
			padding: 15px
		}
		.column-md-7 {
			width: 58.33333333333333%
		}
		.column-md-8 {
			width: 66.66666666666667%
		}
		.column-md-9 {
			width: 75%
		}
		.column-md-10 {
			width: 83.33333333333333%
		}
		.column-md-11 {
			width: 91.66666666666667%
		}
		.column-md-12 {
			width: 100%
		}
		.hide-md {
			display: none
		}
		.visible-md {
			display: block
		}
	}
}

.effect.effect-one {
	position: relative
}

.effect.effect-one .tab-text {
	padding: 1em
}

.effect.effect-one .tab-text::after,
.effect.effect-one .tab-text::before {
	position: absolute;
	content: '';
	opacity: 0
}

    .effect.effect-one .tab-text::before {
        top: 50px;
        right: 50px;
        bottom: 50px;
        left: 50px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

.effect.effect-one .tab-text::after {
	top: 50px;
	right:50px;
	bottom: 50px;
	left:50px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.effect.effect-one .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 14px;
	width: 100%;
	left: 0;
	text-align: center
}

.effect.effect-one .icons-block .social-icon-1,
.effect.effect-one .icons-block .social-icon-2,
.effect.effect-one .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-one:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-one:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-one:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-one .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

.effect.effect-one h2 {
	padding-top:30%;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	font-weight:bold;
	font-size:2rem;
}

.effect-one .pt-1 {
	padding-top: 10%!important
}

.effect-one .pt-2 {
	padding-top: 16%!important
}

.effect-one .pt-3 {
	padding-top: 28%!important
}

.effect.effect-one p {
	padding: 2em 2.7em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	font-size: .92rem;
	line-height: 16px;
	color: rgba(255, 255, 255, .9)
}

.effect.effect-one .tab-text::after,
.effect.effect-one .tab-text::before,
.effect.effect-one img,
.effect.effect-one p {
	-webkit-transition: opacity 1.1s, -webkit-transform 1.1s;
	transition: opacity 1.1s, transform 1.1s
}

.effect.effect-one:hover img {
	opacity: .7;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0) scale(1.1, 1.1)
}

.effect.effect-one:hover .tab-text::after,
.effect.effect-one:hover .tab-text::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.effect.effect-one:hover h2,
.effect.effect-one:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.effect.effect-one:hover .tab-text::after,
.effect.effect-one:hover h2,
.effect.effect-one:hover img,
.effect.effect-one:hover p {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.effect.effect-two .tab-text {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: rgba(241, 169, 1, .95);
	color: #3c4a50;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.effect.effect-two .col3 {
	height: 5.5rem!important
}

.effect.effect-two h2 {
	float: left;
	font-size: 1.1rem;
	font-weight: 600;
	word-break: break-all;
	width: 50%;
	text-align: left;
	display: inline-block
}

.effect-two .col3-head {
	width: 100%!important;
	padding-bottom: 10px
}

.effect-two .icon-links a {
	font-size: 1.2rem!important
}

.effect.effect-two p.icon-links a {
	float: right;
	color: #f1f8ff;
	font-size: 1.4em;
	line-height: 20px
}

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

.effect.effect-two p.description {
	position: absolute;
	font-size: 1rem!important;
	bottom: 7em;
	color: #fff;
	text-transform: none;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
	line-height: 18px;
	padding: 15px 50px;
	background-color: rgba(0, 0, 0, .5);
	right: 30px;
	left: 30px;
	-webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
	clip-path: polygon(7% 0, 100% 0, 93% 100%, 2% 100%)
}

.effect.effect-two p.col6 {
	left: 80px!important;
	right: 80px!important;
	bottom: 8rem
}

.effect.effect-two h2,
.effect.effect-two p.icon-links a {
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 200%, 0)
}

.effect.effect-two:hover p.description {
	opacity: 1
}

.effect.effect-two:hover .tab-text,
.effect.effect-two:hover h2,
.effect.effect-two:hover p.icon-links a {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding-right: 10px
}

.effect.effect-two:hover h2 {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

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

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

.effect.effect-two:hover p.icon-links a:first-child {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.effect.effect-three {
	background: linear-gradient(-45deg, #0C71E9 0, #034B96, 100%);
	text-align: left
}

.effect.effect-three h2 {
	transform: translate3d(25px, 0, 0);
	-webkit-transform: translate3d(25px, 0, 0);
	transition: all .35s;
	font-family: Oswald;
	font-size: 1.6rem
}

.effect.effect-three h2:before {
	content: "[ ";
	position: absolute;
	left: -15px;
	bottom: 3px;
	font-weight: 400
}

.effect.effect-three:hover h2 {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: .5
}

.effect.effect-three .tab-text:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border: 140px solid red;
	border-radius: 50% 0 0 50%;
	opacity: 0;
	transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 135deg);
	transition: all .35s .15s;
	border-color: transparent transparent transparent #fff
}

.effect.effect-three:hover .tab-text:before {
	transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 45deg);
	opacity: .8;
	transition-delay: 0s
}

.effect.effect-three p {
	position: absolute;
	width: 31px;
	height: 36px;
	bottom: 70px;
	right: -31px;
	font-size: 120%
}

.effect.effect-three p a {
	width: 31px;
	height: 36px;
	position: absolute;
	opacity: 0;
	transition: all .35s cubic-bezier(.25, .4, .2, .5) 0s
}

.effect.effect-three p a i {
	color: #5d504f;
	transition: transform .35s cubic-bezier(.5, .2, .4, .25) 0s
}

.effect.effect-three p a i:hover {
	color: #cc6055
}

.effect.effect-three:hover p a {
	opacity: 1
}

.effect.effect-three:hover p a:nth-child(1) {
	transform: translate3d(0, 60px, 0);
	-webkit-transform: translate3d(0, 60px, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s;
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s
}

.effect.effect-three:hover p a:nth-child(1) i {
	transform: translate3d(-100px, 0, 0);
	transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s;
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s
}

.effect.effect-three:hover p a:nth-child(2) {
	transform: translate3d(0, 30px, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s;
	-webkit-transform: translate3d(0, 30px, 0);
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s
}

.effect.effect-three:hover p a:nth-child(2) i {
	transform: translate3d(-80px, 0, 0);
	transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s;
	-webkit-transform: translate3d(-80px, 0, 0);
	-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s
}

.effect.effect-three:hover p a:nth-child(3) {
	transform: translate3d(0, 0, 0);
	transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s
}

.effect.effect-three:hover p a:nth-child(3) i {
	transform: translate3d(-45px, 0, 0);
	transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s;
	-webkit-transform: translate3d(-45px, 0, 0);
	-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s
}

.effect.effect-three img {
	transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
	transition: all .35s;
	transform-origin: 85% 100%;
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
	-webkit-transition: all .35s;
	-webkit-transform-origin: 85% 100%
}

.effect.effect-three:hover img {
	transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
	opacity: .6
}

.effect.effect-four {
	background: #2e5d5a
}

.effect-four .tab-text h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em 1.2em;
	font-family: Oswald
}

.effect-four .tab-text p {
	width: 65%;
	font-size: 68%;
	line-height: 1;
	letter-spacing: 1px;
	text-align: left;
	float: right;
	padding-left: 15px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translate3d(40px, 0, 0);
	-webkit-transform: translate3d(40px, 0, 0);
	opacity: 0;
	transition: all .35s;
	font-family: "Open sans";
	padding-bottom: 5px
}

.effect-four .tab-text p:after,
.effect-four .tab-text p:before {
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 50px;
	content: "";
	position: absolute
}

.effect.effect-five h2,
.effect.effect-six h2 {
	font-family: Oswald
}

.effect-four .tab-text p:after {
	top: -5px;
	left: -5px;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}

.effect-four .tab-text p:before {
	right: 0;
	bottom: -6px;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}

.effect.effect-four .icons-block {
	z-index: 1000;
	position: absolute;
	top: 10px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 10px;
	padding-top: 9px
}

.effect.effect-four .icon-c3 {
	padding-left: 5px;
	padding-top: 0
}

.effect.effect-four .icons-block .social-icon-1,
.effect.effect-four .icons-block .social-icon-2,
.effect.effect-four .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-four:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-four:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-four:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-four .icons-block i {
	color: rgba(255, 255, 255, .9);
	padding-left: 7px;
	font-size: 1.2rem
}

.effect-four:hover p {
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.effect.effect-four img {
	max-width: none;
	width: calc(100% + 60px);
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1.12);
	transition: all .35s;
	-webkit-transform: translate3d(0, 0, 0) scale(1.12);
	-webkit-transition: all .35s
}

.effect.effect-four:hover img {
	transform: translate3d(-20px, 0, 0) scale(1);
	-webkit-transform: translate3d(-20px, 0, 0) scale(1);
	opacity: .5
}

.effect.effect-five {
	background: #162633;
	text-align: left
}

.col3-block-height {
	min-height: 480px!important
}

.effect.effect-five h2 {
	transform: translate3d(0, 20px, 0);
	transition: all .35s;
	-webkit-transform: translate3d(0, 20px, 0);
	-webkit-transition: all .35s
}

.effect.effect-five:hover h2 {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: .6
}

.effect.effect-five img {
	transition: all .35s
}

.effect.effect-five:hover img {
	opacity: .6;
	transform: translate3d(0, 0, 0) scale(1.16);
	-webkit-transform: translate3d(0, 0, 0) scale(1.16)
}

.effect.effect-five .tab-text:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 180%;
	background-color: #FFF;
	opacity: .8;
	transform-origin: 0 100%;
	transform: rotate(90deg);
	transition: all .35s;
	-webkit-transform-origin: 0 100%;
	-webkit-transform: rotate(90deg);
	-webkit-transition: all .35s
}

.effect.effect-seven .tab-text:after,
.effect.effect-six .tab-text:before {
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	content: ""
}

.effect.effect-five:hover .tab-text:before {
	transform: rotate(67deg);
	-webkit-transform: rotate(67deg)
}

.effect.effect-five p {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 15px 25px 0
}

.effect.effect-five p a {
	color: #5d504f;
	margin: 0 5px
}

.effect.effect-five p a:hover {
	color: #cc6055
}

.effect.effect-five p a i {
	opacity: 0;
	font-size: 120%;
	transform: translate3d(0, 50px, 0);
	transition: all .35s;
	-webkit-transform: translate3d(0, 50px, 0);
	-webkit-transition: all .35s
}

.effect.effect-five:hover p a i {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.effect.effect-five:hover p a:nth-child(1) i {
	transition-delay: .15s;
	-webkit-transition-delay: .15s
}

.effect.effect-five:hover p a:nth-child(2) i {
	transition-delay: .1s;
	-webkit-transition-delay: .1s
}

.effect.effect-five:hover p a:nth-child(3) i {
	transition-delay: .05s;
	-webkit-transition-delay: .05s
}

.effect.effect-six {
	background-color: #3498db
}

.effect.effect-six h2 {
	text-align: left
}

.effect.effect-six img {
	transition: all .35s;
	transform: translate3d(0, 0, 0) scale(1.05);
	-webkit-transition: all .35s;
	-webkit-transform: translate3d(0, 0, 0) scale(1.05)
}

.effect.effect-six:hover img {
	opacity: .4;
	transform: translate3d(-50px, 0, 0) scale(1);
	-webkit-transform: translate3d(-50px, 0, 0) scale(1)
}

.effect.effect-six .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 25px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px
}

.effect.effect-six .icons-block .social-icon-1,
.effect.effect-six .icons-block .social-icon-2,
.effect.effect-six .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-six:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-six:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-six:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-six .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

.effect.effect-six p {
	max-width: 130px;
	padding: 0 10px;
	margin: 30px;
	text-align: right;
	font-size: .9rem;
	line-height: 1.1;
	position: absolute;
	bottom: 0;
	right: 0;
	border-right: 3px solid #fff;
	opacity: 0;
	transition: all .35s;
	font-family: Poppins
}

.effect.effect-six:hover p {
	opacity: 1
}

.effect.effect-six .tab-text:before {
	background-color: rgba(255, 255, 255, .4);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
	transition: all .6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
	-webkit-transition: all .6s
}

.effect.effect-six:hover .tab-text:before {
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 101%, 0);
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 101%, 0)
}

.effect.effect-seven {
	background: linear-gradient(-45deg, #f3cf3f 0, #f33f58 100%)
}

.effect.effect-eight,
.effect.effect-nine {
	background: linear-gradient(-180deg, #fff 10%, #000 100%)
}

.effect.effect-seven img {
	transition: all .35s;
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: all .35s;
	-webkit-transform: translate3d(0, 0, 0) scale(1)
}

.effect.effect-seven:hover img {
	opacity: .6;
	transform: translate3d(-50px, 0, 0) scale(1.1) rotate(3deg);
	-webkit-transform: translate3d(-50px, 0, 0) scale(1.1) rotate(3deg)
}

.effect.effect-seven h2 {
	padding-top: 20%;
	transform: scale3d(.8, .8, 1);
	transition: all .35s;
	-webkit-transform: scale3d(.8, .8, 1);
	-webkit-transition: all .35s;
	font-family: Oswald
}

.effect.effect-seven .col8-head {
	padding-top: 9%
}

.effect.effect-seven:hover h2 {
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1)
}

.effect.effect-seven p {
	font-size: .9rem;
	padding: 10px 5px;
	transform: scale3d(.8, .8, 1);
	-webkit-transform: scale3d(.8, .8, 1);
	opacity: 0;
	transition: all .35s;
	-webkit-transition: all .35s;
	font-family: Poppins
}

.effect.effect-seven:hover p {
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	opacity: 1
}

.effect.effect-seven .tab-text:after {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	opacity: 0;
	transition: all .35s;
	-webkit-transition: all .35s
}

.effect.effect-seven:hover .tab-text:after {
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	opacity: 1
}

.effect.effect-seven .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 25px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px
}

.effect.effect-seven .c4 {
	right: 0;
	text-align: right;
	padding-right: 15px
}

.effect.effect-seven .c3 {
	bottom: 50%;
	margin-bottom: -40px;
	left: 23%
}

.effect.effect-seven .icons-block .social-icon-1,
.effect.effect-seven .icons-block .social-icon-2,
.effect.effect-seven .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-seven:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-seven:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-seven:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-seven .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

.effect.effect-eight img {
	transition: all .3s ease-in-out;
	transform: translate3d(0, 0, 0) scale(1, 1);
	-webkit-transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0) scale(1, 1)
}

.effect.effect-eight:hover img {
	opacity: .6;
	transform: translate3d(-20px, 0, 0) scale(1.1, 1.1);
	-webkit-transform: translate3d(-20px, 0, 0) scale(1.1, 1.1)
}

.effect.effect-eight .tab-text h2 {
	font-family: Oswald;
	transform: scale3d(.9, .9, 1);
	transition: all .5s ease-in-out;
	-webkit-transform: scale3d(.9, .9, 1);
	-webkit-transition: all .5s ease-in-out
}

.effect.effect-eight .col8-head {
	padding-top: 9%
}

.effect.effect-eight:hover h2 {
	transform: scale3d(1.1, 1.1, 1);
	transition: all .5s ease-in-out;
	-webkit-transform: scale3d(1.1, 1.1, 1);
	-webkit-transition: all .5s ease-in-out
}

.effect.effect-eight p {
	font-size: .9rem;
	padding: 10px 5px;
	transform: scale3d(.8, .8, 1);
	-webkit-transform: scale3d(.8, .8, 1);
	opacity: 0;
	transition: all .35s;
	-transition: all .35s;
	font-family: Poppins
}

.effect.effect-eight:hover p {
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	opacity: 1
}

.effect.effect-eight .tab-text:after {
	content: "";
	position: absolute;
	left: -230px;
	top: 0;
	border-top: 208px solid rgba(7, 0, 2, .3);
	border-left: 140px solid rgba(240, 74, 126, .6);
	border-bottom: 188px solid transparent;
	border-right: 160px solid transparent;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out
}

.effect.effect-eight:hover .tab-text:after {
	transform: rotate3d(0, 0, 1, 52deg) scale3d(1, 1, 1);
	-webkit-transform: rotate3d(0, 0, 1, 52deg) scale3d(1, 1, 1);
	opacity: 1;
	top: 103px;
	left: -378px;
	border-top: 325px solid rgba(240, 74, 126, .8);
	border-left: 422px solid rgba(240, 74, 126, .8);
	border-bottom: 218px solid transparent;
	border-right: 160px solid transparent
}

.effect.effect-eight .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 15px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 5px
}

.effect.effect-eight .icons-block .social-icon-1,
.effect.effect-eight .icons-block .social-icon-2,
.effect.effect-eight .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-eight:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-eight:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-eight:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-eight .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

.effect.effect-nine img {
	transition: all .3s ease-in-out;
	transform: translate3d(0, 0, 0) scale(1, 1);
	-webkit-transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0) scale(1, 1)
}

.effect.effect-nine:hover img {
	opacity: .6;
	transform: translate3d(-20px, 0, 0) scale(1.1, 1.1);
	-webkit-transform: translate3d(-20px, 0, 0) scale(1.1, 1.1)
}

.effect.effect-nine .tab-text h2 {
	font-family: Oswald;
	transform: scale3d(.9, .9, 1);
	transition: all .5s ease-in-out;
	-webkit-transform: scale3d(.9, .9, 1);
	-webkit-transition: all .5s ease-in-out;
	z-index: 2;
	position: relative;
	padding-top: 18%
}

.effect.effect-nine:hover h2 {
	transform: scale3d(1, 1, 1);
	transition: all .5s ease-in-out;
	-webkit-transform: scale3d(1, 1, 1);
	-webkit-transition: all .5s ease-in-out
}

.effect.effect-nine p {
	font-size: .8rem;
	padding: 10px 5px;
	transform: scale3d(.8, .8, 1);
	-webkit-transform: scale3d(.8, .8, 1);
	opacity: 0;
	-webkit-transition: all .35s;
	transition: all .35s;
	font-family: Poppins;
	z-index: 2;
	position: relative
}

.effect.effect-nine:hover p {
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	opacity: 1
}

.effect.effect-nine .tab-text:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 0px);
	height: inherit;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out
}

.effect.effect-nine:hover .tab-text:after {
	opacity: 1;
	top: 0;
	left: 0;
	border-top: 135px solid rgba(0, 0, 0, .5);
	border-left: 135px solid rgba(0, 0, 0, .5);
	border-bottom: 135px solid rgba(0, 0, 0, .5);
	border-right: 135px solid rgba(0, 0, 0, .5)
}

.effect.effect-nine .icons-block {
	z-index: 1000;
	position: absolute;
	top: 10px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px
}

.effect.effect-nine .icons-block .social-icon-1,
.effect.effect-nine .icons-block .social-icon-2,
.effect.effect-nine .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-nine:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-nine:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-nine:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-nine .icons-block i {
	color: rgba(255, 255, 255, .9);
	padding-left: 7px;
	font-size: 1.2rem
}

.effect.effect-ten {
	background-color: #162633
}

.effect.effect-ten img {
	transition: all .35s;
	transform: translate3d(-20px, 0, 0) scale(1.1, 1.1);
	-webkit-transition: all .35s;
	-webkit-transform: translate3d(-20px, 0, 0) scale(1.1, 1.1)
}

.effect.effect-ten:hover img {
	opacity: .85;
	transform: translate3d(0, 0, 0) scale(1, 1);
	-webkit-transform: translate3d(0, 0, 0) scale(1, 1)
}

.effect.effect-ten h2 {
	transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0);
	transition: all .35s;
	-webkit-transition: all .35s;
	font-family: Oswald;
	z-index: 2;
	position: relative;
	padding-top: 10%
}

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

.effect.effect-ten p {
	font-size: .8rem;
	line-height: 1.1;
	padding-top: 5px;
	transform: translate3d(0, 10px, 0);
	transition: all .35s;
	-webkit-transform: translate3d(0, 10px, 0);
	-webkit-transition: all .35s;
	font-family: Poppins
}

.effect.effect-ten:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.effect.effect-ten .tab-text {
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	perspective: 300px
}

.effect.effect-ten .tab-text:after {
	content: "";
	width: 180%;
	height: 180%;
	background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, .45) 50%);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

.effect.effect-ten .tab-text:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 49%, rgba(132, 132, 132, .45) 50%, rgba(255, 255, 255, .65) 65%);
	transform: rotate3d(-1, 1, 0, 20deg);
	transform-origin: 50% 50%;
	transition: width .2s linear .2s, height .2s linear .2s, bottom .2s linear 0s, right .2s linear 0s;
	-webkit-transform: rotate3d(-1, 1, 0, 20deg);
	-webkit-transform-origin: 50% 50%;
	-webkit-transition: width .2s linear .2s, height .2s linear .2s, bottom .2s linear 0s, right .2s linear 0s
}

.effect.effect-ten:hover .tab-text:after {
	top: -80%;
	left: -80%;
	background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, .45) 60%)
}

.effect.effect-ten:hover .tab-text:before {
	width: 100%;
	height: 100%;
	bottom: 50%;
	right: 50%;
	-webkit-transition: width .2s linear 0s, height .2s linear 0s, bottom .2s linear .2s, right .2s linear .2s;
	transition: width .2s linear 0s, height .2s linear 0s, bottom .2s linear .2s, right .2s linear .2s
}

.effect.effect-ten .icons-block {
	z-index: 1000;
	position: absolute;
	top: 10px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px
}

.effect.effect-ten .icons-block .social-icon-1,
.effect.effect-ten .icons-block .social-icon-2,
.effect.effect-ten .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-ten:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-ten:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-ten:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-ten .icons-block i {
	color: rgba(255, 255, 255, .9);
	padding-left: 7px;
	font-size: 1.2rem
}

.effect.effect-eleven {
	background-color: #3498db
}

.effect.effect-eleven img {
	transform: translate3d(-10px, 0, 0);
	transition: all .35s;
	-webkit-transform: translate3d(-10px, 0, 0);
	-webkit-transition: all .35s
}

.effect.effect-eleven:hover img {
	opacity: .6;
	transform: translate3d(-30px, 0, 0) scale(1.1, 1.1);
	-webkit-transform: translate3d(-30px, 0, 0) scale(1.1, 1.1)
}

.effect.effect-eleven h2 {
	text-align: left;
	transform: translate3d(-10px, 0, 0);
	transition: all .55s 0s;
	-webkit-transform: translate3d(-10px, 0, 0);
	-webkit-transition: all .55s 0s;
	font-family: Oswald;
	z-index: 2;
	position: relative;
	padding-top: 10%
}

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

.effect.effect-eleven p {
	text-align: left;
	line-height: 1.2;
	padding-top: 34px;
	padding-left: 1px;
	font-size: .9rem;
	transform: translate3d(15px, 0, 0);
	-webkit-transform: translate3d(15px, 0, 0);
	opacity: 0;
	transition: all .35s 0s;
	z-index: 5;
	position: absolute;
	word-spacing: 3px;
	top: 65px;
	width: calc(100% - 4em);
	font-family: Poppins
}

.effect.effect-eleven:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.effect.effect-eleven .tab-text:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border-top: 125px solid rgba(255, 255, 255, .3);
	border-right: 350px solid transparent;
	border-bottom: 125px solid rgba(255, 255, 255, .3);
	transform: translate3d(-100%, 0, 0);
	transition: all .35s;
	-webkit-transform: translate3d(-100%, 0, 0);
	-webkit-transition: all .35s
}

.effect.effect-eleven .tab-text:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border-top: 125px solid transparent;
	border-right: 350px solid rgba(255, 255, 255, .3);
	border-bottom: 125px solid transparent;
	transform: translate3d(100%, 0, 0);
	transition: all .35s;
	-webkit-transform: translate3d(100%, 0, 0);
	-webkit-transition: all .35s
}

.effect.effect-eleven:hover .tab-text:after,
.effect.effect-eleven:hover .tab-text:before {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.effect.effect-eleven .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 25px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px
}

.effect.effect-eleven .icons-block .social-icon-1,
.effect.effect-eleven .icons-block .social-icon-2,
.effect.effect-eleven .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-eleven:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-eleven:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-eleven:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-eleven .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

.effect.effect-twelve {
	background: #42b078
}

.effect-twelve .tab-text h2 {
	position: relative;
	padding: .5em 0;
	text-align: left;
	overflow: hidden;
	font-family: Oswald
}

.effect.effect-twelve h2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	transform: translate3d(-100%, 0, 0);
	transition: all .35s;
	-webkit-transform: translate3d(-100%, 0, 0);
	-webkit-transition: all .35s
}

.effect.effect-twelve:hover h2:after {
	transform: translate3d(0, 0, 0)
}

.effect-twelve .tab-text p {
	padding: .7em 0;
	font-size: .8rem;
	text-align: left;
	line-height: 1.1;
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	opacity: 0;
	transition: all .35s;
	-webkit-transition: all .35s;
	font-family: Poppins
}

.effect-twelve:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1
}

.effect.effect-twelve img {
	max-width: none;
	opacity: 1;
	transform: translate3d(-10px, 0, 0);
	transition: all .35s;
	-webkit-transform: translate3d(-10px, 0, 0);
	-webkit-transition: all .35s
}

.effect.effect-twelve:hover img {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: .4
}

.effect.effect-twelve .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 25px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px
}

.effect.effect-twelve .icons-block .social-icon-1,
.effect.effect-twelve .icons-block .social-icon-2,
.effect.effect-twelve .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.effect.effect-twelve:hover .social-icon-1 {
	opacity: 1;
	transition-delay: .3s;
	transition-duration: .5s
}

.effect.effect-twelve:hover .social-icon-2 {
	opacity: 1;
	transition-delay: .4s;
	transition-duration: .5s
}

.effect.effect-twelve:hover .social-icon-3 {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: .5s
}

.effect.effect-twelve .icons-block i {
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
	font-size: 1.3rem
}

@media (max-width:575px) {
	.effect.effect-two p.description {
		bottom: 5.8em
	}
}

@media (min-width:576px) and (max-width:767px) {
	.tab .effect .tab-text h2 {
		font-size: 1.3rem!important;
		font-family: Oswald
	}
	.effect.effect-two p.description {
		bottom: 5.8em
	}
}

@media (min-width:768px) and (max-width:991px) {
	.effect h2 {
		font-size: 1.3rem!important
	}
}

/**/
.divLNG {
    display:inline-block;vertical-align:middle;
}
.divLNG ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.divLNG li {
    cursor: pointer;
}

.divLNG li ul {
  display: none;
}

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

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

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

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

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

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

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

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

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

.carousel {
    position: relative !important;
}
.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 !important;
    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}


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

/*MODAL*/
.BtnModal{border-radius:7px;color:#817f80;padding:.5% 2%;cursor:pointer;font-size:.9em;}
.BtnModal:hover{color:#ff6a00;}

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


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

.modal-content h2{font-size:1.5em;line-height:3em;}
.modal-content p{font-size:.8em}
.modal-content input{direction:ltr}
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width:30%;
  border-radius: 8px;padding:2% 3%;box-sizing:border-box;
}

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

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


/*MEGA MENU*/
div.ruby-menu-demo-header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    z-index: 99999
}

div.ruby-menu-demo-header-bg {
    background: url(../img/bg.jpg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(max-width: 767px) {
    div.ruby-menu-demo-header {
        width: 100%;
        height: auto
    }

    div.ruby-menu-demo-description {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 220px;
        padding: 10px;
        text-align: center
    }

        div.ruby-menu-demo-description img {
            float: none;
            margin: 90px 0 0
        }

    div.ruby-menu-demo-download {
        position: relative;
        width: auto;
        top: 25px;
        right: auto;
        left: auto
    }

        div.ruby-menu-demo-download > span {
            font-size: 20px;
            margin: 25px auto
        }

            div.ruby-menu-demo-download > span > span {
                font-size: 26px
            }

    button.ruby-btn {
        padding: 14px 25px;
        font-size: 16px;
        text-transform: uppercase
    }

    div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
        display: none
    }

    div.ruby-menu-demo-bg-light, div.ruby-menu-demo-bg-dark {
        width: 100%;
        font-size: 16px;
        padding: 25px;
        margin-bottom: -100px
    }

    div.ruby-menu-demo-cv-1 {
        width: 100%
    }

    div.ruby-menu-demo-cv-2 {
        width: 100%
    }

    div.ruby-menu-demo-cv-3 {
        width: 100%
    }

    div.ruby-menu-demo-cv-4 {
        width: 100%
    }

    div.ruby-menu-demo-cr-1 {
        width: 100%
    }

    div.ruby-menu-demo-cr-2 {
        width: 100%;
        margin-top: 40px
    }

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

    div.ruby-menu-demo-f-desc {
        margin-bottom: 30px
    }

    img.iphone7 {
        max-width: 300px;
        float: none;
        margin-right: 0 auto
    }
}


/* theme */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
    border-top: 4px solid #222
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        background-color: #222
    }

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

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        border-color: transparent #fff transparent transparent
    }
}

@media(max-width: 767px) {
    ul.ruby-menu > li > a {
        background: #efefef
    }

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

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #ccc
    }

    ul.ruby-menu > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        background: #d1d1d1
    }

        ul.ruby-menu > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
            background: #d9d9d9;
            color: #111
        }

    ul.ruby-menu > li > ul > li > ul > li > a {
        background: #e5e5e5
    }

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

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

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

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

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

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #d9d9d9
    }

    span.ruby-dropdown-toggle:after {
        color: #fff
    }

    ul.ruby-menu > li > a:before, ul.ruby-menu > li > ul > li > a:before, ul.ruby-menu > li > ul > li > ul > li > a:before, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #333
    }

    ul.ruby-menu > li > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #555
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: #777
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        background: #999
    }

    .c-hamburger span {
        background: #222
    }

        .c-hamburger span::before, .c-hamburger span::after {
            background-color: #222
        }

    .c-hamburger--htx {
        background-color: #efefef;
        color: #222
    }

        .c-hamburger--htx.is-active {
            background-color: #ddd
        }

    ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
        border-top: none
    }

    ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
        border-top: none
    }

    ul.ruby-menu.ruby-menu-dividers > li, ul.ruby-menu.ruby-menu-dividers > li > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a, ul.ruby-menu.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }
}

/* transision */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* main */

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

div.ruby-wrapper {
    position: relative;
    width:100%;
    height: 60px;
    margin: 0 auto;
    background:#fff;padding:0.2% 4%;
}

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

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

ul.ruby-menu > li {
    float: right;
    font-size: 14px
}

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

    ul.ruby-menu > li > a {
        display: block;
        line-height: 50px;
        padding: 0 25px 0 15px;
        color:#666;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase
    }

        ul.ruby-menu > li > a:only-child {
            padding: 0 15px
        }

        ul.ruby-menu > li > a:hover, ul.ruby-menu > li:hover > a, ul.ruby-menu > li.ruby-active-menu-item > a:hover, ul.ruby-menu > li.ruby-active-menu-item:hover > a{background:#ff6a00}

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

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #17a47d
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* responsive */

@media(max-width: 767px) {
    div.ruby-wrapper .hidden-xs {
        visibility: hidden;
        display: none
    }

    div.ruby-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        background: #111
    }

    .ruby-wrapper .visible-xs {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0
    }

    div.ruby-wrapper > ul {
        position: absolute;
        top: 50px;
        width: 100%
    }

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

        ul.ruby-menu > li > a {
            padding: 0 65px;
            background: #ff6a00
        }

            ul.ruby-menu > li > a:only-child {
                padding: 0 65px
            }

            ul.ruby-menu > li > a:hover, ul.ruby-menu > li:hover > a, ul.ruby-menu > li.ruby-active-menu-item > a:hover {
                background: #127e61
            }

        ul.ruby-menu > li.ruby-active-menu-item > a {
            background: #159572
        }

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

        ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
            position: relative;
            width: 100%;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-top: none
        }

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

                ul.ruby-menu > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
                    width: 100%;
                    line-height: 50px;
                    padding: 0 80px;
                    background: #d1d1d1
                }

                    ul.ruby-menu > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > a:hover, ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
                        background: #d9d9d9;
                        color: #111
                    }

                ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul {
                    left: auto;
                    top: auto;
                    z-index: auto
                }

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

                    ul.ruby-menu > li > ul > li > ul > li > a {
                        background: #e5e5e5;
                        padding: 0 95px
                    }

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

                    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
                        background: #efefef;
                        padding: 0 110px
                    }

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

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

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

                    ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
                        position: relative;
                        top: auto;
                        left: auto;
                        border-top: none;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none
                    }

                        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
                            width: 100%;
                            height: auto;
                            left: auto;
                            top: auto
                        }

                            ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
                                position: relative
                            }

                                ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
                                    line-height: 50px;
                                    padding: 0 75px;
                                    background: #d1d1d1;
                                    color: #222
                                }

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

                                ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
                                    position: relative;
                                    width: 100%;
                                    min-height: auto;
                                    left: auto;
                                    top: auto;
                                    z-index: auto
                                }

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

                    ul.ruby-menu > li.ruby-menu-mega-shop > div {
                        position: relative;
                        text-align: left
                    }

                        ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
                            position: relative;
                            border: none;
                            font-size: 14px;
                            margin-bottom: -1px
                        }

                            ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
                                position: relative;
                                display: block;
                                margin-top: -1px
                            }

                                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
                                    padding: 0 80px;
                                    line-height: 50px;
                                    max-height: 50px;
                                    text-transform: none;
                                    font-weight: 400;
                                    background: #d1d1d1;
                                    color: #222;
                                    border: none
                                }

                                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
                                    background: #bcbcbc
                                }

                                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
                                    background: #d9d9d9
                                }

                                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
                                    display: block
                                }

                                ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
                                    position: relative;
                                    top: 0;
                                    z-index: 9999;
                                    margin: 0
                                }

                ul.ruby-menu > li.ruby-menu-social img {
                    display: inline-table;
                    position: absolute;
                    top: 15px
                }

                ul.ruby-menu > li.ruby-menu-social > a {
                    width: 100%
                }

                ul.ruby-menu > li.ruby-menu-social .fa {
                    position: absolute;
                    top: 17px
                }

                ul.ruby-menu > li.ruby-menu-social span {
                    line-height: 50px;
                    padding: 0 25px
                }

    span.ruby-dropdown-toggle {
        position: absolute;
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        left: 0;
        top: 0;
        padding: 10px 17px;
        z-index: 1000000;
        cursor: pointer
    }

        span.ruby-dropdown-toggle:after {
            font-family: "FontAwesome";
            text-decoration: none;
            content: '\f107';
            color: #fff;
            font-size: 25px;
            right: 0
        }

        span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    ul.ruby-menu > li > a:before, ul.ruby-menu > li > ul > li > a:before, ul.ruby-menu > li > ul > li > ul > li > a:before, ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        content: "";
        width: 50px;
        height: 50px;
        background: #333;
        position: absolute;
        left: 0;
        top: 0
    }

    ul.ruby-menu > li > ul > li > a:before, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #555
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: #777
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        background: #999
    }

    ul.ruby-menu > li > ul > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul, ul.ruby-menu, ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div {
        max-height: 0;
        transform: scaleY(0);
        overflow: hidden
    }

        ul.ruby-menu > li > ul.ruby-mobile-sublevel-show, ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show, ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show, ul.ruby-menu.ruby-mobile-sublevel-show, ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show, ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show, ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show, ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show {
            max-height: 20000px;
            transform: scaleY(1)
        }

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

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

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

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

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

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

    div.ruby-grid > div.ruby-row div.ruby-col-1, div.ruby-grid > div.ruby-row div.ruby-col-2, div.ruby-grid > div.ruby-row div.ruby-col-3, div.ruby-grid > div.ruby-row div.ruby-col-4, div.ruby-grid > div.ruby-row div.ruby-col-5, div.ruby-grid > div.ruby-row div.ruby-col-6, div.ruby-grid > div.ruby-row div.ruby-col-7, div.ruby-grid > div.ruby-row div.ruby-col-8, div.ruby-grid > div.ruby-row div.ruby-col-9, div.ruby-grid > div.ruby-row div.ruby-col-10, div.ruby-grid > div.ruby-row div.ruby-col-11, div.ruby-grid > div.ruby-row div.ruby-col-12 {
        width: 100%;
        padding: 20px 30px
    }

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

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

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

    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

        .c-hamburger:focus {
            outline: none
        }

        .c-hamburger span {
            display: block;
            position: absolute;
            top: 24px;
            left: 8px;
            right: 8px;
            height: 3px;
            background: #fff
        }

            .c-hamburger span::before, .c-hamburger span::after {
                position: absolute;
                display: block;
                left: 0;
                width: 100%;
                height: 3px;
                background-color: #fff;
                content: ""
            }

            .c-hamburger span::before {
                top: -10px
            }

            .c-hamburger span::after {
                bottom: -10px
            }

    .c-hamburger--htx {
        background-color: #ff6a00
    }

        .c-hamburger--htx span {
            -webkit-transition: background 0 .3s;
            transition: background 0 .3s
        }

            .c-hamburger--htx span::before, .c-hamburger--htx span::after {
                -webkit-transition-duration: 0.3s,.3s;
                transition-duration: 0.3s,.3s;
                -webkit-transition-delay: 0.3s,0;
                transition-delay: 0.3s,0
            }

            .c-hamburger--htx span::before {
                -webkit-transition-property: top,-webkit-transform;
                transition-property: top,transform
            }

            .c-hamburger--htx span::after {
                -webkit-transition-property: bottom,-webkit-transform;
                transition-property: bottom,transform
            }

        .c-hamburger--htx.is-active {
            background-color: #333
        }

            .c-hamburger--htx.is-active span {
                background: none
            }

                .c-hamburger--htx.is-active span::before {
                    top: 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .c-hamburger--htx.is-active span::after {
                    bottom: 0;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

                .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
                    -webkit-transition-delay: 0s,.3s;
                    transition-delay: 0s,.3s
                }

    ul.ruby-menu.ruby-menu-dividers > li, ul.ruby-menu.ruby-menu-dividers > li > a, ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a, ul.ruby-menu.ruby-menu-dividers > li > a:hover, ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
        padding-left: 45px
    }

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

@media(min-width: 768px) and (max-width:991px) {
    .ruby-wrapper .hidden-md {
        visibility: hidden;
        display: none
    }

    div.ruby-wrapper {
        width: 760px
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        width: 170px
    }

        ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
            width: 590px;
            left: 170px
        }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div, ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div, ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {
        width: 560px
    }

        ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
            width: 360px
        }

    span.ruby-c-date {
        display: none;
        visibility: hidden;
        opacity: 0
    }

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

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

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

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

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after, div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        background: none
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        padding: 20px 5px;
        font-size: 12px;
        font-stretch: condensed;
        color: #666
    }
}