File: /home/sreyam/public_html/css/helper.css
/**
***************************************************************
* AUTHOR : CKavArt
* PROJECT : Orbix - HTML Responsive Multi-Purpose Template
* Purchase : https://themeforest.net/user/c-kav
*
* Copyright 2015-2016 CKavArt
* NOTE : This file licensed to CKavArt - https://themeforest.net/user/c-kav and it is strictly prohibited to copy or reuse it.
***************************************************************
*/
/**
*****************************************************************
* This file is licensed to CKavArt.
* It's not allowed to copy or reuse it Copyright CKavArt 2017-2018
* CKavArt : http://ckavart.com/
*****************************************************************
*/
/**
TABLE OF CONTENTS
********************************************
- COMMON
- Z-INDEX
- OPACITY
- SHADOW
- CLEARING
- ICON BLOCKS
- BUTTONS
- COMMON TYPOGRAPHY
- LIST CLASSES
- TAG TEXT
- TEXT TRANSFORM
- FONTS SIZES
- LINE HEIGHT
- FONT WEIGHT
- FONT FAMILY
- FORM CONTROLS
- ALIGNMENT
- RADIUS
- BORDER
- PADDING
- MARGIN
- SQUARE
- WIDTH
- HEIGHT
- OTHER UTILITIES
- ANIMATION
- MOBILE & TABLET COMMON
- TABLET
********************************************/
/* CORE VARIABLE AND MIXINS
------------------------------------*/
/* ALL BASE COLOR
------------------------------------*/
/* TYPOGRAPHY
------------------------------------*/
.v-align {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.c-align {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
/*.mr-mixin (@a, @i) when (@a = all) { .mr-@{i} { margin: unit(@i, px);} }
.mr-mixin (@a, @i) when (@a = top) { .mr-t-@{i} { margin-top: unit(@i, px); } }
.mr-mixin (@a, @i) when (@a = right) { .mr-r-@{i}, .info-obj.img-r.g@{i} .info { margin-right: unit(@i, px); } }
.mr-mixin (@a, @i) when (@a = bottom) { .mr-b-@{i}, .info-obj.img-t.g@{i} .img { margin-bottom: unit(@i, px); } }
.mr-mixin (@a, @i) when (@a = left) { .mr-l-@{i}, .info-obj.img-l.g@{i} .info { margin-left: unit(@i, px); } }
.mr-mixin (@a, @i) when (@a = tb) { .mr-tb-@{i} { margin-top: unit(@i, px); margin-bottom: unit(@i, px); } }
.mr-mixin (@a, @i) when (@a = lr) { .mr-lr-@{i} { margin-left: unit(@i, px); margin-right: unit(@i, px); } }*/
/*.pd-mixin (@a, @i) when (@a = all) { .pd-@{i} { padding: unit(@i, px);} }
.pd-mixin (@a, @i) when (@a = top) { .pd-t-@{i} { padding-top: unit(@i, px); } }
.pd-mixin (@a, @i) when (@a = right) { .pd-r-@{i} { padding-right: unit(@i, px); } }
.pd-mixin (@a, @i) when (@a = bottom) { .pd-b-@{i} { padding-bottom: unit(@i, px); } }
.pd-mixin (@a, @i) when (@a = left) { .pd-l-@{i} { padding-left: unit(@i, px); } }
.pd-mixin (@a, @i) when (@a = tb) { .pd-tb-@{i} { padding-top: unit(@i, px); padding-bottom: unit(@i, px); } }
.pd-mixin (@a, @i) when (@a = lr) { .pd-lr-@{i} { padding-left: unit(@i, px); padding-right: unit(@i, px); } }*/
/*.wh-mixin (@a, @i) when (@a = wpx) { .px-w@{i} { width: unit(@i, px); } }
.wh-mixin (@a, @i) when (@a = wmin-px) { .min-px-w@{i} { min-width: unit(@i, px); } }*/
/*.wh-mixin (@a, @i) when (@a = hpx) { .px-h@{i} { height: unit(@i, px); } }
.wh-mixin (@a, @i) when (@a = hmin-px) { .min-px-h@{i} { min-height: unit(@i, px); } }*/
/* CORE VARIABLES AND MIXINS
------------------------------------*/
*,
*:before,
*:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
body {
margin: 0;
}
svg {
max-height: 100%;
}
body {
font-family: "Open Sans", sans-serif;
color: #888888;
line-height: 1.5;
font-size: 14px;
}
[data-pageloader="y"] #page {
opacity: 0;
}
.b-lazy {
-webkit-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
max-width: 100%;
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
/* COMMONS
------------------------------------*/
a,
a:hover,
a:focus {
color: inherit;
text-decoration: none;
outline: 0;
}
a.op1:hover,
a.op1:focus {
opacity: 1 !important;
}
a:not([class*="btn"]):hover,
a:not([class*="btn"]):focus {
opacity: 0.7;
}
footer,
section,
.section {
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
position: relative;
}
.container {
position: relative;
z-index: 999;
}
.container.small {
width: 960px;
}
hr {
height: 0;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 20px 0;
}
.light hr,
hr.light {
border-color: rgba(255, 255, 255, 0.15);
}
p {
margin-bottom: 20px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
[data-parallax-img] {
overflow: hidden;
}
.el-parallax {
top: 0px;
}
/* FULL SIZE
********************************************/
.full-wh {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 100%;
}
.full-vh {
position: absolute;
left: 0px;
right: 0px;
height: 110vh;
top: 50%;
margin-top: -55vh;
}
.full-vh.vh120 {
margin-top: -60vh;
}
.full-vh.vh130 {
margin-top: -65vh;
}
.full-vh.vh140 {
margin-top: -70vh;
}
.full-vh.vh150 {
margin-top: -75vh;
}
.full-vh.vh160 {
margin-top: -80vh;
}
.full-vh.vh170 {
margin-top: -85vh;
}
.full-vh.vh180 {
margin-top: -90vh;
}
.full-vh.vh190 {
margin-top: -95vh;
}
.full-vh.vh200 {
margin-top: -100vh;
}
/* POSITION AND BORDER NONW
------------------------------------*/
section.no-border,
.section.no-border,
.no-border {
border: none;
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
/* LEFT POSITION
------------------------------------*/
.l-inherit {
left: inherit;
}
.l0 {
left: 0px;
}
.l2 {
left: 2px;
}
.l4 {
left: 4px;
}
.l6 {
left: 6px;
}
.l8 {
left: 8px;
}
.l10 {
left: 10px;
}
.l15 {
left: 15px;
}
.l20 {
left: 20px;
}
.l25 {
left: 25px;
}
.l30 {
left: 30px;
}
.l35 {
left: 35px;
}
.l40 {
left: 40px;
}
.l45 {
left: 45px;
}
.l50 {
left: 50px;
}
/* RIGHT POSITIONS
------------------------------------*/
.r-inherit {
right: inherit;
}
.r0 {
right: 0px;
}
.r2 {
right: 2px;
}
.r4 {
right: 4px;
}
.r6 {
right: 6px;
}
.r8 {
right: 8px;
}
.r10 {
right: 10px;
}
.r15 {
right: 15px;
}
.r20 {
right: 20px;
}
.r25 {
right: 25px;
}
.r30 {
right: 30px;
}
.r35 {
right: 35px;
}
.r40 {
right: 40px;
}
.r45 {
right: 45px;
}
.r50 {
right: 50px;
}
/* BOTTOM POSITION
------------------------------------*/
.-b1 {
bottom: -1px;
}
.b-inherit {
bottom: inherit;
}
.b0 {
bottom: 0px;
}
.b2 {
bottom: 2px;
}
.b4 {
bottom: 4px;
}
.b6 {
bottom: 6px;
}
.b8 {
bottom: 8px;
}
.b10 {
bottom: 10px;
}
.b15 {
bottom: 15px;
}
.b20 {
bottom: 20px;
}
.b25 {
bottom: 25px;
}
.b30 {
bottom: 30px;
}
.b35 {
bottom: 35px;
}
.b40 {
bottom: 40px;
}
.b45 {
bottom: 45px;
}
.b50 {
bottom: 50px;
}
/* TOP POSITIONS
------------------------------------*/
.t-inherit {
top: inherit;
}
.t0 {
top: 0px;
}
.t2 {
top: 2px;
}
.t4 {
top: 4px;
}
.t6 {
top: 6px;
}
.t8 {
top: 8px;
}
.t10 {
top: 10px;
}
.t15 {
top: 15px;
}
.t20 {
top: 20px;
}
.t25 {
top: 25px;
}
.t30 {
top: 30px;
}
.t35 {
top: 35px;
}
.t40 {
top: 40px;
}
.t45 {
top: 45px;
}
.t50 {
top: 50px;
}
.t-pr10 {
top: 10%;
}
.t-pr20 {
top: 20%;
}
.t-pr30 {
top: 30%;
}
.t-pr40 {
top: 40%;
}
.t-pr50 {
top: 50%;
}
.t-auto {
top: auto;
}
.b-auto {
bottom: auto;
}
.l-auto {
left: auto;
}
.r-auto {
right: auto;
}
.google-map-markers,
.list-reset {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.content-img figcaption {
display: block;
padding: 10px 0 0 0;
}
/* Z-INDEX
------------------------------------*/
.z-2 {
z-index: -2;
}
.z-1 {
z-index: -1;
}
.z0 {
z-index: 0;
}
.z1 {
z-index: 1;
}
.z2 {
z-index: 200;
}
.z3 {
z-index: 300;
}
.z4 {
z-index: 400;
}
.z5 {
z-index: 500;
}
.z6 {
z-index: 600;
}
.z7 {
z-index: 700;
}
.z8 {
z-index: 800;
}
.z9 {
z-index: 900;
}
.z10 {
z-index: 1000;
}
/* OPACITY
------------------------------------*/
.op-0 {
opacity: 0;
}
.op-001 {
opacity: 0.01;
}
.op-002 {
opacity: 0.02;
}
.op-003 {
opacity: 0.03;
}
.op-004 {
opacity: 0.04;
}
.op-005 {
opacity: 0.05;
}
.op-006 {
opacity: 0.06;
}
.op-007 {
opacity: 0.07;
}
.op-008 {
opacity: 0.08;
}
.op-009 {
opacity: 0.09;
}
.op-01 {
opacity: 0.1;
}
.op-02,
[data-hover-class*="op-02"]:hover {
opacity: 0.2;
}
.op-03 {
opacity: 0.3;
}
.op-04 {
opacity: 0.4;
}
.op-05 {
opacity: 0.5;
}
.op-06 {
opacity: 0.6;
}
.op-07 {
opacity: 0.7;
}
.op-08 {
opacity: 0.8;
}
.op-09 {
opacity: 0.9;
}
[data-animate-in]:not(.animated) {
opacity: 0;
}
/* SHADOW
------------------------------------*/
.shadow-xlarge,
.hov-shadow-xlarge:hover {
-webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
}
.shadow-large,
.hov-shadow-large:hover {
-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15);
}
.shadow-medium,
.hov-shadow-medium:hover {
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
.shadow-small,
.hov-shadow-small:hover {
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}
.shadow-mini,
.hov-shadow-mini:hover {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}
.shadow-tiny,
.hov-shadow-tiny:hover {
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
.shadow-micro,
.hov-shadow-micro:hover {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
/* CLEAR
------------------------------------*/
.nav-header:before,
.nav-header:after,
.nav-links:before,
.nav-links:after {
content: '';
display: table;
clear: both;
}
/* ICON BLOCKS
------------------------------------*/
.iconwrp {
margin-left: auto;
margin-right: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.iconwrp.l {
margin-left: 0;
}
.iconwrp.r {
margin-right: 0;
}
.iconbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* TABLES
------------------------------------*/
.table-responsive {
border-color: rgba(0, 0, 0, 0.1);
}
.light.table-responsive {
border-color: rgba(255, 255, 255, 0.1);
}
.tbl {
width: 100%;
}
.tbl-border th,
.tbl-border td {
border: 1px solid rgba(0, 0, 0, 0.1);
border-collapse: collapse;
}
.light.tbl-border th,
.light.tbl-border td {
border-color: rgba(255, 255, 255, 0.1);
}
.tbl td,
.tbl th {
padding: 10px;
}
.pd-lr-10 th,
.pd-lr-10 td {
padding-left: 10px;
padding-right: 10px;
}
.pd-lr-15 th,
.pd-lr-15 td {
padding-left: 15px;
padding-right: 15px;
}
.pd-lr-20 th,
.pd-lr-20 td {
padding-left: 20px;
padding-right: 20px;
}
.pd-lr-30 th,
.pd-lr-30 td {
padding-left: 30px;
padding-right: 30px;
}
.pd-tb-10 th,
.pd-tb-10 td {
padding-top: 10px;
padding-bottom: 10px;
}
.pd-tb-15 th,
.pd-tb-15 td {
padding-top: 15px;
padding-bottom: 15px;
}
.pd-tb-20 th,
.pd-tb-20 td {
padding-top: 20px;
padding-bottom: 20px;
}
.pd-tb-30 th,
.pd-tb-30 td {
padding-top: 30px;
padding-bottom: 30px;
}
.align-m th,
.align-m td {
vertical-align: middle;
}
.align-t th,
.align-t td {
vertical-align: top;
}
.align-b th,
.align-b td {
vertical-align: bottom;
}
/* FORMS
------------------------------------*/
.form-group label {
font-weight: normal;
}
.datetimepicker {
z-index: 99999;
}
/* FORM CONTROLS
------------------------------------*/
.form-control {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0.15);
font-size: 16px;
height: auto;
padding: 10px 15px;
margin-bottom: 10px;
font-weight: normal;
}
.form-control:hover,
.form-control:focus {
border-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: none;
box-shadow: none;
}
/* LIGHT FORM CONTROLS
------------------------------------*/
.form-control-light {
border-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.form-control-light option {
color: #333;
}
.form-control-light:hover,
.form-control-light:focus {
border-color: rgba(255, 255, 255, 0.5);
}
.form-control-light::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.form-control-light::-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.form-control-light:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.form-control-light:-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
/* FORM CONTROLS BORDER-BOTTOM ONLY
------------------------------------*/
.form-control.bb {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
vertical-align: middle;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
border-left: none;
border-right: none;
border-top: none;
font-size: 16px;
height: auto;
padding: 10px 15px;
padding-left: 0;
margin-bottom: 10px;
font-weight: normal;
}
.form-control.bb:hover,
.form-control.bb:focus {
border-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control-light.form-control.bb {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
color: #fff;
}
.form-control-light.form-control.bb:hover,
.form-control-light.form-control.bb:focus {
border-color: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: none;
box-shadow: none;
}
/* FORM CONTROLS SIZES
------------------------------------*/
.large.form-control {
font-size: 18px;
padding: 15px 25px;
}
.medium.form-control {
font-size: 16px;
padding: 10px 15px;
}
.small.form-control {
font-size: 14px;
padding: 8px 10px;
}
.mini.form-control {
font-size: 13px;
padding: 5px 8px;
}
textarea.form-control {
height: 150px;
}
.field-list {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0px;
}
.field-list li {
margin: 0 0 3px 0;
}
.field-list li > span {
display: inline-block;
margin-left: 5px;
vertical-align: top;
}
.field-list li input {
position: relative;
top: -2px;
}
/* MESSAGE ALERTS
------------------------------------*/
.sweet-alert {
padding: 30px;
}
.sweet-alert h2 {
margin: 20px 0;
}
.sweet-alert p {
font-weight: normal;
}
.error {
display: block;
font-weight: normal;
margin: 0px;
text-align: left;
font-size: 12px;
color: #e74c3c;
}
.error.valid {
display: none !important;
}
.form-control + .error {
margin-bottom: 10px;
margin-top: -4px;
}
.typo-light .error {
color: #fff;
}
/* FORM TABLE ROWS
------------------------------------*/
.form-inline-tbl {
display: table;
table-layout: fixed;
border-spacing: 10px;
margin-left: auto;
margin-right: auto;
list-style-type: none;
padding: 0px;
}
.form-inline-tbl > li {
display: table-cell;
}
/* SUBSCRIBE BLOCKS
------------------------------------*/
.subscribe-block .form-group {
position: relative;
margin: 0 0 5px 0;
padding-bottom: 1px;
}
.subscribe-block .btn {
position: absolute;
right: 0px;
top: 0px;
padding: 0px 20px;
min-height: inherit;
}
.subscribe-block .btn,
.subscribe-block [type="email"],
.subscribe-block [type="text"] {
height: 50px;
}
.subscribe-block.inline > .form-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.subscribe-block.inline > .form-widget > .form-group {
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10px;
}
.subscribe-block.inline > .form-widget > .form-group:last-child {
margin-right: 0;
}
/* SUBSCRIBE LARGE SIZES
------------------------------------*/
.large.subscribe-block .btn {
padding: 0px 30px;
}
.large.subscribe-block .btn,
.large.subscribe-block [type="email"],
.large.subscribe-block [type="text"] {
height: 70px;
}
.large.subscribe-block [type="email"] {
padding-left: 30px;
}
/* SUBSCRIBE SMALL SIZE
------------------------------------*/
.small.subscribe-block .btn {
padding: 0px 15px;
}
.small.subscribe-block .btn,
.small.subscribe-block [type="email"],
.small.subscribe-block [type="text"] {
height: 40px;
}
/* SUBSCRIBE BLOCKS 1
------------------------------------*/
.subscribe-block._1 .btn {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* SUBSCRIBE BLOCKS 2
------------------------------------*/
.subscribe-block._2 .btn {
height: 38px;
right: 6px;
top: 6px;
}
.large.subscribe-block._2 .btn {
height: 58px;
}
.small.subscribe-block._2 .btn {
height: 28px;
}
/* SUBSCRIBE BLOCKS 3
------------------------------------*/
.subscribe-block._3 > .form-widget > .form-group:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.subscribe-block._3 .btn {
position: static;
}
.subscribe-block._3.inline .btn {
width: 100%;
}
/* SEARCH FIELS
------------------------------------*/
.search-frm {
position: relative;
}
.search-frm .btn {
position: absolute;
height: 100%;
border-radius: 0 4px 4px 0;
right: 0px;
width: 50px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
top: 0px;
}
.search-frm input {
border-radius: 4px 0 0 4px;
width: calc(100% - 50px);
margin: 0px;
}
/* BUTTONS
------------------------------------*/
.btn {
font-family: "Open Sans", sans-serif;
border-radius: 3px;
padding: 15px 20px;
font-size: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
background-color: transparent;
line-height: 1;
position: relative;
outline: 0px auto -webkit-focus-ring-color !important;
font-weight: 700;
display: inline-block;
}
.btn:active,
.btn.active,
.btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
/* BUTTONS UTILITIES
------------------------------------*/
.btn.large {
padding: 20px 35px;
font-size: 20px;
line-height: 1;
}
.btn.medium {
padding: 16px 25px;
font-size: 16px;
line-height: 1;
}
.btn.small {
padding: 13px 20px;
font-size: 13px;
line-height: 1;
}
.btn.mini {
padding: 10px 15px;
font-size: 12px;
line-height: 1;
}
.btn.tiny {
padding: 8px 12px;
font-size: 10px;
line-height: 1;
}
.btn.large.round {
padding-left: 40px;
padding-right: 40px;
border-radius: 100px;
}
.btn.round,
.btn.medium.round {
padding-left: 30px;
padding-right: 30px;
border-radius: 100px;
}
.btn.small.round {
padding-left: 28px;
padding-right: 28px;
border-radius: 100px;
}
.btn.mini.round {
padding-left: 22px;
padding-right: 22px;
border-radius: 100px;
}
.btn.tiny.round {
padding-left: 20px;
padding-right: 20px;
border-radius: 100px;
}
.btn-reset {
padding: 0;
line-height: 100%;
}
.btn.block {
display: block;
width: 100%;
}
.btn.inline-block {
display: inline-block;
width: auto;
}
.btn > .btn-icon,
.btn > .btn-txt {
vertical-align: middle;
}
.btn > .btn-icon + .btn-txt {
margin-left: 10px;
}
.btn.large > .btn-icon:not([class*="fs"]) {
font-size: 26px;
}
.btn > .btn-icon:not([class*="fs"]),
.btn.medium > .btn-icon:not([class*="fs"]) {
font-size: 20px;
}
.btn.small > .btn-icon:not([class*="fs"]) {
font-size: 14px;
margin-right: 6px;
}
.btn.mini > .btn-icon:not([class*="fs"]) {
font-size: 13px;
margin-right: 6px;
}
.btn.tiny > .btn-icon:not([class*="fs"]) {
font-size: 11px;
margin-right: 6px;
margin-top: -2px;
}
/* APP BUTTONS
------------------------------------*/
.appstore-btn {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-color: #000;
border-radius: 6px;
padding: 15px 26px 15px 64px;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.2;
margin: 4px;
text-align: left;
}
.appstore-btn i {
position: absolute;
left: 15px;
top: 50%;
font-size: 35px;
width: 35px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.appstore-btn small {
display: block;
font-size: 12px;
padding-left: 2px;
}
.appstore-btn:hover {
color: #fff;
}
.round.appstore-btn {
padding-left: 70px;
padding-right: 30px;
border-radius: 100px;
}
.round.appstore-btn i {
left: 25px;
}
.bdr-glass,
.bdr-glass:hover,
.bdr-glass:focus {
border-color: transparent;
}
/* RADIUS
------------------------------------*/
.rd {
border-radius: 100%;
}
.rd-0 {
border-radius: 0;
}
.rd-2 {
border-radius: 2px;
}
.rd-4 {
border-radius: 4px;
}
.rd-5 {
border-radius: 5px;
}
.rd-6 {
border-radius: 6px;
}
.rd-10 {
border-radius: 10px;
}
.rd-20 {
border-radius: 20px;
}
.rd-30 {
border-radius: 30px;
}
.rd-40 {
border-radius: 40px;
}
.rd-50 {
border-radius: 50px;
}
.rd-100 {
border-radius: 100px;
}
.rd-150 {
border-radius: 150px;
}
.rd-200 {
border-radius: 200px;
}
.rd-250 {
border-radius: 250px;
}
.rd-300 {
border-radius: 300px;
}
.rd-350 {
border-radius: 350px;
}
.rd-400 {
border-radius: 400px;
}
/* BORDER
------------------------------------*/
.bdr-l {
border-left-width: 1px;
border-left-style: solid;
}
.bdr-r {
border-right-width: 1px;
border-right-style: solid;
}
.bdr-t {
border-top-width: 1px;
border-top-style: solid;
}
.bdr-b {
border-bottom-width: 1px;
border-bottom-style: solid;
}
/* BORDER WIDTH
------------------------------------*/
.bdr-1 {
border-width: 1px;
border-style: solid;
}
.bdr-2 {
border-width: 2px;
border-style: solid;
}
.bdr-3 {
border-width: 3px;
border-style: solid;
}
.bdr-4 {
border-width: 4px;
border-style: solid;
}
.bdr-5 {
border-width: 5px;
border-style: solid;
}
.bdr-10 {
border-width: 10px;
border-style: solid;
}
.bdr-15 {
border-width: 15px;
border-style: solid;
}
.bdr-20 {
border-width: 20px;
border-style: solid;
}
.bdr-25 {
border-width: 25px;
border-style: solid;
}
.bdr-30 {
border-width: 30px;
border-style: solid;
}
/* BORDER TOP WIDTH
------------------------------------*/
.bdr-t-2 {
border-top-width: 2px;
border-top-style: solid;
}
.bdr-t-3 {
border-top-width: 3px;
border-top-style: solid;
}
.bdr-t-4 {
border-top-width: 4px;
border-top-style: solid;
}
.bdr-t-5 {
border-top-width: 5px;
border-top-style: solid;
}
.bdr-t-10 {
border-top-width: 10px;
border-top-style: solid;
}
.bdr-t-15 {
border-top-width: 15px;
border-top-style: solid;
}
.bdr-t-20 {
border-top-width: 20px;
border-top-style: solid;
}
.bdr-t-25 {
border-top-width: 25px;
border-top-style: solid;
}
.bdr-t-30 {
border-top-width: 30px;
border-top-style: solid;
}
/* BORDER RIGHT WIDTH
------------------------------------*/
.bdr-r-2 {
border-right-width: 2px;
border-right-style: solid;
}
.bdr-r-3 {
border-right-width: 3px;
border-right-style: solid;
}
.bdr-r-4 {
border-right-width: 4px;
border-right-style: solid;
}
.bdr-r-5 {
border-right-width: 5px;
border-right-style: solid;
}
.bdr-r-10 {
border-right-width: 10px;
border-right-style: solid;
}
.bdr-r-15 {
border-right-width: 15px;
border-right-style: solid;
}
.bdr-r-20 {
border-right-width: 20px;
border-right-style: solid;
}
.bdr-r-25 {
border-right-width: 25px;
border-right-style: solid;
}
.bdr-r-30 {
border-right-width: 30px;
border-right-style: solid;
}
/* BORDER BOTTOM WIDTH
------------------------------------*/
.bdr-b-2 {
border-bottom-width: 2px;
border-bottom-style: solid;
}
.bdr-b-3 {
border-bottom-width: 3px;
border-bottom-style: solid;
}
.bdr-b-4 {
border-bottom-width: 4px;
border-bottom-style: solid;
}
.bdr-b-5 {
border-bottom-width: 5px;
border-bottom-style: solid;
}
.bdr-b-10 {
border-bottom-width: 10px;
border-bottom-style: solid;
}
.bdr-b-15 {
border-bottom-width: 15px;
border-bottom-style: solid;
}
.bdr-b-20 {
border-bottom-width: 20px;
border-bottom-style: solid;
}
.bdr-b-25 {
border-bottom-width: 25px;
border-bottom-style: solid;
}
.bdr-b-30 {
border-bottom-width: 30px;
border-bottom-style: solid;
}
/* BORDER LEFT WIDTH
------------------------------------*/
.bdr-l-2 {
border-left-width: 2px;
border-left-style: solid;
}
.bdr-l-3 {
border-left-width: 3px;
border-left-style: solid;
}
.bdr-l-4 {
border-left-width: 4px;
border-left-style: solid;
}
.bdr-l-5 {
border-left-width: 5px;
border-left-style: solid;
}
.bdr-l-10 {
border-left-width: 10px;
border-left-style: solid;
}
.bdr-l-15 {
border-left-width: 15px;
border-left-style: solid;
}
.bdr-l-20 {
border-left-width: 20px;
border-left-style: solid;
}
.bdr-l-25 {
border-left-width: 25px;
border-left-style: solid;
}
.bdr-l-30 {
border-left-width: 30px;
border-left-style: solid;
}
.row-bdr > [class*="flex-col-"],
.row-bdr > [class*="col-"] {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.row-bdr > [class*="flex-col-"]:last-child,
.row-bdr > [class*="col-"]:last-child {
border-right: none;
}
.row-bdr {
border: 1px solid rgba(0, 0, 0, 0.06);
}
.row-sep > [class*="flex-col-"],
.row-sep > [class*="col-"] {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.row-sep > [class*="flex-col-"]:last-child,
.row-sep > [class*="col-"]:last-child {
border-right: none;
}
.row-bdr-light > [class*="flex-col-"],
.row-bdr-light > [class*="col-"] {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.row-bdr-light > [class*="flex-col-"]:last-child,
.row-bdr-light > [class*="col-"]:last-child {
border-right: none;
}
.row-bdr-light {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.row-sep-light > [class*="flex-col-"],
.row-sep-light > [class*="col-"] {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.row-sep-light > [class*="flex-col-"]:last-child,
.row-sep-light > [class*="col-"]:last-child {
border-right: none;
}
/* COMMON TYPOGRAPHY
------------------------------------*/
small,
.small {
font-size: inherit;
font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
.hd-1,
.hd-2,
.hd-3,
.hd-4,
.hd-5,
.hd-6 {
margin: 0px;
line-height: 1.3;
}
h1,
h2,
h3,
h4,
h5,
h6,
.tb-list {
font-family: "Open Sans", sans-serif;
}
h1,
.hd-1 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h2,
.hd-2 {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h3,
.hd-3 {
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h4,
.hd-4 {
font-size: 1.625rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h5,
.hd-5 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h6,
.hd-6 {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
h1.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
h2.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
h3.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
h4.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
h5.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
h6.bdr-b {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
}
/* TITLE BEFORE
------------------------------------*/
.before-title {
display: block;
}
/* TITLE FONT SIZE
------------------------------------*/
.title {
font-size: 2.25rem;
margin-bottom: 0.9375rem;
}
.title.xxlarge {
font-size: 6.25rem;
}
.title.xlarge {
font-size: 4.375rem;
}
.title.large {
font-size: 3.125rem;
}
.title.small {
font-size: 1.5rem;
}
.title.mini {
font-size: 1.125rem;
}
.title.tiny {
font-size: 1rem;
}
/* TITLE SUB FONT SIZE
------------------------------------*/
.title-sub {
font-size: 1.375rem;
margin-bottom: 2.5rem;
font-weight: 300;
}
.title-sub.large {
font-size: 1.625rem;
}
.title-sub.small {
font-size: 1.25rem;
}
.title-sub.mini {
font-size: 1.125rem;
}
.title-sub.tiny {
font-size: 1.0625rem;
}
/* TITLE WITH SEP
------------------------------------*/
.title.with-sep {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.title.with-sep > span {
padding: 0 1.25rem;
}
.title.with-sep:before,
.title.with-sep:after {
content: '';
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.title.with-sep.sep-light:before,
.title.with-sep.sep-light:after {
border-color: rgba(255, 255, 255, 0.1);
}
/* TITLE WITH SEP RIGHT
------------------------------------*/
.title.with-sep-r {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.title.with-sep-r > span {
padding: 0 1.25rem;
padding-left: 0;
}
.title.with-sep-r:after {
content: '';
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.title.with-sep-r.sep-r-light:after {
border-color: rgba(255, 255, 255, 0.1);
}
/* TEXT BOX WITH SEP RIGHT
------------------------------------*/
.tbox.with-sep-r {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.tbox.with-sep-r > span {
padding: 0 1.25rem;
padding-left: 0;
}
.tbox.with-sep-r:after {
content: '';
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tbox.with-sep-r.sep-r-light:after {
border-color: rgba(255, 255, 255, 0.1);
}
/* BLOCKQUOTE
------------------------------------*/
blockquote {
padding: 0.625rem 1.875rem;
margin: 0 0 1.25rem;
font-size: 1.125rem;
border-left: 0.3125rem solid rgba(0, 0, 0, 0.1);
font-weight: 300;
}
/* LIST CLASS
------------------------------------*/
ul.row {
list-style-type: none;
}
.list-3,
.list-2,
.list-1 {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.list-1 li {
margin-bottom: 5px;
}
.builder .list-1 > li {
padding: 2px;
}
.list-2 {
font-size: 16px;
}
.list-3 li,
.list-2 li {
margin-bottom: 10px;
padding-left: 35px;
position: relative;
}
.list-2 li {
margin-bottom: 20px;
padding-left: 40px;
}
.list-2 li > i {
position: absolute;
left: 0px;
top: 1px;
}
.list-2 li > i:not([class*="fs"]) {
font-size: 24px;
}
.list-3 {
margin: 20px 0;
}
.list-3 li:before {
position: absolute;
left: 10px;
top: 4px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
content: "\f0da";
}
.list-3 li {
padding-left: 25px;
}
.mb4 li {
margin-bottom: 4px;
}
.mb6 li {
margin-bottom: 6px;
}
.mb8 li {
margin-bottom: 8px;
}
.mb10 li {
margin-bottom: 10px;
}
.mb15 li {
margin-bottom: 15px;
}
/* TAG TEXT
------------------------------------*/
.tag-text {
display: inline-block;
padding: 5px 8px;
line-height: 1;
}
.tag-text.sm {
padding: 6px 8px;
font-size: 14px;
font-weight: normal;
}
/* TEXT TRANSFORM
------------------------------------*/
.txt-upper {
text-transform: uppercase;
}
.txt-lower {
text-transform: lowercase;
}
.txt-capi {
text-transform: capitalize;
}
/* FONT SIZE
------------------------------------*/
.fs11 {
font-size: 0.6875rem;
}
.fs12 {
font-size: 0.75rem;
}
.fs13 {
font-size: 0.8125rem;
}
.fs14 {
font-size: 0.875rem;
}
.fs16 {
font-size: 1rem;
}
.fs18 {
font-size: 1.125rem;
}
.fs20 {
font-size: 1.25rem;
}
.fs22 {
font-size: 1.375rem;
}
.fs24 {
font-size: 1.5rem;
}
.fs26 {
font-size: 1.625rem;
}
.fs28 {
font-size: 1.75rem;
}
.fs30 {
font-size: 1.875rem;
}
.fs32 {
font-size: 2rem;
}
.fs34 {
font-size: 2.125rem;
}
.fs36 {
font-size: 2.25rem;
}
.fs38 {
font-size: 2.375rem;
}
.fs40 {
font-size: 2.5rem;
}
.fs42 {
font-size: 2.625rem;
}
.fs44 {
font-size: 2.75rem;
}
.fs46 {
font-size: 2.875rem;
}
.fs48 {
font-size: 3rem;
}
.fs50 {
font-size: 3.125rem;
}
.fs52 {
font-size: 3.25rem;
}
.fs54 {
font-size: 3.375rem;
}
.fs56 {
font-size: 3.5rem;
}
.fs58 {
font-size: 3.625rem;
}
.fs60 {
font-size: 3.75rem;
}
.fs62 {
font-size: 3.875rem;
}
.fs64 {
font-size: 4rem;
}
.fs66 {
font-size: 4.125rem;
}
.fs68 {
font-size: 4.25rem;
}
.fs70 {
font-size: 4.375rem;
}
.fs72 {
font-size: 4.5rem;
}
.fs74 {
font-size: 4.625rem;
}
.fs76 {
font-size: 4.75rem;
}
.fs78 {
font-size: 4.875rem;
}
.fs80 {
font-size: 5rem;
}
.fs82 {
font-size: 5.125rem;
}
.fs84 {
font-size: 5.25rem;
}
.fs86 {
font-size: 5.375rem;
}
.fs88 {
font-size: 5.5rem;
}
.fs90 {
font-size: 5.625rem;
}
.fs100 {
font-size: 6.25rem;
}
.fs110 {
font-size: 6.875rem;
}
.fs120 {
font-size: 7.5rem;
}
.fs130 {
font-size: 8.125rem;
}
.fs140 {
font-size: 8.75rem;
}
.fs150 {
font-size: 9.375rem;
}
.fs160 {
font-size: 10rem;
}
.fs170 {
font-size: 10.625rem;
}
.fs180 {
font-size: 11.25rem;
}
.fs190 {
font-size: 11.875rem;
}
.fs200 {
font-size: 12.5rem;
}
.fs100p {
font-size: 100%;
}
.fs-vw1 {
font-size: 1vw;
}
.fs-vw2 {
font-size: 2vw;
}
.fs-vw3 {
font-size: 3vw;
}
.fs-vw4 {
font-size: 4vw;
}
.fs-vw5 {
font-size: 5vw;
}
.fs-vw6 {
font-size: 6vw;
}
.fs-vw7 {
font-size: 7vw;
}
.fs-vw8 {
font-size: 8vw;
}
.fs-vw9 {
font-size: 9vw;
}
.fs-vw10 {
font-size: 10vw;
}
.fs-vw11 {
font-size: 11vw;
}
.fs-vw12 {
font-size: 12vw;
}
.fs-vw14 {
font-size: 14vw;
}
.fs-vw16 {
font-size: 16vw;
}
.fs-vw18 {
font-size: 18vw;
}
/* LINE HEIGHT
------------------------------------*/
.lh-1 {
line-height: 1.1;
}
.lh-2 {
line-height: 1.2;
}
.lh-3 {
line-height: 1.3;
}
.lh-4 {
line-height: 1.4;
}
.lh-5 {
line-height: 1.5;
}
.lh-6 {
line-height: 1.6;
}
.lh-7 {
line-height: 1.7;
}
.lh-8 {
line-height: 1.8;
}
.lh-9 {
line-height: 1.9;
}
.lh-10 {
line-height: 2;
}
.lh-11 {
line-height: 2.1;
}
.lh-12 {
line-height: 2.2;
}
.lh-13 {
line-height: 2.3;
}
.lh-14 {
line-height: 2.4;
}
.lh-15 {
line-height: 2.5;
}
.lh-16 {
line-height: 2.6;
}
.lh-17 {
line-height: 2.7;
}
.lh-18 {
line-height: 2.8;
}
.lh-19 {
line-height: 2.9;
}
.lh-20 {
line-height: 3;
}
/* FONT WEIGHT
------------------------------------*/
.bold-n {
font-weight: normal;
}
.bold-0 {
font-weight: 200;
}
.bold-1 {
font-weight: 300;
}
.bold-2 {
font-weight: 400;
}
.bold-3 {
font-weight: 500;
}
.bold-4 {
font-weight: 600;
}
.bold-5 {
font-weight: 700;
}
.bold-6 {
font-weight: 800;
}
.bold-7 {
font-weight: 900;
}
.italic {
font-style: italic;
}
.l-through {
text-decoration: line-through;
}
/* LETTER SPACING
------------------------------------*/
.ltr-1 {
letter-spacing: 1px;
}
.ltr-2 {
letter-spacing: 2px;
}
.ltr-3 {
letter-spacing: 3px;
}
.ltr-4 {
letter-spacing: 4px;
}
.ltr-5 {
letter-spacing: 5px;
}
.ltr-6 {
letter-spacing: 6px;
}
.ltr-7 {
letter-spacing: 7px;
}
.ltr-8 {
letter-spacing: 8px;
}
/* FONT FAMILY
------------------------------------*/
.f-1 {
font-family: "Open Sans", sans-serif;
}
.f-2 {
font-family: "Montserrat", sans-serif;
}
.f-3 {
font-family: 'Rancho', cursive;
}
[class*="link-"]:hover {
text-decoration: underline;
}
.list-links {
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 13px;
}
.list-links li {
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
padding: 6px 0;
}
.list-links li > ul {
background-color: rgba(0, 0, 0, 0.02);
border-top: 1px solid rgba(0, 0, 0, 0.07);
list-style-type: none;
margin: 5px 0 -5px 0;
padding: 0;
}
.list-links li > ul > li {
padding: 6px 15px;
}
.list-links li > ul > li:last-child {
border-bottom: none;
}
/* BACKGROUND PROPERTIES
------------------------------------*/
.bg-section {
top: 0px;
}
.bg-fixed {
background-attachment: fixed;
background-repeat: no-repeat;
}
section[data-bg]:not([class*="bg-cover"]),
.bg-cover {
background-size: cover;
background-repeat: no-repeat;
}
.bg-contain {
background-size: contain;
background-repeat: no-repeat;
}
section[data-bg]:not([class*="bg-cc"]),
.bg-cc {
background-position: center center;
}
.bg-ct {
background-position: center top;
}
.bg-cb {
background-position: center bottom;
}
.bg-lt {
background-position: left top;
}
.bg-lc {
background-position: left center;
}
.bg-lb {
background-position: left bottom;
}
.bg-rt {
background-position: right top;
}
.bg-rc {
background-position: right center;
}
.bg-rb {
background-position: right bottom;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
/* ALIGNMENT
------------------------------------*/
.vm,
.cm {
position: relative;
}
.cm-item,
.cm > .cm-item {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.vm-item,
.vm > .vm-item {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.c-item {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.align-l {
text-align: left;
}
.align-r {
text-align: right;
}
.align-c {
text-align: center;
}
.align-m {
vertical-align: middle;
}
.align-t {
vertical-align: top;
}
.flex-reset {
display: block;
}
.iconwrp,
.flex-wrp,
.flex-tl,
.flex-tc,
.flex-tr,
.flex-cc,
.flex-cl,
.flex-cr,
.flex-bc,
.flex-bl,
.flex-br {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-tl {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-tc {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-tr {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.iconwrp,
.flex-cl {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-obj.align-c .iconwrp,
.info-obj.align-r .sq.iconwrp,
.info-obj.align-r .rd.iconwrp,
.info-obj .sq.iconwrp,
.info-obj .rd.iconwrp,
.info-obj.img-l .iconwrp,
.info-obj.img-r .iconwrp,
.flex-cc {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-obj.align-r .iconwrp,
.flex-cr {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-bc {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-bl {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-br {
/* flex-start | flex-end | center | space-between | space-around */
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-item-bc {
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-item-cl {
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-eqh {
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-mid {
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-bot {
/* flex-start | flex-end | center | baseline | stretch */
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
/* PADDING
------------------------------------*/
.pd-large {
padding: 12.5rem;
}
.pd-medium {
padding: 4.375rem;
}
.pd-small {
padding: 3.125rem;
}
.pd-mini {
padding: 2.5rem;
}
.pd-tiny {
padding: 1.875rem;
}
.pd-micro {
padding: 0.625rem;
}
/* PADDING TOP BOTTOM
------------------------------------*/
.pd-tb-large {
padding-top: 12.5rem;
padding-bottom: 12.5rem;
}
.pd-tb-medium {
padding-top: 9.375rem;
padding-bottom: 9.375rem;
}
.pd-tb-small {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.pd-tb-mini {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.pd-tb-tiny {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.pd-tb-micro {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
/* LEFT RIGHT PADDING
------------------------------------*/
.pd-lr-large {
padding-left: 12.5rem;
padding-right: 12.5rem;
}
.pd-lr-medium {
padding-left: 9.375rem;
padding-right: 9.375rem;
}
.pd-lr-small {
padding-left: 6.25rem;
padding-right: 6.25rem;
}
.pd-lr-mini {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
.pd-lr-tiny {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.pd-lr-micro {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
/* PADDING TOP
------------------------------------*/
.pd-t-large {
padding-top: 12.5rem;
}
.pd-t-medium {
padding-top: 9.375rem;
}
.pd-t-small {
padding-top: 6.25rem;
}
.pd-t-mini {
padding-top: 3.125rem;
}
.pd-t-tiny {
padding-top: 1.875rem;
}
.pd-t-micro {
padding-top: 0.625rem;
}
/* PADDING BOTTOM
------------------------------------*/
.pd-b-large {
padding-bottom: 12.5rem;
}
.pd-b-medium {
padding-bottom: 9.375rem;
}
.pd-b-small {
padding-bottom: 6.25rem;
}
.pd-b-mini {
padding-bottom: 3.125rem;
}
.pd-b-tiny {
padding-bottom: 1.875rem;
}
.pd-b-micro {
padding-bottom: 0.625rem;
}
/* PADDING LEFT
------------------------------------*/
.pd-l-large {
padding-left: 12.5rem;
}
.pd-l-medium {
padding-left: 9.375rem;
}
.pd-l-small {
padding-left: 6.25rem;
}
.pd-l-mini {
padding-left: 3.125rem;
}
.pd-l-tiny {
padding-left: 1.875rem;
}
.pd-l-micro {
padding-left: 0.625rem;
}
/* PADDING RIGHT
------------------------------------*/
.pd-r-large {
padding-right: 12.5rem;
}
.pd-r-medium {
padding-right: 9.375rem;
}
.pd-r-small {
padding-right: 6.25rem;
}
.pd-r-mini {
padding-right: 3.125rem;
}
.pd-r-tiny {
padding-right: 1.875rem;
}
.pd-r-micro {
padding-right: 0.625rem;
}
/* COMMON PADDING
------------------------------------*/
.pd-20 {
padding: 1.25rem;
}
.pd-15 {
padding: 0.9375rem;
}
.pd-0 {
padding: 0rem;
}
.pd-10 {
padding: 0.625rem;
}
.pd-20 {
padding: 1.25rem;
}
.pd-30 {
padding: 1.875rem;
}
.pd-40 {
padding: 2.5rem;
}
.pd-50 {
padding: 3.125rem;
}
.pd-60 {
padding: 3.75rem;
}
.pd-70 {
padding: 4.375rem;
}
.pd-80 {
padding: 5rem;
}
.pd-90 {
padding: 5.625rem;
}
.pd-100 {
padding: 6.25rem;
}
/* .pd(300, 10, all); */
/* TOP PADDING
------------------------------------*/
.pd-t-1 {
padding-top: 1px;
}
.pd-t-5 {
padding-top: 5px;
}
.pd-t-0 {
padding-top: 0rem;
}
.pd-t-10 {
padding-top: 0.625rem;
}
.pd-t-20 {
padding-top: 1.25rem;
}
.pd-t-30 {
padding-top: 1.875rem;
}
.pd-t-40 {
padding-top: 2.5rem;
}
.pd-t-50 {
padding-top: 3.125rem;
}
.pd-t-60 {
padding-top: 3.75rem;
}
.pd-t-70 {
padding-top: 4.375rem;
}
.pd-t-80 {
padding-top: 5rem;
}
.pd-t-90 {
padding-top: 5.625rem;
}
.pd-t-100 {
padding-top: 6.25rem;
}
.pd-t-110 {
padding-top: 6.875rem;
}
.pd-t-120 {
padding-top: 7.5rem;
}
.pd-t-130 {
padding-top: 8.125rem;
}
.pd-t-140 {
padding-top: 8.75rem;
}
.pd-t-150 {
padding-top: 9.375rem;
}
.pd-t-160 {
padding-top: 10rem;
}
.pd-t-170 {
padding-top: 10.625rem;
}
.pd-t-180 {
padding-top: 11.25rem;
}
.pd-t-190 {
padding-top: 11.875rem;
}
.pd-t-200 {
padding-top: 12.5rem;
}
.pd-t-210 {
padding-top: 13.125rem;
}
.pd-t-220 {
padding-top: 13.75rem;
}
.pd-t-230 {
padding-top: 14.375rem;
}
.pd-t-240 {
padding-top: 15rem;
}
.pd-t-250 {
padding-top: 15.625rem;
}
.pd-t-260 {
padding-top: 16.25rem;
}
.pd-t-270 {
padding-top: 16.875rem;
}
.pd-t-280 {
padding-top: 17.5rem;
}
.pd-t-290 {
padding-top: 18.125rem;
}
.pd-t-300 {
padding-top: 18.75rem;
}
/* RIGHT PADDING ONLY
------------------------------------*/
.pd-r-1 {
padding-right: 1px;
}
.pd-r-0 {
padding-right: 0rem;
}
.pd-r-10 {
padding-right: 0.625rem;
}
.pd-r-20 {
padding-right: 1.25rem;
}
.pd-r-30 {
padding-right: 1.875rem;
}
.pd-r-40 {
padding-right: 2.5rem;
}
.pd-r-50 {
padding-right: 3.125rem;
}
.pd-r-60 {
padding-right: 3.75rem;
}
.pd-r-70 {
padding-right: 4.375rem;
}
.pd-r-80 {
padding-right: 5rem;
}
.pd-r-90 {
padding-right: 5.625rem;
}
.pd-r-100 {
padding-right: 6.25rem;
}
/* BOTTOM PADDING ONLY
------------------------------------*/
.pd-b-1 {
padding-bottom: 1px;
}
.pd-b-5 {
padding-bottom: 5px;
}
.pd-b-0 {
padding-bottom: 0rem;
}
.pd-b-10 {
padding-bottom: 0.625rem;
}
.pd-b-20 {
padding-bottom: 1.25rem;
}
.pd-b-30 {
padding-bottom: 1.875rem;
}
.pd-b-40 {
padding-bottom: 2.5rem;
}
.pd-b-50 {
padding-bottom: 3.125rem;
}
.pd-b-60 {
padding-bottom: 3.75rem;
}
.pd-b-70 {
padding-bottom: 4.375rem;
}
.pd-b-80 {
padding-bottom: 5rem;
}
.pd-b-90 {
padding-bottom: 5.625rem;
}
.pd-b-100 {
padding-bottom: 6.25rem;
}
/* LEFT PADDING ONLY
------------------------------------*/
.pd-l-1 {
padding-left: 1px;
}
.pd-l-0 {
padding-left: 0rem;
}
.pd-l-10 {
padding-left: 0.625rem;
}
.pd-l-20 {
padding-left: 1.25rem;
}
.pd-l-30 {
padding-left: 1.875rem;
}
.pd-l-40 {
padding-left: 2.5rem;
}
.pd-l-50 {
padding-left: 3.125rem;
}
.pd-l-60 {
padding-left: 3.75rem;
}
.pd-l-70 {
padding-left: 4.375rem;
}
.pd-l-80 {
padding-left: 5rem;
}
.pd-l-90 {
padding-left: 5.625rem;
}
.pd-l-100 {
padding-left: 6.25rem;
}
/* TOP BOTTOM PADDING ONLY
------------------------------------*/
.pd-tb-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.pd-tb-0 {
padding-top: 0rem;
padding-bottom: 0rem;
}
.pd-tb-10 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.pd-tb-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.pd-tb-30 {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.pd-tb-40 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.pd-tb-50 {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.pd-tb-60 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.pd-tb-70 {
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
.pd-tb-80 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pd-tb-90 {
padding-top: 5.625rem;
padding-bottom: 5.625rem;
}
.pd-tb-100 {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
/* LEFT RIGHT PADDING ONLY
------------------------------------*/
.pd-lr-0 {
padding-left: 0rem;
padding-right: 0rem;
}
.pd-lr-10 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.pd-lr-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.pd-lr-30 {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.pd-lr-40 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.pd-lr-50 {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
.pd-lr-60 {
padding-left: 3.75rem;
padding-right: 3.75rem;
}
.pd-lr-70 {
padding-left: 4.375rem;
padding-right: 4.375rem;
}
.pd-lr-80 {
padding-left: 5rem;
padding-right: 5rem;
}
.pd-lr-90 {
padding-left: 5.625rem;
padding-right: 5.625rem;
}
.pd-lr-100 {
padding-left: 6.25rem;
padding-right: 6.25rem;
}
/* MARGINE
------------------------------------*/
.mr-large {
margin: 12.5rem;
}
.mr-medium {
margin: 4.375rem;
}
.mr-small {
margin: 3.125rem;
}
.mr-mini {
margin: 2.5rem;
}
.mr-tiny {
margin: 1.875rem;
}
.mr-micro {
margin: 0.625rem;
}
/* MARGINE TOP BOTTOM
------------------------------------*/
.mr-tb-large {
margin-top: 12.5rem;
margin-bottom: 12.5rem;
}
.mr-tb-medium {
margin-top: 6.25rem;
margin-bottom: 6.25rem;
}
.mr-tb-small {
margin-top: 4.6875rem;
margin-bottom: 4.6875rem;
}
.mr-tb-mini {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
.mr-tb-tiny {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
.mr-tb-micro {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
/* MARGINE LEFT RIGHT
------------------------------------*/
.mr-lr-large {
margin-left: 12.5rem;
margin-right: 12.5rem;
}
.mr-lr-medium {
margin-left: 9.375rem;
margin-right: 9.375rem;
}
.mr-lr-small {
margin-left: 6.25rem;
margin-right: 6.25rem;
}
.mr-lr-mini {
margin-left: 3.125rem;
margin-right: 3.125rem;
}
.mr-lr-tiny {
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.mr-lr-micro {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
/* MARGINE BOTTOM
------------------------------------*/
.mr-b-large {
margin-bottom: 12.5rem;
}
.mr-b-medium {
margin-bottom: 9.375rem;
}
.mr-b-small {
margin-bottom: 6.25rem;
}
.mr-b-mini {
margin-bottom: 3.125rem;
}
.mr-b-tiny {
margin-bottom: 1.875rem;
}
.mr-b-micro {
margin-bottom: 0.625rem;
}
/* MARGINE TOP
------------------------------------*/
.mr-t-large {
margin-top: 12.5rem;
}
.mr-t-medium {
margin-top: 9.375rem;
}
.mr-t-small {
margin-top: 6.25rem;
}
.mr-t-mini {
margin-top: 3.125rem;
}
.mr-t-tiny {
margin-top: 1.875rem;
}
.mr-t-micro {
margin-top: 0.625rem;
}
/* MARGINE RIGHT
------------------------------------*/
.mr-r-large {
margin-right: 12.5rem;
}
.mr-r-medium {
margin-right: 9.375rem;
}
.mr-r-small {
margin-right: 6.25rem;
}
.mr-r-mini {
margin-right: 3.125rem;
}
.mr-r-tiny {
margin-right: 1.875rem;
}
.mr-r-micro {
margin-right: 0.625rem;
}
/* MARGINE LEFT
------------------------------------*/
.mr-l-large {
margin-left: 12.5rem;
}
.mr-l-medium {
margin-left: 9.375rem;
}
.mr-l-small {
margin-left: 6.25rem;
}
.mr-l-mini {
margin-left: 3.125rem;
}
.mr-l-tiny {
margin-left: 1.875rem;
}
.mr-l-micro {
margin-left: 0.625rem;
}
/* AUTO MARGINE
------------------------------------*/
.mr-auto {
margin-left: auto;
margin-right: auto;
}
/* COMMON MARGINE
------------------------------------*/
.mr-0 {
margin: 0rem;
}
.mr-2 {
margin: 0.125rem;
}
.mr-4 {
margin: 0.25rem !important;
}
.mr-6 {
margin: 0.375rem;
}
.mr-8 {
margin: 0.5rem;
}
.mr-10 {
margin: 0.625rem;
}
.mr-12 {
margin: 0.75rem;
}
.mr-14 {
margin: 0.875rem;
}
.mr-16 {
margin: 1rem;
}
.mr-18 {
margin: 1.125rem;
}
.mr-20 {
margin: 1.25rem;
}
.mr-0 {
margin: 0rem;
}
.mr-10 {
margin: 0.625rem;
}
.mr-20 {
margin: 1.25rem;
}
.mr-30 {
margin: 1.875rem;
}
.mr-40 {
margin: 2.5rem;
}
.mr-50 {
margin: 3.125rem;
}
.mr-60 {
margin: 3.75rem;
}
.mr-70 {
margin: 4.375rem;
}
.mr-80 {
margin: 5rem;
}
.mr-90 {
margin: 5.625rem;
}
.mr-100 {
margin: 6.25rem;
}
/* MARGINE TOP ONLY
------------------------------------*/
.mr-t-1 {
margin-top: 1px;
}
.mr-t-0 {
margin-top: 0rem;
}
.mr-t-2 {
margin-top: 0.125rem;
}
.mr-t-4 {
margin-top: 0.25rem;
}
.mr-t-6 {
margin-top: 0.375rem;
}
.mr-t-8 {
margin-top: 0.5rem;
}
.mr-t-10 {
margin-top: 0.625rem;
}
.mr-t-12 {
margin-top: 0.75rem;
}
.mr-t-14 {
margin-top: 0.875rem;
}
.mr-t-16 {
margin-top: 1rem;
}
.mr-t-18 {
margin-top: 1.125rem;
}
.mr-t-20 {
margin-top: 1.25rem;
}
.mr-t-10 {
margin-top: 0.625rem;
}
.mr-t-20 {
margin-top: 1.25rem;
}
.mr-t-30 {
margin-top: 1.875rem;
}
.mr-t-40 {
margin-top: 2.5rem;
}
.mr-t-50 {
margin-top: 3.125rem;
}
.mr-t-60 {
margin-top: 3.75rem;
}
.mr-t-70 {
margin-top: 4.375rem;
}
.mr-t-80 {
margin-top: 5rem;
}
.mr-t-90 {
margin-top: 5.625rem;
}
.mr-t-100 {
margin-top: 6.25rem;
}
.mr-t-200 {
margin-top: 12.5rem;
}
.mr-t-250 {
margin-top: 15.625rem;
}
.mr-t-300 {
margin-top: 18.75rem;
}
.mr-t-350 {
margin-top: 21.875rem;
}
.mr-t-400 {
margin-top: 25rem;
}
.mr-t-450 {
margin-top: 28.125rem;
}
.mr-t-500 {
margin-top: 31.25rem;
}
/* MARGINE RIGHT ONLY
------------------------------------*/
.mr-r-1 {
margin-right: 1px;
}
.mr-r-0,
.info-obj.img-r.g0 .info {
margin-right: 0rem;
}
.mr-r-2,
.info-obj.img-r.g2 .info {
margin-right: 0.125rem;
}
.mr-r-4,
.info-obj.img-r.g4 .info {
margin-right: 0.25rem;
}
.mr-r-6,
.info-obj.img-r.g6 .info {
margin-right: 0.375rem;
}
.mr-r-8,
.info-obj.img-r.g8 .info {
margin-right: 0.5rem;
}
.mr-r-10,
.info-obj.img-r.g10 .info {
margin-right: 0.625rem;
}
.mr-r-12,
.info-obj.img-r.g12 .info {
margin-right: 0.75rem;
}
.mr-r-14,
.info-obj.img-r.g14 .info {
margin-right: 0.875rem;
}
.mr-r-16,
.info-obj.img-r.g16 .info {
margin-right: 1rem;
}
.mr-r-18,
.info-obj.img-r.g18 .info {
margin-right: 1.125rem;
}
.mr-r-20,
.info-obj.img-r.g20 .info {
margin-right: 1.25rem;
}
.mr-r-10,
.info-obj.img-r.g10 .info {
margin-right: 0.625rem;
}
.mr-r-20,
.info-obj.img-r.g20 .info {
margin-right: 1.25rem;
}
.mr-r-30,
.info-obj.img-r.g30 .info {
margin-right: 1.875rem;
}
.mr-r-40,
.info-obj.img-r.g40 .info {
margin-right: 2.5rem;
}
.mr-r-50,
.info-obj.img-r.g50 .info {
margin-right: 3.125rem;
}
.mr-r-60,
.info-obj.img-r.g60 .info {
margin-right: 3.75rem;
}
.mr-r-70,
.info-obj.img-r.g70 .info {
margin-right: 4.375rem;
}
.mr-r-80,
.info-obj.img-r.g80 .info {
margin-right: 5rem;
}
.mr-r-90,
.info-obj.img-r.g90 .info {
margin-right: 5.625rem;
}
.mr-r-100,
.info-obj.img-r.g100 .info {
margin-right: 6.25rem;
}
/* MARGINE BOTTOM ONLY
------------------------------------*/
.mr-b-1 {
margin-bottom: 1px;
}
.mr-b-0,
.info-obj.img-t.g0 .img {
margin-bottom: 0rem;
}
.mr-b-2,
.info-obj.img-t.g2 .img {
margin-bottom: 0.125rem;
}
.mr-b-4,
.info-obj.img-t.g4 .img {
margin-bottom: 0.25rem;
}
.mr-b-6,
.info-obj.img-t.g6 .img {
margin-bottom: 0.375rem;
}
.mr-b-8,
.info-obj.img-t.g8 .img {
margin-bottom: 0.5rem;
}
.mr-b-10,
.info-obj.img-t.g10 .img {
margin-bottom: 0.625rem;
}
.mr-b-12,
.info-obj.img-t.g12 .img {
margin-bottom: 0.75rem;
}
.mr-b-14,
.info-obj.img-t.g14 .img {
margin-bottom: 0.875rem;
}
.mr-b-16,
.info-obj.img-t.g16 .img {
margin-bottom: 1rem;
}
.mr-b-18,
.info-obj.img-t.g18 .img {
margin-bottom: 1.125rem;
}
.mr-b-20,
.info-obj.img-t.g20 .img {
margin-bottom: 1.25rem;
}
.mr-b-10,
.info-obj.img-t.g10 .img {
margin-bottom: 0.625rem;
}
.mr-b-20,
.info-obj.img-t.g20 .img {
margin-bottom: 1.25rem;
}
.mr-b-30,
.info-obj.img-t.g30 .img {
margin-bottom: 1.875rem;
}
.mr-b-40,
.info-obj.img-t.g40 .img {
margin-bottom: 2.5rem;
}
.mr-b-50,
.info-obj.img-t.g50 .img {
margin-bottom: 3.125rem;
}
.mr-b-60,
.info-obj.img-t.g60 .img {
margin-bottom: 3.75rem;
}
.mr-b-70,
.info-obj.img-t.g70 .img {
margin-bottom: 4.375rem;
}
.mr-b-80,
.info-obj.img-t.g80 .img {
margin-bottom: 5rem;
}
.mr-b-90,
.info-obj.img-t.g90 .img {
margin-bottom: 5.625rem;
}
.mr-b-100,
.info-obj.img-t.g100 .img {
margin-bottom: 6.25rem;
}
.mr-b-110,
.info-obj.img-t.g110 .img {
margin-bottom: 6.875rem;
}
.mr-b-120,
.info-obj.img-t.g120 .img {
margin-bottom: 7.5rem;
}
.mr-b-130,
.info-obj.img-t.g130 .img {
margin-bottom: 8.125rem;
}
.mr-b-140,
.info-obj.img-t.g140 .img {
margin-bottom: 8.75rem;
}
.mr-b-150,
.info-obj.img-t.g150 .img {
margin-bottom: 9.375rem;
}
.mr-b-200,
.info-obj.img-t.g200 .img {
margin-bottom: 12.5rem;
}
.mr-b-250,
.info-obj.img-t.g250 .img {
margin-bottom: 15.625rem;
}
.mr-b-300,
.info-obj.img-t.g300 .img {
margin-bottom: 18.75rem;
}
.mr-b-350,
.info-obj.img-t.g350 .img {
margin-bottom: 21.875rem;
}
.mr-b-400,
.info-obj.img-t.g400 .img {
margin-bottom: 25rem;
}
.mr-b-450,
.info-obj.img-t.g450 .img {
margin-bottom: 28.125rem;
}
.mr-b-500,
.info-obj.img-t.g500 .img {
margin-bottom: 31.25rem;
}
/* MARGINE LEFT ONLY
------------------------------------*/
.mr-l-1 {
margin-left: 1px;
}
.mr-l-0,
.info-obj.img-l.g0 .info {
margin-left: 0rem;
}
.mr-l-2,
.info-obj.img-l.g2 .info {
margin-left: 0.125rem;
}
.mr-l-4,
.info-obj.img-l.g4 .info {
margin-left: 0.25rem;
}
.mr-l-6,
.info-obj.img-l.g6 .info {
margin-left: 0.375rem;
}
.mr-l-8,
.info-obj.img-l.g8 .info {
margin-left: 0.5rem;
}
.mr-l-10,
.info-obj.img-l.g10 .info {
margin-left: 0.625rem;
}
.mr-l-12,
.info-obj.img-l.g12 .info {
margin-left: 0.75rem;
}
.mr-l-14,
.info-obj.img-l.g14 .info {
margin-left: 0.875rem;
}
.mr-l-16,
.info-obj.img-l.g16 .info {
margin-left: 1rem;
}
.mr-l-18,
.info-obj.img-l.g18 .info {
margin-left: 1.125rem;
}
.mr-l-20,
.info-obj.img-l.g20 .info {
margin-left: 1.25rem;
}
.mr-l-10,
.info-obj.img-l.g10 .info {
margin-left: 0.625rem;
}
.mr-l-20,
.info-obj.img-l.g20 .info {
margin-left: 1.25rem;
}
.mr-l-30,
.info-obj.img-l.g30 .info {
margin-left: 1.875rem;
}
.mr-l-40,
.info-obj.img-l.g40 .info {
margin-left: 2.5rem;
}
.mr-l-50,
.info-obj.img-l.g50 .info {
margin-left: 3.125rem;
}
.mr-l-60,
.info-obj.img-l.g60 .info {
margin-left: 3.75rem;
}
.mr-l-70,
.info-obj.img-l.g70 .info {
margin-left: 4.375rem;
}
.mr-l-80,
.info-obj.img-l.g80 .info {
margin-left: 5rem;
}
.mr-l-90,
.info-obj.img-l.g90 .info {
margin-left: 5.625rem;
}
.mr-l-100,
.info-obj.img-l.g100 .info {
margin-left: 6.25rem;
}
/* MARGINE TOP BOTTOM ONLY
------------------------------------*/
.mr-tb-5 {
margin-top: 0.3125rem;
margin-bottom: 0.3125rem;
}
.mr-tb-10 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.mr-tb-20 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.mr-tb-30 {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
.mr-tb-40 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mr-tb-50 {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
.mr-tb-60 {
margin-top: 3.75rem;
margin-bottom: 3.75rem;
}
.mr-tb-70 {
margin-top: 4.375rem;
margin-bottom: 4.375rem;
}
.mr-tb-80 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mr-tb-90 {
margin-top: 5.625rem;
margin-bottom: 5.625rem;
}
.mr-tb-100 {
margin-top: 6.25rem;
margin-bottom: 6.25rem;
}
/* MARGINE LEFT RIGHT ONLY
------------------------------------*/
.mr-lr-5 {
margin-left: 0.3125rem;
margin-right: 0.3125rem;
}
.mr-lr-10 {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.mr-lr-20 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.mr-lr-30 {
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.mr-lr-40 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mr-lr-50 {
margin-left: 3.125rem;
margin-right: 3.125rem;
}
.mr-lr-60 {
margin-left: 3.75rem;
margin-right: 3.75rem;
}
.mr-lr-70 {
margin-left: 4.375rem;
margin-right: 4.375rem;
}
.mr-lr-80 {
margin-left: 5rem;
margin-right: 5rem;
}
.mr-lr-90 {
margin-left: 5.625rem;
margin-right: 5.625rem;
}
.mr-lr-100 {
margin-left: 6.25rem;
margin-right: 6.25rem;
}
/* MINUS TOP MARGINE
------------------------------------*/
.-mr-t {
margin-top: -100%;
}
.-mr-t-10 {
margin-top: -10px;
}
.-mr-t-20 {
margin-top: -20px;
}
.-mr-t-30 {
margin-top: -30px;
}
.-mr-t-40 {
margin-top: -40px;
}
.-mr-t-50 {
margin-top: -50px;
}
.-mr-t-60 {
margin-top: -60px;
}
.-mr-t-70 {
margin-top: -70px;
}
.-mr-t-80 {
margin-top: -80px;
}
.-mr-t-90 {
margin-top: -90px;
}
.-mr-t-100 {
margin-top: -100px;
}
.-mr-t-150 {
margin-top: -150px;
}
.-mr-t-200 {
margin-top: -200px;
}
.-mr-t-250 {
margin-top: -250px;
}
.-mr-t-300 {
margin-top: -300px;
}
.-mr-t-350 {
margin-top: -350px;
}
.-mr-t-400 {
margin-top: -400px;
}
.-mr-t-500 {
margin-top: -500px;
}
.-mr-t-600 {
margin-top: -600px;
}
/* MINUS BOTTOM MARGINE
------------------------------------*/
.-mr-b {
margin-bottom: -100%;
}
.-mr-b-10 {
margin-bottom: -10px;
}
.-mr-b-20 {
margin-bottom: -20px;
}
.-mr-b-30 {
margin-bottom: -30px;
}
.-mr-b-40 {
margin-bottom: -40px;
}
.-mr-b-50 {
margin-bottom: -50px;
}
.-mr-b-60 {
margin-bottom: -60px;
}
.-mr-b-70 {
margin-bottom: -70px;
}
.-mr-b-80 {
margin-bottom: -80px;
}
.-mr-b-90 {
margin-bottom: -90px;
}
.-mr-b-100 {
margin-bottom: -100px;
}
.-mr-b-150 {
margin-bottom: -150px;
}
.-mr-b-200 {
margin-bottom: -200px;
}
.-mr-b-250 {
margin-bottom: -250px;
}
.-mr-b-300 {
margin-bottom: -300px;
}
.-mr-b-350 {
margin-bottom: -350px;
}
.-mr-b-400 {
margin-bottom: -400px;
}
.-mr-b-400 {
margin-bottom: -400px;
}
.-mr-b-500 {
margin-bottom: -500px;
}
.-mr-b-600 {
margin-bottom: -600px;
}
/* MINUS LEFT MARGINE
------------------------------------*/
.-mr-l {
margin-left: -100%;
}
.-mr-l-10 {
margin-left: -10px;
}
.-mr-l-20 {
margin-left: -20px;
}
.-mr-l-30 {
margin-left: -30px;
}
.-mr-l-40 {
margin-left: -40px;
}
.-mr-l-50 {
margin-left: -50px;
}
.-mr-l-60 {
margin-left: -60px;
}
.-mr-l-70 {
margin-left: -70px;
}
.-mr-l-80 {
margin-left: -80px;
}
.-mr-l-90 {
margin-left: -90px;
}
.-mr-l-100 {
margin-left: -100px;
}
.-mr-l-150 {
margin-left: -150px;
}
.-mr-l-200 {
margin-left: -200px;
}
.-mr-l-250 {
margin-left: -250px;
}
.-mr-l-300 {
margin-left: -300px;
}
.-mr-l-350 {
margin-left: -350px;
}
.-mr-l-400 {
margin-left: -400px;
}
.-mr-l-400 {
margin-left: -400px;
}
.-mr-l-500 {
margin-left: -500px;
}
.-mr-l-600 {
margin-left: -600px;
}
/* MINUS BOTTOM MARGINE
------------------------------------*/
.-mr-r {
margin-right: -100%;
}
.-mr-r-10 {
margin-right: -10px;
}
.-mr-r-20 {
margin-right: -20px;
}
.-mr-r-30 {
margin-right: -30px;
}
.-mr-r-40 {
margin-right: -40px;
}
.-mr-r-50 {
margin-right: -50px;
}
.-mr-r-60 {
margin-right: -60px;
}
.-mr-r-70 {
margin-right: -70px;
}
.-mr-r-80 {
margin-right: -80px;
}
.-mr-r-90 {
margin-right: -90px;
}
.-mr-r-100 {
margin-right: -100px;
}
.-mr-r-150 {
margin-right: -150px;
}
.-mr-r-200 {
margin-right: -200px;
}
.-mr-r-250 {
margin-right: -250px;
}
.-mr-r-300 {
margin-right: -300px;
}
.-mr-r-350 {
margin-right: -350px;
}
.-mr-r-400 {
margin-right: -400px;
}
.-mr-r-400 {
margin-right: -400px;
}
.-mr-r-500 {
margin-right: -500px;
}
.-mr-r-600 {
margin-right: -600px;
}
/* SLIDER PAGINTION MARGINE
------------------------------------*/
.ctrl-mr-t10 .owl-dots {
margin-top: 10px;
}
.ctrl-mr-t20 .owl-dots {
margin-top: 20px;
}
.ctrl-mr-t30 .owl-dots {
margin-top: 30px;
}
.ctrl-mr-t40 .owl-dots {
margin-top: 40px;
}
/* FORM-FIELD BOTTOM MARGINE
------------------------------------*/
form.frm-gt5 .form-control {
margin-bottom: 5px;
}
form.frm-gt10 .form-control {
margin-bottom: 10px;
}
form.frm-gt20 .form-control {
margin-bottom: 20px;
}
form.frm-gt30 .form-control {
margin-bottom: 30px;
}
form.frm-gt40 .form-control {
margin-bottom: 40px;
}
form.frm-gt50 .form-control {
margin-bottom: 50px;
}
form.frm-gt60 .form-control {
margin-bottom: 60px;
}
form.frm-gt70 .form-control {
margin-bottom: 70px;
}
form.frm-gt80 .form-control {
margin-bottom: 80px;
}
form.frm-gt90 .form-control {
margin-bottom: 90px;
}
form.frm-gt100 .form-control {
margin-bottom: 100px;
}
form.frm-gt150 .form-control {
margin-bottom: 150px;
}
form.frm-gt200 .form-control {
margin-bottom: 200px;
}
/* IMAGE SIZE
------------------------------------*/
.img-half {
width: 50%;
height: 100%;
top: 0px;
bottom: 0px;
position: absolute;
overflow: hidden;
}
.img-half img {
height: 100%;
width: auto;
max-width: none;
}
.img-half.r {
right: 0px;
}
.img-half.l {
left: 0px;
}
/* SQUARE
------------------------------------*/
.sq20 {
width: 1.25rem;
height: 1.25rem;
}
.sq30 {
width: 1.875rem;
height: 1.875rem;
}
.sq40 {
width: 2.5rem;
height: 2.5rem;
}
.sq50 {
width: 3.125rem;
height: 3.125rem;
}
.sq60 {
width: 3.75rem;
height: 3.75rem;
}
.sq70 {
width: 4.375rem;
height: 4.375rem;
}
.sq80 {
width: 5rem;
height: 5rem;
}
.sq90 {
width: 5.625rem;
height: 5.625rem;
}
.sq100 {
width: 6.25rem;
height: 6.25rem;
}
.sq120 {
width: 7.5rem;
height: 7.5rem;
}
.sq140 {
width: 8.75rem;
height: 8.75rem;
}
.sq160 {
width: 10rem;
height: 10rem;
}
.sq180 {
width: 11.25rem;
height: 11.25rem;
}
.sq200 {
width: 12.5rem;
height: 12.5rem;
}
/* WIDTH VIEW PORT
------------------------------------*/
.vw100 {
width: 100vw;
}
.vw110 {
width: 110vw;
}
.vw120 {
width: 120vw;
}
.vw130 {
width: 130vw;
}
.vw140 {
width: 140vw;
}
.vw150 {
width: 150vw;
}
.vw160 {
width: 160vw;
}
.vw170 {
width: 170vw;
}
.vw180 {
width: 180vw;
}
.vw190 {
width: 190vw;
}
.vw200 {
width: 200vw;
}
/* WIDTH %
------------------------------------*/
.w5 {
width: 5%;
}
.w10 {
width: 10%;
}
.w15 {
width: 15%;
}
.w20 {
width: 20%;
}
.w25 {
width: 25%;
}
.w30 {
width: 30%;
}
.w35 {
width: 35%;
}
.w40 {
width: 40%;
}
.w45 {
width: 45%;
}
.w50 {
width: 50%;
}
.w55 {
width: 55%;
}
.w60 {
width: 60%;
}
.w65 {
width: 65%;
}
.w70 {
width: 70%;
}
.w75 {
width: 75%;
}
.w80 {
width: 80%;
}
.w85 {
width: 85%;
}
.w90 {
width: 90%;
}
.w95 {
width: 95%;
}
.w100 {
width: 100%;
}
.w110 {
width: 110%;
}
.w120 {
width: 120%;
}
.w130 {
width: 130%;
}
.w140 {
width: 140%;
}
.w150 {
width: 150%;
}
.w160 {
width: 160%;
}
.w170 {
width: 170%;
}
.w180 {
width: 180%;
}
.w190 {
width: 190%;
}
.w200 {
width: 200%;
}
/* WIDTH PX
------------------------------------*/
.px-w1 {
width: 1px;
}
.px-w10 {
width: 0.625rem;
}
.px-w20 {
width: 1.25rem;
}
.px-w30 {
width: 1.875rem;
}
.px-w40 {
width: 2.5rem;
}
.px-w50 {
width: 3.125rem;
}
.px-w60 {
width: 3.75rem;
}
.px-w70 {
width: 4.375rem;
}
.px-w80 {
width: 5rem;
}
.px-w90 {
width: 5.625rem;
}
.px-w100 {
width: 6.25rem;
}
.px-w110 {
width: 6.875rem;
}
.px-w120 {
width: 7.5rem;
}
.px-w130 {
width: 8.125rem;
}
.px-w140 {
width: 8.75rem;
}
.px-w150 {
width: 9.375rem;
}
.px-w160 {
width: 10rem;
}
.px-w170 {
width: 10.625rem;
}
.px-w180 {
width: 11.25rem;
}
.px-w190 {
width: 11.875rem;
}
.px-w200 {
width: 12.5rem;
}
.px-w200 {
width: 12.5rem;
}
.px-w300 {
width: 18.75rem;
}
.px-w400 {
width: 25rem;
}
.px-w500 {
width: 31.25rem;
}
.px-w600 {
width: 37.5rem;
}
.px-w700 {
width: 43.75rem;
}
.px-w800 {
width: 50rem;
}
.px-w900 {
width: 56.25rem;
}
.px-w1000 {
width: 62.5rem;
}
/* CUSTOME SIZE
------------------------------------*/
.w0 {
width: 0px;
}
.w33 {
width: 33.33333333333333%;
}
/* MINIMUM WIDTH
------------------------------------*/
.min-px-w20 {
min-width: 1.25rem;
}
.min-px-w30 {
min-width: 1.875rem;
}
.min-px-w40 {
min-width: 2.5rem;
}
.min-px-w50 {
min-width: 3.125rem;
}
.min-px-w60 {
min-width: 3.75rem;
}
.min-px-w70 {
min-width: 4.375rem;
}
.min-px-w80 {
min-width: 5rem;
}
.min-px-w90 {
min-width: 5.625rem;
}
.min-px-w100 {
min-width: 6.25rem;
}
.min-px-w150 {
min-width: 9.375rem;
}
.min-px-w200 {
min-width: 12.5rem;
}
.min-px-w250 {
min-width: 15.625rem;
}
.min-px-w300 {
min-width: 18.75rem;
}
.min-px-w350 {
min-width: 21.875rem;
}
.min-px-w400 {
min-width: 25rem;
}
.min-px-w450 {
min-width: 28.125rem;
}
.min-px-w500 {
min-width: 31.25rem;
}
.min-px-w550 {
min-width: 34.375rem;
}
.min-px-w600 {
min-width: 37.5rem;
}
.min-px-w650 {
min-width: 40.625rem;
}
.min-px-w700 {
min-width: 43.75rem;
}
.min-px-w750 {
min-width: 46.875rem;
}
.min-px-w800 {
min-width: 50rem;
}
.min-px-w850 {
min-width: 53.125rem;
}
.min-px-w900 {
min-width: 56.25rem;
}
.min-w10 {
min-width: 10%;
}
.min-w20 {
min-width: 20%;
}
.min-w30 {
min-width: 30%;
}
.min-w40 {
min-width: 40%;
}
.min-w50 {
min-width: 50%;
}
.min-w60 {
min-width: 60%;
}
.min-w70 {
min-width: 70%;
}
.min-w80 {
min-width: 80%;
}
.min-w90 {
min-width: 90%;
}
.min-w100 {
min-width: 100%;
}
/* MAX WIDTH
------------------------------------*/
.max-px-w20 {
max-width: 1.25rem;
}
.max-px-w30 {
max-width: 1.875rem;
}
.max-px-w40 {
max-width: 2.5rem;
}
.max-px-w50 {
max-width: 3.125rem;
}
.max-px-w60 {
max-width: 3.75rem;
}
.max-px-w70 {
max-width: 4.375rem;
}
.max-px-w80 {
max-width: 5rem;
}
.max-px-w90 {
max-width: 5.625rem;
}
.max-px-w100 {
max-width: 6.25rem;
}
.max-px-w150 {
max-width: 9.375rem;
}
.max-px-w200 {
max-width: 12.5rem;
}
.max-px-w250 {
max-width: 15.625rem;
}
.max-px-w300 {
max-width: 18.75rem;
}
.max-px-w350 {
max-width: 21.875rem;
}
.max-px-w400 {
max-width: 25rem;
}
.max-px-w450 {
max-width: 28.125rem;
}
.max-px-w500 {
max-width: 31.25rem;
}
.max-px-w550 {
max-width: 34.375rem;
}
.max-px-w600 {
max-width: 37.5rem;
}
.max-w10 {
max-width: 10%;
}
.max-w20 {
max-width: 20%;
}
.max-w30 {
max-width: 30%;
}
.max-w40 {
max-width: 40%;
}
.max-w50 {
max-width: 50%;
}
.max-w60 {
max-width: 60%;
}
.max-w70 {
max-width: 70%;
}
.max-w80 {
max-width: 80%;
}
.max-w90 {
max-width: 90%;
}
.max-w100 {
max-width: 100%;
}
/* VIEW PORT HEIGHT
------------------------------------*/
.vh50 {
height: 50vh;
}
.vh60 {
height: 60vh;
}
.vh70 {
height: 70vh;
}
.vh80 {
height: 80vh;
}
.vh90 {
height: 90vh;
}
.vh100 {
height: 100vh;
}
.vh110 {
height: 110vh;
}
.vh120 {
height: 120vh;
}
.vh130 {
height: 130vh;
}
.vh140 {
height: 140vh;
}
.vh150 {
height: 150vh;
}
.vh160 {
height: 160vh;
}
.vh170 {
height: 170vh;
}
.vh180 {
height: 180vh;
}
.vh190 {
height: 190vh;
}
.vh200 {
height: 200vh;
}
/* % HEIGHT
------------------------------------*/
.h50 {
height: 50%;
}
.h100 {
height: 100%;
}
/* PX HEIGHT
------------------------------------*/
.px-h10 {
height: 0.625rem;
}
.px-h20 {
height: 1.25rem;
}
.px-h30 {
height: 1.875rem;
}
.px-h40 {
height: 2.5rem;
}
.px-h50 {
height: 3.125rem;
}
.px-h60 {
height: 3.75rem;
}
.px-h70 {
height: 4.375rem;
}
.px-h80 {
height: 5rem;
}
.px-h90 {
height: 5.625rem;
}
.px-h100 {
height: 6.25rem;
}
.px-h110 {
height: 6.875rem;
}
.px-h120 {
height: 7.5rem;
}
.px-h130 {
height: 8.125rem;
}
.px-h140 {
height: 8.75rem;
}
.px-h150 {
height: 9.375rem;
}
.px-h160 {
height: 10rem;
}
.px-h170 {
height: 10.625rem;
}
.px-h180 {
height: 11.25rem;
}
.px-h190 {
height: 11.875rem;
}
.px-h200 {
height: 12.5rem;
}
.px-h200 {
height: 12.5rem;
}
.px-h250 {
height: 15.625rem;
}
.px-h300 {
height: 18.75rem;
}
.px-h350 {
height: 21.875rem;
}
.px-h400 {
height: 25rem;
}
.px-h450 {
height: 28.125rem;
}
.px-h500 {
height: 31.25rem;
}
.px-h550 {
height: 34.375rem;
}
.px-h600 {
height: 37.5rem;
}
.px-h650 {
height: 40.625rem;
}
.px-h700 {
height: 43.75rem;
}
.px-h750 {
height: 46.875rem;
}
.px-h800 {
height: 50rem;
}
.px-h850 {
height: 53.125rem;
}
.px-h900 {
height: 56.25rem;
}
.px-h950 {
height: 59.375rem;
}
.px-h1000 {
height: 62.5rem;
}
/* MINIMUM HEIGHT
------------------------------------*/
.min-px-h20 {
min-height: 1.25rem;
}
.min-px-h30 {
min-height: 1.875rem;
}
.min-px-h40 {
min-height: 2.5rem;
}
.min-px-h50 {
min-height: 3.125rem;
}
.min-px-h60 {
min-height: 3.75rem;
}
.min-px-h70 {
min-height: 4.375rem;
}
.min-px-h80 {
min-height: 5rem;
}
.min-px-h90 {
min-height: 5.625rem;
}
.min-px-h100 {
min-height: 6.25rem;
}
.min-px-h150 {
min-height: 9.375rem;
}
.min-px-h200 {
min-height: 12.5rem;
}
.min-px-h250 {
min-height: 15.625rem;
}
.min-px-h300 {
min-height: 18.75rem;
}
.min-px-h350 {
min-height: 21.875rem;
}
.min-px-h400 {
min-height: 25rem;
}
.min-px-h450 {
min-height: 28.125rem;
}
.min-px-h500 {
min-height: 31.25rem;
}
.min-px-h550 {
min-height: 34.375rem;
}
.min-px-h600 {
min-height: 37.5rem;
}
.min-vh-h10 {
min-height: 10vh;
}
.min-vh-h20 {
min-height: 20vh;
}
.min-vh-h30 {
min-height: 30vh;
}
.min-vh-h40 {
min-height: 40vh;
}
.min-vh-h50 {
min-height: 50vh;
}
.min-vh-h60 {
min-height: 60vh;
}
.min-vh-h70 {
min-height: 70vh;
}
.min-vh-h80 {
min-height: 80vh;
}
.min-vh-h90 {
min-height: 90vh;
}
.min-vh-h100 {
min-height: 100vh;
}
/* MAX HEIGHT
------------------------------------*/
.max-px-h20 {
max-height: 1.25rem;
}
.max-px-h30 {
max-height: 1.875rem;
}
.max-px-h40 {
max-height: 2.5rem;
}
.max-px-h50 {
max-height: 3.125rem;
}
.max-px-h60 {
max-height: 3.75rem;
}
.max-px-h70 {
max-height: 4.375rem;
}
.max-px-h80 {
max-height: 5rem;
}
.max-px-h90 {
max-height: 5.625rem;
}
.max-px-h100 {
max-height: 6.25rem;
}
.max-px-h150 {
max-height: 9.375rem;
}
.max-px-h200 {
max-height: 12.5rem;
}
.max-px-h250 {
max-height: 15.625rem;
}
.max-px-h300 {
max-height: 18.75rem;
}
.max-px-h350 {
max-height: 21.875rem;
}
.max-px-h400 {
max-height: 25rem;
}
.max-px-h450 {
max-height: 28.125rem;
}
.max-px-h500 {
max-height: 31.25rem;
}
.max-px-h550 {
max-height: 34.375rem;
}
.max-px-h600 {
max-height: 37.5rem;
}
.max-px-h700 {
max-height: 43.75rem;
}
.max-px-h800 {
max-height: 50rem;
}
.max-px-h900 {
max-height: 56.25rem;
}
/* WIDTH X HEIGHT - OTHER
------------------------------------*/
.w-auto {
width: auto!important;
}
.w-inherit {
width: inherit!important;
}
.w-initial {
width: initial!important;
}
.w-max-auto {
max-width: none!important;
}
.h-auto {
height: auto!important;
}
.h-inherit {
height: inherit!important;
}
.h-initial {
height: initial!important;
}
/* OTHER UTILITIES
------------------------------------*/
.hidden {
display: none;
}
.block {
display: block;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.overflow-none {
overflow: visible;
}
.pre {
white-space: pre;
}
.nowrap {
white-space: nowrap;
}
.wrap-normal {
white-space: normal;
}
.scroll-horizontal {
overflow-x: scroll;
overflow-y: hidden;
}
.scroll-vertical {
overflow-x: hidden;
overflow-y: scroll;
}
.no-scrollbar::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent;
}
.resize-none {
resize: none;
}
.resize-vertical {
resize: vertical;
}
.resize-horizontal {
resize: horizontal;
}
.cursor-pointer {
cursor: pointer;
}
.no-pointer-events {
pointer-events: none;
}
.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.fullscreen {
min-height: 100vh;
min-width: 100%;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.top {
top: 0;
}
.right {
right: 0;
}
.bottom {
bottom: 0;
}
.left {
left: 0;
}
.absolute-center {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
/* ANIMATION
------------------------------------*/
[data-masonry],
.main-head *,
.main-head .header-logo img,
.progress .progress-bar,
.hover-box1 *,
.price-table-4 .price-box,
.swiper-button-prev,
.swiper-button-next,
.member-box1 .social,
.price-table-1 > div,
.other-section-1 ol > li,
.other-section-1 ol > li *,
.menu-wrp,
a,
.btn,
.owl-nav *,
.anim,
.tb-list * {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
@-webkit-keyframes ckav_fadeup {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ckav_fadeup {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes ckav_fadedown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
}
@keyframes ckav_fadedown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
}
@-webkit-keyframes ckav_fadeindown {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ckav_fadeindown {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes ckav_fadeleft {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ckav_fadeleft {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.ckav_fadeup {
-webkit-animation-name: ckav_fadeup;
animation-name: ckav_fadeup;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ckav_fadedown {
-webkit-animation-name: ckav_fadedown;
animation-name: ckav_fadedown;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ckav_fadeindown {
-webkit-animation-name: ckav_fadeindown;
animation-name: ckav_fadeindown;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ckav_fadeleft {
-webkit-animation-name: ckav_fadeleft;
animation-name: ckav_fadeleft;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.s01 {
-webkit-animation-duration: 01s;
animation-duration: 01s;
}
.s02 {
-webkit-animation-duration: 02s;
animation-duration: 02s;
}
.s04 {
-webkit-animation-duration: 04s;
animation-duration: 04s;
}
.s010 {
-webkit-animation-duration: 010s;
animation-duration: 010s;
}
.delay-0s {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.delay-0-1s {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.delay-0-2s {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay-0-3s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay-0-4s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay-0-5s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-0-6s {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.delay-0-7s {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.delay-0-8s {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delay-0-9s {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay-1-1s {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.delay-1-2s {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.delay-1-3s {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.delay-1-4s {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.delay-1-5s {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay-1-6s {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.delay-1-7s {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.delay-1-8s {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.delay-1-9s {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.delay-2-1s {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.delay-3-5s {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.delay-4-5s {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.delay-5-5s {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.delay-6s {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.delay-6-5s {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.delay-7s {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.delay-7-5s {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.delay-8s {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.delay-8-5s {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.delay-9s {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
.delay-9-5s {
-webkit-animation-delay: 9.5s;
animation-delay: 9.5s;
}
.delay-10s {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.delay-10-5s {
-webkit-animation-delay: 10.5s;
animation-delay: 10.5s;
}
/*===========================================*/
/* MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
/* COMMON PARALLAX
------------------------------------*/
.el-parallax {
-webkit-transform: none !important;
transform: none !important;
}
/* COMMON FONT SIZE
------------------------------------*/
[data-ckav-sm*="fs12"],
.title[data-ckav-sm*="fs12"] {
font-size: 12px;
}
[data-ckav-sm*="fs13"],
.title[data-ckav-sm*="fs13"] {
font-size: 13px;
}
[data-ckav-sm*="fs14"],
.title[data-ckav-sm*="fs14"] {
font-size: 14px;
}
[data-ckav-sm*="fs16"],
.title[data-ckav-sm*="fs16"] {
font-size: 16px;
}
[data-ckav-sm*="fs18"],
.title[data-ckav-sm*="fs18"] {
font-size: 18px;
}
[data-ckav-sm*="fs20"],
.title[data-ckav-sm*="fs20"] {
font-size: 20px;
}
[data-ckav-sm*="fs22"],
.title[data-ckav-sm*="fs22"] {
font-size: 22px;
}
[data-ckav-sm*="fs24"],
.title[data-ckav-sm*="fs24"] {
font-size: 24px;
}
[data-ckav-sm*="fs26"],
.title[data-ckav-sm*="fs26"] {
font-size: 26px;
}
[data-ckav-sm*="fs28"],
.title[data-ckav-sm*="fs28"] {
font-size: 28px;
}
[data-ckav-sm*="fs30"],
.title[data-ckav-sm*="fs30"] {
font-size: 30px;
}
[data-ckav-sm*="fs40"],
.title[data-ckav-sm*="fs40"] {
font-size: 40px;
}
[data-ckav-sm*="fs50"],
.title[data-ckav-sm*="fs50"] {
font-size: 50px;
}
/* TITLE FONT SIZE
------------------------------------*/
.title[data-ckav-sm*="large"] {
font-size: 40px;
}
.title[data-ckav-sm*="medium"] {
font-size: 26px;
}
.title[data-ckav-sm*="small"] {
font-size: 20px;
}
.title[data-ckav-sm*="mini"] {
font-size: 16px;
}
.title[data-ckav-sm*="tiny"] {
font-size: 14px;
}
/* TITLE SUB FONT SIZE
------------------------------------*/
.title-sub[data-ckav-sm*="large"] {
font-size: 24px;
}
.title-sub[data-ckav-sm*="medium"] {
font-size: 20px;
}
.title-sub[data-ckav-sm*="small"] {
font-size: 16px;
}
.title-sub[data-ckav-sm*="mini"] {
font-size: 14px;
}
.title-sub[data-ckav-sm*="tiny"] {
font-size: 12px;
}
/* FONT WEIGHT
------------------------------------*/
[data-ckav-sm*="bold-n"] {
font-weight: normal;
}
[data-ckav-sm*="bold-1"] {
font-weight: 300;
}
[data-ckav-sm*="bold-2"] {
font-weight: 400;
}
[data-ckav-sm*="bold-3"] {
font-weight: 600;
}
[data-ckav-sm*="bold-4"] {
font-weight: 700;
}
[data-ckav-sm*="bold-5"] {
font-weight: 800;
}
/* BUTTON SIZE
------------------------------------*/
.btn[data-ckav-sm*="large"] {
padding: 18px 30px;
font-size: 26px;
min-height: 64px;
}
.btn[data-ckav-sm*="medium"] {
padding: 14px 20px;
font-size: 16px;
min-height: 45px;
}
.btn[data-ckav-sm*="small"] {
padding: 10px 18px;
font-size: 13px;
min-height: 14px;
}
.btn[data-ckav-sm*="mini"] {
padding: 6px 12px;
font-size: 13px;
min-height: 26px;
}
.btn[data-ckav-sm*="tiny"] {
padding: 5px 10px 4px 10px;
font-size: 11px;
min-height: 22px;
}
.btn[data-ckav-sm*="large round"] {
padding-left: 40px;
padding-right: 40px;
border-radius: 100px;
}
.btn[data-ckav-sm*="medium round"] {
padding-left: 30px;
padding-right: 30px;
border-radius: 100px;
}
.btn[data-ckav-sm*="small round"] {
padding-left: 28px;
padding-right: 28px;
border-radius: 100px;
}
.btn[data-ckav-sm*="mini round"] {
padding-left: 22px;
padding-right: 22px;
border-radius: 100px;
}
.btn[data-ckav-sm*="tiny round"] {
padding-left: 20px;
padding-right: 20px;
border-radius: 100px;
}
/* ALIGNMENT
------------------------------------*/
[data-ckav-sm*="align-c"].ctrl-l .owl-dots,
[data-ckav-sm*="align-c"] {
text-align: center;
}
[data-ckav-sm*="align-c"] .img {
margin-left: auto;
margin-right: auto;
}
[data-ckav-sm*="align-l"] {
text-align: left;
}
/* MARGINE COMMON
------------------------------------*/
[data-ckav-sm*="mr-auto"] {
margin-left: auto !important;
margin-right: auto !important;
}
[data-ckav-sm*="mr-0"] {
margin: 0px;
}
[data-ckav-sm*="mr-5"] {
margin: 5px;
}
[data-ckav-sm*="mr-10"] {
margin: 10px;
}
[data-ckav-sm*="mr-tb-0"] {
margin-top: 0px;
margin-bottom: 0px;
}
[data-ckav-sm*="mr-tb-10"] {
margin-top: 10px;
margin-bottom: 10px;
}
[data-ckav-sm*="mr-tb-20"] {
margin-top: 20px;
margin-bottom: 20px;
}
[data-ckav-sm*="mr-tb-30"] {
margin-top: 30px;
margin-bottom: 30px;
}
/* MARGINE TOP BOTTOM
------------------------------------*/
[data-ckav-sm*="mr-tb-large"] {
margin-top: 80px;
margin-bottom: 80px;
}
[data-ckav-sm*="mr-tb-medium"] {
margin-top: 60px;
margin-bottom: 60px;
}
[data-ckav-sm*="mr-tb-small"] {
margin-top: 40px;
margin-bottom: 40px;
}
[data-ckav-sm*="mr-tb-mini"] {
margin-top: 25px;
margin-bottom: 25px;
}
[data-ckav-sm*="mr-tb-tiny"] {
margin-top: 15px;
margin-bottom: 15px;
}
[data-ckav-sm*="mr-tb-micro"] {
margin-top: 10px;
margin-bottom: 10px;
}
/* - MARGINE TOP
------------------------------------*/
[data-ckav-sm*="-mr-t-10"] {
margin-top: -10px;
}
[data-ckav-sm*="-mr-t-20"] {
margin-top: -20px;
}
[data-ckav-sm*="-mr-t-30"] {
margin-top: -30px;
}
[data-ckav-sm*="-mr-t-40"] {
margin-top: -40px;
}
[data-ckav-sm*="-mr-t-50"] {
margin-top: -50px;
}
[data-ckav-sm*="-mr-t-60"] {
margin-top: -60px;
}
[data-ckav-sm*="-mr-t-70"] {
margin-top: -70px;
}
[data-ckav-sm*="-mr-t-80"] {
margin-top: -80px;
}
/* MARGINE TOP
------------------------------------*/
[data-ckav-sm*="mr-t-0"] {
margin-top: 0px;
}
[data-ckav-sm*="mr-t-5"] {
margin-top: 5px;
}
[data-ckav-sm*="mr-t-10"] {
margin-top: 10px;
}
[data-ckav-sm*="mr-t-20"] {
margin-top: 20px;
}
[data-ckav-sm*="mr-t-30"] {
margin-top: 30px;
}
[data-ckav-sm*="mr-t-40"] {
margin-top: 40px;
}
[data-ckav-sm*="mr-t-50"] {
margin-top: 50px;
}
[data-ckav-sm*="mr-t-60"] {
margin-top: 60px;
}
/* MARGINE BOTTOM
------------------------------------*/
[data-ckav-sm*="mr-b-0"] {
margin-bottom: 0px;
}
[data-ckav-sm*="mr-b-5"] {
margin-bottom: 5px;
}
[data-ckav-sm*="mr-b-10"] {
margin-bottom: 10px;
}
[data-ckav-sm*="mr-b-20"] {
margin-bottom: 20px;
}
[data-ckav-sm*="mr-b-30"] {
margin-bottom: 30px;
}
[data-ckav-sm*="mr-b-40"] {
margin-bottom: 40px;
}
[data-ckav-sm*="mr-b-50"] {
margin-bottom: 50px;
}
[data-ckav-sm*="mr-b-60"] {
margin-bottom: 60px;
}
/* MARGINE LEFT
------------------------------------*/
[data-ckav-sm*="mr-l-0"] {
margin-left: 0px !important;
}
[data-ckav-sm*="mr-l-5"] {
margin-left: 5px;
}
[data-ckav-sm*="mr-l-10"] {
margin-left: 10px;
}
[data-ckav-sm*="mr-l-20"] {
margin-left: 20px;
}
[data-ckav-sm*="mr-l-30"] {
margin-left: 30px;
}
[data-ckav-sm*="mr-l-40"] {
margin-left: 40px;
}
[data-ckav-sm*="mr-l-50"] {
margin-left: 50px;
}
[data-ckav-sm*="mr-l-60"] {
margin-left: 60px;
}
/* MARGINE RIGHT
------------------------------------*/
[data-ckav-sm*="mr-r-0"] {
margin-right: 0px !important;
}
[data-ckav-sm*="mr-r-5"] {
margin-right: 5px;
}
[data-ckav-sm*="mr-r-10"] {
margin-right: 10px;
}
[data-ckav-sm*="mr-r-20"] {
margin-right: 20px;
}
[data-ckav-sm*="mr-r-30"] {
margin-right: 30px;
}
[data-ckav-sm*="mr-r-40"] {
margin-right: 40px;
}
[data-ckav-sm*="mr-r-50"] {
margin-right: 50px;
}
[data-ckav-sm*="mr-r-60"] {
margin-right: 60px;
}
/* PADDING COMMON
------------------------------------*/
[data-ckav-sm*="pd-0"] {
padding: 0px;
}
[data-ckav-sm*="pd-5"] {
padding: 5px;
}
[data-ckav-sm*="pd-10"] {
padding: 10px;
}
[data-ckav-sm*="pd-20"] {
padding: 20px;
}
[data-ckav-sm*="pd-30"] {
padding: 30px;
}
[data-ckav-sm*="pd-40"] {
padding: 40px;
}
/* PADDING LEFT RIGHT
------------------------------------*/
[data-ckav-sm*="pd-lr-10"] {
padding-left: 10px;
padding-right: 10px;
}
[data-ckav-sm*="pd-lr-20"] {
padding-left: 20px;
padding-right: 20px;
}
[data-ckav-sm*="pd-lr-30"] {
padding-left: 30px;
padding-right: 30px;
}
/* PADDING TOP BOTTOM
------------------------------------*/
[data-ckav-sm*="pd-tb-large"] {
padding-top: 80px;
padding-bottom: 80px;
}
[data-ckav-sm*="pd-tb-medium"] {
padding-top: 60px;
padding-bottom: 60px;
}
[data-ckav-sm*="pd-tb-small"] {
padding-top: 40px;
padding-bottom: 40px;
}
[data-ckav-sm*="pd-tb-mini"] {
padding-top: 25px;
padding-bottom: 25px;
}
[data-ckav-sm*="pd-tb-tiny"] {
padding-top: 15px;
padding-bottom: 15px;
}
[data-ckav-sm*="pd-tb-micro"] {
padding-top: 10px;
padding-bottom: 10px;
}
[data-ckav-sm*="pd-tb-10"] {
padding-top: 10px;
padding-bottom: 10px;
}
[data-ckav-sm*="pd-tb-20"] {
padding-top: 20px;
padding-bottom: 20px;
}
[data-ckav-sm*="pd-tb-30"] {
padding-top: 30px;
padding-bottom: 30px;
}
[data-ckav-sm*="pd-tb-40"] {
padding-top: 40px;
padding-bottom: 40px;
}
[data-ckav-sm*="pd-tb-50"] {
padding-top: 50px;
padding-bottom: 50px;
}
/* PADDING TOP
------------------------------------*/
[data-ckav-sm*="pd-t-0"] {
padding-top: 0px;
}
[data-ckav-sm*="pd-t-5"] {
padding-top: 5px;
}
[data-ckav-sm*="pd-t-10"] {
padding-top: 10px;
}
[data-ckav-sm*="pd-t-20"] {
padding-top: 20px;
}
[data-ckav-sm*="pd-t-30"] {
padding-top: 30px;
}
[data-ckav-sm*="pd-t-40"] {
padding-top: 40px;
}
[data-ckav-sm*="pd-t-50"] {
padding-top: 50px;
}
[data-ckav-sm*="pd-t-60"] {
padding-top: 60px;
}
/* PADDING BOTTOM
------------------------------------*/
[data-ckav-sm*="pd-b-0"] {
padding-bottom: 0px;
}
[data-ckav-sm*="pd-b-5"] {
padding-bottom: 5px;
}
[data-ckav-sm*="pd-b-10"] {
padding-bottom: 10px;
}
[data-ckav-sm*="pd-b-20"] {
padding-bottom: 20px;
}
[data-ckav-sm*="pd-b-30"] {
padding-bottom: 30px;
}
[data-ckav-sm*="pd-b-40"] {
padding-bottom: 40px;
}
[data-ckav-sm*="pd-b-50"] {
padding-bottom: 50px;
}
[data-ckav-sm*="pd-b-60"] {
padding-bottom: 60px;
}
/* PADDING LEFT
------------------------------------*/
[data-ckav-sm*="pd-l-0"] {
padding-left: 0px;
}
[data-ckav-sm*="pd-l-5"] {
padding-left: 5px;
}
[data-ckav-sm*="pd-l-10"] {
padding-left: 10px;
}
[data-ckav-sm*="pd-l-20"] {
padding-left: 20px;
}
[data-ckav-sm*="pd-l-30"] {
padding-left: 30px;
}
[data-ckav-sm*="pd-l-40"] {
padding-left: 40px;
}
[data-ckav-sm*="pd-l-50"] {
padding-left: 50px;
}
[data-ckav-sm*="pd-l-60"] {
padding-left: 60px;
}
/* PADDING RIGHT
------------------------------------*/
[data-ckav-sm*="pd-r-0"] {
padding-right: 0px;
}
[data-ckav-sm*="pd-r-5"] {
padding-right: 5px;
}
[data-ckav-sm*="pd-r-10"] {
padding-right: 10px;
}
[data-ckav-sm*="pd-r-20"] {
padding-right: 20px;
}
[data-ckav-sm*="pd-r-30"] {
padding-right: 30px;
}
[data-ckav-sm*="pd-r-40"] {
padding-right: 40px;
}
[data-ckav-sm*="pd-r-50"] {
padding-right: 50px;
}
[data-ckav-sm*="pd-r-60"] {
padding-right: 60px;
}
/* WIDTH
------------------------------------*/
[data-ckav-sm*="w-reset"] {
width: auto;
max-width: inherit;
min-width: inherit;
}
.w80,
.w60,
.w75,
.w50,
.w33,
.w25,
.w20 {
width: 100%;
}
[data-ckav-sm*="w100"] {
width: 100%;
}
[data-ckav-sm*="w90"] {
width: 90%;
}
[data-ckav-sm*="w80"] {
width: 80%;
}
[data-ckav-sm*="px-w40"] {
width: 40px;
}
[data-ckav-sm*="px-w50"] {
width: 50px;
}
[data-ckav-sm*="px-w60"] {
width: 60px;
}
[data-ckav-sm*="px-w80"] {
width: 80px;
}
[data-ckav-sm*="max-px-w100"] {
max-width: 100px;
}
[data-ckav-sm*="max-px-w200"] {
max-width: 200px;
}
[data-ckav-sm*="max-px-w300"] {
max-width: 300px;
}
[data-ckav-sm*="max-px-w400"] {
max-width: 400px;
}
[data-ckav-sm*="min-px-w100"] {
min-width: 100px;
}
[data-ckav-sm*="min-px-w120"] {
min-width: 120px;
}
/* HEIGHT
------------------------------------*/
[data-ckav-sm*="h-reset"] {
height: auto !important;
max-height: inherit;
min-height: inherit;
}
[data-ckav-sm*="h100"] {
height: 100%;
}
[data-ckav-sm*="px-h400"] {
height: 400px;
}
[data-ckav-sm*="min-px-h100"] {
min-height: 100px;
}
[data-ckav-sm*="min-px-h200"] {
min-height: 200px;
}
[data-ckav-sm*="min-px-h300"] {
min-height: 300px;
}
[data-ckav-sm*="min-px-h400"] {
min-height: 400px;
}
[data-ckav-sm*="min-px-h500"] {
min-height: 500px;
}
/* SQUARE
------------------------------------*/
[data-ckav-sm*="sq50"] {
width: 50px;
height: 50px;
}
[data-ckav-sm*="sq60"] {
width: 60px;
height: 60px;
}
[data-ckav-sm*="sq70"] {
width: 70px;
height: 70px;
}
[data-ckav-sm*="sq80"] {
width: 80px;
height: 80px;
}
/* OTHER
------------------------------------*/
.row-bdr > [class*="flex-col-"] {
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.row-bdr > [class*="flex-col-"]:last-child {
border-bottom: none;
}
.row-bdr {
border: 1px solid rgba(0, 0, 0, 0.06);
}
.img-half {
width: 100%;
position: static;
}
.img-half img {
float: none;
width: 100%;
height: auto;
}
[data-ckav-sm*="hide"] {
display: none !important;
}
[data-ckav-sm*="pos-rel"] {
position: relative;
}
[data-ckav-sm*="t0"] {
top: 0;
}
[data-ckav-sm*="l0"] {
left: 0;
}
[data-ckav-sm*="r0"] {
right: 0;
}
[data-ckav-sm*="b0"] {
bottom: 0;
}
[data-ckav-sm*="block"] {
display: block !important;
}
[data-ckav-sm*="bdr-reset"] {
border: none;
}
[data-ckav-sm*="row-sep-reset"] > [class*="flex-col-"] {
border: none;
}
[data-ckav-sm*="bg-cc"] {
background-position: center center;
}
[data-ckav-sm*="bg-ct"] {
background-position: center top;
}
[data-ckav-sm*="bg-cb"] {
background-position: center bottom;
}
[data-ckav-sm*="bg-lt"] {
background-position: left top;
}
[data-ckav-sm*="bg-lc"] {
background-position: left center;
}
[data-ckav-sm*="bg-lb"] {
background-position: left bottom;
}
[data-ckav-sm*="bg-rt"] {
background-position: right top;
}
[data-ckav-sm*="bg-rc"] {
background-position: right center;
}
[data-ckav-sm*="bg-rb"] {
background-position: right bottom;
}
/* ROW PADDING MARGINE RESET
------------------------------------*/
[data-ckav-sm*="gt0"] {
margin-left: 0 !important;
margin-right: 0 !important;
}
[data-ckav-sm*="gt0"] > [class*="flex-col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* INLINE GRID RESET
------------------------------------*/
[data-ckav-sm*="reset-grid"] {
display: block;
}
[data-ckav-sm*="img-t"].info-obj {
width: 100%;
display: block;
}
[data-ckav-sm*="img-t"].info-obj > .img {
margin-bottom: 20px;
}
[data-ckav-sm*="img-t"].info-obj .info {
margin-left: auto !important;
margin-right: auto !important;
}
[data-ckav-sm*="subscribe-reset"].inline.subscribe-block .form-group:nth-child(3) .btn {
display: block;
position: relative;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
}
[data-ckav-sm*="subscribe-reset"].inline.subscribe-block .form-widget,
[data-ckav-sm*="subscribe-reset"].inline.subscribe-block input,
[data-ckav-sm*="subscribe-reset"].inline.subscribe-block .form-group {
display: block !important;
margin-right: 0px;
}
[data-ckav-sm*="inline-grid-reset"] {
display: block;
}
}
/*===========================================*/
/* TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 1024px) {
/* COMMON
------------------------------------*/
.pd-tb-large {
padding-top: 80px;
padding-bottom: 80px;
}
.el-parallax {
-webkit-transform: none !important;
transform: none !important;
}
/* FONT SIZE
------------------------------------*/
[data-ckav-md*="fs12"],
.title[data-ckav-md*="fs12"] {
font-size: 12px;
}
[data-ckav-md*="fs13"],
.title[data-ckav-md*="fs13"] {
font-size: 13px;
}
[data-ckav-md*="fs14"],
.title[data-ckav-md*="fs14"] {
font-size: 14px;
}
[data-ckav-md*="fs16"],
.title[data-ckav-md*="fs16"] {
font-size: 16px;
}
[data-ckav-md*="fs18"],
.title[data-ckav-md*="fs18"] {
font-size: 18px;
}
[data-ckav-md*="fs20"],
.title[data-ckav-md*="fs20"] {
font-size: 20px;
}
[data-ckav-md*="fs22"],
.title[data-ckav-md*="fs22"] {
font-size: 22px;
}
[data-ckav-md*="fs24"],
.title[data-ckav-md*="fs24"] {
font-size: 24px;
}
[data-ckav-md*="fs26"],
.title[data-ckav-md*="fs26"] {
font-size: 26px;
}
[data-ckav-md*="fs28"],
.title[data-ckav-md*="fs28"] {
font-size: 28px;
}
[data-ckav-md*="fs30"],
.title[data-ckav-md*="fs30"] {
font-size: 30px;
}
[data-ckav-md*="fs40"],
.title[data-ckav-md*="fs40"] {
font-size: 40px;
}
[data-ckav-md*="fs50"],
.title[data-ckav-md*="fs50"] {
font-size: 50px;
}
/* TITLE FONT SIZE
------------------------------------*/
.title[data-ckav-md*="large"] {
font-size: 40px;
}
.title[data-ckav-md*="medium"] {
font-size: 30px;
}
.title[data-ckav-md*="small"] {
font-size: 26px;
}
.title[data-ckav-md*="mini"] {
font-size: 22px;
}
.title[data-ckav-md*="tiny"] {
font-size: 18px;
}
/* TITLE SUB FONT SIZE
------------------------------------*/
.title-sub[data-ckav-md*="large"] {
font-size: 24px;
}
.title-sub[data-ckav-md*="medium"] {
font-size: 20px;
}
.title-sub[data-ckav-md*="small"] {
font-size: 16px;
}
.title-sub[data-ckav-md*="mini"] {
font-size: 14px;
}
.title-sub[data-ckav-md*="tiny"] {
font-size: 12px;
}
/* FONT WEIGHT
------------------------------------*/
[data-ckav-md*="bold-n"] {
font-weight: normal;
}
[data-ckav-md*="bold-1"] {
font-weight: 300;
}
[data-ckav-md*="bold-2"] {
font-weight: 400;
}
[data-ckav-md*="bold-3"] {
font-weight: 600;
}
[data-ckav-md*="bold-4"] {
font-weight: 700;
}
[data-ckav-md*="bold-5"] {
font-weight: 800;
}
/* BUTTON SIZE
------------------------------------*/
.btn[data-ckav-md*="large"] {
padding: 18px 30px;
font-size: 26px;
min-height: 64px;
}
.btn[data-ckav-md*="medium"] {
padding: 14px 20px;
font-size: 16px;
min-height: 45px;
}
.btn[data-ckav-md*="small"] {
padding: 10px 18px;
font-size: 13px;
min-height: 14px;
}
.btn[data-ckav-md*="mini"] {
padding: 6px 12px;
font-size: 13px;
min-height: 26px;
}
.btn[data-ckav-md*="tiny"] {
padding: 5px 10px 4px 10px;
font-size: 11px;
min-height: 22px;
}
.btn[data-ckav-md*="large round"] {
padding-left: 40px;
padding-right: 40px;
border-radius: 100px;
}
.btn[data-ckav-md*="medium round"] {
padding-left: 30px;
padding-right: 30px;
border-radius: 100px;
}
.btn[data-ckav-md*="small round"] {
padding-left: 28px;
padding-right: 28px;
border-radius: 100px;
}
.btn[data-ckav-md*="mini round"] {
padding-left: 22px;
padding-right: 22px;
border-radius: 100px;
}
.btn[data-ckav-md*="tiny round"] {
padding-left: 20px;
padding-right: 20px;
border-radius: 100px;
}
/* ALIGNMENT
------------------------------------*/
[data-ckav-md*="align-c"].ctrl-l .owl-dots,
[data-ckav-md*="align-c"] {
text-align: center;
}
[data-ckav-md*="align-c"] .img {
margin-left: auto;
margin-right: auto;
}
[data-ckav-md*="align-l"] {
text-align: left;
}
/* MARGINE COMMON
------------------------------------*/
[data-ckav-md*="mr-auto"] {
margin-left: auto;
margin-right: auto;
}
[data-ckav-md*="mr-0"] {
margin: 0px;
}
[data-ckav-md*="mr-5"] {
margin: 5px;
}
[data-ckav-md*="mr-10"] {
margin: 10px;
}
[data-ckav-md*="mr-tb-0"] {
margin-top: 0px;
margin-bottom: 0px;
}
[data-ckav-md*="mr-tb-10"] {
margin-top: 10px;
margin-bottom: 10px;
}
[data-ckav-md*="mr-tb-20"] {
margin-top: 20px;
margin-bottom: 20px;
}
[data-ckav-md*="mr-tb-30"] {
margin-top: 30px;
margin-bottom: 30px;
}
/* MARGINE TOP ONLY
------------------------------------*/
[data-ckav-md*="mr-t-0"] {
margin-top: 0px;
}
[data-ckav-md*="mr-t-5"] {
margin-top: 5px;
}
[data-ckav-md*="mr-t-10"] {
margin-top: 10px;
}
[data-ckav-md*="mr-t-20"] {
margin-top: 20px;
}
[data-ckav-md*="mr-t-30"] {
margin-top: 30px;
}
[data-ckav-md*="mr-t-40"] {
margin-top: 40px;
}
[data-ckav-md*="mr-t-50"] {
margin-top: 50px;
}
[data-ckav-md*="mr-t-60"] {
margin-top: 60px;
}
/* MARGINE BOTTOM
------------------------------------*/
[data-ckav-md*="mr-b-0"] {
margin-bottom: 0px;
}
[data-ckav-md*="mr-b-5"] {
margin-bottom: 5px;
}
[data-ckav-md*="mr-b-10"] {
margin-bottom: 10px;
}
[data-ckav-md*="mr-b-20"] {
margin-bottom: 20px;
}
[data-ckav-md*="mr-b-30"] {
margin-bottom: 30px;
}
[data-ckav-md*="mr-b-40"] {
margin-bottom: 40px;
}
[data-ckav-md*="mr-b-50"] {
margin-bottom: 50px;
}
[data-ckav-md*="mr-b-60"] {
margin-bottom: 60px;
}
/* PADDING ONLY
------------------------------------*/
[data-ckav-md*="pd-0"] {
padding: 0px;
}
[data-ckav-md*="pd-10"] {
padding: 10px;
}
[data-ckav-md*="pd-20"] {
padding: 20px;
}
[data-ckav-md*="pd-30"] {
padding: 30px;
}
[data-ckav-md*="pd-40"] {
padding: 40px;
}
[data-ckav-md*="pd-50"] {
padding: 50px;
}
/* PADDING LEFT RIGHT
------------------------------------*/
[data-ckav-md*="pd-lr-10"] {
padding-left: 10px;
padding-right: 10px;
}
[data-ckav-md*="pd-lr-20"] {
padding-left: 20px;
padding-right: 20px;
}
[data-ckav-md*="pd-lr-30"] {
padding-left: 30px;
padding-right: 30px;
}
/* PADDING TOP BOTTOM
------------------------------------*/
[data-ckav-md*="pd-tb-large"] {
padding-top: 80px;
padding-bottom: 80px;
}
[data-ckav-md*="pd-tb-medium"] {
padding-top: 60px;
padding-bottom: 60px;
}
[data-ckav-md*="pd-tb-small"] {
padding-top: 40px;
padding-bottom: 40px;
}
[data-ckav-md*="pd-tb-mini"] {
padding-top: 25px;
padding-bottom: 25px;
}
[data-ckav-md*="pd-tb-tiny"] {
padding-top: 15px;
padding-bottom: 15px;
}
[data-ckav-md*="pd-tb-micro"] {
padding-top: 10px;
padding-bottom: 10px;
}
/* PADDING TOP
------------------------------------*/
[data-ckav-md*="pd-t-0"] {
padding-top: 0px;
}
[data-ckav-md*="pd-t-5"] {
padding-top: 5px;
}
[data-ckav-md*="pd-t-10"] {
padding-top: 10px;
}
[data-ckav-md*="pd-t-20"] {
padding-top: 20px;
}
[data-ckav-md*="pd-t-30"] {
padding-top: 30px;
}
[data-ckav-md*="pd-t-40"] {
padding-top: 40px;
}
[data-ckav-md*="pd-t-50"] {
padding-top: 50px;
}
[data-ckav-md*="pd-t-60"] {
padding-top: 60px;
}
/* PADDING BOTTOM
------------------------------------*/
[data-ckav-md*="pd-b-0"] {
padding-bottom: 0px;
}
[data-ckav-md*="pd-b-5"] {
padding-bottom: 5px;
}
[data-ckav-md*="pd-b-10"] {
padding-bottom: 10px;
}
[data-ckav-md*="pd-b-20"] {
padding-bottom: 20px;
}
[data-ckav-md*="pd-b-30"] {
padding-bottom: 30px;
}
[data-ckav-md*="pd-b-40"] {
padding-bottom: 40px;
}
[data-ckav-md*="pd-b-50"] {
padding-bottom: 50px;
}
[data-ckav-md*="pd-b-60"] {
padding-bottom: 60px;
}
/* WIDTH
------------------------------------*/
[data-ckav-md*="w-reset"] {
width: auto;
max-width: inherit;
min-width: inherit;
}
[data-ckav-md*="w100"] {
width: 100%;
}
[data-ckav-md*="w80"] {
width: 80%;
}
[data-ckav-md*="px-w40"] {
width: 40px;
}
[data-ckav-md*="px-w50"] {
width: 50px;
}
[data-ckav-md*="px-w60"] {
width: 60px;
}
[data-ckav-md*="px-w80"] {
width: 80px;
}
[data-ckav-md*="max-px-w100"] {
max-width: 100px;
}
[data-ckav-md*="max-px-w200"] {
max-width: 200px;
}
[data-ckav-md*="max-px-w300"] {
max-width: 300px;
}
[data-ckav-md*="max-px-w400"] {
max-width: 400px;
}
[data-ckav-md*="min-px-w100"] {
min-width: 100px;
}
[data-ckav-md*="min-px-w120"] {
min-width: 120px;
}
/* HEIGHT
------------------------------------*/
[data-ckav-md*="h-reset"] {
height: auto;
max-height: inherit;
min-height: inherit;
}
[data-ckav-md*="h100"] {
height: 100%;
}
[data-ckav-md*="px-h400"] {
height: 400px;
}
[data-ckav-md*="min-px-h100"] {
min-height: 100px;
}
[data-ckav-md*="min-px-h200"] {
min-height: 200px;
}
[data-ckav-md*="min-px-h300"] {
min-height: 300px;
}
[data-ckav-md*="min-px-h400"] {
min-height: 400px;
}
[data-ckav-md*="min-px-h500"] {
min-height: 500px;
}
/* OTHER
------------------------------------*/
[data-ckav-md*="hide"] {
display: none !important;
}
[data-ckav-md*="pos-rel"] {
position: relative;
}
[data-ckav-md*="block"] {
display: block !important;
}
[data-ckav-md*="bdr-reset"] {
border: none;
}
[data-ckav-md*="img-t"].info-obj {
width: 100%;
display: block;
}
[data-ckav-md*="img-t"].info-obj .info {
margin-left: auto !important;
margin-right: auto !important;
}
[data-ckav-md*="parallax-reset"] {
-webkit-transform: none !important;
transform: none !important;
display: block !important;
top: 0 !important;
margin: 0 !important;
}
}