html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } 
@media print { *,   *:before,   *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }   a,   a:visited { text-decoration: underline; }   a[href]:after { content: " (" attr(href) ")"; }   abbr[title]:after { content: " (" attr(title) ")"; }   a[href^="#"]:after,   a[href^="javascript:"]:after { content: ""; }   pre,   blockquote { border: 1px solid #999; page-break-inside: avoid; }   thead { display: table-header-group; }   tr,   img { page-break-inside: avoid; }   img { max-width: 100% !important; }   p,   h2,   h3 { orphans: 3; widows: 3; }   h2,   h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } 
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } 
@media (min-width: 768px) { .container { width: 750px; } } 
@media (min-width: 1020px) { .container { width: 990px; } } 
@media (min-width: 1230px) { .container { width: 1200px; } } 
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .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: 15px; padding-right: 15px; } .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: 1020px) { .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: 1230px) { .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%; } } 
.fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .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; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .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 !important; }   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: 1019px) { .visible-sm { display: block !important; }   table.visible-sm { display: table !important; }   tr.visible-sm { display: table-row !important; }   th.visible-sm,   td.visible-sm { display: table-cell !important; } } 
@media (min-width: 768px) and (max-width: 1019px) { .visible-sm-block { display: block !important; } } 
@media (min-width: 768px) and (max-width: 1019px) { .visible-sm-inline { display: inline !important; } } 
@media (min-width: 768px) and (max-width: 1019px) { .visible-sm-inline-block { display: inline-block !important; } } 
@media (min-width: 1020px) and (max-width: 1229px) { .visible-md { display: block !important; }   table.visible-md { display: table !important; }   tr.visible-md { display: table-row !important; }   th.visible-md,   td.visible-md { display: table-cell !important; } } 
@media (min-width: 1020px) and (max-width: 1229px) { .visible-md-block { display: block !important; } } 
@media (min-width: 1020px) and (max-width: 1229px) { .visible-md-inline { display: inline !important; } } 
@media (min-width: 1020px) and (max-width: 1229px) { .visible-md-inline-block { display: inline-block !important; } } 
@media (min-width: 1230px) { .visible-lg { display: block !important; }   table.visible-lg { display: table !important; }   tr.visible-lg { display: table-row !important; }   th.visible-lg,   td.visible-lg { display: table-cell !important; } } 
@media (min-width: 1230px) { .visible-lg-block { display: block !important; } } 
@media (min-width: 1230px) { .visible-lg-inline { display: inline !important; } } 
@media (min-width: 1230px) { .visible-lg-inline-block { display: inline-block !important; } } 
@media (max-width: 767px) { .hidden-xs { display: none !important; } } 
@media (min-width: 768px) and (max-width: 1019px) { .hidden-sm { display: none !important; } } 
@media (min-width: 1020px) and (max-width: 1229px) { .hidden-md { display: none !important; } } 
@media (min-width: 1230px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } 
@media print { .visible-print { display: block !important; }   table.visible-print { display: table !important; }   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; } } 
@media (min-width: 1400px) { .ex-layout .container { width: 1320px; } .ex-layout .container:not(.remove-col-padding), .ex-layout .container-fluid:not(.remove-col-padding) [class*='col-'] { padding-left: 20px; padding-right: 20px; } .ex-layout .row { margin-left: -20px; margin-right: -20px; } } .remove-col-gutter [class*='col-'], .remove-col-gutter .row { padding-left: 0; padding-right: 0; } .col-no-gutter, .remove-gutter { padding-left: 0; padding-right: 0; } /* Util */ /* Easing animation */ /* Block position*/ .middle { position: relative; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); } .ab-middle { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); } .ab-bottom { position: absolute; bottom: 0; } .ab-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cell-vertical-wrapper { display: table; width: 100%; height: 100%; } .cell-vertical-wrapper .cell-middle { display: table-cell; vertical-align: middle; } .cell-vertical-wrapper .cell-bottom { display: table-cell; vertical-align: bottom; } /* Fixed ratio */ .fixed-ratio-1-1 { position: relative; display: block; height: 0; padding-top: 100%; } .fixed-ratio-1-1 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-1-2 { position: relative; display: block; height: 0; padding-top: 200%; } .fixed-ratio-1-2 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-2-1 { position: relative; display: block; height: 0; padding-top: 50%; } .fixed-ratio-2-1 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-1-3 { position: relative; display: block; height: 0; padding-top: 50%; } .fixed-ratio-1-3 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-3-1 { position: relative; display: block; height: 0; padding-top: 50%; } .fixed-ratio-3-1 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-2-3 { position: relative; display: block; height: 0; padding-top: 50%; } .fixed-ratio-2-3 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } .fixed-ratio-3-2 { position: relative; display: block; height: 0; padding-top: 50%; } .fixed-ratio-3-2 > *:only-child { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow: auto; } /* Children display */ .children-inline-block > * { display: inline-block !important; } .children-block > * { display: block !important; } .flexbox-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox-container.columns { -webkit-flex-direction: column;   -ms-flex-direction: column; flex-direction: column; } .flexbox-container.flex-middle { -webkit-flex-direction: row;   -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center;   -ms-flex-align: center; align-items: center; } .full-height { min-height: 100vh; } .overflow-hidden { overflow: hidden; } 
@media (min-width: 768px) { .container-outer-width { width: 750px; } } 
@media (min-width: 1020px) { .container-outer-width { width: 990px; } } 
@media (min-width: 1230px) { .container-outer-width { width: 1200px; } } 
@media (min-width: 768px) { .container-inner-width { width: 720px; } } 
@media (min-width: 1020px) { .container-inner-width { width: 960px; } } 
@media (min-width: 1230px) { .container-inner-width { width: 1170px; } } #particles-js { position: absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* Color */ /* Color class */ .color-gray-base { color: #000000; } .color-gray-darkest { color: #111111; } .color-gray-darker { color: #222222; } .color-gray-dark { color: #444444; } .color-gray { color: #666666; } .color-gray-light { color: #888888; } .color-gray-lighter { color: #EEEEEE; } .color-gray-lightest { color: #F9F9F9; } .color-gray-border { color: #DDDDDD; } .color-light { color: #FFFFFF; } .color-primary { color: #1586b5; } .color-secondary { color: #1586b5; } .color-success { color: #468C00; } .color-info { color: #3ED0A1; } .color-warning { color: #FF7F00; } .color-danger { color: #FF5533; } /* Border class */ .border-gray-base { border-color: #000000; } .border-gray-darkest { border-color: #111111; } .border-gray-darker { border-color: #222222; } .border-gray-dark { border-color: #444444; } .border-gray { border-color: #666666; } .border-gray-light { border-color: #888888; } .border-gray-lighter { border-color: #EEEEEE; } .border-gray-lightest { border-color: #F9F9F9; } .border-gray-border { border-color: #DDDDDD; } .border-light { border-color: #FFFFFF; } .border-primary { border-color: #1586b5; } .border-secondary { border-color: #1586b5; } .border-success { border-color: #468C00; } .border-info { border-color: #3ED0A1; } .border-warning { border-color: #FF7F00; } .border-danger { border-color: #FF5533; } /* Background class */ .bgc-gray-base { background-color: #000000; } .bgc-gray-darkest { background-color: #111111; } .bgc-gray-darker { background-color: #222222; } .bgc-gray-dark { background-color: #444444; } .bgc-gray { background-color: #666666; } .bgc-gray-light { background-color: #888888; } .bgc-gray-lighter { background-color: #EEEEEE; } .bgc-gray-lightest { background-color: #F9F9F9; } .bgc-gray-border { background-color: #DDDDDD; } .bgc-light { background-color: #FFFFFF; } .bgc-primary { background-color: #1586b5; } .bgc-secondary { background-color: #1586b5; } .bgc-success { background-color: #468C00; } .bgc-info { background-color: #3ED0A1; } .bgc-warning { background-color: #FF7F00; } .bgc-danger { background-color: #FF5533; } /* Background rgba class */ .bgc-gradient { background: linear-gradient(323deg, rgba(16,183,101,0.9) 0%,rgba(0,185,255,0.9) 100%); } .bgc-gradient-2 { background-image: radial-gradient(circle farthest-side, rgba(17,29,49,0.92) 0%,rgba(4,7,14,0.92) 100%); } .bgc-dark-o-1 { background-color: rgba(0, 0, 0, 0.1); color: #FFFFFF; } .bgc-light-o-1 { background-color: rgba(255, 255, 255, 0.1); } .bgc-dark-o-2 { background-color: rgba(0, 0, 0, 0.2); color: #FFFFFF; } .bgc-light-o-2 { background-color: rgba(255, 255, 255, 0.2); } .bgc-dark-o-3 { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } .bgc-light-o-3 { background-color: rgba(255, 255, 255, 0.3); } .bgc-dark-o-4 { background-color: rgba(0, 0, 0, 0.4); color: #FFFFFF; } .bgc-light-o-4 { background-color: rgba(255, 255, 255, 0.4); } .bgc-dark-o-5 { background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; } .bgc-light-o-5 { background-color: rgba(255, 255, 255, 0.5); } .bgc-dark-o-6 { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .bgc-light-o-6 { background-color: rgba(255, 255, 255, 0.6); } .bgc-dark-o-7 { background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF; } .bgc-light-o-7 { background-color: rgba(255, 255, 255, 0.7); } .bgc-dark-o-8 { background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; } .bgc-light-o-8 { background-color: rgba(255, 255, 255, 0.8); } .bgc-dark-o-9 { background-color: rgba(0, 0, 0, 0.9); color: #FFFFFF; } .bgc-light-o-9 { background-color: rgba(255, 255, 255, 0.9); } .bgc-dark-o { background-color: rgba(0, 0, 0, 0.7); } .bgc-light-o { background-color: rgba(255, 255, 255, 0.7); } .bgc-transparent { background-color: transparent; } .bgc-gray-base, .bgc-gray-darkest, .bgc-gray-darker, .bgc-gray-dark, .bgc-gray, .bgc-gray-light, .bgc-gradient-2, .bgc-gradient, .bgc-transparent, .bgc-primary, .bgc-secondary, .bgc-success, .bgc-info, .bgc-warning, .bgc-danger { color: #FFFFFF; } /* Common border */ .border-top { border-top: 1px solid #DDDDDD; } .border-bottom { border-bottom: 1px solid #DDDDDD; } .border-left { border-left: 1px solid #DDDDDD; } .border-right { border-right: 1px solid #DDDDDD; } .border-top-lighter { border-top: 1px solid #EEEEEE; } .border-bottom-lighter { border-bottom: 1px solid #EEEEEE; } .border-left-lighter { border-left: 1px solid #EEEEEE; } .border-right-lighter { border-right: 1px solid #EEEEEE; } .border-solid { border-width: 1px; border-style: solid; } .highlight-primary { background-color: #2697c6; border-top: 5px solid #2697c6; border-bottom: 5px solid #2697c6; color: #FFFFFF; } .highlight-secondary { background-color: #2697c6; border-top: 5px solid #2697c6; border-bottom: 5px solid #2697c6; color: #FFFFFF; } .highlight-gray-lighter { background-color: #EEEEEE; border-top: 5px solid #EEEEEE; border-bottom: 5px solid #EEEEEE; } /* Scaffolding */ * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Raleway", sans-serif; font-size: 14px; line-height: 2.14285714; color: #444444; background-color: #FFFFFF; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button { transition: all 0.3s ease-in-out; } :focus { outline: none; } a { transition: all 0.3s ease-in-out; color: inherit; text-decoration: none; outline: none; cursor: pointer; } a:hover, a:focus { color: #1586b5; text-decoration: none; } a.color-primary:hover, a.color-primary:focus { color: #444444; } ul, ol, li { margin: 0; padding: 0; list-style: none; list-style-image: none; } figure { margin: 0; } .easing-link:focus, .easing-link:active { color: inherit; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0px; } .img-thumbnail { padding: 4px; line-height: 2.14285714; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 0px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #EEEEEE; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } /* Form */ form input[type="text"], form input[type="search"], form input[type="email"], form input[type="password"], form input[type="tel"], form input[type="number"], form textarea { transition: all 0.3s ease-in-out; padding: 9px 20px; width: 100%; border: 1px solid #DDDDDD; margin-bottom: 30px; font-family: "Montserrat", sans-serif; } form input[type="text"]:focus, form input[type="search"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form input[type="tel"]:focus, form input[type="number"]:focus, form textarea:focus { border-color: #1586b5; } form input[type="search"] { box-sizing: border-box; } form label { font-family: "Montserrat", sans-serif; } form textarea { resize: none; height: 200px; } form .__row { position: relative; margin-bottom: 30px; } form .__row input { display: inline-block; vertical-align: middle; margin-bottom: 0; } form .__row .__text { display: inline-block; vertical-align: middle; } .group-contact-left-header .__header { padding-bottom: 40px; } 
@media only screen and (min-width: 1020px ) { .group-contact-left-header { position: relative; } .group-contact-left-header .__header { position: absolute; height: 100%; top: 0; left: 0; } } .login-popup { max-width: 325px; padding: 15px; } .login-popup input[type="text"], .login-popup input[type="password"] { margin-bottom: 20px; } .login-popup .__row { margin-bottom: 25px; line-height: 1.2; } .login-popup .__row .__text { margin-top: -2px; } .login-popup .__separator { position: relative; font-family: "Montserrat", sans-serif; margin-top: 15px; margin-bottom: 15px; } .login-popup .__separator .__text { background-color: #FFFFFF; display: inline-block; padding: 0 15px; } .login-popup .__separator:before { content: ""; position: absolute; display: block; width: 100%; height: 0; top: 50%; left: 0; border-bottom: 1px solid #DDDDDD; z-index: -1; } .login-popup .__forgotten { text-decoration: underline; } .register-popup { max-width: 500px; padding: 15px; } .register-popup input[type="text"], .register-popup input[type="password"], .register-popup input[type="email"] { margin-bottom: 20px; } .register-popup label { text-align: left; display: block; } /* Logo */ /* Megatron branding */ .megatron { position: relative; display: inline-block; vertical-align: middle; } .megatron:before, .megatron:after { content: " "; display: table; } .megatron:after { clear: both; } .megatron:before, .megatron:after { content: " "; display: table; } .megatron:after { clear: both; } .megatron:hover, .megatron a:hover { color: inherit; } .megatron .logo { width: 100%; display: block; margin: 0 auto 10px; width: 50px; height: 50px; } .megatron .logo img { max-width: 100%; max-height: 100%; } .megatron .logo svg { position: relative; display: block; max-width: 100%; max-height: 100%; } .megatron .logo path { fill: #1586b5; } .megatron.logo-light .logo path { fill: #FFFFFF; } .megatron.logo-dark .logo path { fill: #444444; } .megatron .brand { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 1; letter-spacing: 0.08em; text-align: center; } .megatron.inline .logo, .megatron.inline .brand { vertical-align: middle; display: inline-block; } .megatron.inline .logo { width: 40px; height: 40px; margin-bottom: 0; } .megatron.inline .brand { font-size: 20px; } .megatron.inline .brand.fz-3-l { font-size: 24px; } .megatron.size-2 .logo { width: 80px; height: 80px; } .megatron.size-2 .brand { font-size: 20px; } .megatron.size-2.inline .logo { width: 50px; height: 50px; } .megatron.size-2.inline .brand { font-size: 28px; } .megatron.size-3 .logo { width: 150px; height: 150px; } .megatron.size-3 .brand { font-size: 28px; } .megatron.size-3.inline .logo { width: 86px; height: 86px; } .megatron.size-3.inline .brand { font-size: 32px; } 
@media (max-width: 1620px) { .megatron.size-3 .logo { width: 120px; height: 120px; } } .megatron.size-4 .logo { width: 120px; height: 120px; } .megatron.size-4 .brand { font-size: 28px; } .megatron.size-4.inline .logo { width: 86px; height: 86px; } .megatron.size-4.inline .brand { font-size: 32px; } /* Icon */ .icon, [class^='icon-'], .fa { display: inline-block; vertical-align: middle; } .icon:before, [class^='icon-']:before, .fa:before { display: block; } .simple-icon, .circle-icon { color: #1586b5; } .simple-icon:before, .circle-icon:before { font-size: 32px; text-align: center; float: left; } .circle-icon { display: inline-block; vertical-align: middle; color: #FFFFFF; line-height: 60px; } .circle-icon:before { display: block; } .circle-icon:before { width: 70px; height: 70px; position: relative; background-color: #1586b5; line-height: inherit !important; text-align: center; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.4); } .bgc-gray-darker .circle-icon:before, .bgc-gray-darkest .circle-icon:before, .bgc-gray-dark .circle-icon:before { border-color: rgba(0, 0, 0, 0.5); } /* Social */ .social { list-style: none; padding: 0; } .social:before, .social:after { content: " "; display: table; } .social:after { clear: both; } .social:before, .social:after { content: " "; display: table; } .social:after { clear: both; } .social li { display: inline-block; vertical-align: middle; margin: 0 5px; } .social li:last-child { margin-right: 0; } .social li:first-child { margin-left: 0; } .social a { display: block; float: left; } .social.circle li a { display: block; width: 30px; height: 30px; font-size: 14px; border-radius: 50%; text-align: center; line-height: 30px; color: #FFFFFF; background-color: #666666; padding-top: 2px; padding-left: 1px; } .social.circle li a:hover { background: #1586b5; } .social.circle li a .icon, .social.circle li a [class^='icon-'], .social.circle li a [class^='fa-'] { vertical-align: 0px; } .social.circle.responsive { margin-left: -5px; margin-right: -5px; } .social.circle.responsive li { margin: 0 5px 15px; } .social.circle.gray li a { color: #111111; background-color: #aaaaaa; } .social.circle.gray li a:hover { background-color: #FFFFFF; } .social.circle.dark li a { background-color: #000000; } .social.circle.dark li a:hover { background: #1586b5; } .social.circle.light li a { background-color: #FFFFFF; color: #444444; } .social.circle.light li a:hover { background: #1586b5; } .social.circle.primary li a { background-color: #1586b5; } .social.circle.primary li a:hover { background: #000000; } .social.circle.secondary li a { background-color: #1586b5; } .social.circle.secondary li a:hover { background: #000000; } /* Button */ /* Button output : .btn{-type}.btn-size-{1,2,3,4,5}.btn-{color-array} */ .btn { transition: all 0.3s ease-in-out; font-family: "Montserrat", sans-serif; display: inline-block; padding: 16.5px 30px; line-height: 1.2; font-size: 13px; text-align: center; color: #FFFFFF; background-color: #222222; border: 0; } .btn.fullwidth { width: 100%; padding-left: 15px; padding-right: 15px; } .btn.btn-small { padding: 10.5px 20px; } .btn.btn-size-2 { padding: 18.5px 39px; } .btn.btn-size-3 { padding: 20px 48px; } .btn.btn-size-4 { padding: 21.5px 57px; } .btn.btn-size-5 { padding: 23px 66px; } .btn.btn-size-3 { font-size: 14px; } .btn.btn-size-4 { font-size: 16px; } .btn.btn-size-5 { font-size: 18px; } .btn.btn-gray-base { background-color: #000000; } .btn.btn-gray-darkest { background-color: #111111; } .btn.btn-gray-darker { background-color: #222222; } .btn.btn-gray-dark { background-color: #444444; } .btn.btn-gray { background-color: #666666; } .btn.btn-gray-light { background-color: #888888; } .btn.btn-gray-lighter { background-color: #EEEEEE; } .btn.btn-gray-lightest { background-color: #F9F9F9; } .btn.btn-gray-border { background-color: #DDDDDD; } .btn.btn-light { background-color: #FFFFFF; } .btn.btn-primary { background-color: #1586b5; } .btn.btn-secondary { background-color: #1586b5; } .btn.btn-success { background-color: #468C00; } .btn.btn-info { background-color: #3ED0A1; } .btn.btn-warning { background-color: #FF7F00; } .btn.btn-danger { background-color: #FF5533; } .btn:not(.no-border) { border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .btn.btn-light { color: #444444; } .btn.no-border { border-bottom: 0; padding-top: 17.5px; padding-bottom: 17.5px; } .btn:hover, .btn:focus, .btn:active { background-color: #222222; color: #FFFFFF; } .btn.btn-gray-darker:hover, .btn.btn-gray-darkest:hover, .btn.btn-gray-base:hover, .btn.btn-gray-darker:focus, .btn.btn-gray-darkest:focus, .btn.btn-gray-base:focus, .btn.btn-gray-darker:active, .btn.btn-gray-darkest:active, .btn.btn-gray-base:active { background-color: #1586b5; color: #FFFFFF; } .btn-border { transition: all 0.3s ease-in-out; font-family: "Montserrat", sans-serif; display: inline-block; padding: 16.5px 30px; line-height: 1.2; font-size: 13px; text-align: center; border: 1px solid #1586b5; color: #1586b5; background-color: transparent; } .btn-border.fullwidth { width: 100%; padding-left: 15px; padding-right: 15px; } .btn-border.btn-small { padding: 10.5px 20px; } .btn-border.btn-size-2 { padding: 18.5px 39px; } .btn-border.btn-size-3 { padding: 20px 48px; } .btn-border.btn-size-4 { padding: 21.5px 57px; } .btn-border.btn-size-5 { padding: 23px 66px; } .btn-border.btn-size-3 { font-size: 14px; } .btn-border.btn-size-4 { font-size: 16px; } .btn-border.btn-size-5 { font-size: 18px; } .btn-border.btn-gray-base { border-color: #000000; } .btn-border.btn-gray-darkest { border-color: #111111; } .btn-border.btn-gray-darker { border-color: #222222; } .btn-border.btn-gray-dark { border-color: #444444; } .btn-border.btn-gray { border-color: #666666; } .btn-border.btn-gray-light { border-color: #888888; } .btn-border.btn-gray-lighter { border-color: #EEEEEE; } .btn-border.btn-gray-lightest { border-color: #F9F9F9; } .btn-border.btn-gray-border { border-color: #DDDDDD; } .btn-border.btn-light { border-color: #FFFFFF; } .btn-border.btn-primary { border-color: #1586b5; } .btn-border.btn-secondary { border-color: #1586b5; } .btn-border.btn-success { border-color: #468C00; } .btn-border.btn-info { border-color: #3ED0A1; } .btn-border.btn-warning { border-color: #FF7F00; } .btn-border.btn-danger { border-color: #FF5533; } .btn-border.btn-gray-base { color: #000000; } .btn-border.btn-gray-darkest { color: #111111; } .btn-border.btn-gray-darker { color: #222222; } .btn-border.btn-gray-dark { color: #444444; } .btn-border.btn-gray { color: #666666; } .btn-border.btn-gray-light { color: #888888; } .btn-border.btn-gray-lighter { color: #EEEEEE; } .btn-border.btn-gray-lightest { color: #F9F9F9; } .btn-border.btn-gray-border { color: #DDDDDD; } .btn-border.btn-light { color: #FFFFFF; } .btn-border.btn-primary { color: #1586b5; } .btn-border.btn-secondary { color: #1586b5; } .btn-border.btn-success { color: #468C00; } .btn-border.btn-info { color: #3ED0A1; } .btn-border.btn-warning { color: #FF7F00; } .btn-border.btn-danger { color: #FF5533; } .btn-border:hover, .btn-border:focus, .btn-border:active { background-color: #1586b5; color: #FFFFFF; } .btn-border:hover.btn-gray-base, .btn-border:focus.btn-gray-base, .btn-border:active.btn-gray-base { background-color: #000000; } .btn-border:hover.btn-gray-darkest, .btn-border:focus.btn-gray-darkest, .btn-border:active.btn-gray-darkest { background-color: #111111; } .btn-border:hover.btn-gray-darker, .btn-border:focus.btn-gray-darker, .btn-border:active.btn-gray-darker { background-color: #222222; } .btn-border:hover.btn-gray-dark, .btn-border:focus.btn-gray-dark, .btn-border:active.btn-gray-dark { background-color: #444444; } .btn-border:hover.btn-gray, .btn-border:focus.btn-gray, .btn-border:active.btn-gray { background-color: #666666; } .btn-border:hover.btn-gray-light, .btn-border:focus.btn-gray-light, .btn-border:active.btn-gray-light { background-color: #888888; } .btn-border:hover.btn-gray-lighter, .btn-border:focus.btn-gray-lighter, .btn-border:active.btn-gray-lighter { background-color: #EEEEEE; } .btn-border:hover.btn-gray-lightest, .btn-border:focus.btn-gray-lightest, .btn-border:active.btn-gray-lightest { background-color: #F9F9F9; } .btn-border:hover.btn-gray-border, .btn-border:focus.btn-gray-border, .btn-border:active.btn-gray-border { background-color: #DDDDDD; } .btn-border:hover.btn-light, .btn-border:focus.btn-light, .btn-border:active.btn-light { background-color: #FFFFFF; } .btn-border:hover.btn-primary, .btn-border:focus.btn-primary, .btn-border:active.btn-primary { background-color: #1586b5; } .btn-border:hover.btn-secondary, .btn-border:focus.btn-secondary, .btn-border:active.btn-secondary { background-color: #1586b5; } .btn-border:hover.btn-success, .btn-border:focus.btn-success, .btn-border:active.btn-success { background-color: #468C00; } .btn-border:hover.btn-info, .btn-border:focus.btn-info, .btn-border:active.btn-info { background-color: #3ED0A1; } .btn-border:hover.btn-warning, .btn-border:focus.btn-warning, .btn-border:active.btn-warning { background-color: #FF7F00; } .btn-border:hover.btn-danger, .btn-border:focus.btn-danger, .btn-border:active.btn-danger { background-color: #FF5533; } .btn-border:hover.btn-light, .btn-border:focus.btn-light, .btn-border:active.btn-light { color: #444444; } /* Overlay */ /* Overlay static */ .overlay-container { position: relative; } .overlay { transition: all 0.3s ease-in-out; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 512; } /* Overlay hover */ .overlay-hover { transition: all 0.3s ease-in-out; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 512; opacity: 0; } .overlay-container .overlay-hover:hover { opacity: 1; } /* List */ ul, ol { list-style: none; } ul li, ol li { margin-bottom: 10px; } ol { counter-reset: ol-counter; list-style: none; } ol li:before { font-family: "Montserrat", sans-serif; content: counter(ol-counter) "."; counter-increment: ol-counter; margin-right: 8px; font-size: 90%; } ol.list-primary li:before { color: #1586b5; } ol.list-secondary li:before { color: #1586b5; } ol.list-success li:before { color: #468C00; } ol.list-info li:before { color: #3ED0A1; } ol.list-warning li:before { color: #FF7F00; } ol.list-danger li:before { color: #FF5533; } ol.style-2 li:before { display: inline-block; content: counter(ol-counter); color: #FFFFFF; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #222222; border-radius: 50%; } ol.style-2.list-primary li:before { background-color: #1586b5; } ol.style-2.list-secondary li:before { background-color: #1586b5; } ol.style-2.list-success li:before { background-color: #468C00; } ol.style-2.list-info li:before { background-color: #3ED0A1; } ol.style-2.list-warning li:before { background-color: #FF7F00; } ol.style-2.list-danger li:before { background-color: #FF5533; } ul.list-icon li { display: block; margin-bottom: 10px; } ul.list-icon li i { font-size: 12px; margin-right: 8px; } ul.list-icon.list-primary li i { color: #1586b5; } ul.list-icon.list-secondary li i { color: #1586b5; } ul.list-icon.list-success li i { color: #468C00; } ul.list-icon.list-info li i { color: #3ED0A1; } ul.list-icon.list-warning li i { color: #FF7F00; } ul.list-icon.list-danger li i { color: #FF5533; } ul.list-disc li:before, ul.list-square li:before, ul.list-arrow li:before { font-family: "Raleway", sans-serif; margin-right: 8px; } ul.list-disc.list-primary li:before, ul.list-square.list-primary li:before, ul.list-arrow.list-primary li:before { color: #1586b5; } ul.list-disc.list-secondary li:before, ul.list-square.list-secondary li:before, ul.list-arrow.list-secondary li:before { color: #1586b5; } ul.list-disc.list-success li:before, ul.list-square.list-success li:before, ul.list-arrow.list-success li:before { color: #468C00; } ul.list-disc.list-info li:before, ul.list-square.list-info li:before, ul.list-arrow.list-info li:before { color: #3ED0A1; } ul.list-disc.list-warning li:before, ul.list-square.list-warning li:before, ul.list-arrow.list-warning li:before { color: #FF7F00; } ul.list-disc.list-danger li:before, ul.list-square.list-danger li:before, ul.list-arrow.list-danger li:before { color: #FF5533; } ul.list-disc li:before { content: "\25CF"; } ul.list-square li:before { content: "\25A0"; } ul.list-arrow li:before { content: "\276F"; } /* Background */ .parallax-wrapper { position: relative; overflow: hidden; } .parallax-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -2; background-size: cover; background-repeat: repeat-y; background-position-x: center; } html.chrome:not(.parallax-on) .parallax-background { height: 120%; top: -10%; } html:not(.parallax-on) .parallax-background { background-attachment: fixed; } .parallax-background .parallax-minor { transition: all 0s; } .backgroud-wrapper { position: relative; } .static-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -2; background-size: cover; background-position: 50% 50%; } .video-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -2; overflow: hidden; } .video-background .video-background-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; width: 1920px; height: 1080px; padding-bottom: 56.25%; } .video-background .video-background-inner iframe { position: absolute; border: 0; left: 0; top: 0; width: 100%; height: 100%; } /* Dropcap */ .dropcap-1 span.first-letter { border: 1px solid; font-size: 38px; display: inline-block; width: 56px; height: 56px; float: left; font-weight: 700; line-height: 56px; margin-right: 15px; text-align: center; } .dropcap-1.style-1 span.first-letter { background-color: #1586b5; color: #FFFFFF; border-color: #1586b5; } .dropcap-1.style-2 span.first-letter { color: #FFFFFF; border-color: #1586b5; background-color: #1586b5; } .dropcap-1.style-3 span.first-letter { border-color: #444444; color: #444444; } .dropcap-2 span.first-letter { border: 1px solid; font-size: 38px; display: inline-block; width: 56px; height: 56px; float: left; font-weight: 700; line-height: 56px; margin-right: 15px; text-align: center; border-radius: 50%; } .dropcap-2.style-1 span.first-letter { background-color: #1586b5; color: #FFFFFF; border-color: #1586b5; } .dropcap-2.style-2 span.first-letter { color: #FFFFFF; border-color: #1586b5; background-color: #1586b5; } .dropcap-2.style-3 span.first-letter { border-color: #444444; color: #444444; } .dropcap-3 span.first-letter { float: left; font-size: 55px; line-height: 55px; font-weight: 700; margin-right: 15px; } .dropcap-3.style-1 span.first-letter { color: #1586b5; } .dropcap-3.style-2 span.first-letter { color: #1586b5; } .dropcap-3.style-3 span.first-letter { color: #444444; } /* Separator */ hr.hr-1 { border-top-width: 1px; } hr.hr-2 { border-top-width: 2px; } hr.hr-3 { border-top-width: 3px; } hr.hr-4 { border-top-width: 4px; } hr.hr-5 { border-top-width: 5px; } hr.hr-6 { border-top-width: 6px; } hr.hr-7 { border-top-width: 7px; } hr.hr-8 { border-top-width: 8px; } hr.hr-9 { border-top-width: 9px; } hr.hr-10 { border-top-width: 10px; } hr.hr-11 { border-top-width: 11px; } hr.hr-12 { border-top-width: 12px; } hr.hr-gray-base { border-top-color: #000000; } hr.hr-gray-darkest { border-top-color: #111111; } hr.hr-gray-darker { border-top-color: #222222; } hr.hr-gray-dark { border-top-color: #444444; } hr.hr-gray { border-top-color: #666666; } hr.hr-gray-light { border-top-color: #888888; } hr.hr-gray-lighter { border-top-color: #EEEEEE; } hr.hr-gray-lightest { border-top-color: #F9F9F9; } hr.hr-gray-border { border-top-color: #DDDDDD; } hr.hr-light { border-top-color: #FFFFFF; } hr.hr-primary { border-top-color: #1586b5; } hr.hr-secondary { border-top-color: #1586b5; } hr.hr-success { border-top-color: #468C00; } hr.hr-info { border-top-color: #3ED0A1; } hr.hr-warning { border-top-color: #FF7F00; } hr.hr-danger { border-top-color: #FF5533; } hr.no-margin { margin-top: 0; margin-bottom: 0; } /* Mega Menu */ /* Typography */ /* Typo */ body { -webkit-font-smoothing: antialiased; color: #444444; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 400; line-height: 2.14285714; text-rendering: optimizeLegibility; } .italic { font-style: italic; } .font-content { font-family: "Raleway", sans-serif; } .font-heading { font-family: "Montserrat", sans-serif; } .font-serif { font-family: "Playfair Display", serif; } .font-serif-italic { font-family: "Playfair Display", serif; font-style: italic; } .common-serif { font-size: 20px; font-family: "Playfair Display", serif; font-style: italic; } 
@media only screen and (max-width: 767px ) { .common-serif.text-responsive { font-size: 14px; } } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.2; font-family: "Montserrat", sans-serif; } h1.font-serif, h2.font-serif, h3.font-serif, h4.font-serif, h5.font-serif, h6.font-serif { font-family: "Playfair Display", serif; font-weight: 600; } h1.font-serif-italic, h2.font-serif-italic, h3.font-serif-italic, h4.font-serif-italic, h5.font-serif-italic, h6.font-serif-italic { font-family: "Playfair Display", serif; font-style: italic; font-weight: 600; } /* Font size */ .fz-1 { font-size: 50px; } .fz-2 { font-size: 32px; } .fz-3 { font-size: 20px; } .fz-3-l { font-size: 24px; } .fz-4 { font-size: 18px; } .fz-5 { font-size: 16px; } .fz-6 { font-size: 14px; } .fz-1-ll { font-size: 75px; } .fz-1-l { font-size: 60px; } .fz-6-s { font-size: 13px; } .fz-6-ss { font-size: 12px; } h1 { font-size: 50px; font-weight: 700; } 
@media only screen and (max-width: 1019px ) { h1.text-responsive { font-size: 40px; } h2.text-responsive { font-size: 40px; } } 
@media only screen and (max-width: 767px ) { h1.text-responsive { font-size: 28px; } h2.text-responsive { font-size: 28px; } } h1.size-l { font-size: 60px; } h2.size-l { font-size: 60px; } 
@media only screen and (max-width: 1019px ) { h1.size-l.text-responsive { font-size: 50px; } h2.size-l.text-responsive { font-size: 50px; } } 
@media only screen and (max-width: 767px ) { h1.size-l.text-responsive { font-size: 32px; } h2.size-l.text-responsive { font-size: 32px; } } 
@media only screen and (max-width: 480px) { h1.size-l.text-responsive { font-size: 28px; } h2.size-l.text-responsive { font-size: 28px; } } h1.size-ll { font-size: 75px; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px; } h2.size-ll { font-size: 75px; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;font-weight: 700; } 
@media (max-width: 1620px) { h1.size-ll.text-responsive { font-size: 60px; } h2.size-ll.text-responsive { font-size: 60px;font-weight: 700; } } 
@media only screen and (max-width: 1229px ) { h1.size-ll.text-responsive { font-size: 55px; } h2.size-ll.text-responsive { font-size: 55px; } } 
@media only screen and (max-width: 1019px ) { h1.size-ll.text-responsive { font-size: 60px; } h2.size-ll.text-responsive { font-size: 60px; } } 
@media only screen and (max-width: 767px ) { h1.size-ll.text-responsive { font-size: 36px; } h2.size-ll.text-responsive { font-size: 36px; } } 
@media only screen and (max-width: 480px) { h1.size-ll.text-responsive { font-size: 30px; margin-bottom: 10px; } h2.size-ll.text-responsive { font-size: 30px; margin-bottom: 10px; } } h2 { font-size: 32px; } h3 { font-size: 20px; } h3.fz-3-l { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h6.size-s { font-size: 13px; } h6.size-ss { font-size: 12px; } h1, h2, h3, h4, h5, h6, p, q { margin-bottom: 25px; margin-top: 0; letter-spacing: 0.04em; } h1.hmb, h2.hmb, h3.hmb, h4.hmb, h5.hmb, h6.hmb, p.hmb, q.hmb { margin-bottom: 40px; } h1.smb, h2.smb, h3.smb, h4.smb, h5.smb, h6.smb, p.smb, q.smb { margin-bottom: 10px; } h1.nmb, h2.nmb, h3.nmb, h4.nmb, h5.nmb, h6.nmb, p.nmb, q.nmb { margin-bottom: 0; } h1.block-heading, h2.block-heading, h3.block-heading, h4.block-heading, h5.block-heading, h6.block-heading, p.block-heading, q.block-heading { padding: 25px 15px; text-align: center; } /* Text responsive */ /* Heading with underline */ .hr-heading:after { content: ''; display: block; width: 0; height: 2px; margin-top: 25px; } .text-left .hr-heading:after, .hr-heading.text-left:after { margin-left: 0; } .text-center .hr-heading:after, .hr-heading.text-center:after { margin-left: auto; margin-right: auto; } .text-right .hr-heading:after, .hr-heading.text-right:after { margin-left: auto; margin-right: 0; } /* __ underline brand-primary */ .hr-heading:after { border-left-width: 45px; border-left-style: solid; border-left-color: inherit; } .hr-heading.hr-primary { border-left-color: #1586b5; } .hr-heading.hr-secondary { border-left-color: #1586b5; } .hr-heading.hr-success { border-left-color: #468C00; } .hr-heading.hr-info { border-left-color: #3ED0A1; } .hr-heading.hr-warning { border-left-color: #FF7F00; } .hr-heading.hr-danger { border-left-color: #FF5533; } /* __ underline brand-primary + gray-base */ .separator-2-color { display: block; margin-bottom: 30px; line-height: 0; } .separator-2-color:before { content: ' '; height: 2px; width: 0; border-left: 43px solid #000000; border-right: 43px solid #1586b5; display: inline-block; } .hr-header:before, .hr-header:after { content: " "; display: table; } .hr-header:after { clear: both; } .hr-header:before, .hr-header:after { content: " "; display: table; } .hr-header:after { clear: both; } .hr-header p.__caption { letter-spacing: 0.04em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } 
@media only screen and (max-width: 767px ) { .text-center-xs-max { text-align: center; } .text-left-xs-max { text-align: left; } .text-right-xs-max { text-align: right; } } 
@media only screen and (min-width: 768px ) { .text-center-sm { text-align: center; } .text-left-sm { text-align: left; } .text-right-sm { text-align: right; } } 
@media only screen and (max-width: 1019px ) { .text-center-sm-max { text-align: center; } .text-left-sm-max { text-align: left; } .text-right-sm-max { text-align: right; } } 
@media only screen and (min-width: 1020px ) { .text-center-md { text-align: center; } .text-left-md { text-align: left; } .text-right-md { text-align: right; } } 
@media only screen and (max-width: 1229px ) { .text-center-md-max { text-align: center; } .text-left-md-max { text-align: left; } .text-right-md-max { text-align: right; } } 
@media only screen and (min-width: 1230px ) { .text-center-sm { text-align: center; } .text-left-sm { text-align: left; } .text-right-sm { text-align: right; } } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } ::-moz-selection { background-color: #1586b5; color: #FFFFFF; } ::selection { background-color: #1586b5; color: #FFFFFF; } q { quotes: '\201C ' ' \201D'; font-family: "Playfair Display", serif; font-style: italic; display: inline-block; } blockquote { position: relative; padding-left: 60px; margin: 0; margin-bottom: 30px; font-style: italic; font-family: "Playfair Display", serif; font-size: 18px; } blockquote:before { position: absolute; display: block; left: 0; padding: 12px 10px 0; content: '\201D'; font-family: "Playfair Display", serif; font-style: normal; font-size: 70px; line-height: 30px; } blockquote.blockquote-primary:before { color: #1586b5; } blockquote.blockquote-secondary:before { color: #1586b5; } blockquote.blockquote-success:before { color: #468C00; } blockquote.blockquote-info:before { color: #3ED0A1; } blockquote.blockquote-warning:before { color: #FF7F00; } blockquote.blockquote-danger:before { color: #FF5533; } /* Section */ section { position: relative; overflow: hidden; } .page-section { padding-top: 90px; padding-bottom: 50px; } .page-section:before, .page-section:after { content: " "; display: table; } .page-section:after { clear: both; } .page-section:before, .page-section:after { content: " "; display: table; } .page-section:after { clear: both; } .page-section .section-header { margin-bottom: 40px; } .page-section .section-header:before, .page-section .section-header:after { content: " "; display: table; } .page-section .section-header:after { clear: both; } .page-section .section-header:before, .page-section .section-header:after { content: " "; display: table; } .page-section .section-header:after { clear: both; } .page-section .section-header.hr-header { margin-bottom: 30px; } .page-section .section-block { margin-bottom: 40px; } .page-section .section-block:before, .page-section .section-block:after { content: " "; display: table; } .page-section .section-block:after { clear: both; } .page-section .section-block:before, .page-section .section-block:after { content: " "; display: table; } .page-section .section-block:after { clear: both; } .page-section .section-block-small-p { margin-bottom: 15px; } .page-section .section-block-small-margin { margin-bottom: 25px; } .page-section .section-block-no-margin { margin-bottom: 0px; } .page-section .section-block-margin-top { margin-top: 40px; } .page-section.one-child { padding-bottom: 90px; } .page-section.big-padding-bottom { padding-bottom: 90px !important; } .page-section.no-padding-bottom { padding-bottom: 0; } .page-section.no-padding-top { padding-top: 0; } .page-section.no-padding { padding-top: 0; padding-bottom: 0; } .page-section.supper-padding-top { padding-top: 120px !important; } .page-section.small-padding { padding-top: 80px; padding-bottom: 40px; } .page-section.small-padding .section-header { margin-bottom: 40px; } .page-section.small-padding .section-block { margin-bottom: 40px; } .page-section.small-padding .section-block:before, .page-section.small-padding .section-block:after { content: " "; display: table; } .page-section.small-padding .section-block:after { clear: both; } .page-section.small-padding .section-block:before, .page-section.small-padding .section-block:after { content: " "; display: table; } .page-section.small-padding .section-block:after { clear: both; } .page-section.small-padding .section-block-small-p { margin-bottom: 15px; } .page-section.small-padding.one-child { padding-bottom: 80px; } .page-section.big-padding { padding-top: 120px; padding-bottom: 80px; } .page-section.big-padding .section-header { margin-bottom: 40px; } .page-section.big-padding .section-block { margin-bottom: 40px; } .page-section.big-padding .section-block:before, .page-section.big-padding .section-block:after { content: " "; display: table; } .page-section.big-padding .section-block:after { clear: both; } .page-section.big-padding .section-block:before, .page-section.big-padding .section-block:after { content: " "; display: table; } .page-section.big-padding .section-block:after { clear: both; } .page-section.big-padding .section-block-small-p { margin-bottom: 15px; } .page-section.big-padding.one-child { padding-bottom: 120px; } .page-section.supper-padding { padding-top: 160px; padding-bottom: 120px; } .page-section.supper-padding .section-header { margin-bottom: 40px; } .page-section.supper-padding .section-block { margin-bottom: 40px; } .page-section.supper-padding .section-block:before, .page-section.supper-padding .section-block:after { content: " "; display: table; } .page-section.supper-padding .section-block:after { clear: both; } .page-section.supper-padding .section-block:before, .page-section.supper-padding .section-block:after { content: " "; display: table; } .page-section.supper-padding .section-block:after { clear: both; } .page-section.supper-padding .section-block-small-p { margin-bottom: 15px; } .page-section.supper-padding.one-child { padding-bottom: 160px; } /* Nav */ .menu { border-bottom: 2px solid #1586b5; } .menu ul { z-index: 1030; } .menu ul, .menu li { margin: 0; } .menu-style-light .menu { background-color: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; color: #444444; } .menu :not(.menu-style-light) { background-color: #111111; color: #cccccc; } .menu :not(.menu-style-light) ul { border-left: 1px solid #222222; border-right: 1px solid #222222; } .menu :not(.menu-style-light) a:hover, .menu :not(.menu-style-light) a:active, .menu :not(.menu-style-light) a:focus { color: #FFFFFF; } .menu-dark { background-color: #111111; color: #cccccc; } .menu-dark ul { border-left: 1px solid #222222; border-right: 1px solid #222222; } .menu-dark a:hover, .menu-dark a:active, .menu-dark a:focus { color: #FFFFFF; } .menu-light { background-color: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; color: #444444; } .menu-link-block li { margin: 0; } .menu-link-block a { display: block; padding: 8px 20px; } .menu-link-block .__icon { float: left; line-height: inherit !important; padding-right: 5px; } .building-nav { transition: all 0.7s ease-in-out; max-height: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .building-nav h1, .building-nav h3, .building-nav hr { -webkit-flex-basis: 100%;   -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 100%; } .building-nav:hover { max-height: 2000px; } .building-nav a { font-weight: 600; text-transform: capitalize; width: 260px; } .building-nav a.done { color: green; } /* Main Menu */ .main-menu { z-index: 1030; font-family: "Montserrat", sans-serif; font-weight:700; /* Light Menu */ } .main-menu ul, .main-menu li { margin: 0; padding: 0; list-style: none; } .main-menu a .__icon { float: left; line-height: inherit !important; padding-right: 5px; } .main-menu.menu-item-hightlight-bottom > ul > li > a { position: relative; } .main-menu.menu-item-hightlight-bottom > ul > li > a:after { transition: all 0.3s ease-in-out; content: ""; width: 100%; height: 2px; position: absolute; background-color: transparent; bottom: -1px; left: 0; } .main-menu.menu-item-hightlight-bottom > ul > li > a, .main-menu.menu-item-hightlight-bottom > ul > li > a:hover, .main-menu.menu-item-hightlight-bottom > ul > li > a:focus { color: inherit; } .main-menu.menu-item-hightlight-bottom > ul > li > a:hover:after, .main-menu.menu-item-hightlight-bottom > ul > li > a:focus:after { background-color: #1586b5; } .main-menu > ul { margin-left: -20px; margin-right: -20px; } .main-menu > ul > li { display: inline-block; vertical-align: top; height: 100%; /* Mega menu */ } .main-menu > ul > li * { letter-spacing: initial; } .main-menu > ul > li > a { line-height: 30px; padding-left: 20px; padding-right: 20px; display: block; } .main-menu > ul > li:hover > ul { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; } .main-menu > ul > li ul { border-bottom: 2px solid #1586b5; background-color: #111111; color: #cccccc; text-align: left; } .main-menu > ul > li ul ul { border-left: 1px solid #222222; border-right: 1px solid #222222; } .main-menu > ul > li ul a:hover, .main-menu > ul > li ul a:active, .main-menu > ul > li ul a:focus { color: #FFFFFF; } .main-menu > ul > li > ul { position: absolute; z-index: 1030; display: none; font-size: 11px; /* Multi Floor Menu */ } .main-menu > ul > li > ul.multi-floor-menu li { margin: 0; } .main-menu > ul > li > ul.multi-floor-menu a { display: block; padding: 15px 20px; } .main-menu > ul > li > ul.multi-floor-menu .__icon { float: left; line-height: inherit !important; padding-right: 5px; } .main-menu > ul > li > ul.multi-floor-menu li { min-width: 250px; } .main-menu > ul > li > ul.multi-floor-menu li:hover > a { background-color: #444444; } .main-menu > ul > li > ul.multi-floor-menu > li { position: relative; } .main-menu > ul > li > ul.multi-floor-menu > li > ul { position: absolute; display: none; top: 0; left: 100%; z-index: -1; } .main-menu > ul > li > ul.multi-floor-menu > li:hover > ul { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; } .main-menu > ul > li > ul.multi-floor-menu > li.li-node > a:after { content: "\e083"; font-family: "megatron" !important; position: absolute; font-size: 8px; line-height: 23.57142857px; right: 20px; } .main-menu > ul > li > ul.multi-floor-menu.menu-right-base > li > ul { left: auto; right: 100%; } .main-menu > ul > li > ul.mega-menu { padding-top: 30px; } .main-menu > ul > li > ul.mega-menu.menu-1-col { width: 202px; } .main-menu > ul > li > ul.mega-menu.menu-2-col { width: 402px; } .main-menu > ul > li > ul.mega-menu.menu-3-col { width: 602px; } .main-menu > ul > li > ul.mega-menu.menu-4-col { width: 802px; } .main-menu > ul > li > ul.mega-menu.menu-5-col { width: 1002px; } .main-menu > ul > li > ul.mega-menu.menu-6-col { width: 1202px; } .main-menu > ul > li > ul.mega-menu > li { width: 200px; } .main-menu > ul > li > ul.mega-menu.menu-left-base { left: 0; } .main-menu > ul > li > ul.mega-menu.menu-right-base { right: 0; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth { left: 0; right: 0; } 
@media (min-width: 768px) { .main-menu > ul > li > ul.mega-menu.menu-fullwidth { width: 720px; } } 
@media (min-width: 1020px) { .main-menu > ul > li > ul.mega-menu.menu-fullwidth { width: 960px; } } 
@media (min-width: 1230px) { .main-menu > ul > li > ul.mega-menu.menu-fullwidth { width: 1170px; } } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-1-col > li { width: 100%; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-2-col > li { width: 50%; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-3-col > li { width: 33.33333333%; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-4-col > li { width: 25%; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-5-col > li { width: 20%; } .main-menu > ul > li > ul.mega-menu.menu-fullwidth.menu-6-col > li { width: 16.66666667%; } .main-menu > ul > li > ul.mega-menu ul { border: 0; } .main-menu > ul > li > ul.mega-menu li { margin-bottom: 0px; } .main-menu > ul > li > ul.mega-menu a { padding-top: 10px; padding-bottom: 10px; display: block; } .main-menu > ul > li > ul.mega-menu a:hover { margin-left: 10px; } .main-menu > ul > li > ul.mega-menu a:hover, .main-menu > ul > li > ul.mega-menu a.active { color: #FFFFFF; } .main-menu > ul > li > ul.mega-menu li.li-node > a:hover { margin-left: 0; } .main-menu > ul > li > ul.mega-menu > li { display: block; float: left; padding-left: 30px; } .main-menu > ul > li > ul.mega-menu.ul-node > li { margin-bottom: 40px; } .main-menu > ul > li > ul.mega-menu.ul-node > li > a { padding-bottom: 25px; display: block; font-size: 14px; color: #FFFFFF; cursor: text; } .main-menu > ul > li > ul.mega-menu.ul-node > li li:last-child { margin-bottom: 0; } .main-menu > ul > li > ul.mega-menu.ul-node.menu-hr-heading > li > a { padding-bottom: 5px; margin-bottom: 25px; display: inline-block; padding-right: 20px; border-bottom: 1px solid rgba(102, 102, 102, 0.25); } .main-menu > ul > li > ul.mega-menu.ul-node:not(.menu-hr-heading) { padding-top: 40px; } .main-menu > ul > li > ul.mega-menu.ul-node:not(.menu-hr-heading) > li:not(:first-child):before { position: absolute; content: ''; display: block; -webkit-transform: translateX(-30px);   -ms-transform: translateX(-30px); transform: translateX(-30px); width: 1px; top: 0; height: 100%; padding-top: 40px; padding-bottom: 40px; background-clip: content-box; background-color: rgba(102, 102, 102, 0.25); } .menu-style-light .main-menu ul > li ul { background-color: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; color: #444444; } .menu-style-light .main-menu > ul > li > ul.multi-floor-menu li:hover > a, .menu-style-light .main-menu > ul > li > ul.multi-floor-menu a:hover { background-color: #FFFFFF; color: #1586b5; } .menu-style-light .main-menu ul > li > ul.mega-menu a:hover { color: #1586b5; } .menu-style-light .main-menu ul > li > ul.mega-menu ul { box-shadow: none; border-left: 0; } .menu-style-light .main-menu ul > li > ul.mega-menu > li > a { color: #222222; } /* Main navigation */ .main-nav { z-index: 1030; width: 100%; font-family: "Montserrat", sans-serif; } .main-nav .__header, .main-nav .__middle, .main-nav .__footer { position: relative; } .main-nav .nav-content-wrapper { position: relative; width: 100%; } .main-nav .nav-content-wrapper:before, .main-nav .nav-content-wrapper:after { content: " "; display: table; } .main-nav .nav-content-wrapper:after { clear: both; } .main-nav .nav-content-wrapper:before, .main-nav .nav-content-wrapper:after { content: " "; display: table; } .main-nav .nav-content-wrapper:after { clear: both; } .main-nav .nav-content-wrapper .pull-left > *, .main-nav .nav-content-wrapper .pull-right > * { float: left; } .main-nav .nav-item { line-height: 30px; } .main-nav.small-nav .nav-content-wrapper, .nav-fixed-transformed .main-nav.nav-fixed .nav-content-wrapper, .main-nav.small-nav .megatron, .nav-fixed-transformed .main-nav.nav-fixed .megatron { height: 70px; } .main-nav.small-nav .nav-item, .nav-fixed-transformed .main-nav.nav-fixed .nav-item { padding-top: 20px; padding-bottom: 20px; } .main-nav.small-nav .main-menu > ul > li > a, .nav-fixed-transformed .main-nav.nav-fixed .main-menu > ul > li > a { height: 100%; padding-top: 20px; padding-bottom: 20px; } .main-nav.small-nav .dropdown .dropdown-menu, .nav-fixed-transformed .main-nav.nav-fixed .dropdown .dropdown-menu { top: 50px; } .main-nav.small-nav.nav-sticky:not(.stuck), .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) { background-color: #FFFFFF; color: #444444; } .main-nav.small-nav.nav-sticky:not(.stuck).stuck-dark, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck).stuck-dark { background-color: #111111; color: #FFFFFF; } .main-nav.small-nav.nav-sticky:not(.stuck) .main-menu > ul > li > ul, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .main-menu > ul > li > ul { border-top: 1px solid transparent; background-clip: padding-box; } .main-nav.small-nav.nav-sticky:not(.stuck) .nav-content-wrapper, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .nav-content-wrapper, .main-nav.small-nav.nav-sticky:not(.stuck) .megatron, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .megatron { height: 83px; } .main-nav.small-nav.nav-sticky:not(.stuck) .nav-item, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .nav-item { padding-top: 26.5px; padding-bottom: 26.5px; } .main-nav.small-nav.nav-sticky:not(.stuck) .main-menu > ul > li > a, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .main-menu > ul > li > a { height: 100%; padding-top: 26.5px; padding-bottom: 26.5px; } .main-nav.small-nav.nav-sticky:not(.stuck) .dropdown .dropdown-menu, .nav-fixed-transformed .main-nav.nav-fixed.nav-sticky:not(.stuck) .dropdown .dropdown-menu { top: 56.5px; } .main-nav .__header .nav-content-wrapper, .main-nav .__header .megatron { height: 46px; } .main-nav .__header .nav-item { padding-top: 8px; padding-bottom: 8px; } .main-nav .__header .main-menu > ul > li > a { height: 100%; padding-top: 8px; padding-bottom: 8px; } .main-nav .__header .dropdown .dropdown-menu { top: 38px; } .main-nav .__middle .nav-content-wrapper, .main-nav .__middle .megatron { height: 90px; } .main-nav .__middle .nav-item { padding-top: 30px; padding-bottom: 30px; } .main-nav .__middle .main-menu > ul > li > a { height: 100%; padding-top: 30px; padding-bottom: 30px; } .main-nav .__middle .dropdown .dropdown-menu { top: 60px; } .main-nav .__footer { border-bottom: solid 1px #EEEEEE; } .main-nav .__footer .nav-content-wrapper, .main-nav .__footer .megatron { height: 60px; } .main-nav .__footer .nav-item { padding-top: 15px; padding-bottom: 15px; } .main-nav .__footer .main-menu > ul > li > a { height: 100%; padding-top: 15px; padding-bottom: 15px; } .main-nav .__footer .dropdown .dropdown-menu { top: 45px; } .main-nav.nav-tall .__header .nav-content-wrapper, .main-nav.nav-tall .__header .megatron { height: 60px; } .main-nav.nav-tall .__header .nav-item { padding-top: 15px; padding-bottom: 15px; } .main-nav.nav-tall .__header .main-menu > ul > li > a { height: 100%; padding-top: 15px; padding-bottom: 15px; } .main-nav.nav-tall .__header .dropdown .dropdown-menu { top: 45px; } .main-nav.nav-tall .__middle .nav-content-wrapper, .main-nav.nav-tall .__middle .megatron { height: 120px; } .main-nav.nav-tall .__middle .nav-item { padding-top: 45px; padding-bottom: 45px; } .main-nav.nav-tall .__middle .main-menu > ul > li > a { height: 100%; padding-top: 45px; padding-bottom: 45px; } .main-nav.nav-tall .__middle .dropdown .dropdown-menu { top: 75px; } .main-nav.nav-tall .__footer .nav-content-wrapper, .main-nav.nav-tall .__footer .megatron { height: 70px; } .main-nav.nav-tall .__footer .nav-item { padding-top: 20px; padding-bottom: 20px; } .main-nav.nav-tall .__footer .main-menu > ul > li > a { height: 100%; padding-top: 20px; padding-bottom: 20px; } .main-nav.nav-tall .__footer .dropdown .dropdown-menu { top: 50px; } .main-nav.border-separator .__middle { border-top: 1px solid rgba(136, 136, 136, 0.15); border-bottom: 0px solid rgba(136, 136, 136, 0.15); } .main-nav.border-separator .main-menu > ul > li > ul { border-top: 1px solid transparent; background-clip: padding-box; } .main-nav.border-separator-light .__middle { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .main-nav.border-separator-light .main-menu > ul > li > ul { border-top: 1px solid transparent; background-clip: padding-box; } .main-nav.bottom-line:after { -webkit-transform: translate();   -ms-transform: translate(); transform: translate(); position: relative; content: ''; display: block; width: 100%; height: 3px; background: linear-gradient(323deg, rgba(16,183,101,0.9) 0%,rgba(0,185,255,0.9) 100%); } .main-nav.bottom-line .main-menu > ul > li > ul { border-top: 3px solid transparent; background-clip: padding-box; } .main-nav.bottom-line .nav-function .__cart .dropdown-menu { border-top: 3px solid transparent; background-clip: padding-box; } .main-nav.bottom-line-boxed:after { -webkit-transform: translate();   -ms-transform: translate(); transform: translate(); position: relative; content: ''; display: block; width: 1280px; height: 3px; margin: 0 auto; background: linear-gradient(323deg, rgba(16,183,101,0.9) 0%,rgba(0,185,255,0.9) 100%); } .main-nav.bottom-line-boxed .main-menu > ul > li > ul { border-top: 3px solid transparent; background-clip: padding-box; } .main-nav.bottom-line-boxed .nav-function .__cart .dropdown-menu { border-top: 3px solid transparent; background-clip: padding-box; } 
@media (min-width: 1400px) { .main-nav.large-container .container { width: 100%; padding-left: 45px; padding-right: 45px; } .main-nav.large-container .main-menu > ul > li > ul.mega-menu.menu-fullwidth { width: 100%; } } .main-nav.boxed .__middle { max-width: 1280px; margin-left: auto; margin-right: auto; left: auto; } 
@media only screen and (min-width: 1230px ) { .main-nav.small-nav:not(.nav-sticky) { display: none; } .main-nav.small-nav:not(.nav-sticky).stuck { height: auto; display: block; -webkit-animation: fadeIn 0.3s both; animation: fadeIn 0.3s both; } } 
@media only screen and (max-width: 1229px ) { .main-nav { display: none; } .main-nav.small-nav, .main-nav.left-menu-top-nav { display: block; } } .nav-info .__info { display: inline-block; font-size: 12px; } .nav-info .__info:not(:last-child) { margin-right: 20px; } .nav-info a:focus { color: inherit; } .nav-info i { font-size: 14px; margin-right: 5px; } .bgc-light .nav-info i { color: #1586b5; } .social-nav { font-size: 16px; line-height: 30px; margin-right: -10px; } .social-nav li { margin-right: 10px; } .nav-function { display: block; float: right; padding-left: 30px; margin-left: -20px; } .nav-function > * { display: inline-block; margin-left: 20px; } .nav-function > * > a { font-size: 16px; } .nav-function a { display: inline-block; vertical-align: middle; } .nav-function a:before { display: block; } .nav-function .__cart .cart-open { position: relative; } .nav-function .__cart .cart-open .__quantity { position: absolute; right: -10px; top: -10px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; font-size: 11px; text-align: center; } .nav-function .__cart .dropdown-menu { color: #FFFFFF; font-size: 12px; padding: 20px 20px 50px; right: -20px; } .nav-function .__cart .__cart-item { position: relative; width: 320px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; border-bottom: 1px solid rgba(102, 102, 102, 0.25); } .nav-function .__cart .__cart-item:before, .nav-function .__cart .__cart-item:after { content: " "; display: table; } .nav-function .__cart .__cart-item:after { clear: both; } .nav-function .__cart .__cart-item:before, .nav-function .__cart .__cart-item:after { content: " "; display: table; } .nav-function .__cart .__cart-item:after { clear: both; } .nav-function .__cart .__cart-item .__image { width: 63px; float: left; margin-right: 15px; } .nav-function .__cart .__cart-item .__category { font-size: 13px; margin-top: -0.57142857em; } .nav-function .__cart .__cart-item .__info { overflow: hidden; } .nav-function .__cart .__cart-item .__remove { position: absolute; right: 0; top: 50%; margin-top: -10px; } .nav-function .__cart .__middle-row { width: 320px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid rgba(102, 102, 102, 0.25); } .nav-function .__cart .__middle-row .__total { float: right; } .nav-function .__cart .__button-group { padding-top: 40px; } .nav-function .__cart .__button-group i { margin-right: 5px; font-size: 16px; height: 12px; float: left; } .cart-button { font-size: 22px; position: relative; margin-right: 20px; } .cart-button:before { vertical-align: middle; } .nav-single ul { margin-right: -20px; } .nav-single ul li { display: inline-block; margin-bottom: 0; margin-right: 20px; } .select-language li { width: 150px; font-size: 11px; } .select-language .dropdown-menu { border-bottom: 2px solid #1586b5; } .select-language .dropdown-menu ul { z-index: 1030; } .select-language .dropdown-menu ul, .select-language .dropdown-menu li { margin: 0; } .menu-style-light .select-language .dropdown-menu { background-color: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; color: #444444; } .select-language .dropdown-menu :not(.menu-style-light) { background-color: #111111; color: #cccccc; } .select-language .dropdown-menu :not(.menu-style-light) ul { border-left: 1px solid #222222; border-right: 1px solid #222222; } .select-language .dropdown-menu :not(.menu-style-light) a:hover, .select-language .dropdown-menu :not(.menu-style-light) a:active, .select-language .dropdown-menu :not(.menu-style-light) a:focus { color: #FFFFFF; } .select-language .dropdown-menu a:hover { background-color: rgba(128, 128, 128, 0.15); } .select-language .flag { display: inline-block; margin-right: 5px; vertical-align: text-top; } .os-menu .__flag { border-width: 1px; border-style: solid; display: inline-block; line-height: 1; padding: 3px 5px; margin-left: 10px; -webkit-transform: translateY(-10px);   -ms-transform: translateY(-10px); transform: translateY(-10px); font-size: 13px; } /* Nav absolute */ .nav-absolute { position: absolute; top: 0; left: 0; width: 100%; } /* Nav fixed */ .nav-fixed { position: fixed; top: 0; left: 0; width: 100%; } 
@media only screen and (min-width: 1230px ) { .nav-fixed-appeared .nav-fixed { display: block!important; -webkit-animation: fadeInDown 0.3s; animation: fadeInDown 0.3s; } } .nav-fixed-transformed .fixed-tranformed-bg-light { background-color: #FFFFFF; color: #444444; border-bottom: 1px solid #DDDDDD; } .nav-fixed-transformed .fixed-tranformed-bg-light .main-menu > ul > li > ul { border-top: 1px solid transparent; background-clip: padding-box; } .nav-fixed-transformed .fixed-tranformed-bg-light .nav-hamburger:after, .nav-fixed-transformed .fixed-tranformed-bg-light .nav-hamburger:before, .nav-fixed-transformed .fixed-tranformed-bg-light .nav-hamburger span { background-color: #444444; } .nav-fixed-transformed .fixed-tranformed-bg-dark { background-color: #111111; color: #FFFFFF; } .nav-fixed-transformed .fixed-tranformed-bg-dark .nav-hamburger:after, .nav-fixed-transformed .fixed-tranformed-bg-dark .nav-hamburger:before, .nav-fixed-transformed .fixed-tranformed-bg-dark .nav-hamburger span { background-color: #444444; } /* Hamburger Icon */ .nav-hamburger { transition: all 0.3s ease-in-out; display: block; position: relative; background: transparent; border: 0; padding: 0; outline: none; cursor: pointer; margin-top: auto; margin-bottom: auto; width: 22px; height: 30px; } .nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { transition: all 0.3s ease-in-out; background-color: #000000; } [class^='bgc-gray'] .nav-hamburger::before, [class^='bgc-gray'] .nav-hamburger::after, [class^='bgc-gray'] .nav-hamburger span, [class^='bgc-dark-o-'] .nav-hamburger::before, [class^='bgc-dark-o-'] .nav-hamburger::after, [class^='bgc-dark-o-'] .nav-hamburger span, .bgc-transparent .nav-hamburger::before, .bgc-transparent .nav-hamburger::after, .bgc-transparent .nav-hamburger span { background-color: #FFFFFF; } .nav-hamburger::before, .nav-hamburger::after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%;   -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .nav-hamburger span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .nav-hamburger::before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); } .nav-hamburger::after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); } .mobile-nav-open .nav-hamburger span { opacity: 0; } .mobile-nav-open .nav-hamburger::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .mobile-nav-open .nav-hamburger::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } /* Mobile Nav */ .mobile-nav { transition: all 0.3s ease-in-out; position: fixed; top: 0; width: 300px; left: 0; height: 100%; overflow: hidden; color: #222; z-index: 1032; background-color: #eee; -webkit-transform: translateX(-100%);   -ms-transform: translateX(-100%); transform: translateX(-100%); font-size: 13px; } 
@media only screen and (max-width: 480px) { .mobile-nav { width: 100%; } } .mobile-nav .mobile-nav-toggle { position: absolute; right: 30px; top: 20px; color: #444; } .mobile-nav .mobile-nav-toggle:hover { color: #000; } 
@media (max-height: 700px) { .mobile-nav .mobile-menu { height: calc(100% - 220px); } .mobile-nav .megatron { padding-left: 30px; margin-top: 15px; margin-bottom: 15px; } .mobile-nav .megatron .logo, .mobile-nav .megatron .brand { vertical-align: middle; display: inline-block; } .mobile-nav .megatron .logo { width: 40px; height: 40px; margin-bottom: 0; } .mobile-nav .megatron .brand { font-size: 20px; } } 
@media (min-height: 700px) { .mobile-nav .mobile-menu { height: calc(100% - 355px); } .mobile-nav .megatron { display: block; margin-left: auto; margin-right: auto; margin-top: 45px; margin-bottom: 45px; } .mobile-nav .megatron .logo { width: 80px; height: 80px; } .mobile-nav .megatron .brand { font-size: 20px; } } .mobile-nav .search-area { padding: 30px 20px; } .mobile-nav .search-area input { background-color: #222222; border-color: #222222; } .mobile-nav .search-area input:focus { border-color: #666666; } .mobile-nav .social-area { width: 100%; text-align: center; } .mobile-menu { position: relative; overflow-x: hidden; overflow-y: auto; /*border-top: 1px solid rgba(128, 128, 128, 0.15);*/   border-top: 1px solid #ccc; } .mobile-menu li { /*border-bottom: 1px solid rgba(128, 128, 128, 0.15);*/   border-bottom: 1px solid #ccc; margin-bottom: 0; } .mobile-menu a { position: relative; display: block; padding: 10px 30px; } .mobile-menu a:hover, .mobile-menu a:active, .mobile-menu a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.7); } .mobile-menu a i { margin-right: 10px; } .mobile-menu li.li-node > a:after { content: "\e083"; font-family: "megatron" !important; position: absolute; font-size: 8px; line-height: 27.85714286px; right: 20px; } .mobile-menu > ul { position: relative; height: 100%; } .mobile-menu ul { overflow-y: auto; overflow-x: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; } .mobile-menu ul.active { overflow-y: hidden!important; } .mobile-menu ul ul { transition: all 0.3s ease-in-out; position: absolute; -webkit-transform: translateX(100%);   -ms-transform: translateX(100%); transform: translateX(100%); z-index: 2; } .mobile-menu ul > li.active > ul { -webkit-transform: translate(0);   -ms-transform: translate(0); transform: translate(0); } .mobile-menu .__back a:before { display: block; float: left; content: "\e15f"; margin-right: 10px; font-family: "megatron" !important; } .mobile-menu .__back a i { display: none; } .mobile-menu ul > li { font-family: "Montserrat", sans-serif; } .mobile-nav-open .mobile-nav { -webkit-transform: translateX(0);   -ms-transform: translateX(0); transform: translateX(0); } /* Offcanvas Menu */ .offcanvas-nav { transition: all 0.3s ease-in-out; position: fixed; top: 0; right: 0; height: 100%; width: 270px; padding: 30px; z-index: 1031; -webkit-transform: translateX(100%);   -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-nav .offcanvas-nav-toggle { position: absolute; right: 30px; top: 25px; } .offcanvas-nav .nav-item { margin-bottom: 40px; } .offcanvas-nav .nav-single { display: block; color: #cccccc; font-family: "Playfair Display", serif; font-style: italic; } .offcanvas-nav .nav-single ul li { display: block; } .offcanvas-nav-open .offcanvas-nav { -webkit-transform: translateX(0);   -ms-transform: translateX(0); transform: translateX(0); } /* Sticky Nav */ .stuck { position: fixed; top: 0; } /* Nav PopUp */ .nav-menu-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1060; overflow: auto; } .nav-menu-popup .container-fluid { padding-top: 20px; padding-bottom: 20px; } .nav-menu-popup h3 { margin-bottom: 55px; } .nav-menu-popup h3 a { display: inline-block; color: #FFFFFF; font-size: 24px; } .nav-menu-popup h3 a:after { transition: all 0.3s ease-in-out; content: ""; display: block; width: 100%; height: 1px; position: relative; top: -2px; background-color: transparent; } .nav-menu-popup h3 a:hover:after { background-color: #FFFFFF; } .nav-menu-popup ul.social li a { background-color: #DDDDDD; color: #222222; } 
@media only screen and (max-width: 1019px ) { .nav-menu-popup h3 { margin-bottom: 45px; } } 
@media only screen and (max-width: 767px ) { .nav-menu-popup h3 { margin-bottom: 35px; } .nav-menu-popup h3 a { font-size: 20px; } } 
@media only screen and (max-width: 480px) { .nav-menu-popup h3 { margin-bottom: 25px; } } .nav-menu-popup-trigger { transition: all 0.3s ease-in-out; display: block; position: absolute; top: 30px; right: 35px; background: transparent; cursor: pointer; width: 20px; height: 18px; z-index: 2000; } .nav-menu-popup-trigger:before, .nav-menu-popup-trigger:after, .nav-menu-popup-trigger span { transition: all 0.3s ease-in-out; background: #444444; } .nav-menu-popup-trigger:before, .nav-menu-popup-trigger:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%;   -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .nav-menu-popup-trigger span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .nav-menu-popup-trigger:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); } .nav-menu-popup-trigger:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); } .nav-menu-popup-trigger:hover:before, .nav-menu-popup-trigger:hover:after, .nav-menu-popup-trigger:hover span { background: #1586b5; } .nav-menu-popup-open { overflow: hidden; } .nav-menu-popup-open .nav-menu-popup-trigger:before, .nav-menu-popup-open .nav-menu-popup-trigger:after, .nav-menu-popup-open .nav-menu-popup-trigger span { background: #FFFFFF; } .nav-menu-popup-open .nav-menu-popup-trigger span { opacity: 0; } .nav-menu-popup-open .nav-menu-popup-trigger:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .nav-menu-popup-open .nav-menu-popup-trigger:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .nav-menu-popup-open .nav-menu-popup-trigger:hover:before, .nav-menu-popup-open .nav-menu-popup-trigger:hover:after, .nav-menu-popup-open .nav-menu-popup-trigger:hover span { background: #1586b5; } #back-to-top-btn { position: fixed; right: 15px; bottom: 15px; z-index: 998; border: 2px solid #222222; color: #222222; background-color: #FFFFFF; width: 40px; height: 40px; line-height: 40px -2px; -webkit-transform: translateX(80px);   -ms-transform: translateX(80px); transform: translateX(80px); } #back-to-top-btn.show-this { -webkit-transform: translateX(0);   -ms-transform: translateX(0); transform: translateX(0); } #back-to-top-btn:hover { color: #FFFFFF; background-color: #222222; } #back-to-top-btn i { display: block; } /* Slider */ /* Slick slider core */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider Custom */ .slick-slider { position: relative; } .slick-slider.slider-initialized { display: block; } .slick-loading .slick-list { background: #FFFFFF url("../images/gif/ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-arrow { transition: all 0.3s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; border: 0; border-radius: 50%; font-size: 0; background-color: transparent; z-index: 515; overflow: hidden; opacity: 0; color: #FFFFFF; } .slick-arrow:before { display: block; text-align: center; font-family: "megatron" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; font-size: 40px; text-shadow: 0 0 1px #444444; } 
@media only screen and (max-width: 767px ) { .slick-arrow:before { font-size: 32px; } } .arrow-gray .slick-arrow { color: rgba(0, 0, 0, 0.15); } .arrow-gray .slick-arrow:before { text-shadow: 0 0 1px #FFFFFF; } .slick-slider:hover .slick-arrow { opacity: 1; } .slick-prev { left: 0; } .slick-prev:before { content: "\e1ae"; } .slick-next { right: 0; } .slick-next:before { content: "\e1aa"; } 
@media (min-width: 1400px) { .slick-prev { left: 30px; } .slick-next { right: 30px; } .outer-direction .slick-prev { left: -80px; } .outer-direction .slick-next { right: -80px; } } .small-arrow { transition: all 0.3s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; border: 0; border-radius: 50%; font-size: 0; background-color: transparent; z-index: 515; overflow: hidden; opacity: 0; color: #FFFFFF; } .small-arrow:before { display: block; text-align: center; font-family: "megatron" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; font-size: 40px; text-shadow: 0 0 1px #444444; } 
@media only screen and (max-width: 767px ) { .small-arrow:before { font-size: 32px; } } /* Dots */ .slick-dots { display: block; list-style: none; bottom: 0; position: absolute; text-align: center; width: 100%; } .slick-dots li { display: inline-block; position: relative; margin: 0 4px; } .slick-dots li button { transition: all 0.3s ease-in-out; display: block; width: 11px; height: 11px; font-size: 0; padding: 0; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 50%; } .slick-dots li.slick-active button, .slick-dots li button:hover { background-color: #FFFFFF; } .image-slider .slider .__item .__image img { width: 100%; } .image-slider .slick-arrow { width: 40px; height: 40px; border-radius: 0; font-size: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 515; overflow: hidden; opacity: 0; color: #FFFFFF; } .image-slider .slick-arrow:before { font-size: 18px; position: relative; text-shadow: none; } .image-slider .slick-prev { left: 0; } .image-slider .slick-prev:before { content: "\e11c"; left: -1px; } .image-slider .slick-next { right: 0; } .image-slider .slick-next:before { content: "\e169"; right: -1px; } .image-slider .slick-dots { font-size: 0; bottom: 20px; } .image-slider .slick-dots li button { width: 8px; height: 8px; } .image-slider .slick-dots li.slick-active button, .image-slider .slick-dots li button:hover { background-color: #FFFFFF; } .image-slider-large { padding-bottom: 80px; } .image-slider-large .slider .__item .__image img { width: 100%; } .image-slider-large .slick-arrow { width: 48px; height: 70px; border-radius: 0; font-size: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 515; overflow: hidden; opacity: 0; color: #FFFFFF; } .image-slider-large .slick-arrow:before { font-size: 18px; position: relative; text-shadow: none; } .image-slider-large .slick-prev { left: 0; } .image-slider-large .slick-prev:before { content: "\e11c"; left: -1px; } .image-slider-large .slick-next { right: 0; } .image-slider-large .slick-next:before { content: "\e169"; right: -1px; } .image-slider-large .slick-dots { font-size: 0; bottom: -44px; } .image-slider-large .slick-dots li button { width: 8px; height: 8px; border: 0; background-color: #EEEEEE; } .image-slider-large .slick-dots li.slick-active button, .image-slider-large .slick-dots li button:hover { background-color: #888888; } /* Header */ .page-header { position: relative; overflow: hidden; } .page-header:before, .page-header:after { content: " "; display: table; } .page-header:after { clear: both; } .page-header:before, .page-header:after { content: " "; display: table; } .page-header:after { clear: both; } .common-header { padding-top: 60px; padding-bottom: 60px; height: 420px; } .common-header.no-padding { padding: 0; } .common-header.no-padding-top { padding-top: 0; } .common-header.no-padding-bottom { padding-bottom: 0; } .common-header.small { height: 320px; } .common-header.large { height: 570px; } .common-header.margin-top { margin-top: 120px; } .header-2-col { padding-top: 60px; padding-bottom: 35px; border-bottom: 1px solid #EEEEEE; } @-webkit-keyframes LandingPageImageTransition { from { -webkit-transform: translateX(-75%); transform: translateX(-75%); }   to { -webkit-transform: translateX(-25%); transform: translateX(-25%); } } @keyframes LandingPageImageTransition { from { -webkit-transform: translateX(-75%); transform: translateX(-75%); }   to { -webkit-transform: translateX(-25%); transform: translateX(-25%); } } @-webkit-keyframes LandingPageBackgroundTransition { 0% { -webkit-transform: scale(1); transform: scale(1); }   50% { -webkit-transform: scale(1.5); transform: scale(1.5); }   100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LandingPageBackgroundTransition { 0% { -webkit-transform: scale(1); transform: scale(1); }   50% { -webkit-transform: scale(1.5); transform: scale(1.5); }   100% { -webkit-transform: scale(1); transform: scale(1); } } .landing-page-header { position: relative; width: 100%; overflow: hidden; } .landing-page-header h1.size-l { margin-bottom: 10px; } 
@media only screen and (min-width: 1620px) { .landing-page-header h1.size-l { font-size: 70px; letter-spacing: 0.1em; } } 
@media only screen and (min-width: 1620px) { .landing-page-header .fz-3 { font-size: 25px; } } .landing-page-header .layer-image, .landing-page-header .layer-background { position: absolute; height: 100%; top: 0; left: 0; } .landing-page-header .layer-background { width: 100%; background-size: cover; background-position: 50% 20%; z-index: -2; opacity: 1; } .landing-page-header .layer-image { z-index: -1; opacity: 0.5; width: 8000px; background-repeat: repeat; background-size: 100vw ; } html:not(.chrome.MacIntel) .landing-page-header .layer-image { -webkit-animation: LandingPageImageTransition linear 180s infinite; animation: LandingPageImageTransition linear 180s infinite; } .landing-page-header .layer-content { position: relative; background-image: url('../images/other/landing-bg.png'); background-repeat: repeat; } .landing-page-header .layer-content .cell-vertical-wrapper { padding-top: 120px; padding-bottom: 80px; height: 100vh; } .landing-page-header .megatron { width: 150px; } 
@media only screen and (min-width: 768px ) { .landing-page-header .megatron { width: 180px; } } 
@media only screen and (min-width: 1020px ) { .landing-page-header .megatron { width: 240px; } } 
@media only screen and (min-width: 1230px ) { .landing-page-header .megatron { width: 290px; } } 
@media only screen and (min-width: 1620px) { .landing-page-header .megatron { width: 370px; } } .landing-page-header .go-to-body { position: absolute; bottom: 0; height: 100px; width: 100%; } .landing-page-header .go-to-body a { display: none; } 
@media only screen and (min-width: 1230px ) { .landing-page-header .go-to-body a { font-size: 35px !important; opacity: 0.7; display: inline-block; } } .landing-page-header .go-to-body a:hover { -webkit-transform: translateY(10px);   -ms-transform: translateY(10px); transform: translateY(10px); color: inherit; opacity: 1; } .simple-header { padding-top: 70px; padding-bottom: 70px; background-color: #F9F9F9; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } /* Footer */ footer.page-footer { position: relative; overflow: hidden; } footer.page-footer:before, footer.page-footer:after { content: " "; display: table; } footer.page-footer:after { clear: both; } footer.page-footer:before, footer.page-footer:after { content: " "; display: table; } footer.page-footer:after { clear: both; } .footer-foot-1 { border-bottom: 1px solid; border-top: 1px solid; border-color: transparent; padding-top: 20px; padding-bottom: 20px; } .footer-foot-1 p { margin-bottom: 0; line-height: 30px; } .footer-foot-1.bgc-light { color: #444444; border-color: #DDDDDD; } .footer-foot-1.bgc-gray-base, .footer-foot-1.bgc-gray-darkest, .footer-foot-1.bgc-gray-darker { color: rgba(255, 255, 255, 0.7); } .footer-foot-2 { border-bottom: 1px solid; border-top: 1px solid; border-color: transparent; padding-top: 20px; padding-bottom: 20px; } .footer-foot-2 ul.social { font-size: 0; } .footer-foot-2 ul.social li { margin: 0 8px; } .footer-foot-2 ul.social li:last-child { margin-right: 8px; } .footer-foot-2 ul.social li:first-child { margin-left: 8px; } .footer-foot-2 ul.social li a { font-size: 18px; height: 30px; line-height: 30px; } .footer-foot-2 ul.social li a i { line-height: 30px; } .footer-foot-2.bgc-light { color: #444444; border-color: #DDDDDD; } .footer-foot-2.bgc-gray-base, .footer-foot-2.bgc-gray-darkest, .footer-foot-2.bgc-gray-darker { color: #BABABA; } .footer-foot-3 { border-bottom: 1px solid; border-top: 1px solid; border-color: transparent; padding-top: 20px; padding-bottom: 10px; } .footer-foot-3 .__content-left, .footer-foot-3 .__content-right { padding-left: 15px; padding-right: 15px; } .footer-foot-3 .__content-left p { line-height: 30px; margin-bottom: 15px; } .footer-foot-3 .__content-right nav.footer-nav ul { font-size: 0; } .footer-foot-3 .__content-right nav.footer-nav ul li { display: inline-block; margin-left: 15px; margin-right: 15px; } .footer-foot-3 .__content-right nav.footer-nav ul li a { line-height: 30px; font-size: 13px; } .footer-foot-3.bgc-light { color: #444444; border-color: #DDDDDD; } 
@media only screen and (min-width: 1230px ) { .footer-foot-3 .__content-left { float: left; } .footer-foot-3 .__content-left p { margin-bottom: 0; } .footer-foot-3 .__content-right { float: right; } .footer-foot-3 .__content-right nav.footer-nav ul li { float: left; margin-left: 20px; margin-right: 20px; } .footer-foot-3 .__content-right nav.footer-nav ul li:first-of-type { margin-left: 0; } .footer-foot-3 .__content-right nav.footer-nav ul li:last-of-type { margin-right: 0; } } 
@media only screen and (max-width: 1229px ) { .footer-foot-3 { text-align: center; } } .footer-foot-4 { border-bottom: 1px solid; border-top: 1px solid; border-color: transparent; padding-top: 20px; padding-bottom: 20px; } .footer-foot-4 .__content-left, .footer-foot-4 .__content-right { padding-left: 15px; padding-right: 15px; } .footer-foot-4 .__content-left p { line-height: 30px; margin-bottom: 15px; } .footer-foot-4 .__content-right ul.social { font-size: 0; } .footer-foot-4 .__content-right ul.social li { margin: 0 6px; } .footer-foot-4 .__content-right ul.social li a { background-color: #BBBBBB; font-size: 14px; } .footer-foot-4 .__content-right ul.social li a:hover { background-color: #1586b5; } .footer-foot-4.bgc-light { border-color: #DDDDDD; } .footer-foot-4.bgc-light .__content-left { color: #444444; } .footer-foot-4.bgc-light .__content-right ul.social li a { color: #FFFFFF; } .footer-foot-4.bgc-gray-base .__content-left, .footer-foot-4.bgc-gray-darkest .__content-left, .footer-foot-4.bgc-gray-darker .__content-left { color: #FFFFFF; } .footer-foot-4.bgc-gray-base .__content-right ul.social li a { color: #000000; } .footer-foot-4.bgc-gray-darkest .__content-right ul.social li a { color: #111111; } .footer-foot-4.bgc-gray-darker .__content-right ul.social li a { color: #222222; } 
@media only screen and (min-width: 1020px ) { .footer-foot-4 .__content-left { float: left; } .footer-foot-4 .__content-left p { margin-bottom: 0; } .footer-foot-4 .__content-right { float: right; } .footer-foot-4 .__content-right ul li:first-of-type { margin-left: 0; } .footer-foot-4 .__content-right ul li:last-of-type { margin-right: 0; } } 
@media only screen and (max-width: 1019px ) { .footer-foot-4 { text-align: center; } } .footer-widget-logo { position: relative; } .footer-widget-logo p { margin-bottom: 0; letter-spacing: 0.1em; line-height: 30px; } .footer-widget-logo p i.icon { position: relative; top: -2px; font-size: 24px; } .bgc-gray-base .footer-widget-logo hr, .bgc-gray-darkest .footer-widget-logo hr, .bgc-gray-darker .footer-widget-logo hr { border-color: #333333; } .footer-widget-about ul.social { font-size: 0; } .footer-widget-about ul.social li { margin: 0 6px; } .footer-widget-about ul.social li a { background-color: #888888; font-size: 14px; } .footer-widget-about ul.social li:first-of-type { margin-left: 0; } .footer-widget-about ul.social li:last-of-type { margin-right: 0; } .bgc-light .footer-widget-about ul.social li a:hover { background-color: #1586b5; } .bgc-gray-base .footer-widget-about p, .bgc-gray-darkest .footer-widget-about p, .bgc-gray-darker .footer-widget-about p { color: #BABABA; } .bgc-gray-base .footer-widget-about ul.social li a:hover, .bgc-gray-darkest .footer-widget-about ul.social li a:hover, .bgc-gray-darker .footer-widget-about ul.social li a:hover { background-color: #FFFFFF; } .bgc-gray-base .footer-widget-about ul.social li a { color: #000000; } .bgc-gray-darkest .footer-widget-about ul.social li a { color: #111111; } .bgc-gray-darker .footer-widget-about ul.social li a { color: #222222; } .footer-widget-recent-post .__content span { display: block; margin-bottom: 5px; } .footer-widget-recent-post .__content span > a { line-height: 30px; } .bgc-gray-base .footer-widget-recent-post .__content, .bgc-gray-darkest .footer-widget-recent-post .__content, .bgc-gray-darker .footer-widget-recent-post .__content { color: #BABABA; } .footer-widget-info .__content:before, .footer-widget-info .__content:after { content: " "; display: table; } .footer-widget-info .__content:after { clear: both; } .footer-widget-info .__content:before, .footer-widget-info .__content:after { content: " "; display: table; } .footer-widget-info .__content:after { clear: both; } .footer-widget-info .__content > div { float: left; width: 100%; } .footer-widget-info .__content > div > span { display: block; margin-bottom: 5px; } .footer-widget-info .__content > div > span > a { line-height: 30px; } .footer-widget-info .__content > div > span > a:before { content: "\e169"; font-family: "megatron"; font-size: 9px; color: #1586b5; margin-right: 10px; } .footer-widget-info .__content.__2-col > div { width: 50%; } .bgc-gray-base .footer-widget-info .__content, .bgc-gray-darkest .footer-widget-info .__content, .bgc-gray-darker .footer-widget-info .__content { color: #BABABA; } .footer-widget-contact .__content > div { margin-bottom: 15px; } .footer-widget-contact .__content > div i { color: #1586b5; font-size: 18px; height: 18px; margin-right: 5px; } .footer-widget-contact .__content > div span { line-height: 30px; vertical-align: middle; } .footer-widget-form form .__inputs { margin-left: -15px; margin-right: -15px; } .footer-widget-form form .__inputs > span { display: block; padding-left: 15px; padding-right: 15px; } .footer-widget-form form .__inputs > span input { background-color: transparent; } .footer-widget-form form .__message textarea { background-color: transparent; } .bgc-gray-base .footer-widget-form form .__inputs, .bgc-gray-darkest .footer-widget-form form .__inputs, .bgc-gray-darker .footer-widget-form form .__inputs { margin-left: -15px; margin-right: -15px; } .bgc-gray-base .footer-widget-form form .__inputs > span, .bgc-gray-darkest .footer-widget-form form .__inputs > span, .bgc-gray-darker .footer-widget-form form .__inputs > span { display: block; padding-left: 15px; padding-right: 15px; } .bgc-gray-base .footer-widget-form form .__inputs > span input, .bgc-gray-darkest .footer-widget-form form .__inputs > span input, .bgc-gray-darker .footer-widget-form form .__inputs > span input { background-color: transparent; border-color: #333333; } .bgc-gray-base .footer-widget-form form .__inputs > span input:focus, .bgc-gray-darkest .footer-widget-form form .__inputs > span input:focus, .bgc-gray-darker .footer-widget-form form .__inputs > span input:focus { border-color: #1586b5; } .bgc-gray-base .footer-widget-form form .__message textarea, .bgc-gray-darkest .footer-widget-form form .__message textarea, .bgc-gray-darker .footer-widget-form form .__message textarea { border-color: #333333; } .bgc-gray-base .footer-widget-form form .__message textarea:focus, .bgc-gray-darkest .footer-widget-form form .__message textarea:focus, .bgc-gray-darker .footer-widget-form form .__message textarea:focus { border-color: #1586b5; } .footer-widget-tag .__content { font-size: 0; margin-right: -8px; } .footer-widget-tag .__content > a { font-size: 13px; display: inline-block; line-height: 30px; padding: 4px 15px; border: 1px solid #DDDDDD; margin-right: 8px; margin-bottom: 8px; } .footer-widget-tag .__content > a:hover { border-color: #1586b5; } .bgc-gray-base .footer-widget-tag .__content > a, .bgc-gray-darkest .footer-widget-tag .__content > a, .bgc-gray-darker .footer-widget-tag .__content > a { color: #BABABA; border-color: #333333; } .bgc-gray-base .footer-widget-tag .__content > a:hover, .bgc-gray-darkest .footer-widget-tag .__content > a:hover, .bgc-gray-darker .footer-widget-tag .__content > a:hover { color: #1586b5; border-color: #1586b5; } .footer-widget-newsletter p { margin-bottom: 15px; } .footer-widget-newsletter form .__inputs input { margin-bottom: 25px; background-color: transparent; } .footer-widget-newsletter form .__button { margin-left: auto; margin-right: auto; max-width: 270px; } .bgc-gray-base .footer-widget-newsletter p, .bgc-gray-darkest .footer-widget-newsletter p, .bgc-gray-darker .footer-widget-newsletter p { color: #BABABA; } .bgc-gray-base .footer-widget-newsletter form .__inputs input, .bgc-gray-darkest .footer-widget-newsletter form .__inputs input, .bgc-gray-darker .footer-widget-newsletter form .__inputs input { background-color: transparent; border-color: #333333; } .bgc-gray-base .footer-widget-newsletter form .__inputs input:focus, .bgc-gray-darkest .footer-widget-newsletter form .__inputs input:focus, .bgc-gray-darker .footer-widget-newsletter form .__inputs input:focus { border-color: #1586b5; } .footer-widget-journal .__content .__inputs { margin-bottom: 28px; } .footer-widget-journal .__content .__inputs input { background-color: transparent; border: 0px; border-bottom: 1px solid; padding: 5px 0; letter-spacing: 0.05em; font-family: "Raleway", sans-serif; margin-bottom: 8px; } .footer-widget-journal .__content .__inputs input:focus { border-color: #1586b5 !important; } .footer-widget-journal .__content .__button .btn-border:hover, .footer-widget-journal .__content .__button .btn-border:focus { border-color: #1586b5 !important; color: #FFFFFF !important; background-color: #1586b5 !important; } .bgc-light .footer-widget-journal .__content .__inputs input { border-color: #DDDDDD; } .bgc-light .footer-widget-journal .__content .__inputs input::-webkit-input-placeholder { color: #222222; } .bgc-light .footer-widget-journal .__content .__inputs input:-moz-placeholder { /* Firefox 18- */   color: #222222; } .bgc-light .footer-widget-journal .__content .__inputs input::-moz-placeholder { /* Firefox 19+ */   color: #222222; } .bgc-light .footer-widget-journal .__content .__inputs input:-ms-input-placeholder { color: #222222; } .bgc-light .footer-widget-journal .__content .__button .btn-border { border-color: #DDDDDD; color: #222222; } .bgc-gray-base .footer-widget-journal .__content .__inputs input, .bgc-gray-darkest .footer-widget-journal .__content .__inputs input, .bgc-gray-darker .footer-widget-journal .__content .__inputs input { color: #BABABA; border-color: #333333; } .bgc-gray-base .footer-widget-journal .__content .__inputs input::-webkit-input-placeholder, .bgc-gray-darkest .footer-widget-journal .__content .__inputs input::-webkit-input-placeholder, .bgc-gray-darker .footer-widget-journal .__content .__inputs input::-webkit-input-placeholder { color: #BABABA; } .bgc-gray-base .footer-widget-journal .__content .__inputs input:-moz-placeholder, .bgc-gray-darkest .footer-widget-journal .__content .__inputs input:-moz-placeholder, .bgc-gray-darker .footer-widget-journal .__content .__inputs input:-moz-placeholder { /* Firefox 18- */   color: #BABABA; } .bgc-gray-base .footer-widget-journal .__content .__inputs input::-moz-placeholder, .bgc-gray-darkest .footer-widget-journal .__content .__inputs input::-moz-placeholder, .bgc-gray-darker .footer-widget-journal .__content .__inputs input::-moz-placeholder { /* Firefox 19+ */   color: #BABABA; } .bgc-gray-base .footer-widget-journal .__content .__inputs input:-ms-input-placeholder, .bgc-gray-darkest .footer-widget-journal .__content .__inputs input:-ms-input-placeholder, .bgc-gray-darker .footer-widget-journal .__content .__inputs input:-ms-input-placeholder { color: #BABABA; } .bgc-gray-base .footer-widget-journal .__content .__button .btn-border, .bgc-gray-darkest .footer-widget-journal .__content .__button .btn-border, .bgc-gray-darker .footer-widget-journal .__content .__button .btn-border { border-color: #666666; color: #AAAAAA; } .footer-widget-social .__content > div { line-height: 1; margin-bottom: 5px; } .footer-widget-social .__content > div > a { display: inline-block; } .footer-widget-social .__content > div > a i { margin-right: 15px; font-size: 18px; height: 18px; } .footer-widget-social .__content > div > a span { line-height: 30px; vertical-align: middle; } .bgc-gray-base .footer-widget-social .__content, .bgc-gray-darkest .footer-widget-social .__content, .bgc-gray-darker .footer-widget-social .__content { color: #BABABA; } .footer-widget-shop-product .block-shop-product-small-2:not(:last-of-type) { border-bottom: 1px solid; } .bgc-gray-base .footer-widget-shop-product .block-shop-product-small-2, .bgc-gray-darkest .footer-widget-shop-product .block-shop-product-small-2, .bgc-gray-darker .footer-widget-shop-product .block-shop-product-small-2 { border-color: #333333; } .bgc-gray-base .footer-widget-shop-product .block-shop-product-small-2 .__price del, .bgc-gray-darkest .footer-widget-shop-product .block-shop-product-small-2 .__price del, .bgc-gray-darker .footer-widget-shop-product .block-shop-product-small-2 .__price del { color: #666666; } .bgc-gray-base .footer-widget-shop-product .block-shop-product-small-2 .__price span, .bgc-gray-darkest .footer-widget-shop-product .block-shop-product-small-2 .__price span, .bgc-gray-darker .footer-widget-shop-product .block-shop-product-small-2 .__price span { color: #AAAAAA; } .footer-widget-shop-category:hover .__title i { color: #1586b5; } .footer-widget-shop-category .__title { margin-bottom: 15px; } .footer-widget-shop-category .__title h6 { margin-bottom: 5px; } .footer-widget-shop-category .__title i { font-size: 20px; color: rgba(186, 186, 186, 0.9); } .footer-widget-shop-category .__content > div:not(:last-of-type) { margin-bottom: 10px; } .footer-widget-shop-category .__content > div a { line-height: 32px; padding-left: 15px; padding-right: 15px; display: inline-block; border: 1px solid transparent; } .footer-widget-shop-category .__content > div a:hover { border-color: #1586b5; } .bgc-light .footer-widget-shop-category .__content > div a { color: #222222; } .bgc-gray-base .footer-widget-shop-category .__content > div a, .bgc-gray-darkest .footer-widget-shop-category .__content > div a, .bgc-gray-darker .footer-widget-shop-category .__content > div a { color: #BABABA; } .footer-preset-1 .footer-body .footer-widget-logo { padding-top: 100px; padding-bottom: 90px; } .footer-preset-1 .footer-body .footer-widget-logo .megatron { margin-bottom: 15px; } .footer-preset-1 .footer-body .footer-widget-logo .megatron .logo { width: 100px; height: 100px; } .footer-preset-2 .footer-body { padding-top: 80px; padding-bottom: 45px; } .footer-preset-2 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-preset-2 .footer-body .footer-widget-about p { margin-bottom: 40px; } .footer-preset-2 .footer-body .footer-widget-recent-post { margin-bottom: 40px; } .footer-preset-2 .footer-body .footer-widget-gallery { max-width: 500px; } .footer-preset-2 .footer-body .footer-widget-gallery h4 { margin-bottom: 35px; } 
@media only screen and (max-width: 767px ) and (min-width: 600px) { .footer-preset-2 .__block-wrapper-1 { width: 58.33333333%; } .footer-preset-2 .__block-wrapper-2 { width: 41.66666667%; } } .footer-preset-3 .footer-body { padding-top: 70px; padding-bottom: 30px; } .footer-preset-3 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-preset-3 .footer-body .footer-widget-about .megatron { margin-bottom: 35px; } .footer-preset-3 .footer-body .footer-widget-about p { margin-bottom: 40px; } .footer-preset-3 .footer-body .footer-widget-info { padding-top: 15px; margin-bottom: 25px; } .footer-preset-3 .footer-body .footer-widget-info h4 { margin-bottom: 45px; } .footer-preset-3 .footer-body .footer-widget-contact { padding-top: 15px; margin-bottom: 40px; } .footer-preset-3 .footer-body .footer-widget-contact h4 { margin-bottom: 45px; } 
@media (max-width: 480px) { .footer-preset-3 .footer-widget-info .__content > div { width: 100%; } } .footer-preset-4 .footer-body { padding-top: 130px; padding-bottom: 110px; } .footer-preset-4 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-preset-4 .footer-body .footer-widget-about .megatron { margin-bottom: 35px; } .footer-preset-4 .footer-body .footer-widget-about p { margin-bottom: 40px; } 
@media only screen and (min-width: 768px ) { .footer-preset-4 form .__inputs > span { float: left; } .footer-preset-4 form .__inputs .__name, .footer-preset-4 form .__inputs .__phone { width: 50%; } .footer-preset-4 form .__inputs .__email { width: 100%; } .footer-preset-4 form .__message textarea { background-color: transparent; } } 
@media only screen and (max-width: 1229px ) { .footer-preset-4 .footer-body { padding-top: 80px; padding-bottom: 80px; } } .footer-preset-5 .footer-body { padding-top: 80px; padding-bottom: 70px; } .footer-preset-5 .footer-body .footer-widget-about { margin-bottom: 25px; } .footer-preset-5 .footer-body .footer-widget-about .megatron { margin-bottom: 25px; } .footer-preset-5 .footer-body .footer-widget-gallery { margin-bottom: 25px; padding-top: 15px; max-width: 500px; } .footer-preset-5 .footer-body .footer-widget-gallery h4 { margin-bottom: 45px; } .footer-preset-5 .footer-body .footer-widget-recent-post, .footer-preset-5 .footer-body .footer-widget-contact { margin-bottom: 25px; padding-top: 15px; } .footer-preset-5 .footer-body .footer-widget-recent-post h4, .footer-preset-5 .footer-body .footer-widget-contact h4 { margin-bottom: 35px; } .footer-preset-5 .footer-foot-1.bgc-gray-base, .footer-preset-5 .footer-foot-2.bgc-gray-base, .footer-preset-5 .footer-foot-3.bgc-gray-base, .footer-preset-5 .footer-foot-4.bgc-gray-base, .footer-preset-5 .footer-foot-1.bgc-gray-darkest, .footer-preset-5 .footer-foot-2.bgc-gray-darkest, .footer-preset-5 .footer-foot-3.bgc-gray-darkest, .footer-preset-5 .footer-foot-4.bgc-gray-darkest, .footer-preset-5 .footer-foot-1.bgc-gray-darker, .footer-preset-5 .footer-foot-2.bgc-gray-darker, .footer-preset-5 .footer-foot-3.bgc-gray-darker, .footer-preset-5 .footer-foot-4.bgc-gray-darker { border-top-color: #333333; } 
@media only screen and (max-width: 767px ) and (min-width: 550px) { .footer-preset-5 .__block-wrapper-3 { width: 45%; } .footer-preset-5 .__block-wrapper-4 { width: 55%; } } .footer-preset-6 .footer-body { padding-top: 80px; padding-bottom: 45px; } .footer-preset-6 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-preset-6 .footer-body .footer-widget-about h4 { margin-bottom: 35px; } .footer-preset-6 .footer-body .footer-widget-tag { margin-bottom: 40px; } .footer-preset-6 .footer-body .footer-widget-tag h4 { margin-bottom: 40px; } .footer-preset-6 .footer-body .footer-widget-info { margin-bottom: 40px; } .footer-preset-6 .footer-body .footer-widget-info h4 { margin-bottom: 35px; } .footer-preset-6 .footer-body .footer-widget-newsletter { margin-bottom: 40px; } .footer-preset-6 .footer-body .footer-widget-newsletter h4 { margin-bottom: 35px; } .footer-preset-6 .footer-foot-1.bgc-gray-base, .footer-preset-6 .footer-foot-2.bgc-gray-base, .footer-preset-6 .footer-foot-3.bgc-gray-base, .footer-preset-6 .footer-foot-4.bgc-gray-base, .footer-preset-6 .footer-foot-1.bgc-gray-darkest, .footer-preset-6 .footer-foot-2.bgc-gray-darkest, .footer-preset-6 .footer-foot-3.bgc-gray-darkest, .footer-preset-6 .footer-foot-4.bgc-gray-darkest, .footer-preset-6 .footer-foot-1.bgc-gray-darker, .footer-preset-6 .footer-foot-2.bgc-gray-darker, .footer-preset-6 .footer-foot-3.bgc-gray-darker, .footer-preset-6 .footer-foot-4.bgc-gray-darker { border-top-color: #333333; } .footer-preset-7 .footer-body { padding-top: 100px; padding-bottom: 50px; } .footer-preset-7 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-preset-7 .footer-body .footer-widget-about p { margin-bottom: 45px; } .footer-preset-7 .footer-body .footer-widget-social { margin-bottom: 35px; } .footer-preset-7 .footer-body .footer-widget-journal { margin-bottom: 40px; } .footer-preset-7 .footer-body .footer-widget-logo { margin-bottom: 30px; } .footer-preset-7 .footer-body .footer-widget-logo .megatron { margin-bottom: 10px; } .footer-preset-7 .footer-body .footer-widget-logo .megatron .logo { position: relative; z-index: 10; width: 80px; height: 54px; } .footer-preset-7 .footer-body .footer-widget-logo hr { position: absolute; top: 35px; left: 0; margin: 0; width: 100%; } .footer-preset-7 .footer-body .__block-wrapper-4 { padding-top: 10px; } .footer-preset-7 .footer-body.bgc-light { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .footer-preset-7 .footer-body.bgc-light .footer-widget-logo .megatron .logo { background-color: #FFFFFF; } .footer-preset-7 .footer-body.bgc-gray-base .footer-widget-logo .megatron .logo { background-color: #000000; } .footer-preset-7 .footer-body.bgc-gray-darkest .footer-widget-logo .megatron .logo { background-color: #111111; } .footer-preset-7 .footer-body.bgc-gray-darker .footer-widget-logo .megatron .logo { background-color: #222222; } .footer-shop-1 .footer-body { padding-top: 80px; padding-bottom: 45px; } .footer-shop-1 .footer-body .footer-widget-about { margin-bottom: 40px; } .footer-shop-1 .footer-body .footer-widget-about h4 { margin-bottom: 35px; } .footer-shop-1 .footer-body .footer-widget-shop-product { margin-bottom: 30px; } .footer-shop-1 .footer-body .footer-widget-newsletter { margin-bottom: 40px; } .footer-shop-1 .footer-body .footer-widget-newsletter h4 { margin-bottom: 35px; } .footer-shop-1 .footer-body .footer-foot-1.bgc-gray-base, .footer-shop-1 .footer-body .footer-foot-2.bgc-gray-base, .footer-shop-1 .footer-body .footer-foot-3.bgc-gray-base, .footer-shop-1 .footer-body .footer-foot-4.bgc-gray-base, .footer-shop-1 .footer-body .footer-foot-1.bgc-gray-darkest, .footer-shop-1 .footer-body .footer-foot-2.bgc-gray-darkest, .footer-shop-1 .footer-body .footer-foot-3.bgc-gray-darkest, .footer-shop-1 .footer-body .footer-foot-4.bgc-gray-darkest, .footer-shop-1 .footer-body .footer-foot-1.bgc-gray-darker, .footer-shop-1 .footer-body .footer-foot-2.bgc-gray-darker, .footer-shop-1 .footer-body .footer-foot-3.bgc-gray-darker, .footer-shop-1 .footer-body .footer-foot-4.bgc-gray-darker { border-top-color: #333333; } 
@media only screen and (max-width: 1229px ) and (min-width: 1020px) { .footer-shop-1 .footer-body .footer-widget-shop-product .block-shop-product-small-2 .__image { margin-right: 15px; } } .footer-shop-2 .footer-body { padding-top: 85px; padding-bottom: 45px; } .footer-shop-2 .footer-body .footer-widget-shop-category { margin-bottom: 40px; } .footer-shop-2 .footer-foot-1.bgc-gray-base, .footer-shop-2 .footer-foot-2.bgc-gray-base, .footer-shop-2 .footer-foot-3.bgc-gray-base, .footer-shop-2 .footer-foot-4.bgc-gray-base, .footer-shop-2 .footer-foot-1.bgc-gray-darkest, .footer-shop-2 .footer-foot-2.bgc-gray-darkest, .footer-shop-2 .footer-foot-3.bgc-gray-darkest, .footer-shop-2 .footer-foot-4.bgc-gray-darkest, .footer-shop-2 .footer-foot-1.bgc-gray-darker, .footer-shop-2 .footer-foot-2.bgc-gray-darker, .footer-shop-2 .footer-foot-3.bgc-gray-darker, .footer-shop-2 .footer-foot-4.bgc-gray-darker { border-top-color: #333333; } 
@media only screen and (max-width: 767px ) and (min-width: 600px) { .footer-shop-2 .footer-body .__block-wrapper-1, .footer-shop-2 .footer-body .__block-wrapper-2, .footer-shop-2 .footer-body .__block-wrapper-3, .footer-shop-2 .footer-body .__block-wrapper-4 { width: 50%; } } .sticky-button { position: fixed; right: 0px; z-index: 1450; } .purchase-button { top: 200px; position: fixed; right: 0px; z-index: 1450; } .referrals-button { top: 400px; position: fixed; right: 0px; z-index: 1450; } /* Modal */ .jquery-modal.blocker { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .modal { display: none; position: absolute; background: #FFFFFF; padding: 30px; max-width: 100%; max-height: 100%; overflow: auto; } .modal a.close-modal { display: block; position: absolute; background-color: #1586b5; color: #FFFFFF; top: 0; right: 0; font-size: 0; } .modal a.close-modal:before { font-family: "megatron" !important; font-size: 18px; line-height: 30px; width: 30px; text-align: center; display: block; float: left; content: "\e07c"; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 50%; color: #1586b5; line-height: 64px; font-size: 38px; text-align: center; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; } .modal-video-inner { width: 960px; position: relative; max-width: 100%; } .modal .search-box-large { width: 100vh; max-width: 800px; padding: 30px; } /* Dropdown */ .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; } .dropdown-menu.pull-right { right: 0; left: auto; } .open > .dropdown-menu { display: block; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right .dropdown-menu { right: 0; left: auto; } /* Multimedia */ /* Select */ .select-wrapper { font-size: 0; } .select-wrapper .select-menu { width: 100%; } .select-wrapper .ui-selectmenu-button { font-family: "Montserrat", sans-serif; font-size: 14px; display: inline-block; overflow: hidden; position: relative; cursor: pointer; border: 1px solid #DDDDDD; line-height: 30px; } .select-wrapper .ui-selectmenu-button span.ui-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; display: block; width: 10px; height: 10px; line-height: 10px; font-size: 10px; } .select-wrapper .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 9px 40px 9px 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select-wrapper.__small .ui-selectmenu-button { font-size: 13px; } .select-wrapper.__small .ui-selectmenu-button span.ui-selectmenu-text { padding: 4px 40px 4px 20px; } .ui-selectmenu-menu { z-index: 800; padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; line-height: 30px; } .ui-selectmenu-menu > .ui-menu { font-family: "Montserrat", sans-serif; padding: 0; margin: 0; display: block; outline: none; overflow: auto; /* Support: IE7 */ overflow-x: hidden; border: 1px solid #DDDDDD; background-color: #FFFFFF; } .ui-selectmenu-menu > .ui-menu > .ui-menu-item { margin-bottom: 0; padding: 5px 20px; } .ui-selectmenu-menu > .ui-menu > .ui-menu-item:not(.ui-state-disabled) { cursor: pointer; } .ui-selectmenu-menu > .ui-menu > .ui-menu-item:not(.ui-state-disabled):hover, .ui-selectmenu-menu > .ui-menu > .ui-menu-item:not(.ui-state-disabled).ui-state-focus { background-color: #1586b5; color: #FFFFFF; } .ui-selectmenu-menu > .ui-menu > .ui-menu-item.ui-state-disabled { color: #888888; } .ui-selectmenu-menu > .ui-menu .ui-menu { position: absolute; } .ui-selectmenu-menu > .ui-menu.__small { font-size: 13px; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; } /* Rating */ .star-ratings span { font-size: 20px; line-height: 1; margin: 0 2px; } .star-ratings span.rated { color: #FFBF00; } .star-ratings span:not(.rated) { color: #AAAAAA; } /* Spacing */ /* Convenient spacing */ .mt-0, .children-mt-0 > * { margin-top: 0px; } .ml-0, .children-ml-0 > * { margin-left: 0px; } .mr-0, .children-mr-0 > * { margin-right: 0px; } .mb-0, .children-mb-0 > * { margin-bottom: 0px; } .pt-0, .children-pt-0 > * { padding-top: 0px; } .pl-0, .children-pl-0 > * { padding-left: 0px; } .pr-0, .children-pr-0 > * { padding-right: 0px; } .pb-0, .children-pb-0 > * { padding-bottom: 0px; } .mt-5, .children-mt-5 > * { margin-top: 5px; } .ml-5, .children-ml-5 > * { margin-left: 5px; } .mr-5, .children-mr-5 > * { margin-right: 5px; } .mb-5, .children-mb-5 > * { margin-bottom: 5px; } .pt-5, .children-pt-5 > * { padding-top: 5px; } .pl-5, .children-pl-5 > * { padding-left: 5px; } .pr-5, .children-pr-5 > * { padding-right: 5px; } .pb-5, .children-pb-5 > * { padding-bottom: 5px; } .mt-10, .children-mt-10 > * { margin-top: 10px; } .ml-10, .children-ml-10 > * { margin-left: 10px; } .mr-10, .children-mr-10 > * { margin-right: 10px; } .mb-10, .children-mb-10 > * { margin-bottom: 10px; } .pt-10, .children-pt-10 > * { padding-top: 10px; } .pl-10, .children-pl-10 > * { padding-left: 10px; } .pr-10, .children-pr-10 > * { padding-right: 10px; } .pb-10, .children-pb-10 > * { padding-bottom: 10px; } .mt-15, .children-mt-15 > * { margin-top: 15px; } .ml-15, .children-ml-15 > * { margin-left: 15px; } .mr-15, .children-mr-15 > * { margin-right: 15px; } .mb-15, .children-mb-15 > * { margin-bottom: 15px; } .pt-15, .children-pt-15 > * { padding-top: 15px; } .pl-15, .children-pl-15 > * { padding-left: 15px; } .pr-15, .children-pr-15 > * { padding-right: 15px; } .pb-15, .children-pb-15 > * { padding-bottom: 15px; } .mt-20, .children-mt-20 > * { margin-top: 20px; } .ml-20, .children-ml-20 > * { margin-left: 20px; } .mr-20, .children-mr-20 > * { margin-right: 20px; } .mb-20, .children-mb-20 > * { margin-bottom: 20px; } .pt-20, .children-pt-20 > * { padding-top: 20px; } .pl-20, .children-pl-20 > * { padding-left: 20px; } .pr-20, .children-pr-20 > * { padding-right: 20px; } .pb-20, .children-pb-20 > * { padding-bottom: 20px; } .mt-25, .children-mt-25 > * { margin-top: 25px; } .ml-25, .children-ml-25 > * { margin-left: 25px; } .mr-25, .children-mr-25 > * { margin-right: 25px; } .mb-25, .children-mb-25 > * { margin-bottom: 25px; } .pt-25, .children-pt-25 > * { padding-top: 25px; } .pl-25, .children-pl-25 > * { padding-left: 25px; } .pr-25, .children-pr-25 > * { padding-right: 25px; } .pb-25, .children-pb-25 > * { padding-bottom: 25px; } .mt-30, .children-mt-30 > * { margin-top: 30px; } .ml-30, .children-ml-30 > * { margin-left: 30px; } .mr-30, .children-mr-30 > * { margin-right: 30px; } .mb-30, .children-mb-30 > * { margin-bottom: 30px; } .pt-30, .children-pt-30 > * { padding-top: 30px; } .pl-30, .children-pl-30 > * { padding-left: 30px; } .pr-30, .children-pr-30 > * { padding-right: 30px; } .pb-30, .children-pb-30 > * { padding-bottom: 30px; } .mt-35, .children-mt-35 > * { margin-top: 35px; } .ml-35, .children-ml-35 > * { margin-left: 35px; } .mr-35, .children-mr-35 > * { margin-right: 35px; } .mb-35, .children-mb-35 > * { margin-bottom: 35px; } .pt-35, .children-pt-35 > * { padding-top: 35px; } .pl-35, .children-pl-35 > * { padding-left: 35px; } .pr-35, .children-pr-35 > * { padding-right: 35px; } .pb-35, .children-pb-35 > * { padding-bottom: 35px; } .mt-40, .children-mt-40 > * { margin-top: 40px; } .ml-40, .children-ml-40 > * { margin-left: 40px; } .mr-40, .children-mr-40 > * { margin-right: 40px; } .mb-40, .children-mb-40 > * { margin-bottom: 40px; } .pt-40, .children-pt-40 > * { padding-top: 40px; } .pl-40, .children-pl-40 > * { padding-left: 40px; } .pr-40, .children-pr-40 > * { padding-right: 40px; } .pb-40, .children-pb-40 > * { padding-bottom: 40px; } .mt-45, .children-mt-45 > * { margin-top: 45px; } .ml-45, .children-ml-45 > * { margin-left: 45px; } .mr-45, .children-mr-45 > * { margin-right: 45px; } .mb-45, .children-mb-45 > * { margin-bottom: 45px; } .pt-45, .children-pt-45 > * { padding-top: 45px; } .pl-45, .children-pl-45 > * { padding-left: 45px; } .pr-45, .children-pr-45 > * { padding-right: 45px; } .pb-45, .children-pb-45 > * { padding-bottom: 45px; } .mt-50, .children-mt-50 > * { margin-top: 50px; } .ml-50, .children-ml-50 > * { margin-left: 50px; } .mr-50, .children-mr-50 > * { margin-right: 50px; } .mb-50, .children-mb-50 > * { margin-bottom: 50px; } .pt-50, .children-pt-50 > * { padding-top: 50px; } .pl-50, .children-pl-50 > * { padding-left: 50px; } .pr-50, .children-pr-50 > * { padding-right: 50px; } .pb-50, .children-pb-50 > * { padding-bottom: 50px; } .mt-55, .children-mt-55 > * { margin-top: 55px; } .ml-55, .children-ml-55 > * { margin-left: 55px; } .mr-55, .children-mr-55 > * { margin-right: 55px; } .mb-55, .children-mb-55 > * { margin-bottom: 55px; } .pt-55, .children-pt-55 > * { padding-top: 55px; } .pl-55, .children-pl-55 > * { padding-left: 55px; } .pr-55, .children-pr-55 > * { padding-right: 55px; } .pb-55, .children-pb-55 > * { padding-bottom: 55px; } .mt-60, .children-mt-60 > * { margin-top: 60px; } .ml-60, .children-ml-60 > * { margin-left: 60px; } .mr-60, .children-mr-60 > * { margin-right: 60px; } .mb-60, .children-mb-60 > * { margin-bottom: 60px; } .pt-60, .children-pt-60 > * { padding-top: 60px; } .pl-60, .children-pl-60 > * { padding-left: 60px; } .pr-60, .children-pr-60 > * { padding-right: 60px; } .pb-60, .children-pb-60 > * { padding-bottom: 60px; } .mt-65, .children-mt-65 > * { margin-top: 65px; } .ml-65, .children-ml-65 > * { margin-left: 65px; } .mr-65, .children-mr-65 > * { margin-right: 65px; } .mb-65, .children-mb-65 > * { margin-bottom: 65px; } .pt-65, .children-pt-65 > * { padding-top: 65px; } .pl-65, .children-pl-65 > * { padding-left: 65px; } .pr-65, .children-pr-65 > * { padding-right: 65px; } .pb-65, .children-pb-65 > * { padding-bottom: 65px; } .mt-70, .children-mt-70 > * { margin-top: 70px; } .ml-70, .children-ml-70 > * { margin-left: 70px; } .mr-70, .children-mr-70 > * { margin-right: 70px; } .mb-70, .children-mb-70 > * { margin-bottom: 70px; } .pt-70, .children-pt-70 > * { padding-top: 70px; } .pl-70, .children-pl-70 > * { padding-left: 70px; } .pr-70, .children-pr-70 > * { padding-right: 70px; } .pb-70, .children-pb-70 > * { padding-bottom: 70px; } .mt-75, .children-mt-75 > * { margin-top: 75px; } .ml-75, .children-ml-75 > * { margin-left: 75px; } .mr-75, .children-mr-75 > * { margin-right: 75px; } .mb-75, .children-mb-75 > * { margin-bottom: 75px; } .pt-75, .children-pt-75 > * { padding-top: 75px; } .pl-75, .children-pl-75 > * { padding-left: 75px; } .pr-75, .children-pr-75 > * { padding-right: 75px; } .pb-75, .children-pb-75 > * { padding-bottom: 75px; } .mt-80, .children-mt-80 > * { margin-top: 80px; } .ml-80, .children-ml-80 > * { margin-left: 80px; } .mr-80, .children-mr-80 > * { margin-right: 80px; } .mb-80, .children-mb-80 > * { margin-bottom: 80px; } .pt-80, .children-pt-80 > * { padding-top: 80px; } .pl-80, .children-pl-80 > * { padding-left: 80px; } .pr-80, .children-pr-80 > * { padding-right: 80px; } .pb-80, .children-pb-80 > * { padding-bottom: 80px; } .mt-85, .children-mt-85 > * { margin-top: 85px; } .ml-85, .children-ml-85 > * { margin-left: 85px; } .mr-85, .children-mr-85 > * { margin-right: 85px; } .mb-85, .children-mb-85 > * { margin-bottom: 85px; } .pt-85, .children-pt-85 > * { padding-top: 85px; } .pl-85, .children-pl-85 > * { padding-left: 85px; } .pr-85, .children-pr-85 > * { padding-right: 85px; } .pb-85, .children-pb-85 > * { padding-bottom: 85px; } .mt-90, .children-mt-90 > * { margin-top: 90px; } .ml-90, .children-ml-90 > * { margin-left: 90px; } .mr-90, .children-mr-90 > * { margin-right: 90px; } .mb-90, .children-mb-90 > * { margin-bottom: 90px; } .pt-90, .children-pt-90 > * { padding-top: 90px; } .pl-90, .children-pl-90 > * { padding-left: 90px; } .pr-90, .children-pr-90 > * { padding-right: 90px; } .pb-90, .children-pb-90 > * { padding-bottom: 90px; } .mt-95, .children-mt-95 > * { margin-top: 95px; } .ml-95, .children-ml-95 > * { margin-left: 95px; } .mr-95, .children-mr-95 > * { margin-right: 95px; } .mb-95, .children-mb-95 > * { margin-bottom: 95px; } .pt-95, .children-pt-95 > * { padding-top: 95px; } .pl-95, .children-pl-95 > * { padding-left: 95px; } .pr-95, .children-pr-95 > * { padding-right: 95px; } .pb-95, .children-pb-95 > * { padding-bottom: 95px; } .mt-100, .children-mt-100 > * { margin-top: 100px; } .ml-100, .children-ml-100 > * { margin-left: 100px; } .mr-100, .children-mr-100 > * { margin-right: 100px; } .mb-100, .children-mb-100 > * { margin-bottom: 100px; } .pt-100, .children-pt-100 > * { padding-top: 100px; } .pl-100, .children-pl-100 > * { padding-left: 100px; } .pr-100, .children-pr-100 > * { padding-right: 100px; } .pb-100, .children-pb-100 > * { padding-bottom: 100px; } /* Accordion */ .accordion .accordion-header { cursor: pointer; border: 1px solid #DDDDDD; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 60px; position: relative; min-height: 0; background-color: #FFFFFF; } .accordion .accordion-header:not(:first-of-type) { margin-top: 20px; } .accordion .accordion-header .__icon { position: absolute; top: 0; left: 0; width: 60px; height: 100%; } .accordion .accordion-header .__icon i { position: absolute; width: 14px; height: 14px; line-height: 14px; display: block; font-size: 14px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .accordion .accordion-header .__icon i:before { content: "\e169"; font-style: normal; font-family: "megatron"; } .accordion .accordion-header.ui-state-active i:before { content: "\e0d9"; } .accordion .accordion-content { background-color: #FFFFFF; border: 1px solid #DDDDDD; border-top: 0; padding: 20px 30px; overflow: auto; } .accordion.highlight-caret .accordion-header { padding-left: 80px; } .accordion.highlight-caret .accordion-header .__icon { background-color: #EEEEEE; outline: transparent solid 1px; transition: all 0.3s ease-in-out; } .accordion.highlight-caret .accordion-header.ui-state-active .__icon { outline: #444444 solid 1px; background-color: #444444; color: #FFFFFF; } .accordion.highlight-caret.inverse .accordion-header .__icon { outline: #444444 solid 1px; background-color: #444444; color: #FFFFFF; } .accordion.highlight-caret.inverse .accordion-header.ui-state-active .__icon { background-color: #EEEEEE; outline: transparent solid 1px; color: #444444; } .accordion.highlight-heading .accordion-header { transition: all 0.3s ease-in-out; } .accordion.highlight-heading .accordion-header.ui-state-active { background-color: #444444; color: #FFFFFF; } .accordion.transparent .accordion-header { border-color: #FFFFFF; background-color: transparent; color: #FFFFFF; } .accordion.transparent .accordion-content { border-color: #FFFFFF; background-color: transparent; color: #FFFFFF; } .accordion.transparent.caret-primary .__icon { color: #1586b5; } /* Caption Slider */ .caption-slider .caption-hide { opacity: 0; visibility: hidden; } .home .caption-slider .slick-arrow { color: #FFFFFF; border-color: #FFFFFF; opacity: 0.5; } .home .caption-slider .slick-arrow:hover { opacity: 1; } .home .caption-slider .slick-prev { left: 40px; } .home .caption-slider .slick-next { right: 40px; } .home .block-caption-slider .__background { height: 100vh; min-height: 565px; } .home .block-caption-slider .__img-background { height: 100vh; min-height: 565px; background-position: center top; background-repeat: repeat-y; background-size: cover; } .home .block-caption-slider .caption-wrapper p { line-height: 30px; letter-spacing: 0.1em; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px; } .home .block-caption-slider .caption-wrapper .__buttons br { display: none; } .home .block-caption-slider .caption-wrapper .__buttons .btn, .home .block-caption-slider .caption-wrapper .__buttons .btn-border { max-width: 180px; } .home .block-caption-slider .caption-wrapper .__buttons .btn:first-of-type, .home .block-caption-slider .caption-wrapper .__buttons .btn-border:first-of-type { margin-right: 30px; } 
@media only screen and (min-width: 768px ) { .home .caption-slider .slick-dots { bottom: 30px; } .home .block-caption-slider .__background { min-height: 715px; } .home .block-caption-slider .__img-background { min-height: 715px; } } 
@media only screen and (min-width: 1020px ) { .home .caption-slider .slick-dots { bottom: 40px; } } 
@media (min-width: 1620px) { .home .caption-slider .slick-dots { bottom: 50px; } .home .block-caption-slider .__background { min-height: 850px; } .home .block-caption-slider .__img-background { min-height: 850px; } } 
@media only screen and (max-width: 1019px ) { .home .caption-slider .slick-arrow { color: #FFFFFF; border-color: #FFFFFF; opacity: 0.5; } .home .caption-slider .slick-arrow:hover { opacity: 1; } .home .caption-slider .slick-prev { left: 15px; } .home .caption-slider .slick-next { right: 15px; } } 
@media only screen and (max-width: 767px ) { .home .caption-slider .slick-arrow { visibility: hidden; } .home .caption-slider .slick-dots { visibility: hidden; } .home .block-caption-slider .caption-wrapper p { font-size: 18px; } .home .block-caption-slider .caption-wrapper .__buttons br { display: block; } .home .block-caption-slider .caption-wrapper .__buttons .btn, .home .block-caption-slider .caption-wrapper .__buttons .btn-border { max-width: 180px; } .home .block-caption-slider .caption-wrapper .__buttons .btn:first-of-type, .home .block-caption-slider .caption-wrapper .__buttons .btn-border:first-of-type { margin-right: 0px; margin-bottom: 30px; } } .caption-preset-simple-1 .megatron, .caption-preset-simple-6 .megatron { margin-bottom: 40px; } .caption-preset-simple-1 h1, .caption-preset-simple-6 h1 { margin-bottom: 15px; } .caption-preset-simple-1 p, .caption-preset-simple-6 p { margin-bottom: 52px; } 
@media only screen and (max-width: 1229px ) { .caption-preset-simple-1 .megatron, .caption-preset-simple-6 .megatron { margin-bottom: 30px; } .caption-preset-simple-1 .megatron .logo, .caption-preset-simple-6 .megatron .logo { width: 120px; height: 120px; } } 
@media only screen and (max-width: 1019px ) { .caption-preset-simple-1 .megatron .logo, .caption-preset-simple-6 .megatron .logo { width: 100px; height: 100px; } } 
@media only screen and (max-width: 767px ) { .caption-preset-simple-1 .megatron, .caption-preset-simple-6 .megatron { margin-bottom: 25px; } .caption-preset-simple-1 .megatron .logo, .caption-preset-simple-6 .megatron .logo { width: 60px; height: 60px; } .caption-preset-simple-1 .megatron .brand, .caption-preset-simple-6 .megatron .brand { font-size: 14px; } .caption-preset-simple-1 p, .caption-preset-simple-6 p { margin-bottom: 35px; } } 
@media (min-width: 1620px) { .caption-preset-simple-1 h1, .caption-preset-simple-6 h1 { margin-bottom: 20px; } } .caption-preset-simple-2 .megatron, .caption-preset-simple-3 .megatron, .caption-preset-simple-5 .megatron { margin-bottom: 30px; } .caption-preset-simple-2 .megatron .logo, .caption-preset-simple-3 .megatron .logo, .caption-preset-simple-5 .megatron .logo { width: 120px; height: 120px; } .caption-preset-simple-2 h1, .caption-preset-simple-3 h1, .caption-preset-simple-5 h1 { margin-bottom: 15px; } .caption-preset-simple-2 p, .caption-preset-simple-3 p, .caption-preset-simple-5 p { margin-bottom: 52px; } 
@media only screen and (max-width: 1019px ) { .caption-preset-simple-2 .megatron, .caption-preset-simple-3 .megatron, .caption-preset-simple-5 .megatron { margin-bottom: 20px; } .caption-preset-simple-2 .megatron .logo, .caption-preset-simple-3 .megatron .logo, .caption-preset-simple-5 .megatron .logo { width: 100px; height: 100px; } } 
@media only screen and (max-width: 767px ) { .caption-preset-simple-2 .megatron, .caption-preset-simple-3 .megatron, .caption-preset-simple-5 .megatron { margin-bottom: 0px; } .caption-preset-simple-2 .megatron .logo, .caption-preset-simple-3 .megatron .logo, .caption-preset-simple-5 .megatron .logo { width: 60px; height: 60px; } .caption-preset-simple-2 .megatron .brand, .caption-preset-simple-3 .megatron .brand, .caption-preset-simple-5 .megatron .brand { font-size: 20px; } .caption-preset-simple-2 p, .caption-preset-simple-3 p, .caption-preset-simple-5 p { margin-bottom: 35px; } } 
@media (min-width: 1620px) { .caption-preset-simple-2 h1, .caption-preset-simple-3 h1, .caption-preset-simple-5 h1 { margin-bottom: 20px; } } .caption-preset-simple-3 .__logo { margin-bottom: 20px; } .caption-preset-simple-3 .__logo img { width: 100px; } 
@media only screen and (min-width: 768px ) { .caption-preset-simple-3 .__logo img { width: 120px; } } 
@media only screen and (min-width: 1020px ) { .caption-preset-simple-3 .__logo img { width: 180px; } .caption-preset-simple-3 p { margin-bottom: 50px; } } 
@media (min-width: 1620px) { .caption-preset-simple-3 .__logo { margin-bottom: 30px; } .caption-preset-simple-3 .__logo img { width: 260px; } .caption-preset-simple-3 p { margin-bottom: 55px; } } .caption-preset-simple-4 .__logo { margin-bottom: 10px; } .caption-preset-simple-4 .__logo img { width: 100px; } .caption-preset-simple-4 h1 { margin-bottom: 20px; } .caption-preset-simple-4 h1:not(.size-ll) { margin-bottom: 0px; } 
@media only screen and (min-width: 768px ) { .caption-preset-simple-4 .__logo img { width: 120px; } .caption-preset-simple-4 h1:not(.size-ll) { margin-bottom: 10px; } } 
@media only screen and (min-width: 1020px ) { .caption-preset-simple-4 .__logo img { width: 180px; } .caption-preset-simple-4 p { margin-bottom: 50px; } } 
@media (min-width: 1620px) { .caption-preset-simple-4 .__logo { margin-bottom: 30px; } .caption-preset-simple-4 .__logo img { width: 230px; } .caption-preset-simple-4 p { margin-bottom: 55px; } .caption-preset-simple-4 h1 { margin-bottom: 20px; } } .caption-preset-simple-7 .megatron { margin-bottom: 15px; } .caption-preset-simple-7 .megatron .logo { width: 100px; height: 100px; } .caption-preset-simple-7 h1 { margin-bottom: 25px; padding: 5px 30px; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.5); } .caption-preset-simple-7 p { margin-bottom: 50px; } 
@media only screen and (min-width: 768px ) { .caption-preset-simple-7 .megatron .logo { width: 120px; height: 120px; } } 
@media only screen and (min-width: 1020px ) { .caption-preset-simple-7 .megatron .logo { width: 180px; height: 180px; } } 
@media (min-width: 1620px) { .caption-preset-simple-7 .megatron .logo { width: 260px; height: 260px; } .caption-preset-simple-7 h1 { margin-bottom: 35px; } } /* Service */ .service-section-1 .__header h2 { margin-bottom: 15px; } .service-section-1 .__header p.__sub-title.hr-header { margin-bottom: 32px; } .service-section-1 .__header p.__sub-title.hr-header:after { margin-top: 20px; } .service-section-1 .__header p.__text { margin-bottom: 40px; } 
@media only screen and (min-width: 1230px ) { .service-section-1 .__header { padding-top: 30px; } } 
@media only screen and (max-width: 1019px ) { .service-section-1 .__header { margin-bottom: 50px; } } .block-service { max-width: 500px; margin-right: auto; margin-left: auto; } .block-service .block-interactive-banner { margin-bottom: 25px; } .block-service .__image { margin-bottom: 22px; overflow: hidden; } .block-service .__image img { width: 100%; transition: all 0.3s ease-in-out; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); } .block-service .__image:hover img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } .block-service .__block .__sub-title { margin-bottom: 5px; } .block-service .__block h4 { padding-top: 10px; margin-bottom: 8px; } /* Skill */ .our-skill-left-image { position: relative; } .our-skill-left-image .__left-inner { background-size: cover; min-height: 400px; z-index: 10; } 
@media only screen and (min-width: 1020px ) { .our-skill-left-image .__left-inner { position: absolute; width: 50%; height: 100%; top: 0; left: 0; } } 
@media only screen and (max-width: 1019px ) { .our-skill-left-image .__left-inner { position: relative; } } .our-skill-left-image .__right-inner { padding-top: 100px; padding-bottom: 95px; } 
@media (min-width: 1290px) { .our-skill-left-image .__right-inner { -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); } } 
@media only screen and (min-width: 768px ) and (max-width: 1290px) { .our-skill-left-image .__right-inner { padding-left: 15px; } } .block-feature { position: relative; } .block-feature .__icon { position: absolute; width: 100px; height: 100%; top: 0; left: 0; } .block-feature .__icon i { font-size: 45px; width: 45px; height: 45px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .block-feature .__content { padding-left: 100px; } .block-feature .__content * { letter-spacing: 0.05em; } .block-feature .__content h3 { margin-bottom: 5px; } .block-feature .__content p { margin-bottom: 30px; } /* Blog */ .block-blog-post-1 { max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .block-blog-post-1 .__image { overflow: hidden; } .block-blog-post-1 .__image img { transition: all 0.3s ease-in-out; width: 100%; } .block-blog-post-1 .__image:hover img { -webkit-transform: scale(1.1);   -ms-transform: scale(1.1); transform: scale(1.1); } 
@media only screen and (min-width: 1020px ) { .block-blog-post-1 .__info { margin-bottom: 10px !important; } } .block-blog-post-2 { max-width: 600px; display: block; margin-left: auto; margin-right: auto; } .block-blog-post-2 .__image { margin-bottom: 30px; } .block-blog-post-2 .__image .overlay-container { overflow: hidden; } .block-blog-post-2 .__image img { transition: all 0.3s ease-in-out; width: 100%; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); } .block-blog-post-2 .__image:hover img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } .block-blog-post-2 .__content .__title { margin-bottom: 15px; } .block-blog-post-2 .__content .__title > a { font-size: 18px; letter-spacing: 1px; } 
@media only screen and (min-width: 1020px ) { .block-blog-post-2.post-side { margin-left: -15px; margin-right: -15px; } .block-blog-post-2.post-side:before, .block-blog-post-2.post-side:after { content: " "; display: table; } .block-blog-post-2.post-side:after { clear: both; } .block-blog-post-2.post-side:before, .block-blog-post-2.post-side:after { content: " "; display: table; } .block-blog-post-2.post-side:after { clear: both; } .block-blog-post-2.post-side > div { width: 50%; float: left; } .block-blog-post-2.post-side .__image { padding-left: 15px; padding-right: 15px; padding-top: 10px; } .block-blog-post-2.post-side .__content { padding-right: 15px; } .block-blog-post-2.post-side .__content .__title { margin-bottom: 0px; } .block-blog-post-2.post-side .__content .__title > a { font-size: 16px; } .block-blog-post-2.post-side .__content .__info { margin-bottom: 5px; } } 
@media only screen and (max-width: 767px ) { .block-blog-post-2 .__content .__title > a { font-size: 16px; } } .blog-share-this { position: relative; cursor: pointer; } .blog-share-this .__text i { display: inline-block; font-size: 18px; padding-left: 8px; vertical-align: middle; margin-top: -4px; margin-bottom: -2px; } .blog-share-this .__text i:before { display: block; float: left; } .blog-share-this .st_sharethis { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; } .tags > a { font-size: 13px; display: inline-block; padding: 0 15px; margin: 0 5px 8px 0; border-radius: 3px; background-color: #EEEEEE; font-style: italic; } .tags > a:hover { background-color: #1586b5; color: #FFFFFF; } .blog-related { padding: 60px 0; } .post-tags { padding: 30px 0; border-bottom: 1px solid #EEEEEE; } .post-tags .__title { font-family: "Montserrat", sans-serif; margin-right: 15px; } .post-tags .tag { text-align: left; } .post-tags .tags, .post-tags .sharethis { display: inline-block; vertical-align: middle; } 
@media only screen and (max-width: 1019px ) { .post-tags .tags { margin-bottom: 20px; } } 
@media only screen and (min-width: 1020px ) { .post-tags { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .post-tags .tags { -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .post-author { padding: 40px 0; border-bottom: 1px solid #EEEEEE; } .post-author:before, .post-author:after { content: " "; display: table; } .post-author:after { clear: both; } .post-author:before, .post-author:after { content: " "; display: table; } .post-author:after { clear: both; } .post-author .__image { float: left; width: 185px; padding-right: 15px; } .post-author .__about { float: none; overflow: hidden; } .comment { padding-top: 45px; border-bottom: 1px solid #EEEEEE; } .comment .__avatar { width: 100px; float: left; } .comment .__content-wrapper { overflow: hidden; padding-left: 20px; } .comment .__name, .comment .__date { font-family: "Montserrat", sans-serif; display: inline-block; vertical-align: top; line-height: 1.2; margin-top: -0.2em; } .comment .__name { padding-right: 15px; margin-right: 10px; border-right: 1px solid #EEEEEE; } .comment .__date { color: #1586b5; font-size: 12px; } .comment .__option { text-align: right; margin-bottom: 35px; font-family: "Montserrat", sans-serif; font-size: 12px; } .comment .__option span:not(:last-child) { border-right: 1px solid #EEEEEE; padding-right: 10px; margin-right: 10px; } .comment .comment { margin-left: -20px; border-top: 1px solid #EEEEEE; border-bottom: 0; } .comment .comment .__avatar { width: 70px; } .form-comment { padding-top: 60px; margin-bottom: 60px; } .form-comment .__title { margin-bottom: 40px; } .post-index-group-button { padding-top: 45px; margin-bottom: 20px; } .post-index-group-button a:not(:last-child) { margin-right: 30px; margin-bottom: 25px; } 
@media only screen and (max-width: 767px ) { .__timeline-value { display: none; } .blog-timeline-container:before, .blog-timeline-container:after { content: " "; display: table; } .blog-timeline-container:after { clear: both; } .blog-timeline-container:before, .blog-timeline-container:after { content: " "; display: table; } .blog-timeline-container:after { clear: both; } } 
@media only screen and (min-width: 768px ) { .blog-timeline-container { padding-left: 200px; position: relative; overflow: hidden; z-index: 10; } .blog-timeline-container:before { content: ''; position: absolute; width: 5px; height: 100%; left: 140px; top: 0; background-color: #EEEEEE; z-index: -1; } .blog-timeline-container .post { position: relative; } .blog-timeline-container .__timeline-value { display: block; width: 125px; position: absolute; left: -200px; top: 50px; } .blog-timeline-container .__timeline-value .__value { font-family: "Montserrat", sans-serif; font-size: 12px; background-color: #222222; text-align: center; color: #FFFFFF; border-radius: 4px; } .blog-timeline-container .__timeline-value .__value:after { content: ''; width: 0; right: -5px; position: absolute; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #222222; } .blog-timeline-container .__timeline-value .__dot { position: absolute; top: 50%; margin-top: -7px; right: -25px; border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #EEEEEE; padding: 3px; border-radius: 50%; background-color: #1586b5; width: 15px; height: 15px; } .blog-timeline-container .post-index:not(:first-child) .__timeline-value { top: 120px; } .blog-timeline-container .post-index:last-child { border-bottom: 0; padding-bottom: 0; } .blog-timeline-container .post-index:last-child .post-index-group-button { margin-bottom: 0; } } /* Alert Message */ .message { position: relative; padding: 10px 40px 10px 50px; border: 1px solid; } .message .__icon { position: absolute; top: 0; left: 0; height: 100%; width: 50px; } .message .__icon i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 15px; line-height: 15px; display: inline-block; height: 15px; width: 15px; } .message p { font-weight: 600; } .message .__close { position: absolute; top: 0; right: 0; height: 100%; width: 40px; } .message .__close a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 8px; line-height: 8px; display: inline-block; height: 8px; width: 8px; font-weight: bold; } .message .__close a:hover { color: #000000; } .message.notice { border-color: #DDDDDD; background-color: #EFF5F7; } .message.notice * { color: #666666; } .message.info { border-color: #95f5ff; background-color: #B9EDFF; } .message.info * { color: #59A3C1; } .message.success { border-color: #c0fa8d; background-color: #BFFBA5; } .message.success * { color: #468C00; } .message.warning { border-color: #ffe1a0; background-color: #FFF5B9; } .message.warning * { color: #FF7F00; } .message.error { border-color: #ffacb0; background-color: #FFCDC6; } .message.error * { color: #FF5533; } .messagefull { border: 1px solid; position: relative; } .messagefull h6 { margin-bottom: 5px; } .messagefull .__close { position: absolute; top: 15px; right: 15px; font-size: 8px; line-height: 8px; display: inline-block; height: 8px; width: 8px; font-weight: bold; } .messagefull .__close:hover { color: #000000; } 
@media only screen and (min-width: 768px ) { .messagefull { padding: 16px 40px 12px 110px; } .messagefull .__icon { position: absolute; top: 0; left: 0; height: 100%; width: 110px; } .messagefull .__icon i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 35px; line-height: 35px; display: inline-block; height: 35px; width: 35px; } } .messagefull.notice { border-color: #DDDDDD; background-color: #EFF5F7; } .messagefull.notice * { color: #666666; } .messagefull.info { border-color: #95f5ff; background-color: #B9EDFF; } .messagefull.info * { color: #59A3C1; } .messagefull.success { border-color: #c0fa8d; background-color: #BFFBA5; } .messagefull.success * { color: #468C00; } .messagefull.warning { border-color: #ffe1a0; background-color: #FFF5B9; } .messagefull.warning * { color: #FF7F00; } .messagefull.error { border-color: #ffacb0; background-color: #FFCDC6; } .messagefull.error * { color: #FF5533; } 
@media only screen and (min-width: 1230px ) { .messagefull { padding-right: 90px; } } 
@media only screen and (max-width: 767px ) { .messagefull { padding: 36px 30px 32px; text-align: center; } .messagefull h6 { margin-bottom: 15px; } } /* Banner */ .block-interactive-banner { max-width: 500px; margin-right: auto; margin-left: auto; overflow: hidden; } .block-interactive-banner .__content img { width: 100%; transition: all 0.3s ease-in-out; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); } .block-interactive-banner .__content .overlay i { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 32px; margin-bottom: 22px; transition: all 0.3s ease-in-out; -webkit-transform: translateY(5px);   -ms-transform: translateY(5px); transform: translateY(5px); } .block-interactive-banner .__content .overlay h4 { margin-bottom: 10px; transition: all 0.3s ease-in-out; -webkit-transform: translateY(5px);   -ms-transform: translateY(5px); transform: translateY(5px); } .block-interactive-banner .__content .overlay .__line { background-color: #FFFFFF; height: 1px; width: 116px; margin-right: auto; margin-left: auto; margin-bottom: 8px; transition: all 0.3s ease-in-out; opacity: 0; } .block-interactive-banner .__content .overlay p { letter-spacing: 1.6px; transition: all 0.3s ease-in-out; -webkit-transform: translateY(-5px);   -ms-transform: translateY(-5px); transform: translateY(-5px); } .block-interactive-banner .__content:hover img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } .block-interactive-banner .__content:hover .overlay i { -webkit-transform: translateY(0px);   -ms-transform: translateY(0px); transform: translateY(0px); } .block-interactive-banner .__content:hover .overlay h4 { -webkit-transform: translateY(0px);   -ms-transform: translateY(0px); transform: translateY(0px); } .block-interactive-banner .__content:hover .overlay .__line { opacity: 1; } .block-interactive-banner .__content:hover .overlay p { -webkit-transform: translateY(0px);   -ms-transform: translateY(0px); transform: translateY(0px); } .block-interactive-banner-2.style-light .overlay { background-color: rgba(255, 255, 255, 0.7); } .block-interactive-banner-2.style-light:hover .overlay { background-color: rgba(255, 255, 255, 0.6); } .block-interactive-banner-2.style-dark { color: #FFFFFF; } .block-interactive-banner-2.style-dark .overlay { background-color: rgba(0, 0, 0, 0.7); } .block-interactive-banner-2.style-dark:hover .overlay { background-color: rgba(0, 0, 0, 0.6); } .block-interactive-banner-2 .__content { height: 430px; background-repeat: no-repeat; background-position: center; background-size: cover; } .block-interactive-banner-2 .__content .overlay { padding-right: 15px; padding-left: 15px; } .block-interactive-banner-2 .__content .__block { max-width: 720px; margin-right: auto; margin-left: auto; } .block-interactive-banner-2 .__content .__block .__sub-title { margin-bottom: 20px; } .block-interactive-banner-2 .__content .__block h4 { margin-bottom: 10px; } .block-interactive-banner-2 .__content .__block .__text { margin-bottom: 40px; } 
@media only screen and (min-width: 1230px ) { .block-interactive-banner-2 .__content .__block { max-width: 420px; } } .block-interactive-banner-3 { position: relative; } .block-interactive-banner-3 .__icon { position: absolute; bottom: 8px; right: 8px; overflow: hidden; } .block-interactive-banner-3 .__icon i { position: relative; font-size: 150px; color: rgba(255, 255, 255, 0.2); } .block-interactive-banner-3 .__icon i.icon-bike { top: 32px; } .block-interactive-banner-3 .__content { margin-left: auto; margin-right: auto; } .block-interactive-banner-3 .__content .cell-vertical-wrapper { height: 340px; } .block-interactive-banner-3 .__content .__block p.__sub-title, .block-interactive-banner-3 .__content .__block h4, .block-interactive-banner-3 .__content .__block p.__text { transition: all 0.3s ease-in-out; -webkit-transform: translateY(35px);   -ms-transform: translateY(35px); transform: translateY(35px); } .block-interactive-banner-3 .__content .__block p.__sub-title { margin-bottom: 15px; } .block-interactive-banner-3 .__content .__block h4 { margin-bottom: 8px; } .block-interactive-banner-3 .__content .__block .__button { transition: all 0.3s ease-in-out; opacity: 0; -webkit-transform: translateX(50px);   -ms-transform: translateX(50px); transform: translateX(50px); } .block-interactive-banner-3:hover .__content .__block p.__sub-title, .block-interactive-banner-3:hover .__content .__block h4, .block-interactive-banner-3:hover .__content .__block p.__text { -webkit-transform: translateY(0px);   -ms-transform: translateY(0px); transform: translateY(0px); } .block-interactive-banner-3:hover .__content .__block .__button { opacity: 1; -webkit-transform: translateX(0px);   -ms-transform: translateX(0px); transform: translateX(0px); } 
@media only screen and (min-width: 768px ) { .block-interactive-banner-3 .__content { max-width: 310px; } } 
@media only screen and (min-width: 1020px ) and (max-width: 1299px) { .block-interactive-banner-3 .__content { max-width: 420px; } } 
@media (min-width: 1300px) { .block-interactive-banner-3 { width: 25%; } } .block-interactive-banner-4 { position: relative; } .block-interactive-banner-4 .__icon { position: absolute; bottom: 8px; right: 8px; overflow: hidden; } .block-interactive-banner-4 .__icon i { position: relative; font-size: 150px; color: rgba(255, 255, 255, 0.2); } .block-interactive-banner-4 .__icon i.icon-bike { top: 32px; } .block-interactive-banner-4 .__content { margin-left: auto; margin-right: auto; } .block-interactive-banner-4 .__content .cell-vertical-wrapper { height: 370px; } .block-interactive-banner-4 .__content .__block p.__sub-title { margin-bottom: 15px; } .block-interactive-banner-4 .__content .__block h4 { margin-bottom: 8px; } 
@media only screen and (min-width: 768px ) { .block-interactive-banner-4 .__content { max-width: 310px; } } 
@media only screen and (min-width: 1020px ) and (max-width: 1299px) { .block-interactive-banner-4 .__content { max-width: 420px; } } 
@media (min-width: 1300px) { .block-interactive-banner-4 { width: 25%; } .block-interactive-banner-4:nth-of-type(3) { left: 0; } .block-interactive-banner-4:nth-of-type(4) { right: 0; } } .block-shop-banner { max-width: 570px; margin-right: auto; margin-left: auto; } .block-shop-banner .__content { background-size: cover; height: 285px; background-repeat: no-repeat; } .block-shop-banner .__content .overlay { background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; } .block-shop-banner .__content .overlay i { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 32px; margin-bottom: 25px; } .block-shop-banner .__content .overlay h3 { font-size: 24px; } .block-shop-banner .__content .overlay h1 { font-weight: normal; } .block-shop-banner .__content .overlay h3, .block-shop-banner .__content .overlay h1 { transition: all 0.3s ease-in-out; -webkit-transform: translateY(30px);   -ms-transform: translateY(30px); transform: translateY(30px); } .block-shop-banner .__content .overlay p { transition: all 0.3s ease-in-out; opacity: 0; letter-spacing: 1.6px; } .block-shop-banner .__content .overlay:hover { background-color: rgba(0, 0, 0, 0.7); } .block-shop-banner .__content .overlay:hover h3, .block-shop-banner .__content .overlay:hover h1 { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } .block-shop-banner .__content .overlay:hover p { opacity: 1; } 
@media only screen and (max-width: 1019px ) { .block-shop-banner h3 { font-size: 20px; } .block-shop-banner h1 { font-size: 50px; } } .group-shop-banner .__header p { letter-spacing: 0.05em; line-height: 1.6; } .group-shop-banner .__header hr { width: 86px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 60px; } /* Breadcrumb */ .breadcrumb { padding: 8px 15px; float: left; } .breadcrumb:before, .breadcrumb:after { content: " "; display: table; } .breadcrumb:after { clear: both; } .breadcrumb:before, .breadcrumb:after { content: " "; display: table; } .breadcrumb:after { clear: both; } .breadcrumb > span { display: inline-block; } .breadcrumb .__title:before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background-color: #1586b5; } .breadcrumb .__content { padding-left: 10px; } .breadcrumb .__content span:not(:first-child):before { content: "\e16a"; font-family: "megatron" !important; vertical-align: text-bottom; line-height: 1.1; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; color: #1586b5; margin: 0 6px; } .breadcrumb-simple > span { display: inline-block; } .breadcrumb-simple .__title { font-weight: 600; } .breadcrumb-simple .__content { padding-left: 10px; } .breadcrumb-simple .__content span:not(:first-child):before { content: "\e083"; font-family: "megatron" !important; font-size: 6px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; color: #1586b5; margin: 0 6px; } /* Call To Action */ .call-to-action .__content { padding-left: 15px; padding-right: 15px; } .call-to-action .__content .__button a.btn-border, .call-to-action .__content .__button a.btn { letter-spacing: 3px; } .call-to-action .__content .__button a.btn-border { padding-right: 18px; padding-left: 18px; border-width: 2px; } .call-to-action .__content .__button a.btn { padding-left: 20px; padding-right: 20px; padding-top: 17px; } .call-to-action.style-1, .call-to-action.style-3 { border: 2px solid rgba(0, 0, 0, 0.2); } .call-to-action.style-1 .__content *:not(.btn-border), .call-to-action.style-3 .__content *:not(.btn-border) { color: #FFFFFF; } .call-to-action.style-1 { background-color: #1586b5; } .call-to-action.style-2 { border: 3px solid #116b91; } .call-to-action.style-3 { background-color: #1586b5; } 
@media only screen and (min-width: 1020px ) { .call-to-action .__content { position: relative; height: 150px; } .call-to-action .__content .__icon { position: absolute; top: 0; left: 0; bottom: 0; } .call-to-action .__content .__icon i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 65px; line-height: 65px; display: inline-block; height: 65px; width: 65px; } .call-to-action .__content .__button { position: absolute; top: 0; right: 0; height: 100%; width: 285px; } .call-to-action .__content .__button > div { position: absolute; top: 0; right: 0; bottom: 0; height: 120px; margin-top: auto; margin-bottom: auto; line-height: 120px; } .call-to-action.style-1 .__content, .call-to-action.style-3 .__content { padding-right: 298px; padding-left: 146px; } .call-to-action.style-1 .__content .__icon, .call-to-action.style-3 .__content .__icon { width: 146px; } .call-to-action.style-1 .__content .__button > div, .call-to-action.style-3 .__content .__button > div { padding-right: 55px; } .call-to-action.style-2 .__content { padding-right: 297px; padding-left: 145px; } .call-to-action.style-2 .__content .__icon { width: 145px; } .call-to-action.style-2 .__content .__button > div { padding-right: 54px; } } 
@media only screen and (max-width: 1019px ) { .call-to-action .__content { text-align: center; padding-top: 50px; padding-bottom: 50px; } .call-to-action .__content .__button { padding-top: 30px; } } .call-to-action-parallax { padding-top: 150px; padding-bottom: 170px; } .call-to-action-parallax p { letter-spacing: 2px; } .call-to-action-parallax .__button .btn, .call-to-action-parallax .__button .btn-border { max-width: 200px; letter-spacing: 2px; } .call-to-action-parallax .__button .btn { margin-right: 30px; } 
@media only screen and (max-width: 767px ) { .call-to-action-parallax { padding-top: 100px; padding-bottom: 100px; } .call-to-action-parallax .__button .btn { margin-right: 0; margin-bottom: 30px; } } 
@media (max-width: 480px) { .call-to-action-parallax h1.size-ll { font-size: 32px; } } .call-to-action-common .__content-wrapper .btn-border.fullwidth { letter-spacing: 2px; max-width: 200px; } 
@media only screen and (min-width: 1020px ) { .call-to-action-common .__content-wrapper { height: 180px; } .call-to-action-common .__content-wrapper .__content-left, .call-to-action-common .__content-wrapper .__content-right { height: 100%; } .call-to-action-common .__content-wrapper .__content-right { text-align: right; } .call-to-action-common.size-small .__content-wrapper { height: 140px; } } 
@media only screen and (max-width: 1019px ) { .call-to-action-common .__content-wrapper { text-align: center; } .call-to-action-common .__content-wrapper .__content-left { padding-top: 40px; padding-bottom: 40px; } .call-to-action-common .__content-wrapper .__content-right { padding-bottom: 40px; } } /* Magnific Popup */ /* Magnific Popup CSS */ .mfp-bg { background: #0b0b0b; height: 100%; left: 0; opacity: 0.8; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 11002; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.3s ease-in-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.3s ease-in-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-wrap { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none !important; position: fixed; top: 0; width: 100%; z-index: 11003; } .mfp-container { box-sizing: border-box; height: 100%; left: 0; padding: 0 8p; position: absolute; text-align: center; top: 0; width: 100%; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { display: inline-block; margin: 0 auto; position: relative; text-align: left; vertical-align: middle; z-index: 11005; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { cursor: auto; width: 100%; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;   user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-preloader { color: #ccc; left: 8px; margin-top: -0.8em; position: absolute; right: 8px; text-align: center; top: 50%; width: auto; z-index: 11004; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { -webkit-appearance: none; -webkit-box-shadow: none; background: transparent; border: 0; box-shadow: none; cursor: pointer; display: block; outline: none; overflow: visible; padding: 0; z-index: 11006; } button::-moz-focus-inner { border: 0; padding: 0; } .mfp-close { color: #fff; font-family: Arial, Baskerville, monospace; font-size: 0; font-style: normal; height: 44px; line-height: 44px; opacity: 0.65; padding: 0 0 18px 10px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; transition: opacity 0.4s; width: 44px; } .mfp-close:before { background-color: rgba(0, 0, 0, 0.6); border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 2px 2px 3px #000000; font-family: "megatron" !important; content: "\e1b8"; cursor: pointer; font-size: 10px; height: 24px; line-height: 20px; position: absolute; right: 10px; text-align: center; top: 5px; width: 24px; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; padding-right: 6px; right: -6px; text-align: right; width: 100%; } .mfp-counter { color: #ccc; font-size: 12px; line-height: 18px; position: absolute; right: 0; top: 0; white-space: nowrap; } button.mfp-arrow { transition: all 0.3s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 46px; height: 46px; color: #FFFFFF; background-color: transparent; font-size: 0; overflow: hidden; opacity: 0.6; } button.mfp-arrow:hover { opacity: 1; } button.mfp-arrow:before { display: block; top: 0; left: 0; position: absolute; width: 100%; height: 100%; text-align: center; font-size: 44px; line-height: 46px; font-family: "megatron" !important; } .mfp-arrow-left { left: 20px; } .mfp-arrow-left:before { content: "\e1ad"; left: -2px; } .mfp-arrow-right { right: 20px; } .mfp-arrow-right:before { content: "\e1ab"; right: -2px; } .mfp-iframe-holder { padding-bottom: 40px; padding-top: 40px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-holder .mfp-content { line-height: 0; max-width: 900px; width: 100%; } .mfp-iframe-scaler { height: 0; overflow: hidden; padding-top: 56.25%; width: 100%; } .mfp-iframe-scaler iframe { background: #000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Main image in popup */ img.mfp-img { box-sizing: border-box; display: block; height: auto; line-height: 0; margin: 0 auto; max-width: 100%; padding: 40px 0 40px; width: auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { background: #444; bottom: 40px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); content: ''; display: block; height: auto; left: 0; position: absolute; right: 0; top: 40px; width: auto; z-index: -1; } .mfp-figure figure { margin: 0; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { cursor: auto; left: 0; margin-top: -36px; position: absolute; top: 100%; width: 100%; } .mfp-title { color: #f3f3f3; line-height: 18px; padding-right: 36px; text-align: left; word-wrap: break-word; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } 
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /**
   * Remove all paddings around the image on small screen
   */   .mfp-img-mobile .mfp-bottom-bar { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgba(0, 0, 0, 0.6); bottom: 0; box-sizing: border-box; margin: 0; padding: 3px 5px; position: fixed; top: auto; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-close { background: rgba(0, 0, 0, 0.6); height: 35px; line-height: 35px; padding: 0; position: fixed; right: 0; text-align: center; top: 0; width: 35px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-figure:after { bottom: 0; top: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } } 
@media all and (max-width: 900px) { .mfp-arrow:before { font-size: 16px; height: 28px; line-height: 24px; width: 28px; } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Client */ .group-brand-logo ul { margin-left: -15px; margin-right: -15px; } .group-brand-logo li { float: left; width: 33.33333333%; font-size: 0; } .group-brand-logo li > a { display: inline-block; } 
@media (max-width: 600px) { .group-brand-logo li { width: 100%; } } 
@media only screen and (min-width: 1230px ) { .client-section-2 .__header { padding-top: 50px; } } .client-section-parallax { display: -webkit-flex; display: -ms-flexbox; display: flex; } .client-section-parallax > div { -webkit-flex-basis: 50%;   -ms-flex-preferred-size: 50%; flex-basis: 50%; } .client-section-parallax .__block-wrapper-1 { padding-top: 110px; padding-bottom: 70px; } .client-section-parallax .__block-wrapper-1 .group-brand-logo { max-width: 771px; width: 100%; margin-right: auto; margin-left: auto; } .client-section-parallax .__block-wrapper-1 .group-brand-logo ul { margin: 0; } .client-section-parallax .__block-wrapper-2 { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 15px; padding-right: 15px; -webkit-align-items: center;   -ms-flex-align: center; align-items: center; -webkit-justify-content: center;   -ms-flex-pack: center; justify-content: center; } .client-section-parallax .__block-wrapper-2 .__block { max-width: 620px; width: 100%; } 
@media only screen and (max-width: 1229px ) { .client-section-parallax { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .client-section-parallax .__block-wrapper-1, .client-section-parallax .__block-wrapper-2 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .client-section-parallax .__block-wrapper-1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .client-section-parallax .__block-wrapper-2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-top: 90px; padding-bottom: 80px; } } .brand-carousel .__item .__image { font-size: 0; } .brand-carousel .__item .__image > a { display: inline-block; } .brand-carousel-border { border: 1px solid #EEEEEE; } .brand-carousel-border .__item .__image { border-right: 1px solid #EEEEEE; height: 140px; font-size: 0; } .brand-carousel-border .__item .__image > a { line-height: 138px; width: 100%; height: 100%; display: inline-block; position: relative; } .brand-carousel-border .__item .__image > a img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } /* Countdown */ .countdown-clock { margin-right: -20px; display: inline-block; } .countdown-clock > div { display: inline-block; padding-right: 20px; text-align: center; font-family: "Playfair Display", serif; font-size: 18px; } .countdown-clock > div > span { font-family: "Montserrat", sans-serif; width: 80px; height: 80px; color: #FFFFFF; font-size: 45px; display: block; line-height: 80px; background-color: #1586b5; } /* Counter */ .counter-group .block-counter .__icon { font-size: 34px; line-height: 1; height: 34px; margin-bottom: 35px; position: relative; } .counter-group .block-counter .__icon i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .counter-group .block-counter .__icon i.icon-traget { font-size: 42px; height: 42px; width: 42px; } .counter-group .block-counter .__icon i.icon-bike { font-size: 56px; height: 56px; width: 56px; } .counter-group .block-counter .timer { font-size: 45px; font-weight: 400; } .counter-group .block-counter .timer.hr-heading:after { margin-top: 15px; } .counter-group .block-counter p { letter-spacing: 2px; } /* Coverbox */ .cover-box { display: block; float: left; position: relative; transition: all 0.3s ease-in-out; } .cover-box.normal-style .cover-box-content { display: block; } .cover-box:not(.normal-style) .cover-box-content { display: block; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; } .cover-box-container { overflow: hidden; position: relative; } .cover-box-container .cover-box { background-color: #FFFFFF; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .cover-box-container .cover-box .cover-box-content { padding-left: 15px; padding-right: 15px; } .cover-box-container .cover-box .cover-box-content .content-wrapper h4 { line-height: 1.2; margin-bottom: 18px; } .cover-box-container .cover-box .cover-box-content .content-wrapper p { margin-bottom: 22px; } 
@media only screen and (max-width: 767px ) { .cover-box-container .cover-box > div { margin-right: auto; margin-left: auto; max-width: 500px; } .cover-box-container .cover-box .content-wrapper { padding-top: 45px; padding-bottom: 45px; } } /* Expandable-section */ .expendable-section .expendable-section-header { height: 120px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; } .expendable-section .expendable-section-header .__content { height: 100%; } .expendable-section .expendable-section-header .__content .__default, .expendable-section .expendable-section-header .__content .__active { display: inline-block; height: 100%; position: relative; padding-left: 55px; } .expendable-section .expendable-section-header .__content .__default .__icon, .expendable-section .expendable-section-header .__content .__active .__icon { position: absolute; top: 0; left: 0; height: 100%; width: 44px; } .expendable-section .expendable-section-header .__content .__default .__icon i, .expendable-section .expendable-section-header .__content .__active .__icon i { display: block; font-size: 44px; width: 44px; height: 44px; line-height: 44px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .expendable-section .expendable-section-header .__content .__active { display: none; } .expendable-section .expendable-section-header.header-active .__content .__default { display: none; } .expendable-section .expendable-section-header.header-active .__content .__active { display: inline-block; } .expendable-section .expendable-section-header.bgc-primary { border-color: #1586b5; } .expendable-section .expendable-section-header.bgc-light, .expendable-section .expendable-section-header.bgc-gray-lighter { border-color: #EEEEEE; } .expendable-section .expendable-section-header.bgc-gray-dark { border-color: #444444; } /* Google-maps */ #map { height: 600px; max-height: 80vh; } /* Icon-box */ .block-icon-box .__header { margin-bottom: 20px; } .block-icon-box .__header .__heading, .block-icon-box .__header .__icon { display: inline-block; vertical-align: middle; } .block-icon-box .__header .__heading { max-width: calc(100% - 85px); } .block-icon-box .__header .simple-icon { margin-left: 10px; } .block-icon-box .__header .__icon { margin-right: 10px; } .group-icon-box-border-container { overflow: hidden; } .group-icon-box-border-container .__container-inner { margin-left: -2px; margin-bottom: -2px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; } .group-icon-box-border-container .__border-item { -webkit-flex-grow: 1;   -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 350px;   -ms-flex-preferred-size: 350px; flex-basis: 350px; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; } .group-icon-box-border-container .__border-item-darker { -webkit-flex-grow: 1;   -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 350px;   -ms-flex-preferred-size: 350px; flex-basis: 350px; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; } .bgc-gray-darker .group-icon-box-border-container .__border-item, .bgc-gray-darker .group-icon-box-border-container .__border-item-darker, .bgc-gray-darkest .group-icon-box-border-container .__border-item, .bgc-gray-darkest .group-icon-box-border-container .__border-item-darker, .bgc-gray-dark .group-icon-box-border-container .__border-item, .bgc-gray-dark .group-icon-box-border-container .__border-item-darker { border-bottom-color: #333333; border-left-color: #333333; } .block-icon-box-vertical { text-align: center; padding: 50px 15px 25px; } .block-icon-box-vertical .__icon { display: inline-block; margin-bottom: 15px; } .block-icon-box-vertical .circle-icon { margin-bottom: 35px; } .block-icon-box-vertical .__caption { margin-bottom: 20px; } .block-icon-box-vertical-2 { text-align: center; } .block-icon-box-vertical-2 .__icon { margin-bottom: 40px; } .block-icon-box-vertical-2 h6 { margin-bottom: 30px; } .block-icon-box-left-icon { display: -webkit-flex; display: -ms-flexbox; display: flex; } .block-icon-box-left-icon .__icon { float: left; margin-right: 20px; } .safari .block-icon-box-left-icon .circle-icon { width: 220px; } .safari .block-icon-box-left-icon .simple-icon { width: 110px; } .group-icon-box-creative-container .block-icon-box-left-icon { padding: 60px 30px 35px; } .group-icon-box-creative-container .__row-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; } 
@media only screen and (min-width: 1020px ) { .group-icon-box-creative-container .__row-container:nth-child(2n + 1) .__image { -webkit-order: 3; -ms-flex-order: 3; order: 3; } } .group-icon-box-creative-container .__group-content { position: relative; background-color: #FFFFFF; } .group-icon-box-creative-container .__group-content.bgc-gray-darker { background-color: #222222; } 
@media (min-width: 1600px) { .group-icon-box-creative-container .block-icon-box-left-icon { padding: 80px 60px 65px; } } 
@media only screen and (max-width: 1229px ) { .group-icon-box-creative-container .__image { min-height: 300px; } } .group-icon-box-vertical-creative .block-icon-box-vertical { position: relative; } .group-icon-box-vertical-creative .block-icon-box-vertical:before { transition: all 0.3s ease-in-out; background-color: #f7f7f7; content: ""; width: 100%; height: 9999px; position: absolute; border-left: 1px solid #DDDDDD; top: 0; left: 0; z-index: -1; } .group-icon-box-vertical-creative .block-icon-box-vertical:hover:before { background-color: #EEEEEE; } 
@media (min-width: 1600px) { .group-icon-box-vertical-creative .block-icon-box-vertical { padding: 80px 30px 55px; } } .group-icon-list .block-icon-box-left-icon .__content { margin-bottom: 50px; } .group-icon-list.process-style .__icon { position: relative; z-index: 10; } .group-icon-list.process-style .__icon:after { content: ""; position: absolute; width: 0; height: 100%; border-right: 1px dashed #1586b5; left: 50%; z-index: -1; } .group-icon-list.process-style .simple-icon:before { background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; -webkit-transform: translateY(-10px);   -ms-transform: translateY(-10px); transform: translateY(-10px); } .group-icon-list.process-style .block-icon-box-left-icon:last-child .__icon:after { display: none; } .group-icon-box-left-icon-special { display: -webkit-flex; display: -ms-flexbox; display: flex; } .group-icon-box-left-icon-special .__block-wrapper-1 { -webkit-flex-grow: 1;   -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 33.33333333%;   -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; position: relative; } .group-icon-box-left-icon-special .__block-wrapper-1 .__image { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-size: cover; background-position: top center; } .group-icon-box-left-icon-special .__block-wrapper-2 { -webkit-flex-grow: 2;   -ms-flex-positive: 2; flex-grow: 2; -webkit-flex-basis: 66.66666667%;   -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block { -webkit-flex-basis: 50%;   -ms-flex-preferred-size: 50%; flex-basis: 50%; color: #FFFFFF; padding-right: 65px; padding-left: 65px; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(2n+1) { background-color: #111111; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(2n) { background-color: #222222; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(1), .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(2) { padding-top: 110px; padding-bottom: 50px; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(3), .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(4) { padding-bottom: 90px; } 
@media only screen and (max-width: 1229px ) { .group-icon-box-left-icon-special { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .group-icon-box-left-icon-special .__block-wrapper-1, .group-icon-box-left-icon-special .__block-wrapper-2 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .group-icon-box-left-icon-special .__block-wrapper-1 { min-height: 500px; } } 
@media only screen and (max-width: 1019px ) { .group-icon-box-left-icon-special .__block-wrapper-2 { min-height: 500px; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block { padding-right: 40px; padding-left: 40px; } } 
@media only screen and (max-width: 767px ) { .group-icon-box-left-icon-special .__block-wrapper-2 .__block { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; padding-left: 30px; padding-right: 30px; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(1), .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(3) { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(2), .group-icon-box-left-icon-special .__block-wrapper-2 .__block:nth-of-type(4) { -webkit-order: 2; -ms-flex-order: 2; order: 2; } } /* Icon-box-list */ .group-icon-box-list-right-slider { position: relative; } .group-icon-box-list-right-slider .__block-wrapper-1, .group-icon-box-list-right-slider .__block-wrapper-2 { padding-right: 15px; padding-left: 15px; } .group-icon-box-list-right-slider .__block-wrapper-1 .__block, .group-icon-box-list-right-slider .__block-wrapper-2 .__block { margin-right: auto; margin-left: auto; } .group-icon-box-list-right-slider .__block-wrapper-1 { padding-top: 100px; padding-bottom: 60px; } .group-icon-box-list-right-slider .__block-wrapper-1 .__block .hr-header { margin-bottom: 30px; } .group-icon-box-list-right-slider .__block-wrapper-2 { position: relative; } .group-icon-box-list-right-slider .__block-wrapper-2 .cell-vertical-wrapper { table-layout: fixed; } .group-icon-box-list-right-slider .__block-wrapper-2 .__block { max-width: 640px; } 
@media only screen and (min-width: 768px ) { .group-icon-box-list-right-slider .__block-wrapper-1 .__block { width: 720px; } } 
@media only screen and (min-width: 1020px ) { .group-icon-box-list-right-slider .__block-wrapper-1 .__block { width: 960px; } } 
@media only screen and (min-width: 1230px ) { .group-icon-box-list-right-slider .__block-wrapper-1, .group-icon-box-list-right-slider .__block-wrapper-2 { width: 50%; padding-right: 30px; padding-left: 30px; } .group-icon-box-list-right-slider .__block-wrapper-1 .__block { max-width: 680px; } .group-icon-box-list-right-slider .__block-wrapper-2 { position: absolute; top: 0; right: 0; height: 100%; } } 
@media only screen and (max-width: 1229px ) { .group-icon-box-list-right-slider .__block-wrapper-2 { padding-top: 80px; padding-bottom: 60px; } } .group-icon-box-list-side-image { position: relative; } .group-icon-box-list-side-image:before, .group-icon-box-list-side-image:after { content: " "; display: table; } .group-icon-box-list-side-image:after { clear: both; } .group-icon-box-list-side-image:before, .group-icon-box-list-side-image:after { content: " "; display: table; } .group-icon-box-list-side-image:after { clear: both; } .group-icon-box-list-side-image .__block-wrapper-2 { padding-top: 100px; padding-bottom: 75px; padding-right: 15px; padding-left: 15px; } .group-icon-box-list-side-image .__block-wrapper-2 .__block { margin-right: auto; margin-left: auto; } .group-icon-box-list-side-image .__block-wrapper-2 .__block > .__title { margin-bottom: 20px; } .group-icon-box-list-side-image .__block-wrapper-2 .__block > .__caption { margin-bottom: 50px; } .group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon { margin-bottom: 25px; } .group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon .__right-side .__heading { padding-top: 5px; margin-bottom: 8px; } 
@media only screen and (min-width: 768px ) { .group-icon-box-list-side-image .__block-wrapper-2 .__block { width: 720px; } } 
@media only screen and (min-width: 1020px ) { .group-icon-box-list-side-image .__block-wrapper-2 .__block { width: 960px; } } 
@media only screen and (min-width: 1230px ) { .group-icon-box-list-side-image .__block-wrapper-1, .group-icon-box-list-side-image .__block-wrapper-2 { width: 50%; } .group-icon-box-list-side-image .__block-wrapper-2 { padding-right: 30px; padding-left: 30px; float: right; } .group-icon-box-list-side-image .__block-wrapper-2 .__block { max-width: 700px; } .group-icon-box-list-side-image .__block-wrapper-1 { position: absolute; top: 0; left: 0; height: 100%; } } 
@media only screen and (max-width: 1229px ) { .group-icon-box-list-side-image .__block-wrapper-1 { position: relative; min-height: 500px; } } /* Pagination */ .pagination li { display: inline-block; } .pagination li a { display: block; border: 1px solid #DDDDDD; background-color: #f7f7f7; font-family: "Montserrat", sans-serif; font-size: 16px; min-width: 60px; text-align: center; padding: 13px; } .pagination li.active a, .pagination li a:hover { background-color: #1586b5; border-color: #1586b5; color: #FFFFFF; } .pagination.label li { letter-spacing: 0; } .pagination.label li:first-child a:after { font-size: 13px; content: attr(aria-label); margin-left: 5px; vertical-align: 1px; } .pagination.label li:last-child a:before { font-size: 13px; content: attr(aria-label); margin-right: 5px; vertical-align: 1px; } .pagination-simple { font-family: "Montserrat", sans-serif; padding-top: 40px; padding-bottom: 40px; } .pagination-simple li { display: inline-block; margin-bottom: 0; } .pagination-simple li:not(:first-child) { margin-left: 20px; } .pagination-simple li.active { text-decoration: underline; color: #1586b5; } nav.pagination-2 { padding-top: 40px; padding-bottom: 40px; } nav.pagination-2:before, nav.pagination-2:after { content: " "; display: table; } nav.pagination-2:after { clear: both; } nav.pagination-2:before, nav.pagination-2:after { content: " "; display: table; } nav.pagination-2:after { clear: both; } nav.pagination-2 .button-previous, nav.pagination-2 .button-next { padding-top: 9px; padding-bottom: 9px; display: block; position: relative; font-family: "Montserrat", sans-serif; border: 1px solid #DDDDDD; border-radius: 4px; } nav.pagination-2 .button-previous i, nav.pagination-2 .button-next i { transition: all 0.3s ease-in-out; color: #1586b5; position: absolute; display: block; font-size: 16px; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); } nav.pagination-2 .button-previous i:before, nav.pagination-2 .button-next i:before { display: block; } nav.pagination-2 .button-previous:hover, nav.pagination-2 .button-next:hover { color: #FFFFFF; border-color: #1586b5; background-color: #1586b5; } nav.pagination-2 .button-previous:hover i, nav.pagination-2 .button-next:hover i { color: #FFFFFF; } nav.pagination-2 .button-previous { float: left; padding-left: 34px; padding-right: 14px; } nav.pagination-2 .button-previous i { left: 10px; } nav.pagination-2 .button-next { float: right; padding-left: 14px; padding-right: 34px; } nav.pagination-2 .button-next i { right: 10px; } nav.pagination-2 ul { font-family: "Montserrat", sans-serif; padding-top: 10px; padding-bottom: 10px; } nav.pagination-2 ul li { display: inline-block; margin-bottom: 0; } nav.pagination-2 ul li:not(:first-child) { margin-left: 20px; } nav.pagination-2 ul li.active { text-decoration: underline; color: #1586b5; } nav.pagination-2 .__back-to-portfolio { text-align: center; } nav.pagination-2 .__back-to-portfolio > a { display: inline-block; width: 50px; padding: 9px 0; border: 1px solid #DDDDDD; border-radius: 4px; color: #DDDDDD; } nav.pagination-2 .__back-to-portfolio > a > i { font-size: 25px; } nav.pagination-2 .__back-to-portfolio > a:hover { color: #1586b5; border-color: #1586b5; } 
@media only screen and (max-width: 767px ) { nav.pagination-2 .button-previous,   nav.pagination-2 .button-next { height: 50px; border-radius: 0px; }   nav.pagination-2 .button-previous span,   nav.pagination-2 .button-next span { display: none; }   nav.pagination-2 .button-previous i { left: 15px; }   nav.pagination-2 .button-next i { right: 15px; } } /* Pie-chart */ .block-easy-piechart { text-align: center; } 
@media only screen and (min-width: 1020px ) { .block-easy-piechart .__header { margin-bottom: 15px; } .block-easy-piechart .__footer { margin-top: 60px; } } .easy-piechart { max-width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 35px; } .easy-piechart .progressbar-text { font-family: "Montserrat", sans-serif; width: 95px; height: 95px; border-radius: 50%; font-size: 30px; line-height: 95px; background-color: #1586b5; color: #FFFFFF !important; } .easy-piechart path:first-child { stroke: #1586b5; } .easy-piechart path:last-child { stroke: #3ED0A1; } .block-piechart { display: block; margin-left: auto; margin-right: auto; max-width: 400px; } .piechart { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center;   -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .piechart .chart { width: 160px; height: 160px; float: left; } .piechart .chart canvas { width: 100%; height: 100%; } .piechart .pie-legend { float: left; padding-left: 30px; } .piechart .pie-legend li { margin-bottom: 15px; display: block; } .piechart .pie-legend span { display: inline-block; vertical-align: middle; margin-right: 15px; line-height: 1.2; } .piechart .pie-legend .__color { width: 30px; height: 30px; } /* Portfolio */ .grid-item { margin-bottom: 30px; } .remove-col-gutter .grid-item { margin-bottom: 0px; } .isotope-grid { transition: height 0.3s; } .portfolio-filter { border-bottom: 1px solid #DDDDDD; margin-bottom: 90px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around;   -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Montserrat", sans-serif; } .portfolio-filter .filter-button { border-bottom: 2px solid transparent; display: inline-block; padding-bottom: 15px; margin: 0 10px -2px; } .portfolio-filter .filter-button.is-checked { border-bottom-color: #1586b5; } .block-portfolio { text-align: center; } .block-portfolio.overlay-container, .block-portfolio .overlay-container { overflow: hidden; } .block-portfolio .overlay { opacity: 0; } .block-portfolio .__image { transition: all 0.7s ease-in-out; width: 100%; } .block-portfolio .__title { margin-bottom: 10px; } .block-portfolio a:hover { color: inherit; } .block-portfolio:hover .overlay { opacity: 1; } .block-portfolio:hover .__image { -webkit-transform: scale(1.1);   -ms-transform: scale(1.1); transform: scale(1.1); } .block-portfolio [class^='bgc-light-'].overlay, .block-portfolio [class*='bgc-light-'].overlay { border: 1px solid #DDDDDD; } .block-portfolio.zoom .__zoom { display: block; font-size: 22px; color: #FFFFFF; line-height: 1; opacity: 0.6; } .block-portfolio.zoom .overlay > .__zoom { position: absolute; bottom: 10px; right: 10px; } .block-portfolio.zoom .overlay > .__zoom i { display: inline-block; vertical-align: middle; } .block-portfolio.zoom .overlay > .__zoom i:before { display: block; } .block-portfolio.zoom .overlay > .__zoom:hover { opacity: 1; } .block-portfolio.zoom .cell-middle > .__zoom { display: block; margin-left: auto; margin-right: auto; } .block-portfolio.zoom [class^='bgc-light-'] .__zoom, .block-portfolio.zoom [class*='bgc-light-'] .__zoom { color: #444444; } .block-portfolio.group-function .__group-function { padding-top: 20px; } .block-portfolio.group-function .__group-function a { display: inline-block; width: 45px; height: 45px; line-height: 40px; border-radius: 50%; font-size: 20px; border: 1px solid #FFFFFF; opacity: 0.7; margin: 0 5px; } .block-portfolio.group-function .__group-function a:hover, .block-portfolio.group-function .__group-function a:active, .block-portfolio.group-function .__group-function a:focus { color: inherit; opacity: 1; } .block-portfolio.group-function .__group-function a i { display: inline-block; vertical-align: middle; } .block-portfolio.group-function .__group-function a i:before { display: block; } .block-portfolio.group-function [class^='bgc-light-'] .__group-function a, .block-portfolio.group-function [class*='bgc-light-'] .__group-function a { border-color: #444444; } .block-portfolio.middle-separator .__title { position: relative; padding-bottom: 14px; } .block-portfolio.middle-separator .__title:after { content: ''; position: absolute; width: 140px; left: 50%; bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%); transform: translateX(-50%); } .block-portfolio.middle-separator [class^='bgc-light-'] .__title:after, .block-portfolio.middle-separator [class*='bgc-light-'] .__title:after { border-color: #444444; } .block-portfolio.frame-bordered .cell-vertical-wrapper { position: relative; width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; border-width: 1px; border-style: solid; border-color: #FFFFFF; } .block-portfolio.frame-bordered [class^='bgc-light-'] .cell-vertical-wrapper, .block-portfolio.frame-bordered [class*='bgc-light-'] .cell-vertical-wrapper { border-color: #444444; } .block-portfolio.title-foot footer { transition: all 0.3s ease-in-out; border: 1px solid #DDDDDD; padding: 25px 15px; } .block-portfolio.title-foot:hover footer { border-color: #222222; background-color: #222222; color: #FFFFFF; } .group-portfolio .container-fluid:not(.remove-col-gutter) { margin-right: 15px; margin-left: 15px; } .group-portfolio .container.remove-col-gutter.remove-gutter { border-left: 15px solid transparent; border-right: 15px solid transparent; } 
@media only screen and (min-width: 1230px ) { .group-portfolio .w20p { width: 20%; } } .portfolio-single-info .__item { margin-bottom: 20px; } .portfolio-single-info .__item h6 { margin-bottom: 8px; } .portfolio-single-info .__item.__tag h6 { margin-bottom: 15px; } .portfolio-post-info .__item { margin-bottom: 20px; } .portfolio-post-info .__item h6 { margin-bottom: 8px; } .portfolio-box-slider .block-portfolio-box-slider .__image img { width: 100%; } .portfolio-carousel-special .slider { margin-left: -5px; margin-right: -5px; } .portfolio-carousel-special .block-portfolio { border: 5px solid transparent; } /* Image Gallary */ .block-image-zoom { margin-left: auto; margin-right: auto; overflow: hidden; cursor: pointer; } .block-image-zoom img { width: 100%; transition: all 0.3s ease-in-out; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); } .block-image-zoom .overlay-hover .__icon { font-size: 0; width: 22px; height: 22px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .block-image-zoom .overlay-hover .__icon i { color: rgba(255, 255, 255, 0.8); font-size: 22px; } .block-image-zoom:hover img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } /* Post */ .post { border-bottom: 1px solid #EEEEEE; padding-bottom: 35px; } .post.post-index:not(:first-child) { padding-top: 70px; } .post .__header { margin-bottom: 30px; } .post .__title { font-family: "Montserrat", sans-serif; font-size: 24px; margin-bottom: 15px; } .post .__quote { display: block; padding: 30px 35px 40px 70px; border: 6px solid rgba(255, 255, 255, 0.25); border-radius: 6px; } .post .__quote .__qcontent { position: relative; font-size: 24px; font-weight: 500; margin-bottom: 25px; } .post .__quote .__qcontent:before { position: absolute; display: block; left: -55px; padding: 15px 10px 0; content: '\201C'; font-family: "Playfair Display", serif; font-size: 80px; line-height: 30px; } .post .__quote .__qauthor { font-family: "Montserrat", sans-serif; font-size: 18px; } 
@media only screen and (max-width: 767px ) { .post .__quote { padding: 60px 15px 30px; } .post .__quote .__qcontent:before { top: -40px; left: -10px; } } .post .__meta { margin-bottom: 25px; font-family: "Playfair Display", serif; font-style: italic; } .post .__meta > span { display: inline-block; } .post .__meta > span:not(:last-child) { margin-right: 30px; } .post .__meta .__value { color: #1586b5; } .blog-masonry-container { position: relative; margin-left: -10px; margin-right: -10px; } .blog-masonry-container:before, .blog-masonry-container:after { content: " "; display: table; } .blog-masonry-container:after { clear: both; } .blog-masonry-container:before, .blog-masonry-container:after { content: " "; display: table; } .blog-masonry-container:after { clear: both; } .blog-masonry-container .post-masonry { margin: 0 10px; } .blog-masonry-container .__quote { padding: 30px 25px 0px 50px; background-color: transparent; color: #444444; border-bottom: 0; } .blog-masonry-container .__quote .__qcontent { position: relative; margin-bottom: 10px; font-weight: 600; font-size: 16px; } .blog-masonry-container .__quote .__qcontent:before { top: 0; display: block; left: -40px; padding: 5px 10px 0; font-size: 45px; line-height: 30px; } .blog-masonry-container .__quote .__qauthor { margin-bottom: 0; font-size: 14px; color: #1586b5; } .blog-masonry-container .post { border-bottom: 0; margin-bottom: 40px; background-color: #f8f8f8; } .blog-masonry-container .post .__header { margin-bottom: 0; } .blog-masonry-container .post .__main { padding: 20px 15px 0 15px; } .blog-masonry-container .post .__title { font-size: 18px; margin-bottom: 10px; } .blog-masonry-container .post .__meta { margin-bottom: 10px; } .blog-masonry-container .post .__meta > span:not(:last-child) { margin-right: 20px; } .post-left-image:before, .post-left-image:after { content: " "; display: table; } .post-left-image:after { clear: both; } .post-left-image:before, .post-left-image:after { content: " "; display: table; } .post-left-image:after { clear: both; } 
@media only screen and (min-width: 768px ) { .post-left-image .__header { width: 48%; float: left; margin-right: 30px; } .post-left-image.post-quote .__header { width: 100%; } .post-left-image .__title { margin-top: -0.2em; margin-bottom: 10px; line-height: 1.4; } .post-left-image .__meta { font-size: 13px; margin-bottom: 15px; } .post-left-image .__meta > span:not(:last-child) { margin-right: 20px; } .post-left-image .__main { overflow: hidden; } } /* Pricing-table */ .price-table .price-table-item { margin-bottom: 30px; } .price-table .price-table-item .__title { background-color: #444444; padding: 25px 15px; } .price-table .price-table-item .__body { border: 1px solid #DDDDDD; border-top: 0; padding: 0 15px 60px; } .price-table .price-table-item .__body h5 { border-bottom: 1px solid #DDDDDD; margin-bottom: 0; padding: 28px 0; color: #666666; } .price-table .price-table-item .__body h5 span { color: #444444; font-weight: 700; } .price-table .price-table-item .__body h1 { font-weight: 400; margin-bottom: 0; padding-top: 45px; padding-bottom: 45px; } .price-table .price-table-item.default .__title { background-color: #1586b5; } .price-table .price-table-item.default .__body { background-color: #F9F9F9; } .price-table.remove-col-gutter .price-table-item-wrapper:not(:last-of-type) { margin-right: -1px; } .price-table.remove-col-gutter .price-table-item .__body { padding-left: 25px; padding-right: 25px; } 
@media only screen and (max-width: 767px ) { .price-table .price-table-item { max-width: 400px; margin-left: auto; margin-right: auto; } .price-table.remove-col-gutter .price-table-item-wrapper { margin-right: 0px; padding-left: 15px; padding-right: 15px; } .price-table.remove-col-gutter .price-table-item .__body { padding-left: 15px; padding-right: 15px; } } /* Process */ @media only screen and (min-width: 1020px ) { .group-process { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .block-process { position: relative; padding-left: 15px; padding-right: 15px; z-index: 10; } .block-process:before, .block-process:after { content: " "; display: table; } .block-process:after { clear: both; } .block-process:before, .block-process:after { content: " "; display: table; } .block-process:after { clear: both; } .block-process .__icon { position: relative; } .block-process .__icon:before { content: ""; position: absolute; display: block; background: #a1cfe1; z-index: -1; } .block-process:last-child .__icon:before { display: none; } .block-process.active .__icon .circle-icon:before { background-color: #1586b5; } .block-process.active .__icon:before, .block-process.active ~ .block-process .__icon:before { background-color: #dadada; } .block-process.active ~ .block-process .__icon .circle-icon:before { background-color: #a2a2a2; } 
@media only screen and (min-width: 1020px ) { .block-process { text-align: center; } .block-process .__title { height: 60px; margin-bottom: 0; } .block-process .__icon { margin: 0 -15px 40px; } .block-process .__icon:before { width: 100%; top: 50%; height: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .block-process .__icon:before { left: 50%; } .group-process.large-icon .block-process .__icon .circle-icon:before { width: 140px; height: 140px; border: 10px solid rgba(255, 255, 255, 0.6); line-height: 120px !important; font-size: 40px; } } 
@media only screen and (max-width: 1019px ) { .block-process { padding-left: 100px; padding-bottom: 20px; } .block-process .__title { margin-bottom: 10px; } .block-process .__icon { position: absolute; width: 70px; height: 100%; left: 15px; top: 0; } .block-process .__icon:before { width: 4px; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .block-process-2 { position: relative; } .block-process-2 .cell-vertical-wrapper { height: 320px; } .block-process-2 .__number { font-size: 200px; color: rgba(255, 255, 255, 0.2); position: absolute; line-height: 1; top: 0; height: 200px; bottom: 0; margin-top: auto; margin-bottom: auto; left: 70px; } .block-process-2 .__block { padding-top: 40px; padding-bottom: 40px; margin-left: auto; margin-right: auto; } .block-process-2 .__block > * { letter-spacing: 0.05em; } .block-process-2 .__block .__title { font-size: 14px; margin-bottom: 10px; } .block-process-2 .__block p.__content { margin-bottom: 0; } .block-process-2.size-small .cell-vertical-wrapper { height: 240px; } .block-process-2.size-small .__block > * { letter-spacing: 0; } .block-process-2.size-small .__block .__title { font-size: 18px; margin-bottom: 5px; } 
@media only screen and (min-width: 1020px ) { .block-process-2 .__block { max-width: 320px; } } 
@media only screen and (max-width: 1019px ) { .block-process-2 .__block { max-width: 720px; } } /* Progress Bar */ .block-progressbar { position: relative; width: 100%; margin-bottom: 20px; z-index: 10; } .block-progressbar .__title { margin-bottom: 10px; line-height: 2.14285714; } .block-progressbar .progressbar { transition: all 0.7s ease-in-out; background-color: #1586b5; width: 0; } .block-progressbar .progressbar-back-text, .block-progressbar .progressbar-front-text { display: none; } .block-progressbar .progressbar { background-color: #1586b5; height: 9px; width: 0; } .progressbar-primary .block-progressbar .progressbar { background-color: #1586b5; } .progressbar-secondary .block-progressbar .progressbar { background-color: #1586b5; } .progressbar-success .block-progressbar .progressbar { background-color: #468C00; } .progressbar-info .block-progressbar .progressbar { background-color: #3ED0A1; } .progressbar-warning .block-progressbar .progressbar { background-color: #FF7F00; } .progressbar-danger .block-progressbar .progressbar { background-color: #FF5533; } .block-progressbar .progressbar:before { content: ''; bottom: 0; position: absolute; display: block; width: 100%; height: 9px; background-color: #EEEEEE; z-index: -1; } .trail-light .block-progressbar .progressbar:before { background-color: #FFFFFF; } .block-progressbar.basic .progressbar { position: static; } .style-tooltip .block-progressbar { margin-bottom: 40px; position: relative; } .style-tooltip .block-progressbar .progressbar { position: absolute; } .style-tooltip .block-progressbar .progressbar-back-text { position: absolute; display: block; width: 100%; height: 9px; bottom: -19px; font-size: 0; background-color: #EEEEEE; z-index: -1; } .style-tooltip .block-progressbar .progressbar-front-text { position: absolute; display: block; right: -25px; bottom: 28px; line-height: 1; font-family: "Montserrat", sans-serif; height: 23px; text-align: center; max-width: 50px; padding: 5px; border-radius: 3px; color: #FFFFFF; background-color: #444444; } .style-tooltip .block-progressbar .progressbar-front-text:before { content: ""; position: absolute; bottom: -10px; left: 20px; border-left-width: 4px; border-right-width: 4px; border-top-width: 7px; border-style: solid; border-color: transparent; border-top-color: #444444; display: block; width: 0; height: 0; } .trail-light.style-tooltip .block-progressbar .progressbar-back-text { background-color: #FFFFFF; } .block-progressbar.vertical { position: relative; height: 250px; float: left; margin-right: 50px; margin-bottom: 80px; background-color: #EEEEEE; } .trail-light .block-progressbar.vertical { background-color: #FFFFFF; } .block-progressbar.vertical .__title { display: block; position: absolute; bottom: -50px; font-family: "Montserrat", sans-serif; } .block-progressbar.vertical .progressbar { height: 0; width: 100%; position: absolute; bottom: 0; left: 0; } .block-progressbar.vertical .progressbar-back-text { display: block; position: absolute; max-height: 20px; bottom: -50px; line-height: 30px !important; color: #1586b5; font-family: "Montserrat", sans-serif; } .progressbar-primary .block-progressbar.vertical .progressbar-back-text { color: #1586b5; } .progressbar-secondary .block-progressbar.vertical .progressbar-back-text { color: #1586b5; } .progressbar-success .block-progressbar.vertical .progressbar-back-text { color: #468C00; } .progressbar-info .block-progressbar.vertical .progressbar-back-text { color: #3ED0A1; } .progressbar-warning .block-progressbar.vertical .progressbar-back-text { color: #FF7F00; } .progressbar-danger .block-progressbar.vertical .progressbar-back-text { color: #FF5533; } /* Qr-code */ @media only screen and (min-width: 1020px ) { .qr-code-2 { margin-left: -15px; margin-right: -15px; } .qr-code-2 > div { float: left; width: 50%; padding-left: 15px; padding-right: 15px; } .qr-code-2.style-2 > div { float: right; } } /* News Letter */ .news-letter .__content-wrapper .btn-border.fullwidth { letter-spacing: 2px; } .news-letter .__content-wrapper .__content-left p { letter-spacing: 0.1em; } .news-letter .__content-wrapper .__content-right form input { background-color: transparent; } .news-letter .__content-wrapper .__content-right form input::-webkit-input-placeholder { color: #FFFFFF; } .news-letter .__content-wrapper .__content-right form input::-moz-placeholder { color: #FFFFFF; } .news-letter .__content-wrapper .__content-right form input:-moz-placeholder { /* Older versions of Firefox */   color: #FFFFFF; } .news-letter .__content-wrapper .__content-right form input:-ms-input-placeholder { color: #FFFFFF; } .bgc-light .news-letter .__content-wrapper .__content-right form input::-webkit-input-placeholder { color: #444444; } .bgc-light .news-letter .__content-wrapper .__content-right form input::-moz-placeholder { color: #444444; } .bgc-light .news-letter .__content-wrapper .__content-right form input:-moz-placeholder { /* Older versions of Firefox */   color: #444444; } .bgc-light .news-letter .__content-wrapper .__content-right form input:-ms-input-placeholder { color: #444444; } 
@media only screen and (min-width: 1020px ) { .news-letter.size-large .__content-wrapper { height: 350px; } .news-letter .__content-wrapper { height: 220px; } .news-letter .__content-wrapper .__content-left, .news-letter .__content-wrapper .__content-right { height: 100%; } .news-letter .__content-wrapper .__content-right form { padding-right: 140px; position: relative; } .news-letter .__content-wrapper .__content-right form input { margin-bottom: 0; } .news-letter .__content-wrapper .__content-right form .btn { position: absolute; top: 0; right: 0; } } 
@media only screen and (max-width: 1019px ) { .news-letter .__content-wrapper { text-align: center; } .news-letter .__content-wrapper .__content-left { padding-top: 40px; padding-bottom: 40px; } .news-letter .__content-wrapper .__content-right { padding-bottom: 40px; } } /* Search */ .search-box { position: relative; } .search-box input[type='search'] { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-right: 40px; box-sizing: border-box; font-size: 13px; } .search-box button[type='submit'] { position: absolute; background-color: transparent; line-height: 40px; width: 40px; padding: 0; border: 0; right: 0; top: 0; } .search-box button[type='submit']:hover { color: #1586b5; } .search-box-large { position: relative; padding-bottom: 10px; } 
@media only screen and (min-width: 768px ) { .search-box-large { display: -webkit-flex; display: -ms-flexbox; display: flex; } .search-box-large input[type="search"] { margin-right: 15px; margin-bottom: 0; } } 
@media only screen and (max-width: 1019px ) { .search-box-large { text-align: center; } } .modal-search { padding: 60px 60px 50px; width: 1170px; max-width: 100%; } .search-result .__result { padding: 50px 0 30px 70px; position: relative; border-bottom: 1px solid #EEEEEE; } .search-result .__result .__categories { margin-bottom: 18px; } .search-result .__result:before { position: absolute; display: block; top: 55px; left: 0; width: 47px; height: 47px; font-family: 'megatron'; font-size: 18px; content: "\e07d"; text-align: center; line-height: 50px; background-color: #EEEEEE; } /* Service Table */ .service-table .service-table-item { margin-bottom: 30px; } .service-table .service-table-item .__title { background-color: #444444; padding: 25px 15px; } .service-table .service-table-item .__body { border: 1px solid #DDDDDD; border-top: 0; padding: 0 15px 60px; } .service-table .service-table-item .__body .service-box { border-bottom: 1px solid #DDDDDD; padding-top: 40px; padding-bottom: 35px; } .service-table .service-table-item .__body .service-box i { font-size: 32px; height: 32px; width: 32px; line-height: 32px; display: inline-block; margin-bottom: 22px; } .service-table .service-table-item .__body .service-box h4 { margin-bottom: 10px; } .service-table .service-table-item .__body h5 { border-bottom: 1px solid #DDDDDD; margin-bottom: 0; padding: 28px 0; color: #666666; } .service-table .service-table-item .__body h5 span { color: #444444; font-weight: 700; } .service-table .service-table-item .__body h1 { font-weight: 400; margin-bottom: 0; padding-top: 45px; padding-bottom: 45px; } .service-table .service-table-item.default .__title { background-color: #1586b5; } .service-table .service-table-item.default .__body { background-color: #F9F9F9; } .service-table.remove-col-gutter .service-table-item-wrapper:not(:last-of-type) { margin-right: -1px; } .service-table.remove-col-gutter .service-table-item .__body { padding-left: 25px; padding-right: 25px; } 
@media only screen and (max-width: 767px ) { .service-table .service-table-item { max-width: 400px; margin-left: auto; margin-right: auto; } .service-table.remove-col-gutter .service-table-item-wrapper { margin-right: 0px; padding-left: 15px; padding-right: 15px; } .service-table.remove-col-gutter .service-table-item .__body { padding-left: 15px; padding-right: 15px; } } /* Shop */ .block-shop-product { margin-left: auto; margin-right: auto; max-width: 320px; } .block-shop-product .__image { overflow: hidden; } .block-shop-product .__image span.status { position: absolute; top: 20px; right: 0; font-size: 13px; color: #FFFFFF; line-height: 24px; padding: 0 5px; z-index: 10; } .block-shop-product .__image span.status.sale-off { background-color: #1586b5; } .block-shop-product .__image span.status.new { background-color: #1586b5; } .block-shop-product .__image span.status.hot { background-color: #FF4D4D; } .block-shop-product .__image img { width: 100%; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); transition: all 0.3s ease-in-out; } .construction-style .block-shop-product .__image img { border: 1px solid #EEEEEE; } .block-shop-product .__image .overlay .__layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.7s ease-in-out; } .block-shop-product .__image .overlay ul { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; font-size: 0; } .block-shop-product .__image .overlay ul:before, .block-shop-product .__image .overlay ul:after { content: " "; display: table; } .block-shop-product .__image .overlay ul:after { clear: both; } .block-shop-product .__image .overlay ul:before, .block-shop-product .__image .overlay ul:after { content: " "; display: table; } .block-shop-product .__image .overlay ul:after { clear: both; } .block-shop-product .__image .overlay ul li { display: inline-block; margin-bottom: 0; } .block-shop-product .__image .overlay ul li > a { display: inline-block; margin-left: 5px; margin-right: 5px; background-color: rgba(255, 255, 255, 0.9); color: #444444; transition-property: color, background, visibility, opacity, -webkit-transform; transition-property: color, background, visibility, opacity, transform; -webkit-transform: translateY(40px);   -ms-transform: translateY(40px); transform: translateY(40px); opacity: 0; visibility: hidden; } .block-shop-product .__image .overlay ul li > a i { width: 44px; height: 44px; display: block; font-size: 17px; } .block-shop-product .__image .overlay ul li > a i:before { line-height: 44px; display: block; } .block-shop-product .__image .overlay ul li > a:hover { background-color: #1586b5; color: #FFFFFF; } .construction-style .block-shop-product .__image .overlay ul li > a:hover { background-color: #1586b5; } .block-shop-product .__image .overlay ul li > a:first-of-type { transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, -webkit-transform 0.4s 0.5s ease-out; transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, transform 0.4s 0.5s ease-out; } .block-shop-product .__image .overlay ul li > a:nth-of-type(2) { transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, -webkit-transform 0.4s 0.4s ease-out; transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, transform 0.4s 0.4s ease-out; } .block-shop-product .__image .overlay ul li > a:nth-of-type(3) { transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, -webkit-transform 0.4s 0.3s ease-out; transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.35s ease-out, opacity 0.4s 0.35s ease-out, transform 0.4s 0.3s ease-out; } .block-shop-product .__image .overlay ul li > a:nth-of-type(4) { transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.25s ease-out, opacity 0.4s 0.25s ease-out, -webkit-transform 0.4s 0.2s ease-out; transition: color 0.4s 0.001s ease-out, background 0.4s 0.001s ease-out, visibility 0.4s 0.25s ease-out, opacity 0.4s 0.25s ease-out, transform 0.4s 0.2s ease-out; } .block-shop-product .__image:hover img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } .block-shop-product .__image:hover .overlay .__layer { opacity: 1; } .block-shop-product .__image:hover .overlay ul li > a { visibility: visible; opacity: 1; -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } .block-shop-product .__info { padding-top: 20px; padding-bottom: 50px; } .block-shop-product .__info .__price del { color: #AAAAAA; margin-right: 10px; } .block-shop-product .__info .__price span { color: #1586b5; } .block-shop-product-small .__image { width: 64px; float: left; margin-top: 5px; margin-right: 14px; } .construction-style .block-shop-product-small .__image { margin-top: 8px; } .construction-style .block-shop-product-small .__image img { border: 1px solid #EEEEEE; } .block-shop-product-small .__image img { width: 100%; } .block-shop-product-small .__image .overlay-hover ul { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; font-size: 0; } .block-shop-product-small .__image .overlay-hover ul:before, .block-shop-product-small .__image .overlay-hover ul:after { content: " "; display: table; } .block-shop-product-small .__image .overlay-hover ul:after { clear: both; } .block-shop-product-small .__image .overlay-hover ul:before, .block-shop-product-small .__image .overlay-hover ul:after { content: " "; display: table; } .block-shop-product-small .__image .overlay-hover ul:after { clear: both; } .block-shop-product-small .__image .overlay-hover ul li { display: inline-block; margin-bottom: 0; } .block-shop-product-small .__image .overlay-hover ul li a.quick-view { display: inline-block; margin-left: 5px; margin-right: 5px; color: #FFFFFF; } .block-shop-product-small .__image .overlay-hover ul li a.quick-view i { width: 50px; height: 50px; display: block; font-size: 17px; } .block-shop-product-small .__image .overlay-hover ul li a.quick-view i:before { line-height: 50px; display: block; } .block-shop-product-small .__info { overflow: hidden; } .block-shop-product-small .__info p.__category { letter-spacing: 0.05em; margin-bottom: 0; } .block-shop-product-small .__info .star-ratings { float: left; } .block-shop-product-small .__info span.__price { float: left; margin-left: 20px; } .block-shop-product-small-2 { padding-top: 10px; padding-bottom: 15px; } .block-shop-product-small-2:before, .block-shop-product-small-2:after { content: " "; display: table; } .block-shop-product-small-2:after { clear: both; } .block-shop-product-small-2:before, .block-shop-product-small-2:after { content: " "; display: table; } .block-shop-product-small-2:after { clear: both; } .block-shop-product-small-2 .__image { width: 85px; float: left; margin-top: 5px; margin-right: 30px; } .block-shop-product-small-2 .__image img { width: 100%; } .block-shop-product-small-2 .__info { overflow: hidden; } .block-shop-product-small-2 .__info .__price del { margin-right: 10px; } .shop-quick-view { width: 100vw; max-width: 900px; } 
@media only screen and (min-width: 1230px ) { .shop-quick-view .__content-left { width: 45.94594595%; } .shop-quick-view .__content-right { width: 54.05405405%; } } 
@media only screen and (max-width: 767px ) { .shop-quick-view .__content-left { margin-bottom: 40px; } } .box-products { padding-bottom: 10px; } .box-products h6 { margin-bottom: 30px; } .box-products .block-shop-product-small { margin-bottom: 30px; } .product-carousel { position: relative; padding-bottom: 88px; } .product-carousel .__box { position: absolute; width: 100%; bottom: 0; left: 0; height: 78px; } .product-carousel .slick-dots { bottom: -58px; z-index: 10; } .product-carousel .slick-dots li button { background-color: #EEEEEE; border: 1px solid #EEEEEE; } .product-carousel .slick-dots li.slick-active button, .product-carousel .slick-dots li button:hover { background-color: transparent; border-color: #DDDDDD; } 
@media (max-width: 600px) { .product-carousel { padding-bottom: 50px; } .product-carousel .slider { max-width: 390px; margin-left: auto; margin-right: auto; } .product-carousel .__box { border-top: 0; } .product-carousel .slick-dots { visibility: hidden; } } .shop-top-slider .slider .slick-arrow { opacity: 1; } .shop-top-slider .slider .__item { height: 530px; background-repeat: no-repeat; background-size: cover; } .shop-order-tracking { max-width: 800px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 110px; } .shop-order-tracking > p { margin-bottom: 35px; } .shop-order-tracking .__order-id h6, .shop-order-tracking .__billing-email h6 { margin-bottom: 40px; } .shop-order-tracking .__order-id input, .shop-order-tracking .__billing-email input { text-align: center; max-width: 550px; } .shop-order-tracking .__order-id { margin-bottom: 15px; } .shop-order-tracking .__billing-email { margin-bottom: 25px; } .shop-order-tracking .__button .btn { max-width: 150px; } .shop-account .__block .__title { margin-bottom: 5px; } .shop-account .__block .__sub-title { margin-bottom: 45px; } .shop-account .__block .__sub-title:after { content: ""; display: block; width: 50px; height: 1px; background-color: #444444; margin: 15px auto 0; } .shop-account .__block .__email input, .shop-account .__block .__password input { max-width: 470px; text-align: center; } .shop-account .__block .__button .btn { max-width: 300px; } .shop-account .__block .checkbox { font-size: 0; } .shop-account .__block .checkbox label { display: inline-block; cursor: pointer; } .shop-account .__block .checkbox label input[type="checkbox"] { display: none; } .shop-account .__block .checkbox label input[type="checkbox"] + span > i { transition: all 0.3s ease-in-out; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; border: 1px solid #DDDDDD; background-color: #FFFFFF; text-align: center; font-size: 8px; color: #FFFFFF; } .shop-account .__block .checkbox label input[type="checkbox"] + span > i:before { display: block; line-height: 12px; } .shop-account .__block .checkbox label input[type="checkbox"]:checked + span > i { color: #1586b5; } .shop-account .__block .checkbox label > span { font-size: 14px; position: relative; display: inline-block; padding-left: 20px; line-height: 30px; } .shop-account .__block .checkbox label > span:before, .shop-account .__block .checkbox label > span:after { content: " "; display: table; } .shop-account .__block .checkbox label > span:after { clear: both; } .shop-account .__block .checkbox label > span:before, .shop-account .__block .checkbox label > span:after { content: " "; display: table; } .shop-account .__block .checkbox label > span:after { clear: both; } .shop-account .__block .checkbox label > span i { float: left; } .shop-account .__block .checkbox label > span span { float: left; display: inline-block; } .shop-account .__block.__login { position: relative; } .shop-account .__block.__login .__separator { position: absolute; top: 15px; right: 0; width: 1px; height: 447px; background-color: #EEEEEE; } .shop-account .__block.__login .__email input, .shop-account .__block.__login .__password input { background-color: #F9F9F9; } .shop-account .__block.__login .__password input { margin-bottom: 20px; } .shop-account .__block.__login .checkbox { margin-bottom: 22px; } .shop-account .__block.__login .__button { margin-bottom: 25px; } .shop-account .__block.__login .__forgotten a { text-decoration: underline; } /* Shop Category */ @media only screen and (max-width: 1019px ) { .category-sidebar-page aside.shop-category-sidebar { border-bottom: 1px solid #EEEEEE; margin-bottom: 50px; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content { font-family: "Montserrat", sans-serif; font-size: 12px; padding-left: 00px; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:before, .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:after { content: " "; display: table; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:after { clear: both; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:before, .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:after { content: " "; display: table; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content:after { clear: both; } .category-sidebar-page aside.shop-category-sidebar .widget-categories .__widget-content li { float: left; border-bottom: 0px; padding-bottom: 10px; margin-right: 10px; margin-left: 10px; } } 
@media only screen and (max-width: 1229px ) { .category-fullwidth-page aside.shop-category-sidebar { border-bottom: 1px solid #EEEEEE; margin-bottom: 50px; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content { font-family: "Montserrat", sans-serif; font-size: 12px; padding-left: 00px; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:before, .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:after { content: " "; display: table; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:after { clear: both; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:before, .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:after { content: " "; display: table; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content:after { clear: both; } .category-fullwidth-page aside.shop-category-sidebar .widget-categories .__widget-content li { float: left; border-bottom: 0px; padding-bottom: 10px; margin-right: 10px; margin-left: 10px; } } .product-listing .filter-and-sort { margin-bottom: 80px; } .product-listing .filter-and-sort .__hamburger { transition: all 0.3s ease-in-out; display: block; position: relative; background: transparent; border: 0; padding: 0; outline: none; cursor: pointer; margin-top: auto; margin-bottom: auto; width: 15px; height: 11px; } .product-listing .filter-and-sort .__hamburger::before, .product-listing .filter-and-sort .__hamburger::after, .product-listing .filter-and-sort .__hamburger span { transition: all 0.3s ease-in-out; background: #444444; } .product-listing .filter-and-sort .__hamburger::before, .product-listing .filter-and-sort .__hamburger::after { content: ''; position: absolute; top: 0; height: 1px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%;   -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .product-listing .filter-and-sort .__hamburger span { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .product-listing .filter-and-sort .__hamburger::before { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } .product-listing .filter-and-sort .__hamburger::after { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); } .product-listing .filter-and-sort .__hamburger:hover::before, .product-listing .filter-and-sort .__hamburger:hover::after, .product-listing .filter-and-sort .__hamburger:hover span { background: #1586b5; } .shop-sidebar-open .product-listing .filter-and-sort .__hamburger span { opacity: 0; } .shop-sidebar-open .product-listing .filter-and-sort .__hamburger::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .shop-sidebar-open .product-listing .filter-and-sort .__hamburger::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .product-listing .filter-and-sort .category-sorting > p { line-height: 40px; margin-bottom: 0; } .product-listing .filter-and-sort .category-sorting .select-wrapper .select-menu { width: 230px; } .product-listing .filter-and-sort.type-1 .__content-left { position: relative; float: left; } .product-listing .filter-and-sort.type-1 .__content-left .__hamburger { position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; } .product-listing .filter-and-sort.type-1 .__content-left > p { line-height: 40px; margin-left: 30px; margin-bottom: 0; } .product-listing .filter-and-sort.type-1 .category-sorting { float: right; } .product-listing .filter-and-sort.type-1 .category-sorting > p { float: right; margin-right: 35px; } .product-listing .filter-and-sort.type-1 .category-sorting .select-wrapper { float: right; } 
@media only screen and (max-width: 1229px ) { .product-listing .filter-and-sort.type-1 .__content-left { display: none; } .product-listing .filter-and-sort.type-1 .category-sorting { width: 100%; } .product-listing .filter-and-sort.type-1 .category-sorting p { display: block; float: left; margin-right: 0; } } 
@media (max-width: 500px) { .product-listing .filter-and-sort.type-1 .__content-left { margin-bottom: 20px; } .product-listing .filter-and-sort.type-1 .category-sorting p { width: 100%; } .product-listing .filter-and-sort.type-1 .category-sorting .select-wrapper { width: 100%; margin-bottom: 20px; float: left; } .product-listing .filter-and-sort.type-1 .category-sorting .select-wrapper .select-menu { width: 100%; max-width: none; } } .product-listing .filter-and-sort.type-2 .category-sorting p { display: block; float: left; margin-right: 0; } .product-listing .filter-and-sort.type-2 .category-sorting .select-wrapper { float: right; } 
@media (max-width: 500px) { .product-listing .filter-and-sort.type-2 .__content-left { margin-bottom: 20px; } .product-listing .filter-and-sort.type-2 .category-sorting p { width: 100%; } .product-listing .filter-and-sort.type-2 .category-sorting .select-wrapper { width: 100%; margin-bottom: 20px; float: left; } .product-listing .filter-and-sort.type-2 .category-sorting .select-wrapper .select-menu { width: 100%; max-width: none; } } .shop-sidebar-offcanvas { transition: all 0.3s ease-in-out; position: fixed; top: 0; left: 0; height: 100%; width: 340px; padding: 30px; z-index: 1031; -webkit-transform: translateX(-100%);   -ms-transform: translateX(-100%); transform: translateX(-100%); overflow: auto; } .shop-sidebar-offcanvas .shop-sidebar-toggle { position: absolute; right: 5px; top: 5px; cursor: pointer; line-height: 1; } .shop-sidebar-offcanvas .shop-sidebar-toggle i { font-size: 20px; } .shop-sidebar-offcanvas .shop-sidebar-toggle:hover { color: #1586b5; } .shop-sidebar-open .shop-sidebar-offcanvas { -webkit-transform: translateX(0);   -ms-transform: translateX(0); transform: translateX(0); } /* Shop Single */ .product-detail { padding-left: 15px; } .product-detail .__price { margin-bottom: 20px; } .product-detail .__price del { color: #AAAAAA; margin-right: 15px; } .product-detail .__rating { margin-bottom: 20px; } .product-detail .__rating .star-ratings { float: left; } .product-detail .__rating > p { margin-left: 11px; margin-bottom: 0; float: left; } .product-detail .__text { margin-bottom: 30px; } .product-detail .__option-1 { margin-bottom: 30px; } .product-detail .__option-1 .select-wrapper select { max-width: 370px; } .product-detail .__option-2 { margin-bottom: 10px; } .product-detail .__option-2 > div { float: left; margin-bottom: 20px; } .product-detail .__option-2 .__quantity { margin-right: 20px; } .product-detail .__option-2 .__button .btn { border-bottom: 0; line-height: 50px; padding: 0 20px; letter-spacing: 0.1em; } .product-detail .__option-2 .__button .btn i { font-size: 20px; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; } .product-detail .__option-2 .__button .btn i:before { display: inline-block; } .product-detail .__others { margin-bottom: 25px; } .product-detail .__others > p { font-family: "Montserrat", sans-serif; margin-bottom: 0; } .product-detail .__others > p > a { color: #1586b5; font-family: "Playfair Display", serif; font-style: italic; } .product-detail .__others > p > a:hover { color: #444444; } 
@media only screen and (max-width: 1229px ) { .product-detail { padding-left: 0; } } 
@media only screen and (max-width: 767px ) { .product-detail h3 { font-size: 20px; } } .product-thumbnail-slider .product-syn-slider-1 { margin-bottom: 15px; } .product-thumbnail-slider .product-syn-slider-1 .block-product-slider .__image img { cursor: pointer; display: block; width: 100%; } .construction-style .product-thumbnail-slider .product-syn-slider-1 .block-product-slider .__image img { border: 1px solid #EEEEEE; } .product-thumbnail-slider .product-syn-slider-2 { width: 100%; } .product-thumbnail-slider .product-syn-slider-2 .block-product-slider.synced .__image { box-shadow: 0 0 0 1px #DDDDDD; } .product-thumbnail-slider .product-syn-slider-2 .block-product-slider.synced .__image .overlay { opacity: 0; } .construction-style .product-thumbnail-slider .product-syn-slider-2 .block-product-slider.synced .__image { box-shadow: none; } .product-thumbnail-slider .product-syn-slider-2 .block-product-slider .__image { cursor: pointer; transition: all 0.3s ease-in-out; } .product-thumbnail-slider .product-syn-slider-2 .block-product-slider .__image img { display: block; width: 100%; } .construction-style .product-thumbnail-slider .product-syn-slider-2 .block-product-slider .__image img { border: 1px solid #EEEEEE; } 
@media only screen and (max-width: 1229px ) { .product-thumbnail-slider .product-syn-slider-2-wrapper { margin-left: -5px; margin-right: -5px; } .product-thumbnail-slider .product-syn-slider-2 .block-product-slider .__image { margin: 5px; } } 
@media only screen and (min-width: 1230px ) { .product-thumbnail-slider-wrapper:not(.fullwidth) { padding-right: 0; } .product-thumbnail-slider-wrapper:not(.fullwidth) .product-syn-slider-2-wrapper { margin-left: -5px; margin-right: -5px; } .product-thumbnail-slider-wrapper:not(.fullwidth) .product-syn-slider-2 .block-product-slider .__image { margin: 5px; } } 
@media only screen and (min-width: 1230px ) { .product-thumbnail-slider-wrapper.fullwidth { padding-right: 0; padding-left: 0; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider { width: 100%; position: relative; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:before, .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:after { content: " "; display: table; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:after { clear: both; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:before, .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:after { content: " "; display: table; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider:after { clear: both; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider .product-syn-slider-1-wrapper { width: 100%; padding-left: 130px; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider .product-syn-slider-1-wrapper .product-syn-slider-1 { margin-bottom: 0; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider .product-syn-slider-2-wrapper { position: absolute; width: 130px; height: 100%; top: 0; left: 0; padding-left: 15px; padding-right: 15px; overflow: hidden; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider .product-syn-slider-2-wrapper .product-syn-slider-2 { height: 100%; } .product-thumbnail-slider-wrapper.fullwidth .product-thumbnail-slider .product-syn-slider-2-wrapper .product-syn-slider-2 .block-product-slider { margin-bottom: 30px; } } .shop-single-relate { padding-top: 60px; padding-bottom: 30px; } .shop-single-relate h6.hr-heading { margin-bottom: 55px; } .shop-single-relate h6.hr-heading:after { margin-top: 18px; } .shop-single-relate h6.dot-heading { margin-bottom: 55px; } /* Cart */ .quantity-input { width: 74px; margin-left: auto; margin-right: auto; padding-right: 29px; position: relative; } .quantity-input input.number { width: 100%; padding-left: 0; padding-right: 0; text-align: center; margin-bottom: 0; } .quantity-input button { position: absolute; width: 29px; border: 1px solid #DDDDDD; border-left: 0; padding: 0; right: 0; background-color: #F7F7F7; display: block; font-size: 14px; } .quantity-input button:before { vertical-align: middle; } .quantity-input button:hover { background-color: #DDDDDD; } .quantity-input button.add { height: 26px; line-height: 24px; top: 0; } .quantity-input button.subract { height: 24px; line-height: 23px; border-top: 0; bottom: 0; } .shop-cart-list { width: 100%; } .shop-cart-list table thead { color: #444444; } .shop-cart-list table thead th { background-color: #F9F9F9; padding-top: 15px; padding-bottom: 15px; } .shop-cart-list table tbody .cart-item td.product-img { padding-top: 35px; padding-bottom: 35px; } .shop-cart-list table tbody .cart-item td.product-img > a { display: inline-block; } .shop-cart-list table tbody .cart-item td.product-img .image:after { opacity: 0; } .shop-cart-list table tbody .cart-item td.product-img .image:hover:after { opacity: 1; } .shop-cart-list table tbody .cart-item td.product-img .image img { width: 100%; } .shop-cart-list table tbody .cart-item td.product-remove > a { font-size: 8px; font-weight: 700; } .shop-cart-list table tbody .cart-item td.product-quantity input[type='number']::-webkit-inner-spin-button, .shop-cart-list table tbody .cart-item td.product-quantity input[type='number']::-webkit-outer-spin-button { opacity: 1; } .shop-cart-list table tbody .cart-item td.product-quantity input[type='number'] { width: 60px; padding: 0; text-align: center; font-family: "Montserrat", sans-serif; line-height: 2.2; border: 0; } .shop-cart-list table .product-img { text-align: left; padding-right: 5px; } .shop-cart-list table .product-name { text-align: left; padding-left: 5px; padding-right: 5px; } .shop-cart-list table .product-size { text-align: center; width: 50px; padding-left: 5px; padding-right: 5px; } .shop-cart-list table .product-price { text-align: center; padding-left: 5px; padding-right: 5px; } .shop-cart-list table .product-quantity { text-align: center; width: 100px; padding-left: 5px; padding-right: 5px; } .shop-cart-list table .product-total { text-align: center; padding-left: 5px; padding-right: 5px; } .shop-cart-list table .product-remove { text-align: center; width: 30px; padding-left: 5px; padding-right: 5px; } 
@media only screen and (min-width: 1020px ) { .shop-cart-list table { width: 100%; } .shop-cart-list table tbody .cart-item td.product-img { padding-top: 60px; padding-bottom: 60px; padding-right: 25px; } .shop-cart-list table .product-img { width: 145px; } .shop-cart-list table .product-price { width: 150px; } .shop-cart-list table .product-total { width: 150px; } } 
@media only screen and (max-width: 1019px ) { .shop-cart-list { overflow-x: auto; } .shop-cart-list table { width: 720px; } .shop-cart-list table tbody .cart-item td.product-img { padding-right: 10px; padding-left: 10px; } .shop-cart-list table .product-img { width: 80px; } .shop-cart-list table .product-price { width: 120px; } .shop-cart-list table .product-total { width: 120px; } } .shop-cart-coupon br { display: none; } .shop-cart-coupon input { max-width: 270px; width: 100%; margin-right: 30px; } .shop-cart-coupon .btn { border-bottom: 0; padding-right: 55px; padding-left: 55px; letter-spacing: 0.1em; } 
@media (max-width: 550px) { .shop-cart-coupon input { margin-right: 0px; margin-bottom: 30px; } .shop-cart-coupon br { display: block; } } .shop-cart-buttons { text-align: right; } .shop-cart-buttons br { display: none; } .shop-cart-buttons .btn { letter-spacing: 0.1em; } .shop-cart-buttons .btn:first-of-type { margin-right: 15px; } 
@media only screen and (min-width: 768px ) and (max-width: 1020px) { .shop-cart-buttons { text-align: left; } } 
@media only screen and (max-width: 767px ) { .shop-cart-buttons { text-align: center; } .shop-cart-buttons br { display: block; } .shop-cart-buttons .btn { max-width: 270px; padding-left: 15px; padding-right: 15px; width: 100%; } .shop-cart-buttons .btn:first-of-type { margin-right: 0px; margin-bottom: 30px; } } .shop-cart-shipping .btn { letter-spacing: 0.1em; } .shop-cart-total { font-family: "Montserrat", sans-serif; } .shop-cart-total .__sub-total, .shop-cart-total .__shipping, .shop-cart-total .__order-total { margin-bottom: 30px; } .shop-cart-total .__sub-total:before, .shop-cart-total .__shipping:before, .shop-cart-total .__order-total:before, .shop-cart-total .__sub-total:after, .shop-cart-total .__shipping:after, .shop-cart-total .__order-total:after { content: " "; display: table; } .shop-cart-total .__sub-total:after, .shop-cart-total .__shipping:after, .shop-cart-total .__order-total:after { clear: both; } .shop-cart-total .__sub-total:before, .shop-cart-total .__shipping:before, .shop-cart-total .__order-total:before, .shop-cart-total .__sub-total:after, .shop-cart-total .__shipping:after, .shop-cart-total .__order-total:after { content: " "; display: table; } .shop-cart-total .__sub-total:after, .shop-cart-total .__shipping:after, .shop-cart-total .__order-total:after { clear: both; } .shop-cart-total .__sub-total *, .shop-cart-total .__shipping *, .shop-cart-total .__order-total * { line-height: 1.2; } .shop-cart-total .__sub-total h6, .shop-cart-total .__shipping h6, .shop-cart-total .__order-total h6 { display: block; float: left; margin-bottom: 0; width: 55%; } .shop-cart-total .__sub-total > span, .shop-cart-total .__shipping > span, .shop-cart-total .__order-total > span { display: block; float: left; width: 45%; text-align: right; } .shop-cart-total .__total { padding-top: 15px; padding-bottom: 15px; } .shop-cart-total .__total:before, .shop-cart-total .__total:after { content: " "; display: table; } .shop-cart-total .__total:after { clear: both; } .shop-cart-total .__total:before, .shop-cart-total .__total:after { content: " "; display: table; } .shop-cart-total .__total:after { clear: both; } .shop-cart-total .__total * { line-height: 46px; } .shop-cart-total .__total h4 { display: block; float: left; margin-bottom: 0; width: 40%; } .shop-cart-total .__total span.price { display: block; float: left; width: 60%; text-align: right; font-size: 18px; } /* Checkout */ .checkout-login .__header, .checkout-coupon .__header { padding: 9px 20px; border: 1px solid #DDDDDD; background-color: #F9F9F9; letter-spacing: 0.05em; } .checkout-login .__header span, .checkout-coupon .__header span { margin-right: 5px; } .checkout-login .__header a, .checkout-coupon .__header a { color: #1586b5; } .checkout-login .__header a:hover, .checkout-coupon .__header a:hover { color: #444444; } .checkout-coupon .__content { padding-top: 35px; } .checkout-coupon .__content .__button .btn { max-width: 180px; } 
@media only screen and (min-width: 768px ) { .checkout-coupon .__content { margin-right: -15px; margin-left: -15px; } .checkout-coupon .__content > div { float: left; padding-left: 15px; padding-right: 15px; } .checkout-coupon .__content .__input { width: 75%; } .checkout-coupon .__content .__button { padding-left: 5px; width: 25%; } .checkout-coupon .__content .__button .btn { max-width: 180px; } } .checkout-login .__content { padding-top: 30px; } .checkout-login .__content p { margin-bottom: 55px; } .checkout-login .__content .__inputs span { display: block; } .checkout-login .__content .__button .btn { letter-spacing: 0.1em; } 
@media only screen and (min-width: 768px ) { .checkout-login .__content .__inputs { margin-right: -15px; margin-left: -15px; } .checkout-login .__content .__inputs span { width: 50%; padding-left: 15px; padding-right: 15px; float: left; } } 
@media only screen and (min-width: 1230px ) { .checkout-login .__content .__inputs { margin-right: 0px; padding-right: 5px; } } .checkout-customer_detail .__title { line-height: 30px; } .checkout-customer_detail .__inputs .__item { margin-left: -15px; margin-right: -15px; } .checkout-customer_detail .__inputs .__item:before, .checkout-customer_detail .__inputs .__item:after { content: " "; display: table; } .checkout-customer_detail .__inputs .__item:after { clear: both; } .checkout-customer_detail .__inputs .__item:before, .checkout-customer_detail .__inputs .__item:after { content: " "; display: table; } .checkout-customer_detail .__inputs .__item:after { clear: both; } .checkout-customer_detail .__inputs .__item > span { display: block; padding-left: 15px; padding-right: 15px; } .checkout-customer_detail .__inputs .__item.item-2-col > span { float: left; width: 50%; } .checkout-customer_detail .checkbox { font-size: 0; } .checkout-customer_detail .checkbox label { display: inline-block; cursor: pointer; } .checkout-customer_detail .checkbox label input[type="checkbox"] { display: none; } .checkout-customer_detail .checkbox label input[type="checkbox"] + span > i { transition: all 0.3s ease-in-out; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; border: 1px solid #DDDDDD; background-color: #FFFFFF; text-align: center; font-size: 8px; color: #FFFFFF; } .checkout-customer_detail .checkbox label input[type="checkbox"] + span > i:before { display: block; line-height: 12px; } .checkout-customer_detail .checkbox label input[type="checkbox"]:checked + span > i { color: #1586b5; } .checkout-customer_detail .checkbox label > span { font-size: 14px; position: relative; display: inline-block; padding-left: 20px; line-height: 30px; } .checkout-customer_detail .checkbox label > span:before, .checkout-customer_detail .checkbox label > span:after { content: " "; display: table; } .checkout-customer_detail .checkbox label > span:after { clear: both; } .checkout-customer_detail .checkbox label > span:before, .checkout-customer_detail .checkbox label > span:after { content: " "; display: table; } .checkout-customer_detail .checkbox label > span:after { clear: both; } .checkout-customer_detail .checkbox label > span i { float: left; } .checkout-customer_detail .checkbox label > span span { float: left; display: inline-block; } .checkout-customer_detail .__message textarea { height: 150px; } 
@media only screen and (min-width: 1230px ) { .checkout-customer_detail .__inputs .__item { margin-right: 0px; padding-right: 5px; } } 
@media only screen and (max-width: 767px ) { .checkout-customer_detail .__inputs .__item.item-2-col span { width: 100%; } } .checkout-form .shop-cart-total h4 { font-size: 14px; } .checkout-form .shop-cart-total .__sub-total h6, .checkout-form .shop-cart-total .__shipping h6, .checkout-form .shop-cart-total .__order-total h6 { font-size: 13px; } .checkout-form .shop-cart-total .__sub-total > span, .checkout-form .shop-cart-total .__shipping > span, .checkout-form .shop-cart-total .__order-total > span { font-size: 13px; } .checkout-form .shop-cart-total .__total { padding-top: 15px; padding-bottom: 15px; } .checkout-form .shop-cart-total .__total:before, .checkout-form .shop-cart-total .__total:after { content: " "; display: table; } .checkout-form .shop-cart-total .__total:after { clear: both; } .checkout-form .shop-cart-total .__total:before, .checkout-form .shop-cart-total .__total:after { content: " "; display: table; } .checkout-form .shop-cart-total .__total:after { clear: both; } .checkout-form .shop-cart-total .__total * { line-height: 46px; } .checkout-form .shop-cart-total .__total span.price { font-size: 14px; } .checkout-payment:before, .checkout-payment:after { content: " "; display: table; } .checkout-payment:after { clear: both; } .checkout-payment:before, .checkout-payment:after { content: " "; display: table; } .checkout-payment:after { clear: both; } .checkout-payment .__title { font-size: 0; } .checkout-payment .__title label { cursor: pointer; display: inline-block; } .checkout-payment .__title label input[type="radio"] { display: none; } .checkout-payment .__title label input[type="radio"] + span i.radio-button { transition: all 0.3s ease-in-out; display: inline-block; width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #FFFFFF; box-shadow: 0 0 0 1px #DDDDDD; background-color: #FFFFFF; } .checkout-payment .__title label input[type="radio"]:checked + span i.radio-button { background-color: #1586b5; } .checkout-payment .__title label > span { font-size: 14px; position: relative; display: inline-block; padding-left: 48px; line-height: 30px; } .checkout-payment .__title label > span:before, .checkout-payment .__title label > span:after { content: " "; display: table; } .checkout-payment .__title label > span:after { clear: both; } .checkout-payment .__title label > span:before, .checkout-payment .__title label > span:after { content: " "; display: table; } .checkout-payment .__title label > span:after { clear: both; } .checkout-payment .__title label > span i { float: left; } .checkout-payment .__title label > span span { float: left; font-family: "Montserrat", sans-serif; display: inline-block; } .checkout-payment > div { border: 1px solid #DDDDDD; } .checkout-payment > div:not(:first-of-type) { border-top: 0; } .checkout-payment .bank-transfer { padding: 20px 0; } .checkout-payment .bank-transfer .__title { margin-bottom: 10px; } .checkout-payment .bank-transfer .__content { padding-left: 48px; padding-right: 48px; } .checkout-payment .bank-transfer .__content p { letter-spacing: 0.05em; } .checkout-payment .cheque-payment { padding: 25px 0; } .checkout-payment .paypal { padding: 25px 0; } .checkout-payment .paypal .__title label > span span img { margin-left: 12px; } 
@media (max-width: 480px) { .checkout-payment .paypal .__title label > span span img { display: none; } } .checkout-form .__submit .btn { letter-spacing: 0.1em; width: 100%; max-width: 200px; } 
@media only screen and (max-width: 1019px ) { .checkout-form .__submit { text-align: center; } } /* Tab */ .tabs .tabs-nav { font-size: 0; border-bottom: 1px solid #DDDDDD; } .tabs .tabs-nav > ul { display: inline-block; } .tabs .tabs-nav > ul:before, .tabs .tabs-nav > ul:after { content: " "; display: table; } .tabs .tabs-nav > ul:after { clear: both; } .tabs .tabs-nav > ul:before, .tabs .tabs-nav > ul:after { content: " "; display: table; } .tabs .tabs-nav > ul:after { clear: both; } .tabs .tabs-nav > ul li { float: left; border: 1px solid #DDDDDD; margin-bottom: -1px; background-color: #FFFFFF; transition: all 0.3s ease-in-out; } .tabs .tabs-nav > ul li:before { transition: all 0.3s ease-in-out; content: ""; display: block; width: 100%; height: 1px; background-color: transparent; } .tabs .tabs-nav > ul li:not(:last-of-type) { margin-right: -1px; } .tabs .tabs-nav > ul li > a { display: inline-block; padding: 8px 20px; color: #444444; } .tabs .tabs-nav > ul li:not(.ui-tabs-active):hover { background-color: #F6F6F6; } .tabs .tabs-nav > ul li.ui-tabs-active { border-bottom-color: #FFFFFF; border-top-color: #1586b5; } .tabs .tabs-nav > ul li.ui-tabs-active:before { background-color: #1586b5; } .tabs .tabs-content { border: 1px solid #DDDDDD; border-top: 0; background-color: #FFFFFF; } .tabs.full .tabs-nav > ul li { background-color: #EEEEEE; } .tabs.full .tabs-nav > ul li > a { padding: 8px 25px; } .tabs.full .tabs-nav > ul li:not(.ui-tabs-active):hover { background-color: #FFFFFF; } .tabs.full .tabs-nav > ul li.ui-tabs-active { background-color: #FFFFFF; } .tabs.right .tabs-nav { text-align: right; } 
@media only screen and (max-width: 767px ) { .tabs .tabs-nav > ul { width: 100%; } .tabs .tabs-nav > ul li { text-align: center; float: none; display: block; } .tabs .tabs-nav > ul li:not(:last-of-type) { margin-right: 0; } } .product-detail-tabs .__item.__default { padding: 35px 40px; } .product-detail-tabs .__item.__default p { letter-spacing: 0.02em; } .product-detail-tabs .__item.__default p:last-of-type { margin-bottom: 0; } .product-detail-tabs .__item.__reviews .__head { padding-top: 30px; padding-right: 20px; padding-left: 20px; } .product-detail-tabs .__item.__reviews .__head p { float: left; line-height: 30px; margin-bottom: 0; } .product-detail-tabs .__item.__reviews .__head .star-ratings { float: right; } .product-detail-tabs .__item.__reviews .__head hr { float: left; width: 100%; margin-bottom: 0; } .product-detail-tabs .__item.__reviews .__body .__comment-list { padding: 0 20px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment { border-bottom: 1px solid #EEEEEE; padding: 20px 0 60px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-left { float: left; padding-right: 20px; padding-top: 10px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-left img { width: 100px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right { padding-left: 120px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info { margin-bottom: 15px; float: left; width: 100%; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info > span { display: block; float: left; font-family: "Montserrat", sans-serif; line-height: 30px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info .__divide { height: 30px; width: 1px; margin-right: 10px; margin-left: 10px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info .__divide span { display: block; height: 16px; margin-top: 7px; background-color: #DDDDDD; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info .star-ratings { float: right; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right p { float: left; margin-bottom: 0; } .product-detail-tabs .__item.__reviews .__body .__review-form { padding-top: 40px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } .product-detail-tabs .__item.__reviews .__body .__review-form h6 { margin-bottom: 35px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs { margin-right: -15px; margin-left: -15px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:before, .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:after { content: " "; display: table; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:after { clear: both; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:before, .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:after { content: " "; display: table; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs:after { clear: both; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs span { display: block; width: 100%; padding-right: 15px; padding-left: 15px; } .product-detail-tabs .__item.__reviews .__body .__review-form .___message textarea { height: 150px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__rating { float: left; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__rating span { float: left; line-height: 30px; margin-right: 20px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__rating i { float: left; display: block; font-size: 18px; color: #888888; } .product-detail-tabs .__item.__reviews .__body .__review-form .__rating i:before { line-height: 30px; display: block; } .product-detail-tabs .__item.__reviews .__body .__review-form .__button { float: right; } .product-detail-tabs .__item.__reviews .__body .__review-form .__button .btn { padding-top: 17px; line-height: 16px; } 
@media only screen and (min-width: 768px ) { .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs span { float: left; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs span:not(:last-of-type) { width: 50%; } } 
@media only screen and (min-width: 1020px ) { .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs span { width: 33.33333333%; } .product-detail-tabs .__item.__reviews .__body .__review-form .__inputs span:not(:last-of-type) { width: 33.33333333%; } } 
@media only screen and (max-width: 767px ) { .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment { padding: 30px 0; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-left { padding-right: 0px; padding-top: 5px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-left img { width: 80px; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right { padding-left: 0; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info { padding-left: 100px; float: none; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info > span { width: 100%; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info .__divide { display: none; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right .__info .star-ratings { float: left; width: 100%; } .product-detail-tabs .__item.__reviews .__body .__comment-list .__comment .__content-right p { float: none; } } 
@media (max-width: 480px) { .product-detail-tabs .__item.__default { padding: 35px 15px; } .product-detail-tabs .__item.__reviews .__head .star-ratings { float: left; } .product-detail-tabs .__item.__reviews .__body .__review-form { padding-left: 15px; padding-right: 15px; } .product-detail-tabs .__item.__reviews .__body .__review-form .__rating { width: 100%; } .product-detail-tabs .__item.__reviews .__body .__review-form .__button { width: 100%; text-align: center; } } /* Table */ table { text-align: center; width: 100%; min-width: 100%; } table thead { background-color: #222222; color: #FFFFFF; font-family: "Montserrat", sans-serif; font-weight: 400; } table.table-primary thead { background: #1586b5; } table.table-secondary thead { background: #1586b5; } table.table-success thead { background: #468C00; } table.table-info thead { background: #3ED0A1; } table.table-warning thead { background: #FF7F00; } table.table-danger thead { background: #FF5533; } table.table-gray-base thead { background: #000000; } table.table-gray-darkest thead { background: #111111; } table.table-gray-darker thead { background: #222222; } table.table-gray-dark thead { background: #444444; } table.table-gray thead { background: #666666; } table.table-gray-light thead { background: #888888; } table.table-gray-lighter thead { background: #EEEEEE; } table.table-gray-lightest thead { background: #F9F9F9; } table.table-gray-border thead { background: #DDDDDD; } table.table-light thead { background: #FFFFFF; } table th { border: 1px solid #EEEEEE; padding: 12px 20px; } table td { border: 1px solid #EEEEEE; padding: 10px 20px; } table.table-vertical tr > td:first-child { font-family: "Montserrat", sans-serif; } table.table-vertical th, table.table-vertical td { border: 0; border-bottom: 1px solid #EEEEEE; } table.table-striped tr:nth-child(2n) { background-color: #EEEEEE; } /* Team */ .team .block-team .__image { margin-bottom: 32px; } .team .block-team .__image > div { overflow: hidden; } .team .block-team .__image img { width: 100%; -webkit-transform: scale(1);   -ms-transform: scale(1); transform: scale(1); transition: all 0.3s ease-in-out; } .team .block-team .__info { text-align: center; } .team .block-team .__info .__name { margin-bottom: 5px; } .team .block-team .__info .__role { margin-bottom: 10px; } .team .block-team:hover .__image img { -webkit-transform: scale(1.08);   -ms-transform: scale(1.08); transform: scale(1.08); } 
@media only screen and (min-width: 768px ) { .team.team-horizontal .block-team { margin-right: -15px; margin-left: -15px; } .team.team-horizontal .block-team:before, .team.team-horizontal .block-team:after { content: " "; display: table; } .team.team-horizontal .block-team:after { clear: both; } .team.team-horizontal .block-team:before, .team.team-horizontal .block-team:after { content: " "; display: table; } .team.team-horizontal .block-team:after { clear: both; } .team.team-horizontal .block-team > div { width: 50%; float: left; padding-left: 15px; padding-right: 15px; } .team.team-horizontal .block-team .__image { margin-bottom: 0px; } .team.team-horizontal .block-team .__image img { width: 100%; } .team.team-horizontal .block-team .__info { text-align: left; } .team.team-horizontal .block-team .__info .__name { margin-bottom: 5px; } .team.team-horizontal .block-team .__info .__role { margin-bottom: 10px; } } .block-team-2 { margin-left: auto; margin-right: auto; max-width: 400px; } .block-team-2 .__image { position: relative; margin-bottom: 22px; } .block-team-2 .__image img { width: 100%; transition: all 0.3s ease-in-out; opacity: 1; } .block-team-2 .__image .social { transition: all 0.3s ease-in-out; opacity: 0; -webkit-transform: translateX(-40px);   -ms-transform: translateX(-40px); transform: translateX(-40px); position: absolute; width: 30px; left: 0; bottom: 20px; } .block-team-2 .__image .social li { margin: 10px 0; } .block-team-2 .__image:hover img { opacity: 0.6; } .block-team-2 .__image:hover .social { opacity: 1; -webkit-transform: translateX(0px);   -ms-transform: translateX(0px); transform: translateX(0px); } .block-team-2 .__block { text-align: center; } .block-team-2 .__block .__name { font-family: "Montserrat", sans-serif; font-size: 18px; } .block-team-2 .__block .__role { font-family: "Playfair Display", serif; font-style: italic; font-size: 14px; } /* Testimonial */ .block-testimonial .__content p { letter-spacing: 0.8px; margin-bottom: 35px; } .block-testimonial .__content h6 { margin-bottom: 15px; } .block-testimonial-wrapper .slick-arrow { top: 20px; -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 
@media only screen and (max-width: 1019px ) { .block-testimonial-wrapper .slick-arrow { opacity: 0; } .block-testimonial-wrapper:hover .slick-arrow { opacity: 1; } } .block-testimonial-2 .__content p { letter-spacing: 0.8px; margin-bottom: 25px; } .block-testimonial-2 .__content i { font-size: 20px; width: 50px; height: 50px; border-radius: 50%; background-color: #888888; color: #FFFFFF; margin-bottom: 25px; } .block-testimonial-2 .__content i:before { line-height: 50px; position: relative; top: 2px; } .block-testimonial-2 .__content h6 { margin-bottom: 15px; } .block-testimonial-2-wrapper { padding-bottom: 40px; } .block-testimonial-2-wrapper .slick-dots li button { width: 8px; height: 8px; background-color: transparent; border: 1px solid #DDDDDD; } .block-testimonial-2-wrapper .slick-dots li.slick-active button, .block-testimonial-2-wrapper .slick-dots li button:hover { background-color: #888888; border-color: #888888; } .block-testimonial-3 .__content .__image { margin-left: auto; margin-right: auto; margin-bottom: 25px; overflow: hidden; width: 90px; height: 90px; border-radius: 50%; } .block-testimonial-3 .__content .__image img { width: 100%; } .block-testimonial-3 .__content p { letter-spacing: 0.05em; margin-bottom: 25px; } .block-testimonial-3 .__content h6 { margin-bottom: 15px; } .block-testimonial-3-wrapper { padding-bottom: 40px; } .block-testimonial-3-wrapper .slick-dots li button { width: 8px; height: 8px; background-color: #EEEEEE; border: 0; } .block-testimonial-3-wrapper .slick-dots li.slick-active button, .block-testimonial-3-wrapper .slick-dots li button:hover { background-color: #888888; } .block-testimonial-4 .__content i { font-size: 28px; color: #DDDDDD; margin-bottom: 30px; } .block-testimonial-4 .__content p { letter-spacing: 0.05em; margin-bottom: 25px; } .block-testimonial-4 .__content .__image { margin-left: auto; margin-right: auto; margin-bottom: 25px; overflow: hidden; width: 90px; height: 90px; border-radius: 50%; } .block-testimonial-4 .__content .__image img { width: 100%; } .block-testimonial-4 .__content h6 { margin-bottom: 15px; } .block-testimonial-5 .__content .__logo { margin-bottom: 35px; } .block-testimonial-5 .__content .star-ratings { margin-bottom: 25px; } .block-testimonial-5 .__content p { letter-spacing: 0.05em; } .block-testimonial-5-wrapper { padding-bottom: 36px; } .block-testimonial-5-wrapper .slick-dots { font-size: 0; bottom: 28px; } .block-testimonial-5-wrapper .slick-dots li button { width: 8px; height: 8px; border: 0; background-color: rgba(255, 255, 255, 0.3); } .block-testimonial-5-wrapper .slick-dots li.slick-active button, .block-testimonial-5-wrapper .slick-dots li button:hover { background-color: #FFFFFF; } .testimonial { background-size: cover; background-repeat: no-repeat; } .testimonial .__button .btn, .testimonial .__button .btn-border { max-width: 180px; letter-spacing: 2px; } .testimonial .__button .btn { margin-right: 30px; } .testimonial.style-1 { padding-top: 110px; padding-bottom: 420px; background-position: center bottom; } .testimonial.style-1 .block-testimonial-wrapper .slick-arrow { color: #AAAAAA; } .testimonial.style-1 .block-testimonial-wrapper .slick-arrow:before { text-shadow: none; } .testimonial.style-2 { padding-top: 130px; padding-bottom: 400px; background-position: center top; } .testimonial.style-3 { padding-top: 140px; padding-bottom: 180px; } 
@media only screen and (min-width: 1020px ) { .testimonial .block-testimonial-wrapper { max-width: 770px; margin-left: auto; margin-right: auto; width: 100%; } .testimonial .block-testimonial-wrapper .slick-prev { left: -100px; } .testimonial .block-testimonial-wrapper .slick-next { right: -100px; } } 
@media only screen and (max-width: 767px ) { .testimonial .__button .btn { margin-right: 0; margin-bottom: 30px; } } /* Share Module */ .group-share-module-1:before, .group-share-module-2:before, .group-share-module-3:before, .group-share-module-1:after, .group-share-module-2:after, .group-share-module-3:after { content: " "; display: table; } .group-share-module-1:after, .group-share-module-2:after, .group-share-module-3:after { clear: both; } .group-share-module-1:before, .group-share-module-2:before, .group-share-module-3:before, .group-share-module-1:after, .group-share-module-2:after, .group-share-module-3:after { content: " "; display: table; } .group-share-module-1:after, .group-share-module-2:after, .group-share-module-3:after { clear: both; } .group-share-module-1 > div, .group-share-module-2 > div, .group-share-module-3 > div { text-align: center; font-family: "Montserrat", sans-serif; font-size: 13px; max-width: 400px; margin-left: auto; margin-right: auto; } 
@media (min-width: 900px) { .group-share-module-1.__5-modules > div, .group-share-module-2.__5-modules > div, .group-share-module-3.__5-modules > div { float: left; width: 20%; } } .group-share-module-1 > div { border: 1px solid #DDDDDD; height: 60px; line-height: 58px; } .group-share-module-1 > div span { display: block; height: 100%; width: 100%; } .group-share-module-1 > div.module-facebook > a:hover, .group-share-module-1 > div.module-facebook > a:focus { color: #3C599F; } .group-share-module-1 > div.module-twitter > a:hover, .group-share-module-1 > div.module-twitter > a:focus { color: #32CCFE; } .group-share-module-1 > div.module-google-plus > a:hover, .group-share-module-1 > div.module-google-plus > a:focus { color: #DD4C39; } .group-share-module-1 > div.module-linkedin > a:hover, .group-share-module-1 > div.module-linkedin > a:focus { color: #0085AE; } .group-share-module-1 > div.module-pinterest > a:hover, .group-share-module-1 > div.module-pinterest > a:focus { color: #E1003A; } .group-share-module-1.size-large > div { height: 90px; line-height: 88px; } 
@media (min-width: 900px) { .group-share-module-1 > div:not(:last-of-type) { border-right: 0; } } .group-share-module-2 > div { border: 1px solid #DDDDDD; height: 60px; line-height: 58px; overflow: hidden; transition: all 0.3s ease-in-out; } .group-share-module-2 > div span { transition: all 0.3s ease-in-out; display: block; height: 100%; width: 100%; } .group-share-module-2 > div .__icon { font-size: 24px; -webkit-transform: translateY(-59px);   -ms-transform: translateY(-59px); transform: translateY(-59px); background-color: #1586b5; color: #FFFFFF; } .group-share-module-2 > div .__name { -webkit-transform: translateY(-58px);   -ms-transform: translateY(-58px); transform: translateY(-58px); color: #444444; background-color: #FFFFFF; } .group-share-module-2 > div:hover { border-color: #1586b5; } .group-share-module-2 > div:hover span { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } .group-share-module-2.size-large > div { height: 70px; line-height: 68px; } .group-share-module-2.size-large > div .__icon { -webkit-transform: translateY(-69px);   -ms-transform: translateY(-69px); transform: translateY(-69px); } .group-share-module-2.size-large > div .__name { -webkit-transform: translateY(-68px);   -ms-transform: translateY(-68px); transform: translateY(-68px); } .group-share-module-2.size-large > div:hover span { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } 
@media (min-width: 900px) { .group-share-module-2 > div:not(:last-of-type) { border-right: 0; } .group-share-module-2 > div:hover + div { border-left-color: #1586b5; } } .group-share-module-3 > div { height: 60px; line-height: 60px; overflow: hidden; transition: all 0.3s ease-in-out; } .group-share-module-3 > div > a { color: #FFFFFF; } .group-share-module-3 > div span { transition: all 0.3s ease-in-out; display: block; height: 100%; width: 100%; } .group-share-module-3 > div .__icon { font-size: 24px; -webkit-transform: translateY(-60px);   -ms-transform: translateY(-60px); transform: translateY(-60px); } .group-share-module-3 > div .__name { -webkit-transform: translateY(-60px);   -ms-transform: translateY(-60px); transform: translateY(-60px); } .group-share-module-3 > div:hover span { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } .group-share-module-3 > div.module-facebook { background-color: #3C599F; } .group-share-module-3 > div.module-facebook:hover { background-color: #354f8c; } .group-share-module-3 > div.module-twitter { background-color: #32CCFE; } .group-share-module-3 > div.module-twitter:hover { background-color: #19c6fe; } .group-share-module-3 > div.module-google-plus { background-color: #DD4C39; } .group-share-module-3 > div.module-google-plus:hover { background-color: #d73a25; } .group-share-module-3 > div.module-linkedin { background-color: #0085AE; } .group-share-module-3 > div.module-linkedin:hover { background-color: #007295; } .group-share-module-3 > div.module-pinterest { background-color: #E1003A; } .group-share-module-3 > div.module-pinterest:hover { background-color: #c80033; } .group-share-module-3.size-large > div { height: 70px; line-height: 70px; } .group-share-module-3.size-large > div .__icon { -webkit-transform: translateY(-70px);   -ms-transform: translateY(-70px); transform: translateY(-70px); } .group-share-module-3.size-large > div .__name { -webkit-transform: translateY(-70px);   -ms-transform: translateY(-70px); transform: translateY(-70px); } .group-share-module-3.size-large > div:hover span { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } /* Widget */ .widget { margin-bottom: 40px; } .widget:before, .widget:after { content: " "; display: table; } .widget:after { clear: both; } .widget:before, .widget:after { content: " "; display: table; } .widget:after { clear: both; } .__widget-title:before, .dot-heading:before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background-color: #1586b5; } .__widget-title { margin-bottom: 35px; } .widget-categories .__widget-content { font-family: "Montserrat", sans-serif; font-size: 12px; padding-left: 10px; } .widget-categories .__widget-content li { border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; } .widget-tag .__widget-content { margin-right: -6px; } .widget-gallery .__widget-content { margin-right: -5px; } .widget-gallery .__widget-content li { display: block; width: 33.33%; float: left; padding: 0 5px 5px 0; margin: 0; } .widget-gallery .__widget-content a { cursor: -webkit-zoom-in; cursor: zoom-in; } .widget-gallery .__widget-content img { width: 100%; } .widget-social .__widget-content ul.social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;   -ms-flex-pack: justify; justify-content: space-between; } .widget-social .__widget-content ul.social li { display: block; float: left; margin: 0; } .widget-twitter .twiter-item { position: relative; } .widget-twitter .twiter-item:not(:last-child) { margin-bottom: 25px; } .widget-twitter .twiter-item .__icon { position: relative; float: left; display: block; width: 25px; top: 10px; } .widget-twitter .twiter-item .__content { overflow: hidden; } .widget-price-filter .price-filter > h5 { margin-bottom: 40px; } .widget-price-filter .price-filter .price-slider-range { background-color: #EEEEEE; height: 10px; position: relative; width: 100%; margin-bottom: 30px; } .widget-price-filter .price-filter .price-slider-range .ui-widget-header { background-color: #EEEEEE; height: 10px; position: absolute; top: 0; width: 50%; } .widget-price-filter .price-filter .price-slider-range span { content: ""; cursor: pointer; display: block; height: 10px; outline: none; position: absolute; top: 0; width: 10px; background-color: #1586b5; } .construction-style .widget-price-filter .price-filter .price-slider-range span { background-color: #1586b5; } .widget-price-filter .price-filter .price-filter-detail { width: 100%; } .widget-price-filter .price-filter .price-filter-detail:before, .widget-price-filter .price-filter .price-filter-detail:after { content: " "; display: table; } .widget-price-filter .price-filter .price-filter-detail:after { clear: both; } .widget-price-filter .price-filter .price-filter-detail:before, .widget-price-filter .price-filter .price-filter-detail:after { content: " "; display: table; } .widget-price-filter .price-filter .price-filter-detail:after { clear: both; } .widget-price-filter .price-filter .price-filter-detail .price { font-family: "Montserrat", sans-serif; line-height: 35px; font-size: 13px; } .widget-product .__widget-content .block-shop-product-small:not(:last-of-type) { margin-bottom: 20px; } .widget-recent-post .rpost { margin-bottom: 15px; } .widget-recent-post .rpost .__img { display: block; width: 76px; margin-right: 13px; float: left; } .widget-recent-post .rpost .__img img { width: 100%; } .widget-recent-post .rpost .__content { overflow: hidden; } .widget-recent-post .rpost .__title { margin-top: -0.57142857em; font-family: "Montserrat", sans-serif; font-size: 13px; } .widget-recent-post .rpost .__date { font-size: 13px; } .widget-recent-post .rpost:not(:last-child) { border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; } /* Landing Page */ .group-homepage-item { text-align: center; padding-left: 15px; padding-right: 15px; } .block-homepage-item { margin-bottom: 30px; display: inline-block; max-width: 460px; width: 100%; padding-left: 15px; padding-right: 15px; } .block-homepage-item:before, .block-homepage-item:after { content: " "; display: table; } .block-homepage-item:after { clear: both; } .block-homepage-item:before, .block-homepage-item:after { content: " "; display: table; } .block-homepage-item:after { clear: both; } .block-homepage-item .__image { width: 100%; height: 0; padding-top: 88%; overflow: hidden; float: left; margin-bottom: 40px; border: 1px solid #EEEEEE; } .block-homepage-item .__image img { transition: all 0.7s ease-in-out; position: absolute; width: 100%; left: 0; top: 0; } .block-homepage-item .__image .__view-more { -webkit-transform: translateY(60px);   -ms-transform: translateY(60px); transform: translateY(60px); } .block-homepage-item .__image:hover img { -webkit-transform: translateY(-20px);   -ms-transform: translateY(-20px); transform: translateY(-20px); } .block-homepage-item .__image:hover .__view-more { -webkit-transform: translateY(0);   -ms-transform: translateY(0); transform: translateY(0); } .choose-layout-style { margin-bottom: 40px; } .choose-layout-style .__layout { position: relative; padding-left: 15px; padding-right: 15px; margin-bottom: 60px; float: left; } .choose-layout-style .__layout img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 40px; } 
@media only screen and (min-width: 1020px ) { .choose-layout-style .__layout { width: 20%; } } 
@media only screen and (max-width: 1019px ) { .choose-layout-style .__layout { display: inline-block; float: none; } } /* Hot Fix Shortcode Page */ /* Hot fix shortcode page layout */ /* Shortcode button list */ .shortcode-parallax-1 { padding-top: 175px; padding-bottom: 180px; } 
@media only screen and (max-width: 767px ) { .shortcode-parallax-1 { padding-top: 125px; padding-bottom: 130px; } } .shortcode-parallax-2 { padding-top: 130px; padding-bottom: 100px; } /* Hot Fix Page */ .underconstruction-container { padding-bottom: 40px; } .underconstruction-container .__icon { font-size: 60px; color: #1586b5; } .underconstruction-container .__title { font-size: 40px; } .underconstruction-container .__caption { font-size: 24px; margin-bottom: 35px; } .about-skill-container { max-width: 700px; padding: 100px 60px 80px; } 
@media only screen and (max-width: 1229px ) { .about-skill-container { float: none; display: block; margin-left: auto; margin-right: auto; } } .os-device-friendly { position: relative; } 
@media only screen and (min-width: 1230px ) { .os-device-friendly .__content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } } .os-device-friendly h2 { line-height: 1.6; } 
@media (min-width: 1530px) { .homepage-leftmenu { padding-left: 300px; } .homepage-leftmenu .mobile-nav { transition: -webkit-transform 0s; transition: transform 0s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .homepage-leftmenu .mobile-nav .megatron { display: block; margin-left: auto; margin-right: auto; width: 190px; } .homepage-leftmenu .mobile-nav-toggle { display: none; } .homepage-leftmenu .left-menu-top-nav { display: none!important; } } .underconstruction-section .cell-vertical-wrapper { min-height: calc(100vh - 173px); padding: 60px 0; }