
:root {
    --first-color: #1DBF73;
    --second-color:#E7643E;
}


/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-family: 'Muli', sans-serif;*/font-family: 'Roboto', sans-serif;
}

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased;background:#f0f0f0;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
fieldset, img {	border: 0;}
html, body{ font-size: 14px; line-height: 20px;height: 100%;}

.clearfix:before, .clearfix:after{
	content: "";
	display: table;
	line-height: 0;
}
.clearfix:after{
	clear: both;
}


/* Links ---------------------- */
a { color: #000; text-decoration: none; line-height:inherit;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}

p a, p a:visited {line-height: inherit;}
.theme--secondary a{
	color:var(--second-color);
}

.theme--secondary a:hover{
	color:var(--first-color);
}

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }
a:hover{ color: var(--second-color);}
/* Lists ---------------------- */
ul, ol, dl { margin:0; padding:0; list-style:none; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Headings & paragraphs ---------------------- */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal; font-style: normal;text-transform:none; padding:0 0 10px 0; color: #212121;font-family:inherit;line-height: 1.2;}
h1{font-size:5em;font-weight:300;}
h2{font-size: 2.2em;}
h3{font-size: 2em;}
h4{font-size: 1.8em;}
h5{font-size:1.5em;}
h6{font-size:1.3em;line-height: 1;}
strong{font-weight:500;}
p{color:#444;  margin: 0 0 25px 0;line-height: 2;font-family: inherit; font-size: 1em;font-weight: normal; letter-spacing: 0.02em;font-weight: normal;}

.checkbox input:focus + .input-helper:before, .radio input:focus + .input-helper:before {outline:1px dotted;}
input[type="submit"]:focus, input[type="button"]:focus, .button:focus{-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.05) inset;box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.05) inset; outline: none;}

/* fonts ---------------------- */


/* form elements ---------------------- */
input::-moz-focus-inner{border: 0; padding: 0;}
input, select, textarea{ outline:none;font-family: inherit;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
input[type="submit"], input[type="button"]{-webkit-appearance:none;min-width:140px;}
input[type="text"],input[type="password"], textarea, select{-webkit-appearance: none; -moz-appearance: none;appearance: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: transparent !important;}
select::-ms-expand{display:none;}


input[type="text"],  input[type="email"], input[type="phone"], input[type="search"], input[type="password"],  textarea,  select,  input[type="number"],  input[type="file"]{border:1px solid #e0e0e0; border-radius:0; height:42px; padding:0 10px; width:100%; color:#5c5c5c;font-family:inherit; font-size:1.1em;font-weight:500; line-height: 100%;background-color: #fff;font-weight:300;}
input[type="text"]:focus,  input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus,  textarea:focus,  select:focus,  input[type="number"]:focus,  input[type="file"]:focus{border-color: #333;}

textarea{height: 100px; padding:10px;resize:none;resize: vertical;}
.form textarea{height:42px;}
select { padding-right: 30px; padding-left: 5px; background-color:transparent;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpiZoCAKiBWAuKLDIQBWC0LkJAGYhcg5oNKLCSgKQiIr8MENIF4HxCfAeJ4PJpA8ouRLCGoGacmfJqxamLEoXkqVNF1KB9EZwPxJ0Ih5wK15QzUBRjOY8ah8R4Q/4RqqATip+gKAAIMAI69Gsw786LtAAAAAElFTkSuQmCC");background-repeat: no-repeat; background-position: calc(100% - 10px) center; font-size: 1em;background-color: #fff; color: #999; }

.form input[type="submit"],.form input[type="button"]{display:inline-block;font-size: 1.07em;padding:0 20px;position: relative; cursor: pointer; height:42px; line-height:42px;color: #fff;font-weight:600;
 border:1px solid transparent;margin: 0 0 0;border-radius: 5px;overflow: hidden;background: var(--first-color);}

.form input[type="submit"]:hover{background: var(--second-color);}

/*
 input[type="submit"], input[type="button"]{
	background-color:var(--first-color);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f5823d), to(#f5823d));
	background-image: linear-gradient(0deg, #f5823d 0%, #f5823d 100%);
	background-image: -webkit-linear-gradient(0deg, #f5823d 0%, #f5823d 100%);
	background-size: 0% 100%;
	background-repeat:no-repeat;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
	 cursor: pointer;
}
*/

.theme--secondary input[type="submit"], .theme--secondary input[type="button"]{
	background-color:#f5823d;
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--first-color)), to(var(--first-color)));
	background-image: linear-gradient(0deg, var(--first-color) 0%, var(--first-color) 100%);
	background-image: -webkit-linear-gradient(0deg, var(--first-color) 0%, var(--first-color) 100%);
}

input[type="submit"]:hover,input[type="button"]:hover,input[type="submit"]:focus,input[type="button"]:focus{
    background-size: 100% 100%;
}



.form input[type="submit"]:active,.form input[type="button"]:active{top: 2px;}
.form input[type="file"]{height: auto;padding:11px;}




/* Misc ---------------------- */
img{max-width: 100%;display: block;}

/* placeholders ---------------------- */
::-webkit-input-placeholder{color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}


/* container ---------------------- */
.container,.container--fluid {margin:0 auto;position: relative;padding: 0 10px;max-width:1400px;width: 95%;}
.row {margin-left: -10px;margin-right: -10px;}
.row:after ,.container--fixed:after{clear: both; content:""; display: block; height: 0; visibility:hidden;}
@media(max-width:767px){
	.container,.container--fluid {width: 100%;}
}

/* grids ---------------------- */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}

}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}

}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
.align--center{text-align: center;}
