/*
 * Custom Style Sheet - By TKMedia.co.il
*/
/**********************************************************************
 * Headway Layout
 **********************************************************************/
div.grid-container {max-width: 1140px;padding: 0px;background: transparent;}
#wrapper-0 div.grid-container {max-width: 3000px;}
.grid-container .row {margin: 0px;}

.block {margin-bottom: 0px;min-height: 0px !important;}
.block-type-widget-area li.widget ul {margin: 0 10px;padding: 15px 0;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-title {font-size: 20px;}
div.wrapper {
background-color: transparent;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
/*
/* NO WIDGETS NO DISPLAY! */ 
.widget-no-widgets { 
display:none; 
}
@media screen and (min-width: 1200px) { .w-container { max-width: 1140px; } }
/**********************************************************************
 * WP Reset
 **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
blockquote {quotes: none;}
blockquote:before,blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;border: medium none;vertical-align: middle;}
table th{border: 0;padding: 5px 7px;text-align: center;}
table td {padding: 5px 10px;text-align: center;}
a {text-decoration: none;color: #000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
a img {border: none;}
img {max-width: 100%;height: auto;}

.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor{opacity: 1;}
.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear:after {clear: both;content: "";display: block;}
.alignleft {float: left;margin: 0 20px 20px 0 !important;}
.alignright {float: right;margin: 0 0 20px 20px !important;}
.aligncenter {display: block;margin: 10px auto;}
.header_top .aligncenter{margin: 8px auto;}
.text-align-right {text-align: right;}
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
ol, ul {
list-style: none !important;
}
.content ul ul,
.content ol ol{
	padding:0 0 0 15px;
}

input[type="submit"], input[type="button"], button {background: #333;padding: 5px 20px;color: #fff;font-size: 18px !important;}
/**********************************************************************
 * Headings / Typography
 **********************************************************************/
body,
button,
input,
select,
textarea {
font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
}
body {
font-size: 15px;
line-height: 26px;
color: #363636;
font-weight: 400;
background: #fff;
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
line-height: 130%;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
h1,h2,h3,h4,h5,h6{color: #47474f;font-family: 'Alef';}
.block-type-content .entry-title, div.entry-content h1, .block-type-content div.entry-content h1, h1{margin-bottom: 10px;color: #58769a;font-size: 36px;line-height: 36px;font-weight: 700;}
div.entry-content h2, .block-type-content div.entry-content h2, h2{font-size: 24px;line-height: 1.384615384615385em;  /* 36px/26px */font-weight: 600;}
h3{font-size: 17px;line-height: 1.304347826086957em; /* 30px/23px */font-weight: 600;}
h4{font-size: 19px;line-height: 1.375em; /* 22px/16px */font-weight: 400;}
h5{font-size: 15px;line-height: 1.571428571428571em; /* 22px/14px */font-weight: 600;}
h6{font-size: 13px;line-height: 1.538461538461538em; /* 20px/13px */font-weight:600;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #303030;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #dc0c0c;}
h1 {color: #AC4453;}
a, p a{color: #000;text-decoration: none;cursor: pointer !important;}
a:hover,
p a:hover {color: #dc0c0c;text-decoration: none;}

input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button']{-webkit-appearance: none;}
ul{list-style-position:inside;}

button:focus {outline:0 !important;}

div.entry-content ul, div.entry-content ol {padding: 0px !important;}
div.entry-content ul li {list-style: none !important;}
.module li:before, .module li:after {display: inherit !important;}
div.entry-content ul, div.entry-content li {padding: 0;margin: 0;list-style: none;}
div.entry-content li {margin-bottom: 1em;margin-right: 2em;}

/**********************************************************************
 * Header
**********************************************************************/

/* Scroll Fixed Header Bar
-------------------------------------------------------------- */
#wrapper-w115553d77a894e5, [data-alias="fixed-navbar"] {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 10000;
overflow: hidden;
transition: transform 500ms, opacity 500ms;
opacity: 0;
transform: translateX(0px) translateY(-79px);
}
#wrapper-w115553d77a894e5.cbp-af-header-shrink, [data-alias="fixed-navbar"].cbp-af-header-shrink {
height: 80px;
opacity: 1;
transform: translateX(0px) translateY(0px);
}
[data-alias="fixed-nav-block"] #ubermenu-main-2 {
width: 60%;float: right;
}
.fixed-nav-phone .button.phone {margin-top: 25px;}
[data-alias="fixed-nav-block"] .button.phone { color: rgba(255, 255, 255, 0.8);text-shadow: none;}

/* Fixed Header Bar
-------------------------------------------------------------- */
[data-alias="hero-section-block"] .logo-wrapper {
  position: relative;
  text-align: center;
  width: 33%;
  float: right;
}

[data-alias="hero-section-block"] .ubermenu {float: right;  clear: none;}
.header-bar {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
padding: 5px 120px;
background-color: wh;
z-index: 1000;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
margin: 0 auto;
}
.line-container {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;

}
.header-devider {
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}

.button {
display: inline-block;
padding: 4px 15px;
border-radius: 4px;
background-color: #555;
color: white;
text-align: center;
text-decoration: none;
}
.button.phone {
margin-top: 7px;
margin-right: 14px;
padding: 12px 29px 12px 28px;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.5);
background-color: #00427a;
-webkit-transition: background-color 500ms ease, color 500ms ease, -webkit-transform 500ms ease, opacity 500ms ease;
transition: background-color 500ms ease, color 500ms ease, transform 500ms ease, opacity 500ms ease;
color: rgba(255, 255, 255, 1);
text-shadow: 1px 1px #000;
font-size: 30px;
font-weight: 700;
}
.header-phone .button.phone {margin-top: 25px;}
.button.phone:hover {
background-color: #00427a;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
color: #f0f0f0;
}
.button.phone.blue-button {
background-color: #0a5c84;
}
/**********************************************************************
 * LOGO
**********************************************************************/
.logo-main {position: relative;line-height: 100% !important;}
.logo-wrapper {position: relative;text-align: center;}
.block-type-custom-code {overflow: visible;}
.logo img {max-width: 320px;}

.white-logo {margin-top: 5px;opacity: 0.8;-webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;transition: transform 500ms ease, opacity 500ms ease;}
.white-logo:hover {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.white-logo.w--current {margin-top: 16px;opacity: 0.9;-webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;transition: transform 500ms ease, opacity 500ms ease;}
.white-logo.w--current:hover {opacity: 1;-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.white-logo.color-logo:hover {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}


.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
background: #fff !important;
font-size: 2em !important;
color: #000 !important;
text-shadow: none !important;
max-width: 300px !important;
margin: 0 auto !important;
border-radius: 50% !important;
height: 300px !important;
padding: 50px !important;
border: 2px solid #cfcbc2 !important;
box-shadow: 0 0 0 4px #fff !important;
}
.soliloquy-container .soliloquy-caption.soliloquy-caption-top {
top: 140px !important;
right: 300px !important;
}
/**********************************************************************
 * Top Nav
**********************************************************************/
[data-alias="top-nav"] {
overflow: visible !important;
border: none;
}
[data-alias="header-nav"] {background: #2499b9 !important;}

[data-alias="top-nav"] {overflow: visible !important;border: none;}


.nav-link {
display: inline-block;
padding-right: 14px;
padding-left: 14px;
-webkit-transition: color 500ms ease;
transition: color 500ms ease;
font-family: 'Alef', 'Alef', “Helvetica Neue”, Helvetica, Arial, sans-serif;
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-weight: 600;
}

.ubermenu { margin-top: 20px !important;}
.ubermenu-skin-none {font-size: 16px;color: #888888;}
.ubermenu-skin-none .ubermenu-target {color: #555555;}
.ubermenu-skin-none .ubermenu-target-description {color: #aaaaaa;}
.ubermenu-skin-none.ubermenu-responsive-toggle {background: #222222;color: #eeeeee;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {background: #111111;color: #ffffff;}
.ubermenu-skin-none {border: none;background: transparent;}

.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {color: #0a5c84;background: transparent;}

[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {color: #fff;}

.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {color: #4d90fe;background: transparent;}
.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {background: #222222;}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {font-weight: bold;color: #7d9dad;text-transform: uppercase;border-left: none;font-size: 20px;}
[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {color: rgba(218, 218, 218, 1);text-shadow: 1px 1px #000;}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target {box-shadow: none;}

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background: transparent;color: #0a5c84;}

[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
[data-alias="hero-section-block"] .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background: transparent;color: #fff;}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {color: #d9d9d9;}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {color: #ffffff;}
.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {background: #f9f9f9;border: 1px solid #e0e0e0;}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {border-top: none;}
.ubermenu-skin-none .ubermenu-tab-content-panel {background: #f9f9f9;}

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {padding: 15px 10px !important;}

.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {color: #555555;}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {color: #4d90fe;}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {color: #111111;}

.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {color: #aaaaaa;}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {color: #666666;}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {font-weight: bold;color: #555555;}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {border-bottom: 1px solid #e9e9e9;}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {color: #222222;}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {color: #222222;background: transparent;}
.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {background: #eeeeee;color: #111111;}

.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {border-color: #eeeeee;}

.ubermenu-skin-none .ubermenu-submenu-drop {border-bottom-width: 3px;}

.ubermenu .ubermenu-colgroup .ubermenu-column, 
.ubermenu .ubermenu-custom-content-padded, 
.ubermenu .ubermenu-nonlink, 
.ubermenu .ubermenu-retractor, 
.ubermenu .ubermenu-submenu-padded, 
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, 
.ubermenu .ubermenu-target, 
.ubermenu .ubermenu-widget, 
.ubermenu-responsive-toggle {padding:10px 20px;}

/**********************************************************************
 * Shiftnav
**********************************************************************/
#shiftnav-toggle-main .shiftnav-main-toggle-content {
padding: 5px 40px !important;
}

/**********************************************************************
 * Caption Hover Effects
**********************************************************************/

.grid-box {
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	transition: all 5s;
-moz-transition: all 5s;
-ms-transition: all 5s;
-webkit-transition: all 5s;
-o-transition: all 5s;
}



.grid-box figure {
	margin: 0;
	position: relative;
	background: #f3f3f3;
}
.grid-box figcaption {padding: 10px 10px 30px;}
.grid-box h2 {color: #fff !important;margin-bottom: 5px;}
h2.box1 {
    background: #8dc73f;
    padding: 10px;
}
h2.box2 {
    background: #ffab07;
    padding: 10px;
}
h2.box3 {
    background: #f23c22;
    padding: 10px;
}

/**********************************************************************
 * Soliloquy Slider
**********************************************************************/
.soliloquy, .soliloquy-slider {
margin: 0px auto !important;
padding: 0px !important;
}
.soliloquy-container .soliloquy-pager-item {
margin: 0 7px 0 0 !important;
}

/**********************************************************************
 * Gravity Forms
**********************************************************************/
/* gform placeholders*/
::-webkit-input-placeholder { color:#3c3c3c; font-size: 14px; }
:-moz-placeholder { opacity: 1; color:#3c3c3c; font-size: 14px; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#3c3c3c; font-size: 14px;} /* firefox 19+ */
:-ms-input-placeholder { color:#3c3c3c; font-size: 14px;} /* ie */
input:-moz-placeholder { color:#3c3c3c; font-size: 14px;}

.gform_wrapper .gform_footer {padding: 0 !important;margin: 0 !important;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium {width: 100% !important;}
/**********************************************************************
 * Simple Grid
**********************************************************************/
/* resets */
*,
*:before,
*:after {
box-sizing: border-box;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
[class*='col-md-'] {
float: right;
padding-right: 10px; /* column-space */
}
.push-right {float: right;}

/* grid */
.row-md {
margin: 0 -10px;
margin-bottom: 20px;
}
.row-md:last-child {
margin-bottom: 0;
}
[class*="col-md"] {
padding: 10px;
}
/* Content Columns */
.col-md-1-1 {width: 100%;}
.col-md-2-3, .col-8-12 {width: 66.66%;}
.col-md-1-2, .col-6-12 {width: 50%;}
.col-md-1-3, .col-4-12 {width: 33.33%;}
.col-md-1-4, .col-3-12 {width: 25%;}
.col-md-1-5 {width: 20%;}
.col-md-1-6, .col-2-12 {width: 16.667%;}
.col-md-1-7 {width: 14.28%;}
.col-md-1-8 {width: 12.5%;}
.col-md-1-9 {width: 11.1%;}
.col-md-1-10 {width: 10%;}
.col-md-1-11 {width: 9.09%;}
.col-md-1-12 {width: 8.33%}

/* Layout Columns */
.col-md-11-12 {width: 91.66%}
.col-md-10-12 {width: 83.333%;}
.col-md-9-12 {width: 75%;}
.col-md-5-12 {width: 41.66%;}
.col-md-7-12 {width: 58.33%}


/**********************************************************************
* Hero Section
**********************************************************************/
[data-alias="hero-section"] {padding: 0 !important;}
[data-alias="hero-section"] div.grid-container {max-width: 3000px;}
/**********************************************************************
 * Top Slider
**********************************************************************/


/**********************************************************************
 * Home Page
**********************************************************************/


/**********************************************************************
 * Side Bar
**********************************************************************/
.block-type-widget-area li.widget .widget-title {
font-size: 22px;
line-height: 150%;
border: none;
}
#text-3 {
  border-bottom: 1px solid #EAEAEA;
}

/**********************************************************************
 * Footer
**********************************************************************/
[data-alias="footer"] {background:#4DC2D2 !important; }
#nav_menu-2 #menu-top-nav {padding-top: 0px;}
.block-type-widget-area .horizontal-sidebar li.widget {float: right;margin: 0 15px 0 15px;width: 45%;}
.foot-text {text-transform: uppercase;padding: 15px;color: #29a4b5;background: #f8f8f8;}
/**********************************************************************
 * THEME Layout
**********************************************************************/
h1 {
  margin-bottom: 4px;
  color: white;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
h2 {
  margin-bottom: 30px;
  font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
  color: #58769a;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  position: static;
  left: -146px;
  top: -30px;
  margin-bottom: auto;
  color: #58769a;
  font-size: 16px;
  line-height: 30px;
  font-weight: 800;
  text-align: right;
}
h3:hover {
  color: #00427a;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
}
.button {
  display: inline-block;
  padding: 4px 15px;
  border-radius: 4px;
  background-color: #555;
  color: white;
  text-align: center;
  text-decoration: none;
}
.button.download {
  margin-top: 7px;
  margin-right: 14px;
  padding: 12px 29px 12px 28px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.29);
  background-color: rgba(0, 0, 0, 0.09);
  -webkit-transition: background-color 500ms ease, color 500ms ease, -webkit-transform 500ms ease, opacity 500ms ease;
  transition: background-color 500ms ease, color 500ms ease, transform 500ms ease, opacity 500ms ease;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
}
.button.download:hover {
  background-color: #00427a;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  color: #f0f0f0;
}
.button.download.blue-button {
  background-color: #0a5c84;
}
.hero-section {
  height: 100%;
  background-color: #383838;
  text-align: center;
}
.nav-link {
  display: inline-block;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
}
.nav-link:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: white;
}
.nav-link.w--current {
  font-size: 16px;
  font-weight: 600;
}
.nav-link.blue-text {
  color: #7d9dad;
}
.nav-link.blue-text:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #0a5c84;
}
.nav-link.blue-text.w--current {
  color: #0a5c84;
}
.navbar {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 80px;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: transparent;
}
.hero-devider {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.content-section {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: whitesmoke;
}
.content-section.testibg {
  height: 480px;
  background-color: #00427a;
  background-image: -webkit-linear-gradient(rgba(0, 66, 122, 0.8), rgba(0, 66, 122, 0.8)), url('../images/bg-face2.jpg');
  background-image: linear-gradient(rgba(0, 66, 122, 0.8), rgba(0, 66, 122, 0.8)), url('../images/bg-face2.jpg');
  background-position: 0% 0%, 0px 0px;
  background-size: auto, 294px;
  background-repeat: repeat, repeat;
  background-attachment: scroll, fixed;
}
.content-section.bg-how-it-work {
  height: 900px;
  background-color: whitesmoke;
}
.content-section.ourmerchant-bg {
  background-image: url('../images/cloudbg.jpg');
  background-size: cover;
  background-attachment: fixed;
}
.content-section.section-contact-us {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  padding-top: 0px;
  background-color: whitesmoke;
}
.content-section.download-app {
  height: 500px;
  background-image: -webkit-linear-gradient(#001b33, rgba(0, 0, 0, 0.6)), url('../images/notebook-336634_1280-3.jpg');
  background-image: linear-gradient(#001b33, rgba(0, 0, 0, 0.6)), url('../images/notebook-336634_1280-3.jpg');
  background-position: 0% 0%, 0px 0px;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}
.content-wrapper {
  height: 100%;
  text-align: center;
}
.sub-heading {
  margin-bottom: 60px;
  padding-right: 80px;
  padding-left: 80px;
  font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
  color: #aaa;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.tabs-content {
  position: relative;
  left: -46px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 310px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.tabs-menu {
  position: absolute;
  right: 27%;
  top: 17px;
  overflow-x: visible;
  overflow-y: visible;
  width: 80px;
  height: 100%;
}
.tab-link {
  width: 80px;
  height: 80px;
  margin-top: 36px;
  margin-bottom: 36px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 40px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.tab-link:hover {
  background-color: #c4c4c4;
}
.tab-link.w--current {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.tab-link.w--current:hover {
  background-color: #c4c4c4;
}
.tab-link.right {
  right: 560%;
  top: -455px;
  left: -87px;
  float: none;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.font-thin {
  font-weight: 300;
}
.tab-desk {
  position: static;
  left: -220px;
  top: 24px;
  right: 98px;
  color: #999;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  text-align: right;
}
.tab-desk.desk-how-it-work {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 30px;
  color: #7d9dad;
  font-size: 18px;
  line-height: 24px;
}
.tab-desk.desk-how-it-work.left {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}
.tab-link-block {
  position: absolute;
  right: -273%;
  top: -10px;
  left: 120%;
}
.tab-link-block.right {
  right: 120%;
  top: -10px;
  left: -282%;
  text-align: left;
}
.tab-image-icon {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.8;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.tab-image-icon:hover {
  opacity: 1;
}
.left-text {
  text-align: left;
}
.right-text {
  line-height: 20px;
  text-align: right;
}
.testimonial {
  display: block;
  width: 80%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  font-size: 24px;
  line-height: 34px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}
.testi-slide1 {
  background-color: transparent;
}
.testi-slider {
  height: 100%;
  background-color: transparent;
}
.testi-writer {
  display: block;
  width: 80%;
  margin-top: 45px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}
.tab-link-how-it-work {
  display: inline-block;
  width: 160px;
  height: 54px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 16px;
  border-radius: 6px;
  background-color: #525252;
  color: white;
}
.tab-link-how-it-work.w--current {
  border-radius: 8px;
  background-color: #0a5c84;
}
.tab-link-text {
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.div-block-tab-link {
  display: block;
  background-color: transparent;
}
.tabs-menu-2 {
  display: block;
  height: 60px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
}
.div-block-des {
  width: 50%;
  padding-top: 30px;
  padding-right: 20px;
  float: left;
}
.div-block-des.right {
  padding-top: 60px;
  padding-right: 0px;
  padding-left: 20px;
  float: right;
}
.div-block-des.login {
  padding-top: 94px;
}
.div-block-img {
  width: 50%;
  padding-top: 40px;
  float: right;
}
.div-block-img.left {
  padding-top: 58px;
  float: left;
}
.h2-how-it-work {
  width: 100%;
  height: 50px;
  margin-bottom: 9px;
  border-bottom: 1px solid #aad0e3;
  font-size: 34px;
  text-align: right;
}
.h2-how-it-work.left {
  text-align: left;
}
.light {
  font-weight: 300;
}
.sub-how-it-work {
  width: 100%;
  color: #58769a;
  font-size: 16px;
  font-style: italic;
  text-align: right;
}
.sub-how-it-work.left {
  text-align: left;
}
.btn-download {
  width: 49%;
  height: 60px;
  margin-left: 4px;
  float: right;
  border: 1px solid #9abccd;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.btn-download:hover {
  background-color: rgba(255, 255, 255, 0.49);
}
.btn-download.left {
  margin-left: 0px;
  float: left;
}
.btn-download.left.white {
  border-color: white;
  -webkit-transition: background-color 500ms ease, height 500ms ease;
  transition: background-color 500ms ease, height 500ms ease;
}
.btn-download.left.white:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: background-color 500ms ease, -webkit-transform 500ms ease, width 500ms ease, height 500ms ease;
  transition: background-color 500ms ease, transform 500ms ease, width 500ms ease, height 500ms ease;
}
.btn-download.right {
  margin-left: 0px;
}
.btn-download.right.white {
  border-color: white;
  opacity: 0.9;
  -webkit-transition: background-color 500ms ease, -webkit-transform 500ms ease;
  transition: background-color 500ms ease, transform 500ms ease;
}
.btn-download.right.white:hover {
  opacity: 1;
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: background-color 500ms ease, width 500ms ease, height 500ms ease, -webkit-transform 500ms ease;
  transition: background-color 500ms ease, width 500ms ease, height 500ms ease, transform 500ms ease;
}
.btn-icon {
  width: 18%;
  height: auto;
  margin-top: 8px;
  margin-left: 6px;
  float: left;
}
.btn-text {
  width: 75%;
  margin-top: 10px;
  float: right;
}
.txt-download-app {
  color: #58769a;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
}
.txt-download-app.white {
  color: white;
}
.download-from {
  color: #58769a;
  text-align: left;
  text-transform: uppercase;
}
.download-from.white {
  color: white;
}
.div-block-merchant {
  height: auto;
  padding: 20px;
  border-radius: 4px;
  background-color: white;
  box-shadow: rgba(60, 86, 103, 0.4) 0px 2px 13px 0px;
}
.our-merchant {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  color: #43474b;
}
.our-merchant.download-app {
  color: white;
}
.gallery-logo {
  display: inline-block;
  width: 130px;
  height: 110px;
  margin: 20px 25px;
  opacity: 0.5;
  -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  text-align: center;
}
.gallery-logo:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.divide-contact-us {
  position: relative;
  height: 8px;
  margin-bottom: 120px;
  background-color: #dedede;
}
.circle {
  position: absolute;
  left: 0px;
  top: -23px;
  right: 0px;
  display: block;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 40px;
  background-color: #dedede;
  background-image: url('../images/icon_envelope.svg');
  background-position: 50% 50%;
  background-size: 26px;
  background-repeat: no-repeat;
}
.footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #e8e8e8;
}
.block-download {
  display: block;
  width: 60%;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
}
.block-download.block-cta-dw {
  width: 100%;
  margin-top: 0px;
}
.social-media-block {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #ccc;
}
.social-media-block.how-it-work {
  margin-bottom: 0px;
  padding-bottom: 0px;
  float: right;
  border-bottom-style: none;
  border-bottom-width: 0px;
}
.bg-social-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 10px;
  border-radius: 24px;
  background-color: #7d9dad;
  -webkit-transition: -webkit-transform 500ms ease, background-color 500ms ease;
  transition: transform 500ms ease, background-color 500ms ease;
}
.bg-social-icon:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.bg-social-icon.facebook:hover {
  background-color: #3b5998;
  opacity: 1;
}
.bg-social-icon.twitter:hover {
  background-color: #00aced;
}
.bg-social-icon.google-plus:hover {
  background-color: #dd4b39;
}
.bg-social-icon.linked:hover {
  background-color: #007bb6;
}
.bg-social-icon.youtube:hover {
  background-color: #b00;
}
.social-icon {
  display: block;
  margin-top: 12px;
  margin-right: auto;
  margin-left: auto;
}
.copyright {
  color: #87a5b4;
  font-size: 16px;
  text-decoration: none;
}
.btn-app-store {
  width: 49%;
  height: 60px;
  float: left;
  border: 1px solid #9abccd;
  border-radius: 4px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.btn-app-store:hover {
  background-color: rgba(255, 255, 255, 0.49);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.white-logo {
  margin-top: 5px;
  opacity: 0.8;
  -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
}
.white-logo:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.white-logo.w--current {
  margin-top: 16px;
  opacity: 0.9;
  -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
}
.white-logo.w--current:hover {
  opacity: 1;
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.white-logo.color-logo:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.block-download-btn {
  display: inline;
  padding-left: 14px;
}
.slider {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  height: 100vh;
}
.slide-1 {
  background-image: url('../images/bg1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-1-container {
  position: relative;
  height: 100%;
}
.div-hero-image {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 50%;
  height: 100%;
  padding-top: 140px;
  float: left;
}
.div-cta {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 50%;
  height: 100%;
  padding-top: 260px;
  padding-left: 20px;
  float: right;
}
.sub-headline {
  margin-bottom: 40px;
  color: white;
  font-size: 30px;
  line-height: 35px;
  font-weight: 300;
}
.slide-2 {
  background-image: url('../images/bg1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-2-container {
  position: relative;
  display: block;
  height: 100%;
}
.div-block-left {
  width: 50%;
  height: 100%;
  padding-top: 360px;
  float: left;
}
.hero-2 {
  position: absolute;
  left: 47%;
  top: 182px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 600px;
}
.blok-img-slide-2 {
  width: 50%;
  height: 100%;
  float: right;
}
.slide-3 {
  background-image: url('../images/bg1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-3-container {
  height: 100%;
}
.div-block-des-slide-3 {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  padding-top: 315px;
  float: left;
}
.div-block-hero-3 {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
}
.hero-3 {
  position: absolute;
  top: 244px;
  display: inline-block;
  overflow-x: hidden;
  overflow-y: hidden;
}
.container-nav-bar {
  position: relative;
  height: 60px;
}
.tabsmenu {
  height: 60px;
}
.fixed-navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 5px 0;
  display: none;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.29) 0px -1px 4px 0px;
}
.text-filed {
  display: block;
  width: 70%;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.text-filed:hover {
  background-color: #f0f0f0;
}
.text-area {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70%;
  max-width: 70%;
  min-height: 160px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.text-area:hover {
  background-color: #f0f0f0;
}
.succsess-message {
  width: 70%;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 6px;
  background-color: #51ad3e;
}
.error-message {
  width: 70%;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 19px;
  padding-bottom: 19px;
  border-radius: 6px;
  background-color: #d66363;
}
.button-submit {
  width: 70%;
  height: 60px;
  border-radius: 6px;
  background-color: #0a5c84;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.button-submit:hover {
  background-color: #00427a;
}
.brand {
  font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 600;
  text-transform: none;
}
.brand.w--current {
  text-decoration: none;
}
.icon-logo {
  display: inline-block;
  margin-top: -2px;
  margin-left: 6px;
}
.logo-text {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 700;
  text-transform: none;
}
.line-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
html.w-mod-js *[data-ix="display-none-on-load"] {
  display: none;
}
html.w-mod-js *[data-ix="fade-down"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js *[data-ix="fade-down-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js *[data-ix="fade-down-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js *[data-ix="fade-down-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js *[data-ix="fade-left"] {
  opacity: 0;
  -webkit-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate(-200px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left-2"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left-3"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left-4"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left-5"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-2"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-3"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-4"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-5"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-6"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="appaer-and-show"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-left-6"] {
  opacity: 0.02;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="scroll-from-right-7"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="appaer-and-show-2"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
html.w-mod-js.w-mod-no-ios *[data-ix="appaer-and-show-3"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="appaer-and-show-4"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-7"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-8"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-9"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="fade-down-scroll-10"] {
  opacity: 0;
  -webkit-transform: translate(0px, -35px);
  -ms-transform: translate(0px, -35px);
  transform: translate(0px, -35px);
}
html.w-mod-js.w-mod-no-ios *[data-ix="appaer-and-show-5"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
html.w-mod-js *[data-ix="bottom-up"] {
  opacity: 0;
  -webkit-transform: translate(0px, 516px);
  -ms-transform: translate(0px, 516px);
  transform: translate(0px, 516px);
}
@media (max-width: 991px) {
  h1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
  }
  .button.download {
    display: block;
    width: 40%;
    height: 60px;
    margin-top: 2px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-right: 20px;
    padding-left: 20px;
    border-color: rgba(125, 157, 173, 0.49);
    background-color: rgba(0, 66, 122, 0.74);
    color: #edf9ff;
    font-size: 18px;
    font-weight: 600;
  }
  .button.download:hover {
    background-color: #00427a;
  }
  .nav-link {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: color 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
    transition: color 500ms ease, opacity 500ms ease, transform 500ms ease;
    font-family: 'Alef', 'Alef', “Helvetica Neue”,  Helvetica, Arial, sans-serif;
    color: #7d9dad;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
  }
  .nav-link:hover {
    width: 100%;
    background-color: #ebebeb;
    color: #00427a;
    font-size: 20px;
  }
  .nav-link.w--current {
    text-align: center;
  }
  .navbar {
    background-color: transparent;
  }
  .menu-button {
    display: block;
    width: 60px;
    height: 60px;
    background-color: transparent;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
  }
  .menu-button:hover {
    background-color: rgba(255, 255, 255, 0.09);
  }
  .menu-button.w--open {
    background-color: transparent;
  }
  .i-icon {
    position: absolute;
    left: 0px;
    top: 13px;
    right: 0px;
    bottom: 0px;
    display: inline-block;
    font-size: 38px;
  }
  .i-icon.fix-nav {
    left: 11px;
    top: 13px;
    right: auto;
    bottom: auto;
    color: #0a5c84;
  }
  .content-section {
    padding-bottom: 155px;
  }
  .content-section.testibg {
    padding-bottom: 80px;
  }
  .content-section.bg-how-it-work {
    height: auto;
    padding-bottom: 80px;
  }
  .content-section.section-contact-us {
    padding-bottom: 80px;
  }
  .content-section.download-app {
    padding-bottom: 80px;
  }
  .content-wrapper {
    height: 100%;
  }
  .tabs-menu {
    right: 6%;
    top: -45px;
  }
  .tab-link {
    margin-bottom: 100px;
  }
  .tab-link.w--current {
    margin-bottom: 100px;
  }
  .tab-link.right {
    right: 710%;
    top: -648px;
    left: -56px;
  }
  .tab-desk.desk-how-it-work {
    width: 98%;
    margin-bottom: 20px;
    float: right;
  }
  .tab-desk.desk-how-it-work.left {
    float: left;
  }
  .tab-link-block {
    left: -144%;
    top: 88px;
    right: 6%;
  }
  .tab-link-block.right {
    left: 6%;
    top: 88px;
    right: -160%;
  }
  .left-text {
    line-height: 22px;
  }
  .testimonial {
    margin-top: 30px;
  }
  .testi-slide1 {
    display: inline-block;
    height: 259px;
  }
  .tab-link-how-it-work {
    display: block;
    width: 80%;
    height: 60px;
    margin-right: auto;
    margin-bottom: 4px;
    margin-left: auto;
    padding-top: 20px;
  }
  .div-block-des {
    width: 50%;
    padding-right: 2%;
  }
  .div-block-img {
    margin-top: 11%;
  }
  .div-block-img.left {
    margin-top: 8%;
  }
  .h2-how-it-work {
    width: 90%;
    float: right;
    font-size: 28px;
  }
  .h2-how-it-work.left {
    float: left;
  }
  .sub-how-it-work {
    width: 90%;
    float: right;
  }
  .sub-how-it-work.left {
    float: left;
  }
  .btn-download {
    display: block;
    width: 70%;
    margin-top: 6px;
    margin-right: 0px;
    float: right;
  }
  .btn-download.left.white {
    width: 49%;
    margin-right: auto;
    margin-left: auto;
    float: left;
  }
  .btn-download.right {
    float: right;
  }
  .btn-download.right.white {
    display: block;
    width: 49%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    float: right;
    text-align: center;
  }
  .btn-download.cta-app-store {
    width: 80%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    -webkit-transition: background-color 500ms ease, -webkit-transform 500ms ease;
    transition: background-color 500ms ease, transform 500ms ease;
  }
  .btn-download.cta-app-store:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
  .btn-download.cta-android-store {
    width: 80%;
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    -webkit-transition: background-color 500ms ease, -webkit-transform 500ms ease;
    transition: background-color 500ms ease, transform 500ms ease;
  }
  .btn-download.cta-android-store:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .our-merchant {
    width: 80%;
  }
  .block-download {
    width: 80%;
  }
  .block-download.the-app-download {
    width: 80%;
    margin-top: auto;
  }
  .btn-app-store {
    width: 70%;
    float: right;
  }
  .white-logo {
    margin-top: 0px;
  }
  .white-logo.w--current {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
  }
  .white-logo.w--current:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  .white-logo.color-logo:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  .white-logo.color-logo.w--current {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
  }
  .white-logo.color-logo.w--current:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  .nav-menu-open {
    display: inline-block;
    height: auto;
    background-color: whitesmoke;
  }
  .block-download-btn {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
  }
  .block-download-btn:hover {
    background-color: #ebebeb;
  }
  .div-hero-image {
    padding-top: 204px;
  }
  .hero-image {
    bottom: 79px;
  }
  .div-cta {
    display: inline-block;
    padding-top: 200px;
    padding-left: 30px;
  }
  .sub-headline {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 35px;
  }
  .div-block-left {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 145px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    text-align: center;
  }
  .hero-2 {
    left: 12%;
    top: 318px;
    right: 40px;
    bottom: 1px;
    width: 600px;
  }
  .div-block-des-slide-3 {
    position: relative;
    display: block;
    width: 90%;
    height: 36%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 155px;
    float: none;
    text-align: center;
  }
  .div-block-hero-3 {
    display: block;
    width: 90%;
    height: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .hero-3 {
    left: 149px;
    top: 51px;
  }
  .container-nav-bar {
    height: 100%;
  }
  .tabcontent {
    height: 100%;
    margin-top: 300px;
  }
  .tabsmenu {
    height: auto;
  }
  .fixed-navbar {
    position: fixed;
  }
  .text-filed {
    width: 80%;
  }
  .text-area {
    width: 80%;
    max-width: 80%;
  }
  .succsess-message {
    width: 80%;
  }
  .error-message {
    width: 80%;
  }
  .button-submit {
    width: 80%;
  }
}
@media (max-width: 767px) {
  h1 {
    text-align: center;
  }
  .button.download {
    width: 50%;
  }
  .content-section {
    padding-bottom: 0px;
  }
  .content-wrapper {
    height: 100%;
  }
  .sub-heading {
    margin-bottom: 49px;
    padding-right: 29px;
    padding-left: 29px;
  }
  .tabs-content {
    position: static;
    display: block;
    width: 320px;
    height: 600px;
    margin-top: 60px;
  }
  .tabs-menu {
    position: static;
    display: block;
    width: 90%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .tab-link {
    display: block;
    width: 100%;
    height: 90px;
    margin-top: 4px;
    margin-bottom: auto;
    border-radius: 6px;
  }
  .tab-link.w--current {
    display: block;
    margin-bottom: 4px;
    border-radius: 4px;
  }
  .tab-link.right {
    position: static;
  }
  .tab-desk.desk-how-it-work {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .tab-desk.desk-how-it-work.left {
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .tab-link-block {
    position: static;
    display: inline-block;
    width: 80%;
    float: left;
  }
  .tab-link-block.right {
    text-align: left;
  }
  .tab-image-icon {
    width: 20%;
    height: 60px;
    margin-top: 10px;
  }
  .left-text {
    text-align: right;
  }
  .right-text {
    display: block;
  }
  .testimonial {
    margin-top: 26px;
    font-size: 22px;
  }
  .testi-slide1 {
    height: 100%;
  }
  .testi-writer {
    margin-top: 30px;
    font-size: 16px;
  }
  .tab-link-how-it-work {
    width: 80%;
  }
  .div-block-des {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    float: none;
  }
  .div-block-des.right {
    padding-top: 30px;
    float: none;
  }
  .div-block-des.login {
    padding-top: 30px;
  }
  .div-block-img {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
  }
  .div-block-img.left {
    margin-top: auto;
  }
  .h2-how-it-work {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .h2-how-it-work.left {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .sub-how-it-work {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .sub-how-it-work.left {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .btn-download {
    position: relative;
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    width: 60%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
    clear: none;
  }
  .btn-download.left {
    float: left;
  }
  .btn-download.left.white {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
  }
  .btn-download.right {
    float: right;
  }
  .btn-download.right.white {
    width: 100%;
  }
  .btn-download.cta-app-store {
    width: 100%;
  }
  .btn-download.cta-android-store {
    width: 100%;
  }
  .btn-icon {
    width: 14%;
  }
  .btn-text {
    width: 80%;
  }
  .gallery-logo {
    width: 22%;
    margin-right: 28px;
    margin-left: 28px;
  }
  .block-download.block-cta-dw {
    display: block;
    width: 60%;
    text-align: center;
  }
  .social-media-block.how-it-work {
    float: none;
  }
  .btn-app-store {
    width: 60%;
    float: none;
  }
  .white-logo {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
  }
  .white-logo.w--current {
    margin-top: 18px;
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
  }
  .white-logo.w--current:hover {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
  }
  .white-logo.color-logo {
    margin-top: 18px;
    -webkit-transform: translate(0px, -5px) scale(0.9);
    -ms-transform: translate(0px, -5px) scale(0.9);
    transform: translate(0px, -5px) scale(0.9);
  }
  .white-logo.color-logo:hover {
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
  }
  .white-logo.color-logo.w--current {
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
  }
  .white-logo.color-logo.w--current:hover {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
  }
  .slider {
    height: 900px;
    min-height: 900px;
  }
  .slide-1-container {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
  }
  .div-hero-image {
    position: static;
    left: auto;
    top: 0px;
    right: 0px;
    bottom: auto;
    display: block;
    width: 100%;
    padding-top: 487px;
    padding-left: 31px;
    float: right;
  }
  .hero-image {
    position: static;
  }
  .div-cta {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 80%;
    height: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 160px;
    padding-left: 0px;
    float: none;
    clear: both;
    text-align: center;
  }
  .sub-headline {
    text-align: center;
  }
  .div-block-left {
    display: block;
    width: 90%;
    margin-top: 30%;
    float: none;
  }
  .hero-2 {
    left: 0%;
    top: 360px;
  }
  .div-block-des-slide-3 {
    display: block;
    width: 80%;
    height: 40%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 173px;
    padding-left: 0px;
    float: none;
  }
  .div-block-hero-3 {
    width: 80%;
  }
  .hero-3 {
    left: 40px;
    top: 26px;
  }
  .succsess-message {
    width: 80%;
  }
}
@media (max-width: 479px) {
  h1 {
    overflow-x: visible;
    overflow-y: visible;
    font-size: 41px;
    line-height: 48px;
    text-align: center;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    margin-top: 8px;
  }
  .button.download {
    width: 70%;
  }
  .menu-button.w--open {
    color: transparent;
  }
  .i-icon {
    color: white;
  }
  .i-icon:focus {
    color: #00427a;
  }
  .content-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .content-section.testibg {
    padding-bottom: 30px;
  }
  .content-section.ourmerchant-bg {
    padding-bottom: 40px;
  }
  .content-section.download-app {
    height: 540px;
  }
  .content-wrapper {
    height: 100%;
  }
  .sub-heading {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
  }
  .tabs-content {
    width: 300px;
    height: auto;
    margin-top: 30px;
  }
  .tabs-menu {
    position: static;
    left: 18%;
    top: 0px;
    right: 18%;
    bottom: 0px;
    display: inline-block;
    clear: both;
  }
  .tab-link {
    height: 60px;
    margin-top: 4px;
  }
  .tab-desk {
    display: none;
  }
  .tab-desk.desk-how-it-work {
    display: block;
    width: 100%;
    margin-top: 3px;
  }
  .tab-image-icon {
    width: 16%;
    height: 39px;
    margin-top: 2px;
    float: right;
  }
  .right-text {
    display: none;
  }
  .testimonial {
    width: 90%;
    margin-top: 20px;
    font-size: 18px;
  }
  .testi-slider {
    height: 100%;
  }
  .testi-writer {
    width: 90%;
  }
  .testi-slide-nav {
    padding-top: 11px;
  }
  .tab-link-how-it-work {
    width: 90%;
    margin-bottom: 4px;
    color: white;
  }
  .tab-link-how-it-work.w--current {
    margin-bottom: 4px;
    border-style: none;
    border-width: 0px;
  }
  .div-block-tab-link {
    position: static;
    width: 100%;
    height: auto;
  }
  .tabs-menu-2 {
    display: block;
  }
  .div-block-des {
    margin-top: 0%;
  }
  .div-block-img {
    width: 100%;
    margin-top: 8%;
  }
  .h2-how-it-work {
    width: 100%;
    float: none;
    font-size: 23px;
  }
  .h2-how-it-work.left {
    display: inline;
    float: left;
  }
  .sub-how-it-work {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 20px;
    float: none;
    font-size: 18px;
  }
  .sub-how-it-work.left {
    display: block;
  }
  .btn-download {
    width: 100%;
    margin-bottom: 4px;
    float: left;
  }
  .btn-download.right {
    float: left;
  }
  .btn-icon {
    width: 20%;
  }
  .btn-text {
    width: 75%;
  }
  .div-block-merchant {
    margin: 18px;
    padding: 0px;
  }
  .our-merchant {
    width: 90%;
    margin-bottom: 30px;
    line-height: 20px;
  }
  .our-merchant.download-app {
    margin-bottom: 30px;
  }
  .gallery-logo {
    width: 30%;
    margin-right: 8%;
    margin-left: 8%;
  }
  .divide-contact-us {
    margin-bottom: 70px;
  }
  .block-download {
    width: 80%;
    margin-top: 65px;
  }
  .block-download.block-cta-dw {
    width: 80%;
  }
  .block-download.the-app-download {
    margin-top: 58px;
  }
  .social-media-block.how-it-work {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .bg-social-icon {
    margin-right: 4px;
    margin-left: 4px;
  }
  .bg-social-icon.facebook {
    margin-right: 4px;
    margin-left: 4px;
  }
  .copyright {
    font-size: 18px;
    line-height: 24px;
  }
  .btn-app-store {
    width: 100%;
  }
  .white-logo.w--current {
    margin-top: 20px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .white-logo.w--current:hover {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }
  .white-logo.color-logo.w--current {
    margin-top: 20px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .white-logo.color-logo.w--current:hover {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }
  .slide-1 {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .div-hero-image {
    width: 200%;
    height: 200%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 500px;
    padding-left: 0px;
    float: none;
    clear: both;
  }
  .hero-image {
    position: relative;
    left: -93px;
    top: 42px;
    right: 42px;
    bottom: auto;
  }
  .div-cta {
    width: 90%;
    padding-top: 140px;
  }
  .sub-headline {
    font-size: 23px;
    line-height: 30px;
  }
  .slide-2 {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .div-block-left {
    position: relative;
    left: 0px;
    top: 0px;
    width: 90%;
    height: auto;
    margin-top: 140px;
  }
  .hero-2 {
    left: 23%;
    top: 57px;
    right: auto;
    bottom: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    width: auto;
  }
  .blok-img-slide-2 {
    position: relative;
    display: block;
    width: 200%;
    height: 90%;
  }
  .slide-3 {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .div-block-des-slide-3 {
    width: 90%;
    height: auto;
    padding-top: 165px;
  }
  .div-block-hero-3 {
    position: relative;
    left: -54px;
    top: -61px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 200%;
    height: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .hero-3 {
    position: absolute;
    left: 54px;
    top: 93px;
    right: auto;
    bottom: auto;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .fixed-navbar {
    display: block;
  }
  .text-filed {
    width: 90%;
  }
  .text-area {
    width: 90%;
    max-width: 90%;
  }
  .succsess-message {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .error-message {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .button-submit {
    width: 90%;
  }
}






/* 404
-------------------------------------------------------------- */
.error404 { height: 770px; position: relative; text-align: center; }
.error404 .vert-center { width: 100%; left: 0; }
.error404 h1 { margin-bottom: 14px; font-size: 4.8em; color: #fff; }
.page-404-not-found footer { margin-top: 47px; }

/* Firefox Specific Rules
-------------------------------------------------------------- */
@-moz-document url-prefix() {
    input[type="checkbox"] { width: auto !important; height: auto; }
    input[type="checkbox"]:checked { background: none !important; }
    input[type="checkbox"] + label { top: 0; }
    input[type="submit"],
    select { text-indent: 0.01px; }
	.btn { font-weight: 400; }
}

/**********************************************************************
 * MEDIA QUERIES
**********************************************************************/

/* Responsive - Desktop
-------------------------------------------------------------- */
@media only screen and (min-width: 1027px) {
    .desktop { display: block; }
    .mobile { display: none; }
}

/* Responsive - Tablet & Mobile
-------------------------------------------------------------- */
@media only screen and (max-width: 1026px) {
    body{ -webkit-text-size-adjust: none; }
    .desktop { display: none; }
    .mobile { display: block; }
}

/* Responsive - Tablet Landscape + Tablet Portrait
-------------------------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 1026px) {


}

/* Responsive - Desktop Global 
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	[data-alias="fixed-navbar"] .row-1 {width: 33.5%; float: right;}
	[data-alias="fixed-navbar"] .row-2 {width: 66.5%; float: left;}

	[data-alias="content"] .row-1 {width: 70%; float: right;padding: 0 10px;border-left: 1px solid #EAEAEA;}
	[data-alias="content"] .row-2 {width: 30%; float: right;padding: 0 10px;}
	.page-id-72 [data-alias="content"] .row-1 {width: 100%; float: none;}
		
	.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
	float: right !important;
	}
	.grid-box li {
	display: inline-block;
	width: 33%;
	margin: 0;
	text-align: right;
	position: relative;
	float: right;
	}
	.grid-box li{ 
	-webkit-transition: margin 0.5s ease-out; 
	-moz-transition: margin 0.5s ease-out; 
	-o-transition: margin 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out;
	top:-56px;
	} 
	.grid-box li:hover { top: -150px;}
	.grid-box figcaption {min-height: 120px;}

}

/* Responsive - Tablet Landscape
-------------------------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 1026px) {
		
	.error404 { height: 385px; }
}

/* Responsive - Tablet
-------------------------------------------------------------- */
@media (max-width: 991px) {
	
	.header-bar {position: relative;}
	.header-phone .button.phone {text-align: center;margin: 10px 20px;display: block;}
	.white-logo {margin-top: 0px;}
	.white-logo.w--current {-webkit-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}
	.white-logo.w--current:hover {-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
	.white-logo.color-logo:hover {-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);}
	.white-logo.color-logo.w--current {-webkit-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}
	.white-logo.color-logo.w--current:hover {-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}

	.white-logo.color-logo {margin-top: 0px;-webkit-transform: translate(0px, -15px) scale(0.6);-ms-transform: translate(0px, -15px) scale(0.6);transform: translate(0px, -15px) scale(0.6);}
	.white-logo.color-logo:hover {-webkit-transform: translate(0px, -15px) scale(0.7);-ms-transform: translate(0px, -15px) scale(0.7);transform: translate(0px, -15px) scale(0.7);}
}

@media only screen and (min-width: 992px) {
	[data-alias="mobile-phone"] {display: none;}
}
/* Responsive - Mobile Landscape + Mobile Portrait
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 767px) {
	[data-alias="fixed-navbar"] {display: none;}
	
	.white-logo {-webkit-transform: scale(0.96);-ms-transform: scale(0.96);transform: scale(0.96);}
	.white-logo.w--current {margin-top: 0px;-webkit-transform: scale(0.94);-ms-transform: scale(0.94);transform: scale(0.94);}
	.white-logo.w--current:hover {-webkit-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}
	.white-logo.color-logo {margin-top: 0px;-webkit-transform: translate(0px, -15px) scale(0.6);-ms-transform: translate(0px, -15px) scale(0.6);transform: translate(0px, -15px) scale(0.6);}
	.white-logo.color-logo:hover {-webkit-transform: translate(0px, -15px) scale(0.7);-ms-transform: translate(0px, -15px) scale(0.7);transform: translate(0px, -15px) scale(0.7);}
	.white-logo.color-logo.w--current {-webkit-transform: scale(0.94);-ms-transform: scale(0.94);transform: scale(0.94);}
	.white-logo.color-logo.w--current:hover {-webkit-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}	
	
	.grid {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 20px; /* grid-space to left */padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */}	
	[class*='col-md-'] {width: auto;float: none;margin-left: 0px;margin-right: 0px;margin-top: 10px;margin-bottom: 10px;padding-left: 0px;padding-right: 10px; /* column-space */text-align: center;}
	div.grid-container {padding: 0;}
	.size-full, .size-large {width:100%;height: auto;}
	
	.soliloquy-container .soliloquy-caption {display: none;}
	

}

/* Responsive - Tablet Portrait
-------------------------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 768px) {

	.btn { height: 40px; padding: 0 15px;}
	a.btn { line-height: 40px !important; }

    input[type="radio"],
    input[type="checkbox"] + label { font-size: 1.1em; }

	.error404 { height: 528px; }
	.error404 h1 { font-size: 3.0em; }
}

/* Responsive - Mobile Landscape + Mobile Portrait
-------------------------------------------------------------- */
@media only screen and (max-width: 599px) {

	.btn { min-width: 78px; height: 32px; padding: 0 10px;}
	a.btn { line-height: 32px !important; }
}

/* Responsive - Mobile Landscape
-------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 599px) {

	.error404 { height: 200px; }
	.error404 h1 { font-size: 2.4em; }
	.error404 .vert-center img { width: 66px; }
}

/* Responsive - Mobile Portrait
-------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	.error404 { height: 250px; }
	.error404 h1 { font-size: 1.8em; }
	.error404 .vert-center img { width: 66px; }
	
	.white-logo.w--current {margin-top: 20px;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
	.white-logo.w--current:hover {-webkit-transform: scale(0.92);-ms-transform: scale(0.92);transform: scale(0.92);}
	.white-logo.color-logo.w--current {margin-top: 20px;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
	.white-logo.color-logo.w--current:hover {-webkit-transform: scale(0.92);-ms-transform: scale(0.92);transform: scale(0.92);}
}