@charset "UTF-8";/* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============div.footer-wrap .menu > li.current_page_item== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***/@font-face {  font-family: 'ZonaPro-Regular';  src: url("sprites/fonts/ZonaPro-Regular-webfont.woff2") format("woff2"), url("sprites/fonts/ZonaPro-Regular-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }@font-face {  font-family: 'ZonaPro-Bold';  src: url("sprites/fonts/ZonaPro-Bold-webfont.woff2") format("woff2"), url("sprites/fonts/ZonaPro-Bold-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }@font-face {  font-family: 'ZonaPro-Light';  src: url("sprites/fonts/ZonaPro-Light-webfont.woff2") format("woff2"), url("sprites/fonts/ZonaPro-Light-webfont.woff") format("woff");  font-weight: normal;  font-style: normal; }/** =============== Table of Contents ================         1.  Reset CSS     2.  Page Builder CSS    3.  CSS3 Animation (Animation)    4.  Image Lightbox    5.  Core Framework Classes    6.  WordPress Core CSS    7.  Layout     8.  Head Area Skeleton    9.  Typography    10. Head Stylings For theme    11. Title Stylings    12. Page Builder Elements    13. Media Elements     14. Hover CSS Stylings    15. Forum Inputs Stylings    16. Single Page Stylings    17. Singe Post Stylings    18. Sidebar Widgets Stylings    19. Footer Stylings    20. 404 Stylings    21. Common Page Elements Stylings    22. Woo Commerce Stylings    23. Third party plugins Stylings    24. Responsive Stylings============ End of Table of Contents ============= *//* ## =============================            Models            =============================*//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//** * Create Vertically Centered Head Bar * **//* ## =====  End of BASE  ======*//* ## =============================            BASE            =============================*//* ========================== 1.  Reset CSS  ============================ *//** ## * RESET File for ARTLGNC Framework *  @version : 1.0.0 * **/html {  font-family: sans-serif;  /* 1 */  -ms-text-size-adjust: 100%;  /* 2 */  -webkit-text-size-adjust: 100%;  /* 2 */  box-sizing: border-box; }*, *:after {  box-sizing: inherit; }body {  margin: 0; }article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,picture,summary {  display: block; }audio,canvas,progress,video {  display: inline-block;  /* 1 */  vertical-align: baseline;  /* 2 */ }audio:not([controls]) {  display: none;  height: 0; }[hidden],template {  display: none; }a {  background-color: transparent; }a:active,a:hover {  outline: 0; }abbr[title] {  border-bottom: 1px dotted; }b,strong {  font-weight: bold; }dfn {  font-style: italic; }h1 {  font-size: 2em;  margin: 0.67em 0; }mark {  background: #ff0;  color: #000; }small {  font-size: 80%; }sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline; }sup {  top: -0.5em; }sub {  bottom: -0.25em; }img {  border: 0; }svg:not(:root) {  overflow: hidden; }figure {  margin: 1em 40px; }hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0; }pre {  overflow: auto; }code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em; }button,input,optgroup,select,textarea {  color: inherit;  /* 1 */  font: inherit;  /* 2 */  margin: 0;  /* 3 */ }button {  overflow: visible; }button,select {  text-transform: none; }button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  /* 2 */  cursor: pointer;  /* 3 */ }button[disabled],html input[disabled] {  cursor: default; }button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0; }input {  line-height: normal; }input[type="checkbox"],input[type="radio"] {  box-sizing: border-box;  /* 1 */  padding: 0;  /* 2 */ }input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto; }input[type="search"] {  -webkit-appearance: textfield;  /* 1 */  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  /* 2 */  box-sizing: content-box; }input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em; }legend {  border: 0;  /* 1 */  padding: 0;  /* 2 */ }textarea {  overflow: auto; }optgroup {  font-weight: bold; }iframe {  border: none;  outline: none; }table {  border-collapse: collapse;  border-spacing: 0; }td,th {  padding: 0; }table {  width: 100%;  margin-bottom: 30px; }table th {  padding: 10px 20px;  text-align: left;  border-bottom: 1px solid #eee;  border-top: 1px solid #eee; }table tr th {  border-right: 1px solid #eee;  border-left: 1px solid #eee; }table tr td {  padding: 10px 20px;  text-align: left; }/* ==========================  2.  Page Builder CSS  ============================ *//* ##   DOCUMENT INFORMATION    - Document: Core Stylings for Page Builder Components    - Version:  1.0    - Author:  ASI*//* ========== Parallax Image ========== */.page-section-parallax-image {  position: absolute;  top: 0;  left: 0;  z-index: 0;  width: 100%;  height: 100%;  overflow: hidden;  backface-visibility: hidden; }.page-section-parallax-image img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: auto; }/*==========  Row Background Video Settings  ==========*/.video-bg {  opacity: 0; }.video-bg video,.quant_video-bg video,.quant_video-bg object {  width: 100%;  position: absolute;  top: 0%;  left: 0;  right: 0;  z-index: 10; }.quartz div.slider-item img.fallback {  display: none; }.video-bg video img {  width: 100%;  height: auto;  position: absolute;  top: 0;  left: 0;  z-index: 9; }.video-bg img.ie-fallback {  width: 100%;  height: auto;  position: absolute;  top: 0;  left: 0;  z-index: 2;  display: none; }.video-bg.fixed-video video {  position: fixed;  top: 0; }.video-bg, .quant_video-bg {  overflow: hidden;  position: absolute;  top: 0;  left: 0;  bottom: 0;  z-index: 1;  opacity: 1; }.video-bg img.video-fallback {  display: none;  width: 100%;  min-height: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 9;  max-width: none;  height: auto; }/*==========  artlgnc_builder Row  ==========*/div.section-inner-wrap {  height: 100%; }div.page-section {  padding: 0;  position: relative;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform-style: preserve-3d;  -webkit-transform: translate3d(0, 0, 0); }div.page-section.full_width_row {  padding: 0; }div.section-content {  position: relative;  z-index: 3;  height: 100%; }div.section-vertical-span {  height: 100%;  width: 100%;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-flex-flow: row wrap;  justify-content: center;  align-items: center; }div.inner-section-vertical-span {  align-self: center;  width: 100%; }.section-overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 2;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform-style: preserve-3d;  -webkit-transform: translate3d(0, 0, 0); }/*==========  artlgnc_builder Columns  ==========*/.container-overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 2;  -webkit-transform: translateZ(0);  -webkit-backface-visibility: hidden; }div.artlgnc_builder-container {  position: relative;  -webkit-transform: translateZ(0); }div.artlgnc_builder-container div.artlgnc_builder-inner-container {  position: relative;  z-index: 5;  -webkit-transform-style: preserve-3d; }div.page-section div.full_width div.artlgnc_builder-container {  margin-top: 0;  margin-bottom: 0; }div.page-section div.full_width div.artlgnc_builder-container.senseBGModel div.artlgnc_builder-inner-container {  padding: 0; }div.artlgnc_builder-container.last {  margin-right: 0;  clear: right; }div.artlgnc_builder-container.full {  margin-right: 0; }/* Container Alignment */div.artlgnc_builder-container.auto_align {  float: none;  margin-left: auto !important;  margin-right: auto; }div.artlgnc_builder-container.right {  float: right; }div.artlgnc_builder-container.layout_element.auto_align {  margin: 0 auto; }/*==========  artlgnc_builder Widget  ==========*/div.artlgnc_builder-widget.top {  margin-top: 0px; }div.artlgnc_builder-widget {  margin-top: 15px; }.nested div.artlgnc_builder-widget.w_layout_element {  margin-top: 20px;  margin-bottom: 0; }.nested div.artlgnc_builder-widget.w_layout_element.top {  margin-top: 0px;  margin-bottom: 0; }.full_width .nested div.artlgnc_builder-widget.w_layout_element.w_full:first-child,.full_width div.artlgnc_builder-widget.nested div.artlgnc_builder-widget.w_col.w_full:first-child {  margin-top: 0; }.artlgnc_builder-inner-container .rad-widget:first-child {  margin-top: 0; }/* ============= Builder Animation ===================== */.child-animate, .ARTLGNC-reveal {  visibility: hidden; }/* ==========================  3.  CSS3 Animation (Animation) ============================ *//*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite; }.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s; }.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: .75s;  animation-duration: .75s; }.animated.flipOutX,.animated.flipOutY {  -webkit-animation-duration: .75s;  animation-duration: .75s; }@-webkit-keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0); }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0); }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0); } }@keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0); }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0); }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0); } }.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom; }@-webkit-keyframes flash {  from, 50%, to {    opacity: 1; }  25%, 75% {    opacity: 0; } }@keyframes flash {  from, 50%, to {    opacity: 1; }  25%, 75% {    opacity: 0; } }.flash {  -webkit-animation-name: flash;  animation-name: flash; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }.pulse {  -webkit-animation-name: pulse;  animation-name: pulse; }@-webkit-keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1); }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1); }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1); }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1); }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }@keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1); }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1); }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1); }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1); }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand; }@-webkit-keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0); }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0); } }@keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0); }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0); } }.shake {  -webkit-animation-name: shake;  animation-name: shake; }@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg); }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg); }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg); }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg); }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg); } }@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg); }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg); }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg); }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg); }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg); } }.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing; }@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }.tada {  -webkit-animation-name: tada;  animation-name: tada; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  from {    -webkit-transform: none;    transform: none; }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }  to {    -webkit-transform: none;    transform: none; } }@keyframes wobble {  from {    -webkit-transform: none;    transform: none; }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }  to {    -webkit-transform: none;    transform: none; } }.wobble {  -webkit-animation-name: wobble;  animation-name: wobble; }@-webkit-keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none; }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg); }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg); }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg); }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg); }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg); }  77.7% {    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);    transform: skewX(0.39063deg) skewY(0.39063deg); }  88.8% {    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none; }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg); }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg); }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg); }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg); }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg); }  77.7% {    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);    transform: skewX(0.39063deg) skewY(0.39063deg); }  88.8% {    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }.jello {  -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center; }@-webkit-keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1); }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9); }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03); }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97); }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }@keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1); }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9); }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03); }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97); }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1); } }.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn; }@-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0); }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0); }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0); }  to {    -webkit-transform: none;    transform: none; } }@keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0); }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0); }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0); }  to {    -webkit-transform: none;    transform: none; } }.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown; }@-webkit-keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0); }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0); }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0); }  to {    -webkit-transform: none;    transform: none; } }@keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0); }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0); }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0); }  to {    -webkit-transform: none;    transform: none; } }.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft; }@-webkit-keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0); }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0); }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0); }  to {    -webkit-transform: none;    transform: none; } }@keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0); }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0); }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0); }  to {    -webkit-transform: none;    transform: none; } }.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight; }@-webkit-keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0); }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0); }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0); }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }@keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0); }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0); }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0); }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0); }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp; }@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9); }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1); }  to {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); } }@keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9); }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1); }  to {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); } }.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut; }@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0); }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); } }@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0); }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); } }.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown; }@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); } }@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); } }.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft; }@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); } }@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); } }.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight; }@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0); }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); } }@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0); }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0); }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); } }.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp; }@-webkit-keyframes fadeIn {  from {    opacity: 0; }  to {    opacity: 1; } }@keyframes fadeIn {  from {    opacity: 0; }  to {    opacity: 1; } }.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn; }@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown; }@-webkit-keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig; }@-webkit-keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }@-webkit-keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig; }@-webkit-keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight; }@-webkit-keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig; }@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp; }@-webkit-keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig; }@-webkit-keyframes fadeOut {  from {    opacity: 1; }  to {    opacity: 0; } }@keyframes fadeOut {  from {    opacity: 1; }  to {    opacity: 0; } }.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut; }@-webkit-keyframes fadeOutDown {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); } }.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown; }@-webkit-keyframes fadeOutDownBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig; }@-webkit-keyframes fadeOutLeft {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); } }.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft; }@-webkit-keyframes fadeOutLeftBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig; }@-webkit-keyframes fadeOutRight {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); } }.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight; }@-webkit-keyframes fadeOutRightBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig; }@-webkit-keyframes fadeOutUp {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); } }.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp; }@-webkit-keyframes fadeOutUpBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig; }@-webkit-keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out; }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out; }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; } }@keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out; }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out; }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; } }.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip; }@-webkit-keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0; }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1; }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px); } }@keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0; }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1; }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px); } }.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX; }@-webkit-keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0; }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1; }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px); } }@keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0; }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in; }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1; }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px); } }.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY; }@-webkit-keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px); }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1; }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0; } }@keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px); }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1; }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0; } }.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important; }@-webkit-keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px); }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1; }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0; } }@keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px); }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1; }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0; } }.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY; }@-webkit-keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0; }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1; }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1; }  to {    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0; }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1; }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1; }  to {    -webkit-transform: none;    transform: none;    opacity: 1; } }.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }@-webkit-keyframes lightSpeedOut {  from {    opacity: 1; }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0; } }@keyframes lightSpeedOut {  from {    opacity: 1; }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0; } }.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }@-webkit-keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0; }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0; }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1; } }.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn; }@-webkit-keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft; }@-webkit-keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight; }@-webkit-keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft; }@-webkit-keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }@keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1; } }.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight; }@-webkit-keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1; }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0; } }@keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1; }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0; } }.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut; }@-webkit-keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; } }@keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0; } }.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft; }@-webkit-keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; } }@keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; } }.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight; }@-webkit-keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; } }@keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1; }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0; } }.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft; }@-webkit-keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0; } }@keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1; }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0; } }.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight; }@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out; }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out; }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1; }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0; } }@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out; }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out; }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1; }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0; } }.hinge {  -webkit-animation-name: hinge;  animation-name: hinge; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }@keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }  to {    opacity: 1;    -webkit-transform: none;    transform: none; } }.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }@keyframes rollOut {  from {    opacity: 1; }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut; }@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  50% {    opacity: 1; } }@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  50% {    opacity: 1; } }.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn; }@-webkit-keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown; }@-webkit-keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft; }@-webkit-keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight; }@-webkit-keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  60% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp; }@-webkit-keyframes zoomOut {  from {    opacity: 1; }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  to {    opacity: 0; } }@keyframes zoomOut {  from {    opacity: 1; }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3); }  to {    opacity: 0; } }.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut; }@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  to {    opacity: 0;    -webkit-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;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  to {    opacity: 0;    -webkit-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;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown; }@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center; } }@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center; } }.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft; }@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center; } }@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center; } }.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight; }@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  to {    opacity: 0;    -webkit-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;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-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-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }  to {    opacity: 0;    -webkit-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;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp; }@-webkit-keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }@keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown; }@-webkit-keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }@keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft; }@-webkit-keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }@keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight; }@-webkit-keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }@keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible; }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); } }.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp; }@-webkit-keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); } }@keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0); } }.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown; }@-webkit-keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); } }@keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0); } }.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft; }@-webkit-keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); } }@keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0); } }.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight; }@-webkit-keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); } }@keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0); } }.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp; }/* ==========================  4.  Image Lightbox ============================ *//* ##  DOCUMENT INFORMATION	- Document:  Prettyphoto Lightbox	- Version:  3.5*//* Magnific Popup CSS */.mfp-bg {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1042;  overflow: hidden;  position: fixed;  background: #0b0b0b;  opacity: 0.96;  filter: alpha(opacity=96); }.mfp-wrap {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1043;  position: fixed;  outline: none !important;  -webkit-backface-visibility: hidden; }.mfp-container {  text-align: center;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 0 8px; }.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle; }.mfp-align-top .mfp-container:before {  display: none; }.mfp-content {  position: relative;  display: inline-block;  vertical-align: middle;  margin: 0 auto;  text-align: left;  z-index: 1045; }.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {  width: 100%;  cursor: auto; }.mfp-ajax-cur {  cursor: progress; }.mfp-auto-cursor .mfp-content {  cursor: auto; }.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {  -webkit-user-select: none;  -moz-user-select: none;  user-select: none; }.mfp-loading.mfp-figure {  display: none; }.mfp-hide {  display: none !important; }.mfp-preloader {  color: #CCC;  position: absolute;  top: 50%;  width: auto;  text-align: center;  margin-top: -0.8em;  left: 8px;  right: 8px;  z-index: 1044; }.mfp-preloader a {  color: #CCC; }.mfp-preloader a:hover {  color: #FFF; }.mfp-s-ready .mfp-preloader {  display: none; }.mfp-s-error .mfp-content {  display: none; }button.mfp-close, button.mfp-arrow {  overflow: visible;  cursor: pointer;  background: transparent;  border: 0;  -webkit-appearance: none;  display: block;  outline: none;  padding: 0;  z-index: 1046;  -webkit-box-shadow: none;  box-shadow: none;  -webkit-transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94);  -moz-transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94);  transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94); }button.mfp-close:hover {  transform: rotate(180deg); }button::-moz-focus-inner {  padding: 0;  border: 0; }.mfp-close {  width: 44px;  height: 44px;  line-height: 44px;  position: absolute;  right: 0;  top: 0;  text-decoration: none;  text-align: center;  opacity: 0.65;  filter: alpha(opacity=65);  padding: 0 0 18px 10px;  color: #FFF;  font-style: normal;  font-size: 28px;  font-family: Arial, Baskerville, monospace; }.mfp-close:hover, .mfp-close:focus {  opacity: 1;  filter: alpha(opacity=100); }.mfp-close:active {  top: 1px; }.mfp-close-btn-in .mfp-close {  color: #333; }.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {  color: #FFF;  right: -6px;  text-align: right;  padding-right: 6px;  width: 29px; }.mfp-image-holder .mfp-close {  transform: rotate(0deg);  width: 29px;  text-align: center;  padding: 0; }.mfp-counter {  position: absolute;  top: 0;  right: 0;  color: #CCC;  font-size: 12px;  line-height: 18px;  white-space: nowrap; }.mfp-arrow {  position: absolute;  opacity: 0.65;  filter: alpha(opacity=65);  margin: 0;  top: 50%;  color: #fff;  font-size: 28px;  padding: 0;  text-decoration: none;  height: 60px;  width: 60px;  -webkit-tap-highlight-color: transparent; }.mfp-arrow:hover, .mfp-arrow:focus {  opacity: 1;  filter: alpha(opacity=100); }.mfp-arrow-left {  left: 20px; }.mfp-arrow-right {  right: 20px; }.mfp-iframe-holder {  padding-top: 40px;  padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px; }.mfp-iframe-holder .mfp-close {  top: -40px; }.mfp-iframe-scaler {  width: 100%;  height: 0;  overflow: hidden;  padding-top: 56.25%; }.mfp-iframe-scaler iframe {  position: absolute;  display: block;  top: 0;  left: 0;  width: 100%;  height: 100%;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #000; }/* Main image in popup */img.mfp-img {  width: auto;  max-width: 100%;  height: auto;  display: block;  line-height: 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 40px 0 40px;  margin: 0 auto; }/* The shadow behind the image */.mfp-figure {  line-height: 0; }.mfp-figure:after {  content: '';  position: absolute;  left: 0;  top: 40px;  bottom: 40px;  display: block;  right: 0;  width: auto;  height: auto;  z-index: -1;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #444; }.mfp-figure small {  color: #BDBDBD;  display: block;  font-size: 12px;  line-height: 14px; }.mfp-figure figure {  margin: 0; }.mfp-bottom-bar {  margin-top: -36px;  position: absolute;  top: 100%;  left: 0;  width: 100%;  cursor: auto; }.mfp-title {  text-align: left;  line-height: 18px;  color: #F3F3F3;  word-wrap: break-word;  padding-right: 36px; }.mfp-image-holder .mfp-content {  max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {  cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {  /**       * Remove all paddings around the image on small screen       */  .mfp-img-mobile .mfp-image-holder {    padding-left: 0;    padding-right: 0; }  .mfp-img-mobile img.mfp-img {    padding: 0; }  .mfp-img-mobile .mfp-figure:after {    top: 0;    bottom: 0; }  .mfp-img-mobile .mfp-figure small {    display: inline;    margin-left: 5px; }  .mfp-img-mobile .mfp-bottom-bar {    background: rgba(0, 0, 0, 0.6);    bottom: 0;    margin: 0;    top: auto;    padding: 3px 5px;    position: fixed;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }  .mfp-img-mobile .mfp-bottom-bar:empty {    padding: 0; }  .mfp-img-mobile .mfp-counter {    right: 5px;    top: 3px; }  .mfp-img-mobile .mfp-close {    top: 0;    right: 0;    width: 35px;    height: 35px;    line-height: 35px;    background: rgba(0, 0, 0, 0.6);    position: fixed;    text-align: center;    padding: 0; } }@media all and (max-width: 900px) {  .mfp-arrow {    -webkit-transform: scale(0.75);    transform: scale(0.75); }  .mfp-arrow-left {    -webkit-transform-origin: 0;    transform-origin: 0; }  .mfp-arrow-right {    -webkit-transform-origin: 100%;    transform-origin: 100%; }  .mfp-container {    padding-left: 6px;    padding-right: 6px; } }.mfp-ie7 .mfp-img {  padding: 0; }.mfp-ie7 .mfp-bottom-bar {  width: 600px;  left: 50%;  margin-left: -300px;  margin-top: 5px;  padding-bottom: 5px; }.mfp-ie7 .mfp-container {  padding: 0; }.mfp-ie7 .mfp-content {  padding-top: 44px; }.mfp-ie7 .mfp-close {  top: 0;  right: 0;  padding-top: 0; }/* overlay at start */.mfp-fade.mfp-bg {  opacity: 0;  -webkit-transition: all 0.55s ease-out;  -moz-transition: all 0.55s ease-out;  transition: all 0.55s ease-out; }/* overlay animate in */.mfp-fade.mfp-bg.mfp-ready {  opacity: 0.8; }/* overlay animate out */.mfp-fade.mfp-bg.mfp-removing {  opacity: 0; }/* content at start */.mfp-fade.mfp-wrap .mfp-content {  opacity: 0;  -webkit-transition: all 0.55s ease-out;  -moz-transition: all 0.55s ease-out;  transition: all 0.55s ease-out; }/* content animate it */.mfp-fade.mfp-wrap.mfp-ready .mfp-content {  opacity: 1; }/* content animate out */.mfp-fade.mfp-wrap.mfp-removing .mfp-content {  opacity: 0; }/* ==========================  5.  Core Framework Classes ============================ *//** ## *  Micro Library for ARTLGNC Framework *  @version : 1.0.0 * **//*----------  Good Old Clearfix  ----------*/.clearfix {  zoom: 1; }.clearfix:before,.clearfix:after {  display: table;  content: "";  line-height: 0; }.clearfix:after {  clear: both; }/*----------  Unix Style small classes  ----------*/.last {  clear: right; }.first {  clear: left; }.left {  float: left; }.right {  float: right; }.fl-none {  float: none; }.auto_align {  margin: 0 auto; }.pad0 {  padding: 0; }.padt0 {  padding-top: 0; }.padr0 {  padding-right: 0; }.padb0 {  padding-bottom: 0; }.padl0 {  padding-left: 0; }.mar0 {  margin: 0; }.mart0 {  margin-top: 0; }.marr0 {  margin-right: 0; }.marb0 {  margin-bottom: 0; }.marl0 {  margin-left: 0; }.al-l {  text-align: left; }.al-r {  text-align: right; }.al-c {  text-align: center; }.al-j {  text-align: justify; }.invisible {  visibility: hidden; }.hide {  display: none !important; }.inline {  display: inline; }.inline-i {  display: inline !important; }.block-i {  display: block !important; }.block {  display: block !important; }.inline-block-i {  display: inline-block !important; }.inline-block {  display: inline-block; }.overflow-hidden {  overflow: hidden; }.overflow-auto {  overflow: auto; }.show-phone {  display: none; }.show-tablet {  display: none; }.show-tablet-p {  display: none; }.show-wide {  display: block; }@media (min-width: 768px) and (max-width: 1024px) {  .show-tablet {    display: block; }  .hide-tablet {    display: none; } }@media only screen and (min-width: 768px) and (max-width: 979px) {  .show-tablet-p {    display: block; }  .hide-tablet-p {    display: none; } }			@media only screen and (min-width: 580px) and (max-width: 767px) {  .slider-area {    height: auto !important; }			}@media only screen and (max-width: 767px) {  .show-phone {    display: block; }  .hide-phone {    display: none; } }.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  position: relative; }.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  position: relative; }.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  visibility: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {  text-align: left;  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {  display: block; }.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {  display: block;  -webkit-backface-visibility: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {  display: block;  -webkit-transform: translateZ(0); }.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute; }.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -ms-transition: -ms-transform 2s;  transition: transform 2s; }.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%); }.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%); }.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -ms-transition: -ms-transform 2s;  transition: transform 2s;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0); }.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  line-height: 1.1em; }.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {  text-align: center; }.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  position: relative;  line-height: 1; }.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  position: relative; }.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  *zoom: 1;  *display: inline;  visibility: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {  text-align: left;  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {  display: block; }.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {  display: block;  -webkit-backface-visibility: hidden; }.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {  display: block;  -webkit-transform: translateZ(0); }.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {  position: absolute; }.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -ms-transition: -ms-transform 2s;  transition: transform 2s; }.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%); }.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%); }.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 2s;  -ms-transition: -ms-transform 2s;  transition: transform 2s;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0); }/* ==========================  6.  WordPress Core CSS ============================ */.page-content div.gallery {  margin: 0px 0px 15px 0px;  clear: both; }.page-content div.gallery dl.gallery-item {  padding: 0;  float: left;  margin: 0; }.page-content div.gallery dl.gallery-item a, div.gallery dl.gallery-item img {  display: block;  max-width: 100%;  margin: 0 auto; }.page-content div.gallery dl.gallery-item a {  margin: 1px; }.page-content div.gallery a.read-more {  margin-top: 10px; }.page-content div.gallery.gallery-columns-1 dl.gallery-item {  max-width: 100%; }.page-content div.gallery.gallery-columns-2 dl.gallery-item {  max-width: 50%; }.page-content div.gallery.gallery-columns-3 dl.gallery-item {  max-width: 33.33%; }.page-content div.gallery.gallery-columns-4 dl.gallery-item {  max-width: 25%; }.page-content div.gallery.gallery-columns-5 dl.gallery-item {  max-width: 20%; }.page-content div.gallery.gallery-columns-6 dl.gallery-item {  max-width: 16.66%; }.page-content div.gallery.gallery-columns-7 dl.gallery-item {  max-width: 14.28%; }.page-content div.gallery.gallery-columns-8 dl.gallery-item {  max-width: 12.5%; }.page-content div.gallery.gallery-columns-9 dl.gallery-item {  max-width: 11.1%; }#fb-root {  display: none; }/* To fill the container and nothing else */.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {  width: 100% !important;  border: none;  padding: 0; }.bypostauthor {  display: block; }blockquote.alignleft,.wp-caption.alignleft,.page-wrapper img.alignleft {  margin: 0.4211em 1.6842em 1.6842em 0;  float: left; }blockquote.alignright,.wp-caption.alignright, img.alignright {  margin: 0.4211em 0 1.6842em 1.6842em;  float: right; }blockquote.aligncenter,.wp-caption.aligncenter,img.aligncenter {  margin-top: 0.4211em;  margin-bottom: 1.6842em;  display: block; }.wp-caption.alignleft,.wp-caption.alignright,.wp-caption.aligncenter {  margin-bottom: 1.2632em; }.wp-caption {  max-width: 100%; }/** *  Media Element JS */.mejs-container {  clear: both; }.mejs-container * {  font-family: Helvetica, Arial; }.mejs-container,.mejs-embed,.mejs-embed body,.mejs-container .mejs-controls {  background: #222; }.mejs-controls a.mejs-horizontal-volume-slider {  display: table; }.mejs-controls .mejs-time-rail .mejs-time-loaded,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {  background: #fff; }.mejs-controls .mejs-time-rail .mejs-time-current {  background: #0073aa; }.mejs-controls .mejs-time-rail .mejs-time-total,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {  background: rgba(255, 255, 255, 0.33); }.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {  border-radius: 0; }.mejs-controls .mejs-offscreen {  clip: rect(1px, 1px, 1px, 1px);  position: absolute; }.mejs-controls a:focus > .mejs-offscreen {  background-color: #f1f1f1;  border-radius: 3px;  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  clip: auto;  color: #21759b;  display: block;  font-size: 14px;  font-weight: bold;  height: auto;  line-height: normal;  padding: 15px 23px 14px;  position: absolute;  left: 0;  top: 15px;  text-decoration: none;  text-transform: none;  width: auto; }.mejs-overlay-loading {  background: transparent; }/* Override theme styles that may conflict with controls. */.mejs-controls button:hover {  border: none;  -webkit-box-shadow: none;  box-shadow: none; }.me-cannotplay {  width: auto !important; }.media-embed-details .wp-audio-shortcode {  display: inline-block;  max-width: 400px; }.audio-details .embed-media-settings {  overflow: visible; }.media-embed-details .embed-media-settings .setting span {  max-width: 400px;  width: auto; }.media-embed-details .embed-media-settings .checkbox-setting span {  display: inline-block; }.media-embed-details .embed-media-settings {  padding-top: 0;  top: 28px; }.media-embed-details .instructions {  padding: 16px 0;  max-width: 600px; }.media-embed-details .setting p,.media-embed-details .setting .remove-setting {  color: #a00;  font-size: 10px;  text-transform: uppercase; }.media-embed-details .setting .remove-setting {  padding: 0; }.media-embed-details .setting a:hover {  color: #f00; }.media-embed-details .embed-media-settings .checkbox-setting {  float: none;  margin: 0 0 10px; }.wp-video {  max-width: 100%;  height: auto; }.wp_attachment_holder .wp-video,.wp_attachment_holder .wp-audio-shortcode {  margin-top: 18px; }video.wp-video-shortcode,.wp-video-shortcode video {  max-width: 100%;  display: inline-block; }.video-details .wp-video-holder {  width: 100%;  max-width: 640px; }.wp-playlist {  border: 1px solid #ccc;  padding: 10px;  margin: 12px 0 18px;  font-size: 14px;  line-height: 1.5; }.wp-admin .wp-playlist {  margin: 0 0 18px; }.wp-playlist video {  display: inline-block;  max-width: 100%; }.wp-playlist audio {  display: none;  max-width: 100%;  width: 400px; }.wp-playlist .mejs-container {  margin: 0;  width: 100%; }.wp-playlist .mejs-controls .mejs-button button {  outline: 0; }.wp-playlist-light {  background: #fff;  color: #000; }.wp-playlist-dark {  color: #fff;  background: #000; }.wp-playlist-caption {  display: block;  max-width: 88%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-size: 14px;  line-height: 1.5; }.wp-playlist-item .wp-playlist-caption {  text-decoration: none;  color: #000;  max-width: -webkit-calc(100% - 40px);  max-width: calc(100% - 40px); }.wp-playlist-item-meta {  display: block;  font-size: 14px;  line-height: 1.5; }.wp-playlist-item-title {  font-size: 14px;  line-height: 1.5; }.wp-playlist-item-album {  font-style: italic;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }.wp-playlist-item-artist {  font-size: 12px;  text-transform: uppercase; }.wp-playlist-item-length {  position: absolute;  right: 3px;  top: 0;  font-size: 14px;  line-height: 1.5; }.rtl .wp-playlist-item-length {  left: 3px;  right: auto; }.wp-playlist-tracks {  margin-top: 10px; }.wp-playlist-item {  position: relative;  cursor: pointer;  padding: 0 3px;  border-bottom: 1px solid #ccc; }.wp-playlist-item:last-child {  border-bottom: 0; }.wp-playlist-light .wp-playlist-caption {  color: #333; }.wp-playlist-dark .wp-playlist-caption {  color: #dedede; }.wp-playlist-playing {  font-weight: bold;  background: #f7f7f7; }.wp-playlist-light .wp-playlist-playing {  background: #fff;  color: #000; }.wp-playlist-dark .wp-playlist-playing {  background: #000;  color: #fff; }.wp-playlist-current-item {  overflow: hidden;  margin-bottom: 10px;  height: 60px; }.wp-playlist .wp-playlist-current-item img {  float: left;  max-width: 60px;  height: auto;  margin-right: 10px;  padding: 0;  border: 0; }.rtl .wp-playlist .wp-playlist-current-item img {  float: right;  margin-left: 10px;  margin-right: 0; }.wp-playlist-current-item .wp-playlist-item-title,.wp-playlist-current-item .wp-playlist-item-artist {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }.wp-audio-playlist .me-cannotplay span {  padding: 5px 15px; }/* ## =====  End of BASE  ======*//* ==========================  7.  Layout  ============================ *//* ##  DOCUMENT INFORMATION	- Document:  Layouts for the theme	- Version:  1	- Author:   ASI	- Notes :  contains layout logic for framework.*//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//**** Fixed Width Variables***//**  * Sidebar Layout  *  *//**  * Double Sidebar Layout  *  *//** * Structural Classes */.layout-boxed-skeleton {  width: 1260px; }.has-sidebar .layout-boxed-skeleton, .has-double-sidebar .layout-boxed-skeleton {  width: auto; }.layout-boxed div.inner-super-wrapper {  width: 1260px;  margin: 0 auto 0 auto;  position: relative;  z-index: 3; }* html .row {  height: 1%; }/* Hides from IE-mac \*/.row:after {  content: " ";  display: block;  height: 0;  clear: both;  visibility: hidden; }.row {  display: inline-block;  *zoom: 1; }.row {  display: block;  clear: none; }/*=============================================            Basic Layout Classes            =============================================*/.left {  float: left; }.right {  float: right; }.last {  clear: right; }.first {  clear: left; }.auto_align {  margin: 0 auto; }.skeleton {  width: 1060px;  position: relative;  z-index: 1; }.skeleton .skeleton {  width: auto; }.layout_element, .col {  float: left;  min-height: 1px;  padding: 0px 15px;  margin-top: 30px; }.layout_element .layout_element {  margin-top: 15px; }.layout_element .layout_element .layout_element {  margin-top: 7.5px; }.full_width.no-space .layout_element, .full_width.no-space .col {  padding: 0;  margin: 0; }.full_width.no-space .row {  margin: 0; }.layout_element.top, .layout_element .layout_element.top {  margin-top: 0; }.row.gutter-less .layout_element {  padding: 0px 13px; }.row.gutter-none .layout_element {  padding: 0px; }.full, .full.layout_element {  clear: both;  width: 100%; }.row, .gutter-default {  margin-left: -15px;  margin-right: -15px; }.row.gutter-less {  margin-left: -13px;  margin-right: -13px; }.row.gutter-none {  margin-left: 0 !important;  margin-right: 0 !important; }.sidebar .row,.has-double-sidebar .row {  margin-left: -15px;  margin-right: -15px; }.sidebar .layout_element,.has-double-sidebar .layout_element {  padding: 0px 15px;  margin-top: 15px; }.padding {  padding: 30px; }.padding-less {  padding: 10px; }.padding-top {  padding-top: 30px; }.padding-right {  padding-right: 30px; }.padding-left {  padding-left: 30px; }.padding-bottom {  padding-bottom: 30px; }.padding-top-less {  padding-top: 10px; }.padding-right-less {  padding-right: 10px; }.padding-left-less {  padding-left: 10px; }.padding-bottom-less {  padding-bottom: 10px; }.margin {  margin: 30px; }.margin-less {  margin: 10px; }.margin-top {  margin-top: 30px; }.margin-right {  margin-right: 30px; }.margin-left {  margin-left: 30px; }.margin-bottom {  margin-bottom: 30px; }.margin-top-less {  margin-top: 10px; }.margin-right-less {  margin-right: 10px; }.margin-left-less {  margin-left: 10px; }.margin-bottom-less {  margin-bottom: 10px; }/*-----  End of Basic Layout Classes  ------*//*===============================================            Container Based Layout            ===============================================*/.full {  clear: both;  width: 100%; }.one_half {  width: 50%; }.one_third {  width: 33.33334%; }.one_fourth {  width: 25%; }.one_fifth {  width: 20%; }.two_third {  width: 66.66667%; }.three_fourth {  width: 75%; }.four_fifth {  width: 80%; }.grid-1 {  width: 100%; }.grid-2 {  width: 50%; }.grid-3 {  width: 33.33333%; }.grid-4 {  width: 25%; }.grid-5 {  width: 20%; }.grid-6 {  width: 16.66667%; }.grid-7 {  width: 14.28571%; }.grid-8 {  width: 12.5%; }.grid-9 {  width: 11.11111%; }.grid-10 {  width: 10%; }.grid-11 {  width: 9.09091%; }.grid-12 {  width: 8.33333%; }.span-1 {  width: 8.33333%; }.span-2 {  width: 16.66667%; }.span-3 {  width: 25%; }.span-4 {  width: 33.33333%; }.span-5 {  width: 41.66667%; }.span-6 {  width: 50%; }.span-7 {  width: 58.33333%; }.span-8 {  width: 66.66667%; }.span-9 {  width: 75%; }.span-10 {  width: 83.33333%; }.span-11 {  width: 91.66667%; }.span-12 {  width: 100%; }/*===========================================            Sidebar  Structure            ===========================================*/.mutual-content-wrap {  position: relative;  z-index: 1;  padding-bottom: 30px; }.sidebar {  position: relative;  z-index: 2;  margin-top: 90px;  padding-bottom: 30px;  margin-bottom: 60px; }.has-page-builder .mutual-content-wrap {  padding-top: 0;  padding-bottom: 0; }.has-page-builder .page-section {  padding-top: 30px;  padding-bottom: 30px; }.has-page-builder .page-section.no-space {  padding-top: 0;  padding-bottom: 0; }    .mutual-content-wrap.has-sidebar:after {  top: 89px !important;  right: 0px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }.single .mutual-content-wrap.has-sidebar:after {  top: 133px !important;  right: 0px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }.archive .mutual-content-wrap.has-sidebar:after, .category .mutual-content-wrap.has-sidebar:after {  /*top: 117px !important;*/  top: 66px !important;  right: 0px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }.single .mutual-content-wrap .entry-title {  margin: 0px 0px 20px 0px; }.mutual-content-wrap p:first-child {  padding-top: 0; }.mutual-content-wrap p {  padding: 10px 0px 10px 0;  margin: 0; }/* .has-page-builder .page-section.first-section { padding-bottom: 0; } *//* == Right Sidebar ========================== */.has-left-sidebar {  float: right;  width: 780px;  padding-left: 65px; }.left-sidebar.sidebar {  float: left;  width: 280px;  padding-right: 65px; }/* == Left Sidebar ========================== */.has-right-sidebar {  float: left;  width: 780px;  padding-right: 65px; }.right-sidebar.sidebar {  float: right;  width: 280px;  padding-left: 65px; }/*==========  Double Left Sidebar  ==========*/.has-double-left-sidebar {  float: right;  width: 583px;  padding-left: 0; }.double-left-sidebar.sidebar {  float: left;  width: 238.5px;  padding-right: 30px; }/*==========  Double Right Sidebar  ==========*/.has-double-right-sidebar {  float: left;  width: 583px;  padding-left: 0; }.double-right-sidebar.sidebar {  float: right;  width: 238.5px;  padding-left: 30px; }/*==========  Double Sidebars with content in center  ==========*/.has-double-sidebar {  float: right;  width: 583px;  padding-left: 0; }.double-sidebar.sidebar {  float: right;  width: 238.5px;  padding-left: 30px; }#sidebar.double-sidebar.sidebar {  padding-left: 0;  padding-right: 30px; }/*   * Sticky Sidebars  *  */.sticky-right-sidebar .sidebar-inner-wrap {  width: 215px; }.sticky-left-sidebar .sidebar-inner-wrap {  width: 215px; }/* == Sticky Left Sidebar ========================== */.has-sticky-left-sidebar {  float: right;  width: 780px; }.sticky-left-sidebar.sidebar {  float: left;  width: 280px;  padding-right: 65px; }/* == Sticky Right Sidebar ========================== */.has-sticky-right-sidebar {  float: left;  width: 780px; }.sticky-right-sidebar.sidebar {  float: right;  width: 280px;  padding-left: 65px; }/*-----  End of Sidebar  Structure  ------*/#layout_engine_overlay {  position: absolute;  background-color: rgba(61, 133, 201, 0.3);  z-index: 1000000;  pointer-events: none; }div.ARTLGNC-blueprint .skeleton {  min-height: 700px;  background: #edfafd; }div.ARTLGNC-blueprint .layout_element .test {  min-height: 300px;  background: #69c1ff; }/* ##  DOCUMENT INFORMATION    - Document:  Fluid Layout for the theme    - Version:  1    - Author:   ASI    - Notes :  contains layout logic for framework.*//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***/.full_width .rad-inner-container,.has-sidebar .full_width .rad-inner-container,.sidebar-double-layout .full_width .rad-inner-container {  margin: 0;  padding: 15px; }.ARTLGNC-full-no-space .rad-inner-container,.has-sidebar .ARTLGNC-full-no-space .rad-inner-container,.sidebar-double-layout .ARTLGNC-full-no-space .rad-inner-container {  margin: 0;  padding: 0; }.has-page-builder .page-section.ARTLGNC-full {  padding: 30px; }.has-page-builder .has-sidebar .page-section.ARTLGNC-full {  padding: 15px; }.has-page-builder .sidebar-double-layout .page-section.ARTLGNC-full {  padding: 10px; }/* ==========================  8.  Head Area Skeleton ============================ *//** ## * Core Head Structure  * **/.super-head-wrap {  position: relative;  z-index: 20; }.head-positon-overlap .super-head-wrap {  width: 100%; }/*----------  Head Sections  ----------*/.head-fluid > .skeleton {  width: 96%; }.theme-header {  line-height: 1;  /* The Whole Header needs to have 1 for consistent browser paddings */  z-index: 12;  position: relative; }.theme-header .video-bg {  z-index: 1;  position: absolute; }.header-cons-area > div {  position: relative; }.header-cons-area .center-area {  text-align: center; }.header-cons-area .left-area {  float: left;  position: absolute;  left: 0; }.header-cons-area .right-area {  float: right;  position: absolute;  right: 0; }.header-cons-area {  position: relative;  z-index: 20; }.left-area .h-widget {  float: left;  margin-right: 10px; }.right-area .h-widget {  float: left;  margin-left: 10px; }.center-area .h-widget {  display: inline-block;  vertical-align: top;  margin: 0 10px; }.center-area #logo {  margin: 0 10px;  vertical-align: top; }.left-area .h-widget:first-child {  margin-left: 0px; }.right-area .h-widget:last-child {  margin-right: 0px; }div.supper-top-wrap {  position: static;  z-index: 80; }/*=====  End of Layout  ======*//*=============================            Theme            =============================*//* ==========================  9.  Typography ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* ## DOCUMENT INFORMATION	- Document: Typographic Declaration for the Theme	- Version:  0.1	- Author:   Hein Maas	- Notes : none   *//* -----------------------------------------            Table of Contents            --------------------------------------------1. Typographic Declarations for the Theme 2. Typographic Elements -----  End of Table of Contents  ---------- *//*===============================================================            Typographic Declarations for the Theme            ===============================================================*/body {  font-family: "futura-pt", Georgia, serif;  font-size: 14px;  font-weight: 400;  line-height: 1.6;  color: #333333;  border-top: none;  background-color: #fff; }body {  font-family: "futura-pt", Georgia, serif;  font-size: 18px;  font-weight: 400;  line-height: 1.6;  color: #333333;  border-top: none;  background-color: #fff; }strong {  color: inherit; }body a {  color: #333333; }body a:hover {  color: #abd8d3; }/*==========  Headings  ==========*/h1 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 32px;  color: #333333;  line-height: 1.1; }h2 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 28px;  color: #333333;  line-height: 1.2; }h3 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 24px;  color: #333333;  line-height: 1.2; }h4 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 20px;  color: #333333;  line-height: 1.4; }h5 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 20px;  color: #333333;  line-height: 1.4; }h6 {  margin: 0px 0px 10px 0px;  padding: 0;  font-size: 12px;  color: #333333;  line-height: 1.4; }h1, h2, h3, h4, h5, h6 {  font-family: "futura-pt", Helvetica, Arial; }/*-----  End of Typography Section  ------*//*=============================================            Typographic Elements            =============================================*/.highlighter-p {  background: #abd8d3;  color: #333333;  border: 1px solid #333333;  border-radius: 3px;  padding: 0px 5px;  display: inline-block;  font-weight: 600;  line-height: 1.4; }code, kbd, pre, samp {  padding: 30px;  background: #fafafa;  display: block; }.drop-cap {  color: #333333;  float: left;  font-size: 48px;  margin-right: 5px;  padding: 0 .5rem .7rem .5rem;  line-height: 1; }/* ==========================  10. Head Stylings For theme ============================ *//* ##  DOCUMENT INFORMATION    - Document:  Top Area  Structure Stylings    - Version:  0.1    - Author:   Hein Maas    - Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* -----------------------------------------            Table of Contents            --------------------------------------------1. Top Area Blocks Stylings2. General Head Structure & Stylings3. Head Major Elements Stylings4. Head Area Styles & Sidebar Area Stylings5. Compact Bar-----  End of Table of Contents  ---------- *//*==========================================================                Top Area Blocks Stylings                 ==========================================================*/.super-head-wrap {  position: relative;  z-index: 20; }.head-positon-overlap .super-head-wrap {  position: absolute;  top: 0px;  left: 0;  width: 100%;  z-index: 99; }.super-head-wrap {  position: relative;  width: 100%;  background: #abd8d3; }.sticky-wrapper {  position: absolute;  top: 0;  width: 100%;  z-index: 8; }.sticky-header #main_bar {  width: 100%; }.sticky-header #main_bar #logo img {  height: auto;  max-width: 220px;  width: 100%; }.sticky-header #main_bar {  height: 80px;  background: rgba(171, 216, 211, 0.9);  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.08);  -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.08);  -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.08);  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.08); }.sticky-header #main_bar .left-area, .sticky-header #main_bar .center-area, .sticky-header #main_bar, .sticky-header #main_bar .right-area {  height: 80px;  line-height: 80px; }#top_bar {  height: 25px; }  #top_bar .left-area, #top_bar .center-area, #top_bar, #top_bar .right-area {    height: 25px;    line-height: 25px; }#main_bar {  height: 100px; }  #main_bar .left-area, #main_bar .center-area, #main_bar, #main_bar .right-area {    height: 100px;    line-height: 100px; }#compact_bar {  height: 80px;  line-height: 80px; }  #compact_bar .left-area, #compact_bar .center-area, #compact_bar, #compact_bar .right-area {    height: 80px;    line-height: 80px; }#top_bar .right-area {  padding-top: 0px; }.head-nav-bg {  height: 35px;  background: transparent;  display: none; }.theme-header {  line-height: 1;  /* The Whole Header needs to have 1 for consistent browser paddings */  z-index: 500;  position: relative; }.theme-header .video-bg {  z-index: 1;  position: absolute; }.head-fluid > .skeleton {  width: 96%; }.header-cons-area > div {  position: relative; }.header-cons-area .center-area {  text-align: center; }.header-cons-area .left-area {  float: left;  position: absolute;  left: 0;  top: 0px; }.header-cons-area .right-area {  float: right;  position: absolute;  right: 0;  top: 0px; }.header-cons-area {  /*position: relative;*/  z-index: 20; }.left-area .h-widget {  float: left;  margin-right: 0px; }.right-area .h-widget {  float: left;  margin-left: 0px; }.center-area .h-widget {  display: inline-block;  vertical-align: top;  margin: 0 10px; }.center-area #logo {  margin: 0 100px;  vertical-align: top;  top: -8px;  left: -11px; }.sticky-wrapper.sticky-header .center-area #logo {  top: 5px; }.left-area .h-widget:first-child {  margin-left: 0px; }.right-area .h-widget:last-child {  margin-right: 0px; }.theme-header .menu-bar .menu > li ul.sub-menu {  width: 157px;  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }.theme-header .menu-bar .menu > li ul.sub-menu li a {  border-right: 0 none !important;  margin-right: 0;  display: block; }.top-theme-header .menu-bar ul.sub-menu li a:hover {  color: #ffffff;  background: #184a5d; }.menu-div-type-divider .theme-header .menu > li > a {  padding: 15px 30px; }.menu-div-type-divider .theme-header .menu > li.hasDropDown > a {  padding-right: 37px; }.menu-div-type-divider .theme-header .menu > li > a span.menu-arrow {  right: 17px; }.theme-header .menu > li.hasDropDown > a {  padding-right: 22px; }.theme-header .menu > li:after {  color: #ffffff; }.theme-header .menu > li > a:before {  position: absolute;  left: 0;  top: 5px;  background: transparent;  width: 1px;  bottom: 5px;  content: ' ';  display: block; }.theme-header .menu > li:first-child a:before {  content: '';  display: none; }/*====================================            Compact Bar            ====================================*/.admin-bar div.compact-bar {  top: 32px; }div.compact-bar {  padding: 0;  visibility: visible;  position: fixed;  top: -150px;  left: 0;  width: 100%;  z-index: 9999;  transition: top 0.3s ease-in-out; }.layout-boxed div.compact-bar {  width: auto;  left: 0;  right: 0; }/*-----  End of Compact Bar  ------*//** MENU Stylings **/.menu-wrapper {  position: relative;  z-index: 26; }.menu-wrapper .menu {  position: relative; }.theme-header .m-el {  position: relative;  z-index: 3; }.theme-header .menu > li a:hover {  color: #000000; }/* Current Top Level Menu anchor Styling */.theme-header .menu-bar .menu > li.current_page_item > a, .theme-header .menu-bar .menu > li.current-menu-ancestor > a, .theme-header .menu-bar .menu > li.menu-active > a, .theme-header .menu-bar .menu > li.current-menu-item > a {  color: #ffffff; }.theme-header .menu-bar .menu > li.current_page_item > a:after, .theme-header .menu-bar .menu > li.current-menu-ancestor > a:after,.theme-header .menu-bar .sub-menu .menu li ul.sub-menu li.current-menu-item > a,.theme-header .menu-bar .menu li ul.sub-menu li.menu-active > a,.theme-header .menu-bar .menu li ul.sub-menu li.current_page_item > a,.theme-header .menu-bar .menu li ul.sub-menu li.current-menu-parent > a {  color: #ffffff;  background: #abd8d3; }.theme-header .menu-bar .menu > li ul.sub-menu li ul.sub-menu {  position: absolute;  top: 0;  left: 157px; }.theme-header .menu > li > a span.menu-arrow {  top: 44%;  margin-top: -6px;  right: -2px;  font-size: 14px;  z-index: 2;  color: #ffffff;  position: absolute; }.theme-header .menu-bar ul.sub-menu li:first-child a span.menu-arrow {  top: 30px; }.theme-header .menu > li > a span.menu-arrow {  color: inherit; }.theme-header .menu > li > a:hover {  color: #000000; }/*.theme-header .menu>li>a:hover:after{content: ' '; display:block; background: $head_link_hover_color; position:absolute; z-index:99; left:14px; right:0; bottom:3px; height:1px;}*/span.menu-item-tail {  position: absolute;  bottom: 7px;  left: 50%;  font-size: 42px;  color: #abd8d3;  display: none;  margin-left: -21px;  display: none;  height: 28px;  overflow: hidden; }span.menu-item-tail i {  display: none;  line-height: 1; }#compact_bar span.menu-item-tail {  display: none; }#compact_bar.header-cons-area .right-area {  top: 0; }#compact_bar .menu > li > a {  top: 0; }#compact_bar .request-demo-wrapper a {  top: 0;  margin-left: 20px; }/* Sub Menu Stylings */.theme-header .menu-bar .menu > li ul.sub-menu {  width: 210px;  box-shadow: 0px -1px 30px rgba(0, 0, 0, 0.25); }.top-theme-header .menu-bar li ul.sub-menu {  display: none; }.top-theme-header .menu-bar li.relative ul.sub-menu {  left: 0px;  z-index: 5;  background: #ffffff;  position: absolute;  top: 82%;  margin: 0;  padding: 0;  line-height: 1.6;  opacity: 0; }.top-theme-header .menu-bar .sub-menu .sub-menu-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }.top-theme-header .menu-bar ul.sub-menu ul.sub-menu {  left: 157px;  top: -20px;  margin-top: 0; }.top-theme-header .menu-bar ul.sub-menu li {  padding: 0;  margin: 0;  display: block; }.top-theme-header .menu-bar ul.sub-menu li a {  font-size: 13px;  font-weight: 500;  text-decoration: none;  padding: 5px 16px 5px 19px;  display: block;  margin: 0px;  color: #000000;  text-align: left;  -webkit-font-smoothing: subpixel-antialiased; }.top-theme-header .menu-bar ul.sub-menu li a:hover {  color: #ffffff;  background: #abd8d3; }.theme-header .menu-bar ul.sub-menu li.last-child > a {  border-bottom: none; }.theme-header .menu-bar .menu ul.sub-menu li:hover > a {  color: #ffffff; }.theme-header .menu-bar .menu ul.sub-menu li a:hover {  background: #abd8d3; }.theme-header .menu-bar .menu > li ul.sub-menu li ul.sub-menu {  position: absolute;  top: 0;  left: 210px; }#compact_bar.theme-header .menu-bar .menu > li ul.sub-menu li ul.sub-menu {  position: absolute;  top: 0;  left: 210px; }#compact_bar .theme-header .menu > li > a span.menu-arrow {  top: 44%;  margin-top: -5px;  right: -5px;  font-size: 14px;  z-index: 2;  color: #abd8d3;  position: absolute; }#compact_bar .theme-header .menu > li > a {  margin: 0 0 0 8px;  padding: 4px 12px;  font-size: 13px;  font-weight: 500;  letter-spacing: 0.5px;  color: #ffffff; }#compact_bar .theme-header .menu > li.hasDropDown > a {  padding-right: 16px; }#compact_bar .theme-header .menu > li > a:hover {  color: #000000; }#compact_bar .theme-header .menu-bar .menu > li:hover > a {  color: #ffffff; }#compact_bar .theme-header .menu-bar .menu ul.sub-menu li a:hover > a {  color: #ffffff;  background: #abd8d3; }/* Invisible Holder for better usability */.faux-holder {  position: absolute;  top: -7px;  left: 0;  right: 0;  height: 15px;  display: block; }.sub-menu .sub-menu .faux-holder {  height: 100%;  left: -50px;  right: auto;  top: 0;  width: 52px; }/* WPML Menu Item Stylinh */.theme-header .menu-bar .menu > li.menu-item-language-current ul.sub-menu li:hover > a {  opacity: 1;  background: #f0f0f0; }.theme-header .menu-bar .menu > li.menu-item-language-current img {  float: left; }/* Edge Detection Styling */.theme-header .menu-bar li.forceRightChain ul.sub-menu li {  text-align: right; }.theme-header .menu-bar li.forceRightChain ul.sub-menu li a span.menu-arrow {  top: 50%;  margin-top: -4px;  right: auto;  left: 18px;  font-size: 11px;  position: absolute; }.theme-header .menu-bar li.forceRightChain > ul.sub-menu {  left: -220px;  right: auto; }.theme-header .menu-bar .menu > li.forceRightChain > ul.sub-menu {  left: auto;  right: 0; }/* Top Level Menu Stylings */.theme-header .menu-bar .menu {  padding: 0;  margin: 5px 0px 0px 0px; }.theme-header .menu-bar .menu > li {  display: block;  float: left;  z-index: 9;  position: relative;  margin: 0px 9px; }.theme-header .menu-bar .menu > li:hover {  z-index: 15; }.theme-header .menu-bar .menu > li:first-child {  margin-left: 0; }.theme-header .menu > li:last-child {  margin-right: 0; }.theme-header .menu > li > a:last-child {  margin-right: 0;  padding-right: 0; }.theme-header .menu > li > a {  text-align: center;  display: inline-block;  padding: 9px 14px;  font-weight: 500;  letter-spacing: 0.5px;  position: relative;  text-decoration: none;  z-index: 3;  color: #ffffff;  transition: color 0.2s ease-in-out;  -webkit-transition: color 0.2s ease-in-out;  line-height: 1;  background: "transparent";  position: relative;  top: 0px;  font-size: 13px; }.theme-header .menu-bar .menu > li:hover > a {  color: #ffffff; }.theme-header .menu-bar .menu > li a:hover {  color: #000000; }.theme-header .menu > li > a:before {  position: absolute;  left: -1px;  top: 0px;  background: #f0f0f0;  width: 1px;  bottom: 0px;  content: ' ';  display: none; }/** * Mega Menu Styling */.theme-header.no-title {  margin-bottom: 40px; }.theme-header .menu-bar li div.sub-menu ul.sub-menu {  display: block;  margin: 0px;  padding: 5px 30px; }div.sub-menu {  display: none;  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.15);  background: #ffffff;  position: absolute;  top: 100%;  left: 0%;  margin: 0;  padding: 0;  z-index: 2;  line-height: 1.5; }.theme-header .menu-bar div.sub-menu ul.sub-menu li:last-child a {  border-bottom: none; }.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li {  padding: 0; }.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li a {  padding: 15px 0px;  margin: 0; }.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li:hover a {  text-decoration: none; }#compact_bar .theme-header .menu-bar .menu > li:last-child a {  margin-right: 0;  padding-right: 0; }div.sub-menu > div {  width: 200px;  float: left;  margin: 0;  position: relative; }div.sub-menu > div h6 {  padding: 20px 0px 0 0;  line-height: 1.4;  margin: 0 30px;  color: #333333;  text-align: left;  font-size: 13px; }div.sub-menu > div h6 a {  text-decoration: none;  color: inherit; }.top-theme-header .menu-bar div.sub-menu ul.sub-menu li a {  padding: 8px 30px; }.top-theme-header .menu-bar div.sub-menu ul.sub-menu li:first-child > a {  padding-top: 15px; }.theme-header .menu-bar .menu > li:hover ul.sub-menu li:first-child a:before {  content: ' ';  position: absolute;  top: -8px;  left: 40px;  width: 0;  height: 0;  border-bottom: 10px solid #fff;  border-left: 10px solid transparent;  border-right: 10px solid transparent; }.theme-header .menu-bar .menu > li:hover ul.sub-menu li:first-child a:before {  content: ' ';  position: absolute;  top: -8px;  left: 40px;  width: 0;  height: 0;  border-bottom: 10px solid #fff;  border-left: 10px solid transparent;  border-right: 10px solid transparent; }.theme-header .menu-bar .menu > li:hover ul.sub-menu li:first-child a:hover:before {  border-bottom: 10px solid #abd8d3; }.theme-header .menu-bar .menu li.menu-item-has-children:hover > ul.sub-menu li:first-child a:hover:before,.theme-header .menu-bar .menu li.menu-item-has-children:hover > ul.sub-menu li:first-child.current-menu-item a:before {  content: ' ';  position: absolute;  top: -8px;  left: 40px;  width: 0;  height: 0;  border-bottom: 10px solid #abd8d3 !important;  border-left: 10px solid transparent;  border-right: 10px solid transparent; }/* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*====================================            Mobile Head            ====================================*/#mlogo {  margin-right: 50px;  display: block;  position: absolute;  left: 20px;  top: 17px;  height: auto;  line-height: 60px;  width: auto; }#mlogo img {  display: inline-block;  vertical-align: middle;  margin: 0 auto;  width: 100%;  max-width: 155px;  height: auto; }/*====================================           New Mobile css from paralfe            ====================================*/.mobile-menu-wrap {  background: #87c2bb; }.mobile-menu-list li a {  color: #ffffff; }.mobile-menu-list li a:hover {  color: #333; }.sub-menu-toggle {  color: #fff; }.mobile-menu-list li {  border: 0 none; }a.mobile-menu {  position: absolute;  top: 30%;  right: 15px;  z-index: 2;  font-size: 46px;  width: 34px;  height: 34px;  text-decoration: none; }a.mobile-menu svg {  position: absolute;  top: 4px;  left: 0;  transition: all 0.3s ease-in-out 0.2s;  -webkit-transition: all 0.3s ease-in-out 0.2s;  color: #ffffff; }a.mobile-menu .default-icon {  z-index: 2; }a.mobile-menu .close-icon {  opacity: 0;  -webkit-transform: rotateX(-90deg);  transform: rotateX(-90deg);  z-index: 4;  font-size: 24px; }.mobile-header {  position: relative;  min-height: 90px;  display: none; }.showMobileMenu a.mobile-menu .default-icon {  opacity: 0;  -webkit-transform: rotate(90deg);  transform: rotate(90deg); }.showMobileMenu a.mobile-menu .close-icon {  opacity: 1;  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }.mobile-header {  position: relative;  min-height: 90px;  display: none;  background: #abd8d3; }.mobile-menu-wrap {  position: fixed;  top: 0px;  right: 0;  width: 250px;  height: 100%;  overflow: auto;  z-index: 1;  display: none; }.mobile-menu-list {  padding: 0;  margin: 0;  display: block; }.mobile-menu-list > li:first-child {  border-top: 0 none; }.mobile-menu-list li {  padding: 13px 0px;  list-style: none;  position: relative; }.mobile-menu-list li > a {  padding-left: 15px; }.mobile-menu-list li a {  color: #ffffff;  display: block;  text-decoration: none;  position: relative;  z-index: 1;  margin-right: 30px; }.mobile-menu-list li a:hover {  color: #333333; }.sub-menu-toggle {  float: right;  cursor: pointer;  margin: 0px 0px 0 0;  font-size: 12px;  padding: 13px 15px;  color: #333333;  position: absolute;  z-index: 12;  top: 6px;  right: 6px; }.sub-mobile-menu {  padding: 0;  margin: 0;  margin-top: 10px;  display: none; }.sub-mobile-menu li {  padding: 10px 0px 10px 0px;  list-style: none; }.sub-mobile-menu li:last-child {  border-bottom: none;  padding-bottom: 0px; }.sub-mobile-menu h6 {  margin-bottom: 0;  padding-left: 30px; }.sub-mobile-menu > li > a {  padding-left: 30px; }.sub-mobile-menu .sub-mobile-menu > li > a {  padding-left: 60px; }/*====================================          End of New Mobile css from paralfe            ====================================*/a.mobile-menu svg path {  fill: #ffffff; }a.mobile-admin-menu {  position: absolute;  top: 50%;  right: 49px;  z-index: 2;  color: #333333;  margin-top: -18px;  font-size: 20px;  width: 20px;  height: 20px;  text-decoration: none; }div.wpml-selector.wpml-mobile-selector {  top: 23px; }.sub-menu-toggle {  float: right;  cursor: pointer;  margin: 0px 0px 0 0;  font-size: 12px;  padding: 13px 15px;  color: #ffffff;  position: absolute;  z-index: 12;  top: 6px;  right: 6px; }/*=====  End of Mobile Head  ======*//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*=====================================================            Head Major Elements Stylings            =====================================================*//*==========  Text Element  ==========*/.top-text {  line-height: inherit;  margin-bottom: 0;  margin-top: 0px;  color: #a8acad;  font-size: 12px; }.top-text p {  padding: 0;  margin: 0;  color: #a8acad; }.top-text p strong {  color: #a8acad; }.top-text a {  color: #333333;  font-size: 11px;  font-weight: 700;  margin-right: 5px;  margin-left: 5px;  text-decoration: none; }.top-text a:hover {  color: #333333;  text-decoration: none; }.top-text i.shortcode-icon {  margin-left: 18px; }.top-text i.shortcode-icon:first-child {  margin-left: 0; }/*==========  Logo Element  ==========*/#logo, #compact-logo {  height: auto;  max-width: 100% !important;  position: relative; }#logo img, #compact-logo img {  display: inline-block;  width: 100%;  height: auto;  max-width: 254px;  vertical-align: top; }#compact-logo img {  width: 100%;  height: auto;  max-width: 200px; }.sticky-header #main_bar #logo img {  height: auto;  max-width: 200px;  width: 100%; }.sticky-header .left-area .h-widget:first-child {  margin-left: -15px; }/** * Stylings for Text logo *  */.text-logo {  vertical-align: middle;  text-decoration: none; }.text-logo > div {  display: inline-block;  vertical-align: middle; }.text-logo h1.logo-text {  text-decoration: none;  font-size: 24px;  color: #333333;  line-height: 1;  display: block;  margin: 0; }/*==========  Social Icons  ==========*/.theme-header .social-set ul {  border-left: 1px solid #e3e3e3; }div.top-area a.social-icons {  margin-top: 0px;  margin-bottom: 0px; }.top-area-social-list {  display: inline-block;  vertical-align: middle; }.theme-header .social-set ul li {  float: left;  border-bottom: none;  margin: 0;  padding: 0;  position: relative;  list-style: none; }.theme-header .social-set ul li a {  display: inline-block;  vertical-align: middle;  margin-left: 5px;  overflow: hidden;  text-decoration: none;  background: none;  color: #abd8d3;  width: 32px;  height: 42px; }.theme-header .social-set ul li:first-child a {  margin-left: 0; }.theme-header .social-set ul li span.social-block {  font-size: 16px;  display: inline-block;  transition: none;  opacity: 1;  color: #a8acad;  background: none;  width: 32px; }.theme-header .social-set ul li a:hover span.visible-block {  -webkit-transform: rotateY(0deg);  transform: rotateY(0deg);  color: #a7a19c; }.theme-header .tooltip {  top: 46px !important; }/*==========   WPML Stylings  ==========*/#top_bar .right-area {  line-height: 1; }a.wpml-lang-selector {  position: relative;  z-index: 2;  text-decoration: none;  color: #ffffff;  padding: 4px 0px 6px 6px;  font-size: 11px;  display: inline-block;  text-transform: uppercase;  font-weight: 500;  width: 100px;  text-align: center;  transition: all 0.2s ease-in-out; }a.wpml-lang-selector:hover {  color: #000000; }a.wpml-lang-selector svg {  float: right;  margin: 3px 0px 0px 0px;  color: #fff;  fill: #fff;  transition: all 0.2s ease-in-out; }a.wpml-lang-selector:hover svg {  color: #000000;  fill: #000000; }div.wpml-selector {  position: relative;  margin-top: 5px; }div.wpml-selector ul {  display: none;  padding: 0px;  margin: 4px 0 0 0px !important;  width: 150px;  position: absolute;  top: 100%;  left: -33px;  background: white;  box-shadow: 0px -4px 30px rgba(0, 0, 0, 0.1);  z-index: 99;  line-height: 1; }div.wpml-selector ul i {  position: absolute;  top: -13px;  left: 66px;  margin: 0;  font-size: 18px;  color: #ffffff; }@-moz-document url-prefix() {  div.wpml-selector ul i {    top: -14px; } }div.wpml-selector span {  float: none;  display: inline-block;  margin-top: 6px; }div.wpml-selector ul li {  margin: 0;  padding: 0;  list-style: none;  position: relative;  z-index: 1; }div.wpml-selector ul li a {  font-size: 11px;  padding: 10px 11px;  color: #333333;  text-decoration: none;  display: block;  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }div.wpml-selector ul li a:active {  color: #ffffff; }div.wpml-selector ul li a:hover {  color: #ffffff;  background: #abd8d3; }div.wpml-selector ul li.last a {  border-bottom: none; }/*==========  Search Bar  ==========*/.theme-header .search-input {  width: 100%;  position: relative;  display: inline-block;  border-bottom: 2px solid #000102; }.theme-header #searchsubmit {  display: none; }.theme-header #searchform input[type=text] {  padding: 8px 10px;  border: none;  background: none;  float: none;  background: none;  margin-right: 63px;  display: block;  width: 140px;  color: #ffffff;  font-size: 12px; }.theme-header .proxy-search {  position: absolute;  text-decoration: none;  color: #ffffff;  font-size: 14px;  top: 0;  right: 1px;  padding: 8px; }/*==========  Ajax Search Element  ==========*//* Ajax Search Button */a.ajax-search-trigger {  display: inline-block;  color: #333333;  text-decoration: none;  position: relative;  padding: 8px 12px 6px 20px;  line-height: 0; }a.ajax-search-trigger span {  color: #333333;  font-size: 11px;  line-height: 11px;  text-align: center;  display: inline-block;  text-transform: uppercase;  font-weight: 500;  padding-right: 8px;  vertical-align: middle;  color: #333333;  position: relative; }a.ajax-search-trigger span:before {  content: ' ';  position: absolute;  display: block;  left: -12px;  right: 0;  top: 0;  bottom: 0;  border-left: 1px solid #333333; }a.ajax-search-trigger i {  line-height: 1;  transition: all 0.2s ease-in-out;  -webkit-transition: opacity 0.2s ease-in-out;  font-size: 16px;  line-height: 16px;  text-align: center;  margin-top: 34px;  color: #333333;  font-weight: 300; }a.ajax-search-trigger:hover i {  color: #333333; }.sticky-header #main_bar a.ajax-search-trigger i {  margin-top: 21px; }a.ajax-search-trigger.active i.trigger-search-icon {  opacity: 0.3; }/* Ajax Search Panel */div.search-sidebar {  position: fixed;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background: #fff !important;  z-index: 20;  display: none;  opacity: 0.97;  z-index: 9999; }div.search-sidebar div.sidebar-wrap {  margin: 0 20px;  padding: 15px 0; }.search-sidebar-active div.search-sidebar {  top: 0; }.admin-bar.search-sidebar-active div.search-sidebar {  top: 32px; }.clear-ajax-search {  position: absolute;  top: 30px;  right: 25px;  color: #424242;  font-size: 18px;  z-index: 10;  cursor: pointer; }#compact_bar div.ajax-search {  left: 12px;  margin: 0 auto;  position: relative;  z-index: 25; }div.ajax-search {  margin: 0 auto;  position: relative;  z-index: 25;  line-height: 1; }div.ajax-search-pane {  position: relative;  line-height: 1;  z-index: 12; }div.ajax-search-pane div.form {  padding: 50px 20px 10px 5px;  position: relative; }div.ajax-search-pane form {  margin: 0 auto; }div.ajax-search-pane div.form label {  color: #333333;  font-size: 28px;  margin: 24px 10px 0 0;  float: left; }div.ajax-search-pane div.form input[type=text] {  width: 100%;  border: none;  font-size: 25px;  padding: 12px 0;  border-bottom: 2px solid #cccccc;  position: relative;  z-index: 3;  float: left; }div.ajax-search-pane div.form input[type=text]:focus {  background: none; }a.ajax-search-close {  position: absolute;  top: 5px;  right: 16px;  color: #333333;  font-size: 9px;  z-index: 3; }span.search-loader {  display: none;  width: 44px;  height: 44px;  position: absolute;  top: 50%;  right: 50%;  margin: -22px 0 0 -22px;  z-index: 3; }div.ajax-search h4.no-results {  display: none;  padding: 15px;  text-align: center;  color: #333333; }.search-sidebar-active .super-wrapper {  -webkit-filter: blur(4px);  filter: blur(4px); }div.search-results {  min-height: 0px;  display: none;  position: relative;  margin-top: -5px; }div.search-results > i {  position: absolute;  top: -22px;  left: 50%;  font-size: 32px;  color: #ffffff; }div.search-results strong {  color: #333333; }div.search-results ul {  margin: 0;  padding: 0;  position: absolute;  top: 0px;  left: 0px;  width: 100%; }div.search-results ul li {  list-style: none;  margin: 10px 0 10px 0;  border-bottom: 1px solid #cccccc;  padding: 10px 0;  position: relative; }div.search-results ul li:last-child {  border-bottom: none; }div.search-results ul li.not-found {  text-align: center;  padding: 10px;  margin: 0;  color: #333333; }div.search-results ul li div.image {  float: left;  margin-right: 5px;  width: 60px; }div.search-results ul li div.image img {  display: block; }div.search-results ul li div.desc.hasImage {  width: 225px;  float: left; }div.search-results ul li div.desc span.date {  font-size: 12px;  margin-top: -2px;  display: block;  color: #333333; }div.search-results ul li div.desc a.more {  transition: all 0.2s ease-in-out;  outline: none;  padding: 10px 0px;  font-size: 13px;  color: #333333;  display: inline-block;  text-decoration: none;  text-transform: none;  letter-spacing: 0x;  position: relative;  margin-top: 10px; }div.search-results ul li div.desc a.more:after {  content: ' ';  position: absolute;  bottom: 9px;  background: #333333;  height: 1px;  width: 44px;  left: -1px;  transition: 0.3s ease; }div.search-results ul li div.desc a.more i {  width: auto; }div.search-results ul li div.desc a.more:hover {  color: #abd8d3;  letter-spacing: 0px;  text-transform: none; }div.search-results ul li div.desc a.more:hover:after {  width: 44px;  display: block;  background: #abd8d3; }div.search-results ul li h5 {  margin: 0 50px 5px 0;  padding: 0; }div.search-results ul li h5 a {  color: #48443c;  text-decoration: none; }div.search-results ul li h5 a:hover {  color: #abd8d3; }div.search-results ul li a.view-all {  transition: all 0.2s ease-in-out;  outline: none;  border: 0 none;  padding: 15px 10px;  font-size: 14px;  letter-spacing: 0;  color: #ffffff;  display: inline-block;  text-decoration: none;  background: #abd8d3;  border-radius: 0 none;  font-weight: 600;  font-family: inherit;  margin-top: 10px;  position: relative;  display: block;  text-align: center;  max-width: 300px;  margin: 0 auto; }div.search-results ul li a.view-all:hover {  background: #abd8d3;  color: #333333; }div.ajax-search-pane span.tip {  color: #ffffff;  font-size: 30px;  top: -20px;  right: 6px;  position: absolute; }/* ==== HEAD Widgets ===== */.theme-header a[title=buy] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .theme-header a[title=buy] i {    width: auto; }  .theme-header a[title=buy]:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  .theme-header a[title=buy]:hover {    color: #abd8d3; }    .theme-header a[title=buy]:hover:after {      background: #abd8d3; }.theme-header .no-ar-show:after {  content: "" !important;  display: none; }.sidebar-head-wrap .theme-header a[title=buy] {  border: none; }/* Book Now button styling */.booknow-button-wrapper {  position: relative; }.booknow-button-wrapper .book-now {  display: inline-block;  vertical-align: middle;  padding-left: 20px;  height: 29px;  line-height: 29px;  margin-top: 2px; }.booknow-button-wrapper .book-now a {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #fff;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 400;  border: 2px solid #fff;  background: none;  font-family:"Roboto",Helvetica,Arial;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 0px 9px !important;  border-radius: 1px;  letter-spacing: 0px; }  .booknow-button-wrapper .book-now a i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  .booknow-button-wrapper .book-now a i:hover {    color: #000000; }  .booknow-button-wrapper .book-now a:hover {    background: none;    color: #000000;    border: 2px solid #000000; }/* mobile demo button styling *//*.mobile-demo-wrapper .demo-button-wrapper{position:relative;}.mobile-demo-wrapper .demo-button-wrapper .free-demo{display: inline-block; padding-left:50px;}.mobile-demo-wrapper .demo-button-wrapper .free-demo a{ @include rbutton; position:relative; top:2px; vertical-align:middle; }*//* ==========================  11. Title Stylings ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*============================================            Page Title Stylings            ============================================*//*==========  Title Area Stylings   ==========*/div.title-wrap {  padding: 30px 0;  position: relative;  z-index: 2;  text-align: left;  background: #ada8a5; }div.title-wrap h1 {  font-size: 32px;  color: #000000;  padding: 0px;  margin: 0;  display: block;  line-height: 1.2;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 12px; }/*==========  Title Intro Animations  ==========*/#title-overlay {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%; }/*-----  End of Page Title Stylings  ------*//*==========  Page title H1 Styling  ==========*/.mutual-content-wrap .entry-title {  position: relative;  font-size: 20px;  margin: 40px 0px 15px 0px;  padding: 0px;  text-transform: uppercase;  letter-spacing: 0px;  font-weight: 400;  color: #333333;  font-family: 'ZonaPro-Regular'; }/*==========  Page title H1 Styling  ==========*//* ==========================  12. Page Builder Elements ============================ *//* ##  DOCUMENT INFORMATION    - Document:  Elements for the Theme    - Version:  0.1    - Author:   Hein Maas    - Notes : none   *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*=========================================            General Stylings            =========================================*/div.rad-widget {  margin-top: 10px;  position: relative; }/*==========  Swiper  ==========*/.swiper-slide {  position: relative;  float: left;  overflow: hidden;  max-width: 100%; }.swiper-slide img {  display: block;  width: 100%;  max-width: 100%;  height: auto; }.swiper-container {  overflow: hidden;  visibility: hidden;  opacity: 0; }.swiper-slide .image {  position: relative; }.height-sensitive-swiper .swiper-slide img {  width: auto;  height: auto;  max-width: 99%; }.swiper-pagination {  width: 100%;  left: 0;  bottom: 47px; }div.gallery-thumbs {  margin-top: 10px; }div.gallery-thumbs div.gallery-item {  transition: opacity 0.3s;  -webkit-transition: opacity 0.3s;  cursor: pointer; }div.gallery-thumbs div.gallery-item.swiper-slide {  opacity: 0.4; }div.gallery-thumbs div.gallery-item.swiper-slide.swiper-slide-active {  opacity: 1; }.thumbnails a {  float: left;  margin: 7px 5px 7px 7px; }.thumbnails a img {  display: block;  border-radius: 3px; }div.gallery-caption {  position: absolute;  max-width: 50%;  bottom: 50px;  left: 50px;  z-index: 10;  background: #abd8d3;  padding: 30px; }div.gallery-caption h2 {  color: #333333; }div.gallery-caption p.caption {  color: #333333;  padding: 0; }div.gallery-caption a.readmore {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  color: #333333;  margin: 0; }  div.gallery-caption a.readmore:hover {    background: #333333;    color: #ffffff; }/*==========  Builder Related Structural  Stylings  ==========*//*==========  Icons Stylings  ==========*/i.shortcode-icon {  margin: 1px;  display: inline-block; }/*-----  End of General Stylings  ------*//*=============================================            Text Column Stylings            =============================================*//*==========  Default Icon  Stylings for Text Columns  ==========*/.ARTLGNC-icon-area i.has-custom-icon {  font-weight: 700;  font-family: inherit; }.ARTLGNC-icon-area i {  border-color: transparent;  font-size: 24px;  z-index: 3;  position: relative; }.ARTLGNC-icon-area {  position: relative;  display: block; }/* == Border Style == */i.border-style, i.border-style-circ {  padding: 10px 15px;  width: auto;  border: 2px solid #e9e9e9; }i.background-style, i.background-style-circ {  background: #abd8d3;  color: #000000;  padding: 15px; }i.border-style-circ, i.background-style-circ {  padding: 14px 15px;  border-radius: 100%; }.ARTLGNC-text-column.none .ARTLGNC-icon-area i {  display: inline; }/* Icon Style when no icon style is set */.ARTLGNC-text-column.none .ARTLGNC-icon-area {  position: relative; }.ARTLGNC-text-column.none.col-align-left .ARTLGNC-icon-area {  float: left;  margin-right: 15px;  margin-bottom: 10px; }.ARTLGNC-text-column.none.col-align-right .ARTLGNC-icon-area {  float: right;  margin-left: 15px;  margin-bottom: 10px; }.ARTLGNC-text-column.none.icon-style-default .ARTLGNC-icon-area {  padding-top: 8px; }.ARTLGNC-text-column.none.col-align-center .ARTLGNC-icon-area {  text-align: center;  margin-bottom: 15px; }.ARTLGNC-text-column.none.col-align-center .ARTLGNC-icon-area i {  display: inline-block; }.col-align-right .ARTLGNC-text ul li {  margin: 0;  padding: 0 30px 7px 0px;  position: relative;  list-style: none; }.col-align-right .ARTLGNC-text ul li:after {  left: auto;  right: 0; }.has-page-builder .mutual-content-wrap .entry-title {  margin: 40px 0px 15px 0px; }.single-gallery .mutual-content-wrap.no-custom-image {  margin-top: 250px !important; }/*==========  Default Stylings for columns  ==========*/.col-align-left {  text-align: left; }.col-align-right {  text-align: right; }.col-align-right ul {  direction: rtl; }.col-align-center {  text-align: center; }.ARTLGNC-text-column {  position: relative; }.ARTLGNC-text-column.none {  min-height: 0; }.ARTLGNC-text-column .text-title {  margin: 30px 0px 20px 0px;  padding: 0;  color: #333333;  font-size: 21px;  font-weight: 300;  text-transform: uppercase;  letter-spacing: 0px;  font-family: 'ZonaPro-Light'; }.ARTLGNC-text-column .text-subtitle {  font-weight: 300;  font-size: 20px;  letter-spacing: 0px;  color: #333333;  text-transform: none; }.has-regular-title h2.text-title {  position: relative;  bottom: 0; }.ARTLGNC-text-column .has-regular-title .text-subtitle {  font-size: 13px;  letter-spacing: 0px;  font-weight: 400;  opacity: 1;  text-transform: none;  color: #000000; }.ARTLGNC-text-column div.ARTLGNC-text {  margin-top: 15px;  clear: both;  margin-bottom: 10px; }.ARTLGNC-text-column p {  margin: 0 0 15px 0;  padding: 0; }.ARTLGNC-text-column p:first-child {  margin-top: 0;  padding-top: 0; }.ARTLGNC-text-column p:last-child {  margin-bottom: 0;  padding-bottom: 0; }.ARTLGNC-text-column div.ARTLGNC-text p {  color: inherit; }.icon-style-default.none .text-title-wrap {  float: left; }.text-title-wrap {  position: relative; }div.ARTLGNC-icon-area {  margin-bottom: 25px;  display: block;  text-align: center; }div.ARTLGNC-icon-area a {  display: inline-block;  text-align: center; }div.ARTLGNC-icon-area img {  width: auto !important;  height: 100%; }/*==========  More Button Stylings   ==========*/.ARTLGNC-text-column .ARTLGNC-more-button {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .ARTLGNC-text-column .ARTLGNC-more-button i {    width: auto; }  .ARTLGNC-text-column .ARTLGNC-more-button:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  .ARTLGNC-text-column .ARTLGNC-more-button:hover {    color: #abd8d3; }    .ARTLGNC-text-column .ARTLGNC-more-button:hover:after {      background: #abd8d3; }.ARTLGNC-text-column .ARTLGNC-more-button i {  width: auto; }.ARTLGNC-text {  margin-top: 15px;  clear: both;  margin-bottom: 0px; }.button-align-center {  text-align: center; }.button-align-right {  text-align: right; }/*==========  Right / Left Icon Column Calculation based on Columns  ==========*/.ARTLGNC-text-column.left-icon .ARTLGNC-icon-area {  position: absolute;  top: 45px;  left: 0; }.ARTLGNC-text-column.right-icon .ARTLGNC-icon-area {  position: absolute;  top: 45px;  right: 0; }.ARTLGNC-text-column.left-icon div.ARTLGNC-text-area {  margin-left: 93px; }.ARTLGNC-text-column.right-icon div.ARTLGNC-text-area {  text-align: right; }.ARTLGNC-text-column.left-icon.icon-style-default .ARTLGNC-icon-area i, .ARTLGNC-text-column.right-icon.icon-style-default .ARTLGNC-icon-area i {  font-size: 24px;  margin-top: 0px; }.ARTLGNC-text-column.left-icon.icon-style-default div.ARTLGNC-text-area {  margin-left: 45px; }.ARTLGNC-text-column.right-icon.icon-style-default div.ARTLGNC-text-area {  margin-right: 45px; }/*==========  Centered Text Style  ==========*/.centered .ARTLGNC-icon-area {  line-height: 1; }.centered .ARTLGNC-icon-area i {  font-size: 24px; }/*====================================            Intro title            ====================================*/.intro_title-title-inner-wrap h2 {  font-size: 34px;  font-weight: 700;  line-height: 1.4;  text-transform: none;  color: #333333;  letter-spacing: 1px; }.intro_title-title-inner-wrap h3 {  font-size: 34px;  font-weight: 300;  line-height: 1.4;  text-transform: none;  color: #333333;  letter-spacing: 1px; }/*==========  Alignment  ==========*/.col-center {  text-align: center; }.col-right {  text-align: right; }/*-----  End of Intro title  ------*//*================================            Divider            ================================*/div.divider {  clear: both; }div.divider.none {  height: 1px; }div.divider.line {  height: 0px;  border-top: 1px solid #e9e9e9; }div.divider.dotted {  height: 0px;  border-top: 1px dotted #e9e9e9; }div.divider.dashed {  height: 0px;  border-top: 1px dashed #e9e9e9; }div.divider.double {  height: 1px;  border-top: 1px solid #e9e9e9;  border-bottom: 1px solid #e9e9e9; }.m-divider-wrap {  position: relative;  display: inline-block; }div.divider.title, div.divider.small-title, div.divider.icon, div.divider.small-icon {  overflow: hidden;  position: relative;  text-align: center; }div.divider.title .divider-text {  text-align: center;  position: relative; }div.divider.title div.divider-text:before {  content: ' ';  position: absolute;  top: 50%;  left: -715px;  width: 700px;  height: 1px;  background: #e9e9e9; }div.divider.title div.divider-text:after {  content: ' ';  position: absolute;  top: 50%;  right: -715px;  width: 700px;  height: 1px;  background: #e9e9e9; }div.divider.small-title .divider-text {  text-align: center;  position: relative; }div.divider.small-title div.divider-text:before {  content: ' ';  position: absolute;  top: 50%;  left: -115px;  width: 100px;  height: 1px;  background: #e9e9e9; }div.divider.small-title div.divider-text:after {  content: ' ';  position: absolute;  top: 50%;  right: -115px;  width: 100px;  height: 1px;  background: #e9e9e9; }div.divider.icon .divider-text {  text-align: center;  position: relative; }div.divider.icon div.divider-text:before {  content: ' ';  position: absolute;  top: 50%;  left: -715px;  width: 700px;  height: 1px;  background: #e9e9e9; }div.divider.icon div.divider-text:after {  content: ' ';  position: absolute;  top: 50%;  right: -715px;  width: 700px;  height: 1px;  background: #e9e9e9; }div.divider.small-icon .divider-text {  text-align: center;  position: relative; }div.divider.small-icon div.divider-text:before {  content: ' ';  position: absolute;  top: 50%;  left: -115px;  width: 100px;  height: 1px;  background: #e9e9e9; }div.divider.small-icon div.divider-text:after {  content: ' ';  position: absolute;  top: 50%;  right: -115px;  width: 100px;  height: 1px;  background: #e9e9e9; }/*-----  End of Divider  ------*//*=====================================            Image Widget            =====================================*/.image-inner-wrap .hoverable {  position: relative; }.image-inner-wrap {  display: block;  position: relative;  max-width: 100% !important; }.image-inner-wrap img, .image-align-none img {  display: block;  max-width: 100%;  margin: 0 auto;  position: relative;  z-index: 2;  height: auto; }.image-align-left {  float: left;  margin: 10px 20px 10px 0; }.image-align-right {  float: right;  margin: 10px 0px 10px 20px; }.image-inner-wrap .text_caption {  text-align: center;  z-index: 2;  padding: 15px;  margin-bottom: 0px;  font-size: 10px;  background: rgba(0, 0, 0, 0.9);  color: #ffffff;  position: absolute;  bottom: 0;  left: 0;  font-weight: 600; }.image-inner-wrap > div, .image-align-none {  max-width: 100% !important;  overflow: hidden;  margin: 0 auto; }.image-stretched.image-inner-wrap img {  width: 100%; }/*-----  End of Image Widget  ------*//*==========================================            Thumbnails Widget            ==========================================*/.thumbnail-inner-wrap.fluid {  margin: 0; }.full .thumbnail-inner-wrap.fluid li {  width: 10%;  margin: 0; }.instagram-widget li {  width: calc(20% - 0px);  margin: 0 !important; }.thumbnail-inner-wrap.fluid li {  width: 25%;  margin: 0; }.thumbnail-inner-wrap.fluid ul {  display: block; }.thumbnail-inner-wrap {  text-align: center;  margin: 0; }.thumbnail-inner-wrap ul {  margin: 0;  padding: 0;  display: block; }.thumbnail-inner-wrap ul li {  float: left;  margin: 0px 0px;  list-style: none;  position: relative;  width: 20%;  padding: 0; }.thumbnail-inner-wrap ul li a {  display: block; }.thumbnail-inner-wrap ul li img {  display: block; }.thumbnail-inner-wrap div.image-frame-1 {  margin: 0 5px 0 0; }.thumbnail-inner-wrap div.image-frame-2 {  top: 5px;  right: 0px;  bottom: -5px;  left: 5px;  opacity: 0.7; }.thumbnail-inner-wrap div.image-frame-1 img, .thumbnail-inner-wrap div.image-frame-2 img {  width: 100%;  display: block; }/*-----  End of Thumbnails Widget  ------*//*=============================            Tabs            =============================*/.ui-tabs {  position: relative;  padding: 0;  margin: 0; }.ui-tabs img {  max-width: 100%; }.ui-tabs .ui-tabs-nav {  margin: 0;  padding: 0;  display: block; }.ui-tabs .ui-tabs-nav li i {  margin-right: 4px; }.ui-tabs ul.ui-tabs-nav {  border-bottom: 2px solid #e9e9e9;  text-align: center; }.ui-tabs .ui-tabs-nav li {  list-style: none;  display: inline-block;  position: relative;  top: 0;  margin: 0 12px 0px 0;  padding: 0;  border-bottom-width: 0;  white-space: nowrap; }.ui-tabs .ui-tabs-nav li a {  display: block;  text-decoration: none;  line-height: 1;  padding: 15px 35px;  color: #a8acad; }.ui-tabs .ui-tabs-nav li a:focus {  box-shadow: none;  outline: none; }.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {  cursor: text; }.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {  cursor: pointer; }.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a:hover {  margin-bottom: 0px;  box-shadow: 0px 2px 0px 0px #abd8d3; }/*==========  Tabs Alignment  ==========*/.tabs-align-top div.ui-tabs-panel {  clear: both; }.ui-tabs .ui-tabs-panel {  text-align: left;  padding: 15px 0 0;  color: #333333;  margin-top: 0;  text-align: center; }/*==================================            Accordion            ==================================*/.accordion {  margin: 0; }.accordion .ui-accordion-header span {  float: left;  margin-right: 10px;  font-size: 14px;  margin-top: -2px; }.accordion .ui-accordion-header {  text-decoration: none;  border-radius: 0;  padding: 18px 20px;  margin-bottom: -1px;  display: block;  border: none;  font-size: 11px;  letter-spacing: 2px;  position: relative;  overflow: hidden;  cursor: pointer;  font-weight: 700;  border: 1px solid #CB4B5A;  color: #333333;  text-transform: uppercase; }.accordion .ui-accordion-header:focus {  outline: none; }.accordion .ui-accordion-header i {  margin-right: 0px;  font-size: 10px;  float: none;  color: inherit;  margin-top: 0px;  position: absolute;  top: 0;  right: 0;  padding: 21px 20px;  width: auto;  transition: transform 0.4s ease;  -webkit-transition: -webkit-transform 0.4s ease; }.accordion .ui-state-active {  color: #abd8d3;  margin-bottom: 0px;  border: none;  border: 1px solid #abd8d3; }.accordion .ui-state-active i {  color: inherit;  transform: rotate(-180deg);  -webkit-transform: rotate(-180deg); }.accordion .ui-accordion-li-fix {  display: inline; }.accordion .ui-accordion-content {  padding: 30px;  position: relative;  top: 1px;  margin: 15px 0px;  overflow: auto;  display: none;  zoom: 1;  background-color: rgba(0, 0, 0, 0.02); }.accordion .ui-accordion-content-active {  display: block; }.accordion .ui-accordion-content p {  margin-top: 0; }/*-----  End of Accordion  ------*//*==========  Sidebar  ==========*/.sidebar-inner-wrap .sidebar {  padding: 0; }/*-----  End of Sidebar Widget  ------*//*==============================            Video            ==============================*/iframe.video, video.video {  outline: 0;  border: 0;  max-width: 100% !important; }div.ARTLGNC-video {  display: block;  margin-top: 0px; }div.video-inner-wrap .fluid-width-video-wrapper {  position: relative;  visibility: visible; }div.ARTLGNC-video video, div.ARTLGNC-video iframe {  max-width: 100% !important; }div.video-proxy-wrap {  position: relative;  overflow: hidden;  height: 100%;  width: 100%; }div.video-cover-image {  position: relative;  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }div.video-cover-image img {  display: block;  width: 100%;  height:auto;  border-radius: none;  margin: 0; }a.ARTLGNC-video-trigger {    text-decoration: none;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; }a.ARTLGNC-video-trigger .video-icon-wrap {  position: absolute;  top: 50%;  left: 50%;  margin: -39px 0px 0px -39px;  width: 78px;  height: 78px;  line-height: 78px;  background: rgba(171, 216, 211, 0.6);  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);  border-radius: 100%;  padding: 0px;  text-align: center; }a.ARTLGNC-video-trigger .video-icon-wrap:hover {  opacity: 0.7; }a.ARTLGNC-video-trigger .video-icon-wrap:hover svg {  opacity: 0.7; }a.ARTLGNC-video-trigger svg {  width: 50px;  height: 55px;  line-height: 55px;  display: inline-block;  vertical-align: middle;  text-align: center; }.svg-path-fill * {  fill-opacity: 0;  transition: fill-opacity 1s; }.svg-path-fill.finished * {  fill-opacity: 1; }/*-----  End of Video  ------*//*===============================            Button            ===============================*/a.theme-button {  position: relative; }a.theme-button span {  position: relative;  z-index: 1;  display: inline-block;  vertical-align: middle; }a.theme-button.style-default {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  margin-top: 0px; }  a.theme-button.style-default:hover {    background: #333333;    color: #ffffff; }a.theme-button.style-default.size-small {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 6px 9px; }  a.theme-button.style-default.size-small:hover {    background: #333333;    color: #ffffff; }a.theme-button.style-default.size-large {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 11px 17px;  border: 2px solid transparent; }  a.theme-button.style-default.size-large:hover {    background: #333333;    color: #ffffff; }a.theme-button.style-default.size-large:hover {  background: none !important;  color: #abd8d3;  border: 2px solid #abd8d3 !important; }a.theme-button.style-default i {  font-size: 13px;  line-height: 13px;  display: inline-block;  vertical-align: middle;  font-weight: 300;  padding-left: 8px; }a.theme-button.style-alt {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #abd8d3;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  border: 2px solid #abd8d3;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  a.theme-button.style-alt i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  a.theme-button.style-alt i:hover {    color: #000000; }  a.theme-button.style-alt:hover {    background: none;    color: #000000;    border: 2px solid #000000; }a.theme-button.style-alt.size-small {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #abd8d3;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  border: 2px solid #abd8d3;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 4px 10px;  letter-spacing: -0.5px;  font-size: 13px;  font-weight: 500; }  a.theme-button.style-alt.size-small i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  a.theme-button.style-alt.size-small i:hover {    color: #000000; }  a.theme-button.style-alt.size-small:hover {    background: none;    color: #000000;    border: 2px solid #000000; }a.theme-button.style-alt.size-large {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #abd8d3;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  border: 2px solid #abd8d3;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 5px 22px; }  a.theme-button.style-alt.size-large i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  a.theme-button.style-alt.size-large i:hover {    color: #000000; }  a.theme-button.style-alt.size-large:hover {    background: none;    color: #000000;    border: 2px solid #000000; }a.theme-button.size-block {  display: block;  text-align: center;  margin: 0; }.page-section.has-menu-widget .artlgnc_builder-button-widget {  float: left;  margin-top: 30px; }.page-section.has-menu-widget a.theme-button.style-alt.size-small {  float: left;  margin-left: 20px; }/*-----  End of Button  ------*//*=====================================            Social Icons            =====================================*/.iconset-inner-wrap {  margin: 30px 0; }.social-set {  position: relative;  border: none; }.social-set ul {  margin: 0;  padding: 0;  display: inline-block; }.social-set ul li {  float: left;  border-bottom: none;  margin: 0 1px 1px 0;  padding: 0;  position: relative;  list-style: none; }.social-set ul li a {  border-bottom: none;  display: block;  margin-left: 0;  position: relative;  text-decoration: none; }.social-set ul li span.social-block {  padding: 10px;  font-size: 18px;  display: block;  -webkit-transition: -webkit-transform 0.3s ease-in-out;  transition: transform 0.3s ease-in-out;  text-align: center;  width: auto; }.icon-align-left {  text-align: left; }.icon-align-center {  text-align: center; }.icon-align-right {  text-align: right; }/*======================================            Person Widget            ======================================*/.person-inner-wrap {  position: relative; }.person-inner-wrap > div.p-area {  position: relative;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; }.person-inner-wrap .social-set {  margin: 0;  padding-left: 15px; }.person-inner-wrap div.image {  position: relative; }.person-inner-wrap div.image img {  display: block;  max-width: 100%;  height: auto;  margin: 0 auto;  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2); }.person-inner-wrap p.p-info {  padding: 15px; }.person-inner-wrap div.desc-area {  margin: 30px;  position: relative; }.animate-slide-top {  position: relative;  margin-bottom: 50px; }.person-inner-wrap div.show-person-info .info {  display: block; }.person-inner-wrap div.desc-area h4 {  padding: 0;  margin: 0px;  line-height: 1;  font-size: 14px;  font-weight: 700;  text-transform: uppercase;  color: #333333;  letter-spacing: 4px;  margin-bottom: 15px; }.person-inner-wrap div.desc-area span {  font-weight: 600;  font-size: 11px;  margin: 5px 0px;  text-transform: uppercase;  letter-spacing: 4px;  color: #333333;  display: inline-block;  font-family: "futura-pt"; }/*-----  End of Person Widget  ------*//*================================            Toggles            ================================*/div.toggle .toggle-body {  padding: 25px 0;  border-bottom: 1px solid transparent;  border-top: 1px solid #e9e9e9;  background-color: transparent; }div.toggle .toggle-body p:first-child {  margin-top: 0; }div.toggle .toggle-body p:last-child {  margin-bottom: 0; }div.toggle .toggle-body.collapse {  display: none; }div.toggle a.toggle-title {  text-decoration: none;  padding: 15px 20px 15px 20px;  display: block;  color: #333333;  font-size: 15px; }div.toggle a.toggle-title i {  font-size: 12px;  float: left;  position: relative;  top: 0px; }div.toggle h4 {  margin-bottom: 0; }/*==========  Styled  ==========*/.toggle-style-styled div.toggle a.toggle-title {  background: #fff;  text-decoration: none;  border-bottom: 1px solid #cccccc;  padding: 15px 20px;  display: block;  color: #333333;  font-size: 15px;  text-transform: uppercase;  font-weight: 300; font-family: 'Roboto', sans-serif;}.toggle-style-styled div.toggle a.toggle-title.title-active {  color: #abd8d3;  border-bottom: 1px solid transparent;  font-weight: 300; }.toggle-style-styled div.toggle a.toggle-title i {  font-size: 30px;  margin-right: 10px;  position: relative;  margin-top: -3px;  color: #cccccc;  font-weight: 300;  }.toggle-style-styled div.toggle a.toggle-title.title-active i {  color: inherit; }.toggle-style-styled div.toggle {  margin-bottom: 5px; }.toggle-style-styled div.toggle-body {  padding: 25px 20px;  border-bottom: 1px solid transparent;  border-top: none;  background-color: #f9f9f9; }/*===================================            Google MAP            ===================================*/.googlemap-inner-wrap {  position: relative; }.artlgnc_builder_google_map textarea {  display: none; }div.google_map {  position: relative;  background: #ffffff; }/*-----  End of Google MAP  ------*//*==================================            Easy List            ==================================*/.magic_list-inner-wrap ul {  padding: 0;  margin: 0; }.magic_list-inner-wrap ul li {  padding: 0 0 20px 0;  margin: 0 0 20px 0;  list-style: none;  position: relative;  min-height: 75px; }.magic_list-inner-wrap ul li:last-child {  padding-bottom: 0;  margin-bottom: 0; }.magic_list-inner-wrap ul li .ARTLGNC-icon-area {  position: absolute;  top: -4px;  left: 0;  padding: 0px;  line-height: 1; }.magic_list-inner-wrap ul li .ARTLGNC-icon-area i {  font-size: 24px;  width: auto;  color: #333333;  padding: 0px;  margin: 5px 0 0 0; }.magic_list-inner-wrap ul li .desc-area {  margin-left: 48px; }.magic_list-inner-wrap ul li .desc-area p:first-child {  margin-top: 0; }.magic_list-inner-wrap ul li h4 {  margin-bottom: 0px;  font-family: "futura-pt";  letter-spacing: 4px;  color: #333333;  font-weight: 700;  font-size: 14px; }.magic_list-inner-wrap ul li .desc-area .desc {  margin-top: 5px;  color: #67686c;  font-size: 13px;  font-weight: 500;  color: #333333; }.magic_list-inner-wrap ul li .ripple {  margin: -2px 0 0 -2px;  width: 16px;  height: 16px;  background: #abd8d3; }.magic_list-inner-wrap ul li:last-child:after {  display: none; }.magic_list-inner-wrap ul li:after {  content: ' ';  border: 1px dashed #CB4B5A;  display: block;  min-width: 190px;  top: 35px;  left: -30px;  min-height: 100%;  border-radius: 50%;  border-top: none;  border-right: none;  border-bottom: none;  position: absolute; }.magic_list-inner-wrap ul li.even:after {  left: -94px;  border-right: 1px dashed #CB4B5A;  border-left: none; }/*==========  Numbered List  ==========*/.magic_list-inner-wrap.list-ordered ul li .desc-area {  margin-left: 48px; }.magic_list-inner-wrap.list-ordered ul li .ARTLGNC-icon-area i {  display: block;  line-height: 1;  color: #333333;  padding: 0px;  font-size: 24px;  font-style: normal;  text-align: left; }.magic_list-inner-wrap ul li .ARTLGNC-icon-area i {  font-size: 16px;  width: auto;  color: #333333;  background: #fafafa;  margin: 5px 0 0 0;  border-radius: 100%;  width: 65px;  height: 65px;  line-height: 65px;  display: block; }.magic_list-inner-wrap ul li .desc-area {  margin-left: 120px; }.magic_list-inner-wrap ul li .desc-area p:first-child {  margin-top: 0; }.magic_list-inner-wrap ul li h4 {  margin-bottom: 0px;  font-size: 15px;  font-weight: 600;  letter-spacing: 1px;  text-transform: uppercase; }.magic_list-inner-wrap ul li .desc-area .desc {  margin-top: 5px;  font-size: 13px;  font-weight: 500;  line-height: 2;  letter-spacing: 1px;  color: #333333; }.magic_list-inner-wrap ul li .ripple {  margin: -2px 0 0 -2px;  width: 16px;  height: 16px;  background: #abd8d3; }/*==========  Numbered List  ==========*/.magic_list-inner-wrap.list-ordered ul li .ARTLGNC-icon-area i {  display: block;  font-size: 18px;  font-weight: 600;  text-align: center;  font-style: normal; }/** * List Widget */.list-inner-wrap ul {  list-style: none;  padding: 0;  margin: 0; }.list-inner-wrap ul li {  list-style: none;  margin-bottom: 10px;  padding: 0; }.list-inner-wrap ul li .ARTLGNC-icon-area {  float: left;  margin-right: 15px;  margin-bottom: 0; }.list-inner-wrap ul li .ARTLGNC-icon-area i {  font-size: 16px; }/*==========   Post List wtih Thumbnail Stylings  ==========*/ul.posts li {  margin-top: 10px; }ul.thumb-list li {  margin-bottom: 40px; }ul.thumb-list li:last-child {  margin-bottom: 10px; }ul.posts li:last-child {  border-bottom: none; }ul.thumb-list li a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  ul.thumb-list li a.more i {    width: auto; }  ul.thumb-list li a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.thumb-list li a.more:hover {    color: #abd8d3; }    ul.thumb-list li a.more:hover:after {      background: #abd8d3; }ul.thumb-list li .desc {  position: relative;  padding: 0px 0px 0px 25px;  float: right;  max-width: 60%;  margin-top: -5px; }ul.thumb-list li .image {  max-width: 100%;  float: left;  position: relative; }ul.thumb-list li .image img {  width: 100%;  margin: 0;  float: left;  max-width: 185px;  height: auto; }  ul.thumb-list li .image img:hover{opacity: 0.4;}  ul.thumb-list li .desc h3 {  margin: 0 0 30px 0px;  padding: 0;  line-height: 1.4;  font-size: 18px;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  font-family: 'ZonaPro-Light'; }ul.thumb-list li .desc h3 a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.thumb-list li .desc h3 a:hover {  color: #000000; }ul.thumb-list li .image .helper-display-icon {  width: 100%;  padding: 30px 0;  text-align: center;  background: #333333;  color: #ffffff; }ul.thumb-list.report-thumb-list li .image .helper-display-icon {  padding: 30px 0; }ul.thumb-list li .imageholder,ul.thumb-list img {  display: block;  margin: 0; }ul.thumb-list li .extras {  position: relative;  color: #333333;  text-transform: none;  font-size: 14px;  margin-top: 10px;  margin-bottom: 30px;  letter-spacing: 0px;  line-height: 1.2;  font-weight: 400; }ul.thumb-list li .extras a,ul.thumb-list li .extras i {  font-size: 9px;  text-decoration: none;  line-height: 1;  color: #abd8d3;  display: none; }ul.thumb-list li .desc p {  margin: -10px 0 25px 0;  padding: 0;  color: #333333; }ul.thumb-list li .extras strong {  font-weight: 500; }.post_list-inner-wrap .pagination {  width: 100%;  padding-top: 45px;  padding-bottom: 0px; }/*==========  Medium Thumb Title  ==========*/ul.posts li.thumb-list-2:last-child {  border-bottom: none; }ul.posts li.thumb-list-2 a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  ul.posts li.thumb-list-2 a.more i {    width: auto; }  ul.posts li.thumb-list-2 a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.posts li.thumb-list-2 a.more:hover {    color: #abd8d3; }    ul.posts li.thumb-list-2 a.more:hover:after {      background: #abd8d3; }ul.posts li.thumb-list-2 {  padding: 20px 0px 40px 0px;  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }ul.posts li.thumb-list-2 .desc {  position: relative;  padding: 0px 0px 0px 25px;  float: right;  max-width: 62%;  margin-top: -5px; }ul.posts li.thumb-list-2 .image {  max-width: 100%;  float: left;  position: relative; }ul.posts li.thumb-list-2 .image img {  width: 100%;  margin: 0;  float: left;  max-width: 255px;  height: auto; }ul.posts li.thumb-list-2 .desc h3 {  margin: 0 0 30px 0px;  padding: 0;  line-height: 1.4;  font-size: 20px;  text-transform: uppercase;  letter-spacing: 3px;  font-weight: 300; }ul.posts li.thumb-list-2 .desc h3 a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.posts li.thumb-list-2 .desc h3 a:hover {  color: #000000; }/* ul.posts li.thumb-list-2 .image .bg_overlay { position: absolute; opacity: 0; left: 0;  top: 0; right: 0; bottom: 0; text-align: center; width: 100%; height: 100%; display: flex; flex-wrap: wrap; text-align: center; z-index: 0;  align-items: center; background: rgba(181,181,181,0.9); transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -webkit-transition: opacity .6s ease-in-out;} ul.posts li.thumb-list-2 .image .bg_overlay:hover{cursor: pointer; opacity: 1;} ul.posts li.thumb-list-2 .image .bg_overlay .icon_wrapper { text-align: center; background: rgba(255, 255, 255, 0.6); border-radius: 100%; width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -41px; display: block; line-height: 82px; opacity: 1; transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -webkit-transition: opacity .6s ease-in-out;  z-index: 99;} ul.posts li.thumb-list-2 .image .bg_overlay .icon_wrapper:hover { cursor: pointer; opacity: 0.5; } ul.posts li.thumb-list-2 .image .bg_overlay .icon_wrapper svg { width: 40px; height: 40px; display: inline-block;  text-align: center;  vertical-align: middle; fill: #333; line-height: 40px; }*//*==========  Medium Thumb Title  ==========*//*==========  Landing Page Styling  ==========*/html {  height: 100%; }.landing-page-wrapper {  width: 100%;  height: 100%; }.page-template-landing_page div.page-wrapper,.page-template-landing_page .super-wrapper,.page-template-landing_page .inner-super-wrapper,.page-template-landing_page {  background: #f2f2f2;  height: 100%; }.page-template-landing_page div.page-wrapper {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin-bottom: 0 !important;  z-index: 99; }.landing-page-wrapper {  height: 100%;  display: flex;  width: 100%;  text-align: center;  align-items: center; }.landing-page-wrapper > div {  width: 100%; }.landing-page-wrapper .logo_wrapper {  margin-bottom: 60px; }.landing-page-wrapper .logo_wrapper .logo img {  opacity: 0.8;  max-width: 390px;  height: auto;  margin: 0 auto;  display: block;  width: calc(100% - 20px); }div.wpml_wrapper {  background: rgba(255, 255, 255, 0.5); }.landing-page-wrapper .wpml_wrapper ul {  list-style-type: none;  margin: 0;  padding: 20px 0px; }.landing-page-wrapper .wpml_wrapper ul li {  display: inline-block; }.landing-page-wrapper .wpml_wrapper ul li:first-child a {  border: 0 none; }.landing-page-wrapper .wpml_wrapper ul li a {  text-decoration: none;  font-size: 12px;  font-weight: 300;  letter-spacing: 2px;  text-transform: uppercase;  padding: 2px 10px 2px 10px;  color: #a2a2a2;  border-left: 1px solid #a2a2a2; }.landing-page-wrapper .wpml_wrapper ul li a:hover {  text-decoration: underline;  color: #000000; }/*==========  End Of Landing Page Styling  ==========*//*==========  Blog One Column Stylings  ==========*/.full_width .blog-column-posts ul li div.image a.imageholder img {  width: 100%; }.blog-column-posts ul {  margin: 0;  padding: 0;  overflow: visible !important; }.blog-column-posts ul li.post-item {  list-style: none;  margin: 0 0 40px 0;  padding: 0;  position: relative;  width: 100%;  padding-bottom: 0px;  padding-bottom: 40px;  border-bottom: 1px solid #000000; }.blog-column-posts ul li.post-item:last-child {  border-bottom: none; }.blog-column-posts ul li.no-posts-found {  background: #abd8d3;  text-align: center;  color: #333333;  padding: 30px 0;  border-radius: 3px; }.blog-column-posts ul li div.ioaslider {  margin-bottom: 25px;  position: relative;  z-index: 2; }.blog-column-posts ul li div.image-wrap {  position: relative;  z-index: 2; }.blog-column-posts ul li div.image {  position: relative;  background: rgba(0, 0, 0, 0.04);  overflow: hidden; }.blog-column-posts ul li div.image a.imageholder, .blog-column-posts ul li div.image a.imageholder img {  display: block;  max-width: 100%;  margin: 0 auto; }.blog-column-posts ul li div.image a.imageholder img {  margin: 0 auto;  max-width: 100%;  height: auto; }.blog-column-posts ul li div.desc {  margin-top: 20px;  padding: 0px; }.blog-column-posts ul li div.desc div.excerpt {  padding-bottom: 0px;  word-wrap: break-word;  padding-top: 0px; }.blog-column-posts ul li div.desc div.excerpt p {  padding-bottom: 10px; }.blog-column-posts ul li div.desc h2 {  margin-bottom: 5px;  margin-top: 10px;  line-height: 1.2;  font-size: 48px; }.blog-column-posts ul li div.desc h2 a {  word-wrap: break-word;  text-decoration: none;  color: #333333; }.blog-column-posts ul li div.desc h2:hover a {  color: #abd8d3; }.blog-column-posts ul li div.desc .extra {  font-size: 12px; }.blog-column-posts ul li div.desc .extra a {  color: #a8acad; }.blog-column-posts ul li div.desc .extra a:hover {  color: #000000; }/* Icon row CSS */.page-section.has-icon-row .ARTLGNC-text-column .text-title {  margin: 30px 0px 25px 0px;  text-transform: uppercase;  letter-spacing: 0.5px;  line-height: 1.5; }.page-section.has-icon-row .ARTLGNC-text-column div.ARTLGNC-text {  margin-bottom: 20px; }/* Homepage divider line CSS */.page-section.has-full-border .artlgnc_builder-container:first-child:after {  content: ' ';  position: absolute;  top: 18px !important;  right: 0px;  display: block;  bottom: 0px;  background: rgba(0, 0, 0, 0.2);  width: 1px; }/* Room Post Thmbs Thumb CSS */ul.posts .report-thumb-list {  margin-top: 10px; }ul.posts .image {  float: left; }ul.posts .image img {  max-width: 100%;  margin: 0;  height: auto; }ul.posts li.room-post-thumbs .desc {  position: relative;  padding: 0px 0px 0px 25px;  float: right;  max-width: 68%;  margin-top: -5px; }ul.posts li.room-post-thumbs .desc h3 {  margin: 0 0 10px 0px;  padding: 0;  line-height: 1.4;  font-size: 14px;  text-transform: none;  letter-spacing: 0px;  font-weight: 600; }ul.posts li.room-post-thumbs .desc h3 a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.posts li.room-post-thumbs .desc h3 a:hover {  color: #abd8d3; }ul.posts li.room-post-thumbs .image .helper-display-icon {  width: 100%;  padding: 30px 0;  text-align: center;  background: #333333;  color: #ffffff; }ul.posts li.room-post-thumbs .image .helper-display-icon {  padding: 30px 0; }ul.posts li.room-post-thumbs a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  ul.posts li.room-post-thumbs a.more i {    width: auto; }  ul.posts li.room-post-thumbs a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.posts li.room-post-thumbs a.more:hover {    color: #abd8d3; }    ul.posts li.room-post-thumbs a.more:hover:after {      background: #abd8d3; }ul.posts li.room-post-thumbs .imageholder,ul.posts img {  display: block;  margin: 0; }ul.posts li.room-post-thumbs .extras {  position: relative;  color: #333333;  text-transform: none;  font-size: 14px;  margin-top: 10px;  margin-bottom: 30px;  letter-spacing: 0px;  line-height: 1.2;  font-weight: 400; }ul.posts li.room-post-thumbs .extras a,ul.posts li.room-post-thumbs .extras i {  text-decoration: none;  line-height: 1;  color: #abd8d3;  display: none; }ul.posts li.room-post-thumbs .desc p {  margin: -10px 0 25px 0;  padding: 0;  color: #333333; }ul.posts li.room-post-thumbs .extras i {  font-size: 9px; }ul.posts li.room-post-thumbs .extras strong {  font-weight: 500; }.post_list-inner-wrap .pagination {  width: 100%;  padding-top: 45px;  padding-bottom: 0px; }/*==========  Room Thumb List 2 CSS  ==========*/ul.posts li.room-thumb-list-2:last-child {  border-bottom: none; }ul.posts li.room-thumb-list-2:last-child {  border-bottom: none; }ul.posts li.room-thumb-list-2 a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  margin-top: 10px; }  ul.posts li.room-thumb-list-2 a.more i {    width: auto; }  ul.posts li.room-thumb-list-2 a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.posts li.room-thumb-list-2 a.more:hover {    color: #abd8d3; }    ul.posts li.room-thumb-list-2 a.more:hover:after {      background: #abd8d3; }ul.posts li.room-thumb-list-2 {  padding: 20px 0px 40px 0px;  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }ul.posts li.room-thumb-list-2 .desc {  position: relative;  padding: 0px 0px 0px 25px;  float: right;  max-width: 60%;  margin-top: -5px; }ul.posts li.room-thumb-list-2 .image {  max-width: 100%;  float: left;  position: relative; }ul.posts li.room-thumb-list-2 .image img {  width: 100%;  margin: 0;  float: left;  max-width: 405px;  height: auto; }ul.posts li.room-thumb-list-2 .desc h3 {  margin: 0 0 30px 0px;  padding: 0;  line-height: 1.4;  font-size: 20px;  text-transform: uppercase;  letter-spacing: 3px;  font-weight: 300; }ul.posts li.room-thumb-list-2 .desc h3 a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.posts li.room-thumb-list-2 .desc h3 a:hover {  color: #000000; }ul.posts li.room-thumb-list-2 .image .bg_overlay {  position: absolute;  opacity: 0;  left: 0;  top: 0;  right: 0;  bottom: 0;  text-align: center;  width: 100%;  height: 100%;  display: flex;  flex-wrap: wrap;  text-align: center;  z-index: 0;  align-items: center;  background: rgba(181, 181, 181, 0.9);  transition: opacity .6s ease-in-out;  -moz-transition: opacity .6s ease-in-out;  -webkit-transition: opacity .6s ease-in-out; }ul.posts li.room-thumb-list-2 .image .bg_overlay:hover {  cursor: pointer;  opacity: 1; }ul.posts li.room-thumb-list-2 .image .bg_overlay .icon_wrapper {  text-align: center;  background: rgba(255, 255, 255, 0.6);  border-radius: 100%;  width: 82px;  height: 82px;  position: absolute;  top: 50%;  left: 50%;  margin: -41px 0 0 -41px;  display: block;  line-height: 82px;  opacity: 1;  transition: opacity .6s ease-in-out;  -moz-transition: opacity .6s ease-in-out;  -webkit-transition: opacity .6s ease-in-out;  z-index: 99; }ul.posts li.room-thumb-list-2 .image .bg_overlay .icon_wrapper:hover {  cursor: pointer;  opacity: 0.5; }ul.posts li.room-thumb-list-2 .image .bg_overlay .icon_wrapper svg {  width: 40px;  height: 40px;  display: inline-block;  text-align: center;  vertical-align: middle;  fill: #333;  line-height: 40px; }/*==========  Medium Thumb Title  ==========*/.artlgnc_builder-holder {  position: relative;  z-index: 10; }a.theme-button.style-default i {  font-size: 23px;  font-weight: 300; }/*==========  Scroll to bottom  ==========*/a.scroll-to-bottom {  width: 25px;  height: 40px;  margin-left: -16px;  box-shadow: inset 0 0 0 2px #ffffff;  border-radius: 25px; }a.scroll-to-bottom, a.scroll-to-bottom:before {  position: absolute;  z-index: 150;  bottom: 20px;  left: 50%;  color: #ffffff;  display: block;  z-index: 99; }a.scroll-to-bottom {  box-shadow: inset 0 0 0 2px #ffffff; }a.scroll-to-bottom:before {  background: #fff; }a.scroll-to-bottom:before {  content: '';  width: 8px;  height: 8px;  background: #ffffff;  margin-left: -4px;  top: 8px;  border-radius: 4px;  -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-iteration-count: 6;  animation-iteration-count: 6;  -webkit-animation-name: scroll;  animation-name: scroll; }@-webkit-keyframes scroll {  0% {    opacity: 1; }  100% {    opacity: 0;    -webkit-transform: translateY(38px);    transform: translateY(38px); } }@keyframes scroll {  0% {    opacity: 1; }  100% {    opacity: 0;    -webkit-transform: translateY(38px);    transform: translateY(38px); } } /*** Review Item*/div.review-item div.info-area img {  width: 85px;  height: 85px;  border-radius: 100%;  margin-bottom: 10px; }.review-items-wrap .flickity-viewport {  transition: 0.3s height cubic-bezier(0.1, 0.25, 0.1, 1); }div.review-items-wrap {  padding-bottom: 50px;  display: block;  text-align: center; }div.review-items-wrap.ta-left {  text-align: left; }div.review-items-wrap.ta-left div.review-item .text {  max-width: 100%; }div.review-items-wrap.ta-left div.review-item div.info-area img {  margin-left: 0; }div.review-item .text {  display: block;  font-weight: 400;  font-size: 18px;  margin: 0 auto;  max-width: 70%; }div.review-item .r-desig {  color: #333333;  font-size: 10px;  text-transform: uppercase;  margin-bottom: 10px;  letter-spacing: 2px;  font-weight: 600; }div.review-item h5.r-name {  margin-bottom: 0;  font-size: 14px;  font-weight: 700;  text-transform: uppercase;  color: #333333;  letter-spacing: 4px;  margin-top: 15px; }div.review-items-wrap .flickity-page-dots {  text-align: center;  bottom: -45px; }div.review-items-wrap .flickity-page-dots .dot {  border-radius: 100%;  height: 12px;  width: 12px;  margin: 5px; }div.review-items-wrap .flickity-page-dots .dot:first-child {  margin-left: 0; }div.review-items-wrap div.ARTLGNC-slider-item {  width: 100%; }/*=====================================            Progress Bar            =====================================*//*==========  Horizontal  ==========*/.progress_bar-inner-wrap {  padding-top: 25px; }.progress-horizontal div.progress-bar h6.progress-bar-title {  z-index: 2;  padding: 11px 10px 0px 0px;  position: absolute;  top: -30px;  left: 0px;  display: block;  color: #333333;  font-size: 11px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 2px;  margin: 0px;  line-height: 1.2; }.progress-horizontal div.progress-bar {  position: relative;  width: 100%;  height: 3px;  background: #e9e9e9;  margin-top: 50px; }.progress-horizontal div.progress-bar:first-child {  margin-top: 0; }.progress-horizontal div.progress-bar div.filler {  transition: all 1s ease-in-out;  -webkit-transition: all 1s ease-in-out;  width: 0px;  opacity: 0;  font-size: 11px;  position: absolute;  height: 3px;  background: #abd8d3;  text-align: right;  padding: 0px 0px 0px 0px; }.progress-horizontal div.progress-bar span {  transition: opacity 1s ease-in-out;  -webkit-transition: opacity 1s ease-in-out;  opacity: 0;  position: absolute;  top: -22px;  right: 0px;  color: white;  color: #333333;  font-size: 11px;  width: 50px;  text-align: right;  font-weight: 700; }.progress-horizontal div.progress-bar .overlay {  background: url(sprites/i/animated-overlay.gif);  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  opacity: 0.07; }.progress-horizontal div.progress-bar.animate-progress-bar span {  opacity: 1; } /*=======================================            Counter Widget            =======================================*/.counter-area-m-wrap {  position: relative; }.counter-inner-wrap {  text-align: center;  line-height: 1.6; }.counter-inner-wrap .counter-area {  margin: 5px 0 15px 0;  letter-spacing: 8px;  padding: 0;  font-size: 48px;  font-weight: 700;  text-transform: uppercase;  color: #333333;  z-index: 3;  position: relative;  line-height: 1; }.counter-icon i {  font-size: 32px;  margin-bottom: 5px;  color: #abd8d3; }.counter-inner-wrap .ARTLGNC-widget-title {  margin: 15px 0;  padding: 0;  line-height: 1;  font-size: 14px;  font-weight: 700;  text-transform: uppercase;  color: #333333;  letter-spacing: 4px;  line-height: 1; }.counter-inner-wrap.counter-styleborder {  display: table;  border-radius: 100%;  border: 1px solid #e9e9e9;  opacity: 0; }.counter-inner-wrap.counter-styleborder .counter-icon i {  margin-bottom: 0; }.counter-inner-wrap.counter-styleborder .counter-area-m-wrap {  display: table-cell;  vertical-align: middle; }/*-----  End of Counter Widget  ------*//*=======================================            Pricing Tables            =======================================*/div.pricing-table {  padding-top: 30px; }div.pricing-table div.plan {  float: left;  position: relative;  z-index: 1;  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); }div.pricing-table div.plan.last-plan {  margin-right: 0; }div.pricing-table div.plan span.plan-title {  margin: 0;  display: block;  font-size: 14px;  padding: 25px 25px 0 25px;  color: #333333;  position: relative;  z-index: 3;  text-transform: uppercase;  letter-spacing: 4px;  font-weight: 700; }div.pricing-table div.plan.featured-plan {  border: none; }div.pricing-table div.plan.full {  float: none;  width: 100%; }div.pricing-table div.plan.one_half {  float: left;  width: calc(50% - 20px);  margin: 0px 10px; }div.pricing-table div.plan.one_third {  float: left;  width: 33.33%;  margin: 0px;  background-color: #ffffff; }div.pricing-table div.plan.one_fourth {  float: left;  width: calc(25% - 20px);  margin: 0px 10px; }div.pricing-table div.plan.one_fifth {  float: left;  width: calc(20% - 20px);  margin: 0px 10px; }div.pricing_area {  background: #ffffff;  position: relative; }div.pricing_area_overlay {  position: absolute;  z-index: 1;  top: 0;  left: 0;  width: 100%;  height: 100%; }div.pricing_area h2 {  font-size: 60px;  line-height: 1;  margin: 0;  padding: 50px 25px 0;  position: relative;  z-index: 3; }div.pricing_area span.suffix {  font-weight: 700;  padding: 4px 25px 25px;  display: block;  font-size: 12px;  position: relative;  z-index: 3;  text-transform: uppercase;  letter-spacing: 4px; }div.pricing-table ul.pricing-row {  margin: 0;  padding: 0;  border-top: 1px solid #e9e9e9; }div.pricing-table ul.pricing-row li {  padding: 20px 25px;  margin-bottom: 0;  list-style: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: 600;  border-bottom: 1px solid #e9e9e9; }div.pricing-table ul.pricing-row li:nth-child(2n) {  background: #fafafa; }div.pricing-table div.sign-up {  padding: 0; }div.pricing-table div.sign-up a {  display: block;  padding: 30px 0;  border-radius: 0;  text-align: center; }/** * Pricing Table Settings */div.pricing-table div.featured-plan.plan {  z-index: 2; }div.pricing-table div.featured-plan.plan div.sign-up a {  display: block;  padding: 30px 0; }div.featured-plan.plan div.pricing_area h2 {  color: #000000; }div.featured-plan div.pricing_area {  background: #abd8d3;  margin-top: -30px;  padding-top: 30px; }div.pricing-table div.plan.featured-plan span.plan-title, div.plan.featured-plan div.pricing_area span.suffix {  color: #000000; }/*-----  End of Pricing Tables  ------*//** * Process Item */div.process-item {  float: left;  margin-right: 50px;  width: calc(25% - 50px);  text-align: center;  position: relative; }div.process-item:first-child:after {  display: none; }div.process-item:after {  content: ' ';  border: 1px dashed #CB4B5A;  display: block;  min-width: 190px;  top: 0;  left: -50%;  min-height: 120px;  border-radius: 50%;  border-left-color: transparent !important;  border-right-color: transparent !important;  border-bottom-color: transparent !important;  position: absolute; }div.process-item-image {  position: relative;  display: inline-block; }div.process-item-image img {  display: block;  border-radius: 100%; }div.process-item-desc {  padding: 30px 0;  font-size: 13px;  letter-spacing: 1px;  line-height: 2; }div.process-item-desc h3 {  font-size: 15px;  text-transform: uppercase;  letter-spacing: 3px; }div.process-item-title-wrap {  border-radius: 100%;  display: block;  height: 50px;  width: 50px;  position: absolute;  bottom: -15px;  right: -5px;  z-index: 2;  line-height: 50px; }div.process-item-title-wrap span {  border-radius: 100%;  color: inherit;  font-size: 16px;  font-weight: 600; }/*============================            CTA            ============================*/.cta-inner-wrap {  position: relative; }.right-style .cta-heading {  float: left;  width: 70%; }.cta-inner-wrap.right-style .button-wrap {  float: right;  max-width: 30%; }.cta-inner-wrap.right-style a.cta_button {  margin-top: 0; }.cta-inner-wrap a.cta_button {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  font-size: 13px;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  padding: 6px 28px !important;  margin-top: 20px;  transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; }  .cta-inner-wrap a.cta_button:hover {    background: #333333;    color: #ffffff; }.cta-inner-wrap h2 {  font-size: 27px;  font-weight: 300;  line-height: 1.3;  text-transform: none;  color: #000000;  letter-spacing: 1px;  text-transform: uppercase;  font-family: 'ZonaPro-Light';  margin-bottom: 5px; }.cta-inner-wrap h3 {  font-size: 27px;  font-weight: 300;  line-height: 1.3;  text-transform: none;  color: #000000;  letter-spacing: 1px;  text-transform: uppercase;  font-family: 'ZonaPro-Light'; }.cta-inner-wrap .cta-icon {  display: inline-block;  font-size: 16px;  position: relative;  line-height: 1;  margin-left: 10px;  vertical-align: middle; }.cta-inner-wrap span {  vertical-align: middle; }.cta-inner-wrap.center {  text-align: center;  position: relative; }.main-cta-icon i {  font-size: 48px;  margin-bottom: 30px; }/*-----  End of CTA  ------*//*  CTA Banner row homepage */.page-section.has-cta-row {  padding: 160px 0px;  background-position: center center !important; }.page-section.has-cta-row .artlgnc_builder-button-widget a {  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  padding: 7px 28px !important; }a.button-shtcd {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  border: 2px solid #333333;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  display: inline-block; }  a.button-shtcd i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  a.button-shtcd i:hover {    color: #abd8d3; }  a.button-shtcd:hover {    background: none;    color: #abd8d3;    border: 2px solid #abd8d3; }  /*====================================            Intro title            ====================================*/.intro_title-title-inner-wrap h2 {  font-size: 34px;  font-weight: 700;  line-height: 1.4;  text-transform: none;  color: #333333;  letter-spacing: 1px; }.intro_title-title-inner-wrap h3 {  font-size: 34px;  font-weight: 300;  line-height: 1.4;  text-transform: none;  color: #333333;  letter-spacing: 1px; }  /*=====================================            Notification            =====================================*/.ARTLGNC-message {  background: #fafafa;  border-left: 5px solid;  position: relative; }.ARTLGNC-message h2.message-title {  padding: 20px;  margin-bottom: 0;  line-height: 1;  text-align: center;  font-size: 14px;  position: relative;  text-transform: uppercase; }.ARTLGNC-message a.close-notify-box {  position: absolute;  top: 0;  right: 0;  padding: 20px;  text-decoration: none;  overflow: hidden; }.message-default {  border-color: #abd8d3; }.message-success {  border-color: #66d179; }.message-information {  border-color: #fc9036; }.message-error {  border-color: #fd5d56; }.message-inverse {  border-color: #abd8d3; }.ARTLGNC-message div.message-content {  padding: 35px 60px;  text-align: center;  position: relative;  line-height: 2; }.notify-icon {  position: absolute;  top: 0%;  left: 20px;  font-size: 16px;  margin-top: 19px;  color: inherit; }/*-----  End of Notification  ------*//* gallery scroller css */.artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li.swiper-slide a.read-more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li.swiper-slide a.read-more:hover {    background: #333333;    color: #ffffff; }.artlgnc_builder_gallery_image_scroller_widget .swiper-inner-wrap {  position: relative; }.artlgnc_builder_gallery_image_scroller_widget .swiper-inner-wrap .arrow_wrapper {  z-index: 12; }.artlgnc_builder_gallery_image_scroller_widget a.m-prev {  position: absolute;  left: 0px; }.artlgnc_builder_gallery_image_scroller_widget a.m-next {  position: absolute;  right: 0px; }.artlgnc_builder_gallery_image_scroller_widget svg {  width: 45px;  height: 46px;  display: block;  line-height: 45px;  vertical-align: middle; }.swiper-wrapper {  margin: 0;  padding: 0; }.artlgnc_builder_gallery_image_scroller_widget a.m-controls {  position: absolute;  z-index: 3;  padding: 7px 0px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  text-decoration: none;  color: #ffffff;  background: #000000;  opacity: 1.0;  transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;  -webkit-transition: opacity .5s ease-in-out; }.artlgnc_builder_gallery_image_scroller_widget .swiper-inner-wrap .arrow_wrapper a.m-controls:hover {  opacity: 0.7; }.artlgnc_builder_gallery_image_scroller_widget div.image:hover {  background: #000000; }.artlgnc_builder_gallery_image_scroller_widget div.image img:hover {  background: #000000; }/* end of gallery image scroller *//*==========  Image Scroller Stylings  ==========*/div.has-post-thumb .row {  position: relative;  z-index: 5; }div.has-post-thumb:before {  box-shadow: 8px 15px 15px rgba(248, 240, 185, 0.2), 10px 30px 60px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 8px 15px 15px rgba(248, 240, 185, 0.2), 10px 30px 60px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 8px 15px 15px rgba(248, 240, 185, 0.2), 10px 30px 60px rgba(0, 0, 0, 0.2);  box-shadow: 8px 15px 15px rgba(248, 240, 185, 0.2), 10px 30px 60px rgba(0, 0, 0, 0.2);  content: ' ';  display: block;  position: absolute;  top: -16px;  left: 0;  right: 0;  height: 4px;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f1de+0,ffffff+50,fafafa+100,ffffff+100 */  background: #f4f1de;  /* Old browsers */  background: -moz-linear-gradient(top, #f4f1de 0%, white 50%, #fafafa 100%, white 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(top, #f4f1de 0%, white 50%, #fafafa 100%, white 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, #f4f1de 0%, white 50%, #fafafa 100%, white 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f1de', endColorstr='#ffffff',GradientType=0 );  /* IE6-9 */ }.artlgnc_builder_image_scroller_widget ul.swiper-wrapper li div.image img {  display: block;  transition: all 0.4s ease;  -webkit-transition: all 0.4s ease; }.artlgnc_builder_image_scroller_widget ul.swiper-wrapper li div.image {  background: rgba(43, 67, 105, 0.5); }.artlgnc_builder_image_scroller_widget ul.swiper-wrapper li.swiper-slide div.image {  width: 100%; }.artlgnc_builder_image_scroller_widget ul.swiper-wrapper li.swiper-slide a.read-more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .artlgnc_builder_image_scroller_widget ul.swiper-wrapper li.swiper-slide a.read-more:hover {    background: #333333;    color: #ffffff; }.artlgnc_builder_image_scroller_widget .swiper-inner-wrap {  position: relative; }.artlgnc_builder_image_scroller_widget .swiper-inner-wrap .arrow_wrapper {  z-index: 12; }.artlgnc_builder_image_scroller_widget a.m-prev {  position: absolute;  left: 0px; }.artlgnc_builder_image_scroller_widget a.m-next {  position: absolute;  right: 0px; }.artlgnc_builder_image_scroller_widget svg {  width: 45px;  height: 46px;  display: block;  line-height: 45px;  vertical-align: middle; }.swiper-wrapper {  margin: 0;  padding: 0; }.artlgnc_builder_image_scroller_widget a.m-controls {  position: absolute;  z-index: 3;  padding: 7px 0px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  text-decoration: none;  color: #ffffff;  background: #000000;  opacity: 1.0;  transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;  -webkit-transition: opacity .5s ease-in-out; }.artlgnc_builder_image_scroller_widget .swiper-inner-wrap .arrow_wrapper a.m-controls:hover {  opacity: 0.7; }.artlgnc_builder_image_scroller_widget div.image:hover {  background: #000000; }.artlgnc_builder_image_scroller_widget div.image img:hover {  background: #000000; }.mfp-iframe-holder .mfp-close {  top: -40px;  cursor: pointer; }.artlgnc_builder_image_scroller_widget ul li .image .video_overlay {  position: absolute;  opacity: 1;  left: 0;  top: 0;  right: 0;  bottom: 0;  text-align: center;  width: 100%;  height: 100%;  display: flex;  flex-wrap: wrap;  text-align: center;  z-index: 0;  align-items: center; }.artlgnc_builder_image_scroller_widget ul li .image .video_overlay a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: block; }.artlgnc_builder_image_scroller_widget ul li div.image .video_overlay .icon_wrapper {  text-align: center;  background: rgba(255, 255, 255, 0.4);  border-radius: 100%;  width: 88px;  height: 88px;  z-index: 2;  position: absolute;  top: 50%;  left: 50%;  margin: -44px 0 0 -44px;  display: block;  line-height: 88px;  opacity: 1;  transition: opacity .6s ease-in-out;  -moz-transition: opacity .6s ease-in-out;  -webkit-transition: opacity .6s ease-in-out; }.artlgnc_builder_image_scroller_widget ul li div.image .video_overlay .icon_wrapper:hover {  cursor: pointer;  opacity: 0.5; }.artlgnc_builder_image_scroller_widget div.image .video_overlay .icon_wrapper svg {  width: 55px;  height: 55px;  display: inline-block;  text-align: center;  vertical-align: middle;  fill: #fff;  z-index: 99;  line-height: 55px; }a.post-media-fullscreen-pr-trigger {  position: absolute;  top: 0;  right: 0;  background: rgba(51, 51, 51, 0.9);  display: block;  padding: 10px;  z-index: 20; }a.post-media-fullscreen-pr-trigger svg {  width: 20px;  height: 20px;  display: block; }/*==========   End of image Scroller Stylings  ==========*//* Google Map Row CSS */.page-section.has-google-map .ARTLGNC-text-column div.ARTLGNC-text {  margin-top: 0; }.page-section.has-google-map .ARTLGNC-text-column div.ARTLGNC-text h5 {  text-transform: uppercase;  font-size: 14px;  letter-spacing: 1px;  font-weight: 400;  margin-bottom: 20px; }/*==========  Gallery List 2 CSS  ==========*/.artlgnc_builder_gallery_widget {  margin-top: 30px; }ul.gallery-posts li.gallery-lists:last-child {  border-bottom: none; }ul.gallery-posts li.gallery-lists a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  margin-top: 10px; }  ul.gallery-posts li.gallery-lists a.more i {    width: auto; }  ul.gallery-posts li.gallery-lists a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.gallery-posts li.gallery-lists a.more:hover {    color: #abd8d3; }    ul.gallery-posts li.gallery-lists a.more:hover:after {      background: #abd8d3; }ul.gallery-posts li.gallery-lists {  padding: 0px; }ul.gallery-posts li.gallery-lists .image img {  width: 100%;  margin: 0;  float: left;  max-width: 405px;  height: auto; }ul.gallery-posts li.gallery-lists .desc {  width: 100%;  float: left; }ul.gallery-posts li.gallery-lists .desc h3 {  margin: 20px 0px 10px 0px;  padding: 0;  line-height: 1.4;  font-size: 18px;  text-transform: uppercase;  letter-spacing: 1px;  font-weight: 300; }ul.gallery-posts li.gallery-lists .desc h3 a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.gallery-posts li.gallery-lists .desc h3 a:hover {  color: #000000; }ul.gallery-posts li.gallery-lists .image {  max-width: 100%;  float: left;  position: relative; }ul.gallery-posts li.gallery-lists .image .bg_overlay {  position: absolute;  opacity: 0;  left: 0;  top: 0;  right: 0;  bottom: 0;  text-align: center;  width: 100%;  height: 100%;  display: flex;  flex-wrap: wrap;  text-align: center;  z-index: 0;  align-items: center;  background: rgba(255, 255, 255, 0.65);  transition: opacity .6s ease-in-out;  -moz-transition: opacity .6s ease-in-out;  -webkit-transition: opacity .6s ease-in-out; }ul.gallery-posts li.gallery-lists .image .bg_overlay:hover {  cursor: pointer;  opacity: 1; }ul.gallery-posts li.gallery-lists .image .bg_overlay a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }ul.gallery-posts li.gallery-lists .image .bg_overlay .icon_wrapper {  text-align: center;  background: rgba(255, 255, 255, 0.6);  border-radius: 100%;  width: 82px;  height: 82px;  position: absolute;  top: 50%;  left: 50%;  margin: -41px 0 0 -41px;  display: block;  line-height: 82px;  opacity: 1;  transition: opacity .6s ease-in-out;  -moz-transition: opacity .6s ease-in-out;  -webkit-transition: opacity .6s ease-in-out;  z-index: 99; }ul.gallery-posts li.gallery-lists .image .bg_overlay .icon_wrapper:hover {  cursor: pointer;  opacity: 0.5; }ul.gallery-posts li.gallery-lists .image .bg_overlay .icon_wrapper svg {  width: 40px;  height: 40px;  display: inline-block;  text-align: center;  vertical-align: middle;  fill: #333;  line-height: 40px; }/* testimonial scroller styling */.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .testi-title h2 {  color: #000;  font-size: 28px;  letter-spacing: 0px;  font-weight: 600;  text-transform: uppercase; }.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .image-wrapper {  width: 100%;  text-align: center;  margin-bottom: 45px; }.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li img {  max-height: 62px;  display: inline-block;  vertical-align: middle; }.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .testi-text p {  color: #878787;  font-size: 16px;  letter-spacing: 0px;  font-weight: 300;  text-transform: none;  line-height: 1.5;  font-family: 'ZonaPro-Regular'; }.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .author {  width: 100%;  text-align: center;  margin: 15px 0px; }.artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .author h4 {  font-size: 16px;  letter-spacing: 0px;  color: #878787;  font-family: 'ZonaPro-Regular';  text-transform: uppercase;  font-weight: 300; }.artlgnc_builder_testimonial_scroller_widget .testi_arrow {  display: none; }   .has-testi-slider-full .swiper-pagination{text-align:center; bottom:-20px;} .has-testi-slider-full .swiper-pagination .swiper-pagination-bullet{background: #fff !important; border:2px solid #888888 !important;} .has-testi-slider-full .swiper-pagination .swiper-pagination-bullet-active{background:#888888 !important; border:2px solid transparent;}/*==========  Controls  ==========*//* control ends*//* testimonial col slider css */.has-testi-slider-col .alternate_testimonial_scroller-inner-wrap {  margin-left: -10px;  margin-right: -10px;  padding-bottom: 100px; }.has-testi-slider-col .testi-title-wrapper {  padding-left: 57px; }.has-testi-slider-col .testi-title-wrapper h3.testi_title {  padding-bottom: 0px; }.has-testi-slider-col .swiper-container {  background-color: #abd8d3;  padding-top: 85px;  padding-bottom: 85px; }.has-testi-slider-col ul.swiper-wrapper li.swiper-slide .image-wrapper {  display: none; }.has-testi-slider-col .testimonial-wrapper ul li .author {  width: 100%;  margin: 20px 0px; }.has-testi-slider-col ul.swiper-wrapper li.swiper-slide h4 {  font-size: 16px;  font-weight: 500;  color: white;  text-transform: uppercase;  padding: 18px 60px 0 0;  text-align: right;  font-family: 'ZonaPro-Bold'; }.has-testi-slider-col .testimonial-wrapper ul li .testi-text p {  font-size: 16px;  font-style: italic;  text-align: center;  padding: 0px 45px;  color: #fff;  font-weight: 400;  line-height: 1.4;  font-family: 'ZonaPro-Regular';  text-align: center; }.has-testi-slider-col .testimonial-wrapper {  position: relative; }  .has-testi-slider-col .swiper-pagination{text-align:right !important;}.has-testi-slider-col .swiper-pagination-bullet { border:2px solid #abd8d3 !important; }.swiper-pagination-bullet-active {  background: #abd8d3; border: 2px solid transparent;}.swiper-wrapper {  margin: 0;  padding: 0; }.page-section.has-testi-slider-col .testi_arrow {  position: absolute;  z-index: 2;  left: 23px;  bottom: 69px;  display: block; }.page-section.has-testi-slider-col .testi_arrow i.ioa-front-icon {  font-size: 88px;  color: #abd8d3; }/*==========   Post List wtih Full Image Stylings  ==========*/.category ul.postfull-list li {  min-height: 240px; }.archive ul.postfull-list {  margin-top: 50px; }.archive ul.postfull-list li {  min-height: 240px; }.archive ul.postfull-list li:last-child, .category ul.postfull-list li:last-child {  border-bottom: none;  margin-bottom: 0 !important; }.archive ul.postfull-list li img {  margin: 0;  text-align: left; }ul.postfull-list li {  border-bottom: 1px solid #e9e9e9;  min-height: 300px;  margin-bottom: 38px !important;  padding-bottom: 34px !important; }ul.postfull-list li:last-child {  border-bottom: none;  margin-bottom: 0 !important; }ul.postfull-list li .image {  width: 100%;  position: relative;  top: 0;  left: 0;  border-radius: 3px; }ul.postfull-list li .image img {  margin: 0; }ul.postfull-list li .image .helper-display-icon {  width: 100%;  padding: 30px 0;  text-align: center;  background: #333333;  color: #ffffff; }ul.postfull-list.postfull-list li .image .helper-display-icon {  padding: 30px 0; }ul.postfull-list li a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  ul.postfull-list li a.more i {    width: auto; }  ul.postfull-list li a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  ul.postfull-list li a.more:hover {    color: #abd8d3; }    ul.postfull-list li a.more:hover:after {      background: #abd8d3; }ul.postfull-list li div.more-wrapper {  display: inline-block;  margin-top: 20px; }ul.postfull-list li .imageholder,ul.postfull-list img {  display: block; }ul.postfull-list li .desc {  float: left;  margin-top: 20px; width:100%; }ul.postfull-list li .desc .postfull-title {  position: relative;  margin-bottom: 10px; }ul.postfull-list li .desc h3 {  margin: 10px 0 5px 0px;  padding: 0;  line-height: 1.2;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 300;  font-size: 22px;  font-family: 'ZonaPro-Light'; }ul.postfull-list li .desc h3.full-title a {  text-decoration: none;  color: #333333;  line-height: 1; }ul.postfull-list li .desc h3.full-title a:hover {  color: #abd8d3; }ul.postfull-list li .desc .postfull-title .extras {  color: #000000;  font-size: 16px;  letter-spacing: 0.5px;  font-weight: 500;  line-height: 1.2;  position: absolute;  bottom: 12px;  right: 0;  font-family: 'Roboto', sans-serif; }ul.postfull-list li .extras a,ul.postfull-list li .extras i {  text-decoration: none;  line-height: 1;  color: #000000;  display: none; }ul.postfull-list li .desc p {  margin: 0px;  padding: 0; }ul.postfull-list li .extras i {  font-size: 9px; }ul.postfull-list li .extras strong {  width: 72px;  float: left;  font-weight: 500; }/* ##  DOCUMENT INFORMATION    - Document:  Blog Widgets for the Theme    - Version:  0.1    - Author:   Hein Maas    - Notes : none   *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*==========  General Post Stylings  ==========*/ul.posts {  margin: 0;  padding: 0; }ul.posts li {  list-style: none;  position: relative; }ul.posts li:last-child {  padding-bottom: 0;  margin-bottom: 0; }.sticky-post-icon {  position: absolute;  z-index: 20;  top: 0;  left: 0;  background: #abd8d3;  color: #000000;  border-radius: 3px;  padding: 16px 9px;  width: 50px;  display: block; }.post-format div.item-inner-wrap p {  padding: 0;  margin: 0;  display: block; }div.post-format-chat {  padding: 10px;  background: #abd8d3;  position: relative; }body div.page-wrapper div.post-format-image img {  width: 100%;  margin: 0; }div.post-categories a {  float: left;  text-decoration: none;  text-transform: uppercase;  font-size: 14px; }div.post-categories {  margin-bottom: 10px; }div.category-blog-grid-section {  margin-top: 50px; }/** * Stylings for Blade Templating Engine *//** * Image */div.image {  position: relative; }div.image img {  display: block; }a.image-video-handler {  position: absolute;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);  text-decoration: none;  bottom: 20px;  left: 20px;  display: block;  z-index: 10;  border-radius: 100%;  opacity: 0.5; }a.image-video-handler i {  font-size: 36px;  color: #eee; }div.post-extra-image-slide {  float: left;  width: 100%; }.extra-images-slider .flickity-page-dots {  position: absolute;  bottom: 20px;  left: 20;  z-index: 10; }.extra-images-slider .flickity-page-dots li {  margin: 0;  border-radius: 0;  width: 20px;  height: 20px;  background: #111;  opacity: 0.7;  margin: 0 1px;  border-radius: 100%; }.extra-images-slider {  overflow: hidden; }/** * Title */h3.post-item-title, div.page-wrapper .theme-title {  margin: 0;  font-size: 16px;  position: relative;  letter-spacing: 1px;  font-weight: 600; }  h3.post-item-title a, div.page-wrapper .theme-title a {    text-decoration: none;    color: #333333; }/** * Read More */a.post-item-read-more, div.page-wrapper a.theme-read-more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  margin-top: 15px; }  a.post-item-read-more:hover, div.page-wrapper a.theme-read-more:hover {    background: #333333;    color: #ffffff; }.button-default {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .button-default:hover {    background: #333333;    color: #ffffff; }.button-alternate {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .button-alternate i {    width: auto; }  .button-alternate:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  .button-alternate:hover {    color: #abd8d3; }    .button-alternate:hover:after {      background: #abd8d3; }div.ajax-button-wrap {  text-align: center;  margin-bottom: 30px;  margin-top: 30px; }.page-wrapper a.ajax-load-more-button, .page-wrapper a.ajax-list-load-more-button {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  display: inline-block; }  .page-wrapper a.ajax-load-more-button:hover, .page-wrapper a.ajax-list-load-more-button:hover {    background: #333333;    color: #ffffff; }/* ==========================  13. Media Elements  ============================ *//* ##  DOCUMENT INFORMATION	- Document:  Stylings for Media Widgets	- Version:  0.1	- Author:   Hein Maas	- Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* -----------------------------------------            Table of Contents            --------------------------------------------1. Gallery2. Quartz Slider3. Image Accordion4. Grid columns5. BX Scrollable-----  End of Table of Contents  ---------- *//*======================================            Quartz Slider            ======================================*//*==========  General Stylings  ==========*/.quartz {  margin: 0px auto 0px auto;  position: relative;  padding: 0;  width: 600px;  max-width: 100%;  visibility: hidden;  opacity: 0;  height: 430px;  background: #f7f7f7; }.quartz .skeleton {  z-index: 5;  height: 100%; }.slider-area {  background: #f7f7f7;  height: 465px; }.quartz div.items-holder {  position: relative;  border: none;  width: 100%;  z-index: 2;  max-width: 100%; }.quartz div.items-view {  position: relative;  border: none;  width: 100%;  z-index: 2;  overflow: hidden; }.quartz div.items-view div.items-holder {  position: absolute;  border: none;  width: 100%;  z-index: 2;  transition: left 0.7s cubic-bezier(0.62, 0.28, 0.23, 0.99);  -webkit-transition: left 0.7s cubic-bezier(0.62, 0.28, 0.23, 0.99);  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }.quartz div.slider-item {  position: absolute;  top: 0;  left: 0;  bottom: 0;  border: none;  overflow: hidden;  margin: 0;  padding: 0;  display: block;  width: 100%;  z-index: 1; }.quartz div.slider-item > a {  margin: 0;  padding: 0;  outline: none;  border: none;  text-decoration: none;  display: block;  width: 100%; }.quartz div.slider-item img {  margin: 0 auto;  padding: 0;  display: block;  width: 100%;  height: auto;  position: relative;  z-index: 1; }.quartz div.height-sensitive-slide.slider-item img, .quartz.full-stretch div.height-sensitive-slide.slider-item img {  width: auto;  height: 100%;  margin: 0 auto;  min-width: 0; }.quartz div.slider-item.hidden {  z-index: 2;  display: none; }.quartz div.slider-item.active {  z-index: 17; }.quartz div.slider-item.reset {  z-index: 5; }.quartz div.items-view div.items-holder div.slider-item.hidden,.quartz div.items-view div.items-holder div.slider-item.active,.quartz div.items-view div.items-holder div.slider-item.reset {  z-index: 2;  display: block; }.quartz div.custom_slide_style {  display: none; }div.quartz-slide-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 2; }.quartz div.slider-item > a.quartz-caption-toggle, .quartz div.slider-item > a.quartz-caption-close {  position: absolute;  top: 12px;  right: 12px;  padding: 15px;  font-size: 10px;  background: rgba(0, 0, 0, 0.8);  color: #fff;  z-index: 103;  width: auto;  height: auto;  border-radius: 3px;  bottom: auto;  left: auto;  line-height: 1;  display: none; }.mobile-caption-holder {  position: absolute;  top: 12px;  right: 12px;  left: 12px;  bottom: 12px;  background: rgba(255, 255, 255, 0.8);  color: #333;  z-index: 100;  display: none; }.mobile-caption-holder .mobile-caption-inner-wrap {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  overflow: auto;  padding: 25px; }.mobile-caption-holder h2, .mobile-caption-holder h4, .mobile-caption-holder p {  color: inherit;  -webkit-animation-duration: 1s;  animation-duration: 1s; }.mobile-caption-holder .mobile-caption-inner-wrap a.hover-link {  margin-right: 5px;  text-decoration: none;  color: #fff;  background: rgba(0, 0, 0, 0.6);  padding: 9px 14px;  display: inline-block; }/*==========  Special case  ==========*/.quartz div.items-view div.slider-item {  position: relative;  float: left; }.quartz.full-stretch div.slider-item img {  width: 100%; }.ioa-fullscreen-indicator {  background: rgba(0, 0, 0, 0.8);  color: #fff;  font-size: 15px;  padding: 15px;  border-radius: 3px;  position: fixed;  bottom: 30px;  left: 50%;  margin-left: -30px;  display: block;  z-index: 80; }.quartz .canvas-wrap {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  overflow: hidden;  z-index: 20;  display: block; }/*==========  Controls  ==========*/.quartz-bullets-wrap {  position: absolute;  bottom: -55px;  left: 0;  right: 0;  display: inline-block;  text-align: center; }.quartz ul.quartz-bullets {  position: relative;  margin: 0;  padding: 0px;  z-index: 4;  display: inline-block;  text-align: center; }.quartz ul.quartz-bullets li {  background: transparent;  margin-right: 8px;  cursor: pointer;  float: left;  list-style: none;  position: relative;  width: 14px;  height: 14px;  padding: 0px;  border-radius: 100%;  border: 2px solid #86cdc5;  transition: all 0.3s ease-in-out; }.quartz ul.quartz-bullets li.active {  background: #86cdc5; }.quartz ul.quartz-bullets li.active .a-control {  top: 0px;  opacity: 1; }.quartz ul.quartz-bullets li.active .d-control {  top: 18px;  opacity: 0; }.quartz ul.quartz-bullets li:hover div {  top: -85px;  opacity: 1;  transform: scale(1); }div.quartz-controls-wrap {  position: static;  z-index: 30;  width: 100%;  top: 0;  left: 0; }div.quartz-controls-wrap svg {  width: 82px;  height: 82px;  color: #fff; }div.quartz-controls-wrap > a {  position: absolute;  text-decoration: none;  opacity: 1;  z-index: 99;  font-size: 34px;  padding: 25px;  color: #eee; }/*==========  Thumb Animation for Controls  ==========*/.quartz div.slider-item img.slide-desc-image {  margin: 0 auto;  display: block;  width: auto; }div.quartz-controls-wrap > a.slider-prev {  top: 50%;  left: 50px;  background: url("sprites/i/Leftarrow.svg") no-repeat center;  transform: translateY(-50%); }div.quartz-controls-wrap > a.slider-next {  top: 50%;  right: 50px;  background: url("sprites/i/Rightarrow.svg") no-repeat center;  transform: translateY(-50%); }/*==========  Captions Stylings  ==========*//* General Stylings */.quartz div.slider-desc {  position: absolute;  color: #333;  display: block;  z-index: 40;  display: none;  padding: 0px;  top: 40%;  left: 0px;  width: 50%; }.quartz div.slider-desc.caption-background {  padding: 30px; }.quartz div.slider-desc .inner-desc-wrap > p {  margin: 2px 0 0 0;  padding: 0; }.quartz .inner-slider-desc {    width: 498px;    background: rgba(255,255,255,0.5);  margin-left:-25px;}.slider-proxy {  position: absolute;  top: 0;  left: 0;  bottom: 0;  display: block;  background: inherit;  right: 100%; }.quartz div.slider-desc h2 {  margin: 0;  padding: 0px;  font-weight: 300;  display: inline-block;  font-size: 25px;  color: inherit;  position: relative;  line-height: 1.1;  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  text-align: left;  font-family: 'ZonaPro-Light'; }.quartz div.slider-desc h2 span {  text-align: left;  width: 100%;  font-family: 'ZonaPro-Bold'; }.quartz div.slider-desc h3 {  margin: 0px 0px  0px;  padding: 15px 10px 15px 0px;  display: inline-block;  font-size: 16px;  line-height: 1.2;  color: inherit;  position: relative;  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  font-family: 'ZonaPro-Regular'; }#ARTLGNC-slider-51 #slide-1 div.slider-desc h3 span {  display: inline-block;  width: 100%;  margin-top: 5px; }.quartz div.slider-desc div.caption {  font-size: 18px;  position: relative; }.quartz div.slider-desc div.caption p {  margin-bottom: 0px;  padding-bottom: 0; }.quartz div.slider-desc a.hover-link {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  padding: 6px 26px;  border: 0 none;  margin-top: 10px;  font-family: 'Roboto', sans-serif; }  .quartz div.slider-desc a.hover-link:hover {    background: #333333;    color: #ffffff; }.quartz div.slider-desc a.hover-link:first-child {  margin-left: 0; }p.link-p {  clear: both;  display: block;  padding: 0 !important; }/*==========  Caption Positioning  ==========*/.quartz div.slider-desc.s-t-l {  top: 50px;  left: 50px; }.quartz div.slider-desc.s-t-c {  top: 50px;  text-align: center;  width: 100%; }.quartz div.slider-desc.s-t-r {  top: 50px;  right: 50px;  text-align: right;  left: auto; }.quartz div.slider-desc.s-c-l {  top: 40%;  left: 0px;  max-width: 50%; }.quartz div.slider-desc.s-c-c {  top: 50px;  right: 50px;  width: 50%;  text-align: center; }.quartz div.slider-desc.s-c-r {  right: 50px;  max-width: 50%;  text-align: right;  left: auto; }.quartz div.slider-desc.s-b-l {  bottom: 100px;  left: 0px;  top: auto; }.quartz div.slider-desc.s-b-c {  bottom: 50px;  left: 50px;  width: 100%;  text-align: center;  top: auto; }.quartz div.slider-desc.s-b-r {  bottom: 50px;  right: 50px;  text-align: right;  left: auto;  top: auto; }.swiper-container {  margin: 0 auto;  position: relative;  overflow: hidden;  z-index: 1; }.swiper-container-no-flexbox .swiper-slide {  float: left; }.swiper-container-vertical > .swiper-wrapper {  -webkit-box-orient: vertical;  -moz-box-orient: vertical;  -ms-flex-direction: column;  -webkit-flex-direction: column;  flex-direction: column; }.swiper-wrapper {  position: relative;  width: 100%;  height: 100%;  z-index: 1;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  -o-transition-property: -o-transform;  -ms-transition-property: -ms-transform;  transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; }.swiper-container-android .swiper-slide, .swiper-wrapper {  -o-transform: translate(0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }.swiper-container-multirow > .swiper-wrapper {  -webkit-box-lines: multiple;  -moz-box-lines: multiple;  -ms-fles-wrap: wrap;  -webkit-flex-wrap: wrap;  flex-wrap: wrap; }.swiper-container-free-mode > .swiper-wrapper {  -webkit-transition-timing-function: ease-out;  -moz-transition-timing-function: ease-out;  -ms-transition-timing-function: ease-out;  -o-transition-timing-function: ease-out;  transition-timing-function: ease-out;  margin: 0 auto; }.swiper-slide {  -webkit-flex-shrink: 0;  -ms-flex: 0 0 auto;  flex-shrink: 0;  position: relative; }.swiper-container .swiper-notification {  position: absolute;  left: 0;  top: 0;  pointer-events: none;  opacity: 0;  z-index: -1000; }.swiper-wp8-horizontal {  -ms-touch-action: pan-y;  touch-action: pan-y; }.swiper-wp8-vertical {  -ms-touch-action: pan-x;  touch-action: pan-x; }.swiper-button-next, .swiper-button-prev {  position: absolute;  top: 50%;  width: 27px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  -moz-background-size: 27px 44px;  -webkit-background-size: 27px 44px;  background-size: 27px 44px;  background-position: center;  background-repeat: no-repeat; }.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {  opacity: .35;  cursor: auto;  pointer-events: none; }.swiper-button-prev, .swiper-container-rtl .swiper-button-next {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");  left: 10px;  right: auto; }.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }.swiper-button-next, .swiper-container-rtl .swiper-button-prev {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");  right: 10px;  left: auto; }.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }.swiper-pagination {  position: absolute;  /*text-align: center;*/  -webkit-transition: 300ms;  -moz-transition: 300ms;  -o-transition: 300ms;  transition: 300ms;  -webkit-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  z-index: 10; }.swiper-pagination.swiper-pagination-hidden {  opacity: 0; }.swiper-pagination-bullet {  margin: 0px 5px;  width: 12px;  height: 12px;  display: inline-block;  border-radius: 100%;  /*background: #fff;*/ }.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer; }.swiper-pagination-white .swiper-pagination-bullet { /* background: #888;*/ }.swiper-pagination-bullet-active {  opacity: 1;  /*background: #abd8d3;*/ }.swiper-pagination-white .swiper-pagination-bullet-active {  /*background: #fff; */}.swiper-pagination-black .swiper-pagination-bullet-active {  /*background: #000; */}.swiper-container-vertical > .swiper-pagination {  right: 10px;  top: 50%;  -webkit-transform: translate3d(0, -50%, 0);  -moz-transform: translate3d(0, -50%, 0);  -o-transform: translate(0, -50%);  -ms-transform: translate3d(0, -50%, 0);  transform: translate3d(0, -50%, 0); }.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {  margin: 5px 0;  display: block; }.swiper-container-horizontal > .swiper-pagination {  bottom: 10px;  left: 0;  width: 100%; }.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {  margin: 0 5px; }.swiper-container-3d {  -webkit-perspective: 1200px;  -moz-perspective: 1200px;  -o-perspective: 1200px;  perspective: 1200px; }.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d; }.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 10; }.swiper-container-3d .swiper-slide-shadow-left {  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }.swiper-container-3d .swiper-slide-shadow-right {  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }.swiper-container-3d .swiper-slide-shadow-top {  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }.swiper-container-3d .swiper-slide-shadow-bottom {  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }.swiper-container-coverflow .swiper-wrapper {  -ms-perspective: 1200px; }.swiper-container-fade.swiper-container-free-mode .swiper-slide {  -webkit-transition-timing-function: ease-out;  -moz-transition-timing-function: ease-out;  -ms-transition-timing-function: ease-out;  -o-transition-timing-function: ease-out;  transition-timing-function: ease-out; }.swiper-container-fade .swiper-slide {  pointer-events: none; }.swiper-container-fade .swiper-slide-active {  pointer-events: auto; }.swiper-container-cube {  overflow: visible; }.swiper-container-cube .swiper-slide {  pointer-events: none;  visibility: hidden;  -webkit-transform-origin: 0 0;  -moz-transform-origin: 0 0;  -ms-transform-origin: 0 0;  transform-origin: 0 0;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  backface-visibility: hidden;  width: 100%;  height: 100%; }.swiper-container-cube.swiper-container-rtl .swiper-slide {  -webkit-transform-origin: 100% 0;  -moz-transform-origin: 100% 0;  -ms-transform-origin: 100% 0;  transform-origin: 100% 0; }.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {  pointer-events: auto;  visibility: visible; }.swiper-container-cube .swiper-cube-shadow {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .6;  -webkit-filter: blur(50px);  filter: blur(50px); }.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {  z-index: 0; }.swiper-scrollbar {  border-radius: 10px;  position: relative;  -ms-touch-action: none;  background: rgba(0, 0, 0, 0.1); }.swiper-container-horizontal > .swiper-scrollbar {  position: absolute;  left: 1%;  bottom: 3px;  z-index: 50;  height: 5px;  width: 98%; }.swiper-container-vertical > .swiper-scrollbar {  position: absolute;  right: 3px;  top: 1%;  z-index: 50;  width: 5px;  height: 98%; }.swiper-scrollbar-drag {  height: 100%;  width: 100%;  position: relative;  background: rgba(0, 0, 0, 0.5);  border-radius: 10px;  left: 0;  top: 0; }.swiper-scrollbar-cursor-drag {  cursor: move; }.swiper-lazy-preloader {  width: 42px;  height: 42px;  position: absolute;  left: 50%;  top: 50%;  margin-left: -21px;  margin-top: -21px;  z-index: 10;  -webkit-transform-origin: 50%;  -moz-transform-origin: 50%;  transform-origin: 50%;  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;  animation: swiper-preloader-spin 1s steps(12, end) infinite; }.swiper-lazy-preloader:after {  display: block;  content: "";  width: 100%;  height: 100%;  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");  background-position: 50%;  -webkit-background-size: 100%;  background-size: 100%;  background-repeat: no-repeat; }.swiper-lazy-preloader-white:after {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }@-webkit-keyframes swiper-preloader-spin {  100% {    -webkit-transform: rotate(360deg); } }@keyframes swiper-preloader-spin {  100% {    transform: rotate(360deg); } }/*! Flickity v1.1.0http://flickity.metafizzy.co---------------------------------------------- */div.ARTLGNC-slider-item {  float: left;  width: 100%; }.flickity-enabled {  position: relative; }.flickity-enabled:focus {  outline: none; }.flickity-viewport {  overflow: hidden;  position: relative;  height: 100%; }.flickity-slider {  position: absolute;  width: 100%;  height: 100%; }/* draggable */.flickity-enabled.is-draggable {  -webkit-tap-highlight-color: transparent;  tap-highlight-color: transparent;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.flickity-enabled.is-draggable .flickity-viewport {  cursor: move;  cursor: -webkit-grab;  cursor: grab; }.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {  cursor: -webkit-grabbing;  cursor: grabbing; }/* ---- previous/next buttons ---- */.flickity-prev-next-button:focus {  border: none;  box-shadow: none;  outline: none; }.flickity-prev-next-button {  position: absolute;  top: 50%;  width: 45px;  height: 45px;  border: none;  background: rgba(255, 255, 255, 0);  cursor: pointer;  /* vertically center */  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }.flickity-prev-next-button:hover {  fill: #fff; }.flickity-prev-next-button:focus {  outline: none; }.flickity-prev-next-button:active {  filter: alpha(opacity=60);  /* IE8 */  opacity: 0.6; }.flickity-prev-next-button.previous {  left: 0px; }.flickity-prev-next-button.next {  right: 0px; }/* right to left */.flickity-rtl .flickity-prev-next-button.previous {  left: auto;  right: 0px; }.flickity-rtl .flickity-prev-next-button.next {  right: auto;  left: 0px; }.flickity-prev-next-button:disabled {  /*filter: alpha(opacity=0); /* IE8 */  /* opacity: 0.5;*/  cursor: auto; }.flickity-prev-next-button svg {  position: absolute;  left: 0;  top: 0%;  width: 60%;  height: 60%; }.flickity-prev-next-button .arrow {  fill: #fff; }/* color & size if no SVG - IE8 and Android 2.3 */.flickity-prev-next-button.no-svg {  color: #666;  font-size: 48px; }/* ---- page dots ---- */.flickity-page-dots {  position: absolute;  width: 100%;  bottom: -60px;  padding: 0;  margin: 0;  list-style: none;  text-align: center;  line-height: 1; }.flickity-rtl .flickity-page-dots {  direction: rtl; }.flickity-page-dots .dot {  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  background: #333;  border-radius: 50%;  filter: alpha(opacity=50);  /* IE8 */  opacity: 0.5;  cursor: pointer;  -webkit-transform: scale(0.7);  transform: scale(0.7);  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;  transition: opacity 0.3s, transform 0.3s, filter 0.3s; }.flickity-page-dots .dot.is-selected {  filter: alpha(opacity=100);  /* IE8 */  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1); }.flickity-slider-item {  width: 100%; }.flickity-slider-item img {  display: block;  width: 100%;  height: auto; }html.fp-enabled,.fp-enabled body {  margin: 0;  padding: 0;  overflow: hidden;  /*Avoid flicker on slides transitions for mobile phones #336 */  -webkit-tap-highlight-color: transparent;  border-top: 1px solid #e9e9e9;  background-color: #eee; }#superContainer {  height: 100%;  position: relative;  /* Touch detection for Windows 8 */  -ms-touch-action: none;  /* IE 11 on Windows Phone 8.1*/  touch-action: none; }.fp-section {  position: relative;  -webkit-box-sizing: border-box;  /* Safari<=5 Android<=3 */  -moz-box-sizing: border-box;  /* <=28 */  box-sizing: border-box; }.fp-slide {  float: left; }.fp-slide, .fp-slidesContainer {  height: 100%;  display: block; }.fp-slides {  z-index: 1;  height: 100%;  overflow: hidden;  position: relative;  -webkit-transition: all 0.3s ease-out;  /* Safari<=6 Android<=4.3 */  transition: all 0.3s ease-out; }.fp-section.fp-table, .fp-slide.fp-table {  display: table;  table-layout: fixed;  width: 100%; }.fp-tableCell {  display: table-cell;  vertical-align: middle;  width: 100%;  height: 100%; }.fp-slidesContainer {  float: left;  position: relative; }.fp-controlArrow {  -webkit-user-select: none;  /* webkit (safari, chrome) browsers */  -moz-user-select: none;  /* mozilla browsers */  -khtml-user-select: none;  /* webkit (konqueror) browsers */  -ms-user-select: none;  /* IE10+ */  position: absolute;  z-index: 4;  top: 50%;  cursor: pointer;  width: 0;  height: 0;  border-style: solid;  margin-top: -38px;  -webkit-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }.fp-controlArrow.fp-prev {  left: 15px;  width: 0;  border-width: 38.5px 34px 38.5px 0;  border-color: transparent #fff transparent transparent; }.fp-controlArrow.fp-next {  right: 15px;  border-width: 38.5px 0 38.5px 34px;  border-color: transparent transparent transparent #fff; }.fp-scrollable {  overflow: scroll; }.fp-notransition {  -webkit-transition: none !important;  transition: none !important; }#fp-nav {  position: fixed;  z-index: 100;  margin-top: -32px;  top: 50%;  opacity: 1;  -webkit-transform: translate3d(0, 0, 0); }#fp-nav.right {  right: 2px; }#fp-nav.left {  left: 2px; }.fp-slidesNav {  position: absolute;  z-index: 4;  left: 50%;  opacity: 1; }.fp-slidesNav.bottom {  bottom: 17px; }.fp-slidesNav.top {  top: 17px; }#fp-nav ul,.fp-slidesNav ul {  margin: 0;  padding: 0; }#fp-nav ul li,.fp-slidesNav ul li {  display: block;  width: 14px;  height: 14px;  margin: 7px;  position: relative; }.fp-slidesNav ul li {  display: inline-block; }#fp-nav ul li a,.fp-slidesNav ul li a {  display: block;  position: relative;  z-index: 1;  width: 100%;  height: 100%;  cursor: pointer;  text-decoration: none; }#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span {  height: 12px;  width: 12px;  margin: -6px 0 0 -6px;  border-radius: 100%;  background: #abd8d3; }#fp-nav ul li a span,.fp-slidesNav ul li a span {  border-radius: 50%;  position: absolute;  z-index: 1;  height: 8px;  width: 8px;  border: 0;  background: #000000;  left: 50%;  top: 50%;  margin: -4px 0 0 -4px;  -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out;  -o-transition: all 0.1s ease-in-out;  transition: all 0.1s ease-in-out; }#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {  width: 10px;  height: 10px;  margin: -5px 0px 0px -5px; }#fp-nav ul li .fp-tooltip {  position: absolute;  top: -2px;  color: #333;  font-size: 14px;  font-family: arial, helvetica, sans-serif;  white-space: nowrap;  max-width: 220px;  overflow: hidden;  display: block;  opacity: 0;  width: 0;  cursor: pointer; }#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip {  -webkit-transition: opacity 0.2s ease-in;  transition: opacity 0.2s ease-in;  width: auto;  opacity: 1; }#fp-nav ul li .fp-tooltip.right {  right: 20px; }#fp-nav ul li .fp-tooltip.left {  left: 20px; }.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell {  height: auto !important; }/* ==========================  14. Hover CSS Stylings ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*==========  Default Hover  ==========*/.image-wrap {  overflow: hidden;  backface-visibility: hidden;  -webkit-backface-visibility: hidden;  position: relative;  transform-style: preserve-3d;  width: 100%;  height: 100%; }.image-wrap a, .image-wrap picture {  display: block; }.image-wrap img {  display: block;  width: 100%; }.hover-overlay {  position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 3;  overflow: hidden; }body .hover-overlay a {  color: #CB4B5A;  opacity: 0;  position: absolute;  top: -1px;  left: -1px;  right: -1px;  bottom: -1px;  background: rgba(255, 255, 255, 0.65);  z-index: 10;  text-decoration: none;  transition: 0.6s opacity;  -webkit-transition: 0.6s opacity;  display: flex;  align-items: center;  text-align: center; }.hover-overlay i {  color: #eee;  font-size: 24px; }.hover-overlay svg {  width: 80px;  height: 80px; }.hover-overlay:hover a {  opacity: 1; }.inner-hover {  width: 100%;  text-align: center;  margin: 0 auto; }.hover-overlay ul.portfolio-posts li h2 {  color: #CB4B5A !important; }.hover-overlay small.read-more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  color: #fff; }  .hover-overlay small.read-more i {    width: auto; }  .hover-overlay small.read-more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  .hover-overlay small.read-more:hover {    color: #abd8d3; }    .hover-overlay small.read-more:hover:after {      background: #abd8d3; }/* ==========================  15. Forum Inputs Stylings ============================ *//** ## * Styling Theme Inputs here * **//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== */input[type=password], textarea, input[type=text], input[type=search],input[type=email], input[type=url], input[type=number], input[type=tel],select {  width: 100%;  padding: 10px;  background: #fff;  border: 1px solid #eaeaea;  color: #333333;  box-shadow: none;  border-radius: 3px; }input[type=password]:focus, input[type=text]:focus, input[type=url]:focus,input[type=search]:focus, input[type=email]:focus, input[type=number]:focus,textarea:focus, select:focus {  background: #fafafa;  border: 1px solid #333333;  color: #000102;  box-shadow: none;  border-radius: 3px;  outline: 0 none; }input[type=email]:focus {  background: #fafafa;  border: 1px solid #333333;  color: #000102;  box-shadow: none;  border-radius: 3px;  outline: 0 none; }form.wpcf7-form input[type=password]:focus, form.wpcf7-form input[type=text]:focus, form.wpcf7-form input[type=url]:focus,form.wpcf7-form input[type=search]:focus, form.wpcf7-form input[type=email]:focus, form.wpcf7-form input[type=number]:focus,form.wpcf7-form textarea:focus, form.wpcf7-form select:focus, form.wpcf7-form textarea:focus {  background: #fafafa;  border: 1px solid #333333;  color: #000102;  box-shadow: none;  border-radius: 3px;  outline: 0 none; }textarea {  width: 100%;  overflow: auto; }input[type=submit] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333;  font-size: 13px;  padding: 5px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 400;  border: 2px solid #333;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  font-size: 13px; }  input[type=submit] i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  input[type=submit] i:hover {    color: #abd8d3; }  input[type=submit]:hover {    background: none;    color: #abd8d3;    border: 2px solid #abd8d3; }input[type=text]:focus {  outline: none;  background: #fafafa;  border: 1px solid #333333;  color: #333;  border-radius: 3px; }label {  display: block;  font-size: 12px;  text-transform: uppercase;  margin-bottom: 10px; }form.wpcf7-form .wpcf7-submit {  padding: 9px 50px; }/* ==========================  16. Single Page Stylings ============================ *//* ##  DOCUMENT INFORMATION    - Document:  Page Structure Stylings    - Version:  0.1    - Author:   Hein Maas    - Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*========================================            General Styling            ========================================*/body {  position: relative;  z-index: 2;  overflow: visible;  overflow-x: hidden;  background: #ffffff;  font-family: "futura-pt", Georgia, serif;  line-height: 1.7;  font-weight: 400;  font-size: 14px;  border-top: none;  color: #333333; }.super-wrapper {  position: relative;  z-index: 2;  overflow: visible;  overflow-x: hidden; }.inner.super-wrapper {  position: relative;  z-index: 2;  overflow: visible;  overflow-x: hidden;  /*background-color:$content_bg_color;*/ }table tr th {  background: #abd8d3;  color: #000000;  border: none; }table tr td {  border-bottom: 2px solid #e9e9e9; }.featured-slider {  position: relative;  overflow: hidden; }.featured-slider .ARTLGNC-slider {  opacity: 1; }/*-----  End of General Styling  ------*/.push-extreme-right > div {  margin-right: -300px; }/*=================================================            Featured  Media Stylings            =================================================*/.mutual-content-wrap > img {  margin: 30px auto;  display: block;  max-width: 100%; }div.page-wrapper {  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }div.page-wrapper .ioa-image-area img {  border-radius: 0;  display: block;  height: auto;  margin: 0 !important;  max-width: 100%; }div.page-wrapper img {  max-width: 100%;  margin: 0 auto;  height: auto; }div.page-wrapper div.googlemap-inner-wrap img {  max-width: none; }div.single-image img {  display: block;  max-width:100%; height:auto; }.no-post-thumb {  display: none; }.featured-wrap {  position: relative;  z-index: 2; }.featured-wrap.no-post-thumb {  margin-bottom: 0; }.has-page-builder .mutual-content-wrap div.single-image {  margin-top: 30px;  margin-bottom: 0; }.no-post-thumb {  display: none; }.featured-wrap {  position: relative;  z-index: 2; }.featured-wrap.no-post-thumb {  margin-bottom: 0; }.single-media-wrapper iframe {  display: block;  width: 100%; }div.single-image {  margin-bottom: 30px; }a.post-media-fullscreen-trigger {  position: absolute;  top: 0;  right: 0;  background: rgba(51, 51, 51, 0.9);  display: block;  padding: 10px;  z-index: 20; }a.post-media-fullscreen-trigger svg {  width: 20px;  height: 20px;  display: block; }/*-----  End of Featured  Media Stylings  ------*//*================================================            Layout Related Stylings            ================================================*/.single .mutual-content-wrap .entry-title {  margin: 40px 0px 10px 0px;  font-family: 'ZonaPro-Regular'; }.mutual-content-wrap p:first-child {  padding-top: 0; }.mutual-content-wrap p {  padding: 10px 0px 10px 0;  margin: 0; }/*==========  Page Structure Stylings  ==========*/div.page-wrapper {  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  background: #ffffff; }.page-content img {  max-width: 100%;  height: auto; }.page-content p:first-child {  margin-top: 0; }.page-content p:last-child {  margin-bottom: 0;  padding-bottom: 0; }  .page-content ul{margin:0; padding:0;}.page-content ul li {  margin: 0 0 7px 25px;  padding: 0 0px 7px 30px;  position: relative;  line-height: 1.6;  list-style: none; }.page-content ul li:before {  content: "\e94c" !important;  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  color: #333;  font-weight: 800;  font-size: 9px;  padding-top: 5px;  position: absolute;  left: 0; }.has-page-builder .page-section:first-child {  padding-top: 0; }.ARTLGNC-text ul {  margin: 0;  padding: 0; }.ARTLGNC-text ul li {  margin: 0 0 7px 15px;  padding: 0 0 7px 10px;  position: relative;  list-style: outside; }.has-page-builder .mutual-content-wrap.has-no-title {  margin-top: 0px; }.has-page-builder .mutual-content-wrap.no-custom-image {  margin-top: 0px; }.has-page-builder .mutual-content-wrap.has-no-title.no-custom-image {  margin-top: 0px; }.v-feedback img {  max-width: 100%; }/*-----  End of Layout Related Stylings  ------*//*==========  Gallery Tiles  ==========*/.page-content div.gallery dl.gallery-item a,div.gallery dl.gallery-item img {  border-radius: 3px; }/*==========  Password Protected Stylings  ==========*/form.post-password-form {  padding: 30px;  border-radius: 2px;  margin: auto;  text-align: center; }form.post-password-form label {  display: inline-block;  width: calc(100% - 230px); }form.post-password-form input {  display: inline-block;  margin-right: 15px; }form.post-password-form input[type=password] {  width: 100%;  margin-top: 15px; }form.post-password-form input[type=submit] {  display: inline-block;  padding: 15px 30px;  font-size: 11px;  text-transform: uppercase;  margin-left: 15px; }.feature_img_bg {  height: 230px;  background-position: center center;  background-repeat: no-repeat;  background-size: cover; }/*==========  Homepage text column Stylings  ==========*//*.custom-img-bg-wrap {padding: 160px 0px; position: relative; background-position: center center !important;}*/.custom-img-bg-wrap {  padding: 0px;  position: relative;  display: flex;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  align-items: center;  height: 325px; }.custom-img-bg-wrap:after {  display: block;  opacity: 1;  position: absolute;  bottom: 0px;  left: 0;  width: 100%;  height: 115px;  z-index: 18;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09172c+0,020309+100&0.25+0,1+100 */  background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, #020309 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, #020309 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, #020309 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4009172c', endColorstr='#020309',GradientType=0 );  /* IE6-9 */ }div.has-bl-bg-overlay .row {  position: relative;  z-index: 5; }/* inner page custom image options styling */.quote-wrapper {  padding: 0px;  position: relative;  display: flex;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  align-items: center;  height: 155px;  top:50px; }.custom-img-bg-wrap .bg-overlay {  position: absolute;  content: '';  left: 0;  top: 0;  right: 0;  bottom: 0;  background: transparent; }.custom-img-bg-wrap .quote-wrapper .left { /* width: calc(50% - 60px);*/ }.custom-img-bg-wrap .quote-wrapper .right { /* width: calc(50% - 60px); */ }  .quote-wrapper.dark{background:#333;}  .quote-wrapper.dark .quote_title{color: #ffffff;}  .quote-wrapper.dark .quote_subtitle{color: #ffffff;}    .quote-wrapper.light{background:rgba(255,255,255,0.8);}  .quote-wrapper.light .quote_title{color:#333;}  .quote-wrapper.light .quote_subtitle{color:#333;}.custom-img-bg-wrap .quote-wrapper .caption-wrapper {width:100%; display:block; padding:22px 32px;  /*display:block; background: $tertiary_bg_color; padding:40px 30px;*/ }.custom-img-bg-wrap .quote-wrapper h2.quote_title {  margin: 0;  padding: 0px 20px 20px 20px;  font-weight: 300;  display: block;  font-size: 20px;  letter-spacing: 0px;   position: relative;  line-height: 25px;  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  text-transform: uppercase;  text-align: left;  z-index: 3; }.custom-img-bg-wrap .quote-wrapper h3.quote_subtitle {  margin: 0px;  padding: 0px 20px 20px 20px;  display: block;  letter-spacing: 0px;  font-size: 16px;  font-weight: 300;  line-height: 16px;  position: relative;  line-height: 1.1;  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s;  text-transform: uppercase;  z-index: 3; }/** * Safari related css * */.home ul.thumb-list li .image img {  height: auto !important; }@media screen and (-webkit-min-device-pixel-ratio: 0) {  /* Safari and Chrome */  .mailchimp-widget-wrap form {    width: 90% !important; }  .sidebar-wrap .mailchimp-widget-wrap form {    width: 96% !important; }  .wpml-selector svg {    float: right; }  .wpml-selector span {    float: left; }  .footer-wrap .mailchimp-widget-wrap form input[type="text"] {    width: 77%; } }/* ==========================  17. Singe Post Stylings ============================ *//* ##  DOCUMENT INFORMATION	- Document:  Single Post Structure Stylings	- Version:  0.1	- Author:   Hein Maas	- Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* -----------------------------------------            Table of Contents            --------------------------------------------1. General Stylings2. Extra Information Area3. Author Box 4. Comments5. Related Posts-----  End of Table of Contents  ---------- *//*=========================================            General Stylings            =========================================*/.comments-wrap {  padding-top: 10px;  border-top: 1px solid #e9e9e9;  margin-top: 30px; }.single .page-content {  padding-bottom: 0; }.single-report .comments-wrap {  border-top: 0 none; }.fb_iframe_widget span, .fb_iframe_widget {  max-width: 100% !important; }div.fb_comments_template {  margin-bottom: 50px; }.single-social-share a {  margin-bottom: 2px; }.wp-caption-text {  color: #abd8d3; }/*-----  End of General Stylings  ------*//** * Single Meta Section */div.single-meta-content {  width: 200px;  position: relative;  background: #abd8d3;  text-align: center;  padding: 30px 0px 0px 0px; }div.single-meta-content-wrap {  width: 200px;  position: absolute;  top: 90px;  right: -200px; }div.single-meta-content div.datearea {  margin: 0 15px;  font-size: 32px;  color: #333333;  border-bottom: 1px solid rgba(255, 255, 255, 0.08);  padding-bottom: 15px; }div.single-meta-content div.datearea .date {  font-size: 48px;  color: #333333;  display: block;  line-height: 1; }div.single-meta-content div.datearea .month {  font-size: 18px;  display: block;  color: #333333; }div.single-meta-content div.datearea .year {  font-size: 12px;  display: block;  color: #333333; }div.single-meta-content svg {  width: 30px;  position: absolute;  top: 12px;  left: 12px; }div.single-meta-content a.single-social-link {  display: block;  text-align: center;  position: relative;  padding: 15px;  text-decoration: none; }div.single-meta-content a.single-social-link span {  display: inline-block;  vertical-align: middle; }div.single-meta-content a.single-fb-link {  background: #3b5998;  color: #fff; }div.single-meta-content a.single-twitter-link {  background: #00aced;  color: #fff; }div.single-meta-content div.blog-post-author {  margin: 0 15px; }div.single-meta-content div.blog-post-comments {  padding-bottom: 15px; }p.post_tags {  margin: 0;  padding: 3px 0 0 0;  font-size: 12px;  float: left; }p.post_tags span {  font-weight: 400;  float: left;  margin-right: 10px;  color: #333333;  text-transform: none;  font-size: 14px; }p.post_tags a {  text-decoration: none;  color: #a8acad;  border-bottom: 1px solid #a8acad;  float: left;  margin-right: 9px;  margin-top: 2px; }p.post_tags a:hover {  color: #000000;  border-bottom: 1px solid #000000; }.post-bottom-section {  border-top: 1px solid #e9e9e9;  padding: 10px 0; }.post-bottom-section div.post-share {  float: right; }.post-bottom-section div.post-share a {  background: rgba(0, 0, 0, 0.1);  float: left;  line-height: 30px;  height: 30px;  width: 30px;  text-align: center;  text-decoration: none;  margin-left: 3px;  border-radius: 100%; }div.single-post-date {  margin: 0 0 30px 0;  text-align: center;  font-size: 10px;  color: #333333;  padding-bottom: 3px; }div.single-post-content {  position: relative;  z-index: 10; }div.single-post-content h1 {  margin-bottom: 0; }/*===============================================            Extra Information Area            ===============================================*/div.meta-info, div.meta-info a {  padding: 0;  color: #333;  text-decoration: none;  position: relative;  font-size: 9px;  font-weight: 400; }div.meta-info a:after {  content: ' ';  position: absolute;  height: 1px;  background: #fff;  width: 100%;  left: 0;  bottom: -1px; }div.meta-info div.post-cats {  float: left; }div.meta-info div.extra-info {  float: left; }.meta-info > div {  padding: 5px 0; }/*-----  End of Extra Information Area  ------*/div.review-info .hide {  display: none; }/*=================================            Comments            =================================*/h3.comments-title {  font-size: 18px; }div.comment-tabbed-area.ui-tabs > .ui-tabs-panel {  padding: 0; }div.comment-tabbed-area.ui-tabs ul.comment-nav-tab.ui-tabs-nav {  border-bottom: 2px solid #abd8d3;  color: #abd8d3; }div.fb_iframe_widget_fluid {  display: block; }div.fb_iframe_widget_fluid > span, div.fb_iframe_widget_fluid iframe {  width: 100% !important; }ol.comment-list {  list-style: none;  padding: 0px;  margin: 0 0 30px 0; }ol.comment-list li.comment {  padding-bottom: 0px;  margin-bottom: 0px;  padding-top: 30px;  position: relative;  border-bottom: 1px solid #e9e9e9; }ol.comment-list ol.children {  list-style: none;  padding: 0px 0;  margin: 0; }ol.comment-list ol.children li {  border-top: 1px solid #e9e9e9;  padding-left: 30px;  border-bottom: none; }div.image-info {  position: absolute;  top: 0px;  left: 0px; }div.image-info img {  display: block;  float: left; }div.image-info > a {  float: left;  font-size: 11px;  color: #333333; }div.comment-info {  position: relative; }div.comment-body {  padding: 0px 6px 30px 0px;  position: relative;  min-height: 80px;  margin-left: 120px;  border-top: 1px solid #e9e9e9;  background-color: #eee; }div.comment-body span.arrow {  display: none; }#comments .fn {  display: block;  font-size: 14px;  font-weight: 400;  text-transform: uppercase; }#comments a.comment-time {  text-decoration: none;  display: block;  font-size: 11px;  color: #000000;  font-weight: 300;  text-transform: uppercase; }div.comment-body img.avatar {  display: block;  max-width: 100%; }#comments div.reply {  position: absolute;  bottom: -2px;  right: 0px; }#comments a.comment-reply-link {  text-decoration: none;  color: #333333;  font-size: 12px; }#comments a.comment-reply-link:hover {  color: #abd8d3; }div.comment-text {  margin-top: 15px; }p.no-comments {  border: 1px solid #e9e9e9;  text-align: center;  display: block;  padding: 30px; }#comments img {  display: inline; }/*==========  Comments Form  ==========*/#respond {  clear: both;  padding: 0;  position: relative; }#respond h3#reply-title {  margin-bottom: 0;  font-weight: 400;  margin-top: 15px;  font-size: 18px;  line-height: 1.6; }#respond h3.custom-font {  color: #333333;  font-size: 18px;  line-height: 1.6;  margin-bottom: 10px; }.comment-form {  border-top: none;  padding: 0; }.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url] {  line-height: 18px;  margin-bottom: 9px; }.comment-form code {  border: none;  color: #000000;  font-size: 11px;  padding: 2px 4px; }.comment-form {  margin-left: 0px;  margin-top: 0px; }.comment-form p.single-row-textfield {  float: left;  margin-bottom: 10px;  width: 32%; }.comment-form p.comment-form-url {  margin-right: 0; }.comment-form input[type=submit] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333;  font-size: 13px;  padding: 9px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 400;  border: 2px solid #333;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative; }  .comment-form input[type=submit] i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  .comment-form input[type=submit] i:hover {    color: #abd8d3; }  .comment-form input[type=submit]:hover {    background: none;    color: #abd8d3;    border: 2px solid #abd8d3; }.comment-form label {  font-size: 16px;  margin-right: 20px;  margin-top: 14px;  text-transform: none;  font-weight: 400;  color: #333333; }.comment-form p {  margin: 5px 0px 0px 0px;  font-size: 16px;  color: #333333; }.comment-form p a {  color: #a8acad;  text-decoration: none;  border-color: transparent;  border-bottom: 1px solid #a8acad; }.comment-form p a:hover {  color: #abd8d3;  border-bottom: 1px solid #abd8d3; }a#cancel-comment-reply-link {  position: absolute;  top: 10px;  right: 0;  background: #fd5d56;  padding: 4px 7px 2px 7px;  text-decoration: none;  font-size: 10px;  color: #333;  border-radius: 3px;  font-weight: 600; }p.comment-form-url,p.comment-form-author,p.comment-form-email {  width: 33.33%;  float: left; }p.comment-form-url {  clear: right; }.comment-form p.comment-form-url input {  width: 100%; }.single .title_wrapper .extras {  color: #333333;  margin-top: 15px;  margin-bottom: 30px;  font-size: 18px;  letter-spacing: -0.5px;  font-weight: 500;  line-height: 1.2; }.single .title_wrapper .extras a,.single .title_wrapper .extras i {  display: none; }/*-----  End of Comments  ------*//* ==========================  18. Sidebar Widgets Stylings ============================ *//* ##  DOCUMENT INFORMATION	- Document:  Core Widget Layout.	- Version:  0.1	- Author:   Hein Maas	- Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//**** Sidebar Area Values* @Note - To edit widget related stylings , goto widgets.scss***//*========================================================            Core Widget Stylings            ========================================================*/.ARTLGNC-widget-wrap .heading {  margin-bottom: 30px;  position: relative;  font-size: 16px; }.ARTLGNC-widget-wrap .heading a {  text-decoration: none; }/*==========  General Stylings  ==========*/.sidebar-wrap.ARTLGNC-widget-wrap {  padding: 30px 0 0px 0; }.ARTLGNC-widget-wrap {  margin: 0; }.ARTLGNC-widget-wrap, .ARTLGNC-widget-wrap li, .ARTLGNC-widget-wrap p {  font-size: 13px; }.ARTLGNC-widget-wrap .widget_nav_menu i.ARTLGNC-front-icon {  margin-right: 5px; }div.ARTLGNC-widget-wrap a {  text-decoration: none;  word-wrap: break-word; }.ARTLGNC-widget-wrap ul {  display: block; }.ARTLGNC-widget-wrap ul.children {  margin: 10px 0 10px 14px;  padding: 0 0 0 10px; }.ARTLGNC-widget-wrap ul li:first-child {  margin-top: 0;  padding-top: 0; }.ARTLGNC-widget-wrap ul li:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom: none; }.ARTLGNC-widget-wrap:last-child {  border-bottom: none; }.ARTLGNC-widget-wrap iframe {  display: block;  max-width: 100%;  padding: 5px;  border: 1px solid #eee; }.ARTLGNC-widget-wrap select {  width: 100%; }.ARTLGNC-widget-wrap > label {  text-transform: uppercase;  font-size: 11px;  margin-bottom: 15px;  display: block; }.ARTLGNC-widget-wrap.widget_nav li {  padding: 0; }/*==========   General List Stylings  ==========*/.ARTLGNC-widget-wrap div.ARTLGNC-image-wrap {  padding: 0; }.ARTLGNC-widget-wrap div.ARTLGNC-image-wrap img {  max-width: 100%;  height: auto; }.ARTLGNC-widget-wrap div.ARTLGNC-image-wrap p, div.ARTLGNC-widget-wrap p:last-child {  padding-bottom: 0;  margin-bottom: 0; }.ARTLGNC-widget-wrap ul {  margin: 0;  padding: 0 0; }.ARTLGNC-widget-wrap ul li {  list-style: none;  margin: 0;  padding: 5px 0px;  display: block;  position: relative; }.ARTLGNC-widget-wrap ul li a {  text-decoration: none; }.ARTLGNC-widget-wrap ul li a abbr[title] {  border-bottom: none; }html .recentcomments a {  display: block !important;  font-style: normal; }/*========== Instagram =========*/div.ARTLGNC-widget-wrap ul.instagram-pics li {  float: left;  width: calc(33.33% - 2px);  margin: 1px;  padding: 0; }div.ARTLGNC-widget-wrap ul.instagram-pics li a {  text-decoration: none;  display: block;  border: none; }div.ARTLGNC-widget-wrap ul.instagram-pics li a img {  display: block; }/*==========  Tweets  ==========*/.ARTLGNC-widget-wrap .tweets-wrapper.list ul.tweets li i {  font-size: 14px;  top: -8px;  padding-left: 0;  background: none; }.ARTLGNC-widget-wrap .tweets-wrapper.list ul.tweets li {  line-height: 1.4;  min-height: 30px;  padding-left: 30px;  margin-bottom: 25px; }.ARTLGNC-widget-wrap .tweets-wrapper.list ul.tweets li:last-child {  margin-bottom: 0; }/*==========  WP Calendar Styling  ==========*/.ARTLGNC-widget-wrap.widget_calendar table {  width: 100%;  border-collapse: collapse;  margin-bottom: 0; }.ARTLGNC-widget-wrap.widget_calendar table thead {  background: rgba(0, 0, 0, 0.07); }.ARTLGNC-widget-wrap.widget_calendar table caption {  padding-bottom: 6px;  text-align: center;  margin-top: 10px;  text-transform: uppercase;  font-size: 11px; }.ARTLGNC-widget-wrap.widget_calendar table td {  padding: 5px 0px;  font-size: 11px;  text-align: center; }.ARTLGNC-widget-wrap.widget_calendar table th {  font-size: 11px;  padding: 12px 0;  text-align: center;  border: none; }.ARTLGNC-widget-wrap.widget_calendar table #prev {  padding-left: 0;  text-align: left; }.ARTLGNC-widget-wrap.widget_calendar table #next {  text-align: right;  padding-right: 0; }.ARTLGNC-widget-wrap.widget_calendar table td a {  text-decoration: none; }.ARTLGNC-widget-wrap.widget_calendar table #today {  color: #abd8d3; }.ARTLGNC-widget-wrap.widget_calendar tfoot {  border-top: 1px solid #e9e9e9; }/*==========  Menu Styling  ==========*/div.ARTLGNC-widget-wrap ul.menu {  margin: 0;  padding: 0; }div.ARTLGNC-widget-wrap ul.menu li {  position: relative; }.left-sidebar div.ARTLGNC-widget-wrap ul.menu > li {  text-align: right; }div.ARTLGNC-widget-wrap ul.menu a {  margin-left: 0;  padding: 8px 0px;  position: relative;  z-index: 2; }div.ARTLGNC-widget-wrap ul.sub-menu {  display: none;  left: -220px;  z-index: 5;  position: absolute;  top: 0;  width: 220px;  margin: 0;  padding: 0;  line-height: 1.6; }.left-sidebar div.ARTLGNC-widget-wrap ul.sub-menu {  left: auto;  right: -220px;  text-align: left; }div.ARTLGNC-widget-wrap ul.sub-menu > li {  text-align: left;  margin: 0;  padding: 0;  border-bottom: none; }div.ARTLGNC-widget-wrap ul.sub-menu li a {  border-bottom: none;  text-decoration: none;  padding: 12px 23px;  display: block;  margin: 0px;  font-size: 12px; }/* ======= RSS Widget =============== */.widget_rss li a {  display: block; }.rssSummary {  margin-top: 7.5px; }/*========== Archives & Categories Stylings ========== */.ARTLGNC-widget-wrap.widget_categories li,.ARTLGNC-widget-wrap.widget_archive li,.ARTLGNC-widget-wrap.widget_product_categories li {  text-align: right;  clear: both;  width: 100%;  min-height: 19px; }.ARTLGNC-widget-wrap.widget_categories li:before,.ARTLGNC-widget-wrap.widget_categories li:after {  display: table;  content: "";  line-height: 0; }.ARTLGNC-widget-wrap.widget_categories li:after {  clear: both; }.ARTLGNC-widget-wrap.widget_categories li:before {  content: "\e94c" !important;  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-weight: 800;  font-size: 10px;  padding-top: 6px;  color: #585574; }/*==========   Rss Widget  ==========*/div.ARTLGNC-widget-wrap a.rsswidget {  border-bottom: none; }/*==========  Search Bar  ==========*/div.ARTLGNC-widget-wrap input[type=submit] {  outline: none; }div.ARTLGNC-widget-wrap.widget_search label.screen-reader-text {  display: none; }div.ARTLGNC-widget-wrap #searchsubmit {  display: none; }#searchform input[type=text] {  width: 100%; }div.ARTLGNC-widget-wrap #searchform input[type=text] {  display: block;  margin-bottom: 0px; }/*==========  Testimonial Widget  ==========*/div.ARTLGNC-widget-wrap div.testimonial-bubble-content {  padding: 0 0 15px 0; }div.ARTLGNC-widget-wrap div.testimonial-bubble div.image img {  display: block;  border-radius: 3px; }div.ARTLGNC-widget-wrap div.testimonial-bubble-meta h3 {  font-size: 13px;  margin-top: 5px;  margin-bottom: 0;  letter-spacing: 1px;  font-weight: 400;  text-transform: uppercase; }div.ARTLGNC-widget-wrap div.testimonial-bubble div.image {  margin-top: 8px; }div.ARTLGNC-widget-wrap div.testimonial-bubble div.info span {  margin-top: 2px;  font-size: 11px; }div.ARTLGNC-widget-wrap .rad-testimonials-list .image {  float: left; }div.ARTLGNC-widget-wrap .rad-testimonials-list .info {  margin: 0px 0 0 15px; }div.ARTLGNC-widget-wrap .rad-testimonials-list .info h3 {  font-size: 16px;  margin-top: 0px;  margin-bottom: 0; }/*==========  Google Map  ==========*/div.ARTLGNC-widget-wrap div.google-map {  max-width: 100%; }/*==========   Custom Box   ==========*/div.custom-box-content p:last-child {  margin-bottom: 0; }div.custom-box-image {  float: left; }.ARTLGNC-widget-wrap a.more {  margin-top: 15px; }div.custom-box-content strong {  color: inherit; }div.custom-box-content img {  border-radius: 3px; }div.custom-box-content p:first-child {  margin-top: 0px; }/*==========  Custom Posts  ==========*/.ARTLGNC-widget-wrap .widget-posts {  margin: 0;  padding: 0; }.ARTLGNC-widget-wrap .widget-posts li {  padding: 0px 0px 30px 0px;  min-height: 77px;  position: relative;  margin: 0; }.ARTLGNC-widget-wrap .widget-posts li:last-child {  margin-bottom: 0;  padding-bottom: 0; }.ARTLGNC-widget-wrap .widget-posts li a {  border: none; }.ARTLGNC-widget-wrap .widget-posts .image {  width: 50px;  position: absolute;  top: 3px;  left: 0; }.ARTLGNC-widget-wrap .widget-posts .image i {  width: 50px;  text-align: center;  color: #888;  font-size: 16px;  padding: 20px 0;  border: 1px solid rgba(0, 0, 0, 0.07); }.ARTLGNC-widget-wrap .widget-posts .image img {  margin-right: 0px;  display: block;  border-radius: 3px; }.ARTLGNC-widget-wrap .widget-posts li:first-child .image {  top: 2px; }.ARTLGNC-widget-wrap .widget-posts .description {  float: left; }.ARTLGNC-widget-wrap .widget-posts .description p {  padding: 0;  margin: 13px 0 0 0;  line-height: 1.1;  color: #000000;  font-weight: 400; }.ARTLGNC-widget-wrap .widget-posts .description h4 {  margin: 0px;  line-height: 1.3;  font-size: 13px;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 700; }.ARTLGNC-widget-wrap .widget-posts .description h4 a {  word-break: initial; }.ARTLGNC-widget-wrap .widget-posts .description h4 a:hover {  border-bottom: none; }.ARTLGNC-widget-wrap .widget-posts li .full-desc.description {  margin-left: 0;  width: auto; }.ARTLGNC-widget-wrap .date {  color: #000000;  margin-bottom: 5px;  font-size: 10px;  text-transform: uppercase; }/*==========  Social Set  ==========*/.ARTLGNC-widget-wrap .social-set {  margin: 0px 1px;  padding: 4px 0px; }.ARTLGNC-widget-wrap .social-set {  padding: 0; }.ARTLGNC-widget-wrap .social-set ul.social-icons li {  margin: 0;  margin-right: 4px;  border-bottom: none;  padding: 0;  width: 25%;  width: calc(25% - 4px); }.ARTLGNC-widget-wrap .social-set ul.social-icons li a {  border-bottom: none; }/*==========  Video  ==========*/.ARTLGNC-widget-wrap .video-wrap p.caption {  text-align: center;  font-size: 11px;  padding: 0;  margin: 10px 0 0 0; }/*----------  Grid Settings  ----------*/div.widget-posts-grid > div {  width: 25%;  width: calc(25% - 4px);  margin: 2px;  float: left; }div.widget-posts-grid > div img {  display: block;  width: 100%; }/** Mail Chimp  */.input-area-half > div {  width: calc(50% - 7px);  float: left;  margin-bottom: 7.5px; }.input-area-half > div input, .input-area-full input {  width: 100%; }.input-area-full {  margin-bottom: 15px; }.input-area-half > div:first-child {  margin-right: 14px; }.mailchimp-widget-wrap div {  position: relative; }.mailchimp-widget-wrap div span {  position: absolute;  top: -24px;  right: 0px;  background: #fd5d56;  color: #fff;  padding: 3px 8px;  display: none;  font-size: 10px;  font-style: italic; }.mailchimp-widget-wrap form {  position: relative; }/* ##  DOCUMENT INFORMATION	- Document:  Widget Stylings	- Version:  0.1	- Author:   Hein Maas	- Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*========================================================            Sidebar Related Widget Stylings            ========================================================*/.sidebar-wrap .heading {  color: #333333;  font-weight: 300;  position: relative;  font-size: 18px;  margin: 0 0 15px 0px;  padding: 0px 0px 10px 0px;  line-height: 1.2;  text-transform: uppercase;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }/*==========  General Stylings  ==========*/.sidebar, .sidebar li, .sidebar p {  color: #333333;  font-size: 13px;  font-weight: 300; }.sidebar .widget_nav_menu i.ARTLGNC-front-icon {  margin-right: 5px;  color: #333333; }div.sidebar-wrap a {  color: #333333;  word-wrap: break-word;  text-decoration: none; }div.sidebar-wrap a:hover {  color: #abd8d3; }.sidebar-wrap ul.children {  margin: 10px 0 10px 14px;  padding: 0 0 0 10px;  border-left: 1px solid rgba(0, 0, 0, 0.1); }.sidebar-wrap ul li:first-child {  margin-top: 0;  padding-top: 0; }.sidebar-wrap ul li:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom: none; }.sidebar-wrap {  padding: 50px 0 0px 0;  margin: 0; }.sidebar .sidebar-wrap:first-child {  margin-top: 0;  padding-top: 0; }.sidebar-wrap:last-child {  border-bottom: none; }.sidebar-wrap a.more {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #333333;  padding: 0px 0px;  outline: 0 none;  text-decoration: none;  display: inline-block;  font-weight: 400;  font-size: 14px;  letter-spacing: 0.5px;  transition: all 0.2s ease-in-out;  position: relative;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  display: inline-block;  text-decoration: none; }  .sidebar-wrap a.more i {    width: auto; }  .sidebar-wrap a.more:after {    content: ' ';    position: absolute;    bottom: 4px;    background: #333333;    height: 1px;    left: 0px;    right: 0;    transition: 0.3s ease; }  .sidebar-wrap a.more:hover {    color: #abd8d3; }    .sidebar-wrap a.more:hover:after {      background: #abd8d3; }div.sidebar-wrap.widget.CustomBox .title_line {  margin-bottom: 0; }.sidebar-wrap a.more, div.sidebar-wrap a.mailchimp-subscribe {  color: #abd8d3;  border-bottom: 1px solid #abd8d3;  display: inline-block;  text-decoration: none;  font-size: 13px; }.sidebar-wrap a.more:hover, div.sidebar-wrap a.mailchimp-subscribe:hover {  color: #abd8d3;  border-color: #abd8d3; }.sidebar-wrap.widget_meta li:before {  content: "\e94c";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-size: 10px;  font-weight: 800; }.sidebar-wrap.widget_nav_menu li:before {  content: " ";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-size: 10px;  font-weight: 800; }.sidebar-wrap.widget_archive li:before {  content: "\e94c";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-weight: 800;  font-size: 10px; }.sidebar-wrap.widget_categories li:before {  content: "\e94c";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-weight: 800;  font-size: 10px;  padding-top: 6px; }.sidebar-wrap.widget_recent_comments li:before {  content: "\e94c";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: left;  margin-right: 6px;  color: #abd8d3;  font-weight: 800;  font-size: 10px; }.sidebar-wrap.widget_nav li {  padding: 0; }/*==========   General List Stylings  ==========*/.sidebar-wrap div.ioa-image-wrap {  padding: 0; }.sidebar-wrap div.ioa-image-wrap img {  border-radius: 3px; }.sidebar-wrap ul {  margin: 0;  padding: 0 0; }.sidebar-wrap ul li {  list-style: none;  margin: 5px 0;  padding: 0px 0px 0px 20px;  display: block;  position: relative; }.sidebar-wrap ul li a {  text-decoration: none;  font-size: 13px;  font-weight: 400; }.sidebar-wrap ul li a:hover {  color: #abd8d3; }.sidebar-wrap ul li a abbr[title] {  border-bottom: none; }.sidebar-wrap ul li:before {  font-size: 10px;  content: "\e94c";  font-family: 'ioa_front';  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  position: absolute;  top: 4px;  left: 0;  margin-right: 6px;  color: #abd8d3;  font-weight: 800; }html .recentcomments a {  display: block !important;  font-style: normal; }/*==========  Tweets  ==========*/.sidebar-wrap .tweets-wrapper.list ul.tweets li i {  color: #abd8d3; }.sidebar-wrap .tweets-wrapper.list ul.tweets li a {  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.sidebar-wrap .tweets-wrapper.list ul.tweets li {  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }/*==========  WP Calendar Styling  ==========*/.sidebar-wrap.widget_calendar table #today {  color: #abd8d3; }.sidebar-wrap.widget_calendar tfoot {  border-top: 1px solid rgba(0, 0, 0, 0.1); }/*==========  Menu Styling  ==========*/div.sidebar-wrap .menu > li.current_page_item > a,div.sidebar-wrap .menu > li.current-menu-ancestor > a,div.sidebar-wrap .menu > li.menu-active > a,div.sidebar-wrap .menu > li.current-menu-item > a {  color: #333333; }div.sidebar-wrap ul.sub-menu {  background: #ffffff;  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1);  line-height: 1.6; }div.sidebar-wrap ul.sub-menu li a {  color: #000000;  font-size: 12px; }div.sidebar-wrap ul.menu li:hover > a {  opacity: 0.8; }div.sidebar-wrap .widget-posts .description h4 {  margin: 0px;  line-height: 1.3;  font-size: 12px;  font-weight: 700;  color: #333333; }div.sidebar-wrap .widget-posts .description h4 a {  word-break: break-word; }div.sidebar-wrap .widget-posts .description h4 a:hover {  color: #abd8d3; }div.sidebar-wrap.widget_archive li a,div.sidebar-wrap.widget_categories li a,div.sidebar-wrap.widget_product_categories li a {  float: left;  text-decoration: none;  font-size: 13px; }div.sidebar-wrap.widget_archive li a:hover,div.sidebar-wrap.widget_categories li a:hover,div.sidebar-wrap.widget_product_categories li a:hover {  color: #abd8d3; }div.sidebar-wrap input[type=submit] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  outline: none;  border: none; }  div.sidebar-wrap input[type=submit]:hover {    background: #333333;    color: #ffffff; }div.sidebar-wrap input[type=text], div.sidebar-wrap input[type=password], div.sidebar-wrap input[type=url], div.sidebar-wrap input[type=email],div.sidebar-wrap input[type=tele], div.sidebar-wrap select,div.sidebar-wrap textarea {  border: 1px solid #eee;  color: #000102;  background: #ffffff; }div.sidebar-wrap input[type=text]:focus, div.sidebar-wrap input[type=password]:focus, div.sidebar-wrap input[type=url]:focus, div.sidebar-wrap input[type=email]:focus,div.sidebar-wrap input[type=tele]:focus,div.sidebar-wrap textarea:focus {  border: 1px solid #f0f0f0;  color: #000102;  background: #f0f0f0; }/*==========  Search Bar  ==========*/div.sidebar-wrap #searchform {  position: relative; }div.sidebar-wrap #searchform input[type=text] {  border: 2px solid #eee;  padding: 11px 15px; }div.sidebar-wrap #searchform i {  position: absolute;  top: 13px;  right: 13px;  font-size: 15px;  color: #333333;  opacity: 0.5;  z-index: 2; }/*==========  Tags  ==========*/div.sidebar-wrap div.tagcloud a {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  float: left;  margin: 0px 2px 2px 0px;  font-size: 12px !important; }  div.sidebar-wrap div.tagcloud a:hover {    background: #333333;    color: #ffffff; }/*==========  Testimonial Widget  ==========*/div.sidebar-wrap div.testimonial-bubble-content {  font-size: 13px;  font-style: italic;  color: #333333; }div.sidebar-wrap div.testimonial-bubble div.info span {  color: #333333;  font-size: 11px; }/*==========  Custom Posts  ==========*/.sidebar-wrap .widget-posts li {  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.sidebar-wrap .widget-posts .image i {  border: 1px solid rgba(0, 0, 0, 0.07); }.sidebar-wrap .date {  color: #333333;  font-size: 10px;  text-transform: uppercase;  letter-spacing: 4px; }/* ====== Newsletter ============== */.sidebar-wrap .input-area-half > div {  width: 100%; }.sidebar-wrap a.mailchimp-subscribe {  display: inline-block;  padding: 8px 16px;  color: #ffffff;  text-transform: uppercase;  font-weight: 700;  font-size: 12px;  background: none;  border: 2px solid #ffffff;  text-decoration: none;  letter-spacing: 8px;  border-radius: 3px; }.sidebar-wrap a.mailchimp-subscribe:hover {  color: #333333;  background: #313131;  border-bottom: 2px solid #333333;  text-decoration: none; }.sidebar-wrap .mailchimp-widget-wrap input[type=submit] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  outline: none;  padding: 11px 20px;  position: absolute; }  .sidebar-wrap .mailchimp-widget-wrap input[type=submit]:hover {    background: #333333;    color: #ffffff; }.mailchimp-widget-wrap form {  border: 0 none;  width: 90%; }.sidebar-wrap .mailchimp-widget-wrap form input[type=text] {  float: left;  background: #fff;  padding: 7px 15px;  width: calc(100% - 40px);  border: 1px solid #eaeaea;  color: #333333;  font-size: 16px;  border-right: 0 none;  border-radius: 0; }.sidebar-wrap .mailchimp-widget-wrap form input[type=submit] {  float: right;  background: #4d8693;  text-transform: uppercase;  font-size: 13px;  border: 1px solid #fff;  padding: 9px 16px;  border-radius: 0;  color: #fff;  border-left: none;  text-decoration: none; }.sidebar-wrap .mailchimp-widget-wrap form input[type=submit]:hover {  color: #abd8d3;  position: absolute; }/* ==========================  19. Footer Stylings ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*========================================================            Footer Related Widget Stylings            ========================================================*/.footer-wrap.widget_archive li a,.footer-wrap.widget_categories li a,.footer-wrap.widget_product_categories li a {  float: left;  color: #ffffff;  text-decoration: none;  border-color: transparent;  border-bottom: 1px solid #ffffff; }.footer-wrap.widget_archive li a:hover,.footer-wrap.widget_categories li a:hover,.footer-wrap.widget_product_categoriesli a:hover {  color: #ffffff;  text-decoration: none;  border-color: transparent;  border-bottom: 1px solid #ffffff; }.footer-wrap .heading {  color: #ffffff;  margin-bottom: 20px;  font-size: 18px;  font-weight: 500;  text-transform: uppercase;  letter-spacing: 0.5px;  line-height: 1.4; }/*==========  General Stylings  ==========*/#footer, #footer li, #footer p {  color: #ffffff;  font-size: 13px;  font-weight: 400; }#footer {  background: #abd8d3;  padding: 30px 0px 60px 0px;  margin-top:30px; }#footer .widget_nav_menu i.ARTLGNC-front-icon {  color: #ffffff; }.footer-wrap img {  max-width: 100%;  display: block;  height: auto; }.footer-wrap ul.children {  border-left: 1px solid white; }.footer-wrap a.more, div.footer-wrap a.mailchimp-subscribe {  display: inline-block;  padding: 8px 16px;  color: #ffffff;  text-transform: uppercase;  font-weight: 700;  font-size: 12px;  background: none;  border: 2px solid #ffffff;  text-decoration: none;  letter-spacing: 8px;  border-radius: 3px; }.footer-wrap a.more:hover, div.footer-wrap a.mailchimp-subscribe:hover {  color: #333333;  background: #313131;  border-bottom: 2px solid #333333;  text-decoration: none; }.footer-wrap ul.menu a {  color: #ffffff;  border-bottom: 1px solid #ffffff; }.footer-wrap ul.menu a:hover {  color: #ffffff;  border-color: #ffffff; }.footer-wrap input[type=password], .footer-wrap textarea, .footer-wrap input[type=text], .footer-wrap input[type=search],.footer-wrap input[type=email], .footer-wrap input[type=url], .footer-wrap input[type=number], .footer-wrap input[type=tel], .footer-wrap select {  background: #414040;  border: none;  color: #ffffff; }.footer-wrap input[type=password]:focus, .footer-wrap input[type=text]:focus, .footer-wrap input[type=url]:focus, .footer-wrap input[type=search]:focus, .footer-wrap input[type=email]:focus, .footer-wrap input[type=number]:focus, .footer-wrap textarea:focus, .footer-wrap select:focus {  color: #ffffff; }.footer-wrap a, .footer-wrap li a {  color: #ffffff; }.footer-wrap a:hover, .footer-wrap li a:hover {  color: #ffffff; }.ARTLGNC-widget-wrap .widget-posts .description h4 {  text-decoration: none;  font-size: 12px;  text-transform: uppercase;  letter-spacing: 0px;  font-weight: 600;  color: #ffffff; }.ARTLGNC-widget-wrap .widget-posts .description h4 a {  color: #ffffff; }.ARTLGNC-widget-wrap .widget-posts .description h4 a:hover {  color: #ffffff; }.inner-footer-wrapper .skeleton {  padding: 30px 0px 40px 0px; }.inner-footer-wrapper .col {  margin-bottom: 0;  border-right: 1px solid rgba(255, 255, 255, 0.35);  padding: 0px 50px;  width: 25%;  width: calc(25% - 22px);  margin-top: 0;  min-height: 195px; }#footer .col.last {  border-right: none; }div.footer-container {  position: relative;  z-index: 10; }.inner-footer-wrapper .col.first {  width: 20%;  width: calc(20% - 22px);  width: -o-calc(20% - 22px);  width: -webkit-calc(20% - 22px);  width: -moz-calc(20% - 22px);  padding-left: 0px; }.inner-footer-wrapper .col.second {  width: 30%;  width: calc(30% + 10px);  width: -o-calc(30% + 10px);  width: -webkit-calc(30% + 10px);  width: -moz-calc(30% + 10px); }.inner-footer-wrapper .col.third {  width: 30%;  width: calc(30% + 20px);  width: -o-calc(30% + 20px);  width: -webkit-calc(30% + 20px);  width: -moz-calc(30% + 20px);  padding-right: 20px; }.inner-footer-wrapper .col.last {  width: 20%;  width: calc(20% - 10px);  width: -o-calc(20% - 10px);  width: -webkit-calc(20% - 10px);  width: -moz-calc(20% - 10px);  padding-right: 0; }.footer-wrap ul li a.ftr-read-more {  text-transform: lowercase;  font-size: 13px;  font-weight: 400;  border-bottom: 1px solid #ffffff;  display: inline-block; }div.footer-wrap a.ftr-logo img {  max-width: 60%;  height: auto;  margin-top: 10px; }.inner-footer-wrapper .col.first .footer-wrap p {  margin-top: 0;  margin-bottom: 5px; }.inner-footer-wrapper .footer-cols a.ftr-logo img {  display: block;  height: auto;  margin: 60px 0 20px 0px; }.inner-footer-wrapper .footer-wrap div.add-wrapper {  margin-top: 0px;  color: #000000;  line-height: 1.7; }.inner-footer-wrapper .footer-wrap div.add-wrapper a {  color: #ffffff;  text-decoration: underline; }.inner-footer-wrapper .footer-wrap div.add-wrapper a:hover {  color: #ffffff; }.inner-footer-wrapper .footer-wrap div.add-wrapper p span {  display: block;  width: 100%;  text-align: left; }.inner-footer-wrapper .footer-wrap div.add-wrapper p span.tel {  margin-top: 20px; }.inner-footer-wrapper .social-link ul.social-link-set {  display: block;  margin-top: 3px; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a {  display: block; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a:hover {  text-decoration: underline; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a:hover span.artlgnc-front-icon {  text-decoration: none !important; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a span {  display: inline-block;  vertical-align: top;  padding-right: 19px; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a span.artlgnc-front-icon {  display: inline-block;  vertical-align: middle;  font-size: 32px;  margin-right: 15px; }  .inner-footer-wrapper .social-link ul.social-link-set li.custom-social span.heart-2icon-{font-size:25px !important;}/*==========   General List Stylings  ==========*//*==========  Tweets  ==========*/.footer-wrap .tweets-wrapper.list ul.tweets li i {  color: #abd8d3; }.footer-wrap .tweets-wrapper.list ul.tweets li a {  border-bottom: 1px solid white; }.footer-wrap .tweets-wrapper.list ul.tweets li {  border-bottom: 1px solid white; }/*==========  WP Calendar Styling  ==========*/.footer-wrap.widget_calendar table #today {  color: #abd8d3; }.footer-wrap.widget_calendar tfoot {  border-top: 1px solid white; }.footer-wrap.widget_calendar table td {  border-color: white; }/*==========  Menu Styling  ==========*/div.ARTLGNC-widget-wrap.footer-wrap ul.menu {  margin-left: -25px; }div.ARTLGNC-widget-wrap.footer-wrap ul.menu li a {  padding: 0;  text-decoration: none; }div.ARTLGNC-widget-wrap.footer-wrap ul.menu li a:hover {  text-decoration: underline; }div.ARTLGNC-widget-wrap.footer-wrap ul.menu li {  width: 100%;  padding: 0px 0px 4px 25px; }div.footer-wrap .menu > li.current_page_item > a,div.footer-wrap .menu > li.current-menu-ancestor > a,div.footer-wrap .menu > li.menu-active > a,div.footer-wrap .menu > li.current-menu-item > a {  color: #ffffff;  text-decoration: underline !important; }div.footer-wrap ul.sub-menu {  background: #ffffff;  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1);  line-height: 1.6; }div.footer-wrap ul.sub-menu li a {  color: #000000;  font-size: 12px;  text-decoration: underline;  }/*==========  Search Bar  ==========*/div.footer-wrap #searchform input[type=text], div.footer-wrap #searchform input[type=password], div.footer-wrap #searchform input[type=url], div.footer-wrap #searchform input[type=email],div.footer-wrap #searchform input[type=tele], div.footer-wrap #searchform select,div.footer-wrap #searchform textarea {  border: 1px solid #515151;  color: #ffffff;  background: #414040; }div.footer-wrap #searchform input[type=text]:focus, div.footer-wrap #searchform input[type=password]:focus, div.footer-wrap #searchform input[type=url]:focus, div.footer-wrap #searchform input[type=email]:focus,div.footer-wrap #searchform input[type=tele]:focus,div.footer-wrap #searchform textarea:focus {  border: 1px solid rgba(255, 255, 255, 0.05);  color: #ffffff;  background: rgba(255, 255, 255, 0.05); }/* =========== Toggle ========== */div.footer-wrap .toggle-style-styled div.toggle a.toggle-title {  background: none; }div.footer-wrap .toggle-style-styled div.toggle-body {  padding: 15px 0px;  border-top: none;  background-color: #f9f9f9; }/*==========  Tags  ==========*/div.footer-wrap div.tagcloud a {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  float: left;  margin: 0px 2px 2px 0px;  font-size: 12px !important; }  div.footer-wrap div.tagcloud a:hover {    background: #333333;    color: #ffffff; }/*==========  Testimonial Widget  ==========*/div.footer-wrap div.testimonial-bubble-content {  font-size: 13px;  font-style: italic;  color: #ffffff; }div.footer-wrap div.testimonial-bubble div.info span {  color: #ffffff;  font-size: 11px; }/*==========  Custom Posts  ==========*/.footer-wrap .widget-posts li {  border-bottom: 0 none; }.footer-wrap .widget-posts .image i {  border: 1px solid rgba(0, 0, 0, 0.07); }.footer-wrap .widget-posts .description h4 {  margin-bottom: 2px;  margin-top: 1px;  line-height: 1.2; }.footer-wrap .widget-posts .description h4 a {  word-break: initial;  color: #ffffff;  display: block;  font-size: 13px;  letter-spacing: 0.5px;  font-weight: 600; }.footer-wrap .widget-posts .description h4 a:hover {  word-break: initial;  color: #ffffff; }.footer-wrap .widget-posts .date {  color: #ffffff;  margin-bottom: 10px;  font-size: 10px;  text-transform: uppercase;  letter-spacing: 4px;  font-weight: 500;  font-family: "futura-pt"; }/** * Icons */.ARTLGNC-widget-wrap.footer-wrap .social-set ul.social-icons li {  width: auto;  margin-bottom: 5px; }/** * Toggle */.footer-wrap .toggle-style-styled div.toggle a.toggle-title {  border-color: white;  color: #ffffff; }.footer-wrap.ARTLGNC-widget-wrap iframe {  border-color: white; }div.footer-wrap .mailchimp-widget-wrap input[type=submit] {  outline: none;  padding: 11px 20px 12px 20px;  position: absolute;  text-transform: uppercase; }.footer-wrap .mailchimp-subscribe {  display: inline-block;  padding: 8px 16px;  color: white;  text-transform: uppercase;  font-weight: 700;  font-size: 12px;  background: none;  border: 2px solid white;  text-decoration: none;  letter-spacing: 8px;  border-radius: 3px; }.footer-wrap .mailchimp-widget-wrap input[type=submit] {  color: #ada8a5;  padding: 10px 0px;  outline: 0 none;  text-decoration: underline;  display: inline-block;  font-weight: 400;  font-size: 14px;  transition: all 0.2s ease-in-out;  position: relative;  transition: all 0.2s ease-in-out;  display: inline-block;  outline: none;  position: relative;  outline: none;  padding: 11px 20px;  position: absolute; }.footer-wrap .mailchimp-widget-wrap input[type=submit]:hover {  color: white;  background: #333333; }.footer-wrap .mailchimp-widget-wrap form {  border: 0 none;  width: 90%; }.footer-wrap .mailchimp-widget-wrap form input[type=text] {  float: left;  background: #414040;  padding: 0px 15px;  width: calc(100% - 40px);  border: 1px solid #515151;  color: #ffffff;  font-size: 14px;  border-right: 0 none;  border-radius: 0;  height: 48px; }.footer-wrap .mailchimp-widget-wrap form input[type=submit] {  right: 0;  top: -1px;  background: #4d8693;  text-transform: uppercase;  font-size: 13px;  border: 1px solid #515151;  padding: 0px 20px;  border-radius: 0;  color: #333333;  border-left: none;  text-decoration: none;  height: 49px;  line-height: 49px;  text-align: center; }.footer-wrap .mailchimp-widget-wrap form input[type=submit]:hover {  color: #ffffff;  position: absolute; }/* ====== Newsletter ============== */.sidebar-wrap .input-area-half > div {  width: 100%; }.sidebar-wrap a.mailchimp-subscribe {  display: inline-block;  padding: 8px 16px;  color: white;  text-transform: uppercase;  font-weight: 700;  font-size: 12px;  background: none;  border: 2px solid white;  text-decoration: none;  letter-spacing: 8px;  border-radius: 3px; }.sidebar-wrap a.mailchimp-subscribe:hover {  color: #2d2f33;  background: white;  border-bottom: 2px solid white;  text-decoration: none; }.sidebar-wrap .mailchimp-widget-wrap input[type=submit] {  color: #ada8a5;  padding: 10px 0px;  outline: 0 none;  text-decoration: underline;  display: inline-block;  font-weight: 400;  font-size: 14px;  transition: all 0.2s ease-in-out;  position: relative;  transition: all 0.2s ease-in-out;  display: inline-block;  outline: none;  position: relative;  outline: none;  padding: 11px 20px;  position: absolute; }.sidebar-wrap .mailchimp-widget-wrap input[type=submit]:hover {  color: white; }.mailchimp-widget-wrap form {  border: 0 none;  width: 90%; }.sidebar-wrap .mailchimp-widget-wrap form input[type=text] {  float: left;  background: #aaa5a1;  padding: 7px 15px;  width: calc(100% - 40px);  border: 1px solid white;  color: white;  font-size: 16px;  border-right: 0 none;  border-radius: 0; }.sidebar-wrap .mailchimp-widget-wrap form input[type=submit] {  float: right;  background: #827a75;  text-transform: uppercase;  font-size: 13px;  border: 1px solid #fff;  padding: 9px 16px;  border-radius: 0;  color: #fff;  border-left: none;  text-decoration: none; }.sidebar-wrap .mailchimp-widget-wrap form input[type=submit]:hover {  color: #a7a19c;  position: absolute; }/*##   DOCUMENT INFORMATION	- Document:  Footer  Structure Stylings	- Version:  0.1	- Author:   Hein Maas	- Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//* -----------------------------------------            Table of Contents            --------------------------------------------1. Footer Stylings2. Bottom Footer Stylings-----  End of Table of Contents  ---------- *//*=========================================            Footer  Stylings            =========================================*//*==========  General Stylings  ==========*/#footer {  z-index: 16;  position: relative; }.mobile_footer_widget {  display: none;  text-align: center; }.mobile_footer_widget ul.social-icons {  display: inline-block; }a.back-to-top {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #ffffff;  font-size: 13px;  padding: 5px 27px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 400;  letter-spacing: 0.5px;  border: 0 none;  background: #abd8d3;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  background: #424242;  opacity: 0.8;  color: #ffffff;  position: fixed;  right: 10px;  visibility: hidden;  bottom: 10px;  width: 35px;  padding: 8px 0;  font-size: 18px;  z-index: 10;  text-decoration: none;  border: 1px solid #ffffff; }  a.back-to-top:hover {    background: #333333;    color: #ffffff; }a.back-to-top:hover {  border: 1px solid #abd8d3;  background: #abd8d3;  color: rgba(255, 255, 255, 0.5); }a.back-to-top:after {  display: none; }a.back-to-top:hover::after {  display: none; }a.back-to-top span:before {  font-weight: 600; }a.bt-reveal.back-to-top {  visibility: visible;  animation-duration: 0.4s;  -webkit-animation-duration: 0.4s; }a.bt-reveal.back-to-top span {  -webkit-transition: all 0.2s ease;  transition: all 0.2s ease;  display: block;  width: 100%;  text-align: center;  width: 20px;  margin: 0 auto; }.inner-footer-wrapper {  position: relative;  z-index: 13; }div.footer-cols {  padding-top: 50px; }#footer .ARTLGNC-more-button {  color: #ffffff;  text-transform: uppercase;  font-size: 11px;  font-family: "futura-pt";  font-weight: 600;  letter-spacing: 4px;  text-decoration: none; }#footer .ARTLGNC-more-button:hover {  color: #ffffff;  text-decoration: none; }/*======================================            Bottom Footer            ======================================*/#footer-menu {  position: relative;  z-index: 13;  font-weight: 600; }#footer-menu p.footer-text {  font-size: 13px;  line-height: 13px;  color: #ffffff;  font-weight: 400;  margin-top: 0px;  margin-bottom: 0;  margin-left: 0;  text-align: center; }#footer-menu p.footer-text a {  color: #ffffff; }#footer-menu p.footer-text a:hover {  color: #abd8d3;  text-decoration: underline; }#footer-menu .footer_info {  float: left;  display: block;  width: auto;  margin-right: 10px;  padding: 3px 0px; }#footer-menu .footer_nav {  float: left; }#footer-menu .menu {  float: right;  margin: 0;  padding: 3px 0 0 0; }div.footer-wrap ul.menu a {  margin-left: 0;  display: block;  padding: 5px 0px;  border-bottom: none;  color: #ffffff;  font-size: 13px;  font-weight: 400;  text-transform: none;  text-decoration: underline;  letter-spacing: 0.5px; }div.footer-wrap ul.menu a:hover {  color: #ffffff; }#footer-menu .menu li {  float: left;  list-style: none;  margin: 0;  border-left: 2px solid #ffffff;  height: 15px;  line-height: 15px; }#footer-menu .menu li a {  color: #ffffff;  position: relative;  text-decoration: none;  display: block;  padding: 0px 12px;  font-weight: 400;  letter-spacing: 0px;  font-size: 13px; }#footer-menu .menu li a:hover {  color: #abd8d3;  text-decoration: underline; }#footer-menu .menu li.current-menu-item a {  color: #333333; }#footer-menu .footer_left {  float: left;  padding: 5px 0px; }#footer-menu .footer_right {  float: right; }.footer_social_wrapper {  float: right;  margin: -2px 0 0 0px;  padding: 0;  text-align: right; }.footer_social_wrapper ul {  list-style-type: none;  margin: 0;  padding: 0;  float: right; }.footer_social_wrapper ul li {  list-style-type: none;  float: left; }.footer_social_wrapper ul li a {  width: 25px;  height: 25px;  line-height: 25px;  text-align: center;  display: block; }.footer_social_wrapper ul li a img {  display: block; }.footer_social_wrapper ul li a {  background-color: #424242;  border-radius: 50%;  color: #ffffff;  font-size: 13px;  margin-left: 10px;  text-decoration: none; }.footer_social_wrapper ul li a:hover {  background-color: #abd8d3;  border-radius: 50%;  color: #ffffff;  font-size: 13px;  margin-left: 10px; }.footer_social_wrapper ul li.custom-social:hover a {  text-decoration: underline; }.inner-footer-wrapper .social-link ul.social-link-set li.custom-social a svg {  fill: #fff; }#footer-menu .footer_logo_wrapper {  text-align: right; }#footer-menu .footer_logo_wrapper a img {  max-width: 160px;  height: auto;  width: 100%; }/* ==========================  20. 404 Stylings ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*====================================            404 Styling            ====================================*/div.not-found-number {  text-align: center;  display: block;  position: relative;  font-size: 118px;  font-weight: 600;  margin: 90px auto 5px auto; }div.not-found-number img {  display: block;  margin: 90px auto 5px auto;  max-width: 100%; }.mutual-content-wrap div.not-found-text {  max-width: 70%;  margin: 5px auto;  display: block;  text-align: center; }div.error-search {  width: 70%;  margin: 15px auto 30px auto; }div.error-search input[type=text] {  padding: 7.5px;  color: #333333;  border-radius: 3px;  width: 100%; }/*-----  End of 404 Styling  ------*//* ==========================  21. Common Page Elements Stylings ============================ *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//** ## Contains Common settings * **//** * Resauble Classes for theme here. * **/.pad {  padding: 30px; }.pad-2 {  padding: 15px; }.pad-3 {  padding: 10px; }.pad-4 {  padding: 7.5px; }.mar {  margin: 30px; }.mar-2 {  margin: 15px; }.mar-3 {  margin: 10px; }.mar-4 {  margin: 7.5px; }ul.isotope {  opacity: 0;  margin: 0px;  padding: 0;  margin-right: -2px; }ul.isotope li {  list-style: none;  padding: 0;  margin: 0; }/** * Preloader *//*==========  Loading Icon  ==========*/.ARTLGNC-loader {  position: absolute;  top: 50%;  left: 50%;  margin: -22px 0 0 -22px;  opacity: 1;  z-index: 99;  display: block;  width: 44px;  height: 44px; }.circular {  animation: rotate 2s linear infinite;  height: 100%;  transform-origin: center center;  width: 100%;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto; }.path {  stroke-dasharray: 1,200;  stroke-dashoffset: 0;  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;  stroke-linecap: round; }@keyframes rotate {  100% {    transform: rotate(360deg); } }@keyframes dash {  0% {    stroke-dasharray: 1,200;    stroke-dashoffset: 0; }  50% {    stroke-dasharray: 89,200;    stroke-dashoffset: -35px; }  100% {    stroke-dasharray: 89,200;    stroke-dashoffset: -124px; } }@keyframes color {  100%, 0% {    stroke: #dddddd; }  40% {    stroke: #eeeeee; }  66% {    stroke: #777777; }  80%, 90% {    stroke: #777777; } }/* [Breadcrumbs Stylings] */#breadcrumbs.break-crumbs {  margin-top: 3px; }#breadcrumbs {  width: 1060px;  margin: 20px auto 0;  z-index: 3;  display: block;  background: inherit;  padding: 0;  color: #000000;  font-size: 11px;  text-transform: uppercase; }#breadcrumbs a {  font-size: 11px;  text-decoration: none;  color: #a8acad; }#breadcrumbs span.current {  font-size: 11px;  color: #000000;  font-weight: 400; }#breadcrumbs span {  margin-right: 5px; }/* [Breadcrumbs Stylings/] *//*============================================            Pagination Stylings            ============================================*/.blog-template .pagination {  margin-bottom: 50px; }.pagination_wrap .pagination {  padding: 0px;  margin: 0;  border-radius: 3px;  display: inline-block; }.pagination_wrap {  margin: 65px 0px 90px 0px;  display: block;  text-align: left; }div.misc-pagination-wrap {  padding-bottom: 40px; }.pagination ul {  margin: 0;  padding: 0;  display: block;  text-align: left;  font-family: "Roboto"; }.pagination ul li, .page-numbers {  list-style: none;  padding: 0;  margin: 0px;  display: inline-block; }.pagination ul li a, .pagination_wrap a.page-numbers {  background: transparent;  padding: 10px 16px;  color: #333333;  text-decoration: none;  font-size: 12px;  font-weight: 300;  display: block;  transition: all 0.2s ease-in-out;  border: 1px solid rgba(0, 0, 0, 0.08); }.pagination ul li a:hover, .pagination_wrap a.page-numbers:hover {  color: #fff;  background: #abd8d3;  box-shadow: 0px 0px 1px 0px rgba(116, 162, 157, 0.3) inset; }.pagination ul li span.current, .pagination_wrap span.page-numbers, .pagination_wrap a.page-numbers:hover {  background: #abd8d3;  box-shadow: 0px 0px 1px 0px #74a29d inset;  padding: 15px 16px;  display: inline-block;  color: #ffffff;  text-decoration: none;  font-size: 12px;  line-height: 12px;  text-align: center;  font-weight: 300; }.pagination ul li span.gap {  color: #333333;  font-size: 12px;  display: block;  padding: 12px 12px; }@font-face {  font-family: 'socicon';  src: url("sprites/fonts/social_fonts/socicon.eot");  src: url("sprites/fonts/social_fonts/socicon.eot?#iefix") format("embedded-opentype"), url("sprites/fonts/social_fonts/socicon.woff") format("woff"), url("sprites/fonts/social_fonts/socicon.woff2") format("woff2"), url("sprites/fonts/social_fonts/socicon.ttf") format("truetype"), url("sprites/fonts/social_fonts/socicon.svg#sociconregular") format("svg");  font-weight: normal;  font-style: normal;  text-transform: initial; }.socicon {  position: relative;  top: 1px;  display: inline-block;  font-family: 'socicon';  font-style: normal;  font-weight: normal;  line-height: 1;  -webkit-font-smoothing: antialiased; }.socicon-twitter:before {  content: "a"; }.socicon-facebook:before {  content: "b"; }.socicon-google:before {  content: "c"; }.socicon-pinterest:before {  content: "d"; }.socicon-foursquare:before {  content: "e"; }.socicon-yahoo:before {  content: "f"; }.socicon-skype:before {  content: "g"; }.socicon-yelp:before {  content: "h"; }.socicon-feedburner:before {  content: "i"; }.socicon-linkedin:before {  content: "j"; }.socicon-viadeo:before {  content: "k"; }.socicon-xing:before {  content: "l"; }.socicon-myspace:before {  content: "m"; }.socicon-soundcloud:before {  content: "n"; }.socicon-spotify:before {  content: "o"; }.socicon-grooveshark:before {  content: "p"; }.socicon-lastfm:before {  content: "q"; }.socicon-youtube:before {  content: "r"; }.socicon-vimeo:before {  content: "s"; }.socicon-dailymotion:before {  content: "t"; }.socicon-vine:before {  content: "u"; }.socicon-flickr:before {  content: "v"; }.socicon-500px:before {  content: "w"; }.socicon-instagram:before {  content: "x"; }.socicon-wordpress:before {  content: "y"; }.socicon-tumblr:before {  content: "z"; }.socicon-blogger:before {  content: "A"; }.socicon-technorati:before {  content: "B"; }.socicon-reddit:before {  content: "C"; }.socicon-dribbble:before {  content: "D"; }.socicon-stumbleupon:before {  content: "E"; }.socicon-digg:before {  content: "F"; }.socicon-envato:before {  content: "G"; }.socicon-behance:before {  content: "H"; }.socicon-delicious:before {  content: "I"; }.socicon-deviantart:before {  content: "J"; }.socicon-forrst:before {  content: "K"; }.socicon-playstore:before {  content: "L"; }.socicon-zerply:before {  content: "M"; }.socicon-wikipedia:before {  content: "N"; }.socicon-apple:before {  content: "O"; }.socicon-flattr:before {  content: "P"; }.socicon-github:before {  content: "Q"; }.socicon-chimein:before {  content: "R"; }.socicon-friendfeed:before {  content: "S"; }.socicon-newsvine:before {  content: "T"; }.socicon-identica:before {  content: "U"; }.socicon-bebo:before {  content: "V"; }.socicon-zynga:before {  content: "W"; }.socicon-steam:before {  content: "X"; }.socicon-xbox:before {  content: "Y"; }.socicon-windows:before {  content: "Z"; }.socicon-outlook:before {  content: "1"; }.socicon-coderwall:before {  content: "2"; }.socicon-tripadvisor:before {  content: "3"; }.socicon-appnet:before {  content: "4"; }.socicon-goodreads:before {  content: "5"; }.socicon-tripit:before {  content: "6"; }.socicon-lanyrd:before {  content: "7"; }.socicon-slideshare:before {  content: "8"; }.socicon-buffer:before {  content: "9"; }.socicon-rss:before {  content: ","; }.socicon-vkontakte:before {  content: ";"; }.socicon-disqus:before {  content: ":"; }.socicon-houzz:before {  content: "+"; }.socicon-mail:before {  content: "@"; }.socicon-patreon:before {  content: "="; }.socicon-paypal:before {  content: "-"; }.socicon-playstation:before {  content: "^"; }.socicon-smugmug:before {  content: "¨"; }.socicon-swarm:before {  content: "$"; }.socicon-triplej:before {  content: "*"; }.socicon-yammer:before {  content: "&"; }.socicon-stackoverflow:before {  content: "("; }.socicon-drupal:before {  content: "#"; }.socicon-odnoklassniki:before {  content: "."; }.socicon-android:before {  content: "_"; }.socicon-meetup:before {  content: "]"; }.socicon-persona:before {  content: ")"; }.socicon-amazon:before {  content: "£"; }.socicon-ello:before {  content: "'"; }.socicon-mixcloud:before {  content: '"'; }.socicon-8tracks:before {  content: "}"; }.socicon-twitch:before {  content: "{"; }.socicon-airbnb:before {  content: "/"; }.socicon-pocket:before {  content: "?"; }.socicon-whatsapp:before {  content: "<"; }.socicon-storehouse:before {  content: ">"; }.socicon-icq:before {  content: "§"; }.socicon-modelmayhem:before {  content: "!"; }.socicon-istock:before {  content: "%"; }.socicon-angellist:before {  content: "€"; }.socicon-periscope:before {  content: "0"; }/* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//** ## Stylings for WordPress Misc Pages * **//* ==========================  23. Third party plugins Stylings ============================ *//** ## * Styling for 3rd Party Plugins * **//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== *//*================================================            Contact Form 7 Stylings            ================================================*/form.wpcf7-form input[type=text] {  width: 100%; }form.wpcf7-form p {  margin-bottom: 0;  width: 100%;  clear: both; }form.wpcf7-form p:last-child {  margin-bottom: 0;  padding-bottom: 0; }form.wpcf7-form p span {  display: block;  margin-top: 4px; }form.wpcf7-form .wpcf7-text, div.wpcf7 div.text-three-cols input[type=text], form.wpcf7-form .wpcf7-select, form.wpcf7-form .wpcf7-password {  display: block;  margin: 0; }form.wpcf7-form .wpcf7-textarea {  overflow: auto;  display: block; }form.wpcf7-form .wpcf7-textarea:focus {  background: #fafafa;  border: 1px solid #333333;  color: #000102;  box-shadow: none;  border-radius: 3px; }form.wpcf7-form .wpcf7-submit {  margin-top: 10px; }form.wpcf7-form .wpcf7-captchar {  padding: 14px;  width: 100px;  border: none;  display: block;  margin: 0;  box-shadow: none; }form.wpcf7-form .wpcf7-captchac {  margin: 7px 10px 0px 0px;  float: left; }div.wpcf7-response-output {  padding: 15px !important;  background: #398f14;  margin: 0 !important;  text-align: center;  color: #000000; }div.wpcf7-validation-errors.wpcf7-response-output {  background: #ff0000 !important;  border-color: #ff0000 !important; }span.wpcf7-not-valid-tip {  left: auto !important;  width: auto !important;  right: 0 !important;  background: #ff0000 !important;  color: #000000;  font-size: 11px !important;  top: 29px !important;  padding-left: 10px; }div.wpcf7 img.ajax-loader {  display: none; }form.wpcf7-form p.input-half, form.wpcf7-form p.input-half-last {  width: 48%;  padding: 0;  margin: 0 0 20px 0;  float: left; }form.wpcf7-form p.input-half-last {  margin-left: 4%;  clear: right; }/*-----  End of Contact Form 7 Stylings  ------*//* ==========================  24. Responsive Stylings ============================ *//* ## DOCUMENT INFORMATION    - Document:  Responsive Framework for the theme    - Version:  0.1    - Author:  ASI    - Notes : *//* ##   DOCUMENT INFORMATION	- Document: Contains all the theme related values	- Version:  1.0	- Author:  ASI	- Notes : The ARTLGNC Framework's SASS will use these values to make Visual Styler Palette.   *//* ============== Layout Settings ============== *//** * Standard Palete for the current. T * ================================== * GREY             - E9E9E9 * BC               - BCBCBC * Orange           - cb2c17 * Route 66         - 424242 * Vitamin C        - cb2c17 * ================================== *//* ============== Typography Settings ============== *//* ============== Input Settings ============== *//* ============== Head Area Settings ============== *//**** Tertiary Section Area * @Note - Usually it is a lighter variant of body background color.***//* ##   DOCUMENT INFORMATION    - Document: Functions for the Theme    - Version:  1.0    - Author:  ASI*//** * Mixin to create theme's button. * @param  String $type select the type of button you want to show  * @return String $size select the size of the button. *//**** Ajax Loading Icon***//* ##  DOCUMENT INFORMATION  - Document: Resuable Elements for the Theme  - Version:  0.1  - Author:   Hein Maas  - Notes : .   *//** Border artlgnc_builderius for the Theme***//**** Box  Model***//** * Mixin to Create squares * **//* ============= Extras ==================== */@media (min-width: 768px) and (max-width: 1280px) {  div.quartz-controls-wrap > a.slider-prev {    top: 40%;    left: 12px; }  div.quartz-controls-wrap > a.slider-next {    top: 40%;    right: 12px; }  div.quartz-controls-wrap > a {    padding: 22px; } }@media (min-width: 768px) and (max-width: 1920px) {  .archive .artlgnc_builder_blog_widget {    margin-top: 50px; } }@media (min-width: 1025px) and (max-width: 1150px) {  .skeleton {    width: 90%; }  .has-right-sidebar {    width: 620px; }	ul.thumb-list li .desc {    padding: 0px;    float: right;    max-width: 50%;    margin-top: -5px;}ul.thumb-list li .image img {    width: 100%;    max-width: 190px;    height: auto;}ul.thumb-list li .image{max-width:50%; height:auto;}ul.thumb-list li .desc h3 {    margin: 0 0 20px 0px;}  ul.posts li.thumb-list-2 .image {    max-width: 50%; height: auto; }  ul.posts li.thumb-list-2 .image img {    max-width: 100%;    height: auto !important; }  ul.posts li.thumb-list-2 .desc {    max-width: 50%; }  ul.posts li.thumb-list-2 .desc h3 {    margin: 0 0 15px 0px; }  ul.posts li.room-thumb-list-2 .image {    max-width: 50%; }  ul.posts li.room-thumb-list-2 .image img {    max-width: 100%;    height: auto !important; }  ul.posts li.room-thumb-list-2 .desc {    max-width: 50%; }  ul.posts li.room-thumb-list-2 .desc h3 {    margin: 0 0 15px 0px; } }@media (min-width: 980px) and (max-width: 1150px) {  .theme-header .menu-bar .menu > li {    display: block;    float: left;    z-index: 9;    position: relative;    margin: 0px 5px; }  .theme-header .menu > li > a {    font-size: 13px !important;    padding: 9px 6px; }  #logo img, #compact-logo img {    max-width: 225px; } }@media (min-width: 768px) and (max-width: 1024px) {  .skeleton {    width: 90%; }  .slider-area {    height: auto;    background: #f7f7f7; }  .custom-img-bg-wrap {    padding: 110px 0px;    position: relative; }  .quartz div.slider-desc h2 {    font-size: 23px; }  .has-left-sidebar {    float: right;    width: 70%;    padding-left: 30px; }  .left-sidebar.sidebar {    float: left;    width: 25%;    padding-right: 30px; }  /* == Left Sidebar ========================== */  .has-right-sidebar {    float: left;    width: 75%;    padding-right: 30px; }  .right-sidebar.sidebar {    float: right;    width: 25%;    padding-left: 30px; }  .ui-tabs .ui-tabs-nav li a {    padding: 10px 12px; }  div.slider-proxy-inner-wrap {    left: auto;    right: 0; }  .theme-header .menu > li > a {    margin: 0; }  .sidebar-wrap .fb-widget {    overflow: hidden; }  .sidebar-wrap .fb-widget, .sidebar-wrap .fb-widget iframe {    max-width: 100% !important;    width: 100% !important; }  .page-section {    background-attachment: scroll !important;    background-position: center center !important; }  div.title-wrap {    background-attachment: scroll !important; }  div.vertical-align {    background: none; }  ul.thumb-list li .extras {    font-size: 12px; }	  ul.thumb-list li .desc {    padding: 0px 0px 0px 10px;    float: right;    max-width: 50%;    margin-top: -5px;}ul.thumb-list li .image img {    width: 100%;     max-width: 180px;    height: auto;}ul.thumb-list li .image{max-width:50%; height:auto;}ul.thumb-list li .desc h3 {    margin: 0 0 20px 0px;}  ul.posts li.thumb-list-2 .image {    max-width: 50%; height:auto;}  ul.posts li.thumb-list-2 .image img {    max-width: 100%;    height: auto !important; }  ul.posts li.thumb-list-2 .desc {    max-width: 50%; }  ul.posts li.thumb-list-2 .desc h3 {    margin: 0 0 15px 0px; }  ul.posts li.room-thumb-list-2 {    width: 100%;    margin-bottom: 20px; }  ul.posts li.room-thumb-list-2 .image {    max-width: 50%; }  ul.posts li.room-thumb-list-2 .image img {    max-width: 100%;    height: auto !important; }  ul.posts li.room-thumb-list-2 .desc {    max-width: 50%; }  ul.posts li.room-thumb-list-2 .desc h3 {    margin: 0 0 15px 0px; }  .ARTLGNC-text-column.left-icon div.ARTLGNC-text-area {    margin-left: 86px; }  /**   * Menu Related Stylings   */  .inner.super-wrapper {    overflow: visible;    overflow-x: hidden;    background-color: #eee; }  .theme-header .menu > li > a {    margin: 0; }  /**   * Singular Shortcodes   */  .video-bg, .quant_video-bg {    background-size: cover; }  .video-bg video, .quant_video-bg video, .quant_video-bg object {    display: none; }  .video-bg img.video-fallback {    display: block; }  .person-inner-wrap .p-info {    margin-top: 0; }  .footer-wrap.CustomARTLGNCSocialLinks ul.social-link-set li.custom-social a {    font-size: 13px; }  div.footer-wrap ul.menu a {    font-size: 13px; }  #footer-menu .menu li a {    padding: 0px 12px; }  #footer-menu .footer_logo_wrapper a {    display: inline-block;    padding: 3px 0px; }  #footer-menu .footer_logo_wrapper a img {    max-width: 190px;    height: auto;    width: 100%;    vertical-align: middle; }  .inner-footer-wrapper .col {    padding: 0px 20px;    min-height: 175px; }  .footer-wrap .heading {    font-size: 14px !important; }  .inner-footer-wrapper .col.third {    width: 28%;    width: calc(28% + 20px);    width: -o-calc(28% + 20px);    width: -webkit-calc(28% + 20px);    width: -moz-calc(28% + 20px); }  .inner-footer-wrapper .col.last {    width: 22%;    width: calc(22% - 10px);    width: -o-calc(22% - 10px);    width: -webkit-calc(22% - 10px);    width: -moz-calc(22% - 10px);    padding-right: 0; } }/** * IPAD Potrait & Smaller Tablets */@media only screen and (min-width: 768px) and (max-width: 979px) {  .has-page-builder .mutual-content-wrap {    padding-top: 0; }  .quartz div.slider-desc h2 {    font-size: 23px; }  .quartz div.slider-desc h3 {    font-size: 18px !important; }  .quartz .inner-slider-desc {    padding-left: 0 !important;    width: 100%;     margin-left:0px;}  div.artlgnc_builder_blog_widget ul li.blog_post_item {    margin-bottom: 30px; }  ul.postfull-list li {    border-bottom: 1px solid #cccccc;    min-height: 300px;    margin-bottom: 80px !important;    padding-bottom: 35px !important; }  .custom-img-bg-wrap {    padding: 70px 0px; }  #breadcrumbs, .skeleton {    width: 90% !important; }  .skeleton .skeleton {    width: auto !important; }  #rpsDXOMQT33JHGDQJ1CO8S2LCL2H7XPUR2N .section-content .artlgnc_builder-container img {    max-width: 100%;    height: auto; }  .artlgnc_builder_image_scroller_widget ul.swiper-wrapper li.swiper-slide {    width: 100%; }  .artlgnc_builder_image_scroller_widget ul.swiper-wrapper li.swiper-slide div.image {    width: 100%; }  .artlgnc_builder_image_scroller_widget ul.swiper-wrapper li div.image img {    width: 100%; }  #rpwCKURSDLVIYYO7OVUWY7ERDX3JAEMNP17.artlgnc_builder_text_widget {    padding: 0px 20px;    width: 90%; }  #rpsA2XLBFV6F6MKGMASYD469LXPN3SKGJGE {    padding-bottom: 0px; }  .ARTLGNC-widget-wrap .heading {    font-size: 16px;    letter-spacing: 4px; }  div.blog-post-description {    margin-top: -40px;    width: 90%; }		ul.thumb-list li .image img {    width: 100%;     max-width: 150px !important;    height: auto;}  div.single-meta-content-wrap {    top: 40px;    width: 150px;    right: -150px; }  div.title-wrap {    padding: 150px 0 100px 0 !important; }  div.single-post-content {    padding: 10px 0; }  .page-section.has-icon-row .ARTLGNC-text-column .text-title {    height: 30px;    font-size: 15px !important; }  div.title-wrap {    background-attachment: scroll !important; }  /*================================  =            Top Head            =  ================================*/  .theme-header .menu > li > a {    margin: 0; }  /*-----  End of Top Head  ------*/  div.compact-bar {    display: none !important; }  .super-head-wrap {    display: none; }  .mobile-header {    display: block; }  .compact-bar {    display: none; }  /*================================  =            Elements            =  ================================*/  .inner.super-wrapper {    overflow: visible;    overflow-x: hidden;    background-color: #eee; }  .page-section {    background-attachment: scroll !important;    background-position: center center !important; }  .counter-inner-wrap {    font-size: 1.5rem; }  .video-bg, .quant_video-bg {    background-size: cover; }  .video-bg video, .quant_video-bg video, .quant_video-bg object {    display: none; }  .video-bg img.video-fallback {    display: block; }  .googlemap-inner-wrap > div {    max-height: 400px !important; }  .full-layout div.blog-list-posts ul li div.desc {    width: 330px; }  .slider-inner-wrap div.inner-bg-desc h4 {    margin-bottom: 0;    padding-bottom: 0; }  .slider-inner-wrap div.slider-desc div.caption p {    font-size: 12px; }  .quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc {    background: none;    padding: 0; }  .quartz div.slider-desc p {    margin: 0; }  .slider-inner-wrap div.inner-bg-desc h4 {    font-size: 32px; }  .related ul.products > li.product {    width: 150px; }  .head-positon-overlap div.title-wrap .wrap {    padding-top: 0 !important; }  #footer, #footer li, #footer p, div.footer-wrap ul.menu a {    font-size: 13px; }  .footer-wrap .heading {    font-size: 15px; }  #footer-menu .menu li a {    padding: 0px 12px; }  #footer-menu .footer_logo_wrapper a {    display: inline-block;    padding: 3px 0px; }  #footer-menu .footer_logo_wrapper a img {    max-width: 160px;    height: auto;    width: 100%; }  ul.report-thumb-list-2 li .desc {    max-width: 50% !important;    padding: 0px 0px 0px 16px !important; } }/** * Mobile Devices General */@media only screen and (max-width: 767px) {.mutual-content-wrap.has-sidebar:after{display:none !important;}.archive .mutual-content-wrap.has-sidebar:after{display:none !important;}.category .mutual-content-wrap.has-sidebar:after{display:none !important;}.single-post .mutual-content-wrap.has-sidebar:after{display:none !important;}.single .mutual-content-wrap.has-sidebar:after{display:none !important;}ul.gallery-posts li.gallery-lists {  padding: 0px; width:100% !important; }   ul.gallery-posts li.gallery-lists .image {    width: 100%;    height: auto; 	float:none;    position: relative;}ul.gallery-posts li.gallery-lists .image img{width:100%; height:auto;}  .page-section .section-inner-wrap .skeleton {    width: 90%; }  .slider-area {    height: 230px; }  .quartz div.items-holder:after {    height: 70px; }  .quartz {    text-align: center; }  .quartz-bullets-wrap {    position: absolute;    left: 0;    right: 0;    bottom: -38px; }  div.quartz-controls-wrap > a.slider-prev {    top: 40%;    left: 15px; }  div.quartz-controls-wrap > a.slider-next {    top: 40%;    right: 15px; }.quartz .inner-slider-desc{margin-left:0; padding-left:0 !important;}  .quartz div.slider-desc h3 {    padding: 10px 0px;  font-size: 14px !important;}  .quartz div.slider-desc h2 {    padding: 10px 0px; font-size: 18px !important;}.ARTLGNC-text-column .text-title{font-size:18px;}  div.quartz-controls-wrap > a.slider-prev {    top: 50%;    left: 5px;    transform: translateY(-50%); }  div.quartz-controls-wrap > a.slider-next {    top: 50%;    right: 5px;    transform: translateY(-50%); }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li {    width: 100% !important; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li div.image {    width: 100%; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li div.image img {    width: 100%;    height: auto !important; }  .page-section.has-google-map .ARTLGNC-text-column div.ARTLGNC-text {    width: 100%; }  .page-section.has-google-map .push-extreme-right {    width: 100%; }.page-section.has-cta-row {  padding: 50px 0px;  }    ul.thumb-list li .image img{max-width:100%; height:auto;}  ul.thumb-list li{width:100%;}  ul.thumb-list li .image {    width: 100% !important;	float: none;    position: relative;}  ul.thumb-list li .desc {    position: relative;    padding: 25px 0px 0px 0px;    float: none;    max-width: 100%;    margin-top: 0px;    clear: both;}.page-section.has-menu-widget .artlgnc_builder-button-widget{width:100%; float:none;}.page-section.has-menu-widget a.theme-button.style-alt.size-small {    float: none;    margin-left: 0px;}    .page-section.has-menu-widget a.theme-button{width:100%; text-align:center;}    ul.postfull-list li .desc .postfull-title .extras{position:relative; bottom:0; font-size:14px;}  ul.postfull-list li .desc h3{font-size:18px; margin: 5px 0px 5px 0px;}  .has-testi-slider-col .testimonial-wrapper ul li .testi-text p {    text-align: center;    padding: 0px 20px;	}		.custom-img-bg-wrap {    padding: 60px 0px !important;	height:auto; }	 .quote-wrapper{height:auto; top:0;} .custom-img-bg-wrap .quote-wrapper h2.quote_title {    margin: 0;    padding: 0px 10px 10px 10px;    font-size: 16px;	}	.custom-img-bg-wrap .quote-wrapper h3.quote_subtitle {    margin: 0px;    padding: 0px 10px 10px 10px;	font-size:16px;	}			.has-testi-slider-col .swiper-container {    padding-top: 35px;    padding-bottom: 35px;}    .cta-inner-wrap h2{font-size:20px;}  .cta-inner-wrap h3{font-size:20px;}  .artlgnc_builder_testimonial_scroller_widget .testimonial-wrapper ul li .image-wrapper {    width: 100%;    margin-bottom: 35px;}  .has-page-builder .mutual-content-wrap .entry-title {    margin: 20px 0px 10px 0px; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li {    width: 100%; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li div.image {    width: 100%; }  .artlgnc_builder_gallery_image_scroller_widget ul.swiper-wrapper li div.image img {    width: 100%;    height: auto; }  .artlgnc_builder_gallery_image_scroller_widget a.m-prev {    position: absolute;    left: 0px; }  .artlgnc_builder_gallery_image_scroller_widget a.m-next {    position: absolute;    right: 0px; }  .pagination_wrap {    margin: 30px 0px 50px 0px; }  ul.posts li.thumb-list-2 {    width: 100%;    margin-bottom: 20px; }  ul.posts li.thumb-list-2 .image {    width: 100%; }  ul.posts li.thumb-list-2 .image img {    width: 100%;    max-width: 100% !important; }  ul.posts li.thumb-list-2 .desc {    padding: 20px 0px 0px 0px;    max-width: 100%; }  .home .page-section.has-text-button {    position: relative;    bottom: 0; }  .has-page-builder .mutual-content-wrap .entry-title {    margin: 30px 0px 5px 0px; }  .artlgnc_builder_project_widget .ARTLGNC-menu ul {    display: inline-block;    text-align: center;    float: none; }  .artlgnc_builder_project_widget .ARTLGNC-menu ul li {    float: none;    display: inline-block;    text-align: center; }  .artlgnc_builder_project_widget .project-lists {    max-width: 100%; }  .ARTLGNC-text-column.left-icon .ARTLGNC-icon-area {    position: relative !important;    max-width: 100%;    top: 0; }  div.ARTLGNC-icon-area a {    text-align: center;    display: block; }  .ARTLGNC-text-column.left-icon div.ARTLGNC-text-area {    margin-left: 0;    width: 100%;    text-align: center;    vertical-align: middle; }  div.ARTLGNC-icon-area img {    max-height: 100%;    width: auto !important;    display: inline-block;    vertical-align: middle; }  ul.posts li.room-thumb-list-2 {    width: 100%;    margin-bottom: 20px; }  ul.posts li.room-thumb-list-2 .image {    width: 100%; }  ul.posts li.room-thumb-list-2 .image img {    width: 100%;    max-width: 100% !important; }  ul.posts li.room-thumb-list-2 .desc {    padding: 20px 0px 0px 0px;    max-width: 100%; }  .ARTLGNC-text-column.left-icon .ARTLGNC-icon-area {    position: relative !important;    max-width: 100%;    top: 0; }  div.ARTLGNC-icon-area a {    text-align: center;    display: block; }  .ARTLGNC-text-column.left-icon div.ARTLGNC-text-area {    margin-left: 0;    width: 100%;    text-align: center; }  div.ARTLGNC-icon-area img {    max-height: 100%;    width: auto !important;    display: inline-block;    text-align: center; }  #footer-menu .footer_logo_wrapper a img {    max-width: 180px;    height: auto;    width: 100%; }  .single-report div.single-post-content {    padding: 10px 0 0px 0px; }  #undefined-sticky-wrapper {    display: none; }  .sidebar {    margin-top: 0;    padding-bottom: 0;    margin-bottom: 0; }  .footer-wrap .mailchimp-widget-wrap form {    margin: 0 auto; }  .push-extreme-right > div {    margin-right: 0 !important; }  .skeleton {    width: 90%;    margin: 0 auto; }  .skeleton .skeleton {    width: auto !important; }  .layout_element, .col {    width: 100%;    margin-left: 0;    margin-right: 0; }  .layout_element, .col {    padding: 0px; }  .row.gutter-less .layout_element {    padding: 0px; }  .row.gutter-none .layout_element {    padding: 0px; }  .row.gutter-less {    margin: 0; }  .row {    margin: 0; }  div.has-bl-bg-overlay .section-content:after {    display: none; }  .row, .gutter-default {    margin-left: 0;    margin-right: 0; }  .row.gutter-less {    margin-left: 0;    margin-right: 0; }  .row.gutter-none {    margin-left: 0 !important;    margin-right: 0 !important; }  .sidebar .row,  .has-double-sidebar .row {    margin-left: 0;    margin-right: 0; }  .sidebar .layout_element,  .has-double-sidebar .layout_element {    padding: 0px; }  .has-left-sidebar {    float: none;    width: 100%;    padding-left: 0; }  .left-sidebar.sidebar {    float: none;    width: 100%;    padding-right: 0; }  /* == Left Sidebar ========================== */  .has-right-sidebar {    float: none;    width: 100%;    padding-right: 0; }  .right-sidebar.sidebar {    float: none;    width: 100%;    padding-left: 0; }  .has-page-builder .mutual-content-wrap {    padding-top: 0; }  .inner-footer-wrapper .skeleton {    width: 90%; }  .skeleton {    width: 90% !important; }  div.title-wrap h1 {    position: relative;    font-size: 24px; }  .head-positon-overlap div.title-wrap .wrap {    padding-top: 0 !important; }  .ARTLGNC-text-column .text-subtitle, .styled-subtitle {    font-size: 32px;    letter-spacing: 2px; }  .single-post .page-content {    padding-top: 0; }  .single-post div.single-image {    margin-bottom: 0; }  .sidebar-inner-wrap {    padding-bottom: 50px; }  div.single-meta-content-wrap {    display: none; }  div.single-post-content {    width: 100%;    margin-top: 0px; }  div.single-post-content {    padding: 10px 0 20px 0px; }  div.page-section-parallax-image img {    min-height: 100%;    max-width: none;    min-width: 100%;    width: auto; }  div.blog-post-description {      width: 95%; }  div.blog-post-meta-info {    width: 100px; }  div.blog-post-description-content {    width: calc(100% - 130px); }  div.slider-proxy-wrap a {    width: 45px;    height: 45px;    line-height: 45px; }  div.slider-proxy-inner-wrap {    bottom: 7px; }  div.slider-proxy-inner-wrap {    left: auto;    right: 0; }  .quartz .skeleton {    width: 100%; }  div.page-section {    background-attachment: scroll !important; }  div.is-parallex-bg {    opacity: 1;    visibility: visible; }  .ui-tabs .ui-tabs-nav li {    width: 100%;    float: none; }  a.scroll-to-bottom {    display: none; }  div.gallery-thumbs div.gallery-item.swiper-slide {    max-width: 100px; }  div.page-wrapper img.alignright, div.page-wrapper img.alignleft {    margin: 10px 0; }  .super-head-wrap {    display: none; }  .mobile-header {    display: block; }  .compact-bar {    display: none; }  .full_width .layout_element, .full_width .col {    margin: 10px 0; }  .full_width .full {    clear: both;    width: 100%; }  .full_width .one_half {    clear: both;    width: 100%; }  .full_width .one_third {    clear: both;    width: 100%; }  .full_width .one_fourth {    clear: both;    width: 100%; }  .full_width .one_fifth {    clear: both;    width: 100%; }  .full_width .two_third {    clear: both;    width: 100%; }  .full_width .three_fourth {    clear: both;    width: 100%; }  .full_width .four_fifth {    clear: both;    width: 100%; }  .quartz-tip {    display: none; }  div.ARTLGNC-tabbed-layout {    padding: 20px 0; }  div.ARTLGNC-tabbed-layout ul li {    width: 20%; }  div.section-bg-parallax {    display: none; }  .ARTLGNC-book-lightbox-trigger {    display: block;    width: 100%; }  /*=============================================  =           Post List Stylings            =  =============================================*/  .post_list-inner-wrap ul {    width: 100%;    position: relative; }  ul.thumb-list-2.thumb-list li {    width: 100%; }  ul.thumb-list-2.thumb-list li .image {    position: relative;    width: 100%; }  ul.thumb-list-2.thumb-list li .image img {    width: 100%;    margin: 0;    position: relative; }  ul.thumb-list-2.thumb-list li .desc {    width: 100%;    margin-left: 0; }  ul.thumb-list li .desc h3.medium-thumb {    margin: 20px 0 10px 0px; }  ul.thumb-list-2.thumb-list li {    padding-bottom: 30px; }  ul.thumb-list li .desc h3 a {    font-size: 18px; }	  /*=============================================  =            Mobile Title Stylings            =  =============================================*/  div.title-wrap {    padding: 40px 0 !important;    background-attachment: scroll !important; }  div.title-wrap .wrap {    padding: 0 !important; }  .right-sidebar.sidebar {    border-left: 0 none; }  .left-sidebar.sidebar {    border-right: 0 none; }  .slider-inner-wrap div.inner-bg-desc h4 {    margin-bottom: 0;    padding-bottom: 0;    font-size: 15px !important;    letter-spacing: 0; }  div.caption-tail {    display: none; }  .slider-inner-wrap div.slider-desc div.caption p {    font-size: 12px; }  .quartz div.slider-item > a.ARTLGNC-lightbox-icon {    display: none; }  a.autoplay-control {    left: 0;    right: auto; }  .quartz div.slider-holder {    min-height: 0; }  .quartz div.slider-item img.fallback {    display: block; }  .quartz div.slider-desc.black-bg .inner-bg-desc {    width: 100%; }  .quartz div.slider-desc .skeleton {    width: 100%; }  div.quartz-controls-wrap > a span {    display: none; }  /*-----  End of Mobile Title Stylings  ------*/  /*================================  =            Elements            =  ================================*/  .tabs-align-top .ui-tabs .ui-tabs-nav {    float: none;    display: block; }  .logo-area li {    width: 50%;    border: none !important; }  .ARTLGNC-container-animation {    opacity: 1;    position: relative; }  .ARTLGNC-section-animation {    opacity: 1;    position: relative; }  .ARTLGNC-section-container-animation div.rad-container {    opacity: 1;    position: relative; }  .video-bg, .quant_video-bg {    background-size: cover; }  .video-bg video, .quant_video-bg video, .quant_video-bg object {    display: none; }  .full .person-inner-wrap div.desc-area h4, .person-inner-wrap div.desc-area h4 {    font-size: 28px; }  /*-----  End of Elements  ------*/  /**   * Footer Stylings   */  div.mobile_footer_widget .footer-cols, div.mobile_footer_widget {    display: none; }  .footer-wrap.ARTLGNC-widget-wrap {    width: 100% !important;    text-align: center !important;    margin-bottom: 20px !important; }  .inner-footer-wrapper .footer-wrap div.add-wrapper {    text-align: center; }  .inner-footer-wrapper .footer-wrap div.add-wrapper p span {    text-align: center !important;    display: inline-block;    width: 100%; }  .inner-footer-wrapper .col.first, .inner-footer-wrapper .col.second, .inner-footer-wrapper .col.third, .inner-footer-wrapper .col.last {    width: 100% !important;    min-height: 0;    border: none;    padding: 0 20px;    text-align: center; }  .inner-footer-wrapper .col {    width: 100% !important;    min-height: 0;    border: none;    padding: 0 20px;    text-align: center;    margin-bottom: 20px; }  .footer-wrap a.ftr-logo {    display: inline-block; }  .inner-footer-wrapper .footer-cols a img {    text-align: center;    display: inline-block; }  div.ARTLGNC-widget-wrap.footer-wrap ul.menu li {    width: 100%;    text-align: center;    margin-left: 0;    float: none;	padding:0px 0px 5px 0px;}  div.ARTLGNC-widget-wrap.footer-wrap ul.menu {    margin-left: 0; }  .footer-wrap .heading {    width: 100%;    text-align: center; }  #footer {    padding: 30px 0px; }  #footer-menu {    text-align: center; }  #footer-menu .footer_left {    width: 100%;    text-align: center; }  #footer-menu .footer_right {    width: 100%;    text-align: center; }  #footer-menu .footer_info {    float: none;    text-align: center;    padding-bottom: 10px; }  #footer-menu .footer_nav {    width: 100%;    text-align: center;    height: 100%;    padding: 0px;    float: none;    padding-bottom: 10px; }  .footer_social_wrapper {    display: block;    width: 100%;    text-align: center; }  .footer_social_wrapper ul {    display: inline-block;    float: none; }  #footer-menu p.footer-text, #footer-menu .menu {    float: none;    text-align: center;    display: inline-block; }  .footer_nav ul.menu {    margin: 0;    padding: 0; }  #footer-menu .menu li:first-child {    border-left: 0 none; }  #footer-menu .menu li {    margin: 5px 0px 5px 0px; }  #footer-menu .menu li a {    padding: 0px 8px; }  #footer-menu .footer_logo_wrapper {    text-align: center; }  #footer-menu .footer_logo_wrapper a {    padding: 0; }	.inner-footer-wrapper .footer-cols a.ftr-logo img {    display: block;    height: auto;    margin: 0 auto;}  .inner-footer-wrapper .skeleton {    padding: 0px; }  .inner-footer-wrapper .social-link ul.social-link-set li.custom-social a span.artlgnc-front-icon.twittericon- {    margin-left: -23px; }  .ARTLGNC-text-column div.ARTLGNC-text {    width: 100%; } }/** * Mobile Portrait */@media only screen and (max-width: 479px) {  div.supper-title-wrapper h1.custom-title, h1.custom-title {    width: 100%;    max-width: 100%;    font-size: 24px;    letter-spacing: 4px; }  div.gallery-thumbs div.gallery-item.swiper-slide {    display: none; }  .slider-area {    min-height: 0; }  .quartz .inner-slider-desc {    padding-left: 0 !important;    width: 100%;     margin-left:0px;}  .quartz div.slider-desc h2 {    font-size: 13px !important;    right: 0 !important;    padding: 10px 0px; }  .quartz div.slider-desc h3 {    font-size: 12px !important;     padding: 10px 0px; }  .custom-img-bg-wrap {    padding: 25px 0px !important;	height:auto; }	 .quote-wrapper{height:auto; top:0;} .custom-img-bg-wrap .quote-wrapper h2.quote_title {    margin: 0;    padding: 0px 10px 10px 10px;    font-size: 14px;	}	.custom-img-bg-wrap .quote-wrapper h3.quote_subtitle {    margin: 0px;    padding: 0px 10px 10px 10px;	}.toggle-style-styled div.toggle a.toggle-title{font-size:14px;}  .custom-img-bg-wrap:after {    height: 35px !important; }  .thumbnail-inner-wrap ul li {    width: 100%;    margin: 15px 0; }  div.blog-post-description h2 {    font-size: 24px; }  div.blog-post-description {    margin-top: 0;    width: 100%; }  div.blog-post-meta-info {    display: none; }  div.blog-post-description-content {    width: 100%;    padding-right: 0; }  div.ARTLGNC-tabbed-layout ul li span {    display: none; }  div.title-wrap {    padding: 20px 0 !important; }  div.quartz-controls-wrap {    top: auto;    bottom: 0; }  div.quartz-controls-wrap > a {    padding: 22px; }  .intro_title-title-inner-wrap h2 {    font-size: 28px; }  .intro_title-title-inner-wrap h3 {    font-size: 28px; }  #comments {    padding-top: 0; } }/** * Smallest View */@media only screen and (max-width: 400px) {  .mutual-content-wrap p.link-p {    padding: 0px 0px 5px 0px; }  .mutual-content-wrap p.link-p a.hover-link {    font-size: 11px; padding:6px 7px; }  .googlemap-inner-wrap > div {    max-height: 200px !important; } }@media only screen and (max-width: 300px) {  ul.postfull-list li .desc .postfull-title .extras {    position: relative;    top: 0; } }/*=====  End of Theme  ======*//*# sourceMappingURL=style.css.map */.mutual-content-wrap.has-sidebar .page-section.has-full-border .artlgnc_builder-container:first-child:after {  top: 0 !important;  right: -51px;  bottom: 90px; }    .mutual-content-wrap.has-sidebar .page-section.has-full-border .artlgnc_builder-container:first-child:after {  top: 0 !important;  right: -51px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }.single .mutual-content-wrap.has-sidebar:after {  top: 133px !important;  right: 0px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }.archive .mutual-content-wrap.has-sidebar:after, .category .mutual-content-wrap.has-sidebar:after {  /*top: 117px !important;*/  top: 66px !important;  right: 0px;  bottom: 90px;  content: ' ';  position: absolute;  display: block;  background: rgba(0, 0, 0, 0.25);  width: 1px; }      /* gravity form css */    /* Gravity Form CSS */.gravity-form-overlay {  position: fixed;  opacity: 1;  left: 0;  top: 0;  right: 0;  bottom: 0;  text-align: center;  width: 100%;  height: 100%;  display: flex;  flex-wrap: wrap;  text-align: center;  z-index: 9996;  align-items: center;  background: rgba(255, 255, 255, 0.9);  display: none; }.gravity-form-lightbox {  position: fixed;  width: 783px;  bottom: 40px;  top: 40px;  left: 50%;  transform: translate(-50%, 0%);  background: #fff;  z-index:  9997;  display: none;  padding-top: 15px;  }.gravity-form-lightbox .cross-icon-wrapper {  position: absolute;  right: 15px;  top: 15px;  display: inline-block;  }  .gravity-form-lightbox .cross-icon-wrapper svg {    width: 26px;    height: 26px; }.gravity-form-lightbox #gform_6 {  padding: 60px 40px 40px 20px; }.gform_wrapper{overflow: auto; height:calc(100% - 16px);}.gform_wrapper .gform_body {  /* width: 100%; */  padding: 0px 20px;  box-sizing: border-box;  }.gform_wrapper .gform_body ul {  padding: 0 !important;  clear: both;  margin: 0!important;  list-style-type: none;  }.gform_wrapper .gform_body ul li.gfield span.name_first { margin-right:20px }.gform_wrapper .gform_body ul li.gfield span { display:inline-block; width:calc(50% - 14px) }.gform_wrapper .gform_body ul li.gfield {  /* float: left; */  width: auto;  padding: 0px 10px !important;  border: none !important;  /* min-height: 100px; */  list-style-type: none !important;  margin: 0px 0px 20px 0px !important;  clear: none;  list-style-type: none;  }.gform_wrapper .gform_body ul li.full {  width: 100% !important; }.gform_wrapper .gform_body ul li.hidden_label .ginput_complex.ginput_container {  margin: 0 -20px 0 -20px !important;  padding: 0 !important;  width: calc(100% + 40px);  max-width: none; }.gform_wrapper .gform_body ul li.hidden_label {  width: 100%; }.gform_wrapper .gform_body ul li.hidden_label .ginput_complex.ginput_container span.name_last {  padding: 0px 20px;  float: left;  width: 50%; }.gform_wrapper .gform_body ul li.hidden_label span.name_first {  padding: 0px 20px;  float: left;  width: 50%; }.gform_wrapper .gform_body ul li.hidden_label label {  margin-top: 0 !important; }.gform_wrapper .gform_body ul li.hidden_label > label {  display: none; }.gform_wrapper ul.gform_fields li.gfield:before {  display: none !important; }.gform_wrapper .gform_heading {  width: 100%;  margin-bottom: 18px; }body .gform_wrapper .top_label div.ginput_container {  margin-top: 0; }.gform_wrapper label.gfield_label {  letter-spacing: 0.5px !important;  font-size: 13px !important;  font-weight: 500 !important;  } .gform_wrapper ul li span label {  letter-spacing: 0.5px !important;  font-size: 12px !important;  font-weight: 400 !important;  opacity:0.7;  margin-top:5px;  margin-bottom: 0;  }.gform_wrapper ul.gform_fields select {  background: url("sprites/i/select-bg.png") calc(100% - 25px) center no-repeat;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  color: #555555;  border: 1px solid #e7e7e7;  outline: 0 none; }.gform_wrapper ul.gform_fields select:focus, .gform_wrapper ul.gform_fields select:active {  background: #efefef;  color: #555555;  outline: 0 none; }.gform_wrapper input[type=password]:focus, .gform_wrapper textarea:focus, .gform_wrapper input[type=text]:focus, .gform_wrapper input[type=search]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=url]:focus, .gform_wrapper input[type=number]:focus, .gform_wrapper input[type=tel]:focus {  background: #efefef;  color: #555555;  outline: 0 none;  border: 1px solid #e7e7e7; }.gform_wrapper input[type=password]:active, .gform_wrapper textarea:active, .gform_wrapper input[type=text]:active, .gform_wrapper input[type=search]:active, .gform_wrapper input[type=email]:active, .gform_wrapper input[type=url]:active, .gform_wrapper input[type=number]:active, .gform_wrapper input[type=tel]:active {  background: #efefef;  color: #555555;  outline: 0 none;  border: 1px solid #e7e7e7; }.gform_wrapper #gform_fields_6 .gform_page_footer {  border-top: 0 none; }.gform_wrapper .gform_footer input[type=submit] {  /*   Select the Style, to register a new style create a new else if condition.    */  color: #282828;  font-size: 14px;  padding: 6px 20px;  display: inline-block;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 400;  border: 2px solid #282828;  background: none;  /*   Select the size, to register a new size create a new else if condition.    */  transition: all 0.2s ease-in-out;  outline: none;  position: relative;  border-radius: 2px;  margin-top: -5px;  float: right;  margin-right: 28px !important; margin-bottom: 30px;  }  .gform_wrapper .gform_footer input[type=submit] i {    width: auto;    padding-right: 10px;    opacity: 0.6; }  .gform_wrapper .gform_footer input[type=submit] i:hover {    color: #abd8d3; }  .gform_wrapper .gform_footer input[type=submit]:hover {    background: none;    color: #abd8d3;    border: 2px solid #abd8d3; }.gform_wrapper ul.gform_fields select:focus, .gform_wrapper ul.gform_fields select img {  z-index: 99; }.gform_wrapper input[type=password], .gform_wrapper textarea, .gform_wrapper input[type=text], .gform_wrapper input[type=search],.gform_wrapper input[type=email], .gform_wrapper input[type=url], .gform_wrapper input[type=number], .gform_wrapper input[type=tel], .gform_wrapper select {  padding: 13px 25px !important;  border-radius: 2px;  border: 1px solid #e7e7e7;  background: transparent; }a.form-text {  color: #00b2a6; }a.form-text:hover {  color: #fff; }.gform_body .gform_page_footer {  margin-top: 20px;  border-top: 0 none;  float: left; }.gform_body input[type=password], .gform_body textarea, .gform_body input[type=text], .gform_body input[type=search], .gform_body input[type=email], .gform_body input[type=url], .gform_body input[type=number], .gform_body input[type=tel], .gform_body select {  width: 100% !important;  height: 35px;  border-radius: 0 none !important;  padding: 15px 10px !important; }.gform_body input[type=password]:focus, .gform_body textarea:focus, .gform_body input[type=text]:focus, .gform_body input[type=search]:focus, .gform_body input[type=email]:focus, .gform_body input[type=url]:focus, .gform_body input[type=number]:focus, .gform_body input[type=tel]:focus {  background: #efefef; }.gform_wrapper .gfield_required {  color: #555555 !important; }.ui-datepicker-calendar .ui-state-active {  background: #fbfaf0 !important;  border: none !important;  text-shadow: none !important; }.gform_wrapper textarea {  width: 100% !important;  height: 170px; }#gform_1 ul li .ginput_container.ginput_container_radio ul.gfield_radio li{}#gform_1 ul li .ginput_container.ginput_container_radio ul.gfield_radio li span{}#gform_1 ul li .ginput_container.ginput_container_radio ul.gfield_radio li label{display:inline-block; padding-left:15px; display: inline-block;}#gform_1 ul li .ginput_container.ginput_container_radio ul.gfield_radio li.gchoice_1_10_2 input[type=text]{display: inline-block; width: 70% !important; margin-left: 15px !important;}#gform_1 ul li .ginput_container.ginput_container_radio ul.gfield_radio li.gchoice_1_9_2 input[type=text]{display: inline-block; width: 70% !important; margin-left: 15px !important;}.gform_wrapper .top_label .gfield_label { display:block; }.gform_wrapper div.validation_error {    color: #790000;    font-size: 1em;    font-weight: 700;    margin-bottom: 25px;    border-top: 2px solid #790000;    border-bottom: 2px solid #790000;    padding: 16px 0;    clear: both;    width: 93%;    text-align: center;    margin: 0 20px 30px 20px;} 

@media only screen and (max-width: 767px) {


.quartz .inner-slider-desc {
 padding: 15px!important;
}
.custom-img-bg-wrap { height:150px;  }
.quartz div.slider-item  { background-size:cover!important;  }
}