/* GLOBAL */

* {
	margin: 0;
	padding: 0;
	font: inherit;

	will-change: all;
}

*:before,
*:after {
	box-sizing: border-box;

	will-change: all;
}

html {
	cursor: default;
	user-select: none;
}


body {
	font: 400 14px/1.52857 'Lato';
	background-color: #fff;
}

img {
	max-width: 100%;
	height: auto;
}


.main-content,
.sidebar {
	margin-top: 20px;
	margin-bottom: 20px;
}

.section {
	position: relative;
	padding-top: 50px;
	padding-bottom: 80px;
}

.section-large {
	position: relative;
	padding-top: 75px;
	padding-bottom: 100px;
}


/* UI */

.ui-text {
	font: 400 14px/23.8px 'Lato', sans-serif;
	color: #777;
}

.ui-title-page {
	position: relative;
	padding: 22px 0 46px;
	font-family: Raleway;
	color: #fff;
}
.ui-title-page h1 {
	margin-bottom: 1px;
	margin-left: 4px;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.ui-subtitle-page {
	margin-left: 4px;
	font-size: 18px;
	font-weight: 300;
}

.color_white .ui-title-block  * , .color_white .ui-title-block  , .color_white .ui-subtitle-block{color: #FFF!important;}


.ui-title-block {
	margin-bottom: 7px;
	font: 300 38px/1.3 'Raleway';
	color: #333;
}

.ui-title-block strong {
	font-weight: 500;
}
.title-left  .ui-title-block strong , .title-left .ui-title-block .color_primary , .title-right  .ui-title-block strong , .title-right .ui-title-block .color_primary  {
  display: inline-block;
  width: 100%;
}


.title-left  .ui-title-block ,.title-left .ui-subtitle-block {
  text-align: left;
}

.title-right  .ui-title-block ,.title-right .ui-subtitle-block {
  text-align: right ;
}


.ui-title-block_small {
font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

.ui-title-block_small span , .ui-title-block_small strong {
	font-weight: 500;
}
.ui-title-block_small span + span {
	display: block;
	font-size: 28px;
	font-weight: 300;
}

.ui-subtitle-block {
	padding-bottom: 30px;
	font-family: 'Raleway';
	font-size: 20px;
	font-weight: 300;
	color: #878787;
	text-align: center;
	letter-spacing: 0.21em;
}
.ui-subtitle-block_small {
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 21.6px;
}
.ui-subtitle-block_form {
	margin-top: 50px;
	padding-bottom: 10px;
	color: #363636;
	letter-spacing: normal;
}
.ui-title-inner {
	font: 700 18px 'Raleway';
	color: #333;
}
.ui-title-inner_small {
	font-size: 16px;
}

.wpcf7  .input-group {
     width: 100%;
    margin-bottom: 15px;
}
span.wpcf7-form-control-wrap  input[type=text],span.wpcf7-form-control-wrap  input[type=password], span.wpcf7-form-control-wrap   input[type=phone],span.wpcf7-form-control-wrap    input[type=email], span.wpcf7-form-control-wrap   button, span.wpcf7-form-control-wrap  select, span.wpcf7-form-control-wrap  textarea{
    width: 100%;
}
 span.wpcf7-form-control-wrap textarea {
	    height: 170px;
 }
 
input[type="submit"] {
    background-color: #f26529;
    padding: 17px 30px 13px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    font-weight: 600;
    border: none;
	margin-right: -20px;
}

input[type=text],input[type=password],input[type=phone], input[type=email], button, select, textarea {
    border-radius: 25px;
    border: 1px solid #eee;
    color: #888;
       padding: 12px 20px;
    font-size: 12px;
    font-weight: 300;
	margin-top:5px;
}

span.wpcf7-not-valid-tip {
    padding-left: 15px;
}
.ui-form .input-group {
	width: 100%;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: 300;
	color: #888;
	border: 1px solid #eee;
	border-radius: 25px;
	overflow: hidden;
}
.ui-form .input-group input,
.ui-form .input-group textarea {
	width: 100%;
	padding: 16px 30px;
	border: none;
	border-radius: 25px;
}

.ui-form .input-group textarea{
	min-height:100px;
}

.input-group .icon {
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 20px 18px 0;
	color: #f26529;
}

.ui-form .input-group input:focus,
.ui-form .input-group textarea:focus {
	outline-style: none;
}
.ui-form .input-group input::-webkit-input-placeholder,
.ui-form .input-group textarea::-webkit-input-placeholder {
	font-size: 13px;
	color: #888;
}
.ui-form .input-group input::-moz-placeholder,
.ui-form .input-group textarea::-moz-placeholder {
	font-size: 13px;
	color: #888;
}



/* --- Helpers --- */


.separator_10 {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	border: medium none;
}
.separator_20 {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border: medium none;
}
.separator_30 {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	border: medium none;
}
.separator_40 {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
	border: medium none;
}
.separator_100 {
	display: inline-block;
	width: 100%;
	margin-bottom: 100px;
	border: medium none;
}

.unstyled {
	list-style-type: none;
}

.helper,
.helper:before {
	display: inline-block;
	vertical-align: middle;
}
.helper:before {
	width: 0;
	height: 100%;
	content: '';
}

.no-spacing {
	letter-spacing: 0;
}