@charset "UTF-8";
 /********************************

 @ RESET STYLES

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

 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	 display: block;
 }

 html {
	 box-sizing: border-box;
 }

 *, *:before, *:after {
	 box-sizing: inherit;
 }

 body {
	 line-height: 1;
	 font: normal 16px "IRANSans", "tahoma", sans-serif;
	 -webkit-font-smoothing: antialiased;
	 word-spacing: -2px;
 }

 ol, ul {
	 list-style: none;
 }

 blockquote, q {
	 quotes: none;
 }

 blockquote:before, blockquote:after,
 q:before, q:after {
	 content: '';
	 content: none;
 }

 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }

 a {
	 text-decoration: none;
 }

 :focus {
	 outline: none;
 }

 ::-moz-selection {
	 background: #adaeb2;
 }

 ::selection {
	 background: #adaeb2;
 }

 input, textarea {
	 -webkit-appearance: none;
 }

 /********************************

 @ GRID

 ********************************/
 .container {
	 position: relative;
	 max-width: 1170px;
	 margin-left: auto;
	 margin-right: auto;
 }

 .container-fluid {
	 position: relative;
	 padding-right: 30px;
	 padding-left: 30px;
 }

 @media (min-width: 1200px) {
	 .container-fluid {
		 padding-right: 100px;
		 padding-left: 100px;
	 }
 }

 [class*="col-"] {
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 letter-spacing: normal;
	 display: inline-block;
	 vertical-align: top;
	 padding-right: 15px;
	 padding-left: 15px;
	 padding-bottom: 30px;
 }

 .row {
	 font-family: monospace;
	 letter-spacing: -.65em;
 }

 @media (min-width: 1200px) {
	 .row {
		 margin-right: -15px;
		 margin-left: -15px;
	 }
 }

 @media (max-width: 767px) {
	 .col-xs-1 {
		 width: 8.33333%;
	 }
	 .col-xs-2 {
		 width: 16.66667%;
	 }
	 .col-xs-3 {
		 width: 25%;
	 }
	 .col-xs-4 {
		 width: 33.33333%;
	 }
	 .col-xs-5 {
		 width: 41.66667%;
	 }
	 .col-xs-6 {
		 width: 50%;
	 }
	 .col-xs-7 {
		 width: 58.33333%;
	 }
	 .col-xs-8 {
		 width: 66.66667%;
	 }
	 .col-xs-9 {
		 width: 75%;
	 }
	 .col-xs-10 {
		 width: 83.33333%;
	 }
	 .col-xs-11 {
		 width: 91.66667%;
	 }
	 .col-xs-12 {
		 width: 100%;
	 }
	 .col-xs-5col {
		 width: 20%;
	 }
 }

 @media (min-width: 768px) {
	 .col-sm-1 {
		 width: 8.33333%;
	 }
	 .col-sm-2 {
		 width: 16.66667%;
	 }
	 .col-sm-3 {
		 width: 25%;
	 }
	 .col-sm-4 {
		 width: 33.33333%;
	 }
	 .col-sm-5 {
		 width: 41.66667%;
	 }
	 .col-sm-6 {
		 width: 50%;
	 }
	 .col-sm-7 {
		 width: 58.33333%;
	 }
	 .col-sm-8 {
		 width: 66.66667%;
	 }
	 .col-sm-9 {
		 width: 75%;
	 }
	 .col-sm-10 {
		 width: 83.33333%;
	 }
	 .col-sm-11 {
		 width: 91.66667%;
	 }
	 .col-sm-12 {
		 width: 100%;
	 }
	 .col-sm-5col {
		 width: 20%;
	 }
 }

 @media (min-width: 992px) {
	 .col-md-1 {
		 width: 8.33333%;
	 }
	 .col-md-2 {
		 width: 16.66667%;
	 }
	 .col-md-3 {
		 width: 25%;
	 }
	 .col-md-4 {
		 width: 33.33333%;
	 }
	 .col-md-5 {
		 width: 41.66667%;
	 }
	 .col-md-6 {
		 width: 50%;
	 }
	 .col-md-7 {
		 width: 58.33333%;
	 }
	 .col-md-8 {
		 width: 66.66667%;
	 }
	 .col-md-9 {
		 width: 75%;
	 }
	 .col-md-10 {
		 width: 83.33333%;
	 }
	 .col-md-11 {
		 width: 91.66667%;
	 }
	 .col-md-12 {
		 width: 100%;
	 }
	 .col-md-5col {
		 width: 20%;
	 }
 }

 @media (min-width: 1200px) {
	 .col-lg-1 {
		 width: 8.33333%;
	 }
	 .col-lg-2 {
		 width: 16.66667%;
	 }
	 .col-lg-3 {
		 width: 25%;
	 }
	 .col-lg-4 {
		 width: 33.33333%;
	 }
	 .col-lg-5 {
		 width: 41.66667%;
	 }
	 .col-lg-6 {
		 width: 50%;
	 }
	 .col-lg-7 {
		 width: 58.33333%;
	 }
	 .col-lg-8 {
		 width: 66.66667%;
	 }
	 .col-lg-9 {
		 width: 75%;
	 }
	 .col-lg-10 {
		 width: 83.33333%;
	 }
	 .col-lg-11 {
		 width: 91.66667%;
	 }
	 .col-lg-12 {
		 width: 100%;
	 }
	 .col-lg-5col {
		 width: 20%;
	 }
 }

 /********************************

 @    OFFSETS

 ********************************/
 @media (max-width: 767px) {
	 .col-xs-offset-left-1 {
		 margin-right: 8.33333%;
	 }
	 .col-xs-offset-right-1 {
		 margin-left: 8.33333%;
	 }
	 .col-xs-offset-left-2 {
		 margin-right: 16.66667%;
	 }
	 .col-xs-offset-right-2 {
		 margin-left: 16.66667%;
	 }
	 .col-xs-offset-left-3 {
		 margin-right: 25%;
	 }
	 .col-xs-offset-right-3 {
		 margin-left: 25%;
	 }
	 .col-xs-offset-left-4 {
		 margin-right: 33.33333%;
	 }
	 .col-xs-offset-right-4 {
		 margin-left: 33.33333%;
	 }
	 .col-xs-offset-left-5 {
		 margin-right: 41.66667%;
	 }
	 .col-xs-offset-right-5 {
		 margin-left: 41.66667%;
	 }
	 .col-xs-offset-left-6 {
		 margin-right: 50%;
	 }
	 .col-xs-offset-right-6 {
		 margin-left: 50%;
	 }
	 .col-xs-offset-left-7 {
		 margin-right: 58.33333%;
	 }
	 .col-xs-offset-right-7 {
		 margin-left: 58.33333%;
	 }
	 .col-xs-offset-left-8 {
		 margin-right: 66.66667%;
	 }
	 .col-xs-offset-right-8 {
		 margin-left: 66.66667%;
	 }
	 .col-xs-offset-left-9 {
		 margin-right: 75%;
	 }
	 .col-xs-offset-right-9 {
		 margin-left: 75%;
	 }
	 .col-xs-offset-left-10 {
		 margin-right: 83.33333%;
	 }
	 .col-xs-offset-right-10 {
		 margin-left: 83.33333%;
	 }
	 .col-xs-offset-left-11 {
		 margin-right: 91.66667%;
	 }
	 .col-xs-offset-right-11 {
		 margin-left: 91.66667%;
	 }
 }

 @media (min-width: 768px) {
	 .col-sm-offset-left-1 {
		 margin-right: 8.33333%;
	 }
	 .col-sm-offset-right-1 {
		 margin-left: 8.33333%;
	 }
	 .col-sm-offset-left-2 {
		 margin-right: 16.66667%;
	 }
	 .col-sm-offset-right-2 {
		 margin-left: 16.66667%;
	 }
	 .col-sm-offset-left-3 {
		 margin-right: 25%;
	 }
	 .col-sm-offset-right-3 {
		 margin-left: 25%;
	 }
	 .col-sm-offset-left-4 {
		 margin-right: 33.33333%;
	 }
	 .col-sm-offset-right-4 {
		 margin-left: 33.33333%;
	 }
	 .col-sm-offset-left-5 {
		 margin-right: 41.66667%;
	 }
	 .col-sm-offset-right-5 {
		 margin-left: 41.66667%;
	 }
	 .col-sm-offset-left-6 {
		 margin-right: 50%;
	 }
	 .col-sm-offset-right-6 {
		 margin-left: 50%;
	 }
	 .col-sm-offset-left-7 {
		 margin-right: 58.33333%;
	 }
	 .col-sm-offset-right-7 {
		 margin-left: 58.33333%;
	 }
	 .col-sm-offset-left-8 {
		 margin-right: 66.66667%;
	 }
	 .col-sm-offset-right-8 {
		 margin-left: 66.66667%;
	 }
	 .col-sm-offset-left-9 {
		 margin-right: 75%;
	 }
	 .col-sm-offset-right-9 {
		 margin-left: 75%;
	 }
	 .col-sm-offset-left-10 {
		 margin-right: 83.33333%;
	 }
	 .col-sm-offset-right-10 {
		 margin-left: 83.33333%;
	 }
	 .col-sm-offset-left-11 {
		 margin-right: 91.66667%;
	 }
	 .col-sm-offset-right-11 {
		 margin-left: 91.66667%;
	 }
 }

 @media (min-width: 992px) {
	 .col-md-offset-left-1 {
		 margin-right: 8.33333%;
	 }
	 .col-md-offset-right-1 {
		 margin-left: 8.33333%;
	 }
	 .col-md-offset-left-2 {
		 margin-right: 16.66667%;
	 }
	 .col-md-offset-right-2 {
		 margin-left: 16.66667%;
	 }
	 .col-md-offset-left-3 {
		 margin-right: 25%;
	 }
	 .col-md-offset-right-3 {
		 margin-left: 25%;
	 }
	 .col-md-offset-left-4 {
		 margin-right: 33.33333%;
	 }
	 .col-md-offset-right-4 {
		 margin-left: 33.33333%;
	 }
	 .col-md-offset-left-5 {
		 margin-right: 41.66667%;
	 }
	 .col-md-offset-right-5 {
		 margin-left: 41.66667%;
	 }
	 .col-md-offset-left-6 {
		 margin-right: 50%;
	 }
	 .col-md-offset-right-6 {
		 margin-left: 50%;
	 }
	 .col-md-offset-left-7 {
		 margin-right: 58.33333%;
	 }
	 .col-md-offset-right-7 {
		 margin-left: 58.33333%;
	 }
	 .col-md-offset-left-8 {
		 margin-right: 66.66667%;
	 }
	 .col-md-offset-right-8 {
		 margin-left: 66.66667%;
	 }
	 .col-md-offset-left-9 {
		 margin-right: 75%;
	 }
	 .col-md-offset-right-9 {
		 margin-left: 75%;
	 }
	 .col-md-offset-left-10 {
		 margin-right: 83.33333%;
	 }
	 .col-md-offset-right-10 {
		 margin-left: 83.33333%;
	 }
	 .col-md-offset-left-11 {
		 margin-right: 91.66667%;
	 }
	 .col-md-offset-right-11 {
		 margin-left: 91.66667%;
	 }
 }

 @media (min-width: 1200px) {
	 .col-lg-offset-left-1 {
		 margin-right: 8.33333%;
	 }
	 .col-lg-offset-right-1 {
		 margin-left: 8.33333%;
	 }
	 .col-lg-offset-left-2 {
		 margin-right: 16.66667%;
	 }
	 .col-lg-offset-right-2 {
		 margin-left: 16.66667%;
	 }
	 .col-lg-offset-left-3 {
		 margin-right: 25%;
	 }
	 .col-lg-offset-right-3 {
		 margin-left: 25%;
	 }
	 .col-lg-offset-left-4 {
		 margin-right: 33.33333%;
	 }
	 .col-lg-offset-right-4 {
		 margin-left: 33.33333%;
	 }
	 .col-lg-offset-left-5 {
		 margin-right: 41.66667%;
	 }
	 .col-lg-offset-right-5 {
		 margin-left: 41.66667%;
	 }
	 .col-lg-offset-left-6 {
		 margin-right: 50%;
	 }
	 .col-lg-offset-right-6 {
		 margin-left: 50%;
	 }
	 .col-lg-offset-left-7 {
		 margin-right: 58.33333%;
	 }
	 .col-lg-offset-right-7 {
		 margin-left: 58.33333%;
	 }
	 .col-lg-offset-left-8 {
		 margin-right: 66.66667%;
	 }
	 .col-lg-offset-right-8 {
		 margin-left: 66.66667%;
	 }
	 .col-lg-offset-left-9 {
		 margin-right: 75%;
	 }
	 .col-lg-offset-right-9 {
		 margin-left: 75%;
	 }
	 .col-lg-offset-left-10 {
		 margin-right: 83.33333%;
	 }
	 .col-lg-offset-right-10 {
		 margin-left: 83.33333%;
	 }
	 .col-lg-offset-left-11 {
		 margin-right: 91.66667%;
	 }
	 .col-lg-offset-right-11 {
		 margin-left: 91.66667%;
	 }
 }

 /********************************

 @    RESPONSIVE HIDDEN

 ********************************/
 @media (max-width: 767px) {
	 .hidden-xs {
		 display: none !important;
	 }
 }

 @media (min-width: 768px) and (max-width: 991px) {
	 .hidden-sm {
		 display: none !important;
	 }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
	 .hidden-md {
		 display: none !important;
	 }
 }

 @media (min-width: 1200px) {
	 .hidden-lg {
		 display: none !important;
	 }
 }

 /********************************

 @    HELPER CLASSES

 ********************************/
 .align-left {
	 text-align: right !important;
 }

 .align-right {
	 text-align: left !important;
 }

 .align-center {
	 text-align: center !important;
 }

 .align-middle {
	 vertical-align: middle !important;
 }

 .align-top {
	 vertical-align: top !important;
 }

 .align-bottom {
	 vertical-align: bottom !important;
 }

 .pt-0 {
	 padding-top: 0px !important;
 }

 .pt-5 {
	 padding-top: 5px !important;
 }

 .pt-10 {
	 padding-top: 10px !important;
 }

 .pt-15 {
	 padding-top: 15px !important;
 }

 .pt-20 {
	 padding-top: 20px !important;
 }

 .pt-25 {
	 padding-top: 25px !important;
 }

 .pt-30 {
	 padding-top: 30px !important;
 }

 .pt-50 {
	 padding-top: 50px !important;
 }

 .pr-0 {
	 padding-left: 0px !important;
 }

 .pr-5 {
	 padding-left: 5px !important;
 }

 .pr-10 {
	 padding-left: 10px !important;
 }

 .pr-15 {
	 padding-left: 15px !important;
 }

 .pr-20 {
	 padding-left: 20px !important;
 }

 .pr-25 {
	 padding-left: 25px !important;
 }

 .pr-30 {
	 padding-left: 30px !important;
 }

 .pr-50 {
	 padding-left: 50px !important;
 }

 .pb-0 {
	 padding-bottom: 0px !important;
 }

 .pb-5 {
	 padding-bottom: 5px !important;
 }

 .pb-10 {
	 padding-bottom: 10px !important;
 }

 .pb-15 {
	 padding-bottom: 15px !important;
 }

 .pb-20 {
	 padding-bottom: 20px !important;
 }

 .pb-25 {
	 padding-bottom: 25px !important;
 }

 .pb-30 {
	 padding-bottom: 30px !important;
 }

 .pb-50 {
	 padding-bottom: 50px !important;
 }

 .pl-0 {
	 padding-right: 0px !important;
 }

 .pl-5 {
	 padding-right: 5px !important;
 }

 .pl-10 {
	 padding-right: 10px !important;
 }

 .pl-15 {
	 padding-right: 15px !important;
 }

 .pl-20 {
	 padding-right: 20px !important;
 }

 .pl-25 {
	 padding-right: 25px !important;
 }

 .pl-30 {
	 padding-right: 30px !important;
 }

 .pl-50 {
	 padding-right: 50px !important;
 }

 .mt-0 {
	 margin-top: 0px !important;
 }

 .mt-5 {
	 margin-top: 5px !important;
 }

 .mt-10 {
	 margin-top: 10px !important;
 }

 .mt-15 {
	 margin-top: 15px !important;
 }

 .mt-20 {
	 margin-top: 20px !important;
 }

 .mt-25 {
	 margin-top: 25px !important;
 }

 .mt-30 {
	 margin-top: 30px !important;
 }

 .mt-50 {
	 margin-top: 50px !important;
 }

 .mr-0 {
	 margin-left: 0px !important;
 }

 .mr-5 {
	 margin-left: 5px !important;
 }

 .mr-10 {
	 margin-left: 10px !important;
 }

 .mr-15 {
	 margin-left: 15px !important;
 }

 .mr-20 {
	 margin-left: 20px !important;
 }

 .mr-25 {
	 margin-left: 25px !important;
 }

 .mr-30 {
	 margin-left: 30px !important;
 }

 .mr-50 {
	 margin-left: 50px !important;
 }

 .mb-0 {
	 margin-bottom: 0px !important;
 }

 .mb-5 {
	 margin-bottom: 5px !important;
 }

 .mb-10 {
	 margin-bottom: 10px !important;
 }

 .mb-15 {
	 margin-bottom: 15px !important;
 }

 .mb-20 {
	 margin-bottom: 20px !important;
 }

 .mb-25 {
	 margin-bottom: 25px !important;
 }

 .mb-30 {
	 margin-bottom: 30px !important;
 }

 .mb-50 {
	 margin-bottom: 50px !important;
 }

 .ml-0 {
	 margin-right: 0px !important;
 }

 .ml-5 {
	 margin-right: 5px !important;
 }

 .ml-10 {
	 margin-right: 10px !important;
 }

 .ml-15 {
	 margin-right: 15px !important;
 }

 .ml-20 {
	 margin-right: 20px !important;
 }

 .ml-25 {
	 margin-right: 25px !important;
 }

 .ml-30 {
	 margin-right: 30px !important;
 }

 .ml-50 {
	 margin-right: 50px !important;
 }

 .no-padding {
	 padding: 0 !important;
 }

 .no-margin {
	 margin: 0 !important;
 }

 .header-logo, .blog-related-post-meta__title {
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
 }

 .main-video:before, .section-arrow:before, .s-skills-2:before {
	 position: absolute;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 margin: auto;
 }

 /********************************

 @ OWL CAROUSEL

 ********************************/
 .owl-carousel .animated {
	 -webkit-animation-duration: 1000ms;
	 animation-duration: 1000ms;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
 }

 .owl-carousel .owl-animated-in {
	 z-index: 0;
 }

 .owl-carousel .owl-animated-out {
	 z-index: 1;
 }

 .owl-height {
	 -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 {
	 display: none;
	 width: 100%;
	 -webkit-tap-highlight-color: transparent;
	 position: relative;
	 z-index: 1;
 }

 .owl-carousel .owl-stage {
	 position: relative;
	 -ms-touch-action: pan-Y;
	 height: 100%;
 }

 .owl-carousel .owl-stage:after {
	 content: ".";
	 display: block;
	 clear: both;
	 visibility: hidden;
	 line-height: 0;
	 height: 0;
 }

 .owl-carousel .owl-stage-outer {
	 position: relative;
	 overflow: hidden;
	 -webkit-transform: translate3d(0px, 0, 0);
	 height: 100%;
 }

 .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
	 cursor: pointer;
	 cursor: hand;
	 -webkit-user-select: none;
	 -khtml-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
 }

 .owl-carousel.owl-loaded {
	 display: block;
 }

 .owl-carousel.owl-loading {
	 opacity: 0;
	 display: block;
 }

 .owl-carousel.owl-hidden {
	 opacity: 0;
 }

 .owl-carousel .owl-refresh .owl-item {
	 display: none;
 }

 .owl-carousel .owl-item {
	 position: relative;
	 min-height: 1px;
	 float: right;
	 height: 100%;
	 -webkit-backface-visibility: hidden;
	 -webkit-tap-highlight-color: transparent;
	 -webkit-touch-callout: none;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 -webkit-transform: translateZ(0);
 }

 .owl-carousel .owl-item img {
	 display: block;
	 width: 100%;
	 -webkit-transform-style: preserve-3d;
 }

 .owl-carousel.owl-text-select-on .owl-item {
	 -webkit-user-select: auto;
	 -moz-user-select: auto;
	 -ms-user-select: auto;
	 user-select: auto;
 }

 .owl-carousel .owl-grab {
	 cursor: move;
	 cursor: -webkit-grab;
	 cursor: -o-grab;
	 cursor: -ms-grab;
	 cursor: grab;
 }

 .owl-carousel.owl-rtl {
	 direction: ltr;
 }

 .owl-carousel.owl-rtl .owl-item {
	 float: left;
 }

 .no-js .owl-carousel {
	 display: block;
 }

 .owl-carousel .owl-item .owl-lazy {
	 opacity: 0;
	 -webkit-transition: opacity 400ms ease;
	 -moz-transition: opacity 400ms ease;
	 -ms-transition: opacity 400ms ease;
	 -o-transition: opacity 400ms ease;
	 transition: opacity 400ms ease;
 }

 .owl-carousel .owl-item img {
	 transform-style: preserve-3d;
 }

 .owl-carousel .owl-video-wrapper {
	 position: relative;
	 height: 100%;
	 background: #000;
 }

 .owl-carousel .owl-video-play-icon {
	 position: absolute;
	 height: 80px;
	 width: 80px;
	 right: 50%;
	 top: 50%;
	 margin-right: -40px;
	 margin-top: -40px;
	 background: url(owl.video.play.png) no-repeat;
	 cursor: pointer;
	 z-index: 1;
	 -webkit-backface-visibility: hidden;
	 -webkit-transition: scale 100ms ease;
	 -moz-transition: scale 100ms ease;
	 -ms-transition: scale 100ms ease;
	 -o-transition: scale 100ms ease;
	 transition: scale 100ms ease;
 }

 .owl-carousel .owl-video-play-icon:hover {
	 -webkit-transition: scale(1.3, 1.3);
	 -moz-transition: scale(1.3, 1.3);
	 -ms-transition: scale(1.3, 1.3);
	 -o-transition: scale(1.3, 1.3);
	 transition: scale(1.3, 1.3);
 }

 .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	 display: none;
 }

 .owl-carousel .owl-video-tn {
	 opacity: 0;
	 height: 100%;
	 background-position: center center;
	 background-repeat: no-repeat;
	 -webkit-background-size: contain;
	 -moz-background-size: contain;
	 -o-background-size: contain;
	 background-size: contain;
	 -webkit-transition: opacity 400ms ease;
	 -moz-transition: opacity 400ms ease;
	 -ms-transition: opacity 400ms ease;
	 -o-transition: opacity 400ms ease;
	 transition: opacity 400ms ease;
 }

 .owl-carousel .owl-video-frame {
	 position: relative;
	 z-index: 1;
 }

 /********************************

 @ ANIMATIONS

 ********************************/
 @-webkit-keyframes bounce {
	 0%, 20%, 50%, 80%, 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 40% {
		 -webkit-transform: translate3d(0, -30px, 0);
		 -ms-transform: translate3d(0, -30px, 0);
		 transform: translate3d(0, -30px, 0);
	 }
	 60% {
		 -webkit-transform: translate3d(0, -15px, 0);
		 -ms-transform: translate3d(0, -15px, 0);
		 transform: translate3d(0, -15px, 0);
	 }
 }

 @keyframes bounce {
	 0%, 20%, 50%, 80%, 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 40% {
		 -webkit-transform: translate3d(0, -30px, 0);
		 -ms-transform: translate3d(0, -30px, 0);
		 transform: translate3d(0, -30px, 0);
	 }
	 60% {
		 -webkit-transform: translate3d(0, -15px, 0);
		 -ms-transform: translate3d(0, -15px, 0);
		 transform: translate3d(0, -15px, 0);
	 }
 }

 @-webkit-keyframes flash {
	 0%, 50%, 100% {
		 opacity: 1;
	 }
	 25%, 75% {
		 opacity: 0;
	 }
 }

 @keyframes flash {
	 0%, 50%, 100% {
		 opacity: 1;
	 }
	 25%, 75% {
		 opacity: 0;
	 }
 }

 @-webkit-keyframes pulse {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 50% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1);
		 -ms-transform: scale3d(1.1, 1.1, 1.1);
		 transform: scale3d(1.1, 1.1, 1.1);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @keyframes pulse {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 50% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1);
		 -ms-transform: scale3d(1.1, 1.1, 1.1);
		 transform: scale3d(1.1, 1.1, 1.1);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @-webkit-keyframes rubberBand {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 30% {
		 -webkit-transform: scale3d(1.25, 0.75, 1);
		 -ms-transform: scale3d(1.25, 0.75, 1);
		 transform: scale3d(1.25, 0.75, 1);
	 }
	 40% {
		 -webkit-transform: scale3d(0.75, 1.25, 1);
		 -ms-transform: scale3d(0.75, 1.25, 1);
		 transform: scale3d(0.75, 1.25, 1);
	 }
	 50% {
		 -webkit-transform: scale3d(1.15, 0.85, 1);
		 -ms-transform: scale3d(1.15, 0.85, 1);
		 transform: scale3d(1.15, 0.85, 1);
	 }
	 65% {
		 -webkit-transform: scale3d(0.95, 1.05, 1);
		 -ms-transform: scale3d(0.95, 1.05, 1);
		 transform: scale3d(0.95, 1.05, 1);
	 }
	 75% {
		 -webkit-transform: scale3d(1.05, 0.95, 1);
		 -ms-transform: scale3d(1.05, 0.95, 1);
		 transform: scale3d(1.05, 0.95, 1);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @keyframes rubberBand {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 30% {
		 -webkit-transform: scale3d(1.25, 0.75, 1);
		 -ms-transform: scale3d(1.25, 0.75, 1);
		 transform: scale3d(1.25, 0.75, 1);
	 }
	 40% {
		 -webkit-transform: scale3d(0.75, 1.25, 1);
		 -ms-transform: scale3d(0.75, 1.25, 1);
		 transform: scale3d(0.75, 1.25, 1);
	 }
	 50% {
		 -webkit-transform: scale3d(1.15, 0.85, 1);
		 -ms-transform: scale3d(1.15, 0.85, 1);
		 transform: scale3d(1.15, 0.85, 1);
	 }
	 65% {
		 -webkit-transform: scale3d(0.95, 1.05, 1);
		 -ms-transform: scale3d(0.95, 1.05, 1);
		 transform: scale3d(0.95, 1.05, 1);
	 }
	 75% {
		 -webkit-transform: scale3d(1.05, 0.95, 1);
		 -ms-transform: scale3d(1.05, 0.95, 1);
		 transform: scale3d(1.05, 0.95, 1);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @-webkit-keyframes shake {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 10%, 30%, 50%, 70%, 90% {
		 -webkit-transform: translate3d(10px, 0, 0);
		 -ms-transform: translate3d(10px, 0, 0);
		 transform: translate3d(10px, 0, 0);
	 }
	 20%, 40%, 60%, 80% {
		 -webkit-transform: translate3d(-10px, 0, 0);
		 -ms-transform: translate3d(-10px, 0, 0);
		 transform: translate3d(-10px, 0, 0);
	 }
 }

 @keyframes shake {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 10%, 30%, 50%, 70%, 90% {
		 -webkit-transform: translate3d(10px, 0, 0);
		 -ms-transform: translate3d(10px, 0, 0);
		 transform: translate3d(10px, 0, 0);
	 }
	 20%, 40%, 60%, 80% {
		 -webkit-transform: translate3d(-10px, 0, 0);
		 -ms-transform: translate3d(-10px, 0, 0);
		 transform: translate3d(-10px, 0, 0);
	 }
 }

 @-webkit-keyframes swing {
	 20%, 40%, 60%, 80%, 100% {
		 -webkit-transform-origin: top center;
		 -ms-transform-origin: top center;
		 transform-origin: top center;
	 }
	 20% {
		 -webkit-transform: rotate3d(0, 0, 1, -15deg);
		 -ms-transform: rotate3d(0, 0, 1, -15deg);
		 transform: rotate3d(0, 0, 1, -15deg);
	 }
	 40% {
		 -webkit-transform: rotate3d(0, 0, 1, 10deg);
		 -ms-transform: rotate3d(0, 0, 1, 10deg);
		 transform: rotate3d(0, 0, 1, 10deg);
	 }
	 60% {
		 -webkit-transform: rotate3d(0, 0, 1, -5deg);
		 -ms-transform: rotate3d(0, 0, 1, -5deg);
		 transform: rotate3d(0, 0, 1, -5deg);
	 }
	 80% {
		 -webkit-transform: rotate3d(0, 0, 1, 5deg);
		 -ms-transform: rotate3d(0, 0, 1, 5deg);
		 transform: rotate3d(0, 0, 1, 5deg);
	 }
	 100% {
		 -webkit-transform: rotate3d(0, 0, 1, 0deg);
		 -ms-transform: rotate3d(0, 0, 1, 0deg);
		 transform: rotate3d(0, 0, 1, 0deg);
	 }
 }

 @keyframes swing {
	 20%, 40%, 60%, 80%, 100% {
		 -webkit-transform-origin: top center;
		 -ms-transform-origin: top center;
		 transform-origin: top center;
	 }
	 20% {
		 -webkit-transform: rotate3d(0, 0, 1, -15deg);
		 -ms-transform: rotate3d(0, 0, 1, -15deg);
		 transform: rotate3d(0, 0, 1, -15deg);
	 }
	 40% {
		 -webkit-transform: rotate3d(0, 0, 1, 10deg);
		 -ms-transform: rotate3d(0, 0, 1, 10deg);
		 transform: rotate3d(0, 0, 1, 10deg);
	 }
	 60% {
		 -webkit-transform: rotate3d(0, 0, 1, -5deg);
		 -ms-transform: rotate3d(0, 0, 1, -5deg);
		 transform: rotate3d(0, 0, 1, -5deg);
	 }
	 80% {
		 -webkit-transform: rotate3d(0, 0, 1, 5deg);
		 -ms-transform: rotate3d(0, 0, 1, 5deg);
		 transform: rotate3d(0, 0, 1, 5deg);
	 }
	 100% {
		 -webkit-transform: rotate3d(0, 0, 1, 0deg);
		 -ms-transform: rotate3d(0, 0, 1, 0deg);
		 transform: rotate3d(0, 0, 1, 0deg);
	 }
 }

 @-webkit-keyframes tada {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 10%, 20% {
		 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
		 -ms-transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
		 transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
	 }
	 30%, 50%, 70%, 90% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		 -ms-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		 transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	 }
	 40%, 60%, 80% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		 -ms-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		 transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1) rotate(0);
		 -ms-transform: scale3d(1, 1, 1) rotate(0);
		 transform: scale3d(1, 1, 1) rotate(0);
	 }
 }

 @keyframes tada {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 10%, 20% {
		 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
		 -ms-transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
		 transform: scale3d(0.9, 0.9, 0.9) rotate(3deg);
	 }
	 30%, 50%, 70%, 90% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		 -ms-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		 transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	 }
	 40%, 60%, 80% {
		 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		 -ms-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		 transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1) rotate(0);
		 -ms-transform: scale3d(1, 1, 1) rotate(0);
		 transform: scale3d(1, 1, 1) rotate(0);
	 }
 }

 @-webkit-keyframes wobble {
	 0% {
		 -webkit-transform: translate3d(0%, 0, 0);
		 -ms-transform: translate3d(0%, 0, 0);
		 transform: translate3d(0%, 0, 0);
	 }
	 15% {
		 -webkit-transform: translate3d(25%, 0, 0) rotate(5deg);
		 -ms-transform: translate3d(25%, 0, 0) rotate(5deg);
		 transform: translate3d(25%, 0, 0) rotate(5deg);
	 }
	 30% {
		 -webkit-transform: translate3d(-20%, 0, 0) rotate(-3deg);
		 -ms-transform: translate3d(-20%, 0, 0) rotate(-3deg);
		 transform: translate3d(-20%, 0, 0) rotate(-3deg);
	 }
	 45% {
		 -webkit-transform: translate3d(15%, 0, 0) rotate(3deg);
		 -ms-transform: translate3d(15%, 0, 0) rotate(3deg);
		 transform: translate3d(15%, 0, 0) rotate(3deg);
	 }
	 60% {
		 -webkit-transform: translate3d(-10%, 0, 0) rotate(-2deg);
		 -ms-transform: translate3d(-10%, 0, 0) rotate(-2deg);
		 transform: translate3d(-10%, 0, 0) rotate(-2deg);
	 }
	 75% {
		 -webkit-transform: translate3d(5%, 0, 0) rotate(1deg);
		 -ms-transform: translate3d(5%, 0, 0) rotate(1deg);
		 transform: translate3d(5%, 0, 0) rotate(1deg);
	 }
	 100% {
		 -webkit-transform: translate3d(0%, 0, 0);
		 -ms-transform: translate3d(0%, 0, 0);
		 transform: translate3d(0%, 0, 0);
	 }
 }

 @keyframes wobble {
	 0% {
		 -webkit-transform: translate3d(0%, 0, 0);
		 -ms-transform: translate3d(0%, 0, 0);
		 transform: translate3d(0%, 0, 0);
	 }
	 15% {
		 -webkit-transform: translate3d(25%, 0, 0) rotate(5deg);
		 -ms-transform: translate3d(25%, 0, 0) rotate(5deg);
		 transform: translate3d(25%, 0, 0) rotate(5deg);
	 }
	 30% {
		 -webkit-transform: translate3d(-20%, 0, 0) rotate(-3deg);
		 -ms-transform: translate3d(-20%, 0, 0) rotate(-3deg);
		 transform: translate3d(-20%, 0, 0) rotate(-3deg);
	 }
	 45% {
		 -webkit-transform: translate3d(15%, 0, 0) rotate(3deg);
		 -ms-transform: translate3d(15%, 0, 0) rotate(3deg);
		 transform: translate3d(15%, 0, 0) rotate(3deg);
	 }
	 60% {
		 -webkit-transform: translate3d(-10%, 0, 0) rotate(-2deg);
		 -ms-transform: translate3d(-10%, 0, 0) rotate(-2deg);
		 transform: translate3d(-10%, 0, 0) rotate(-2deg);
	 }
	 75% {
		 -webkit-transform: translate3d(5%, 0, 0) rotate(1deg);
		 -ms-transform: translate3d(5%, 0, 0) rotate(1deg);
		 transform: translate3d(5%, 0, 0) rotate(1deg);
	 }
	 100% {
		 -webkit-transform: translate3d(0%, 0, 0);
		 -ms-transform: translate3d(0%, 0, 0);
		 transform: translate3d(0%, 0, 0);
	 }
 }

 @-webkit-keyframes bounceIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 50% {
		 opacity: 1;
		 -webkit-transform: scale3d(1.05, 1.05, 1.05);
		 -ms-transform: scale3d(1.05, 1.05, 1.05);
		 transform: scale3d(1.05, 1.05, 1.05);
	 }
	 70% {
		 -webkit-transform: scale3d(0.9, 0.9, 0.9);
		 -ms-transform: scale3d(0.9, 0.9, 0.9);
		 transform: scale3d(0.9, 0.9, 0.9);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @keyframes bounceIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 50% {
		 opacity: 1;
		 -webkit-transform: scale3d(1.05, 1.05, 1.05);
		 -ms-transform: scale3d(1.05, 1.05, 1.05);
		 transform: scale3d(1.05, 1.05, 1.05);
	 }
	 70% {
		 -webkit-transform: scale3d(0.9, 0.9, 0.9);
		 -ms-transform: scale3d(0.9, 0.9, 0.9);
		 transform: scale3d(0.9, 0.9, 0.9);
	 }
	 100% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
 }

 @-webkit-keyframes bounceInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 30px, 0);
		 -ms-transform: translate3d(0, 30px, 0);
		 transform: translate3d(0, 30px, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(0, -10px, 0);
		 -ms-transform: translate3d(0, -10px, 0);
		 transform: translate3d(0, -10px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes bounceInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 30px, 0);
		 -ms-transform: translate3d(0, 30px, 0);
		 transform: translate3d(0, 30px, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(0, -10px, 0);
		 -ms-transform: translate3d(0, -10px, 0);
		 transform: translate3d(0, -10px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes bounceInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(-30px, 0, 0);
		 -ms-transform: translate3d(-30px, 0, 0);
		 transform: translate3d(-30px, 0, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(10px, 0, 0);
		 -ms-transform: translate3d(10px, 0, 0);
		 transform: translate3d(10px, 0, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes bounceInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(-30px, 0, 0);
		 -ms-transform: translate3d(-30px, 0, 0);
		 transform: translate3d(-30px, 0, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(10px, 0, 0);
		 -ms-transform: translate3d(10px, 0, 0);
		 transform: translate3d(10px, 0, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes bounceInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(30px, 0, 0);
		 -ms-transform: translate3d(30px, 0, 0);
		 transform: translate3d(30px, 0, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(-10px, 0, 0);
		 -ms-transform: translate3d(-10px, 0, 0);
		 transform: translate3d(-10px, 0, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes bounceInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(30px, 0, 0);
		 -ms-transform: translate3d(30px, 0, 0);
		 transform: translate3d(30px, 0, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(-10px, 0, 0);
		 -ms-transform: translate3d(-10px, 0, 0);
		 transform: translate3d(-10px, 0, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes bounceInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, -30px, 0);
		 -ms-transform: translate3d(0, -30px, 0);
		 transform: translate3d(0, -30px, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(0, 10px, 0);
		 -ms-transform: translate3d(0, 10px, 0);
		 transform: translate3d(0, 10px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes bounceInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, -30px, 0);
		 -ms-transform: translate3d(0, -30px, 0);
		 transform: translate3d(0, -30px, 0);
	 }
	 80% {
		 -webkit-transform: translate3d(0, 10px, 0);
		 -ms-transform: translate3d(0, 10px, 0);
		 transform: translate3d(0, 10px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes bounceOut {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 25% {
		 -webkit-transform: scale3d(0.95, 0.95, 0.95);
		 -ms-transform: scale3d(0.95, 0.95, 0.95);
		 transform: scale3d(0.95, 0.95, 0.95);
	 }
	 50% {
		 opacity: 1;
		 -webkit-transform: scale3d(1.1, 1.1, 1.1);
		 -ms-transform: scale3d(1.1, 1.1, 1.1);
		 transform: scale3d(1.1, 1.1, 1.1);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
 }

 @keyframes bounceOut {
	 0% {
		 -webkit-transform: scale3d(1, 1, 1);
		 -ms-transform: scale3d(1, 1, 1);
		 transform: scale3d(1, 1, 1);
	 }
	 25% {
		 -webkit-transform: scale3d(0.95, 0.95, 0.95);
		 -ms-transform: scale3d(0.95, 0.95, 0.95);
		 transform: scale3d(0.95, 0.95, 0.95);
	 }
	 50% {
		 opacity: 1;
		 -webkit-transform: scale3d(1.1, 1.1, 1.1);
		 -ms-transform: scale3d(1.1, 1.1, 1.1);
		 transform: scale3d(1.1, 1.1, 1.1);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
 }

 @-webkit-keyframes bounceOutDown {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @keyframes bounceOutDown {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @-webkit-keyframes bounceOutLeft {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @keyframes bounceOutLeft {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @-webkit-keyframes bounceOutRight {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @keyframes bounceOutRight {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @-webkit-keyframes bounceOutUp {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @keyframes bounceOutUp {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 20% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @-webkit-keyframes fadeIn {
	 0% {
		 opacity: 0;
	 }
	 100% {
		 opacity: 1;
	 }
 }

 @keyframes fadeIn {
	 0% {
		 opacity: 0;
	 }
	 100% {
		 opacity: 1;
	 }
 }

 @-webkit-keyframes fadeInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInDownBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInDownBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInLeftBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInLeftBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInRightBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInRightBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeInUpBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes fadeInUpBig {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes fadeOut {
	 0% {
		 opacity: 1;
	 }
	 100% {
		 opacity: 0;
	 }
 }

 @keyframes fadeOut {
	 0% {
		 opacity: 1;
	 }
	 100% {
		 opacity: 0;
	 }
 }

 @-webkit-keyframes fadeOutDown {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
 }

 @keyframes fadeOutDown {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 20px, 0);
		 -ms-transform: translate3d(0, 20px, 0);
		 transform: translate3d(0, 20px, 0);
	 }
 }

 @-webkit-keyframes fadeOutDownBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @keyframes fadeOutDownBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @-webkit-keyframes fadeOutLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
 }

 @keyframes fadeOutLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(20px, 0, 0);
		 -ms-transform: translate3d(20px, 0, 0);
		 transform: translate3d(20px, 0, 0);
	 }
 }

 @-webkit-keyframes fadeOutLeftBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @keyframes fadeOutLeftBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @-webkit-keyframes fadeOutRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
 }

 @keyframes fadeOutRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-20px, 0, 0);
		 -ms-transform: translate3d(-20px, 0, 0);
		 transform: translate3d(-20px, 0, 0);
	 }
 }

 @-webkit-keyframes fadeOutRightBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @keyframes fadeOutRightBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @-webkit-keyframes fadeOutUp {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
 }

 @keyframes fadeOutUp {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
	 }
 }

 @-webkit-keyframes fadeOutUpBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @keyframes fadeOutUpBig {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @-webkit-keyframes flip {
	 0% {
		 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 -ms-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 animation-timing-function: ease-out;
	 }
	 40% {
		 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 animation-timing-function: ease-out;
	 }
	 50% {
		 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 animation-timing-function: ease-in;
	 }
	 80% {
		 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 animation-timing-function: ease-in;
	 }
	 100% {
		 -webkit-transform: perspective(400px);
		 -ms-transform: perspective(400px);
		 transform: perspective(400px);
		 animation-timing-function: ease-in;
	 }
 }

 @keyframes flip {
	 0% {
		 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 -ms-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
		 animation-timing-function: ease-out;
	 }
	 40% {
		 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
		 animation-timing-function: ease-out;
	 }
	 50% {
		 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
		 animation-timing-function: ease-in;
	 }
	 80% {
		 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		 animation-timing-function: ease-in;
	 }
	 100% {
		 -webkit-transform: perspective(400px);
		 -ms-transform: perspective(400px);
		 transform: perspective(400px);
		 animation-timing-function: ease-in;
	 }
 }

 @-webkit-keyframes flipInX {
	 0% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateX(90deg);
		 -ms-transform: perspective(400px) rotateX(90deg);
		 transform: perspective(400px) rotateX(90deg);
	 }
	 40% {
		 -webkit-transform: perspective(400px) rotateX(-10deg);
		 -ms-transform: perspective(400px) rotateX(-10deg);
		 transform: perspective(400px) rotateX(-10deg);
	 }
	 70% {
		 -webkit-transform: perspective(400px) rotateX(10deg);
		 -ms-transform: perspective(400px) rotateX(10deg);
		 transform: perspective(400px) rotateX(10deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateX(0deg);
		 -ms-transform: perspective(400px) rotateX(0deg);
		 transform: perspective(400px) rotateX(0deg);
	 }
 }

 @keyframes flipInX {
	 0% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateX(90deg);
		 -ms-transform: perspective(400px) rotateX(90deg);
		 transform: perspective(400px) rotateX(90deg);
	 }
	 40% {
		 -webkit-transform: perspective(400px) rotateX(-10deg);
		 -ms-transform: perspective(400px) rotateX(-10deg);
		 transform: perspective(400px) rotateX(-10deg);
	 }
	 70% {
		 -webkit-transform: perspective(400px) rotateX(10deg);
		 -ms-transform: perspective(400px) rotateX(10deg);
		 transform: perspective(400px) rotateX(10deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateX(0deg);
		 -ms-transform: perspective(400px) rotateX(0deg);
		 transform: perspective(400px) rotateX(0deg);
	 }
 }

 @-webkit-keyframes flipInY {
	 0% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateY(-90deg);
		 -ms-transform: perspective(400px) rotateY(-90deg);
		 transform: perspective(400px) rotateY(-90deg);
	 }
	 40% {
		 -webkit-transform: perspective(400px) rotateY(10deg);
		 -ms-transform: perspective(400px) rotateY(10deg);
		 transform: perspective(400px) rotateY(10deg);
	 }
	 70% {
		 -webkit-transform: perspective(400px) rotateY(-10deg);
		 -ms-transform: perspective(400px) rotateY(-10deg);
		 transform: perspective(400px) rotateY(-10deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateY(0deg);
		 -ms-transform: perspective(400px) rotateY(0deg);
		 transform: perspective(400px) rotateY(0deg);
	 }
 }

 @keyframes flipInY {
	 0% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateY(-90deg);
		 -ms-transform: perspective(400px) rotateY(-90deg);
		 transform: perspective(400px) rotateY(-90deg);
	 }
	 40% {
		 -webkit-transform: perspective(400px) rotateY(10deg);
		 -ms-transform: perspective(400px) rotateY(10deg);
		 transform: perspective(400px) rotateY(10deg);
	 }
	 70% {
		 -webkit-transform: perspective(400px) rotateY(-10deg);
		 -ms-transform: perspective(400px) rotateY(-10deg);
		 transform: perspective(400px) rotateY(-10deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateY(0deg);
		 -ms-transform: perspective(400px) rotateY(0deg);
		 transform: perspective(400px) rotateY(0deg);
	 }
 }

 @-webkit-keyframes flipOutX {
	 0% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateX(0deg);
		 -ms-transform: perspective(400px) rotateX(0deg);
		 transform: perspective(400px) rotateX(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateX(90deg);
		 -ms-transform: perspective(400px) rotateX(90deg);
		 transform: perspective(400px) rotateX(90deg);
	 }
 }

 @keyframes flipOutX {
	 0% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateX(0deg);
		 -ms-transform: perspective(400px) rotateX(0deg);
		 transform: perspective(400px) rotateX(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateX(90deg);
		 -ms-transform: perspective(400px) rotateX(90deg);
		 transform: perspective(400px) rotateX(90deg);
	 }
 }

 @-webkit-keyframes flipOutY {
	 0% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateY(0deg);
		 -ms-transform: perspective(400px) rotateY(0deg);
		 transform: perspective(400px) rotateY(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateY(-90deg);
		 -ms-transform: perspective(400px) rotateY(-90deg);
		 transform: perspective(400px) rotateY(-90deg);
	 }
 }

 @keyframes flipOutY {
	 0% {
		 opacity: 1;
		 -webkit-transform: perspective(400px) rotateY(0deg);
		 -ms-transform: perspective(400px) rotateY(0deg);
		 transform: perspective(400px) rotateY(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: perspective(400px) rotateY(-90deg);
		 -ms-transform: perspective(400px) rotateY(-90deg);
		 transform: perspective(400px) rotateY(-90deg);
	 }
 }

 @-webkit-keyframes lightSpeedIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 -ms-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 transform: translate3d(-100%, 0, 0) skewX(30deg);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(20%, 0, 0) skewX(-30deg);
		 -ms-transform: translate3d(20%, 0, 0) skewX(-30deg);
		 transform: translate3d(20%, 0, 0) skewX(-30deg);
	 }
	 80% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(15deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(15deg);
		 transform: translate3d(0%, 0, 0) skewX(15deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(0deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(0deg);
		 transform: translate3d(0%, 0, 0) skewX(0deg);
	 }
 }

 @keyframes lightSpeedIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 -ms-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 transform: translate3d(-100%, 0, 0) skewX(30deg);
	 }
	 60% {
		 opacity: 1;
		 -webkit-transform: translate3d(20%, 0, 0) skewX(-30deg);
		 -ms-transform: translate3d(20%, 0, 0) skewX(-30deg);
		 transform: translate3d(20%, 0, 0) skewX(-30deg);
	 }
	 80% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(15deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(15deg);
		 transform: translate3d(0%, 0, 0) skewX(15deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(0deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(0deg);
		 transform: translate3d(0%, 0, 0) skewX(0deg);
	 }
 }

 @-webkit-keyframes lightSpeedOut {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(0deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(0deg);
		 transform: translate3d(0%, 0, 0) skewX(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 -ms-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 transform: translate3d(-100%, 0, 0) skewX(30deg);
	 }
 }

 @keyframes lightSpeedOut {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0, 0) skewX(0deg);
		 -ms-transform: translate3d(0%, 0, 0) skewX(0deg);
		 transform: translate3d(0%, 0, 0) skewX(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 -ms-transform: translate3d(-100%, 0, 0) skewX(30deg);
		 transform: translate3d(-100%, 0, 0) skewX(30deg);
	 }
 }

 @-webkit-keyframes rotateIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 200deg);
		 -ms-transform: rotate3d(0, 0, 1, 200deg);
		 transform: rotate3d(0, 0, 1, 200deg);
		 -webkit-transform-origin: center center;
		 -ms-transform-origin: center center;
		 transform-origin: center center;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: center center;
		 -ms-transform-origin: center center;
		 transform-origin: center center;
	 }
 }

 @keyframes rotateIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 200deg);
		 -ms-transform: rotate3d(0, 0, 1, 200deg);
		 transform: rotate3d(0, 0, 1, 200deg);
		 -webkit-transform-origin: center center;
		 -ms-transform-origin: center center;
		 transform-origin: center center;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: center center;
		 -ms-transform-origin: center center;
		 transform-origin: center center;
	 }
 }

 @-webkit-keyframes rotateInDownLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @keyframes rotateInDownLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @-webkit-keyframes rotateInDownRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @keyframes rotateInDownRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @-webkit-keyframes rotateInUpLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @keyframes rotateInUpLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @-webkit-keyframes rotateInUpRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 90deg);
		 -ms-transform: rotate3d(0, 0, 1, 90deg);
		 transform: rotate3d(0, 0, 1, 90deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @keyframes rotateInUpRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 90deg);
		 -ms-transform: rotate3d(0, 0, 1, 90deg);
		 transform: rotate3d(0, 0, 1, 90deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @-webkit-keyframes rotateOutDownLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @keyframes rotateOutDownLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -45deg);
		 -ms-transform: rotate3d(0, 0, 1, -45deg);
		 transform: rotate3d(0, 0, 1, -45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @-webkit-keyframes rotateOutDownRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @keyframes rotateOutDownRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @-webkit-keyframes rotateOutUpLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @keyframes rotateOutUpLeft {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, 45deg);
		 -ms-transform: rotate3d(0, 0, 1, 45deg);
		 transform: rotate3d(0, 0, 1, 45deg);
		 -webkit-transform-origin: right bottom;
		 -ms-transform-origin: right bottom;
		 transform-origin: right bottom;
	 }
 }

 @-webkit-keyframes rotateOutUpRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -90deg);
		 -ms-transform: rotate3d(0, 0, 1, -90deg);
		 transform: rotate3d(0, 0, 1, -90deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @keyframes rotateOutUpRight {
	 0% {
		 opacity: 1;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: rotate3d(0, 0, 1, -90deg);
		 -ms-transform: rotate3d(0, 0, 1, -90deg);
		 transform: rotate3d(0, 0, 1, -90deg);
		 -webkit-transform-origin: left bottom;
		 -ms-transform-origin: left bottom;
		 transform-origin: left bottom;
	 }
 }

 @-webkit-keyframes slideInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes slideInDown {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes slideInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes slideInLeft {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes slideInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes slideInRight {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes slideInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @keyframes slideInUp {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
 }

 @-webkit-keyframes slideOutDown {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @keyframes slideOutDown {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 2000px, 0);
		 -ms-transform: translate3d(0, 2000px, 0);
		 transform: translate3d(0, 2000px, 0);
	 }
 }

 @-webkit-keyframes slideOutLeft {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @keyframes slideOutLeft {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(2000px, 0, 0);
		 -ms-transform: translate3d(2000px, 0, 0);
		 transform: translate3d(2000px, 0, 0);
	 }
 }

 @-webkit-keyframes slideOutRight {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @keyframes slideOutRight {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-2000px, 0, 0);
		 -ms-transform: translate3d(-2000px, 0, 0);
		 transform: translate3d(-2000px, 0, 0);
	 }
 }

 @-webkit-keyframes slideOutUp {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @keyframes slideOutUp {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(0, -2000px, 0);
		 -ms-transform: translate3d(0, -2000px, 0);
		 transform: translate3d(0, -2000px, 0);
	 }
 }

 @-webkit-keyframes hinge {
	 0% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 20%, 60% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -80deg);
		 -ms-transform: rotate3d(0, 0, 1, -80deg);
		 transform: rotate3d(0, 0, 1, -80deg);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 40% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -60deg);
		 -ms-transform: rotate3d(0, 0, 1, -60deg);
		 transform: rotate3d(0, 0, 1, -60deg);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 80% {
		 opacity: 1;
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 -ms-transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 100% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 -ms-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
 }

 @keyframes hinge {
	 0% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0);
		 -ms-transform: rotate3d(0);
		 transform: rotate3d(0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 20%, 60% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -80deg);
		 -ms-transform: rotate3d(0, 0, 1, -80deg);
		 transform: rotate3d(0, 0, 1, -80deg);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 40% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -60deg);
		 -ms-transform: rotate3d(0, 0, 1, -60deg);
		 transform: rotate3d(0, 0, 1, -60deg);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 80% {
		 opacity: 1;
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 -ms-transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 transform: rotate3d(0, 0, 1, -70deg) translate3d(0, 0, 0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
	 100% {
		 animation-timing-function: ease-in-out;
		 -webkit-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 -ms-transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 transform: rotate3d(0, 0, 1, -75deg) translate3d(0, 0, 0);
		 -webkit-transform-origin: top right;
		 -ms-transform-origin: top right;
		 transform-origin: top right;
	 }
 }

 @-webkit-keyframes rollIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		 -ms-transform: translate3d(100%, 0, 0) rotate(120deg);
		 transform: translate3d(100%, 0, 0) rotate(120deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0px, 0, 0) rotate(0deg);
		 -ms-transform: translate3d(0px, 0, 0) rotate(0deg);
		 transform: translate3d(0px, 0, 0) rotate(0deg);
	 }
 }

 @keyframes rollIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		 -ms-transform: translate3d(100%, 0, 0) rotate(120deg);
		 transform: translate3d(100%, 0, 0) rotate(120deg);
	 }
	 100% {
		 opacity: 1;
		 -webkit-transform: translate3d(0px, 0, 0) rotate(0deg);
		 -ms-transform: translate3d(0px, 0, 0) rotate(0deg);
		 transform: translate3d(0px, 0, 0) rotate(0deg);
	 }
 }

 @-webkit-keyframes rollOut {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0px, 0, 0) rotate(0deg);
		 -ms-transform: translate3d(0px, 0, 0) rotate(0deg);
		 transform: translate3d(0px, 0, 0) rotate(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		 -ms-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		 transform: translate3d(-100%, 0, 0) rotate(-120deg);
	 }
 }

 @keyframes rollOut {
	 0% {
		 opacity: 1;
		 -webkit-transform: translate3d(0px, 0, 0) rotate(0deg);
		 -ms-transform: translate3d(0px, 0, 0) rotate(0deg);
		 transform: translate3d(0px, 0, 0) rotate(0deg);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		 -ms-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		 transform: translate3d(-100%, 0, 0) rotate(-120deg);
	 }
 }

 @-webkit-keyframes zoomIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 50% {
		 opacity: 1;
	 }
 }

 @keyframes zoomIn {
	 0% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 50% {
		 opacity: 1;
	 }
 }

 @-webkit-keyframes zoomInDown {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 }
 }

 @keyframes zoomInDown {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 }
 }

 @-webkit-keyframes zoomInLeft {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	 }
 }

 @keyframes zoomInLeft {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	 }
 }

 @-webkit-keyframes zoomInRight {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	 }
 }

 @keyframes zoomInRight {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	 }
 }

 @-webkit-keyframes zoomInUp {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 }
 }

 @keyframes zoomInUp {
	 0% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	 }
	 60% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 }
 }

 @-webkit-keyframes zoomOut {
	 0% {
		 opacity: 1;
	 }
	 50% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 100% {
		 opacity: 0;
	 }
 }

 @keyframes zoomOut {
	 0% {
		 opacity: 1;
	 }
	 50% {
		 opacity: 0;
		 -webkit-transform: scale3d(0.3, 0.3, 0.3);
		 -ms-transform: scale3d(0.3, 0.3, 0.3);
		 transform: scale3d(0.3, 0.3, 0.3);
	 }
	 100% {
		 opacity: 0;
	 }
 }

 @-webkit-keyframes zoomOutDown {
	 40% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 }
	 100% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 -webkit-transform-origin: center bottom;
		 -ms-transform-origin: center bottom;
		 transform-origin: center bottom;
	 }
 }

 @keyframes zoomOutDown {
	 40% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	 }
	 100% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		 -webkit-transform-origin: center bottom;
		 -ms-transform-origin: center bottom;
		 transform-origin: center bottom;
	 }
 }

 @-webkit-keyframes zoomOutLeft {
	 40% {
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		 -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
		 transform: scale(0.1) translate3d(2000px, 0, 0);
		 -webkit-transform-origin: right center;
		 -ms-transform-origin: right center;
		 transform-origin: right center;
	 }
 }

 @keyframes zoomOutLeft {
	 40% {
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		 -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
		 transform: scale(0.1) translate3d(2000px, 0, 0);
		 -webkit-transform-origin: right center;
		 -ms-transform-origin: right center;
		 transform-origin: right center;
	 }
 }

 @-webkit-keyframes zoomOutRight {
	 40% {
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		 -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
		 transform: scale(0.1) translate3d(-2000px, 0, 0);
		 -webkit-transform-origin: left center;
		 -ms-transform-origin: left center;
		 transform-origin: left center;
	 }
 }

 @keyframes zoomOutRight {
	 40% {
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	 }
	 100% {
		 opacity: 0;
		 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		 -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
		 transform: scale(0.1) translate3d(-2000px, 0, 0);
		 -webkit-transform-origin: left center;
		 -ms-transform-origin: left center;
		 transform-origin: left center;
	 }
 }

 @-webkit-keyframes zoomOutUp {
	 40% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 }
	 100% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 -webkit-transform-origin: center bottom;
		 -ms-transform-origin: center bottom;
		 transform-origin: center bottom;
	 }
 }

 @keyframes zoomOutUp {
	 40% {
		 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		 opacity: 1;
		 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	 }
	 100% {
		 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		 opacity: 0;
		 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		 -webkit-transform-origin: center bottom;
		 -ms-transform-origin: center bottom;
		 transform-origin: center bottom;
	 }
 }

 @-webkit-keyframes pulse-down {
	 0% {
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
		 opacity: 0.2;
	 }
	 30% {
		 -webkit-transform: translate3d(0, 16px, 0);
		 -ms-transform: translate3d(0, 16px, 0);
		 transform: translate3d(0, 16px, 0);
		 opacity: 0.7;
	 }
	 85% {
		 -webkit-transform: translate3d(0, 17px, 0);
		 -ms-transform: translate3d(0, 17px, 0);
		 transform: translate3d(0, 17px, 0);
	 }
	 90% {
		 -webkit-transform: translate3d(0, 22px, 0);
		 -ms-transform: translate3d(0, 22px, 0);
		 transform: translate3d(0, 22px, 0);
	 }
	 95% {
		 -webkit-transform: translate3d(0, 17px, 0);
		 -ms-transform: translate3d(0, 17px, 0);
		 transform: translate3d(0, 17px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 22px, 0);
		 -ms-transform: translate3d(0, 22px, 0);
		 transform: translate3d(0, 22px, 0);
		 opacity: 0.8;
	 }
 }

 @keyframes pulse-down {
	 0% {
		 -webkit-transform: translate3d(0, -20px, 0);
		 -ms-transform: translate3d(0, -20px, 0);
		 transform: translate3d(0, -20px, 0);
		 opacity: 0.2;
	 }
	 30% {
		 -webkit-transform: translate3d(0, 16px, 0);
		 -ms-transform: translate3d(0, 16px, 0);
		 transform: translate3d(0, 16px, 0);
		 opacity: 0.7;
	 }
	 85% {
		 -webkit-transform: translate3d(0, 17px, 0);
		 -ms-transform: translate3d(0, 17px, 0);
		 transform: translate3d(0, 17px, 0);
	 }
	 90% {
		 -webkit-transform: translate3d(0, 22px, 0);
		 -ms-transform: translate3d(0, 22px, 0);
		 transform: translate3d(0, 22px, 0);
	 }
	 95% {
		 -webkit-transform: translate3d(0, 17px, 0);
		 -ms-transform: translate3d(0, 17px, 0);
		 transform: translate3d(0, 17px, 0);
	 }
	 100% {
		 -webkit-transform: translate3d(0, 22px, 0);
		 -ms-transform: translate3d(0, 22px, 0);
		 transform: translate3d(0, 22px, 0);
		 opacity: 0.8;
	 }
 }

 @-webkit-keyframes rotate {
	 to {
		 -webkit-transform: rotate(-360deg);
		 -ms-transform: rotate(-360deg);
		 transform: rotate(-360deg);
	 }
 }

 @keyframes rotate {
	 to {
		 -webkit-transform: rotate(-360deg);
		 -ms-transform: rotate(-360deg);
		 transform: rotate(-360deg);
	 }
 }

 @-webkit-keyframes pulsate {
	 from {
		 opacity: 1;
		 -webkit-transform: scale(0.25);
		 -ms-transform: scale(0.25);
		 transform: scale(0.25);
	 }
	 95% {
		 opacity: 0;
		 -webkit-transform: scale(1.3);
		 -ms-transform: scale(1.3);
		 transform: scale(1.3);
	 }
	 to {
		 opacity: 0;
		 -webkit-transform: scale(0.3);
		 -ms-transform: scale(0.3);
		 transform: scale(0.3);
	 }
 }

 @keyframes pulsate {
	 from {
		 opacity: 1;
		 -webkit-transform: scale(0.25);
		 -ms-transform: scale(0.25);
		 transform: scale(0.25);
	 }
	 95% {
		 opacity: 0;
		 -webkit-transform: scale(1.3);
		 -ms-transform: scale(1.3);
		 transform: scale(1.3);
	 }
	 to {
		 opacity: 0;
		 -webkit-transform: scale(0.3);
		 -ms-transform: scale(0.3);
		 transform: scale(0.3);
	 }
 }

 .fx {
	 opacity: 0;
 }

 .animate {
	 opacity: 1;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
 }

 .parallax {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 will-change: transform;
	 z-index: -1;
 }

 .parallax-wrapper {
	 position: relative;
	 overflow: hidden;
	 z-index: 0;
 }

 /********************************

 @ BASIC & HELP RULES

 ********************************/
 body {
	 color: #515156;
 }

 h1 {
	 font-family: "IRANSans", "Helvetica", sans-serif !important;
	 font-size: 42px;
	 word-spacing: -10px;
 }

 h2 {
	 font-family: "IRANSans", "Helvetica", sans-serif !important;
	 font-size: 36px;
	 word-spacing: -10px;
 }

 h3 {
	 font-family: "IRANSans", "Helvetica", sans-serif !important;
	 font-size: 30px;
	 word-spacing: -7px;
 }

 h4 {
	 font-size: 24px;
 }

 h5 {
	 font-size: 18px;
 }

 h6 {
	 font-size: 16px;
 }

 p {
	 font-weight: 300;
	 line-height: 1.4;
	 color: #515156;
 }

 header, section {
	 width: 100%;
 }

 .theme-color {
	 color: #55C594;
 }

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

 .wrapper-content {
	 position: relative;
	 right: 0;
	 -webkit-transition: 0.4s right cubic-bezier(1, 0, 0.95, 1);
	 transition: 0.4s right cubic-bezier(1, 0, 0.95, 1);
 }

 .hidden {
	 opacity: 0;
	 display: none !important;
 }

 .visible {
	 overflow: visible !important;
 }

 /********************************

 @ MENU

 ********************************/
 /********************************

 @    MENU DESKTOP

 ********************************/
 .header {
	 position: absolute;
	 top: 0;
	 right: 0;
	 line-height: 80px;
	 z-index: 2;
	 white-space: nowrap;
 }

 .header:not(.header-sticky-relative) {
	 -webkit-transition: 0.4s top, 0.4s background;
	 transition: 0.4s top, 0.4s background;
 }

 .header-logo {
	 line-height: 0;
	 padding-bottom: 0;
	 text-transform: uppercase;
 }

 .header-logo__link {
	 height: 80px;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 color: #fff;
	 display: inline-block;
	 vertical-align: middle;
 }

 .header-logo__link:before {
	 content: '';
	 display: inline-block;
	 vertical-align: middle;
	 height: 100%;
 }

 .header-logo__img {
	 vertical-align: middle;
	 max-width: 100%;
 }

 .header-dark {
	 background: #2b3033;
 }

 .header-sticky {
	 position: fixed !important;
	 top: 100px;
	 -webkit-transform: translateY(-100px) !important;
	 -ms-transform: translateY(-100px) !important;
	 transform: translateY(-100px) !important;
 }

 .header-sticky-relative {
	 position: relative;
	 top: 0;
	 -webkit-transform: translateY(0) !important;
	 -ms-transform: translateY(0) !important;
	 transform: translateY(0) !important;
	 -webkit-transition: 0.4s background;
	 transition: 0.4s background;
 }

 .menu {
	 display: none;
 }

 .menu-desktop .menu-mobile-logo {
	 display: none !important;
 }

 .menu-desktop .menu {
	 display: block;
	 text-transform: uppercase;
	 text-align: center;
	 font-size: 12px;
	 font-weight: normal;
 }

 .menu-desktop .menu__item {
	 display: inline-block;
	 margin-left: 25px;
 }

 .menu-desktop .menu__item:last-child {
	 margin-left: 0;
 }

 @media (min-width: 768px) {
	 .menu-desktop .menu__item:not(.submenu-mega) > .submenu {
		 opacity: 0;
		 -webkit-transition: 0.3s;
		 transition: 0.3s;
		 -webkit-transform: translateY(20px);
		 -ms-transform: translateY(20px);
		 transform: translateY(20px);
	 }
	 .menu-desktop .menu__item:not(.submenu-mega) > .submenu .submenu {
		 opacity: 0;
		 -webkit-transition: 0.3s;
		 transition: 0.3s;
		 -webkit-transform: translateX(10px);
		 -ms-transform: translateX(10px);
		 transform: translateX(10px);
	 }
	 .menu-desktop .menu__item:not(.submenu-mega) > .submenu .submenu__item:hover > .submenu {
		 opacity: 1;
		 -webkit-transform: translateX(0);
		 -ms-transform: translateX(0);
		 transform: translateX(0);
	 }
	 .menu-desktop .menu__item.submenu-mega:hover .submenu {
		 visibility: visible;
	 }
	 .menu-desktop .menu__item.submenu-mega > .submenu {
		 opacity: 0;
		 -webkit-transition: 0.3s;
		 transition: 0.3s;
		 -webkit-transform: translateY(20px);
		 -ms-transform: translateY(20px);
		 transform: translateY(20px);
	 }
	 .menu-desktop .menu__item:hover > .submenu {
		 opacity: 1;
		 visibility: visible;
		 -webkit-transform: translateY(0);
		 -ms-transform: translateY(0);
		 transform: translateY(0);
	 }
 }

 .menu-desktop .menu__link {
	 position: relative;
	 display: inline-block;
	 color: #fff;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 -webkit-transition: 0.2s;
	 transition: 0.2s;
 }

 .menu-desktop .menu__link:hover {
	 color: #55C594;
	 cursor: pointer;
 }

 .menu-desktop .menu__link:after, .menu-desktop .menu__link_active:after {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 0;
	 height: 1px;
	 top: 50%;
	 margin-top: 18px;
	 background: transparent;
	 -webkit-transition: 0.6s;
	 transition: 0.6s;
 }

 .menu-desktop .menu__link:hover:after, .menu-desktop .menu__link_active:after {
	 background: #55C594;
	 width: 100%;
 }

 .menu-desktop .menu__link_active {
	 color: #55C594;
 }

 .menu-desktop .submenu {
	 background: #2b3033;
	 opacity: 1;
	 visibility: hidden;
	 position: absolute;
	 min-width: 120px;
	 text-align: right;
 }

 .menu-desktop .submenu__item {
	 position: relative;
	 display: block;
	 margin: 0;
	 line-height: 40px;
 }

 .menu-desktop .submenu__item:hover > .submenu {
	 visibility: visible;
 }

 .menu-desktop .submenu__item_empty {
	 padding-bottom: 60px;
	 line-height: 0 !important;
	 font-size: 0 !important;
 }

 .menu-desktop .submenu__link {
	 display: block;
	 padding: 0 15px 0 25px;
	 white-space: nowrap;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 color: #fff;
	 text-transform: uppercase;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .menu-desktop .submenu__link:hover {
	 color: #fff;
	 background: #55C594;
 }

 .menu-desktop .submenu__link.ico-112:before {
	 position: absolute;
	 top: 14px;
	 left: 5px;
 }

 .menu-desktop .submenu .submenu {
	 top: 0;
	 right: 100%;
 }

 .menu-desktop .submenu-mega > .submenu {
	 min-width: auto;
	 width: 100%;
	 position: absolute;
	 right: 0;
 }

 .menu-desktop .submenu-mega > .submenu > .submenu__item {
	 padding: 15px 45px 45px;
	 background: #2b3033;
 }

 .menu-desktop .submenu-mega > .submenu .submenu {
	 position: static;
	 padding-left: 80px;
	 display: inline-block;
	 vertical-align: top;
 }

 @media (min-width: 768px) {
	 .menu-desktop .submenu-mega > .submenu .submenu {
		 width: 25%;
	 }
 }

 .menu-desktop .submenu-mega > .submenu .submenu .submenu__item:first-child:not(.submenu__item_empty) {
	 padding: 0;
	 font-weight: 300;
	 color: #fff;
	 margin-bottom: 20px;
	 text-transform: uppercase;
 }

 .menu-desktop .submenu-mega > .submenu .submenu .submenu__item:first-child:not(.submenu__item_empty):before {
	 content: '';
	 position: absolute;
	 display: block;
	 top: 100%;
	 right: 0;
	 width: 100%;
	 height: 1px;
	 background: #373d41;
 }

 .menu-desktop .submenu-mega > .submenu .submenu .submenu__item:first-child:not(.submenu__item_empty):after {
	 content: '';
	 position: absolute;
	 display: block;
	 right: 0;
	 width: 20px;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 0.6s width;
	 transition: 0.6s width;
 }

 .menu-desktop .submenu-mega > .submenu .submenu:hover .submenu__item:first-child:after {
	 width: 50%;
 }

 .menu-desktop .submenu-mega .submenu__link {
	 padding: 0;
	 color: #adaeb2;
 }

 .menu-desktop .submenu-mega .submenu__link:hover {
	 background: none;
	 color: #55C594;
 }

 @media (min-width: 768px) and (max-width: 991px) {
	 .menu-desktop .menu__item {
		 margin-left: 6px;
	 }
 }

 /********************************

 @    MENU MOBILE

 ********************************/
 .menu-mobile-logo {
	 padding: 0 30px 50px;
	 font-size: 20px;
	 font-weight: 300;
	 text-transform: uppercase;
	 line-height: 80px !important;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
 }

 @media (max-width: 767px) {
	 .menu-mobile-logo {
		 padding: 0 30px 10px;
	 }
 }

 .menu-mobile-social {
	 margin: 70px 30px 0 20px;
 }

 @media (max-width: 767px) {
	 .menu-mobile-social {
		 margin: 30px 30px 0 20px;
	 }
 }

 .menu-mobile-social .footer-social__item {
	 margin: 10px 0 0 8px;
 }

 .menu-mobile-social .footer-social__item:before {
	 font-size: 30px;
 }

 .menu-mobile .header {
	 white-space: normal;
	 -webkit-transition: 0.4s cubic-bezier(1, 0, 0.95, 1);
	 transition: 0.4s cubic-bezier(1, 0, 0.95, 1);
	 opacity: 1;
 }

 .menu-mobile .menu {
	 display: block;
	 position: absolute;
	 top: 0;
	 display: block;
	 height: 990px;
	 height: 100vh;
	 background: #0C1317;
	 text-transform: uppercase;
	 overflow-y: auto;
 }

 .menu-mobile .menu__item {
	 line-height: 36px;
 }

 .menu-mobile .menu__link {
	 display: block;
	 color: #ddd;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 13px;
	 font-weight: 300;
	 text-transform: uppercase;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .menu-mobile .menu__link:hover {
	 color: #fff;
	 background: #55C594;
 }

 .menu-mobile .menu__link_pressed {
	 color: #55C594;
	 background: #090f12;
 }

 .menu-mobile .menu__link_pressed:hover {
	 color: #fff;
 }

 .menu-mobile .menu__link:not(:only-child):before {
	 position: absolute;
	 line-height: inherit;
	 font-size: 20px;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .menu-mobile .submenu {
	 display: none;
	 visibility: visible;
	 background: #090f12;
 }

 .menu-mobile .submenu__item_empty {
	 padding-bottom: 0;
	 line-height: 0 !important;
	 font-size: 0 !important;
 }

 .menu-mobile .submenu__link {
	 display: block;
	 color: #adaeb2;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 12px;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .menu-mobile .submenu__link:hover {
	 color: #fff;
	 background: #55C594;
 }

 .menu-mobile .submenu__link:not(:only-child):before {
	 position: absolute;
	 line-height: inherit;
	 font-size: 20px;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .menu-mobile .submenu-mega > .submenu .submenu {
	 display: block;
 }

 .menu-mobile .submenu-mega > .submenu .submenu__item:first-child {
	 color: #adaeb2;
	 font-size: 13px;
 }

 .menu-mobile.menu-mobile-left .header-logo {
	 float: left;
	 text-align: left;
 }

 .menu-mobile.menu-mobile-left .menu-nav {
	 text-align: right;
 }

 .menu-mobile.menu-mobile-left.menu-mobile-opened .header {
	 right: 260px;
 }

 .menu-mobile.menu-mobile-left.menu-mobile-opened .wrapper-content {
	 right: 260px;
 }

 .menu-mobile.menu-mobile-left .menu {
	 right: auto;
	 left: 100%;
	 width: 260px;
	 text-align: right;
	 direction: ltr;
 }

 .menu-mobile.menu-mobile-left .menu__link {
	 padding: 0 30px 0 0;
 }

 .menu-mobile.menu-mobile-left .menu__link:not(:only-child):before {
	 right: auto;
	 left: 15px;
 }

 .menu-mobile.menu-mobile-left .menu .submenu__link {
	 padding: 0 45px 0 15px;
 }

 .menu-mobile.menu-mobile-left .menu .submenu__link:not(:only-child) {
	 padding-right: 30px;
 }

 .menu-mobile.menu-mobile-left .menu .submenu__link:not(:only-child):before {
	 right: auto;
	 left: 15px;
 }

 .menu-mobile.menu-mobile-left .menu .submenu-mega .submenu .submenu .submenu__item:first-child {
	 padding-right: 30px;
 }

 .menu-mobile.menu-mobile-left .menu .submenu-mega .submenu__link {
	 padding-right: 45px;
 }

 .menu-mobile.menu-mobile-left .menu__link:before, .menu-mobile.menu-mobile-left .submenu__link:before {
	 -webkit-transform: rotate(-180deg);
	 -ms-transform: rotate(-180deg);
	 transform: rotate(-180deg);
 }

 .menu-mobile.menu-mobile-left .menu__link_pressed:before {
	 -webkit-transform: rotate(-270deg);
	 -ms-transform: rotate(-270deg);
	 transform: rotate(-270deg);
 }

 .menu-mobile.menu-mobile-right .menu-nav {
	 text-align: left;
 }

 .menu-mobile.menu-mobile-right .menu-toggle {
	 -webkit-transform: scale(-1, 1);
	 -ms-transform: scale(-1, 1);
	 transform: scale(-1, 1);
 }

 .menu-mobile.menu-mobile-right.menu-mobile-opened .header {
	 right: -260px;
 }

 .menu-mobile.menu-mobile-right.menu-mobile-opened .wrapper-content {
	 right: -260px;
 }

 .menu-mobile.menu-mobile-right .menu {
	 right: 100%;
	 width: 260px;
	 text-align: left;
 }

 .menu-mobile.menu-mobile-right .menu__link {
	 padding: 0 0 0 30px;
 }

 .menu-mobile.menu-mobile-right .menu__link_pressed:before {
	 -webkit-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
	 transform: rotate(90deg);
 }

 .menu-mobile.menu-mobile-right .menu__link:not(:only-child):before {
	 right: 15px;
 }

 .menu-mobile.menu-mobile-right .menu .submenu__link {
	 padding: 0 15px 0 45px;
 }

 .menu-mobile.menu-mobile-right .menu .submenu__link:not(:only-child) {
	 padding-left: 30px;
 }

 .menu-mobile.menu-mobile-right .menu .submenu__link:not(:only-child):before {
	 right: 15px;
 }

 .menu-mobile.menu-mobile-right .menu .submenu-mega .submenu .submenu .submenu__item:first-child {
	 padding-left: 30px;
 }

 .menu-mobile.menu-mobile-right .menu .submenu-mega .submenu__link {
	 padding-left: 45px;
 }

 .menu-nav {
	 padding-bottom: 0;
 }

 .menu-toggle {
	 display: none;
	 padding: 8px 0 8px 7px;
	 cursor: pointer;
	 vertical-align: middle;
 }

 .menu-toggle__inner {
	 position: relative;
	 width: 21px;
	 height: 2px;
	 background: #fff;
	 -webkit-transition: 0.4s background-color;
	 transition: 0.4s background-color;
 }

 .menu-toggle__inner:before {
	 content: '';
	 position: absolute;
	 top: -8px;
	 right: 0;
	 background: #fff;
	 width: 26px;
	 height: 2px;
	 -webkit-transition: 0.4s background-color;
	 transition: 0.4s background-color;
 }

 .menu-toggle__inner:after {
	 content: '';
	 position: absolute;
	 top: 8px;
	 right: 0;
	 background: #fff;
	 width: 28px;
	 height: 2px;
	 -webkit-transition: 0.4s background-color;
	 transition: 0.4s background-color;
 }

 .menu-toggle:hover .menu-toggle__inner, .menu-toggle:hover .menu-toggle__inner:before, .menu-toggle:hover .menu-toggle__inner:after {
	 background-color: #55C594;
 }

 @media (max-width: 767px) {
	 .menu-toggle {
		 display: inline-block;
	 }
 }

 .menu-mobile-hidden .menu-toggle {
	 display: inline-block;
 }

 /********************************

 @    MENU MOBILE ASIDE (NON-ADAPTIVE)

 ********************************/
 .p-asidemenupage.menu-mobile {
	 /*	&-opened .header {

	 left: -70%;

 }*/
 }

 .p-asidemenupage.menu-mobile .row {
	 margin-right: auto;
	 margin-left: auto;
 }

 .p-asidemenupage.menu-mobile .menu {
	 top: -30px;
	 width: 260px;
 }

 .p-asidemenupage.menu-mobile .menu-nav {
	 position: fixed;
	 top: 30px;
	 background: rgba(0, 0, 0, 0.2);
	 z-index: 2;
	 -webkit-transition: 0.4s right cubic-bezier(1, 0, 0.95, 1), 0.4s left cubic-bezier(1, 0, 0.95, 1);
	 transition: 0.4s right cubic-bezier(1, 0, 0.95, 1), 0.4s left cubic-bezier(1, 0, 0.95, 1);
 }

 @media (max-width: 767px) {
	 .p-asidemenupage.menu-mobile.menu-mobile-left .wrapper-content {
		 width: 100% !important;
	 }
	 .p-asidemenupage.menu-mobile.menu-mobile-left .menu-nav {
		 padding: 8px 8px;
		 right: 20px;
	 }
	 .p-asidemenupage.menu-mobile.menu-mobile-left .menu {
		 left: calc(100% + 20px);
	 }
	 .p-asidemenupage.menu-mobile.menu-mobile-right .wrapper-content {
		 right: 0;
		 width: 100% !important;
	 }
	 .p-asidemenupage.menu-mobile.menu-mobile-right .menu-nav {
		 padding: 8px 8px;
		 left: 20px;
	 }
	 .p-asidemenupage.menu-mobile.menu-mobile-right .menu {
		 right: calc(100% + 20px);
	 }
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-left .wrapper-content {
	 width: 100% !important;
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-left .menu-nav {
	 padding: 8px 8px;
	 right: 20px;
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-left .menu {
	 left: calc(100% + 20px);
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-right .wrapper-content {
	 right: 0;
	 width: 100% !important;
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-right .menu-nav {
	 padding: 8px 8px;
	 left: 20px;
 }

 .p-asidemenupage.menu-mobile.menu-mobile-hidden.menu-mobile-right .menu {
	 right: calc(100% + 20px);
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-left .menu-nav {
	 right: 280px !important;
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-left .wrapper-content {
	 right: 260px;
	 width: calc(100% - 260px);
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-left .menu {
	 left: calc(100% + 20px);
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-right .menu-nav {
	 left: 280px !important;
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-right .wrapper-content {
	 right: 0;
	 width: calc(100% - 260px);
 }

 @media (max-width: 767px) {
	 .p-asidemenupage.menu-mobile-opened.menu-mobile-right .wrapper-content {
		 right: -260px;
	 }
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-right .menu {
	 right: calc(100% + 20px);
 }

 .p-asidemenupage.menu-mobile-opened.menu-mobile-right.menu-mobile-hidden .wrapper-content {
	 right: -260px;
 }

 /********************************

 @ MAIN SECTION

 ********************************/
 .s-main {
	 position: relative;
	 height: 990px;
	 height: 100vh;
	 overflow: hidden;
 }

 /********************************

 @    MAIN SECTION SIMPLE

 ********************************/
 .main-simple {
	 height: 500px;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 z-index: 0;
 }

 .main-simple:after {
	 content: '';
	 height: 100%;
	 display: inline-block;
	 vertical-align: middle;
 }

 .main-simple__bg {
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 background-repeat: no-repeat;
	 background-position: 50%;
	 background-size: cover;
	 background-position-y: 0;
	 z-index: -1;
 }

 .main-simple__title {
	 font-size: 46px;
	 font-size: 4.8vmin;
	 color: #fff;
	 font-weight: 300;
	 text-transform: uppercase;
 }

 .main-simple__subtitle {
	 margin-top: 20px;
	 font: 200 16px "IRANSans", "Helvetica", sans-serif;
	 color: #fff;
	 letter-spacing: 10px;
	 text-transform: uppercase;
 }

 .main-simple .container {
	 width: 90%;
	 display: inline-block;
	 vertical-align: middle;
 }

 /********************************

 @    MAIN 06 SECTION (APP)

 ********************************/
 .main-6 {
	 height: 990px;
	 height: 100vh;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 z-index: 0;
 }

 .main-6:after {
	 content: '';
	 height: 100%;
	 display: inline-block;
	 vertical-align: middle;
 }

 .main-6__bg {
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 background-repeat: no-repeat;
	 background-position: 50%;
	 background-size: cover;
	 z-index: -1;
 }

 .main-6 .container {
	 width: 80%;
	 z-index: 1;
	 display: inline-block;
	 vertical-align: middle;
	 text-align: right;
 }

 .main-6-img {
	 position: relative;
 }

 .main-6-img__img {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
 }

 .main-6__title {
	 text-transform: uppercase;
	 font-weight: 200;
	 color: #fff;
 }

 @media (max-width: 767px) {
	 .main-6__title {
		 font-size: 22px;
		 font-size: 7vmin;
	 }
 }

 .main-6__title .theme-color {
	 display: block;
	 font-weight: 400;
 }

 .main-6__description {
	 margin: 5% 0 10%;
	 margin: 2.5vmin 0 5vmin;
	 font-size: 18px;
	 font-weight: 300;
	 color: #fff;
 }

 @media (max-width: 767px) {
	 .main-6__description {
		 font-size: 16px;
	 }
 }

 .main-6 .btn-a {
	 margin-bottom: 30px;
 }

 .main-6 .btn-a:first-of-type {
	 margin-left: 30px;
 }

 /********************************

 @    MAIN 07 SECTION (VIDEO)

 ********************************/
 .main-video {
	 text-align: center;
	 height: 100%;
 }

 .main-video:before {
	 content: '';
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: 0.3;
	 z-index: 1;
 }

 .main-video:after {
	 content: '';
	 height: 100%;
	 display: inline-block;
	 vertical-align: middle;
 }

 .main-video .container {
	 width: 90%;
	 z-index: 1;
	 display: inline-block;
	 vertical-align: middle;
 }

 .main-video__video {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 min-width: 100%;
	 min-height: 100%;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .main-video__title {
	 position: relative;
	 font-size: 70px;
	 font-size: 7.3vmin;
	 color: #fff;
	 letter-spacing: 6px;
	 word-spacing: 6px;
	 text-transform: uppercase;
	 display: inline-block;
	 padding: 10px 30px;
 }

 .main-video__title:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: .05;
	 z-index: -1;
 }

 .main-video__text {
	 margin: 5% 0 10%;
	 margin: 5.5vmin 0 10vmin;
	 font-size: 22px;
	 font-size: 2.3vmin;
	 color: #fff;
	 text-transform: uppercase;
 }

 /********************************

 @    MAIN 01 SECTION (SLIDER)

 ********************************/
 .main-1 {
	 height: 990px;
	 height: 100vh;
	 background: #000;
 }

 .main-1-item {
	 position: absolute;
	 width: 100%;
	 height: 100%;
 }

 .main-1-item__bg {
	 background-size: cover;
 }

 .main-1-item__inner {
	 display: inline-block;
 }

 .main-1-item__title {
	 font-size: 72px;
	 font-size: 7.6vmin;
	 text-transform: uppercase;
	 margin-top: 5%;
	 color: #fff;
 }

 .main-1-item__title_thin {
	 font-weight: 200;
 }

 .main-1-item__title_part_1 {
	 display: block;
 }

 .main-1-item__title_part_2 {
	 display: inline-block;
 }

 .main-1-item__title_part_3 {
	 display: inline-block;
 }

 .main-1-item__subtitle {
	 font-weight: 300;
	 font-size: 24px;
	 font-size: 2.6vmin;
	 color: #fff;
 }

 @media (max-width: 767px) {
	 .main-1-item__subtitle {
		 font-size: 14px;
		 font-size: 4vmin;
	 }
 }

 .main-1-item .container {
	 width: 90%;
	 top: 35%;
 }

 .main-1-item .btn-a {
	 margin-top: 10%;
 }

 .main-1-item .btn-a:nth-of-type(1) {
	 margin-left: 30px;
 }

 @media (min-width: 768px) {
	 .main-1-item .btn-a:nth-of-type(1) {
		 margin-left: 60px;
	 }
 }

 /********************************

 @    LIKE-A-PRO SLIDER DEFAULTS

 ********************************/
 .pro-items {
	 position: relative;
	 right: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
 }

 .pro-item {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: 0;
	 opacity: 0;
	 -webkit-transition: 0.45s opacity;
	 transition: 0.45s opacity;
 }

 .pro-item_show {
	 z-index: 1;
	 opacity: 1;
 }

 .pro-item_active {
	 z-index: 1;
	 opacity: 1;
 }

 .pro-item__timeline {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 0;
	 height: 2px;
	 background: #55C594;
 }

 /********************************

 @    MAIN 01 (SLIDER) SLIDE #1

 ********************************/
 .pro-item:nth-child(1) .main-1-item__title {
	 opacity: 0;
	 -webkit-transition: 0.6s opacity;
	 transition: 0.6s opacity;
 }

 .pro-item:nth-child(1) .main-1-item__title_part_1 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(0, 400px, 0);
	 -ms-transform: translate3d(0, 400px, 0);
	 transform: translate3d(0, 400px, 0);
 }

 .pro-item:nth-child(1) .main-1-item__title_part_2 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(-1000px, 0, 0);
	 -ms-transform: translate3d(-1000px, 0, 0);
	 transform: translate3d(-1000px, 0, 0);
 }

 .pro-item:nth-child(1) .main-1-item__title_part_3 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(1000px, 0, 0);
	 -ms-transform: translate3d(1000px, 0, 0);
	 transform: translate3d(1000px, 0, 0);
 }

 .pro-item:nth-child(1) .main-1-item__subtitle {
	 opacity: 0;
	 -webkit-transition: 0.6s transform, 0.6s opacity;
	 transition: 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(0, 100px, 0);
	 -ms-transform: translate3d(0, 100px, 0);
	 transform: translate3d(0, 100px, 0);
 }

 .pro-item:nth-child(1) .btn-a {
	 opacity: 0;
	 -webkit-transition: 0.6s;
	 transition: 0.6s;
	 -webkit-transform: translate3d(0, 100px, 0);
	 -ms-transform: translate3d(0, 100px, 0);
	 transform: translate3d(0, 100px, 0);
 }

 .pro-item:nth-child(1).pro-item_active .main-1-item__title {
	 opacity: 1;
 }

 .pro-item:nth-child(1).pro-item_active .main-1-item__title_part_1 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(1).pro-item_active .main-1-item__title_part_2 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(1).pro-item_active .main-1-item__title_part_3 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(1).pro-item_active .main-1-item__subtitle {
	 opacity: 1;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(1).pro-item_active .btn-a {
	 opacity: 1;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 /********************************

 @    MAIN 01 (SLIDER) SLIDE #2

 ********************************/
 .pro-item:nth-child(2) .main-1-item__title {
	 opacity: 0;
	 -webkit-transition: 0.6s opacity;
	 transition: 0.6s opacity;
 }

 .pro-item:nth-child(2) .main-1-item__title_part_1 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(0, -150px, 0);
	 -ms-transform: translate3d(0, -150px, 0);
	 transform: translate3d(0, -150px, 0);
 }

 .pro-item:nth-child(2) .main-1-item__title_part_2 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(150px, 0, 0);
	 -ms-transform: translate3d(150px, 0, 0);
	 transform: translate3d(150px, 0, 0);
 }

 .pro-item:nth-child(2) .main-1-item__title_part_3 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(-150px, 0, 0);
	 -ms-transform: translate3d(-150px, 0, 0);
	 transform: translate3d(-150px, 0, 0);
 }

 .pro-item:nth-child(2) .main-1-item__subtitle {
	 opacity: 0;
	 -webkit-transition: 0.6s transform, 0.6s opacity;
	 transition: 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(-20px, 0, 0);
	 -ms-transform: translate3d(-20px, 0, 0);
	 transform: translate3d(-20px, 0, 0);
 }

 .pro-item:nth-child(2) .btn-a:nth-of-type(1) {
	 opacity: 0;
	 -webkit-transition: 0.6s;
	 transition: 0.6s;
	 -webkit-transform: translate3d(100px, 0, 0);
	 -ms-transform: translate3d(100px, 0, 0);
	 transform: translate3d(100px, 0, 0);
 }

 .pro-item:nth-child(2) .btn-a:nth-of-type(2) {
	 opacity: 0;
	 -webkit-transition: 0.6s;
	 transition: 0.6s;
	 -webkit-transform: translate3d(-100px, 0, 0);
	 -ms-transform: translate3d(-100px, 0, 0);
	 transform: translate3d(-100px, 0, 0);
 }

 .pro-item:nth-child(2).pro-item_active .main-1-item__title {
	 opacity: 1;
 }

 .pro-item:nth-child(2).pro-item_active .main-1-item__title_part_1 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(2).pro-item_active .main-1-item__title_part_2 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(2).pro-item_active .main-1-item__title_part_3 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(2).pro-item_active .main-1-item__subtitle {
	 opacity: 1;
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(2).pro-item_active .btn-a {
	 opacity: 1;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 /********************************

 @    MAIN 01 (SLIDER) SLIDE #3

 ********************************/
 .pro-item:nth-child(3) .main-1-item__title {
	 opacity: 0;
	 -webkit-transition: 0.6s opacity;
	 transition: 0.6s opacity;
 }

 .pro-item:nth-child(3) .main-1-item__title_part_1 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(0, -150px, 0);
	 -ms-transform: translate3d(0, -150px, 0);
	 transform: translate3d(0, -150px, 0);
 }

 .pro-item:nth-child(3) .main-1-item__title_part_2 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(150px, 0, 0);
	 -ms-transform: translate3d(150px, 0, 0);
	 transform: translate3d(150px, 0, 0);
 }

 .pro-item:nth-child(3) .main-1-item__title_part_3 {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
	 -webkit-transform: translate3d(-150px, 0, 0);
	 -ms-transform: translate3d(-150px, 0, 0);
	 transform: translate3d(-150px, 0, 0);
 }

 .pro-item:nth-child(3) .main-1-item__subtitle:nth-of-type(1) {
	 opacity: 0;
	 -webkit-transition: 0.6s transform, 0.6s opacity;
	 transition: 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(0, 10px, 0);
	 -ms-transform: translate3d(0, 10px, 0);
	 transform: translate3d(0, 10px, 0);
 }

 .pro-item:nth-child(3) .main-1-item__subtitle:nth-of-type(2) {
	 opacity: 0;
	 -webkit-transition: 0.6s transform, 0.6s opacity;
	 transition: 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(0, -10px, 0);
	 -ms-transform: translate3d(0, -10px, 0);
	 transform: translate3d(0, -10px, 0);
 }

 .pro-item:nth-child(3) .btn-a:nth-of-type(1) {
	 opacity: 0;
	 -webkit-transition: 0.4s background, 0.6s transform, 0.6s opacity;
	 transition: 0.4s background, 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(0, 100px, 0);
	 -ms-transform: translate3d(0, 100px, 0);
	 transform: translate3d(0, 100px, 0);
 }

 .pro-item:nth-child(3) .btn-a:nth-of-type(2) {
	 opacity: 0;
	 -webkit-transition: 0.4s background, 0.6s transform, 0.6s opacity;
	 transition: 0.4s background, 0.6s transform, 0.6s opacity;
	 -webkit-transform: translate3d(0, 100px, 0);
	 -ms-transform: translate3d(0, 100px, 0);
	 transform: translate3d(0, 100px, 0);
 }

 .pro-item:nth-child(3).pro-item_active .main-1-item__title {
	 opacity: 1;
 }

 .pro-item:nth-child(3).pro-item_active .main-1-item__title_part_1 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(3).pro-item_active .main-1-item__title_part_2 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(3).pro-item_active .main-1-item__title_part_3 {
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(3).pro-item_active .main-1-item__subtitle {
	 opacity: 1;
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(3).pro-item_active .btn-a:nth-of-type(1) {
	 opacity: 1;
	 -webkit-transition-delay: 0s, 1.2s, 1.2s;
	 transition-delay: 0s, 1.2s, 1.2s;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 .pro-item:nth-child(3).pro-item_active .btn-a:nth-of-type(2) {
	 opacity: 1;
	 -webkit-transition-delay: 0s, 1.5s, 1.5s;
	 transition-delay: 0s, 1.5s, 1.5s;
	 -webkit-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }

 /********************************

 @    MAIN 05 SECTION (SLIDER)

 ********************************/
 .main-5-slider {
	 height: 990px;
	 height: 100vh;
	 background: #000;
 }

 .main-5-slider + .container {
	 position: absolute;
	 top: 50%;
	 right: 5%;
	 left: 5%;
	 width: 90%;
	 text-align: center;
	 z-index: 1;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .main-5-slider__item {
	 width: 100%;
	 height: 100%;
	 background-size: cover;
 }

 .main-5-slider-controls {
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .main-5-slider-dots__dot {
	 position: relative;
	 width: 12px;
	 height: 12px;
	 border-radius: 50%;
	 margin: 18px;
	 background: rgba(255, 255, 255, 0.5);
	 cursor: pointer;
 }

 .main-5-slider-dots__dot:after {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 12px;
	 height: 12px;
	 -webkit-transition: 0.4s border-color;
	 transition: 0.4s border-color;
	 border: 12px solid transparent;
	 border-radius: 50%;
	 margin-right: -6px;
	 margin-top: -6px;
 }

 .main-5-slider-dots__dot:hover:after {
	 border-color: rgba(255, 255, 255, 0.2);
 }

 .main-5-slider-dots__dot.active {
	 background: rgba(179, 179, 179, 0.5);
 }

 .main-5-slider-content {
	 display: inline-block;
	 overflow: hidden;
 }

 .main-5-slider-text__title {
	 position: relative;
	 margin: 10px 0;
	 display: inline-block;
	 font-weight: 700;
	 font-size: 92px;
	 font-size: 9.7vmin !important;
	 color: #fff;
	 letter-spacing: 12px;
	 text-transform: uppercase;
	 white-space: nowrap;
	 overflow: hidden;
	 -webkit-transition: 0.7s opacity;
	 transition: 0.7s opacity;
	 -webkit-transition-delay: 1.4s;
	 transition-delay: 1.4s;
 }

 @media (max-width: 767px) {
	 .main-5-slider-text__title {
		 letter-spacing: normal;
		 font-size: 36px;
	 }
 }

 .main-5-slider-text__title_before {
	 position: relative;
 }

 .main-5-slider-text__title_before:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 0;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 1s width;
	 transition: 1s width;
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
 }

 .main-5-slider-text__title_before.animate:before {
	 width: 100%;
 }

 .main-5-slider-text__title_after {
	 position: relative;
 }

 .main-5-slider-text__title_after:after {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 width: 0;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 1s width;
	 transition: 1s width;
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
 }

 .main-5-slider-text__title_after.animate:after {
	 width: 100%;
 }

 .main-5-slider-text__pretitle {
	 margin-bottom: 30px;
	 font-size: 16px;
	 font-weight: 200;
	 color: #fff;
	 letter-spacing: 4px;
	 text-transform: uppercase;
	 opacity: 0;
	 -webkit-transform: translateY(-50px);
	 -ms-transform: translateY(-50px);
	 transform: translateY(-50px);
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .main-5-slider-text__pretitle.animate {
	 opacity: 1;
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	 transform: translateY(0);
 }

 .main-5-slider-text__subtitle {
	 display: inline-block;
	 width: 0;
	 font: 200 16px "IRANSans", "Helvetica", sans-serif;
	 color: #fff;
	 white-space: nowrap;
	 letter-spacing: 4px;
	 margin-top: 30px;
	 text-transform: uppercase;
	 overflow: hidden;
 }

 .main-5-slider-text__subtitle:not(.hidden):after {
	 content: '|';
	 -webkit-animation: 0.5s fadeOut infinite 1.2s alternate;
	 animation: 0.5s fadeOut infinite 1.2s alternate;
 }

 /********************************

 @ MAIN 08-09 (PORTFOLIO/ASIDE MENU)

 ********************************/
 .p-asidemenupage.menu-mobile-left .menu {
	 box-shadow: -2px 0 2px 0px #0a0e15;
 }

 .p-asidemenupage.menu-mobile-right .menu {
	 box-shadow: 2px 0 2px 0px #0a0e15;
 }

 .p-asidemenupage .s-portfolio {
	 padding: 0;
 }

 .p-asidemenupage .footer {
	 position: fixed;
	 bottom: 0;
	 z-index: -1;
 }

 /********************************

 @ ABOUT SECTION

 ********************************/
 .about-item__text {
	 margin-bottom: 30px;
	 color: #515156;
	 font-weight: 300;
	 line-height: 1.4;
 }

 /********************************

 @ FEATURES SECTION

 ********************************/
 /********************************

 @    FEATURES STYLE 1

 ********************************/
 .features-1 .features-item {
	 text-align: right;
 }

 .features-1 .features-item__icon {
	 position: relative;
	 display: block;
	 margin: auto;
	 font-size: 40px;
	 background: #55C594;
	 color: #fff;
	 width: 80px;
	 height: 80px;
	 border-radius: 50%;
 }

 .features-1 .features-item__icon:before {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .features-1 .features-item__icon:after {
	 content: '';
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 width: 80px;
	 height: 80px;
	 border-radius: 50%;
	 border: 2px solid #55C594;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .features-1 .features-item:hover .features-item__icon:after {
	 width: 106px;
	 height: 106px;
	 opacity: 0;
	 -webkit-transition: 0.5s;
	 transition: 0.5s;
 }

 .features-1 .features-item__title {
	 display: block;
	 padding-top: 30px;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 16px;
	 color: #42424a;
	 text-transform: uppercase;
 }

 .features-1 .features-item__text {
	 padding-top: 15px;
	 padding-bottom: 12px;
	 font-size: 14px;
	 font-weight: 300;
	 color: #515156;
 }

 .features-1 .features-item__link {
	 display: inline-block;
	 color: #55C594;
	 font-weight: 400;
	 font-size: 13px;
	 text-transform: uppercase;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .features-1 .features-item__link:hover {
	 -webkit-transform: translateX(-10px);
	 -ms-transform: translateX(-10px);
	 transform: translateX(-10px);
 }

 /********************************

 @    FEATURES STYLE 2

 ********************************/
 .features-2 {
	 padding: 0;
 }

 .features-2 .features-item {
	 position: relative;
	 background: #55C594;
	 z-index: 0;
 }

 .features-2 .features-item:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 z-index: -1;
 }

 .features-2 :nth-child(1) .features-item:after {
	 opacity: 0;
 }

 .features-2 :nth-child(2) .features-item:after {
	 opacity: .055;
 }

 .features-2 :nth-child(3) .features-item:after {
	 opacity: .11;
 }

 .features-2 :nth-child(4) .features-item:after {
	 opacity: .165;
 }

 .features-2 .features {
	 margin: 0;
	 text-align: right;
 }

 .features-2 .features-item {
	 height: 100%;
	 color: #fff;
	 padding: 80px 30px;
	 -webkit-transition: 0.3s background-color;
	 transition: 0.3s background-color;
 }

 .features-2 .features-item:hover {
	 background: #2b3033 !important;
 }

 .features-2 .features-item:hover .features-item__icon {
	 color: #55C594;
 }

 .features-2 .features-item__icon {
	 font-size: 55px;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .features-2 .features-item__title {
	 padding: 15px 0;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 16px;
	 text-transform: uppercase;
 }

 .features-2 .features-item__text {
	 margin-bottom: 25px;
	 font-weight: 300;
	 color: #fff;
 }

 /********************************

 @    FEATURES STYLE 3

 ********************************/
 .features-3 .features-item {
	 text-align: right;
 }

 .features-3 .features-item__icon {
	 position: relative;
	 color: #55C594;
	 font-size: 60px;
	 display: block;
	 margin: auto;
	 width: 90px;
	 height: 90px;
	 border-radius: 50%;
 }

 .features-3 .features-item__icon:before {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 @media (max-width: 767px) {
	 .features-3 .features-item__icon {
		 margin: 0;
	 }
 }

 .features-3 .features-item__title {
	 display: block;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 20px;
	 color: #42424a;
	 padding: 30px 0;
	 text-transform: uppercase;
 }

 .features-3 .features-item__text {
	 font-size: 14px;
	 font-weight: 300;
	 color: #515156;
 }

 @media (max-width: 767px) {
	 .features-3 .features-item {
		 padding-bottom: 0;
	 }
 }

 /********************************

 @ PORTFOLIO SECTION

 ********************************/
 .s-portfolio {
	 position: relative;
	 padding-bottom: 0;
 }

 .portfolio-item {
	 -webkit-backface-visibility: hidden;
 }

 .portfolio-item__wrap {
	 position: relative;
	 overflow: hidden;
	 text-align: center;
 }

 .portfolio-item__wrap:before {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 100%;
	 height: 100%;
	 -webkit-transition: 0.6s opacity;
	 transition: 0.6s opacity;
	 opacity: .05;
	 background: #55C594;
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 z-index: 1;
 }

 .portfolio-item__wrap:hover:before {
	 opacity: .6;
	 background: #55C594;
 }

 .portfolio-item__img {
	 width: 100%;
	 display: block;
 }

 .portfolio-item__inner {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 width: 100%;
	 z-index: 1;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .portfolio-item__link {
	 width: 80px;
	 height: 80px;
	 color: #fff;
	 font-size: 50px;
	 line-height: 80px !important;
 }

 .portfolio-item__title {
	 font-weight: 300;
	 text-transform: uppercase;
	 font-size: 18px;
	 color: #fff;
	 letter-spacing: 4px;
 }

 .portfolio-item__subtitle {
	 margin: auto;
	 font-size: 10px;
	 color: #fff;
	 letter-spacing: 2px;
	 font-weight: 300;
	 text-transform: uppercase;
 }

 .portfolio-filter {
	 text-align: center;
	 text-transform: uppercase;
	 color: #42424a;
	 margin-bottom: 30px;
	 font-size: 10px;
	 letter-spacing: .66em;
	 word-spacing: .1em;
 }

 .portfolio-filter__item {
	 display: inline-block;
	 margin-right: 10px;
	 margin-left: 10px;
	 padding: 10px 15px;
	 cursor: pointer;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .portfolio-filter__item:hover {
	 color: #55C594;
 }

 .portfolio-filter__item_active {
	 color: #55C594 !important;
 }

 /********************************

 @    PORTFOLIO 1 STYLE

 ********************************/
 .portfolio-1 {
	 text-align: right;
 }

 .portfolio-1 .portfolio-item__link {
	 background: transparent;
	 font-size: 50px;
	 display: inline-block;
	 opacity: 0;
	 -webkit-transition: 0.4s opacity, 0.25s transform;
	 transition: 0.4s opacity, 0.25s transform;
	 -webkit-transform: scale3d(1.15, 1.15, 1.15);
	 -ms-transform: scale3d(1.15, 1.15, 1.15);
	 transform: scale3d(1.15, 1.15, 1.15);
 }

 .portfolio-1 .portfolio-item__title, .portfolio-1 .portfolio-item__subtitle {
	 display: block;
	 opacity: 0;
	 -webkit-transition: 0.4s opacity, 0.3s transform;
	 transition: 0.4s opacity, 0.3s transform;
 }

 .portfolio-1 .portfolio-item__title {
	 margin: 8% auto 10px;
	 -webkit-transform: translateY(-100px);
	 -ms-transform: translateY(-100px);
	 transform: translateY(-100px);
 }

 .portfolio-1 .portfolio-item__subtitle {
	 -webkit-transform: translateY(40px);
	 -ms-transform: translateY(40px);
	 transform: translateY(40px);
 }

 .portfolio-1 .portfolio-item__img {
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
 }

 .portfolio-1 .portfolio-item:hover .portfolio-item__title, .portfolio-1 .portfolio-item:hover .portfolio-item__subtitle {
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	 transform: translateY(0);
	 opacity: 1;
 }

 .portfolio-1 .portfolio-item:hover .portfolio-item__link {
	 opacity: .85;
	 -webkit-transform: scale3d(1, 1, 1);
	 -ms-transform: scale3d(1, 1, 1);
	 transform: scale3d(1, 1, 1);
 }

 .portfolio-1 .portfolio-item:hover .portfolio-item__img {
	 -webkit-transform: scale(1.1);
	 -ms-transform: scale(1.1);
	 transform: scale(1.1);
 }

 /********************************

 @    PORTFOLIO 2 STYLE

 ********************************/
 .portfolio-2 {
	 text-align: right;
 }

 .portfolio-2 .portfolio-item {
	 text-align: center;
 }

 .portfolio-2 .portfolio-item__link {
	 display: inline-block;
	 opacity: 0;
	 -webkit-transition: 0.4s transform, 0.25s opacity;
	 transition: 0.4s transform, 0.25s opacity;
	 -webkit-transform: translateY(5px);
	 -ms-transform: translateY(5px);
	 transform: translateY(5px);
 }

 .portfolio-2 .portfolio-item__title {
	 margin: 40px auto 10px;
 }

 .portfolio-2 .portfolio-item__title, .portfolio-2 .portfolio-item__subtitle {
	 display: block;
	 width: 0;
	 white-space: nowrap;
	 overflow: hidden;
	 -webkit-transition: 0.8s width;
	 transition: 0.8s width;
 }

 .portfolio-2 .portfolio-item:hover .portfolio-item__link {
	 -webkit-transition-delay: 0.2s;
	 transition-delay: 0.2s;
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	 transform: translateY(0);
	 opacity: 1;
 }

 .portfolio-2 .portfolio-item:hover .portfolio-item__title, .portfolio-2 .portfolio-item:hover .portfolio-item__subtitle {
	 width: 100%;
 }

 .portfolio-2 .portfolio-item:hover .portfolio-item__title {
	 -webkit-transition-delay: 0.2s;
	 transition-delay: 0.2s;
 }

 .portfolio-2 .portfolio-item:hover .portfolio-item__subtitle {
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
 }

 /********************************

 @    PORTFOLIO BLACK/WHITE STYLE

 ********************************/
 .portfolio-black-white {
	 text-align: right;
 }

 .portfolio-black-white .portfolio-item__img {
	 -webkit-filter: saturate(0);
	 filter: saturate(0);
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .portfolio-black-white .portfolio-item:hover .portfolio-item__img {
	 -webkit-filter: saturate(100%);
	 filter: saturate(100%);
 }

 .section-arrow {
	 display: none;
	 position: absolute;
	 width: 42px;
	 height: 42px;
	 margin: 0 auto;
	 cursor: pointer;
	 z-index: 1;
	 bottom: 100px;
	 right: 0;
	 left: 0;
 }

 .section-arrow:before {
	 font-size: 48px;
	 color: #55C594;
	 -webkit-animation: 2s pulse-down infinite alternate;
	 animation: 2s pulse-down infinite alternate;
 }

 /********************************

 @    PORTFOLIO BOXED

 ********************************/
 .portfolio-boxed {
	 padding-bottom: 50px;
	 margin-right: 15px;
	 margin-left: 15px;
 }

 /********************************

 @    PORTFOLIO GUTTERS

 ********************************/
 .portfolio-no-gutter:not(.portfolio-boxed) {
	 margin: 0;
 }

 .portfolio-no-gutter .portfolio-item {
	 padding: 0;
	 background: #2b3033;
 }

 .portfolio-gutter {
	 margin-right: -2px;
	 margin-left: -2px;
 }

 .portfolio-gutter.portfolio-boxed {
	 margin-right: 13px;
	 margin-left: 13px;
 }

 @media (min-width: 1200px) {
	 .portfolio-gutter.portfolio-boxed {
		 margin-right: -2px;
		 margin-left: -2px;
	 }
 }

 .portfolio-gutter .portfolio-item {
	 padding-right: 2px;
	 padding-left: 2px;
	 padding-bottom: 4px;
 }

 /********************************

 @    PORTFOLIO CAROUSELf

 ********************************/
 .portfolio-carousel {
	 cursor: -webkit-grab;
	 cursor: grab;
 }

 .portfolio-carousel .portfolio-item:active {
	 cursor: -webkit-grabbing;
	 cursor: grabbing;
 }

 /********************************

 @ GET iT SECTION

 ********************************/
 .s-get-it {
	 position: relative;
	 padding: 100px 0;
	 color: #fff;
	 text-align: center;
	 overflow: hidden;
	 z-index: 0;
 }

 .s-get-it__bg {
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 background-position: 50%;
	 background-repeat: no-repeat;
	 background-size: cover;
	 z-index: -1;
 }

 .s-get-it__bg:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 opacity: .25;
	 background: #55C594;
 }

 .s-get-it__title {
	 font-size: 36px;
	 margin-bottom: 50px;
 }

 /********************************

 @ GET iT 2 SECTION

 ********************************/
 .s-get-it-2 {
	 position: relative;
	 padding: 50px 0 20px;
	 background: #55C594;
 }

 .s-get-it-2__title {
	 font-size: 28px;
	 font-weight: 300;
	 /* color: #fff; */
 }

 @media (max-width: 991px) {
	 .s-get-it-2 {
		 text-align: center;
	 }
 }

 .s-get-it-2-triangle:before {
	 content: '';
	 position: absolute;
	 right: 0;
	 left: 0;
	 width: 0;
	 height: 0;
	 bottom: 100%;
	 margin: auto;
	 border: 15px solid transparent;
	 border-bottom: 15px solid #55C594;
	 z-index: 1;
 }

 .s-get-it-2-uppercase .s-get-it-2__title {
	 text-transform: uppercase;
	 font-size: 24px;
	 letter-spacing: 1px;
	 font-weight: 400;
 }

 /********************************

 @ PROCESS SECTION

 ********************************/
 .process :nth-child(odd) .process-item {
	 background: #55C594;
 }

 .process :nth-child(even) .process-item {
	 background: #2b3033;
 }

 .process__title {
	 position: relative;
	 font-size: 32px;
	 /* color: #fff; */
	 margin-bottom: 40px;
 }

 .process__title:after {
	 content: '';
	 position: absolute;
	 bottom: -15px;
	 right: 0;
	 width: 80px;
	 height: 2px;
	 background: #000;
 }

 .process__description {
	 margin-bottom: 30px;
	 font-weight: 300;
	 line-height: 1.4;
	 /* color: #fff; */
 }

 .process-item {
	 position: relative;
	 overflow: hidden;
	 height: 400px;
	 text-align: right;
 }

 .process-item__inner {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 left: 0;
	 width: 70%;
	 margin: auto;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .process-item-video:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: 0.3;
	 z-index: 1;
 }

 .process-item-video__video {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 min-height: 100%;
	 min-width: 100%;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .process-subitem__ico {
	 font-size: 14px;
	 color: #fff;
	 text-transform: uppercase;
	 margin-right: 55px;
 }

 .process-subitem__ico:before {
	 position: absolute;
	 right: 0;
	 font-size: 32px;
	 color: #55C594;
 }

 .process-subitem__description {
	 margin: 10px 55px 0 0;
	 font-weight: 300;
	 font-size: 14px;
	 line-height: 1.4;
	 color: #bbb;
 }

 .process-subitem:not(:last-child) {
	 margin-bottom: 30px;
 }

 /********************************

 @ BLOG SECTION

 ********************************/
 .s-blog {
	 padding-bottom: 0;
 }

 .s-blog-post {
	 padding: 0;
	 position: relative;
	 overflow: hidden;
 }

 .s-blog-post:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: 0;
	 -webkit-transition: 0.4s opacity;
	 transition: 0.4s opacity;
 }

 .s-blog-post:hover:after {
	 opacity: .7;
 }

 .s-blog-post:hover .s-blog-post__link {
	 opacity: 1;
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	 transform: translateY(0);
 }

 .s-blog-post__link {
	 position: absolute;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 display: block;
	 margin: auto;
	 font-size: 42px;
	 color: #fff;
	 text-align: center;
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 z-index: 1;
	 opacity: 0;
	 -webkit-transition: 0.4s transform, 0.4s opacity;
	 transition: 0.4s transform, 0.4s opacity;
	 -webkit-transform: translateY(15px);
	 -ms-transform: translateY(15px);
	 transform: translateY(15px);
 }

 .s-blog-post__img {
	 width: 100%;
	 display: block;
 }

 .s-blog-post:hover .s-blog-post__link {
	 -webkit-transform: rotate(0deg) scale(1);
	 -ms-transform: rotate(0deg) scale(1);
	 transform: rotate(0deg) scale(1);
 }

 .s-blog-post:hover .s-blog-post__title, .s-blog-post:hover .s-blog-post__date {
	 width: 100%;
 }

 .s-blog-post:hover .s-blog-post__date {
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
 }

 .s-blog-post__inner {
	 position: absolute;
	 right: 0;
	 left: 0;
	 margin: auto;
	 bottom: 25px;
	 width: 85%;
	 text-align: right;
	 color: #fff;
	 z-index: 1;
 }

 .s-blog-post__title {
	 letter-spacing: -1px;
	 word-spacing: 4px;
	 font-size: 18px;
	 font-weight: 300;
	 text-overflow: ellipsis;
	 text-transform: uppercase;
 }

 .s-blog-post__date {
	 display: block;
	 padding-top: 10px;
	 text-transform: uppercase;
	 font-size: 10px;
 }

 .s-blog-post__title, .s-blog-post__date {
	 width: 0;
	 white-space: nowrap;
	 overflow: hidden;
	 -webkit-transition: 0.8s width;
	 transition: 0.8s width;
 }

 .ios-device .s-blog-post {
	 cursor: pointer;
 }

 /********************************

 @ TEAM SECTION

 ********************************/
 /********************************

 @    TEAM STYLE 1

 ********************************/
 .team {
	 text-align: center;
 }

 .team-item {
	 position: relative;
 }

 .team-item__img {
	 width: 100%;
 }

 .team-item__wrap {
	 position: relative;
	 line-height: 0;
 }

 .team-item__wrap:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: 0;
	 -webkit-transition: 0.5s opacity;
	 transition: 0.5s opacity;
 }

 .team-item__wrap:hover .team-item-social__link {
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
 }

 .team-item__wrap:hover:before {
	 background: #000;
	 opacity: 0.5;
 }

 .team-item-social {
	 position: absolute;
	 right: 0;
	 left: 0;
	 bottom: 20px;
	 width: 100%;
 }

 .team-item-social__link {
	 display: inline-block;
	 -webkit-transform: scale(0);
	 -ms-transform: scale(0);
	 transform: scale(0);
 }

 .team-item-social__link:nth-child(1) {
	 -webkit-transition: 0.3s transform 0s;
	 transition: 0.3s transform 0s;
 }

 .team-item-social__link:nth-child(2) {
	 -webkit-transition: 0.3s transform 0.1s;
	 transition: 0.3s transform 0.1s;
 }

 .team-item-social__link:nth-child(3) {
	 -webkit-transition: 0.3s transform 0.2s;
	 transition: 0.3s transform 0.2s;
 }

 .team-item-social__link:nth-child(4) {
	 -webkit-transition: 0.3s transform 0.3s;
	 transition: 0.3s transform 0.3s;
 }

 .team-item-social__icon {
	 margin: 0 2px;
	 display: inline-block;
	 width: 36px;
	 height: 36px;
	 border: 1px solid #919191;
	 -webkit-transition: 0.3s border-color;
	 transition: 0.3s border-color;
 }

 .team-item-social__icon:hover {
	 border-color: #55C594;
 }

 .team-item-social__icon:before {
	 font-size: 16px;
	 line-height: 36px !important;
	 color: #fff;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .team-item-social__icon:hover:before {
	 color: #55C594;
 }

 .team-item-details {
	 line-height: normal;
	 background: #55C594;
	 color: #fff;
 }

 .team-item-details__name {
	 padding: 15px 0 10px;
	 font-size: 20px;
	 color:#000;
 }

 .team-item-details__position {
	 padding: 0 0 20px;
	 font-size: 16px;
	 font-weight: 300;
	 color:#000;
 }

 .ios-device .team-item {
	 cursor: pointer;
 }

 /********************************

 @    TEAM STYLE 2

 ********************************/
 .team-2-item__wrap {
	 position: relative;
	 overflow: hidden;
	 background: #2b3033;
	 color: #fff;
	 text-align: right;
 }

 .team-2-item-img {
	 position: absolute;
	 top: 0;
	 bottom: 100px;
	 left: 0;
	 right: 0;
	 overflow: hidden;
	 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);
	 -webkit-transition: 0.3s bottom 0.2s;
	 transition: 0.3s bottom 0.2s;
 }

 .team-2-item-img__blur {
	 max-width: 100%;
	 vertical-align: top;
	 opacity: 0.6;
	 -webkit-filter: blur(5px);
	 filter: blur(5px);
	 -webkit-transform: scale(1.05);
	 -ms-transform: scale(1.05);
	 transform: scale(1.05);
 }

 .team-2-item-img__img {
	 position: absolute;
	 top: 0;
	 max-width: 100%;
	 -webkit-transform: scale(1.05);
	 -ms-transform: scale(1.05);
	 transform: scale(1.05);
 }

 .team-2-item-details {
	 position: absolute;
	 bottom: 33px;
	 right: 20px;
	 left: 20px;
	 letter-spacing: 1px;
	 -webkit-transition: 0.3s bottom 0.2s;
	 transition: 0.3s bottom 0.2s;
 }

 .team-2-item-details__name {
	 font-size: 18px;
	 margin-bottom: 5px;
	 text-transform: uppercase;
 }

 .team-2-item-details__position {
	 font-size: 14px;
	 font-weight: 300;
	 color: #fff;
	 opacity: 0;
 }

 .team-2-item-social {
	 margin: 0 20px;
	 position: absolute;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 line-height: 44px;
	 color: #fff;
	 border-top: 1px solid rgba(255, 255, 255, 0.2);
	 text-align: left;
	 text-transform: uppercase;
 }

 .team-2-item-social__link {
	 display: inline-block;
	 opacity: 0;
	 margin-right: 20px;
	 -webkit-transform: translateX(20px);
	 -ms-transform: translateX(20px);
	 transform: translateX(20px);
	 -webkit-transition: 0.3s opacity, 0.3s transform;
	 transition: 0.3s opacity, 0.3s transform;
 }

 .team-2-item-social__link:nth-child(1) {
	 -webkit-transition-delay: 0.2s;
	 transition-delay: 0.2s;
 }

 .team-2-item-social__link:nth-child(2) {
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
 }

 .team-2-item-social__link:nth-child(3) {
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
 }

 .team-2-item-social__icon {
	 color: #fff;
	 font-size: 18px;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .team-2-item-social__icon:hover {
	 color: #55C594;
 }

 .team-2-item:hover .team-2-item-social__link {
	 opacity: 1;
	 -webkit-transform: translateX(0);
	 -ms-transform: translateX(0);
	 transform: translateX(0);
 }

 .team-2-item:hover .team-2-item-details {
	 bottom: 60px;
 }

 .team-2-item:hover .team-2-item-img {
	 bottom: 120px;
 }

 .team-2-item:hover .team-2-item-details__position {
	 opacity: 1;
	 -webkit-transition: 0.3s opacity 0.3s;
	 transition: 0.3s opacity 0.3s;
 }

 /********************************

 @ SKILLS SECTION

 ********************************/
 /********************************

 @    SKILLS STYLE 1

 ********************************/
 .skills__subtitle {
	 padding-bottom: 20px;
	 color: #42424a;
	 font-size: 22px;
	 font-weight: 300;
	 text-align: right;
 }

 .skills__text {
	 color: #515156;
	 font-weight: 300;
	 line-height: 1.4;
	 text-align: right;
 }

 .skills__title {
	 line-height: 42px;
	 color: #515156;
	 font-weight: 300;
 }

 .skills-graph-linear {
	 position: relative;
	 height: 42px;
	 line-height: 42px;
	 margin-bottom: 30px;
	 padding-bottom: 0;
 }

 .skills-graph-linear__bg {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 display: block;
 }

 .skills-graph-linear__bg:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: .05;
	 z-index: -1;
 }

 .skills-graph-linear__bar {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 0;
	 height: 100%;
	 background: #55C594;
 }

 .skills-graph-linear__count {
	 color: #fff;
 }

 .skills-graph-linear__count:after {
	 content: '%';
 }

 /********************************

 @    SKILLS STYLE 2

 ********************************/
 .s-skills-2 {
	 position: relative;
	 overflow: hidden;
	 z-index: 0;
 }

 .s-skills-2__bg {
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 background-position: 50%;
	 background-repeat: no-repeat;
	 background-size: cover;
	 z-index: -1;
 }

 .s-skills-2:before {
	 content: '';
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: 0.7;
 }

 .skills {
	 text-align: center;
 }

 .skills-graph-circle {
	 padding-top: 50px;
 }

 .skills-graph-circle__title {
	 margin-top: 20px;
	 color: #fff;
	 font-size: 16px;
	 font-weight: 300;
	 letter-spacing: 2px;
 }

 .skills-graph-circle__inner {
	 position: relative;
 }

 .skills-graph-circle__count {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 color: #fff;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .skills-graph-circle__count:after {
	 content: '%';
 }

 .skills-graph-circle__bar {
	 stroke: #55C594;
 }

 .skills-graph-circle__bg {
	 stroke: #55C594;
	 opacity: .3;
 }

 /********************************

 @ COUNTERS SECTION

 ********************************/
 /********************************

 @    COUNTERS STYLE 1

 ********************************/
 .counters {
	 padding: 100px 0;
	 position: relative;
	 overflow: hidden;
 }

 .counters__bg {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
	 z-index: 0;
 }

 .counters__bg:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 opacity: .25;
	 background: #55C594;
 }

 .counters-item {
	 text-align: center;
	 margin-bottom: 70px;
	 color: #fff;
 }

 .counters-item__ico {
	 display: block;
	 font-size: 60px;
 }

 .counters-item__count {
	 margin: 30px 0;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-weight: 700;
	 font-size: 40px;
	 letter-spacing: 2px;
 }

 .counters-item__description {
	 font-weight: 300;
	 font-size: 16px;
	 text-transform: uppercase;
	 color: #fff;
 }

 .counters-item:not(:last-child) {
	 border-left: 1px solid rgba(255, 255, 255, 0.1);
 }

 /********************************

 @    COUNTERS STYLE 2

 ********************************/
 .counters.section-white .counters-item {
	 color: #42424a;
	 border-color: #F6F6F6;
 }

 .counters.section-white .counters-item__description {
	 color: #515156;
 }

 .counters-item__ico.counters-item__ico_color_theme {
	 color: #55C594;
 }

 .counters-item__count.counters-item__count_color_theme {
	 color: #55C594;
 }

 /********************************

 @ OFFER SECTION

 ********************************/
 /********************************

 @    OFFER STYLE 1 (LIGHT)

 ********************************/
 .offer-1-product {
	 position: relative;
 }

 .offer-1-product__img {
	 top: 0;
	 right: 0;
	 max-width: 100%;
 }

 .offer-1-description {
	 position: relative;
	 z-index: 1;
 }

 .offer-1-features {
	 padding-top: 40px;
	 text-align: right;
 }

 @media (max-width: 767px) {
	 .offer-1-features {
		 padding: 0;
		 font-size: 25px;
	 }
 }

 .offer-1-features-item {
	 margin-bottom: 30px;
 }

 .offer-1-features-item:last-child {
	 text-align: center;
	 padding-top: 20px;
 }

 @media (min-width: 992px) {
	 .offer-1-features-item {
		 margin-bottom: 20px;
	 }
	 .offer-1-features-item:nth-child(1) {
		 padding-right: 30px;
	 }
	 .offer-1-features-item:nth-child(2) {
		 padding-right: 60px;
	 }
	 .offer-1-features-item:nth-child(3) {
		 padding-right: 90px;
	 }
	 .offer-1-features-item:nth-child(4) {
		 padding-right: 120px;
	 }
	 .offer-1-features-item:last-child {
		 text-align: right;
		 padding-right: 190px;
	 }
 }

 .offer-1-features-item:before {
	 display: inline-block;
	 padding: 0 1px 0 24px;
	 color: #55C594;
	 font-size: 40px;
	 vertical-align: middle;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .offer-1-features-item:hover:before {
	 -webkit-transform: scale(1.15);
	 -ms-transform: scale(1.15);
	 transform: scale(1.15);
 }

 .offer-1-features-item__title {
	 color: #42424a;
	 font-size: 16px;
	 text-transform: uppercase;
 }

 .offer-1-features-item__description {
	 padding-right: 70px;
	 color: gray;
	 font-size: 16px;
	 font-weight: 300;
 }

 /********************************

 @    OFFER STYLE 2 (DARK)

 ********************************/
 .offer-2 :nth-child(odd) .offer-2-item {
	 background: #2b3033;
 }

 .offer-2 :nth-child(even) .offer-2-item {
	 background: #55C594;
 }

 .offer-2__title {
	 position: relative;
	 font-size: 32px;
	 /* color: #fff; */
	 margin-bottom: 40px;
 }

 .offer-2__title:after {
	 content: '';
	 position: absolute;
	 bottom: -15px;
	 right: 0;
	 width: 80px;
	 height: 2px;
	 background: #000;
 }

 .offer-2__description {
	 margin-bottom: 30px;
	 font-weight: 300;
	 line-height: 1.4;
	 /* color: #fff; */
 }

 .offer-2-item {
	 position: relative;
	 overflow: hidden;
	 height: 600px;
	 text-align: right;
 }

 .offer-2-item__inner {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 left: 0;
	 width: 70%;
	 margin: auto;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .offer-2-item__bg {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: 50%;
 }

 .offer-2-subitem__ico {
	 font-size: 14px;
	 color: #fff;
	 letter-spacing: 2px;
	 text-transform: uppercase;
	 margin-right: 55px;
 }

 .offer-2-subitem__ico:before {
	 position: absolute;
	 right: 0;
	 font-size: 32px;
	 color: #55C594;
 }

 .offer-2-subitem__description {
	 margin: 10px 55px 0 0;
	 font-weight: 300;
	 font-size: 14px;
	 line-height: 1.4;
	 color: #bbb;
 }

 .offer-2-subitem:not(:last-child) {
	 margin-bottom: 20px;
 }

 /********************************

 @    OFFER STYLE 3 (APP)

 ********************************/
 .offer-3-feature {
	 position: relative;
 }

 .offer-3-feature:hover .offer-3-feature__ico:after {
	 width: 120px;
	 height: 120px;
	 opacity: 0;
 }

 .offer-3-feature__left .offer-3-feature__name {
	 right: 82px;
 }

 .offer-3-feature__left .offer-3-feature__name:before {
	 right: 0;
 }

 .offer-3-feature__left .offer-3-feature__name:after {
	 right: 100%;
 }

 .offer-3-feature__left:nth-of-type(1) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 transform: rotate(-45deg);
 }

 .offer-3-feature__left:nth-of-type(2) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-15deg);
	 -ms-transform: rotate(-15deg);
	 transform: rotate(-15deg);
 }

 .offer-3-feature__left:nth-of-type(3) .offer-3-feature__name:after {
	 -webkit-transform: rotate(5deg);
	 -ms-transform: rotate(5deg);
	 transform: rotate(5deg);
 }

 .offer-3-feature__left:nth-of-type(4) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-6deg);
	 -ms-transform: rotate(-6deg);
	 transform: rotate(-6deg);
 }

 .offer-3-feature__right .offer-3-feature__name {
	 left: 82px;
 }

 .offer-3-feature__right .offer-3-feature__name:before {
	 left: 0;
 }

 .offer-3-feature__right .offer-3-feature__name:after {
	 right: 0;
 }

 .offer-3-feature__right:nth-of-type(1) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-145deg);
	 -ms-transform: rotate(-145deg);
	 transform: rotate(-145deg);
 }

 .offer-3-feature__right:nth-of-type(2) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-165deg);
	 -ms-transform: rotate(-165deg);
	 transform: rotate(-165deg);
 }

 .offer-3-feature__right:nth-of-type(3) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-175deg);
	 -ms-transform: rotate(-175deg);
	 transform: rotate(-175deg);
 }

 .offer-3-feature__right:nth-of-type(4) .offer-3-feature__name:after {
	 -webkit-transform: rotate(-205deg);
	 -ms-transform: rotate(-205deg);
	 transform: rotate(-205deg);
 }

 .offer-3-feature__ico {
	 position: relative;
	 display: inline-block;
	 width: 80px;
	 height: 80px;
	 background: #55C594;
	 border-radius: 50%;
	 color: #fff;
	 margin-bottom: 60px;
 }

 @media (min-width: 1200px) {
	 .offer-3-feature__ico {
		 margin-bottom: 100px;
	 }
 }

 .offer-3-feature__ico:before {
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 font-size: 28px;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .offer-3-feature__ico:after {
	 content: '';
	 position: absolute;
	 right: 50%;
	 top: 50%;
	 width: 80px;
	 height: 80px;
	 border: 16px solid #55C594;
	 border-radius: 50%;
	 -webkit-transition: 0.5s;
	 transition: 0.5s;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .offer-3-feature__name {
	 position: absolute;
	 top: 30px;
	 padding: 0 10px 5px;
	 white-space: nowrap;
	 color: #55C594;
	 text-transform: uppercase;
	 font-weight: 300;
	 z-index: 1;
	 opacity: 0;
	 -webkit-transition: 0.4s opacity;
	 transition: 0.4s opacity;
 }

 @media (min-width: 992px) {
	 .offer-3-feature__name {
		 top: 15px;
	 }
 }

 .offer-3-feature__name:before {
	 content: '';
	 position: absolute;
	 top: 100%;
	 width: 0;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 0.8s width;
	 transition: 0.8s width;
 }

 @media (min-width: 0px) and (max-width: 991px) {
	 .offer-3-feature__name:before {
		 display: none;
	 }
 }

 .offer-3-feature__name:after {
	 content: '';
	 position: absolute;
	 top: 100%;
	 width: 0;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 0.8s width;
	 transition: 0.8s width;
	 -webkit-transform-origin: right;
	 -ms-transform-origin: right;
	 transform-origin: right;
 }

 @media (min-width: 0px) and (max-width: 991px) {
	 .offer-3-feature__name:after {
		 display: none;
	 }
 }

 .offer-3-feature.animate .offer-3-feature__name {
	 opacity: 1;
 }

 .offer-3-feature.animate .offer-3-feature__name:before {
	 width: 100%;
 }

 .offer-3-feature.animate .offer-3-feature__name:after {
	 width: 130px;
 }

 @media (min-width: 1200px) {
	 .offer-3-feature.animate .offer-3-feature__name:after {
		 width: 180px;
	 }
 }

 .offer-3-feature.animate .offer-3-feature__ico {
	 -webkit-animation: 0.8s pulse, 0.3s fadeIn alternate both;
	 animation: 0.8s pulse, 0.3s fadeIn alternate both;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(1) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.6s;
	 animation-delay: 1.6s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(1) .offer-3-feature__name {
	 -webkit-transition-delay: 1.6s;
	 transition-delay: 1.6s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(1) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2.4s;
	 transition-delay: 2.4s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(1) .offer-3-feature__name:after {
	 -webkit-transition-delay: 3.2s;
	 transition-delay: 3.2s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(2) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.8s;
	 animation-delay: 1.8s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(2) .offer-3-feature__name {
	 -webkit-transition-delay: 1.8s;
	 transition-delay: 1.8s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(2) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2.6s;
	 transition-delay: 2.6s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(2) .offer-3-feature__name:after {
	 -webkit-transition-delay: 3.4s;
	 transition-delay: 3.4s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(3) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.2s;
	 animation-delay: 1.2s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(3) .offer-3-feature__name {
	 -webkit-transition-delay: 1.2s;
	 transition-delay: 1.2s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(3) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2s;
	 transition-delay: 2s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(3) .offer-3-feature__name:after {
	 -webkit-transition-delay: 2.8s;
	 transition-delay: 2.8s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(4) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.8s;
	 animation-delay: 1.8s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(4) .offer-3-feature__name {
	 -webkit-transition-delay: 1.8s;
	 transition-delay: 1.8s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(4) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2.6s;
	 transition-delay: 2.6s;
 }

 .offer-3-feature.animate.offer-3-feature__left:nth-child(4) .offer-3-feature__name:after {
	 -webkit-transition-delay: 3.4s;
	 transition-delay: 3.4s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(1) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.2s;
	 animation-delay: 1.2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(1) .offer-3-feature__name {
	 -webkit-transition-delay: 1.2s;
	 transition-delay: 1.2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(1) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2s;
	 transition-delay: 2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(1) .offer-3-feature__name:after {
	 -webkit-transition-delay: 2.8s;
	 transition-delay: 2.8s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(2) .offer-3-feature__ico {
	 -webkit-animation-delay: 1s;
	 animation-delay: 1s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(2) .offer-3-feature__name {
	 -webkit-transition-delay: 1s;
	 transition-delay: 1s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(2) .offer-3-feature__name:before {
	 -webkit-transition-delay: 1.8s;
	 transition-delay: 1.8s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(2) .offer-3-feature__name:after {
	 -webkit-transition-delay: 2.6s;
	 transition-delay: 2.6s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(3) .offer-3-feature__ico {
	 -webkit-animation-delay: 1.4s;
	 animation-delay: 1.4s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(3) .offer-3-feature__name {
	 -webkit-transition-delay: 1.4s;
	 transition-delay: 1.4s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(3) .offer-3-feature__name:before {
	 -webkit-transition-delay: 2.2s;
	 transition-delay: 2.2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(3) .offer-3-feature__name:after {
	 -webkit-transition-delay: 3s;
	 transition-delay: 3s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(4) .offer-3-feature__ico {
	 -webkit-animation-delay: 2.2s;
	 animation-delay: 2.2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(4) .offer-3-feature__name {
	 -webkit-transition-delay: 2.2s;
	 transition-delay: 2.2s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(4) .offer-3-feature__name:before {
	 -webkit-transition-delay: 3s;
	 transition-delay: 3s;
 }

 .offer-3-feature.animate.offer-3-feature__right:nth-child(4) .offer-3-feature__name:after {
	 -webkit-transition-delay: 3.8s;
	 transition-delay: 3.8s;
 }

 .offer-3__img {
	 max-width: 100%;
 }

 .offer-3__description {
	 color: gray;
	 font-weight: 300;
	 margin-top: 50px;
	 line-height: 1.5;
 }

 /********************************

 @ CLIENTS SECTION

 ********************************/
 .s-clients {
	 position: relative;
	 overflow: hidden;
	 z-index: 0;
 }

 .s-clients:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: .08;
 }

 .s-clients__bg {
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 background-repeat: no-repeat;
	 background-size: cover;
	 z-index: -1;
 }

 .clients {
	 padding: 100px 0;
	 margin: 0;
	 text-align: center;
 }

 .clients-item {
	 color: #fff;
 }

 .clients-item__text {
	 font-size: 24px;
	 font-weight: 200;
	 color: #fff;
 }

 .clients-item__text:before {
	 content: '\e03e';
 }

 .clients-item__text:after {
	 content: '\e03f';
 }

 .clients-item__text:before, .clients-item__text:after {
	 font-family: 'lp-icons';
	 padding: 0 10px;
	 color: #55C594;
 }

 .clients-item__name {
	 padding-top: 30px;
	 color: #55C594;
 }

 .clients-item__company {
	 font-weight: 200;
 }

 .clients-dots {
	 width: 240px;
	 margin: 100px auto 0;
 }

 .clients-dots__dot {
	 display: inline-block;
	 background: rgba(255, 255, 255, 0.5);
	 width: 30px;
	 height: 2px;
	 margin-left: 10px;
	 cursor: pointer;
	 -webkit-transition: 0.2s background-color;
	 transition: 0.2s background-color;
 }

 .clients-dots__dot:before {
	 content: '';
	 position: relative;
	 display: block;
	 height: 20px;
	 margin-top: -10px;
 }

 .clients-dots__dot:last-child {
	 margin-left: 0;
 }

 .clients-dots__dot.active {
	 background: #55C594;
 }

 /********************************

 @ CLIENT LOGOS

 ********************************/
 .client-logos {
	 position: relative;
	 cursor: -webkit-grab;
	 cursor: grab;
 }

 .client-logos-carousel {
	 height: 200px;
 }

 .client-logos-item {
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .client-logos-item:active {
	 cursor: -webkit-grabbing;
	 cursor: grabbing;
 }

 .client-logos-item__img {
	 max-width: 70%;
 }

 .client-logos .container .client-logos-item__img {
	 max-width: 100%;
 }

 /********************************

 @ TOOLTIP FROM ALT TAG

 ********************************/
 .tooltip {
	 display: none;
	 position: fixed;
	 padding: 10px;
	 width: 200px;
	 min-height: 80px;
	 background: #292e31;
	 color: #ccc;
	 border-radius: 5px;
	 font-size: 14px;
	 font-weight: 300;
	 box-shadow: -1px 1px 1px 0 #262b2d;
	 z-index: 2;
 }

 .tooltip:after {
	 content: '';
	 position: absolute;
	 bottom: -5px;
	 right: 0;
	 left: 0;
	 margin: auto;
	 width: 10px;
	 height: 10px;
	 background: #292e31;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 transform: rotate(-45deg);
 }

 /********************************

 @ FOOTER

 ********************************/
 .footer-top {
	 background: #2b3033;
	 padding: 20px 0 0 0;
	 font-weight: 300;
	 color: #adaeb2;
 }

 .footer-top [class^="col-"]:hover .footer__title:after {
	 width: 15%;
 }

 .footer__title {
	 position: relative;
	 padding-top: 30px;
	 color: #fff;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 16px;
	 font-weight: 300;
	 margin-bottom: 60px;
	 text-transform: uppercase;
 }

 .footer__title:before {
	 content: '';
	 position: absolute;
	 display: block;
	 top: calc(100% + 15px);
	 right: 0;
	 width: 100%;
	 height: 1px;
	 background: #373d41;
 }

 .footer__title:after {
	 content: '';
	 position: absolute;
	 display: block;
	 top: calc(100% + 15px);
	 right: 0;
	 width: 20px;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 0.6s width;
	 transition: 0.6s width;
 }

 .footer__about {
	 line-height: 1.4;
 }

 .footer-contacts__item {
	 line-height: 1.7;
 }

 .footer-contacts__link {
	 color: #55C594;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .footer-contacts__link:hover {
	 color: #fff;
 }

 .footer-social__item {
	 display: inline-block;
	 margin: 30px 0 0 10px;
 }

 .footer-social__item:before {
	 font-size: 40px;
	 color: #606166;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .footer-social__item:hover:before {
	 color: #55C594;
 }

 .footer-twitter-feed-vertical__list a {
	 color: #55C594;
	 font-size: 14px;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .footer-twitter-feed-vertical__list a:hover {
	 color: #fff;
 }

 .footer-twitter-feed-vertical__item {
	 position: relative;
	 padding: 0 40px 15px 0;
	 color: #adaeb2;
	 font-size: 14px;
 }

 .footer-twitter-feed-vertical__item:before {
	 content: '';
	 position: absolute;
	 top: 3px;
	 right: 0;
	 font-size: 22px;
	 color: #55C594;
	 -webkit-transition: 0.6s transform;
	 transition: 0.6s transform;
 }

 .footer-twitter-feed-vertical__item .tweet {
	 color: #adaeb2;
 }

 .footer-twitter-feed-vertical__item .timePosted {
	 color: #adaeb2;
	 font-size: 12px;
 }

 .footer-form {
	 text-align: left;
 }

 .footer-form__input {
	 border-radius: 0;
	 margin: 0 0 10px;
	 padding: 8px 10px;
	 border: none;
	 min-width: 100%;
	 max-width: 100%;
	 background: #2e3437;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 color: #adaeb2;
	 overflow: auto;
	 -webkit-transition: 0.3s background-color;
	 transition: 0.3s background-color;
 }

 .footer-form__input:focus {
	 background: #32383b;
 }

 .footer-form__submit {
	 margin: 0;
	 padding: 10px 32px;
	 border: none;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-weight: 300;
	 color: #fff;
	 background: #2e3437;
	 cursor: pointer;
	 -webkit-transition: 0.4s background-color;
	 transition: 0.4s background-color;
 }

 .footer-form__submit:hover {
	 background: #55C594;
 }

 .footer-bottom {
	 background: #292d30;
	 padding: 30px 0;
	 font-size: 14px;
	 color: #adaeb2;
 }

 .footer-copy {
	 padding-bottom: 0;
	 text-align: right;
 }

 @media (max-width: 767px) {
	 .footer-copy {
		 text-align: center;
	 }
 }

 .footer-copy__heart {
	 display: inline-block;
	 width: 24px;
	 color: #ff63b7;
	 vertical-align: text-top;
	 font-size: 18px;
	 text-align: center;
	 -webkit-animation: 1s pulse infinite alternate;
	 animation: 1s pulse infinite alternate;
 }

 .footer-menu {
	 padding-bottom: 0;
	 text-align: left;
 }

 @media (max-width: 767px) {
	 .footer-menu {
		 text-align: center;
		 padding-top: 30px;
		 padding-bottom: 20px;
	 }
 }

 .footer-menu__item {
	 display: inline;
	 margin-left: 25px;
 }

 .footer-menu__item:last-child {
	 margin-left: 0;
 }

 .footer-menu__link {
	 position: relative;
	 text-transform: uppercase;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 12px;
	 color: #fff;
	 -webkit-transition: 0.4s color;
	 transition: 0.4s color;
 }

 .footer-menu__link:after {
	 content: '';
	 position: absolute;
	 display: block;
	 top: 50%;
	 right: 0;
	 width: 0;
	 height: 1px;
	 margin-top: 18px;
	 background: #55C594;
	 -webkit-transition: 0.6s width;
	 transition: 0.6s width;
 }

 .footer-menu__link:hover {
	 color: #55C594;
 }

 .footer-menu__link:hover:after {
	 width: 100%;
 }

 .footer-menu__link_active {
	 color: #55C594;
 }

 .likeapro {
	 color: #adaeb2;
 }

 .likeapro:hover {
	 color: #55C594;
 }

 /********************************

 @ F.A.Q. SECTION

 ********************************/
 .faq {
	 color: #515156;
	 text-align: right;
 }

 .faq-q {
	 position: relative;
	 margin-bottom: 20px;
	 font-weight: 300;
	 font-size: 22px;
	 cursor: help;
 }

 .faq-q:before {
	 position: absolute;
	 left: 20px;
	 color: #55C594;
	 font-size: 26px;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .faq-q.opened:before {
	 -webkit-transform: rotate(180deg);
	 -ms-transform: rotate(180deg);
	 transform: rotate(180deg);
 }

 .faq-a {
	 position: relative;
	 display: none;
	 padding: 0 50px 0 30px;
	 margin-bottom: 30px;
	 font-size: 18px;
	 font-weight: 300;
 }

 .faq-a:before {
	 content: '';
	 position: absolute;
	 top: 20px;
	 right: 10px;
	 width: 0;
	 height: 1px;
	 display: block;
	 background: #55C594;
	 -webkit-transition: 0.4s width 0.6s;
	 transition: 0.4s width 0.6s;
 }

 .faq-a:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 10px;
	 width: 1px;
	 height: 0;
	 display: block;
	 background: #55C594;
	 -webkit-transition: 0.4s height 0.2s;
	 transition: 0.4s height 0.2s;
 }

 .faq-a.opened:before {
	 width: 20px;
 }

 .faq-a.opened:after {
	 height: 20px;
 }

 /********************************

 @ 404 SECTION

 ********************************/
 .four04-title {
	 font-size: 40px;
	 color: #55C594;
 }

 .four04-text {
	 margin-bottom: 100px;
	 font-size: 200px;
	 color: #55C594;
 }

 /********************************

 @ CONTACT US SECTION

 ********************************/
 .contact-info {
	 text-align: right;
 }

 .contact-info__title {
	 margin-bottom: 30px;
	 padding-right: 30px;
	 font-size: 26px;
	 font-weight: 300;
	 color: #42424a;
 }

 .contact-info__item {
	 position: relative;
	 padding-right: 30px;
	 color: gray;
	 font-weight: 300;
	 margin-bottom: 20px;
 }

 .contact-info__item:before {
	 position: absolute;
	 top: 1px;
	 right: 0;
	 font-size: 20px;
 }

 .contact-info__link {
	 color: gray;
 }

 .contact-info__link:hover {
	 color: #55C594 !important;
 }

 .contact-form__input {
	 border-radius: 0;
	 padding: 10px;
	 margin-bottom: -5px;
	 width: 100%;
	 border: 1px solid #ddd;
	 font-family: "IRANSans", "Helvetica", sans-serif;
 }

 .contact-form__textarea {
	 border-radius: 0;
	 padding: 10px;
	 width: 100%;
	 max-width: 100%;
	 border: 1px solid #ddd;
	 font-family: "IRANSans", "Helvetica", sans-serif;
 }

 .contact-form__submit {
	 margin-top: 15px;
	 background: #55C594;
 }

 .contact-form__submit:hover {
	 background: transparent;
 }

 /********************************

 @ SECTIONS

 ********************************/
 /********************************

 @    SECTION STYLE 1

 ********************************/
 .section {
	 padding: 100px 0;
	 text-align: center;
	 overflow: hidden;
 }

 .section__title {
	 padding: 15px 0 20px;
	 font-size: 36px;
	 font-weight: 300;
 }

 .section__title:after {
	 content: '';
	 display: block;
	 margin: 25px auto 0;
	 width: 0;
	 height: 1px;
	 -webkit-transition: 0.4s width;
	 transition: 0.4s width;
 }

 .section__subtitle {
	 font-size: 9px;
	 letter-spacing: .66em;
	 word-spacing: 0.1em;
	 text-transform: uppercase;
 }

 .section:hover .section__title:after {
	 width: 80px;
 }

 /********************************

 @    WHITE SECTION

 ********************************/
 .section-white .section__title {
	 color: #42424a;
 }

 .section-white .section__title:after {
	 background: #42424a;
 }

 .section-white .section__subtitle {
	 color: #42424a;
 }

 /********************************

 @    LIGHTGRAY SECTION

 ********************************/
 .section-lightgray {
	 background: #F6F6F6;
 }

 .section-lightgray .section__title {
	 color: #42424a;
 }

 .section-lightgray .section__title:after {
	 background: #42424a;
 }

 .section-lightgray .section__subtitle {
	 color: #42424a;
 }

 /********************************

 @    DARK SECTION

 ********************************/
 .section-dark {
	 background: #2b3033;
 }

 .section-dark .section__title {
	 color: #fff;
 }

 .section-dark .section__title:after {
	 background: #fff;
 }

 .section-dark .section__subtitle {
	 color: #fff;
 }

 .section-dark .features-item__title {
	 color: #fff;
 }

 .section-dark .features-item__text {
	 color: #adaeb2;
 }

 .section-dark .skills__text, .section-dark .skills__title {
	 color: #adaeb2;
 }

 .section-dark .skills__subtitle {
	 color: #fff;
 }

 .section-dark .offer-1-features-item__title {
	 color: #fff;
 }

 .section-dark .offer-3__description {
	 color: #adaeb2;
 }

 .section-dark .about-item__text {
	 color: #adaeb2;
 }

 .section-dark .faq {
	 color: #adaeb2;
 }

 .section-dark .contact-info__title {
	 color: #fff;
 }

 .section-dark .contact-info__item, .section-dark .contact-info__link {
	 color: #adaeb2;
 }

 .section-dark .contact-form__input, .section-dark .contact-form__textarea {
	 color: #adaeb2;
	 background: #2b3033;
	 border-color: #717B80;
 }

 .section-dark .portfolio-filter__item {
	 color: #fff;
 }

 .section-dark .pricing-table.pricing-table-2 {
	 color: #fff;
	 border-color: #414141;
 }

 .section-dark .pricing-table.pricing-table-2 .pricing-table-row {
	 border-color: #414141;
 }

 /********************************

 @    DARKGRAY SECTION

 ********************************/
 .section-darkgray {
	 background: #222;
 }

 .section-darkgray .section__title {
	 color: #fff;
 }

 .section-darkgray .section__title:after {
	 background: #fff;
 }

 .section-darkgray .section__subtitle {
	 color: #fff;
 }

 .section-darkgray .features-item__title {
	 color: #fff;
 }

 .section-darkgray .features-item__text {
	 color: #adaeb2;
 }

 .section-darkgray .skills__text, .section-darkgray .skills__title {
	 color: #adaeb2;
 }

 .section-darkgray .skills__subtitle {
	 color: #fff;
 }

 .section-darkgray .offer-1-features-item__title {
	 color: #fff;
 }

 .section-darkgray .offer-3__description {
	 color: #adaeb2;
 }

 .section-darkgray .about-item__text {
	 color: #adaeb2;
 }

 .section-darkgray .faq {
	 color: #adaeb2;
 }

 .section-darkgray .contact-info__title {
	 color: #fff;
 }

 .section-darkgray .contact-info__item, .section-darkgray .contact-info__link {
	 color: #adaeb2;
 }

 .section-darkgray .contact-form__input, .section-darkgray .contact-form__textarea {
	 color: #adaeb2;
	 background: #222;
	 border-color: #717B80;
 }

 .section-darkgray .portfolio-filter__item {
	 color: #fff;
 }

 .section-darkgray .pricing-table.pricing-table-2 {
	 color: #fff;
	 border-color: #414141;
 }

 .section-darkgray .pricing-table.pricing-table-2 .pricing-table-row {
	 border-color: #414141;
 }

 /********************************

 @    SECTION STYLE 2

 ********************************/
 .section-2 {
	 padding: 100px 0;
	 text-align: right;
	 overflow: hidden;
 }

 .section-2 .section__title {
	 padding: 15px 0 20px;
	 font-size: 36px;
	 font-weight: 700;
	 text-transform: uppercase;
 }

 .section-2 .section__title:after {
	 content: '';
	 margin-right: 0;
	 width: 0;
	 height: 3px;
	 background: #55C594;
	 -webkit-transition: 0.4s width;
	 transition: 0.4s width;
 }

 .section-2 .section__subtitle {
	 font-size: 10px;
	 letter-spacing: .66em;
	 word-spacing: 0.1em;
	 text-transform: uppercase;
 }

 .section-2:hover .section__title:after {
	 width: 140px;
 }

 /********************************

 @ GOOGLE MAPS

 ********************************/
 .google-maps {
	 position: relative;
	 overflow: hidden;
	 height: 500px;
 }

 .google-maps__container {
	 height: 900px;
 }

 .google-maps__marker {
	 position: relative;
	 top: -14px;
	 right: -14px;
	 background: #eee;
	 border: 4px solid #55C594;
	 height: 28px;
	 width: 28px;
	 border-radius: 50%;
	 box-shadow: -2px 2px 4px #888;
 }

 .google-maps__marker:before {
	 content: '';
	 position: absolute;
	 top: -18px;
	 right: -18px;
	 width: 56px;
	 height: 56px;
	 background: #bbb;
	 border-radius: 50%;
	 z-index: -1;
	 -webkit-animation: 1.5s pulsate infinite normal;
	 animation: 1.5s pulsate infinite normal;
 }

 .google-maps-big {
	 height: 700px;
 }

 /********************************

 @ BUTTONS

 ********************************/
 .btn-a {
	 position: relative;
	 display: inline-block;
	 padding-right: 10px;
	 padding-left: 10px;
	 text-align: center;
	 min-width: 160px;
	 height: 40px;
	 line-height: 40px;
	 vertical-align: middle;
	 border: 1px solid #fff;
	 color: #fff;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-weight: 300;
	 font-size: 14px;
	 text-transform: uppercase;
	 cursor: pointer;
	 z-index: 0;
	 overflow: hidden;
	 -webkit-transition: 0.4s color;
	 transition: 0.4s color;
 }

 .btn-a.dark { border-color: #333; color: #333; }
 .btn-a.dark:hover { color: #333; }

 @media (max-width: 767px) {
	 .btn-a {
		 min-width: 100px;
		 height: 36px;
		 line-height: 36px;
	 }
 }

 .btn-a:before {
	 padding-left: 10px;
	 vertical-align: text-bottom;
 }

 .btn-a:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: transparent;
	 z-index: -1;
	 -webkit-transition: 0.4s background;
	 transition: 0.4s background;
 }

 .btn-a:hover {
	 color: #000;
 }

 .btn-a:hover:after {
	 right: 0;
	 background: #fff;
 }

 .btn-a_size_small {
	 min-width: 80px;
	 height: 36px;
	 line-height: 36px;
 }

 @media (max-width: 767px) {
	 .btn-a_size_small {
		 min-width: 70px;
		 height: 32px;
		 line-height: 32px;
		 font-size: 12px;
	 }
 }

 .btn-a_size_large {
	 min-width: 230px;
	 height: 64px;
	 line-height: 64px;
	 font-size: 18px;
 }

 @media (max-width: 767px) {
	 .btn-a_size_large {
		 min-width: 160px;
		 height: 40px;
		 line-height: 40px;
		 font-size: 14px;
	 }
 }

 .btn-a_weight_bold {
	 border-width: 2px;
	 font-weight: 400;
 }

 .btn-a_color_black {
	 color: #000;
	 border-color: #000;
 }

 .btn-a_color_black:hover {
	 color: #fff;
 }

 .btn-a_color_black:hover:after {
	 background: #000;
 }

 .btn-a_color_theme {
	 color: #55C594;
	 border-color: #55C594;
 }

 .btn-a_color_theme:hover {
	 color: #fff;
 }

 .btn-a_color_theme:hover:after {
	 background: #55C594;
 }

 .btn-a_fill_theme {
	 color: #fff;
	 border-color: #55C594;
 }

 .btn-a_fill_theme:after {
	 background: #55C594;
 }

 .btn-a_fill_theme:hover {
	 color: #55C594;
 }

 .btn-a_fill_theme:hover:after {
	 background: transparent;
 }

 .btn-a.btn-a_hover_2:after {
	 right: -100%;
	 -webkit-transition: 0.4s background, 0.4s right;
	 transition: 0.4s background, 0.4s right;
 }

 .btn-a.btn-a_hover_2:hover:after {
	 right: 0;
 }

 .btn-a.btn-a_hover_2.btn-a_fill_theme:after {
	 right: 0;
 }

 .btn-a.btn-a_hover_2.btn-a_fill_theme:hover:after {
	 right: -100%;
 }

 /********************************

 @ ELEMENTS (CAN BE REMOVED)

 ********************************/
 .grid {
	 font-weight: 300;
	 color: #888;
 }

 .grid__title {
	 font-weight: 400;
 }

 .height-500 {
	 height: 500px;
 }

 .icons {
	 color: #555;
	 font-size: 20px;
 }

 .icons__ico {
	 font-size: 42px;
 }

 .s-animations .features-item {
	 background: #F6F6F6;
 }

 .s-animations .features-item__title {
	 font-weight: 300;
	 text-transform: none;
 }

 /********************************

 @ MODAL WINDOW

 ********************************/
 .modal {
	 display: none;
	 position: fixed;
	 font-size: 20px;
	 font-weight: 300;
	 color: #fff;
	 text-align: center;
	 z-index: 6;
 }

 .modal__close {
	 cursor: pointer;
 }

 .modal__close:before {
	 position: absolute;
	 font-size: 40px;
	 color: #ccc;
	 top: -10px;
	 left: -45px;
	 z-index: 1;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 @media (max-width: 767px) {
	 .modal__close:before {
		 top: -5px;
		 left: 0;
	 }
 }

 .modal__close:hover:before {
	 -webkit-transform: scale(1.3);
	 -ms-transform: scale(1.3);
	 transform: scale(1.3);
 }

 .modal__info {
	 display: none;
	 cursor: pointer;
 }

 .modal__info:before {
	 position: absolute;
	 font-size: 24px;
	 color: #ccc;
	 top: 35px;
	 left: -39px;
	 z-index: 1;
	 -webkit-transition: 0.4s color;
	 transition: 0.4s color;
 }

 @media (max-width: 767px) {
	 .modal__info:before {
		 top: 35px;
		 left: 6px;
	 }
 }

 .modal__info:hover:before {
	 color: #55C594;
 }

 .modal__content {
	 position: relative;
	 height: 100%;
 }

 .modal__img {
	 line-height: normal;
	 width: 100%;
	 display: block;
 }

 .modal__video {
	 line-height: normal;
	 width: 100%;
	 height: 100%;
 }

 .modal__text {
	 line-height: normal;
	 display: inline-block;
 }

 .overlay {
	 z-index: 5;
	 position: fixed;
	 background: #111;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 cursor: pointer;
	 display: none;
	 background: #000;
	 opacity: 0.85;
 }

 /********************************

 @ SLIDER CONTROLS

 ********************************/
 .slider-arrow-next, .slider-arrow-prev, .pro-controls-next, .pro-controls-prev {
	 background: rgba(176, 174, 174, 0.1);
	 position: absolute;
	 top: 50%;
	 z-index: 6;
	 cursor: pointer;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
 }

 .slider-arrow-next:hover, .slider-arrow-prev:hover, .pro-controls-next:hover, .pro-controls-prev:hover {
	 background: rgba(223, 223, 223, 0.1);
 }

 .slider-arrow-next:before, .slider-arrow-prev:before, .pro-controls-next:before, .pro-controls-prev:before {
	 color: #ccc;
	 font-size: 50px;
 }

 .slider-arrow-next, .pro-controls-next {
	 left: -50px;
	 -webkit-transition: 0.6s left;
	 transition: 0.6s left;
 }

 .slider-arrow-next.animate, .pro-controls-next.animate {
	 left: 0;
 }

 .slider-arrow-prev, .pro-controls-prev {
	 right: -50px;
	 -webkit-transition: 0.6s right;
	 transition: 0.6s right;
 }

 .slider-arrow-prev.animate, .pro-controls-prev.animate {
	 right: 0;
 }

 /********************************

 @ TABS

 ********************************/
 .tabs {
	 position: relative;
	 text-align: center;
	 background-color: #fff;
 }

 .tabs__tab {
	 display: none;
	 margin-top: 30px;
 }

 .tabs__item {
	 display: inline-block;
 }

 .tabs__item:not(:last-child) {
	 margin-left: 35px;
 }

 .tabs__link {
	 display: inline-block;
	 position: relative;
	 color: inherit;
	 padding: 20px 0;
	 font-size: 14px;
	 -webkit-transition: 0.35s color;
	 transition: 0.35s color;
 }

 @media (max-width: 767px) and (orientation: landscape) {
	 .tabs__link {
		 padding: 10px 0;
	 }
 }

 .tabs__link:hover {
	 cursor: pointer;
 }

 .tabs__link:before {
	 content: '';
	 opacity: 0;
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 width: 100%;
	 height: 4px;
	 -webkit-transition: 0.6s opacity;
	 transition: 0.6s opacity;
 }

 .tabs__link_active {
	 color: inherit;
 }

 .tabs__link_active:before {
	 opacity: 1;
	 background-color: #55C594;
 }

 /********************************

 @ ACCORDION 1

 ********************************/
 .s-faq .accordion__title {
	 cursor: help;
 }

 .accordion-1 .accordion {
	 color: inherit;
	 text-align: right;
 }

 .accordion-1 .accordion__title {
	 position: relative;
	 margin-bottom: 20px;
	 font-weight: bolder;
	 font-size: 16px;
	 cursor: pointer;
 }

 .accordion-1 .accordion__title:before {
	 position: absolute;
	 left: 20px;
	 color: #55C594;
	 font-size: 26px;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .accordion-1 .accordion__title.opened:before {
	 -webkit-transform: rotate(180deg);
	 -ms-transform: rotate(180deg);
	 transform: rotate(180deg);
 }

 .accordion-1 .accordion__content {
	 position: relative;
	 display: none;
	 padding: 0 50px 30px 30px;
	 font-size: 16px;
 }

 .accordion-1 .accordion__content:before {
	 content: '';
	 position: absolute;
	 top: 20px;
	 right: 10px;
	 width: 0;
	 height: 1px;
	 display: block;
	 background: #55C594;
	 -webkit-transition: 0.4s width 0.6s;
	 transition: 0.4s width 0.6s;
 }

 .accordion-1 .accordion__content:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 10px;
	 width: 1px;
	 height: 0;
	 display: block;
	 background: #55C594;
	 -webkit-transition: 0.4s height 0.2s;
	 transition: 0.4s height 0.2s;
 }

 .accordion-1 .accordion__content p:last-of-type {
	 margin-bottom: 0;
 }

 .accordion-1 .accordion__content.opened {
	 display: block;
 }

 .accordion-1 .accordion__content.opened:before {
	 width: 20px;
 }

 .accordion-1 .accordion__content.opened:after {
	 height: 20px;
 }

 .accordion-1 .accordion__content.animated {
	 /**

			  * To prevent animation run on each click

			  * for initially opened items

			  */
	 animation: initial !important;
 }

 /********************************

 @ ACCORDION 2

 ********************************/
 .accordion-2 .accordion {
	 color: inherit;
	 text-align: right;
 }

 .accordion-2 .accordion__title {
	 position: relative;
	 padding-top: 25px;
	 padding-bottom: 25px;
	 background: #F6F6F6;
	 border-radius: 8px;
	 margin-bottom: 5px;
	 font-weight: bolder;
	 font-size: 16px;
	 cursor: pointer;
	 transition: .35s color, .35s background-color;
 }

 .accordion-2 .accordion__title.accordion__icon_left {
	 padding-right: 80px;
	 padding-left: 30px;
 }

 .accordion-2 .accordion__title.accordion__icon_left .accordion__icon {
	 right: 25px;
 }

 .accordion-2 .accordion__title.accordion__icon_right {
	 padding-right: 30px;
	 padding-left: 80px;
 }

 .accordion-2 .accordion__title.accordion__icon_right .accordion__icon {
	 left: 25px;
 }

 .accordion-2 .accordion__title.opened {
	 background-color: #55C594;
	 color: #fff;
 }

 .accordion-2 .accordion__title.opened .accordion__icon_rotate {
	 -webkit-transform: rotate(180deg);
	 -ms-transform: rotate(180deg);
	 transform: rotate(180deg);
 }

 .accordion-2 .accordion__icon {
	 position: absolute;
	 font-size: 26px;
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .accordion-2 .accordion__icon:before {
	 display: block;
	 color: inherit;
 }

 .accordion-2 .accordion__content {
	 position: relative;
	 display: none;
	 padding: 0 30px;
	 margin: 30px 0 25px;
	 font-size: 14px;
 }

 .accordion-2 .accordion__content p:last-of-type {
	 margin-bottom: 0;
 }

 .accordion-2 .accordion__content.opened {
	 display: block;
 }

 .accordion-2 .accordion__content.animated {
	 /**

			  * To prevent animation run on each click

			  * for initially opened items

			  */
	 animation: initial !important;
 }

 /********************************

 @ PROJECT IN MODAL WINDOW

 ********************************/
 .project-modal {
	 display: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 0;
	 background: rgba(0, 0, 0, 0.6);
	 line-height: normal;
	 text-align: right;
	 color: #ddd;
	 overflow: hidden;
 }

 @media (max-width: 767px) {
	 .project-modal {
		 width: 50%;
	 }
 }

 @media (min-width: 768px) {
	 .project-modal {
		 width: 40%;
	 }
 }

 @media (min-width: 992px) {
	 .project-modal {
		 width: 30%;
	 }
 }

 .project-modal__inner {
	 position: relative;
	 margin: 20px;
	 height: 100%;
	 font-size: 16px;
	 opacity: 0;
 }

 @media (max-width: 767px) {
	 .project-modal__inner {
		 margin: 10px;
		 font-size: 13px;
	 }
 }

 .project-modal__title {
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 24px;
	 font-weight: 700;
	 margin-bottom: 30px;
	 color: #fff;
 }

 @media (max-width: 767px) {
	 .project-modal__title {
		 font-size: 16px;
	 }
 }

 .project-modal__description {
	 margin-bottom: 20px;
 }

 .project-modal__client {
	 margin-bottom: 20px;
 }

 .project-modal__client:before {
	 content: 'Client name: ';
	 font-weight: 400;
	 color: #fff;
 }

 .project-modal__date {
	 margin-bottom: 20px;
 }

 .project-modal__date:before {
	 content: 'Date: ';
	 font-weight: 400;
	 color: #fff;
 }

 .project-modal__url {
	 color: #55C594;
	 -webkit-transition: 0.3s color;
	 transition: 0.3s color;
 }

 .project-modal__url:before {
	 content: 'Link: ';
	 font-weight: 400;
	 color: #fff;
 }

 .project-modal__url:hover {
	 color: #fff;
 }

 /********************************

 @ PRELOADER

 ********************************/
 .p-preloader {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 z-index: 999;
 }

 .p-preloader__top, .p-preloader__bottom {
	 content: '';
	 position: absolute;
	 background: #0d0d0d;
	 height: 50%;
	 width: 100%;
 }

 .p-preloader__top {
	 top: 0;
 }

 .p-preloader__bottom {
	 bottom: 0;
 }

 .p-preloader__progressbar {
	 position: absolute;
	 background: #fff;
	 top: 50%;
	 right: 0;
	 width: 0;
	 height: 2px;
 }

 .p-preloader__percentage {
	 color: #fff;
	 position: relative;
	 top: 50%;
	 width: 50px;
	 margin: auto;
	 display: block;
	 text-align: center;
	 font-family: "IRANSans", "Helvetica", sans-serif;
	 font-size: 20px;
	 font-weight: 300;
	 padding-top: 30px;
 }

 .p-preloader__percentage:after {
	 content: '%';
 }

 .preloader {
	 display: none;
	 position: fixed;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 6;
 }

 .preloader:before {
	 content: '';
	 position: absolute;
	 top: calc(50% - 25px);
	 right: calc(50% - 25px);
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
	 border-top: 2px solid #55C594;
	 border-right: 2px solid #55C594;
	 border-left: 2px solid #55C594;
	 border-bottom: 2px solid transparent;
	 -webkit-animation: 0.8s rotate infinite linear normal;
	 animation: 0.8s rotate infinite linear normal;
 }

 /********************************

 @ BLOG

 ********************************/
 /********************************

 @    BLOG LIST

 ********************************/
 .blog {
	 margin-top: 50px;
 }

 .blog-slider {
	 max-height: 800px;
 }

 .blog-nav {
	 margin-bottom: 50px;
 }

 .blog-nav__link {
	 display: inline-block;
	 margin-left: 5px;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 text-align: center;
	 border: 1px solid #adaeb2;
	 color: #adaeb2;
	 -webkit-transition: 0.3s background;
	 transition: 0.3s background;
 }

 .blog-nav__link:before {
	 font-size: 20px;
	 vertical-align: text-bottom;
 }

 .blog-nav__link_active, .blog-nav__link:hover {
	 color: #fff;
	 background: #55C594;
	 border: 1px solid #55C594;
 }

 .blog-fullwidth .post-format-simple:first-child {
	 margin-top: 100px;
 }

 .blog-fullwidth .post-format-image .post-title, .blog-fullwidth .post-format-slider .post-title {
	 text-transform: uppercase;
	 letter-spacing: 2px;
 }

 .blog-sidebar-block {
	 margin-bottom: 50px;
 }

 .blog-sidebar-block__title {
	 position: relative;
	 margin-bottom: 40px;
	 color: #42424a;
	 font-weight: 300;
	 font-size: 18px;
	 text-transform: uppercase;
 }

 .blog-sidebar-block__title:before {
	 content: '';
	 position: absolute;
	 display: block;
	 top: calc(100% + 15px);
	 right: 0;
	 width: 100%;
	 height: 1px;
	 background: #f1f1f1;
 }

 .blog-sidebar-block__title:after {
	 content: '';
	 position: absolute;
	 display: block;
	 top: calc(100% + 15px);
	 right: 0;
	 width: 20px;
	 height: 1px;
	 background: #55C594;
	 -webkit-transition: 0.6s width;
	 transition: 0.6s width;
 }

 .blog-sidebar-block:hover .blog-sidebar-block__title:after {
	 width: 15%;
 }

 .blog-sidebar-search {
	 position: relative;
	 display: inline-block;
 }

 .blog-sidebar-search__input {
	 border-radius: 0;
	 padding: 10px 10px 10px 35px;
	 border: 1px solid #ccc;
	 color: #909096;
 }

 .blog-sidebar-search__submit {
	 position: absolute;
	 top: 50%;
	 left: 3px;
	 font-size: 20px;
	 color: #ccc;
	 background: transparent;
	 outline: none;
	 border: none;
	 cursor: pointer;
	 -webkit-appearance: none;
	 -webkit-transform: translateY(-45%);
	 -ms-transform: translateY(-45%);
	 transform: translateY(-45%);
 }

 .blog-sidebar-search__submit:hover {
	 color: #55C594;
 }

 .blog-sidebar-list__item {
	 margin: 0 10px 1px 0;
 }

 .blog-sidebar-list__link {
	 color: #515156;
	 font-weight: 300;
	 vertical-align: middle;
 }

 .blog-sidebar-list__link:before {
	 content: '—';
	 color: #55C594;
	 margin-left: 10px;
 }

 .blog-sidebar-list__link:hover {
	 color: #55C594;
 }

 .blog-sidebar-tags__tag {
	 display: inline-block;
	 margin: 0 0 8px 6px;
	 padding: 8px;
	 color: #909096;
	 border: 1px solid #ccc;
	 font-size: 12px;
	 text-transform: uppercase;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
 }

 .blog-sidebar-tags__tag:hover {
	 color: #55C594;
	 border-color: #55C594;
 }

 .post {
	 margin-bottom: 50px;
 }

 .post-format-image .post-header, .post-format-slider .post-header {
	 position: relative;
	 background: #000;
	 text-align: center;
	 max-height: 800px;
	 overflow: hidden;
 }

 .post-format-image .post-header .post__img, .post-format-slider .post-header .post__img {
	 /* opacity: 0.5; */
 }

 .post-format-image .post-title, .post-format-slider .post-title {
	 font-size: 46px;
	 font-size: 4.8vmin;
	 font-weight: 300;
	 color: #fff;
	 position: absolute;
	 top: 50%;
	 right: 0;
	 left: 0;
	 margin: auto;
	 width: 80%;
	 z-index: 1;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 -webkit-transition: 0.4s color;
	 transition: 0.4s color;
 }

 .post-format-image .post-title:hover, .post-format-slider .post-title:hover {
	 color: #55C594;
 }

 .post-format-simple .post-title, .post-format-video .post-title {
	 display: block;
	 margin-top: 30px;
	 color: #42424a;
	 font-size: 46px;
	 font-size: 4.8vmin;
	 font-weight: 300;
	 -webkit-transition: 0.4s color;
	 transition: 0.4s color;
 }

 .post-format-simple .post-title:hover, .post-format-video .post-title:hover {
	 color: #55C594;
 }

 .post__img {
	 width: 100%;
 }

 .post__video {
	 width: 100%;
 }

 .post-date {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 80px;
	 padding: 10px 0;
	 background: #55C594;
	 font-size: 20px;
	 color: #fff;
	 text-align: center;
	 text-transform: uppercase;
 }

 .post-date__day {
	 display: block;
	 font-size: 40px;
 }

 .post-wrap {
	 margin-right: 100px;
	 padding-left: 15px;
 }

 .post-content {
	 color: #515156;
 }

 .post-content__paragraph {
	 margin: 30px 0;
	 font-weight: 300;
	 line-height: 1.4;
 }

 .post-content__paragraph:last-of-type {
	 margin-bottom: 30px;
 }

 .post-content-quote {
	 position: relative;
	 margin-top: 30px;
	 padding: 20px;
	 line-height: 1.4;
	 font-style: italic;
	 font-weight: 300;
 }

 .post-content-quote:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 2px;
	 height: 100%;
	 background: #55C594;
 }

 .post-content-quote:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: .05;
	 z-index: -1;
 }

 .post-content-quote__source {
	 display: block;
	 text-align: left;
 }

 .post-meta {
	 vertical-align: middle;
	 text-align: left;
	 font-size: 12px;
	 text-transform: uppercase;
 }

 @media (max-width: 767px) {
	 .post-meta {
		 text-align: right;
	 }
 }

 .post-meta__item {
	 margin-left: 20px;
	 color: #515156;
 }

 .post-meta__item:before {
	 vertical-align: bottom;
	 font-size: 18px;
	 margin-left: 10px;
 }

 .post-meta__link {
	 color: #9d9da3;
 }

 .post-meta__link:hover {
	 color: #55C594;
 }

 /********************************

 @    BLOG SINGLE

 ********************************/
 .blog-author {
	 position: relative;
	 margin: 0;
	 padding: 30px;
	 border: 1px solid #eee;
	 color: #42424a;
 }

 .blog-author:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #55C594;
	 opacity: .05;
	 z-index: -1;
 }

 .blog-author__title {
	 font-weight: 300;
	 font-size: 24px;
	 text-transform: uppercase;
 }

 .blog-author__img {
	 max-width: 100%;
 }

 .blog-author__name {
	 font-size: 20px;
	 margin-bottom: 20px;
 }

 .blog-author__about {
	 padding-bottom: 0;
	 color: #515156;
	 font-weight: 300;
	 line-height: 1.4;
 }

 .blog-related__title {
	 font-weight: 300;
	 font-size: 24px;
	 text-transform: uppercase;
	 color: #42424a;
 }

 .blog-related-post {
	 color: #515156;
	 margin-bottom: 20px;
	 font-weight: 300;
 }

 .blog-related-post-thumb {
	 position: relative;
	 display: inline-block;
	 margin-left: 10px;
 }

 .blog-related-post-thumb:before {
	 content: '';
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 left: 10px;
	 bottom: 10px;
	 z-index: 1;
	 background: none;
	 opacity: 1;
	 -webkit-transform: scale(1, 0);
	 -ms-transform: scale(1, 0);
	 transform: scale(1, 0);
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .blog-related-post-thumb:hover:before {
	 border-right: 1px solid #fff;
	 border-left: 1px solid #fff;
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
 }

 .blog-related-post-thumb:after {
	 content: '';
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 left: 10px;
	 bottom: 10px;
	 -webkit-transform: scale(0, 1);
	 -ms-transform: scale(0, 1);
	 transform: scale(0, 1);
	 -webkit-transition: 0.4s transform;
	 transition: 0.4s transform;
 }

 .blog-related-post-thumb:hover:after {
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
 }

 .blog-related-post-thumb__inner:before {
	 content: '';
	 position: absolute;
	 top: 50%;
	 right: 50%;
	 color: #fff;
	 font-size: 20px;
	 z-index: 1;
	 opacity: 0;
	 -webkit-transition: 0.4s opacity;
	 transition: 0.4s opacity;
	 -webkit-transform: translate(50%, -50%);
	 -ms-transform: translate(50%, -50%);
	 transform: translate(50%, -50%);
 }

 .blog-related-post-thumb__inner:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 background: #55C594;
	 -webkit-transition: 0.4s opacity;
	 transition: 0.4s opacity;
 }

 .blog-related-post-thumb:hover .blog-related-post-thumb__inner:before {
	 opacity: 1;
 }

 .blog-related-post-thumb:hover .blog-related-post-thumb__inner:after {
	 opacity: .6;
	 background: #55C594;
 }

 .blog-related-post-thumb__img {
	 display: inline-block;
	 vertical-align: middle;
	 max-width: 80px;
 }

 .blog-related-post-meta {
	 display: inline-block;
	 vertical-align: middle;
	 width: 80%;
 }

 .blog-related-post-meta__title {
	 display: block;
	 font-size: 18px;
	 color: #42424a;
 }

 .blog-related-post-meta__title:hover {
	 color: #55C594;
 }

 .blog-related-post-meta__date {
	 font-size: 12px;
	 margin-left: 10px;
 }

 .blog-related-post-meta-comments {
	 margin-right: 10px;
 }

 .blog-related-post-meta-comments:before {
	 vertical-align: middle;
	 margin-left: 5px;
 }

 .blog-related-post-meta-comments__link {
	 color: #515156;
	 font-size: 12px;
 }

 .blog-related-post-meta-comments__link:hover {
	 color: #55C594;
 }

 .post-share {
	 font-weight: 300;
	 margin: 0 0 30px;
	 color: #fff;
 }

 .post-share__count {
	 margin-left: 20px;
 }

 .post-share__item {
	 padding-right: 0;
	 padding-left: 0;
	 padding-bottom: 0;
	 height: 50px;
	 line-height: 50px;
	 text-align: center;
	 position: relative;
	 font-size: 12px;
	 text-transform: uppercase;
	 cursor: pointer;
	 -webkit-transition: 0.4s opacity;
	 transition: 0.4s opacity;
 }

 .post-share__item:hover {
	 opacity: 0.85;
 }

 .post-share__item_fb {
	 background: #3b5998;
 }

 .post-share__item_tw {
	 background: #00aced;
 }

 .post-share__item_gp {
	 background: #dd4b39;
 }

 .post-share__item_li {
	 background: #007bb6;
 }

 .post-share__ico:before {
	 margin-left: 20px;
	 font-size: 20px;
	 vertical-align: middle;
 }

 /********************************

 @    COMMENTS LIST

 ********************************/
 .comments {
	 color: #515156;
 }

 .comments__title {
	 margin-top: 30px;
	 font-weight: 300;
	 font-size: 24px;
	 color: #42424a;
	 text-transform: uppercase;
 }

 .comment.depth-1 {
	 position: relative;
 }

 .comment.depth-1 .comment-author__img {
	 width: 90px;
 }

 .comment.depth-1 .comment-block {
	 padding-right: 110px;
 }

 .comment.depth-2 {
	 position: relative;
	 padding-right: 110px;
 }

 .comment.depth-2 .comment-author__img {
	 width: 60px;
 }

 .comment.depth-2 .comment-block {
	 padding-right: 80px;
 }

 .comment.depth-3 {
	 position: relative;
	 padding-right: 80px;
 }

 .comment.depth-3 .comment-author__img {
	 width: 60px;
 }

 .comment.depth-3 .comment-block {
	 padding-right: 80px;
 }

 .comment.depth-2 .comment-author:before, .comment.depth-3 .comment-author:before {
	 content: '';
	 position: absolute;
	 top: 80px;
	 width: 1px;
	 height: calc(100% - 80px);
	 margin-right: 30px;
	 background: #eee;
	 z-index: -1;
 }

 .comment-author {
	 display: inline-block;
	 vertical-align: middle;
	 margin-left: 20px;
 }

 .comment-meta {
	 display: inline-block;
	 vertical-align: middle;
 }

 .comment-meta__author {
	 color: #42424a;
 }

 .comment-meta__author:hover {
	 color: #55C594;
 }

 .comment-meta__date {
	 font-size: 12px;
 }

 .comment-block {
	 margin-bottom: 30px;
 }

 .comment-content {
	 font-weight: 300;
	 line-height: 1.4;
	 padding-bottom: 10px;
 }

 .comment-reply-link {
	 text-transform: capitalize;
	 font-size: 12px;
	 color: #42424a;
 }

 .comment-reply-link:hover {
	 color: #55C594;
 }

 /********************************

 @    COMMENT FORM

 ********************************/
 .comment-form {
	 text-align: left;
 }

 .comment-form__title {
	 margin: 50px 0 30px 0;
	 font-weight: 300;
	 font-size: 24px;
	 color: #42424a;
 }

 .comment-form__input {
	 border-radius: 0;
	 margin: 20px 0;
	 padding: 15px;
	 display: block;
	 width: 100%;
	 border: 2px solid #ebebeb;
	 color: #999;
	 font-family: "IRANSans", "Helvetica", sans-serif;
 }

 .comment-form__textarea {
	 border-radius: 0;
	 margin: 0 0 15px 0;
	 padding: 15px;
	 width: 100%;
	 max-width: 100%;
	 border: 2px solid #ebebeb;
	 color: #999;
	 font-family: "IRANSans", "Helvetica", sans-serif;
 }

 .comment-form__submit:hover {
	 background: transparent;
 }

 /********************************

 @ PRICING TABLES

 ********************************/
 .pricing-table {
	 padding: 50px 50px 140px;
	 position: relative;
	 z-index: 0;
	 text-align: center;
	 height: 100%;
 }

 .pricing-table__icon {
	 font-size: 40px !important;
 }

 .pricing-table__title {
	 margin: 15px 0;
	 font-size: 22px;
	 font-weight: 700;
	 letter-spacing: 4px;
 }

 .pricing-table__price {
	 margin: 30px 0;
	 font-size: 22px;
	 color: #fff;
	 font-weight: 700;
 }

 .pricing-table-row {
	 margin-bottom: 25px;
 }

 .pricing-table-row__icon {
	 display: inline-block;
	 vertical-align: middle;
	 margin-left: 10px;
	 font-size: 20px;
 }

 .pricing-table-row__content {
	 display: inline-block;
	 vertical-align: middle;
 }

 .pricing-table a {
	 position: absolute;
	 right: 50%;
	 left: 0;
	 bottom: 50px;
	 -webkit-transform: translateX(50%);
	 -ms-transform: translateX(50%);
	 transform: translateX(50%);
 }

 /********************************

 @    PRICING TABLE STYLE 1

 ********************************/
 .pricing-table-1 {
	 background: #55C594;
	 color: #fff;
	 height: 100%;
	 color: #fff;
	 -webkit-transition: 0.3s background-color;
	 transition: 0.3s background-color;
 }

 .pricing-table-1:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 z-index: -1;
 }

 .pricing-table-1:hover {
	 background: #2b3033;
 }

 .pricing-table-1.pricing-table_special {
	 background: #2b3033;
	 z-index: 1;
 }

 @media (min-width: 768px) {
	 .pricing-table-1.pricing-table_special {
		 -webkit-transform: scale3d(1.15, 1.15, 1.15);
		 -ms-transform: scale3d(1.15, 1.15, 1.15);
		 transform: scale3d(1.15, 1.15, 1.15);
	 }
 }

 .pricing-table-1.pricing-table_special .pricing-table__price {
	 color: #55C594;
 }

 .section [class*="col-"]:nth-child(1) .pricing-table:after {
	 opacity: 0;
 }

 .section [class*="col-"]:nth-child(2) .pricing-table:after {
	 opacity: .055;
 }

 .section [class*="col-"]:nth-child(3) .pricing-table:after {
	 opacity: .11;
 }

 .section [class*="col-"]:nth-child(4) .pricing-table:after {
	 opacity: .165;
 }

 .section [class*="col-"]:nth-child(5) .pricing-table:after {
	 opacity: .22;
 }

 .section [class*="col-"]:nth-child(6) .pricing-table:after {
	 opacity: .275;
 }

 /********************************

 @    PRICING TABLE STYLE 2

 ********************************/
 .pricing-table-2 {
	 color: #515156;
	 border: 4px solid #ddd;
	 -webkit-transition: 0.35s border-width;
	 transition: 0.35s border-width;
 }

 .pricing-table-2.pricing-table_special .pricing-table__icon {
	 color: #55C594;
 }

 .pricing-table-2.pricing-table_special .pricing-table__title {
	 color: #55C594;
 }

 .pricing-table-2:hover {
	 border-width: 12px;
 }

 .pricing-table-2 .pricing-table__price {
	 color: #55C594;
 }

 .pricing-table-2 .pricing-table-row:not(:last-of-type) {
	 padding-bottom: 15px;
	 margin-bottom: 25px;
	 border-bottom: 1px solid #ddd;
 }