#et-boc .et-l .dipl_ajax_search_active_parent,
.et_pb_column.dipl_ajax_search_active_parent,
.et_pb_row.dipl_ajax_search_active_parent{
z-index: 9999!important;
}
.dipl_ajax_search{overflow:visible!important}
.dipl_ajax_search_field_wrap,.dipl_ajax_search_wrap{position:relative}
.dipl_ajax_search_field_wrap{overflow:hidden}
.dipl_ajax_search_icon:after{
position: absolute;
top: 50%;
right: 10px;
font-family: ETModules;
font-size: 16px;
color: #000;
transform: translateY(-50%);
content: "\55";
}
.dipl_ajax_search .dipl_ajax_search_field{
border-width: 2px;
border-style: solid;
border-color: #333;
width: 100%;
margin: 0;
padding: 10px 35px 10px 10px;
font-size: 16px;
}
.dipl_ajax_search_results_wrap{
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 9999;
}.dipl_ajax_search_results{
border-width: 0;
border-style: solid;
border-color: #333;
background: #f1f1f1;
max-height: 250px;
padding: 10px;
}
.dipl_ajax_search .dipl_ajax_search_wrap .dipl_ajax_search_results{overflow-x:hidden;overflow-y:auto}
.dipl_ajax_search_item{background:#fff;width:100%;margin-bottom:10px;overflow:hidden}
.dipl_ajax_search_item p{padding-bottom:5px}
.dipl_ajax_search_item:last-child{margin-bottom:0}
.dipl_ajax_search_item .dipl_ajax_search_item_link{
display: flex;
flex-wrap: wrap;
text-decoration: none;
}
.dipl_ajax_search_item .dipl_ajax_search_item_image{
width: 85px;
float: left;
line-height: 0;
overflow: hidden;
}
.dipl_ajax_search_item_image img{width:100%;height:100%;object-fit:cover;object-position:center}
.dipl_ajax_search_only_featured_image .dipl_ajax_search_item_image{width:100%}
.dipl_ajax_search_item .dipl_ajax_search_item_image+.dipl_ajax_search_item_content{width:calc(100% - 85px);float:left}
.dipl_ajax_search_item .dipl_ajax_search_item_content{padding:10px}
.dipl_ajax_search_item .dipl_ajax_search_item_title{
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #000;
padding-bottom: 5px;
}
.dipl_ajax_search_item .dipl_ajax_search_item_title:last-child{ padding-bottom: 0; }
.dipl_ajax_search_item .dipl_ajax_search_item_price{
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #000;
}
.dipl_ajax_search_item .dipl_ajax_search_item_excerpt{
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
.dipl_ajax_search_result_masonry .dipl_ajax_search_items .dipl_ajax_search_item{
width: 100%;
margin: 0;
clear: none;
}
.dipl_ajax_search_result_masonry .dipl_ajax_search_isotope_item{ width: 100%; padding: 5px; }
.dipl_ajax_search_loader:after{
position: absolute;
top: 50%;
right: 10px;
border: 1px solid rgba(0,0,0,.7);
border-right-color: transparent;
border-left-color: transparent;
border-radius: 50%;
width: 16px;
height: 16px;
font-family: inherit;
transform: translate3d(0,-50%,0);
animation: dipl_rotation .8s linear infinite;
content: '';
}
@keyframes dipl_rotation{
from{
-webkit-transform: translate3d( 0, -50%, 0 ) rotate( 0 );
transform: translate3d( 0, -50%, 0 ) rotate( 0 )
}
to{
-webkit-transform: translate3d( 0, -50%, 0 ) rotate( 360deg );
transform: translate3d( 0, -50%, 0 ) rotate( 360deg );
}
}
@media screen and ( min-width: 768px ) {
.dipl_ajax_search_result_2_cols .dipl_ajax_search_item,
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item,
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item{
width:calc(50% - 5px);
float:left;
margin-right:10px;
}
.dipl_ajax_search_result_2_cols .dipl_ajax_search_isotope_item,
.dipl_ajax_search_result_3_cols .dipl_ajax_search_isotope_item,
.dipl_ajax_search_result_4_cols .dipl_ajax_search_isotope_item{width:50%}
.dipl_ajax_search_result_2_cols .dipl_ajax_search_item:nth-of-type(2n+2),
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item:nth-of-type(2n+2),
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item:nth-of-type(2n+2){margin-right:0}
}
@media screen and ( min-width: 981px ) {
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item{width:calc(33.33% - 6.667px)}
.dipl_ajax_search_result_3_cols .dipl_ajax_search_isotope_item{width:33.33%}
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item{width:calc(25% - 7.5px)}
.dipl_ajax_search_result_4_cols .dipl_ajax_search_isotope_item{width:25%}
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item:nth-of-type(2n+2){margin-right:10px}
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item:nth-of-type(3n+3){margin-right:0}
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item:nth-of-type(2n+2){margin-right:10px}
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item:nth-of-type(4n+4){margin-right:0}
.dipl_ajax_search_result_2_cols .dipl_ajax_search_item:nth-of-type(2n+1),
.dipl_ajax_search_result_3_cols .dipl_ajax_search_item:nth-of-type(3n+1),
.dipl_ajax_search_result_4_cols .dipl_ajax_search_item:nth-of-type(4n+1){clear:left}
}.dipl_flipbox{
width: auto;
}
.dipl_flipbox .et_pb_module_inner{
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
perspective: 1000px;
}
.dipl_flipbox .dipl_flipbox_wrapper{
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dipl_flipbox .flipbox_side{
min-height: 200px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.flipbox_back,
.flipbox_front{
background: center/cover no-repeat #fff;
padding: 30px;
}
.dipl_flipbox .et_pb_module_inner .flipbox_back,
.dipl_flipbox .et_pb_module_inner .flipbox_front{
overflow: visible;
}
.et_pb_section_parallax .flipbox_back,
.et_pb_section_parallax .flipbox_front{
background:0 0;
}
.et_pb_with_border.dipl_flipbox .et_pb_main_flipbox_image img,
.et_pb_with_border.dipl_flipbox .flipbox_back,
.et_pb_with_border.dipl_flipbox .flipbox_front{
border:0 solid #333;
}
.dipl_flipbox .et_pb_main_flipbox_image img,
.dipl_flipbox .flipbox_inner{
width:100%;
}
.dipl_flipbox .flipbox_position_left .flipbox_inner,
.dipl_flipbox .flipbox_position_right .flipbox_inner,
.dipl_flipbox .flipbox_position_top .flipbox_inner{
display: flex;
}
.dipl_flipbox .flipbox_position_top .flipbox_inner{
flex-direction: column;
}
.dipl_flipbox .flipbox_position_right .flipbox_inner{
flex-direction: row-reverse;
}
.dipl_flipbox .flipbox_position_top .et_pb_main_flipbox_image{margin-bottom:20px}
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image{margin-right:20px}
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image{margin-left:20px}
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image+.flipbox_back_content_wrapper,
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image+.flipbox_front_content_wrapper,
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image+.flipbox_back_content_wrapper,
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image+.flipbox_front_content_wrapper{
width: calc(100% - 20px);
} .dipl_flipbox .flipbox_back.flipbox_content_top,
.dipl_flipbox .flipbox_front.flipbox_content_top{
align-items: flex-start;
}
.dipl_flipbox .flipbox_back.flipbox_content_bottom,
.dipl_flipbox .flipbox_front.flipbox_content_bottom{
align-items: flex-end;
}
.dipl_flipbox .flipbox_back.flipbox_content_center,
.dipl_flipbox .flipbox_front.flipbox_content_center{
align-items: center;
}
.flipbox_back h1.et_pb_module_header a,
.flipbox_front h1.et_pb_module_header,
.flipbox_front h1.et_pb_module_header a .flipbox_back h1.et_pb_module_header{
font-size: 30px;
}
.flipbox_back h2.et_pb_module_header a,
.flipbox_front h2.et_pb_module_header,
.flipbox_front h2.et_pb_module_header a .flipbox_back h2.et_pb_module_header{
font-size: 26px;
}
.flipbox_back h3.et_pb_module_header a,
.flipbox_front h3.et_pb_module_header,
.flipbox_front h3.et_pb_module_header a .flipbox_back h3.et_pb_module_header{
font-size: 22px;
}
.flipbox_back h4.et_pb_module_header a,
.flipbox_front h4.et_pb_module_header,
.flipbox_front h4.et_pb_module_header a .flipbox_back h4.et_pb_module_header{
font-size: 18px;
}
.flipbox_back h5.et_pb_module_header a,
.flipbox_front h5.et_pb_module_header,
.flipbox_front h5.et_pb_module_header a .flipbox_back h5.et_pb_module_header{
font-size: 16px;
}
.flipbox_back h6.et_pb_module_header a,
.flipbox_front h6.et_pb_module_header,
.flipbox_front h6.et_pb_module_header a .flipbox_back h6.et_pb_module_header{
font-size: 14px;
}
.dipl_flipbox .et_pb_main_flipbox_image{
display: inline-block;
width: auto;
max-width: 100%;
}
.dipl_flipbox .et-pb-icon-shape-border{border:2px solid}
.dipl_flipbox .hexagon.et-pb-icon-shape-border{
border-left-color: transparent;
border-right-color: transparent;
}
.dipl_flipbox .hexagon.et-pb-icon-shape-border:after,
.dipl_flipbox .hexagon.et-pb-icon-shape-border:before{
border-top: 2px solid;
border-bottom: 2px solid;
border-color: inherit;
}
.dipl_flipbox .el-icon-circle{
padding: 16px;
border-radius: 50%;
}
.dipl_flipbox .el-icon-square{padding:16px}
.dipl_flipbox .et_pb_main_flipbox_image.use_hexagon{padding:10px}
.dipl_flipbox .et-pb-icon.el-icon-hexagon{
position: relative;
z-index: 99;
margin-left: -40.25%;
padding: 15px;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.dipl_flipbox .use_hexagon{z-index:-1}
.dipl_flipbox .use_hexagon .hexagon-wrapper{
display: inline-block;
position: relative;
}
.dipl_flipbox .use_hexagon .hexagon-wrapper .hex{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.dipl_flipbox .use_hexagon .hexagon{width:57.735%;height:100%;margin:auto}
.dipl_flipbox .use_hexagon .hexagon:before{
-webkit-transform: rotate(60deg) translateZ(0);
transform: rotate(60deg) translateZ(0);
}
.dipl_flipbox .use_hexagon .hexagon:after,
.dipl_flipbox .use_hexagon .hexagon:before{
position: absolute;
top: 0;
right: 21.1325%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: inherit;
width: inherit;
height: inherit;
content: "";
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dipl_flipbox .use_hexagon .hexagon:after{
-webkit-transform: rotate(-60deg) translateZ(0);
transform: rotate(-60deg) translateZ(0);
}
.dipl_flipbox .et_pb_flipbox_button_back{margin:15px 0 0}
.dipl_flipbox .et_pb_flipbox_button_back .et_pb_button{
display: inline-block;
text-decoration: none;
}
.dipl_flipbox .layout1{
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.dipl_flipbox .layout1 .flipbox_back,
.dipl_flipbox .layout1 .flipbox_front,
.dipl_flipbox .layout2 .flipbox_back,
.dipl_flipbox .layout2 .flipbox_front{
display: flex;
justify-content: center;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dipl_flipbox .layout1 .flipbox_back,
.dipl_flipbox .layout2 .flipbox_back{
position: absolute;
top: 0;
left: 0;
}
.dipl_flipbox .layout1 .flipbox_inner{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.dipl_flipbox .layout1[data-direction=bottom] .flipbox_front,
.dipl_flipbox .layout1[data-direction=bottom]:hover .flipbox_back,
.dipl_flipbox .layout1[data-direction=top] .flipbox_front,
.dipl_flipbox .layout1[data-direction=top]:hover .flipbox_back{
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
transform: rotateX(0);
}
.dipl_flipbox .layout1[data-direction=bottom]:hover .flipbox_front,
.dipl_flipbox .layout1[data-direction=top] .flipbox_back{
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.dipl_flipbox .layout1[data-direction=bottom] .flipbox_back,
.dipl_flipbox .layout1[data-direction=top]:hover .flipbox_front{
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.dipl_flipbox .layout1[data-direction=left] .flipbox_front,
.dipl_flipbox .layout1[data-direction=left]:hover .flipbox_back,
.dipl_flipbox .layout1[data-direction=right] .flipbox_front,
.dipl_flipbox .layout1[data-direction=right]:hover .flipbox_back{
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
transform: rotateY(0);
}
.dipl_flipbox .layout1[data-direction=left] .flipbox_back,
.dipl_flipbox .layout1[data-direction=right]:hover .flipbox_front{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.dipl_flipbox .layout1[data-direction=left]:hover .flipbox_front,
.dipl_flipbox .layout1[data-direction=right] .flipbox_back{
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.dipl_flipbox .layout1[data-direction=diagonalLeft] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRight] .flipbox_front{
transform: rotate3d(1,1,0,180deg);
}
.dipl_flipbox .layout1[data-direction=diagonalRight] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalLeft] .flipbox_front{
transform: rotate3d(1,1,0,-180deg);
}
.dipl_flipbox:hover .layout1[data-direction=diagonalLeftInverted] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalLeft] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRightInverted] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRight] .flipbox_back{
transform: none;
}
.dipl_flipbox .layout1[data-direction=diagonalLeftInverted] .flipbox_back{
transform: rotate3d(1,-1,0,-180deg);
}
.dipl_flipbox:hover .layout1[data-direction=diagonalLeftInverted] .flipbox_front{
transform: rotate3d(1,-1,0,180deg);
}
.dipl_flipbox .layout1[data-direction=diagonalRightInverted] .flipbox_back{
transform: rotate3d(-1,1,0,-180deg);
}
.dipl_flipbox:hover .layout1[data-direction=diagonalRightInverted] .flipbox_front{
transform: rotate3d(-1,1,0,180deg);
}
.dipl_flipbox .layout2[data-direction=top]{
-webkit-transform: rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);
-moz-transform: rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);
-ms-transform: rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);
transform: rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);
}
.dipl_flipbox .layout2[data-direction=top] .flipbox_front{
-webkit-transform: rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);
-moz-transform: rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);
-ms-transform: rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);
transform: rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);
}
.dipl_flipbox .layout2[data-direction=top] .flipbox_back{
-webkit-transform: translateY(50%) rotateX(-89.999deg);
-moz-transform: translateY(50%) rotateX(-89.999deg);
-ms-transform: translateY(50%) rotateX(-89.999deg);
transform: translateY(50%) rotateX(-89.999deg);
}
.dipl_flipbox:hover .layout2[data-direction=top]{
-webkit-transform: rotateX(89.999deg) translateY(-50%);
-moz-transform: rotateX(89.999deg) translateY(-50%);
-ms-transform: rotateX(89.999deg) translateY(-50%);
transform: rotateX(89.999deg) translateY(-50%);
}
.dipl_flipbox .layout2[data-direction=bottom]{
-webkit-transform: rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);
-moz-transform: rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);
-ms-transform: rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);
transform: rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);
}
.dipl_flipbox .layout2[data-direction=bottom] .flipbox_front{
-webkit-transform: rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);
-moz-transform: rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);
-ms-transform: rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);
transform: rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);
}
.dipl_flipbox .layout2[data-direction=bottom] .flipbox_back{
-webkit-transform: translateY(-50%) rotateX(90.001deg);
-moz-transform: translateY(-50%) rotateX(90.001deg);
-ms-transform: translateY(-50%) rotateX(90.001deg);
transform: translateY(-50%) rotateX(90.001deg);
}
.dipl_flipbox:hover .layout2[data-direction=bottom]{
-webkit-transform: rotateX(-90.001deg) translateY(50%);
-moz-transform: rotateX(-90.001deg) translateY(50%);
-ms-transform: rotateX(-90.001deg) translateY(50%);
transform: rotateX(-90.001deg) translateY(50%);
}
.dipl_flipbox .layout2[data-direction=left]{
-webkit-transform: rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);
-moz-transform: rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);
-ms-transform: rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);
transform: rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);
}
.dipl_flipbox .layout2[data-direction=left] .flipbox_front,
.dipl_flipbox .layout2[data-direction=right] .flipbox_front{
-webkit-transform: rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);
-moz-transform: rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);
-ms-transform: rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);
transform: rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);
}
.dipl_flipbox .layout2[data-direction=left] .flipbox_back{
-webkit-transform: translateX(50%) rotateY(89.999deg);
-moz-transform: translateX(50%) rotateY(89.999deg);
-ms-transform: translateX(50%) rotateY(89.999deg);
transform: translateX(50%) rotateY(89.999deg);
}
.dipl_flipbox:hover .layout2[data-direction=left]{
-webkit-transform: rotateY(-89.999deg) translateX(-50%);
-moz-transform: rotateY(-89.999deg) translateX(-50%);
-ms-transform: rotateY(-89.999deg) translateX(-50%);
transform: rotateY(-89.999deg) translateX(-50%);
}
.dipl_flipbox .layout2[data-direction=right]{
-webkit-transform: rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);
-moz-transform: rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);
-ms-transform: rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);
transform: rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);
}
.dipl_flipbox .layout2[data-direction=right] .flipbox_back{
-webkit-transform: translateX(-50%) rotateY(89.999deg);
-moz-transform: translateX(-50%) rotateY(-89.999deg);
-ms-transform: translateX(-50%) rotateY(-89.999deg);
transform: translateX(-50%) rotateY(-89.999deg);
}
.dipl_flipbox:hover .layout2[data-direction=right]{
-webkit-transform: rotateY(89.999deg) translateX(50%);
-moz-transform: rotateY(89.999deg) translateX(50%);
-ms-transform: rotateY(89.999deg) translateX(50%);
transform: rotateY(89.999deg) translateX(50%);
}