/* No files to import found in function/**\/* */
body, html { width: 100%; margin: 0; padding: 0; }

html { overflow-x: auto; overflow-y: hidden; }

.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 500px !important; overflow: hidden; }

.container { position: relative; width: 100%; }
.container--padding { padding: 120px 0; }

.wrapper { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.wrapper--1170 { max-width: 1170px; }
.wrapper--960 { max-width: 960px; }
.wrapper--center { display: table; width: 100%; padding: 0 !important; }
.wrapper--center > .grid { display: table-cell; vertical-align: middle; }

@font-face { font-family: "noto"; font-style: normal; font-weight: 400; src: url("font/NotoNaskhArabicRegular.ttf") format("truetype"); }
@font-face { font-family: "notobold"; font-style: normal; font-weight: 700; src: url("font/NotoNaskhArabicBold.ttf") format("truetype"); }
@font-face { font-family: "roboto"; font-style: normal; font-weight: 400; src: url("font/RobotoTTF/Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "robotoBold"; font-style: normal; font-weight: 400; src: url("font/RobotoTTF/Roboto-Bold.ttf") format("truetype"); }
@font-face { font-family: "comfortaaLight"; font-style: normal; font-weight: 400; src: url("font/Comfortaa/Comfortaa-Light.ttf") format("truetype"); }
@font-face { font-family: "comfortaa"; font-style: normal; font-weight: 400; src: url("font/Comfortaa/Comfortaa-Regular.ttf") format("truetype"); }
@font-face { font-family: "comfortaaBold"; font-style: normal; font-weight: 400; src: url("font/Comfortaa/Comfortaa-Bold.ttf") format("truetype"); }
@font-face { font-family: "quicksandLight"; font-style: normal; font-weight: 400; src: url("font/Quicksand/Quicksand-Light.ttf") format("truetype"); }
@font-face { font-family: "quicksand"; font-style: normal; font-weight: 400; src: url("font/Quicksand/Quicksand-Regular.ttf") format("truetype"); }
@font-face { font-family: "quicksandBold"; font-style: normal; font-weight: 400; src: url("font/Quicksand/Quicksand-Bold.ttf") format("truetype"); }
@font-face { font-family: "yekan"; font-style: normal; font-weight: normal; src: url("font/yekan.eot?#iefix") format("embedded-opentype"), url("font/yekan.woff") format("woff"), url("font/yekan.ttf") format("truetype"), url("font/yekan.svg#yekan") format("svg"); }
@font-face { font-family: "sans"; font-style: normal; font-weight: normal; src: url("font/sans.ttf") format("truetype"); }
table { width: 100%; }
table td, table tr { text-align: right; }

input[type="email"], input[type="password"], input[type="tel"] { text-align: left; direction: ltr; }

.grid { list-style: none; margin: 0; padding: 0; letter-spacing: -0.31em; }

.opera:-o-prefocus, .grid { word-spacing: -0.43em; }

.grid__item { display: inline-block; padding-left: 36px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; word-spacing: normal; }

.grid--rev { direction: rtl; text-align: left; }
.grid--rev > .grid__item { direction: ltr; text-align: left; }

.grid--full { margin-left: 0; }
.grid--full > .grid__item { padding-left: 0; }

.grid--right { text-align: right; }
.grid--right > .grid__item { text-align: right; }

.grid--center { text-align: center; }
.grid--center > .grid__item { text-align: left; }

.grid--middle > .grid__item { vertical-align: middle; }

.grid--bottom > .grid__item { vertical-align: bottom; }

.grid--narrow { margin-left: -18px; }
.grid--narrow > .grid__item { padding-left: 18px; }

.grid--wide { margin-left: -18px; }
.grid--wide > .grid__item { padding-left: 18px; }

.one-whole { width: 100%; }

.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { width: 50%; }

.one-third, .two-sixths, .four-twelfths { width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths { width: 66.666%; }

.one-quarter, .two-eighths, .three-twelfths { width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths { width: 75%; }

.one-fifth, .two-tenths { width: 20%; }

.two-fifths, .four-tenths { width: 40%; }

.three-fifths, .six-tenths { width: 60%; }

.four-fifths, .eight-tenths { width: 80%; }

.one-sixth, .two-twelfths { width: 16.666%; }

.five-sixths, .ten-twelfths { width: 83.333%; }

.one-eighth { width: 12.5%; }

.three-eighths { width: 37.5%; }

.five-eighths { width: 62.5%; }

.seven-eighths { width: 87.5%; }

.one-tenth { width: 10%; }

.three-tenths { width: 30%; }

.seven-tenths { width: 70%; }

.nine-tenths { width: 90%; }

.one-twelfth { width: 8.333%; }

.five-twelfths { width: 41.666%; }

.seven-twelfths { width: 58.333%; }

.eleven-twelfths { width: 91.666%; }

@media only screen and (max-width: 768px) { .sm--one-whole { width: 100%; }
  .sm--one-half, .sm--two-quarters, .sm--three-sixths, .sm--four-eighths, .sm--five-tenths, .sm--six-twelfths { width: 50%; }
  .sm--one-third, .sm--two-sixths, .sm--four-twelfths { width: 33.333%; }
  .sm--two-thirds, .sm--four-sixths, .sm--eight-twelfths { width: 66.666%; }
  .sm--one-quarter, .sm--two-eighths, .sm--three-twelfths { width: 25%; }
  .sm--three-quarters, .sm--six-eighths, .sm--nine-twelfths { width: 75%; }
  .sm--one-fifth, .sm--two-tenths { width: 20%; }
  .sm--two-fifths, .sm--four-tenths { width: 40%; }
  .sm--three-fifths, .sm--six-tenths { width: 60%; }
  .sm--four-fifths, .sm--eight-tenths { width: 80%; }
  .sm--one-sixth, .sm--two-twelfths { width: 16.666%; }
  .sm--five-sixths, .sm--ten-twelfths { width: 83.333%; }
  .sm--one-eighth { width: 12.5%; }
  .sm--three-eighths { width: 37.5%; }
  .sm--five-eighths { width: 62.5%; }
  .sm--seven-eighths { width: 87.5%; }
  .sm--one-tenth { width: 10%; }
  .sm--three-tenths { width: 30%; }
  .sm--seven-tenths { width: 70%; }
  .sm--nine-tenths { width: 90%; }
  .sm--one-twelfth { width: 8.333%; }
  .sm--five-twelfths { width: 41.666%; }
  .sm--seven-twelfths { width: 58.333%; }
  .sm--eleven-twelfths { width: 91.666%; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) { .md--one-whole { width: 100%; }
  .md--one-half, .md--two-quarters, .md--three-sixths, .md--four-eighths, .md--five-tenths, .md--six-twelfths { width: 50%; }
  .md--one-third, .md--two-sixths, .md--four-twelfths { width: 33.333%; }
  .md--two-thirds, .md--four-sixths, .md--eight-twelfths { width: 66.666%; }
  .md--one-quarter, .md--two-eighths, .md--three-twelfths { width: 25%; }
  .md--three-quarters, .md--six-eighths, .md--nine-twelfths { width: 75%; }
  .md--one-fifth, .md--two-tenths { width: 20%; }
  .md--two-fifths, .md--four-tenths { width: 40%; }
  .md--three-fifths, .md--six-tenths { width: 60%; }
  .md--four-fifths, .md--eight-tenths { width: 80%; }
  .md--one-sixth, .md--two-twelfths { width: 16.666%; }
  .md--five-sixths, .md--ten-twelfths { width: 83.333%; }
  .md--one-eighth { width: 12.5%; }
  .md--three-eighths { width: 37.5%; }
  .md--five-eighths { width: 62.5%; }
  .md--seven-eighths { width: 87.5%; }
  .md--one-tenth { width: 10%; }
  .md--three-tenths { width: 30%; }
  .md--seven-tenths { width: 70%; }
  .md--nine-tenths { width: 90%; }
  .md--one-twelfth { width: 8.333%; }
  .md--five-twelfths { width: 41.666%; }
  .md--seven-twelfths { width: 58.333%; }
  .md--eleven-twelfths { width: 91.666%; } }
@media only screen and (min-width: 1025px) { .lg--one-whole { width: 100%; }
  .lg--one-half, .lg--two-quarters, .lg--three-sixths, .lg--four-eighths, .lg--five-tenths, .lg--six-twelfths { width: 50%; }
  .lg--one-third, .lg--two-sixths, .lg--four-twelfths { width: 33.333%; }
  .lg--two-thirds, .lg--four-sixths, .lg--eight-twelfths { width: 66.666%; }
  .lg--one-quarter, .lg--two-eighths, .lg--three-twelfths { width: 25%; }
  .lg--three-quarters, .lg--six-eighths, .lg--nine-twelfths { width: 75%; }
  .lg--one-fifth, .lg--two-tenths { width: 20%; }
  .lg--two-fifths, .lg--four-tenths { width: 40%; }
  .lg--three-fifths, .lg--six-tenths { width: 60%; }
  .lg--four-fifths, .lg--eight-tenths { width: 80%; }
  .lg--one-sixth, .lg--two-twelfths { width: 16.666%; }
  .lg--five-sixths, .lg--ten-twelfths { width: 83.333%; }
  .lg--one-eighth { width: 12.5%; }
  .lg--three-eighths { width: 37.5%; }
  .lg--five-eighths { width: 62.5%; }
  .lg--seven-eighths { width: 87.5%; }
  .lg--one-tenth { width: 10%; }
  .lg--three-tenths { width: 30%; }
  .lg--seven-tenths { width: 70%; }
  .lg--nine-tenths { width: 90%; }
  .lg--one-twelfth { width: 8.333%; }
  .lg--five-twelfths { width: 41.666%; }
  .lg--seven-twelfths { width: 58.333%; }
  .lg--eleven-twelfths { width: 91.666%; } }
[class*="push--"] { position: relative; }

.push--one-whole { left: 100%; }

.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths { left: 50%; }

.push--one-third, .push--two-sixths, .push--four-twelfths { left: 33.333%; }

.push--two-thirds, .push--four-sixths, .push--eight-twelfths { left: 66.666%; }

.push--one-quarter, .push--two-eighths, .push--three-twelfths { left: 25%; }

.push--three-quarters, .push--six-eighths, .push--nine-twelfths { left: 75%; }

.push--one-fifth, .push--two-tenths { left: 20%; }

.push--two-fifths, .push--four-tenths { left: 40%; }

.push--three-fifths, .push--six-tenths { left: 60%; }

.push--four-fifths, .push--eight-tenths { left: 80%; }

.push--one-sixth, .push--two-twelfths { left: 16.666%; }

.push--five-sixths, .push--ten-twelfths { left: 83.333%; }

.push--one-eighth { left: 12.5%; }

.push--three-eighths { left: 37.5%; }

.push--five-eighths { left: 62.5%; }

.push--seven-eighths { left: 87.5%; }

.push--one-tenth { left: 10%; }

.push--three-tenths { left: 30%; }

.push--seven-tenths { left: 70%; }

.push--nine-tenths { left: 90%; }

.push--one-twelfth { left: 8.333%; }

.push--five-twelfths { left: 41.666%; }

.push--seven-twelfths { left: 58.333%; }

.push--eleven-twelfths { left: 91.666%; }

@media only screen and (max-width: 768px) { .push--sm--one-whole { left: 100%; }
  .push--sm--one-half, .push--sm--two-quarters, .push--sm--three-sixths, .push--sm--four-eighths, .push--sm--five-tenths, .push--sm--six-twelfths { left: 50%; }
  .push--sm--one-third, .push--sm--two-sixths, .push--sm--four-twelfths { left: 33.333%; }
  .push--sm--two-thirds, .push--sm--four-sixths, .push--sm--eight-twelfths { left: 66.666%; }
  .push--sm--one-quarter, .push--sm--two-eighths, .push--sm--three-twelfths { left: 25%; }
  .push--sm--three-quarters, .push--sm--six-eighths, .push--sm--nine-twelfths { left: 75%; }
  .push--sm--one-fifth, .push--sm--two-tenths { left: 20%; }
  .push--sm--two-fifths, .push--sm--four-tenths { left: 40%; }
  .push--sm--three-fifths, .push--sm--six-tenths { left: 60%; }
  .push--sm--four-fifths, .push--sm--eight-tenths { left: 80%; }
  .push--sm--one-sixth, .push--sm--two-twelfths { left: 16.666%; }
  .push--sm--five-sixths, .push--sm--ten-twelfths { left: 83.333%; }
  .push--sm--one-eighth { left: 12.5%; }
  .push--sm--three-eighths { left: 37.5%; }
  .push--sm--five-eighths { left: 62.5%; }
  .push--sm--seven-eighths { left: 87.5%; }
  .push--sm--one-tenth { left: 10%; }
  .push--sm--three-tenths { left: 30%; }
  .push--sm--seven-tenths { left: 70%; }
  .push--sm--nine-tenths { left: 90%; }
  .push--sm--one-twelfth { left: 8.333%; }
  .push--sm--five-twelfths { left: 41.666%; }
  .push--sm--seven-twelfths { left: 58.333%; }
  .push--sm--eleven-twelfths { left: 91.666%; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) { .push--md--one-whole { left: 100%; }
  .push--md--one-half, .push--md--two-quarters, .push--md--three-sixths, .push--md--four-eighths, .push--md--five-tenths, .push--md--six-twelfths { left: 50%; }
  .push--md--one-third, .push--md--two-sixths, .push--md--four-twelfths { left: 33.333%; }
  .push--md--two-thirds, .push--md--four-sixths, .push--md--eight-twelfths { left: 66.666%; }
  .push--md--one-quarter, .push--md--two-eighths, .push--md--three-twelfths { left: 25%; }
  .push--md--three-quarters, .push--md--six-eighths, .push--md--nine-twelfths { left: 75%; }
  .push--md--one-fifth, .push--md--two-tenths { left: 20%; }
  .push--md--two-fifths, .push--md--four-tenths { left: 40%; }
  .push--md--three-fifths, .push--md--six-tenths { left: 60%; }
  .push--md--four-fifths, .push--md--eight-tenths { left: 80%; }
  .push--md--one-sixth, .push--md--two-twelfths { left: 16.666%; }
  .push--md--five-sixths, .push--md--ten-twelfths { left: 83.333%; }
  .push--md--one-eighth { left: 12.5%; }
  .push--md--three-eighths { left: 37.5%; }
  .push--md--five-eighths { left: 62.5%; }
  .push--md--seven-eighths { left: 87.5%; }
  .push--md--one-tenth { left: 10%; }
  .push--md--three-tenths { left: 30%; }
  .push--md--seven-tenths { left: 70%; }
  .push--md--nine-tenths { left: 90%; }
  .push--md--one-twelfth { left: 8.333%; }
  .push--md--five-twelfths { left: 41.666%; }
  .push--md--seven-twelfths { left: 58.333%; }
  .push--md--eleven-twelfths { left: 91.666%; } }
@media only screen and (min-width: 1025px) { .push--lg--one-whole { left: 100%; }
  .push--lg--one-half, .push--lg--two-quarters, .push--lg--three-sixths, .push--lg--four-eighths, .push--lg--five-tenths, .push--lg--six-twelfths { left: 50%; }
  .push--lg--one-third, .push--lg--two-sixths, .push--lg--four-twelfths { left: 33.333%; }
  .push--lg--two-thirds, .push--lg--four-sixths, .push--lg--eight-twelfths { left: 66.666%; }
  .push--lg--one-quarter, .push--lg--two-eighths, .push--lg--three-twelfths { left: 25%; }
  .push--lg--three-quarters, .push--lg--six-eighths, .push--lg--nine-twelfths { left: 75%; }
  .push--lg--one-fifth, .push--lg--two-tenths { left: 20%; }
  .push--lg--two-fifths, .push--lg--four-tenths { left: 40%; }
  .push--lg--three-fifths, .push--lg--six-tenths { left: 60%; }
  .push--lg--four-fifths, .push--lg--eight-tenths { left: 80%; }
  .push--lg--one-sixth, .push--lg--two-twelfths { left: 16.666%; }
  .push--lg--five-sixths, .push--lg--ten-twelfths { left: 83.333%; }
  .push--lg--one-eighth { left: 12.5%; }
  .push--lg--three-eighths { left: 37.5%; }
  .push--lg--five-eighths { left: 62.5%; }
  .push--lg--seven-eighths { left: 87.5%; }
  .push--lg--one-tenth { left: 10%; }
  .push--lg--three-tenths { left: 30%; }
  .push--lg--seven-tenths { left: 70%; }
  .push--lg--nine-tenths { left: 90%; }
  .push--lg--one-twelfth { left: 8.333%; }
  .push--lg--five-twelfths { left: 41.666%; }
  .push--lg--seven-twelfths { left: 58.333%; }
  .push--lg--eleven-twelfths { left: 91.666%; } }
[class*="pull--"] { position: relative; }

.pull--one-whole { right: 100%; }

.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths { right: 50%; }

.pull--one-third, .pull--two-sixths, .pull--four-twelfths { right: 33.333%; }

.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths { right: 66.666%; }

.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths { right: 25%; }

.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths { right: 75%; }

.pull--one-fifth, .pull--two-tenths { right: 20%; }

.pull--two-fifths, .pull--four-tenths { right: 40%; }

.pull--three-fifths, .pull--six-tenths { right: 60%; }

.pull--four-fifths, .pull--eight-tenths { right: 80%; }

.pull--one-sixth, .pull--two-twelfths { right: 16.666%; }

.pull--five-sixths, .pull--ten-twelfths { right: 83.333%; }

.pull--one-eighth { right: 12.5%; }

.pull--three-eighths { right: 37.5%; }

.pull--five-eighths { right: 62.5%; }

.pull--seven-eighths { right: 87.5%; }

.pull--one-tenth { right: 10%; }

.pull--three-tenths { right: 30%; }

.pull--seven-tenths { right: 70%; }

.pull--nine-tenths { right: 90%; }

.pull--one-twelfth { right: 8.333%; }

.pull--five-twelfths { right: 41.666%; }

.pull--seven-twelfths { right: 58.333%; }

.pull--eleven-twelfths { right: 91.666%; }

@media only screen and (max-width: 768px) { .pull--sm--one-whole { right: 100%; }
  .pull--sm--one-half, .pull--sm--two-quarters, .pull--sm--three-sixths, .pull--sm--four-eighths, .pull--sm--five-tenths, .pull--sm--six-twelfths { right: 50%; }
  .pull--sm--one-third, .pull--sm--two-sixths, .pull--sm--four-twelfths { right: 33.333%; }
  .pull--sm--two-thirds, .pull--sm--four-sixths, .pull--sm--eight-twelfths { right: 66.666%; }
  .pull--sm--one-quarter, .pull--sm--two-eighths, .pull--sm--three-twelfths { right: 25%; }
  .pull--sm--three-quarters, .pull--sm--six-eighths, .pull--sm--nine-twelfths { right: 75%; }
  .pull--sm--one-fifth, .pull--sm--two-tenths { right: 20%; }
  .pull--sm--two-fifths, .pull--sm--four-tenths { right: 40%; }
  .pull--sm--three-fifths, .pull--sm--six-tenths { right: 60%; }
  .pull--sm--four-fifths, .pull--sm--eight-tenths { right: 80%; }
  .pull--sm--one-sixth, .pull--sm--two-twelfths { right: 16.666%; }
  .pull--sm--five-sixths, .pull--sm--ten-twelfths { right: 83.333%; }
  .pull--sm--one-eighth { right: 12.5%; }
  .pull--sm--three-eighths { right: 37.5%; }
  .pull--sm--five-eighths { right: 62.5%; }
  .pull--sm--seven-eighths { right: 87.5%; }
  .pull--sm--one-tenth { right: 10%; }
  .pull--sm--three-tenths { right: 30%; }
  .pull--sm--seven-tenths { right: 70%; }
  .pull--sm--nine-tenths { right: 90%; }
  .pull--sm--one-twelfth { right: 8.333%; }
  .pull--sm--five-twelfths { right: 41.666%; }
  .pull--sm--seven-twelfths { right: 58.333%; }
  .pull--sm--eleven-twelfths { right: 91.666%; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) { .pull--md--one-whole { right: 100%; }
  .pull--md--one-half, .pull--md--two-quarters, .pull--md--three-sixths, .pull--md--four-eighths, .pull--md--five-tenths, .pull--md--six-twelfths { right: 50%; }
  .pull--md--one-third, .pull--md--two-sixths, .pull--md--four-twelfths { right: 33.333%; }
  .pull--md--two-thirds, .pull--md--four-sixths, .pull--md--eight-twelfths { right: 66.666%; }
  .pull--md--one-quarter, .pull--md--two-eighths, .pull--md--three-twelfths { right: 25%; }
  .pull--md--three-quarters, .pull--md--six-eighths, .pull--md--nine-twelfths { right: 75%; }
  .pull--md--one-fifth, .pull--md--two-tenths { right: 20%; }
  .pull--md--two-fifths, .pull--md--four-tenths { right: 40%; }
  .pull--md--three-fifths, .pull--md--six-tenths { right: 60%; }
  .pull--md--four-fifths, .pull--md--eight-tenths { right: 80%; }
  .pull--md--one-sixth, .pull--md--two-twelfths { right: 16.666%; }
  .pull--md--five-sixths, .pull--md--ten-twelfths { right: 83.333%; }
  .pull--md--one-eighth { right: 12.5%; }
  .pull--md--three-eighths { right: 37.5%; }
  .pull--md--five-eighths { right: 62.5%; }
  .pull--md--seven-eighths { right: 87.5%; }
  .pull--md--one-tenth { right: 10%; }
  .pull--md--three-tenths { right: 30%; }
  .pull--md--seven-tenths { right: 70%; }
  .pull--md--nine-tenths { right: 90%; }
  .pull--md--one-twelfth { right: 8.333%; }
  .pull--md--five-twelfths { right: 41.666%; }
  .pull--md--seven-twelfths { right: 58.333%; }
  .pull--md--eleven-twelfths { right: 91.666%; } }
@media only screen and (min-width: 1025px) { .pull--lg--one-whole { right: 100%; }
  .pull--lg--one-half, .pull--lg--two-quarters, .pull--lg--three-sixths, .pull--lg--four-eighths, .pull--lg--five-tenths, .pull--lg--six-twelfths { right: 50%; }
  .pull--lg--one-third, .pull--lg--two-sixths, .pull--lg--four-twelfths { right: 33.333%; }
  .pull--lg--two-thirds, .pull--lg--four-sixths, .pull--lg--eight-twelfths { right: 66.666%; }
  .pull--lg--one-quarter, .pull--lg--two-eighths, .pull--lg--three-twelfths { right: 25%; }
  .pull--lg--three-quarters, .pull--lg--six-eighths, .pull--lg--nine-twelfths { right: 75%; }
  .pull--lg--one-fifth, .pull--lg--two-tenths { right: 20%; }
  .pull--lg--two-fifths, .pull--lg--four-tenths { right: 40%; }
  .pull--lg--three-fifths, .pull--lg--six-tenths { right: 60%; }
  .pull--lg--four-fifths, .pull--lg--eight-tenths { right: 80%; }
  .pull--lg--one-sixth, .pull--lg--two-twelfths { right: 16.666%; }
  .pull--lg--five-sixths, .pull--lg--ten-twelfths { right: 83.333%; }
  .pull--lg--one-eighth { right: 12.5%; }
  .pull--lg--three-eighths { right: 37.5%; }
  .pull--lg--five-eighths { right: 62.5%; }
  .pull--lg--seven-eighths { right: 87.5%; }
  .pull--lg--one-tenth { right: 10%; }
  .pull--lg--three-tenths { right: 30%; }
  .pull--lg--seven-tenths { right: 70%; }
  .pull--lg--nine-tenths { right: 90%; }
  .pull--lg--one-twelfth { right: 8.333%; }
  .pull--lg--five-twelfths { right: 41.666%; }
  .pull--lg--seven-twelfths { right: 58.333%; }
  .pull--lg--eleven-twelfths { right: 91.666%; } }
html[dir='ltr'] { font-family: "quicksand", tahoma, sans-serif; }
html[dir='ltr'] h1, html[dir='ltr'] h2, html[dir='ltr'] h3, html[dir='ltr'] h4, html[dir='ltr'] h5, html[dir='ltr'] h6 { font-family: "quicksand", tahoma, sans-serif !important; font-weight: normal; }
html[dir='ltr'] button, html[dir='ltr'] html, html[dir='ltr'] input, html[dir='ltr'] select, html[dir='ltr'] textarea { font-family: "quicksand", tahoma, sans-serif !important; }

html[dir='rtl'] { font-family: "quicksand", tahoma, sans-serif; }
html[dir='rtl'] h1, html[dir='rtl'] h2, html[dir='rtl'] h3, html[dir='rtl'] h4, html[dir='rtl'] h5, html[dir='rtl'] h6 { font-family: "quicksand", tahoma, sans-serif !important; font-weight: normal; }
html[dir='rtl'] button, html[dir='rtl'] html, html[dir='rtl'] input, html[dir='rtl'] select, html[dir='rtl'] textarea { font-family: "quicksand", tahoma, sans-serif !important; }

.angucomplete-dropdown { position: absolute; left: 2px; right: 2px; top: 34px; max-height: 250px; overflow-y: auto; z-index: 3; }

.angucomplete-row { background-color: #F5F5F5; padding: 4px 8px; font-size: 14px; border-bottom: 1px solid #EEEEEE; }
.angucomplete-row:last-child { border-bottom: 0; }
.angucomplete-row:hover { background-color: #EEEEEE; }

.angucomplete-match { color: #2196F3; }

.angucomplete-searching { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.87); padding: 4px 8px; font-size: 14px; }

.c-badge { position: relative; float: left; font-size: 10px; }
.c-badge--colored--primary { padding: 3px 6px; color: #FFFFFF; background-color: #2196F3; }
.c-badge--colored--accent { padding: 3px 6px; color: #FFFFFF; background-color: #43A047; }
.c-badge--colored--warn { padding: 3px 6px; color: #FFFFFF; background-color: #EF6C00; }
.c-badge--colored--error { padding: 3px 6px; color: #FFFFFF; background-color: #F44336; }
.c-badge--link a { cursor: pointer; margin-top: 5px; display: block; }
.c-badge--link a:hover { text-decoration: underline; }

.c-md-button--reset { margin: 0; }
.c-md-button--icon { min-width: auto; }
.c-md-button--white-text { color: #FFFFFF; }
.c-md-button--white-text md-icon { color: #FFFFFF; }
.c-md-button--group { text-align: center; }
.c-md-button--group .md-button { border-radius: 0; margin-right: -1px; }
.c-md-button--group .md-button:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-right: 0; }
.c-md-button--group .md-button:last-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.c-md-button--group--2-buttons .md-button { width: 48.5%; }
.c-md-button--group--3-button .md-button { width: 31.83333%; }
.c-md-button--group--4-button .md-button { width: 23.5%; }
.c-md-button--group--5-button .md-button { width: 18.5%; }

.floating-label { transform: translate3d(0, 28px, 0) scale(1) !important; transition: 0.25s !important; }

md-input-container.md-input-focused .floating-label { transform: translate3d(0, 6px, 0) scale(0.75) !important; }

md-input-container.md-input-has-value .floating-label { transform: translate3d(0, 6px, 0) scale(0.75) !important; }

.c-grid--vertical > .grid__item { padding-left: 0 !important; }
@media only screen and (max-width: 375px) { .content .c-landing {padding:20px !important;} }
@media only screen and (max-width: 768px) { .c-grid--vertical--sm > .grid__item { padding-left: 0 !important; } }
@media only screen and (min-width: 769px) and (max-width: 1023px) { .c-grid--vertical--md > .grid__item { padding-left: 0 !important; } }
@media only screen and (min-width: 1024px) { .c-grid--vertical--lg > .grid__item { padding-left: 0 !important; } }
.c-headline--section { text-align: center; font-size: 32px; padding-bottom: 50px; }

.c-md-icon--reset { margin: 0 !important; width: auto; height: auto; }
.c-md-icon--lg { font-size: 48px; }
.c-md-icon--md { font-size: 24px; }
.c-md-icon--sm { font-size: 12px; }

.c-md-input--reset .md-errors-spacer { display: none; }
.c-md-input--reset md-autocomplete md-input-container { margin: 0; padding: 0; display: block; }

md-input-container:not(.md-input-invalid).md-input--white label { color: #FFFFFF; }
md-input-container:not(.md-input-invalid).md-input--white .md-input { border-color: #FFFFFF; color: #FFFFFF; }

md-input-container:not(.md-input-invalid).md-input--white md-input-container.md-input-focused label, md-input-container:not(.md-input-invalid).md-input--white md-input-container.md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-focused.md-input--white label, md-input-container:not(.md-input-invalid).md-input-has-value.md-input--white label { color: rgba(255, 255, 255, 0.8); }
md-input-container:not(.md-input-invalid).md-input--white md-input-container.md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input--white md-input-container.md-input-has-value .md-input, md-input-container:not(.md-input-invalid).md-input-focused.md-input--white .md-input, md-input-container:not(.md-input-invalid).md-input-has-value.md-input--white .md-input { border-color: #FFFFFF; }

md-input-container.md-input--grey label { color: rgba(0, 0, 0, 0.87); }

.c-scrollbar--sm::-webkit-scrollbar { width: 3px; }
.c-scrollbar--md::-webkit-scrollbar { width: 6px; }
.c-scrollbar--lg::-webkit-scrollbar { width: 9px; }

.c-scrollbar--default { /* Track */ /* Handle */ }
.c-scrollbar--default::-webkit-scrollbar-track { background-color: #eee; }
.c-scrollbar--default::-webkit-scrollbar-thumb { background: #BDBDBD; }
.c-scrollbar--default::-webkit-scrollbar-thumb:window-inactive { background: #BDBDBD; }
.c-scrollbar--primary { /* Track */ /* Handle */ }
.c-scrollbar--primary::-webkit-scrollbar-track { background-color: #eee; }
.c-scrollbar--primary::-webkit-scrollbar-thumb { background: #BDBDBD; }
.c-scrollbar--primary::-webkit-scrollbar-thumb:window-inactive { background: #BDBDBD; }
.c-scrollbar--accent { /* Track */ /* Handle */ }
.c-scrollbar--accent::-webkit-scrollbar-track { background-color: #eee; }
.c-scrollbar--accent::-webkit-scrollbar-thumb { background: #BDBDBD; }
.c-scrollbar--accent::-webkit-scrollbar-thumb:window-inactive { background: #BDBDBD; }
.c-scrollbar--warn { /* Track */ /* Handle */ }
.c-scrollbar--warn::-webkit-scrollbar-track { background-color: #eee; }
.c-scrollbar--warn::-webkit-scrollbar-thumb { background: #BDBDBD; }
.c-scrollbar--warn::-webkit-scrollbar-thumb:window-inactive { background: #BDBDBD; }

.c-shadow--level-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.c-shadow--level-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.c-shadow--level-3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.c-shadow--level-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.c-shadow--level-5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.t-font-size--xs { font-size: 10px !important; }
.t-font-size--sm { font-size: 11px !important; }
.t-font-size--md { font-size: 12px !important; }

.c-vcenter { height: 100%; width: 100%; display: table; }
.c-vcenter__child { display: table-cell; vertical-align: middle; text-align: center; }

.o-board { border: 1px solid #EEEEEE; border-radius: 3px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.1); }
.o-board md-tabs-wrapper { background-color: #EEEEEE; }
.o-board ul { list-style: none; margin: 0; }
.o-board__content { background-color: #FAFAFA; }
.o-board__title h3 { margin: 0; font-weight: normal; background-color: #EEEEEE; padding: 10px 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.o-board__container { border-left: 1px solid #e0e0e0; }
.o-board__container:last-child { border-left: 1px solid rgba(224, 224, 224, 0); }
.o-board__item { position: relative; border-bottom: 1px solid #e0e0e0; padding: 5px 20px; background-color: #FAFAFA; }
.o-board__item:hover { background-color: #F5F5F5; }
.o-board__item h3 a { text-decoration: none; color: #039BE5; }
.o-board__item--1-line h3 { margin: 0; }
.o-board__item--1-line img[class$="__image ]"] { max-width: 30px; }
.o-board__item--2-lines h3 { font-size: 16px; margin: 0; }
.o-board__item--2-lines img[class$="__image ]"] { max-width: 40px; position: relative; top: 8px; }
.o-board__link { color: #039BE5; cursor: pointer; text-decoration: none; }
.o-board__link:hover { text-decoration: underline; }
.o-board__text { font-size: 13px; }
.o-board__info-text { font-size: 12px; color: #757575; text-decoration: none; }
.o-board__info-text:after { font-size: 13px; position: relative; top: 1px; padding: 0 5px; content: "|"; }
.o-board__info-text:last-child::after { content: ""; }

.o-box-row { padding-top: 20px; }
.o-box-row:last-child { padding-bottom: 20px; }
.o-box-row--first { padding-top: 0; }

.o-box { position: relative; border-radius: 3px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.1); }
.o-box__header { position: relative; padding: 20px !important; border-bottom: 1px solid #e0e0e0; }
.o-box__body { position: relative; padding: 20px !important; }
.o-box__footer { position: relative; padding: 20px !important; border-top: 1px solid #e0e0e0; }
.o-box--no-padding { padding: 0 !important; }
.o-box__boxin { padding: 15px !important; background-color: #F5F5F5; border-radius: 3px; color: #9E9E9E; text-align: center; }
.o-box__boxin .one-whole { padding: 0; }
.o-box__boxin__icon { color: #9E9E9E; padding-bottom: 10px; display: block; }
.o-box__boxin__span { font-size: 12px; }
.o-box__boxin__span--info { color: rgba(0, 0, 0, 0.87); }
.o-box__boxin__span--main { font-size: 18px; padding-bottom: 10px; display: block; }
.o-box__boxin__span--submain { font-size: 14px; padding-bottom: 10px; display: block; }
.o-box__boxin__p { text-align: right; padding-bottom: 10px; display: block; }
.o-box__title h3 { margin: 0; font-weight: normal; }
.o-box__title--1-line img[class$="__image ]"] { max-width: 30px; }
.o-box__title--2-lines h3 { font-size: 16px; }
.o-box__title--2-lines img[class$="__image ]"] { max-width: 40px; position: relative; top: 8px; }
.o-box__link { color: #039BE5; cursor: pointer; text-decoration: none; }
.o-box__link:hover { text-decoration: underline; }
.o-box__image { margin-left: 10px; vertical-align: middle; float: right; }
.o-box__button { text-align: left; }
.o-box__button .md-button { margin: 0 3px 0 0; }
.o-box__button--sidebar-cta { padding-bottom: 8px; }
.o-box__button--sidebar-cta .md-button { width: 100%; }
.o-box__text { font-size: 13px; }
.o-box__info-text { font-size: 12px; color: #757575; }
.o-box__info-text:after { font-size: 13px; position: relative; top: 1px; padding: 0 5px; content: "|"; }
.o-box__info-text:last-child::after { content: ""; }

.o-card { box-sizing: border-box; border-radius: 3px 3px 0 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.o-card__image { overflow: hidden; border-radius: 3px 3px 0 0; }
.o-card__image img { display: block; width: 100%; height: auto; }
.o-card__title { padding: 24px 16px 16px 16px; display: block; }
.o-card__title h3 { display: block; font-size: 24px; margin: 0; }
.o-card__text { padding: 0 16px 16px 16px; font-size: 14px; }
.o-card__action { padding: 0 16px 16px 16px; }
.o-card__action::after { clear: both; content: ""; display: table; }

.o-dropmenu .o-dropmenu__text { width: auto; }

.o-dropmenu__item--sm { height: 24px; min-height: 24px; }
.o-dropmenu__item--sm .o-dropmenu__item__icon { font-size: 12px; line-height: 24px; }
.o-dropmenu__item--sm .o-dropmenu__item__text { line-height: 24px; font-size: 8px; }
.o-dropmenu__item--sm .o-dropmenu__item__image { line-height: 24px; }
.o-dropmenu__item--md { height: 36px; min-height: 36px; }
.o-dropmenu__item--md .o-dropmenu__item__icon { font-size: 18px; line-height: 36px; }
.o-dropmenu__item--md .o-dropmenu__item__text { line-height: 36px; font-size: 12px; }
.o-dropmenu__item--md .o-dropmenu__item__image { line-height: 36px; }
.o-dropmenu__item--lg { height: 48px; min-height: 48px; }
.o-dropmenu__item--lg .o-dropmenu__item__icon { font-size: 24px; line-height: 48px; }
.o-dropmenu__item--lg .o-dropmenu__item__text { line-height: 48px; font-size: 16px; }
.o-dropmenu__item--lg .o-dropmenu__item__image { line-height: 48px; }
.o-dropmenu__item .grid, .o-dropmenu__item .grid__item { height: 100%; }
.o-dropmenu__item .o-dropmenu__item__icon { text-align: center; }
.o-dropmenu__item .o-dropmenu__item__text span { display: block; font-size: 12px; line-height: 22px; }
.o-dropmenu__item .o-dropmenu__item__text span:first-child { margin-top: 3px; }
.o-dropmenu__item .o-dropmenu__item__image { text-align: center; }
.o-dropmenu__item .o-dropmenu__item__image img { height: 25px; vertical-align: middle; }

.o-filter { border: 1px solid #EEEEEE; border-radius: 3; }
.o-filter__title { display: block; background-color: #EEEEEE; padding: 10px; text-align: center; }
.o-filter__item { padding: 10px; padding-bottom: 0; box-sizing: border-box; }
.o-filter__item:last-child { padding-bottom: 10px; }
.o-filter__item md-checkbox { margin: 0; }
.o-filter__item md-radio-button:last-child { margin-bottom: 0; }

.o-menu { margin: 0; padding: 0; }
.o-menu::after { clear: both; content: ""; display: table; }
.o-menu li { display: inline-table; }
.o-menu li a { display: block; margin: 0; }
.o-menu--space li { margin-right: 10px; }
.o-menu--vertical { padding: 0; list-style: none; }
.o-menu--vertical li { padding: 0 16px; }
.o-menu--vertical li a { margin: 0; display: block; text-align: right; margin-bottom: 8px; border-radius: 0; }
.o-menu--vertical li .md-button { width: 100%; }

.o-modal md-dialog { max-width: 100%; max-height: 100%; }
.o-modal__title { position: relative; display: block; background-color: #2196F3; padding: 16px 24px !important; }
.o-modal__title h2 { color: #FFFFFF; font-size: 20px; margin: 0; }
.o-modal__title .md-button { position: absolute; left: 10px; top: 13px; }
.o-modal__title md-icon { color: #FFFFFF; }
.o-modal__content { display: block; padding: 16px 24px !important; }
.o-modal__content h2 { font-size: 14px; margin-bottom: 32px; }
.o-modal__footer { display: block; padding: 16px 24px !important; }
.o-modal__footer--action { text-align: left; }

.o-sidenav__title { background-color: #2196F3; padding: 8px 16px; margin: 0; color: #FFFFFF; }

.o-todo { position: relative; }
.o-todo md-content { max-height: 110px; }
.o-todo .o-todo__header { position: relative; margin: 0; font-weight: normal; padding: 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee; }
.o-todo .o-todo__badge { position: relative; float: left; }
.o-todo .o-todo__badge a { color: #039BE5; }
.o-todo .o-todo__list { list-style: none; margin: 0; padding: 0; }
.o-todo .o-todo__list .o-todo__list__item { position: relative; margin-bottom: 3px; background-color: #F5F5F5; text-decoration: none; color: rgba(0, 0, 0, 0.87); font-size: 14px; }
.o-todo .o-todo__list .o-todo__list__item:nth-child(2n+1) { background-color: #fafafa; }
.o-todo .o-todo__list .o-todo__list__item:hover { background-color: #EEEEEE; }
.o-todo .o-todo__list .o-todo__list__item a { position: relative; display: block; padding: 5px 10px; cursor: pointer; text-decoration: none; color: rgba(0, 0, 0, 0.87); }
.o-todo .o-todo__list .o-todo__list__item md-icon { padding-left: 10px; }

.clearfix:after, .clearfix:before { content: " "; display: table; }
.clearfix:after { clear: both; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-just { text-align: justify; }

.align-top { vertical-align: top; }

.align-bottom { vertical-align: bottom; }

.align-middle { vertical-align: middle; }

.align-baseline { vertical-align: baseline; }

.inline { display: inline; }

.block { display: block; }

.inline-block { display: inline-block; }

.hidden { display: none; }

.left { float: left !important; }

.right { float: right !important; }

.fixed { position: fixed; }

.relative { position: relative; }

.absolute { position: absolute; }

.m0 { margin: 0px !important; }

.mt0 { margin-top: 0px !important; }

.mr0 { margin-right: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.mh0 { margin-right: 0px !important; margin-left: 0px !important; }

.mv0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.m1 { margin: 8px !important; }

.mt1 { margin-top: 8px !important; }

.mr1 { margin-right: 8px !important; }

.mb1 { margin-bottom: 8px !important; }

.ml1 { margin-left: 8px !important; }

.mh1 { margin-right: 8px !important; margin-left: 8px !important; }

.mv1 { margin-top: 8px !important; margin-bottom: 8px !important; }

.m2 { margin: 16px !important; }

.mt2 { margin-top: 16px !important; }

.mr2 { margin-right: 16px !important; }

.mb2 { margin-bottom: 16px !important; }

.ml2 { margin-left: 16px !important; }

.mh2 { margin-right: 16px !important; margin-left: 16px !important; }

.mv2 { margin-top: 16px !important; margin-bottom: 16px !important; }

.p0 { padding: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.pl0 { padding-left: 0px !important; }

.ph0 { padding-right: 0px !important; padding-left: 0px !important; }

.pv0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.p1 { padding: 8px !important; }

.pt1 { padding-top: 8px !important; }

.pr1 { padding-right: 8px !important; }

.pb1 { padding-bottom: 8px !important; }

.pl1 { padding-left: 8px !important; }

.ph1 { padding-right: 8px !important; padding-left: 8px !important; }

.pv1 { padding-top: 8px !important; padding-bottom: 8px !important; }

.p2 { padding: 16px !important; }

.pt2 { padding-top: 16px !important; }

.pr2 { padding-right: 16px !important; }

.pb2 { padding-bottom: 16px !important; }

.pl2 { padding-left: 16px !important; }

.ph2 { padding-right: 16px !important; padding-left: 16px !important; }

.pv2 { padding-top: 16px !important; padding-bottom: 16px !important; }

@media only screen and (max-width: 768px) { .sm--show { display: block !important; }
  .sm--show-inline { display: inline-block !important; }
  .sm--hide { display: none !important; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) { .md--show { display: block !important; }
  .md--show-inline { display: inline-block !important; }
  .md--hide { display: none !important; } }
@media only screen and (min-width: 1025px) { .lg--show { display: block !important; }
  .lg--show-inline { display: inline-block !important; }
  .lg--hide { display: none !important; } }
.md-button { padding: 0 12px; }
.md-button.md-fab { padding: 0 6px; }

md-checkbox { display: block; text-align: right; padding-right: 8px; font-size: 14px; }
md-checkbox .md-container:before { left: -4px; right: 4px; }
md-checkbox .md-ripple-container .md-ripple { left: 21px !important; top: 25px !important; width: 40px !important; height: 40px !important; }
md-checkbox .md-icon { right: 4px; }

md-tabs { direction: ltr; }
md-tabs md-content { direction: rtl; }

.md-tab { float: right; }

.parallax--reset { height: auto !important; background-position: center !important; background-size: cover !important; }

md-radio-button { display: block; text-align: right; padding-right: 8px; font-size: 14px; }
md-radio-button .md-container:before { left: -4px; right: 4px; }
md-radio-button .md-ripple-container .md-ripple { left: 21px !important; top: 25px !important; width: 40px !important; height: 40px !important; }
md-radio-button .md-off, md-radio-button .md-on { right: 4px; }

md-sidenav { position: fixed !important; }

md-switch .md-container { margin-left: 8px; margin-right: 0; cursor: pointer; }

.contact .angular-google-map-container { height: 450px; background-color: #fff !important; }
.contact .c-landing { background-image: none !important; background-color: #fff; }
.contact .is-service { padding: 64px !important; }
.contact__list { display: block; padding: 6px 0 16px; }
.contact__list md-icon { float: left; padding-right: 16px; }

.content { overflow-y: auto; overflow-x: hidden; }
.content .c-title { font-family: "quicksand"; border-bottom: 1px solid rgba(0, 0, 0, 0.16); padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; color: #333; font-size: 18px; margin-top: 0; position: relative; }
.content .c-title__span { display: inline-block; padding-left: 5px; font-size: 12px; text-transform: lowercase; color: rgba(0, 0, 0, 0.5); }
.content .c-title__icon--map { position: absolute; right: 0; }
.content .c-title__icon--map.disabled { color: rgba(51, 51, 51, 0.25); }
.content .c-landing { padding: 64px; background-image: url("../img/home-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.content .c-landing h2 { font-family: "quicksand"; color: #fff; font-size: 68px; display: inline-block; border-radius: 5px; margin-bottom: 0; word-break: break-word; }
@media only screen and (max-width: 959px) { .content .c-landing h2 { font-size: 48px; word-break: break-word; } }
.content .c-landing h3 { font-family: "quicksand"; color: #fff; font-size: 24px; background-color: rgba(0, 0, 0, 0.25); display: inline-block; border-radius: 5px; padding: 16px; margin-top: 15px; }
.content .c-landing p { font-family: "quicksand"; font-size: 18px; text-align: justify; color: #fff; line-height: 27px; background-color: rgba(0, 0, 0, 0.25); border-radius: 5px; padding: 16px; }
.content .c-box { padding: 64px 64px 0; }
.content .c-box.last { padding-bottom: 64px; }
.content .c-box__item-row { margin-bottom: 32px; }
.content .c-box__item { text-align: center; padding: 0; text-decoration: none; display: block; height: 650px; }
.content .c-box__item--service-box { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; border: 3px solid #fff; }
.content .c-box__item--service-box:before { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.content .c-box__item--service-box:hover::before { background-color: transparent; }
.content .c-box__item--service-box.commercial { background-image: url("../img/services/commercial.jpg"); }
.content .c-box__item--service-box.corporate { background-image: url("../img/services/corporate.jpg"); }
.content .c-box__item--service-box.employment { background-image: url("../img/services/employment.jpg"); }
.content .c-box__item--service-box.transportation { background-image: url("../img/services/transportation.jpg"); }
.content .c-box__item--service-box.immigration { background-image: url("../img/services/immigration.jpg"); }
.content .c-box__item--service-box.realstate { background-image: url("../img/services/realstate.jpg"); }
.content .c-box__item .box-cnt { background-color: rgba(242, 242, 242, 0.88); text-align: left; padding: 30px 30px 16px; position: absolute; bottom: 0; min-height: 279px; }
.content .c-box__item img { max-width: 100%; border-radius: 50%; height: 150px; width: 150px; display: block; margin: 0 auto; }
.content .c-box__item h4 { color: #4abdac; margin-top: 0; font-size: 32px; margin-bottom: 0; }
.content .c-box__item h4 md-icon { color: #4abdac; display: block; font-size: 32px; padding-bottom: 8px; }
.content .c-box__item p { color: #333; font-size: 16px; line-height: 27px; }

.c-footer { padding: 8px 16px; background-color: #eee; }
.c-footer p { margin: 0; padding: 11px 0; font-size: 13px; }
.c-footer img { max-height: 30px; padding: 3px 8px; display: inline-block; }

* { font-family: "quicksand"; }

.body-wrapper { overflow: hidden; min-width: 375px; }
.body-wrapper > .grid { height: 100%; }
.body-wrapper > .grid > .grid__item { min-height: 480px; }

.c-landing.is-service { padding: 400px 0 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.c-landing.is-service.commercial { background-image: url("../img/services/commercial.jpg"); }
.c-landing.is-service.corporate { background-image: url("../img/services/corporate.jpg"); }
.c-landing.is-service.employment { background-image: url("../img/services/employment.jpg"); }
.c-landing.is-service.transportation { background-image: url("../img/services/transportation.jpg"); }
.c-landing.is-service.immigration { background-image: url("../img/services/immigration.jpg"); }
.c-landing.is-service.realstate { background-image: url("../img/services/realstate.jpg"); }
.c-landing.is-service h2 { border-radius: 0 5px 5px 0; margin-bottom: 40px; }
.c-landing.is-service h3 { margin: 0; display: block; border-radius: 0; background-color: #4abdac; }

.c-box.is-service p { font-size: 16px; line-height: 24px; }

.is-service .c-title { text-transform: uppercase; color: #4abdac; border-bottom: 3px solid #4abdac; }
.is-service .c-title md-icon { color: #4abdac; }

.is-service .c-list { list-style: none; padding: 0; }
.is-service .c-list li { font-size: 15px; line-height: 30px; margin-bottom: 3px; }
.is-service .c-list li md-icon { color: #4abdac; position: relative; top: -2px; }

.sidebar { background-color: #fafafa; border-right: 1px solid rgba(0, 0, 0, 0.1); overflow-y: auto; overflow-x: hidden; position: relative; }
.sidebar .s-logo img { padding: 20px; display: block; }
.sidebar .s-menu ul { list-style: none; margin: 0; padding: 0; }
.sidebar .s-menu__list li { cursor: pointer; }
.sidebar .s-menu__list li.active a, .sidebar .s-menu__list li:hover a { color: #4abdac; }
.sidebar .s-menu__list li.active a md-icon, .sidebar .s-menu__list li:hover a md-icon { color: #4abdac; }
.sidebar .s-menu__list li:first-child { margin-top: 0 !important; }
.sidebar .s-menu__list li.last-child { padding-bottom: 20px; }
.sidebar .s-menu__list li.last-child a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.sidebar .s-menu__list li.title { cursor: default !important; height: 1px; cursor: default !important; background-color: rgba(51, 51, 51, 0.1); margin: 20px 20px 10px; }
.sidebar .s-menu__list li.title:hover { background-color: transparent; }
.sidebar .s-menu__list li.title a { border-top: 0; color: rgba(74, 189, 172, 0.5); font-weight: bold; font-size: 14px; text-transform: uppercase; cursor: default; padding-bottom: 0; }
.sidebar .s-menu__list li.title md-icon { display: none; }
.sidebar .s-menu__list li.has-img img { display: inline-block; width: 30px; padding: 10px 8px 10px 20px; }
.sidebar .s-menu__list li.has-img span { display: inline-block; position: relative; top: -20px; font-size: 14px; color: #fff; }
.sidebar .s-menu__list li.no-hover { cursor: default !important; }
.sidebar .s-menu__list li.no-hover:hover { background-color: transparent; }
.sidebar .s-menu__list li a { text-decoration: none; color: rgba(51, 51, 51, 0.7); font-size: 12px; display: block; padding: 20px 20px 10px; text-align: center; font-weight: bold; }
.sidebar .s-menu__list md-icon { color: rgba(51, 51, 51, 0.7); display: block; padding-bottom: 8px; }
.sidebar .s-footer { padding: 0; background-color: rgba(255, 255, 255, 0.38); }
.sidebar .s-footer p { margin: 0; padding: 10px 20px; font-size: 13px; }

.toggle-icon { display: inline-block; position: absolute; left: 0; top: 0; z-index: 3; cursor: pointer; padding: 32px; }
.toggle-icon md-icon { color: #fff; padding: 8px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; }
.toggle-icon md-icon:hover { background: #f2f2f2; color: #4abdac; border-radius: 50%; }

.wb-bg--white { background-color: #fff; }
.wb-bg--grey { background-color: #fafafa; }
.wb-bg__hamikar { background-image: url("../img/hj-service-1.jpg"); background-repeat: no-repeat; background-size: contain; }
.wb-bg__about { background-image: url("../img/about_2.jpg"); background-position: left; background-size: contain; background-repeat: no-repeat; }
.wb-bg__hamijob { background-image: url("../img/hj-service-1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: right; }

/*# sourceMappingURL=app.css.map */
