/* =================================== fonty =================================== */

/* nunito */

.extralight{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 200;
}

.light{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 300;
}

.medium{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 400;
}

.semibold{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700;
}

.bold{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 800;
}
.extrabold{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 900;
}

.homeoffice_h2{
font-family: 'Nunito', sans-serif !important;
font-size: 37px !important;
letter-spacing: 0 !important;
color: #000 !important;
margin-bottom: 10px !important;
text-align: left !important;
display: inline-block !important;
}

.homeoffice_h3{
font-family: 'Nunito', sans-serif !important;
font-size: 17px !important;
letter-spacing: 0 !important;
color: #000 !important;
margin-bottom: 10px !important;
display: inline-block !important;
}

.homeoffice_p_2 {
font-family: 'Nunito', sans-serif !important;
font-size: 20px !important;
font-weight: 300 !important;
line-height: 1.4 !important;
letter-spacing: .6px !important;
color: #424242 !important;
margin: 0 !important;
padding-top: 0px !important;
padding-bottom: 80px !important;
}

.homeoffice_p{
font-family: 'Nunito', sans-serif !important;
font-size: 20px !important;
line-height: 0.8 !important;
letter-spacing: 0 !important;
color: #000 !important;
margin-bottom: 20px !important;
padding: 5px !important;
text-align: center !important;
background-color: #753cbc !important;
display: inline-block !important;
text-transform: uppercase !important;
margin-top: 20px !important;
}

.video-container2 {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 0px;
    margin: 0px;
    height: 0;
    margin-bottom: 3.25%;
}


.video-container3 {

height: 100%;
background: #f2f2f2;
display: inline-block;
border-radius: 30px;
margin-bottom: 40px; 

}

.video-home{
  
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.icon-box_homeoffice{
	margin-top:-420px;
}

.icon-box2 {
    height: auto;
    min-height: 270px;
    margin: 0px 0;
    font-size: 75%;
    border: 0px;
}

.ikony_ho {
	margin-top:-31%; 
	padding-bottom:31%;
} 

.button1{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 0.5 !important;
    outline-width: 10 !important;
    letter-spacing: 0 !important;
    border-radius: 30px !important;
    border-width: 0px !important;
    display: inline-block;
    min-width: 67px;
    padding: 13px 19px;
    text-align: center !important;
    background-color: #FFFFFF;
    color: #000000;
    margin-bottom: 20px !important;
    transform: translateX(-50%);
    position: absolute;
    top: 170px;
    left: 50%;
    width:54%;
    text-decoration: none !important;

}

.button1:hover {
    background-color: #0fd2ff;
    color: #ffffff;
    text-decoration: none !important;
}


.see_more{
    font-family: 'Nunito', sans-serif !important;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 0.5 !important;
    letter-spacing: 0 !important;
    color: #00ccff !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    text-align: center !important;
    display: block;
    transform: translateX(-50%);
    position: absolute;
    top: 170px;
    left: 50%;
}
.see_more:hover, .see_more:active{
    transform : translate(-50%,10px);
    -moz-transform : translate(-50%,10px);
    -webkit-transform : translate(-50%,10px);
    -o-transform : translate(-50%,10px);
    -ms-transform : translate(-50%,10px);
    transition: .2s ease-in-out;
    text-decoration: none;
}

.homeoofice_p_small{
    font-size: 16px !important;
    font-weight: 400 !important;
}
.p_medium{
    font-size: 14px !important;
	font-family: 'Nunito', sans-serif !important;
}

.p_small{
    font-size: 14px !important;
}


.homeoffice_ul {
margin-top:-80px !important;
padding-bottom: 80px !important;
}


.homeoffice_li {
	font-family: 'Nunito', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    letter-spacing: .6px !important;
    color: #000 !important;
    margin: 0 0 0 0!important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;

	
}


/* =================================== fotki =================================== */


.homeoffice_ico{
    margin-top: 0px !important;
    margin: 0;
    width: 95px;
    height: 95px;
    border-radius: 0;
}
.homeoffice_ico2{
    margin-top: 50px !important;
    margin: 0;
    width: 95px;
    /*height: 95px;*/
    border-radius: 0;
}
.homeoffice_ico_top{
    margin-top: 0px !important;
    margin: 0;
    width: 95px;
    height: 95px;
    border-radius: 0;
}
.homeoffice_ico_top2{
    margin-top: -140px !important;
    margin: 0;
    width: 130px!important;
    height: 130px!important;
    border-radius: 0;
}


.full{
    padding-left: 0px !important;
    padding-right: 0px !important;
}



img {
    vertical-align: middle;
}
img {
    border: 0;
}




.box_ms {
	position: relative;
}
.background-image_ebp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.box_ms:before {
	content: "";
	display: block;
	padding-top: 71.19999999999%
}
.content_ms {
	position: absolute;
	top: .13%;
	left: 0;
	bottom: 0;
	right: 0;
}
iframe {
	display: block;
	margin: auto;
	margin-top: 13.145%;
	width: 50%;
	height: 50%;
	margin-top: 6%;
}

.product-page .product-description .fresh-content img {
    border-radius: 0px !important;
    
}

.col-md-4 {
    width: 33.33333% !important;
}




/*==========  mobile fonts ======= */

@media (max-width: 1200px) {
    .homeoffice_h3{font-size: 16px !important;}
    .homeoffice_p{font-size: 16px !important;}
    .p_medium {font-size: 14px !important;}


    
}


@media (max-width: 1201px) {

        .icon-box_homeoffice{margin-top:-630px;}
    .homeoffice_h3{font-size: 16px !important;}
    .homeoffice_p{font-size: 16px !important;}
    .p_medium {font-size: 14px !important;}
    .ikony_ho {margin-top: -34%; padding-bottom: 36%;}
    .button1 {top: 175px; padding: 10px 14px; width: 64%;}
}


@media (max-width: 991px) {
	.icon-box_homeoffice{margin-top:-590px;}
    .homeoffice_h3{font-size: 16px !important;}
    .homeoffice_p{font-size: 16px !important;}
    .p_medium {font-size: 14px !important;}
    .icon-box2 {margin: 0 auto !important;}
    .see_more{top: 130px;}
    .button1 {top: 120px; padding: 13px 14px; width: 40%;}

}



@media (max-width: 768px) {
    	.icon-box_homeoffice{margin-top:-430px;}
.homeoffice_h2{font-size: 24px !important;}
.homeoffice_h3{font-size: 16px !important; padding: 0px !important; margin-bottom: 0px !important;}
.homeoffice_p{font-size: 16px !important;}
.homeoffice_p_2, .homeoffice_li {font-size: 16px !important;}
    .homeoffice_ico, .homeoffice_ico_top, .ico {display: none;}
    .see_more{top: 110px;}
    .p_medium {font-size: 14px !important; text-align: center !important;}
    .icon-box2 {min-height: 145px !important;
    margin: 0 auto;}
.container-homeoffice{margin-left:15px;margin-right:15px;}
.button1 {top: 105px; padding: 9px 5px; width: 24%;}


}
@media (max-width: 544px) {
	    	.icon-box_homeoffice{margin-top:-360px}
			.homeoffice_h3{font-size: 14px !important; padding: 3px !important;}
	 .p_medium {font-size: 14px !important;}
    .icon-box2 {min-height: 153px !important; margin: 0 auto;}
    .see_more{top: 118px;}
    .button1 {top: 110px; padding: 9px 5px; width: 25%; font-size: 14px !important;}

}


@media (max-width: 480px) {
        	.icon-box_homeoffice{margin-top:-310px;}
.homeoffice_h2{font-size: 20px !important;}
.homeoffice_h3{font-size: 14px !important;margin-top: 0px !important;}
.homeoffice_p{font-size: 14px !important;}
.homeoffice_p_2, .homeoffice_li {font-size: 14px !important;}
    .homeoffice_ico, .homeoffice_ico_top, .ico {display: none;}
    .icon-box2 {min-height: 140px !important;  margin: 0 auto;}
    .p_medium {font-size: 14px !important; letter-spacing: 0px;}
    .icon-box{min-height: 250px !important;margin: 5px 0;}
    .homeoffice_p_small { font-size: 14px !important;}
    .see_more{top: 97px;}
    .ikony_ho {margin-top: -30%; padding-bottom: 36%;}
    .button1 {top: 91px; padding: 7px 5px; width: 33%; font-size: 14px !important;}



     }
@media (max-width: 414px) {
        	.icon-box_homeoffice{
	margin-top:-310px;}
    .icon-box2 {min-height: 161px !important;
    margin: 0 auto;}
	.homeoffice_h3{font-size: 14px !important; letter-spacing: -.6px; margin: 0 auto !important;}
    .p_medium {font-size: 14px !important; letter-spacing: 0px;}
    .button1 {top: 110px; padding: 7px 5px; width: 33%; font-size: 14px !important;}

     } 
@media (max-width: 370px) {
        	.icon-box_homeoffice{
	margin-top:-270px;}
      .see_more{top: 124px;}
      .button1 {top: 130px; padding: 7px 5px; width: 33%; font-size: 14px !important;}


     } 
 
}