/*CSS full resolution*/
* {
    padding: 0;
    margin: 0;
    border: 0;
	outline: 0;
    list-style: none;
}

input[type="text"],
input[type="submit"],
input[type="password"] {
  -webkit-appearance: none;
}

strong, b {
	font-weight: 500;
}

.clear {
    clear: both;
}

.clear:after {
	display: block;
	content: '';
	clear: both;
}

.inv {
    visibility: hidden;
}

a {
    color: #4e575f;
    font-weight: 400;
}

a:hover {
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

.t-right {
    text-align: right;
}

.t-left {
    text-align: left;
}

.t-center {
    text-align: center;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.t-big {
	text-transform: uppercase;
}

.minimenu {
    display: none;
}

body {
    font: 300 14px/17px 'Roboto', 'Arial', sans-serif;
    background: #fff;
    color: #000;
}

#menu {
	position: fixed;
	background: #fff;
	width: 100%;
	z-index: 9;
}

#sliding {
	width: 100% !important;
}

#sliding > div {
	width: 100% !important;
}

.header-main {
	border-bottom: 4px solid #556a82;
}

.header {
	position: relative;
    width: 980px;
    margin: 0 auto;
    height: 165px;
}

.header-fix {
    position: fixed;
    border-bottom: 4px solid #556a82;
    width: 100%;
    background: #fff;
    z-index: 100;
}

.header-fix .header {
	width: 880px;
}

.header-fix .mainmenu {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 45px;
}

.header-fix .mainmenu a {
    display: block;
    height: 25px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
}

.header-fix .mainmenu a.active, .header-fix .mainmenu a:hover {
    background: #556a82;
    color: #fff;
}

.header-fix .logotype {
    top: 17px;
    left: 0;
}

.header-fix .logotype img {
	width: 257px;

}

.logotype {
    position: relative;
    left: 50px;
    top: 50px;
}

.topmenu {
    position: absolute;
    right: 37px;
    top: 45px;
}

.topmenu li {
    float: left;
    background: url("../images/topmenu-bullet.gif") no-repeat 0 8px;
    padding: 0 12px 0 15px;
}

.topmenu li:first-child {
    background: none;
}

.topmenu a {
    color: #777;
    font-size: 13px;
}

.topmenu a:hover {
    color: #000;
}

.mainmenu {
    position: absolute;
    right: 20px;
    bottom: 0;
}

.mainmenu li {
    float: left;
}

.mainmenu a {
    display: block;
    height: 25px;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    padding: 25px 17px;
    border-radius: 5px 5px 0 0;
}
html[lang="en"] .mainmenu a{
    font-size: 17px;
}

.mainmenu a.active, .mainmenu a:hover {
    background: #556a82;
    color: #fff;
}

.mainmenu a.active {
    font-weight: 500;
}

.line {
    width: 100%;
    height: 4px;
    background: #556a82;
    font-size: 0;
    line-height: 0;
}

.mainbanner {
    overflow: hidden;
    width: 100%;
    height: 401px;
	padding: 165px 0 0;
    position: relative;
	background: url(../images/4k-background.jpg) no-repeat 50% 165px;
}

.mainbanner img {
    width: 100% !important;
    min-height: 401px;
    min-width: 1920px;
}

.slick-slide {
	height: 401px;
}

h1 {
    text-align: center;
    padding: 75px 0 25px 0;
    font-size: 32px;
    line-height: 36px;
    font-weight: 500;
}

.hp-h2 {
    margin: 70px 0 50px 0;
    border-top: 3px solid #d3d5d7;
    text-align: center;
}

.hp-h2 span {
    display: block;
    background: url("../images/h2-1.gif") no-repeat top center;
    position: relative;
    top: -10px;
    font-weight: 500;
    font-size: 32px;
}

.squares {
    width: 980px;
    margin: 0 auto;
}
/*
.squares a {
    text-decoration: none;
    float: left;
    display: block;
    height: 120px;
    width: 280px;
    color: #000;
    padding: 40px 50px 0 160px;
    margin: 25px 0 0 0;
    position: relative;
}
*/
/*
.squares a:hover {
    background-color: #f6ffd5;
    border-radius: 10px;
}
 */
.squares strong {
    font-weight: 500;
    font-size: 22px;
    position: relative;
    top: -5px;
}

.squares.products strong {
    font-weight: 500;
    font-size: 18px;
    top: 0;
}

.squares img {
    position: absolute;
    top: 25px;
    left: 25px;
	width: 107px;
	height: 107px;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.squares a:hover img {
    //transform: scale(1.11, 1.11);
	top: 19px;
	left: 19px;
	width: 120px;
	height: 120px;
}

.clients {
	position: relative;
    width: 920px;
    margin: 0 auto;
    padding: 40px 60px 70px 60px;
}

.clients .slick-slide img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.clients .slick-slide a {
	display: block;
	text-align: center;
}

.clients > .slick-prev {
	position: absolute;
	top: 45px;
	left: 0;
	display: block;
	background: url("../images/clients-arrow-left.gif") no-repeat 0 0;
    width: 40px;
    height: 40px;
	font-size: 0;
}

.clients > .slick-next {
	top: 45px;
	right: 0;
	position: absolute;
	display: block;
	background: url("../images/clients-arrow-right.gif") no-repeat 0 0;
    width: 40px;
    height: 40px;
	font-size: 0;
}

.clients > .slick-prev:hover,
.clients > .slick-next:hover {
	cursor: pointer;
    background-position: bottom left;
}

.clients li {
    float: left;
    padding: 0 65px 0 0;
}

.clients-left, .clients-right {
    display: block;
    background: url("../images/clients-arrow-left.gif") no-repeat 0 0;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 65px 0 0;
}

.clients-right {
    background: url("../images/clients-arrow-right.gif") no-repeat 0 0;
    margin: 0;
}

.clients-left:hover, .clients-right:hover {
    background-position: bottom left;
}

.footer {
    background: #3c4349;
    padding: 0 0 45px;
}

.footer h2 {
    text-align: center;
    color: #ffffff;
    padding: 85px 0 64px 0;
    font-weight: 500;
    font-size: 32px;
}

.footer-images {
    text-align: center;
}

.footer-images img {
	width: 235px;
    height: 235px;
    -webkit-transition: transform 0.25s ease 0s;
    transition: transform 0.25s ease 0s;
    margin: 0 34px 0 0;
}

.footer-icons {
    padding: 75px 0 65px 0;
}

.footer-images a:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.footer-icons img {
    width: 62px;
    height: 62px;
    margin: 0 22px 0 0;
}

.footer-images img.last {
    margin: 0;
}

.footer-text {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin: 0 auto;
	max-width: 680px;
}

.footer-text, .footer-text a {
    color: #b5b8ba;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.footer-text a:hover {
    text-decoration: underline;
}

/*galerie*/
.gallery {
    width: 880px;
    margin: 0 auto;
    padding: 25px 0 75px 0;
}

.gallery a {
    display: block;
    width: 276px;
    height: 276px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 17px 17px 0 0;
    border-radius: 10px;
	border: #ccc solid 1px;
}

.gallery a:nth-child(3n) {
    margin: 17px 0 0 0;
}

.gallery a span {
    display: none; 
    position: absolute; 
    top: 0; 
    right: 0; 
    background: #afd139; 
    padding: 10px 20px; 
    color: #000; 
    border-radius: 0 0 0 5px; 
    font-size: 18px; 
}

.gallery a:hover span {
    display: block;
    z-index: 100;
}

.gallery a div {
    width: 100%;
	height: 100%;
	background-repeat:  no-repeat;
	background-size: cover;
	-webkit-transition: 0.25s ease;
    transition: 0.25s ease;
}

.gallery a:hover div {
    width: 130%;
	height: 130%;
	margin: -15% 0 0 -15%;
}

/* share & links */
.detail-links {
	font-size: 16px;
    font-weight: 500;
}

.content .web-link {
	position: relative;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #afd139;
	line-height: 36px;
	padding: 0 20px 0 50px;
	border-radius: 4px;
}

.content .web-link:after {
	position: absolute;
	top: 11px;
	left: 15px;
	display: block;
	content: '';
	height: 14px;
	width: 15px;
	background: url("../images/share.png") no-repeat -21px 0;
}

.content .web-link:hover {
	background: #9bb932;
}

.content .fb-link {
	position: relative;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #3a5795;
	line-height: 36px;
	padding: 0 20px 0 45px;
	border-radius: 4px;
	margin: 0 25px 0 0;
}

.content .fb-link:after {
	position: absolute;
	top: 9px;
	left: 15px;
	display: block;
	content: '';
	height: 19px;
	width: 10px;
	background: url("../images/share.png") no-repeat 0 0;
}

.content .fb-link:hover {
	background: #244893;
}

.content .share {
	position: relative;
	padding-left: 45px;
}

.content .share:after {
	position: absolute;
	top: 9px;
	left: 15px;
	display: block;
	content: '';
	height: 17px;
	width: 11px;
	background: url("../images/share.png") no-repeat -10px 0;
}

.share:hover {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.share:hover > .share-links {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.share .share-links {
	display: none;
	position: absolute;
	cursor: default;
	top: 100%;
	right: 0;
	background: #a6ca28;
	width: 300px;
	padding: 15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.share .share-links a {
	color: #fff;
}

.share-links {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.share-links > div {
	width: 50%;
}

.share-links > div > a {
	position: relative;
	padding: 0 0 0 25px;
}

.share-links > div > a:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.share-links > div.share-fb > a:after {
	background: url("../images/social/share-fb.svg") no-repeat 0 0 / cover;
}

.share-links > div.share-tw > a:after {
	background: url("../images/social/share-tw.svg") no-repeat 0 0 / cover;
}

.share-links > div.share-in > a:after {
	background: url("../images/social/share-in.svg") no-repeat 0 0 / cover;
}

.share-links > div.share-gp > a:after {
	background: url("../images/social/share-gp.svg") no-repeat 0 0 / cover;
}

.share-links > div.share-im > a:after {
	background: url("../images/social/share-im.svg") no-repeat 0 0 / cover;
}

.fb-like {
	margin: 8px 25px 0 0;
}

.content .reference-link {
	text-decoration: none;
}

.content .reference_cs, .content .reference_en {
    width: 880px;
    height: 190px;
    margin: 35px auto;
    padding: 25px 0;
    position: relative;
	text-decoration: none;
	color: #000;
}

.content .reference_cs:hover {
    background: #f6ffd5;
    border-radius: 10px;
    cursor: pointer;
}

.content .reference_cs img, .content .reference_en img {
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.content .reference_cs p, .content .reference_en p {
	width: 235px;
	padding: 0 0 0 30px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
}

.content .reference_cs h2, .content .reference_en h2 {
	color: #000;
	font-weight: 400;
	padding: 20px 0 20px 30px;
	font-size: 28px;
	width: 230px;
	line-height: 30px;
}
.content .reference_en h2 {
    padding: 20px 0 10px 30px;
}

.content.contact {
	padding: 80px 0 75px;
}

.contact img {
	border: 6px solid #afd039;
	border-radius: 11px;
}

.map {
	padding: 165px 0 0;
}

.map > div {
	width: 100%;
	height: 450px;
}

.content {
	position: relative;
	z-index: 1;
    width: 880px;
    margin: 0 auto;
    padding: 165px 0 75px 0;
}
.flashmessages {
    padding: 10px 0;
    /*position: absolute;*/
    text-align: center;
    /*top: 175px;*/
    width: 100%;
    z-index: 1;
    font-weight: bold;
}
.flashmessages .error > p{ 
    color: #A33; 
    font-size: 18px;
}
.flashmessages .success > p { 
    color: #3A3; 
    font-size: 18px;
}

.content h1, .mce-content-body h1 {
    padding: 75px 0 50px 0;
    text-transform: uppercase;
}

.content h2, .mce-content-body h2 {
    font-weight: 400;
    color: #9bb932;
    font-size: 28px;
    padding: 0 0 20px 0;
}

.content p, .mce-content-body p {
    padding: 0 0 15px 0;
    font-size: 16px;
    line-height: 20px;
}

.content .reference p strong {
    font-size: 18px;
    font-weight: 500;
}

.content a, .mce-content-body a {
    font-size: 16px;
    font-weight: 500;
    color: #9bb932;
}

.content img, .mce-content-body img {
    border-radius: 10px;
}

.content ul, .mce-content-body ul  {
    padding: 10px 0 30px 35px;
}

.content ul li, .mce-content-body ul li {
    padding: 0 0 15px 22px;
    background: url("../images/bullet.gif") no-repeat 0 4px;
	font-size: 16px;
	line-height: 20px;
}

.content-left, .content-right {
    float: left;
    width: 385px;
    padding: 45px 10px 25px 0;
}

.content-right {
    float: right;
}

.content-left p, .content-right p {
    padding: 0 0 25px 0;
}

.content .content-block {
	padding: 0 0 30px;
}

a.button, .button {
    padding: 10px 20px;
    background: #afd139;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

a.button:hover, .button:hover {
    background: #9bb932;
}

.contact .contact-head {
	font-size: 20px;
    font-weight: 400;
    padding: 0 0 70px;
}

.contact .contact-head strong {
	font-size: 26px;
    font-weight: 500;
	margin: 0 50px 0 10px;
}

.contact .company-invoice {
	padding: 85px 70px 0 0;
	width: 265px;
}

.contact .company-invoice:nth-child(1) {
	padding-right: 50px;
}

.contact .company-invoice:nth-child(2n) {
	padding-right: 50px;
}

.contact .company-invoice:nth-child(3n) {
	padding-right: 0;
	width: 250px;
}

.contact-us {
    background: #ddd;
	text-align: center;
    padding: 35px 0 45px 0;
}

.contact-us form {
    width: 880px;
    margin: 0 auto;
}

.contact-us p {
    text-align: center;
}

.contact-us h2 {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    padding: 10px 0 50px;
    text-align: center;
}

.contact-us .button {
    display: inline-block;
    font-size: 24px;
    margin-top: 10px;
    padding: 15px 20px;
}

.contact-us-text {
    border-radius: 5px;
    padding: 13px 25px;
    width: 300px;
    margin: 0 15px 0 0;
    line-height: 16px;
}

.form-input {
    border-radius: 5px;
    padding: 13px 25px;
    line-height: 16px;
}

.callin {
    padding: 0 0 25px 0;
}

.content .callin p {
    font-size: 18px;
    line-height: 25px;
    padding: 5px 0 25px 0;
}

.callin .button {
    font-size: 24px;
}

/* slider options */
#slider1_container {
	height: 401px !important;
	width: 100% !important;
}

#slider1_container > div {
	-ms-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}

#slider1_container * {
	width: 100% !important;
}

#sliding > div {
	background-size: cover !important;
	background-position: center top !important;
}

div[u="loading"] {
	width: 100% !important;
}

.modal {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal .shadow {
	position: fixed;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.6);
}

.modal .title, .contact-form-mobile .title {
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 26px;
	font-weight: 400;
	padding: 0 0 30px;
}

.modal .contact-form {
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 850px;
	padding: 30px;
	border-radius: 9px;
	background: #afd139;
}
.contact-form-mobile {
        background: #afd139;
        width: 850px;
        padding: 30px;
        border-radius: 9px;
    
}

.modal .button, .contact-form-mobile .button {
	background: #82a116;
}

.modal .button:hover, .contact-form-mobile .button:hover {
	background: #5d740b;
}

.modal .cancel, .contact-form-mobile .cancel {
	background: #4e575f;
}

.modal .cancel:hover, .contact-form-mobile .cancel:hover {
	background: #394753;
}

.contact-form .form-input, .contact-form-mobile .form-input {
	width: 200px;
}

.contact-form .senrder-info, .contact-form-mobile .senrder-info {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact-form textarea, .contact-form-mobile textarea {
	font-family: 'Arial', sans-serif;
	box-sizing: border-box;
	min-width: 100%;
	max-width: 100%;
	min-height: 300px;
	padding: 15px;
	margin: 30px 0;
	border-radius: 6px;
}

.contact-form .contact-error, .contact-form-mobile .contact-error{
    color: #A33;
    font-weight: bold;
}
.contact-form .contact-error p, .contact-form-mobile .contact-error p {
    float: left;    
    width: 250px;
    padding-right: 50px;
    min-height: 1px;
}
.contact-form-mobile p {
    font-size: 12px;
    line-height: 15px
}
.contact-form .contact-error p:last-child, .contact-form-mobile .contact-error p:last-child {
    padding-right: 0px;
}

.ref-pager {
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 40px 0;
}

.ref-pager a {
  color: #999;
  font-weight: 500;
}

.ref-pager span {
  padding: 0 20px;
  color: #ddd;
}

#global_loader {
    display: none;
    text-align: center;
    opacity: 0.5;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: url("../images/loader_background.png") repeat;
}

.topmenu #changeLang {
    background-color: white;
    color: #777;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
}
.topmenu #changeLang:hover {
    color: black;
}


.form-mobile,
.contact-us .form-mobile {
	display: none;
}

.mobile-image {
	display: inline-block;
	position: relative;
}

.mobile-image span {
    display: none; 
    position: absolute; 
    top: 0; 
    right: 0; 
    background: #afd139; 
    padding: 10px 20px; 
    color: #000; 
    border-radius: 0 0 0 5px; 
    font-size: 16px; 
}

.mobile-image:hover span {
    display: block;
    z-index: 100;
}

@media screen and (max-width: 1024px) {
	.modal-contact,
	.contact-us .modal-contact {
		display: none;
	}

	a.form-mobile,
	.contact-us a.form-mobile {
		display: inline-block;
		line-height: 100%;
	}
}



/*
	webtop100
*/
.notify-information {
	background: #edeeef;
  margin: 50px 0 0 0;
}

.notify-information-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 60px;
}

.notify-information h2 {
	font-size: 32px;
	margin: 0 0 20px 0;
	font-weight: 500;
	line-height: 36px;
  text-align: center;
}

.notify-information p {
	line-height: 20px;
	font-size: 16px;
  width: 450px;
  margin: 0 auto;
  text-align: center;
}

.notify-information a {
  display: block;
  width: 325px;
  height: 65px;
  padding: 15px 0 0 0;
  background: #556a82;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  margin: 25px auto 0 auto;
}

.notify-information a:hover {
  background: #67819e;
}



/*e-web*/
.squares p {
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 20px 0;
}

.squares a {
  color: #556a82;
   font-weight: 500; 
}

.squares h2 {
  color: #556a82;
  font-size: 19px;
  font-weight: 500;
  padding: 10px 0 15px 0;
}

.text-column {
  width: 380px; 
  margin: 0 65px 0 80px; 
  float: left;
  text-align: justify;
}

.text-column-2 {
  width: 380px; 
  margin: 0; 
  float: left;
  text-align: justify;
}

.squares ul li {
    background: url("../images/bullet.gif") no-repeat 0 7px;
    padding: 0 0 7px 20px;
  font-size: 16px;
  line-height: 20px;
}

.squares ul li a {
  color: #000;
  text-decoration: none;
  font-weight: 300;
}

.squares ul li a:hover {
  color: #556a82;
  text-decoration: underline;
}


.e-invent {
padding: 25px 0 0 0;
  text-align: center;
}

.e-invent a {
    color: #b5b8ba;
    font-size: 16px;
    font-weight: 400;
}

.squares .big-button {
  clear: both;
  padding: 15px 25px;
  background: #556a82;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  margin: 25px auto 0 auto;
}

.squares .smaller {
  display: block;
}

.squares .big-button:hover {
  background: #67819e;
}

.squares .p-button {
  clear: both;
  padding: 25px 0 0 0;
  text-align: center;  
}

.squares .p-button a.big-button {
  margin: 0 auto;
}