/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font-family: 'Segoeui', sans-serif; font-size: 18px; line-height: 1.11; color: #3a3a3a; font-weight: 400; text-transform: none; font-weight: normal; text-shadow: none; letter-spacing: 0; word-spacing: 0; direction: rtl; min-width: 100%; background: #fff; }

.wrapper { padding-top: 58px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/* ------------------------------------------------------------ *\
	Clear
\* ------------------------------------------------------------ */

.footer-bar:after,
.recommend-entry:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

a { color: #dc1f26; }

/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */

h1 { font-size: 34px; font-weight: normal; }
h2 { font-size: 23px; font-weight: normal; }

/* ------------------------------------------------------------ *\
	Logos & Icons
\* ------------------------------------------------------------ */

.logo,
.owl-prev,
.owl-next,
.footer-logo,
[class^="ico-"] { font-size: 0; line-height: 0; text-shadow: none; text-indent: 100%; display: inline-block; vertical-align: middle; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; }

.ico-chevron-left-grey,
.owl-next { width: 20px; height: 30px; background-image: url(images/ico-chevron-left-grey.png); background-position: 50% 50%; background-size: 10px 15px; -webkit-background-size: 10px 15px; }

.ico-chevron-right-grey,
.owl-prev { width: 20px; height: 30px; background-image: url(images/ico-chevron-right-grey.png); background-position: 50% 50%; background-size: 10px 15px; -webkit-background-size: 10px 15px; }

.ico-chevron-left-white { width: 6px; height: 11px; background-image: url(images/ico-chevron-left-white.png); }
.ico-chevron-right-large-white { width: 13px; height: 22px; background-image: url(images/ico-chevron-right-large-white.png); }
.ico-dots { width: 5px; height: 16px; background-image: url(images/ico-dots.png); }
.ico-email { width: 14px; height: 15px; background-image: url(images/ico-email.png); }
.ico-facebook { width: 7px; height: 15px; background-image: url(images/ico-facebook.png); }
.ico-googleplus { width: 15px; height: 13px; background-image: url(images/ico-googleplus.png); }
.ico-phone { width: 20px; height: 19px; background-image: url(images/ico-phone.png); }
.ico-tel { width: 24px; height: 25px; background-image: url(images/ico-tel.png); }
.ico-telephone { width: 13px; height: 15px; background-image: url(images/ico-telephone.png); }
.ico-tick { width: 13px; height: 11px; background-image: url(images/ico-tick.png); }

.logo { width: 135px; height: 42px; background-image: url(images/logo.png); }
.footer-logo { width: 89px; height: 28px; background-image: url(images/logo-small.png); }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn-form { font-size: 20px; line-height: 1.5; color: #fff; text-align: center; padding: 10px; border: 0; background-color: #dc1f26; border-radius: 0; box-shadow: none; }

.btn-form:hover,
.btn-form:active { color: #dc1f26; text-decoration: none; background-color: #fff; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/*  Form Elements Placeholders  */

::-webkit-input-placeholder { color: #666; opacity: 1; }
:-moz-placeholder { color: #666; opacity: 1; }
::-moz-placeholder { color: #666; opacity: 1; }
:-ms-input-placeholder { color: #666; opacity: 1; }

/*  Form Elements Base  */

.field { font-size: 16px; line-height: 18px; color: #666; width: 100%; height: 22px; display: block; padding: 1px 4px; border: 0; border-bottom: 1px solid #9b9b9b; background-color: #fff; border-radius: 0; box-shadow: none; }
.textarea { height: 43px; }
.select { -webkit-appearance: button; background: #fff url(images/select-arrow.png) no-repeat 2px 50%; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/*  List Ticks  */

.list-ticks { font-size: 14px; line-height: 25px; color: #393939; }
.list-ticks small { font-size: 14px; }

/*  List Clients  */

.list-clients { overflow: hidden; }
.list-clients li { width: 33.33%; float: right; }
.list-clients li a { display: block; position: relative; height: 0; padding-top: 56.25%; }

.list-clients li,
.list-clients li a { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.list-clients li a { opacity: 0; }
.list-clients .animating a { 
	opacity: 1; 
	-webkit-transition: opacity 0.5s;
	     -o-transition: opacity 0.5s;
	        transition: opacity 0.5s;
}

/*  List Clients Secondary  */

.list-clients-secondary { padding: 20px 4px 6px; }
.list-clients-secondary li { width: 50%; padding: 6px 5px 0; }
.list-clients-secondary li a { height: auto; padding-top: 0; opacity: 1; }

/*  List Packages  */

.list-packages { font-size: 0; line-height: 0; overflow: hidden; }
.list-packages li { width: 99px; display: inline-block; vertical-align: top; padding: 0 10px; }
.list-packages a { font-size: 15px; line-height: 1; color: #fff; height: 79px; display: block; padding-top: 14px; box-shadow: 0 3px 1px rgba(0,0,0,0.5);}
.list-packages strong { font-size: 41px; text-shadow: 0 0 5px rgba(73,11,11,.75); letter-spacing: -4px; display: block; position: relative; left: -4px; margin-bottom: -5px; }

.list-packages a:hover,
.list-packages a:active { text-decoration: none; }

.package-green a { background-color: #12d055; }

.package-green a:hover,
.package-green a:active { background-color: #13a948; }

.package-red a { background-color: #e63131; }

.package-red a:hover,
.package-red a:active { background-color: #e21717; }

.package-blue a { background-color: #03afff; }

.package-blue a:hover,
.package-blue a:active { background-color: #038fd0; }

/* ------------------------------------------------------------ *\
	Navigations
\* ------------------------------------------------------------ */

.nav { width: 236px; position: fixed; top: 0; right: -236px; bottom: 0; z-index: 20; background-color: rgba(0,0,0,.9); }
.nav .logo { display: block; }
.nav .nav-toggle { left: 8px; right: auto; margin-top: -11px; }

.socials { border-bottom: 1px solid rgba(43,47,55,.8); overflow: hidden; }
.socials a { font-size: 0; line-height: 0; width: 25%; height: 52px; float: right; position: relative; }
.socials [class^="ico-"] { display: block; position: absolute; top: 50%; left: 50%; 
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.nav-container { height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.nav-head { position: relative; padding: 8px 22px; border-bottom: 1px solid rgba(43,47,55,.8); }

.nav-body { font-size: 20px; line-height: 29px; }
.nav-body li { border-bottom: 1px solid rgba(43,47,55,.8); }
.nav-body li a { color: #fff; display: block; padding: 10px 22px; }
.nav-body li [class^="ico-"] { margin-left: 3px; }

.nav-body a:hover,
.nav-body a:active { opacity: .7; text-decoration: none; }

.show-nav .nav { right: 0px; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 19; padding: 8px 0; background-color: #dc1f26; }

.header .logo,
.header [class^="ico-"] { display: block; margin: auto; }

.header-phone,
.nav-toggle { position: absolute; top: 50%; }

.header-phone { left: 10px; margin-top: -10px; }
.nav-toggle { width: 21px; right: 10px; margin-top: -8px; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.section-head { color: #fff; text-align: center; padding: 0 9px; background-color: #3a3a3a; }
.section-head h2 { line-height: 24px; }

/*  Section Intro  */

.section-intro h1 { font-size: 20px; line-height: 1; color: #333; padding-bottom: 20px; }
.section-intro h1 strong { font-size: 24px; font-weight: normal; color: #dc1f26; display: block; }
.section-intro p { font-size: 13px; line-height: 22px; color: #dc1f26; }
.section-intro p a { border-top: 1px solid #dc1f26; border-bottom: 1px solid #dc1f26; }

.section-intro p a:hover,
.section-intro p a:active { color: #fff; text-decoration: none; background-color: #dc1f26; }

.section-intro .slide { position: relative; }
.section-intro .slide-content { position: absolute; top: 20px; right: 10px; }

.section-intro .slide-content-secondary,
.section-intro .slide-content-teritary { text-align: left; right: auto; left: 10px; }

.section-intro .slide-content-teritary h1 { font-size: 26px; color: #fff; }
.section-intro .slide-content-teritary h1 strong { font-size: 30px; color: #fff; }

.section-intro .owl-nav { display: none; }

/*  Section Support  */

.section-support { padding: 43px 0 15px; }
.section-support h2 { font-size: 17px; line-height: 28px; text-align: right; }
.section-support p { font-size: 16px; line-height: 18px; color: #393939; padding: 5px 0 5px 80px; }
.section-support form { width: 222px; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
.section-support .field { width: 159px; width: -webkit-calc(100% - 65px); width: calc(100% - 65px); margin-bottom: 6px; }
.section-support .btn-form { width: 60px; height: 50px; float: left; }

.section-support .section-body { position: relative; padding: 0 9px 4px; margin-bottom: 7px; background-color: #ebebeb; }

.section-support .section-image { width: 92px; position: absolute; bottom: 0; left: 0; }
.section-support .section-image img { width: 100%; height: auto; display: block; }

.section-support .section-foot { text-align: center; }
.section-support .section-foot a { font-size: 20px; line-height: 27px; color: #fff; text-align: center; display: block; padding: 7px 0; background-color: #00e500; }
.section-support .section-foot a:hover,
.section-support .section-foot a:active { color: #fff; text-decoration: none; background-color: #0d7bc1; }

/*  Section About  */

.section-about { padding-bottom: 18px; }
.section-about h2 { line-height: 24px; }
.section-about .list-ticks { position: relative; z-index: 2; }

.section-about .section-body { position: relative; padding: 9px; background-color: #e5e5e5; }

.section-about .section-image { width: 96px; position: absolute; bottom: 0; left: 6px; z-index: 1; }
.section-about .section-image img { width: 100%; height: auto; display: block; }

.section-about .section-foot { color: #fff; text-align: center; background-color: #009cff; }
.section-about .section-foot h2 { font-size: 36px; line-height: 1; color: #fff; text-shadow: 0 0 5px rgba(7,48,74,.75);}
.section-about .section-foot h2 strong { font-size: 117px; line-height: .85; letter-spacing: -8px; padding-top: 5px; }

.section-about .section-foot h2 span,
.section-about .section-foot h2 strong { display: inline-block; vertical-align: middle; }

/*  Section Clients  */

.section-clients { padding-bottom: 20px; }
.section-clients .section-body { padding: 14px 9px 9px; background-color: #e5e5e5; }

/*  Section Testimonials  */

.section-testimonials .section-body { padding: 9px 9px 20px; background-color: #e5e5e5; }

.testimonials.owl-carousel { position: relative; }

.testimonials .owl-prev,
.testimonials .owl-next { display: block; position: absolute; top: 50%; z-index: 99; margin-top: -15px; }
.testimonials .owl-prev { right: 3px; }
.testimonials .owl-next { left: 3px; }

.testimonials { text-align: center; background-color: #fff; }
.testimonial { padding: 20px; }
.testimonial p { font-size: 16px; }
.testimonial blockquote { font-size: 20px; padding-bottom: 25px; }

.owl-carousel .owl-item .testimonial img { width: auto; margin: 0 auto 12px; }

/*  Main  */

.main { padding-top: 5px; }

.main-head { color: #fff; background-color: #3a3a3a; }
.main-head h1 { font-size: 32px; line-height: 36px; position: relative; padding: 3px 9px 7px 29px; }

.main-head .btn-back { position: absolute; top: 12px; left: 9px; }
.main-head .btn-back [class^="ico-"] { display: block; }

/*  Article  */

.article { padding: 10px 9px; }
.article h2 { font-size: 28px; color: #dc1f26; padding-bottom: 20px; }
.article h2 small { font-size: 18px; line-height: 20px; color: #666; font-weight: normal; display: block; }
.article p { padding-bottom: 20px; }
.article p a { color: inherit; text-decoration: underline; }

.article p a:hover,
.article p a:active { text-decoration: none; }

.article .ashops { font-family: 'Segoe UI', Tahoma, Verdana, Helvetica, Arial, sans-serif; }
.article .ashops strong { color: #dc1f26; font-weight: normal; }

/*  Section Packages  */

.section-packages { font-size: 20px; line-height: 24px; color: #000; text-align: center; background: #fff url(images/grad.png) repeat-x 50% 100%; }
.section-packages h1 { font-size: 32px; line-height: 1; color: #dc1f26; font-weight: normal; padding-bottom: 10px; }
.section-packages h1 strong { color: #3a3a3a; font-weight: normal; display: block; }
.section-packages h1:after { content: ''; height: 4px; display: block; margin: 5px 16px 0; background-color: #919191; }
.section-packages p { padding-bottom: 28px; }
.section-packages .section-body { width: 320px; padding: 9px 9px 78px; margin: auto; background: url(images/temp/photo3.jpg) no-repeat 50% 100%; background-size: 320px 300px; -webkit-background-size: 320px 300px; }

.section-packages + .section-support { padding-top: 0; }

/*  Section Recommend  */

.section-recommend { padding-bottom: 13px; }
.section-recommend .section-body { padding: 10px 9px; background-color: #ebebeb; }

.recommend-entry { padding: 14px 4px 7px 0; }
.recommend-entry .entry-image { width: 76px; float: right; margin-left: 10px; }
.recommend-entry .entry-content { font-size: 14px; line-height: 18px; color: #333; width: 234px; width: -webkit-calc(100% - 86px); width: calc(100% - 86px); position: relative; float: left; padding: 9px 17px 10px 10px; background-color: #ebebeb; }
.recommend-entry .entry-content:before { content: ''; width: 0; height: 0; display: block; position: absolute; top: 22px; left: 100%; border: 5px solid transparent; border-left-color: #ebebeb; }

/*  Section Customer Service  */

.section-customer-service { background-color: #ebebeb; }
.section-customer-service .section-body p { padding-bottom: 16px; }
.section-customer-service .section-body { font-size: 16px; line-height: 24px; color: #393939; position: relative; padding: 12px 9px 34px; background-color: #fff; }

.section-customer-service .section-image { width: 92px; position: absolute; bottom: 0; left: 0; }
.section-customer-service .section-image img { width: 100%; height: auto; display: block; }

.section-customer-service .section-actions { font-size: 18px; line-height: 20px; color: #dc1f26; }
.section-customer-service .section-actions .btn { font-size: 20px; line-height: 1; color: #fff; position: relative; top: -3px; padding: 0 10px; background-color: #dc1f26; }

.section-customer-service .section-form { padding: 20px 9px 38px; }
.section-customer-service .section-form form { position: relative; }
.section-customer-service .section-form .field { width: 234px; width: -webkit-calc(100% - 57px); width: calc(100% - 57px); margin-bottom: 10px; }
.section-customer-service .section-form .btn-form { width: 50px; padding: 0; position: absolute; top: 0; left: 0; bottom: 0; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #3a3a3a; }
.footer .nav-body li { border-bottom-color: #5b5b5b; }
.footer .nav-body li a { font-size: 20px; line-height: 20px; padding: 10px 22px; }

.footer .socials { width: 196px; float: right; }

.footer-bar { padding-top: 18px; }
.footer-logo { float: left; margin: 11px 0 0 9px; }

/* ------------------------------------------------------------ *\
	Transitions
\* ------------------------------------------------------------ */

a,
button,
.field,
[class^="btn"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
	-webkit-transition: color .4s ease, border-color .4s ease, opacity .4s ease, background-color .4s ease;
		-ms-transition: color .4s ease, border-color .4s ease, opacity .4s ease, background-color .4s ease;
			transition: color .4s ease, border-color .4s ease, opacity .4s ease, background-color .4s ease;
}

.nav {
	-webkit-transition: right .4s ease;
		-ms-transition: right .4s ease;
			transition: right .4s ease;
}