/* ==========================================================================
BASIC GLOBAL STYLE - CHANGE ACCORDING TO YOUR NEED 
NOTE - MAKE SURE WHY AND WHAT ARE YOU DOING 
========================================================================== */
/** 
* Box Sizing
* 
* Applies a natural box layout model to all elements so that width and padding 
* are essentially combined, making responsive styles easier to manage.
*/

*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html,
body {
min-height: 100%;
margin: 0;
padding: 0;
}

/* Website background color and default font styles */

body {
color: #33475b;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5em;
font-size: 16px;
}

/* Center Row */

.cd-center {
max-width: 1170px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}

.cd-row-wrapper {
margin-left: -15px;
margin-right: -15px;
width: auto;
}

.section-wrapper {
margin-bottom: 40px;
}


.hide-desktop{
display: none;
}


/* Reset Style */
.reset-this {
animation: none;
animation-delay: 0;
animation-direction: normal;
animation-duration: 0;
animation-fill-mode: none;
animation-iteration-count: 1;
animation-name: none;
animation-play-state: running;
animation-timing-function: ease;
backface-visibility: visible;
background: 0;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-position-x: 0;
background-position-y: 0;
background-repeat: repeat;
background-size: auto auto;
border: 0;
border-style: none;
border-width: medium;
border-color: inherit;
border-bottom: 0;
border-bottom-color: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-collapse: separate;
border-image: none;
border-left: 0;
border-left-color: inherit;
border-left-style: none;
border-left-width: medium;
border-radius: 0;
border-right: 0;
border-right-color: inherit;
border-right-style: none;
border-right-width: medium;
border-spacing: 0;
border-top: 0;
border-top-color: inherit;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
color: inherit;
columns: auto;
column-count: auto;
column-fill: balance;
column-gap: normal;
column-rule: medium none currentColor;
column-rule-color: currentColor;
column-rule-style: none;
column-rule-width: none;
column-span: 1;
column-width: auto;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
direction: ltr;
display: inline;
empty-cells: show;
float: none;
font: normal;
font-family: inherit;
font-size: medium;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
hyphens: none;
left: auto;
letter-spacing: normal;
line-height: normal;
list-style: none;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1;
orphans: 0;
outline: 0;
outline-color: invert;
outline-style: none;
outline-width: medium;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
perspective: none;
perspective-origin: 50% 50%;
position: static;

/* May need to alter quotes for different locales (e.g fr) */
quotes: '\201C''\201D''\2018''\2019';
right: auto;
tab-size: 8;
table-layout: auto;
text-align: inherit;
text-align-last: auto;
text-decoration: none;
text-decoration-color: inherit;
text-decoration-line: none;
text-decoration-style: solid;
text-indent: 0;
text-shadow: none;
text-transform: none;
top: auto;
transform: none;
transform-style: flat;
transition: none;
transition-delay: 0s;
transition-duration: 0s;
transition-property: none;
transition-timing-function: ease;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 0;
width: auto;
word-spacing: normal;
z-index: auto;

/* Basic Modern Patch */
all: initial;
all: unset;
}

/* Basic Modern Patch

#reset-this-root {
all: initial;

* {
all: unset;
}
} */

/* Clear Float */

.clearfix:after,
.clearfix:before {
content: '';
display: table;
}

.clearfix:after {
clear: both;
}

/* Grid Style */

[class*="cd-col-"] {
position: relative;
padding-left: 15px;
padding-right: 15px;
min-height: 1px;
float: left;
}

/* =============== Typography =============== */

/* Basic text */

p {
margin: .0 0 10px
}

small {}

strong {}

em {}

cite {}

code {}

pre {}

sup,
sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
max-width: 100%;
vertical-align: middle;
height: auto;
border: 0;
}

iframe {
max-width: 100%;
width:100% !important;
height: auto;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
margin-top: 0;
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {}

h1 {
font-size: 38px;
}

h2 {
font-size: 32px;
}

h3 {
font-size: 28px;
}

h4 {
font-size: 25px;
}

h5 {
font-size: 22px;
}

h6 {
font-size: 18px;
}

/* Anchor Links */

a {
color: inherit;
text-decoration: none;
}

a:hover,
a:focus {
text-decoration: underline;
}

/* Lists */

ul,
ol {
margin: 0 10px;
}

ul ul,
ul ol,
ol ol,
ol ul {}

li {}

/* Block Quotes */

blockquote {}

blockquote p {}

blockquote small {}

/* Horizontal Rules */

hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}

.cd-button {
padding: 10px 15px;
margin: 0;
background: transparent;
outline: 0;
border: 0;
text-decoration: none;
color: #fff;
font: inherit;
    background-color: #ffffff;
    color: #99c13e;
    border: 1px solid #99c13e;
    
border-radius: 5px;
}

.cd-button.primary {
background-color: #99c13e;
border: 1px solid #99c13e;
 color: #fff;
}

.cd-button.primary:hover {
background-color: #99c13ed4;
text-decoration: none;
color:#fff;
}

.cd-button.primary:focus{
background-color: #73922c;
text-decoration: none;
color:#fff;
}

::selection {
background: #39f;
color: #fff;
}


/*** Global Form ***/

.form-with-bg form {
margin-bottom: 15px;
display: block;
max-width: 500px;
width: 100%;
background: #fff;
box-shadow: 0 4px 16px 10px rgba(0, 0, 0, .07);
padding: 40px 40px 25px 40px;
border-radius: 4px;
}

.form-title {
display: inline-block;
font-size: 24px;
line-height: 24px;
color: #202020;
margin: 20px 0;
}

.input-group {
padding: 10px 0;
}

.cd-form-field {
margin-bottom: 10px;
}

.input-label {
font-weight: 700;
font-size: 16px;
line-height: 1.3;
color: inherit;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
max-width: 500px;
-webkit-appearance: none;
width: 100%;
display: block;
height: 50px;
font-family: inherit;
font-size: 20px;
line-height: 50px;
padding: 6px 20px;
border: 1px solid #9b9b9b;
border-radius: 4px;
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
background: #f8f8f8;
letter-spacing: normal;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
outline: 0;
}

.field-name {
color: #707070;
}

.field-required {
color: #cc0707;
}

ul.error-msg-wrap {
margin: 10px 0;
}

li.error-msg {
color: white;
background: #e40000;
padding: 2px 10px;
border-radius: 3px;
font-size: 13px;
}

.submit-group {
margin: 10px 0;
display: inline-block;
}

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

@media(min-width:768px) {

.cd-col-12 {
width: 100%;
}

.cd-col-11 {
width: calc(100% / 1.09090909091);
}

.cd-col-10 {
width: calc(100% / 1.2);
}

.cd-col-9 {
width: calc(100% / 1.33333333333);
}

.cd-col-8 {
width: calc(100% / 1.5);
}

.cd-col-7 {
width: calc(100% / 1.71428571429);
}

.cd-col-6 {
width: calc(100% / 2);
}

.cd-col-5 {
width: calc(100% / 2.4);
}

.cd-col-4 {
width: calc(100% / 3);
}

.cd-col-3 {
width: calc(100% / 4);
}

.cd-col-2 {
width: calc(100% / 6);
}

.cd-col-1 {
width: calc(100% / 12);
}

}


@media(min-width:1024px) {

.cd-col-12-tab {
width: 100%;
}

.cd-col-11-tab {
width: calc(100% / 1.09090909091);
}

.cd-col-10-tab {
width: calc(100% / 1.2);
}

.cd-col-9-tab {
width: calc(100% / 1.33333333333);
}

.cd-col-8-tab {
width: calc(100% / 1.5);
}

.cd-col-7-tab {
width: calc(100% / 1.71428571429);
}

.cd-col-6-tab {
width: calc(100% / 2);
}

.cd-col-5-tab {
width: calc(100% / 2.4);
}

.cd-col-4-tab {
width: calc(100% / 3);
}

.cd-col-3-tab {
width: calc(100% / 4);
}

.cd-col-2-tab {
width: calc(100% / 6);
}

.cd-col-1-tab {
width: calc(100% / 12);
}

}

@media(min-width:1200px) {

.cd-col-12-d {
width: 100%;
}

.cd-col-11-d {
width: calc(100% / 1.09090909091);
}

.cd-col-10-d {
width: calc(100% / 1.2);
}

.cd-col-9-d {
width: calc(100% / 1.33333333333);
}

.cd-col-8-d {
width: calc(100% / 1.5);
}

.cd-col-7-d {
width: calc(100% / 1.71428571429);
}

.cd-col-6-d {
width: calc(100% / 2);
}

.cd-col-5-d {
width: calc(100% / 2.4);
}

.cd-col-4-d {
width: calc(100% / 3);
}

.cd-col-3-d {
width: calc(100% / 4);
}

.cd-col-2-d {
width: calc(100% / 6);
}

.cd-col-1-d {
width: calc(100% / 12);
}

}

@media(min-width:768px) {
.hide-desktop-m{
display: none;
}
}

@media(min-width:1025px) {
.hide-desktop-lg{
display: none;
}
}

@media(max-width:1024px) {
.hide-tablet{
display: none;
}
}

@media(max-width:767px) {
[class*="cd-col-"] {
width: auto;
float: none;
}
.hide-mobile{
display: none;
}
}