/* CSS Document */

.home_custom_design .title, .home_custom_design h4, .home_custom_design h2 { font-size: 28px; color: #000; font-weight: 700; text-transform: none; text-align: center; margin: 0 0 20px; }
.home_custom_design .title a, .home_custom_design h4 a, .home_custom_design h2 a { text-decoration: none; }
.all_transition { -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.modal_play { position: relative; overflow: hidden; }
.modal_play .hd { position: absolute; left: 0; right: 0; bottom: 6%; text-align: center; z-index: 1; font-size: 0; }
.modal_play .hd ul, .modal_play .hd ul li { display: inline-block; margin: 0; padding: 0; }
.modal_play .hd ul li { position: relative; width: 18px; height: 18px; background-color: rgba(0,0,0,0.5); cursor: pointer; margin: 0 3px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.modal_play .hd ul li:before { content: " "; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; left: 2px; right: 2px; top: 2px; bottom: 2px; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.modal_play .hd ul li.on:before { background-color: #fff; }
.modal_play .bd, .modal_play .bd li { width: 100%; position: relative; z-index: 0; }
.modal_play .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; text-align: center; }
.modal_play .bd li img { width: 100%; height: auto; }
.modal_play .bd li img[_src] { display: none; }
.modal_play li .container { position: relative; }
.modal_play li .text-content { position: absolute; bottom: 120px; left: 0; right: 0; padding: 0 15px; padding-bottom: 45px; opacity: 0; -ms-transform: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px); transition: all 0.3s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition-delay: 0.3s; }
.modal_play li.on .text-content { opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.modal_play li .text-content h4 { margin: 0; background-color: #006EFF; color: #fff; height: 71px; line-height: 71px; font-size: 3.75em; display: inline-block; padding: 0 10px; text-transform: uppercase; }
.modal_play li .text-content p, .modal_play li .text-content .li_prev, .modal_play li .text-content .li_next { height: 43px; position: absolute; bottom: 0; color: #fff; background-color: #030303; margin: 0; line-height: 43px; text-align: center; padding: 0 10px; }
.modal_play li .text-content .li_prev, .modal_play li .text-content .li_next { width: 43px; cursor: pointer; font-size: 16px; font-family: "Times New Roman", Georgia, Serif; }
.modal_play li .text-content .li_next { margin-left: 43px; }
.modal_play li .text-content .li_prev:hover, .modal_play li .text-content .li_next:hover { background-color: #171717; }
.modal_play li .text-content p { margin-left: 87px; font-size: 1.25em; }
@media (max-width: 767px) {
    .play_imglist > .container { padding-left: 0; padding-right: 0; }
    .modal_play li.on .text-content { bottom: 20px; }
}
.gallery_jigsaw_imgmodal { position: relative; display: block; width: 100%; margin: 0; padding: 0; }
.gallery_jigsaw_imgmodal > .bttrlazyloading-wrapper { position: relative; margin: 0; padding: 0; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; background-position: center center; background-repeat: no-repeat; background-color: transparent !important; overflow: hidden; opacity: 1; filter: alpha(opacity=100); }
.gallery_jigsaw_imgmodal > .bttrlazyloading-wrapper .bttrlazyloading-clone { height: 12px !important; width: 100% !important; }
.gallery_jigsaw_imgmodal > .bttrlazyloading-wrapper:hover { opacity: 0.7; filter: alpha(opacity=70); }
.gallery_jigsaw_b { position: relative; padding: 20px 0; overflow: hidden; }
.gallery_jigsaw_b .container .row { margin-left: 0; margin-right: 0; }
.gallery_jigsaw_b .btn-group-justified .btn-group { padding: 0; text-align: center; }
.gallery_jigsaw_b.padding-5 .row { margin-left: -5px; margin-right: -5px; }
.gallery_jigsaw_b.padding-5 .row .btn-group-justified .btn-group { padding: 0 5px; }
.gallery_jigsaw_b.padding-10 .row { margin-left: -10px; margin-right: -10px; }
.gallery_jigsaw_b.padding-10 .btn-group-justified .btn-group { padding: 0 10px; }
.gallery_jigsaw_b .btn_group_modal { display: block; position: relative; overflow: hidden; }
.gallery_jigsaw_b .btn_group_modal .btn_group_modal_overlay { position: absolute; bottom: 0px; margin-top: 100%; left: 0; right: 0; background-color: rgba(255,255,255,0.8); padding: 10px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: 1px; }
.gallery_jigsaw_b .btn_group_modal .btn_group_modal_overlay .btn { overflow: hidden; font-size: 0; margin: 0 auto; padding: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-width: 0; width: auto; }
.gallery_jigsaw_b .btn_group_modal:hover .btn_group_modal_overlay .btn { font-size: 14px; padding: 6px 12px; margin-top: 10px; border-width: 1px; }
.gallery_jigsaw_b .btn_group_modal .products_title { height: 40px; line-height: 40px; word-wrap: break-word; }
.gallery_jigsaw_b .btn_group_modal .products_title a { line-height: 20px; max-height: 40px; }
.gallery_jigsaw { position: relative; padding: 20px 0; }
.gallery_jigsaw .title { margin-bottom: 20px; text-align: center; }
.gallery_jigsaw ul { font-size: 0; margin: 0 -0.5px; position: relative; }
.gallery_jigsaw ul li { float: left; vertical-align: top; position: relative; width: 20%; text-align: center; background-color: #fafbfc; }
.gallery_jigsaw ul li[data-index='1'] { width: 40%; }
.gallery_jigsaw ul li a { display: block; width: 100%; padding-bottom: 100%; }
.gallery_jigsaw ul li a img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; height: auto; width: auto; margin: auto; }
.gallery_jigsaw ul li a:before { content: " "; position: absolute; border: 1px solid #fff; left: 0; top: 0; bottom: 0; right: 0; margin: -1px; }
.imagewithtext-a { position: relative; text-align: center; }
.imagewithtext-a .btn-group-justified .btn-group { padding: 15px; word-wrap: break-word; }
.imagewithtext-a .btn-group-justified .btn-group > p { margin: 0; }
.imagewithtext-a .btn-group-justified h4 { margin: 0; padding: 10px 0; text-align: inherit; }
.imagewithtext-a > .container { padding: 0; }
@media (max-width: 767px) {
    .imagewithtext-a .btn-group-justified { display: block; width: 100%; }
    .imagewithtext-a .btn-group-justified .btn-group { padding: 7.5px 15px; width: 100%; display: block; text-align: center; }
}
.custom_products { position: relative; padding: 30px 0; }
.custom_products .custom_products_ul { margin-left: -1px; border-left: 1px solid #f7f7f7; }
.custom_products li { background-color: #fff; width: 20%; float: left; min-height: 200px; position: relative; text-align: center; border: 1px solid #f7f7f7; border-width: 1px 1px 1px 0; margin-top: -1px; }
[data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='6'] li { width: 16.6666666%; }
[data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='4'] li { width: 25%; }
.custom_products h4 { margin: 0 0 20px; }
.custom_products li.categoryimg { background-repeat: no-repeat; background-position: center top; background-size: cover; text-align: left; border: none; }
.custom_products li.categoryimg:after { content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: black; opacity: 0.3; z-index: 1; transition: opacity 0.2s ease; }
.custom_products li.categoryimg:hover:after { opacity: 0.6; }
.custom_products li.categoryimg > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; }
.custom_products li.categoryimg .category_title { position: absolute; bottom: 30px; max-width: 100%; left: 0; background-color: #006EFF; color: #fff; text-transform: uppercase; font-size: 26px; padding: 2px 10px; word-wrap: break-word; }
.custom_products li .products_imgs { position: relative; display: block; padding-bottom: 100%; text-align: center; }
.custom_products li .products_imgs a { display: block; position: absolute; left: 25px; right: 25px; bottom: 25px; top: 25px; }
.custom_products li .products_imgs a img { position: absolute; max-width: 100%; max-height: 100%; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; }
.custom_products li .products_title { height: 44px; line-height: 44px; overflow: hidden; margin: 0 15px; padding: 0; word-wrap: break-word; }
.custom_products li .products_title a { color: #030303; font-weight: 700; display: inline-block; line-height: 22px; max-height: 44px; }
.products_price_modal { display: block; position: relative; min-height: 40px; line-height: 16px; }
.products_price_modal > span { display: inline-block; margin: 0 3px; padding: 0; vertical-align: text-bottom; }
@media (max-width: 991px) {
    .custom_products li { width: 50%; }
    [data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='6'] li { width: 33.33333333%; }
    [data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='4'] li { width: 25%; }
}
@media (max-width: 767px) {
    [data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='6'] li { width: 50%; }
    [data-tag='productwindow-a'] .custom_products .custom_products_ul[data-index='4'] li { width: 50%; }
}
@media (max-width: 400px) {
    .custom_products li.categoryimg .category_title { font-size: 20px; }
}
@media (min-width: 767px) {
    .products_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.06); transition: all 0.15s ease-in; opacity: 0; text-align: center; }
    .products_overlay .products_overlay_btn { position: absolute; background-color: #006eff; color: #fff; top: 50%; -ms-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); transition: all 0.15s ease-in; padding: 15px 0px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.15em; font-size: 13px; text-decoration: none; left: 0; right: 0; margin: 0 auto; max-width: 160px; }
    .products_overlay .products_overlay_btn:hover { background-color: #0058cc; }
    .products_overlay:hover .products_overlay_btn { -ms-transform: translateY(-85%); -webkit-transform: translateY(-85%); transform: translateY(-85%); }
    li:hover > .products_overlay, div:hover > .products_overlay { opacity: 1; }
    li:hover > .products_overlay .products_overlay_btn, div:hover > .products_overlay .products_overlay_btn { top: 45%; }
}
.play_products_modal { position: relative; padding: 30px 0; margin: 0 50px; }
.play_products_modal .bd { display: none; }
.play_products_modal .tempWrap .bd { display: block; }
.play_products_modal .bd li { position: relative; width: 16.6666%; float: left; vertical-align: top; padding: 15px; text-align: center; }
.play_products_modal .bd ul[data-index='4'] li { width: 25%; }
.play_products_modal .bd li .products_imgs { display: block; padding-bottom: 100%; position: relative; width: 100%; }
.play_products_modal .bd li .products_imgs a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.play_products_modal .bd li .products_imgs a img { position: absolute; max-width: 100%; max-height: 100%; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.play_products_modal .next, .play_products_modal .prev { position: absolute; top: 50%; z-index: 3; color: #000; height: 44px; line-height: 44px; width: 30px; margin-top: -30px; text-align: center; cursor: pointer; background-position: center center; background-repeat: no-repeat; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.play_products_modal .next { right: 100%; margin-right: 15px; background-image: url(../svg/left-arrow.svg); }
.play_products_modal .prev { left: 100%; margin-left: 15px; background-image: url(../svg/right-arrow.svg); }
@media (max-width: 991px) {
    .play_products_modal .bd li { width: 33.3333%; }
    .play_products_modal .bd ul[data-index='4'] li { width: 25%; }
}
@media (max-width: 767px) {
    .play_products_modal { margin: 0; }
    .play_products_modal .bd li, .play_products_modal .bd ul[data-index='4'] li { width: 50%; }
    .play_products_modal .prev, .play_products_modal .next { display: none; }
}
.section .col-md-9 .container, .section .col-md-12 .container { width: auto; padding: 0; }
@media (max-width: 767px) {
    .section .col-md-9 .play_imglist .container, .section .col-md-12 .play_imglist .container { margin-left: -15px; margin-right: -15px; }
}
.singleimage_modal { position: relative; }
.singleimage_modal img { font-size: 30px; max-width: 100%; height: auto; }
@media (max-width: 767px) {
    .singleimage_modal img { font-size: 20px; }
}
.productwindow_list { position: relative; }
.productwindow_list .custom_products_ul[data-index='6'] li { width: 16.6666%; }
.productwindow_list .custom_products_ul[data-index='4'] li { width: 25%; }
@media (max-width: 991px) {
    .productwindow_list .custom_products_ul[data-index='6'] li { width: 16.6666%; }
    .productwindow_list .custom_products_ul[data-index='4'] li { width: 25%; }
}
@media (max-width: 767px) {
    .productwindow_list .custom_products_ul[data-index='6'] li, .productwindow_list .custom_products_ul[data-index='4'] li { width: 25%; }
}
.testimonials_modal { position: relative; }
.testimonials_modal .jumbotron { background: none; padding: 30px; }
.testimonials_modal h4 { margin-bottom: 30px; }
.testimonials_modal p { color: #030303; font-size: 20px; font-weight: 700; line-height: 27.5px; }
.testimonials_modal .jumbotron > span { font-size: 16px; color: #676767; }
.videos_modal { position: relative; }
.videos_modal video { width: 100%; height: auto; max-width: 100%; margin: 0; vertical-align: middle; }
.videos_modal svg { fill: #fff; }
.videos_modal .btn-group { position: relative; }
.videos_modal .btn-group a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); }
.videos_modal.padding-5 .btn-group a { left: 5px; right: 5px; }
.videos_modal.padding-10 .btn-group a { left: 10px; right: 10px; }
.videos_modal .btn-group a svg { width: 70px; height: 70px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.videos_modal .btn-group .icon-pause, .videos_modal .btn-group.on .icon-play, .videos_modal .btn-group.pause .icon-play { display: none; }
.videos_modal .btn-group.pause .icon-pause { display: block; }
.videos_modal .btn-group.on a { background-color: rgba(0,0,0,0); display: none; }
.videos_modal .btn-group.pause a { background-color: rgba(0,0,0,0.8); }
.videos_modal iframe { height: 232px; }
.videos_modal .video-list-modal { position: relative; width: 100%; padding-bottom: 57%; margin: 0 auto; max-width: 560px; }
.videos_modal .video-list-modal iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
.videos_modal .btn-group-justified[data-length='1'] { margin: 0 auto; max-width: 560px; }
.videos_modal .btn-group-justified[data-length='2'] { margin: 0 auto; max-width: 1120px; }
@media (max-width: 991px) {
    .videos_modal iframe { height: 150px; }
    .videos_modal .video-list-modal iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
}
.wide_screen .title { padding-top: 20px; }
.wide_screen li { padding: 0; position: relative; vertical-align: top; overflow: hidden; }
.wide_screen li:nth-child(4n+1) { clear: both; }
.wide_screen .products_prompt { position: absolute; right: -86px; top: -29px; left:inherit; height:auto; line-height: inherit; background: #DAC08E; color: #fff; padding: 50px 0 10px; width: 200px; text-align: center; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: 3; }
.wide_screen .products_prompt span { font-size: 11px; }
.wide_screen .products_bg { margin: 10px 15px 30px; height: 45px; }
.wide_screen .products_img { height: inherit !important; padding: 0px; position: relative; display: block; text-align: center; }
.wide_screen .products_img .bttrlazyloading-wrapper { position: relative; left: inherit; top: inherit; right: inherit; bottom: inherit; min-height: 100px; display: block; width: 100%; background-repeat: no-repeat; background-position: center center; background-color: #fff !important; }
.wide_screen .products_img img { position: relative; }
.wide_screen .products_title { font-size: 15px; margin: 0; height: inherit; max-height: 24px; line-height: 24px; }
.wide_screen .products_title a { max-height: 24px; margin: 0; display: inline-block; line-height: 24px; font-weight: 700; text-rendering: optimizeLegibility; letter-spacing: 0.05em; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (min-width:992px) {
    .wide_screen li .products_img a:before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; }
    .wide_screen li:hover .products_img a:before { background-color: rgba(255, 255, 255, 0.9); }
    .wide_screen li:hover .products_bg { opacity: 1; filter: alpha(opacity=100); top: 50%; }
    .wide_screen .products_bg { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 2; left: 0; right: 0; margin: auto; padding: 0 20px; top: 52%; height: auto; text-align: center; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
    .wide_screen .products_title { max-height: 48px; line-height: 48px; }
    .wide_screen .products_title a { font-size: 1.33333em; max-height: 48px; }
}
@media (max-width:991px) {
    .wide_screen .products_title a { display: block; white-space: nowrap; }
}
@media (max-width:767px) {
    .wide_screen li:nth-child(2n+1) { clear: both; }
}
@media (max-width: 767px) {
    .custom_products, .play_products_modal { padding: 15px 0; }
    .gallery_jigsaw_b, .gallery_jigsaw { padding: 10px 0; }
}
.blogsHomePart{ padding-top:15px; padding-bottom:15px;}
.homeBlogModel { position: relative; margin-left: -5px; margin-right: -5px; }
.homeBlogModel .homeBlogModel-li { float: left; width: 100%; padding:0 5px 15px; text-align: left;}
.homeBlogModel .homeBlogModel-li-img { position:relative; background-color:#ECECEC; padding-bottom:60%; overflow:hidden;}
.homeBlogModel .homeBlogModel-li-img a{ position:absolute; top:0; left:0; bottom:0; right:0; display:block; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.homeBlogModel .homeBlogModel-li-img:hover a{ transform: scale(1.1);}
.homeBlogModel .homeBlogModel-li-tags{ line-height:20px; margin-top:5px;}
.homeBlogModel .homeBlogModel-li-title{ margin:5px 0; font-size:22px;}
.homeBlogModel .homeBlogModel-li-title a:hover{ text-decoration:underline;}
.homeBlogModel .homeBlogModel-li-type{ color:#aaa;}
.homeBlogModel .homeBlogModel-li-type a{ color:#999; text-decoration:underline;}
.homeBlogModel .homeBlogModel-li-content{ margin:5px 0; color:#777;}
@media (min-width: 768px) {
    .homeBlogModel[data-row='1'] .homeBlogModel-li{ padding-left:355px; min-height:215px;}
    .homeBlogModel[data-row='1'] .homeBlogModel-li-img{ position:absolute; left:5px; width:335px; padding:0; height:200px;}
    .homeBlogModel[data-row='1'] .homeBlogModel-li:nth-child(1n+1),.homeBlogModel[data-row='2'] .homeBlogModel-li:nth-child(2n+1),.homeBlogModel[data-row='3'] .homeBlogModel-li:nth-child(3n+1),.homeBlogModel[data-row='4'] .homeBlogModel-li:nth-child(4n+1){ clear:both;}
    .homeBlogModel[data-row='2'] .homeBlogModel-li { width: 50%; }
    .homeBlogModel[data-row='3'] .homeBlogModel-li { width: 33.33333%; }
    .homeBlogModel[data-row='4'] .homeBlogModel-li { width: 25%; }
}
