/*---------------------------------
 Comman style
 *---------------------------------*/
*{margin:0; padding:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-placeholder{opacity:1; color:#000000;}
::-webkit-input-placeholder {color: #000000; opacity:1 !important;}
:-moz-placeholder { /* Firefox 18- */color: #000000;}
:-ms-input-placeholder {color: #000000;}
::-moz-selection {background-color:#ffd63d; color:#222221;}
html{height: 100%;}
body {height: 100%; background-color:#fff; font-family: 'PlatformRegular'; font-size:18px; color:#222221; font-weight:normal; line-height:normal; padding:0; margin:0;}
a{color:#222221; text-decoration:none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:focus{ color:inherit;}
a:hover{ text-decoration: underline;}
.no-scroll{
	overflow: hidden;
}
.clearfix{
    clear: both;
}

img {max-width:100%; height:auto; display:inline-block; vertical-align:top; outline:none; border:none; }
ul{list-style:none;}
.confirm-img{
    width: 55px;
}
h1,h2,h3,h4,h5,h6{font-family: 'PlatformBold'; margin:0 0 20px 0; font-weight:normal; letter-spacing:2px;}
h1{ font-size:70px;}
h2{ font-size:60px;}
h3{ font-size:33px;}
h4{ font-size:28px;}
h5{ font-size:13px; font-family: 'PlatformRegular';}
p{ margin:0 0 28px 0;}

.margin-none{ margin:0 !important;}
.padding-none{ padding:0 !important;}
.bg-none{ background:none !important;}
.padding-bnone{ padding-bottom:0 !important;}
.overflow-hidden{ overflow:hidden; clear:both;}
.clearboth{ float:left; clear:both;}
.mobile{ display:none;}
.desktop{ display:block;}
.pull-left{ float:left;}
.pull-right{ float:right !important;}
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.inline-block{ display:inline-block;}
.scroll-none{ overflow:hidden;}
.fixed-section{z-index:99;}
.text-uppercase{text-transform:uppercase;}
.small-title{font-size:22px; font-family: 'PlatformRegular'; margin-bottom:60px;}
.word-break{word-break:break-all;}
.word-more{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.light-text, .grey{ color:#868686;}
.open{display: block;}
.hide{display: none !important;}

.row{ float:left; width:100%;}
.container{float:left; width:100%; padding:0 59px;}
.gdpr-container { padding-top: 120px !important; min-height: 60vh}
.menu-container{
    float:left;
    width:100%;
    padding:0 59px;
    display: flex;
    justify-content: space-between;
}

.custom-cookie-alert {
    position: fixed;
    left: 0;
    bottom: -72px;
    z-index: 10000;
    width: 40%;
    background-color: #fad100;
    display: flex;
    padding: 10px 20px;
    height: 72px;
    transition: bottom 0.7s ease-out;
}
.custom-cookie-alert.to-top {
    transition: bottom 0.7s ease-out;
    bottom: 0;
}
.custom-cookie-alert p {
    line-height: 52px;
    padding-right: 10px;
}
.custom-cookie-alert > div {
    display: flex;
    margin-left: 40px;
}
.custom-cookie-alert a {
    line-height: 52px;
    margin: 0;
    display: block;
    text-decoration: underline;
    white-space: nowrap;
}
.custom-cookie-alert.cookie-submit {
     line-height: 14px;
     padding: 7px 20px 5px;
     height: 18px;
     font-size: 14px;
     text-decoration: none;
     color: #fff;
}
.cancel-alert {
    width: 20px;
    height: 20px;
    margin: 16px !important;
    position: absolute;
    right: 0;
    background-image: url('images/multiply.png');
    background-size: contain;
    background-position: center;
}
.gdpr-confirm-block {
    display: flex;
    margin-top: 20px;
    min-width: 320px;
}
.gdpr-confirm-block .gdpr-confirm {
    cursor: pointer;
    width: 28px;
    height: 20px;
    background: #fff;
    overflow: hidden;
    margin-right: 10px;
    min-width: 15px;
    max-width: 23px;
}
.gdpr-confirm-block .gdpr-confirm{
}
.gdpr-confirm-block .gdpr-confirm.checked{
    background-image: url("images/confirm.svg");
    background-size: 27px;
    background-position: 25px 22px;
}

.darkbg{background:#222221; color:#fff; padding:50px 0;}
.darkbg a{color:#fff;}
.lightbg{background:#c5c5c5; padding:50px 0;}
.yellowbg{background:#f5d40f;}
.whitebg{background:#fff; padding:50px 0;}
.graybg{ background:#e5e6e7; padding:40px 0;}
.light-graybg{ background:#ebebeb; padding:40px 0;}

.col-1{ float:left; width:100%; position:relative;}
.col-2{ float:left; width:50%; position:relative; text-align: left;}
.col-3{ float:left; width:33.33%; position:relative; padding:0 30px;}
.col-4{ float:left; width:25%; position:relative;}

.position-relative{ position:relative;}
.position-absolute{ position:absolute; left:0; top:0;}
.position-lb{ position:absolute; left:auto; bottom:45px; z-index:10;}
.show-div.image-hover{ padding:45px;}

.container .project-sections-menu li a{
	color: #000;
}

.block{ display:block;}
.display-table{ display:table; height:100%; width:100%;}
.table-cell{ display:table-cell; vertical-align:top; height:100%; position:relative;}
.height1{ height:770px;}
.height2{ height:680px;}
.height2.release {
	height:auto;
	margin-top:0 !important;
	overflow: hidden;
}
.height3{ height:300px;}
.full-image{width:100%; background-size: cover; background-repeat:no-repeat; background-position:center center;height: 400px;
}
.full-height{ height:100%;}
.full-image.keep_image img {
	width:100%;
}

.hover-div{ position:relative; height: auto;}
.hover-div:hover .show-div{ display:block; z-index:5;}
.image-hover{ background-color:rgba(34,34,33,0.5); position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.down-arrow{width:50px; height:50px; border-left:35px solid transparent; border-right:35px solid transparent; border-top:35px solid #f5d40f; position:absolute; left:50%; bottom:-50px; z-index:1; margin:0 0 0 -35px;}
.down-arrow.light{ border-top:35px solid #c5c5c5;}
.down-arrow.dark{ border-top:35px solid #222221;}
.down-arrow.white{ border-top:35px solid #ffffff;}

@-webkit-keyframes pulse {
0%, 100% {opacity:0;}
50% {opacity:1;}
}
@keyframes pulse {
0%, 100% {opacity:0;}
50% {opacity:1;}
}
.pulse{-webkit-animation: pulse 1s infinite; animation: pulse 1s infinite;}
.yellow-dash{ width:100px; height:30px; margin:-15px 0 0 -50px; background:#f5d40f; position:absolute; left:50%; top:50%; display:block;}
.intro{background:#fff; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;}
#spinner {background:#fff; position:fixed; left: 0px;top: 0px; width: 100%; height:100%; z-index:1999;}
.tp-loader{ display:none !important;}

/*---------------------------------
 Links
 *---------------------------------*/
.bottom-link{float:left; width:100%; position:relative; margin:10px 0 0 0; z-index:10;}
.btn, .link:before, input[type=text], input[type=submit], .owl-page, /* .menu li span,  */.owl-buttons div, .boxcontent, .download-links h2:after{transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.link{ font-size:18px; font-family: 'roboto'; color:#fff; position:relative; padding:0 0 6px 0; display:inline-block; text-transform:uppercase;}
.link:before {content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:0; opacity:1;}
.link:hover:before{opacity:0.4;background-color: #ffd63d;}
.link:hover{text-decoration:none; color: #ffd63d; cursor: pointer}
.darklink{ color:#222221;}
.darklink:before{ background-color:#222221;}

/*---------------------------------
 Buttons
 *---------------------------------*/
.btn, .btn:focus{font-family: 'PlatformRegular'; font-size:26px; color:#222221; border:none; outline:none; background:#f5d40f; text-transform:uppercase; padding:5px 30px; cursor:pointer; letter-spacing:1px; line-height:1; height:48px;}
.btn:hover{ background:#fff; color:#222221;}

.btn.small{ font-size:19px; height:38px;}
.btn-dark{ background-color:#222221; color:#fff; font-size:22px; width:187px; height:57px;}

/*---------------------------------
 Form
 *---------------------------------*/
input,button,textarea{appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; outline:none;}
input[type=text], .form-control{font-size:26px; padding:5px 10px; font-family: 'PlatformRegular'; color:#222221; background:#fff; border:none; outline:none; width:100%; height:48px; letter-spacing:1px; resize:none;}
.form-control.small{ font-size:19px; height:38px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(242, 242, 242);
}

/*---------------------------------
 404 page
 *---------------------------------*/
 .section404{display: block; margin-top: 200px; padding: 50px 59px;text-align: center;margin-bottom: 50px;}
 .footer404{position:fixed; bottom:0;}

/*---------------------------------
 Layout
 *---------------------------------*/
.wrapper{ float:left; width:100%; padding-top:0px; display: flex; flex-direction: column; min-height: 100%;
    height: auto;}
.header{
    background: rgba(0,0,0,0);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:1001;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
    padding-bottom: 10px;
}
.header.white{
	background: rgba(255, 255, 255, 1);
}
.header.white .menu li a,
.header.white .lang .chosen,
.header.white.lang .divide{color: #000;}
.header.white .search a{
    width: 26px;
    height: 26px;
    top: 38px;
    background-image: url('images/icon-search_black.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.header.white .lang .divide{
    color: #000;
}
.header.white .out-btn{
    background-image: url(images/logout.svg);
}
.header.white .login-icon{
    background-image: url('images/login-icon.png');
}
.header.hover{
	background: rgba(255, 255, 255, 1);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.header.hover .out-btn, .out-user-btn{
	background-image: url('images/logout.svg');
}
.header.scrolled{
	background: rgba(255, 255, 255, 1);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.header.scrolled .out-btn, .header.scrolled .out-user-btn{
	background-image: url('images/logout.svg');
}
.login-text-block{
    width: 349px;
    height: 102px;
    position: absolute;
    right: 27px;
    top: 96px;
    background: #ffd500;
    padding: 30px 30px 0;
    font-family: 'Myriad Pro';
    display: none;
}
.login-text-block:before{
    content: "";
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: -14px;
    background: #ffd500;
    transform: rotate(45deg);
    right: 30px;
}
.logo{
    float:left;
    width:auto;
    margin-top: 22px;
    width: 200px;
}
.logo .logo-img{height: 48px}
.header-right{ float:right; width:75%;}
.menu{
    width:calc(100% - 200px);
    display: flex;
    justify-content: space-between;
}
.menu.open{
}
.menu .menu-span{
    width: calc(100% - 200px);
    display: flex;
    justify-content: space-around;
}
/*.menu:after{content:""; display: inline-block; width:100%;}*/
/*.menu, .menu li{zoom: 1;}*/
.menu li{text-align:left; vertical-align:top; display:inline-block;}
.menu li a{font-family: 'PlatformBold'; font-size:20px; line-height:41px; text-decoration:none; letter-spacing:0.120em; padding:20px 18px 18px; position:relative; display:inline-block; top: 10px;color:#FFF;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}
.menu li a.hover{color:#000000;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.menu li a.scrolled{color:#000000;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.think-text {
	margin-top: 30px;
}
a.flowe-link {
	background: url(assets/flowe-exit-white.png) no-repeat 100% center;
    background-size: auto 50%;
    padding-right: 30px;
    line-height: 30px;
    padding-top: 25px;
}
a.flowe-link svg {
	width: 20px;
    fill: #4600F5;
}
.menu li a.scrolled.flowe-link, .menu li a.hover.flowe-link {
	background: url(assets/flowe-exit.png) no-repeat 100% center;
	background-size: auto 25%;	
}
.menu li span{width:20px; height:5px; position:absolute; left:50%; bottom:18px; margin:0 0 0 -10px; opacity:0; background-color:#f5d40f;}
.menu li .sub_hover{
	width:20px;
 	height:5px;
	position:absolute;
	left:50%;
	bottom:6px;
	margin:0 0 0 -10px;
	opacity:0;
	background-color:#f5d40f;}
.menu li .sub_hover.active{opacity:1;}
.menu li .sub_hover.hover{opacity:1;}
.menu li a:hover span, .menu li.active span{ opacity:1;}
.search{margin: 35px 10px 0; height: 60px; display: inline-block;  float: right;}
.search a{
	width: 26px;
    height: 26px;
    top: 38px;
    background-image: url('images/icon-search_white.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
 }
.search a.scrolled{
	width: 26px;
    height: 26px;
    top: 38px;
    background-image: url('images/icon-search_black.png');
    background-size: contain;
    background-repeat: no-repeat;
 }
.search a.hover{
	width: 26px;
    height: 26px;
    top: 38px;
    background-image: url('images/icon-search_black.png');
    background-size: contain;
    background-repeat: no-repeat;
 }
li.search span{ display:none;}
.lang{line-height: 41px; float: right; padding: 20px 18px 18px; top: 10px; position: relative;}
.lang .toggle-lang, .divide{display: inline; float:right; padding: 0 3px 0;color: #FFF; font-family: 'PlatformBold';font-size: 20px;}
.lang .toggle-lang{cursor: pointer; text-decoration: none; color: #888888}
.lang .chosen{cursor: pointer; text-decoration: none; color: #FFF}
.lang .chosen.hover, .divide.hover{color: #000}
.lang .chosen.scrolled, .divide.scrolled{color: #000}
.search img{ vertical-align:middle;}
.submenu{ position:absolute; left:0; top:auto; width:100%; background:#fff; text-align:center; margin-top:-5px;}
.submenu ul{ display:inline-block; margin:0 auto;}
.submenu li a{font-family: 'PlatformRegular'; padding:0 25px; line-height:normal;}
.tabs.fixed-section.scroll-fix {
    margin-top: 117px;
    z-index:100;
}
.login-icon{
    background-image: url('images/login-icon-white.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 35px 0 auto 15px;
    height: 60px;
    width: 22px;
    display: inline-block;
    float: right;
    cursor: pointer;
    position: relative;
}
header.hover .login-icon, header.scrolled .login-icon{
    background-image: url('images/login-icon.png');

}
.projects.fixed-section.scroll-fix {
    margin-top: 143px;
    z-index:100;
}
.products.fixed-section.scroll-fix {
    margin-top: 104px;
    z-index:100;
}
.main-slider{overflow:hidden; background-color:#f5d40f; position:relative;}
.main-slider .slider-image{ position:absolute; left:0; top:0;}
.main-slider .owl-controls{ margin:0;}
.main-slider .owl-pagination{position:absolute; left:0; bottom:32px; color:#fff;}
.main-slider .owl-pagination{bottom:0;}
.main-slider .owl-page span{ background-color:#fff;}
.main-slider .owl-page:nth-child(n+9) span:before{
    counter-increment:subsection;
    content: counter(subsection) "";
    position:absolute;
    left:0;
    top:0;
}
.main-slider .scrollforward{display:block; position:relative; margin: 25px auto 0; width:40px; height:40px; background:url(images/ arrow-down-in-circle.svg);background-size:40px 40px; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s;}
.main-slider .scrollforward.hide{display: none;}
.main-slider .scrollforward:hover{opacity:0.5;}
.item iframe{width:100%;height:100%;}
.bottom-slider .owl-pagination{
	bottom: 100px;
}
.manager-login{
    margin: 40px auto 0;
    left: 0;
    right: 0;
    width: 380px;
    height: 300px;
}
.logg-inn .user.active, .logg-inn .leader.active{
    font-family: 'PlatformBold';
    color: #000000;
}
.table{
    width: auto;
    margin: auto;
}
.wrapper .empty{
	height: auto;
	position: relative;
	clear: both;
    width: 954px;
    margin: 150px auto 10px;
    white-space: nowrap;
    flex-grow: 1;
}
.wrapper .empty.steps{
    overflow: hidden;
}
.wrapper .empty.wide{
    width: 1350px;
    height: auto;
}
.wrapper .empty .step {
    display: inline-block;
    width: 954px;
    height: auto;
    margin: auto;
    position: relative;
    vertical-align: top;
    margin-top: 100px;
}
.wrapper .empty .entry-point{
    margin-top: 0;
}
.wrapper .empty .step p {
    font-size: 22px;
    white-space: normal;
    margin: 0 auto 30px;
}

.wrapper .empty .form-wrapper{
    display: block;
    position: relative;
    left: 0;
    right: 0;
    height: 500px;
    width: 380px;
    margin: auto;
}
.logg-inn {
    width: 380px;
    text-transform: uppercase;
    margin: 40px auto;
    height: 400px;
}
.logg-inn.manager {
    margin: auto;
    height: 30px;
    width: auto;
    position: absolute;
    z-index: 4;
    top: 388px;
    left: 0;
    right: 0;
    text-align: center;
}
.logg-inn .leader, .logg-inn .user{
    font-family: 'PlatformBold';
    display: block;
    width: 100%;
    height: 60px;
    background: #ffd500;
    margin-top: 20px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.logg-inn.hidden{
	display: none;
}
.manager-login.hidden, .user-form-block.hidden, .user-reg-form-block.hidden{
	display:none !important;
}
.logg-inn a{
    text-decoration: none;
}
.user-form, .user-reg-form{
    margin: 40px auto auto;
    left: 0;
    right: 0;
    width: 380px;
	height: 400px;
}
.user-form.hidden, .initial-control.hidden {
	display: none;
}
.user-reg-form{
    margin-top: 5px;
}
.user-reg-form h4{
	text-align: left;
}

.wrapper .empty .user-reg-form p{
    margin: 20px auto;
    display: table;
    white-space: pre-line;
    text-align: left;
}
.user-form-block label, .user-reg-form-block #user_reg_form_submit, .login-form label{
    display: block;
    width: 100%;
    height: 60px;
    background: #ffd500;
    margin-top: 20px;
    float: right;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
}
.video-panel {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	width: 280px;
	margin: auto;
}
.skip-video, .mute-sound {
    display: block;
    bottom: 100px;
    width: 140px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10000000;
    color: white;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}
.user-form label, .login-form label{
    margin-top: 0;
}
.user-reg-form-block #user_reg_form_submit{
    width: 100%;
    display: block;
    float: none;
    margin-top: 0;
}
.user-form .toggle-login,  .user-reg-form-block .toggle-reg{
    display: block;
    width: 100%;
    height: 60px;
    background: #ffd500;
    margin-top: 20px;
    float: right;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}
.user-reg-form-block .toggle-reg{
    float: left;
}
.user-reg-form-block .security_text_1, .user-reg-form-block .security_text_2 {
	display: block;
	width: auto;
	white-space: normal;
	text-align: left;
}
.user-reg-form-block .security_text_2 {
	font-style: italic;
}
.security-text-wrapper {
	display: flex;
}
.text-wrapper {
	margin-left: 20px;
}
.user-form-block, .user-reg-form-block{
    display: block;
    position: relative;
    width: auto;
    height: 450px;
    margin: 0 auto 100px;
}
.user-phone{
    background-color: rgb(242, 242, 242);
    width: 380px;
    height: 61px;
    z-index: 89;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 28px;
}
.user-password{
    border: none;
    background-color: rgb(242, 242, 242);
    width: 380px;
    height: 61px;
    z-index: 89;
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    display: block;
}

.login-form{
    display: block;
	margin: 40px auto 0;
	vertical-align: middle;
	text-align: center;
    width: 380px;
}
.manager-login .manager-login-input{
    height: 24px;
    margin: 5px auto 5px;
    width: 158px;
    border-radius: 3px;
    background-image: url('images/login.png');
    background-size: cover;
    font-size: 10px;
    font-weight: bold;
    color: rgb(255,255,255);
    background-color: rgb(133,122,129);
    padding-left: 10px;
    padding-right: 30px;
}
    .manager-login .login-form .manager-login-input::-moz-placeholder{opacity:1; color:#FFFFFF;}
	.manager-login .login-form .manager-login-input::-webkit-input-placeholder {color: #FFFFFF; opacity:1 !important;}
	.manager-login .login-form .manager-login-input:-moz-placeholder { /* Firefox 18- */color: #FFFFFF;}
	.manager-login .login-form .manager-login-input:-ms-input-placeholder {color: #FFFFFF;}

    .manager-login .login-form .manager-pwd-input::-moz-placeholder{opacity:1; color:#FFFFFF;}
	.manager-login .login-form .manager-pwd-input::-webkit-input-placeholder {color: #FFFFFF; opacity:1 !important;}
	.manager-login .login-form .manager-pwd-input:-moz-placeholder { /* Firefox 18- */color: #FFFFFF;}
	.manager-login .login-form .manager-pwd-input:-ms-input-placeholder {color: #FFFFFF;}

    .user-reg-form .user-phone::-moz-placeholder{ font-weight: normal; font-family: 'PlatformRegular'; letter-spacing: 2px;}
    .user-reg-form .user-phone::-webkit-input-placeholder {font-weight: normal; font-family: 'PlatformRegular'; letter-spacing: 2px;}
    .user-reg-form .user-phone:-moz-placeholder {font-weight: normal; font-family: 'PlatformRegular'; letter-spacing: 2px;}
    .user-reg-form .user-phone:-ms-input-placeholder {font-weight: normal; font-family: 'PlatformRegular'; letter-spacing: 2px;}

.manager-login.hidden{
	display: none;
}
.manager{
	height: 29px;
	display: inline-block;
	float: right;
	position: absolute;
	top: 36px;
	right:15px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 998;
}
.manager .logout-form{
	display:inline;
}
.manager .logout-user-form{
	display:inline;
}
.greet{
	position: fixed;
    top: 110px;
    width: 250px;
    height: 50px;
    right: 0px;
    margin: 0;
    background: white;
    border-radius: 5px;
    border: 1px solid black;
    z-index:1;
    opacity:0;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.greet.visible{
	z-index:1000;
	opacity:1;
    transition-property: opacity;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.out-btn, .out-user-btn{
	height: 28px;
	width: 28px;
	display: inline-block;
	float: right;
	background-image: url('images/logout_white.svg');
	background-size: contain;
	background-position: center;
	cursor: pointer;
    margin-left: 10px;
}
.out-btn-submit, .out-user-btn-submit{
	display:none;
}
.manager-login .manager-pwd-input{
    height: 24px;
    margin: 5px auto 5px;
    width: 158px;
    border-radius: 3px;
    background-image: url('images/key.png');
    background-size: cover;
    font-size: 10px;
    font-weight: bold;
    color: white;
    border: none;
    background-color: rgb(133,122,129);
    padding-left: 10px;
    padding-right: 30px;
}
.manager-login .forgot{
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    display: none;
    margin: auto;
    width: 100%;
    margin: 20px auto;
}
.user-forgot{
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    display: none;
    width: 100%;
    margin: 20px auto;
    clear: both;
}
.ok-btn{
	height: 58px;
	width: 25px;
	display: inline-block;
	float: right;
	position: absolute;
	top: 49px;
	right: 43px;
	border-radius: 3px;
	background-image: url('images/lock.png');
    background-size: cover;
    background-position: center;
    cursor:pointer;
}
.ok-btn-input{
	display:none;
}
.user-block{
	display:block;
	float:left;
	width:100%;
    text-align: left;
}
.project-control {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
	max-width: 95%;
	margin: 0 auto;
}
.main-qr-code {
    margin-left: auto;
}
.edit-project {
    margin-left: 10px;
}
.main-qr-code h6 {
    margin-bottom: 3px;
    text-align: center;
}
.main-qr-code img {
    max-width: 100px;
}
.pr-controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 20px;
    flex: 1;
}
.project-control form {
	display: flex;
	align-items: center;
    margin: 5px 0;
}

.btn-search {
	width: 26px;
    height: 26px;
    top: 38px;
    background-image: url(images/icon-search_black.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin: 2px 5px;
}

.edit-form-container, .edit-project-layer{
	height:100%;
	width:100%;
	position:fixed;
	z-index:10000;
	display: none;
	background: rgba(0,0,0,.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.service-message1, .service-message2, .service-message4, .service-message5{
    text-align: center;
    width: 100%;
    display: block;
    color: red;
    position: relative;
    height: auto;
    white-space: normal;
}
.service-message1, .service-message4{
    top: 10px;
}
.service-message2{
    top: -20px;
}
.service-message3{
    top: 70px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    color: red;
}
.service-message5{
    width: 470px;
    top: -20px;
}
.edit-form-container.shown, .edit-project-layer.shown{
	display: block;
}
.edit-form-cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*.edit-form, */
.edit-project-form{
	vertical-align: middle;
	text-align: right;
	color: white;
	width: 500px;
	height: 250px;
	background-color: #222221;
    margin: auto;
    padding: 20px;
	line-height:38px;
	border-radius:5px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.edit-project-form{
	height: 570px;
}
.edit-project-form .image-layer{
    width: 460px;
    height: 320px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
}
/*.new-edit-form{*/
    /*display: none;*/
/*}*/
/*.edit-form .house {*/
    /*display: none;*/
/*}*/
/*.new-edit-form.shown .save-user{*/
    /*display: block;*/
/*}*/
li.new{

}
.edit-form-new, .edit-project-form .image-layer img{
    margin: auto;
}
.user-list .edit-form.shown input, .user-list .edit-form-new.shown input{
    display: inline-block;
}
.user-list .edit-form.shown .username{
    margin-left: -10px;
    margin-right: 10px;
}
.user-list .edit-form div input, .user-list .edit-form-new div input{
    position: absolute;
    left: 0;
    top: 0;
    height: 74px;
    display: none;
    font-size: 22px;
    margin: 0 10px 0 0;
    border: 1px solid;
    width: 90%;
}
.user-list .edit-form div input.shown, .user-list .edit-form-new div input.shown{
    display: block;
    margin-top: 14px;
    height: 48px;
}
.user-list .edit-form .action .save-btn.shown{
    position: static;
    margin-top: 20px;
}
.edit-project-form .edit-project-heading{

}
.edit-project-form .edit-project-text{
    width: 100%;
    display: block;
    height: 100px;
    margin: 10px 0 10px;
    padding: 5px 10px;
}
.edit-project-form .teaser-image-btn{
    display: block;
    float: left;
    width: 200px;
    cursor: pointer;
    color: white;
    width: 100px;
    text-align: center;
    height: 40px;
    background-color: #377EB1;
    margin: 0 0 10px;
    font-size: 16px;
    border-radius: 5px;
    line-height: 40px;
    position: relative;
}
.edit-project-form .project-save-btn{
    width: 60px;
    height: 40px;
    display: block;
    border-radius: 5px;
    float: right;
    background-color: rgb(92, 184, 92);
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: white;
    font-family: 'PlatformRegular';
    font-size: 18px;
    letter-spacing: 1px;
    border: none;
}
.edit-project-form .cancel-layer{
    float: right;
    margin: 0 0 0 10px;
}

.edit-project-form .image-name{
    position: absolute;
    top: 0;
    width: 200px;
    overflow: hidden;
    left: 110px;
    text-align: left;
}

/*.edit-form span{*/
    /*width: 20%;*/
    /*float: left;*/
/*}*/
/*.edit-form p{*/
	/*display: block;*/
    /*margin: 5px 0 0 0;*/
    /*line-height: 35px;*/
/*}*/
/*.edit-form .comment{*/
	/*line-height: 1px;*/
    /*font-size: 10px;*/
    /*display: none;*/
    /*color: red;*/
    /*letter-spacing: 2px;*/
/*}*/
.user-car-form .comment{
	line-height: 1px;
    font-size: 20px !important;
    display: none;
    color: red;
    letter-spacing: 0;
    margin:0;
}
/*.edit-form .save-overlay{*/
	/*display: none;*/
    /*position: absolute;*/
    /*width: 60px;*/
    /*height: 40px;*/
    /*right: 90px;*/
    /*bottom: 29px;*/
    /*opacity: 0.5;*/
    /*border-radius: 5px;*/
    /*background-color: red;*/
/*}*/
/*.edit-form .user-input{*/
	/*display:inline;*/
	/*width: 350px;*/
	/*height: 30px;*/
	/*float: right;*/
	/*line-height:30px;*/
	/*font-size: 20px;*/
	/*margin:10px 0 0 10px;*/
	/*color: white;*/
    /*border: none;*/
    /*background-color: rgb(133,122,129);*/
    /*padding-left: 10px;*/
    /*padding-right: 30px;*/
    /*border-radius: 3px;*/
/*}*/
.edit-form .user-input-hidden{
	display:none;
}
.id{
	display:none;
}
.user-list li .edit-form .save-user, .user-list li .edit-form-new .save-user{
    width: 60px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    display: block;
    border-radius: 5px;
    float: left;
    background-color: rgb(92, 184, 92);
    margin: 20px 0 0 10px;
    text-align: center;
    cursor: pointer;
    display: none;
}
.user-list li .edit-form .cancel-user, .user-list li .edit-form-new .cancel-user {
    width: 144px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    display: block;
    border-radius: 5px;
    float: left;
    background-color: rgb(92, 184, 92);
    margin: 20px 0 0 10px;
    text-align: center;
    cursor: pointer;
    display: none;
    font-size: 16px;
}

.user-list li .edit-form.shown .save-user, .user-list li .edit-form.shown .cancel-user, .user-list li .edit-form-new.shown .save-user, .user-list li .edit-form-new.shown .cancel-user{
    display: block;
}
.cancel-layer{
	width: 60px;
    height: 40px;
    display: block;
    border-radius: 5px;
    float: right;
    background-color: rgb(120, 125, 120);
    margin: 10px 0 0 0;
    text-align: center;
    cursor: pointer;
}
.edit-form-save{
	display:none;
}
.verification{
	height: auto;
	background-color: #f5d30f;
	padding: 0;
}
.verification .step span .number{
    float: left;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-left:-80px;
    border: 2px solid black;
    border-radius: 50%;
    text-align: center;
}
.verification p{
	font-family:'Regular';
	font-size: 41px;
}
.verification .step{
	height: 343px;
	border-bottom: 1px solid black;
	text-align: left;
	padding-top: 50px;
}
.verification .step span{
	display: block;
    margin: 0 auto;
    width: 790px;
}
.verification .step span p{
  font-size: 29px;
  font-family: "Platform";
  line-height: 1.179;
  text-align: left;
}
.verification .step .confirm{
	width:72px;
	height:73px;
    float: left;
	overflow: hidden;
}
.verification .step span .is-ev{
	width:40px;
	height:40px;
    float: left;
	overflow: hidden;
}
.verification .step .confirm .confirm-img{
	width:100%;
}


.verification .step h3{
    display: inline-block;
    line-height: 55px;
    margin: 0;
    font-size: 29px;
    letter-spacing:1px;
}
.verification .step span .h3-confirm{
	margin: 0 0 0 29px;
	width: 680px;
    line-height: 37px;
}
.step h3{
    font-weight: bold;
    font-family: '';
    text-align: center;
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 50px;
}
.step.first span p{
    font-family: 'Myriad Pro';
    text-align: center;
    font-size: 28px;
}

.step.first .confirm-block {
    float: left;
    width: 100%;
    padding: 0 190px;
    text-align: left;
}
.step .confirm-block .confirm{
    width: 55px;
    height: 55px;
    float: left;
    overflow: hidden;
}
.step .confirm-block .confirm.checked img{
    transform: translate(0px,-55px);
}

.step.first .confirm-block p{
    padding-left: 140px;
    font-family: 'Myriad Pro';
    font-size: 22px;
    letter-spacing: normal;
    line-height: 55px;
}

.step.first .file-list li{
    border: none;
    font-size: 28px;
}
.prev-next-block{
    position: relative;
    width: 954px;
    margin: 0 auto;
    display: none;
    text-align: center;
    top: 200px;
    left: 0;
    right: 0;
    z-index:10;
    background-color: #FFFFFF;

}
.counter{
    display: inline-block;
    text-align: center;
    line-height: 44px;
}
.prev-next-block .prev-btn, .prev-next-block .next-btn{
    background-color: #dddddd;
    width: 151px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
}
.prev-next-block .prev-btn {
    left: 0;
    top: 0;
    display: none;
}
.prev-next-block .next-btn {
    right: 0;
    top: 0;
    color: #c1c1c1;
}
.prev-next-block .next-btn.granted {
    color: #222221;
}

.prev-next-block .next-btn.fadein{
    display: block;
}
.user-phone-form{
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
}
.user-code-form{
    position: relative;
    display: inline-block;
    left: 368px;
    float: left;
}
.user-code-form input{
    background-color: rgb(242, 242, 242);
    width: 47px;
    height: 60px;
    z-index: 89;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}

.user-phone-form input, .user-data-form input, .user-app-form input, .profile-phone-form input{
    background-color: rgb(242, 242, 242);
    width: 367px;
    height: 61px;
    z-index: 89;
    margin-bottom: 40px;
    border: none;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}
.user-data-form{
    margin: auto;
    width: 470px;
    position: relative;
}
.user-data-form .confirm-block{
    width: 100%;
}
.user-data-form h3{
    margin-top: 50px;
}
.user-data-form input{
    display: block;
    margin: 0 auto 10px;
}
.user-data-form .user-data-carnum{
    margin-top: 60px;
}
.wrapper .user-data-form p.h-confirm{
    display: inline-block;
    width: auto;
    padding: 0 10px;
    text-align: left;
}
.user-phone-form #user_code_form_submit, .user-app-form #user_app_form_submit, #profile_code_form_submit{
    display: inline-block;
    width: 147px;
    height: 60px;
    background: #ffd500;
    margin-left: 20px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
    border: none;
}
.step.second span{
    text-align: center;
    display: block;
}
.step.second .user-phone-form #user_code_form_submit.sent, .step.fourth .user-app-form #user_app_form_submit.sent{
    background: rgb(242, 242, 242);
    color: #aaa
}
.wrapper .empty .step.third{
    margin-top: 100px;
}
.wrapper .empty .step.third p{
    margin-bottom: 30px;
}
.step.third span{
    text-align: center;
}
.empty .step.fourth{
    height: 470px;
    margin-top: 130px;
}
.step.fourth span{
    width: 534px;
    height: auto;
    display: inline-block;
    text-align: center;
    float: left;
}
.step.fourth .iphone {
    background-image: url(images/iPhone.png);
    display: inline-block;
    width: 335px;
    height: 470px;
    position: absolute;
    right: 20px;
}
.step.fourth span .app-image {
    width: 173px;
    margin-left: 20px;
}
.step.fifth{
    text-align: center;
    height: 500px !important;
}
.step.fifth span p{
    width: 544px;
    margin: auto;
}
.iphone-wrapper{
    width: 760px;
    height: 450px;
    overflow: hidden;
    margin: 0px auto 0px;
    position: relative;
    display: flex;
}
.step.fifth .qr-phone{
    width: 335px;
    height: 450px;
    position: relative;
    margin: 0 auto;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.step.fifth .qr-phone img{
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}
.step.fifth .qr-phone .qr{
    left: 0;
    right: 0;
    margin: auto;
    top: 180px;
    z-index: 1;
    width: 214px;
    height: 214px;
}
.step.sixth span p{
    width: 340px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}
.project-container {
    text-align: center;
    flex-grow: 1;
}
.project-container.forms {
    display: flex;
}
.empty-overlay{
    margin: auto;
}
.profile-container{
    width: 60%;
    margin: auto;
    display: inline-block;
    text-align: left;
    float: none;
    padding: 0;
}
.profile-container .left-col, .profile-container .right-col{
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 100px;
}
.profile-container .left-col .url-block a{
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}
.profile-container .right-col p{
    width: 355px;
    font-size: 22px;
}
.profile-container .right-col .qr-block{
    width: 370px;
    height: 370px;
    position: relative;
    margin-bottom: 15px;
}
.profile-container .right-col .qr-block .shape{
    width: 49px;
    height: 49px;
    position: absolute;
}
.profile-container .right-col .qr-block .shape:nth-child(1){
    border-left: 6px solid #f2f2f2;
    border-top: 6px solid #f2f2f2;
    top: 0;
    left: 0;
}
.profile-container .right-col .qr-block .shape:nth-child(2){
    border-right: 6px solid #f2f2f2;
    border-top: 6px solid #f2f2f2;
    right: 0;
    top: 0;
}
.profile-container .right-col .qr-block .shape:nth-child(3){
    border-left: 6px solid #f2f2f2;
    border-bottom: 6px solid #f2f2f2;
    left: 0;
    bottom: 0;
}
.profile-container .right-col .qr-block .shape:nth-child(4){
    border-right: 6px solid #f2f2f2;
    border-bottom: 6px solid #f2f2f2;
    right: 0;
    bottom: 0;
}
.profile-container .right-col .qr-block .qr,
.profile-container .right-col .qr-block .project-qr{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 214px;
    height: 214px;
}
.user-profile-form{
    margin-bottom: 75px;
}
.profile-container .user-profile-form input {
    background-color: rgb(242, 242, 242);
    width: 367px;
    height: 61px;
    z-index: 89;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}
.profile-container h4{
    text-transform: uppercase;
}
.profile-container .file-list li{
    border: none;
    padding: 0;
}
.profile-container .user-profile-phone{
    width: 370px;
    position: relative;
    height: 60px;
    margin-bottom: 75px;
}
.profile-container .user-profile-phone #user_profile_form_submit{
    display: block;
    width: 126px;
    height: 60px;
    background: #ffd500;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
    border: none;
    position: absolute;
    right: 0;
    left: auto;
    margin: auto;
}
.profile-container .user-profile-phone input{
    background-color: rgb(242, 242, 242);
    width: 244px;
    height: 61px;
    z-index: 89;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 28px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.profile-container video{
    margin-bottom: 75px;
}
.save-container{
    position: relative;
    height: 136px;
    background-color: #f2f2f2;
}
.save-container .all-save-btn, .save-container .newpass-save-btn{
    display: block;
    width: 316px;
    height: 60px;
    background: #ffd500;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
    border: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    text-decoration: none;
}
.url-block{
    display: block;
    margin-bottom: 75px;
    font-size: 22px;
}
.wrapper .edit-phone-container{
    width: 700px;
    height: 470px;
    text-align: center;
}
.edit-phone-container h4{
    text-transform: uppercase;
}
.edit-phone-container p{
    white-space: normal;
    font-size: 22px;
}
.edit-phone-container .profile-code-form{
    position: relative;
    display: block;
    left: 0;
}
.edit-phone-container .profile-code-form input{
    background-color: rgb(242, 242, 242);
    width: 47px;
    height: 60px;
    z-index: 89;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}
.wrapper .edit-pass-container{
    width: 367px;
    height: 470px;
    text-align: center;
}
.logout-block-wrapper{
    position: absolute;
    right: -23px;
    top: -3px;
    padding-top: 30px;
    display: none;
}
.logout-block{
    display: block;
    width: 157px;
    height: 50px;
    background: white;
    position: static;
    right: 30px;
    top: 83px;
    border-radius: 2px;
    border: 1px solid black;
}
.mobile .logout-block{
    border: none;
    width: 240px;
}
.mobile .logout-item{
    border: none;
    color: #222221;
    padding: 0;
    font-size: 40px;
    line-height: 45px;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    text-decoration: none;
}

.show{
    display: block;
}
.logout-block-wrapper:before{
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: relative;
    top: 9px;
    background: #ffffff;
    transform: rotate(45deg);
    left: 115px;
    border-left: 1px solid black;
    border-top: 1px solid black;
}
.mobile .logout-block-wrapper:before{
    display: none;
}
.login-icon.mobile{
    float: none;
    width: 0;
    display: inline-block;
    position: absolute;
}
.logout-block-wrapper.mobile{
    top: 100px;
    width: 240px;
    left: -120px;
    text-align: center;
}
.logout-block-wrapper.mobile .logout-item{
    border: none;
    padding: 5px 0;
}

.logout-block a{
    display: block;
    padding-left: 20px;
}
.logout-block a:first-child{
    border-bottom: 1px solid black;
}

    /*.verification .step.second{*/
	/*height: 434px;*/
	/*border-bottom: 1px solid black;*/
	/*color: black;*/
	/*display:none;*/
/*}*/
/*.verification .step.second .number{*/
	/*border: 2px solid black;*/
/*}*/
/*.step.second.overlay{*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*padding: 0;*/
/*}*/
/*.verification .step.third .sms-code{*/
	/*text-align: left;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    /*letter-spacing: 1px;*/
/*}*/
/*.verification .step.second .sms-phone, .sms-code{*/
	/*width: auto;*/
	/*height:74px;*/
	/*border: 7px solid;*/
	/*font-size: 57px;*/
    /*letter-spacing: 20px;*/
    /*float: left;*/
    /*background-color: white;*/
/*}*/
/*.verification .step.second .sms-code{*/
	/*width: 406px;*/
/*}*/
/*.verification .step.second .sms-phone p{*/
	/*font-family:'PlatformRegular';*/
	/*width: 49px;*/
	/*height: 60px;*/
	/*border: 1px solid;*/
	/*font-size: 40px;*/
    /*text-align: center;*/
    /*letter-spacing: 0;*/
    /*float:left;*/
    /*line-height: 60px;*/
/*}*/
/*.verification .step.second .send-btn, .send-code-btn{*/
	/*width:92px;*/
	/*height:74px;*/
    /*float: left;*/
    /*margin-left: 14px;*/
    /*font-size: 28px;*/
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    /*line-height: 74px;*/
    /*text-align: center;*/
    /*color: white;*/
    /*background-color:black;*/
    /*cursor: pointer;*/
/*}*/
/*.verification .step.third{*/
	/*height: 306px;*/
	/*border-bottom: 1px solid;*/
	/*display: none;*/
/*}*/
/*.verification .step.forth{*/
	/*height: auto;*/
	/*border-bottom: 1px solid black;*/
	/*display: none;*/
	/*padding-bottom: 20px;*/
/*}*/
/*.reguser-form-edit{*/
    /*width: 170px;*/
    /*height: 74px;*/
    /*margin: auto;*/
    /*font-size: 20px;*/
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    /*line-height: 74px;*/
    /*text-align: center;*/
    /*color: white;*/
    /*background-color: black;*/
    /*cursor: pointer;*/
    /*letter-spacing: 0.120em;*/
    /*border: 0;*/
/*}*/
/*.verification .step.forth span .user-car-form, .cars, .car1, .car2, .car3{*/
	/*display: none;*/
	/*margin: 20px auto 0;*/
    /*width: 601px;*/
/*}*/
/*.verification .step.forth span .user-car-form, .cars{*/
	/*display: none;*/
	/*margin: 0 auto;*/
    /*width: 601px;*/
    /*padding-top: 50px;*/
/*}*/
/*.verification .step.forth span .user-car-form .cars .checkbox-label{*/
	/*margin: 0 0 0 40px;*/
    /*float: left;*/
    /*line-height: 40px;*/
    /*width: 400px;*/
/*}*/
/*.verification .step.forth span .user-car-form .confirm_flag_first:checked + label{*/
	/*background-position: 0px -37px;*/
/*}*/
/*.verification .step.forth span .user-car-form .confirm_flag_second:checked + label{*/
	/*background-position: 0px -37px;*/
/*}*/
/*.verification .step.forth span .user-car-form .confirm_flag_third:checked + label{*/
	/*background-position: 0px -37px;*/
/*}*/
/*.verification .step.forth span .user-car-form .car-save{*/
	/*width:115px;*/
	/*height:74px;*/
	/*margin: 10px auto;*/
	/*display: block;*/
    /*font-size: 20px;*/
    /*text-transform: uppercase;*/
    /*line-height: 74px;*/
    /*text-align: center;*/
    /*color: white;*/
    /*background-color:black;*/
    /*cursor: pointer;*/
    /*letter-spacing: 0.120em;*/
    /*border: 0;*/
/*}*/
/*.verification .step.forth span .user-car-form .car-save input{*/
	/*display: none;*/
/*}*/
/*.verification .step.forth span .user-car-form .car-url-1, .car-url-2, .car-url-3 {*/
    /*display: inline-block;*/
    /*font-size: 20px;*/
    /*letter-spacing: 2px;*/
    /*margin: 20px auto;*/
/*}*/
/*.verification .step.forth span .user-car-form .url{*/
	/*text-decoration: underline;*/
/*}*/
/*.verification .step.forth span .user-car-form, .cars, .car1.selected, .car2.selected, .car3.selected{*/
	/*display: table;*/
/*}*/

/*.verification .step span .cars .car-tab{*/
	/*display: inline;*/
	/*width: auto !important;*/
	/*font-size: 50px;*/
    /*letter-spacing: 5px;*/
    /*margin: 20px 20px 0 0;*/
    /*cursor: pointer;*/
    /*font-weight:normal;*/
    /*line-height: 55px;*/
/*}*/
/*.verification .step.forth span .user-car-form .cars .car-tab.selected{*/
	/*font-weight: bold;*/
    /*font-size: 55px;*/
/*}*/
/*.verification .step.forth form .car-field{*/
	/*width: 601px;*/
	/*height:74px;*/
	/*border: 7px solid;*/
	/*font-size: 44px;*/
    /*letter-spacing: 3px;*/
    /*float: left;*/
    /*background-color: white;*/
	/*margin: 20px 0 0 0;*/
	/*padding: 0 0 0 20px;*/
/*}*/

/*.verification .step.fifth{*/
	/*height: 434px;*/
	/*border-bottom: 1px solid black;*/
	/*color: black;*/
	/*display:none;*/
/*}*/

.slider-content{ position: absolute; width:80%; left:10%; display:table; height:200px; z-index:9; color:#fff;}
.slider-content.hide{display: none;}
.slider-content-in{ display:table-cell; vertical-align:middle;}
.slider-content-in .product-p{position: absolute; margin-top:93px;}
.slider-image{ position:relative; float:left; width:100%;}
.slider-image:before{ position:absolute; left:0; top:0; background-color:rgba(0,0,0,0); width:100%; height:100%; content:"";}
.slider-image img{ height:100%; width:100%; display:block;}
.main-slider .onhover{color:#fff; font-size:45px;}
.main-slider h2{ margin:0;}
.main-slider h3{ font-size:45px; font-family: 'PlatformRegular'; text-transform:none; letter-spacing:0.4px;}
.main-slider .owl-carousel .owl-wrapper-outer, .main-slider .owl-wrapper, .main-slider .owl-item, .main-slider .item{float:left; width:100%; height:100%;}
.homeslider .owl-wrapper-outer{height: 100vh !important;}
.infoslider .owl-wrapper-outer{height: 100vh !important;}
.item .full-image{ height:100%;}
video{width: 100%;object-fit: cover;height: 100%;}
.onhover:hover h2{}
.onshow {}
.onhover:hover .onshow{display: block;}
.yellow-overlay, .dark-overlay, .white-overlay{ background:rgba(245,212,15,0.8); position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.dark-overlay{background:rgba(34,34,33,0.8);}
.white-overlay{background:rgba(255,255,255,0.8);}
.hover-area .yellow-overlay, .boxcontent:hover .yellow-overlay{ display:block;}
.row-product p{ font-size:63px; font-family: 'PlatformBold';}

.round{ width:75px; height:75px; display:inline-block; border-radius:50%; font-family: 'PlatformBold'; color:#f5d40f; font-size:40px; margin:0 5px; border:solid 8px #f5d40f; padding:5px;}
.border{line-height:50px;}
.bg{ background-color:#f5d40f;}
.boxcontent{ padding:20px 59px; height:400px}

.single .boxcontent{padding: 150px 59px 0;}

.row-loaddata{ padding-bottom:24px;}
.row-loaddata .container{ padding:0;}
.box3{float:left; width:100%; padding:51px 0 0 0;}
.box3 li{ display:inline-block; width:33.33%; padding:0 6% 44px; text-align:center; color:#c5c5c5;vertical-align:top;}
.box3 h3{ font-size:37px; color:#ffd63d; letter-spacing:0.015em;}
.box3 p{ margin:0 auto; overflow:hidden; height:70px;}
.contactitems {
    padding-top: 100px;
}
.contactitems .box3 {
    display: flex;
}
.contactitems .box3 li .icon-img{
    width: 76px;
    height: 76px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #ffd200;
}
.contactitems .box3 li .icon-img img{
    width: auto;
    height: 53px;
    margin: 11px;
}
.contactitems .box3 li {
    width: auto;
    height: auto;
    max-width: 25%;
    padding: 0 20px 44px;
}
.contactitems .load-data li {display: block;}
.contactitems .load-data li:nth-of-type(1n+4) {display: block;}
.contactitems .box3 p {height: auto;}
.icon-img{ display:block; margin:0 0 30px 0;}
.load-data li:nth-of-type(1n+4), .less-data, .data-loaded .show-data{display:none;}
.load-data-more li, .load-data li.animated{ display:block;}
.box3.load-data-more li, .box3.load-data li.animated{ display:inline-block;}
.data-loaded .less-data{ display:inline-block;}

.row-newsletter h2{ line-height:1; margin:0;}
.newsletter-area{ margin:10px 0 0 0;}
.newsletter-area label{ margin-bottom:35px; display:inline-block;}
.newsletter-area .block{ position:relative; padding-right:135px;}
.newsletter-area .block .btn{ position:absolute; right:0; top:0;}

.thumbslider { margin-bottom:50px;}
.thumbslider .item{ margin:0 5px; text-align:center;}
.thumbslider .item img{ width:100%;}
.thumbslider .owl-buttons{ display:none;}
.thumbslider h3{ margin:0; font-size: 20px;}
.t-img{ margin-bottom:30px;}

/*---------Footer--------*/
.footer{ letter-spacing:2px;position: relative;
    bottom: 0;}
body.mobile .footer.fixed, body.tablet .footer.fixed{
    position: fixed;
    bottom:0;
    z-index:11;}
.footer-top, .footer-top.darkbg{font-size:19px; padding:30px 0 130px; position:relative; background:#1d1d1b;}
.footer-top .container{ display:inline-table; }
.footer-box, .footer-logo{ display:table-cell; vertical-align:top; padding-left:70px;}
.ftbox{ padding-top:25px; position:relative;}
.ftbox:before{ position:absolute; width:25px; height:8px; background:#fff; left:0; top:0; content:"";}
.footer-logo{ padding:0;}

.footer-logo, .footer-right{ float:left; padding:0; display:block; width:30%;}
.footer-right{ width:70%; float:right;}
.footer-right .footer-box{ float:left; width:31%;}
.footer-right .footer-social{ width:20%;}
.footer-right .footer-newsletter{ width:48%;}
.footer-box{ padding:0 80px 0 0;}

.footer-top h3{ font-size:19px; text-transform:none;}
.toparrow{ background:url(images/icon-arrow.svg) no-repeat center center; position:absolute; left:50%; bottom:20px; width:48px; height:48px; border:solid 2px #fff; border-radius:50%; text-align:center; overflow:hidden; text-indent:-999px; margin-left:-24px;}
.toparrow:hover{ bottom:30px; opacity:0.5;}
.footer-bottom{ background:#f5d40f; padding:10px; font-size:17px; font-family: 'PlatformBold';}
.footer-box .newsletter-area .block{ padding-right:120px;}

/*---------Search--------*/
.close{background:url(images/icon-close.svg) no-repeat center center; position:absolute; top:70px; right:70px; width:90px; height:90px; overflow:hidden; text-indent:-999px; z-index:99;}
.close:hover{
	-webkit-transform: rotate(180deg);
	-moz-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.search-area{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:#f5d40f; display:none; z-index:99; padding:100px 20%; color:#fff;}
.search-area .form-control{ padding:0; height:auto;}
.search-area .table-cell{ vertical-align:middle;}
.search-area .form-control{ background:none; text-align:center; font-family: 'PlatformBold'; font-size:65px; color:#ffffff; border-bottom:solid 2px #fff;}
.search-area ::-webkit-input-placeholder{ color:#fff;}
.search-area ::-moz-placeholder{color:#fff;}
.search-area ::-webkit-input-placeholder {color: #fff;}
.search-area :-moz-placeholder {color: #fff;}
.search-area :-ms-input-placeholder {color: #fff;}
.search-list{ font-size:34px; margin:30px 0 0 0; font-family: 'PlatformBold';}
.search-list li{ display:block; padding:5px 0;}

/*---------------------------------
 Artical Page
 *---------------------------------*/
/*.artical-slider .full-image{ background-position:center -144px;}*/
.article-content h2{text-align:center; margin:35px 0 51px; letter-spacing:0.040em;}
.article-content .titletext{margin:0 auto 103px; font-size:34px; color:#222221; font-family: 'roboto'; text-align:center; letter-spacing:0.003em;}
.article-text{width:74%; margin:0 auto;}
.project-article-text{width:auto; display: inline-block; text-align: left;}
.article-text h3{ margin:0; font-size:29px;}
.article-content p{font-size:29px; color:#222221; font-family: 'roboto'; text-align:left;}
.article-content p strong{ font-weight:bold;}

/*---------------------------------
 Home Products Page
 *---------------------------------*/
.product-slider .height1{ height:640px;}
.product-slider h2, .product-slider h3{ text-transform:none; font-size:46px;}
.product-slider h3{ font-size:40px;}
.product-slider .owl-pagination{ width:80%; left:10%; text-align:center;bottom: 100px;}
.product-slider .scrollforward{margin-top: -60px;}
.product-slider .owl-page:first-child{ margin-left:0;}
.tabs, .tab-details{ float:left; width:100%; background-color:#fff;}
.tabs{border-top:solid 1px #c5c5c5;}
.tabs li{ float:left; width:14.28%; display:table;}
.tabs li a{ font-size:16px; text-align:center; display:block; line-height:1; padding:10px 15px; border:solid 1px #c5c5c5; border-left:none; border-top:none; height:55px; text-decoration:none; display:table-cell; vertical-align:middle; letter-spacing:1px;}
.tabs li a:hover, .tabs li a.active{ background-color:#f5d40f;}
.tab-details.active, .alltab-details.active .tab-details{ display:block;}
.tab-title{ float:left; width:100%; text-align:center; padding:37px 10px; background-color:#f5d40f; font-size:20px; text-transform:uppercase; letter-spacing:2px;}
.alltab-details{ float:left; width:100%;}
.item-list{ float:left; width:100%;}
.item-list li{ width:25%; text-align:center; padding:0 0 0 1px; display:inline-block;}
.item-list h2{ font-family: 'PlatformRegular'; font-size:20px; background-color:#ececec; padding:30px 10px; margin:0; display:block;}
.pro-img{ display:block; padding:10px;}
.pro-img:hover{ background: #ececec;}
.pro-img img{filter: grayscale(100%);}
.pro-img:hover img{filter: grayscale(0);}

/*---------------------------------
 Download Page
 *---------------------------------*/
.download-links{
    float: none;
    margin: 0 auto 30px;
    width: max-content;
}
.download-links h2{font-size:22px; padding:0 0 10px 0; font-family:'PlatformRegular'; min-width:160px; display:inline-block;}
.download-links ul, .download-links li{ display:block; margin:0 0 5px 0;}
.download-links li a{padding-left:30px; font-size:22px; position:relative;}
.download-links li a:before{ content:""; position:absolute; left:0; top:8px; width:18px; height:6px; background-color:#fff;}
.download-links li.active a:before{ background-color:#222221;}
.search-link{ display:block; background:url(images/arrow.svg) no-repeat right center;}
.search-link:hover{text-decoration:none;}
.search-files{ padding:35px 0 80px;}
.search-files h3{ padding:0 50px; margin:0 0 30px 0; text-align:left; font-size:30px;}
.search-files ul{ border-bottom:1px solid #c5c5c5;}

/*---------------------------------
 Best videos
 ---------------------------------*/
.row-videos {
	float: none;
}
.videos-cont{
	display: flex;
	flex-flow: wrap;
	padding: 40px 59px;
	margin: auto;
	float: none;
	justify-content: center;
}
.links-wrapper {
	display: flex;
	flex-flow: wrap;
	max-width: 1450px;
	margin: auto;
	justify-content: center;
}
/*.video-link:nth-child(4n+1) {*/
	/*margin: 0 30px 30px 0;*/
/*}*/
/*.video-link:nth-child(4n+4) {*/
	/*margin: 0 0 0 30px;*/
/*}*/
.video-link {
	width: 300px;
	height: 200px;
	display: block;
	background-size: cover;
	background-position: center;
	margin: 0 23px 60px;
	position: relative;
  background-color: #0e0e0e;
}
.video-link a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	opacity: 0;
}
.video-link a span{
	padding: 0 20px;
}
.video-link a:hover{
	opacity: 1;
}

/*---------------------------------
 Project & Selected Product Page
 *---------------------------------*/
.dark-content p{ color:#fff;font-family: roboto;}
.dark-content h3{text-transform:none; margin:0;font-family: roboto;font-size: 30px;}
.darkbg.dark-content h2, .darkbg.dark-content h3{color:#f5d30f; font-family: roboto;}

.sticky-menu{float:left; width:100%; text-align:center; display:none; text-justify: auto;}
.sticky-menu.products{float:left; width:100%; text-align:center; display:block}
.sticky-menu.projects{float:left; width:100%; text-align:center; display:block}
.sticky-menu.shown{
    float:left;
    width:100%;
    text-align:center;
    display: block;
    background:rgba(0,0,0,0);
    padding: 0 0 0 59px;
}
.header.sticky, .header.sticky .submenu{box-shadow: none !important}
.sticky-menu.shown.hover{
transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.sticky-menu.shown.scrolled{
transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.sticky-menu li, .sticky-menu li a{display:inline-block; float:none; line-height: 50px; text-justify: auto;}
.sticky-menu li a{font-size:20px; color:#FFF; padding:0 25px; letter-spacing:2px; line-height: 50px;}
.product-sections-menu li a{font-size:20px; color:#000; padding:15px 25px; letter-spacing:2px;}
.sticky-menu li .usual{color:#fff;}
.sticky-menu li .users{color:#fff;}


.center-content{text-align:center;}
.center-content h4{font-family: 'roboto'; letter-spacing:normal;}
.video-area {
    position:relative;
    margin-top: 100px;
    max-width: 1200px;
    margin: auto;
    min-height: 540px;
}
.row.video-area {
	max-width: unset;
}
.step .video-area {margin-top: 0;}
.step .video-area .full-image {height: 100%;}
/*.video-area .full-image{ height:775px;}*/
.icon-video{ position:absolute; left:50%; top:50%; margin:-63px 0 0 -63px; width:127px; height:127px; cursor:pointer;}
.icon-video:hover{ opacity:0.5;}
.video{ background:#f5f5f5; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.video iframe{ width:100%; height:100%;}

.file-list, .user-list, .file-list li{float:left; width:100%; text-align:left;}
.file-list li{border-top:solid 1px #c5c5c5; padding:25px 190px; font-size:22px; line-height:75px;}
.file-list .title{ float:left; width:auto; padding-right:60px;}
.file-list .title a{ font-size: 22px; text-decoration:underline; padding-left:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.file-list .title a:hover{ text-decoration:none;}
.file-list .zip a{background:url(images/icon-zip.svg) no-repeat 0 center;}
.file-list .pdf a{background:url(images/icon-pdf.svg) no-repeat 0 center;}
.file-list .size{ font-size: 22px;float:left; width:auto; padding-right:30px;}
.file-list .type{ font-size: 22px;float:left; width:auto;}

.user-list {float:none; margin:0 auto; max-width: 95%;}
.user-list li{
    border-top:solid 1px #c5c5c5;
    padding:0;
    font-size:22px;
    display: flex;
}
.user-list li .no{float:left; width: 40px; text-align: center; height: 75px; padding-left: 0;}
.user-list li .username{float:left; width:180px; text-align:left; height: 75px;cursor: pointer; position: relative;line-height: 75px;}
.user-list li:first-child .username{float:left; width:360px; text-align:left; height: 75px;cursor: pointer; position: relative;line-height: 75px;}
.user-list li:last-child {border: none;}
.user-list li.new {height: auto;}
.user-list li.new.shown {height: 75px;}
.user-list li.new.shown .action.hide{display: none}
.user-list li:last-child .username{float:left; width:360px; text-align:left; height: 75px;cursor: pointer; position: relative;line-height: 75px;}
.user-list li .phone{float:left; width:150px; text-align:center; height: 75px;cursor: pointer; position: relative;line-height: 75px;}
.user-list li .house{float:left; width:60px; text-align:center; height: 75px; cursor: pointer; position: relative;line-height: 75px;white-space: nowrap;}
.user-list li .signflag{font-size: 12px; text-align: left; margin-left:20px; float:left; width:220px;height: 75px; cursor: pointer; position: relative;line-height: 75px;}
.user-list li .signflag form{height: 60px}
.user-list li .signflag .form-text-wrapper{
    display: flex;
    justify-content: space-around;
}
.user-list li .signflag p{
    height: 30px;
    margin: 0;
    line-height: 125px;
}
.user-list li .signflag img{width:40px;vertical-align: middle; margin: 20px; float: left;}
.user-list li .qr-wrapper{
    width: 220px;
    margin-left: 20px;
    display: flex;
    justify-content: space-around;
}
.user-list li .qr-preview{
    padding: 0;
    margin-left:0;
    text-align:center;
    cursor: pointer;
    position: relative;
}
.user-list li .qr-preview img{
    width:65px;
    vertical-align: middle;
    margin: 5px 0;
}
.user-list li .action{float:left; width:224px; text-align:center; height: 75px; position: relative; display: flex; flex-direction: row; justify-content: left;}
.user-list li:first-child .action{display: block; width: 224px}
.user-list li:last-child .action{width: 204px;}
.user-list li .action .edit-btn{cursor:pointer; color:white; width:60px; text-align:center; height:40px; float:left; background-color:#5cb85c; margin: 20px 0 20px; font-size:16px; border-radius:5px; line-height:40px;}
.user-list li .action .del-btn, .user-list li .reset-btn{cursor:pointer; color:white; width:60px; text-align:center; height:40px; float:left; background-color:#d9534f; margin: 20px 10px 20px; font-size:16px; border-radius:5px; line-height:40px;}
.user-list li .reset-btn{float: right; width: 100px; }
.user-list li .sign-btn{
    cursor: pointer;
    color: white;
    width: 100px;
    text-align: center;
    height: 40px;
    float: right;
    background-color: #5cb85c;
    margin: 20px 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    line-height: 40px;
}
.user-list li .action .qr-btn {overflow: hidden;cursor:pointer; color:white; width:144px; text-align:center; height:40px; float:left; background-color:#5cb85c; margin: 20px 0 20px; font-size:16px; border-radius:5px; line-height:40px;}
.user-list li .action .qr-btn.inputed {width:49px;}
.user-list li .action .save-btn, .user-list li .save-user, .user-list li .signflag .save-btn {
    cursor: pointer;
    color: white;
    width: 80px;
    text-align: center;
    height: 40px;
    float: left;
    background-color: #5cb85c;
    margin: 20px 0 20px 10px;
    font-size: 16px;
    border-radius: 5px;
    line-height: 40px;
    display: none;
    border: none;
}
.user-list li .signflag .single-zip-form .save-btn{
    display: none;
}
.user-list li .signflag .single-zip-form .zip-btn{
    width: 220px;
    margin: auto;
    left: 0;
}
/*.user-list li .edit-form .save-user{*/
    /*display: block;*/
/*}*/
.project-list {float:none; margin:0 auto; width:100%;}
.project-list li{border-bottom: solid 1px #c5c5c5; padding:0; font-size:22px; line-height:75px; height:75px;}
.project-list li .project-heading{float:left; width: 90%; text-align: left; height: 75px; padding-left: 52px;}
.project-list li .action{float:left; width: 10%; text-align:left; height: 75px;}
.project-list li .action .project-edit-btn{cursor:pointer; color:white; width:60px; text-align:center; height:40px; float:left; background-color:#5cb85c; margin: 20px 0 20px 0px; font-size:16px; border-radius:5px; line-height:40px;}

.user-block .add-btn{display: none;background-image: url('images/login-icon-white.png');background-position: center;
    background-repeat: no-repeat;cursor: pointer; color:white; width:60px; text-align:center; height:40px; background-color:#5cb85c; margin: 20px 10px; font-size:16px; border-radius:5px; line-height:40px;}
.user-block .add-file{background-size: 19%;background-image: url('images/upload.svg');background-position: center;
    background-repeat:no-repeat;display:inline-block;cursor:pointer; color:white; width:144px; text-align:center; height:40px; background-color:#5cb85c; margin: 20px 0; font-size:16px; border-radius:5px; line-height:40px;}
.user-block span {margin:0 auto; display:block; width:auto; text-align:center;}
.user-block .add-file input{display:none;}
.user-block .add-file.choosed{width: 49px; margin: 20px 10px 20px 0;background-image: none;}
.user-block .upload-list{display:none;cursor:pointer; color:white; width:80px; text-align:center; height:40px; background-color:#5cb85c; margin: 20px auto; font-size:16px; border-radius:5px; line-height:40px;}
.user-block .upload-list input{display:none;}
.user-block .download-list{
    display:block;
    cursor:pointer;
    color:white;
    width:214px;
    text-align:center;
    height:40px;
    background-color:#f5d40f;
    margin: 20px 10px;
    font-size:16px;
    border-radius:5px;
    line-height:40px;
}
.user-block .download-list input{display:none;}
.user-block .edit-project{
    text-transform: uppercase;
    cursor: pointer;
    font-size:28px;
    display: block;
    font-family: 'PlatformBold';
    line-height: 50px;
}
.zip-btn{
    overflow: hidden;
    cursor: pointer;
    color: white;
    width: 214px;
    text-align: center;
    height: 40px;
    display: inline-block;
    background-color: #5cb85c;
    margin: auto;
    font-size: 16px;
    border-radius: 5px;
    line-height: 40px;
    position: absolute;
    right: 0;
    left: auto;
    top: 15px;
}
.zip-form .save-btn{
    position: absolute;
    top: -70px;
    right: 0;
}
.zip-form.loaded .zip-btn, .single-zip-form.loaded .zip-btn{
    width: 130px;
    right: auto;
    left: 0;
}
.zip-form.loaded .save-btn, .single-zip-form.loaded .save-btn{
    position: absolute;
    top: 15px;
    right: 0;
    margin: auto 0 !important;
}
.related-images .title{ font-size:27px; padding:30px 0; margin:0; text-align:center;}
.smallcontent h3{ margin:0;}
.smallcontent .position-lb{ bottom:20px;}
.lightbg .smallcontent{ color:#fff;}

.viewid{ height:130px;}
.viewid-margin{ margin-bottom:-130px;}

.category-list{ text-align:center;}
.category-list h3{ text-transform:uppercase;}
.text-list{ font-size:26px; display:block;}
.text-list li{display:block;}
.text-list .disable{ color:#868686;}

/*---------------------------------
 Webinfo Page
 *---------------------------------*/
 .row-about .boxcontent, .row-manufacturer .boxcontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
 }
 .row-manufacturer .boxcontent .position-lb {
 	position: static;
 	margin-top: auto;
 }
.row-about .boxcontent h3{ color:#fff; margin-bottom:20px;}
.row-about .boxcontent p{font-family: 'roboto';}
.row-about .article-content h3, .row-about .article-content p{ margin-top:0; margin-bottom:30px;}
.row-keyfigurs.center-content h3{ font-size:45px; margin-bottom:15px;}
.row-keyfigurs li{ font-size:40px; letter-spacing:1px; margin:5px 0;}
.row-manufacturer .boxcontent h3{margin-bottom:20px;}
.row-manufacturer .boxcontent p{ color:#222221; font-family: 'roboto'; font-size: 1.4em;}
.row-manufacturer .boxcontent .scroll{max-height: 185px;overflow: hidden;}
.row-manufacturer .link{ font-size:46px; font-family: 'roboto'; text-transform:none;}
.row-title.center-content h3{ margin:0;}

/*---------------------------------
 Contact Page
 *---------------------------------*/
.contact-page .wrapper{ padding:0;}
.contact-page .wrapper section:nth-child(odd) .col-2:first-child{
    float: right;
}
.contact-top{
	background-color:#fff;
	position:relative;
	height:100vh;
	text-align:center;
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding:0 30px;
}
.contact-top p{
	color:#000;
	margin: 0 auto 50px;
	font-size: 22px;
	width: 50%;
	text-align: left;
	list-style-type: disc;
}
.contact-top p strong{
	font-family: 'PlatformBold';
	display: block;
}

.contact-top a{
	color: #0000cc;
	text-decoration: underline;
}
.click-arrow{position:absolute; bottom:90px; left:50%; margin-left:-46px; width: 100px}
.form-area{ margin:0 auto; width:800px;}
.form-area h3{ font-size:27px;}
.form-area p{ font-size:20px;}
.form, .form-group{float:left; width:100%;}
.form{ margin:20px 0 0 0;}
.form-group{ margin:0 0 37px;}
.form .form-control{ font-size:20px; height:auto; padding:10px 15px 34px 15px;}
.form-control.forn-textarea{ height:234px;}
.file-upload{position: relative; overflow: hidden; background:#fff url(images/icon-upload.svg) no-repeat right 5px;}
.file-upload input.upload{position:absolute;top:0;left:0;margin:0;padding:0;width:100%; height:100%; cursor: pointer;opacity:0;filter:alpha(opacity=0);}

.contact-details .col-3, .contact-details .full-image{ height:570px;}
.contact-details .whitebg, .contact-details .lightbg{ padding:100px 65px 15px; font-size:23px;}
.contact-details .lightbg{
    color:#040404;
    height: 570px;
}
.contact-details h2{ font-size:23px; margin-top:15px;}
.contact-details h3{ font-family: 'PlatformRegular'; margin-bottom:40px;}
.contact-details p{ letter-spacing:1px;}
.dash{line-height:3px; margin:-5px 0 20px;}
#map{ width:100%; height:600px; float:left;}


/*---------------------------------
 Projects Page & Home page
 *---------------------------------*/
.teaser {
	position:relative;
}
.teaser.users {
	height:680px;
}
.teaser.users .col-2 {
	height:680px;
}
.teaser.users .col-2 .full-image{
	height:680px;
}
.teaser.users .col-2 p{
	display: block;
}
.wrapper .news-tr .boxcontent{
	padding: 70px 59px 0;
}
.wrapper .news-tr .boxcontent.padding, .wrapper .product-tr .boxcontent.padding{
	padding: 150px 59px 0;
}
.teaser .teaser_link {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.hometeasers .teaser .boxcontent {
	height:100%;
	width:100%;
}
.hometeasers h2 {
	margin-bottom:28px;
}
.video-area-cont {
	padding-top: 132px;
}
.video-area-cont>.video-area {
	max-width: 1340px;
}
.video-area-cont>.video-area>.full-image {
	height: 754px;
}

.metrik-link-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4600F5;
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.metrik-link-wrap.open {
  display: flex;
  opacity: 0;
}
.metrik-link-wrap.open.fade-in {
  opacity: 1;
}
.metrik-link-wrap > div {
  padding: 0 20px;
  text-align: center;
}
.metrik-link-wrap > div svg {
  width: 386px;
  fill: #fff;
}
.metrik-link-wrap > div .text {
  margin: 40px 0 30px;
  color: #fff;
  font-size: 26px;
}
.metrik-link-wrap > div .btn-link {
  display: inline-block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
  font-size: 20px;
  line-height: 60px;
  color: #fff;
  padding: 0 45px 0 30px;
  background: url(assets/flowe-exit-white.png) no-repeat 90% center #000;
  background-size: auto 32%;
}
.metrik-link-wrap > div .btn-link:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}
.metrik-link-wrap > div.heading {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  padding: 25px 40px;
  justify-content: space-between;
  align-items: center;
}
.metrik-link-wrap > div.heading svg {
  height: 40px;
  width: auto;
  fill: #fff;
}
.metrik-link-wrap > div.heading a {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.metrik-link-wrap > div.heading a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.metrik-link-wrap > div.heading a span {
  display: inline-block;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .metrik-link-wrap > div svg {
    max-width: 85%;
  }
}

.img-wrap {
	position: relative;
	min-width: 50%;
}
.img-wrap .del-img-btn {
	position: absolute;
	background-color: #d9534f;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	padding: 5px;
	color: #fff;
	line-height: 16px;
	left: 5px;
	right: 5px;
	opacity: 0.9;
}
.info-keynumbers {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.info-keynumbers ul {
	text-align: left;
	list-style: disc;
	margin: 0 0 0 35px;
}
.home-video .full-image {
	min-height: 75vh;
	height: auto;
}
.main-banners h3 {
	text-align: center;
	text-transform: uppercase;
}
.main-banners {
	padding: 30px 30px 60px;
}
.main-banners>div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.main-banners>div a {
	display: block;
}
.main-banners img {
	max-width: 250px;
	max-height: 200px;
	min-width: 150px;
	min-height: 100px;
	filter: grayscale(100%);
	padding: 5px;	
}
.video-view-block {
	display: none;	
}
.uni-url {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}
.icons-block {
	display: flex;
    align-items: center;
    margin-top: 22px;
    margin-left: 15px;
	
}
.icon-btn {
	line-height: 30px;
	padding: 0 15px;
	border-radius: 6px;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 3px;
	background-color: #464548;
	color: #fff;
}
.icon-logout {
	background-image: url('assets/icon_logout.png');
	background-repeat: no-repeat;
	background-position: 90% center;
	padding-right: 30px;
}
.icon-btn:hover {
	text-decoration: none;
}
.login-user-step a {
    display: inline-block;
    padding: 5px 15px;
    background: #ffd500;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'PlatformBold';
    letter-spacing: 2px;
}
.login-user-step a:hover {
    text-decoration: none;
}