/* =================================== 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: #000 !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;
    overflow: hidden;
}

.video-home{
  position: absolute;
  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:34%;
} 

.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; width: 97%; margin-left: 16px;
    
}

.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%;}

}


@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;}
}



@media (max-width: 768px) {
    	.icon-box_homeoffice{margin-top:-430px;}
.homeoffice_h2{font-size: 24px !important;}
.homeoffice_h3{font-size: 16px !important; padding: 3px !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;}


}
@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;}


}


@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%;}



     }
@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;}
    .see_more{top: 107px;}

     } 
@media (max-width: 370px) {
        	.icon-box_homeoffice{
	margin-top:-270px;}
      .see_more{top: 124px;}



     } 
 
}