/* Micro ClearFix Mixin */ .has-white-color { color: #fff; } .has-white-background-color { background-color: #fff; } .has-gray-lighter-color { color: #f2f2f2; } .has-gray-lighter-background-color { background-color: #f2f2f2; } .has-gray-light-color { color: #d9d9d9; } .has-gray-light-background-color { background-color: #d9d9d9; } .has-gray-color { color: #949494; } .has-gray-background-color { background-color: #949494; } .has-gray-dark-color { color: #333; } .has-gray-dark-background-color { background-color: #333; } .has-gray-darker-color { color: #111; } .has-gray-darker-background-color { background-color: #111; } .has-black-color { color: #000; } .has-black-background-color { background-color: #000; } /** * Grid system */ .container { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; width: 100%; } @media (min-width: 768px) { .container { width: 690px; } } @media (min-width: 992px) { .container { width: 775px; } } @media (min-width: 1280px) { .container { width: 1063px; } } @media (min-width: 1440px) { .container { width: 1213px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; width: 100%; } .row { margin-left: -16px; margin-right: -16px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1280px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @media (min-width: 1440px) { .col-hd-1, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-10, .col-hd-11, .col-hd-12 { float: left; } .col-hd-12 { width: 100%; } .col-hd-11 { width: 91.66666667%; } .col-hd-10 { width: 83.33333333%; } .col-hd-9 { width: 75%; } .col-hd-8 { width: 66.66666667%; } .col-hd-7 { width: 58.33333333%; } .col-hd-6 { width: 50%; } .col-hd-5 { width: 41.66666667%; } .col-hd-4 { width: 33.33333333%; } .col-hd-3 { width: 25%; } .col-hd-2 { width: 16.66666667%; } .col-hd-1 { width: 8.33333333%; } .col-hd-pull-12 { right: 100%; } .col-hd-pull-11 { right: 91.66666667%; } .col-hd-pull-10 { right: 83.33333333%; } .col-hd-pull-9 { right: 75%; } .col-hd-pull-8 { right: 66.66666667%; } .col-hd-pull-7 { right: 58.33333333%; } .col-hd-pull-6 { right: 50%; } .col-hd-pull-5 { right: 41.66666667%; } .col-hd-pull-4 { right: 33.33333333%; } .col-hd-pull-3 { right: 25%; } .col-hd-pull-2 { right: 16.66666667%; } .col-hd-pull-1 { right: 8.33333333%; } .col-hd-pull-0 { right: auto; } .col-hd-push-12 { left: 100%; } .col-hd-push-11 { left: 91.66666667%; } .col-hd-push-10 { left: 83.33333333%; } .col-hd-push-9 { left: 75%; } .col-hd-push-8 { left: 66.66666667%; } .col-hd-push-7 { left: 58.33333333%; } .col-hd-push-6 { left: 50%; } .col-hd-push-5 { left: 41.66666667%; } .col-hd-push-4 { left: 33.33333333%; } .col-hd-push-3 { left: 25%; } .col-hd-push-2 { left: 16.66666667%; } .col-hd-push-1 { left: 8.33333333%; } .col-hd-push-0 { left: auto; } .col-hd-offset-12 { margin-left: 100%; } .col-hd-offset-11 { margin-left: 91.66666667%; } .col-hd-offset-10 { margin-left: 83.33333333%; } .col-hd-offset-9 { margin-left: 75%; } .col-hd-offset-8 { margin-left: 66.66666667%; } .col-hd-offset-7 { margin-left: 58.33333333%; } .col-hd-offset-6 { margin-left: 50%; } .col-hd-offset-5 { margin-left: 41.66666667%; } .col-hd-offset-4 { margin-left: 33.33333333%; } .col-hd-offset-3 { margin-left: 25%; } .col-hd-offset-2 { margin-left: 16.66666667%; } .col-hd-offset-1 { margin-left: 8.33333333%; } .col-hd-offset-0 { margin-left: 0%; } } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1279px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1279px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1279px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1279px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1280px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1280px) { .visible-lg-block { display: block !important; } } @media (min-width: 1280px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1280px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1279px) { .hidden-md { display: none !important; } } @media (min-width: 1280px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .customize-control-agncy-layout .layout-list { margin: 0 -5px; } .customize-control-agncy-layout .layout-item { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 50%; padding: 5px; text-align: center; float: left; } .customize-control-agncy-layout .layout-item.third { max-width: 33%; } .customize-control-agncy-layout .layout-item img { border: 2px solid #ccc; width: 100%; height: auto; } .customize-control-agncy-layout .layout-item input[type="radio"]:checked + img { border: 2px solid #1e8cbe; } .customize-control-agncy-layout .layout-radio { display: none; } .customize-control-agncy-color-theme .color-theme-section { margin: 0; } .customize-control-agncy-color-theme .section-label-wrapper { position: relative; text-align: center; } .customize-control-agncy-color-theme .section-label-wrapper:before { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0px; border-top: 1px solid #ddd; } .customize-control-agncy-color-theme .section-label { position: relative; z-index: 1; display: inline-block; background: #eee; padding: 0 15px; text-transform: uppercase; font-size: 11px; font-weight: 600; } .customize-control-agncy-color-theme .color-theme-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -8px; } .customize-control-agncy-color-theme .color-theme { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .customize-control-agncy-color-theme .color-theme-label { display: block; margin: 8px; } .customize-control-agncy-color-theme .color-theme-button { background: #f8f8f8; color: #999; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -webkit-transition: background 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.5s ease; transition: background 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.5s ease; transition: box-shadow 0.5s ease, background 0.5s ease, color 0.5s ease; transition: box-shadow 0.5s ease, background 0.5s ease, color 0.5s ease, -webkit-box-shadow 0.5s ease; } .customize-control-agncy-color-theme .color-theme-button:hover { background: #fff; -webkit-box-shadow: 0 2px 4px #888; box-shadow: 0 2px 4px #888; color: #555d66; } .customize-control-agncy-color-theme .color-theme-button .color-gradient { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--primary-color)), color-stop(50%, var(--secondary-color)), color-stop(80%, var(--secondary-color)), color-stop(80%, var(--tertiary-color))); background-image: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%, var(--secondary-color) 80%, var(--tertiary-color) 80%); position: relative; border-radius: 3px 3px 0 0; margin: 0 0 5px; -webkit-box-shadow: 0 0 0 0px #fff inset; box-shadow: 0 0 0 0px #fff inset; -webkit-transition: -webkit-box-shadow 0.5s ease; transition: -webkit-box-shadow 0.5s ease; transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; } .customize-control-agncy-color-theme .color-theme-button .color-gradient:after { content: ""; display: block; padding-bottom: 50%; } .customize-control-agncy-color-theme .color-theme-button .layout-name { display: block; text-align: center; padding: 0 15px; margin: 0 0 5px; font-size: 12px; line-height: 1.3333em; font-weight: 700; } .customize-control-agncy-color-theme input[type="radio"]:checked + .color-theme-button { background-color: #0073aa; } .customize-control-agncy-color-theme input[type="radio"]:checked + .color-theme-button .color-gradient { -webkit-box-shadow: 0 0 0 3px #0073aa inset; box-shadow: 0 0 0 3px #0073aa inset; } .customize-control-agncy-color-theme input[type="radio"]:checked + .color-theme-button .layout-name { color: #fff; } .customize-control-agncy-color-theme .theme-radio { display: none; } .welcome-page-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; } .welcome-page-wrapper .the_title { font-size: 40px; line-height: 1.2em; font-weight: 200; } .welcome-page-wrapper h4 { font-size: 25px; line-height: 1.92em; } .welcome-page-wrapper a { text-decoration: none; -webkit-transition: all ease 0.25s; transition: all ease 0.25s; } .welcome-page-wrapper a:hover { text-decoration: underline; } .welcome-page-wrapper p { font-size: 16px; line-height: 1.5em; margin-bottom: 24px; } .welcome-page-wrapper img { display: block; width: 100%; } .welcome-page-wrapper .content-row { margin-bottom: 48px; } .welcome-page-wrapper .btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .welcome-page-wrapper .agncy-highlight { color: #d21861; text-transform: uppercase; } .welcome-page-wrapper .btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: inline-block; margin: 0 32px 24px; padding: 18px 64px; border-radius: 10px; background-color: #1a4270; color: #fff; font-size: 1.5em; text-align: center; text-transform: uppercase; cursor: pointer; } .welcome-page-wrapper .btn.secondary { background-color: #d21861; } .welcome-page-wrapper .btn.tertiary { background-color: #a6bcc7; color: #1a4270; } .welcome-page-wrapper .btn:hover { background-color: #333; color: #fff; text-decoration: none; } .welcome-page-wrapper .features-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .welcome-page-wrapper .features-row:before, .welcome-page-wrapper .features-row:after { content: none; } .welcome-page-wrapper .features-row .feature-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 48px; } .welcome-page-wrapper .the_feature { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0px 0px 0px 1px #ccc inset; box-shadow: 0px 0px 0px 1px #ccc inset; } .welcome-page-wrapper .the_feature .image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; overflow: hidden; cursor: pointer; } .welcome-page-wrapper .the_feature .feature-tier { position: absolute; top: 30px; left: -35px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; width: 160px; padding: 6px 0; background-color: #186a47; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; z-index: 10; -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); } .welcome-page-wrapper .the_feature .feature-tier.professional { background-color: #d21861; } .welcome-page-wrapper .the_feature .feature-tier.enterprise { background-color: #1a4270; } .welcome-page-wrapper .the_feature .feature_title { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; margin: 12px 0; padding: 0 16px; text-align: center; } .welcome-page-wrapper .the_feature .feature_desc { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 16px; text-align: center; } .welcome-page-wrapper .the_feature .feature_button { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .welcome-page-wrapper .the_feature .feature_button .btn { display: block; margin: 0; border-radius: 0; } .welcome-page-wrapper .the_feature.is_not_active .feature_title, .welcome-page-wrapper .the_feature.is_not_active .feature_desc, .welcome-page-wrapper .the_feature.is_not_active .image { opacity: 0.6; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } .welcome-page-wrapper .the_feature.is_not_active:hover .feature_title, .welcome-page-wrapper .the_feature.is_not_active:hover .feature_desc, .welcome-page-wrapper .the_feature.is_not_active:hover .image { opacity: 1; } .welcome-page-wrapper .the_feature.is_not_active:hover .btn.upgrade { background-color: #d21861; color: #fff; } .welcome-page-wrapper .the_feature.is_not_active:hover .btn.upgrade:hover { background-color: #333; } @media (min-width: 768px) { .welcome-page h3 { font-size: 44px; line-height: 1.22727273em; } .welcome-page h4 { font-size: 29px; line-height: 1.86206897em; } .welcome-page p { font-size: 18px; line-height: 1.5em; margin-bottom: 27px; } .welcome-page .content-row { margin-bottom: 54px; } .welcome-page .btn { margin-bottom: 27px; padding-top: 20.25px; padding-bottom: 20.25px; } .welcome-page .the_feature .feature_title { margin: 13.5px 0; } .welcome-page .the_feature .feature_desc { padding: 0 16px 27px 16px; } } .clearfix, .container, .container-fluid, .row { zoom: 1; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: ""; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }