/*body {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    color: rgba(0,0,0,0.7);
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}*/

strong { font-weight: 500; }

a, a:hover {
	color: #d2071d;
	text-decoration: none;
    -o-transition: all .3s; 
    -moz-transition: all .3s; 
    -webkit-transition: all .3s; 
    -ms-transition: all .3s; 
    transition: all .3s;
}

a:focus {
	color: black;
	text-decoration: none;
    -o-transition: all .3s; 
    -moz-transition: all .3s; 
    -webkit-transition: all .3s; 
    -ms-transition: all .3s; 
    transition: all .3s;
}

input::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5) !important;
  font-size: 11px;
  letter-spacing: 1.5px;
}
input::-moz-placeholder {
  color: rgba(0,0,0,0.5) !important;
  font-size: 11px;
  letter-spacing: 1.5px;
}
input:-ms-input-placeholder {
  color: rgba(0,0,0,0.5) !important;
  font-size: 11px;
  letter-spacing: 1.5px;
}
input:-moz-placeholder {
  color: rgba(0,0,0,0.5) !important;
  font-size: 11px;
  letter-spacing: 1.5px;
}

h1, h2, h3, h4 {
	text-align: left;
	color: #000;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 400;
    line-height: 50px;
}

h3 {
	font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

h4 {
	font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

img { max-width: 100%; }


form {
	display: inline;
}

label {
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 0;
}

/* ==========================================================================
============================= General Values ===============================
========================================================================== */

.top-content {
	margin-top: 30px;
}

.main__title {
	font-weight: 900;
	color: #000;
	margin-bottom: 25px;
	text-align: left;
}

.form-group {
	margin-bottom: 12px;
}

.form-control {
	border: solid 1px #cccccc;
	border-radius: 0;
	box-shadow: none;
	height: 32px;
}

.form-control:focus {
	box-shadow: none;
	border-color: #d2071d;
}

.form-control-feedback {
	display: none !important;
	line-height: 32px !important;
	width: 32px;
	height: 32px;
    left: 220px;
    top: unset;
	font-size: 20px !important;
	color: #ea546f;
}

.form-control-feedback-small {
    left: 160px;
}

.form-control-feedback-small-right {
    left: 265px;
}

.form-control-feedback-smaller {
    left: 150px;
}

.form-control-feedback-smaller-right {
    left: 245px;
}

.form-control-feedback-middle {
    left: 210px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .col-md-6 .col-md-12 .form-control-feedback {
        left: 110px;
    }
}



.form-control-feedback__text {
	display: none;
	text-align: left;
	font-weight: 400;
	font-size: 13px;
	color: #ea546f;
	line-height: 15px;
}

.error .form-control {
	border: 2px solid #ea546f;
	margin-bottom: 5px;
}

.error .short-input {
    border: 2px solid #ea546f;
    margin-bottom: 5px;
}

.error .input__large {
    border: 2px solid #ea546f;
    margin-bottom: 5px;
}

.error .form-control-feedback {
	display: block !important;
}

.error .form-control-feedback__text {
	display: block;
}

.form-group .q-mark {
    position: absolute;
    font-size: 15px !important;
    line-height: 32px;
    left: 95px;
    color: #bfe1fa;
    opacity: 0;
    -webkit-transition: all 125ms ease-in-out;
    -o-transition: all 125ms ease-in-out;
    transition: all 125ms ease-in-out;
}

.shorts:hover .q-mark {
	opacity: 1;
}

.short-input {
	width: 80px !important;
	float: left !important;
    font-weight: 400;
}

.middle-input {
    float: left !important;
    width: 140px !important;
    margin-left: 0px;
    font-weight: 400;
}

.middle-input_r {
	width: 140px !important;
	margin-left: 15px;
	/*float: right !important;*/
}

.large-input {
	float: left !important;
	width: 280px !important;
	margin-left: 0px;
}

.form-box { 
	padding-top: 40px; 
}

.control-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none;  
}

.control-label__text {
	float: left;
}

.hidden {
  display: none;
}

.buttons {
	text-align: left;
}

.bg__title h2 {
	position: absolute;
	font-size: 90px;
	color: #d2071d;
	font-weight: 900;
    margin-top: 5px;
}

.content {
	padding: 40px;
	-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
	background: rgba(255,255,255,0.9);
	box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 35px;
}

.row-no-padding [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.row-no-padding:before,
.row-no-padding:after {
  content: "";
  display: table;
} 
.row-no-padding:after {
  clear: both;
}

.form-horizontal .control-label {
	text-align: left;
	font-size: 12px;
	font-weight: 900;
}

.form-group:before,
.form-group:after {
  content: "";
  display: table;
} 
.form-group:after {
  clear: both;
}

.form-inline .control-label,
.form-group .control-label {
    font-weight: 900;
    text-align: left;
    font-size: 12px;
    /*margin-right: 15px;*/
    margin-right: 10px;
    line-height: 32px;
}

.form-inline .control-label--after,
.form-group .control-label--after {
	margin-left: 8px;
	font-size: 13px;
	color: #000;
	font-weight: 400;
	margin-bottom: 0;
}

.double-line {
	line-height: 15px !important;
}

/**
* Button styles
*/

.btn.active,
.btn:active {
	box-shadow: none;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
	color: initial;
	background: initial;
}

.btn-default.focus, 
.btn-default:focus {
	color: initial;
	background: initial;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
	border: 1px solid #ccc;
}

.btn-previous {
	width: 70px;
	height: 60px;
	font-size: 20px;
	color: #b3b3b3;
	font-weight: 800;
	text-align: left;
	border-radius: 0;
	background: #fff;
	border: solid 1px #cccccc;
	margin-right: 5px;
}

.btn-next__short {
	width: 170px;
	height: 60px;
	font-size: 20px;
	background: #d2071d;
	color: #fff;
	font-weight: 800;
	text-align: left;
	border-radius: 0;
}

.btn-next__middle {
	width: 250px;
	height: 60px;
	font-size: 20px;
	background: #d2071d;
	color: #fff;
	font-weight: 800;
	text-align: left;
	border-radius: 0;
	padding: 15px 12px;
}

.btn-next__large {
	width: calc(50% - 47px);
	height: 60px;
	font-size: 20px;
	background: #d2071d;
	color: #fff;
	font-weight: 800;
	text-align: left;
	border-radius: 0;
	padding: 15px 12px;
	margin-right: 5px;
}

.btn-previous,
.btn-next__short,
.btn-next__middle,
.btn-next__large {
	padding: 15px 12px;
}

.btn-next__short:hover,
.btn-next__short:focus,
.btn-next__middle:hover,
.btn-next__middle:focus,
.btn-next__large:hover,
.btn-next__large:focus {
	background: #ab0618;
	color: #fff;
}

.btn-upload {
    padding: 5px 21px;
    display: inline-block;
	background: #d2071d;
	font-size: 20px;
	font-weight: 800;
	float: left;
	color: #fff;
    cursor: pointer;
}
.btn-upload:hover  {
    background: #ab0618;
}
.btn-upload:active {
    background: #ab0618;
}

.btn-modal-confirm {
	width: 70px;
	font-size: 16px;
	background: #d2071d;
	color: #fff;
	font-weight: 800;
	text-align: center;
	border-radius: 0;
}

.btn-modal-confirm:hover,
.btn-modal-confirm:focus {
	background: #ab0618;
	color: #fff;
}

.btn-modal-previous {
	width: 70px;
	font-size: 16px;
	background: #fff;
	color: #b3b3b3;
	font-weight: 800;
	text-align: center;
	border-radius: 0;
	border: solid 1px #cccccc;
}



/**
* Bootstrap-select restyle
*/

.bootstrap-select .btn {
	padding: 6px 25px 6px 12px;
	border-radius: 0;
	font-size: 13px;
	border: 1px solid #ccc;
	color: #000;
}

.bootstrap-select .dropdown-menu {
	box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.3);
	border: 0;
	padding: 0;
	margin: 0;
}

.bootstrap-select .dropdown-menu>li>a {
	border: 1px solid #e5e5e5;
	padding: 5px 12px 5px 12px;
}


.bootstrap-select .dropdown-menu>li.selected>a {
	border: 1px solid #d2071d;
	background: #d2071d;
	color: #fff;
}

.bootstrap-select .dropdown-menu>li.selected>a span.check-mark {
	display: inline-block;
	float: right;
	position: absolute;
	right: 5%;
	top: 21%;
}

.bootstrap-select.open .caret {
	transform: rotate(180deg);
}

.bootstrap-select .btn:focus,
.dropdown-toggle:focus,
.btn-default:focus {
	outline: 0 !important;
}

.bootstrap-select.btn-group .dropdown-menu li a:focus {
	outline: 0;
}

.bootstrap-select .btn-default:hover,
.bootstrap-select .btn-default.active.focus, 
.bootstrap-select .btn-default.active:focus, 
.bootstrap-select .btn-default.active:hover, 
.bootstrap-select .btn-default:active.focus, 
.bootstrap-select .btn-default:active:focus, 
.bootstrap-select .btn-default:active:hover, 
.bootstrap-select.open>.dropdown-toggle.btn-default.focus, 
.bootstrap-select.open>.dropdown-toggle.btn-default:focus, 
.bootstrap-select.open>.dropdown-toggle.btn-default:hover {
	color: initial !important;
	background: initial !important;
	border: 1px solid #ccc !important;
}

.bootstrap-select .caret {
	opacity: 0.2;
}

.bootstrap-select .dropdown-menu li a span.text {
	word-wrap: break-word;
	white-space: normal;
}

.bootstrap-select.short-input .check-mark,
.bootstrap-select.middle-input .check-mark,
.bootstrap-select.middle-input_r .check-mark {
	font-size: 18px;
}

.bootstrap-select.short-input .dropdown-menu>li>a,
.bootstrap-select.middle-input .dropdown-menu>li>a,
.bootstrap-select.middle-input_r .dropdown-menu>li>a {
	padding: 5px 7px 5px 12px;
}

.bootstrap-select.select-item__short .check-mark, 
.bootstrap-select.select-item__middle .check-mark {
	font-size: 18px;
}

.bootstrap-select.select-item__short .dropdown-menu>li>a,
.bootstrap-select.select-item__middle .dropdown-menu>li>a {
	padding: 5px 3px 5px 12px;
}

.bootstrap-select .dropdown-menu {
	border-radius: 0;
}

.bootstrap-select.select-item__short,
.bootstrap-select.select-item__middle {
	float: left !important;
}

.bootstrap-select.select-item__short {
	width: 80px !important;
}

.bootstrap-select.select-item__middle {
	width: 170px !important;
}

.bootstrap-select.select-item__middle-l {
	width: 184px !important;
}

/**
* Bootstrap modal
*/

.modal-backdrop {
	background-color: #fff;
}

.modal-backdrop.in {
	filter: alpha(opacity=70);
	opacity: .7;
}

.modal-content {
	border-radius: 0;
	border: 0;
	border-top: 2px solid rgba(255,0,0,1);
	background: #fafafa;
	padding: 20px 25px;
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
}

.modal-content .modal-body {
	text-align: left;
	font-weight: 400;
	padding: 0;
	font-size: 15px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content .modal-body p {
	line-height: 1.5;
}

.modal-content .modal-body strong {
	font-weight: 700;
}

.modal-content .modal-buttons {
	text-align: center;
	padding: 10px 0;
}


/**
* Checkbox
*/

.checkbox {
    padding-left: 20px;
    margin: 0;
    text-align: left
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    line-height: 23px;
    font-weight: 900;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 15px;
    color: #555
}

.checkbox input[type="checkbox"] {
    opacity: 0
}

.checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f26b"
}

.checkbox input[type="checkbox"]:disabled+label {
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed;
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #d2071d;
    border-color: #d2071d
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff
}

.checkbox-done input[type="checkbox"]:checked+label::before {
    background-color: #313131;
    border-color: #313131
}

.checkbox-done input[type="checkbox"]:checked+label::after {
    color: #fff
}

/* ==========================================================================
=================================== Step 1 ==================================
========================================================================== */

/**
* Generals
*/

.name-input {
	position: relative;
}
.name-input.form-inline {
	margin-bottom: 12px;
}
.name-input input{
	float: left;
	width: calc(100% - 110px) !important;
}

.name-input .name-tooltip {
	cursor: pointer;
}

/**
* Tooltip
*/

.name-input .name-tooltip__content p {
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
	font-weight: 400;
	line-height: 1.4;
}

.control-label {
	float: left;
	width: 95px !important;
}

.material-edit__title {
	text-transform: uppercase;
}

.shorts .form-inline {
    position: relative;
}

.shorts .form-group:nth-child(even) .control-label {
/* PK   margin-left: 55px; */ 
}

.shorts .form-group:nth-child(even) .bootstrap-select {
    margin-left: 0px; 
}

.shorts .control-label__text.short-input {
	text-align: left;
	padding-left: 15px;
}

.shorts .form-group:last-child .control-label {
    /*margin-left: 55px;*/
}

.dps-type-2 .shorts .form-group:last-child .control-label {
    margin-left: 0px; 
}

.dps-type-2 .shorts .form-group:last-child .q-mark {
    left: 95px;
}

.bootstrap-select.btn-group .dropdown-menu {
    overflow: visible !important;
}

.shorts .dropdown-menu>.disabled a {
	color: rgba(0,0,0,0.4);
	background: #f5f5f5;
}

.shorts .dropdown-menu>.disabled a:hover > .dropdown-tooltip{
	display: block !important;
}

.shorts .dropdown-menu.inner .q-mark-dis {
	position: absolute;
	right: 6px;
	font-size: 16px;
	color: #bfe1fa !important;
	white-space: initial;
}


.shorts .dropdown-menu.inner .dropdown-tooltip {
	position: absolute;
	box-sizing: border-box;
    padding: 9px 17px;
    z-index: 2;
    left: -30px;
    bottom: calc(0px + 32px);
    color: #000;
    border: 4px solid #e6e6e6;
    background: #fff;
    box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.3);
}

.shorts .dropdown-menu.inner .dropdown-tooltip p {
	margin-bottom: 0;
}

.shorts .form-group:last-child .bootstrap-select {
    margin-left: 0px; 
}

.shorts .form-group:nth-child(even) .q-mark {
/* PK    left: 150px; */ 
}

.shorts .form-group:nth-child(even) .shorts-tooltip__content {
    left: 39%;
}

.shorts .form-group:last-child .q-mark {
/* PK    left: 150px; */
}

.shorts .form-inline .control-label,
.shorts .form-group .control-label {
	box-sizing: initial;
	padding-right: 15px;
	cursor: pointer;
	margin-right: 0;
}

/* tooltip link */

.name-input .popover {
	color: blue;
	left: 0px !important;
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	box-sizing: border-box;
    padding: 15px 20px;
    z-index: 2;
    color: #000;
    border: 4px solid #e6e6e6;
    background: #fff;
    box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.3);
}

.name-input  .popover-content {
	padding: 0;
	font-size: 14px;
}

.name-input  .popover-content p,
.shorts  .popover-content p {
	margin: 0;
}

.popover>.arrow:after {
	content: initial !important;
}
.popover>.arrow {
	border-width: 0;
}

.name-input .popover>.arrow, .name-input .popover>.arrow:after {
	border: none;
	background: #e6e6e6;
	bottom: -35px;
	width: 4px;
	height: 33px;
	left: 112px !important;
}

.shorts .popover {
	color: blue;
	left: 0px !important;
	width: 85%;
	max-width: 100%;
	border-radius: 0;
	box-sizing: border-box;
    padding: 0 5px;
    z-index: 2;
    color: #000;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.3);
}

.shorts .popover-content {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
}

.shorts .popover-content ul {
    padding-left: 15px;
    margin-bottom: 0px;
}

.popover.top {
	margin-top: 0px;
}

.shorts .form-group:nth-child(even) .popover {
/*	left: 55px !important; */
}

.shorts .form-group:last-child .popover {
/*	left: 55px !important; */
}

.dps-type-2 .shorts .form-group:last-child .popover {
	left: 0px !important;
}


/**
* Pick type section
*/

.pick-option__title {
	text-transform: uppercase;
}

.pick-option .items-pick > [class*="col-"] {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.pick-option .items-pick > .col-md-4:nth-child(1) {
	padding-left: 0px !important;
	padding-right: 10px !important;
}

.pick-option .items-pick > .col-md-4:nth-child(3) {
	padding-left: 10px !important;
	padding-right: 0px !important;
}

.pick-option .selected .desc {
	background: #d2071d;
	color: #fff;
}

.pick-option .selected .img {
	opacity: 1;
}

.pick-option .desc {
	background: #f2f2f2;
	text-align: center;
	font-weight: 300;
	color: rgba(0,0,0,0.8);
	font-size: 14px;
}

.pick-option .desc p {
	padding: 14px 0;
	margin: 0;
	line-height: 15px;
}

.pick-option .img {
	opacity: 0.3;
	width: 100%;
}

.pick-option .item-pick {
	cursor: pointer;
}


.item-content {
	margin-top: 12px;
	display: none;
}

.items-content .float-label .control-label {
	position: relative;
	left: 0;
	padding: 0;
	color: rgba(0,0,0,0.7) !important;
	font-size: 12px;
	letter-spacing: 0;
}

.items-content .float-label {
	margin-bottom: 0;
}

.item-content .divider {
	float: left;
	margin: 0 8px;
	font-weight: 400;
}

.item-content .form-group {
	margin-bottom: 12px;
}

.item-content .short-input {
	float: left;
	width: 80px !important;
}

.item-content:first-child {
	display: block;
}

.item-content .row-no-padding {
	position: relative
}

.item-content.panel-2 .image-block {
	position: absolute;
	right: 0;
	bottom: 0;
}

.item-content.panel-2 .image-block .without,
.item-content.panel-2 .image-block .gatemaframe,
.item-content.panel-2 .image-block .custom {
	text-align: left;
	padding-bottom: 10px;
}

.item-content.panel-2 .image-block__img {
	width: 140px;
}

.item-content.panel-2 .image-block p {
	font-size: 13px;
	line-height: 18px;
	margin-top: 2px;
	color: rgba(0,0,0,0.5);
	text-align: left;
}

/**
* Surface edit section
*/


.surface-edit {
	margin-top: 20px;
}

.surface-edit__title {
	margin-bottom: 15px;
	text-transform: uppercase;
}

.surface-edit__inputs .checkboxes {
	margin-top: -10px;
	padding-bottom: 15px;
}

.control-label_r {
	/*margin-left: 30px;*/
	font-weight: 900;
}

/**
* Pool styles
*/

.content.pool .servis-box {
	position: absolute;
	right: 0;
	top: 55px;
	background: #000;
	font-size: 21px;
	color: #f7f7f7;
	font-weight: 800;
	padding: 10px 50px 10px 20px;
}

.pick-option.pool-pick-option .panel-image {
	text-align: left;
	padding-left: 110px;
}

.pick-option.pool-pick-option .control-label--after-select {
	display: block;
	margin-left: 0px;
	padding-left: 125px;
	text-align: left;
}

.pick-option.pool-pick-option .large-input {
	width: 165px !important;
}

.pick-option.pool-pick-option .control-label--large {
	width: 110px !important;
}

.pick-option.pool-pick-option .panel-image img {
	
}

.pick-option.pool-pick-option .item-content .help-text {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	padding-left: 30px;
	height: 100%;
}

.pick-option.pool-pick-option .item-content .help-text p {
	font-size: 13px;
	line-height: 18px;
	color: rgba(0,0,0,0.5);
	text-align: left;
}

.panelize-panel {
	display: none;
	margin-bottom: 0;
}

.panelize-panel .form-group:last-child {
	margin-bottom: 0;
}

.panelize-element {
	margin-top: 12px;
	display: block !important;
}

.panelize-element.panelize-nocheck {
	display: none !important;
}

.panelize-element-none.panelize-checked {
	display: block !important;
}

.pick-option.pool-pick-option .multipanel .panel-image {
	/* margin-top: -42px; */
}


/* ==========================================================================
=================================== Step 2 ==================================
========================================================================== */

/**
* Generals
*/

.adv-specs__title  {
	margin-bottom: 15px;
	text-transform: uppercase;
	margin-top: 10px;
}

.adv-specs .short-input{
	float: left;
	width: 80px;
	margin-left: 15px;
}

.adv-specs .middle-input {
	float: left;
	width: 140px;
	margin-left: 15px;
}

.adv-specs .form-group {
	margin-bottom: 0px;
    padding-bottom: 10px;
}

.adv-specs__inputs .control-label {
	margin-left: 28px;
}

.adv-specs__inputs > [class*="col-"]:nth-child(2) .checkbox {
	margin-left: 28px;
	margin-bottom: 20px;
}

.adv-specs .connector .form-group {
	/*margin-top: 15px;*/
}

.adv-specs .connector .checkbox {
	padding-left: 35px;
}

.adv-specs .connector .control-label--after {
	margin-left: 0;
}

.adv-specs .others .checkbox {
	padding-left: 0;
}

/* ==========================================================================
=================================== Step 3 ==================================
========================================================================== */

/**
* Generals
*/

.certif__title  {
	margin-bottom: 15px;
	text-transform: uppercase;
	margin-top: 10px;
}

.certif .checkbox {
	margin-bottom: 20px;
}

.certif .middle-input {
	float: left;
	width: 140px;
	margin-left: 15px;
}

/* ==========================================================================
=================================== Step 4/5 ================================
========================================================================== */

/**
* Generals
*/

.template {
	padding-bottom: 25px;
}

.template .checkbox {
	margin-bottom: 20px;
}

.template .short-input {
	float: left;
	width: 80px;
	margin-left: 15px;
}

#form-description {
	display: none;
}

.form-description {
	font-size: 13px;
	color: rgba(0,0,0,0.5);
	line-height: 1.23;
	font-weight: 400;
	text-align: left;
	margin-top: -8px;
	margin-bottom: 15px;
}

.template .form-description {
	font-size: 13px;
	color: rgba(0,0,0,0.5);
	line-height: 1.23;
	font-weight: 400;
	text-align: left;
	margin-top: -8px;
	margin-bottom: 15px;
}

.template .middle-input {
	float: left;
	width: 160px !important;
}

.template .form-control.textarea {
    font-weight: normal;
	width: calc(81% + 1px);
	margin-left: 0;
	resize: none; 
}

.template .control-label__text {
	float: left;
	margin-left: 12px;
}


/* ==========================================================================
=================================== Step 6 ==================================
========================================================================== */

/**
* Generals
*/

.contact__title,
.contact__title--2 {
	margin-bottom: 12px;
	text-transform: uppercase;
	margin-top: 0;
}

.contact .checkbox {
	padding-left: 25px;
}

.contact .input__middle {
	width: 150px;
}

.contact .input__large {
	float: left !important;
	width: 240px !important;
}

.contact .row-no-padding > [class*="col-"]:nth-child(2) {
	padding-left: 30px !important;
}

/**
* Float label
*/

.float-label {
	float: left;
	display: block;
	position: relative;
	margin-bottom: 12px;
}
.float-label label, .float-label > span {
	position: absolute;
	left: 10px;
	top: -4px;
	cursor: text;
	font-size: 75%;
	opacity: 1;
	transition: all .2s;
	color: rgba(0,0,0,0.5) !important;
	font-size: 11px;
	letter-spacing: 1.5px;
	background: #fff;
	padding: 0 3px;
	line-height: 0.6;
	font-weight: 400;
}

.float-label select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.float-label input, .float-label select {
	font-size: inherit;
	padding-left: 11px;
	border: 0;
	border-radius: 0;
	border: 1px solid #ccc;
	height: 32px;
	transition: all .2s;
	font-weight: 400;
}
.float-label input::placeholder, .float-label select::placeholder {
	opacity: 0;
	transition: all .2s;
}
.float-label input:placeholder-shown:not(:focus)::placeholder, .float-label select:placeholder-shown:not(:focus)::placeholder {
	opacity: 0;
}
.float-label input:placeholder-shown:not(:focus) + *, .float-label select:placeholder-shown:not(:focus) + * {
	top: .25em;
	color: rgba(0,0,0,0.5) !important;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height: 2.5;
}
.float-label input:focus, .float-label select:focus {
	outline: none;
	border-color: #d2071d;
}

.float-label input:focus ~ label {
	color: #d2071d !important;
}

.float-label select {
	padding-right: 1em;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.25em;
	background-size: 8px 10px;
}

/**
* Checkbox
*/

.checkbox-company label {
	margin-bottom: 16px;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

.contact .adress {
	padding-top: 35px;
	padding-bottom: 20px;
}

/* ==========================================================================
=================================== Step 7 ==================================
========================================================================== */

/**
* Generals
*/

.summary h4 {
	text-transform: uppercase;
	font-size: 13px;
	margin-top: 0;
    padding-top: 15px;
}

.summary .adv-spec {
	padding-top: 20px;
}

.summary .cert {
	padding-top: 20px;
}

.summary .contact {
	padding-bottom: 20px;
}

.summary__subtitle,
.summary__subtitle--2 {
	margin-bottom: 12px;
	text-transform: uppercase;
	margin-top: 0;
}

.main__subtitle {
	font-weight: 900;
	font-size: 24px;
	color: rgba(0,0,0,0.8);
	margin-bottom: 15px;
	margin-top: 0;
}

.upload-box {
	border: 1px solid #ccc;
	padding: 30px 30px 20px 30px;
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}

label.btn-upload input[type="file"] {
    display: none;
}

.upload-file {
    display: inline-block;
    color: rgba(0,0,0,0.8);
    font-weight: 400;
    margin-top: 1px;
    /*padding: 5px 21px;*/
    padding: 5px 0px;
    font-size: 14px;
}

.upload-desc {
	display: block;
	color: rgba(0,0,0,0.4);
	font-weight: 400;
	margin: 25px 0 0 0;
	text-align: left;
}

.summary .control-label {
	margin-top: 0px;
}

.summary .others .form-group {
	margin-top: 2px;
}

.summary-content .right {
	margin-top: -7px;
	margin-bottom: 0px;
}

.summary-content .form-group {
	margin-top: -7px;
	margin-bottom: 0px;
	text-align: left;
}

.summary-content .form-group .control-label__text {
	/*margin-left: 20px;*/
    margin-left: 5px;
}

.summary-content .right-column {
	margin-top: -5px;
}

.summary-content .right-column .form-group {
	margin-top: 5px;
	margin-bottom: 0px;
}

.summary-content .form-group label {
	margin-bottom: 0px;
}

.summary-content .form-group .double-line {
	line-height: 15px;
}


/* ==========================================================================
================================ Steps Section ==============================
========================================================================== */

.steps-section img {
	/*width: 400px;*/
}

.steps-section .steps {
	list-style-type: none;
	margin: 20px auto;
	width: 275px;
	text-align: left;
	padding: 0;
}

.steps-section .steps > li {
	border-bottom: 2px solid rgba(0,0,0,0.2);
}

.steps-section .steps > li > a {
	display: block;
	padding: 5px 15px;
	text-transform: uppercase;
	color: rgba(0,0,0,0.2);
	font-weight: 800;
	font-size: 12px;
}

.steps-section .steps > li.active {
	border-bottom: 2px solid #d2071d;
}

.steps-section .steps > li.active > a {
	color: #d2071d;
}

.steps-section .steps > li.activated {
	border-bottom: 2px solid rgba(0,0,0,0.5);f
}

.steps-section .steps > li.activated > a {
	color: rgba(0,0,0,0.5);
}

.steps-section .steps > li > a span {
	padding-right: 10px;
}

.steps-section .button-desc {
	padding-left: 15px;
}


.steps-section .button {
	width: 275px;
	margin: 0 auto;
}

.steps-section .button .btn-standard {
	/*width: 100%;*/
	font-size: 20px;
	background: transparent;
	color: #d2071d;
	font-weight: 800;
	text-align: left;
	border-radius: 0;
	padding: 15px 12px;
	border: 1px solid #d2071d;;
}

/* ==========================================================================
============================= Responsive styles =============================
========================================================================== */

@media (max-width: 1200px) {
	.btn-previous,
	.btn-next__short,
	.btn-next__middle,
	.btn-next__large {
		padding: 10px 12px;
		font-size: 16px;
		height: 45px;
	}

	/**
	* Step 1 responsive
	*/

	.surface-edit__inputs .control-label {
		width: 79px !important;
	}
	.surface-edit__inputs .control-label_r {
		margin-left: 0;
	}
	.item-content.panel-2 .image-block {
		margin-top: -250px;
	}
	.item-content.panel-2 .image-block__img,
	.item-content.panel-2 .image-block p {
		margin-left: 35px;
	}

	/*.name-input .name-tooltip__content {
	    padding: 10px 20px;
	    top: -86px;
	    left: 12.6%;
	    margin-left: -60px;
	}*/

	.content.pool .servis-box {
		top: 10px;
	}

	.form-control-feedback__text {
		/*margin: 20px 0 10px;*/
	}

	.shorts .form-group:nth-child(even) .control-label {
	    margin-left: 0px; 
	}
	.shorts .form-group:last-child .control-label {
		margin-left: 0px; 
	}
	.shorts .form-group:nth-child(even) .q-mark {
	    left: 95px; 
	}
	.shorts .form-group:last-child .q-mark {
	    left: 95px; 
	}

	.shorts .form-group .popover,
	.shorts .form-group:nth-child(even) .popover,
	.shorts .form-group:last-child .popover {
		left: 0 !important;
		width: 100%;
		font-size: 12px;
	}

	.pick-option.pool-pick-option .panel-image {
		padding-left: 0;
	}

	.pick-option.pool-pick-option .item-content .help-text {
		position: relative;
		padding-left: 0;
	}


	/**
	* Step 2 responsive
	*/
	
	.adv-specs__inputs .control-label {
		margin-left: 0;
		margin-right: -1px;
	}

	/**
	* Step 3 responsive
	*/

	.template .form-control.textarea {
		width: calc(76% + 2px);
	}

	/**
	* Step 7 responsive
	*/

	.summary .control-label {
		width: 90px !important;
		margin-right: 5px;
	}
}

@media (max-width: 992px) {

	/**
	* Step 1
	*/

	.shorts .form-group:nth-child(even) .bootstrap-select {
		margin-left: 0;
	}
	.shorts .form-group:last-child .bootstrap-select {
		margin-left: 0;
	}
	.shorts .form-group:nth-child(even) .q-mark {
		left: 95px;
	}
	.shorts .form-group:last-child .q-mark {
		left: 95px;
	}
	.surface-edit__inputs .control-label {
		width: 95px !important;
	}

	.item-content.panel-2 .image-block {
		float: right;
	}
	.item-content.panel-2 .image-block__img,
	.item-content.panel-2 .image-block p {
		margin-left: 0px;
	}

	.middle-input_r {
		float: left !important;
	}

	.name-input .name-tooltip__content {
	    padding: 10px 20px;
	    top: -67px;
	    left: 9%;
	}

	.shorts .control-label__text.short-input {
		margin-left: 0;
	}

	.pick-option.pool-pick-option .panel-image {
		padding-left: 110px;
	}
	.pick-option.pool-pick-option .item-content .help-text {
		position: absolute;
	}
	
	/**
	* Step 2
	*/

	.adv-specs__inputs > [class*="col-"]:nth-child(2) .checkbox {
		margin-left: 0;
	}

	/**
	* Step 6
	*/

	.float-label {
		text-align: left;
	}

	/**
	* Step 7
	*/

	.summary-content .form-group {
		margin-top: 0;
	}

	.steps-section .steps {
		width: 50%;
		float: left;
	}
	.steps-section img {
		width: 50%;
	}
}


@media (max-width: 767px) {
	.btn-previous,
	.btn-next__short,
	.btn-next__middle,
	.btn-next__large {
		padding: 10px 12px;
		font-size: 16px;
		height: 45px;
	}
	
	/**
	* Step 1
	*/

	.form-inline .control-label--after,
	.form-group .control-label--after {
		float: left;
	}

	.item-content.panel-2 .image-block {
		margin-top: -275px;
		width: 200px;
	}
	
	.surface-edit .form-group {
		width: 100%;
	}

	.name-input .name-tooltip__content {
	    padding: 10px 20px;
	    top: -67px;
	    left: 59px;
	}

	.panelize-panel {
		margin-top: -10px;
	}

	.panelize-panel .form-group .control-label--large {
		width: 100% !important;
	}
	.pick-option.pool-pick-option .control-label--after-select {
		padding-left: 0;
	}

	.pick-option.pool-pick-option .item-content .help-text {
		position: relative;
		padding-left: 0;
	}

	.pick-option.pool-pick-option .multipanel .panel-image {
		margin-top: 0;
	}

	/**
	* Step 2
	*/

	.adv-specs__inputs > [class*="col-"]:nth-child(2) .checkbox {
		margin-bottom: 0;
	}
	.adv-specs .others .checkbox {
		padding-left: 20px;
		margin-bottom: 12px;
	}

	/**
	* Step 6
	*/
	.contact .checkbox {
		padding-left: 0;
	}
	.contact .row-no-padding > [class*="col-"]:nth-child(2) {
		padding-left: 20px !important;
	}
}

/**
* Step 1
*/

@media (max-width: 600px) {
	.btn-previous,
	.btn-next__short,
	.btn-next__middle,
	.btn-next__large {
		width: 100%;
		margin-bottom: 5px;
	}

	.item-content.panel-2 .image-block {
		position: initial;
		margin-top: 0;
		width: 100%;
	}
	.name-input .name-tooltip__content {
	    padding: 10px 20px;
	    top: -86px;
	    left: 59px;
	}
	.pick-option.pool-pick-option .panel-image {
		padding-left: 0;
	}
	.pick-option.pool-pick-option .item-content .help-text {
		width: 100%;
	}
}

@media (max-width: 435px) {
	h1, h2 {
		font-size: 25px;
	}

	/**
	* Generals
	*/

	.btn-next__middle {
		width: 100%;
	}
	.btn-next__short {
		width: calc(100% - 80px);
	}
	.btn-upload {
		padding: 3px 13px;
		font-size: 14px;
	}

	.name-input .name-tooltip__content {
	   	opacity: 0;
	}

	.form-control-feedback {
		top: 30px;
	}

	/**
	* Step 1
	*/

	.item-pick {
		width: 100%;
	}
	.pick-option .items-pick > [class*="col-"],
	.pick-option .items-pick > .col-md-4:nth-child(1),
	.pick-option .items-pick > .col-md-4:nth-child(3) {
		padding: 0 !important;
		margin-bottom: 10px;
	}

	.name-input input,
	.large-input,
	.bootstrap-select.select-item__short,
	.bootstrap-select.select-item__middle,
	.item-content .short-input,
	.float-label {
		width: 100% !important;
	}

	.pick-option.pool-pick-option .item-content .help-text {
		width: 100%;
	}

	/**
	* Step 2
	*/

	.adv-specs__inputs > [class*="col-"]:nth-child(2) .checkbox {
		margin-bottom: 0;
	}

	/**
	* Step 6
	*/
	.contact .input__large {
		width: 100% !important;
	}
	.contact .input__middle {
		width: 80% !important;
	}

	.contact .checkbox {
		padding-left: 20px;
	}

	.contact .row-no-padding > [class*="col-"]:nth-child(2) {
		padding-left: 0 !important;
	}
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

/* ==========================================================================
=============================== IE 11 Target ================================
========================================================================== */


@media all and (-ms-high-contrast:none) {
	.float-label label, .float-label > span {
		display: none;
	}
	.float-label input:-ms-input-placeholder {
	    letter-spacing: 0 !important;
		line-height: initial !important;
	} 
	.float-label input:placeholder-shown:not(:focus) + *, .float-label select:placeholder-shown:not(:focus) + * {
		color: rgba(0,0,0,0.5) !important;
		font-size: 5px !important;
	}
	.popover>.arrow:after {
		display: none;
	}
	.popover>.arrow {
		display: none;
	}

	.name-input .popover>.arrow, .name-input .popover>.arrow:after {
		display: none;
	}
}

/* ==========================================================================
=============================== Others/Plugins ==============================
========================================================================== */

/**
* Bootstrap right offset
*/

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .left-col .control-label {
    /*margin-left: 55px !important;*/
  }
  .left-col .popover {
  	/*left: 55px !important;*/
  }
  .left-col .q-mark {
    /*left: 150px; */
  }
}

.double-textbox {
    height: 32px;
}

.double-textbox .short-input {
    float: left;
    width: 80px !important;
    margin-left: 0px;
}

.double-textbox .divider {
    float: left;
    margin: 0 8px;
    font-weight: 400;
}



.gatema-btn-red {
    background: #d2071d;
    color: #fff;
    text-align: left;
    border-radius: 0;
}
.gatema-btn-red:hover,
.gatema-btn-red:focus {
    background: #ab0618;
    color: #fff;
}

.gatema-btn-gray-border {
    color: #b3b3b3;
    border-radius: 0;
    background: #fff;
    border: solid 1px #cccccc;
}

.gatema-btn-gray-border:focus,
.gatema-btn-gray-border:hover {
    color: black;
}

.gatema-btn-gray {
    color: #b3b3b3;
    border-radius: 0;
    background: #fff;
    /*border: solid 1px #cccccc;*/
    border: none;
    padding: unset;
}

.gatema-btn-gray:focus,
.gatema-btn-gray:hover {
    color: black;
}

.upload_entry {
    color: rgba(0,0,0,0.8);
    font-weight: 400;
    margin-top: 2px;
    padding: 0px 21px;
    font-size: 14px;
}