/* Normalize Customized by U3F */
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, 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, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
body{font-family:Yekan;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; color:#2b2b2b;line-height:1.7; background-color: #fff; text-align:right; margin:0; padding:0; overflow-x: hidden;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio:not([controls]){display:none;height:0} progress{vertical-align:baseline} template,[hidden],.hide{display:none}
a{color: #FFF; background-color:transparent;-webkit-text-decoration-skip:objects; text-decoration: none;} a:active,a:hover,a:focus{outline-width:0; color: #FFF;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} ul, ol {list-style: none;}
audio,canvas,progress,video{display:inline-block} b,strong{font-weight:inherit;font-weight:bolder}
dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em} sup{top:-.5em} img{border-style:none; height: auto; max-width: 100%} svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} hr{box-sizing:content-box;height:0;overflow:visible}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} button,input,select,textarea{font:inherit;margin:0} textarea{overflow:auto}
optgroup{font-weight:700} button,input{overflow:visible} button,select{text-transform:none} input {border: 0;}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:buttonl; cursor: pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input:invalid {border-color: #DD2C00;}
#notify {margin-top: 5px; padding: 10px; font-size: 12px; width: 100%; color: #fff; display: block; position: absolute; top: 0; left: 0; width: 100%;}
#notify.error {background-color: #DD2C00;}
::-webkit-input-placeholder{color:inherit;opacity:.54} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
::-moz-selection{background-color:#FFA547;color:#fff;} ::selection{background-color:#FFA547;color:#fff;}
*,:after,:before{box-sizing:border-box}

/* Font Face */
@font-face {
	font-family: 'Yekan';
	src: url('fonts/BYekan.eot');
	src: url('fonts/BYekan.eot?#iefix') format('embedded-opentype'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Global Styles */
a, a:before, a:after, .gtarrow, .services li {transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s;}
.container-inner{width: 100%; min-width: 320px; max-width: 1100px; margin: 0 auto; padding: 0 3em; text-align: center}
.pull-left {float: left;} .pull-right {float: right;} .aligncenter {display: block; margin: 0 auto;}
.group:before, .group:after {content: ""; display: table;} .group:after {clear: both;} .group {zoom: 1;}
.cover {-webkit-background-size:cover!important;-moz-background-size:cover!important;background-size:cover!important;-o-background-size:cover!important;}
.contain {-webkit-background-size:contain!important;-moz-background-size:contain!important;background-size:contain!important;-o-background-size:contain!important;}

/* Header Styles */
.site-header {background: url(images/header.jpg) no-repeat center; width: 100%; height: 100vh; color: #FFF; padding-top: 25em; position: relative;}
.logo {background: url(images/topdesc.png) no-repeat center top; width: 90%; height: 639px; position: absolute; top: 3em; left: 0; text-indent: -9999px;}
.hleft, .hright {width: 49%; position: relative;  z-index: 9;}
.hright p {font-size: 1.6rem;}
.more {background: url(images/more.png) no-repeat center; width: 216px; height: 70px; margin: 20px auto 0; text-indent: -9999px; display: block;}
.hleft {margin-top: -1.7em;}
.hleft h2 {font-size: 2.2rem;}
.hleft h2:before, .hleft h2:after {content: ''; width: 125px; height: 1px; top: .95em; background-color: #fff; position: absolute;}
.hleft h2:before {right: 0.48em;} .hleft h2:after {left: 0.48em;}
.hleft p {font-size: 21px; line-height: 1.3;}
.buttons a {width: 150px;
    height: 56px;
    margin: 18px 4px 8px;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 7px;
    filter: saturate(1.2);
}
.appstore {background: url(images/appstorecta.png?ver=201903161532) no-repeat center;}
.bazar {background: url(images/ctabazar.png) no-repeat center;}

/* Site Main Styles */
.site-main {width: 100%; height: auto; padding: 4em 0;}
.main-title {font-size: 3rem; display: block;}
.main-arrow {background: url(images/mainarrow.png) no-repeat center; width: 310px; height: 12px; display: block; margin: 0 auto 4em;}
.appscreen {background: url(images/phone.png) no-repeat center; width: 192px !important; height: 379px; padding: 0 10px; margin-top: -20px;}
.appscreen .item {margin-top: 2em; display: block;}
.facilities {font-size: 21px; color: #525252; text-align: right;}
.facilities li {background: url(images/checked.png) no-repeat right center; padding-right: 30px; margin-bottom: 10px;}
.facilities li:last-of-type {background: none;}
.site-main .buttons {width: 100%; display: inline-block; margin: 2em 0 8em; position: relative;}
.site-main .buttons:after {content: '...'; position: absolute; bottom: -50px; left: 0px; right: 0px; text-align: center; color: #b0b0b0; letter-spacing: 0; font-size: 13rem; font-family: sans-serif; pointer-events: none; height: 60px; line-height: 0px;}
.register {background: url(images/signup.png) no-repeat center;}
.followus p {font-size: 20px; color: #797979; margin-left: 15px; position: relative; top: -.9em; display: inline-block;}
.social {background: url(images/social.png) no-repeat center; width: 305px; height: 45px; text-indent: -9999px; display: inline-block;}
.social li {float: right;}
.social li a {height: 44px; width: 45px; border-radius: 50%; margin-left: 20px; display: block;}
.social li:last-of-type a {margin-left: 0;}

/* Site Footer Styles */
.site-footer {background-color: #d8ceb5; width: 100%; height: auto; padding: 3em 0;}
.phonelogo {background: url(images/contact.png) no-repeat center; width: 100%; height: 51px;}
.contactus {color: #525252; font-size: 1.6rem;}
.contactus h3 {border-bottom: 1px solid #FFF; padding-bottom: 5px;}
.contactus ul {margin-top: 19px;}
.contactform {width: 455px;}
.contactform p {color: #525252; font-size: 18px; margin-bottom: 15px;}
.contactform input {background-color: #eee; width: 48%; font-size: 22px; border-radius: 4px; margin-bottom: 13px; padding: 1px 10px 3px;}
.contactform input:nth-of-type(1) {width: 100%;}
.contactform input:nth-of-type(2) {float: right;} .contactform input:nth-of-type(3) {float: left;}
.contactform input[type="submit"] {background-color: #de8b20; color: #FFF; border-bottom: 3px solid #9d9684;}

/* OWL Styles */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;direction:ltr;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{width:100%;position:absolute;top:22%}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background: url(images/larrow.png) no-repeat center; width: 11px; height: 19px; left:-25px}
.owl-theme .owl-controls .owl-buttons div.owl-next{background: url(images/rarrow.png) no-repeat center; width: 11px; height: 19px; right:-25px}
.owl-theme .owl-controls .owl-buttons div{color:#FF4100;zoom:1;position:absolute;padding:0 6px;font-size:0;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;}

/* Media Queries */
@media only screen and (min-height: 800px) {
  .site-header {height: auto; padding-bottom: 4em;}
}
@media only screen and (max-height: 560px) {
  .site-header {height: auto; padding-bottom: 3em;}
}
@media only screen and (max-width: 1024px) {
  .container-inner {padding: 0 2em;}
  .site-header {padding-top: 18em;}
  .logo {top: 1em; height: 500px;}
  .hleft h2 {font-size: 1.8rem;}
  .hleft p{font-size:19px}
  .hright p{font-size:1.4rem}
  .more,.buttons a{width:190px;height:62px}
  .hleft h2::before, .hleft h2::after {width: 110px;}
}
@media only screen and (max-width: 960px) {
  .hleft {margin-top: -2.5em;}
  .site-main {padding: 2em 0 3em;}
  .main-title {font-size: 2.8rem;}
  .facilities {font-size: 19px;}
  .contactform {width: 400px;}
  .contactus {font-size: 1.4rem;}
  .contactform input {width: 49%; font-size: 21px;}
}
@media only screen and (max-width: 850px) {
  .site-header {padding-top: 16.5em;}
  .logo {height: 420px;}
  .hleft, .hright {width: 65%; display: inline-block; float: none !important}
  .hleft {margin-bottom: 25px;}
  .appscreen {float: none !important; margin: 0 auto 2.5em;}
  .main-arrow {margin-bottom: 2.5em;}
}
@media only screen and (max-width: 800px) {
  .contactform, .contactus {width: 400px; float: none;display: block;margin: 0 auto;}
  .contactus {margin-bottom: 1em;}
  .site-footer {padding-bottom: 2em;}
}
@media only screen and (max-width: 700px) {
  .container-inner {padding: 0 1.5em;}
  .site-header {padding-top: 15.5em;}
  .hleft, .hright {width: 80%;}
  .more,.buttons a {width: 140px; height: 52px}
  .site-main {padding: 1.5em 0 3em;}
  .main-title {font-size: 2.4rem;}
  .main-arrow {background-size: 79%;}
  .facilities {font-size: 18px;}
  .site-main .buttons {margin: 0em auto 6em;}
  .site-main .buttons::after {bottom: -40px; font-size: 11rem;}
}
@media only screen and (max-width: 610px) {
  .site-header {padding-top: 13.5em; padding-bottom: 2em;}
  .logo {height: 314px;}
  .hleft, .hright {width: 90%;}
  .hleft h2 {font-size: 1.5rem;}
  .more,.buttons a{width: 132px; height: 48px}
  .facilities li {background-position: right 7px; padding-right: 28px; background-size: 3.15%;}
}
@media only screen and (max-width: 540px) {
  .facilities li {padding-right: 25px; background-size: 3.4%;}
}
@media only screen and (max-width: 480px) {
  .logo {width: 100%; height: 300px;}
  .hleft, .hright {width: 100%;}
  .hleft h2::before, .hleft h2::after {display: none;}
  .facilities li {background-size: 4%;}
  .contactform, .contactus {width: 100%;}
  .contactus {font-size: 1.2rem;}
  .contactform input {width: 100%; font-size: 20px;}
}
@media only screen and (max-width: 400px) {
  .container-inner {padding: 0 1em;}
  .site-header {padding-top: 11.5em;}
  .logo {background-size: 110% !important;}
  .hleft p {font-size: 17px; line-height: 1.5;}
  .more,.buttons a{width: 132px; height: 44px}
  .hright p {font-size: 1.2rem;}
  .main-title {font-size: 2.1rem;}
  .main-arrow {background-size: 70%;}
  .facilities li {padding-right: 25px; background-size: 4.8%;}
  .followus p {font-size: 18px; margin-left: 0;}
}
@media only screen and (max-width: 340px) {
  .facilities li {background-size: 5.8%;}
  .social {width: 100%; background-size: contain;}
  .social li a {height: 43px; width: 42px;}
}

/* Animation Styles */
.floating-arrow{-webkit-animation-name:floating-arrow;animation-name:floating-arrow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes floating-arrow {from{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}
@keyframes floating-arrow {from{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}
.hwh{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.hwh:hover,.hwh:focus,.hwh:active{-webkit-animation-name:hwh;animation-name:hwh;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes hwh {
16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes hwh {
16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}