@charset "utf-8";
/*Code by GlobalQuickWeb
author url: www.globalquickweb.com
*/


@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  src: local('Arial'),
       url('../css/fonts/Arial.woff2') format('woff2'), 
       url('../css/fonts/Arial.woff') format('woff'),
       url('../css/fonts/Arial.ttf') format('ttf'),
}   



@font-face {
font-family: 'Signet Roundhand Italic';
font-style: normal;
font-weight: normal;
 src: local('Signet Roundhand Italic'),
       url('../css/fonts/Signet-Roundhand-Italic.woff') format('woff'),
       url('../css/fonts/Signet-Roundhand-Italic.ttf') format('ttf'),
	   url('../css/fonts/Signet-Roundhand-Italic.eot') format('eot'),
	   url('../css/fonts/Signet-Roundhand-Italic.otf') format('otf')

}



@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('../css/fonts/Segoe-UI.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Italic';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Italic'), url('../css/fonts/Segoe-UI-Italic.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Bold'), url('../css/fonts/Segoe-UI-Bold.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Bold Italic'), url('../css/fonts/Segoe-UI-Bold-Italic.woff') format('woff');
}

body  {
	margin: 0px;
	padding: 0px;

}

li {
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-block-start: 0px;
margin-block-end: 0px;
padding-inline-start: 0px;
}

ul {
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-block-start: 0px;
margin-block-end: 0px;
padding-inline-start: 0px;
}


p{
line-height: 28px;
font-style: normal;
font-weight: 500;
}

.overflow-hidden{
overflow: hidden;
}

.insert{
position: relative;
}


.anchor{
visibility: hidden;
width:0px;
height: 0px;
clear: both;
/*position: absolute;*/
}
.SliderCompanyName{
font-family:  'Signet Roundhand Italic', 'Segoe UI Bold'	, Arial, Helvetica, sans-serif;
}


/*------slider custom--------*/
@media screen and (min-width: 1600px){

.sl-slide .presentation, .sl-slide .presentation2{
height: 900px;
width: 100%;
background-size: cover;
background-position:40% 50%;
background-repeat: no-repeat;
}



.SliderH1{
font-size: 90px;
}

.slider-line-bottom2 .SliderH1{
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.82);
}

.SliderCompanyName{
font-size: 47px;
padding-top: 50px;
margin-bottom: 30px;
}

.slider-logo, .slider-logo2 {
width: 40%;
}

#slider img.CompanyLogo{
width: 166px;
height: 216px;
margin: 0px auto;
}

.SliderInfo, .SliderIco{
display: inline-block;
bottom: 0px;
vertical-align: bottom;
width: 49%;
text-align: left;
color: #fff;
}

.pictogram{
display: inline-block;
margin-left: 5%;
margin-right: 5%;
}


.slider-line-bottom2{
padding-top: 150px;
}
}



@media screen and (min-width: 1000px) and (max-width: 1599px){

.sl-slide .presentation, .sl-slide .presentation2{
height: 700px;
width: 100%;
background-size: cover;
background-position:40% 50%;
background-repeat: no-repeat;
}





.SliderH1{
font-size: 70px;
margin-left: 20%;
}

.slider-line-bottom2 .SliderH1{
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.82);
}

.SliderCompanyName{
font-size: 40px;
padding-top: 25px;
margin-bottom: 25px;
}

.slider-logo, .slider-logo2{
width: 40%;
}

#slider img.CompanyLogo{
width: 150px;
height: auto;
margin: 0px auto;

}

.SliderInfo, .SliderIco{
display: inline-block;
bottom: 0px;
vertical-align: bottom;
width: 45%;
text-align: left;
color: #fff;
}

.pictogram{
display: inline-block;
margin-left: 5%;
margin-right: 5%;
}


.slider-line-bottom2{
padding-top: 130px;
}

}


@media screen and (min-width: 800px) and (max-width: 999px){

.sl-slide .presentation, .sl-slide .presentation2{
height: 700px;
width: 100%;
background-size: cover;
background-position:40% 50%;
background-repeat: no-repeat;
}



.SliderH1{
font-size: 50px;
}

.slider-line-bottom2 .SliderH1{
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.82);
}

.SliderCompanyName{
font-size: 30px;
padding-top: 25px;
margin-bottom: 25px;
}

.slider-logo, .slider-logo2{
width: 450px;
}

#slider img.CompanyLogo{
width: 130px;
height: auto;
margin: 0px auto;

}

 .SliderIco{
display: inline-block;
bottom: 0px;
vertical-align: bottom;
width: 450px;
/*text-align: left;*/
color: #fff;
}

.SliderInfo{
display: inline-block;
bottom: 0px;
vertical-align: bottom;
width: 320px;
text-align: left;
color: #fff;
}

.pictogram{
display: inline-block;
margin-left: 5%;
margin-right: 5%;
}
#slider img.pictogramimgicon{
width: 60px;
margin: 0 auto;
}


.slider-line-bottom2{
padding-top: 130px;
}

}

@media screen and (min-width: 420px) and (max-width: 799px){


.slider-line-bottom3{
background-color: #86b1a0;
padding-top: 42px;
padding-bottom: 42px;
}

.slider-line-bottom3 .SliderH1{
font-size: 60px;
padding: 30px 5px 30px 5px; 
max-width: 350px;
border: 0px solid#fff;
text-align: left;
}

.slider-line-bottom3 .SliderInfo{
border-top: 2px solid#fff;
border-bottom: 2px solid#fff;
width: 90%;
max-width: 400px;
margin: 0 auto;
}



.sl-slide .presentation, .sl-slide .presentation2{
height: 600px;
width: 100%;
background-size: cover;
background-position:40% 50%;
background-repeat: no-repeat;
}




.SliderH1{
font-size: 40px;
padding:0px 5px 30px 5px; 

}

.SliderCompanyName{
font-size: 25px;
padding-top: 25px;
margin-bottom: 25px;
}

.slider-logo, .slider-logo2{
width: 300px;
border: 0px solid#ff0000;
}

#slider img.CompanyLogo{
max-width: 80px;
height: auto;
margin: 0px auto;

}

 .SliderIco{
display: block;
bottom: 0px;


text-align: center;
color: #fff;
}

.SliderInfo{
display: block;
bottom: 0px;


text-align: center;
color: #fff;
}

.pictogram{
display: inline-block;
margin-left: 2%;
margin-right: 2%;
}
#slider img.pictogramimgicon{
width: 60px;
margin: 0 auto;
}

}




@media screen and (min-width: 0px) and (max-width: 419px){


.slider-line-bottom3{
background-color: #86b1a0;
padding-top: 42px;
padding-bottom: 42px;
}

.slider-line-bottom3 .SliderH1{
font-size: 50px;
padding: 30px 5px 30px 5px; 
max-width: 350px;
border: 0px solid#fff;
text-align: left;
}

.slider-line-bottom3 .SliderInfo{
border-top: 2px solid#fff;
border-bottom: 2px solid#fff;

max-width: 90%;
margin: 0 auto;
}




.sl-slide .presentation{
height: 430px;
width: 100%;
background-size: 140% ;
background-position:0% 0%;
background-repeat: no-repeat;
background-color: #c6c6c6;
}


.sl-slide .presentation2{
height: 430px;
width: 100%;
background-size: cover ;
background-position:40% 0%;
background-repeat: no-repeat;
background-color: #c6c6c6;
}





.SliderH1{
font-size: 35px;
padding-bottom: 30px; 
}

.SliderCompanyName{
font-size: 18px;
padding-top: 10px;
margin-bottom: 5px;
}

.slider-logo, .slider-logo2{
max-width: 235px;
border: 0px solid#ff0000;
}

#slider img.CompanyLogo{
max-width: 70px;
height: auto;
margin: 0px auto;

}

 .SliderIco{
display: block;
bottom: 0px;


text-align: center;
color: #fff;
}

.SliderInfo{
display: block;
bottom: 0px;


text-align: center;
color: #fff;
}

.pictogram{
display: inline-block;
margin-left: 4%;
margin-right: 4%;

}

.pictogram .pictogramname{
font-size: 12px;
}

#slider img.pictogramimgicon{
width: 55px;
margin: 0 auto;
}

}

@media screen and (max-width: 370px){
.slider-line-bottom3 .SliderH1{
font-size: 40px!important;
}
}



.slider-logo, .slider-logo2{
text-align: center;


}

.SliderCompanyName{
color: #fff;
text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.82);
}



.SliderH1{
max-width: 650px;
margin: 0 auto;
border: 0px solid#ff0000;
/*font-family: Segoe UI Regular;*/
}


.pictogram{
max-width: 92px;
height:auto;
text-align: center;
border: 0px solid#00ff00;
}

#slider img.pictogramimgicon{
max-width: 92px;
height:auto;
margin-bottom: 10px;
}

.presentation, .presentation2{
position: relative;
vertical-align: bottom;
border: 0px solid#ff0000;
}

.pictogramname{
font-size: 14px;
}

.slider-line-bottom{
position: absolute;
bottom: 35px;
border: 0px solid#0000ff;
width: 100%;
text-align: center;
}

.slider-line-bottom2{
border: 0px solid#0000ff;
width: 100%;
text-align: center;
}
/*--------end slider----------*/








/*--------module-green-line----------*/
.background-green{
background-color: #86b1a0;
color: #fff;
border-top: 1px solid #8b9c94;
-webkit-box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
}


.background-green2{
background-color: #86b1a0;
color: #fff;
border-top: 1px solid #8b9c94;
-webkit-box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 5px -7px rgba(0,0,0,0.75);
}

.background-green3{
background-color: #79978b;
}

.background-white{
background-color: #fff;
}

.background-gray{
	background: #f3f3f3;
}

.background-green2 .module-half-bg .content-custom h2{
color: #ffffff;
font-family: Segoe UI Regular, Arial, Helvetica, sans-serif;
text-transform: none;
line-height: normal;
font-weight: bold;
}


@media screen and (min-width: 1300px) {
.background-green  .x2table{
max-width: 500px; 
}

.background-green2 .module-half-bg .content-custom h2{
font-size: 200%;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 25px;
}

}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
.background-green  .x2table{
max-width: 400px; 
}

.background-green2 .module-half-bg .content-custom h2{
font-size: 160%;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 25px;
}

}

@media screen and (min-width: 800px) and (max-width: 999px) {
.background-green  .x2table{
max-width: 350px; 
}
.background-green .custom h1{
font-size: 35px;
font-family:  Segoe UI Bold, Arial, Helvetica, sans-serif;
}

.background-green2 .module-half-bg .content-custom h2{
font-size: 130%;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 25px;
}

}

@media screen and (min-width: 800px) {
.background-green{
padding-top:70px; 
padding-bottom:70px;
}





.x2-left{
width: 44%;
margin-left: 1%;
margin-right: 4%;
display: inline-block;
vertical-align: middle;
}

.x2-right{
width: 44%;
margin-left: 4% ;
margin-right: 1% ;
display: inline-block;
vertical-align: middle;
}
.background-green .custom h1{
font-size: 35px;
font-family:  Segoe UI Bold, Arial, Helvetica, sans-serif;
}

.btn1{
display: inline-block;
position: absolute;
right: 60px;
}

.button-module{
position: relative;
width: 100%;
margin-top: -30px;

}

.slider-logo2{
position: absolute;
bottom: 30px;
right: 20px;
}

.slider-line-bottom3{
display: none;
}

}


@media screen and (max-width: 799px) {

.slider-line-bottom2{
display: none;
}






.slider-logo2{
margin: 0 auto;
padding-top: 40px;
}

.background-green{
padding-top:42px; 
padding-bottom:10px;
}



.x2-left{
max-width: 95%;
margin: 20px auto;
display: block;
}

.x2-right{
max-width: 95%;
margin: 50px auto;
display: block;
}
.background-green .custom h1{
font-size: 32px;
font-family:  Segoe UI Regular, Arial, Helvetica, sans-serif;
text-align: center;
}

.btn1{
display: block;
max-width: 300px;
margin: 0 auto;
text-align: center;
}

.button-module{

width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 80px;
background-color: #86b1a0;
}

}


.background-green  .x2table{
height: 100%;  text-align: left; margin: 0 auto;
}

.background-green  .x2table td{
vertical-align: middle;
}

.background-green .custom h1{

letter-spacing: 0.021em;
font-weight: 500;
color: #fff;
padding: 0px 1%;
}




.background-green, .x2-left h1{
vertical-align: middle;
}

/*-----------end module-green-line--------------*/






.btn1, .btn2 {
background-color: #e8a058;
border-radius: 10px 10px 10px 0px;
font-family:  Segoe UI Regular, Arial, Helvetica, sans-serif;
font-weight: 600;
transition: all 500ms ease 0s;
text-align: center;
}

.btn1:hover, .btn2:hover{
background-color: #e88758;
transition: all 500ms ease 0s;
}



.btn1 a, .btn2 a {
padding: 20px;
display: block;
font-size: 21px;
color: #fff;
text-decoration: none;

}














/*company formation*/


ul.moduleformation { 
    height: 51px;
    max-width: 350px;
    border: 0px #000 solid;
	position: absolute;
	text-align: left;
	z-index: 2;
}
ul.moduleformation li { padding: 5px 5px 5px 5px; z-index: 2;  }
ul.moduleformation li:not(.init) { float: left; width: 100%; display: none; background: #dfdede; border: 1px solid#a7a7a7; }
ul.moduleformation li:not(.init):hover, ul.moduleformation li.selected:not(.init) { background: #c5d3cd; }
li.init { cursor: pointer; }
ul.moduleformation { cursor: pointer; list-style-type: none;}

a#submit { 
z-index: 1; 
}

.moduleformation li.init .selection{
background-image: url(../images/triangle1.svg);
background-repeat: no-repeat;
    background-position: 100% 50%;
	background-size: 20px;
	padding-right: 30px;
	 
	
}

.moduleformation li.init .selection span{

	border-bottom: 2px  solid#7b7d7c; 
	
}


/*infographics*/



@media screen and (min-width: 1650px){
.informer-bg .description{
font-size: 16px;
}
}


@media screen and (min-width: 1550px) and (max-width: 1649px){
.informer-bg .description{
font-size: 15px;
}
}






@media screen and (min-width: 1000px) and (max-width: 1549px){
.informer-bg .description{
font-size: 13px;
}
}

@media screen and (min-width: 1100px) and (max-width: 1300px){
.informer-bg .description{
left: -14px;
}
}

@media screen and (min-width: 801px) and (max-width: 1099px){
.informer-bg .description{
left: -25px;
}
}


@media screen and (min-width: 801px) and (max-width: 1300px){
.informer-bg .description{
font-size: 12px;
position: absolute;
border: 0px solid#000;
width: 80px!important;
transform: rotate(-90deg);
height: 60px;
top: 40px;
        left: -12px;
}
.informer-bg{
position: relative;
}
}

@media screen and (min-width: 800px){
.inphographics{
max-width: 100%;
text-align: center;
margin: 0px auto;
position: relative;

background-image: url(../images/line-horizontal-smooth.svg);
background-repeat: repeat-x;
background-position: 100% 89%;

}


.formation-phase{
width: 51%;
}
.next-steps{
width: 39%;
}

.ug.remotely .formation-phase {
width: calc(95% / 13 * 7 - 1%);
}

.ug.remotely .next-steps {
width: calc(95% / 13 * 6 + 1%);
}

.gmbh.remotely .formation-phase {
width: calc(95% / 15 * 10 - 1%);
}

.gmbh.remotely .next-steps {
width: calc(95% / 15 * 5 + 1%);
}

.ug.locally .formation-phase {
width: calc(95% / 11 * 5 - 1%);
}

.ug.locally .next-steps {
width: calc(95% / 11 * 6 + 1%);
}

.gmbh.locally .formation-phase {
width: calc(95% / 12 * 7 - 1%);
}

.gmbh.locally .next-steps {
width: calc(95% / 12 * 5 + 1%);
}

.next-steps, .formation-phase{
display: inline-block;
text-align: left;
border: 0px solid#000; 
font-size: 25px;
color:#7b7d7c;
padding-top: 30px;
padding-bottom: 30px;
}

.phases{
width: 100%;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}

.phase1{
width: 54.8%;
margin-right: 0.2%;
background-color: #f6faf9;
}
.phase2{
width: 35%;
background-color: #e9f4f0;
}

.ug.remotely .phase1 {
margin-left: calc(90% / 13 * 5.5);
width: calc(90% / 13 * 2);
}

.ug.remotely .phase2 {
width: calc(90% / 13 * 5.5);
}

.gmbh.remotely .phase1 {
margin-left: calc(90% / 15 * 5.5);
width: calc(90% / 15 * 5);
}

.gmbh.remotely .phase2 {
width: calc(90% / 15 * 4.5);
}

.ug.locally .phase1 {
margin-left: calc(90% / 11 * 4.5);
width: calc(90% / 11 * 1);
}

.ug.locally .phase2 {
width: calc(90% / 11 * 5.5);
}

.gmbh.locally .phase1 {
margin-left: calc(90% / 12 * 4.5);
width: calc(90% / 12 * 3);
}

.gmbh.locally .phase2 {
width: calc(90% / 12 * 4.5);
}


.phase1, .phase2{
display: inline-block;
text-align: left;
border: 0px solid#000; 
font-size: 13px;
color:#7b7d7c;
padding: .5%;
border: 0px solid#000; 

text-align: center;
}



.informer{
width: 10%;
display: inline-block;

}

.ug.remotely .informer {
width: calc(90% / 13);
}

.gmbh.remotely .informer {
width: calc(90% / 15);
}

.ug.locally .informer {
width: calc(90% / 11);
}

.gmbh.locally .informer {
width: calc(90% / 12);
}


.informer-bg{
max-width: 165px;
height: 190px;
padding-top: 25px;
font-weight: 100;
font-family: 'Segoe UI Regular', Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: 100%;
background-size: 100% 100%;
padding-right: 11px;
padding-left: 3px;
}

.ug.locally .informer-bg {
height: 130px;
}

.gmbh.locally .informer-bg {
height: 130px;
}

.ug.remotely .informer-bg {
height: 130px;
}

.gmbh.remotely .informer-bg {
height: 130px;
}

.informer-bg .description{
max-width: 130px;
padding: 2px;
margin: 0 auto;
border: 0px solid#000;
}





.inf-bg1{
background-image: url(../images/bg-infoblock-D1.svg);
color: #557769;
}
.inf-bg2{
background-image: url(../images/bg-infoblock-D2.svg);
color: #557769;
}
.inf-bg3{
background-image: url(../images/bg-infoblock-D3.svg);
color: #557769;
}
.inf-bg4{
background-image: url(../images/bg-infoblock-D4.svg);
color: #557769;
}
.inf-bg5,.inf-bg6{
background-image: url(../images/bg-infoblock-D5.svg);
color: #fff;
}
    .ug.remotely .inf-bg8,
    .gmbh.remotely .inf-bg11,
    .ug.locally .inf-bg6,
    .gmbh.locally .inf-bg9 
{
background-image: url(../images/bg-infoblock-D6.svg);
color: #fff;
}


.inf-bg7{
background-image: url(../images/bg-infoblock-D7.svg);
color: #fff;
}
.inf-bg8{
background-image: url(../images/bg-infoblock-D8.svg);
color: #fff;
}
.inf-bg9, .inf-bg10, .inf-bg11, .inf-bg12, .inf-bg13, .inf-bg14, .inf-bg15 {
background-image: url(../images/bg-infoblock-D9.svg);
color: #fff;
}


.informer-line{
background-image: url(../images/line-vertical.svg);
background-repeat: repeat-Y;
background-position: 47% 0%;
height: 200px;
}


.informer-circle{
width: 100%;
height: 23px;
background-image: url(../images/circle.svg);
background-repeat: no-repeat;
background-position: 47% 50%;
margin: 0 auto;
}

.informer-day-line{
width: 100%;
height: 30px;
background-image: url(../images/line-mini-vertical.svg);
background-repeat: no-repeat;
background-position: 47% 50%;
margin: 0 auto;
}

.informer-day{
font-size: 17px;
color: #7b7d7c;
width: 100%;
}

.informer-day.day0{
background-image: url(../images/line-mini-vertical.svg);
background-repeat: no-repeat;
background-position: 47% 50%;

}

.informer-addline .bigday{
background-color: #fff;
font-size: 17px;
color: #7b7d7c;
max-width: 85px;
margin: 0 auto;
}

.informer-addline{
position: absolute;
width: 20%;
bottom: 0px;
right: 9.5%;
background-image: url(../images/line-mini-horizontal.svg);
background-repeat: repeat-x;
background-position: 100% 50%;
border: 0px solid#000;
}

.ug .informer-addline{
position: absolute;
width: 30%;
bottom: 0px;
right: 9.5%;
background-image: url(../images/line-mini-horizontal.svg);
background-repeat: repeat-x;
background-position: 100% 50%;
border: 0px solid#000;
}

.mob{
display: none;
}


}













@media screen and (max-width: 800px){

.inphographics{
max-width: 300px;
text-align: center;
margin: 0px auto;
position: relative;
background-image: url(../images/ohnekontur-grau.svg);
background-repeat: no-repeat;
background-position: 50% 89%;

}


.formation-phase{
width: 51%;
}
.next-steps{
width: 39%;
}



.phases{
width: 100%;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}

.phase1{
width: 54.8%;
margin-right: 0.2%
}
.phase2{
width: 35%;
}

.phase1, .phase2{
display: inline-block;
text-align: left;
border: 0px solid#000; 
font-size: 25px;
color:#7b7d7c;
padding-top: 15px;
padding-bottom: 15px;
border: 0px solid#000; 
background-color: #f6faf9;
text-align: center;
}



.informer{
width: 126px;
height: 90px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -5px;
margin-bottom: -5px;
}

.informer.i1{
margin-bottom: 2px;
}

.informer-bg{
width: 126px;
height: 90px;
padding-top: 25px;
font-weight: 100;
font-family: 'Segoe UI Regular', Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: 100%;
background-size: 100% 100%;
padding-right: 11px;
padding-left: 3px;
display: inline-block;

}

.informer-bg .description{
width: 98%;
padding-top: 3%;
margin: 0 auto;


}





.inf-bg1{
background-image: url(../images/bg-infoblock1.svg);
color: #557769;
}
.inf-bg2{
background-image: url(../images/bg-infoblock2.svg);
color: #557769;
}
.inf-bg3{
background-image: url(../images/bg-infoblock3.svg);
color: #557769;
}
.inf-bg4{
background-image: url(../images/bg-infoblock4.svg);
color: #557769;
}
.inf-bg5,.inf-bg6 {
background-image: url(../images/bg-infoblock5.svg);
color: #fff;
}

    .ug.remotely .inf-bg8,
    .gmbh.remotely .inf-bg11,
    .ug.locally .inf-bg6,
    .gmbh.locally .inf-bg9 
{
background-image: url(../images/bg-infoblock6.svg);
color: #fff;
}
.inf-bg7{
background-image: url(../images/bg-infoblock7.svg);
color: #fff;
}
.inf-bg8{
background-image: url(../images/bg-infoblock8.svg);
color: #fff;
}
.inf-bg9, .inf-bg10, .inf-bg11, .inf-bg12, .inf-bg13, .inf-bg14, .inf-bg15 {
background-image: url(../images/bg-infoblock9.svg);
color: #fff;
}


.informer-line, .informer-addline .bigday{
display: none;
}


.informer-circle{
display: none;
}
/*
.informer.i1 .informer-day{
border-radius: 8px 0px 0px 0px;
}
.informer.i1 .informer-day-line{
border-radius: 0px 8px 0px 0px;
}
.informer.i5 .informer-day{
border-radius: 0px 0px 0px 8px;
height: 75px;
}
.informer.i5 .informer-day-line{
border-radius: 0px 0px 8px 0px;
height: 75px;
}



.ug .informer.i5 .informer-day{
border-radius: 8px 0px 0px 0px;
height: 90px;
background-color: #ebf6f2;
}

.ug .informer.i5 .informer-day-line{
border-radius: 0px 8px 0px 0px;
height: 90px;
background-color: #ebf6f2;
}

.ug .informer.i4 .informer-day{
border-radius: 0px 0px 0px 8px;
height: 75px;
}
.ug .informer.i4 .informer-day-line{
border-radius: 0px 0px 8px 0px;
height: 75px;
}



.informer.i6 .informer-day-line{
border-radius: 0px 8px 0px 0px;
background-position: 0% 22px;

}

.informer.i6 .informer-day{
border-radius: 8px 0px 0px 0px;
padding-top: 10px;
}

.informer.i9 .informer-day-line{
border-radius: 0px 0px 8px 0px;

}

.informer.i9 .informer-day{
border-radius: 0px 0px 0px 8px;
}

.informer.i9  .informer-day.day0,   .informer.i7  .informer-day.day0, .informer.i8  .informer-day-line, .informer.i9  .informer-day-line, .ug .informer.i7  .informer-day-line {
background-image: none;
}




.informer.i9 .informer-day-line, .informer.i9 .informer-day, .informer.i8 .informer-day-line, .informer.i8 .informer-day, .informer.i7 .informer-day-line, .informer.i7 .informer-day, 
.informer.i6 .informer-day-line, .informer.i6 .informer-day{
background-color: #ebf6f2;
}*/
.informer-day-line{
width: 15px;
height: 90px;
background-image: url(../images/line-horizontal-smooth.svg);
background-repeat: no-repeat;
background-position: 0% 12px;
position: absolute;
left:54px;
border: 0px solid#000;
margin-top: -113px;
background-color: #f6faf9;
}

.informer-day{
font-size: 12px;
color: #7b7d7c;
background-color: #f6faf9;
width: 54px;
height: 90px;
position: absolute;
border: 0px solid#000;
left: 0px;
margin-top: -113px;
}

.informer-day.day0 .mob{
margin-top: -22px;
}
/*
.ug .informer-day.day0 .mob{
margin-top: 0px;
}*/

.informer-day.day0{
background-image: url(../images/line-mini-vertical.svg);
background-repeat: no-repeat;
background-position: 47% 50%;
}
/*
.ug .informer-day.day0{
background-image: none;
background-repeat: no-repeat;
background-position: 47% 50%;
}*/


.informer-addline .mob.triangle{
width: 100%;
height: 25px;
top: -2px;
position: absolute;
background-image: url(../images/triangle.svg);
background-repeat: no-repeat;
background-color: transparent;
background-position: 50% 0%;
background-size: 20px 20px;
}

.informer-addline .mob.txt{
background-color: #ebf6f2;
font-size: 14px;
color: #7b7d7c;
max-width: 60px;
height: 45px;
margin-top: -22px;
top: 50%;
position: absolute;
}

.informer-addline{
position: absolute;
width: 60px;
height: 200px;
bottom:2%;
left: 0px;
background-image: url(../images/line-mini-vertical.svg);
background-repeat: repeat-y;
background-position: 50% 100%;
border: 0px solid#000;
}

/*.ug .informer-addline{
position: absolute;
width: 60px;
height: 290px;
bottom:2%;
left: 0px;
background-image: url(../images/line-mini-vertical.svg);
background-repeat: repeat-y;
background-position: 50% 100%;
border: 0px solid#000;
}*/

.desktop{
display: none;
}

.formation-phase{
position: absolute;
right: 0px;
top: 18px;
border: 0px solid#000;
width: 60px;
height: 49%;
border-radius: 8px;
background-color: #f6faf9;
background-image: url(../images/Formation-Phase.svg);
background-repeat: no-repeat;
background-position: 50% 50%;

}

.next-steps{
position: absolute;
right: 0px;
bottom: 0px;
border: 0px solid#000;
width: 60px;
height: 47%;
border-radius: 8px;
background-color: #ebf6f2;
background-image: url(../images/NEXT-STEPS.svg);
background-repeat: no-repeat;
background-position: 50% 50%;

}

.ug.remotely .formation-phase {
height: calc(96% / 13 * 7);
}

.ug.remotely .next-steps {
height: calc(96% / 13 * 6);
}

.gmbh.remotely .formation-phase {
height: calc(96% / 15 * 10);
}

.gmbh.remotely .next-steps {
height: calc(96% / 15 * 5);
}

.ug.locally .formation-phase {
height: calc(96% / 11 * 5);
}

.ug.locally .next-steps {
height: calc(96% / 11 * 6);
}

.gmbh.locally .formation-phase {
height: calc(96% / 12 * 7);
}

.gmbh.locally .next-steps {
height: calc(96% / 12 * 5);
}



.phase1, .phase2{
display: none;
}



}




/*end infographics*/


/*FAQS COMPANY FORMATION */

@media screen and (min-width: 1200px){
.module-half-bg .bg-custom-right{
background-position: 100% 0%;
}

}
@media screen and (min-width: 800px) and (max-width: 1199px){
.module-half-bg .bg-custom-right{
background-position: 0% 0%;
}

}


@media screen and (min-width: 1921px){
.module-half-bg .bg-custom-right{
background-repeat: no-repeat;
background-size: 50% auto;
width: 100%;
border: 0px solid#000;
display: inline-block;
text-align: left;
position: relative;
border: 0px solid#000;
}
}


@media screen and (min-width: 800px) and (max-width: 1920px){
.module-half-bg .bg-custom-right{
background-repeat: no-repeat;
background-size: auto 110% ;
width: 100%;
border: 0px solid#000;
display: inline-block;
text-align: left;
position: relative;
border: 0px solid#000;
}
}



@media screen and (min-width: 800px){

.module-half-bg .check-green li{
margin: 45px 0px 45px 0px;
}

.module-half-bg .bg-custom{
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;
width: 100%;
border: 0px solid#000;
display: inline-block;
text-align: right;
}



.module-half-bg .bg-custom-right .btn2{
position: absolute;
bottom: 0px;
width: 335px;
left: 50%;
margin-left: -170px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.module-half-bg .content-custom-white{
width: 39%;
padding-left: 5%;
padding-right: 6%;
display: inline-block;
text-align: left;
background-color: #fff;
}


.module-half-bg .content-custom{
width: 39%;
padding-left: 5%;
padding-right: 6%;
display: inline-block;
text-align: left;
background-color: #84af9e;
}

.module-half-bg .content-custom-white h2 , .module-half-bg .content-custom-white h3,  .module-half-bg .content-custom-white h4 {
color: #676968;
font-size: 40px;
font-family:  'Segoe UI Regular', Arial, Helvetica, sans-serif;
font-weight: 100;
}

.module-half-bg .content-custom h2 , .module-half-bg .content-custom h3,  .module-half-bg .content-custom h4 {
color: #eef2f1;
font-size: 40px;
font-family:  'Segoe UI Regular', Arial, Helvetica, sans-serif;
font-weight: 100;
}

.module-half-bg .content-custom-white p, .module-half-bg .content-custom-white {
color: #676968;
font-size: 24px;
}

.module-half-bg .content-custom p, .module-half-bg .content-custom {
color: #fff;
font-size: 24px;
}

.module-half-bg .content-custom  td{
font-size: 24px;
}
.module-half-bg .content-custom  td.parent{
background-size: 25px 25px;
}

.module-half-bg .content-custom  td .faqs-info{
font-size: 20px;
}
.module-half-bg .moduledescription p{
color: #9a9c9b;
font-size: 18px;
line-height: 18px;
text-align: left;
margin-left: 5%;
}

}



@media screen and (max-width: 800px){

.module-half-bg .check-green li{
margin: 35px 0px 35px 0px;
}


.module-half-bg .bg-custom-right{
background-repeat: no-repeat;
background-position: 100% 0%;
background-size: auto 640px;
width: 100%;
border: 0px solid#000;
display: block;
text-align: center;
padding-top: 600px;
position: relative;
}

.module-half-bg .bg-custom{
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: auto 540px;
width: 100%;
border: 0px solid#000;
display: block;
text-align: center;
padding-top: 540px;
}


.module-half-bg .bg-custom-right .btn2{
max-width: 335px;
margin: 0px auto;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.module-half-bg .content-custom{
width: 95%;
padding-left: 2.5%;
padding-right: 2.5%;
display: block;
text-align: left;
background-color: #84af9e;
margin-top: 40px;
}

.module-half-bg .content-custom-white{
width: 85%;
padding-left: 7.5%;
padding-right: 7.5%;
display: block;
text-align: left;
background-color: #d1e2da;
padding-top: 10px;
}


.module-half-bg .content-custom-white h2 , .module-half-bg .content-custom-white h3,  .module-half-bg .content-custom-white h4 {
color: #676968;
font-size: 25px;
text-align: center;
font-family:  'Segoe UI Regular', Arial, Helvetica, sans-serif;
font-weight: 100;
text-transform: uppercase;
}


.module-half-bg .content-custom h2 , .module-half-bg .content-custom h3,  .module-half-bg .content-custom h4 {
color: #fff;
font-size: 25px;
text-align: center;
font-family:  'Segoe UI Regular', Arial, Helvetica, sans-serif;
font-weight: 100;
text-transform: uppercase;
}



.module-half-bg .content-custom-white p, .module-half-bg .content-custom-white {
color: #676968;
font-size: 18px;
}

.module-half-bg .content-custom p, .module-half-bg .content-custom {
color: #fff;
font-size: 18px;
}

.module-half-bg .content-custom  td{
font-size: 16px;
}

.module-half-bg .content-custom  td.parent{
background-size: 15px 15px;
}
.module-half-bg .content-custom  td .faqs-info{
font-size: 15px;
}

.module-half-bg .moduledescription p{
color: #9a9c9b;
font-size: 14px;
line-height: 14px;
text-align: center;

}


}












.module-half-bg .content-custom  table{
border-spacing: 0px 10px;
width: 100%;
color: #4b5753;
}

.module-half-bg .content-custom  td{
width: 94%;
padding: 10px 40px 10px 3%;
background-color: #cadbd5;
border-radius: 8px;
color: #4b5753;
}

.module-half-bg .content-custom  td .faqs-info{
color: #000;
cursor: text;

}


.module-half-bg .content-custom  td.parent{
background-image: url(../images/plus.svg);
background-repeat: no-repeat;
background-position: 98% 15px;
cursor: pointer;
}

.module-half-bg .content-custom  td.parent.active{
background-image: url(../images/minus.svg);

}


.module-half-bg .content-custom  td.parent .faqs-info{
/*display: none;*/
visibility: hidden;
height: 0px;
overflow: hidden;
transition: all 500ms ease 0s;
margin-top: 0px;
opacity: 0;
}
.module-half-bg .content-custom  td.parent.active .faqs-info{
/*display: block;*/
visibility: visible;
height: auto;
transition: all 500ms ease 0s;
margin-top: 15px;
opacity: 1;
}



.allmodulecontent .companymodule{
position: absolute;
display: none;
}

.allmodulecontent .companymodule.active{
position: static;
display: block;
}


.select-company-formation{
display: inline-block;
position: relative;
vertical-align: top;
position: static;
width: 120px;
}

.staticformation{
padding: 5px 0px;
display: inline-block;
position: relative;
vertical-align: top;
position: static;
}


.INSTANT-COMPANY-FORMATION, .insert .moduletable h3{
padding: 40px 5px;
}


.INSTANT-COMPANY-FORMATION h3, .insert .moduletable h3{
margin: 0 auto;
max-width: 850px; 
text-align: center;
position: relative;
color:#7b7d7c;
font-weight: normal;
}

.INSTANT-COMPANY-FORMATION h3 {
max-width: 80%;
}

.insert .moduletable h3{
font-size: 35px;
}


.INSTANT-COMPANY-FORMATION h1{
 font-size: 40px; 
  color: #557769;
  text-transform: uppercase;
}







/*end company formation*/

















/*footer*/



@media screen and (min-width: 1300px) {
.footer-companyname p.h3{
color: #578473;
font-size: 44px;
line-height: 44px;
}
.footer-companyname{
width: 47%;
display: inline-block;
margin-right: 2% ;
}
.additional-information{
width: 47%;
margin-left: 2% ;
display: inline-block;

}
.footerinfo{
width: 26%;
display: inline-block;
margin-left: 3% ;
margin-right: 3% ;
}

.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 19px;
}

}

@media screen and (min-width: 1100px) and (max-width: 1299px) {
.footer-companyname p.h3{
color: #578473;
font-size: 35px;
line-height: 35px;
}
.footer-companyname{
width: 40%;
margin-right: 2%;

display: inline-block;
}
.additional-information{
width: 54%;
margin-left: 2% ;

display: inline-block;
}
.footerinfo{
width: 26%;
display: inline-block;
margin-left: 3% ;
margin-right: 3% ;
}

.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 19px;
}
}



@media screen and (min-width: 800px) and (max-width: 1099px) {

.footer-companyname p.h3{
color: #578473;
font-size: 44px;
line-height: 44px;
}

.footer-companyname{

display: block;
}
.additional-information{
width: 90%;
margin: 0 auto;
border: 0px solid#000;
display: block;

}
.footerinfo{
width: 26%;
display: inline-block;
max-width: 200px;
margin-left: 3% ;
margin-right: 3% ;

}
.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 19px;
}
}




@media screen and (min-width: 650px) and (max-width: 799px) {

.footer-companyname p.h3{
color: #578473;
font-size: 35px;
line-height: 35px;
}

.footer-companyname{

display: block;
}
.additional-information{
width: 100%;
display: block;
}

.footerinfo{
width: 189px;
display: inline-block;
margin-left: 8px ;
margin-right: 8px;
}
.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 19px;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 28px;
}
}


@media screen and (min-width: 0px) and (max-width: 649px) {

.footer-companyname p.h3{
color: #578473;
font-size: 35px;
line-height: 35px;
}

.footer-companyname{
border: 0px solid#000;
display: block;
margin-bottom: 45px;
}
.additional-information{
width: 100%;
display: block;
}


}

@media screen and (min-width: 550px) and (max-width: 649px) {
.footerinfo{
width: 150px;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;

padding: 0px 10px;

}
.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 16px;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 25px;
}

}


@media screen and (min-width: 0px) and (max-width: 549px) {
.footerinfo{
width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 50px;
border: 1px solid#ececec;
padding: 0px 10px;
-webkit-box-shadow:  1px 1px 5px 2px rgba(215, 215, 215, .4);
-moz-box-shadow:  1px 1px 5px 2px rgba(215, 215, 215, .4);
box-shadow: 1px 1px 5px 2px rgba(215, 215, 215, .4);

}
.footerinfo p, .footerinfo li, .footerinfo td{
color: #7a7d7b;
font-size: 19px;
}

.INSTANT-COMPANY-FORMATION h3{
font-size: 25px;
}

}

.footer-companyname p.h3{
font-family: 'Signet Roundhand Italic', 'Segoe UI Bold' , Arial, Helvetica, sans-serif;

}




.footer-companyname{
text-align: left;
vertical-align: middle;
text-align: center;
color: #7a7d7b;

}




.additional-information{
text-align: center;
vertical-align: middle;
}




.footer-companyname p, .footer-companyname td{
color: #7a7d7b;
font-size: 20px;
}




.footerinfo h3{
font-size:19px;
color:#575b59;
text-transform: uppercase;
font-weight: 400;
}


.footerinfo .custom{
border-top: 1px solid#707070;
}




.footerinfo{


vertical-align: top;
color: #7a7d7b;
text-align: left;
}



/*end - footer*/



















/* verstka*/
.border-radius{
border-radius: 10px;
padding: 5px;
}

.border1{
Border: 1px solid;
padding: 5px;
}

.border2{
Border: 2px solid;
padding: 5px;
}



.border-reed{
border-color: #ee1b22 ;
}
.border-orange{
border-color: #f7941c;
}
.border-yellow{
border-color: #fdf403;
}
.border-green{
border-color: #00a54f;
}

.border-turquoise{
border-color: #4a9cab;
}
.border-light-blue{
border-color: #17c1f4;
}
.border-blue{
border-color: #0383ce;
}
.border-violet{
border-color: #5c2d93;
}
.border-black{
border-color: #211f20;
}
.border-grey{
border-color: #d3d4d6;
}

.border-left{
border-left: 2px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}


.bg-turquoise{
background-color: #4a9cab;
}

.bg-reed{
background-color: #ee1b22;
}
.bg-orange{
background-color: #f7941c;
}
.bg-yellow{
background-color: #fdf403;
}
.bg-green{
background-color: #00a54f;
}
.bg-light-blue{
background-color: #17c1f4;
}
.bg-blue{
background-color: #0383ce;
}
.bg-violet{
background-color: #5c2d93;
}
.bg-black{
background-color: #211f20;
}
.bg-grey{
background-color: #f1f1f1;
}

@media only screen  and (min-width: 600px) {
.float-left{
float: left;
margin: 5px;
}

.float-right{
float: right;
margin: 5px;
}
}


@media only screen  and (max-width: 600px) {
.float-left{
display: block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}

.float-right{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
}





.center{
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block;
}





.check li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-black.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 


.check-x li{
 margin-left: 10px;
    padding-left: 30px;
background-image: url(img/Vector.svg);
background-repeat: no-repeat;
    background-position: 0px center;
	background-size: 0.85em;
} 
ul.check-x{
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
}   


.check-blue li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-blue.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-blue {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 




.check-union-blue li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/Union-blue.svg);
background-repeat: no-repeat;
background-position: 0% 10px;
	background-size: 1.3em;
	margin-top: 25px
}      

ul.check-union-blue {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
}

.check-white li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-white.svg);
background-repeat: no-repeat;
background-position: 0% 10px;
	background-size: 1.3em;
	margin-top: 25px
}      

ul.check-white {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
}









.check-green li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-green.svg);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
	
	
}      

ul.check-green {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;

} 


.check-grey li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-grey.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-grey {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 


.check-light-blue li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-light-blue.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-light-blue {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 

.check-orange li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-orange.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-orange {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 


.check-reed li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-reed.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-reed {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 

.check-violet li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-violet.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-violet {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 

.check-yellow li{
 margin-left: 10px;
    padding-left: 40px;
background-image: url(img/check-yellow.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}      

ul.check-yellow {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 


.check-circle li{
 margin-top: 10px;
 margin-left: 10px;
    padding-left: 30px;
background-image: url(img/right.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}  

.check-circle li:hover{
 margin-left: 10px;
    padding-left: 30px;
background-image: url(img/right-hover.png);
background-repeat: no-repeat;
    background-position: 0px 5px;
	background-size: 1em;
}     

ul.check-circle {
 margin: 15px 0px 15px 0px;
 list-style-type: none;
 line-height: 1.5;
} 



.vm-orders-order{
overflow: auto;
}



table .stable, .vm-orders-order table, #tab-1 table { 
    width: 100%; /* Ширина таблицы */
    border-spacing: 0; /* Расстояние между ячейками */
   }
.stable tr:nth-child(2n), .vm-orders-order table tr:nth-child(2n), #tab-1 table  tr:nth-child(2n) {
    background: #ffffff; /* Цвет фона */
   } 
.stable  tr:nth-child(1), .vm-orders-order table tr:nth-child(1), #tab-1 table  tr:nth-child(1) {
    background: #ececec!important; /* Цвет фона */
    } 
.stable tr:hover, .vm-orders-order table tr:hover , #tab-1 table tr:hover{
    background: #cccccc; /* Цвет фона */
    } 
 .stable td, .vm-orders-order table td , #tab-1 table td{
    padding: 5px; /* Цвет фона */
	border: 1px solid #ececec;
} 




/*table design2 */
table .stable1, table.adminlist { 
width: 100%;    border-spacing: 0; 
}
.stable1 tr:nth-child(2n), table.adminlist tr:nth-child(2n) {
background: #ffffff; 
} 
.stable1  tr:nth-child(2n+1), table.adminlist tr:nth-child(2n+1)   {
background: #eeeeee; 
} 
.stable1 tr:hover, table.adminlist tr:hover {
background: #ececec; 
} 


.stable1 th, table.adminlist th{
background: #2a2a86; 
color: #ffff;
text-transform: uppercase;
} 



 .stable1 td, table.adminlist td{
padding: 5px;
border: 1px solid #ececec;
} 

 
/*end verstka*/









/*bs span*/
.blogcontent .items-row  .item  img.bs.span1,
.blogcontent .items-row  .item  img.bs.span2,
.blogcontent .items-row  .item  img.bs.span3,
.blogcontent .items-row  .item  img.bs.span4,
.blogcontent .items-row  .item  img.bs.span5,
.blogcontent .items-row  .item  img.bs.span6,
.blogcontent .items-row  .item  img.bs.span7,
.blogcontent .items-row  .item  img.bs.span8,
.blogcontent .items-row  .item  img.bs.span9,
.blogcontent .items-row  .item  img.bs.span10,
.blogcontent .items-row  .item  img.bs.span11{

width: 100%!important;
height: auto!important; 
border: 0px solid #000!important;
}









.bs .bs{
margin: 0px auto;
display:  block!important;
}



.bs{
padding: 5px;
margin-top: 5px;

}

@media screen and (min-width: 1220px){
.bs.span1 {
width: 8%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 800px) and (max-width: 1219px){
.bs.span1 {
width: 16%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 550px) and (max-width: 799px){
.bs.span1 {
width: 30%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 420px) and (max-width: 549px){
.bs.span1 {
width: 47%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 419px){
.bs.span1 {
width: 90%;
display: block;
margin: 0px auto;
vertical-align: top;
margin: 0px auto;

}
}







@media screen and (min-width: 1220px){
.bs.span2 {
width: 16%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 800px) and (max-width: 1219px){
.bs.span2 {
width: 22%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 600px) and (max-width: 799px){
.bs.span2 {
width: 30%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 420px) and (max-width: 599px){
.bs.span2 {
width: 47%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 419px){
.bs.span2 {
width: 90%;
display: block;
margin: 0px auto;
vertical-align: top;

}
}





@media screen and (min-width: 1280px){
.bs.span3 {
width: 24%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 1000px) and (max-width: 1279px){
.bs.span3 {
width: 23%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 800px) and (max-width: 999px){
.bs.span3 {
width: 31%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 600px) and (max-width: 799px){
.bs.span3 {
width: 47%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 599px){
.bs.span3 {
width: 90%;
display: block;
margin: 0px auto;
vertical-align: top;

}
}










@media screen and (min-width: 1000px) {
.bs.span4 {
width: 32%;
display: inline-block;
vertical-align: top;
}
}


@media screen and (min-width: 800px) and (max-width: 999px) {
.bs.span4 {
width: 31%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 600px) and (max-width: 799px){
.bs.span4 {
width: 47%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 599px){
.bs.span4 {
width: 90%;
display: block;
margin: 0px auto;
vertical-align: top;
}
}






@media screen and (min-width: 600px) {
.bs.span5 {
width: 41%;
display: inline-block;
vertical-align: top;
}
}


@media screen and (max-width: 599px){
.bs.span5 {
width: 90%;
display: block;
vertical-align: top;
clear: both!important;
}
p.span {
clear: both;
}

}

@media screen and (min-width: 600px) {
.bs.span6 {
width: 48%;
display: inline-block;
vertical-align: top;
}
ul.column2{
-moz-column-count: 2; 
-webkit-column-count: 2;
column-count: 2;
}


}


@media screen and (max-width: 599px){
.bs.span6 {
width: 90%;
display: block;
margin: 0px auto;
vertical-align: top;
}
}










@media screen and (min-width: 800px){
.bs.span7	{
width: 58%;
display: inline-block;
vertical-align: top;
}
.bs.span8	{
width: 66%;
display: inline-block;
vertical-align: top;
}
.bs.span9	{
width: 75%;
display: inline-block;
vertical-align: top;
}
.bs.span10	{
width: 83%;
display: inline-block;
vertical-align: top;
}
.bs.span11	{
width: 91%;
display: inline-block;
vertical-align: top;
}
.bs.span12	{
width: 99%;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 800px){
.bs.span7	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
.bs.span8	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
.bs.span9	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
.bs.span10	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
.bs.span11	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
.bs.span12	{
width: 96%;
display: block;
vertical-align: top;
margin: 0px auto;
}
}




@media screen and (min-width: 700px){
.bs.span1 img.span, 
.bs.span2 img.span,
.bs.span3 img.span,
.bs.span4 img.span,
.bs.span5 img.span,
.bs.span6 img.span,
.bs.span7 img.span,
.bs.span8 img.span,
.bs.span9 img.span,
.bs.span10 img.span,
.bs.span11 img.span,
.bs.span12 img.span{
width: 100%;
border: 0px solid #000;
margin: 0;
}
.inline-block{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

}



@media screen and (max-width: 699px){
.bs.span1 img.span, 
.bs.span2 img.span,
.bs.span3 img.span,
.bs.span4 img.span,
.bs.span5 img.span,
.bs.span6 img.span,
.bs.span7 img.span,
.bs.span8 img.span,
.bs.span9 img.span,
.bs.span10 img.span,
.bs.span11 img.span,
.bs.span12 img.span{
max-width: 100%;
display: block;
border: 0px solid #000;
margin: 0px auto;
text-align: center;
}

.bs.span1, 
.bs.span2,
.bs.span3,
.bs.span4,
.bs.span5,
.bs.span6,
.bs.span7,
.bs.span8,
.bs.span9,
.bs.span10,
.bs.span11,
.bs.span12{
max-width: 100%;

}
}
/*bs end bs span*/





/*selector*/

.css-x{
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}


.css-x ul.celected{
background-color: #f4f8f7;
height: 130px;
max-width: 400px;

display: block; 
font-size: 24px;
position: relative;
color: #4e4e4e;
background-image: url(../images/triangle1.svg);
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-size: 20px;
	 transition: all 0.2s ease-out;
}

.css-x ul.celected:hover{
background-color: #9ec6b7;
 transition: all 0.2s ease-out;
}






.css-x .description{
padding-top: 25px;
text-align: center;
font-size: 24px;
padding: 5px;
color: #4e4e4e;
background: #fff;
}





/*additional-services*/


/*end additional-services*/

@media screen and (min-width: 801px){
.hidden{
visibility: hidden;
}

.ad-services{
background-image: url(../images/ohnekontur-grau.svg);
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: auto 80%;

}

.css-x ul li.first{
height: 100%;
width: 100%;
line-height: 130px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.css-x ul li{
max-width: 400px;
list-style-type: none;
padding: 5px  0px;
}


.css-x ul li:nth-child(2) {
margin-top: 5px;
}

.s-parent {
width: 400px;
min-height: 250px;
}

/*.s-parent .s-info, .s-parent .s-info2{
    background-color: #f4f8f7;
    height: 130px;
    max-width: 400px;
    line-height: 130px;
	text-align: center;
    font-size: 24px;
    position: relative;
    color: #4e4e4e;
    background-image: url(../images/triangle1.svg);
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-size: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	 z-index: 3;
	 cursor: pointer;
}*/

.s-parent .s-info, .s-parent .s-info2{
    background-color: #f4f8f7;
    height: 130px;
    max-width: 400px;
    line-height: 130px;
	text-align: center;
    font-size: 24px;    
    position: relative;
    color: #4e4e4e;
    background-image: url(../images/triangle1.svg);
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-size: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	 z-index: 3;
	 cursor: pointer;
	  transition: all 0.2s ease-out;
}

.s-parent .s-info .information{
  
    margin-left: 0px;
    border: 0px solid#000;
    display: block;

    display: table-cell;
    height: 130px;
    width: 345px;
    vertical-align: middle;
    line-height: normal;
}

.s-parent .s-info:hover, .s-parent .s-info.open{
background-color: #9ec6b7;
 transition: all 0.2s ease-out;
}

.s-parent .s-price{
 visibility: visible;
display: block;
 font-size: 20px;
 color: #4e4e4e;
 text-align: center;
 transition: all 0.2s ease-out;
}

.s-parent.selected .s-price{
visibility: hidden;

 display: none;
}

.s-parent .s-description{
 margin-top: -50px;
}

.s-parent.selected .s-description{
  margin-top: 0px;
}


}

@media screen and (max-width: 800px){
.css-x .description.hidden{
visibility: hidden;
background: #none;
/*display: none;
height: 0px;
padding: 0px;*/
}

.css-x .description{
min-height: 130px;
}

.ad-services{
background-image: url(../images/ohnekontur-grau.svg);
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: 80%;

}

.css-x ul li.first{
height: 100%;
width: 100%;
line-height: 130px;
}

.css-x ul li{
max-width: 400px;
list-style-type: none;
padding: 5px  0px;
}


.css-x ul li:nth-child(2) {
margin-top: 5px;
}

.css-x{
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
background: #f4f8f7;
}

.s-parent {
background-color: #eff4f0;
width: 270px;
min-height: 150px;
background-image: url(../images/triangle1.svg);
    background-repeat: no-repeat;
    background-position: 92% 40px;
    background-size: 16px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	 z-index: 3;
	 cursor: pointer;
	 margin-bottom: 3%;
}


.s-parent.selected {
background-color: #eff4f0;
width: 270px;
min-height: 150px;
background-image: url(../images/triangle1-open.svg);
    background-repeat: no-repeat;
    background-position: 92% 40px;
    background-size: 16px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	 z-index: 3;
	 cursor: pointer;
	 margin-bottom: 3%;
}



.s-parent .s-info, .s-parent .s-info2{
    
    height: 90px;
    max-width: 400px;
    line-height: 90px;
	text-align: center;
    font-size: 18px;
    position: relative;
    color: #4e4e4e;
    	
}

.s-parent .s-info .information{
   width: 230px;
    border: 0px solid#000;
    line-height: normal;
    height: 90px;
    display: table-cell;
    vertical-align: middle;}




.s-parent .s-price{
 visibility: visible;
display: block;
 font-size: 20px;
 color: #4e4e4e;
 text-align: center;
 background-color: #fff;
width: 90%;
margin: 0 auto;
border-radius: 5px;
}

.s-parent .s-description{
 margin-top: 0px;
 opacity: 0;
}

.s-parent.selected .s-description{
  margin-top:35px;
   opacity: 1;
}



}



.s-parent {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 3;
margin-left: 1%;
margin-right: 1%; 
}




.s-parent .s-description{
 visibility: hidden;
 /*height: 100px;*/
 position: absolute;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 background-color: #fff;
 border-radius: 0px 0px 8px 8px;
 padding: 30px 5%;
 font-size: 20px;
 transition: all 0.2s ease-out;

 z-index: 2;
text-align: left;
}

.s-parent.selected .s-description{
 visibility: visible;
 /*height: 100px;*/
 position: absolute;
 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 background-color: #fff;
 border-radius: 0px 0px 8px 8px;
 padding: 30px 5%;
 font-size: 20px;
 transition: all 0.2s ease-out;
  z-index: 2;
 text-align: left;
 }






/*content*/
@media screen and (min-width: 900px){

.blog-featured .items-row:nth-child(odd) .span12 .introimage{
float: left;
padding: 5px;
position: relative;
border: 0px solid#00ff00;
z-index: 0;
}

.blog-featured .items-row:nth-child(even) .span12 .introimage{
float: right;
padding: 5px;
border: 0px solid#00ff00;
position: relative;
z-index: 0;
}

.blog-featured .items-row:nth-child(even) .readmore{
text-align: left;
padding: 0px;
display: block;
border: 0px solid#000;
}

.blog-featured .items-row:nth-child(odd) .readmore{
text-align: right;
padding: 0px;
display: block;
border: 0px solid#000;
}
}

@media screen and (max-width: 899px){
.blog-featured .items-row .span12 .introimage{
padding: 5px;
border: 0px solid#00ff00;
position: relative;
z-index: -1;
max-width: 500px;
margin: 0px auto;
}


.contenttext iframe{
width: 100%!important;
height: 350px!important;
clear: both;
}

.contenttext  #modal2{
width: 100%!important;
min-height: 420px!important;
clear: both;
}



}

.blogcontent .items-row .figure iframe{
width: 100%!important;
}

.blogcontent .items-row .figure img{
width: 100%!important;
max-width: 100%!important;
height: auto!important;
border: 0px!important;
}

.blogcontent .items-row .figure{
max-height: 350px;
overflow: hidden;
vertical-align: middle;
}

.blogcontent .items-row .blogtemplate{
vertical-align: middle;

}


.contenttext{
background-color: #fff;

padding: 10px 10px 50px 10px;

}


.contenttext p, .contenttext td, .contenttext li, .contenttext li li, .contenttext li p, .contenttext li li p, #fancybox-content p, .right-bar-content p, .right-bar-content li{
font-size: 18px;
}


ol li ol{
margin-top: 5px;
margin-bottom: 10px;
margin-left: 15px;
padding-left: 5px;
}



.contenttext  h1{
font-size: 250%;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}

.contenttext h2, .insert h2{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 240%;
line-height: 30px;
text-transform: uppercase;
}

.contenttext p.h2, .insert p.h2, .vmgroup .h3{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 180%;
line-height: 25px;
text-transform: uppercase;
}

.contenttext p.h3, .insert p.h3{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 20px;
line-height: 200%;
text-transform: none;
}

.contenttext p.h1, .insert p.h1{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 43px;
line-height: 150%;
text-transform: none;
}



.contenttext h3{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
}

.contenttext h4, .moduletable h4{
font-size: 180%;
text-align:left;
font-weight: normal;
}


.contenttext h5{
font-size: 200%;
text-align:left;
font-weight: normal;

    margin-block-start: 20px;
    margin-block-end: 10px;
}





.categories-listttest{
text-align:center;
}


#categorylisting{
display: inline-block;
margin: 10px;
max-width: 350px;
max-height: 329px;
overflow: hidden;
border: 1px solid #97d4c3;
padding: 5px;
}






#categorylisting:hover img {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
  
border: 1px solid #97d4c3;
}


#categorylisting img{

max-width: 350px;
max-height: 284px;
overflow: hidden;
border: 1px solid #000;
}

#categorylisting .page-header{
height: 45px;
border: 0px solid #3f3f3f;
text-align: center;
max-width: 350px;
color: #000;
font-size: 120%;
line-height: 20px;
}



.category-desc.clearfix{
/*height: 300px;*/
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
border: 0px solid #3f3f3f;

}

.leading-0 .pull-left.item-image{
padding: 5px;
float: left;

}


#contenttext ul , #contenttext ol  {
margin-left: 20px;
}


.items-row{
clear: both;
}




.readmore .btn {
border-radius: 50px;
display: inline-flex;
width: auto;
margin: 0px 5px;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
padding: 5px 60px 5px 25px;;
}


.readmore2 {
border-radius: 50px;
display: inline-flex;
width: auto;
margin: 0px 5px;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
padding: 5px 60px 5px 25px;;
}



a.btn{
font-size: 14px;
}

a.readmore, a.readmore2 {
border-radius: 50px;
display: inline-flex;
width: auto;
margin: 0px 5px;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
padding: 12px 40px 12px 20px;
font-size: 14px;
line-height: 14px;
}

a.readmore-big {
border-radius: 50px;
display: inline-flex;
width: auto;
margin: 0px 5px;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
padding: 12px 50px 12px 20px;
font-size: 14px;
line-height: 14px;
}

.readmore .btn:hover{
padding: 10px;
border-radius: 50px;
display: inline-flex;
width: auto;
margin: 0px 5px;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
padding: 5px 60px 5px 25px;;
}





@media screen and (max-width: 549px)  {
.items-row .span12 .pull-left.item-image{
padding: 5px;
}


.readmore{
text-align: right;
padding: 0px;
display: block;
border: 0px solid#000;
}
}




.cat-children.items-row .span4{
margin: 5px 5px 50px 5px;
padding-top: 5px;
padding-bottom: 10px;
-webkit-box-shadow: 0px 0px 16px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px -9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px -9px rgba(0,0,0,0.75);
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
/*float: left;*/
border-radius: 10px ;
}

.cat-children.items-row .span4 img{
max-width: 100%;
height: auto;
margin: 5px auto;
}





.pull-left.item-image{
text-align: center;
}


.pull-left.item-image img{
max-width: 100%;
height: auto;

}


.contenttext .item.column-3 {
margin-top: 30px;
float: left;
max-width: 100%;
display: inline-block;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.contenttext .item.column-2 {
margin-top: 30px;
float: right;
max-width: 100%;
display: inline-block;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.contenttext .blogcolumn-2 .items-row {
text-align: left;
}






.contenttext .item.column-1 {
margin-top: 30px;
float: left;
max-width: 100%;
display: inline-block;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}


.contenttext .span12 .item.column-1, .contenttext .tag-category .items-row .item {
margin-top: 30px;
float: left;
max-width: 100%;
display: inline-block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.contenttext .blog-your-product .span12 .item.column-1, .contenttext .tag-category .items-row .item {
margin-top: 5px;
margin-bottom: 5px;
float: left;
max-width: 100%;
display: inline-block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}


.contenttext .span12 .item.column-1, .contenttext .tag-category .items-row .item {
margin-top: 30px;
float: left;
max-width: 100%;
display: inline-block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}




.contenttext .span12 .item.column-1:hover{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}


.blognews .item.column-1:hover,.blognews .item.column-2:hover,.blognews .item.column-3:hover{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}



.item-image{
overflow: hidden;
}



@media screen and (min-width: 750px)  {
.items-row .span4{
width: 31%;
display: inline-block;
padding-left: 1%;
padding-right: 1%;
text-align: left;
}}

@media screen and (max-width: 749px)  {
.items-row .span4{
width:93%;
display: inline-block;
padding-left: 1.5%;
padding-right: 1.5%;
text-align: left;
}}






@media screen and (min-width: 600px)  {
.items-row .span6{
width:44%;
display: inline-block;
padding-left: 1.5%;
padding-right: 1.5%;
text-align: left;
margin: 0px 1%;
}

.items-row .span6 iframe{
width: 100%!important;
height: 350px!important;
}

.contenttext .column-2 .blogcontent:before{
content:"";
width: 1px;
background: #ccc;
position: absolute;
height: 85%;
left: 50%;
margin-left: -10px;
}

}


@media screen and (max-width: 599px)  {
.items-row .span4{
max-width:400px;
display: inline-block;
padding-left: 1.5%;
padding-right: 1.5%;
text-align: left;
}


.items-row .span6 iframe{
width: 100%!important;
height: 350px!important;
}




.items-row .span6  img{
width: 100%!important;
height: auto!important;
clear: both;
}


}

iframe{
    margin: 0px auto;
    text-align: center;
    display: block;
}


.contenttext .blog-featured .page-header{
margin: 20px 0px 10px 0px;
border: 0px solid #eee;
}

.blog-featured p{
font-size: 135%;
z-index: 2;
position: relative;
}
.blog-featured h2, .blog-featured .h2{
margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

p.readmore{
font-size: 120%;
}


.contenttext .page-header{
margin: 0px 0px 10px 0px;
}


.contenttext .blog-featured .page-header h1{
text-align: center;
}

.contenttext .page-header-mini h3{
border: 0px solid #eee;
margin: 0px 0px 0px 0px;
padding-bottom: 0px 0px 0px 0px;
}


.blognews .items-row {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.blognews{
position: relative;
}
@media screen and (min-width: 600px){
.blognews:after {
    content: '';
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 1px;
    height: calc(100% - 235px);
    height: -webkit-calc(100% - 235px);
    height: -moz-calc(100% - 235px);
    height: -o-calc(100% - 235px);
    background-color: #eee;

}
.contenttext .pagination ul {
margin: 0px 10px 10px 0;
padding: 0;
/*transform: skew(-25deg, 0deg);*/
}

.pagination li.active a {
transform: skew(25deg, 0deg);
}


}


.contenttext .items-row{
text-align: center;
padding-bottom: 10px;
}



.contenttext .items-row .item{
text-align: left;
padding: 1px 2% 5px 2%;
overflow: hidden; 
width:96%;
}

.contenttext .blog-your-product .items-row .item{
text-align: left;
padding: 1px 0px 5px 0px;
overflow: hidden; 
width:96%;
}

.contenttext .items-row .item-image{
text-align: center;
max-height: 500px;


}

.contenttext .items-row .item-image img{
width: 100%;
height: auto;


}





.article-info{
margin-top: 20px;
margin-bottom: 20px;
color: #828282;
font-size: 16px;
line-height: 18px;
list-style-type: none;
}

.article-info dd{

margin-right: 3px;
margin-left: 3px;
}

.contenttext .blogarticleinfo li{
color: #828282;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 18px;
}



.contenttext .blogarticleinfo li.categorytitle{
display: inline;
color:#000;
font-weight: bold;
}

.contenttext .blogarticleinfo li.articlepublish{
display: inline;
}


.contenttext  .blogarticleinfo3{

margin-top: 20px;
margin-bottom: 25px;
}

.contenttext  .blogarticleinfo3 li{
color: #828282;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 18px;
text-align: center;
}
.contenttext  .blogarticleinfo3 li.articleauthor{
display: inline-block;
margin-right: 3px;
margin-left: 3px;

}
.contenttext  .blogarticleinfo3 li.articlepublish{
display: inline-block;
margin-right: 3px;
margin-left: 3px;
}



/*paginacija*/

.contenttext .pagination .pagination-prev a, .contenttext .pagination .pagination-next a{
border: 0px solid#000;
width: 5px;
height: 12px;  
}

.contenttext .pagination .pagination-prev{
background-image: url(../images/blue2/left.svg);
background-size: cover;
width: 14px;
height: 24px;
margin-right: 10px;
}

.contenttext .pagination .pagination-next{
background-image: url(../images/blue2/right.svg);
background-size: cover;
width: 14px;
height: 24px;
margin-left: 10px;
}

.contenttext .pagination .pagination-prev:hover{
background-image: url(../images/blue2/left-hover.svg);
background-size: cover;


}

.contenttext .pagination .pagination-next:hover{
background-image: url(../images/blue2/right-hover.svg);
background-size: cover;

}






.pagination p.pull-right {
float: none;
text-align: center;
}
     
.pagination  {
display: inherit;
text-align: center;

border: 0px solid #CC0000;
display: inherit;
text-align: center;


}
     


.counter{
padding: 15px 0px 10px 25px;
border: 0px solid #CC0000;
text-align: center;
}






.contenttext .pagination ul li {
    display: inline-block;
border:0px solid#000 ;
/*background-color: #ececec;*/
 padding: 0px 0px 0px 0px; 
margin: 20px 0px 0px 0px; 
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;  
vertical-align: middle;
}


.contenttext .pagination li.active {
    display:inline-block;
border:0px solid #eb4947 ;
/*background-color: #1c6efc;*/
 
}

.contenttext .pagination li:hover {
display: inline-block;
border:0px solid#eb4947;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.pagination li a {
    border: 0px solid#eb4947;
    font-size: 18px;
    display: block;
    text-decoration: none;

padding: 5px 5px 5px 5px;   
}

.pagination li.active a {
    border: 0px solid#eb4947;
    font-size: 18px;
    display: block;
    text-decoration: none;

padding: 5px 5px 5px 5px;   
}




.pagination li:first-child a {

    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}



.pagination span, .pagination span a:hover {
   /* background-color: #f5f5f5;*/
    color: #4a9cab;
}
span.pagenav {
   color: #fff;
 border: 0px solid#eb4947;
    font-size: 18px;
    display: block;
    text-decoration: none;

padding: 5px 5px 5px 5px;  



}
/*.pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
    background-color: #f5f5f5;
    color: #444;

}*/

.pager.pagenav{
background: none;
list-style-type: none;
text-align: center;
border: none;
}

.pager.pagenav li.previous{
display: inline-block;
width: 80px;
background: url(../images/left.png);
background-repeat:  no-repeat;
background-position: left center;
}
.pager.pagenav li.next{
display: inline-block;
width: 80px;
background: url(../images/right.png);
background-repeat:  no-repeat;
background-position: right center;
}





/*print icon*/
@media screen and (min-width: 665px) {
li.print-icon{
padding: 10px;
	height: 45px;
list-style-type: none;
border: 0px solid#eb4947;
text-align: right;
}

li.print-icon a{
    background: url(../images/print.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 5px;
	
	border: 0px solid#eb4947;
}

.icons{
border: 0px solid #fff;
list-style-type: none;
position: relative;
width: 200px;
float: right;
}
}

@media  (max-width: 664px) {
li.print-icon{
display: none;
}

li.print-icon a{
display: none;

}}


/* breadcrumb*/




.breadcrumbs-mini{
border: 0px solid #97d4c3;
}

.breadcrumbs-mini .breadcrumb {
margin: 5px 5px 5px 30px;
color: #000;
font-weight: normal;
}


.breadcrumbs-mini .breadcrumb li.active{
color: #fff;
font-weight: bold;
}


.breadcrumbs-mini .breadcrumb li{
  padding: 0;
}

.breadcrumb li a {
color: #fff;
}
.breadcrumb li a:hover {
color: #e8a058;
}

.breadcrumb {
    background: transparent none repeat scroll 0 0;
    font-size: 15px;
    margin: 0;
    padding: 0;
margin: 15px 5px 5px 5px;
color: #fff;
font-weight: bold;
}

.breadcrumb li:first-child{
display: none;
}

.breadcrumb li{
display: inline-block; 
padding: 5px;
margin: 5px 0px 5px 2px;
border: 0px solid #ccc;
border-radius: 8px;
}

/*end breadcrumb*/


.scrollup{
 width:40px; 
height:40px; 
opacity:0.5; 
position:fixed; 
bottom:50px; 
right:50px; 
background: #000 url('../images/top-a.png') no-repeat;  
border-radius: 10px;
z-index: 201; 
outline: none;
}

.scrollup:hover{
 width:40px; 
height:40px; 
opacity:0.7; 
position:fixed; 
bottom:50px; 
right:50px; 
background: #000 url('../images/top-a.png') no-repeat;  
z-index: 201; 
outline: none;
}


/*social-top button*/
.r{
background-color: #86b1a0;
}

.i.bottom  {
    display: block;
    line-height: inherit;
    position: inherit;
    transition: all 0.6s ease 0s;
    z-index: inherit;
border: 0px solid#fff;
  background-color: #1e77e4;
    border-radius: 0%;


}



.i  {
    display: block;
    line-height: inherit;
    position: inherit;
    transition: all 0.6s ease 0s;
    z-index: inherit;
border: 0px solid#fff;
  /*background-color: #337664;*/
    border-radius: 50%;


}
.social li:hover, .social li:active, .social li:focus {


    transform: rotateY(180deg);

}

.social li:hover .i, .social li:active .i, .social li:focus .i {
    /*background-color: #1e1e1e;*/

    transform: rotateY(180deg);
 border-radius: 50%;

}

.social li:hover .i.bottom, .social li:active .i.botton, .social li:focus .i.bottom {
    /*background-color: #1e1e1e;*/

    transform: rotateY(180deg);
 border-radius: 0%;

}


.social li:first-child {
    margin-left: 0;
}
.social{
    float: none;
    margin-bottom: 0;
	margin-top: 0;
    text-align: center;
}

ul.social  li {
    display: inline-block;
    float: none;
margin-right: 5px;
margin-top: 2px;
 vertical-align: top;
}

ul.social.bottom  li {
    display: inline-block;
    float: none;
margin-right: 5px;
margin-top: 0px;
 vertical-align: top;
}

ul.social{
padding-inline-start: 10px;
}

ul.social.bottom{
padding-inline-start: 0px;

}


/*social-top button*/

.footnote {
text-align:center;
}