/* Accordions */
.acc-group button {
  outline: 0 !important;
}
.acc-group > button.collapsed {
  padding-right: 30px;
}
/* Accordion Default Style / Re-Styling / */
.hg_accordion_element.default-style > h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 0;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.hg_accordion_element.default-style .th-accordion {
  border: 1px solid #E3E3E3;
  border-radius: 4px;
}
.hg_accordion_element.default-style .th-accordion .acc-group {
  margin-bottom: 0;
  border-bottom: 1px solid #E3E3E3;
}
.hg_accordion_element.default-style .th-accordion .acc-group:last-child {
  border-bottom: 0;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button {
  border: 0;
  padding: 4px 10px;
  color: #035595;
  display: block;
  width: 100%;
  text-align: left;
  background-color: #F8F8F8;
  padding: 20px 60px 20px 25px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed {
  color: #505050;
  background-color: #fff;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button:hover {
  background: #F8F8F8;
  color: #111;
}
.hg_accordion_element.default-style .th-accordion .acc-group .content {
  background-color: #F8F8F8;
  padding: 20px 25px;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button:not(.collapsed) {
  border-bottom: 1px solid #EEEEEE;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button:before,
.hg_accordion_element.default-style .th-accordion .acc-group > button:after {
  position: absolute;
  content: ' ';
  width: 10px;
  height: 2px;
  display: block;
  background: #ddd;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hg_accordion_element.default-style .th-accordion .acc-group > button:before {
  right: 31px;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hg_accordion_element.default-style .th-accordion .acc-group > button:after {
  right: 25px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* accordions style2 */
.hg_accordion_element.style2 .th-accordion .acc-group {
  margin-bottom: 2px;
  padding: 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.hg_accordion_element.style2 .th-accordion .acc-group > button {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  margin: 0;
  background: transparent;
  border: 0;
  background-color: #FFFFFF;
  color: #035595;
  padding: 15px;
  font-size: 14px;
  font-weight: 600;
}
.hg_accordion_element.style2 .th-accordion .acc-group > button.collapsed {
  color: #505050;
  background-color: transparent;
}
.hg_accordion_element.style2 .th-accordion .acc-group .content {
  padding: 10px 15px;
  border-top: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}
.hg_accordion_element.style2 .th-accordion .acc-group .content p:last-child {
  margin-bottom: 0;
}
.hg_accordion_element.style2 .th-accordion .acc-group > button:before,
.hg_accordion_element.style2 .th-accordion .acc-group > button:after {
  position: absolute;
  content: ' ';
  width: 8px;
  height: 2px;
  display: block;
  background: #BDBDBD;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hg_accordion_element.style2 .th-accordion .acc-group > button:before {
  right: 20px;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hg_accordion_element.style2 .th-accordion .acc-group > button:after {
  right: 15px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hg_accordion_element.style2 .th-accordion .acc-group > button.collapsed:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hg_accordion_element.style2 .th-accordion .acc-group > button.collapsed:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* accordions style3 */
.hg_accordion_element.style3 .th-accordion {
  background: #fff;
  border: 1px solid #e3e3e3;
  padding: 15px;
}
.hg_accordion_element.style3 .th-accordion .acc-group {
  margin-bottom: 8px;
  margin-left: 54px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.hg_accordion_element.style3 .th-accordion .acc-group:last-child {
  border-bottom: 0;
}
.hg_accordion_element.style3 .th-accordion .acc-group > a {
  display: block;
  width: 100%;
  color: #035595;
  text-align: left;
  position: relative;
  margin: 0;
  padding: 10px 10px 5px 0;
  background: none;
  border: 0;
  font-size: 14px;
  cursor: pointer;
}
.hg_accordion_element.style3 .th-accordion .acc-group > a.collapsed {
  color: #505050;
}
.hg_accordion_element.style3 .th-accordion .acc-group > a:after {
  width: auto;
  height: auto;
  padding-right: 14px;
}
.hg_accordion_element.style3 .th-accordion .acc-group > a:before {
  width: 36px;
  height: 50px;
  background-color: #035595;
  position: absolute;
  left: -54px;
  top: 5px;
  content: "\2212";
  font-family: 'Glyphicons Halflings';
  color: #fff;
  text-align: center;
  border-radius: 3px;
  line-height: 40px;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hg_accordion_element.style3 .th-accordion .acc-group > a.collapsed:before {
  content: "\2b";
  background-color: #D3D3D3;
  height: 40px;
}
.hg_accordion_element.style3 .th-accordion .acc-group .content {
  padding: 10px 15px 10px 0;
}
.hg_accordion_element.style3 .th-accordion .acc-group .content p:last-child {
  margin-bottom: 0;
}
/* Accordions - Style 4 */
.hg_accordion_element.style4 .th-accordion {
  border: solid 1px #CE2123;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hg_accordion_element.style4 .th-accordion .acc-group {
  margin-bottom: 0px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button {
  background: none;
  border: 0;
  padding: 4px 10px;
  color: #035595;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button:hover {
  background: #dcdcdc;
  color: #111;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed {
  color: #505050;
}
.hg_accordion_element.style4 .th-accordion .acc-group .content {
  padding: 10px;
}
.hg_accordion_element.style4 > h3 {
  line-height: 1.4;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  padding: 15px 20px;
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-transform: uppercase;
  background-color: #035595;
}
.hg_accordion_element.style4 .th-accordion .acc-group {
  overflow: hidden;
}
.hg_accordion_element.style4 .th-accordion .acc-group:last-child > button.collapsed {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed {
  background: #f9f9f9;
  border-top: solid 1px #e0e0e0;
  border-bottom: none;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button {
  padding: 12px 20px;
  overflow: hidden;
  border-bottom: solid 1px #E6E6E6;
  border-top: solid 1px #E6E6E6;
  background-color: #fff;
}
.hg_accordion_element.style4 .th-accordion .acc-group:first-child > button {
  border-top: none;
}
.hg_accordion_element.style4 .th-accordion .acc-group:first-child > button.collapsed {
  border-top: none;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button:hover {
  background: #F5F5F5;
}
.hg_accordion_element.style4 .th-accordion .acc-group .content {
  border-bottom: none;
  background: #fff;
  padding: 20px;
}
.hg_accordion_element.style4 .th-accordion .acc-group:last-child .content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed span.acc-icon {
  position: absolute;
  right: -21px;
  width: 58px;
  height: 58px;
  border: 7px solid #000;
  border-radius: 50%;
  top: -7px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed span.acc-icon:before,
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed span.acc-icon:after {
  content: '';
  background-color: #000;
  display: inline-block;
  text-align: center;
  line-height: 63px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed span.acc-icon:before {
  width: 20px;
  height: 6px;
  margin-top: -3px;
  margin-left: -9px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed span.acc-icon:after {
  width: 6px;
  height: 19px;
  margin-left: -2px;
  margin-top: -10px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button span.acc-icon {
  position: absolute;
  right: -11px;
  width: 58px;
  height: 58px;
  opacity: .05;
  border: 7px solid #035595;
  border-radius: 50%;
  top: -7px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button span.acc-icon:before {
  content: '';
  width: 20px;
  height: 6px;
  background-color: #035595;
  display: inline-block;
  text-align: center;
  line-height: 63px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  margin-top: -3px;
}
.hg_accordion_element.style4 .th-accordion .acc-group > button.collapsed:hover span.acc-icon {
  opacity: .05;
}
/* Accordions - Style 5 */
.hg_accordion_element.style5 ul.acc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 3px;
}
.hg_accordion_element.style5 ul.acc-list > li.panel {
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  border-width: 1px 0 0;
}
.hg_accordion_element.style5 ul.acc-list > li {
  border-top: 1px solid #efefef;
}
.hg_accordion_element.style5 ul.acc-list > li:first-child {
  border: 0;
}
.hg_accordion_element.style5 ul.acc-list [data-toggle="collapse"] {
  background: none;
  border: 0;
  font-size: 16px;
  color: #474747;
  line-height: 1.4;
  height: 55px;
  display: block;
  width: 100%;
  text-align: left;
  padding: 0 17px 0 55px;
  position: relative;
  outline: none;
}
.hg_accordion_element.style5 ul.acc-list [data-toggle="collapse"]:hover {
  color: #d3d3d3;
}
.hg_accordion_element.style5 ul.acc-list [data-toggle="collapse"]::before {
  content: attr(data-number);
  width: 22px;
  height: 22px;
  border-radius: 2px;
  font-weight: 700;
  text-align: center;
  display: block;
  color: #fff;
  background: #035595;
  position: absolute;
  left: 17px;
  top: 17px;
  line-height: 22px;
  font-size: 12px;
}
.hg_accordion_element.style5 ul.acc-list [data-toggle="collapse"].collapsed::before {
  background: #d3d3d3;
}
.hg_accordion_element.style5 ul.acc-list > li > div {
  margin: 0 17px 0 55px;
  color: #888;
  font-size: 13px;
  line-height: 1.6;
}
.hg_accordion_element.style5 ul.acc-list ul {
  margin-bottom: 20px;
}
.hg_accordion_element.style5 ul.acc-list .inner-acc {
  padding: 15px 0 0;
}
.hg_accordion_element.style5 ul.acc-list.filled-bg {
  background-color: #f4f4f4;
}
/* ==========================================================================

	Responsive CSS Stylesheet.

	This stylesheet contains responsive styles for Kallyas Template.
	We'll just add tweaks however this will contains the future 
	responsive updates styles of this template. 
	
	Do not change nothing as it will be constantly updated and your work might 
	get overwritten.

========================================================================== */
.clearfix {
  *zoom: 1;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
}
.visible-xxs {
  display: none!important;
}
.hidden-xxs {
  display: block!important;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .form-horizontal .control-group {
    margin-bottom: 10px;
  }
  .contact_form .form-horizontal .controls {
    margin-left: 0;
  }
}
/*-----------------------------------------------------------------------------------*/
/*  Kallyas EDIT
/*-----------------------------------------------------------------------------------*/
/* Higher screens+ */
@media only screen and (min-width: 1921px) {
  /* Force full width images on higher res like 1921+ wide */
  .force-img-fullwidth .slides li img {
    width: 100%;
  }
}
/** Desktop+ **/
@media (min-width: 1200px) {
  body input,
  body textarea,
  body .uneditable-input {
    margin-left: 0;
  }
  body .thumbnails {
    margin-left: -30px;
  }
  body .thumbnails > li {
    margin-left: 30px;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  .chaser .main-menu .hg_mega_container {
    width: 1140px;
  }
  body.boxed-layout.sticky-header #header {
    left: auto;
    width: 1194px;
  }
  /*** Header Styles ***/
  /** Header style 8 **/
  .site-header[data-header-style="8"] .main-nav {
    margin-left: 50px;
  }
  /** Header style 9 **/
  .site-header[data-header-style="9"] .main-nav {
    margin-left: 50px;
  }
  /** Header style 12 **/
  .site-header[data-header-style="12"] .main-nav .hg_mega_container {
    margin-top: 0;
  }
  .site-header[data-header-style="12"] .main-nav ul li:hover > .hg_mega_container {
    margin-top: -20px;
  }
  /** Header style 13 **/
  .site-header[data-header-style="13"] .site-logo {
    width: auto;
    height: 0;
    margin: 0 auto;
  }
  /**** end Header ****/
  /**** Elements ****/
  /* Width presets */
  .btn-fullwidth {
    width: 100%;
  }
  .btn-halfwidth {
    width: 50%;
  }
  .btn-third {
    width: 33.33%;
  }
  .btn-forth {
    width: 25%;
  }
  .rev_slider,
  .rev_slider_wrapper {
    height: 780px;
  }
  body .css3accordion .content > .m_title {
    font-size: 15px;
    line-height: 1.5;
    margin: 10px 0;
  }
  body .css3accordion .text + a {
    font-size: 10px;
    font-weight: bold;
    color: #888;
    display: inline-block;
    margin-top: 5px;
  }
  .screenshot-box .left-side h3.title {
    font-size: 19px;
  }
  .screenshot-box .left-side ul.features li h4 + span {
    font-size: 13px;
  }
  body #footer .contact-details {
    background: url(../images/say_hi.png) no-repeat right top;
  }
  body .zn_float_right {
    float: right;
  }
  .newsletter-signup input {
    border: none;
    width: calc(90% - 81px);
  }
  .newsletter-signup input[type=submit] {
    margin-left: -7px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .latest_posts.default-style.kl-style-2 .lp-title {
    height: 350px;
  }
  .latest_posts.default-style.kl-style-2 .lp-title .m_title {
    font-size: 54px;
  }
  .latest_posts.default-style.kl-style-2 .post {
    margin-bottom: 20px;
  }
  /* Action box */
  .action_box .action_box_content {
    display: table;
  }
  .action_box .action_box_content.partners-carousel {
    display: initial;
  }
  .action_box .ac-content-text {
    display: table-cell;
  }
  .action_box .row.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .action_box .ac-buttons {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
  }
  .action_box .ac-btn {
    margin: 0;
    display: inline;
  }
  .action_box .ac-btn:last-child {
    margin-left: 15px;
  }
  /* Stage image box */
  .stage-ibx__point {
    display: block;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
  }
  .stage-ibx__point:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    display: block;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 3px #FFFFFF;
    border-radius: 50%;
    -webkit-transition: box-shadow 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, transform 0.2s ease-out;
    background: rgba(40, 204, 229, 0.6);
    box-shadow: 0 0 0 3px #28cce5;
  }
  .stage-ibx__point:hover:after,
  .stage-ibx__point.kl-ib-point-active:after {
    box-shadow: 0 0 0 5px #28cce5,0 4px 10px #000;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
  .stage-ibx__point[data-title]:before {
    content: attr(data-title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    min-width: 100px;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    padding: 6px 3px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 30px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-out 0.1s, visibility 0.2s ease-out 0.1s, margin-bottom 0.2s ease-out 0.1s;
  }
  .stage-ibx__point[data-title]:hover:before,
  .stage-ibx__point[data-title].kl-ib-point-active:before {
    opacity: 1;
    visibility: visible;
    margin-bottom: 20px;
  }
  .screenshot-box .left-side h3.title {
    font-size: 24px;
    font-weight: 100;
  }
  .media-container {
    height: 300px;
  }
  /* Recent work carousel */
  .full_width .recentwork_carousel__left {
    padding-left: -webkit-calc(-527.5vw) !important;
    padding-left: calc((100vw - (1170px - 15px)) / 2) !important;
  }
  /* Static content If it has height */
  .static-content--height .static-content__inner {
    position: relative;
  }
  .static-content--height .static-content__inner:not(.container) {
    position: absolute;
    width: 100%;
  }
  /* Immersive video */
  .cd-immersive-video {
    padding: 0 calc(50% - 510px);
  }
  /**** end Elements ****/
  /* BOXED VERSION tweaks */
  body.boxed-layout #page_wrapper,
  body.boxed-layout .support_panel {
    width: 1200px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin: 0 auto;
    background: #f5f5f5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  body.boxed-layout .support-panel-close {
    top: 0;
    right: 0;
    border-radius: 0;
  }
  body.boxed-layout .support_panel {
    background-color: #fff;
  }
  body.boxed-layout .screenshot-box .screenshot-slider,
  body.boxed-layout .screenshot-box .screenshot-slider {
    height: 364px !important;
  }
  body.boxed-layout .hg_col_eq_last {
    padding-right: 0;
  }
  body.boxed-layout .full_width .recentwork_carousel__left {
    padding-left: 30px;
  }
  body.boxed-layout .kl-iconbox__content-wrapper {
    clear: both;
  }
  body.boxed-layout .skills-responsive-diagram {
    padding-bottom: 70%;
  }
  body.boxed-layout .kl-skills-legend.legend-topright {
    left: 80%;
  }
  body.boxed-layout .world-office.stockholm {
    top: 7px !important;
    left: 331px !important;
  }
  body.boxed-layout .world-office.bucharest {
    top: 87px !important;
    left: 343px !important;
  }
  body.boxed-layout .world-office.sydney {
    top: 225px !important;
    left: 545px !important;
  }
  body.boxed-layout .world-office.botswana {
    top: 196px !important;
    left: 340px !important;
  }
  body.boxed-layout .world-office.quebec {
    top: 62px !important;
    left: 152px !important;
  }
  body.boxed-layout .world-office.newyork {
    top: 83px !important;
    left: 163px !important;
  }
  body.boxed-layout.isometric #page_wrapper {
    background: linear-gradient(90deg, #58A8FB, #465683);
  }
  /* end BOXED VERSION tweaks */
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Laptop **/
@media (max-width: 1200px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  .container_fluid .row {
    padding-left: 15px;
    padding-right: 15px;
  }
  /**** Header ****/
  .support-panel-close {
    top: 5px;
    right: 5px;
    border-radius: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* Header style 1 */
  .site-header[data-header-style="1"] .kl-header-toptext {
    display: inline-block;
    margin-top: 0px !important;
  }
  .site-header[data-header-style="1"] .kl-header-toptext .phone-header {
    float: left;
    margin-right: 10px;
    line-height: 21px;
  }
  /* Header style 3 */
  .site-header[data-header-style="3"] .kl-header-toptext {
    display: inline-block;
    margin-top: 2px !important;
  }
  .site-header[data-header-style="3"] .kl-header-toptext .phone-header {
    float: left;
    margin-right: 10px;
    line-height: 21px;
  }
  /* Header style 9 */
  .site-header[data-header-style="9"] .kl-header-toptext {
    display: inline-block;
    margin-top: 0 !important;
  }
  .site-header[data-header-style="9"] .kl-header-toptext .phone-header {
    float: left;
    margin-right: 10px;
    line-height: 21px;
  }
  /**** end Header ****/
  /**** Elements ****/
  .kl-iconbox--fright .kl-iconbox__icon-wrapper,
  .kl-iconbox--fleft .kl-iconbox__icon-wrapper {
    float: left;
  }
  .world-map-offices {
    max-height: 550px;
    overflow: auto;
    max-width: calc(100% - 30px);
  }
  .world-map-offices .world-office {
    position: static;
  }
  .world-map-offices .world-office::before {
    display: none;
  }
  .world-map-offices .office-details {
    opacity: 1;
    visibility: visible;
    position: static;
    padding-bottom: 0;
  }
  .logos-bar {
    position: static;
    width: auto;
  }
  .media-container.custom-oh {
    overflow: hidden;
  }
  .kl-bg-source__bgimage.parallax {
    background-size: initial;
  }
  /* Services box */
  .services_box .services_box__icon {
    float: none;
  }
  /* Modern */
  .services_box--modern.sb--hasicon .services_box__title {
    margin-left: 0;
  }
  .services_box--modern.sb--hasicon .services_box__desc {
    margin-left: 0;
  }
  .services_box--modern.sb--hasicon .services_box__list li {
    padding-left: 0;
  }
  .services_box--modern .services_box__list li:before,
  .services_box--modern .services_box__icon:after {
    display: none;
  }
  /* Action box */
  .action_box {
    text-align: center;
  }
  .action_box .ac-content-text {
    margin-bottom: 25px;
  }
  /* Big social */
  .bigsocialblock--style2 .bigsocialblock__social-icon {
    opacity: 0.25;
  }
  .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__social-icon {
    opacity: 0.4;
  }
  /* Skills diagram */
  .kl-skills-diagram .kl-skills-legend {
    position: static;
    left: auto;
    top: auto;
  }
  /* Video background caption */
  .sc__video-line {
    font-size: 30px;
  }
  .sc--videobg:not(.static-content--fullscreen) {
    min-height: 500px;
  }
  .sc--videobg .static-content__inner {
    position: absolute;
    bottom: 30px;
    width: 100%;
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Laptop+ **/
@media (min-width: 991px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
  .v-hidden {
    visibility: hidden;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  /*** Menu ***/
  .menu-item-mega-parent.dropdown {
    position: inherit !important;
  }
  body.one-page .main-nav > ul > li > a {
    font-size: 13px;
  }
  /*** Header Styles ***/
  /** Header style 2 **/
  .site-header[data-header-style="2"] .search-container {
    display: block !important;
    margin-top: 20px;
  }
  /** Header style 3 **/
  .site-header[data-header-style="3"] .search-container {
    display: block !important;
  }
  .site-header[data-header-style="3"] .main-nav ul ul.sub-menu li:hover > ul {
    top: -3px !important;
  }
  /** Header style 4 **/
  .site-header[data-header-style="4"] .main-nav ul li:hover > .hg_mega_container {
    margin-top: -17px;
  }
  /** Header style 11 **/
  .site-header[data-header-style="11"] .main-nav ul ul.sub-menu li:hover > ul {
    left: auto;
    right: 100%;
  }
  /** Header style 12 **/
  .site-header[data-header-style="12"] .main-nav > ul {
    display: inline-block;
    text-align: left;
  }
  /*** end Header Styles ***/
  /**** end Header ****/
  /**** Elements ****/
  .media-container.custom-height {
    height: 800px;
  }
  .left_sidebar {
    float: right;
  }
  /* Pricing table */
  .pricing-table-element .plan-column.featured {
    margin: -20px;
  }
  .pricing-table-element[data-columns="1"] .plan-column.featured {
    width: -webkit-calc(140%);
    width: calc(100% + 40px);
  }
  .pricing-table-element[data-columns="2"] .plan-column.featured {
    width: -webkit-calc(90%);
    width: calc(50% + 40px);
  }
  .pricing-table-element[data-columns="3"] .plan-column.featured {
    width: -webkit-calc(73.3333%);
    width: calc(33.3333% + 40px);
  }
  .pricing-table-element[data-columns="4"] .plan-column.featured {
    width: -webkit-calc(65%);
    width: calc(25% + 40px);
  }
  .pricing-table-element[data-columns="5"] .plan-column.featured {
    width: -webkit-calc(60%);
    width: calc(20% + 40px);
  }
  /* Recent work carousel */
  .full_width .recentwork_carousel__left {
    padding-left: -webkit-calc(-435vw);
    padding-left: calc((100vw - 970px) / 2);
  }
  /* Static content If it's fullscreen */
  .static-content--fullscreen {
    height: 100vh;
  }
  .static-content--fullscreen .static-content__inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  .main-nav > ul > li > a {
    font-size: 12px;
  }
  .main-nav ul ul.sub-menu li a {
    font-size: 10px;
  }
  .main-nav .hg_mega_container li a {
    font-size: 10px;
  }
  .chaser .main-menu li a {
    font-size: 10px;
  }
  .chaser .main-menu .hg_mega_container {
    width: 940px;
  }
  /*** Header Styles ***/
  /** Header style 1 **/
  .site-header[data-header-style="1"] .main-nav {
    margin-left: 29px;
  }
  .site-header[data-header-style="1"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="1"] .ctabutton {
    margin-left: 12px;
  }
  /** Header style 4 **/
  .site-header[data-header-style="4"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="4"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="4"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  .site-header[data-header-style="4"] .main-nav {
    margin-left: 20px;
  }
  .site-header[data-header-style="4"] .ctabutton {
    margin-left: 15px;
  }
  /** Header style 5 **/
  .site-header[data-header-style="5"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="5"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="5"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  /** Header style 6 **/
  .site-header[data-header-style="6"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="6"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="6"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  .site-header[data-header-style="6"] .main-nav {
    margin-left: 24px;
  }
  .site-header[data-header-style="6"] .ctabutton {
    margin-left: 13px;
  }
  /** Header style 7 **/
  .site-header[data-header-style="7"] .ctabutton {
    margin-left: 15px;
  }
  /** Header style 8 **/
  .site-header[data-header-style="8"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="8"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="8"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  .site-header[data-header-style="8"] .ctabutton {
    margin-left: 12px;
  }
  /** Header style 9 **/
  .site-header[data-header-style="9"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="9"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="9"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  /** Header style 11 **/
  .site-header[data-header-style="11"] .main-nav > ul > li > a {
    font-size: 11px;
  }
  .site-header[data-header-style="11"] .main-nav .hg_mega_container li a {
    font-size: 11px;
  }
  .site-header[data-header-style="11"] .main-nav ul ul.sub-menu li a {
    font-size: 11px;
  }
  /**** end Header ****/
  /**** Elements ****/
  .kl-iconbox__content-wrapper {
    clear: both;
  }
  .newsletter-signup input {
    border: none;
    width: calc(90% - 61px);
  }
  .newsletter-signup input[type=submit] {
    width: 100px;
    margin-left: -14px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .photogallery-widget .pg-thumb .pg-caption,
  .photogallery-widget .pg-thumb .pg-caption a {
    font-size: 12px;
    font-weight: 400;
    padding: 10px 5px 0 10px;
  }
  /* Css Accordion (Latest posts 1) */
  .latest_posts-acc-inner,
  .latest_posts-acc-item:hover ~ .latest_posts-acc-item > .latest_posts-acc-inner {
    width: 470px !important;
  }
  .latest_posts.default-style.kl-style-2 .lp-title {
    height: 288px;
  }
  /* Devices */
  .el-devimages--type-img .el-devimages__laptop {
    height: 490px;
    width: 850px;
  }
  .el-devimages--type-vector .el-devimages__laptop {
    height: 428px;
    width: 845px;
  }
  .el-devimages__frame {
    width: 900px;
    height: 490px;
  }
  .el-devimages--type-vector .el-devimages__smartphone {
    height: 330px;
    width: 166px;
  }
  .el-devimages--type-img .el-devimages__smartphone {
    height: 324px;
    width: 197px;
  }
  /* Big social */
  .bigsocialblock.count-4 .bigsocialblock__social-icon {
    border-width: 5px;
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 110px;
    left: -30px;
    bottom: -20px;
  }
  .bigsocialblock.count-5 .bigsocialblock__social-icon {
    border-width: 5px;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    left: -30px;
    bottom: -10px;
  }
  .bigsocialblock.count-4 .bigsocialblock__title,
  .bigsocialblock.count-5 .bigsocialblock__title {
    font-size: 16px;
  }
  /* Process steps */
  .process_steps--style2 .process_steps__container {
    padding-right: calc(((100vw - 970px) / 2) + 15px);
  }
  .process_steps--style2 .process_steps__container:before {
    padding-right: calc(((100vw - 970px) / 2) + 60px);
  }
  .process_steps--style2 .process_steps__intro {
    padding-left: calc(((100vw - 970px) / 2) + 15px);
  }
  .statistic-box__title {
    font-size: 32px;
  }
  .media-container {
    height: 400px;
  }
  /* Static content */
  .static-content__title {
    font-size: 48px;
  }
  .static-content__subtitle {
    font-size: 28px;
  }
  /* Boxes */
  .sc__boxes {
    margin-top: 50px;
  }
  .sc__boxes .static-content__infopop {
    margin: 0 20px;
  }
  /* Product loupe */
  .productzoom-style .sc__features li {
    font-size: 13px;
  }
  .productzoom-style .static-content__subtitle {
    font-size: 20px;
  }
  .productzoom-style .row {
    margin-bottom: 0;
  }
  /*Maps panel*/
  .kl-contentmaps__panel {
    left: calc((100vw - 970px) / 2);
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Large Tablets **/
@media (max-width: 992px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  body.boxed-layout #page_wrapper {
    width: 100%;
    border: 0;
  }
  body .kl-slideshow .scrollbarContainer {
    width: 100%;
  }
  .hg_section .full_width {
    margin-left: 15px;
    margin-right: 15px;
  }
  /**** Header ****/
  /*** Header Styles ***/
  /** Header style 3 **/
  .site-header[data-header-style="3"] .kl-cta-ribbon {
    margin-top: -3px;
  }
  /** Header style 5 **/
  .site-header[data-header-style="5"] .zn-res-trigger {
    float: right;
    margin-top: 15px;
  }
  /** Header style 7 **/
  .site-header[data-header-style="7"] #zn-res-menuwrapper {
    float: right;
  }
  /** Header style 10 **/
  .site-header[data-header-style="10"] .zn-res-trigger {
    margin-top: 3px;
  }
  /**** end Header ****/
  /**** Elements ****/
  .newsletter-signup input {
    border: none;
    width: calc(90% - 65px);
  }
  .newsletter-signup input[type=submit] {
    width: 90px;
    margin-left: -7px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pos-vertical-middle > .container {
    top: 200px;
    transform: none;
  }
  .photogallery-widget .pg-thumb .pg-caption {
    display: none;
  }
  .logolist {
    width: 100%;
  }
  .logolist a {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
  }
  .logolist img {
    max-width: 100%;
    display: block;
  }
  .hover-box-2 {
    margin-bottom: 25px;
  }
  /* Latest Posts Accordion style */
  .latest_posts-acc-title {
    font-size: 15px;
    line-height: 1.3;
    margin: 8px 0;
  }
  .latest_posts-acc-text {
    font-size: 14px;
    line-height: 1.4;
  }
  .hg-portfolio-sortable ul#thumbs li {
    width: 33.333% !important;
  }
  /* Grid icon boxes */
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {
    width: 33.3333%;
  }
  .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {
    width: -webkit-calc(3.3333%);
    width: calc(33.3333% - 30px);
  }
  /* Style 1 - horiontal odd/even */
  .statistic-box--stl-style1.statistic-box__container {
    width: 100%;
    display: block;
    margin: 0;
  }
  .statistic-box--stl-style1 .statistic-box {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 30px;
    text-align: center;
  }
  .statistic-box--stl-style1 .statistic-box__icon-holder {
    position: static;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style1 .statistic-box__details {
    position: static;
    min-height: 90px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style1 .statistic-box--odd .statistic-box__icon-holder {
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style1 .statistic-box--odd .statistic-box__details {
    transform: none;
    padding-bottom: 0;
    padding-top: 0;
  }
  .statistic-box--stl-style1 .statistic-box__line {
    display: none;
  }
  /* Style 2 - horiontal odd/even */
  .statistic-box--stl-style2.statistic-box__container {
    width: 100%;
    display: block;
    margin: 0;
  }
  .statistic-box--stl-style2 .statistic-box {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 30px;
    text-align: center;
  }
  .statistic-box--stl-style2 .statistic-box__icon-holder {
    position: static;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style2 .statistic-box__details {
    position: static;
    min-height: 90px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style2 .statistic-box--odd .statistic-box__icon-holder {
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .statistic-box--stl-style2 .statistic-box--odd .statistic-box__details {
    transform: none;
    padding-bottom: 0;
    padding-top: 0;
  }
  .statistic-box--stl-style2 .statistic-box__line {
    display: none;
  }
  /* Pricing table */
  .pricing-table-element .features-column.hidesm {
    display: none;
  }
  .pricing-table-element[data-columns="1"] .features-column ~ .plan-column {
    width: 100%;
  }
  /* with features-col */
  .pricing-table-element[data-columns="2"] .features-column ~ .plan-column {
    width: -webkit-calc(50%);
    width: calc(100% / 2);
  }
  /* with features-col */
  .pricing-table-element[data-columns="3"] .features-column ~ .plan-column {
    width: -webkit-calc(33.33333333%);
    width: calc(100% / 3);
  }
  /* with features-col */
  .pricing-table-element[data-columns="4"] .features-column ~ .plan-column {
    width: -webkit-calc(25%);
    width: calc(100% / 4);
  }
  /* with features-col */
  .pricing-table-element[data-columns="5"] .features-column ~ .plan-column {
    width: -webkit-calc(20%);
    width: calc(100% / 5);
  }
  /* with features-col */
  .pricing-table-element .plan-column.featured {
    margin: -20px 0;
  }
  /* Partners & Testimonials */
  .ts-pt-testimonials__item--size-1,
  .ts-pt-testimonials__item--size-2,
  .ts-pt-testimonials__item--size-3 {
    width: -webkit-calc(0%);
    width: calc(50% - 50px);
  }
  .ts-pt-partners__title {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .ts-pt-partners__title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 3px;
    background: #fff;
  }
  .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {
    width: 100%;
    clear: left;
    float: none;
  }
  /* Grid photo gallery */
  [class*='gridPhotoGalleryItem--w'] {
    width: 50% !important;
  }
  [class*='gridPhotoGalleryItem--h'] {
    padding-bottom: 100% !important;
  }
  /* Static content */
  .static-content__title {
    font-size: 32px;
  }
  .static-content__subtitle {
    font-size: 22px;
  }
  /* Boxes */
  .sc__boxes {
    margin-top: 40px;
  }
  .sc__boxes .static-content__infopop {
    margin: 0 15px;
  }
  /* Product loupe */
  .productzoom-style .sc__screenshot {
    margin-top: 30px;
  }
  /* Video background caption */
  .sc__video-line {
    font-size: 24px;
  }
  /* Static Content - Weather box */
  .sc--wb-style .sc__actionarea {
    margin-top: 20px;
  }
  .sc__actionarea .btn {
    width: auto;
  }
  .sc--wb-style .sc-infopop__text {
    font-size: 13px;
  }
  .sc__weather {
    min-height: 100px;
  }
  /* Weather list */
  ul.scw_list {
    margin: 50px 10px 0;
  }
  .scw_list .wt-icon {
    font-size: 90px;
    height: 70px;
  }
  .scw__degs {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .scw__high {
    font-weight: 400;
  }
  .scw__day {
    font-size: 18px;
  }
  .scw__alt {
    font-size: 13px;
  }
  .scw_list li:first-child {
    width: 32%;
    margin-top: -35px;
  }
  .scw_list li:first-child .wt-icon {
    font-size: 160px;
    height: 125px;
    margin-bottom: 10px;
  }
  .scw_list li:first-child .scw__degs {
    font-size: 30px;
  }
  .scw_list li:first-child .scw__high {
    font-weight: 700;
  }
  .scw_list li:first-child .scw__day {
    font-size: 28px;
  }
  .scw_list li:first-child .scw__alt {
    font-size: 18px;
  }
  /* Showroom Carousel */
  .sc--showroom-carousel .static-content--fullscreen {
    height: auto;
  }
  .sc--showroomcrs-style {
    max-width: 90%;
  }
  /* FreeWall Gallery */
  .photo-wall .isotope-item,
  .photo-wall .grid-sizer {
    width: -webkit-calc(50%);
    width: calc(100% / 2);
  }
  .photo-wall .isotope-item {
    padding-bottom: -webkit-calc(50%);
    padding-bottom: calc(100% / 2);
  }
  .photo-wall .isotope-item.width2 {
    width: -webkit-calc(100%);
    width: calc((100% / 2) * 2);
  }
  .photo-wall .isotope-item.height2 {
    padding-bottom: -webkit-calc(100%);
    padding-bottom: calc((100% / 2) * 2);
  }
  .photo-wall .isotope-item {
    width: -webkit-calc(50%);
    width: calc(100% / 2);
    padding-bottom: -webkit-calc(50%);
    padding-bottom: calc(100% / 2);
  }
  .photo-wall .isotope-item.width2 {
    width: -webkit-calc(50%);
    width: calc(100% / 2);
  }
  .photo-wall .isotope-item.height2 {
    padding-bottom: -webkit-calc(50%);
    padding-bottom: calc(100% / 2);
  }
  .photo-wall .isotope-item:nth-child(odd):last-child {
    width: 100%;
    padding-bottom: 100%;
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  #zn-res-menu {
    width: 50%;
  }
  /*** Header Styles ***/
  /** Header style 2 **/
  .site-header[data-header-style="2"] .search-container {
    display: block !important;
    margin-top: 20px;
  }
  /** Header style 3 **/
  .site-header[data-header-style="3"] .search-container {
    display: block !important;
  }
  /* Header style 9 */
  .site-header[data-header-style="9"] .zn-res-trigger {
    margin-top: 21px;
  }
  /**** end Header ****/
  /**** Elements ****/
  .kl-iconbox__content-wrapper {
    clear: both;
  }
  .kl-slideshow.iosslider-slideshow {
    padding-bottom: 80% !important;
  }
  .recentwork_carousel li a iframe {
    width: 100%;
    height: auto;
  }
  .subheader-subtitle {
    font-size: 14px;
  }
  body .gobox h4 {
    font-size: 15px;
    line-height: 1.2;
  }
  body .gobox.ok > img {
    margin-bottom: 10px;
  }
  .css3accordion .content > .m_title {
    font-size: 12px;
    line-height: 1.3;
    margin: 8px 0;
  }
  .css3accordion .text {
    font-size: 11px;
    line-height: 1.4;
  }
  body .css3panels {
    height: 450px;
  }
  body .css3panels .panel img {
    max-height: 460px;
  }
  body .css3panels .caption {
    top: 300px;
    width: 300px;
  }
  body .css3panels .caption.upper {
    top: 250px;
  }
  #skills_diagram .legend {
    right: -30px;
  }
  .feature_box.style3 .box {
    font-size: 12px;
  }
  .how_to_shop > .row {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .tabs_style1 > ul.nav > li > a {
    padding: 8px 10px;
  }
  .feature_box .box .title + p {
    font-size: 12px;
  }
  /* Css Accordion (Latest posts 1) */
  .latest_posts-acc-inner,
  .latest_posts-acc-item:hover ~ .latest_posts-acc-item > .latest_posts-acc-inner {
    width: 360px !important;
  }
  .screenshot-box .left-side {
    width: 250px;
  }
  .screenshot-box .left-side h3.title {
    font-size: 16px;
  }
  .screenshot-box .left-side ul.features li h4 + span {
    font-size: 13px;
  }
  .flickr_feeds li a {
    width: 40px;
  }
  .header-search .searchBtn {
    margin-top: 0;
  }
  .social-share li {
    margin-left: 0;
  }
  .flickr_feeds li a {
    width: 65px;
  }
  .info-text {
    font-size: 20px;
  }
  .hover-box > img {
    margin: 10px 10px 8px 5px;
  }
  .hover-box > h3 {
    font-size: 18px;
  }
  .hover-box > h4 {
    font-size: 14px;
  }
  .screenshot-slider {
    float: none;
  }
  .screenshot-box .left-side {
    width: auto;
    float: none;
    margin: 20px;
  }
  .vertical_tabs .tabbable .nav {
    width: 35%;
  }
  .vertical_tabs .tabbable .tab-content {
    width: 65%;
  }
  .statbox {
    min-height: 90px;
  }
  .statbox h4 {
    font-size: 24px;
  }
  .testimonial_box {
    padding: 0;
  }
  .latest_posts.default-style.kl-style-2 .lp-title {
    height: 219px;
  }
  /* Devices */
  .el-devimages--type-img .el-devimages__laptop {
    height: 416px;
    width: 720px;
  }
  .el-devimages--type-vector .el-devimages__laptop {
    height: 370px;
    width: 720px;
  }
  .el-devimages__frame {
    width: 720px;
    height: 440px;
  }
  .el-devimages--type-vector .el-devimages__smartphone {
    height: 250px;
    width: 125px;
  }
  .el-devimages--type-img .el-devimages__smartphone {
    height: 274px;
    width: 167px;
  }
  .el-devimages--type-vector .el-devimages__smartphone {
    left: 70px;
  }
  .el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {
    right: 40px;
  }
  .el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {
    right: 70px;
  }
  /* Big social */
  .bigsocialblock.count-3 .bigsocialblock__social-icon {
    border-width: 5px;
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 110px;
    left: -30px;
    bottom: -20px;
  }
  .bigsocialblock.count-4 .bigsocialblock__social-icon {
    border-width: 5px;
    border-color: transparent;
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 110px;
    left: -30px;
    bottom: -20px;
  }
  .bigsocialblock.count-3 .bigsocialblock__title,
  .bigsocialblock.count-4 .bigsocialblock__title {
    font-size: 16px;
  }
  /* 5 items */
  .bigsocialblock.count-5 .bigsocialblock__item {
    padding: 15px;
  }
  .bigsocialblock.count-5 .bigsocialblock__title {
    font-size: 15px;
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right;
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
  }
  .bigsocialblock__item:hover .bigsocialblock__title {
    bottom: auto;
  }
  .bigsocialblock.count-5 .bigsocialblock__count,
  .bigsocialblock.count-5 .bigsocialblock__follow {
    font-size: 14px;
    opacity: 1;
    visibility: visible;
    transform: none;
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right;
  }
  .bigsocialblock.count-5 .bigsocialblock__social-icon {
    border-color: transparent;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    left: -20px;
    bottom: -10px;
  }
  /* Style 2 */
  .bigsocialblock--style2 .bigsocialblock__title {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 10px;
  }
  /* Process steps */
  .process_steps--style1 {
    display: block;
  }
  .process_steps--style1 .process_steps__step {
    float: left;
    width: 33.3333%;
  }
  .process_steps--style1 .process_steps__intro {
    display: block;
    width: 100%;
    float: none;
    height: auto;
  }
  .process_steps--style2 {
    display: block;
  }
  .process_steps--style2 .process_steps__container {
    width: 100%;
  }
  .process_steps--style2 .process_steps__step {
    float: left;
    width: 33.3333%;
  }
  .process_steps--style2 .process_steps__intro {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    min-height: 0;
  }
  .process_steps--style2 .process_steps__container:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -5px;
    padding: 0;
    width: calc(100% + 10px);
  }
  .process_steps--style2 .process_steps__container:after {
    display: none;
  }
  .process_steps--style2 .process_steps__container .process_steps__step:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .media-container {
    height: 400px;
  }
  /* Product loupe */
  .productzoom-style .static-content__subtitle {
    font-size: 20px;
  }
  .productzoom-style .sc__features li {
    font-size: 12px;
  }
  /* Event style */
  .static-content.event-style .or {
    display: none;
  }
  /* Maps panel */
  .kl-contentmaps__panel {
    left: calc((100vw - 750px) / 2);
  }
  /* Maps Height in fullscreen mode */
  .scontent__maps.static-content--fullscreen {
    height: 90vh;
  }
  /**** end Elements ****/
  /**** Knowledge Base ****/
  .post-info li:first-child {
    margin-left: 0;
  }
  /**** end Knowledge Base ****/
  /**** Footer ****/
  #footer .copyright {
    float: left;
  }
  #footer .contact-details {
    background: url(../images/say_hi_smaller.png) no-repeat right top;
  }
  /**** end Footer ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Tablets+  **/
@media (min-width: 768px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  /*** Header Styles ***/
  /** Header style 9 **/
  .site-header[data-header-style="9"] .kl-cta-ribbon {
    margin-top: 20px;
    margin-bottom: -8px;
  }
  /** Header style 11 **/
  .site-header[data-header-style="11"] .separator {
    margin-bottom: 0;
  }
  /**** end Header ****/
  /**** Elements ****/
  /* Process boxes */
  .process_box .number span {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .process_box[data-align=right] .content {
    text-align: right;
  }
  .process_box .content:before,
  .process_box .content:after {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .process_box .content:before {
    position: absolute;
    content: '';
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #cd2122;
  }
  .process_box[data-align=left] .content:before {
    left: 240px;
  }
  .process_box[data-align=right] .content:before {
    right: 240px;
  }
  .process_box:hover .content:before {
    width: 5px;
  }
  .process_box .content:after {
    position: absolute;
    content: '';
    border: 14px solid;
    border-color: transparent;
    top: 50%;
    margin-top: -14px;
  }
  .process_box[data-align=left] .content:after {
    left: 242px;
    border-left-color: #cd2122;
  }
  .process_box[data-align=right] .content:after {
    right: 242px;
    border-right-color: #cd2122;
  }
  .process_box[data-align=left]:hover .content:after {
    left: 245px;
  }
  .process_box[data-align=right]:hover .content:after {
    right: 245px;
  }
  .process_box:after,
  .process_box .number:before,
  .process_box .number:after {
    background-color: #F1F1F1 !important;
  }
  .process_box:after {
    position: absolute;
    content: '';
    width: calc(100% - 234px);
    height: 6px;
    bottom: -43px;
  }
  .process_box[data-align=left]:after {
    left: 130px;
  }
  .process_box[data-align=right]:after {
    right: 114px;
  }
  .process_box .number:before,
  .process_box .number:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 50px;
  }
  .process_box .number:before {
    top: -37px;
  }
  .process_box .number:after {
    bottom: -37px;
  }
  .process_box:first-child .number:before,
  .process_box.last .number:after,
  .process_box.last:after {
    content: none;
  }
  .process_box.last {
    margin-bottom: 0;
  }
  /* Latest posts */
  .latest_posts.default-style.kl-style-2 .lp-title {
    margin-bottom: 0;
  }
  /* Vertical tabs */
  .vertical_tabs.kl-style-2 .tabbable .nav {
    border-right: 0;
  }
  .vertical_tabs.kl-style-2 .tabbable .nav > li.active > a {
    border-right: 0;
    background-image: none;
    background-color: #fff;
  }
  .vertical_tabs .tabbable .nav {
    float: left;
    width: 20%;
  }
  .vertical_tabs.kl-style-2 .tabbable .nav {
    width: 30%;
  }
  .vertical_tabs .tabbable .tab-content {
    float: left;
    width: 80%;
    min-height: 240px;
    padding-left: 30px;
    border-left: 1px solid #c2c2c2;
  }
  .vertical_tabs.kl-style-2 .tabbable .tab-content {
    width: 70%;
  }
  /* Recent work carousel */
  .full_width .recentwork_carousel__left {
    padding-left: -webkit-calc(-325vw);
    padding-left: calc((100vw - 750px) / 2);
  }
  /* Shop */
  .limited-offers-carousel .caroufredsel_wrapper {
    width: calc(100% - 80px) !important;
  }
  /* Immersive video */
  .cd-immersive-video .intro-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1.5s, visibility 1.5s;
    transition: opacity 1.5s, visibility 1.5s;
  }
  .cd-immersive-video.video-is-loaded .intro-wrapper {
    visibility: visible;
    opacity: 1;
  }
  .cd-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 32px;
    width: 32px;
    background: #ececec;
    -webkit-animation: cd-loading 0.8s infinite;
    animation: cd-loading 0.8s infinite;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform .3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .cd-loader.no-animation {
    -webkit-animation: none;
    animation: none;
  }
  .cd-loader.scale-down {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.001);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0.001);
    transform: translateY(-50%) translateX(-50%) scale(0.001);
  }
  .video-is-loaded .cd-loader {
    visibility: hidden;
    opacity: 0;
  }
  .cd-immersive-video .product-intro {
    display: table-cell;
    vertical-align: middle;
    -webkit-animation: none;
    animation: none;
    text-align: left;
  }
  .cd-immersive-video .product-intro > div {
    width: calc(100% - 400px);
    max-width: 500px;
  }
  .cd-immersive-video .product-intro h1 {
    font-size: 4rem;
  }
  .cd-immersive-video .product-intro .item {
    opacity: 0;
  }
  .cd-immersive-video .product-intro.animate-content .item {
    -webkit-animation: cd-item-slide-in 0.4s both;
    animation: cd-item-slide-in 0.4s both;
  }
  .cd-immersive-video .product-intro.animate-content .item-1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
  }
  .cd-immersive-video .product-intro.animate-content .item-2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
  }
  .cd-immersive-video .product-intro.animate-content .item-3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
  }
  .no-cssanimations .cd-immersive-video .product-intro.animate-content .item {
    opacity: 1;
  }
  .cd-immersive-video .product-preview {
    position: absolute;
    width: 300px;
    top: 40px;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    -webkit-animation: none;
    animation: none;
  }
  .cd-immersive-video .product-preview.no-transition {
    -webkit-transition: none;
    transition: none;
  }
  .cd-immersive-video .product-preview.video-zoomed-out {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
  }
  .cd-immersive-video .product-preview .product-video {
    display: block;
  }
  .cd-immersive-video .product-preview .product-video.has-bg-color {
    background: #000;
  }
  .cd-immersive-video .product-preview .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-immersive-video .product-preview video {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: 100%;
    width: auto;
    background: #000;
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Tablets (portrait mode)  **/
@media (min-width: 481px) and (max-width: 768px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  .header-search .searchBtn {
    margin-top: 0;
  }
  /*** Header Styles ***/
  /** Header style 1 **/
  .site-header[data-header-style="1"] .zn-res-trigger {
    margin-left: 10px;
  }
  /** Header style 2 **/
  .site-header[data-header-style="2"] .search-container {
    margin-top: 20px;
  }
  /** Header style 3 **/
  .site-header[data-header-style="3"] .site-header .xs-icon {
    color: #252525;
  }
  /**** Elements ****/
  .feature_box .title {
    font-size: 13px;
  }
  .feature_box.feature_box.style2 p {
    font-size: 12px;
  }
  .feature_box.style2 .box {
    min-height: 130px;
  }
  .css3accordion .content > .m_title {
    font-size: 15px;
    line-height: 1.3;
    margin: 8px 0;
  }
  .css3accordion .text {
    font-size: 14px;
    line-height: 1.4;
  }
  .recentwork_carousel li .details h4 {
    font-size: 13px;
  }
  .social-share li {
    margin-left: 0;
  }
  .flickr_feeds li a {
    width: 65px;
  }
  .info-text {
    font-size: 20px;
  }
  .hover-box > img {
    margin: 10px 10px 8px 5px;
  }
  .hover-box > h3 {
    font-size: 18px;
  }
  .hover-box > h4 {
    font-size: 14px;
  }
  .screenshot-slider {
    float: none;
  }
  .screenshot-box .left-side {
    width: auto;
    float: none;
    margin: 20px;
  }
  .statbox {
    min-height: 90px;
  }
  .statbox h4 {
    font-size: 24px;
  }
  body .css3panels {
    height: 450px;
  }
  body .css3panels .panel img {
    max-height: 460px;
  }
  body .css3panels .caption {
    top: 300px;
    width: 300px;
  }
  body .css3panels .caption.upper {
    top: 250px;
  }
  .flickr_feeds[data-size="small"] li a {
    width: 50px;
  }
  #skills_diagram .legend {
    right: -20px;
  }
  .feature_box.style3 .box {
    font-size: 12px;
  }
  .how_to_shop > .row {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .contact_form .form-horizontal input[type=text].inputbox {
    width: 200px;
  }
  .scrollbarContainer {
    display: none;
  }
  .media-container__link--style-borderanim2 .media-container__text {
    font-size: 26px;
  }
  /**** eCommerce ****/
  .shop-features .shop-feature > h4 {
    font-size: 14px;
  }
  .shop-features .shop-feature > h5 {
    font-size: 13px;
  }
  .shop-features .shop-feature > img {
    margin-right: 10px;
  }
  /**** Footer ****/
  #footer .copyright {
    float: left;
  }
  #footer .contact-details {
    background: url(../images/say_hi_smaller.png) no-repeat right top;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
  }
  .input-prepend input,
  .input-append input {
    display: inline-block;
    width: auto;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  .site-header {
    height: auto !important;
    position: relative !important;
  }
  .site-header .xs-icon {
    font-size: 14px;
    color: #fff;
    line-height: 23px;
    opacity: 1;
  }
  .site-header .topnav.topnav--cart .xs-icon,
  .site-header .topnav.topnav--cart .glyphicon {
    font-size: 14px;
    line-height: 24px;
  }
  .site-header .header--oldstyles .topnav {
    margin-left: 10px;
    margin-top: 0;
  }
  .topnav > li {
    margin-left: 10px;
  }
  .topnav.navRight > li:last-child {
    margin-right: 0;
  }
  .support-info {
    line-height: 20px !important;
    margin-top: 0;
  }
  .kl-cta-ribbon {
    margin-top: 3px;
  }
  .logo-container.hasInfoCard:before,
  .logo-container .logo-infocard {
    display: none;
  }
  .zn_menu_trigger {
    background: rgba(228, 228, 228, 0.25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block;
  }
  .site-header .site-logo {
    width: 100%;
    height: auto;
    min-height: 0 !important;
    max-height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .logo-container {
    float: none;
    text-align: center;
    overflow: hidden;
  }
  .site-header .kl-header-toptext {
    float: left;
    clear: left;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .separator.visible-xxs {
    display: block!important;
  }
  .zn-res-trigger {
    margin-top: 10px;
  }
  .site-header .topnav {
    margin-top: 15px;
  }
  .header-leftside-container {
    overflow: hidden;
    margin-bottom: 0 !important;
  }
  .site-header .header-search .searchBtn,
  .site-header.cta_button .header-search .searchBtn {
    margin: 14px 0 0 10px;
  }
  .site-header,
  .site-header[data-header-style="2"],
  .site-header[data-header-style="4"],
  .site-header[data-header-style="5"] {
    background-color: #2f2f2f;
  }
  .page-subheader .ph-content-wrap {
    min-height: 300px;
    padding-top: 0;
  }
  .recentwork_carousel--2 .recentwork_carousel__controls,
  .recentwork_carousel_v3 .recentwork_carousel__controls {
    opacity: 1;
  }
  /*** Header Styles ***/
  /** Header style 1 **/
  /** Style 1 **/
  .site-header[data-header-style="1"] .kl-header-toptext {
    float: none !important;
  }
  .site-header[data-header-style="1"] .site-logo a {
    display: inline-block;
  }
  .site-header[data-header-style="1"] .header-links-container {
    margin-right: 45px;
  }
  .site-header[data-header-style="1"] .header-links-container .topnav > li {
    padding: 0 11px;
  }
  .site-header[data-header-style="1"] .topnav.navRight {
    margin-bottom: 5px;
    margin-top: 10px;
  }
  .site-header[data-header-style="1"] .social-icons.topnav {
    margin-top: 0;
  }
  .site-header[data-header-style="1"] .topnav > li {
    margin-left: 0;
  }
  .site-header[data-header-style="1"] .header-links-container .topnav {
    margin-left: 0;
  }
  .site-header[data-header-style="1"] .header-links-container .topnav--lang {
    margin-top: 11px;
  }
  .site-header[data-header-style="1"] .header-leftside-container {
    margin: 11px 0;
  }
  .site-header[data-header-style="1"] .topnav .languages .globe {
    line-height: 21px;
  }
  .site-header[data-header-style="1"] .popup-with-form i {
    line-height: 24px;
  }
  /** Header style 2 **/
  .site-header[data-header-style="2"] {
    position: relative;
  }
  .site-header[data-header-style="2"] .site-logo a {
    display: inline-block;
  }
  .site-header[data-header-style="2"] .searchBtn {
    border-radius: 4px;
  }
  .site-header[data-header-style="2"] .topnav.social-icons {
    top: 3px;
  }
  .site-header[data-header-style="2"] .header-search,
  .site-header[data-header-style="2"].cta_button .header-search {
    position: absolute;
    right: 15px;
    z-index: 1;
    width: 30px;
    display: block;
  }
  .site-header[data-header-style="2"] .header-search .searchBtn {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .site-header[data-header-style="2"] .header-search .search-container {
    position: absolute;
    z-index: 1;
    display: none;
  }
  .site-header[data-header-style="2"] .header-search .active ~ .search-container {
    display: block;
  }
  .site-header[data-header-style="2"] .header-search .header-searchform {
    margin: 0;
  }
  .site-header[data-header-style="2"] .header-search .searchsubmit {
    opacity: 0;
  }
  .site-header[data-header-style="2"] .header-search .kl-field-bg {
    background-color: #fff;
  }
  .site-header[data-header-style="2"] .header-search .inputbox:hover ~ .kl-field-bg {
    background-color: #fff;
  }
  .site-header[data-header-style="2"] .header-search .inputbox:focus ~ .kl-field-bg {
    background-color: #fff;
    border-top-right-radius: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .site-header[data-header-style="2"] .header-rightside-container {
    margin-right: 60px;
    position: relative;
    z-index: 1;
    padding-top: 0;
  }
  .site-header[data-header-style="2"] .topnav.social-icons {
    margin-right: 20px;
  }
  .site-header[data-header-style="2"] .topnav .languages .globe {
    line-height: 22px;
  }
  .site-header[data-header-style="2"] .spanel-label {
    margin-top: 1px;
  }
  .site-header[data-header-style="2"] .header-rightside-container {
    padding-bottom: 3px;
  }
  .site-header[data-header-style="2"] .topnav > li {
    margin-left: 15px;
  }
  .site-header[data-header-style="2"] .search-container {
    right: 0px;
    width: 200px;
    margin-top: -4px;
  }
  .site-header[data-header-style="2"] .kl-main-header .topnav {
    margin: 9px 0;
  }
  .site-header[data-header-style="2"] .header-rightside-container {
    overflow: hidden;
    float: none;
    margin: 0;
  }
  .site-header[data-header-style="2"] .h-right-inner {
    float: left;
  }
  .site-header[data-header-style="2"] .header-rightside-container .topnav {
    float: left;
  }
  .site-header[data-header-style="2"] .header-search,
  .site-header[data-header-style="2"].cta_button .header-search {
    top: 20px;
    height: 30px;
  }
  .site-header[data-header-style="2"] .header-search .searchBtn,
  .site-header[data-header-style="2"].cta_button .header-search .searchBtn {
    margin: 0;
  }
  /** Header style 3 **/
  .site-header[data-header-style="3"] .site-logo a {
    display: initial;
    vertical-align: initial;
  }
  .site-header[data-header-style="3"] {
    position: relative;
    background-color: #fff;
  }
  .site-header[data-header-style="3"] .search-container {
    display: block !important;
  }
  .site-header[data-header-style="3"] .header-search .search-container {
    width: 150px;
  }
  .site-header[data-header-style="3"] .topnav {
    margin-top: 7px;
  }
  .site-header[data-header-style="3"] {
    position: absolute;
    background: #fff;
  }
  .site-header[data-header-style="3"] .header-search,
  .site-header[data-header-style="3"].cta_button .header-search {
    width: 30%;
  }
  .site-header[data-header-style="3"] .kl-header-toptext {
    margin-left: 10px;
  }
  .site-header[data-header-style="3"] .xs-icon {
    color: #252525;
  }
  .site-header[data-header-style="3"] .popup-with-form {
    margin: 0px 0 4px 25px;
  }
  .site-header[data-header-style="3"] .header-links-container {
    margin-top: 2px;
  }
  .site-header[data-header-style="3"] .topnav li.drop .pPanel {
    left: auto;
  }
  .site-header[data-header-style="3"] {
    background-color: #fff;
  }
  .site-header[data-header-style="3"] .topnav.social-icons li {
    margin: -4px 0 0 10px;
  }
  .site-header[data-header-style="3"] .topnav {
    margin-top: 2px;
  }
  .site-header[data-header-style="3"] .spanel-label {
    margin-top: 2px;
  }
  .site-header[data-header-style="3"] .logo-container,
  .site-header[data-header-style="3"] .site-logo {
    margin: 0px auto;
  }
  .site-header[data-header-style="3"] .kl-header-toptext {
    margin-top: 0;
  }
  /** Header style 4 **/
  .site-header[data-header-style="4"] .header-links-container {
    padding: 6px 5px;
  }
  .site-header[data-header-style="4"] .site-logo {
    width: 100%;
    height: 0;
    margin: 0 auto;
  }
  .site-header[data-header-style="4"] .site-logo a {
    border-top: none;
    border-bottom: none;
    background: transparent;
    display: initial;
    vertical-align: initial;
  }
  .site-header[data-header-style="4"] .site-logo a:after {
    display: none;
  }
  .site-header[data-header-style="4"] .spanel-label {
    margin: 0;
  }
  .site-header[data-header-style="4"] .header-links-container {
    margin: 0 10px !important;
  }
  .site-header[data-header-style="4"] .topnav > li.languages {
    margin-left: 0;
  }
  .site-header[data-header-style="4"] .topnav > li {
    margin-left: 0;
    margin-right: 25px;
  }
  .site-header[data-header-style="4"] .topnav.navRight > li:last-child {
    margin-right: 0;
  }
  .site-header[data-header-style="4"] ul.social-icons > li {
    margin-right: 10px;
  }
  .site-header[data-header-style="4"] .social-icons.topnav {
    margin: 0 30px 0 15px;
  }
  .site-header[data-header-style="4"] .topnav li.drop .pPanel {
    left: 0;
  }
  .site-header[data-header-style="4"] .kl-cart-button + .pPanel .inner:after {
    right: auto;
    left: 9px;
  }
  .site-header[data-header-style="4"] .zn-res-trigger {
    margin-left: 5px;
  }
  .site-header[data-header-style="4"] .header-search {
    top: 8px;
  }
  .site-header[data-header-style="4"] .topnav.navLeft {
    margin-left: 0;
    margin-top: 0;
  }
  .site-header[data-header-style="4"] .header-search {
    float: right;
    right: auto;
    left: auto;
    top: auto;
    position: relative;
  }
  .site-header[data-header-style="4"] .ctabutton {
    float: right;
    clear: left;
    margin-right: 15px;
  }
  /** Header style 5 **/
  .site-header[data-header-style="5"] .site-logo {
    width: 100%;
    height: 0;
    margin: 0 auto;
  }
  .site-header[data-header-style="5"] .site-logo a {
    display: initial;
  }
  .site-header[data-header-style="5"] .header-links-container {
    padding: 6px 5px;
    margin-right: 0 !important;
    margin: 0 10px !important;
  }
  .site-header[data-header-style="5"] ul.social-icons > li {
    margin-right: 10px;
  }
  .site-header[data-header-style="5"] .header--oldstyles .topnav .xs-icon {
    line-height: 22px;
  }
  .site-header[data-header-style="5"] .header-links-container {
    margin: 0;
    height: 35px;
  }
  .site-header[data-header-style="5"] .topnav {
    float: left;
  }
  .site-header[data-header-style="5"] .spanel-label {
    margin-top: 1px;
  }
  .site-header[data-header-style="5"] .zn-res-trigger {
    float: left;
    margin-top: 15px;
    margin-left: 5px;
  }
  .site-header[data-header-style="5"] .kl-cta-ribbon {
    margin-right: 5px;
  }
  .site-header[data-header-style="5"] .header--oldstyles .topnav {
    margin-left: 0;
  }
  .site-header[data-header-style="5"] .topnav > li {
    margin-right: 10px;
    margin-left: 0;
  }
  .site-header[data-header-style="5"] .topnav.navLeft.topnav--lang {
    margin-right: 10px;
  }
  .site-header[data-header-style="5"] .topnav.navRight > li {
    margin-right: 15px;
  }
  .site-header[data-header-style="5"] .topnav.navRight > li:last-child {
    margin-right: 0;
  }
  .site-header[data-header-style="5"] .topnav li.drop .pPanel {
    left: 0;
    right: auto;
  }
  .site-header[data-header-style="5"] .kl-cart-button + .pPanel .inner:after {
    left: 9px;
    right: auto;
  }
  .site-header[data-header-style="5"] .header-search {
    float: right;
    right: auto;
    left: auto;
    top: auto;
    position: relative;
  }
  .site-header[data-header-style="5"] .ctabutton {
    float: right;
    clear: left;
    margin-right: 15px;
  }
  /** Header style 6 **/
  .site-header[data-header-style="6"] .spanel-label {
    margin-right: 5px;
    margin-top: 1px;
  }
  .site-header[data-header-style="6"] .topnav.navRight {
    margin-left: 0;
  }
  .site-header[data-header-style="6"] .zn-res-trigger {
    margin-left: 5px;
    float: left;
  }
  .site-header[data-header-style="6"] .site-logo {
    height: auto !important;
  }
  .site-header[data-header-style="6"] .site-logo a {
    border-top: none;
    border-bottom: none;
    background: transparent;
    display: initial;
  }
  .site-header[data-header-style="6"] .site-logo a:after {
    display: none;
  }
  .site-header[data-header-style="6"] .topnav.navLeft,
  .site-header[data-header-style="6"] .topnav.navRight {
    margin-top: 6px;
  }
  .site-header[data-header-style="6"] .header-links-container {
    margin: 0 !important;
  }
  .site-header[data-header-style="6"] .languages {
    margin-left: 0;
  }
  .site-header[data-header-style="6"] .topnav li.drop:hover .pPanel {
    left: 0;
    right: auto;
  }
  .site-header[data-header-style="6"] .kl-cart-button + .pPanel .inner:after {
    left: 9px;
    right: auto;
  }
  .site-header[data-header-style="6"] .header--oldstyles .header-search {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    top: auto;
    left: auto;
    right: auto;
    float: right !important;
  }
  .site-header[data-header-style="6"] .header--oldstyles .ctabutton {
    float: right;
    clear: left;
    margin-right: 15px;
  }
  /** Header style 7 **/
  .site-header[data-header-style="7"] .site-logo {
    height: auto !important;
    width: auto;
    margin: 0 auto;
  }
  .site-header[data-header-style="7"] .header-search {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    top: auto;
    left: auto;
    right: auto;
    float: right !important;
  }
  .site-header[data-header-style="7"] .ctabutton {
    float: right;
    clear: left;
    margin-right: 0;
  }
  .site-header[data-header-style="7"] .kl-main-header {
    float: left;
    width: 100%;
  }
  .site-header[data-header-style="7"] .header-links-container {
    float: left;
    width: 100%;
    margin: 0;
  }
  .site-header[data-header-style="7"] .separator {
    float: left;
    width: 100%;
  }
  .site-header[data-header-style="7"] .searchBtn {
    margin: 8px 0 0 10px !important;
  }
  .site-header[data-header-style="7"] .zn-res-trigger {
    margin-right: 10px;
  }
  /** Header style 8 **/
  .site-header[data-header-style="8"] .site-logo a {
    display: initial;
  }
  .site-header[data-header-style="8"] .siteheader-container {
    margin-top: 0 !important;
  }
  /** Header style 9 **/
  .site-header[data-header-style="9"] .xs-icon {
    color: inherit;
  }
  .site-header[data-header-style="9"] .site-logo a {
    display: initial;
  }
  .site-header[data-header-style="9"] .topnav > li {
    margin: 0;
    margin: 0 10px;
  }
  .site-header[data-header-style="9"] .spanel-label {
    margin-top: 2px;
  }
  /** Header style 11 **/
  .site-header[data-header-style="11"] .kl-header-toptext {
    float: none;
  }
  .site-header[data-header-style="11"] {
    position: relative;
    background-color: #2f2f2f;
  }
  .site-header[data-header-style="11"] .topnav > li {
    margin: 0;
    margin: 0 10px;
  }
  .site-header[data-header-style="11"] .site-logo a {
    display: initial;
  }
  .site-header[data-header-style="11"] .spanel-label {
    margin-top: 2px;
  }
  .site-header[data-header-style="11"] .topnav--lang {
    margin-top: 13px;
  }
  .site-header[data-header-style="11"] .searchBtn {
    margin-right: 10px;
  }
  .site-header[data-header-style="11"] .header-search .search-container {
    right: 5px;
  }
  .site-header[data-header-style="11"] .zn-res-trigger,
  .site-header[data-header-style="11"] .header-search .searchBtn,
  .site-header[data-header-style="11"].cta_button .header-search .searchBtn {
    margin: 14px 20px 14px 10px;
  }
  /** Header style 12 **/
  .site-header[data-header-style="12"] .zn-res-trigger {
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .site-header[data-header-style="12"] .site-logo a {
    display: initial;
  }
  /** Header style 13 **/
  .site-header[data-header-style="13"] .topnav > li {
    margin-left: 20px;
  }
  .site-header[data-header-style="13"] .site-logo {
    width: auto;
    margin: 0 auto;
  }
  .site-header[data-header-style="13"] .support-info {
    line-height: 16px !important;
  }
  .site-header[data-header-style="13"] .popup-with-form i {
    line-height: 21px !important;
  }
  .site-header[data-header-style="13"] .zn-res-trigger {
    margin-bottom: 15px;
  }
  .site-header[data-header-style="13"] .header-links-container .topnav {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }
  .site-header[data-header-style="13"] .header-search .searchBtn {
    margin-top: 0;
  }
  .site-header[data-header-style="13"] .header-links-container .topnav .cart {
    float: right;
  }
  /**** end Header ****/
  /**** Sub-Header ****/
  .subheader-currentdate {
    display: none;
  }
  .subheader-titles {
    text-align: start;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .subheader-maintitle {
    font-size: 22px;
  }
  .subheader-subtitle {
    font-size: 14px;
  }
  .breadcrumbs {
    padding: 3px 6px 2px;
    margin-bottom: 20px;
  }
  .breadcrumbs li {
    font-weight: 400;
    font-size: 12px;
  }
  .page-subheader[class*="maskcontainer--"] {
    min-height: 300px;
  }
  .page-subheader .ph-content-wrap {
    height: auto !important;
  }
  .page-subheader.maskcontainer--mask4,
  .page-subheader.maskcontainer--mask6 {
    padding-bottom: 0;
  }
  .page-subheader.maskcontainer--mask7 {
    padding-bottom: 50px;
  }
  .page-subheader.maskcontainer--mask5 {
    padding-bottom: 40px;
  }
  /**** end Sub-Header ****/
  /**** Elements ****/
  .rev_slider,
  .rev_slider_wrapper {
    height: 600px;
  }
  .screenshot-box .screenshot-slider {
    overflow: hidden !important;
  }
  .imgbox_image.cover-fit-img {
    height: 100%;
  }
  .imgboxes_style1 .hoverBorderWrapper,
  .imgboxes_style2 .imgboxes-wrapper,
  .imgboxes_style4 .imgboxes-wrapper {
    height: auto;
  }
  .buybtn-panel {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .buybtn-cta {
    padding: 5px 12px;
    font-size: 12px;
  }
  .buybtn-close {
    height: 50px;
    line-height: 47px;
  }
  .kl-slideshow.iosslider-slideshow {
    padding-bottom: 84%;
  }
  #action_box {
    text-align: center;
    height: auto;
  }
  #action_box h4.text {
    font-size: 16px;
  }
  .action_box.style3 {
    margin-top: 50px !important;
  }
  .kl-contentmaps__panel {
    display: none;
  }
  body .testimonial_box {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .media-container {
    margin-bottom: 30px;
  }
  .hboxes {
    margin-bottom: 30px;
  }
  .image-boxes .box {
    text-align: center;
  }
  .hg-portfolio-sortable ul#thumbs li {
    width: 50% !important;
  }
  .testimonial_slider__carousel-wrapper {
    margin: 0 20px;
  }
  /* Slideshow */
  /* Google maps */
  .scontent__maps:not(.static-content--fullscreen),
  .scontent__maps:not(.static-content--fullscreen) .th-google_map {
    height: auto;
    max-height: 400px;
  }
  /* Call out Banner */
  .callout-banner .col-sm-10 {
    margin-bottom: 20px;
  }
  .circlehover[data-align="right"] {
    float: none;
    margin: 0 auto;
  }
  .circlehover.style2 {
    width: auto;
    margin: 0 auto;
  }
  .circlehover.style3 {
    margin: 0 auto;
  }
  /* Latests Posts Accordion style */
  .latest_posts-acc-elm-title {
    position: static;
    margin: 0 0 20px;
  }
  .latest_posts-acc-details {
    display: block;
  }
  .latest_posts-acc-item,
  .latest_posts-acc-item:hover,
  .latest_posts-acc-item.last,
  .latest_posts-acc-item.last:hover {
    width: 100% !important;
    margin-right: 0;
    padding: 20px 0;
    float: none;
  }
  .latest_posts-acc-inner,
  .latest_posts-acc-item:hover ~ .latest_posts-acc-item > .latest_posts-acc-inner {
    width: 100% !important;
  }
  .keywordbox {
    line-height: 1.4;
  }
  .latest_posts.default-style a + em {
    display: block;
  }
  .infobox2 .btn {
    margin-left: 20px;
  }
  .process_box .number {
    position: relative;
    width: 100%;
  }
  .process_box .content {
    margin-left: 0;
  }
  .process_box[data-align="right"] .content {
    margin-right: 0;
  }
  .span6 + .span12.end_timeline {
    margin-bottom: 0;
  }
  .timeline_box:hover::before,
  .timeline_box::after {
    background: transparent;
    border: 0;
  }
  .team_member {
    clear: both;
    padding-top: 10px;
    padding-left: 10px;
  }
  .team_member:before,
  .team_member:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  .team_member:after {
    clear: both;
  }
  .team_member a.grayHover {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    max-width: 130px;
    margin-right: 20px;
  }
  .team_member .details {
    float: left;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    position: static;
    background: none;
    box-shadow: none;
    width: auto;
    padding: 10px 0 0;
  }
  #skills_diagram,
  .timeline_box:hover::before,
  .timeline_box::after {
    display: none !important;
  }
  div[data-align=right] .timeline_box .date,
  .timeline_box .date {
    left: 30%;
    right: 30%;
    text-align: center;
    width: 40%;
    top: -39px;
    padding: 5px 0;
  }
  div[data-align=right] .timeline_box:before,
  .timeline_box:before {
    display: none;
  }
  .timeline_box,
  div[data-align="right"] .timeline_box {
    margin: 76px 0;
  }
  .vertical_tabs .tabbable .nav > li > a {
    text-align: left;
  }
  .vertical_tabs .tabbable .nav > li > a > span {
    float: left;
  }
  .bubble-box {
    bottom: 0;
  }
  .bubble-box.bb--anim-show {
    left: 0;
    max-width: 100%;
    bottom: 0;
    border-radius: 0;
    z-index: 11111;
  }
  .ads-box .pp-adimg {
    max-width: 100px;
    float: left;
  }
  .newsletter-signup input[type=text] {
    width: 100%;
  }
  .newsletter-signup input[type=submit] {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .iosslider-slideshow .iosSlider,
  .static-content__source {
    transform: none !important;
  }
  .services_box--boxed:hover {
    z-index: 3;
  }
  .services_box--boxed .services_box__list {
    padding-top: 250px !important;
  }
  .gobox:after,
  .gobox:before {
    transform: none;
    left: auto;
    right: auto;
  }
  .gobox.ok {
    padding-left: 50px;
  }
  .gobox.ok > .glyphicon {
    left: 20px;
  }
  .container .process_steps--style2 .process_steps__intro {
    border-top-right-radius: 5px;
  }
  .process_steps__intro-wrp {
    margin-bottom: 30px;
  }
  .bigsocialblock__title {
    margin-bottom: 0;
  }
  .photo-wall .pw-details [data-role="title"] {
    line-height: 24px;
  }
  .kl-slideshow .kl-slideshow-safepadding {
    padding-top: 50px !important;
  }
  .flickrfeed {
    overflow: hidden;
    margin-bottom: 30px;
  }
  .hover-box.hover-box-2 {
    margin-bottom: 15px;
  }
  .info-text {
    margin-bottom: 25px;
  }
  .full_width {
    padding-left: 0;
    padding-right: 0;
  }
  .row.gutter-0 {
    margin: 0;
  }
  .hg_section--relative.ptop-210 {
    padding-top: 70px !important;
  }
  #footer[data-footer-style="2"] .newsletter-signup .nl-email {
    width: 100%;
  }
  .team_member,
  .team_member:hover {
    padding: 20px;
    margin-bottom: 20px;
  }
  .vertical_tabs.kl-style-2 .tabbable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .vertical_tabs.kl-style-2 .tabbable .nav > li > a {
    margin-right: 1px;
  }
  .vertical_tabs.kl-style-2 .tabbable .nav > li:first-child a {
    border-top-right-radius: 3px;
  }
  .vertical_tabs.kl-style-2 .tabbable .nav > li:last-child a {
    border-bottom-right-radius: 3px;
  }
  .imgboxes_style4 .imgboxes-wrapper {
    display: block;
  }
  .newsletter-signup input {
    width: 100%;
  }
  .login-panel .create_account {
    margin-bottom: 10px;
  }
  .login-panel .form-control {
    margin-bottom: 10px;
  }
  .error404-content h2 {
    font-size: 160px;
  }
  .pos-vertical-middle > .container {
    top: 100px;
  }
  .photogallery-widget .caroufredsel {
    width: 100%;
  }
  .photogallery-widget .cfs--navigation {
    width: 100%;
  }
  .photogallery-widget .cfs--pagination {
    width: 100%;
    position: static;
    height: auto;
  }
  .photogallery-widget .pg-thumb,
  .photogallery-widget .pg-thumb:nth-child(9):last-child {
    width: 20%;
    height: auto;
  }
  .services_boxes_wgt .intro-col + ul[class*="sbox-"] {
    width: auto;
    margin-left: 0;
  }
  .services_boxes_wgt .sbox-1 > li,
  .services_boxes_wgt .sbox-2 > li,
  .services_boxes_wgt .sbox-3 > li,
  .services_boxes_wgt .sbox-4 > li,
  .services_boxes_wgt .sbox-5 > li {
    width: 100%;
    margin-left: 0;
  }
  .services_boxes_wgt .intro-col {
    float: left;
    width: 100%;
    color: #888888;
    margin-bottom: 40px;
  }
  .services_boxes_wgt .inner-box {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .services_boxes_wgt .hover-details {
    position: static;
    opacity: 1;
    visibility: visible;
    clear: both;
    box-shadow: none;
    padding: 0;
  }
  .services_boxes_wgt .hover-details::after {
    display: none;
  }
  /* Services boxes */
  .services_box .services_box__inner {
    text-align: center;
  }
  .services_box .services_box__icon {
    float: none;
    margin: 0 auto;
  }
  .services_box .services_box__list .glyphicon {
    display: none;
  }
  .testimonial_slider.quoter-style {
    margin: 0 30px 20px;
  }
  .media-container__link--style-borderanim2 .media-container__text {
    font-size: 18px;
  }
  .process-list .processitems li {
    width: 100%;
    margin-bottom: 30px;
  }
  /* Counter number */
  .justified-blocks .jsf-block {
    display: block;
    margin-bottom: 30px;
  }
  .fun-fact .fun-number {
    font-size: 60px;
  }
  .fun-fact .fun-thing {
    margin-top: 25px;
    font-size: 13px;
  }
  .section-video-icons {
    padding: 0;
  }
  .section-video-icons .kl-video img {
    height: 50% !important;
  }
  /* Devices */
  .el-devimages--type-img .el-devimages__laptop {
    width: 100%;
    height: 0;
    padding-bottom: 57.77%;
  }
  .el-devimages--type-vector .el-devimages__laptop {
    width: 100%;
    height: 0;
    padding-bottom: 51%;
  }
  .el-devimages__frame {
    width: 100%;
    padding-bottom: 63%;
    height: 0;
  }
  .el-devimages__smartphone {
    display: none;
  }
  /* Search Box */
  .elm-searchbox__submit {
    width: 130px !important;
  }
  .elm-searchbox__input {
    width: calc(100% - 130px) !important;
  }
  /* Big social */
  .bigsocialblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bigsocialblock__item {
    width: 100%;
    display: block;
    height: 100px;
    padding: 15px;
  }
  .bigsocialblock__title {
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right;
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
  }
  .bigsocialblock__item:hover .bigsocialblock__title {
    bottom: auto;
  }
  .bigsocialblock__count,
  .bigsocialblock__follow {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right;
  }
  .bigsocialblock--style2 .bigsocialblock__item {
    height: 120px;
  }
  /* Grid icon boxes */
  .grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {
    width: 50%;
  }
  .grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {
    width: -webkit-calc(20%);
    width: calc(50% - 30px);
  }
  /* Process steps */
  .process_steps--style1 {
    display: block;
  }
  .process_steps--style1 .process_steps__step {
    float: left;
    width: 100%;
  }
  .process_steps--style1 .process_steps__intro {
    display: block;
    width: 100%;
    float: none;
    height: auto;
  }
  .process_steps--style2 {
    display: block;
  }
  .process_steps--style2 .process_steps__container {
    width: 100%;
  }
  .process_steps--style2 .process_steps__step {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .process_steps--style2 .process_steps__intro {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    min-height: 0;
    padding: 30px;
    margin-bottom: 0;
  }
  .process_steps--style2 .process_steps__container:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -5px;
    padding: 0;
    width: calc(100% + 10px);
  }
  .process_steps--style2 .process_steps__container:after,
  .process_steps--style2 .process_steps__container .process_steps__step:after {
    display: none;
  }
  .process_box4 {
    display: block;
    margin-bottom: 50px;
  }
  .statistic-box--stl-style1 .statistic-box,
  .statistic-box--stl-style2 .statistic-box {
    float: none;
    display: block;
    width: 100%;
  }
  /* Pricing table */
  .pricing-table-element .plan-column {
    width: 100% !important;
  }
  .pricing-table-element .plan-column:not(.featured) {
    border: solid #cdcdcd;
    border-width: 3px 0;
  }
  .pricing-table-element .plan-column.featured {
    margin-bottom: 0;
  }
  .vertical_tabs .tabbable > .nav {
    margin-bottom: 25px;
  }
  /* Screenshot box */
  .screenshot-box .left-side {
    padding: 0 30px 25px 30px;
  }
  .screenshot-box .left-side h3.title {
    text-align: center;
  }
  .screenshot-box .left-side > .btn {
    margin-left: 0;
    display: block;
  }
  .screenshot-box .screenshot-slider {
    margin-top: 0;
  }
  /* Partners & Testimonials */
  .ts-pt-testimonials__item--size-1,
  .ts-pt-testimonials__item--size-2,
  .ts-pt-testimonials__item--size-3 {
    width: -webkit-calc(50%);
    width: calc(100% - 50px);
  }
  .media-container {
    height: 400px;
  }
  .kl-skills-diagram {
    width: 100%;
  }
  /* Recent work carousel */
  .recentwork_carousel--2 .recentwork_carousel__left {
    margin-bottom: 30px;
  }
  /* Static content */
  .static-content__title,
  .static-content__subtitle {
    word-break: normal;
  }
  /* Boxes */
  .sc__boxes {
    margin-top: 40px;
  }
  .sc__boxes .static-content__infopop {
    margin: 10px 15px;
  }
  /* Product zoom */
  .productzoom-style .static-content__subtitle {
    font-size: 20px;
  }
  .productzoom-style .row {
    margin-bottom: 0;
  }
  .static-content .sc__features li {
    font-size: 12px;
  }
  /* Textpop */
  .textpop__line1 {
    font-size: 18px;
  }
  .textpop__line2 {
    font-size: 42px;
  }
  .textpop__line3 {
    font-size: 32px;
  }
  .textpop__line4 {
    font-size: 24px;
  }
  /* Video background */
  .video-container .captions .line {
    font-size: 26px;
  }
  /* Event style */
  .static-content.event-style .ud_counter ul li {
    font-size: 18px;
    padding: 15px 10px;
    width: 16%;
    margin-bottom: 20px;
  }
  .static-content.event-style .static-content__subtitle {
    font-size: 18px;
    text-align: center;
  }
  .static-content.event-style .sc_counter {
    width: 100%;
    text-align: center;
  }
  .static-content.event-style .mail_when_ready {
    margin-bottom: 15px;
    display: block;
    float: none;
    text-align: center;
  }
  .static-content.event-style .or {
    float: none;
    display: block;
    clear: left;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
  }
  .static-content.event-style .social-icons {
    text-align: center;
    display: block;
  }
  /* Static Content - Weather box */
  .sc--weatherbox .static-content__wrapper {
    height: auto !important;
  }
  .sc__actionarea .btn.btn-third {
    width: auto;
  }
  /* Weather list */
  ul.scw_list {
    margin: 50px 10px 0;
  }
  ul.scw_list li {
    width: 25%;
  }
  .scw_list .wt-icon {
    font-size: 50px;
    height: 40px;
  }
  .scw__degs {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .scw__high {
    font-weight: 400;
  }
  .scw__day {
    font-size: 18px;
  }
  .scw__alt {
    font-size: 13px;
  }
  .scw_list li:first-child {
    width: 100%;
    margin-top: -35px;
    display: block;
  }
  .scw_list li:first-child .wt-icon {
    font-size: 160px;
    height: 125px;
    margin-bottom: 10px;
  }
  .scw_list li:first-child .scw__degs {
    font-size: 30px;
  }
  .scw_list li:first-child .scw__high {
    font-weight: 700;
  }
  .scw_list li:first-child .scw__day {
    font-size: 28px;
  }
  .scw_list li:first-child .scw__alt {
    font-size: 18px;
  }
  /* Reservation form */
  .sc__res-form {
    width: 95%;
    margin: 70px auto 0;
  }
  /* Showroom Carousel */
  .sc-huge-arrow {
    display: none;
  }
  .sc--showroomcrs-style .sc__textcontent h2 {
    font-size: 52px;
  }
  .sc--showroomcrs-style {
    max-width: 100%;
  }
  /* Maps panel */
  .kl-contentmaps__panel {
    position: static;
    width: 100%;
    border-radius: 0;
  }
  .scontent__maps.static-content--fullscreen {
    height: 90vh;
  }
  /* Shop */
  .shop-latest .tabbable .nav li {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    display: block;
    margin-bottom: 10px;
  }
  .shop-latest .tabbable .nav li.active {
    margin-left: 10px;
  }
  .shop-latest .tabbable .nav li.active a:after,
  .shop-latest .tabbable .nav li.active a:before {
    display: none;
  }
  .limited-offers-carousel {
    margin-bottom: 40px;
  }
  .limited-offers-carousel .controls {
    width: 44px;
  }
  .limited-offers-carousel .controls a {
    width: 40px;
  }
  .kl-store-page table.cart td.actions .coupon + .button {
    margin: 30px auto 20px;
    display: block;
  }
  .kl-store-page .cart-collaterals .cross-sells,
  .kl-store-page .cart-collaterals .cart_totals {
    width: 100%;
  }
  /* Newsletter box */
  .kl-newsletter-box {
    width: 100%;
  }
  .nlbox--inner {
    margin-left: 0;
  }
  .nlbox--preview {
    display: none;
  }
  .nlbox--hugediscount > span {
    font-size: 90px;
  }
  .kl-newsletter-box input[type="email"] {
    width: 100%;
  }
  /* Contact form pop-up element (Get a quote) */
  .contact-popup {
    width: 100%;
  }
  .contact-popup-panel .contactForm {
    padding: 20px;
  }
  .contact-popup-panel .contactForm form {
    padding: 0;
  }
  /**** end Elements ****/
  /**** Footer ****/
  #footer .menu:before,
  #footer .menu:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  #footer .menu:after {
    clear: both;
  }
  #footer .social-icons {
    float: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 30px;
  }
  #footer .copyright img {
    margin-bottom: 20px;
  }
  /**** end Footer ****/
  /**** eCommerce ****/
  .kl-store-page .left_sidebar ul.products li.product,
  .kl-store-page .right_sidebar ul.products li.product {
    width: 50%;
  }
  /**** end eCommerce ****/
  /**** Knowledge Base ****/
  .post-info li:first-child {
    margin-left: 0;
  }
  /**** end Knowledge Base ****/
  /**** Coming soon page ****/
  .offline-page .containerbox {
    width: 100%;
    margin-top: 40px;
  }
  .offline-page .containerbox__logo {
    position: static;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }
  .offline-page .containerbox .site-logo {
    width: 100%;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    float: none;
  }
  .offline-page .containerbox .content {
    border-top: 1px solid #777;
    padding: 40px 0 0;
    clear: both;
    margin: 0;
    border-left: 0;
  }
  .offline-page .mail_when_ready {
    float: none;
  }
  .offline-page .ud_counter ul {
    width: 100%;
  }
  .offline-page .ud_counter ul li {
    width: calc(25% - 9px);
    margin-bottom: 10px;
    font-size: 20px;
    margin: 0 0 0 8px;
  }
  .offline-page .ud_counter .till_lauch {
    margin: 10px 0;
    width: 100%;
    height: 70px;
    vertical-align: middle;
  }
  .offline-page .till_lauch img {
    max-height: 100%;
  }
  /**** end Coming soon page ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Elements ****/
  .tabbable > ul.nav > li {
    float: none;
    display: block;
  }
  .tabs_style5 > ul.nav > li:first-child > a {
    padding: 8px 20px;
  }
  .tabs_style2 > ul.nav > li:first-child a,
  .tabs_style2 > ul.nav > li a,
  .tabs_style3 > ul.nav > li > a,
  .tabs_style4 > ul.nav > li > a {
    padding: 12px 20px;
  }
  .tabs_style4 > ul.nav {
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .tabs_style4 > ul.nav > li.active > a {
    border: none;
  }
  .symbol-line::before,
  .symbol-line::after {
    width: 47%;
  }
  /* Video section with icons and text */
  .section-video-icons .custom-position,
  .section-video-icons .custom-position2 {
    padding: 30px;
  }
  .section-video-icons .kl-iconbox__icon {
    max-width: 150px !important;
  }
  .section-video-icons .kl-iconbox--fright .kl-iconbox__icon-wrapper,
  .section-video-icons .kl-iconbox--fleft .kl-iconbox__icon-wrapper {
    float: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  .section-video-icons .kl-iconbox__title {
    margin-top: 0;
    font-size: 23px;
    text-align: center;
  }
  .section-video-icons .kl-iconbox__el-wrapper {
    text-align: center;
  }
  /* Services box */
  .services_box {
    width: 100%;
  }
  /**** enc Elements ****/
  /**** Knowledge Base ****/
  .post-info li {
    display: block;
  }
  /**** end Knowledge Base ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Smartphone portrait mode **/
@media (max-width: 480px) {
  .visible-xxs {
    display: block!important;
  }
  .hidden-xxs {
    display: none!important;
  }
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Header ****/
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .site-logo {
    max-width: 100%;
  }
  .loginbox-popup {
    width: 100%;
  }
  .zn-res-trigger {
    margin-left: 0;
    margin-top: 11px;
  }
  .action_box_content .ac-buttons a {
    margin-bottom: 10px;
  }
  .header-leftside-container {
    overflow: visible;
  }
  .topnav li.drop .inner.cart-container {
    width: 230px;
    right: 0;
    position: absolute;
  }
  .cart-container .cart_list li {
    text-align: left;
  }
  .cart-container .cart_list li a {
    line-height: 13px;
  }
  .cart-container .cart_list li img {
    width: 40px !important;
  }
  .cart-container .buttons .button.wc-forward {
    font-size: 9px;
  }
  .cart-container .buttons .button.checkout {
    font-size: 9px;
    padding: 9px 20px;
  }
  .cart-container .buttons .button {
    width: 48%;
  }
  /*** Header Styles ***/
  /** Header style 1 **/
  .site-header[data-header-style="1"] .social-icons.topnav ~ .kl-header-toptext {
    clear: none;
    float: none;
  }
  /** Header style 2 **/
  .site-header[data-header-style="2"] .header-rightside-container {
    width: 100%;
    margin-right: 0;
  }
  .site-header[data-header-style="2"] .h-right-inner {
    float: left;
  }
  .site-header[data-header-style="2"] .header-rightside-container .topnav {
    float: left;
  }
  .site-header[data-header-style="2"] .header-search .search-container {
    margin-top: -4px;
  }
  .site-header[data-header-style="2"] .header-search,
  .site-header[data-header-style="2"].cta_button .header-search {
    height: 70px;
    bottom: 15px;
    right: 22px;
  }
  .site-header .header--oldstyles .logo-container {
    width: 100%;
    text-align: center;
  }
  .site-header .header--oldstyles .site-logo {
    float: none;
    width: 100%;
  }
  .site-header .header--oldstyles .site-logo a {
    background: none;
    border: none;
    padding: 0;
  }
  .site-header .header--oldstyles .site-logo a:after {
    display: none;
  }
  .site-header .header--oldstyles .header-links-container {
    margin: 0 0 10px !important;
    height: auto;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
  }
  .site-header .header--oldstyles .header-links-container:before,
  .site-header .header--oldstyles .header-links-container:after {
    display: table;
    content: " ";
  }
  .site-header .header--oldstyles .header-links-container:after {
    clear: both;
  }
  .site-header .header--oldstyles .topnav {
    float: right;
    clear: none;
    margin: 0 0 0 10px;
    height: 24px;
  }
  .site-header[data-header-style="5"] .topnav:not(.social-icons) > li {
    border: 0;
    padding-left: 0;
    margin-left: 10px;
  }
  .site-header .header--oldstyles .topnav.social-icons {
    float: left;
    margin: 0;
  }
  .site-header .header--oldstyles .topnav.topnav--cart {
    float: right;
  }
  .site-header .header--oldstyles .header-search {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    top: auto;
    left: auto;
    right: auto;
  }
  .site-header .header--oldstyles .search-container {
    right: auto;
    left: 0;
  }
  .site-header .header--oldstyles .zn-res-menuwrapper {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .site-header .header--oldstyles .zn-res-trigger {
    margin-top: 13px;
    float: right;
  }
  .site-header .header--oldstyles .header-search .searchBtn {
    margin-left: 0;
  }
  .site-header[data-header-style="2"] .site-logo a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .site-header[data-header-style="2"] .header-search,
  .site-header[data-header-style="2"].cta_button .header-search {
    top: 20px;
    height: 30px;
  }
  .site-header[data-header-style="2"] .header-search .searchBtn,
  .site-header[data-header-style="2"].cta_button .header-search .searchBtn {
    margin: 0;
  }
  /* Header style 3 */
  .site-header[data-header-style="3"] .header-search {
    display: none !important;
  }
  .site-header[data-header-style="3"] .kl-header-toptext {
    display: none;
  }
  .site-header[data-header-style="3"] .header-search,
  .site-header[data-header-style="3"].cta_button .header-search {
    width: 25%;
  }
  .site-header[data-header-style="3"].cta_button .header-search:hover {
    width: 50%;
  }
  /** Header style 4 **/
  .site-header[data-header-style="4"] .header-links-container {
    padding: 6px 5px;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
  }
  .site-header[data-header-style="4"] .topnav li.drop .inner.cart-container {
    left: 0;
    right: auto;
  }
  .site-header[data-header-style="4"] .header--oldstyles .topnav {
    height: auto;
  }
  .site-header[data-header-style="4"] .topnav.navLeft.topnav--lang {
    margin-top: 0;
  }
  .site-header[data-header-style="4"] .topnav.navLeft.topnav--lang.topnav--cart {
    margin-top: -2px;
  }
  .site-header[data-header-style="4"] .topnav.navLeft.topnav--cart .drop {
    margin-right: 0;
  }
  .site-header[data-header-style="4"] .topnav.navLeft {
    margin-top: -4px;
  }
  .site-header[data-header-style="4"] .header--oldstyles .topnav.social-icons {
    margin: 0;
  }
  .site-header[data-header-style="4"] .header-links-container {
    margin: 8px 0 7px !important;
    height: auto;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .site-header[data-header-style="4"] .header--oldstyles .topnav.topnav--cart {
    float: left;
  }
  .site-header[data-header-style="4"] .header--oldstyles .zn-res-trigger {
    float: left;
  }
  .site-header[data-header-style="4"] .header--oldstyles .header-search {
    float: right;
  }
  .site-header[data-header-style="4"] .header--oldstyles .ctabutton {
    clear: left;
    margin-right: 15px;
  }
  .site-header[data-header-style="4"] .header--oldstyles .search-container {
    right: -10px;
    left: auto;
  }
  .site-header[data-header-style="4"] .header-search {
    top: -3px;
  }
  /** Header style 5 **/
  .site-header[data-header-style="5"] .header-links-container {
    margin: 0 0 7px!important;
  }
  .site-header[data-header-style="5"] .header-search {
    clear: left;
  }
  .site-header[data-header-style="5"] .topnav {
    float: right;
  }
  .site-header[data-header-style="5"] .header-links-container {
    margin: 8px 0 7px !important;
    height: auto;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .site-header[data-header-style="5"] .header--oldstyles .topnav {
    height: auto;
  }
  .site-header[data-header-style="5"] .social-icons.sc--clean.topnav.navRight {
    float: right;
    margin-left: 0;
  }
  .site-header[data-header-style="5"] ul.social-icons.sc--clean.topnav.navRight li {
    margin-right: 1px;
  }
  .site-header[data-header-style="5"] .topnav.navLeft.topnav--lang,
  .site-header[data-header-style="5"] .topnav.navLeft.topnav--cart,
  .site-header[data-header-style="5"] .topnav.navRight.topnav {
    float: left;
  }
  .site-header[data-header-style="5"] .topnav.navLeft.topnav--cart {
    z-index: 111;
  }
  .site-header[data-header-style="5"] .header-search {
    float: right;
  }
  .site-header[data-header-style="5"] .kl-cta-ribbon {
    float: right;
    clear: left;
    margin-right: 15px;
  }
  .site-header[data-header-style="5"] .topnav li.drop .inner.cart-container {
    right: auto;
  }
  .site-header[data-header-style="5"] .kl-cart-button + .pPanel .inner:after {
    right: auto;
  }
  .site-header[data-header-style="5"] .search-container {
    right: -10px;
    left: auto;
  }
  .site-header[data-header-style="5"] .zn-res-trigger {
    float: left;
  }
  .site-header[data-header-style="5"] .topnav.navLeft.topnav--lang {
    margin-right: 4px;
  }
  .site-header[data-header-style="5"] .topnav:not(.social-icons) > li {
    margin-left: 5px;
  }
  /* Header style */
  .site-header .kl-header-toptext {
    display: block;
    width: 100%;
    clear: left;
    margin-left: 0;
  }
  .site-header.kl-cta-lined {
    display: none;
  }
  .site-header .logo-container,
  .site-header .logo-container .site-logo {
    float: none;
    width: 100%;
    clear: both;
  }
  .site-header .logo-container .site-logo {
    text-align: center;
  }
  body .site-header.zn-res-menuwrapper {
    margin-top: 0;
    margin-left: 0;
  }
  .site-header .topnav--cart {
    margin-top: 10px;
  }
  .site-header .header-links-container .topnav {
    margin-left: 10px;
  }
  body .site-header .zn-res-menuwrapper {
    margin-left: 0;
    margin-top: 0;
  }
  /** Header style 6 **/
  .site-header[data-header-style="6"] .logo-container .site-logo {
    margin-bottom: 0;
  }
  .site-header[data-header-style="6"] .header-links-container {
    border-bottom: none;
    padding-bottom: 0 !important;
  }
  .site-header[data-header-style="6"] .header--oldstyles .topnav.social-icons {
    margin-top: 3px;
  }
  .site-header[data-header-style="6"] .header--oldstyles .topnav.topnav--lang {
    margin-top: 3px;
    margin-left: 20px;
  }
  .site-header[data-header-style="6"] .topnav.navLeft,
  .site-header[data-header-style="6"] .topnav.navRight {
    margin-top: 3px;
  }
  .site-header[data-header-style="6"] .header--oldstyles .ctabutton {
    float: right;
    clear: left;
    margin-right: 15px;
  }
  .site-header[data-header-style="6"] .header--oldstyles .header-search {
    float: right;
  }
  .site-header[data-header-style="6"] .header--oldstyles .search-container {
    right: -9px;
    left: auto;
  }
  .site-header[data-header-style="6"] .social-icons.sc--clean.navRight {
    margin-left: 0;
  }
  .site-header[data-header-style="6"] .topnav li.drop:hover .pPanel {
    right: 0;
    left: auto;
  }
  .site-header[data-header-style="6"] .topnav.navLeft.topnav--lang li.drop:hover .pPanel {
    left: 0;
    right: auto;
  }
  .site-header[data-header-style="6"] .header-search {
    z-index: 100;
  }
  .site-header[data-header-style="6"] .kl-cart-button + .pPanel .inner:after {
    right: 9px;
    left: auto;
  }
  .site-header[data-header-style="6"] .zn-res-trigger {
    float: left;
  }
  /** Header style 9 **/
  .site-header[data-header-style="9"] .header-links-container {
    margin-right: 30px;
  }
  /** Header style 11 **/
  .site-header[data-header-style="11"] {
    background-color: #2f2f2f;
  }
  /**** end Header ****/
  /**** Elements ****/
  .kl-iconbox--fright .kl-iconbox__icon-wrapper,
  .kl-iconbox--fleft .kl-iconbox__icon-wrapper {
    float: none;
  }
  .zn_post_image {
    margin-right: 0;
    width: 100%;
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
  .css3accordion > ul > li .thumb {
    float: none;
    width: auto;
  }
  .social-share li {
    margin-bottom: 10px;
  }
  .infobox2 {
    text-align: center;
  }
  .infobox2 .btn {
    margin: 0 0 10px;
  }
  .action_box_content .ac-buttons a {
    margin-bottom: 10px;
  }
  .symbol-line::before,
  .symbol-line::after {
    width: 46%;
  }
  .hg-portfolio-sortable ul#thumbs li {
    width: 100% !important;
  }
  .eBlog .featured-post .zn_sticky_no_image {
    min-height: 200px;
  }
  .eBlog .featured-post .itemFeatContent {
    padding: 10px 15px;
  }
  .eBlog .featured-post .itemTitle,
  .eBlog .itemTitle {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  .eBlog .featured-post .itemHeader {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  /* Latest posts */
  .latest_posts.default-style.kl-style-2 .m_title {
    margin-bottom: 0;
    font-size: 10px;
  }
  .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {
    content: none;
  }
  .latest_posts.default-style.kl-style-2 .post-details em {
    display: none;
  }
  /* Grid icon boxes */
  .grid-ibx--cols-2 .grid-ibx__item,
  .grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {
    width: 100% !important;
    float: none !important;
    margin-left: 0;
  }
  /* Grid photo gallery */
  [class*='gridPhotoGalleryItem--w'] {
    width: 100% !important;
  }
  .gridPhotoGallery__link:after {
    font-size: 13px;
  }
  /* Static content */
  /* Event style */
  .static-content.event-style .sc_counter {
    width: 100%;
    text-align: center;
  }
  .static-content.event-style .static-content__subtitle {
    text-align: center;
  }
  .static-content.event-style .ud_counter ul li {
    width: 19%;
  }
  .static-content.event-style .ud_counter ul li:last-child {
    margin-right: 0;
  }
  .static-content.event-style .mail_when_ready {
    margin-bottom: 15px;
    display: block;
    float: none;
    text-align: center;
  }
  .static-content.event-style .or {
    float: none;
    display: block;
    clear: left;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
  }
  .static-content.event-style .social-icons {
    text-align: center;
  }
  /* Reservation form */
  .rf__block {
    width: 100%;
    padding: 20px 15px;
    float: none;
    border-radius: 3px 3px 0 0;
  }
  .rfblock--submit {
    padding: 0px 15px;
  }
  .rfblock--fields .rf__field {
    margin-left: 15px;
    padding-left: 15px;
  }
  .rfblock--fields .rf__field:first-child {
    width: calc(50% - 10px);
  }
  .rf__submit {
    width: 100%;
    height: 60px;
    border-radius: 0 0 3px 3px;
  }
  .rf__submit:after {
    font-size: 38px;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.25);
  }
  /* Login panel */
  .auth-popup {
    width: 100%;
  }
  /**** end Elements ****/
  /**** eCommerce ****/
  .kl-store-page .left_sidebar ul.products li.product,
  .kl-store-page .right_sidebar ul.products li.product {
    width: 100% !important;
  }
  /**** end eCommerce ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
  /*-----------------------------------------------------------------------------------*/
  /*  Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
  /**** Elements ****/
  /* Action box */
  .action_box .ac-btn {
    margin: 0 5px;
  }
  /**** end Elements ****/
  /*-----------------------------------------------------------------------------------*/
  /*  end Kallyas EDIT
	/*-----------------------------------------------------------------------------------*/
}
/* FIX IE10 MOBILE  1.6 */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
* Margins Classes
* Helper classes for side margins
*/
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-100 {
  margin-left: 100px !important;
}
.ml-110 {
  margin-left: 110px !important;
}
.ml-120 {
  margin-left: 120px !important;
}
.ml-130 {
  margin-left: 130px !important;
}
.ml-140 {
  margin-left: 140px !important;
}
.ml-150 {
  margin-left: 150px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-100 {
  margin-right: 100px !important;
}
.mr-110 {
  margin-right: 110px !important;
}
.mr-120 {
  margin-right: 120px !important;
}
.mr-130 {
  margin-right: 130px !important;
}
.mr-140 {
  margin-right: 140px !important;
}
.mr-150 {
  margin-right: 150px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mt-250 {
  margin-top: 250px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.mb-250 {
  margin-bottom: 250px !important;
}
/*
* Margins Classes - Negative
* Helper classes for side margins on negative
*/
.mnl-10 {
  margin-left: -10px !important;
}
.mnl-20 {
  margin-left: -20px !important;
}
.mnl-30 {
  margin-left: -30px !important;
}
.mnl-40 {
  margin-left: -40px !important;
}
.mnl-50 {
  margin-left: -50px !important;
}
.mnl-60 {
  margin-left: -60px !important;
}
.mnl-70 {
  margin-left: -70px !important;
}
.mnl-80 {
  margin-left: -80px !important;
}
.mnl-90 {
  margin-left: -90px !important;
}
.mnl-100 {
  margin-left: -100px !important;
}
.mnl-110 {
  margin-left: -110px !important;
}
.mnl-120 {
  margin-left: -120px !important;
}
.mnl-130 {
  margin-left: -130px !important;
}
.mnl-140 {
  margin-left: -140px !important;
}
.mnl-150 {
  margin-left: -150px !important;
}
.mnr-10 {
  margin-right: -10px !important;
}
.mnr-20 {
  margin-right: -20px !important;
}
.mnr-30 {
  margin-right: -30px !important;
}
.mnr-40 {
  margin-right: -40px !important;
}
.mnr-50 {
  margin-right: -50px !important;
}
.mnr-60 {
  margin-right: -60px !important;
}
.mnr-70 {
  margin-right: -70px !important;
}
.mnr-80 {
  margin-right: -80px !important;
}
.mnr-90 {
  margin-right: -90px !important;
}
.mnr-100 {
  margin-right: -100px !important;
}
.mnr-110 {
  margin-right: -110px !important;
}
.mnr-120 {
  margin-right: -120px !important;
}
.mnr-130 {
  margin-right: -130px !important;
}
.mnr-140 {
  margin-right: -140px !important;
}
.mnr-150 {
  margin-right: -150px !important;
}
.mnt-10 {
  margin-top: -10px !important;
}
.mnt-20 {
  margin-top: -20px !important;
}
.mnt-30 {
  margin-top: -30px !important;
}
.mnt-40 {
  margin-top: -40px !important;
}
.mnt-50 {
  margin-top: -50px !important;
}
.mnt-60 {
  margin-top: -60px !important;
}
.mnt-70 {
  margin-top: -70px !important;
}
.mnt-80 {
  margin-top: -80px !important;
}
.mnt-90 {
  margin-top: -90px !important;
}
.mnt-100 {
  margin-top: -100px !important;
}
.mnt-110 {
  margin-top: -110px !important;
}
.mnt-120 {
  margin-top: -120px !important;
}
.mnt-130 {
  margin-top: -130px !important;
}
.mnt-140 {
  margin-top: -140px !important;
}
.mnt-150 {
  margin-top: -150px !important;
}
.mnb-10 {
  margin-bottom: -10px !important;
}
.mnb-20 {
  margin-bottom: -20px !important;
}
.mnb-30 {
  margin-bottom: -30px !important;
}
.mnb-40 {
  margin-bottom: -40px !important;
}
.mnb-50 {
  margin-bottom: -50px !important;
}
.mnb-60 {
  margin-bottom: -60px !important;
}
.mnb-70 {
  margin-bottom: -70px !important;
}
.mnb-80 {
  margin-bottom: -80px !important;
}
.mnb-90 {
  margin-bottom: -90px !important;
}
.mnb-100 {
  margin-bottom: -100px !important;
}
.mnb-110 {
  margin-bottom: -110px !important;
}
.mnb-120 {
  margin-bottom: -120px !important;
}
.mnb-130 {
  margin-bottom: -130px !important;
}
.mnb-140 {
  margin-bottom: -140px !important;
}
.mnb-150 {
  margin-bottom: -150px !important;
}
/*
* Padding Classes
* Helper classes for side padding
*/
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.pl-110 {
  padding-left: 110px !important;
}
.pl-120 {
  padding-left: 120px !important;
}
.pl-130 {
  padding-left: 130px !important;
}
.pl-140 {
  padding-left: 140px !important;
}
.pl-150 {
  padding-left: 150px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pr-110 {
  padding-right: 110px !important;
}
.pr-120 {
  padding-right: 120px !important;
}
.pr-130 {
  padding-right: 130px !important;
}
.pr-140 {
  padding-right: 140px !important;
}
.pr-150 {
  padding-right: 150px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-110 {
  padding-top: 110px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-130 {
  padding-top: 130px !important;
}
.pt-140 {
  padding-top: 140px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pt-250 {
  padding-top: 250px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-110 {
  padding-bottom: 110px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-130 {
  padding-bottom: 130px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.pb-250 {
  padding-bottom: 250px !important;
}
/*
* Font-sizes-presets
*/
.fs-micro {
  font-size: 9px;
}
.fs-xsmall {
  font-size: 11px;
}
.fs-smaller {
  font-size: 12px;
}
.fs-small {
  font-size: 13px;
}
.fs-normal {
  font-size: 14px;
}
.fs-s {
  font-size: 17px;
}
.fs-m {
  font-size: 18px;
}
.fs-l {
  font-size: 20px;
}
.fs-xl {
  font-size: 24px;
}
.fs-xxl {
  font-size: 32px;
}
.fs-larger {
  font-size: 42px;
}
.fs-xxxl {
  font-size: 50px;
}
.fs-xxxxl {
  font-size: 75px;
}
.fs-jumbo {
  font-size: 80px;
}
.fs-huge {
  font-size: 120px;
}
.fs-immense {
  font-size: 150px;
}
.fs-crazy {
  font-size: 200px;
}
/*
* Height Sizing Presets
* These are height values from 10 to 10 to set responsive height to a block
*/
.hsize-reset {
  height: 0 !important;
}
.hsize-10 {
  height: 10px;
}
.hsize-20 {
  height: 20px;
}
.hsize-30 {
  height: 30px;
}
.hsize-40 {
  height: 40px;
}
.hsize-50 {
  height: 50px;
}
.hsize-60 {
  height: 60px;
}
.hsize-70 {
  height: 70px;
}
.hsize-80 {
  height: 80px;
}
.hsize-90 {
  height: 90px;
}
.hsize-100 {
  height: 100px;
}
.hsize-110 {
  height: 110px;
}
.hsize-120 {
  height: 120px;
}
.hsize-130 {
  height: 130px;
}
.hsize-140 {
  height: 140px;
}
.hsize-150 {
  height: 150px;
}
.hsize-160 {
  height: 160px;
}
.hsize-170 {
  height: 170px;
}
.hsize-180 {
  height: 180px;
}
.hsize-190 {
  height: 190px;
}
.hsize-200 {
  height: 200px;
}
.hsize-210 {
  height: 210px;
}
.hsize-220 {
  height: 220px;
}
.hsize-230 {
  height: 230px;
}
.hsize-240 {
  height: 240px;
}
.hsize-250 {
  height: 250px;
}
.hsize-260 {
  height: 260px;
}
.hsize-270 {
  height: 270px;
}
.hsize-280 {
  height: 280px;
}
.hsize-290 {
  height: 290px;
}
.hsize-300 {
  height: 300px;
}
.hsize-310 {
  height: 310px;
}
.hsize-320 {
  height: 320px;
}
.hsize-330 {
  height: 330px;
}
.hsize-340 {
  height: 340px;
}
.hsize-350 {
  height: 350px;
}
.hsize-360 {
  height: 360px;
}
.hsize-370 {
  height: 370px;
}
.hsize-380 {
  height: 380px;
}
.hsize-390 {
  height: 390px;
}
.hsize-400 {
  height: 400px;
}
.hsize-410 {
  height: 410px;
}
.hsize-420 {
  height: 420px;
}
.hsize-430 {
  height: 430px;
}
.hsize-440 {
  height: 440px;
}
.hsize-450 {
  height: 450px;
}
.hsize-460 {
  height: 460px;
}
.hsize-470 {
  height: 470px;
}
.hsize-480 {
  height: 480px;
}
.hsize-490 {
  height: 490px;
}
.hsize-500 {
  height: 500px;
}
.hsize-510 {
  height: 510px;
}
.hsize-520 {
  height: 520px;
}
.hsize-530 {
  height: 530px;
}
.hsize-540 {
  height: 540px;
}
.hsize-550 {
  height: 550px;
}
.hsize-560 {
  height: 560px;
}
.hsize-570 {
  height: 570px;
}
.hsize-580 {
  height: 580px;
}
.hsize-590 {
  height: 590px;
}
.hsize-600 {
  height: 600px;
}
.hsize-610 {
  height: 610px;
}
.hsize-620 {
  height: 620px;
}
.hsize-630 {
  height: 630px;
}
.hsize-640 {
  height: 640px;
}
.hsize-650 {
  height: 650px;
}
.hsize-660 {
  height: 660px;
}
.hsize-670 {
  height: 670px;
}
.hsize-680 {
  height: 680px;
}
.hsize-690 {
  height: 690px;
}
.hsize-700 {
  height: 700px;
}
/*
	* Float None
	*/
.pull-none {
  float: none !important;
}
/*
 * Float Clearing Presets
 */
.cleft {
  clear: left;
}
.cright {
  clear: right;
}
.cboth {
  clear: both;
}
/*
 * Width presets
 */
.w-10 {
  width: 10% !important;
}
.w-20 {
  width: 20% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-50 {
  width: 50% !important;
}
.w-60 {
  width: 60% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-90 {
  width: 90% !important;
}
.w-100 {
  width: 100% !important;
}
/* Font weight helpers */
.fw-vthin {
  font-weight: 100 ;
}
.fw-thin {
  font-weight: 300 ;
}
.fw-normal {
  font-weight: 400 ;
}
.fw-semibold {
  font-weight: 600 ;
}
.fw-bold {
  font-weight: 700 ;
}
.fw-extrabold {
  font-weight: 800 ;
}
/* Font size */
.fs-smaller {
  font-size: 70% ;
}
.fs-small {
  font-size: 90% ;
}
.fs-big {
  font-size: 110% ;
}
.fs-bigger {
  font-size: 140% ;
}
.fs-large {
  font-size: 200% ;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px ;
}
.fs-16 {
  font-size: 16px ;
}
.fs-18 {
  font-size: 18px ;
}
.fs-20 {
  font-size: 20px ;
}
.fs-22 {
  font-size: 22px ;
}
.fs-26 {
  font-size: 26px ;
}
.fs-28 {
  font-size: 28px ;
}
.fs-30 {
  font-size: 30px !important;
  line-height: 36px;
}
.fs-32 {
  font-size: 32px;
  line-height: 38px;
}
.fs-34 {
  font-size: 34px ;
  line-height: 40px;
}
.fs-36 {
  font-size: 36px ;
  line-height: 42px;
}
.fs-38 {
  font-size: 38px ;
}
.fs-40 {
  font-size: 40px;
  line-height: 45px;
}
.fs-42 {
  font-size: 42px ;
}
.fs-44 {
  font-size: 44px ;
}
.fs-46 {
  font-size: 46px ;
  line-height: 49px;
}
.fs-50 {
  font-size: 50px ;
}
.fs-57 {
  font-size: 57px ;
}
.fs-60 {
  font-size: 60px ;
}
.fs-62 {
  font-size: 62px ;
}
/* Letter spacing */
.lt-spacing-1 {
  letter-spacing: 1px ;
}
.lt-spacing-2 {
  letter-spacing: 2px ;
}
.lt-spacing-3 {
  letter-spacing: 3px ;
}
.lt-spacing-5 {
  letter-spacing: 5px ;
}
.lt-spacing-10 {
  letter-spacing: 10px ;
}
/* Letter spacing - Negative */
.lt-spacing-neg-1 {
  letter-spacing: -1px;
}
.lt-spacing-neg-2 {
  letter-spacing: -2px;
}
.lt-spacing-neg-3 {
  letter-spacing: -3px;
}
.lt-spacing-neg-5 {
  letter-spacing: -5px;
}
.lt-spacing-neg-10 {
  letter-spacing: -10px;
}
/* Line Height */
.lh-22 {
  line-height: 22px ;
}
.lh-26 {
  line-height: 26px ;
}
.lh-30 {
  line-height: 30px ;
}
.lh-32 {
  line-height: 32px ;
}
.lh-34 {
  line-height: 34px ;
}
.lh-38 {
  line-height: 38px ;
}
.lh-44 {
  line-height: 44px ;
}
.lh-46 {
  line-height: 46px ;
}
.lh-52 {
  line-height: 52px;
}
.lh-62 {
  line-height: 62px ;
}
/* Opacity helpers */
.opacity0,
.hov-opacity0:hover {
  opacity: 0 ;
}
.opacity1,
.hov-opacity1:hover {
  opacity: .1 ;
}
.opacity2,
.hov-opacity2:hover {
  opacity: .2 ;
}
.opacity3,
.hov-opacity3:hover {
  opacity: .3 ;
}
.opacity4,
.hov-opacity4:hover {
  opacity: .4 ;
}
.opacity5,
.hov-opacity5:hover {
  opacity: .5 ;
}
.opacity6,
.hov-opacity6:hover {
  opacity: .6 ;
}
.opacity7,
.hov-opacity7:hover {
  opacity: .7 ;
}
.opacity8,
.hov-opacity8:hover {
  opacity: .8 ;
}
.opacity9,
.hov-opacity9:hover {
  opacity: .9 ;
}
.opacity10,
.hov-opacity10:hover {
  opacity: 1 ;
}
/* Reset line height */
.reset-line-height {
  line-height: 1;
}
/* to uppercase */
.uppercase {
  text-transform: uppercase;
}
.flipX-icon:before {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
}
.flipY-icon:before {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  display: inline-block;
}
/* Paddings */
.p-0 {
  padding: 0 ;
}
.p-14 {
  padding: 14px ;
}
.p-20 {
  padding: 20px !important;
}
.p-50 {
  padding: 50px ;
}
.ptop-0 {
  padding-top: 0 ;
}
.ptop-5 {
  padding-top: 5px ;
}
.ptop-25 {
  padding-top: 25px ;
}
.ptop-35 {
  padding-top: 35px ;
}
.ptop-40 {
  padding-top: 40px ;
}
.ptop-50 {
  padding-top: 50px ;
}
.ptop-60 {
  padding-top: 60px ;
}
.ptop-70 {
  padding-top: 70px ;
}
.ptop-65 {
  padding-top: 65px ;
}
.ptop-75 {
  padding-top: 75px ;
}
.ptop-80 {
  padding-top: 80px ;
}
.ptop-100 {
  padding-top: 100px ;
}
.ptop-150 {
  padding-top: 150px ;
}
.ptop-160 {
  padding-top: 160px ;
}
.ptop-180 {
  padding-top: 180px ;
}
.ptop-190 {
  padding-top: 190px ;
}
.ptop-200 {
  padding-top: 200px ;
}
.ptop-210 {
  padding-top: 210px ;
}
.ptop-220 {
  padding-top: 220px ;
}
.ptop-230 {
  padding-top: 230px ;
}
.ptop-250 {
  padding-top: 250px ;
}
.ptop-290 {
  padding-top: 290px ;
}
.ptop-300 {
  padding-top: 300px ;
}
.ptop-505 {
  padding-top: 505px ;
}
.p-top-6 {
  padding-top: 6% ;
}
.p-top-7 {
  padding-top: 7% ;
}
.p-left-6 {
  padding-left: 6% ;
}
.p-right-6 {
  padding-right: 6% ;
}
.pb-42 {
  padding-bottom: 42%;
}
.pb-47 {
  padding-bottom: 47%;
}
.pb-49 {
  padding-bottom: 49%;
}
.pbottom-0 {
  padding-bottom: 0 ;
}
.pbottom-5 {
  padding-bottom: 5px ;
}
.pbottom-10 {
  padding-bottom: 10px ;
}
.pbottom-15 {
  padding-bottom: 15px ;
}
.pbottom-20 {
  padding-bottom: 20px ;
}
.pbottom-25 {
  padding-bottom: 25px ;
}
.pbottom-50 {
  padding-bottom: 50px ;
}
.pbottom-55 {
  padding-bottom: 55px ;
}
.pbottom-60 {
  padding-bottom: 60px ;
}
.pbottom-65 {
  padding-bottom: 65px ;
}
.pbottom-70 {
  padding-bottom: 70px ;
}
.pbottom-80 {
  padding-bottom: 80px ;
}
.pbottom-85 {
  padding-bottom: 85px ;
}
.pbottom-90 {
  padding-bottom: 90px ;
}
.pbottom-100 {
  padding-bottom: 100px ;
}
.pbottom-160 {
  padding-bottom: 160px ;
}
.pbottom-170 {
  padding-bottom: 170px ;
}
/* Margins */
.m-65 {
  margin-top: 65px ;
  margin-bottom: 65px ;
}
.mtop-80 {
  margin-top: 80px ;
}
.mt-20 {
  margin-top: 20px ;
}
.mt-40 {
  margin-top: 40px ;
}
.mt-50 {
  margin-top: 50px ;
}
.mt-65 {
  margin-top: 65px ;
}
.mt-80 {
  margin-top: 80px ;
}
.mb-20 {
  margin-bottom: 20px ;
}
.mb-40 {
  margin-bottom: 40px ;
}
.mb-50 {
  margin-bottom: 50px ;
}
.mb-65 {
  margin-bottom: 65px ;
}
.mb-80 {
  margin-bottom: 80px ;
}
.ml-20 {
  margin-left: 20px ;
}
.ml-40 {
  margin-left: 40px ;
}
.ml-50 {
  margin-left: 50px ;
}
.ml-65 {
  margin-left: 65px ;
}
.ml-80 {
  margin-left: 80px ;
}
.mr-5 {
  margin-right: 5px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-65 {
  margin-right: 65px;
}
.mr-80 {
  margin-right: 80px;
}
.p-top-12 {
  padding-top: 12%;
}
.p-left-20 {
  padding-left: 20%;
}
@media only screen and (max-width: 1199px) {
  /*
	* Margins Classes
	* Helper classes for side margins MEDIUM
	*/
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-5 {
    margin-left: 5px !important;
  }
  .ml-md-10 {
    margin-left: 10px !important;
  }
  .ml-md-15 {
    margin-left: 15px !important;
  }
  .ml-md-20 {
    margin-left: 20px !important;
  }
  .ml-md-25 {
    margin-left: 25px !important;
  }
  .ml-md-30 {
    margin-left: 30px !important;
  }
  .ml-md-35 {
    margin-left: 35px !important;
  }
  .ml-md-40 {
    margin-left: 40px !important;
  }
  .ml-md-45 {
    margin-left: 45px !important;
  }
  .ml-md-50 {
    margin-left: 50px !important;
  }
  .ml-md-60 {
    margin-left: 60px !important;
  }
  .ml-md-70 {
    margin-left: 70px !important;
  }
  .ml-md-80 {
    margin-left: 80px !important;
  }
  .ml-md-90 {
    margin-left: 90px !important;
  }
  .ml-md-100 {
    margin-left: 100px !important;
  }
  .ml-md-110 {
    margin-left: 110px !important;
  }
  .ml-md-120 {
    margin-left: 120px !important;
  }
  .ml-md-130 {
    margin-left: 130px !important;
  }
  .ml-md-140 {
    margin-left: 140px !important;
  }
  .ml-md-150 {
    margin-left: 150px !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-5 {
    margin-right: 5px !important;
  }
  .mr-md-10 {
    margin-right: 10px !important;
  }
  .mr-md-15 {
    margin-right: 15px !important;
  }
  .mr-md-20 {
    margin-right: 20px !important;
  }
  .mr-md-25 {
    margin-right: 25px !important;
  }
  .mr-md-30 {
    margin-right: 30px !important;
  }
  .mr-md-35 {
    margin-right: 35px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mr-md-45 {
    margin-right: 45px !important;
  }
  .mr-md-50 {
    margin-right: 50px !important;
  }
  .mr-md-60 {
    margin-right: 60px !important;
  }
  .mr-md-70 {
    margin-right: 70px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
  .mr-md-90 {
    margin-right: 90px !important;
  }
  .mr-md-100 {
    margin-right: 100px !important;
  }
  .mr-md-110 {
    margin-right: 110px !important;
  }
  .mr-md-120 {
    margin-right: 120px !important;
  }
  .mr-md-130 {
    margin-right: 130px !important;
  }
  .mr-md-140 {
    margin-right: 140px !important;
  }
  .mr-md-150 {
    margin-right: 150px !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mt-md-35 {
    margin-top: 35px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mt-md-110 {
    margin-top: 110px !important;
  }
  .mt-md-120 {
    margin-top: 120px !important;
  }
  .mt-md-130 {
    margin-top: 130px !important;
  }
  .mt-md-140 {
    margin-top: 140px !important;
  }
  .mt-md-150 {
    margin-top: 150px !important;
  }
  .mt-md-200 {
    margin-top: 200px !important;
  }
  .mt-md-250 {
    margin-top: 250px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .mb-md-110 {
    margin-bottom: 110px !important;
  }
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
  .mb-md-130 {
    margin-bottom: 130px !important;
  }
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
  .mb-md-150 {
    margin-bottom: 150px !important;
  }
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
  .mb-md-250 {
    margin-bottom: 250px !important;
  }
  /*
	* Margins Classes - Negative
	* Helper classes for side margins on negative MEDIUM
	*/
  .mnl-md-10 {
    margin-left: -10px !important;
  }
  .mnl-md-20 {
    margin-left: -20px !important;
  }
  .mnl-md-30 {
    margin-left: -30px !important;
  }
  .mnl-md-40 {
    margin-left: -40px !important;
  }
  .mnl-md-50 {
    margin-left: -50px !important;
  }
  .mnl-md-60 {
    margin-left: -60px !important;
  }
  .mnl-md-70 {
    margin-left: -70px !important;
  }
  .mnl-md-80 {
    margin-left: -80px !important;
  }
  .mnl-md-90 {
    margin-left: -90px !important;
  }
  .mnl-md-100 {
    margin-left: -100px !important;
  }
  .mnl-md-110 {
    margin-left: -110px !important;
  }
  .mnl-md-120 {
    margin-left: -120px !important;
  }
  .mnl-md-130 {
    margin-left: -130px !important;
  }
  .mnl-md-140 {
    margin-left: -140px !important;
  }
  .mnl-md-150 {
    margin-left: -150px !important;
  }
  .mnr-md-10 {
    margin-right: -10px !important;
  }
  .mnr-md-20 {
    margin-right: -20px !important;
  }
  .mnr-md-30 {
    margin-right: -30px !important;
  }
  .mnr-md-40 {
    margin-right: -40px !important;
  }
  .mnr-md-50 {
    margin-right: -50px !important;
  }
  .mnr-md-60 {
    margin-right: -60px !important;
  }
  .mnr-md-70 {
    margin-right: -70px !important;
  }
  .mnr-md-80 {
    margin-right: -80px !important;
  }
  .mnr-md-90 {
    margin-right: -90px !important;
  }
  .mnr-md-100 {
    margin-right: -100px !important;
  }
  .mnr-md-110 {
    margin-right: -110px !important;
  }
  .mnr-md-120 {
    margin-right: -120px !important;
  }
  .mnr-md-130 {
    margin-right: -130px !important;
  }
  .mnr-md-140 {
    margin-right: -140px !important;
  }
  .mnr-md-150 {
    margin-right: -150px !important;
  }
  .mnt-md-10 {
    margin-top: -10px !important;
  }
  .mnt-md-20 {
    margin-top: -20px !important;
  }
  .mnt-md-30 {
    margin-top: -30px !important;
  }
  .mnt-md-40 {
    margin-top: -40px !important;
  }
  .mnt-md-50 {
    margin-top: -50px !important;
  }
  .mnt-md-60 {
    margin-top: -60px !important;
  }
  .mnt-md-70 {
    margin-top: -70px !important;
  }
  .mnt-md-80 {
    margin-top: -80px !important;
  }
  .mnt-md-90 {
    margin-top: -90px !important;
  }
  .mnt-md-100 {
    margin-top: -100px !important;
  }
  .mnt-md-110 {
    margin-top: -110px !important;
  }
  .mnt-md-120 {
    margin-top: -120px !important;
  }
  .mnt-md-130 {
    margin-top: -130px !important;
  }
  .mnt-md-140 {
    margin-top: -140px !important;
  }
  .mnt-md-150 {
    margin-top: -150px !important;
  }
  .mnb-md-10 {
    margin-bottom: -10px !important;
  }
  .mnb-md-20 {
    margin-bottom: -20px !important;
  }
  .mnb-md-30 {
    margin-bottom: -30px !important;
  }
  .mnb-md-40 {
    margin-bottom: -40px !important;
  }
  .mnb-md-50 {
    margin-bottom: -50px !important;
  }
  .mnb-md-60 {
    margin-bottom: -60px !important;
  }
  .mnb-md-70 {
    margin-bottom: -70px !important;
  }
  .mnb-md-80 {
    margin-bottom: -80px !important;
  }
  .mnb-md-90 {
    margin-bottom: -90px !important;
  }
  .mnb-md-100 {
    margin-bottom: -100px !important;
  }
  .mnb-md-110 {
    margin-bottom: -110px !important;
  }
  .mnb-md-120 {
    margin-bottom: -120px !important;
  }
  .mnb-md-130 {
    margin-bottom: -130px !important;
  }
  .mnb-md-140 {
    margin-bottom: -140px !important;
  }
  .mnb-md-150 {
    margin-bottom: -150px !important;
  }
  /*
	* Padding Classes
	* Helper classes for side padding MEDIUM
	*/
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-5 {
    padding-left: 5px !important;
  }
  .pl-md-10 {
    padding-left: 10px !important;
  }
  .pl-md-15 {
    padding-left: 15px !important;
  }
  .pl-md-20 {
    padding-left: 20px !important;
  }
  .pl-md-25 {
    padding-left: 25px !important;
  }
  .pl-md-30 {
    padding-left: 30px !important;
  }
  .pl-md-35 {
    padding-left: 35px !important;
  }
  .pl-md-40 {
    padding-left: 40px !important;
  }
  .pl-md-45 {
    padding-left: 45px !important;
  }
  .pl-md-50 {
    padding-left: 50px !important;
  }
  .pl-md-60 {
    padding-left: 60px !important;
  }
  .pl-md-70 {
    padding-left: 70px !important;
  }
  .pl-md-80 {
    padding-left: 80px !important;
  }
  .pl-md-90 {
    padding-left: 90px !important;
  }
  .pl-md-100 {
    padding-left: 100px !important;
  }
  .pl-md-110 {
    padding-left: 110px !important;
  }
  .pl-md-120 {
    padding-left: 120px !important;
  }
  .pl-md-130 {
    padding-left: 130px !important;
  }
  .pl-md-140 {
    padding-left: 140px !important;
  }
  .pl-md-150 {
    padding-left: 150px !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-5 {
    padding-right: 5px !important;
  }
  .pr-md-10 {
    padding-right: 10px !important;
  }
  .pr-md-15 {
    padding-right: 15px !important;
  }
  .pr-md-20 {
    padding-right: 20px !important;
  }
  .pr-md-25 {
    padding-right: 25px !important;
  }
  .pr-md-30 {
    padding-right: 30px !important;
  }
  .pr-md-35 {
    padding-right: 35px !important;
  }
  .pr-md-40 {
    padding-right: 40px !important;
  }
  .pr-md-45 {
    padding-right: 45px !important;
  }
  .pr-md-50 {
    padding-right: 50px !important;
  }
  .pr-md-60 {
    padding-right: 60px !important;
  }
  .pr-md-70 {
    padding-right: 70px !important;
  }
  .pr-md-80 {
    padding-right: 80px !important;
  }
  .pr-md-90 {
    padding-right: 90px !important;
  }
  .pr-md-100 {
    padding-right: 100px !important;
  }
  .pr-md-110 {
    padding-right: 110px !important;
  }
  .pr-md-120 {
    padding-right: 120px !important;
  }
  .pr-md-130 {
    padding-right: 130px !important;
  }
  .pr-md-140 {
    padding-right: 140px !important;
  }
  .pr-md-150 {
    padding-right: 150px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-45 {
    padding-top: 45px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pt-md-110 {
    padding-top: 110px !important;
  }
  .pt-md-120 {
    padding-top: 120px !important;
  }
  .pt-md-130 {
    padding-top: 130px !important;
  }
  .pt-md-140 {
    padding-top: 140px !important;
  }
  .pt-md-150 {
    padding-top: 150px !important;
  }
  .pt-md-200 {
    padding-top: 200px !important;
  }
  .pt-md-250 {
    padding-top: 250px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pb-md-110 {
    padding-bottom: 110px !important;
  }
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
  .pb-md-130 {
    padding-bottom: 130px !important;
  }
  .pb-md-140 {
    padding-bottom: 140px !important;
  }
  .pb-md-150 {
    padding-bottom: 150px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  .pb-md-250 {
    padding-bottom: 250px !important;
  }
  /*
	* Font-sizes-presets
	*/
  .fs-md-micro {
    font-size: 9px;
  }
  .fs-md-xsmall {
    font-size: 11px;
  }
  .fs-md-normal {
    font-size: 13px;
  }
  .fs-md-smaller {
    font-size: 15px;
  }
  .fs-md-small {
    font-size: 16px;
  }
  .fs-md-m {
    font-size: 18px;
  }
  .fs-md-l {
    font-size: 20px;
  }
  .fs-md-xl {
    font-size: 24px;
  }
  .fs-md-xxl {
    font-size: 32px;
  }
  .fs-md-larger {
    font-size: 42px;
  }
  .fs-md-xxxl {
    font-size: 56px;
  }
  .fs-md-xxxxl {
    font-size: 75px;
  }
  .fs-md-jumbo {
    font-size: 80px;
  }
  .fs-md-huge {
    font-size: 120px;
  }
  .fs-md-immense {
    font-size: 150px;
  }
  .fs-md-crazy {
    font-size: 200px;
  }
  /*
	* Height Sizing Presets
	* These are height values from 10 to 10 to set responsive height to a block
	*/
  .hsize-md-reset {
    height: 0 !important;
  }
  .hsize-md-10 {
    height: 10px;
  }
  .hsize-md-20 {
    height: 20px;
  }
  .hsize-md-30 {
    height: 30px;
  }
  .hsize-md-40 {
    height: 40px;
  }
  .hsize-md-50 {
    height: 50px;
  }
  .hsize-md-60 {
    height: 60px;
  }
  .hsize-md-70 {
    height: 70px;
  }
  .hsize-md-80 {
    height: 80px;
  }
  .hsize-md-90 {
    height: 90px;
  }
  .hsize-md-100 {
    height: 100px;
  }
  .hsize-md-110 {
    height: 110px;
  }
  .hsize-md-120 {
    height: 120px;
  }
  .hsize-md-130 {
    height: 130px;
  }
  .hsize-md-140 {
    height: 140px;
  }
  .hsize-md-150 {
    height: 150px;
  }
  .hsize-md-160 {
    height: 160px;
  }
  .hsize-md-170 {
    height: 170px;
  }
  .hsize-md-180 {
    height: 180px;
  }
  .hsize-md-190 {
    height: 190px;
  }
  .hsize-md-200 {
    height: 200px;
  }
  .hsize-md-210 {
    height: 210px;
  }
  .hsize-md-220 {
    height: 220px;
  }
  .hsize-md-230 {
    height: 230px;
  }
  .hsize-md-240 {
    height: 240px;
  }
  .hsize-md-250 {
    height: 250px;
  }
  .hsize-md-260 {
    height: 260px;
  }
  .hsize-md-270 {
    height: 270px;
  }
  .hsize-md-280 {
    height: 280px;
  }
  .hsize-md-290 {
    height: 290px;
  }
  .hsize-md-300 {
    height: 300px;
  }
  .hsize-md-310 {
    height: 310px;
  }
  .hsize-md-320 {
    height: 320px;
  }
  .hsize-md-330 {
    height: 330px;
  }
  .hsize-md-340 {
    height: 340px;
  }
  .hsize-md-350 {
    height: 350px;
  }
  .hsize-md-360 {
    height: 360px;
  }
  .hsize-md-370 {
    height: 370px;
  }
  .hsize-md-380 {
    height: 380px;
  }
  .hsize-md-390 {
    height: 390px;
  }
  .hsize-md-400 {
    height: 400px;
  }
  .hsize-md-410 {
    height: 410px;
  }
  .hsize-md-420 {
    height: 420px;
  }
  .hsize-md-430 {
    height: 430px;
  }
  .hsize-md-440 {
    height: 440px;
  }
  .hsize-md-450 {
    height: 450px;
  }
  .hsize-md-460 {
    height: 460px;
  }
  .hsize-md-470 {
    height: 470px;
  }
  .hsize-md-480 {
    height: 480px;
  }
  .hsize-md-490 {
    height: 490px;
  }
  .hsize-md-500 {
    height: 500px;
  }
  .hsize-md-510 {
    height: 510px;
  }
  .hsize-md-520 {
    height: 520px;
  }
  .hsize-md-530 {
    height: 530px;
  }
  .hsize-md-540 {
    height: 540px;
  }
  .hsize-md-550 {
    height: 550px;
  }
  .hsize-md-560 {
    height: 560px;
  }
  .hsize-md-570 {
    height: 570px;
  }
  .hsize-md-580 {
    height: 580px;
  }
  .hsize-md-590 {
    height: 590px;
  }
  .hsize-md-600 {
    height: 600px;
  }
  .hsize-md-610 {
    height: 610px;
  }
  .hsize-md-620 {
    height: 620px;
  }
  .hsize-md-630 {
    height: 630px;
  }
  .hsize-md-640 {
    height: 640px;
  }
  .hsize-md-650 {
    height: 650px;
  }
  .hsize-md-660 {
    height: 660px;
  }
  .hsize-md-670 {
    height: 670px;
  }
  .hsize-md-680 {
    height: 680px;
  }
  .hsize-md-690 {
    height: 690px;
  }
  .hsize-md-700 {
    height: 700px;
  }
  /* Reset Columnized Lists */
  .list-col-reset-md[data-columns] {
    margin-left: 0;
  }
  .list-col-reset-md[data-columns] li {
    float: none;
    margin-left: 0;
    width: auto;
    display: block;
  }
  /*
	* Float Clearing Presets
	*/
  .cleft-md {
    clear: left;
  }
  .cright-md {
    clear: right;
  }
  .cboth-md {
    clear: both;
  }
  /*
	* Float None
	*/
  .pull-none-md {
    float: none !important;
  }
  /*
	* Button Padding Presets
	*/
  .btn.mid-padding-md {
    padding: 10px 20px;
    line-height: 1;
  }
  .btn.big-padding-md {
    padding: 15px 30px;
    line-height: 1;
  }
  .btn.long-padding-md {
    padding-left: 30px;
    padding-right: 30px;
  }
  /*
	 * Width presets
	 */
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  /* Text Center */
  .text-center-md {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  /*
	* Margins Classes
	* Helper classes for side margins SMALL
	*/
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-5 {
    margin-left: 5px !important;
  }
  .ml-sm-10 {
    margin-left: 10px !important;
  }
  .ml-sm-15 {
    margin-left: 15px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .ml-sm-25 {
    margin-left: 25px !important;
  }
  .ml-sm-30 {
    margin-left: 30px !important;
  }
  .ml-sm-35 {
    margin-left: 35px !important;
  }
  .ml-sm-40 {
    margin-left: 40px !important;
  }
  .ml-sm-45 {
    margin-left: 45px !important;
  }
  .ml-sm-50 {
    margin-left: 50px !important;
  }
  .ml-sm-60 {
    margin-left: 60px !important;
  }
  .ml-sm-70 {
    margin-left: 70px !important;
  }
  .ml-sm-80 {
    margin-left: 80px !important;
  }
  .ml-sm-90 {
    margin-left: 90px !important;
  }
  .ml-sm-100 {
    margin-left: 100px !important;
  }
  .ml-sm-110 {
    margin-left: 110px !important;
  }
  .ml-sm-120 {
    margin-left: 120px !important;
  }
  .ml-sm-130 {
    margin-left: 130px !important;
  }
  .ml-sm-140 {
    margin-left: 140px !important;
  }
  .ml-sm-150 {
    margin-left: 150px !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-5 {
    margin-right: 5px !important;
  }
  .mr-sm-10 {
    margin-right: 10px !important;
  }
  .mr-sm-15 {
    margin-right: 15px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .mr-sm-25 {
    margin-right: 25px !important;
  }
  .mr-sm-30 {
    margin-right: 30px !important;
  }
  .mr-sm-35 {
    margin-right: 35px !important;
  }
  .mr-sm-40 {
    margin-right: 40px !important;
  }
  .mr-sm-45 {
    margin-right: 45px !important;
  }
  .mr-sm-50 {
    margin-right: 50px !important;
  }
  .mr-sm-60 {
    margin-right: 60px !important;
  }
  .mr-sm-70 {
    margin-right: 70px !important;
  }
  .mr-sm-80 {
    margin-right: 80px !important;
  }
  .mr-sm-90 {
    margin-right: 90px !important;
  }
  .mr-sm-100 {
    margin-right: 100px !important;
  }
  .mr-sm-110 {
    margin-right: 110px !important;
  }
  .mr-sm-120 {
    margin-right: 120px !important;
  }
  .mr-sm-130 {
    margin-right: 130px !important;
  }
  .mr-sm-140 {
    margin-right: 140px !important;
  }
  .mr-sm-150 {
    margin-right: 150px !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-35 {
    margin-top: 35px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-45 {
    margin-top: 45px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mt-sm-90 {
    margin-top: 90px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mt-sm-110 {
    margin-top: 110px !important;
  }
  .mt-sm-120 {
    margin-top: 120px !important;
  }
  .mt-sm-130 {
    margin-top: 130px !important;
  }
  .mt-sm-140 {
    margin-top: 140px !important;
  }
  .mt-sm-150 {
    margin-top: 150px !important;
  }
  .mt-sm-200 {
    margin-top: 200px !important;
  }
  .mt-sm-250 {
    margin-top: 250px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-45 {
    margin-bottom: 45px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .mb-sm-110 {
    margin-bottom: 110px !important;
  }
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
  .mb-sm-130 {
    margin-bottom: 130px !important;
  }
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
  .mb-sm-150 {
    margin-bottom: 150px !important;
  }
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
  .mb-sm-250 {
    margin-bottom: 250px !important;
  }
  /*
	* Margins Classes - Negative
	* Helper classes for side margins on negative SMALL
	*/
  .mnl-sm-10 {
    margin-left: -10px !important;
  }
  .mnl-sm-20 {
    margin-left: -20px !important;
  }
  .mnl-sm-30 {
    margin-left: -30px !important;
  }
  .mnl-sm-40 {
    margin-left: -40px !important;
  }
  .mnl-sm-50 {
    margin-left: -50px !important;
  }
  .mnl-sm-60 {
    margin-left: -60px !important;
  }
  .mnl-sm-70 {
    margin-left: -70px !important;
  }
  .mnl-sm-80 {
    margin-left: -80px !important;
  }
  .mnl-sm-90 {
    margin-left: -90px !important;
  }
  .mnl-sm-100 {
    margin-left: -100px !important;
  }
  .mnl-sm-110 {
    margin-left: -110px !important;
  }
  .mnl-sm-120 {
    margin-left: -120px !important;
  }
  .mnl-sm-130 {
    margin-left: -130px !important;
  }
  .mnl-sm-140 {
    margin-left: -140px !important;
  }
  .mnl-sm-150 {
    margin-left: -150px !important;
  }
  .mnr-sm-10 {
    margin-right: -10px !important;
  }
  .mnr-sm-20 {
    margin-right: -20px !important;
  }
  .mnr-sm-30 {
    margin-right: -30px !important;
  }
  .mnr-sm-40 {
    margin-right: -40px !important;
  }
  .mnr-sm-50 {
    margin-right: -50px !important;
  }
  .mnr-sm-60 {
    margin-right: -60px !important;
  }
  .mnr-sm-70 {
    margin-right: -70px !important;
  }
  .mnr-sm-80 {
    margin-right: -80px !important;
  }
  .mnr-sm-90 {
    margin-right: -90px !important;
  }
  .mnr-sm-100 {
    margin-right: -100px !important;
  }
  .mnr-sm-110 {
    margin-right: -110px !important;
  }
  .mnr-sm-120 {
    margin-right: -120px !important;
  }
  .mnr-sm-130 {
    margin-right: -130px !important;
  }
  .mnr-sm-140 {
    margin-right: -140px !important;
  }
  .mnr-sm-150 {
    margin-right: -150px !important;
  }
  .mnt-sm-10 {
    margin-top: -10px !important;
  }
  .mnt-sm-20 {
    margin-top: -20px !important;
  }
  .mnt-sm-30 {
    margin-top: -30px !important;
  }
  .mnt-sm-40 {
    margin-top: -40px !important;
  }
  .mnt-sm-50 {
    margin-top: -50px !important;
  }
  .mnt-sm-60 {
    margin-top: -60px !important;
  }
  .mnt-sm-70 {
    margin-top: -70px !important;
  }
  .mnt-sm-80 {
    margin-top: -80px !important;
  }
  .mnt-sm-90 {
    margin-top: -90px !important;
  }
  .mnt-sm-100 {
    margin-top: -100px !important;
  }
  .mnt-sm-110 {
    margin-top: -110px !important;
  }
  .mnt-sm-120 {
    margin-top: -120px !important;
  }
  .mnt-sm-130 {
    margin-top: -130px !important;
  }
  .mnt-sm-140 {
    margin-top: -140px !important;
  }
  .mnt-sm-150 {
    margin-top: -150px !important;
  }
  .mnb-sm-10 {
    margin-bottom: -10px !important;
  }
  .mnb-sm-20 {
    margin-bottom: -20px !important;
  }
  .mnb-sm-30 {
    margin-bottom: -30px !important;
  }
  .mnb-sm-40 {
    margin-bottom: -40px !important;
  }
  .mnb-sm-50 {
    margin-bottom: -50px !important;
  }
  .mnb-sm-60 {
    margin-bottom: -60px !important;
  }
  .mnb-sm-70 {
    margin-bottom: -70px !important;
  }
  .mnb-sm-80 {
    margin-bottom: -80px !important;
  }
  .mnb-sm-90 {
    margin-bottom: -90px !important;
  }
  .mnb-sm-100 {
    margin-bottom: -100px !important;
  }
  .mnb-sm-110 {
    margin-bottom: -110px !important;
  }
  .mnb-sm-120 {
    margin-bottom: -120px !important;
  }
  .mnb-sm-130 {
    margin-bottom: -130px !important;
  }
  .mnb-sm-140 {
    margin-bottom: -140px !important;
  }
  .mnb-sm-150 {
    margin-bottom: -150px !important;
  }
  /*
	* Padding Classes
	* Helper classes for side padding SMALL
	*/
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-5 {
    padding-left: 5px !important;
  }
  .pl-sm-10 {
    padding-left: 10px !important;
  }
  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .pl-sm-25 {
    padding-left: 25px !important;
  }
  .pl-sm-30 {
    padding-left: 30px !important;
  }
  .pl-sm-35 {
    padding-left: 35px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .pl-sm-45 {
    padding-left: 45px !important;
  }
  .pl-sm-50 {
    padding-left: 50px !important;
  }
  .pl-sm-60 {
    padding-left: 60px !important;
  }
  .pl-sm-70 {
    padding-left: 70px !important;
  }
  .pl-sm-80 {
    padding-left: 80px !important;
  }
  .pl-sm-90 {
    padding-left: 90px !important;
  }
  .pl-sm-100 {
    padding-left: 100px !important;
  }
  .pl-sm-110 {
    padding-left: 110px !important;
  }
  .pl-sm-120 {
    padding-left: 120px !important;
  }
  .pl-sm-130 {
    padding-left: 130px !important;
  }
  .pl-sm-140 {
    padding-left: 140px !important;
  }
  .pl-sm-150 {
    padding-left: 150px !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-5 {
    padding-right: 5px !important;
  }
  .pr-sm-10 {
    padding-right: 10px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .pr-sm-25 {
    padding-right: 25px !important;
  }
  .pr-sm-30 {
    padding-right: 30px !important;
  }
  .pr-sm-35 {
    padding-right: 35px !important;
  }
  .pr-sm-40 {
    padding-right: 40px !important;
  }
  .pr-sm-45 {
    padding-right: 45px !important;
  }
  .pr-sm-50 {
    padding-right: 50px !important;
  }
  .pr-sm-60 {
    padding-right: 60px !important;
  }
  .pr-sm-70 {
    padding-right: 70px !important;
  }
  .pr-sm-80 {
    padding-right: 80px !important;
  }
  .pr-sm-90 {
    padding-right: 90px !important;
  }
  .pr-sm-100 {
    padding-right: 100px !important;
  }
  .pr-sm-110 {
    padding-right: 110px !important;
  }
  .pr-sm-120 {
    padding-right: 120px !important;
  }
  .pr-sm-130 {
    padding-right: 130px !important;
  }
  .pr-sm-140 {
    padding-right: 140px !important;
  }
  .pr-sm-150 {
    padding-right: 150px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pt-sm-90 {
    padding-top: 90px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pt-sm-110 {
    padding-top: 110px !important;
  }
  .pt-sm-120 {
    padding-top: 120px !important;
  }
  .pt-sm-130 {
    padding-top: 130px !important;
  }
  .pt-sm-140 {
    padding-top: 140px !important;
  }
  .pt-sm-150 {
    padding-top: 150px !important;
  }
  .pt-sm-200 {
    padding-top: 200px !important;
  }
  .pt-sm-250 {
    padding-top: 250px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-45 {
    padding-bottom: 45px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pb-sm-110 {
    padding-bottom: 110px !important;
  }
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
  .pb-sm-130 {
    padding-bottom: 130px !important;
  }
  .pb-sm-140 {
    padding-bottom: 140px !important;
  }
  .pb-sm-150 {
    padding-bottom: 150px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .pb-sm-250 {
    padding-bottom: 250px !important;
  }
  /*
	* Font-sizes-presets
	*/
  .fs-sm-micro {
    font-size: 9px;
  }
  .fs-sm-xsmall {
    font-size: 11px;
  }
  .fs-sm-normal {
    font-size: 13px;
  }
  .fs-sm-smaller {
    font-size: 15px;
  }
  .fs-sm-small {
    font-size: 16px;
  }
  .fs-sm-m {
    font-size: 18px;
  }
  .fs-sm-l {
    font-size: 20px;
  }
  .fs-sm-xl {
    font-size: 24px;
  }
  .fs-sm-xxl {
    font-size: 32px;
  }
  .fs-sm-larger {
    font-size: 42px;
  }
  .fs-sm-xxxl {
    font-size: 56px;
  }
  .fs-sm-xxxxl {
    font-size: 75px;
  }
  .fs-sm-jumbo {
    font-size: 80px;
  }
  .fs-sm-huge {
    font-size: 120px;
  }
  .fs-sm-immense {
    font-size: 150px;
  }
  .fs-sm-crazy {
    font-size: 200px;
  }
  /*
	* Height Sizing Presets
	* These are height values from 10 to 10 to set responsive height to a block
	*/
  .hsize-sm-reset {
    height: 0 !important;
  }
  .hsize-sm-10 {
    height: 10px;
  }
  .hsize-sm-20 {
    height: 20px;
  }
  .hsize-sm-30 {
    height: 30px;
  }
  .hsize-sm-40 {
    height: 40px;
  }
  .hsize-sm-50 {
    height: 50px;
  }
  .hsize-sm-60 {
    height: 60px;
  }
  .hsize-sm-70 {
    height: 70px;
  }
  .hsize-sm-80 {
    height: 80px;
  }
  .hsize-sm-90 {
    height: 90px;
  }
  .hsize-sm-100 {
    height: 100px;
  }
  .hsize-sm-110 {
    height: 110px;
  }
  .hsize-sm-120 {
    height: 120px;
  }
  .hsize-sm-130 {
    height: 130px;
  }
  .hsize-sm-140 {
    height: 140px;
  }
  .hsize-sm-150 {
    height: 150px;
  }
  .hsize-sm-160 {
    height: 160px;
  }
  .hsize-sm-170 {
    height: 170px;
  }
  .hsize-sm-180 {
    height: 180px;
  }
  .hsize-sm-190 {
    height: 190px;
  }
  .hsize-sm-200 {
    height: 200px;
  }
  .hsize-sm-210 {
    height: 210px;
  }
  .hsize-sm-220 {
    height: 220px;
  }
  .hsize-sm-230 {
    height: 230px;
  }
  .hsize-sm-240 {
    height: 240px;
  }
  .hsize-sm-250 {
    height: 250px;
  }
  .hsize-sm-260 {
    height: 260px;
  }
  .hsize-sm-270 {
    height: 270px;
  }
  .hsize-sm-280 {
    height: 280px;
  }
  .hsize-sm-290 {
    height: 290px;
  }
  .hsize-sm-300 {
    height: 300px;
  }
  .hsize-sm-310 {
    height: 310px;
  }
  .hsize-sm-320 {
    height: 320px;
  }
  .hsize-sm-330 {
    height: 330px;
  }
  .hsize-sm-340 {
    height: 340px;
  }
  .hsize-sm-350 {
    height: 350px;
  }
  .hsize-sm-360 {
    height: 360px;
  }
  .hsize-sm-370 {
    height: 370px;
  }
  .hsize-sm-380 {
    height: 380px;
  }
  .hsize-sm-390 {
    height: 390px;
  }
  .hsize-sm-400 {
    height: 400px;
  }
  .hsize-sm-410 {
    height: 410px;
  }
  .hsize-sm-420 {
    height: 420px;
  }
  .hsize-sm-430 {
    height: 430px;
  }
  .hsize-sm-440 {
    height: 440px;
  }
  .hsize-sm-450 {
    height: 450px;
  }
  .hsize-sm-460 {
    height: 460px;
  }
  .hsize-sm-470 {
    height: 470px;
  }
  .hsize-sm-480 {
    height: 480px;
  }
  .hsize-sm-490 {
    height: 490px;
  }
  .hsize-sm-500 {
    height: 500px;
  }
  .hsize-sm-510 {
    height: 510px;
  }
  .hsize-sm-520 {
    height: 520px;
  }
  .hsize-sm-530 {
    height: 530px;
  }
  .hsize-sm-540 {
    height: 540px;
  }
  .hsize-sm-550 {
    height: 550px;
  }
  .hsize-sm-560 {
    height: 560px;
  }
  .hsize-sm-570 {
    height: 570px;
  }
  .hsize-sm-580 {
    height: 580px;
  }
  .hsize-sm-590 {
    height: 590px;
  }
  .hsize-sm-600 {
    height: 600px;
  }
  .hsize-sm-610 {
    height: 610px;
  }
  .hsize-sm-620 {
    height: 620px;
  }
  .hsize-sm-630 {
    height: 630px;
  }
  .hsize-sm-640 {
    height: 640px;
  }
  .hsize-sm-650 {
    height: 650px;
  }
  .hsize-sm-660 {
    height: 660px;
  }
  .hsize-sm-670 {
    height: 670px;
  }
  .hsize-sm-680 {
    height: 680px;
  }
  .hsize-sm-690 {
    height: 690px;
  }
  .hsize-sm-700 {
    height: 700px;
  }
  /* Reset Columnized Lists */
  .list-col-reset-sm[data-columns] {
    margin-left: 0;
  }
  .list-col-reset-sm[data-columns] li {
    float: none;
    margin-left: 0;
    width: auto;
    display: block;
  }
  /*
	* Float Clearing Presets
	*/
  .cleft-sm {
    clear: left;
  }
  .cright-sm {
    clear: right;
  }
  .cboth-sm {
    clear: both;
  }
  /*
	* Float None
	*/
  .pull-none-sm {
    float: none !important;
  }
  /*
	* Button Padding Presets
	*/
  .btn.mid-padding-sm {
    padding: 10px 20px;
    line-height: 1;
  }
  .btn.big-padding-sm {
    padding: 12px 23px;
    line-height: 1;
  }
  .btn.long-padding-sm {
    padding: 10px 30px;
  }
  /*
	 * Width presets
	 */
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  /* Text Center */
  .text-center-sm {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  /*
	* Margins Classes
	* Helper classes for side margins EXTRA SMALL
	*/
  .ml-xs-0 {
    margin-left: 0 !important;
  }
  .ml-xs-5 {
    margin-left: 5px !important;
  }
  .ml-xs-10 {
    margin-left: 10px !important;
  }
  .ml-xs-15 {
    margin-left: 15px !important;
  }
  .ml-xs-20 {
    margin-left: 20px !important;
  }
  .ml-xs-25 {
    margin-left: 25px !important;
  }
  .ml-xs-30 {
    margin-left: 30px !important;
  }
  .ml-xs-35 {
    margin-left: 35px !important;
  }
  .ml-xs-40 {
    margin-left: 40px !important;
  }
  .ml-xs-45 {
    margin-left: 45px !important;
  }
  .ml-xs-50 {
    margin-left: 50px !important;
  }
  .ml-xs-60 {
    margin-left: 60px !important;
  }
  .ml-xs-70 {
    margin-left: 70px !important;
  }
  .ml-xs-80 {
    margin-left: 80px !important;
  }
  .ml-xs-90 {
    margin-left: 90px !important;
  }
  .ml-xs-100 {
    margin-left: 100px !important;
  }
  .ml-xs-110 {
    margin-left: 110px !important;
  }
  .ml-xs-120 {
    margin-left: 120px !important;
  }
  .ml-xs-130 {
    margin-left: 130px !important;
  }
  .ml-xs-140 {
    margin-left: 140px !important;
  }
  .ml-xs-150 {
    margin-left: 150px !important;
  }
  .mr-xs-0 {
    margin-right: 0 !important;
  }
  .mr-xs-5 {
    margin-right: 5px !important;
  }
  .mr-xs-10 {
    margin-right: 10px !important;
  }
  .mr-xs-15 {
    margin-right: 15px !important;
  }
  .mr-xs-20 {
    margin-right: 20px !important;
  }
  .mr-xs-25 {
    margin-right: 25px !important;
  }
  .mr-xs-30 {
    margin-right: 30px !important;
  }
  .mr-xs-35 {
    margin-right: 35px !important;
  }
  .mr-xs-40 {
    margin-right: 40px !important;
  }
  .mr-xs-45 {
    margin-right: 45px !important;
  }
  .mr-xs-50 {
    margin-right: 50px !important;
  }
  .mr-xs-60 {
    margin-right: 60px !important;
  }
  .mr-xs-70 {
    margin-right: 70px !important;
  }
  .mr-xs-80 {
    margin-right: 80px !important;
  }
  .mr-xs-90 {
    margin-right: 90px !important;
  }
  .mr-xs-100 {
    margin-right: 100px !important;
  }
  .mr-xs-110 {
    margin-right: 110px !important;
  }
  .mr-xs-120 {
    margin-right: 120px !important;
  }
  .mr-xs-130 {
    margin-right: 130px !important;
  }
  .mr-xs-140 {
    margin-right: 140px !important;
  }
  .mr-xs-150 {
    margin-right: 150px !important;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-5 {
    margin-top: 5px !important;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .mt-xs-15 {
    margin-top: 15px !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }
  .mt-xs-25 {
    margin-top: 25px !important;
  }
  .mt-xs-30 {
    margin-top: 30px !important;
  }
  .mt-xs-35 {
    margin-top: 35px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
  .mt-xs-45 {
    margin-top: 45px !important;
  }
  .mt-xs-50 {
    margin-top: 50px !important;
  }
  .mt-xs-60 {
    margin-top: 60px !important;
  }
  .mt-xs-70 {
    margin-top: 70px !important;
  }
  .mt-xs-80 {
    margin-top: 80px !important;
  }
  .mt-xs-90 {
    margin-top: 90px !important;
  }
  .mt-xs-100 {
    margin-top: 100px !important;
  }
  .mt-xs-110 {
    margin-top: 110px !important;
  }
  .mt-xs-120 {
    margin-top: 120px !important;
  }
  .mt-xs-130 {
    margin-top: 130px !important;
  }
  .mt-xs-140 {
    margin-top: 140px !important;
  }
  .mt-xs-150 {
    margin-top: 150px !important;
  }
  .mt-xs-200 {
    margin-top: 200px !important;
  }
  .mt-xs-250 {
    margin-top: 250px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-5 {
    margin-bottom: 5px !important;
  }
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-25 {
    margin-bottom: 25px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-35 {
    margin-bottom: 35px !important;
  }
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .mb-xs-45 {
    margin-bottom: 45px !important;
  }
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
  .mb-xs-110 {
    margin-bottom: 110px !important;
  }
  .mb-xs-120 {
    margin-bottom: 120px !important;
  }
  .mb-xs-130 {
    margin-bottom: 130px !important;
  }
  .mb-xs-140 {
    margin-bottom: 140px !important;
  }
  .mb-xs-150 {
    margin-bottom: 150px !important;
  }
  .mb-xs-200 {
    margin-bottom: 200px !important;
  }
  .mb-xs-250 {
    margin-bottom: 250px !important;
  }
  /*
	* Margins Classes - Negative
	* Helper classes for side margins on negative EXTRA SMALL
	*/
  .mnl-xs-10 {
    margin-left: -10px !important;
  }
  .mnl-xs-20 {
    margin-left: -20px !important;
  }
  .mnl-xs-30 {
    margin-left: -30px !important;
  }
  .mnl-xs-40 {
    margin-left: -40px !important;
  }
  .mnl-xs-50 {
    margin-left: -50px !important;
  }
  .mnl-xs-60 {
    margin-left: -60px !important;
  }
  .mnl-xs-70 {
    margin-left: -70px !important;
  }
  .mnl-xs-80 {
    margin-left: -80px !important;
  }
  .mnl-xs-90 {
    margin-left: -90px !important;
  }
  .mnl-xs-100 {
    margin-left: -100px !important;
  }
  .mnl-xs-110 {
    margin-left: -110px !important;
  }
  .mnl-xs-120 {
    margin-left: -120px !important;
  }
  .mnl-xs-130 {
    margin-left: -130px !important;
  }
  .mnl-xs-140 {
    margin-left: -140px !important;
  }
  .mnl-xs-150 {
    margin-left: -150px !important;
  }
  .mnr-xs-10 {
    margin-right: -10px !important;
  }
  .mnr-xs-20 {
    margin-right: -20px !important;
  }
  .mnr-xs-30 {
    margin-right: -30px !important;
  }
  .mnr-xs-40 {
    margin-right: -40px !important;
  }
  .mnr-xs-50 {
    margin-right: -50px !important;
  }
  .mnr-xs-60 {
    margin-right: -60px !important;
  }
  .mnr-xs-70 {
    margin-right: -70px !important;
  }
  .mnr-xs-80 {
    margin-right: -80px !important;
  }
  .mnr-xs-90 {
    margin-right: -90px !important;
  }
  .mnr-xs-100 {
    margin-right: -100px !important;
  }
  .mnr-xs-110 {
    margin-right: -110px !important;
  }
  .mnr-xs-120 {
    margin-right: -120px !important;
  }
  .mnr-xs-130 {
    margin-right: -130px !important;
  }
  .mnr-xs-140 {
    margin-right: -140px !important;
  }
  .mnr-xs-150 {
    margin-right: -150px !important;
  }
  .mnt-xs-10 {
    margin-top: -10px !important;
  }
  .mnt-xs-20 {
    margin-top: -20px !important;
  }
  .mnt-xs-30 {
    margin-top: -30px !important;
  }
  .mnt-xs-40 {
    margin-top: -40px !important;
  }
  .mnt-xs-50 {
    margin-top: -50px !important;
  }
  .mnt-xs-60 {
    margin-top: -60px !important;
  }
  .mnt-xs-70 {
    margin-top: -70px !important;
  }
  .mnt-xs-80 {
    margin-top: -80px !important;
  }
  .mnt-xs-90 {
    margin-top: -90px !important;
  }
  .mnt-xs-100 {
    margin-top: -100px !important;
  }
  .mnt-xs-110 {
    margin-top: -110px !important;
  }
  .mnt-xs-120 {
    margin-top: -120px !important;
  }
  .mnt-xs-130 {
    margin-top: -130px !important;
  }
  .mnt-xs-140 {
    margin-top: -140px !important;
  }
  .mnt-xs-150 {
    margin-top: -150px !important;
  }
  .mnb-xs-10 {
    margin-bottom: -10px !important;
  }
  .mnb-xs-20 {
    margin-bottom: -20px !important;
  }
  .mnb-xs-30 {
    margin-bottom: -30px !important;
  }
  .mnb-xs-40 {
    margin-bottom: -40px !important;
  }
  .mnb-xs-50 {
    margin-bottom: -50px !important;
  }
  .mnb-xs-60 {
    margin-bottom: -60px !important;
  }
  .mnb-xs-70 {
    margin-bottom: -70px !important;
  }
  .mnb-xs-80 {
    margin-bottom: -80px !important;
  }
  .mnb-xs-90 {
    margin-bottom: -90px !important;
  }
  .mnb-xs-100 {
    margin-bottom: -100px !important;
  }
  .mnb-xs-110 {
    margin-bottom: -110px !important;
  }
  .mnb-xs-120 {
    margin-bottom: -120px !important;
  }
  .mnb-xs-130 {
    margin-bottom: -130px !important;
  }
  .mnb-xs-140 {
    margin-bottom: -140px !important;
  }
  .mnb-xs-150 {
    margin-bottom: -150px !important;
  }
  /*
	* Padding Classes
	* Helper classes for side padding EXTRA SMALL
	*/
  .pl-xs-0 {
    padding-left: 0 !important;
  }
  .pl-xs-5 {
    padding-left: 5px !important;
  }
  .pl-xs-10 {
    padding-left: 10px !important;
  }
  .pl-xs-15 {
    padding-left: 15px !important;
  }
  .pl-xs-20 {
    padding-left: 20px !important;
  }
  .pl-xs-25 {
    padding-left: 25px !important;
  }
  .pl-xs-30 {
    padding-left: 30px !important;
  }
  .pl-xs-35 {
    padding-left: 35px !important;
  }
  .pl-xs-40 {
    padding-left: 40px !important;
  }
  .pl-xs-45 {
    padding-left: 45px !important;
  }
  .pl-xs-50 {
    padding-left: 50px !important;
  }
  .pl-xs-60 {
    padding-left: 60px !important;
  }
  .pl-xs-70 {
    padding-left: 70px !important;
  }
  .pl-xs-80 {
    padding-left: 80px !important;
  }
  .pl-xs-90 {
    padding-left: 90px !important;
  }
  .pl-xs-100 {
    padding-left: 100px !important;
  }
  .pl-xs-110 {
    padding-left: 110px !important;
  }
  .pl-xs-120 {
    padding-left: 120px !important;
  }
  .pl-xs-130 {
    padding-left: 130px !important;
  }
  .pl-xs-140 {
    padding-left: 140px !important;
  }
  .pl-xs-150 {
    padding-left: 150px !important;
  }
  .pr-xs-0 {
    padding-right: 0 !important;
  }
  .pr-xs-5 {
    padding-right: 5px !important;
  }
  .pr-xs-10 {
    padding-right: 10px !important;
  }
  .pr-xs-15 {
    padding-right: 15px !important;
  }
  .pr-xs-20 {
    padding-right: 20px !important;
  }
  .pr-xs-25 {
    padding-right: 25px !important;
  }
  .pr-xs-30 {
    padding-right: 30px !important;
  }
  .pr-xs-35 {
    padding-right: 35px !important;
  }
  .pr-xs-40 {
    padding-right: 40px !important;
  }
  .pr-xs-45 {
    padding-right: 45px !important;
  }
  .pr-xs-50 {
    padding-right: 50px !important;
  }
  .pr-xs-60 {
    padding-right: 60px !important;
  }
  .pr-xs-70 {
    padding-right: 70px !important;
  }
  .pr-xs-80 {
    padding-right: 80px !important;
  }
  .pr-xs-90 {
    padding-right: 90px !important;
  }
  .pr-xs-100 {
    padding-right: 100px !important;
  }
  .pr-xs-110 {
    padding-right: 110px !important;
  }
  .pr-xs-120 {
    padding-right: 120px !important;
  }
  .pr-xs-130 {
    padding-right: 130px !important;
  }
  .pr-xs-140 {
    padding-right: 140px !important;
  }
  .pr-xs-150 {
    padding-right: 150px !important;
  }
  .pt-xs-0 {
    padding-top: 0 !important;
  }
  .pt-xs-5 {
    padding-top: 5px !important;
  }
  .pt-xs-10 {
    padding-top: 10px !important;
  }
  .pt-xs-15 {
    padding-top: 15px !important;
  }
  .pt-xs-20 {
    padding-top: 20px !important;
  }
  .pt-xs-25 {
    padding-top: 25px !important;
  }
  .pt-xs-30 {
    padding-top: 30px !important;
  }
  .pt-xs-35 {
    padding-top: 35px !important;
  }
  .pt-xs-40 {
    padding-top: 40px !important;
  }
  .pt-xs-45 {
    padding-top: 45px !important;
  }
  .pt-xs-50 {
    padding-top: 50px !important;
  }
  .pt-xs-60 {
    padding-top: 60px !important;
  }
  .pt-xs-70 {
    padding-top: 70px !important;
  }
  .pt-xs-80 {
    padding-top: 80px !important;
  }
  .pt-xs-90 {
    padding-top: 90px !important;
  }
  .pt-xs-100 {
    padding-top: 100px !important;
  }
  .pt-xs-110 {
    padding-top: 110px !important;
  }
  .pt-xs-120 {
    padding-top: 120px !important;
  }
  .pt-xs-130 {
    padding-top: 130px !important;
  }
  .pt-xs-140 {
    padding-top: 140px !important;
  }
  .pt-xs-150 {
    padding-top: 150px !important;
  }
  .pt-xs-200 {
    padding-top: 200px !important;
  }
  .pt-xs-250 {
    padding-top: 250px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .pb-xs-5 {
    padding-bottom: 5px !important;
  }
  .pb-xs-10 {
    padding-bottom: 10px !important;
  }
  .pb-xs-15 {
    padding-bottom: 15px !important;
  }
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
  .pb-xs-25 {
    padding-bottom: 25px !important;
  }
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
  .pb-xs-35 {
    padding-bottom: 35px !important;
  }
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
  .pb-xs-45 {
    padding-bottom: 45px !important;
  }
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px !important;
  }
  .pb-xs-70 {
    padding-bottom: 70px !important;
  }
  .pb-xs-80 {
    padding-bottom: 80px !important;
  }
  .pb-xs-90 {
    padding-bottom: 90px !important;
  }
  .pb-xs-100 {
    padding-bottom: 100px !important;
  }
  .pb-xs-110 {
    padding-bottom: 110px !important;
  }
  .pb-xs-120 {
    padding-bottom: 120px !important;
  }
  .pb-xs-130 {
    padding-bottom: 130px !important;
  }
  .pb-xs-140 {
    padding-bottom: 140px !important;
  }
  .pb-xs-150 {
    padding-bottom: 150px !important;
  }
  .pb-xs-200 {
    padding-bottom: 200px !important;
  }
  .pb-xs-250 {
    padding-bottom: 250px !important;
  }
  /*
	* Font-sizes-presets
	*/
  .fs-xs-micro {
    font-size: 9px;
  }
  .fs-xs-xsmall {
    font-size: 11px;
  }
  .fs-xs-normal {
    font-size: 13px;
  }
  .fs-xs-smaller {
    font-size: 15px;
  }
  .fs-xs-small {
    font-size: 16px;
  }
  .fs-xs-m {
    font-size: 18px;
  }
  .fs-xs-l {
    font-size: 20px;
  }
  .fs-xs-xl {
    font-size: 24px;
  }
  .fs-xs-xxl {
    font-size: 32px;
  }
  .fs-xs-larger {
    font-size: 42px;
  }
  .fs-xs-xxxl {
    font-size: 56px;
  }
  .fs-xs-xxxxl {
    font-size: 75px;
  }
  .fs-xs-jumbo {
    font-size: 80px;
  }
  .fs-xs-huge {
    font-size: 120px;
  }
  .fs-xs-immense {
    font-size: 150px;
  }
  .fs-xs-crazy {
    font-size: 200px;
  }
  /*
	* Height Sizing Presets
	* These are height values from 10 to 10 to set responsive height to a block
	*/
  .hsize-xs-reset {
    height: 0 !important;
  }
  .hsize-xs-10 {
    height: 10px;
  }
  .hsize-xs-20 {
    height: 20px;
  }
  .hsize-xs-30 {
    height: 30px;
  }
  .hsize-xs-40 {
    height: 40px;
  }
  .hsize-xs-50 {
    height: 50px;
  }
  .hsize-xs-60 {
    height: 60px;
  }
  .hsize-xs-70 {
    height: 70px;
  }
  .hsize-xs-80 {
    height: 80px;
  }
  .hsize-xs-90 {
    height: 90px;
  }
  .hsize-xs-100 {
    height: 100px;
  }
  .hsize-xs-110 {
    height: 110px;
  }
  .hsize-xs-120 {
    height: 120px;
  }
  .hsize-xs-130 {
    height: 130px;
  }
  .hsize-xs-140 {
    height: 140px;
  }
  .hsize-xs-150 {
    height: 150px;
  }
  .hsize-xs-160 {
    height: 160px;
  }
  .hsize-xs-170 {
    height: 170px;
  }
  .hsize-xs-180 {
    height: 180px;
  }
  .hsize-xs-190 {
    height: 190px;
  }
  .hsize-xs-200 {
    height: 200px;
  }
  .hsize-xs-210 {
    height: 210px;
  }
  .hsize-xs-220 {
    height: 220px;
  }
  .hsize-xs-230 {
    height: 230px;
  }
  .hsize-xs-240 {
    height: 240px;
  }
  .hsize-xs-250 {
    height: 250px;
  }
  .hsize-xs-260 {
    height: 260px;
  }
  .hsize-xs-270 {
    height: 270px;
  }
  .hsize-xs-280 {
    height: 280px;
  }
  .hsize-xs-290 {
    height: 290px;
  }
  .hsize-xs-300 {
    height: 300px;
  }
  .hsize-xs-310 {
    height: 310px;
  }
  .hsize-xs-320 {
    height: 320px;
  }
  .hsize-xs-330 {
    height: 330px;
  }
  .hsize-xs-340 {
    height: 340px;
  }
  .hsize-xs-350 {
    height: 350px;
  }
  .hsize-xs-360 {
    height: 360px;
  }
  .hsize-xs-370 {
    height: 370px;
  }
  .hsize-xs-380 {
    height: 380px;
  }
  .hsize-xs-390 {
    height: 390px;
  }
  .hsize-xs-400 {
    height: 400px;
  }
  .hsize-xs-410 {
    height: 410px;
  }
  .hsize-xs-420 {
    height: 420px;
  }
  .hsize-xs-430 {
    height: 430px;
  }
  .hsize-xs-440 {
    height: 440px;
  }
  .hsize-xs-450 {
    height: 450px;
  }
  .hsize-xs-460 {
    height: 460px;
  }
  .hsize-xs-470 {
    height: 470px;
  }
  .hsize-xs-480 {
    height: 480px;
  }
  .hsize-xs-490 {
    height: 490px;
  }
  .hsize-xs-500 {
    height: 500px;
  }
  .hsize-xs-510 {
    height: 510px;
  }
  .hsize-xs-520 {
    height: 520px;
  }
  .hsize-xs-530 {
    height: 530px;
  }
  .hsize-xs-540 {
    height: 540px;
  }
  .hsize-xs-550 {
    height: 550px;
  }
  .hsize-xs-560 {
    height: 560px;
  }
  .hsize-xs-570 {
    height: 570px;
  }
  .hsize-xs-580 {
    height: 580px;
  }
  .hsize-xs-590 {
    height: 590px;
  }
  .hsize-xs-600 {
    height: 600px;
  }
  .hsize-xs-610 {
    height: 610px;
  }
  .hsize-xs-620 {
    height: 620px;
  }
  .hsize-xs-630 {
    height: 630px;
  }
  .hsize-xs-640 {
    height: 640px;
  }
  .hsize-xs-650 {
    height: 650px;
  }
  .hsize-xs-660 {
    height: 660px;
  }
  .hsize-xs-670 {
    height: 670px;
  }
  .hsize-xs-680 {
    height: 680px;
  }
  .hsize-xs-690 {
    height: 690px;
  }
  .hsize-xs-700 {
    height: 700px;
  }
  /* Reset Columnized Lists */
  .list-col-reset-xs[data-columns] {
    margin-left: 0;
  }
  .list-col-reset-xs[data-columns] li {
    float: none;
    margin-left: 0;
    width: auto;
    display: block;
  }
  /*
	* Float Clearing Presets
	*/
  .cleft-xs {
    clear: left;
  }
  .cright-xs {
    clear: right;
  }
  .cboth-xs {
    clear: both;
  }
  /*
	* Float None
	*/
  .pull-none-xs {
    float: none !important;
  }
  /*
	 * Width presets
	 */
  .w-xs-10 {
    width: 10% !important;
  }
  .w-xs-20 {
    width: 20% !important;
  }
  .w-xs-30 {
    width: 30% !important;
  }
  .w-xs-40 {
    width: 40% !important;
  }
  .w-xs-50 {
    width: 50% !important;
  }
  .w-xs-60 {
    width: 60% !important;
  }
  .w-xs-70 {
    width: 70% !important;
  }
  .w-xs-80 {
    width: 80% !important;
  }
  .w-xs-90 {
    width: 90% !important;
  }
  .w-xs-100 {
    width: 100% !important;
  }
  /* Text Center */
  .text-center-xs {
    text-align: center;
  }
  .pt-100 {
    padding-top: 50px !important;
  }
  .pb-100 {
    padding-bottom: 50px !important;
  }
  .p-left-6 {
    padding-left: 0;
  }
}
/* c5 specific */
.ccm-edit-mode .fixed-top,
.ccm-edit-mode .fixed-bottom,
.ccm-edit-mode .sticky-top,
.ccm-edit-mode .sticky-bottom,
.ccm-edit-mode .site-header {
  position: static !important;
}
.ccm-toolbar-visible .ccm-notification-help-launcher,
.ccm-toolbar-visible #ccm-account-menu-container {
  display: none;
}
.ccm-ui .nav {
  display: block;
}
.ccm-ui .pagination > li:last-child > a,
.ccm-ui .pagination > li:last-child > span,
.ccm-ui .pagination > li:first-child > a,
.ccm-ui .pagination > li:first-child > span {
  width: auto;
}
.ccm-notification-page-alert {
  right: 0 !important;
  top: 84px !important;
}