@charset "utf-8";
/* CSS Document */
.breadcrumb-box{margin: 15px 0 0 0;float: left;width: 100%;}
.breadcrumb-box .breadcrumb{ border-radius:0;}
.breadcrumb-box .breadcrumb li, .breadcrumb-box .breadcrumb li a{ border-radius:0; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#535353}

ul{ margin:0; padding:0}
ul li{ list-style:none}

body{}
header{width: 100%;height:114px;transition:(all .5s ease);}
body.sticky-header header #secondarydnav{position: fixed;top: 0; width:100%; z-index:999;/*	-webkit-transition: all .3s cubic-bezier(.18, .89, .32, 1.28);
        -o-transition: all .3s cubic-bezier(.18, .89, .32, 1.28);
        transition: all .3s cubic-bezier(.18, .89, .32, 1.28);*/ margin-top:0
}

/*#primarydnav .main-menu{ display:none}*/
.btn-gray{ font-size:14px; color:#626262; font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background-color:#f2f2f2; width:100%;}
.btn-gray:hover{ background-color:#007ec2; color:#fff;}

/*banner*/
.banner{float: left;width: 100%; margin-bottom:30px;}
.banner-box{ position:relative; float:left; width:100%;}
.banner-text {width:auto;float: left; position:absolute; bottom:45px;}

.banner-text-top{position:relative;float:none;z-index:40;display:inline-block;margin:0 auto; width:auto; padding:5px 18px 0 18px;}
.banner-text-top span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'blockbecondensed', Arial, Helvetica, sans-serif;position: relative;font-size:29px;text-align: center;height: 57px; color:#fe0}
.banner-text-top:after{background-image:url(../images/banner-text-one.png);width: 100%;height: 63px;float: left;background-position: left top;background-repeat: no-repeat;content: "";background-size: 100% 63px;bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: transparent;border-color: transparent;}
.banner-text-center{position:relative;float:none;z-index:20;display:inline-block;margin:0 auto; margin-top:-6px;width:auto; padding:11px 30px}
.banner-text-center span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'blockbecondensed', Arial, Helvetica, sans-serif;position: relative;font-size:63px;text-align: center;height: 87px; color:#fe0; line-height:50px}
.banner-text-center:after{background-image:url(../images/banner-text-two.png);width: 100%;height:87px;float: left;background-position: left top;background-repeat: no-repeat;content: "";background-size: 100% 87px;bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: transparent;border-color: transparent;}
.banner-text-bottom{position: relative;float: none;z-index: 1000;display: inline-block;margin: 0 auto;margin-top: 0;width: auto;padding:5px 15px;margin-left: 15px;}
.banner-text-bottom span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;position: relative;font-size:18px;text-align: center;height: 41px;}
.banner-text-bottom:after{width: 100%;height: 36px;float: left;content: "";bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: #fff;border-color: transparent;box-shadow: 0px 0px 2px 1px rgba(0,0,0, 0.2);}
.banner .swiper-pagination{ position:relative; bottom:0; padding-top:10px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#e5e5e5; border:1px solid #e5e5e5; opacity:1; margin:5px 4px}
.banner .swiper-pagination-bullet-active{ background:#007ec2 !important; border:1px solid #007ec2 !important}
.banner .swiper-container-four  .swiper-pagination-bullets{ bottom:0}
.banner .swiper-button-prev{ background-image:none; left:0; top:40%;}
.banner .swiper-button-next{ background-image:none; right:0; top:40%;}


.market-titel, .main-project-search{float: left;width: 100%;margin: 15px 0;}
.market-titel h2{ color:#1b1b1b; font-size:26px; font-family:'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;border-bottom: 1px solid #d2d2d2;padding-bottom: 15px;}
.market-titel h2 img{ margin-right:10px;}

.sticky-header-search{ display:none}
body.sticky-header header #secondarydnav .sticky-header-search{display: block;float: right;width: 95%;}
body.sticky-header header #secondarydnav .collapse.navbar-collapse.right-header{ display:none !important}
body.sticky-header header #secondarydnav .complete-menu-items.rightside{ display:block !important}
body.sticky-header header #secondarydnav .catmenu-box{ margin-right:0}
body.sticky-header header #secondarydnav .btn-link{ padding-right:0}
body.sticky-header header #secondarydnav .searchbar{ margin-left:0}
.sticky-header #secondarydmobilenav.fixed-top{ margin-top:0}

.section{ float:left; width:100%; padding:20px 0}
.section-four-video {float: left;width: 100%;}
.section-four-video .video-box{ border:1px solid #e5e5e5; float:left; width:100%}
.section-four-video .video-box h5{ padding:10px 15px}
.section-four-video iframe{ width:100%; height:450px}
.section-four-video.cal-2-video iframe{ height:300px}
.section-four-video.cal-4-video iframe{ height:200px}
.section .section-head{ font-size:21px; color:#1b1b1b; font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-bottom:1px solid #d2d2d2; padding-bottom:15px; padding-top:15px;}
.main-project-search p{ font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.main-project-search #custom-search-input{margin: 0;margin-top: 10px;padding: 15px 0;background-color: #f2f2f2; float:left; width:100%}
.main-project-search #custom-search-input .search-query { border:0;padding-right: 10px;padding-right: 4px \9;padding-left: 10px;padding-left: 4px \9;margin-bottom: 0;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.main-project-search #custom-search-input button {border: 0;background: none;padding: 4px 25px;margin-top: 0;position: relative;border-radius: 0 0 0 0;right: 0;margin-bottom: 0;-webkit-border-radius: 0 4px 4px 0px;-moz-border-radius: 0 4px 4px 0px;border-radius: 0 4px 4px 0px;color: #D9230F;background-color: #007ec2;color: #fff; font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:14px; cursor:pointer}
.main-project-search #custom-search-input button:hover{ background-color:#046092}
.main-project-search .search-query:focus + button {z-index: 3;}
.main-project-search .blue-bg {background-color: #007ec2;float: left;width: 100%;color: #fff;padding: 15px; margin-top:20px;}
.main-project-search .blue-bg .main-box-blue{font-size:16px;color:#ffee00;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:6px 0}
.main-project-search .blue-bg .main-box-blue img{ vertical-align:middle;float: left;margin-right: 10px;}
.main-project-search .blue-bg .main-box-blue span{ font-size:14px; color:#fff}
.main-project-search .blue-bg #custom-search-inputone{ float:left; width:100%;}
.main-project-search .blue-bg #custom-search-inputone button{ background-color:#ffee00; font-size:14px; color:#046092;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-color:#ffee00; cursor:pointer}
.main-project-search .blue-bg #custom-search-inputone button:hover {color:#1b1b1b;background-color: #ffda00;border-color: #ffd000}
.main-project-search .blue-bg .search-query{ border-color:#fff}

/*.section-two, .section-three{ float:left; width:100%; padding:50px 0}*/
.section-one .section-one-description, .section-two .section-one-description{ text-align:left; padding:15px; margin-top:15px;}
.section-one .section-one-description h4, .section-two .section-one-description h4 a, .section-one .section-one-description h4 a{font-size:16px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:21px;}
.section-two .section-one-description h4 a:hover, .prod-list-box .no-padding-space .section-pro-box:hover h4 a, .section-one .section-one-description h4 a:hover, .section-responsive-table .prod-name-tab a:hover, .section-one .section-main-box .swiper-slide:hover h4 a, .section-two .section-main-box .swiper-slide:hover h4 a{ text-decoration:none; color:#007ec2 !important}
.section-one .section-one-description h4 span, .section-two .section-one-description h4 span{ color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; display:block; text-transform:uppercase}
.swiper-slide .section-one-description .price{font-size:21px; color:#005e91;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; float:left; width:100%; line-height:20px; padding-top:15px}
.swiper-slide .section-one-description p, .three-box-discription .link, .prod-list-box .no-padding-space p{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%}
.swiper-slide .section-one-description p a, .three-box-discription .link a, .prod-list-box .no-padding-space .link{ color:#007ec2}
.swiper-slide .section-one-description p i, .three-box-discription .link i, .prod-list-box .no-padding-space .link i{ padding-left:10px;}
.swiper-slide .celler, .prod-list-box .no-padding-space .celler{float:left;font-size: 12px;}
.swiper-slide .celler-mark{float:right;font-size: 12px; padding:5px 10px 5px 0}
.prod-list-box .no-padding-space .celler-mark{float:right;font-size: 12px; padding-top:5px}
.swiper-slide .section-one-head{float: left;width:100%;padding:0 0 15px 0; margin-bottom:15px;}
.prod-list-box .no-padding-space .section-one-head{float: left;width:100%;padding:0 10px 10px 0px;}
.swiper-slide .celler img, .swiper-slide .celler-mark img, .prod-list-box .no-padding-space .celler-mark img, .prod-list-box .no-padding-space .celler img{ margin-right:0px; vertical-align:middle; float:left}
.swiper-slide .star-rank, .prod-list-box .no-padding-space .star-rank{ margin:0; padding:0; float:left; width:100%}
.swiper-slide .star-rank li, .prod-list-box .no-padding-space .star-rank li{ list-style:none; color:#dcdcdc; display:inline-block; font-size:14px;}
.swiper-slide .star-rank li.active, .prod-list-box .no-padding-space .star-rank li.active{ color:#ffd703}
.swiper-slide .section-one-description p.link {float: left;width: auto;}
.section-one.section .swiper-button-next, .section-one.section .swiper-button-prev{ top:60%}

.section-selecter{float: left;width: 100%;border-bottom: 1px solid #d2d2d2;margin-bottom: 30px;padding-bottom: 15px;}
.section-selecter .section-one-left{ float:left;}
.section-selecter .section-one-left p{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:8px 0}
.section-selecter .section-one-left p a strong{ font-family:'Roboto-Medium', Arial, Helvetica, sans-serif}
.section-selecter .section-one-right {float: right; width:280px;}
.section-one-right label{float:left;padding:6px 0;margin-bottom:0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:13px; color:#626262}
.section-one-right label a{ color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px; border-left:1px solid #d2d2d2; padding-left:10px; margin-left:10px;}
.section-selecter .section-one-right.change-box{ width:auto}
.section-selecter .section-one-left p span{ color:#007ec2;}

::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}
::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}
:-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}
:-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}

.section-three-box {width: 100%;overflow: hidden;padding-bottom: 15px;}
.section-three-box .swiper-slide{ width:23.5%;}
.section-three-box .three-box {float: left;width: 100%;border: 1px solid #e5e5e5;}
.section-three .image-box{float: left;width: 100%;position: relative;}
.section-three .brush{background-color:#007ec2;display: inline-block;border-radius: 4px;position: absolute;top: 10px;right: 10px;}
.section-three .yellow-bg {background-color: #ffee00;color: #005482;display: inline-block;position: absolute;bottom: 0;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:10px 15px}
.section-tool .yellow-img{ position:absolute; right:5px; bottom:-12px}
.section-three.section-tool h5{height:36px;}
.section-three.section-tool p.sort-description{ height:100px; overflow:hidden}
.section-three .three-box-discription {float: left;padding:20px 15px 0 15px}
.section-three .three-box-discription h5, .section-three .three-box-discription h5 a{color:#1b1b1b;font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.section-three .three-box-discription h5 a:hover{ text-decoration:none; color:#007ec2}
.section-three .three-box-discription td{ color:#707070; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; border-top:0; padding:1px;}
.section-three iframe{ width:100%; height:160px; float:left}
.section-three .sort-description{ font-size:13px;}

.section-responsive-table {float: left;width: 100%;}
.section-responsive-table .prod-btn-box{ width:180px; margin:0 auto}
.new-section-designe .section-responsive-table{ position:relative}
.new-section-designe .section-responsive-table .btn-gray{ border:1px solid #dcdcdc}
.new-section-designe .section-responsive-table .btn-gray i{ float:right; color:#005e91}
.new-section-designe .section-responsive-table .pagination{width:auto;margin:0;float:right;position: absolute;right: 0;top: 19px;}
.section-responsive-table .btn.btn-default{ padding:12px 20px}
.section-responsive-table thead{ background-color:#f2f2f2;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#626262}
.section-responsive-table .table thead th{ border-top:0;border-bottom:0;}
.section-responsive-table .table td{ border-top:0;}
.section-responsive-table .table tr{ border-bottom:1px solid #eceeef; border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff; float:left; width:100%}
.section-responsive-table .table thead tr:hover{ border-bottom:1px solid #eceeef; border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;}
.section-responsive-table .table tr:hover, .section-three-box .three-box:hover{ border:1px solid #007ec2;box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);-moz-box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);}
.section-responsive-table .table tr:hover .prod-name-tab a, .section-three-box .three-box:hover h5 a{ color:#007ec2 !important}
.section-three-box .three-box:hover .star-icon.blue-bg{background-color: #ffee00;color: #007ec2;}
.section-responsive-table .prod-name-tab, .section-responsive-table .prod-name-tab a{color:#1b1b1b;font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:20px 0 10px 0;}
.section-responsive-table .prod-name-tab span{ display:block; color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-transform:uppercase}
.section-responsive-table .price{font-size:21px;color:#005e91;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;padding:30px 0;}
.section-responsive-table .description{ padding:20px 0;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; }
.section-responsive-table .star-rank{ margin:0; padding:30px 0; float:left; width:100%}
.section-responsive-table .star-rank li{ list-style:none; color:#dcdcdc; display:inline-block}
.section-responsive-table .star-rank li.active{ color:#ffd703}
.section-responsive-table .celler-mark{ padding:30px 0;float:left;font-size: 12px;}
.section-responsive-table .btn{ margin:20px 0}
.section-responsive-table .page-item:first-child .page-link, .section-responsive-table .page-item:last-child .page-link{ border-radius:0;}
.section-responsive-table .page-item{ margin:0px 3px; float:left}
.section-responsive-table .page-item .page-link{ color:#626262; font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.section-responsive-table .pagination {display: block;width: 300px;margin: 30px auto 0 auto;}
.section-responsive-table .page-item .page-link.active{ background-color:#007ec2; color:#fff; border:1px solid #007ec2}

.responsive-tab {float: left;width: 100%;}
.responsive-tab .nav{ text-align:left;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start; border-bottom:0}
.responsive-tab .nav li{ /*border:1px solid #e5e5e5;*/}
.responsive-tab .nav li a{font-size: 14px;color: #1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;padding: 15px 15px;float: left;background-color: #f7f6f6; border:1px solid #e5e5e5}
.responsive-tab .nav li a:hover, .responsive-tab .nav li.active a{ text-decoration:none; color:#fff; background-color:#007ec2;border:1px solid #007ec2}
.responsive-tab .tab-content {border: 1px solid #d2d2d2;padding: 25px;float: left;width: 100%; margin-top:-1px}
.responsive-tab h4{font-size:21px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.responsive-tab h5{font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.responsive-tab p{ margin-bottom:30px;}
.responsive-tab p a{ color:#007ec2}
.responsive-tab .tab-def-box .table td{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; border-top:0; padding:8px 15px }
.responsive-tab .tab-def-box .list-style{ margin:0; padding:20px 0;}
.responsive-tab .tab-def-box .list-style li{ list-style:none; color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/bullate.png) no-repeat left 8px; padding-left:12px;}
.responsive-tab .tab-def-box .link-box{ float:left; width:100%; padding:20px 0 0 0}
.responsive-tab .tab-def-box .link-box h4{font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.responsive-tab .tab-def-box .link-box ul{ margin:0; padding:0;}
.responsive-tab .tab-def-box .link-box ul li{ list-style:none;}
.responsive-tab .tab-def-box .link-box ul li a{ color:#007ec2; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.responsive-tab .tab-def-box .link-box ul li a i{ padding-right:20px}
.responsive-tab .responsive-tabs-container .accordion-link{ border-radius:0; float:left; width:100%}
.responsive-tab .responsive-tabs-container .accordion-link.active{ background-color:#007ec2; color:#fff; border:1px solid #007ec2}
.section-three.section.section-tool.list-view-tool .three-box-discription{ padding:20px 15px 0 0}
.section-three.section.section-tool.list-view-tool .list-img{width: 100%;height: 200px;background-size: cover;background-repeat: no-repeat;}
.section-three.section.section-tool.list-view-tool .star-icon{ top:10px; bottom:auto;}
.section-three.section.section-tool.list-view-tool .yellow-img{ right:auto; left:15px; bottom:15px;}
.section-three.section.section-tool.list-view-tool .three-box{ margin:15px 0}
.section-three.section.section-tool.list-view-tool .sort-description{ height:60px;}
.section-three.section.section-tool.list-view-tool .list-imgs{ display:none}

.section-sevan-image, .section-eight-accord, .section-nine-form {float: left;width: 100%;}
.section-eight-accord .panel-group .panel{border-radius: 0;box-shadow: none;border-color: #EEE;}
.section-eight-accord .panel-default > .panel-heading{padding:0;border-radius: 0;color: #212121;background-color: #f2f2f2;border-color: #EEE; margin-bottom:2px}
.section-eight-accord .panel-title{font-size: 14px; margin-bottom:0; line-height:14px;}
.section-eight-accord .panel-title > a{display: block;padding: 15px;text-decoration: none; color:#1b1b1b;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.section-eight-accord .more-less {float: right;color: #898989;}
.section-eight-accord .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; padding:15px;}
.section-eight-accord .panel-default > .panel-heading + .panel-collapse > .panel-body p{font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0; color:#626262}
.section-nine-form .form-group{ position:relative; float:left; width:100%}
.section-nine-form form{ float:left; width:100%; padding-top:30px}
.section-nine-form form .form-group .reqire-fild-box{font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; position:relative}
.section-nine-form form .form-group .reqire-fild-box span{ color:#007ec2}
.section-nine-form form .form-group .section-one-right .bootstrap-select{ width:100%; margin-top:10px;}
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn .bs-caret .caret{background-image: url(../images/drop-arrow-01.png);background-repeat: no-repeat;width: 37px;height: 38px;right: 0;top: 2px;background-color: #f3f3f3;border-radius: 0px 4px 4px 0px;border-left: 1px solid #d2d2d2;background-position: 11px top;}
.section-nine-form form .form-group .section-one-right .dropdown-menu.inner li a{ color:#626262; font-size:13px; line-height:30px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding:0 15px; }
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn{ background-color:transparent; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding: 0 30px 0 20px;height: 40px;border: 1px solid #d2d2d2;}
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn:focus, .section-nine-form form .form-group .section-one-right .dropdown-menu.inner li a:focus{ outline:0;}
.section-nine-form form .form-group .dropdown-menu{border: 1px solid #d2d2d2;margin: 0;border-radius: 4px;}
.section-nine-form form .form-group .dropdown-menu .dropdown-menu.inner{}
.section-nine-form .form-group label{ position:absolute;top:9px;left:15px; font-size:14px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.section-nine-form .form-group input{ padding:.5rem .75rem .5rem 160px}
.section-nine-form .form-group .check-box-main.active-box input[type="checkbox"] + label span{ background:url(../images/select-box.png) -20px top no-repeat}
.section-nine-form .form-group .reqire-fild {color: #007ec2;position: absolute;right: 10px;top: 7px;}
.section-nine-form .form-group input.invalid-fild, .section-nine-form .form-group input.invalid-fild:focus{ background-color:#fff8f7; border-color:#ff5938}
.section-nine-form .form-group .form-control:focus{ border-color:#007ec2}
.section-nine-form .form-group .section-one-right, .check-box-main{float:left;width: 100%;}
.section-nine-form .form-group .section-one-right label{position: relative;width: 100%;color: #1b1b1b;font-size: 14px;}
.section-nine-form .form-group .section-one-right .custom-select{width:100%;float:left;margin-top:15px;border:1px solid #d2d2d2;}
.section-nine-form .form-group .section-one-right .custom-select select{color: #626262;font-size: 13px;background-color: transparent;padding: 8px 10px;border-radius: 4px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}

.check-box-main.small input[type="checkbox"] {display:none;}
.check-box-main.small input[type="checkbox"] + label {color:#626262;font-size:12px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;margin-bottom: 0;}
.check-box-main.small input[type="checkbox"] + label span {background: url(../images/select-box01.png) left -14px no-repeat;
                                                           width: 14px;height: 14px;margin:-2px 5px 0 0;}
.check-box-main.small input[type="checkbox"]:checked + label span {background:url(../images/select-box01.png) left top no-repeat}


.check-box-main input[type="checkbox"] {display:none;}
.check-box-main input[type="checkbox"] + label {color:#1b1b1b; left:0; position:relative}
.check-box-main input[type="checkbox"] + label span {display:inline-block;width:20px;height:20px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../images/select-box.png) left top no-repeat;cursor:pointer;}
.check-box-main input[type="checkbox"]:checked + label span {background:url(../images/select-box.png) -20px top no-repeat;}

.section-nine-form ::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-style:italic}
.section-nine-form ::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.section-nine-form :-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.section-nine-form :-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.btn.btn-default{ border:0; background-color:#007ec2; color:#fff;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:12px 60px; cursor:pointer}
.btn.btn-default:focus, .btn.btn-default:hover{ background-color:#046092}


/*product detail*/
.product-main-box, .product-slider, .prod-list-box {float: left;width: 100%;}
.banner .swiper-container-four {margin: 0 auto;position: relative;overflow: hidden; z-index: 1;}
.product-slider .swiper-container {width:100%;height: 300px;margin-left: auto;margin-right: auto;}
.product-slider .swiper-slide {background-size: cover;background-position: center; text-align:center}
.product-slider  .gallery-top {height:auto;width: 100%; border:1px solid #e5e5e5; padding:0px}
.product-slider .gallery-thumbs { height:auto;box-sizing: border-box;padding: 10px 4px; width:440px;}
.product-slider .gallery-thumbs .swiper-slide{width:90px;height:90px;border: 1px solid #e5e5e5;}
.product-slider .gallery-thumbs .swiper-slide .thum-box-slider{ padding:10px 0; float:left; width:100%;}
.product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{
    width: 100%;
    height: 77px;
    width: 200px;
    object-fit: cover;
}
.product-slider .gallery-thumbs .swiper-slide-active{opacity:1; border:1px solid #007ec2}
/*.product-slider .gallery-top .pro-logo{}*/
.product-slider .gallery-top .gallery-big{ position:relative}
.product-slider .gallery-top .gallery-big .best-seller-box{ float:left; width:100%;}
.product-slider .gallery-top .gallery-big .best-seller-box .pro-logo{ padding:15px; float:left}
.product-slider .gallery-top .gallery-big .img-responsive{ padding:15px; width:415px}
.product-slider .gallery-top .gallery-big .popup-btn{ cursor:pointer; float:left; padding:15px; position:absolute;left:0;bottom:0}
.product-slider .gallery-thumbs .swiper-button-next{background-image: none;width: 18px;height: 103px;right: 0;top: 25px;text-align: right;background: #fff;padding-top: 40px;}
.product-slider .gallery-thumbs .swiper-button-prev{background-image:none;width:18px;height:103px;left:-10px;top:25px;text-align: right;background: #fff;padding-top: 40px;}
.product-slider .gallery-thumbs .swiper-wrapper{ width:100%; margin:0 auto;}
.product-main-box .prod-detail-right{ float:left; width:100%;border:1px solid #e5e5e5;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.product-main-box .prod-detail-right .prod-right-head{float:left;width: 100%;border-bottom: 1px solid #d2d2d2;padding-bottom:15px}
.product-main-box .prod-detail-right .prod-right-head .left-titer{ font-size:21px; color:#1b1b1b; float:left;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-socail .social-detail, .right-socail .check-box-main{float:right; width:auto; margin-left:10px}
.right-socail .social-detail li{ font-size:13px; color:#626262; float:left; margin:0 2px;}
.right-socail .social-detail li:first-child{ margin-right:10px; padding-top:2px}
.right-socail .social-detail li a{border:1px solid #e5e5e5;float:left;border-radius: 2px;-webkit-border-radius: 2px;}
.right-socail .check-box-main input[type="checkbox"] + label span{ background:url(../images/select-box01.png) left -14px no-repeat; width:14px; height:14px;}
.right-socail .check-box-main input[type="checkbox"]:checked + label span{ background:url(../images/select-box01.png) left top no-repeat}
.right-socail .check-box-main input[type="checkbox"] + label{ color:#626262; font-size:13px;}
.product-right-cont-box{float:left;width:100%;position:relative; padding:30px 20px 20px 20px}
.product-right-cont-box .von{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-top:10px}
.product-right-cont-box .von span{color:#007ec2; font-size:13px; text-transform:uppercase;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .von-star{ float:left; width:100%; padding:0}
.product-right-cont-box .von-star li{float:left; color:#dcdcdc; font-size:14px; margin-right:3px;}
.product-right-cont-box .von-star li.active{ color:#ffd703}
.product-right-cont-box .von-star li span{ color:#626262; margin-right:10px;}
.product-right-cont-box .von-star li a{ font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.product-right-cont-box .all-price-box{ float:left; width:100%;}
.product-right-cont-box .all-price-box .old-price{ font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; display:inline-block; float:left}
.product-right-cont-box .all-price-box .price{font-size: 21px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:0;}
.product-right-cont-box .all-price-box .discount-price{ color:#ff5938;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:13px; float:left; width:100%}
.product-right-cont-box .all-price-box p{color:#626262; font-size:13px}
.product-right-cont-box .all-price-box p a{color:#626262; text-decoration:underline}
.product-right-cont-box .all-price-box p span{ color:#046092}
.product-right-cont-box .prod-avil{ float:left; width:100%; color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-bottom:15px;}
.product-right-cont-box .prod-avil .shop-link{color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .prod-avil .produ-avail{color:#4bb82e;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail .quinty{ float:left; width:140px; padding:8px 0;}
.product-main-box .prod-detail-right .provider-detail .quinty .custom-select, .section-nine-form .form-group .custom-select{border:1px solid #d2d2d2;background-color:#fff;width:80px;padding:0;}
.product-main-box .prod-detail-right .provider-detail .custom-select select{background-color:transparent;padding: 9px 15px;color: #1b1b1b;}
.product-main-box .prod-detail-right .provider-detail .custom-select:after, .section-nine-form .form-group .custom-select:after{background-color: #f3f3f3;border-radius: 0px 4px 4px 0px;top: 0;right: 0;padding: 0 0;height: 32px;border-left:1px solid #d2d2d2;background-position: 13px top;width:34px;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default{ background-color:#ffee00;color:#1b1b1b; padding:4px 15px 4px 4px; float:right; border:1px solid #ffcc00;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default:hover{ background-color:#ffcc00;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default img{ margin-right:15px;}
.product-right-cont-box .cat-box{ float:left; width:100%;}
.product-right-cont-box .cat-box p{ color:#626262; font-size:13px; margin:0; display:inline-block}
.product-right-cont-box .cat-box p a{font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.product-right-cont-box a.link{ float:left; width:100%; font-size:14px; color:#007ec2;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail{float:left;width:100%;padding:20px;background-color:#f3f3f3;border-top:1px solid #e5e5e5;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer{ float:left; width:100%; border-top:1px solid #e5e5e5; padding-top:15px; margin-top:15px;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .check-box-main{ width:auto;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .link{ float:right;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .link img{ margin-right:10px;}
.product-main-box .prod-detail-right .provider-detail .prod-featu-ul li{ font-size:13px; line-height:21px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/green-true-icon.png) no-repeat left 10px; padding-left:13px;}
.product-main-box .prod-detail-right .provider-detail .prod-featu-ul .link, .section .weitere-angebote .link{ font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:20px 0; float:left; width:100%;}
.product-right-cont-box .provider-detail h6{font-size:14px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .provider-detail .produ-copany-detail{float: left;width: 100%;border-top: 1px solid #007ec2;border-right: 1px solid #007ec2;border-bottom: 1px solid #007ec2; position:relative; margin-bottom:20px;}
.provider-detail .produ-copany-detail .table td{ border:0; padding:12px; margin:0}
.provider-detail .produ-copany-detail .table, .product-right-cont-box .provider-detail table{ border:0; padding:0; margin:0}
.provider-detail .produ-copany-detail p, .product-right-cont-box .provider-detail .shop-detail p{ color:#626262; font-size:13px; margin:0}
.product-right-cont-box .provider-detail .produ-copany-detail:before{content:'';background:url(../images/product-detail-bigarrow.png);position:absolute;left:-30px;top:-1px;height:70px;width:30px;background-repeat: no-repeat;}
.provider-detail .produ-copany-detail .price, .product-right-cont-box .provider-detail .shop-detail .price{font-size:16px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:10px 0;}
.provider-detail .produ-copany-detail .company-logo, .product-right-cont-box .provider-detail .shop-detail .company-logo{ padding:10px 0}
.product-right-cont-box .provider-detail .shop-detail tr{ background-color:#f7f6f6}
.product-right-cont-box .provider-detail .shop-detail{ border-bottom:1px solid #e5e5e5; margin-bottom:20px}


/*product-list*/
.prod-list-box .no-padding-space{ padding:0; float:left}
.prod-list-box .no-padding-space .section-pro-box{text-align: center;font-size: 18px;border: 1px solid #e5e5e5; cursor:pointer; /*min-height:466px;*/}
.prod-list-box .no-padding-space .section-pro-box:hover{ border:1px solid #007ec2}
.prod-list-box .no-padding-space .all-price-box, .section .all-price-box{float: left;width: 100%; padding:0px}
.section .product-main-box .all-price-box .best-seller-box{ position:absolute; top:0; right:0}
.prod-list-box .no-padding-space .all-price-box .discount-price, .section .all-price-box .discount-price{ float:left; color:#ff5938;font-size:12px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; padding-left:5px; width:auto;}
.prod-list-box .no-padding-space .all-price-box .old-price, .section .section-one-description .old-price, .section .table .all-price-box .old-price{color:#626262;font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left;}
.prod-list-box .no-padding-space .all-price-box .price, .section .table .all-price-box .price{font-size: 21px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left; line-height:20px; padding:15px 0 0 0}
.prod-list-box .no-padding-space .pro-img{ padding:15px 0}
.section.section-prodlist{ padding:0 0 50px 0}
.section.section-prodlist .left-nav-box, .section.section-prodlist .checkbox-list-box, .section.section-prodlist .star-box, .section.section-prodlist .left-link-box{ float:left; width:100%; /*border:1px solid #e5e5e5; */margin-bottom:10px;}
.section.section-prodlist .left-nav-box ul{ padding:0;}
.section.section-prodlist .left-nav-box ul li{ list-style:none;}
.section.section-prodlist .left-nav-box ul li a{ background-color:transparent; color:#626262;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;  float:left; width:100%;border-bottom: 1px solid #e5e5e5;padding: 10px 15px;}
.section.section-prodlist .left-nav-box ul li a:hover{ text-decoration:none; color:#046092}
.section.section-prodlist .left-nav-box .left-nav-had{font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; color:#fff; background-color:#007ec2; padding:10px 15px; float:left; width:100%}
.section.section-prodlist .left-nav-box ul li:last-child a{ border-bottom:0}
.section.section-prodlist .left-nav-box ul li a i, .section.section-prodlist .left-nav-box .left-nav-had i{float:left; padding:3px 5px 0 0}
.section.section-prodlist .checkbox-list-box .check-head i, .section.section-prodlist .star-box .star-head i{float:right; padding:3px 5px 0 0}
.section.section-prodlist .left-nav-box ul li a span, .section.section-prodlist .left-nav-box .left-nav-had span{ float:right}
.section.section-prodlist .checkbox-list-box .check-head, .section.section-prodlist .star-box .star-head{font-size:13px; color:#1b1b1b;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;background-color:#f2f2f2; float:left; width:100%; border:0; border-radius:0; text-align:left; padding:15px;}
.section.section-prodlist .checkbox-list-box .dropdown-toggle::after{ display:none}
.section.section-prodlist .checkbox-list-box .dropdown-menu{display:block;border:0;padding:10px 15px;position:relative;width:100%; margin-top:0;}
.section.section-prodlist .checkbox-list-box li a:hover .check-box-main input[type="checkbox"] + label{ color:#046092}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label span{display:inline-block;width:14px;height:14px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../images/select-box01.png) left -14px no-repeat;cursor: pointer;}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label span.f-right{ float:right; background:none;color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; }
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"]:checked + label span{;background:url(../images/select-box01.png) left 0px no-repeat;}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:100%}
.section.section-prodlist .star-box ul{ padding:5px 10px 0 0; margin:0; float:left}
.section.section-prodlist .star-box ul li{ list-style:none; float:left; padding:0 2px}
.section.section-prodlist .star-box ul li a{ background:url(../images/star-box.png) -16px top no-repeat; width:15px; height:15px; float:left; text-decoration:none}
.section.section-prodlist .star-box ul li a.active{background:url(../images/star-box.png) 0px top no-repeat;width:15px;height:15px;}
.section.section-prodlist .star-box label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0}
.section.section-prodlist .star-box .star-detail{ float:left; width:100%; padding:15px;}
.section.section-prodlist .left-link-box a{ color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:100%; padding:15px 15px 15px 0;}
.section.section-prodlist .left-link-box a img{ float:left; padding-top:3px; margin-right:5px}


/*setenenmente*/
.responsive-tab .tab-search{ float:left; width:100%; margin-bottom:40px;}
.responsive-tab .tab-search .add-on .input-group-btn > .btn {border-left-width:0;left:-2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
/* stop the glowing blue shadow */
.responsive-tab .tab-search .add-on .form-control:focus {box-shadow:none;-webkit-box-shadow:none;border-color:#cccccc;}
.responsive-tab .tab-search .input-group-btn{position:absolute;left: 0;top: 0; z-index:20}
.responsive-tab .tab-search .input-group-btn .btn, .responsive-tab .tab-search .input-group-btn .btn:hover{ background-color:transparent; color:#d2d2d2; box-shadow:none !important;-webkit-box-shadow:none !important; cursor:pointer; padding:10px 15px}
.responsive-tab .tab-search .navbar-form .form-control{ padding:.5rem .75rem .5rem 37px; border-radius:4px;}
.responsive-tab .tab-search .section-one-right{ float:right; width:260px;}
.quetion-ans-box{ float:left; width:100%;}
.quetion-ans-box .no-list{width:70px;float:left;text-align:center;color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; border-right:1px solid #d2d2d2; font-size:13px; position:relative}
.quetion-ans-box .no-list:before{ content:''; background:url(../images/comment-arrow-right.png) no-repeat;position: absolute;width:6px;height: 21px;right: -6px;top: 40%;}
.quetion-ans-box .que-ans{ float:left; width:100%; padding-bottom:20px;}
.quetion-ans-box .qus-box{width:85%;float: left;padding:0px 15px;}
.quetion-ans-box .qus-box .que-box{ color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:10px;}
.quetion-ans-box .qus-box .que-box .tag{color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:80px; margin-bottom:2px}
.quetion-ans-box .qus-box .ans-box{color:#1b1b1b; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.quetion-ans-box .qus-box .ans-box .tag{color:#1b1b1b; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;float:left; width:80px; min-height:70px;}
.quetion-ans-box .qus-box .ans-box span{ display:block; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:13px; padding-left:80px}
.quetion-ans-box .qus-box .ans-box a{ color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-left:80px}
.quetion-ans-box .qus-btn-box {float: left;width: 100%;padding: 30px 0 0 100px;}
.tab-three-pan {float: left;width: 100%;margin:0px 0 15px 0;}
.tab-three-pan h5, .comment-box h5{ color:#1b1b1b; font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.tab-three-pan .big-star{ padding:0; margin:0;}
.tab-three-pan .big-star li{list-style:none;float:left;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px}
.tab-three-pan .big-star li a{ color:#dcdcdc;font-size: 18px;padding: 0 3px;}
.tab-three-pan .big-star li a.active{ color:#ffd703}
.tab-three-pan .big-star li:last-child a{ color:#007ec2; font-size:14px; padding-left:10px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; padding:6px 7px;}
.tab-three-pan.star-count{float: left;width: auto; margin-bottom:30px}
.tab-three-pan.start-btn-right {float: right;width: auto;}
.tab-three-pan.start-btn-right .btn.btn-default{ padding:12px 20px}
.tab-three-pan .big-star li:last-child span{ color:#626262; float:left; padding-top:7px; font-size:13px;}
.tab-three-pan .table.star-table{ width:320px; float:left;}
.tab-three-pan .table.star-table thead th, .tab-three-pan .table.star-table td{ border:0; font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:3px 4px; line-height:17px;}
.tab-three-pan .table.star-table tr{}
.tab-three-pan .table.star-table .load {width: 200px;height: 17px;background-color: #f3f3f3;border-radius: 4px;}
.tab-three-pan .table.star-table .load-yellow{background-color:#ffd703;height:17px;border-radius:4px 0px 0px 4px;float:left;}
.tab-three-pan .table.star-table .load-yellow.per50{ width:50%;}
.tab-three-pan .table.star-table .load-yellow.per30{ width:30%;}
.tab-three-pan .table.star-table .load-yellow.per20{ width:20%;}
.tab-three-pan .table.star-table .load-yellow.per5{ width:5%;}
.tab-three-pan .table.star-table .load-yellow.per10{ width:10%;}
.comment-box{ float:left; width:100%;}
.comment-box .comment-head, .comment-box .comment-contain{ float:left; width:100%; padding:15px 0 0 0}
.comment-box ul{ padding:0; margin:0}
.comment-box ul li{ list-style:none; display:inline-block}
.comment-box ul li a{ color:#dcdcdc}
.comment-box ul li a.active{ color:#ffd703;}
.comment-box ul li:last-child{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box span.small-star-text{ display:block; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p a{ color:#007ec2;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p a img{ margin-right:10px;}
.comment-box .comment-contain p.more-comme{ margin:0;}
.price-filter{float: left;width: 100%;padding: 15px;}
.price-filter .pric-lab-box{ float:left; width:100%}
.price-filter .pric-lab-box label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.price-filter .pric-lab-box input{ width:100%; float:left; text-align:center; font-size:13px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; border:1px solid #e5e5e5; padding:5px 0;}
.price-filter #slider-range, .price-filter #slider-range-01, .price-filter #slider-range-02{float: left;width: 100%;margin: 30px 0 10px 0;height: 3px;border: 0;background-color: #007ec2;}
.price-filter #slider-range span, .price-filter #slider-range-01 span, .price-filter #slider-range-02 span{ background:url(../images/price-slider.png) left top no-repeat;height: 19px;width: 19px;border-radius: 0;border: 0; top:-8px;}
.price-filter #slider-range span:last-child, .price-filter #slider-range-01 span:last-child, .price-filter #slider-range-02 span:last-child{ background:url(../images/price-slider.png) -19px top no-repeat;height: 19px;width: 19px;border-radius: 0;border: 0;}

/*footer*/
footer{float: left;width: 100%;margin-top:100px;}
footer .footer-top{ background-color:#f7f6f6; float:left; width:100%}
.scroll-up {width: 52px;height: 52px;background-color: #f7f6f6;border: 4px solid #fff;display: block;margin: -27px auto 0 auto;text-align: center;border-radius: 50%;color: #b5b5b5;font-size: 23px;padding: 4px 0;}
footer .footer-nav{float: left;width: 100%;padding:50px 0;}
footer .footer-nav .nav-box{ width:20%; float:left; padding:0 15px}
footer .footer-nav h6, footer .payment-box h6{font-size:14px;color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;margin-bottom:30px;}
footer .footer-nav li a{ font-size:14px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
footer .footer-nav li a:hover, footer .footer-nav li a.active{ color:#007ec2; text-decoration:none}
footer .payment-box{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:60px 0}
footer .payment-box li{ display:inline-block}
.coppy-right{background-color: #eeeeee;padding:25px 0;float: left;width: 100%;font-size: 12px; color:#626262}
.coppy-right span, .coppy-right li a:hover{ color:#007ec2; text-decoration:none}
.coppy-right li{ display:inline-block;}
.coppy-right .left-coppy{ float:left}
.coppy-right .right-coppy{ float:right}
.coppy-right li a{ color:#626262; padding:0 10px}

.section .catagorry-product img{ width:100%;}
.section .catagorry-product{ padding:15px;}
.section .catagorry-product .section-one-description{border-top: 1px solid #e5e5e5;padding: 15px 0 0 0;margin: 0;}
.section .catagorry-product .section-one-description h4 i{ float:right; font-size:14px; color:#626262; padding-top:3px;}

/*20082017*/
#primarydnav #dropdown-addon{position: absolute;z-index: 20;}
#primarydnav .searchbar .form-control{border-radius: 5px 0px 0px 5px;padding:11px 15px 10px 120px;}
#primarydnav .complete-menu-items.rightside{ float:right; margin-top:10px; display:block !important}
#primarydnav .complete-menu-items.rightside ul ul{ padding:15px}
#primarydnav .complete-menu-items.rightside ul ul.new-user li{ font-size:13px; color:#007ec2; padding:5px 0 10px 0}
body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li i{font-size:13px;color:#007ec2;padding:7px 1px}
#primarydnav .complete-menu-items.rightside ul ul.new-user li a.new-coustomer, body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li a.new-coustomer{ float:left; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:13px;}
#primarydnav .complete-menu-items.rightside ul ul.new-user li a.ragistration, body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li a.ragistration{font-size:13px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; float:right}

#primarydnav .complete-menu-items.rightside ul li a i, #secondarydnav .complete-menu-items.rightside ul li a i{ margin-left:5px; /*color:#ffee00*/}
#primarydnav .complete-menu-items.rightside ul li a i.foreground, #secondarydnav .complete-menu-items.rightside ul li a i.foreground{ margin:0}
.btn-yelllow{ color:#1b1b1b; background-color:#ffee00; border:1px solid #ffcc00; font-size:14px; text-align:center;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.btn-yelllow:hover{background-color:#ffcc00; border:1px solid #ffcc00; color:#1b1b1b; }
#primarydnav .complete-menu-items.rightside ul ul.mega-menu .cart-img{ width:40px;}
.complete-menu-items.rightside ul ul.mega-menu .titel, .complete-menu-items.rightside ul ul.mega-menu .prod-discription, .complete-menu-items.rightside ul ul.mega-menu .prod-qut label, .complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top a{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside ul ul.mega-menu .prod-nam{ float:left; width:100%;}
.complete-menu-items.rightside ul ul.mega-menu .prod-nam a, #secondarydnav.stick .complete-menu-items.rightside ul ul.mega-menu .prod-nam a{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:18px;}
.complete-menu-items.rightside ul ul.mega-menu .prod-discription a{ font-size:12px; color:#007ec2; display:inline-block; padding-left:2px;}
.complete-menu-items.rightside ul ul.mega-menu .custom-select {position: relative;width: 52px;float: right;height: 24px;padding: 0px 6px;border: 1px solid #d2d2d2;background-color: #fff; margin-left:3px;}
.complete-menu-items.rightside ul ul.mega-menu .custom-select select {background-color: #fff;display: inline-block;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;border-radius: 0;-webkit-border-radius: 0;padding:0;width: 100%;color: #9b9b9b;border: 0;font-size: 12px}
@media screen and (-webkit-min-device-pixel-rato:0) {
    .complete-menu-items.rightside ul ul.mega-menu .custom-select select {padding-right: 0;width: 100%;border: 0 solid #d2d2d2;border-radius: 0;-webkit-border-radius: 0;font-size: 12px}
}
.complete-menu-items.rightside ul ul.mega-menu .custom-select select:focus {-webkit-box-shadow: none;box-shadow: none;outline: 0}
.complete-menu-items.rightside ul ul.mega-menu .custom-select:after {content: "";background-image:url(../images/cart-arrow-table.png);background-repeat: no-repeat;position: absolute;top: -1px;right: -1px;padding: 0;pointer-events: none;width: 24px;height: 24px;cursor: pointer}
.complete-menu-items.rightside ul ul.mega-menu .price{ font-size:16px; color:#005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .buttons{ float:left}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .buttons .btn-yellow{ padding:0 30px; height:35px;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .right-cart-footer{float: right;padding: 12px 0;margin-right: 55px;}
.complete-menu-items.rightside ul ul.mega-menu .best-seller{ color:#1b1b1b; font-size:14px; float:right;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding-right:10px;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .price{ width:auto; float:right}
.complete-menu-items.rightside ul ul.mega-menu .cart-header{ float:left; width:100%; padding:11px 0}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .cart-prd-list{ font-size:16px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; float:left;}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top{ float:right;}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top a img{vertical-align:middle;margin-left:5px;}
.complete-menu-items.rightside .user-profile li a{ font-size:13px; color:#626262; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside .user-profile li a:hover, #primarydnav .complete-menu-items.rightside .user-profile li a:hover i{ color:#007ec2; text-decoration:none}
.complete-menu-items.rightside .user-profile li a i{ float:right;color:#626262; padding-top:7px;}

#secondarydnav #categories .btn-link{font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:12px 46px  12px 0}
#secondarydnav .main-menu ul li{ padding:0px 15px;}
#secondarydnav .main-menu ul li ul li{ padding:0 15px 0 0}
#secondarydnav .main-menu ul li a{ font-size:13px; color:#626262; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:0 0px; background:url(../images/sub-cat-arrow.png) no-repeat right 7px;}
#primarydnav .searchbar .main-menu ul li a{ background:url(../images/sub-cat-arrow.png) no-repeat right 10px; width:95%}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a{ background:none}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a i{float: right;color: #626262;padding-top: 7px;}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a.btn-yelllow{ color:#1b1b1b; background-color:#ffee00; border:1px solid #ffcc00; font-size:14px; text-align:center;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a.btn-yelllow:hover{background-color:#ffcc00; border:1px solid #ffcc00; color:#1b1b1b; }

/*#primarydnav.complete-menu{ background-color:#046092}
#primarydnav.complete-menu .navbar-brand{ display:none}
#primarydnav.complete-menu .catmenu-box{ display:block}
*/
/*cat-menu*/
#primarydnav .catmenu-box{ display:none}
#secondarydnav .catmenu-box{ float:left; width:186px; margin-right:50px;}
#secondarydnav .catmenu-box .collapse {display:block}
#secondarydnav .catmenu-box .navbar .popover {width:935px;overflow: hidden;left: 238px ;height: 100%;background-color: #fff;border: 1px solid #e0e0e0;min-height: 580px; padding:15px 0;background-repeat: no-repeat;background-position: right bottom; top:0}; border-left: 0 none; }
#secondarydnav .catmenu-box .navbar .popover-content {text-align: center;}
#secondarydnav .catmenu-box .navbar .popover-content img {height: 212px;max-width: 250px;}
#secondarydnav .catmenu-box .navbar .dropdown-menu {-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;width: 240px;padding:15px;min-height:580px; border:1px solid #e0e0e0;}
#secondarydnav .catmenu-box .navbar .dropdown-menu > li > a:hover {
    background-image: none;color: white;background-color: rgb(0, 129, 194);background-color: rgba(0, 129, 194, 0.5);}
#secondarydnav .catmenu-box .nav > li:hover .dropdown-menu{ display:block }
#secondarydnav .catmenu-box .nav > li a.dropdown-toggle{ color:#fff ;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:15px; background:none; padding:17px 0; float:left}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a{ font-size:13px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:30px; width:100%; float:left; background:none}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a i{ float:right; padding:7px 0}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a:hover{ background-color:transparent; color:#007ec2}
#secondarydnav .catmenu-box .dropdown-toggle::after{ display:none;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3{ width:25%; float:left}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 li a{ background-image:url(../images/sub-cat-arrow.png);background-repeat: no-repeat;
                                                             background-position: left 10px;padding-left: 15px;font-size: 13px;color: #626262;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 li a:hover, .catmenu-box .navbar .popover .col-sm-3 h6 a:hover{ color:#007ec2; text-decoration:none}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 h6 a{ font-size:15px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .sub-cat-nev{ float:left; width:100%; margin:0 0 30px 0;}
#secondarydnav .catmenu-box .navbar .popover .subcat-img{position: absolute;right: 0;bottom: 0;width: 250px;z-index: 0;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .last-tool a{ font-size:13px; color:#007ec2}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .last-tool a img{ vertical-align:middle; margin-right:10px;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 h3 a{ color:#046092; font-size:26px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-align:right; padding-top:30px;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p{ float:right; padding:10px 0}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p a{ color:#046092; text-align:right; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p a i{ float:left; padding:10px;}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw{width:183px;text-align: center; margin:0 auto}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw a{ color:#626262; font-size:13px; background-color:#f7f6f6;border:1px solid #dcdcdc;
                                                               border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw a i{ float:none;color:#046092}
#secondarydnav .catmenu-box .nav > li .dropdown-menu:before{content: '';position: absolute;top: -18px;left:98px;width: 0;height: 0;overflow: hidden;border-width: 9px;border-style: dashed dashed solid;border-color: transparent transparent #fff; border-width:10px;}
#secondarydnav .catmenu-box .navbar .nav{justify-content:left; text-align:left}
#secondarydnav .catmenu-box .navbar{ padding:0}

/*all tag*/
.all-tag-titel{ float:left; width:100%; padding-bottom:40px}
.all-tag-box h1{ font-size:26px; color:#1b1b1b;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; display:inline-block }
h2{ font-size:21px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; display:inline-block }
.all-tag-titel  h3, h3{ color:#1b1b1b; font-size:16px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding:20px 0; margin:0}
.all-tag-box h5{ display:inline-block; padding:0}
.all-tag-box{border-bottom:1px solid #d2d2d2; float:left; width:100%;padding: 15px 0 00px;margin: 15px 0;}
.all-tag-box .section-one-right{ float:right; padding-bottom:10px;}
.all-tag-box .section-one-right label{ font-size:13px; color:#111; margin-right:10px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; }
.all-tag-box small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; }
.all-tag-box .right-socail{ float:right}
.all-tag-titel h4{font-size:21px;color:#1b1b1b;line-height:31px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:20px 0 10px 0}
h4, .roboto_light_21 p {font-size:21px;color:#1b1b1b;line-height:31px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
h5, .roboto_regular_14 p {font-size:14px;line-height:23px;color:#535353;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
h6, .roboto_light_14 p {font-size:14px; line-height:23px; color:#333;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.all-tag-titel h5{font-size:14px;line-height:23px;color:#333;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-titel h6{font-size:14px; line-height:23px; color:#333;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-titel h7,.roboto_light_13 p{font-size:13px; line-height:21px; color:#333;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-box .page-count{ float:right; padding:10px 0}
.all-tag-box .page-count li{ display:inline-block; float:left; color:#666; font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-right:1px solid #666; padding:0 15px; line-height:8px;}
.all-tag-box .page-count li:last-child{ border:0; padding:0 0 0 15px}
.all-tag-box .page-count li a{font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#007ec2; }

/*allfilter*/
.all-filter-box{ float:left; width:100%;}
.all-filter{ border-bottom:1px solid #d2d2d2; float:left; width:100%; padding-bottom:15px; margin-bottom:20px;}
.all-filter .custom-select{ float:left; margin-right:20px;}
.all-filter .fillter-navigation{ float:left; width:100%}
.all-filter .fillter-navigation .fillter-one{float:right;padding:6px 5px 0 5px;}
/*.all-filter .fillter-navigation .fillter-one .dropdown{ border:1px solid #fff;padding: 4px 10px;height: 34px;border-radius: 4px;}*/
.all-filter .fillter-navigation .fillter-one .dropdown.show{border: 1px solid #e0e0e0;}
.all-filter .fillter-navigation .fillter-one .popupbtn:focus{border: 1px solid #e0e0e0; box-shadow:none;}
.all-filter .fillter-navigation .fillter-one .dropdown-toggle, .all-filter .fillter-navigation .fillter-one .popupbtn
{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background-color:#fff; border:0; text-decoration:none}
.all-filter .fillter-navigation .fillter-one .popupbtn img{ padding-left:5px; font-size:10px}
.all-filter .fillter-navigation .fillter-one .dropdown-toggle i{ padding-left:5px;}
.all-filter .fillter-navigation .dropdown-menu:before{content: '';position: absolute;top: -11px;left:20px; background:url(../images/filter-arrow.png); width:33px; height:14px;}
.all-filter .dropdown-toggle::after{ display:none}
.all-filter .fillter-navigation .dropdown-menu{position: absolute;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;width: 240px;padding:15px;z-index:50; box-shadow:1px 1px 2px 1px rgba(0,0,0, 0.05);}
.all-filter .check-box-main input[type="checkbox"] + label {color: #626262;font-size: 13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0 }
.all-filter .fillter-one .dropdown-menu input[type=checkbox]:checked ~ label{ border:1px solid #fff}
.all-filter .fillter-one .dropdown-menu input[type=checkbox] ~ label{ padding:4px 10px 4px 0}
.all-filter .check-box-main .count-filter{float:right;color:#626262;font-size:11px;padding:5px 0 0 0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.all-filter .check-box-main input[type="checkbox"] + label span {background: url(../images/select-box01.png) left -14px no-repeat;width: 14px;height: 14px;}
.all-filter .check-box-main input[type="checkbox"]:checked + label span {background: url(../images/select-box01.png) left top no-repeat;}
.all-filter .price-filter{ padding:10px 0}
.all-filter .price-filter .pric-lab-box input{text-align: left;padding: 5px 10px;border-radius: 4px;}
.all-filter .price-filter .pric-lab-box{ position:relative}
.all-filter .price-filter .pric-lab-box label{position: absolute;right: 15px;top: 6px;margin: 0;}
#myModal .modal-dialog{ max-width:80%; margin:100px  auto;}
#myModal .modal-dialog .modal-content{ padding:15px}
#myModal .modal-dialog button.close{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;color:#626262; opacity:1; top:30px; right:30px;}
#myModal .modal-dialog button.close img{ margin-left:15px;}
#myModal .modal-dialog h2{ font-size:21px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-bottom:1px solid #d2d2d2; display:block; width:100%; padding-bottom:5px;}
#myModal .modal-dialog .col-sm-3{ float:left}
#myModal .modal-dialog h5{font-size:15px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:10px 0 }
#myModal  .all-filter{ border:0}
#myModal  .all-filter .check-box-main .count-filter{ padding:0}
#myModal .pop-btn{ width:230px; margin:10px auto}
.all-filter .close-right{ float:left; padding:4px 0 4px 28px}
.all-filter .close-right a{ color:#007ec2; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-decoration:none}
.all-filter .close-right a img{ margin-right:10px;}
.all-filter .left-menu{ float:left; width:200px;}
.all-filter .left-menu .btn-group{ width:100%; float:left}
.all-filter .left-menu .dropdown-toggle{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;border:1px solid #dcdcdc; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; height:40px; float:left; width:100%; padding:11px 15px; text-decoration:none; background:#f7f6f6 url(../images/drop-arrow-01.png) no-repeat right top; text-align:left}
.all-filter .left-menu .dropdown-toggle i{ float:right; padding:3px 0}
.all-filter .left-menu .dropdown-menu{ top:40px;}
.all-filter .left-menu .dropdown-menu li a{ font-size:13px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; text-decoration:none; line-height:30px;}
.all-filter .left-menu .dropdown-menu li a:hover{ color:#007ec2}
.all-filter .left-menu .dropdown-menu li a span{ float:right}
.all-filter .left-menu .dropdown-menu li a i{ padding-right:5px;}
.fillter-one .dropdown{position: relative;display: inline-block;font-size: 16px;color: #FFF;float:left;padding: 0 4px;}
.fillter-one input[type=checkbox]{display: none;}
.fillter-one label{font-size: 14px;color: #1b1b1b;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;background-color: #fff;border: 1px solid #fff;text-decoration: none;padding: 4px 10px;border-radius: 4px;}
.fillter-one ul{position: absolute;list-style: none;text-align: left;width: 100%;z-index: 1;display: none;}
.fillter-one input[type=checkbox]:checked ~ label {border: 1px solid #dcdcdc;}
.fillter-one input[type=checkbox]:checked ~ ul {display: block;}
.fillter-one input[type=checkbox]:checked ~ ul li{ float:left; width:100%}

.section .weitere-angebote{float:left;width:100%;border:1px solid #e5e5e5;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin-top:15px;}
.section .weitere-angebote h5{ color:#1b1b1b; margin:0; padding:15px}
.section .weitere-angebote .gray-box{ background-color:#f7f6f6;float:left; width:100%;}
.section .weitere-angebote .gray-box li{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:20px 15px }
.section .weitere-angebote .gray-box .left-price-detail{ float:left; width:180px;}
.section .weitere-angebote .gray-box .btn{ float:right; margin:15px 0}
.section .weitere-angebote .gray-box .price{font-size:16px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.section .weitere-angebote .gray-box .price span{font-size:12px;color:#7ab82e;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.section .weitere-angebote .gray-box p{ font-size:12px; margin:0}
.section .weitere-angebote .link{ padding:20px; border-top:1px solid #e5e5e5}

.section-six-table .table-box {float: left;width: 100%;}
.section-six-table .table-box .table td{ font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:7px 15px}
.section-six-table .all-tag-titel{ padding-bottom:0}
.section-six-table .link-box{ float:left; width:100%; padding:20px 0}
.section-six-table .link-box a{ width:100%; float:left}
.link{ font-size:13px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; text-decoration:none }
.link:hover{ text-decoration:none}
.section-six-table .comment-star-box{ float:left; width:100%}
.comment-star-box .btn-gray-box{ width:50%; float:left}
.comment-star-box .btn-gray{ font-size:13px; border:1px solid #dcdcdc}
.comment-star-box .btn-gray:hover i{ color:#fff}
.comment-star-box .btn-gray i{ padding-left:15px; color:#007ec2}

.swiper-container-five .swiper-slide{ width:23.5%; min-height:415px}
.swiper-container-five .swiper-slide img{ width:auto;}
.swiper-container-five .catagorry-product .section-one-description{ float:left; padding:15px 0}
.swiper-container-five .swiper-slide h3{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;color:#1b1b1b;padding:0 0 15px 0}
.swiper-container-five .swiper-slide li{background: url(../images/sub-cat-arrow.png) no-repeat left 10px;float: left;width: 100%;padding-left: 10px;}
.swiper-container-five .swiper-slide li a{ font-size:13px; color:#626262; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.swiper-container-five .swiper-slide li a:hover{ color:#007ec2; text-decoration:none}
.star-icon.blue-bg {background-color: #004b93;color: #fff;}
.star-icon.yello-bg {background-color: #ffee00;color: #007ec2;}
.star-icon{position: absolute;bottom: 10px;right: 10px;z-index: 20;text-align: center;padding:5px 8px; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.section-three .three-box-discription .eay-view{ font-size:11px; color:#a0a0a0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; text-align:right}

/*grid box*/
.grid-box #my-gallery-container{ float:left; width:100%;}
.grid-box #my-gallery-container .btn{ width:100%}
.grid-box .grid-main-box{float: left;width: 100%;}
.grid-box #my-gallery-container .padding{ float:left}
.grid-box #my-gallery-container .padding .item{ float:left; width:100%; margin-bottom:30px}
.grid-box .section-three-box .three-box:hover{ box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-ms-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-moz-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-webkit-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);}
.grid-box .three-box-discription .tag-box a{font-size:11px;color:#7d7d7d;background-color:#f3f3f3;text-decoration: none;padding: 4px;margin-right: 5px;border-radius: 3px;-webkit-border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.section-six-table .all-tag-titel h3, .section-six-table .link-box h3{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.categories-slider-column6 .section-main-box .swiper-slide{ border:1px solid #fff}
.categories-slider-column6 .section-main-box .swiper-slide:hover{ border:1px solid #007ec2}

.diyhelden-banner .left-box-stellen{font-size:13px;color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; padding-bottom:10px}
.diyhelden-banner .left-box-stellen a{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.diyhelden-banner .diyhelden-banner-tag{ padding:0; margin:-5px 0 15px 0}
.diyhelden-banner h4{ float:left; width:100%; margin-bottom:45px}

.menu-cat-box{ float:left; width:100%;}
.menu-cat-box .menu-all{ float:left; width:100%}
.menu-cat-box .menu-all h5{ color:#1b1b1b; font-size:15px;}
.menu-cat-box .menu-all .menu-all-box{ float:left; width:100%; padding-bottom:30px}
.menu-cat-box .menu-all li a{ color:#626262; font-size:13px; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/sub-cat-arrow.png) no-repeat left 3px; padding-left:10px}
.menu-cat-box .menu-all li a:hover{ color:#007ec2; text-decoration:none}
.landing-banner h2{font-size:21px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block; padding:30px 0 15px 0}

/*landing-page*/
.new-land-box{float: left;width: 100%; padding:20px 0}
.new-land-box .left-box-landing.video-box{ float:left; width:100%}
.new-land-box h2{font-size:21px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block; padding:15px 0; margin:0}
.new-land-box .right-landing ul{ float:left; width:100%; margin-bottom:15px;}
.new-land-box .right-landing ul li{ font-size:14px; line-height:23px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/green-true-icon.png) no-repeat left 9px; padding-left:15px;}
.new-land-box .left-box-landing.boder-box{border: 1px solid #e5e5e5;float: left;width: 100%;}
.new-land-box .left-box-landing.boder-box h5{ margin:0; padding:15px;}
.new-land-box .banner{ margin:0}
.new-land-box .banner-box.small-banner .banner-text{ left:20px;}
.new-land-box .video-box iframe{ width:100%; height:300px;}
.categories-slider-column6 .section-one-description h4{ width:100%}

/*testimaonil*/
.testimonail{ float:left; width:100%; padding:50px 0}
.testimonail .testimoanil-box{ float:left; width:100%; background-color:#f3f3f3; -o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;; position:relative; text-align:center}
.testimonail .testimoanil-box p{ font-size:16px; color:#046092;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-style:italic; line-height:30px;}
.testimonail .testimoanil-box .username-date{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#626262}
.testimonail .testimaonil-icon{background-color: #007ec2;color: #ffee00;width: 70px;height: 70px;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;float: left;border: 5px solid #fff;padding: 17px 0;position: absolute;left: 50%;top: -34px;margin: 0 0 0 -35px;}
.testimonail .testimoanil-box .username-date span{ color:#007ec2; margin-top:15px;}
.testimonail .swiper-container-seven{width:80%;margin:60px auto 30px auto; overflow:hidden}
.testimonail .swiper-button-prev{ background-image:none; left:0}
.testimonail .swiper-button-next{ background-image:none; right:0}
.testimonail .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-30px;}

.tagling-box{ float:left; width:100%; padding:40px 0}
.tagling-box .taglin.blue-bg-tag{ background-color:#f2f8fc; border:1px solid #007ec2; color:#007ec2}
.tagling-box .taglin.yellow-bg-tag{ background-color:#fffccc; border:1px solid #ffee00; color:#1b1b1b}
.tagling-box .taglin{font-size: 16px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;line-height: 32px;border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 18px 15px;margin-bottom: 15px;}
.tagling-box .taglin span{font-size: 16px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;background-color: #fff;width: 30px;height: 30px;float: left;text-align: center;border: 1px solid #007ec2;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #007ec2;margin-right: 15px;}

.themenrelevante{ float:left; width:100%; padding:50px 0}
.themenrelevante .themenrelevante-left h5{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.themenrelevante li a{font-size:14px;color:#007ec2; line-height:21px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.themenrelevante li a:hover{ color:#000; text-decoration:none}
.themenrelevante .all-tag-box{ padding:0}
.themenrelevante .themenrelevante-right{ float:left; width:100%; border:1px solid #d2d2d2; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.themenrelevante .themenrelevante-right h2{background-color: #f7f6f6;float: left;width: 100%;border-bottom: 1px solid #d2d2d2;padding: 10px 15px;border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.themenrelevante .themenrelevante-right h2 img{ float:right}
.themenrelevante .themenrelevante-right ul{ float:left; width:100%; padding:15px;}
.landing-banner-inner{ padding:30px 0 0}
.landing-02 .swiper-button-disabled{ display:none}
.categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:20%}

/*meineinkauf page*/
.full-cart-box{ float:left; width:100%; padding:15px 0}
.full-cart-box .cart-header{ float:left; width:100%;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;}
.full-cart-box .cart-header .cart-prd-list{ font-size:26px; color:#1b1b1b;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; float:left}
.full-cart-box .cart-header .close-top{ float:right}
.full-cart-box .cart-header .close-top a{ padding:.5rem 35px}
.full-cart-box .cart-header-bottom{font-size:14px;color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;float: left;width: 100%;padding: 15px 0;}
.full-cart-box .table-responsive thead{ background-color:#f2f2f2;font-size:13px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .cart-img{ width:90px;}
.full-cart-box .table-responsive .table{ margin-bottom:0}
.full-cart-box .table-responsive thead th{ border:0}
.full-cart-box .table-responsive tr:first-child td{ border-top:0}
.full-cart-box .table-responsive .des-tab-prd{ float:left; width:100%; padding:25px 0}
.full-cart-box .table-responsive .des-tab-prd .titel{font-size:13px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .des-tab-prd .prod-nam a{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .des-tab-prd .prod-discription{font-size:12px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .shipping-box{ color:#626262;font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:30px 0; width:170px;}
.full-cart-box .table-responsive .shipping-box span{ color:#626262;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; display:block}
.full-cart-box .table-responsive .shipping-box span.green-text{ color:#7ab82e}
.full-cart-box .table-responsive .prej-list, .full-cart-box .table-responsive .cancel{ float:left; width:125px; padding:30px 0}
.full-cart-box .table-responsive .prej-list .prod-lis-box{font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:5px 0;}
.full-cart-box .table-responsive .cancel a{color:#007ec2;font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .price{font-size:16px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:30px 0; width:105px; text-align:right }
.full-cart-box .table-responsive .custom-select{position: relative;width: 52px;float: right;height: 24px;padding: 0px 6px;border: 1px solid #d2d2d2;background-color: #fff;margin-left:0px;}
.full-cart-box .table-responsive .prod-qut{ float:left; padding:30px 0}
.full-cart-box .table-responsive .custom-select select{ background-color:#fff; padding:1px 5px;}
.full-cart-box .table-responsive .custom-select:after{content: "";background-image: url(../images/cart-arrow-table.png);background-repeat: no-repeat;position: absolute;top: -1px;right: -1px;padding:0;pointer-events: none;width: 24px;height:24px;cursor:pointer;}
.full-cart-box .table-responsive .gray-table{ background-color:#f7f6f6;}
.full-cart-box .table-responsive .gray-table .price{ padding:0; text-align:right}
.full-cart-box .table-responsive .gray-table .best-sell, .full-cart-box .table-responsive .gray-table .code-coup{font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#626262; line-height:24px;}
.full-cart-box .table-responsive .gray-table .code-coup{ padding:12px 0}
.full-cart-box .table-responsive .gray-table .form-group{ margin:0}
.full-cart-box .table-responsive .gray-table .form-group .form-control{ padding:10px .75rem; background:#fff
                                                                            url(../images/info-icon.png) no-repeat right 12px}
.full-cart-box .table-responsive .blue-table{ background-color:#007ec2}
.full-cart-box .table-responsive .blue-table .total-amount{font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#fff; padding:20px 0}
.full-cart-box .table-responsive .blue-table .price{font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:26px; color:#fff; padding:15px 0; line-height:21px;}
.full-cart-box .table-responsive .blue-table .price span{font-size:10px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#fff}
.full-cart-box .cart-item{ float:left; width:100%; padding:20px 0}
.full-cart-box .cart-item .btn-gray{float: left;width: auto;border: 1px solid #dcdcdc;padding: .5rem 20px; cursor:pointer}
.full-cart-box .cart-item .btn-yellow{float: right;width: auto;padding: .5rem 40px;}
.cart-pro-slider .btn-yellow{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}


@media (max-width:1366px) {
    .complete-menu-items.rightside ul ul.mega-menu .prod-qut{ width:100px;}
    .complete-menu-items.rightside ul ul.mega-menu .price{ font-size:14px; width:60px;}
    .section-one .section-one-description h4, .section-two .section-one-description h4 a, .section-one .section-one-description h4 a{ font-size:13px; float:left}
}
@media (max-width:1280px) {
    .catmenu-box .navbar .popover{ width:780px;}
    .all-filter .fillter-navigation .fillter-one{margin:0; padding:6px 0}
    .swiper-container-five .swiper-slide {width: 23.2%;}
}
@media (max-width:1180px) {
    .catmenu-box .navbar .popover{ width:700px;}
    .quetion-ans-box .qus-box{ width:80%;}
    .quetion-ans-box .qus-box .ans-box .tag{ min-height:80px;}
    .product-right-cont-box .provider-detail .produ-copany-detail{ border:1px solid #007ec2}
    .product-right-cont-box .provider-detail .produ-copany-detail:before{ display:none}
    .complete-menu .searchbar, .searchbar{ width:40%}
}

@media (max-width:1080px) {
    #primarydmobilenav .mobile-search{ float:left; width:30%}
    #primarydmobilenav .logo-mobile{ float:left}
    .cart-icon-text{ font-size:12px;}
    .swiper-button-next{ right:14px !important}
    .swiper-button-prev{ left:14px !important}
    .section-three iframe{ height:120px}
    .section-responsive-table .table-responsive .table{ width:1100px}

}
@media (max-width:990px) {
    .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:24%}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide{ width:31.5%}
    .section .weitere-angebote{ margin-top:45px;}
    .swiper-container-five .swiper-slide img{ width:100%}
    .section-responsive-table .prod-btn-box{ float:left; margin:0}
    .new-section-designe .section-responsive-table .pagination{ position:relative}
    #primarydnav .collapse{ display:block}
    .section-three.section.section-tool.list-view-tool h5{ height:auto;}
    .banner-text-center span{ font-size:30px; line-height:30px;}
    .banner-text-center:after{ background-size:100% 60px;}
    .banner-text-top span{ font-size:20px; line-height:20px;}
    .banner-text-top:after{ background-size:100% 40px;}
    .banner-text-bottom span{ font-size:14px; line-height:24px;}
    .banner-text-bottom{ margin-top:-4px;}
    .section-three .sort-description{ min-height:105px;}
    .section-three-box .three-box{ margin-bottom:30px;}
    .section-three iframe{ height:200px;}
    .section-three.section-tool p.sort-description {height: auto;overflow: hidden;min-height: 63px;}
    footer .footer-nav .nav-box{ width:33.33%; margin-bottom:30px;}
    footer .payment-box .shipping-box{ margin-bottom:20px}
}

@media (max-width:768px) {
    .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:33%}
    .landing-02 .swiper-button-disabled{ display:block}
    .new-land-box .col-sm-6, .themenrelevante .col-sm-6, .section-three.section.section-tool.list-view-tool .three-box .col-sm-6{ width:100%}
    .themenrelevante .themenrelevante-right{ margin-top:15px;}
    .all-tag-box h1 br{ display:none}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide{ width:31%}
    .product-slider .gallery-top .gallery-big .img-responsive, .product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{ width:auto;}
    .product-slider  .gallery-top, .product-slider .gallery-thumbs{ text-align:center}
    .product-slider .gallery-thumbs .swiper-button-next{ right:0 !important; height:116px; padding-top:57px}
    .product-slider .gallery-thumbs .swiper-button-prev{ left:0 !important; height:116px; padding-top:57px;}
    .provider-detail .produ-copany-detail .company-logo img, .product-right-cont-box .provider-detail .shop-detail .company-logo img{ width:auto;}
    .product-slider .gallery-top .best-seller-logo{ float:left}
    .price-filter .col-sm-6{ width:50%}
    .section-four-video.cal-2-video iframe, .section-four-video.cal-4-video iframe{ height:200px; margin-bottom:15px;}
    .quetion-ans-box .no-list{ width:100%; text-align:left; border:0}
    .quetion-ans-box{ padding-bottom:30px}
    .responsive-tab .tab-search .col-sm-6{ width:100%; max-width:100%; margin-bottom:10px;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .quetion-ans-box .no-list br{ display:none}
    .quetion-ans-box .qus-box{ width:100%; padding:10px 0 0 0;border-bottom:1px solid #d2d2d2}
    .quetion-ans-box .no-list i{ display:none}
    .quetion-ans-box .qus-box .ans-box .tag{ min-height:120px}
    .section-selecter .section-one-right {float: right;width: 100%;}
    .banner-text{ bottom:10px}
    .section-four-video iframe{ width:100%; height:250px}
    .section-sevan-image img{ margin-bottom:15px;}
    .section-eight-accord .img-responsive{width:auto; margin:0 auto 15px auto; display:block}
    footer .footer-nav .nav-box{ width:50%}
    #myModal .modal-dialog{ max-width:95%;}
    #myModal .modal-dialog .col-sm-3{ max-width:50%}
    #myModal .modal-dialog button.close{ top:15px;}
    #myModal .modal-dialog .modal-content{ height:500px; overflow-y:scroll}
    .comment-star-box .btn-gray-box{ width:100%}

}
@media (max-width:640px) {

    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide, .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:47%}
    .banner-text-center{ padding:8px 15px}
    .banner-text-center span{ font-size:22px; line-height:26px;}
    .banner-text-center:after{ background-size:100% 45px;}
    .banner-text-top span{ font-size:20px; line-height:20px;}
    .banner-text-top:after{ background-size:100% 40px;}
    .banner-text-bottom span{ font-size:12px; line-height:18px;}
    .banner-text-bottom{ margin-top:-4px;}
}
@media (max-width:500px) {
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide, .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:99%}
    .section .catagorry-product img{ width:auto;}
    .all-tag-box .section-one-right, .all-tag-box .right-socail {float: left;width: 100%;}
    .product-slider .gallery-top .gallery-big .img-responsive, .product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{ width:90%}
    .section-two, .section-three, .section{ padding:20px 0}
    footer .footer-nav .nav-box{ width:100%}
    .section-nine-form .form-group .section-one-right .custom-select{ width:100%}
    .banner-text{ bottom:10px;}
    .banner .swiper-pagination{ text-align:center; bottom:0; right:15px; left:auto}
    .banner-text-top{ font-size:18px;}
    .banner-text-center{ font-size:28px; line-height:34px;}
    .banner-text-bottom{ width:100%; font-size:11px;}
    .banner-text-top:after{ width:88%}
    .section-three.section-tool h5{ height:auto;}
    .section-three.section-tool p.sort-description{ min-height:auto;}

    .section-three.section.section-tool.list-view-tool .list-img{ display:none}
    .section-three.section.section-tool.list-view-tool .list-imgs{ display:block}
    .coppy-right .left-coppy, .coppy-right .right-coppy{ float:none; width:100%; text-align:center}
    .product-slider .gallery-thumbs{ width:auto;}
    .tab-three-pan.cooment-star-table{ overflow-x:scroll}
    .section .weitere-angebote .gray-box .btn, .tab-three-pan.start-btn-right{ float:left}
    .landing-banner-inner{ margin-top:0 !important}

}
@media (max-width:480px) {
    .banner-text{ display:none}
    .prod-list-box .no-padding-space, .menu-cat-box .menu-all .col-xs-6{ width:100%}
    #myModal .modal-dialog .col-sm-3{ max-width:100%}

}


body.sticky-header header #primarydnav { opacity: 0; transition: all 0.01s ease;}

#secondarydnav {width:100%; z-index: 10000;
}

body a:hover {
    text-decoration: underline!important;
}

#primarydnav {
    z-index: 10001;
}


#primarydnav .complete-menu-items.rightside ul ul.new-user li .new-coustomer {
    display: block;
    width: 100%!important;
    margin-bottom: 10px!important;
}
.new-user i {
    display: none!important;
}

.mega-menu .close-top {
    display: none;
}

.swiper-button-disabled {
    opacity: 0!important;
}

.section-responsive-table  .prod-btn-box {
    width: 100%!important;
}

.section {
    padding-top: 0!important;
}

.quetion-ans-box .btn-gray-box {
    margin-top: 62px!important;
}

.item .creator {
    font-size: 12px!important;
    display: block;
    float: left;
    width: 100%;
}
.eay-view img {
    width: 19px!important;
    float: right;
    margin-left: 5px;
    margin-top: 1px;
}

.eay-view {
    text-align: right;
}

.section-pro-box .prod_image {
    min-height: 125px;
}


/*checkout-one*/
.checkout-one{ float:left; width:100%;}
.checkout-one .all-tag-box h5{ font-size:14px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.checkout-one .tab-menu-checkout{ float:left; width:100%; position:relative}
.checkout-one .tab-menu-checkout .border-dot{ border-top:1px dashed #898989; width:100%; float:left; margin:20px 0}
.checkout-one .tab-menu-checkout ul{position: absolute;width: 100%;top: 6px;}
.checkout-one .tab-menu-checkout ul li{display:inline-block; float:left; width:33.33%}
.checkout-one .tab-menu-checkout ul li:first-child a{ padding:0 15px 0 0}
.checkout-one .tab-menu-checkout ul li:nth-child(2){ text-align:center}
.checkout-one .tab-menu-checkout ul li:last-child{ float:right; text-align:right}
.checkout-one .tab-menu-checkout ul li:last-child a{ padding:0 0 0 15px}
.checkout-one .tab-menu-checkout ul li a{font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block;background-color: #fff; padding:0 15px}
.checkout-one .tab-menu-checkout ul li.done a:hover{font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block;background-color: #fff;}
.checkout-one .tab-menu-checkout ul li a.active, .checkout-one .tab-menu-checkout ul li a:hover{ color:#007ec2}
.checkout-one .tab-menu-checkout ul li a.active span, .checkout-one .tab-menu-checkout ul li a:hover span{ color:#fff; background-color:#007ec2}
.checkout-one .tab-menu-checkout ul li a span, .checkout-one .tab-menu-checkout ul li.done a span{background-color: #f3f3f3;font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;font-weight: bold;padding: 5px 10px;border-radius: 50%;margin-right: 10px; position:relative}
.checkout-one .tab-menu-checkout ul li.done a span:after{ content:''; background:url(../images/green-true-icon-01.png) no-repeat left top; position:absolute; right:-9px; top:-6px; width:21px; height:21px; }
.checkout-one .checout-leftright {float: left;width: 100%;position: relative; padding:20px 0}
.checkout-one .checout-leftright .checout-right-box{float: left; width:100%}
.checkout-one .checout-leftright .checout-right-box .checkout-right-main{ float:left; width:100%;border: 1px solid #e5e5e5;border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px; margin-bottom:15px;}
.checkout-one .checout-leftright .checout-right-box .check-right-header{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:15px; border-bottom:1px solid #e5e5e5}
.checkout-one .checout-leftright .checout-right-box .check-right-form{ background-color:#f7f6f6; padding:15px; float:left; width:100%}
.checkout-one .checout-leftright .checout-right-box .check-right-form input{ padding:.5rem .75rem .5rem .75rem}
.checkout-one .checout-leftright .checout-right-box .forget-pass{ color:#007ec2; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; width:100%; float:left}
.checkout-one .section-nine-form ::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-style:normal}
.checkout-one .section-nine-form ::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .section-nine-form :-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .section-nine-form :-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .checkout-left-box{float:left;width:100%;border:1px solid #e5e5e5;border-radius:4px; padding-bottom:20px; margin-bottom:20px;}
.checkout-one .checkout-left-box .checkout-header-left{ float:left; width:100%; background-color:#f7f6f6; padding:15px; font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;border-bottom: 1px solid #e5e5e5; border-radius:4px 4px 0px 0px}
.checkout-one .checkout-left-box .check-box-main{ padding:0px 0 10px 0}
.checkout-one .checkout-left-box .check-box-main label{ font-size:12px;}
.checkout-one .checkout-left-box .blank-box{ float:left; width:100%; height:40px;}
.checkout-one .section-nine-form form .form-group .section-one-right .bootstrap-select .btn{ padding:0 30px 0 15px; background:url(../images/form-req-icon.png) no-repeat right 16px;}
.checkout-one .section-nine-form form .form-group .section-one-right .bootstrap-select{ margin-top:0}
.checkout-one .checkout-left-box .leftcheck-footer{ font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding-bottom:15px;}
.checkout-one .checout-leftright .col-sm-8 .btn-box-checkout{ float:left; width:100%; padding:20px 0}
.checkout-one .checout-leftright .col-sm-8 .btn-box-checkout .btn-default{float: right;width: auto;padding: .5rem 60px;}
.checkout-one .panel-heading, .checkout-one .panel-heading h4 {float:left; width:100%; margin:0}
.checkout-one .panel-heading h4 a{background: url(../images/checkout-checkbox-accordian.png) no-repeat 10px 14px;float: left;padding: 8px 15px 8px 40px;width: 100%;font-size: 14px;color: #626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
                                  border: 1px solid #e5e5e5;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.checkout-one .panel.panel-default{ margin-top:15px; float:left; width:100%;}
.checkout-one .panel.panel-default:first-child{ margin-top:0px; float:left; width:100%;}
.checkout-one .panel-heading h4 a:hover, .checkout-one .panel-heading.placeholder-bg h4 a:hover{ border:1px solid #85b941; background:url(../images/active-checkout-checkbox-accordian.png) no-repeat 10px 14px}
.checkout-one .panel-heading.actives h4 a{background: #f7f6f6 url(../images/active-checkout-checkbox-accordian.png) no-repeat 10px 14px;border-radius: 4px 4px 0px 0px;-o-border-radius: 4px 4px 0px 0px;-ms-border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.checkout-one .panel-heading h4 a i{ float:right; padding:10px 0 0 10px; width:20px}
.checkout-one .panel-heading h4 a .brand-logo, .checkout-one .checkout-left-box .checkout-left-box .checkout-header-left img{float: right;border: 1px solid #e5e5e5;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin:0px 10px; background-color:#fff}
.checkout-one .panel-collapse.collapse.show{border-radius:0px 0px 4px 4px;-o-border-radius:0px 0px 4px 4px;-ms-border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;float:left;width:100%;border:1px solid #e5e5e5; padding:15px 0 0 0; border-top:0}
.checkout-one .checkbox-left-form h6{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left}
.checkout-one .panel-heading h4 a span{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.checkout-one .panel-heading.placeholder-bg h4 a{background:#fafafa url(../images/checkout-checkbox-accordian.png) no-repeat 10px 14px}
.checkout-one .panel-heading.placeholder-bg h4 a i{ font-size:0}
.checkout-one .panel-heading.placeholder-bg.actives h4 a{background:#f7f6f6 url(../images/active-checkout-checkbox-accordian.png) no-repeat10px 14px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border-bottom:1px solid #e5e5e5}
.checkout-one .panel-heading h4 a .price-disocunt, .checkout-one .checkout-left-box .checkout-left-box .price-disocunt{ float:right; color:#626262; font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.checkout-one .panel-heading h4 a .price-disocunt span, .checkout-one .checkout-left-box .checkout-left-box .price-disocunt span{ color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.checkout-one .checkout-left-box.coupan-coad input{ padding:.5rem .75rem}
.checkout-one .checkout-left-box.coupan-coad .btn-gray{ width:auto; border:1px solid #dcdcdc;  font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:10px 30px; cursor:pointer}
.checkout-one .check-right-form .invocie-box{ float:left; width:100%;}
.checkout-one .check-right-form .invocie-box .invoi-name{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left}
.checkout-one .check-right-form .invocie-box .invoice-price{ float:right; text-align:right; color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.checkout-one .check-right-form .invocie-box .invoi-name.bestseller{ font-size:16px; color:#046092}
.checkout-one .check-right-form .invocie-box .invoi-name-small, .checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .invoi-name-small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left}
.checkout-one .check-right-form .invocie-box .invoice-price-small, .checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .invoice-price-small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:right; text-align:right}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main label{border:1px solid #e5e5e5;border-radius:4px;-o-border-radius: 4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left;width:100%;padding: 15px;font-size: 14px;color: #1b1b1b;}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label{ border:1px solid #85b941}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main{ padding:0}
.checkout-one .form-group.check-3 .check-box-main input[type="checkbox"] + label span{ background:url(../images/checkout-checkbox-accordian.png)}
.checkout-one .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label span{ background:url(../images/active-checkout-checkbox-accordian.png)}
.checkout-one .checout-leftright .btn-box-checkout{ padding:10px 0 0 0 !important}
.checkout-one .checkout-left-box .checkout-left-box{ margin:15px 0 0px 0}
.checkout-one .checkout-left-box .checkout-left-box .checkout-header-left{ padding:8px 0}
.checkout-one .checkout-left-box .checkout-left-box .checkout-header-left span{font-size:16px;color: #1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:5px 15px; float:left}
.checkout-one .checkout-left-box .full-cart-box{ padding:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .price{ text-align:right; width:auto}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .des-tab-prd {float: left;width: 350px;padding:0px 0 0;}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .price, .checkout-one .checkout-left-box .full-cart-box .table-responsive .prod-qut{ padding:20px 0 0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .cart-img{ padding:10px 0 0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .price{ padding:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table:last-child td{ border:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .total-amount{ font-size:16px; color:#046092;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.checkout-one .checkout-left-box.checkout-left-tablebox{ padding-bottom:0}
.green-text{ color:#85b941}
.checkout-one .checout-leftright .checout-right-box .check-right-form .ssl-box img{float: left;margin-right: 15px;}
.checkout-one .checout-leftright .checout-right-box .check-right-form .ssl-box span{ vertical-align:middle; font-size:14px; line-height:23px;color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding: 10px 0;display: inline-block;}
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main label{ border:0; padding:0; font-size:12px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; }
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label{ border:0}
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main label a, .full-cart-box .table-responsive .des-tab-prd .prod-discription a{ color:#007ec2;}



#search_input,
#search_input_2 {
    border-radius: 0;
    padding: 11px 15px 10px 120px;
    margin-left: 102px!important;
    padding-bottom: 8px;
    padding-left: 23px!important;
    width: 87%;
    height: 37px;
}

.easy-autocomplete {
    width: 95%;
}

.searchbar .search-addon {
    z-index: 100;
}

.mod_breadcrumb li {
    float: left;
    margin-right: 10px;
}

.mod_breadcrumb li:before {
    content: '>';
    margin-right: 5px;
}

.mod_breadcrumb li.breadcrumb-item.first:before {
    content: '';
    margin-right: 0;
}

.section-pro-box .prod_image {
    height: 130px;
    object-fit: contain;
    width: 100%;
}

.all-filter .price-filter .pric-lab-box label {
    top: 1px!important;
}

.sticky-header-search #search_input,
.sticky-header-search #search_input_2 {
    margin-left: 0px!important;

}

.product-slider .gallery-top {
    height: 448px;
}

.product-slider .gallery-top .gallery-big .img-responsive {
    padding: 15px;
    width: 415px;
    padding-top: 10px;
    padding-bottom: 170px;
    max-height: 400px;
    width: auto;
}

.section-three .three-box-discription {
    width: 94%;
}

#dropdown-addon {
    display: none;
}
.product-main-box .weitere-angebote {
    border: 0 none;
}

.section-main-box {
    width: 100%;
}

.all-price-box #price {
    font-weight: 700;
}

#search_input,
#search_input_2 {
    border-radius: 5px 0px 0px 5px;
    margin-left: 0px!important;
}

.product-slider .swiper-container {
    width: 100%!important;
}

.section-main-box .no-padding-space .swiper-slide {
    border-bottom: 1px solid #e5e5e5!important;
    border-top: 1px solid #e5e5e5!important;
    border-right: 1px solid #e5e5e5!important;
    border-left: 0 none!important;
}

.prod-list-box .no-padding-space .section-pro-box {
    border-top: 1px solid transparent!important;
    border-right: 1px solid transparent!important;

}

.prod-list-box .no-padding-space:last-child .section-pro-box {
  border-right: 1px solid #e5e5e5!important;
}

.prod-list-box .no-padding-space:nth-child(1) .section-pro-box,
.prod-list-box .no-padding-space:nth-child(2) .section-pro-box,
.prod-list-box .no-padding-space:nth-child(3) .section-pro-box,
.prod-list-box .no-padding-space:nth-child(4) .section-pro-box {
  border-top: 1px solid #e5e5e5!important;
}


/* ========================================================================== */

.block {
}
.mod_registration {
    max-width: 620px;
    margin: 0 auto;
    padding: 30px 20px;
    background: #eee;
    border-radius: 10px;
}
@media (min-width: 768px) {
    .mod_registration {
        padding: 60px 40px;
    }
}
.mod_registration h1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    .mod_registration h1 {
        text-align: center;
        font-size: 2rem;
    }
}
.mod_registration .message {
    text-align: center;
}
.mod_registration .formbody {
    position: relative;
    margin: 0 -10px;
}
.mod_registration .widget {
}
@media (min-width: 768px) {
    .mod_registration .widget {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
}
.mod_registration .widget.widget-memberType,
.mod_registration .widget.widget-corporateHeadquarters,
.mod_registration .widget.widget-vatId,
.mod_registration .widget.widget-website,
.mod_registration .widget.widget-csvExists,
.mod_registration .widget.widget-extraInfo,
.mod_registration .widget.widget-submit
{
    clear: both;
    float: none;
    width: 100%;
}
.mod_registration .widget.widget-extraInfo:before {
    height: 10px;
    content: "";
    display: block;
}
.mod_registration .widget.widget-memberType:after,
.mod_registration .widget.widget-corporateHeadquarters:after,
.mod_registration .widget.widget-vatId:after,
.mod_registration .widget.widget-website:after,
.mod_registration .widget.widget-csvExists:after,
.mod_registration .widget.widget-extraInfo:after,
.mod_registration .widget.widget-submit:after
{
    content: "";
    display: table;
    clear: both;
}
.mod_registration .widget.widget-csvExists:after {
    display: block;
    width: 100%;
    padding: 10px 0;
    /* @fixme *facepalm* */
    content: 'Wenn Ja, welche Daten können darüber abgerufen werden?';
}
.mod_registration .form-group {
    position: relative;
}
.mod_registration .form-group label {
    padding: 0;
    margin-bottom: .5rem;
    font-weight: bold;
}
.mod_registration .form-group label.select {
    float: none;
    color: #292b2c;
    font-size: 1rem;
}
.mod_registration .form-group label.select .mandatory {
    color: #900;
    margin-left: 3px;
}
.mod_registration .form-group p.error {
    background: #900;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.mod_registration .form-group div.select {
    display: block;
    width: auto !important;
}
.mod_registration .form-group div.select .btn {
    padding: .6rem .75rem;
    background: #fff;
    border: 1px solid #CBCBCB;
}
.mod_registration .form-group div.select .btn:after {
    display: none;
}
.mod_registration .form-group div.select .btn .bs-caret {
}
.mod_registration .form-group div.select .dropdown-menu a {
    padding: .1rem .75rem;
    display: block !important;
}
.mod_registration .form-group div.select .dropdown-menu a:hover {
    background: #eee;
}
.mod_registration .form-group div.select .btn .filter-option {
    color: #464a4c;
}

.mod_registration .reqire-fild {
    display: inline;
    color: #900;
}
.mod_registration .submit {
    width: 100%;
    padding: 10px 30px;
    color: #fff;
    background-color: #046092;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.mod_registration .submit:hover {
    background-color: #464a4c;
}

/* ========================================================================== */

.registration-page {

}
.registration-page .breadcrumb-box {
    display: none;
}
.registration-page .banner .container {
    width: 100%;
    padding: 0;
}
.registration-page .mod_registration {
    position: relative;
}
@media (min-width: 992px) {
    .registration-page .mod_registration {
        /*top: -250px;*/
        /*box-shadow: 0 0 50px -20px #000;*/
    }
}

.registration-page .all-tag-titel h1 {
    margin: 50px 0;
    text-align: center;
}

.placeholder_store_finder {
    background: url(../images/Header_Baumarktfinder.jpg) no-repeat scroll 0 0 transparent;
    width: 100%;
    height: 360px;
    position: relative;
    background-size: 108%;
}

#article-47 .inner-product-box {
    margin-top: 20px;
    margin-bottom: 20px
}

#article-47 strong {
    font-family: Roboto, sans-serif;
}

.stores li {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}


.placeholder_store_finder {
    position: relative;
}
#article-47 .abs_move {
    position: absolute;
    right: 20px;
    bottom: 20px;

}

#article-47 .btn.btn-default {
    background-color: #ffffff;
    color: #007ec2;
    font-size: 17px!important;
}

#markttown {
    display: none;
}

strong  {
    font-weight: 700!important;
}


.new-detail-page-right{float: left;width: 100%;}
.new-detail-page-right .new-detail-right-header{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.new-detail-page-right .new-detail-user, .new-detail-page-right .new-detail-user .new-user-img{ float:left;}
.new-detail-page-right .new-user-namedate{ float:left; font-size:14px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.new-detail-page-right .new-user-namedate span{ display:block; font-size:11px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.new-detail-page-right .new-detail-btn{ float:right}
.new-detail-page-right .new-detail-user img{ border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin-right:10px;}
.new-detail-page-right .user-detial-service {float: left;width:60%;}
.new-detail-page-right .user-detial-service li{ float:left; padding:15px 15px 15px 0}
.new-detail-page-right .user-detial-service li .user-detail-ser-img{float:left;vertical-align:middle;margin-right:15px;padding: 4px 0;}
.new-detail-page-right .user-detial-service li .user-detail-name{ font-size:11px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left}
.new-detail-page-right .user-detial-service li .user-detail-name span{ display:block; color:#2e2e2e;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:14px;}
.new-detail-page-right .tag-box {float: left;width: 100%;border-top: 1px solid #e5e5e5;padding: 15px 0;}
.new-detail-page-right .tag-box li{ display:inline-block}
.new-detail-page-right .tag-box li:first-child{ margin-right:15px;}
.new-detail-page-right .tag-box li a,
.new-detail-page-right .tag-box li span{ font-size:12px; color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background-color:#f3f3f3; padding:5px; border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}


@charset "utf-8";
/* CSS Document */
.breadcrumb-box{margin: 15px 0 0 0;float: left;width: 100%;}
.breadcrumb-box .breadcrumb{ border-radius:0;}
.breadcrumb-box .breadcrumb li, .breadcrumb-box .breadcrumb li a{ border-radius:0; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#535353}

ul{ margin:0; padding:0}
ul li{ list-style:none}

body{}
header{width: 100%;height:114px;transition:(all .5s ease);}
body.sticky-header header #secondarydnav{position: fixed;top: 0; width:100%; z-index:99;margin-top:0; padding:1px 0}

/*#primarydnav .main-menu{ display:none}*/
.btn-gray{ font-size:14px; color:#626262; font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background-color:#f2f2f2; width:100%;}
.btn-gray:hover{ background-color:#007ec2; color:#fff;}

/*banner*/
.banner{float: left;width: 100%; margin-bottom:30px;}
.banner-box{ position:relative; float:left; width:100%;}
.banner-text {width:auto;float: left; position:absolute; bottom:45px;}

.banner-text-top{position:relative;float:none;z-index:40;display:inline-block;margin:0 auto; width:auto; padding:5px 18px 0 18px;}
.banner-text-top span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'blockbecondensed', Arial, Helvetica, sans-serif;position: relative;font-size:29px;text-align: center;height: 57px; color:#fe0}
.banner-text-top:after{background-image:url(../images/banner-text-one.png);width: 100%;height: 63px;float: left;background-position: left top;background-repeat: no-repeat;content: "";background-size: 100% 63px;bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: transparent;border-color: transparent;}
.banner-text-center{position:relative;float:none;z-index:20;display:inline-block;margin:0 auto; margin-top:-6px;width:auto; padding:11px 30px}
.banner-text-center span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'blockbecondensed', Arial, Helvetica, sans-serif;position: relative;font-size:63px;text-align: center;height: 87px; color:#fe0; line-height:50px}
.banner-text-center:after{background-image:url(../images/banner-text-two.png);width: 100%;height:87px;float: left;background-position: left top;background-repeat: no-repeat;content: "";background-size: 100% 87px;bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: transparent;border-color: transparent;}
.banner-text-bottom{position: relative;float: none;z-index: 0;display: inline-block;margin: 0 auto;margin-top: 0;width: auto;padding:5px 15px;margin-left: 15px;}
.banner-text-bottom span{border: 0;border-color: transparent;background-color: transparent;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;font-family: 'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;position: relative;font-size:18px;text-align: center;height: 41px;}
.banner-text-bottom:after{width: 100%;height: 36px;float: left;content: "";bottom: 0;position: absolute;top: 0;left: 0;z-index: -1;background-color: #fff;border-color: transparent;box-shadow: 0px 0px 2px 1px rgba(0,0,0, 0.2);}
.banner .swiper-pagination{ position:relative; bottom:0; padding-top:10px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#e5e5e5; border:1px solid #e5e5e5; opacity:1; margin:5px 4px}
.banner .swiper-pagination-bullet-active{ background:#007ec2 !important; border:1px solid #007ec2 !important}
.banner .swiper-container-four  .swiper-pagination-bullets{ bottom:0}
.banner .swiper-button-prev{ background-image:none; left:0; top:40%;}
.banner .swiper-button-next{ background-image:none; right:0; top:40%;}


.market-titel, .main-project-search{float: left;width: 100%;margin: 15px 0;}
.market-titel h2{ color:#1b1b1b; font-size:26px; font-family:'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;border-bottom: 1px solid #d2d2d2;padding-bottom: 15px;}
.market-titel h2 img{ margin-right:10px;}

.sticky-header-search{ display:none}
body.sticky-header header #secondarydnav .sticky-header-search{display: block;float: right;width: 95%;}
body.sticky-header header #secondarydnav .collapse.navbar-collapse.right-header{ display:none !important}
body.sticky-header header #secondarydnav .complete-menu-items.rightside{ display:block !important}
body.sticky-header header #secondarydnav .catmenu-box{ margin-right:0}
body.sticky-header header #secondarydnav .btn-link{ padding-right:0}
body.sticky-header header #secondarydnav .searchbar{ margin-left:18px; width:50.5%;}
.sticky-header #secondarydmobilenav.fixed-top{ margin-top:0}

.section{ float:left; width:100%; padding:40px 0}
.section-four-video {float: left;width: 100%;}
.section-four-video .video-box{ border:1px solid #e5e5e5; float:left; width:100%}
.section-four-video .video-box h5{ padding:10px 15px}
.section-four-video iframe{ width:100%; height:450px}
.section-four-video.cal-2-video iframe{ height:300px}
.section-four-video.cal-4-video iframe{ height:200px}
.section .section-head{ font-size:21px; color:#1b1b1b; font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-bottom:1px solid #d2d2d2; padding-bottom:15px; padding-top:15px;}
.main-project-search p{ font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.main-project-search #custom-search-input{margin: 0;margin-top: 10px;padding: 15px 0;background-color: #f2f2f2; float:left; width:100%}
.main-project-search #custom-search-input .search-query { border:0;padding-right: 10px;padding-right: 4px \9;padding-left: 10px;padding-left: 4px \9;margin-bottom: 0;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.main-project-search #custom-search-input button {border: 0;background: none;padding: 4px 25px;margin-top: 0;position: relative;border-radius: 0 0 0 0;right: 0;margin-bottom: 0;-webkit-border-radius: 0 4px 4px 0px;-moz-border-radius: 0 4px 4px 0px;border-radius: 0 4px 4px 0px;color: #D9230F;background-color: #007ec2;color: #fff; font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:14px; cursor:pointer}
.main-project-search #custom-search-input button:hover{ background-color:#046092}
.main-project-search .search-query:focus + button {z-index: 3;}
.main-project-search .blue-bg {background-color: #007ec2;float: left;width: 100%;color: #fff;padding: 15px; margin-top:20px;}
.main-project-search .blue-bg .main-box-blue{font-size:16px;color:#ffee00;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:6px 0}
.main-project-search .blue-bg .main-box-blue img{ vertical-align:middle;float: left;margin-right: 10px;}
.main-project-search .blue-bg .main-box-blue span{ font-size:14px; color:#fff}
.main-project-search .blue-bg #custom-search-inputone{ float:left; width:100%;}
.main-project-search .blue-bg #custom-search-inputone button{ background-color:#ffee00; font-size:14px; color:#046092;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-color:#ffee00; cursor:pointer}
.main-project-search .blue-bg #custom-search-inputone button:hover {color:#1b1b1b;background-color: #ffda00;border-color: #ffd000}
.main-project-search .blue-bg .search-query{ border-color:#fff}

/*.section-two, .section-three{ float:left; width:100%; padding:50px 0}*/
.section-one .section-one-description, .section-two .section-one-description{text-align: left;padding: 15px;margin-top: 15px;float: left;width: 83%;}
.section .section-one-description h4{float: left;width: 100%;height: 60px;overflow: hidden;}
.section-one .section-one-description h4, .section-two .section-one-description h4 a, .section-one .section-one-description h4 a{font-size:16px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:21px;}
.section-two .section-one-description h4 a:hover, .prod-list-box .no-padding-space .section-pro-box:hover h4 a, .section-one .section-one-description h4 a:hover, .section-responsive-table .prod-name-tab a:hover, .section-one .section-main-box .swiper-slide:hover h4 a, .section-two .section-main-box .swiper-slide:hover h4 a{ text-decoration:none; color:#007ec2 !important}
.section-one .section-one-description h4 span, .section-two .section-one-description h4 span{ color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; display:block; text-transform:uppercase}
.swiper-slide .section-one-description .price{font-size:21px; color:#005e91;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; float:left; width:100%; line-height:20px; padding-top:0px}
.swiper-slide .section-one-description p, .three-box-discription .link, .prod-list-box .no-padding-space p{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%}
.swiper-slide .section-one-description p a, .three-box-discription .link a, .prod-list-box .no-padding-space .link{ color:#007ec2}
.swiper-slide .section-one-description p i, .three-box-discription .link i, .prod-list-box .no-padding-space .link i{ padding-left:10px;}
.swiper-slide .celler, .prod-list-box .no-padding-space .celler{float:left;font-size: 12px;}
.swiper-slide .celler-mark{float:right;font-size: 12px; padding:5px 10px 5px 0}
.prod-list-box .no-padding-space .celler-mark{float:right;font-size: 12px; padding-top:5px}
.swiper-slide .section-one-head{float: left;width:100%;padding:0 0 15px 0; margin-bottom:15px;}
.prod-list-box .no-padding-space .section-one-head{float: left;width:100%;padding:0 10px 10px 0px;}
.swiper-slide .celler img, .swiper-slide .celler-mark img, .prod-list-box .no-padding-space .celler-mark img, .prod-list-box .no-padding-space .celler img{ margin-right:0px; vertical-align:middle; float:left}
.swiper-slide .star-rank, .prod-list-box .no-padding-space .star-rank{ margin:0; padding:0; float:left; width:100%}
.swiper-slide .star-rank li, .prod-list-box .no-padding-space .star-rank li{ list-style:none; color:#dcdcdc; display:inline-block; font-size:14px;}
.swiper-slide .star-rank li.active, .prod-list-box .no-padding-space .star-rank li.active{ color:#ffd703}
.swiper-slide .section-one-description p.link {float: left;width: auto;}
.section-one.section .swiper-button-next, .section-one.section .swiper-button-prev{ top:60%}

.section-selecter{float: left;width: 100%;border-bottom: 1px solid #d2d2d2;margin-bottom: 30px;padding-bottom: 15px;}
.section-selecter .section-one-left{ float:left;}
.section-selecter .section-one-left p{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:8px 0}
.section-selecter .section-one-left p a strong{ font-family:'Roboto-Medium', Arial, Helvetica, sans-serif}
.section-selecter .section-one-right {float: right; width:280px;}
.section-one-right label{float:left;padding:6px 0;margin-bottom:0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:13px; color:#626262}
.section-one-right label a{ color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px; border-left:1px solid #d2d2d2; padding-left:10px; margin-left:10px;}
.section-selecter .section-one-right.change-box{ width:auto}
.section-selecter .section-one-left p span{ color:#007ec2;}

::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}
:-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}
:-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif}

.section-three-box {width: 100%;overflow: hidden;padding-bottom: 15px;}
.section-three-box .swiper-slide{ width:23.5%;}
.section-three-box .three-box {float: left;width: 100%;border: 1px solid #e5e5e5;}
.section-three .image-box{float: left;width: 100%;position: relative;}
.section-three .brush{background-color:#007ec2;display: inline-block;border-radius: 4px;position: absolute;top: 10px;right: 10px;}
.section-three .yellow-bg {background-color: #ffee00;color: #005482;display: inline-block;position: absolute;bottom: 0;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:10px 15px}
.section-tool .yellow-img{ position:absolute; right:5px; bottom:-12px}
.section-three.section-tool h5{height:36px;}
.section-three.section-tool p.sort-description{ height:100px; overflow:hidden}
.section-three .three-box-discription {float: left;padding:20px 15px 0 15px}
.section-three .three-box-discription h5, .section-three .three-box-discription h5 a{color:#1b1b1b;font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.section-three .three-box-discription h5 a:hover{ text-decoration:none; color:#007ec2}
.section-three .three-box-discription td{ color:#707070; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; border-top:0; padding:1px;}
.section-three iframe{ width:100%; height:160px; float:left}
.section-three .sort-description{ font-size:13px;}

.section-responsive-table {float: left;width: 100%;}
.section-responsive-table .prod-btn-box{ width:180px; margin:0 auto}
.new-section-designe .section-responsive-table{ position:relative}
.new-section-designe .section-responsive-table .btn-gray{ border:1px solid #dcdcdc}
.new-section-designe .section-responsive-table .btn-gray i{ float:right; color:#005e91}
.new-section-designe .section-responsive-table .pagination{width:auto;margin:0;float:right;position: absolute;right: 0;top: 19px;}
.section-responsive-table .btn.btn-default{ padding:12px 20px}
.section-responsive-table thead{ background-color:#f2f2f2;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#626262}
.section-responsive-table .table thead th{ border-top:0;border-bottom:0;}
.section-responsive-table .table td{ border-top:0;}
.section-responsive-table .table tr{ border-bottom:1px solid #eceeef; border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff; float:left; width:100%}
.section-responsive-table .table thead tr:hover{ border-bottom:1px solid #eceeef; border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;}
.section-responsive-table .table tr:hover, .section-three-box .three-box:hover{ border:1px solid #007ec2;box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);-moz-box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0, 0.2);}
.section-responsive-table .table tr:hover .prod-name-tab a, .section-three-box .three-box:hover h5 a{ color:#007ec2 !important}
.section-three-box .three-box:hover .star-icon.blue-bg{background-color: #ffee00;color: #007ec2;}
.section-responsive-table .prod-name-tab, .section-responsive-table .prod-name-tab a{color:#1b1b1b;font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:20px 0 10px 0;}
.section-responsive-table .prod-name-tab span{ display:block; color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-transform:uppercase}
.section-responsive-table .price{font-size:21px;color:#005e91;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;padding:30px 0;}
.section-responsive-table .description{ padding:20px 0;font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; }
.section-responsive-table .star-rank{ margin:0; padding:30px 0; float:left; width:100%}
.section-responsive-table .star-rank li{ list-style:none; color:#dcdcdc; display:inline-block}
.section-responsive-table .star-rank li.active{ color:#ffd703}
.section-responsive-table .celler-mark{ padding:30px 0;float:left;font-size: 12px;}
.section-responsive-table .btn{ margin:20px 0}
.section-responsive-table .page-item:first-child .page-link, .section-responsive-table .page-item:last-child .page-link{ border-radius:0;}
.section-responsive-table .page-item{ margin:0px 3px; float:left}
.section-responsive-table .page-item .page-link{ color:#626262; font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.section-responsive-table .pagination {display: block;width: 300px;margin: 30px auto 0 auto;}
.section-responsive-table .page-item .page-link.active{ background-color:#007ec2; color:#fff; border:1px solid #007ec2}

.responsive-tab {float: left;width: 100%;}
.responsive-tab .nav{ text-align:left;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start; border-bottom:0}
.responsive-tab .nav li{ /*border:1px solid #e5e5e5;*/}
.responsive-tab .nav li a{font-size: 14px;color: #1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;padding: 15px 15px;float: left;background-color: #f7f6f6; border:1px solid #e5e5e5}
.responsive-tab .nav li a:hover, .responsive-tab .nav li.active a{ text-decoration:none; color:#fff; background-color:#007ec2;border:1px solid #007ec2}
.responsive-tab .tab-content {border: 1px solid #d2d2d2;padding: 25px;float: left;width: 100%; margin-top:-1px}
.responsive-tab h4{font-size:21px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.responsive-tab h5{font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.responsive-tab p{ margin-bottom:30px;}
.responsive-tab p a{ color:#007ec2}
.responsive-tab .tab-def-box .table td{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; border-top:0; padding:8px 15px }
.responsive-tab .tab-def-box .list-style{ margin:0; padding:20px 0;}
.responsive-tab .tab-def-box .list-style li{ list-style:none; color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/bullate.png) no-repeat left 8px; padding-left:12px;}
.responsive-tab .tab-def-box .link-box{ float:left; width:100%; padding:20px 0 0 0}
.responsive-tab .tab-def-box .link-box h4{font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.responsive-tab .tab-def-box .link-box ul{ margin:0; padding:0;}
.responsive-tab .tab-def-box .link-box ul li{ list-style:none;}
.responsive-tab .tab-def-box .link-box ul li a{ color:#007ec2; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.responsive-tab .tab-def-box .link-box ul li a i{ padding-right:20px}
.responsive-tab .responsive-tabs-container .accordion-link{ border-radius:0; float:left; width:100%}
.responsive-tab .responsive-tabs-container .accordion-link.active{ background-color:#007ec2; color:#fff; border:1px solid #007ec2}
.section-three.section.section-tool.list-view-tool .three-box-discription{ padding:20px 15px 0 0}
.section-three.section.section-tool.list-view-tool .list-img{width: 100%;height: 200px;background-size: cover;background-repeat: no-repeat;}
.section-three.section.section-tool.list-view-tool .star-icon{ top:10px; bottom:auto;}
.section-three.section.section-tool.list-view-tool .yellow-img{ right:auto; left:15px; bottom:15px;}
.section-three.section.section-tool.list-view-tool .three-box{ margin:15px 0}
.section-three.section.section-tool.list-view-tool .sort-description{ height:60px;}
.section-three.section.section-tool.list-view-tool .list-imgs{ display:none}

.section-sevan-image, .section-eight-accord, .section-nine-form {float: left;width: 100%;}
.section-eight-accord .panel-group .panel{border-radius: 0;box-shadow: none;border-color: #EEE;}
.section-eight-accord .panel-default > .panel-heading{padding:0;border-radius: 0;color: #212121;background-color: #f2f2f2;border-color: #EEE; margin-bottom:2px}
.section-eight-accord .panel-title{font-size: 14px; margin-bottom:0; line-height:14px;}
.section-eight-accord .panel-title > a{display: block;padding: 15px;text-decoration: none; color:#1b1b1b;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.section-eight-accord .more-less {float: right;color: #898989;}
.section-eight-accord .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; padding:15px;}
.section-eight-accord .panel-default > .panel-heading + .panel-collapse > .panel-body p{font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0; color:#626262}
.section-nine-form .form-group{ position:relative; float:left; width:100%}
.section-nine-form form{ float:left; width:100%; padding-top:30px}
.section-nine-form form .form-group .reqire-fild-box{font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; position:relative}
.section-nine-form form .form-group .reqire-fild-box span{ color:#007ec2}
.section-nine-form form .form-group .section-one-right .bootstrap-select{ width:100%; margin-top:10px;}
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn .bs-caret .caret{background-image: url(../images/drop-arrow-01.png);background-repeat: no-repeat;width: 37px;height: 38px;right: 0;top: 2px;background-color: #f3f3f3;border-radius: 0px 4px 4px 0px;border-left: 1px solid #d2d2d2;background-position: 11px top;}
.section-nine-form form .form-group .section-one-right .dropdown-menu.inner li a{ color:#626262; font-size:13px; line-height:30px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding:0 15px; }
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn{ background-color:transparent; font-size:13px; color:#626262 !important;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding: 0 30px 0 20px;height: 40px;border: 1px solid #d2d2d2;}
.section-nine-form form .form-group .section-one-right .bootstrap-select .btn:focus, .section-nine-form form .form-group .section-one-right .dropdown-menu.inner li a:focus{ outline:0;}
.section-nine-form form .form-group .dropdown-menu{border: 1px solid #d2d2d2;margin: 0;border-radius: 4px;}
.section-nine-form form .form-group .dropdown-menu .dropdown-menu.inner{}
.section-nine-form .form-group label{ position:absolute;top:9px;left:15px; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.section-nine-form .form-group input{ padding:.5rem .75rem .5rem 190px}
.section-nine-form .form-group .check-box-main.active-box input[type="checkbox"] + label span{ background:url(../images/select-box.png) -20px top no-repeat}
.section-nine-form .form-group .reqire-fild {color: #007ec2;position: absolute;right: 10px;top: 7px;}
.section-nine-form .form-group input.invalid-fild, .section-nine-form .form-group input.invalid-fild:focus{ background-color:#fff8f7; border-color:#ff5938}
.section-nine-form .form-group .form-control:focus{ border-color:#007ec2}
.section-nine-form .form-group .section-one-right, .check-box-main{float:left;width: 100%;}
.section-nine-form .form-group .section-one-right label{position: relative;width: 100%;color: #1b1b1b;font-size: 14px;}
.section-nine-form .form-group .section-one-right .custom-select{width:100%;float:left;margin-top:15px;border:1px solid #d2d2d2;}
.section-nine-form .form-group .section-one-right .custom-select select{color: #626262;font-size: 13px;background-color: transparent;padding: 8px 10px;border-radius: 4px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}

.check-box-main.small input[type="checkbox"] {display:none;}
.check-box-main.small input[type="checkbox"] + label {color:#626262;font-size:12px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;margin-bottom: 0;}
.check-box-main.small input[type="checkbox"] + label span {background: url(../images/select-box01.png) left -14px no-repeat;
                                                           width: 14px;height: 14px;margin:-2px 5px 0 0;}
.check-box-main.small input[type="checkbox"]:checked + label span {background:url(../images/select-box01.png) left top no-repeat}


.check-box-main input[type="checkbox"] {display:none;}
.check-box-main input[type="checkbox"] + label {color:#1b1b1b; left:0; position:relative}
.check-box-main input[type="checkbox"] + label span {display:inline-block;width:20px;height:20px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../images/select-box.png) left top no-repeat;cursor:pointer;}
.check-box-main input[type="checkbox"]:checked + label span {background:url(../images/select-box.png) -20px top no-repeat;}

.section-nine-form ::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-style:italic}
.section-nine-form ::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.section-nine-form :-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.section-nine-form :-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:italic}
.btn.btn-default{ border:0; background-color:#007ec2; color:#fff !important;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:12px 60px; cursor:pointer}
.btn.btn-default:focus, .btn.btn-default:hover{ background-color:#046092}

/*product detail*/
.product-main-box, .product-slider, .prod-list-box {float: left;width: 100%;}
.banner .swiper-container-four {margin: 0 auto;position: relative;overflow: hidden; z-index: 1;}
.product-slider .swiper-container {width:100%;height: 300px;margin-left: auto;margin-right: auto;}
.product-slider .swiper-slide {background-size: cover;background-position: center; text-align:center}
.product-slider  .gallery-top {height:450px;width: 100%; border:1px solid #e5e5e5; padding:0px}
.product-slider .gallery-thumbs { height:auto;box-sizing: border-box;padding: 10px 4px; width:470px;}
.product-slider .gallery-thumbs .swiper-slide{width:90px;border: 1px solid #e5e5e5;}
.product-slider .gallery-thumbs .swiper-slide .thum-box-slider{ padding:0px 0; float:left; width:100%;}
.product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{ width:100%}
.product-slider .gallery-thumbs .swiper-slide-active{opacity:1; border:1px solid #007ec2}
/*.product-slider .gallery-top .pro-logo{}*/
.product-slider .gallery-top .gallery-big{ position:relative}
.product-slider .gallery-top .gallery-big .best-seller-box{float: right;position: absolute;right: 10px;background-color: #007ec2;color: #fff;padding: 5px 10px;top: 10px;}
.product-slider .gallery-top .gallery-big .best-seller-box .pro-logo{ padding:15px; float:left}
.product-slider .gallery-top .gallery-big .popup-btn{cursor:pointer; float:left; padding:15px; position:absolute;left:0;bottom:0}
.product-slider .gallery-thumbs .swiper-button-next{background-image: none;width: 18px;height:82px;right: 0;top: 25px;text-align: right;background: #fff;padding-top:32px;}
.product-slider .gallery-thumbs .swiper-button-prev{background-image:none;width:18px;height:82px;left:-10px;top:25px;text-align: right;background: #fff;padding-top:32px;}
.product-slider .gallery-thumbs .swiper-wrapper{ width:100%; margin:0 auto;}
.product-main-box .prod-detail-right{ float:left; width:100%;border:1px solid #e5e5e5;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.product-main-box .prod-detail-right .prod-right-head{float:left;width: 100%;border-bottom: 1px solid #d2d2d2;padding-bottom:15px}
.product-main-box .prod-detail-right .prod-right-head .left-titer{ font-size:21px; color:#1b1b1b; float:left;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-socail .social-detail, .right-socail .check-box-main{float:right; width:auto; margin-left:10px}
.right-socail .social-detail li{ font-size:13px; color:#626262; float:left; margin:0 2px;}
.right-socail .social-detail li:first-child{ margin-right:10px; padding-top:2px}
.right-socail .social-detail li a{border:1px solid #e5e5e5;float:left;border-radius: 2px;-webkit-border-radius: 2px;}
.right-socail .check-box-main input[type="checkbox"] + label span{ background:url(../images/select-box01.png) left -14px no-repeat; width:14px; height:14px;}
.right-socail .check-box-main input[type="checkbox"]:checked + label span{ background:url(../images/select-box01.png) left top no-repeat}
.right-socail .check-box-main input[type="checkbox"] + label{ color:#626262; font-size:13px;}
.product-right-cont-box{float:left;width:100%;position:relative; padding:30px 20px 20px 20px}
.product-right-cont-box .von{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-top:10px}
.product-right-cont-box .von span{color:#007ec2; font-size:13px; text-transform:uppercase;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .von-star{ float:left; width:100%; padding:0}
.product-right-cont-box .von-star li{float:left; color:#dcdcdc; font-size:14px; margin-right:3px;}
.product-right-cont-box .von-star li.active{ color:#ffd703}
.product-right-cont-box .von-star li span{ color:#626262; margin-right:10px;}
.product-right-cont-box .von-star li a{ font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.product-right-cont-box .all-price-box{ float:left; width:100%;}
.product-right-cont-box .all-price-box .old-price{ font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; display:inline-block; float:left}
.product-right-cont-box .all-price-box .price{font-size: 21px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:0;}
.product-right-cont-box .all-price-box .discount-price{ color:#ff5938;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:13px; float:left; width:100%}
.product-right-cont-box .all-price-box p{color:#626262; font-size:13px}
.product-right-cont-box .all-price-box p a{color:#626262; text-decoration:underline}
.product-right-cont-box .all-price-box p span{ color:#046092}
.product-right-cont-box .prod-avil{ float:left; width:100%; color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-bottom:15px;}
.product-right-cont-box .prod-avil .shop-link{color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .prod-avil .produ-avail{color:#4bb82e;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail .quinty{ float:left; width:140px; padding:8px 0;}
.product-main-box .prod-detail-right .provider-detail .quinty .custom-select, .section-nine-form .form-group .custom-select{border:1px solid #d2d2d2;background-color:#fff;width:80px;padding:0;}
.product-main-box .prod-detail-right .provider-detail .custom-select select{background-color:transparent;padding: 9px 15px;color: #1b1b1b;}
.product-main-box .prod-detail-right .provider-detail .custom-select:after, .section-nine-form .form-group .custom-select:after{background-color: #f3f3f3;border-radius: 0px 4px 4px 0px;top: 0;right: 0;padding: 0 0;height: 32px;border-left:1px solid #d2d2d2;background-position: 13px top;width:34px;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default{ background-color:#ffee00;color:#1b1b1b; padding:4px 15px 4px 4px; float:right; border:1px solid #ffcc00;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default:hover{ background-color:#ffcc00;}
.product-main-box .prod-detail-right .provider-detail .btn.btn-default img{ margin-right:15px;}
.product-right-cont-box .cat-box{ float:left; width:100%;}
.product-right-cont-box .cat-box p{ color:#626262; font-size:13px; margin:0; display:inline-block}
.product-right-cont-box .cat-box p a{font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.product-right-cont-box a.link{ float:left; width:100%; font-size:14px; color:#007ec2;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail{float:left;width:100%;padding:20px;background-color:#f3f3f3;border-top:1px solid #e5e5e5;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer{ float:left; width:100%; border-top:1px solid #e5e5e5; padding-top:15px; margin-top:15px;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .check-box-main{ width:auto;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .link{ float:right;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-main-box .prod-detail-right .provider-detail .provider-detail-footer .link img{ margin-right:10px;}
.product-main-box .prod-detail-right .provider-detail .prod-featu-ul li{ font-size:13px; line-height:21px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/green-true-icon.png) no-repeat left 10px; padding-left:13px;}
.product-main-box .prod-detail-right .provider-detail .prod-featu-ul .link, .section .weitere-angebote .link{ font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:20px 0; float:left; width:100%;}
.product-right-cont-box .provider-detail h6{font-size:14px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.product-right-cont-box .provider-detail .produ-copany-detail{float: left;width: 100%;border-top: 1px solid #007ec2;border-right: 1px solid #007ec2;border-bottom: 1px solid #007ec2; position:relative; margin-bottom:20px;}
.provider-detail .produ-copany-detail .table td{ border:0; padding:12px; margin:0}
.provider-detail .produ-copany-detail .table, .product-right-cont-box .provider-detail table{ border:0; padding:0; margin:0}
.provider-detail .produ-copany-detail p, .product-right-cont-box .provider-detail .shop-detail p{ color:#626262; font-size:13px; margin:0}
.product-right-cont-box .provider-detail .produ-copany-detail:before{content:'';background:url(../images/product-detail-bigarrow.png);position:absolute;left:-30px;top:-1px;height:70px;width:30px;background-repeat: no-repeat;}
.provider-detail .produ-copany-detail .price, .product-right-cont-box .provider-detail .shop-detail .price{font-size:16px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:10px 0;}
.provider-detail .produ-copany-detail .company-logo, .product-right-cont-box .provider-detail .shop-detail .company-logo{ padding:10px 0}
.product-right-cont-box .provider-detail .shop-detail tr{ background-color:#f7f6f6}
.product-right-cont-box .provider-detail .shop-detail{ border-bottom:1px solid #e5e5e5; margin-bottom:20px}

/*product-list*/
.prod-list-box .no-padding-space{ padding:0; float:left}
.prod-list-box .no-padding-space .section-pro-box{text-align: center;font-size: 18px;border: 1px solid #e5e5e5; cursor:pointer; /*min-height:466px;*/}
.prod-list-box .no-padding-space .section-pro-box:hover{ border:1px solid #007ec2!important; }
.prod-list-box .no-padding-space .all-price-box, .section .all-price-box{float: left;width: 100%; padding:10px 0 0 0}
.section .product-main-box .all-price-box .best-seller-box{ position:absolute; top:0; right:0}
.prod-list-box .no-padding-space .all-price-box .discount-price, .section .all-price-box .discount-price{ float:left; color:#626262;font-size:12px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; padding-left:5px; width:auto;}
.prod-list-box .no-padding-space .all-price-box .old-price, .section .section-one-description .old-price, .section .table .all-price-box .old-price{color:#ff5555;font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; text-decoration:line-through}
.section .section-one-description .old-price.no-border{ text-decoration:none}
.prod-list-box .no-padding-space .all-price-box .price, .section .table .all-price-box .price{font-size: 21px;color: #005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;float: left; line-height:20px; padding:15px 0 0 0}
.prod-list-box .no-padding-space .pro-img{ padding:15px 0}
.section.section-prodlist{ padding:0 0 50px 0}
.section.section-prodlist .left-nav-box, .section.section-prodlist .checkbox-list-box, .section.section-prodlist .star-box, .section.section-prodlist .left-link-box{ float:left; width:100%; /*border:1px solid #e5e5e5; */margin-bottom:10px;}
.section.section-prodlist .left-nav-box ul{ padding:0;}
.section.section-prodlist .left-nav-box ul li{ list-style:none;}
.section.section-prodlist .left-nav-box ul li a{ background-color:transparent; color:#626262;font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;  float:left; width:100%;border-bottom: 1px solid #e5e5e5;padding: 10px 15px;}
.section.section-prodlist .left-nav-box ul li a:hover{ text-decoration:none; color:#046092}
.section.section-prodlist .left-nav-box .left-nav-had{font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; color:#fff; background-color:#007ec2; padding:10px 15px; float:left; width:100%}
.section.section-prodlist .left-nav-box ul li:last-child a{ border-bottom:0}
.section.section-prodlist .left-nav-box ul li a i, .section.section-prodlist .left-nav-box .left-nav-had i{float:left; padding:3px 5px 0 0}
.section.section-prodlist .checkbox-list-box .check-head i, .section.section-prodlist .star-box .star-head i{float:right; padding:3px 5px 0 0}
.section.section-prodlist .left-nav-box ul li a span, .section.section-prodlist .left-nav-box .left-nav-had span{ float:right}
.section.section-prodlist .checkbox-list-box .check-head, .section.section-prodlist .star-box .star-head{font-size:13px; color:#1b1b1b;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;background-color:#f2f2f2; float:left; width:100%; border:0; border-radius:0; text-align:left; padding:15px;}
.section.section-prodlist .checkbox-list-box .dropdown-toggle::after{ display:none}
.section.section-prodlist .checkbox-list-box .dropdown-menu{display:block;border:0;padding:10px 15px;position:relative;width:100%; margin-top:0;}
.section.section-prodlist .checkbox-list-box li a:hover .check-box-main input[type="checkbox"] + label{ color:#046092}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label span{display:inline-block;width:14px;height:14px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../images/select-box01.png) left -14px no-repeat;cursor: pointer;}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label span.f-right{ float:right; background:none;color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; }
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"]:checked + label span{;background:url(../images/select-box01.png) left 0px no-repeat;}
.section.section-prodlist .checkbox-list-box .check-box-main input[type="checkbox"] + label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:100%}
.section.section-prodlist .star-box ul{ padding:5px 10px 0 0; margin:0; float:left}
.section.section-prodlist .star-box ul li{ list-style:none; float:left; padding:0 2px}
.section.section-prodlist .star-box ul li a{ background:url(../images/star-box.png) -16px top no-repeat; width:15px; height:15px; float:left; text-decoration:none}
.section.section-prodlist .star-box ul li a.active{background:url(../images/star-box.png) 0px top no-repeat;width:15px;height:15px;}
.section.section-prodlist .star-box label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0}
.section.section-prodlist .star-box .star-detail{ float:left; width:100%; padding:15px;}
.section.section-prodlist .left-link-box a{ color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:100%; padding:15px 15px 15px 0;}
.section.section-prodlist .left-link-box a img{ float:left; padding-top:3px; margin-right:5px}

/*setenenmente*/
.responsive-tab .tab-search{ float:left; width:100%; margin-bottom:40px;}
.responsive-tab .tab-search .add-on .input-group-btn > .btn {border-left-width:0;left:-2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
/* stop the glowing blue shadow */
.responsive-tab .tab-search .add-on .form-control:focus {box-shadow:none;-webkit-box-shadow:none;border-color:#cccccc;}
.responsive-tab .tab-search .input-group-btn{position:absolute;left: 0;top: 0; z-index:20}
.responsive-tab .tab-search .input-group-btn .btn, .responsive-tab .tab-search .input-group-btn .btn:hover{ background-color:transparent; color:#d2d2d2 !important; box-shadow:none !important;-webkit-box-shadow:none !important; cursor:pointer; padding:10px 15px}
.responsive-tab .tab-search .navbar-form .form-control{ padding:.5rem .75rem .5rem 37px; border-radius:4px;}
.responsive-tab .tab-search .section-one-right{ float:right; width:260px;}
.quetion-ans-box{ float:left; width:100%;}
.quetion-ans-box .no-list{width:70px;float:left;text-align:center;color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; border-right:1px solid #d2d2d2; font-size:13px; position:relative}
.quetion-ans-box .no-list:before{ content:''; background:url(../images/comment-arrow-right.png) no-repeat;position: absolute;width:6px;height: 21px;right: -6px;top: 40%;}
.quetion-ans-box .que-ans{ float:left; width:100%; padding-bottom:20px;}
.quetion-ans-box .qus-box{width:85%;float: left;padding:0px 15px;}
.quetion-ans-box .qus-box .que-box{ color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:10px;}
.quetion-ans-box .qus-box .que-box .tag{color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:80px; margin-bottom:2px}
.quetion-ans-box .qus-box .ans-box{color:#1b1b1b; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.quetion-ans-box .qus-box .ans-box .tag{color:#1b1b1b; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;float:left; width:80px; min-height:80px;}
.quetion-ans-box .qus-box .ans-box span{ display:block; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:13px; padding-left:80px}
.quetion-ans-box .qus-box .ans-box span a{ padding-left:0}
.quetion-ans-box .qus-box .ans-box a{ color:#007ec2;font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding-left:80px}
.quetion-ans-box .qus-btn-box {float: left;width: 100%;padding: 30px 0 0 100px;}
.tab-three-pan {float: left;width: 100%;margin:0px 0 15px 0;}
.tab-three-pan h5, .comment-box h5{ color:#1b1b1b; font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.tab-three-pan .big-star{ padding:0; margin:0;}
.tab-three-pan .big-star li{list-style:none;float:left;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px}
.tab-three-pan .big-star li a{ color:#dcdcdc;font-size: 18px;padding: 0 3px;}
.tab-three-pan .big-star li a.active{ color:#ffd703}
/*.tab-three-pan .big-star li:last-child a{ color:#007ec2; font-size:14px; padding-left:10px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; padding:6px 7px;}*/
.tab-three-pan.star-count{float: left;width: auto; margin-bottom:10px}
.tab-three-pan.start-btn-right {float: right; margin-bottom:40px}
.tab-three-pan.star-count .social-mid{}
.tab-three-pan.star-count .social-mid li{ float:left; }
.tab-three-pan.star-count .social-mid li a{ color:#fff; width:34px; height:34px; border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; float:left; text-align:center;font-size:16px;padding:6px 0;margin-right: 10px;}
.tab-three-pan.star-count .social-mid li a.twitter-mid{ background-color:#1cb2f6;}
.tab-three-pan.star-count .social-mid li a.fecbook-mid{ background-color:#4a6ea8}
.tab-three-pan.star-count .social-mid li a.pint-mid{ background-color:#cb1f23}
.tab-three-pan.star-count .social-mid li a.google-mid{ background-color:#e55f3b}
.tab-three-pan.start-btn-right .btn.btn-default{ padding:12px 20px}
.tab-three-pan .big-star li:last-child span{ color:#626262; float:left; padding-top:7px; font-size:13px;}
.tab-three-pan .table.star-table{ width:320px; float:left;}
.tab-three-pan .table.star-table thead th, .tab-three-pan .table.star-table td{ border:0; font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:3px 4px; line-height:17px;}
.tab-three-pan .table.star-table tr{}
.tab-three-pan .table.star-table .load {width: 200px;height: 17px;background-color: #f3f3f3;border-radius: 4px;}
.tab-three-pan .table.star-table .load-yellow{background-color:#ffd703;height:17px;border-radius:4px 0px 0px 4px;float:left;}
.tab-three-pan .table.star-table .load-yellow.per50{ width:50%;}
.tab-three-pan .table.star-table .load-yellow.per30{ width:30%;}
.tab-three-pan .table.star-table .load-yellow.per20{ width:20%;}
.tab-three-pan .table.star-table .load-yellow.per5{ width:5%;}
.tab-three-pan .table.star-table .load-yellow.per10{ width:10%;}
.comment-box{ float:left; width:100%;}
.comment-box .comment-head, .comment-box .comment-contain{ float:left; width:100%; padding:15px 0 0 0}
.comment-box ul{ padding:0; margin:0}
.comment-box ul li{ list-style:none; display:inline-block}
.comment-box ul li a{ color:#dcdcdc}
.comment-box ul li a.active{ color:#ffd703;}
.comment-box ul li:last-child{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box span.small-star-text{ display:block; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p a{ color:#007ec2;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.comment-box .comment-contain p a img{ margin-right:10px;}
.comment-box .comment-contain p.more-comme{ margin:0;}
.price-filter{float: left;width: 100%;padding: 15px;}
.price-filter .pric-lab-box{ float:left; width:100%}
.price-filter .pric-lab-box label{ color:#626262; font-size:13px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.price-filter .pric-lab-box input{ width:100%; float:left; text-align:center; font-size:13px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; border:1px solid #e5e5e5; padding:5px 0;}
.price-filter #slider-range, .price-filter #slider-range-01, .price-filter #slider-range-02{float: left;width: 100%;margin: 30px 0 10px 0;height: 3px;border: 0;background-color: #007ec2;}
.price-filter #slider-range span, .price-filter #slider-range-01 span, .price-filter #slider-range-02 span{ background:url(../images/price-slider.png) left top no-repeat;height: 19px;width: 19px;border-radius: 0;border: 0; top:-8px;}
.price-filter #slider-range span:last-child, .price-filter #slider-range-01 span:last-child, .price-filter #slider-range-02 span:last-child{ background:url(../images/price-slider.png) -19px top no-repeat;height: 19px;width: 19px;border-radius: 0;border: 0;}

/*footer*/
footer{float: left;width: 100%;margin-top:100px;}
footer .footer-top{ background-color:#f7f6f6; float:left; width:100%}
.scroll-up {width: 52px;height: 52px;background-color: #f7f6f6;border: 4px solid #fff;display: block;margin: -27px auto 0 auto;text-align: center;border-radius: 50%;color: #b5b5b5;font-size: 23px;padding: 4px 0;}
footer .footer-nav{float: left;width: 100%;padding:50px 0;}
footer .footer-nav .nav-box{ width:20%; float:left; padding:0 15px}
footer .footer-nav h6, footer .payment-box h6{font-size:14px;color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;margin-bottom:30px;}
footer .footer-nav li a{ font-size:14px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
footer .footer-nav li a:hover, footer .footer-nav li a.active{ color:#007ec2; text-decoration:none}
footer .payment-box{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:60px 0}
footer .payment-box li{ display:inline-block}
.coppy-right{background-color: #eeeeee;padding:25px 0;float: left;width: 100%;font-size: 12px; color:#626262}
.coppy-right span, .coppy-right li a:hover{ color:#007ec2; text-decoration:none}
.coppy-right li{ display:inline-block;}
.coppy-right .left-coppy{ float:left}
.coppy-right .right-coppy{ float:right}
.coppy-right li a{ color:#626262; padding:0 10px}

.section .catagorry-product img{ width:100%;}
.section .catagorry-product{ padding:15px;}
.section .catagorry-product .section-one-description{border-top: 1px solid #e5e5e5;padding: 15px 0 0 0;margin: 0;}
.section .catagorry-product .section-one-description h4 i{ float:right; font-size:14px; color:#626262; padding-top:3px;}

/*20082017*/
#primarydnav #dropdown-addon{position: absolute;z-index: 20;}
#primarydnav .searchbar .form-control{border-radius: 5px 0px 0px 5px;padding:11px 15px 10px 120px;}
#primarydnav .complete-menu-items.rightside{ float:right; margin-top:10px; display:block !important}
#primarydnav .complete-menu-items.rightside ul ul{ padding:15px}
#primarydnav .complete-menu-items.rightside ul ul.new-user li{ font-size:13px; color:#007ec2; padding:5px 0 10px 0}
body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li i{font-size:13px;color:#007ec2;padding:7px 1px}
#primarydnav .complete-menu-items.rightside ul ul.new-user li a.new-coustomer, body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li a.new-coustomer{ float:left; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:13px;}
#primarydnav .complete-menu-items.rightside ul ul.new-user li a.ragistration, body.sticky-header header #secondarydnav .complete-menu-items.rightside ul ul.new-user li a.ragistration{font-size:13px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; float:right}

#primarydnav .complete-menu-items.rightside ul li a i, #secondarydnav .complete-menu-items.rightside ul li a i{ margin-left:5px; /*color:#ffee00*/}
#primarydnav .complete-menu-items.rightside ul li a i.foreground, #secondarydnav .complete-menu-items.rightside ul li a i.foreground{ margin:0}
.btn-yelllow{ color:#1b1b1b; background-color:#ffee00; border:1px solid #ffcc00; font-size:14px; text-align:center;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.btn-yelllow:hover{background-color:#ffcc00; border:1px solid #ffcc00; color:#1b1b1b; }
#primarydnav .complete-menu-items.rightside ul ul.mega-menu .cart-img{ width:40px;}
.complete-menu-items.rightside ul ul.mega-menu .titel, .complete-menu-items.rightside ul ul.mega-menu .prod-discription, .complete-menu-items.rightside ul ul.mega-menu .prod-qut label, .complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top a{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside ul ul.mega-menu .prod-nam{ float:left; width:100%;}
.complete-menu-items.rightside ul ul.mega-menu .prod-nam a, #secondarydnav.stick .complete-menu-items.rightside ul ul.mega-menu .prod-nam a{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:18px;}
.complete-menu-items.rightside ul ul.mega-menu .prod-discription a{ font-size:12px; color:#007ec2; display:inline-block; padding-left:2px;}
.complete-menu-items.rightside ul ul.mega-menu .custom-select {position: relative;width: 52px;float: right;height: 24px;padding: 0px 6px;border: 1px solid #d2d2d2;background-color: #fff; margin-left:3px;}
.complete-menu-items.rightside ul ul.mega-menu .custom-select select {background-color: #fff;display: inline-block;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;border-radius: 0;-webkit-border-radius: 0;padding:0;width: 100%;color: #9b9b9b;border: 0;font-size: 12px}
@media screen and (-webkit-min-device-pixel-rato:0) {
    .complete-menu-items.rightside ul ul.mega-menu .custom-select select {padding-right: 0;width: 100%;border: 0 solid #d2d2d2;border-radius: 0;-webkit-border-radius: 0;font-size: 12px}
}
.complete-menu-items.rightside ul ul.mega-menu .custom-select select:focus {-webkit-box-shadow: none;box-shadow: none;outline: 0}
.complete-menu-items.rightside ul ul.mega-menu .custom-select:after {content: "";background-image:url(../images/cart-arrow-table.png);background-repeat: no-repeat;position: absolute;top: -1px;right: -1px;padding: 0;pointer-events: none;width: 24px;height: 24px;cursor: pointer}
.complete-menu-items.rightside ul ul.mega-menu .price{ font-size:16px; color:#005e91;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .buttons{ float:left}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .buttons .btn-yellow{ padding:0 30px; height:35px;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .right-cart-footer{float: right;padding: 12px 0;margin-right: 55px;}
.complete-menu-items.rightside ul ul.mega-menu .best-seller{ color:#1b1b1b; font-size:14px; float:right;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding-right:10px;}
.complete-menu-items.rightside ul ul.mega-menu .cart-item:last-child .price{ width:auto; float:right}
.complete-menu-items.rightside ul ul.mega-menu .cart-header{ float:left; width:100%; padding:11px 0}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .cart-prd-list{ font-size:16px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; float:left;}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top{ float:right;}
.complete-menu-items.rightside ul ul.mega-menu .cart-header .close-top a img{vertical-align:middle;margin-left:5px;}
.complete-menu-items.rightside .user-profile li a{ font-size:13px; color:#626262; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.complete-menu-items.rightside .user-profile li a:hover, #primarydnav .complete-menu-items.rightside .user-profile li a:hover i{ color:#007ec2; text-decoration:none}
.complete-menu-items.rightside .user-profile li a i{ float:right;color:#626262; padding-top:7px;}

#secondarydnav #categories .btn-link{font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:12px 46px  12px 0}
#secondarydnav .main-menu ul li{ padding:0px 15px;}
#secondarydnav .main-menu ul li ul li{ padding:0 15px 0 0}
#secondarydnav .main-menu ul li a{ font-size:13px; color:#626262; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:0 0px; background:url(../images/sub-cat-arrow.png) no-repeat right 7px;}
#primarydnav .searchbar .main-menu ul li a{ background:url(../images/sub-cat-arrow.png) no-repeat right 10px; width:95%}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a{ background:none}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a i{float: right;color: #626262;padding-top: 7px;}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a.btn-yelllow{ color:#1b1b1b; background-color:#ffee00; border:1px solid #ffcc00; font-size:14px; text-align:center;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
body.sticky-header header #secondarydnav .sticky-header-search .complete-menu-items.rightside .main-menu ul li a.btn-yelllow:hover{background-color:#ffcc00; border:1px solid #ffcc00; color:#1b1b1b; }


/*cat-menu*/
#primarydnav .catmenu-box{ display:none}
#secondarydnav .catmenu-box{ float:left; width:186px; margin-right:50px;}
#secondarydnav .catmenu-box .collapse {display:block}
#secondarydnav .catmenu-box .navbar .popover {max-width:1180px;overflow: hidden;left: 238px ;height: 100%;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 0px 4px 4px 0px;-o-border-radius: 0px 4px 4px 0px;-moz-border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;box-shadow:3px 2px 6px 0px rgba(0, 0, 0, 0.03);-ms-box-shadow:3px 2px 6px 0px rgba(0, 0, 0, 0.03);-webkit-box-shadow:3px 2px 6px 0px rgba(0, 0, 0, 0.03);-moz-box-shadow:3px 2px 6px 0px rgba(0, 0, 0, 0.03); padding:15px 0;background-repeat: no-repeat;background-position: right bottom; top:0}
#secondarydnav .catmenu-box .navbar .popover-content {text-align: center;}
#secondarydnav .catmenu-box .navbar .popover-content img {height: 212px;max-width: 250px;}
#secondarydnav .catmenu-box .navbar .dropdown-menu {-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 8px rgba(0, 0, 0, 0.2);width: 240px;padding:15px;min-height:580px; border:1px solid #e0e0e0;}
#secondarydnav .catmenu-box .navbar .dropdown-menu > li > a:hover {
    background-image: none;color: white;background-color: rgb(0, 129, 194);background-color: rgba(0, 129, 194, 0.5);}
#secondarydnav .catmenu-box .nav > li:hover .dropdown-menu{ display:block }
#secondarydnav .catmenu-box .nav > li a.dropdown-toggle{ color:#fff ;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:15px; background:none; padding:17px 0; float:left}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a{ font-size:13px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:30px; width:100%; float:left; background:none}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a i{ float:right; padding:7px 0}
#secondarydnav .catmenu-box .nav > li .dropdown-menu li a:hover{ background-color:transparent; color:#007ec2}
#secondarydnav .catmenu-box .dropdown-toggle::after{ display:none;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3{ width:25%; float:left}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 li a{ background-image:url(../images/sub-cat-arrow.png);background-repeat: no-repeat;
                                                             background-position: left 10px;padding-left: 15px;font-size: 13px;color: #626262;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 li a:hover, .catmenu-box .navbar .popover .col-sm-3 h6 a:hover{ color:#007ec2; text-decoration:none}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 h6 a{ font-size:15px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .sub-cat-nev{ float:left; width:100%; margin:0 0 30px 0;}
#secondarydnav .catmenu-box .navbar .popover .subcat-img{position: absolute;right: 0;bottom: 0;width: 250px;z-index: 0;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .last-tool a{ font-size:13px; color:#007ec2}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 .last-tool a img{ vertical-align:middle; margin-right:10px;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 h3 a{ color:#046092; font-size:26px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-align:right; padding-top:30px;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p{ float:right; padding:10px 0}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p a{ color:#046092; text-align:right; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
#secondarydnav .catmenu-box .navbar .popover .col-sm-3 p a i{ float:left; padding:10px;}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw{width:183px;text-align: center; margin:0 auto}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw a{ color:#626262; font-size:13px; background-color:#f7f6f6;border:1px solid #dcdcdc;
                                                               border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;}
#secondarydnav .catmenu-box .navbar .popover .all-cat-shopw a i{ float:none;color:#046092}
#secondarydnav .catmenu-box .nav > li .dropdown-menu:before{content: '';position: absolute;top: -18px;left:98px;width: 0;height: 0;overflow: hidden;border-width: 9px;border-style: dashed dashed solid;border-color: transparent transparent #fff; border-width:10px;}
#secondarydnav .catmenu-box .navbar .nav{justify-content:left; text-align:left}
#secondarydnav .catmenu-box .navbar{ padding:0}

/*all tag*/
.all-tag-titel{ float:left; width:100%; padding-bottom:40px}
.all-tag-box .date{float:left;color:#626262;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-right:10px;}
.all-tag-box .date img.eye-img{ padding:5px 0}
.all-tag-box .von-star{float: left;padding:0 0 5px 0;}
.all-tag-box .von-star ul li{color: #dcdcdc;float: left;font-size: 14px;margin-right: 5px;}
.all-tag-box .von-star ul li.active{ color:#ffd703;}
.all-tag-box .von-star ul li span{color:#626262;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.all-tag-box .date img{vertical-align: middle;margin-right: 5px;float: left;}
.all-tag-box h1{ font-size:26px; color:#1b1b1b;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; display:inline-block }
h2{ font-size:21px; color:#1b1b1b;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; display:inline-block }
.all-tag-titel  h3, h3{ color:#1b1b1b; font-size:16px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding:20px 0; margin:0}
.all-tag-box h5{ display:inline-block; padding:0}
.all-tag-box{border-bottom:1px solid #d2d2d2; float:left; width:100%;padding:0px 0 00px;margin:0px 0 15px 0;}
.all-tag-box .section-one-right{ float:right; padding-bottom:10px;}
.all-tag-box .section-one-right label{ font-size:13px; color:#111; margin-right:10px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; }
.all-tag-box small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; }
.all-tag-box .right-socail{ float:right}
.all-tag-box .right-socail #imaginary_container{ float:right; margin-top:-13px}
.all-tag-box .right-socail #imaginary_container .input-group-addon{padding: 0;background-color: transparent;position: absolute;left: 0;z-index: 20;top: 5px; border:0}
.all-tag-box .right-socail #imaginary_container .input-group-addon button{color: #d2d2d2;background: none;border: 0;padding: 5px 12px;cursor: pointer;}
.all-tag-box .right-socail #imaginary_container .form-control{ border-radius:4px; padding:.5rem .75rem .5rem 40px}
.all-tag-titel h4{font-size:21px;color:#1b1b1b;line-height:31px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:20px 0 10px 0}
h4{font-size:21px;color:#1b1b1b;line-height:31px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
h5{font-size:14px;line-height:23px;color:#535353;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
h6{font-size:14px; line-height:23px; color:#535353;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.all-tag-titel h5{font-size:14px;line-height:23px;color:#535353;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-titel h6{font-size:14px; line-height:23px; color:#535353;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-titel h7{font-size:13px; line-height:21px; color:#535353;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding:20px 0 10px 0}
.all-tag-box .page-count{ float:right; padding:10px 0}
.all-tag-box .page-count li{ display:inline-block; float:left; color:#666; font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-right:1px solid #666; padding:0 15px; line-height:8px;}
.all-tag-box .page-count li:last-child{ border:0; padding:0 0 0 15px}
.all-tag-box .page-count li a{font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#007ec2; }

/*allfilter*/
.all-filter-box{ float:left; width:100%;}
.all-filter{ border-bottom:1px solid #d2d2d2; float:left; width:100%; padding-bottom:15px; margin-bottom:20px;}
.all-filter .custom-select{ float:left; margin-right:20px;}
.all-filter .fillter-navigation{ float:left; width:100%}
.all-filter .fillter-navigation .fillter-one{float:right;padding:6px 5px 0 5px;}
/*.all-filter .fillter-navigation .fillter-one .dropdown{ border:1px solid #fff;padding: 4px 10px;height: 34px;border-radius: 4px;}*/
.all-filter .fillter-navigation .fillter-one .dropdown.show{border: 1px solid #e0e0e0;}
.all-filter .fillter-navigation .fillter-one .popupbtn:focus{border: 1px solid #e0e0e0; box-shadow:none;}
.all-filter .fillter-navigation .fillter-one .dropdown-toggle, .all-filter .fillter-navigation .fillter-one .popupbtn
{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background-color:#fff; border:0; text-decoration:none}
.all-filter .fillter-navigation .fillter-one .popupbtn img{ padding-left:5px; font-size:10px}
.all-filter .fillter-navigation .fillter-one .dropdown-toggle i{ padding-left:5px;}
.all-filter .fillter-navigation .dropdown-menu:before{content: '';position: absolute;top: -11px;left:20px; background:url(../images/filter-arrow.png); width:33px; height:14px;}
.all-filter .dropdown-toggle::after{ display:none}
.all-filter .fillter-navigation .dropdown-menu{position: absolute;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;width: 240px;padding:15px;z-index:50; box-shadow:1px 1px 2px 1px rgba(0,0,0, 0.05);}
.all-filter .check-box-main input[type="checkbox"] + label {color: #626262;font-size: 13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:0 }
.all-filter .fillter-one .dropdown-menu input[type=checkbox]:checked ~ label{ border:1px solid #fff}
.all-filter .fillter-one .dropdown-menu input[type=checkbox] ~ label{ padding:4px 10px 4px 0}
.all-filter .check-box-main .count-filter{float:right;color:#626262;font-size:11px;padding:5px 0 0 0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.all-filter .check-box-main input[type="checkbox"] + label span {background: url(../images/select-box01.png) left -14px no-repeat;width: 14px;height: 14px;}
.all-filter .check-box-main input[type="checkbox"]:checked + label span {background: url(../images/select-box01.png) left top no-repeat;}
.all-filter .price-filter{ padding:10px 0}
.all-filter .price-filter .pric-lab-box input{text-align: left;padding: 5px 10px;border-radius: 4px;}
.all-filter .price-filter .pric-lab-box{ position:relative}
.all-filter .price-filter .pric-lab-box label{position: absolute;right: 15px;top: 6px;margin: 0;}
#myModal .modal-dialog{ max-width:80%; margin:100px  auto;}
#myModal .modal-dialog .modal-content{ padding:15px}
#myModal .modal-dialog button.close{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;color:#626262; opacity:1; top:30px; right:30px;}
#myModal .modal-dialog button.close img{ margin-left:15px;}
#myModal .modal-dialog h2{ font-size:21px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; border-bottom:1px solid #d2d2d2; display:block; width:100%; padding-bottom:5px;}
#myModal .modal-dialog .col-sm-3{ float:left}
#myModal .modal-dialog h5{font-size:15px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:10px 0 }
#myModal  .all-filter{ border:0}
#myModal  .all-filter .check-box-main .count-filter{ padding:0}
#myModal .pop-btn{ width:230px; margin:10px auto}
.all-filter .close-right{ float:left; padding:4px 0 4px 28px}
.all-filter .close-right a{ color:#007ec2; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-decoration:none}
.all-filter .close-right a img{ margin-right:10px;}
.all-filter .left-menu{ float:left; width:200px;}
.all-filter .left-menu .btn-group{ width:100%; float:left}
.all-filter .left-menu .dropdown-toggle{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;border:1px solid #dcdcdc; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; height:40px; float:left; width:100%; padding:11px 15px; text-decoration:none; background:#f7f6f6 url(../images/drop-arrow-01.png) no-repeat right top; text-align:left}
.all-filter .left-menu .dropdown-toggle i{ float:right; padding:3px 0}
.all-filter .left-menu .dropdown-menu{ top:40px;}
.all-filter .left-menu .dropdown-menu li a{ font-size:13px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; text-decoration:none; line-height:30px;}
.all-filter .left-menu .dropdown-menu li a:hover{ color:#007ec2}
.all-filter .left-menu .dropdown-menu li a span{ float:right}
.all-filter .left-menu .dropdown-menu li a i{ padding-right:5px;}
.fillter-one .dropdown{position: relative;display: inline-block;font-size: 16px;color: #FFF;float:left;padding: 0 4px;}
.fillter-one input[type=checkbox]{display: none;}
.fillter-one label{font-size: 14px;color: #1b1b1b;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;background-color: #fff;border: 1px solid #fff;text-decoration: none;padding: 4px 10px;border-radius: 4px;}
.fillter-one ul{position: absolute;list-style: none;text-align: left;width: 100%;z-index: 1;display: none;}
.fillter-one input[type=checkbox]:checked ~ label {border: 1px solid #dcdcdc;}
.fillter-one input[type=checkbox]:checked ~ ul {display: block;}
.fillter-one input[type=checkbox]:checked ~ ul li{ float:left; width:100%}

.section .weitere-angebote{float:left;width:100%;border:1px solid #e5e5e5;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin-top:15px;}
.section .weitere-angebote h5{ color:#1b1b1b; margin:0; padding:15px}
.section .weitere-angebote .gray-box{ background-color:#f7f6f6;float:left; width:100%;}
.section .weitere-angebote .gray-box li{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:20px 15px }
.section .weitere-angebote .gray-box .left-price-detail{ float:left; width:180px;}
.section .weitere-angebote .gray-box .btn{ float:right; margin:15px 0}
.section .weitere-angebote .gray-box .price{font-size:16px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.section .weitere-angebote .gray-box .price span{font-size:12px;color:#7ab82e;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.section .weitere-angebote .gray-box p{ font-size:12px; margin:0}
.section .weitere-angebote .link{ padding:20px; border-top:1px solid #e5e5e5}

.section-six-table .table-box {float: left;width: 100%;}
.section-six-table .table-box .table td{ font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:7px 15px}
.section-six-table .all-tag-titel{ padding-bottom:0}
.section-six-table .link-box{ float:left; width:100%; padding:20px 0}
.section-six-table .link-box a{ width:100%; float:left}
.link{ font-size:13px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; text-decoration:none }
.link:hover{ text-decoration:none}
.section-six-table .comment-star-box{ float:left; width:100%}
.comment-star-box .btn-gray-box{  float:left}
.comment-star-box .btn-gray{ font-size:13px; border:1px solid #dcdcdc}
.comment-star-box .btn-gray:hover i{ color:#fff}
.comment-star-box .btn-gray i{ padding-left:15px; color:#007ec2}

.swiper-container-five .swiper-slide{ width:23.5%; min-height:415px}
.swiper-container-five .swiper-slide img{ width:auto;}
.swiper-container-five .catagorry-product .section-one-description{ float:left; padding:15px 0}
.swiper-container-five .swiper-slide h3{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;color:#1b1b1b;padding:0 0 15px 0}
.swiper-container-five .swiper-slide li{background: url(../images/sub-cat-arrow.png) no-repeat left 10px;float: left;width: 100%;padding-left: 10px;}
.swiper-container-five .swiper-slide li a{ font-size:13px; color:#626262; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.swiper-container-five .swiper-slide li a:hover{ color:#007ec2; text-decoration:none}
.star-icon.blue-bg {background-color: #004b93;color: #fff;}
.star-icon.yello-bg {background-color: #ffee00;color: #007ec2;}
.star-icon{position: absolute;bottom: 10px;right: 10px;z-index: 20;text-align: center;padding:5px 8px; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.section-three .three-box-discription .eay-view{ font-size:11px; color:#a0a0a0;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; text-align:right}

/*grid box*/
.grid-box #my-gallery-container{ float:left; width:100%;}
.grid-box #my-gallery-container .btn{ width:100%}
.grid-box .grid-main-box{float: left;width: 100%;}
.grid-box #my-gallery-container .padding{ float:left}
.grid-box #my-gallery-container .padding .item{ float:left; width:100%; margin-bottom:30px}
.grid-box .section-three-box .three-box:hover{ box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-ms-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-moz-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);-webkit-box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);}
.grid-box .three-box-discription .tag-box a{font-size:11px;color:#7d7d7d;background-color:#f3f3f3;text-decoration: none;padding: 4px;margin-right: 5px;border-radius: 3px;-webkit-border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.section-six-table .all-tag-titel h3, .section-six-table .link-box h3{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.categories-slider-column6 .section-main-box .swiper-slide{ border:1px solid #fff}
.categories-slider-column6 .section-main-box .swiper-slide:hover{ border:1px solid #007ec2}

.diyhelden-banner .left-box-stellen{font-size:13px;color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; padding-bottom:10px}
.diyhelden-banner .left-box-stellen a{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.diyhelden-banner .diyhelden-banner-tag{ padding:0; margin:-5px 0 15px 0}
.diyhelden-banner h4{ float:left; width:100%; margin-bottom:45px}

.menu-cat-box{ float:left; width:100%;}
.menu-cat-box .menu-all{ float:left; width:100%}
.menu-cat-box .menu-all h5{ color:#1b1b1b; font-size:15px;}
.menu-cat-box .menu-all .menu-all-box{ float:left; width:100%; padding-bottom:30px}
.menu-cat-box .menu-all li a{ color:#626262; font-size:13px; line-height:30px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/sub-cat-arrow.png) no-repeat left 3px; padding-left:10px}
.menu-cat-box .menu-all li a:hover{ color:#007ec2; text-decoration:none}
.landing-banner h2{font-size:21px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block; padding:30px 0 15px 0}

/*landing-page*/
.new-land-box{float: left;width: 100%; padding:20px 0}
.new-land-box .left-box-landing.video-box{ float:left; width:100%}
.new-land-box h2{font-size:21px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block; padding:15px 0; margin:0}
.new-land-box .right-landing ul{ float:left; width:100%; margin-bottom:15px;}
.new-land-box .right-landing ul li{ font-size:14px; line-height:23px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; background:url(../images/green-true-icon.png) no-repeat left 9px; padding-left:15px;}
.new-land-box .left-box-landing.boder-box{border: 1px solid #e5e5e5;float: left;width: 100%;}
.new-land-box .left-box-landing.boder-box h5{ margin:0; padding:15px;}
.new-land-box .banner{ margin:0}
.new-land-box .banner-box.small-banner .banner-text{ left:20px;}
.new-land-box .video-box iframe{ width:100%; height:300px;}
.categories-slider-column6 .section-one-description h4{ width:100%}

/*testimaonil*/
.testimonail{ float:left; width:100%; padding:50px 0}
.testimonail .testimoanil-box{ float:left; width:100%; background-color:#f3f3f3; -o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;; position:relative; text-align:center}
.testimonail .testimoanil-box p{ font-size:16px; color:#046092;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-style:italic; line-height:30px;}
.testimonail .testimoanil-box .username-date{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#626262}
.testimonail .testimaonil-icon{background-color: #007ec2;color: #ffee00;width: 70px;height: 70px;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;float: left;border: 5px solid #fff;padding: 17px 0;position: absolute;left: 50%;top: -34px;margin: 0 0 0 -35px;}
.testimonail .testimoanil-box .username-date span{ color:#007ec2; margin-top:15px;}
.testimonail .swiper-container-seven{width:80%;margin:60px auto 30px auto; overflow:hidden}
.testimonail .swiper-button-prev{ background-image:none; left:0}
.testimonail .swiper-button-next{ background-image:none; right:0}
.testimonail .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-30px;}

.tagling-box{ float:left; width:100%; padding:40px 0}
.tagling-box .taglin.blue-bg-tag{ background-color:#f2f8fc; border:1px solid #007ec2; color:#007ec2}
.tagling-box .taglin.yellow-bg-tag{ background-color:#fffccc; border:1px solid #ffee00; color:#1b1b1b}
.tagling-box .taglin{font-size: 16px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;line-height: 32px;border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 18px 15px;margin-bottom: 15px;}
.tagling-box .taglin span{font-size: 16px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;background-color: #fff;width: 30px;height: 30px;float: left;text-align: center;border: 1px solid #007ec2;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #007ec2;margin-right: 15px;}

.themenrelevante{ float:left; width:100%; padding:50px 0}
.themenrelevante .themenrelevante-left h5{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.themenrelevante li a{font-size:14px;color:#007ec2; line-height:21px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.themenrelevante li a:hover{ color:#000; text-decoration:none}
.themenrelevante .all-tag-box{ padding:0}
.themenrelevante .themenrelevante-right{ float:left; width:100%; border:1px solid #d2d2d2; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.themenrelevante .themenrelevante-right h2{background-color: #f7f6f6;float: left;width: 100%;border-bottom: 1px solid #d2d2d2;padding: 10px 15px;border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.themenrelevante .themenrelevante-right h2 img{ float:right}
.themenrelevante .themenrelevante-right ul{ float:left; width:100%; padding:15px;}
.landing-banner-inner{ padding:30px 0 0}
.landing-02 .swiper-button-disabled{ display:none}
.categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:20%}

/*meineinkauf page*/
.full-cart-box{ float:left; width:100%; padding:15px 0}
.full-cart-box .cart-header{ float:left; width:100%;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;}
.full-cart-box .cart-header .cart-prd-list{ font-size:26px; color:#1b1b1b;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; float:left}
.full-cart-box .cart-header .close-top{ float:right}
.full-cart-box .cart-header .close-top a{ padding:.5rem 35px}
.full-cart-box .cart-header-bottom{font-size:14px;color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;float: left;width: 100%;padding: 15px 0;}
.full-cart-box .table-responsive thead{ background-color:#f2f2f2;font-size:13px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .cart-img{width: 90px;text-align: center;padding: 28px 0;}
.full-cart-box .table-responsive .cart-img img{ width:auto;}
.full-cart-box .table-responsive .table{ margin-bottom:0}
.full-cart-box .table-responsive thead th{ border:0}
.full-cart-box .table-responsive tr:first-child td{ border-top:0}
.full-cart-box .table-responsive .des-tab-prd{ float:left; width:100%; padding:25px 0}
.full-cart-box .table-responsive .des-tab-prd .titel{font-size:13px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .des-tab-prd .prod-nam a{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .des-tab-prd .prod-discription{font-size:12px;color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .shipping-box{ color:#626262;font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:30px 0; width:170px;}
.full-cart-box .table-responsive .shipping-box span{ color:#626262;font-size:13px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; display:block}
.full-cart-box .table-responsive .shipping-box span.green-text{ color:#7ab82e}
.full-cart-box .table-responsive .prej-list, .full-cart-box .table-responsive .cancel{ float:left; width:125px; padding:30px 0}
.full-cart-box .table-responsive .prej-list .prod-lis-box{font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;float: left;width: 100%;padding:5px 0;}
.full-cart-box .table-responsive .cancel a{color:#007ec2;font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.full-cart-box .table-responsive .price{font-size:16px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:30px 0; width:105px; text-align:right }
.full-cart-box .table-responsive .custom-select{position: relative;width: 52px;float: right;height: 24px;padding: 0px 6px;border: 1px solid #d2d2d2;background-color: #fff;margin-left:0px;}
.full-cart-box .table-responsive .prod-qut{ float:left; padding:30px 0}
.full-cart-box .table-responsive .custom-select select{ background-color:#fff; padding:1px 5px;}
.full-cart-box .table-responsive .custom-select:after{content: "";background-image: url(../images/cart-arrow-table.png);background-repeat: no-repeat;position: absolute;top: -1px;right: -1px;padding:0;pointer-events: none;width: 24px;height:24px;cursor:pointer;}
.full-cart-box .table-responsive .gray-table{ background-color:#f7f6f6;}
.full-cart-box .table-responsive .gray-table .price{ padding:0; text-align:right}
.full-cart-box .table-responsive .gray-table .best-sell, .full-cart-box .table-responsive .gray-table .code-coup{font-size:14px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#626262; line-height:24px;}
.full-cart-box .table-responsive .gray-table .code-coup{ padding:12px 0}
.full-cart-box .table-responsive .gray-table .form-group{ margin:0}
.full-cart-box .table-responsive .gray-table .form-group .form-control{ padding:10px .75rem; background:#fff
                                                                            url(../images/info-icon.png) no-repeat right 12px}
.full-cart-box .table-responsive .blue-table{ background-color:#007ec2}
.full-cart-box .table-responsive .blue-table .total-amount{font-size:16px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#fff; padding:20px 0}
.full-cart-box .table-responsive .blue-table .price{font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; font-size:26px; color:#fff; padding:15px 0; line-height:21px;}
.full-cart-box .table-responsive .blue-table .price span{font-size:10px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; color:#fff}
.full-cart-box .cart-item{ float:left; width:100%; padding:20px 0}
.full-cart-box .cart-item .btn-gray, .checkout-one .checout-leftright .col-sm-8 .btn-box-checkout .btn-gray{float: left;width: auto;border: 1px solid #dcdcdc;padding: .5rem 20px; cursor:pointer}
.full-cart-box .cart-item .btn-yellow{float: right;width: auto;padding: .5rem 40px;}
.cart-pro-slider .btn-yellow{font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}

/*checkout-one*/
.checkout-one{ float:left; width:100%;}
.checkout-one .all-tag-box h5{ font-size:14px; color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.checkout-one .tab-menu-checkout{ float:left; width:100%; position:relative}
.checkout-one .tab-menu-checkout .border-dot{ border-top:1px dashed #898989; width:100%; float:left; margin:20px 0}
.checkout-one .tab-menu-checkout ul{position: absolute;width: 100%;top: 6px;}
.checkout-one .tab-menu-checkout ul li{display:inline-block; float:left; width:33.33%}
.checkout-one .tab-menu-checkout ul li:first-child a{ padding:0 15px 0 0}
.checkout-one .tab-menu-checkout ul li:nth-child(2){ text-align:center}
.checkout-one .tab-menu-checkout ul li:last-child{ float:right; text-align:right}
.checkout-one .tab-menu-checkout ul li:last-child a{ padding:0 0 0 15px}
.checkout-one .tab-menu-checkout ul li a{font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block;background-color: #fff; padding:0 15px}
.checkout-one .tab-menu-checkout ul li.done a:hover{font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;display: inline-block;background-color: #fff;}
.checkout-one .tab-menu-checkout ul li a.active, .checkout-one .tab-menu-checkout ul li a:hover{ color:#007ec2}
.checkout-one .tab-menu-checkout ul li a.active span, .checkout-one .tab-menu-checkout ul li a:hover span{ color:#fff; background-color:#007ec2}
.checkout-one .tab-menu-checkout ul li a span, .checkout-one .tab-menu-checkout ul li.done a span{background-color: #f3f3f3;font-size: 16px;color: #898989;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;font-weight: bold;padding: 5px 10px;border-radius: 50%;margin-right: 10px; position:relative}
.checkout-one .tab-menu-checkout ul li.done a span:after{ content:''; background:url(../images/green-true-icon-01.png) no-repeat left top; position:absolute; right:-9px; top:-6px; width:21px; height:21px; }
.checkout-one .checout-leftright {float: left;width: 100%;position: relative; padding:20px 0}
.checkout-one .checout-leftright .checout-right-box{float: left; width:100%}
.checkout-one .checout-leftright .checout-right-box .checkout-right-main{ float:left; width:100%;border: 1px solid #e5e5e5;border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px; margin-bottom:15px;}
.checkout-one .checout-leftright .checout-right-box .check-right-header{ font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:15px; border-bottom:1px solid #e5e5e5}
.checkout-one .checout-leftright .checout-right-box .check-right-form{ background-color:#f7f6f6; padding:15px; float:left; width:100%}
.checkout-one .checout-leftright .checout-right-box .check-right-form input{ padding:.5rem .75rem .5rem .75rem}
.checkout-one .checout-leftright .checout-right-box .forget-pass{ color:#007ec2; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; width:100%; float:left}
.checkout-one .section-nine-form ::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-style:normal}
.checkout-one .section-nine-form ::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .section-nine-form :-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .section-nine-form :-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.checkout-one .checkout-left-box{float:left;width:100%;border:1px solid #e5e5e5;border-radius:4px; padding-bottom:20px; margin-bottom:20px;}
.checkout-one .checkout-left-box .checkout-header-left{ float:left; width:100%; background-color:#f7f6f6; padding:15px; font-size:16px; color:#1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;border-bottom: 1px solid #e5e5e5; border-radius:4px 4px 0px 0px}
.checkout-one .checkout-left-box .check-box-main{ padding:0px 0 10px 0}
.checkout-one .checkout-left-box .check-box-main label{ font-size:12px;}
.checkout-one .checkout-left-box .blank-box{ float:left; width:100%; height:40px;}
.checkout-one .section-nine-form form .form-group .section-one-right .bootstrap-select .btn{ padding:0 30px 0 15px; background:url(../images/form-req-icon.png) no-repeat right 16px;}
.checkout-one .section-nine-form form .form-group .section-one-right .bootstrap-select{ margin-top:0}
.checkout-one .checkout-left-box .leftcheck-footer{ font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left; width:100%; padding-bottom:15px;}
.checkout-one .checout-leftright .col-sm-8 .btn-box-checkout{ float:left; width:100%; padding:20px 0}
.checkout-one .checout-leftright .col-sm-8 .btn-box-checkout .btn-default{float: right;width: auto;padding: .5rem 60px;}
.checkout-one .panel-heading, .checkout-one .panel-heading h4 {float:left; width:100%; margin:0}
.checkout-one .panel-heading h4 a{background: url(../images/checkout-checkbox-accordian.png) no-repeat 10px 14px;float: left;padding: 8px 15px 8px 40px;width: 100%;font-size: 14px;color: #626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
                                  border: 1px solid #e5e5e5;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.checkout-one .panel.panel-default{ margin-top:15px; float:left; width:100%;}
.checkout-one .panel.panel-default:first-child{ margin-top:0px; float:left; width:100%;}
.checkout-one .panel-heading h4 a:hover, .checkout-one .panel-heading.placeholder-bg h4 a:hover{ border:1px solid #85b941; background:url(../images/active-checkout-checkbox-accordian.png) no-repeat 10px 14px}
.checkout-one .panel-heading.actives h4 a{background: #f7f6f6 url(../images/active-checkout-checkbox-accordian.png) no-repeat 10px 14px;border-radius: 4px 4px 0px 0px;-o-border-radius: 4px 4px 0px 0px;-ms-border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.checkout-one .panel-heading h4 a i{ float:right; padding:10px 0 0 10px; width:20px}
.checkout-one .panel-heading h4 a .brand-logo, .checkout-one .checkout-left-box .checkout-left-box .checkout-header-left img{float: right;border: 1px solid #e5e5e5;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin:0px 10px; background-color:#fff}
.checkout-one .panel-collapse.collapse.show{border-radius:0px 0px 4px 4px;-o-border-radius:0px 0px 4px 4px;-ms-border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;float:left;width:100%;border:1px solid #e5e5e5; padding:15px 0 0 0; border-top:0}
.checkout-one .checkbox-left-form h6{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left}
.checkout-one .panel-heading h4 a span{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.checkout-one .panel-heading.placeholder-bg h4 a{background:#fafafa url(../images/checkout-checkbox-accordian.png) no-repeat 10px 14px}
.checkout-one .panel-heading.placeholder-bg h4 a i{ font-size:0}
.checkout-one .panel-heading.placeholder-bg.actives h4 a{background:#f7f6f6 url(../images/active-checkout-checkbox-accordian.png) no-repeat10px 14px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border-bottom:1px solid #e5e5e5}
.checkout-one .panel-heading h4 a .price-disocunt, .checkout-one .checkout-left-box .checkout-left-box .price-disocunt{ float:right; color:#626262; font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.checkout-one .panel-heading h4 a .price-disocunt span, .checkout-one .checkout-left-box .checkout-left-box .price-disocunt span{ color:#046092;font-family:'Roboto-Medium', Arial, Helvetica, sans-serif;}
.checkout-one .checkout-left-box.coupan-coad input{ padding:.5rem .75rem}
.checkout-one .checkout-left-box.coupan-coad .btn-gray{ width:auto; border:1px solid #dcdcdc;  font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:10px 30px; cursor:pointer}
.checkout-one .check-right-form .invocie-box{ float:left; width:100%;}
.checkout-one .check-right-form .invocie-box .invoi-name{ font-size:14px; color:#626262;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; float:left}
.checkout-one .check-right-form .invocie-box .invoice-price{ float:right; text-align:right; color:#046092; font-size:14px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.checkout-one .check-right-form .invocie-box .invoi-name.bestseller{ font-size:16px; color:#046092}
.checkout-one .check-right-form .invocie-box .invoi-name-small, .checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .invoi-name-small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left}
.checkout-one .check-right-form .invocie-box .invoice-price-small, .checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .invoice-price-small{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:right; text-align:right}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main label{border:1px solid #e5e5e5;border-radius:4px;-o-border-radius: 4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left;width:100%;padding: 15px;font-size: 14px;color: #1b1b1b;}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label{ border:1px solid #85b941}
.checkout-one .checkout-left-box .form-group.check-3 .check-box-main{ padding:0}
.checkout-one .form-group.check-3 .check-box-main input[type="checkbox"] + label span{ background:url(../images/checkout-checkbox-accordian.png)}
.checkout-one .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label span{ background:url(../images/active-checkout-checkbox-accordian.png)}
.checkout-one .checout-leftright .btn-box-checkout{ padding:10px 0 0 0 !important}
.checkout-one .checkout-left-box .checkout-left-box{ margin:15px 0 0px 0}
.checkout-one .checkout-left-box .checkout-left-box .checkout-header-left{ padding:8px 0}
.checkout-one .checkout-left-box .checkout-left-box .checkout-header-left span{font-size:16px;color: #1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; padding:5px 15px; float:left}
.checkout-one .checkout-left-box .full-cart-box{ padding:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .price{ text-align:right; width:auto}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .des-tab-prd {float: left;width: 350px;padding:0px 0 0;}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .price, .checkout-one .checkout-left-box .full-cart-box .table-responsive .prod-qut{ padding:20px 0 0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive .cart-img{ padding:10px 0 0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .price{ padding:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table:last-child td{ border:0}
.checkout-one .checkout-left-box .full-cart-box .table-responsive tr.gray-table .total-amount{ font-size:16px; color:#046092;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.checkout-one .checkout-left-box.checkout-left-tablebox{ padding-bottom:0}
.green-text{ color:#85b941}
.checkout-one .checout-leftright .checout-right-box .check-right-form .ssl-box img{float: left;margin-right: 15px;}
.checkout-one .checout-leftright .checout-right-box .check-right-form .ssl-box span{ vertical-align:middle; font-size:14px; line-height:23px;color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding: 10px 0;display: inline-block;}
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main label{ border:0; padding:0; font-size:12px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; }
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main input[type="checkbox"]:checked + label{ border:0}
.checkout-one .checkout-left-box.withou-border-checkbox .form-group.check-3 .check-box-main label a, .full-cart-box .table-responsive .des-tab-prd .prod-discription a{ color:#007ec2;}

/*newdetail*/
.new-detail-page-right{float: left;width: 100%;}
.new-detail-page-right .new-detail-right-header{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.new-detail-page-right .new-detail-user, .new-detail-page-right .new-detail-user .new-user-img{ float:left;}
.new-detail-page-right .new-user-namedate{ float:left; font-size:14px; color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.new-detail-page-right .new-user-namedate span{ display:block; font-size:11px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.new-detail-page-right .new-detail-btn{ float:right}
.new-detail-page-right .new-detail-user img{ border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin-right:10px;}
.new-detail-page-right .user-detial-service {float: left;width:100%;}
.new-detail-page-right .user-detial-service li{ float:left; padding:15px 15px 15px 0}
.new-detail-page-right .user-detial-service li .user-detail-ser-img{float:left;vertical-align:middle;margin-right:15px;padding: 4px 0;}
.new-detail-page-right .user-detial-service li .user-detail-name{ font-size:11px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left}
.new-detail-page-right .user-detial-service li .user-detail-name span{ display:block; color:#2e2e2e;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:14px;}
.new-detail-page-right .tag-box {float: left;width: 100%;border-top: 1px solid #e5e5e5;padding: 15px 0;}
.new-detail-page-right .tag-box li{ display:inline-block}
.new-detail-page-right .tag-box li:first-child{ margin-right:15px;}
.new-detail-page-right .tag-box li a{ font-size:12px; color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background-color:#f3f3f3; padding:5px; border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}


.materialien-box, .right-box-new {float: left;width: 100%;}
.materialien-box .all-tag-box h2 img{ margin-right:20px;}
.materialien-box .table td{font-size:14px;color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;padding:8px 15px}
.materialien-box .table td i{ float:right}
.left-navbar{float: left;width: 100%;}
.left-navbar ul{ float:left; width:100%; padding-bottom:30px;}
.left-navbar li a{font-size:14px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;float:left;width:100%; line-height:30px;}
.left-navbar li a i, .left-navbar li ul li a i{float:right; font-size:14px; padding:5px 0; color:#b5b5b5}
.left-navbar li ul{float: left;width: 100%;padding: 10px 0 10px 20px;}
.left-navbar li ul li a{ color:#626262; font-size:12px;}
.left-navbar li a:hover, .left-navbar li a.active, .left-navbar li a:hover i, .left-navbar li ul li a:hover i, .left-navbar li a.active i, .left-navbar li ul li a.active i{ color:#007ec2;}
.left-navbar .logout-leftnave{color:#007ec2;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; font-size:14px;}
.left-navbar .logout-leftnave img{vertical-align: middle;padding-right: 10px;float: left;padding-top: 6px;}

.kontoübersicht-box, .kontoübersicht-box .row-summer-inner {float: left;width: 100%;}
.account-summary {border: 1px solid #d2d2d2;float: left;width: 100%;border-radius: 4px;padding: 25px 20px 20px 25px;margin-bottom: 30px;min-height: 147px;}
.account-summary:hover{ border:1px solid #007ec2; box-shadow:0 1px 4px 0px rgba(0,0,0, 0.2);-moz-box-shadow:0 1px 4px 0px rgba(0,0,0, 0.2);-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0, 0.2);}
.account-summary img.blue-icon, .account-summary:hover img.gray-icon{ display:none}
.account-summary .summery-img{float: left;margin-right: 30px; width:20%;}
.account-summary:hover img.blue-icon{ display:inline-block;}
.account-summary .summary-desi{ float:left; width:70%}
.account-summary .summary-desi h5{font-size:16px;color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin-bottom:10px;}
.account-summary:hover .summary-desi h5{ color:#007ec2}
.account-summary .summary-desi p{ font-size:14px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; margin-bottom:0;height: 67px;overflow: hidden; }
.account-summary .summary-desi li{ float:left; width:33.33%; font-size:12px;color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-align:center; border-left:1px solid #eeeeee}
.account-summary .summary-desi li:first-child{ border:0}
.account-summary .summary-desi li span{ display:block}

.new-newsletter{ float:left; width:100%; background-image:url(../images/newslatter.jpg); background-position:top right; background-repeat:no-repeat; height:360px;}
.new-newsletter .new-inner-newslatter{ width: 55%;float: left;padding: 50px 20px;}
.new-newsletter .new-inner-newslatter ul{ float:left; width:100%; padding:20px 0;}
.new-newsletter .new-inner-newslatter li{ background:url(../images/true-news-icon.png) no-repeat left 6px; padding:0 25px; font-size:16px; color:#434343;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; line-height:32px; }
.new-newsletter #custom-search-input{ float:left; width:100%; margin-bottom:15px; margin-top:10px;}
.new-newsletter #custom-search-input button {background-color: #ffee00;font-size: 14px;color: #1b1b1b;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;border-color: #ffcc00;cursor: pointer;}
.new-newsletter #custom-search-input button:hover{border-color: #ffcc00;background-color: #ffcc00;}
.newsletter-abbestellen{float: left;width: 100%;margin: 50px 0;}
.newsletter-abbestellen h5{ font-size:16px; color:#1b1b1b; border-bottom:1px solid #d2d2d2; padding-bottom:5px;}
.newsletter-abbestellen .btn-gray-box{ float:left}
.newsletter-abbestellen .btn-gray-box a{ border:1px solid #dcdcdc}

/*my-instructions*/
.my-instructions, .meine-projektlisten-header{ float:left; width:100%;}
.my-instructions .btn, .meine-projektlisten-header .btn{ padding:12px 20px; margin-bottom:25px;}
.my-instructions .tab-search .custom-select, .my-instructions .tab-search .custom-select select{ background-color:#fff;}
.my-instructions .full-cart-box .table-responsive .cart-img img{ width:60px; height:60px;}
.my-instructions .full-cart-box .table-responsive .cart-img{ float:left; padding:0; width:60px; margin-right:15px;}
.my-instructions .full-cart-box .instructions-titel{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.my-instructions .full-cart-box .instructions-titel:hover{ color:#007ec2}
.my-instructions .full-cart-box .instructions-date{ font-size:13px; color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; padding:17px 0}
.my-instructions .full-cart-box .instructions-theme{float: left;width: 100%;padding: 15px 0;}
.my-instructions .full-cart-box .instructions-theme a{ font-size:11px; color:#7d7d7d;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background-color:#f3f3f3; border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px; padding:5px; margin-right:5px;}
.my-instructions .full-cart-box .adit-btn{ float:right; padding:15px 0}
.my-instructions .full-cart-box .adit-btn a{ font-size:13px; color:#1b1b1b; background-color:#f7f6f6; border:1px solid #dcdcdc;border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px; padding:10px 15px}
.my-instructions .full-cart-box .adit-btn a:hover{ background-color:transparent; color:#007ec2; border:1px solid #007ec2}
.my-instructions .full-cart-box .table td{ padding:20px .75rem; border-bottom:1px solid #eceeef; border-top:0}
.my-instructions .section-responsive-table .pagination{ float:right; width:auto}
.my-instructions .full-cart-box .table-responsive .cancel { padding:15px 0; width:auto; float:right}
.my-instructions .full-cart-box .table-responsive .link-box{ padding:17px 0; font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left}
.right-box-new .tabmenu-sich{float: left;width: 100%;}
.right-box-new .tabmenu-sich .responsive-tabs{ float:left; width:100%;justify-content: left; border-color:transparent}
.right-box-new .tabmenu-sich .responsive-tabs li{ width:33.33%; float:left; margin-right:2px;}
.right-box-new .tabmenu-sich .responsive-tabs li.active a{ border-bottom:2px solid #007ec2; color:#007ec2}
.right-box-new .tabmenu-sich .responsive-tabs li a{ background-color:#f7f6f6; border-bottom:2px solid #e5e5e5; text-align:center; float:left; width:100%; font-size:14px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:9px 0}
.right-box-new .tabmenu-sich .tab-content{ float:left; width:100%; padding:30px 0}
.right-box-new .tabmenu-sich .tab-content p strong{font-family: 'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;}
.right-box-new .tabmenu-sich .tab-content form{ float:left; width:100%; padding:0}
.right-box-new .tab-content .section-one-right label{position: absolute;top:13px;left:0px;font-size: 14px;color: #626262;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif; padding:7px 20px}
.right-box-new .tab-content .section-nine-form .section-one-right .reqire-fild{ right:50px; top:18px}
.right-box-new .tab-content .section-nine-form form .form-group.phone input{ padding:.5rem .75rem}
.right-box-new .tab-content .section-nine-form form .form-group .section-one-right .bootstrap-select .btn{padding:0 30px 0 160px}
.right-box-new .section-nine-form ::-webkit-input-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-style:normal}
.right-box-new .section-nine-form ::-moz-placeholder {color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.right-box-new .section-nine-form :-ms-input-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.right-box-new .section-nine-form :-moz-placeholder{color: #535353; font-size:13px; font-family:'Roboto-Light', Arial, Helvetica, sans-serif;font-style:normal}
.right-box-new .tab-content .dateb-btn{ border-top:1px solid #d2d2d2; float:left; width:100%; padding:20px 0}
.right-box-new .tab-content .dateb-btn .form-group{ float:right; width:auto; padding:5px 0}
.right-box-new .tab-content .dateb-btn .reqire-fild-box{ font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:right}
.right-box-new .tab-content .dateb-btn .reqire-fild-box span{ color:#007ec2}
.right-box-new .tab-content .checkout-one #headingThree h4 a.btn-gray-box{background: none;float: right;width: auto;padding: 0px 15px;background-color: #f7f6f6;position: absolute;right: 10px;top: 30px;}
.right-box-new .tab-content .checkout-one #headingThree h4 a .brand-logo{ margin-right:150px;}
.right-box-new .tab-content #pass .f-password{ font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-decoration:underline;    padding: 9px 0;float: left;width: 100%;height: 38px;}
.right-box-new .tab-content .offen-bereich-table .table td{ border-bottom:1px solid #eceeef; border-top:0; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .tab-content .offen-bereich-table .table td .offen-bereich-detail{ font-size:14px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .tab-content #zugangsdaten .f-password{ font-size:13px; color:#007ec2;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; text-decoration:underline;padding:0px 14px;float: left;width: 100%;height: 38px;}
.right-box-new .public-area-header{float: left;width: 100%; padding-bottom:20px;}
.right-box-new .public-area-header .user-detail{float: left;width: 220px;}
.right-box-new .public-area-header .user-img{width:60px;height:60px;border-radius:50%;overflow:hidden;float:left;margin-right: 15px;}
.right-box-new .public-area-header .user-name-link{float: left;padding: 4px 0;}
.right-box-new .public-area-header .user-name-link .name{ font-size:16px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .public-area-header button{ float:right; margin:10px 0}
.right-box-new .anleitung-erstellen-input-box{ float:left; width:100%}
.right-box-new .anleitung-erstellen-input-box p{ font-size:14px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .anleitung-erstellen-input-box p strong{ font-size:16px; color:#007ec2;font-family: 'RobotoCondensed-Bold', Arial, Helvetica, sans-serif;}
.right-box-new .anleitung-erstellen-input-box .left-erst-img{border:1px solid #e5e5e5;float:left;width:100%; margin-bottom:15px;}
.right-box-new .anleitung-erstellen-input-box .left-erst-img p{font-size:13px;color:#626262;float:left;margin:0;padding:7px 15px;}
.right-box-new .anleitung-erstellen-input-box .left-erst-img .true-round{ float:right; padding:5px 15px}
.right-box-new .anleitung-erstellen-input-box .anleitung-erstellen-input-btn{ float:left; width:100%; margin:15px 0;}
.right-box-new .anleitung-erstellen-input-box .anleitung-erstellen-input-btn a.btn-gray{float: left;width: auto;border: 1px solid #dcdcdc;padding: 11px 60px;margin-right: 10px;}
.right-box-new .anleitung-erstellen-input-box .section-nine-form form{ margin:0; padding:0}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .form-group label{position: absolute;top: 13px;left: 0px;padding: 5px 10px;}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .col-sm-6 .form-group label{ top:0}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .form-group input{ padding:.5rem .75rem}
.right-box-new .anleitung-erstellen-input-box .section-nine-form form .form-group .section-one-right .bootstrap-select .btn
{ padding:0 30px 0 50px}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .col-sm-6 .form-group input{padding:0 30px 0 50px; height:40px;}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .col-sm-6 .form-group.bis-amount input{ padding:.5rem .75rem}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .form-group .reqire-fild.currancey{ color:#626262; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; top:10px;}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .form-group textarea{ margin-bottom:15px}
.right-box-new .anleitung-erstellen-input-box .section-nine-form .form-btn .btn{ padding:.5rem 1rem}
.right-box-new .full-cart-box.main-proj .table-responsive .cart-img {width: 60px;text-align:left;padding: 0px 0;}
.right-box-new .full-cart-box.main-proj .table-responsive .link-box{padding:20px 0;font-size: 13px;color: #007ec2;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;float: left;}
.right-box-new .full-cart-box.main-proj .table-responsive .date-box{ font-size:13px; color:#1b1b1b;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif; width:100px; padding:20px 0}
.right-box-new .full-cart-box.main-proj .table-responsive .price {font-size: 16px;color: #046092;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;padding:20px 0;width: 65px;text-align:left;}
.right-box-new .full-cart-box.main-proj .table-responsive .des-tab-prd .prod-nam a{ font-size:14px;}
.right-box-new .full-cart-box.main-proj .table-responsive .btn-yellow{ padding:.65rem 1rem; margin:10px 0}
.right-box-new .full-cart-box.main-proj .section-nine-form form .form-group .bootstrap-select .btn{ width:180px}
.right-box-new .full-cart-box.main-proj .section-nine-form form, .right-box-new .full-cart-box.main-proj .section-nine-form form .form-group .section-one-right .bootstrap-select{ margin:0; padding:0}
.right-box-new .full-cart-box.main-proj .section-nine-form form .form-group .section-one-right .bootstrap-select .btn .bs-caret .caret{background-image: url(../images/drop-arrow-01.png);background-repeat: no-repeat;width: 30px;height: 38px;right: 0;top: 2px;background-color: #fff;border-radius: 0px 4px 4px 0px;border-left: 0;background-position: 11px top;}
.right-box-new .full-cart-box.main-proj .table-responsive .des-tab-prd{ padding:0}
.right-box-new .full-cart-box.main-proj .table-responsive .prod-qut{ padding:20px 0}
.right-box-new .full-cart-box.main-proj .table-responsive .section-nine-form .form-group{ margin:10px 0}
.right-box-new .section-nine-form form .form-group .dropdown-menu .dropdown-menu.inner:before{content: '';position: absolute;top: -11px;left: 20px;background: url(../images/filter-arrow.png);width: 33px;height: 14px;}
.right-box-new .full-cart-box.main-proj .gray-box{background:#f7f6f6;float:left;width:100%;border-bottom:1px solid #e5e5e5; padding:20px 20px}
.right-box-new .full-cart-box.main-proj .comment-box{ color:#007ec2; font-size:12px;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; float:left; width:auto;}
.right-box-new .full-cart-box.main-proj .comment-box img, .right-box-new .full-cart-box.main-proj .close-right img{ vertical-align:middle; margin:0 5px;}
.right-box-new .full-cart-box.main-proj .close-right{ float:right; font-size:12px; color:#007ec2;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj .cust-comment-box {float: left;width: 100%;background-color: #f7f6f6;margin-top: -1px;padding: 10px 30px 15px 30px;border-bottom: 1px solid #e5e5e5;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .cust-comment-user-img{border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-text-box .form-group:before{ content:''; background:url(../images/comment-arrow-left.png) no-repeat; position:absolute; left:10px; top:11px; width:6px; height:11px;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-text-box .btn-gray{float: left;width: auto;border: 1px solid #dcdcdc;padding: 11px 20px;margin-right: 10px;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-text-box .btn-default{ padding:11px 20px;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate .user-name-link{ font-size:14px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate .user-date-time{ font-size:12px; color:#626262;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate .user-date-time a{ color:#007ec2;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate p{font-size:14px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; margin:10px 0}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate p a{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; color:#007ec2;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate .remove-comment{ font-size:13px; color:#007ec2;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .comment-complate .remove-comment:hover{ text-decoration:underline}
.right-box-new .cart-pro-slider .btn-gray{float: left;width: auto;border: 1px solid #dcdcdc; font-family:'Roboto-Light', Arial, Helvetica, sans-serif; font-size:13px; margin-top:10px; padding:.5rem 22px}
.right-box-new .meine-projektlisten-header .section-nine-form{ float:left; width:260px;}
.right-box-new .meine-projektlisten-header .section-nine-form form, .right-box-new .meine-projektlisten-header .section-nine-form .form-group .section-one-right{ padding:0}
.right-box-new .meine-projektlisten-header .section-nine-form form .form-group .section-one-right .bootstrap-select, .right-box-new .meine-projektlisten-header .section-nine-form form .form-group .section-one-right .bootstrap-select .btn, .right-box-new .meine-projektlisten-header .section-nine-form .form-group{ margin:0; background-color:#f7f6f6}
.right-box-new .meine-projektlisten-header .section-nine-form form .form-group .section-one-right .bootstrap-select .btn .bs-caret .caret{ border:0; background-color:#f7f6f6}
.right-box-new .meine-projektlisten-header .all-tag-box .right-socail {float: left;margin: 9px 25px;}
.right-box-new .meine-projektlisten-header .right-socail .social-detail li:last-child a{ border:0}
.right-box-new .meine-projektlisten-header .custom-select select, .right-box-new .meine-projektlisten-header .custom-select{ background-color:#fff;}
.right-box-new .meine-projektlisten-header .all-tag-box{ border:0}
.right-box-new .meine-projektlisten-header.bestellungen .search-box{ float:left; width:auto;}
.right-box-new .meine-projektlisten-header.bestellungen .form-control{padding: .5rem .75rem .5rem 37px;border-radius: 4px;}
.right-box-new .meine-projektlisten-header.bestellungen .input-group-btn {position: absolute;left: 0;top: 0;z-index: 20;}
.right-box-new .meine-projektlisten-header.bestellungen .input-group-btn .btn{background-color: transparent;color: #d2d2d2 !important;box-shadow: none !important;-webkit-box-shadow: none !important;cursor: pointer;padding: 10px 15px;}
.right-box-new .meine-projektlisten-header.bestellungen .section-nine-form{ width:130px;}
.right-box-new .meine-projektlisten-header.bestellungen .section-nine-form form .form-group .section-one-right .bootstrap-select,  .right-box-new .meine-projektlisten-header.bestellungen .section-nine-form .form-group, .right-box-new .meine-projektlisten-header.bestellungen .section-nine-form form .form-group .section-one-right .bootstrap-select .btn { background-color:#fff; border:0}
.right-box-new .meine-projektlisten-header.bestellungen .section-nine-form form .form-group .section-one-right .bootstrap-select .btn .bs-caret .caret{ background-color:#fff;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .table-responsive .date-box{ width:180px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .table-responsive .bestsell-numb{ font-size:13px; color:#1b1b1b;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif; padding:20px 0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .best-details:hover, .right-box-new .full-cart-box.main-proj.bestellungen-table .best-details:focus{ color:#007ec2;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .best-details{color:#1b1b1b;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:right ; font-size:13px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .best-details i{ padding-left:5px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .gray-box ul{ float:left}
.right-box-new .full-cart-box.main-proj.bestellungen-table .gray-box ul li{ float:left; font-size:13px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; background:url(../images/cross-arrow.png) no-repeat left 5px; padding:0 12px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .gray-box ul li strong{font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .gray-box ul li:first-child{ background:none; padding:0 12px 0 0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one{ padding:30px 0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .all-tag-box h2{ font-size:16px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .section-nine-form .section-six .all-tag-box{ border:0;  margin:0 0 5px 0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .section-nine-form .section-six .table-box{ margin-bottom:20px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .section-nine-form .section-six .gray-box{ border:0; margin-bottom:20px;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .section-nine-form .section-six .gray-box address{ margin:0; font-size:14px; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .checout-leftright .checout-right-box .checkout-right-main{ border:0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .checout-leftright .checout-right-box .check-right-header{ border:0; font-size:16px; font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:0 15px 8px 0}
.right-box-new .full-cart-box.main-proj.bestellungen-table .checkout-one .all-tag-box .right-socail .social-detail li:last-child a{ border:0; margin-left:5px;}
.right-box-new .big-star{ float:left; padding:20px 0}
.right-box-new .big-star li{ float:left; color:#dcdcdc; font-size:16px; margin:0 2px;}
.right-box-new .big-star li.active{ color:#ffd703}
.right-box-new .released-box{font-size:13px;color:#85b941;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;padding:20px 0}
.right-box-new .full-cart-box.main-proj .table-responsive .released-widthe{ float:left;}
.right-box-new .released-box img{ padding-right:5px;}
.right-box-new .released-box a{ text-decoration:underline}
.right-box-new .table-responsive .cancel{ float:right; width:auto;}
.right-box-new .cust-comment-box .comment-right-toggle{ float:right; padding:10px 0}
.right-box-new .cust-comment-box .comment-right-toggle li{ color:#898989; font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; float:left;border-right: 1px solid #898989;line-height: 15px;padding: 0 10px;}
.right-box-new .cust-comment-box .comment-right-toggle li:last-child{ border:0; padding:0 0px 0 10px}
.right-box-new .cust-comment-box .comment-right-toggle a{color:#007ec2; font-size:12px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .cust-comment-box .comment-right-toggle a i{ padding-left:10px}
.right-box-new .full-cart-box.rezen-main-box .table-responsive tr:first-child td{ border-bottom:1px solid #eceeef}
.right-box-new .full-cart-box.main-proj .cust-comment-box .small-satr{ float:left; margin-right:10px;}
.right-box-new .full-cart-box.main-proj .cust-comment-box .small-satr li{float:left;font-size:14px;padding: 0 1px; color:#dcdcdc}
.right-box-new .full-cart-box.main-proj .cust-comment-box .small-satr li.active{ color:#ffd703}
.right-box-new .addre-peros{ float:left; width:100%}
.right-box-new .tab-content .addre-peros .section-one-right label{ position:relative; margin-top:-6px; padding:0}
.right-box-new .tab-content .addre-peros .btn{ padding:12px 15px; margin-bottom:20px;}
.right-box-new .tab-content .addre-peros .table td{ color:#1b1b1b; font-size:13px;font-family:'Roboto-Light', Arial, Helvetica, sans-serif;}
.right-box-new .tab-content .addre-peros .table td .cancel, .right-box-new .tab-content .addre-peros .table td .pers-daten-tab-text{ padding:12px 0}
.right-box-new .tab-content .addre-peros .table td .btn-gray{font-size:13px;border:1px solid #dcdcdc;margin:0;padding:10px 15px;}
.check-box-main input[type="checkbox"] + label span{ background:url(../images/green-select-box01.png) no-repeat left -20px; width:20px; height:20px; margin:-3px 10px 0 0}
.right-box-new .tab-content .addre-peros .gray-box .check-box-main input[type="checkbox"]:checked + label span{background:url(../images/green-select-box01.png) left top no-repeat;width:20px;height:20px;margin:-3px 10px 0 0}
.right-box-new .tab-content .addre-peros .gray-box .check-box-main input[type="checkbox"] + label{ font-size:12px; color:#626262;font-family:'Roboto-Light', Arial, Helvetica, sans-serif; margin:0px 10px 0 0}
.right-box-new .tab-content .addre-peros .gray-box .gray-box-checkbox{ float:left; margin-right:20px; width:33.33%}

@media (max-width:1366px) {
    .complete-menu-items.rightside ul ul.mega-menu .prod-qut{ width:100px;}
    .complete-menu-items.rightside ul ul.mega-menu .price{ font-size:14px; width:60px;}
    .section-one .section-one-description h4, .section-two .section-one-description h4 a, .section-one .section-one-description h4 a{ font-size:13px; float:left}
    #secondarydnav .catmenu-box .navbar .popover{ width:935px;}
}
@media (max-width:1280px) {
    #secondarydnav .catmenu-box .navbar .popover{ width:780px;}
    .catmenu-box .navbar .popover{ width:780px;}
    .all-filter .fillter-navigation .fillter-one{margin:0; padding:6px 0}
    .swiper-container-five .swiper-slide {width: 23.2%;}
    .right-box-new .meine-projektlisten-header .all-tag-box .right-socail{ margin:9px 10px; width:auto}
}
@media (max-width:1180px) {
    .catmenu-box .navbar .popover, #secondarydnav .catmenu-box .navbar .popover{ width:700px;}
    .quetion-ans-box .qus-box{ width:80%;}
    .quetion-ans-box .qus-box .ans-box .tag{ min-height:80px;}
    .product-right-cont-box .provider-detail .produ-copany-detail{ border:1px solid #007ec2}
    .product-right-cont-box .provider-detail .produ-copany-detail:before{ display:none}
    .complete-menu .searchbar, .searchbar{ width:40%}
}

@media (max-width:1080px) {
    .new-newsletter .new-inner-newslatter{ width:75%;}
    #primarydmobilenav .mobile-search{ float:left; width:30%}
    #primarydmobilenav .logo-mobile{ float:left}
    .cart-icon-text{ font-size:12px;}
    .swiper-button-next{ right:14px !important}
    .swiper-button-prev{ left:14px !important}
    .section-three iframe{ height:120px}
    .section-responsive-table .table-responsive .table{ width:1100px}
    .account-summary{min-height: 260px;text-align: center;}
    .account-summary .summary-desi p{ height:auto; overflow:visible}
    .account-summary .summary-desi{ width:100%}
    .account-summary .summery-img {float: left;margin-right: 0;width: 100%;margin-bottom: 15px;}

}
@media (max-width:990px) {
    .checkout-one .checkout-left-box .col-sm-6{ width:100%}
    .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:24%}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide{ width:31.5%}
    .section .weitere-angebote{ margin-top:45px;}
    .swiper-container-five .swiper-slide img{ width:100%}
    .section-responsive-table .prod-btn-box{ float:left; margin:0}
    .new-section-designe .section-responsive-table .pagination{ position:relative}
    #primarydnav .collapse{ display:block}
    .section-three.section.section-tool.list-view-tool h5{ height:auto;}
    .banner-text-center span{ font-size:30px; line-height:30px;}
    .banner-text-center:after{ background-size:100% 60px;}
    .banner-text-top span{ font-size:20px; line-height:20px;}
    .banner-text-top:after{ background-size:100% 40px;}
    .banner-text-bottom span{ font-size:14px; line-height:24px;}
    .banner-text-bottom{ margin-top:-4px;}
    .section-three .sort-description{ min-height:105px;}
    .section-three-box .three-box{ margin-bottom:30px;}
    .section-three iframe{ height:200px;}
    .section-three.section-tool p.sort-description {height: auto;overflow: hidden;min-height: 63px;}
    footer .footer-nav .nav-box{ width:33.33%; margin-bottom:30px;}
    footer .payment-box .shipping-box{ margin-bottom:20px}
    .checkout-one .checkout-left-box .blank-box{ display:none}
}

@media (max-width:768px) {
    .right-box-new .tabmenu-sich .responsive-tabs-container.accordion-xs .accordion-link, .right-box-new .tabmenu-sich .responsive-tabs-container .tab-pane{ float:left; width:100%}
    .right-box-new .tabmenu-sich .responsive-tabs-container .tab-pane p{ float:left; width:100%}
    .right-box-new{ margin-top:40px;}
    .all-tag-box .right-socail {float: left;width: 100%;padding-bottom: 15px;}
    .right-socail .social-detail{ float:left; margin-left:0}
    .quetion-ans-box .qus-box .ans-box a{ padding-left:0}
    .materialien-box{ margin-top:50px;}
    .all-tag-box .right-socail #imaginary_container {float: left;margin-top: 6px;width: 100%;}
    .checkout-one .tab-menu-checkout .border-dot{ display:none}
    .checkout-one .tab-menu-checkout ul{ position:relative}
    .checkout-one .tab-menu-checkout ul li{ width:100%; text-align:left !important; padding:0 0}
    .checkout-one .tab-menu-checkout ul li a{ padding:10px 0 !important}
    .checkout-one .checout-leftright .checout-right-box{ position:relative !important; margin-bottom:50px;}
    .checkout-one .checkout-left-box .blank-box{ display:none}
    .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:33%}
    .landing-02 .swiper-button-disabled{ display:block}
    .new-land-box .col-sm-6, .themenrelevante .col-sm-6, .section-three.section.section-tool.list-view-tool .three-box .col-sm-6{ width:100%}
    .themenrelevante .themenrelevante-right{ margin-top:15px;}
    .all-tag-box h1 br{ display:none}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide{ width:31%}
    /*	.product-slider .gallery-top .gallery-big .img-responsive, .product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{ width:auto;}*/
    .product-slider  .gallery-top, .product-slider .gallery-thumbs{ text-align:center}
    .product-slider .gallery-thumbs .swiper-button-next{ right:0 !important;}
    .product-slider .gallery-thumbs .swiper-button-prev{ left:0 !important; }
    .new-detail-page-right{ margin-top:30px}
    .provider-detail .produ-copany-detail .company-logo img, .product-right-cont-box .provider-detail .shop-detail .company-logo img{ width:auto;}
    .product-slider .gallery-top .best-seller-logo{ float:left}
    .price-filter .col-sm-6{ width:50%}
    .section-four-video.cal-2-video iframe, .section-four-video.cal-4-video iframe{ height:200px; margin-bottom:15px;}
    .quetion-ans-box .no-list{ width:100%; text-align:left; border:0}
    .quetion-ans-box{ padding-bottom:30px}
    .responsive-tab .tab-search .col-sm-6{ width:100%; max-width:100%; margin-bottom:10px;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .quetion-ans-box .no-list br{ display:none}
    .quetion-ans-box .qus-box{ width:100%; padding:10px 0 0 0;border-bottom:1px solid #d2d2d2}
    .quetion-ans-box .no-list i{ display:none}
    .quetion-ans-box .qus-box .ans-box .tag{ min-height:120px}
    .section-selecter .section-one-right {float: right;width: 100%;}
    .banner-text{ bottom:10px}
    .section-four-video iframe{ width:100%; height:250px}
    .section-sevan-image img{ margin-bottom:15px;}
    .section-eight-accord .img-responsive{width:auto; margin:0 auto 15px auto; display:block}
    footer .footer-nav .nav-box{ width:50%}
    #myModal .modal-dialog{ max-width:95%;}
    #myModal .modal-dialog .col-sm-3{ max-width:50%}
    #myModal .modal-dialog button.close{ top:15px;}
    #myModal .modal-dialog .modal-content{ height:500px; overflow-y:scroll}
    .comment-star-box .btn-gray-box{ width:100%}
    .product-slider  .gallery-top{ height:auto;}

}
@media (max-width:640px) {
    .new-newsletter{ background-color:#f5f5f5; background-image:none; height:auto;}
    .new-newsletter .new-inner-newslatter{ width:100%;}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide, .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:47%}
    .banner-text-center{ padding:8px 15px}
    .banner-text-center span{ font-size:22px; line-height:26px;}
    .banner-text-center:after{ background-size:100% 45px;}
    .banner-text-top span{ font-size:20px; line-height:20px;}
    .banner-text-top:after{ background-size:100% 40px;}
    .banner-text-bottom span{ font-size:12px; line-height:18px;}
    .banner-text-bottom{ margin-top:-4px;}
    .product-slider  .gallery-top{ height:auto;}
    .right-box-new .anleitung-erstellen-input-box .col-xs-8, .right-box-new .anleitung-erstellen-input-box .col-xs-4{ width:100%}
}
@media (max-width:500px) {
    .right-box-new .cart-pro-slider .btn-gray{ width:97%}
    .right-box-new .cart-pro-slider .btn-yellow{ width:100%}
    .swiper-container-five .swiper-slide, .section-three-box .swiper-slide, .categories-slider-column6.landing-02 .section-main-box .swiper-slide{ width:99%}
    .section .catagorry-product img{ width:auto;}
    .all-tag-box .section-one-right, .all-tag-box .right-socail {float: left;width: 100%;}
    /*	.product-slider .gallery-top .gallery-big .img-responsive, .product-slider .gallery-thumbs .swiper-slide .thum-box-slider img{ width:90%}*/

    .section-two, .section-three, .section{ padding:20px 0}
    footer .footer-nav .nav-box{ width:100%}
    .section-nine-form .form-group .section-one-right .custom-select{ width:100%}
    .banner-text{ bottom:10px;}
    .banner .swiper-pagination{ text-align:center; bottom:0; right:15px; left:auto}
    .banner-text-top{ font-size:18px;}
    .banner-text-center{ font-size:28px; line-height:34px;}
    .banner-text-bottom{ width:100%; font-size:11px;}
    .banner-text-top:after{ width:88%}
    .section-three.section-tool h5{ height:auto;}
    .section-three.section-tool p.sort-description{ min-height:auto;}

    .section-three.section.section-tool.list-view-tool .list-img{ display:none}
    .section-three.section.section-tool.list-view-tool .list-imgs{ display:block}
    .coppy-right .left-coppy, .coppy-right .right-coppy{ float:none; width:100%; text-align:center}
    .product-slider .gallery-thumbs{ width:auto;}
    .tab-three-pan.cooment-star-table{ overflow-x:scroll}
    .section .weitere-angebote .gray-box .btn, .tab-three-pan.start-btn-right{ float:left}
    .landing-banner-inner{ margin-top:0 !important}

}
@media (max-width:480px) {
    .kontoübersicht-box .col-xs-6{ width:100%}
    .banner-text{ display:none}
    .prod-list-box .no-padding-space, .menu-cat-box .menu-all .col-xs-6{ width:100%}
    #myModal .modal-dialog .col-sm-3{ max-width:100%}
    .full-cart-box .cart-item .btn-gray, .checkout-one .checout-leftright .col-sm-8 .btn-box-checkout .btn-gray, .checkout-one .checout-leftright .col-sm-8 .btn-box-checkout .btn-default{ width:100%; margin-bottom:15px;}

}


body.sticky-header header #primarydnav { opacity: 0; transition: all 0.01s ease;}

#secondarydnav {width:100%;}



#article-20 .swiper-slide {
    height: auto!important;
}

.new-section-designe .section-pro-box {
    height: auto!important;
}

#article-1 .section {
    margin-top: 20px!important;
}


.catslider .swiper-slide {
    border: 1px solid transparent;
}

.product-slider .gallery-thumbs .swiper-slide .thum-box-slider img {
    width: 100%;
    height: 150px;
    width: 200px;
    object-fit: contain;
}

.product-slider .gallery-thumbs .swiper-slide {
    width: 90px;
    height: 150px;
    border: 1px solid #e5e5e5;
}

.product-main-box .prod-detail-right {
    min-height: 614px;
    position: relative;
}


.product-main-box .provider-detail {

    position: absolute;
    bottom: 0;
}

.swiper-container-eleven .swiper-slide {

}

.swiper-container-eleven .swiper-slide:last-child {
    border-right: 1px solid #ccc!important;
}

.swiper-container-five .catagorry-product .section-one-description {
    width: 100%;
}

.new-section-designe .section-pro-box .prod_image {
    height: 200px;
    object-fit: contain;
    width: 100%;
}

body.sticky-header header #secondarydnav .searchbar {
    margin-left: 0;
    width: 51%;
}

body.sticky-header header #secondarydnav #search_input,
body.sticky-header header #secondarydnav #search_input_2  {
    padding-left: 22px!important;
    padding-top: 8px;
}


.roboto_light_14 p {
    font-size: 16px;
    line-height: 25px;
    font-family: 'Roboto-Light', Arial, Helvetica, sans-serif;
}


body.home .mod_breadcrumb {
    display: none!important;
}


body.home .home {
    margin-top: 60px;

}

#search_input,
#search_input_2 {
    width: 100%!important;

}

.eac-item {
    width: 100%;
    float: left;
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.cat_nav_view {
    text-align: center;
    font-size: 18px;
    width: 25%!important;
    border: 1px solid transparent;
    width: 23%!important;
    margin-right: 1%;
    margin-left: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cat_nav_view:hover {
    border: 1px solid #007ec2;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
}

.cat_nav_view h3 {
    font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
    color: #1b1b1b;
    padding: 0 0 15px 0;
    font-size: 15px;
}

.cat_nav_view h3 {
    font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
    color: #1b1b1b;
    padding: 0 0 15px 0;
    font-size: 15px;
}

.cat_nav_view .section-one-description {
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding-top: 10px;
    text-align: left;
}

.cat_nav_view .section-one-description .fa {
    text-align: right;
    float: right;
    color: #626262;
}

@media (min-width: 768px and max-width: 1280px;) {
  .cat_small {display: none;}
}

#secondarydnav .catmenu-box .navbar .dropdown-menu {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

#secondarydnav .catmenu-box .navbar .popover,
#secondarydnav .catmenu-box .navbar .dropdown-menu {
  min-height: 600px!important;
}

.easy-autocomplete-container ul .eac-category {
    font-style: normal;
    background: #035f91!important;
    color: #fff!important;
    font-family: Roboto-Light, sans-serif;
    font-size: 17px;
    font-style: normal!important;
}

#article-1 .banner .swiper-button-prev {
      background-image: url(../../files/images/prv-btn.jpg)!important;
      left: 0!important;
      right auto!important;
}

#article-1 .banner .swiper-button-next {
    background-image: url(../../files/images/next-btn.jpg)!important;
    right: 0;
    left; auto!important;

}

.banner-text {
    width: auto;
    float: left;
    position: absolute;
    bottom: 52px;
    left: 60px;
}

.catslider.section .catagorry-product img {
    width: 85%;
}

#article-1 .banner {
    margin-bottom: 15px;
}

.catslider.section .catagorry-product .section-one-description {

    height: 43px!important;
}


.section-one .section-one-description, .section-two .section-one-description {
  padding: 20px;
}


.section-pro-box .prod_image {
  width: 66%;
  height: auto!important;
  object-fit: inherit;
}

#article-1 .swiper-container-eleven .swiper-slide {
    /*
      height: 355px!important;
      */
}
body {
  scroll-behavior: smooth
}

.section-pro-box .prod_image {
    max-height: 170px;
}


.section-main-box .swiper-container-horizontal>.swiper-scrollbar {
    z-index: 10
}
.easy-autocomplete {
  width: 100%!important;
}

.category_list .col-lg-3 {
    text-align: center;
    font-size: 18px;
    border: 1px solid #e5e5e5;
}

.category_list .catagorry-product  {
    padding: 15px;
}

.category_list img {


}

.category_list .section-one-description {
   width: 100%;
}

.category_list h3 {
    font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
    color: #1b1b1b;
    padding: 0 0 15px 0;
}


.category_list .catagorry-product li{background: url(../../files/images/sub-cat-arrow.png) no-repeat left 10px;float: left;width: 100%;padding-left: 10px;}
.category_list .catagorry-product li a{ font-size:13px; color:#626262; color:#626262;font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;}
.category_list .catagorry-product li a:hover{ color:#007ec2; text-decoration:none}


.category_list .col-lg-3 {
    text-align: center;
    font-size: 18px;
    border: 1px solid #e5e5e5;
    margin-left: 1%;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}

.section-main-box .swiper-slide {
    border-right: 1px solid transparent;

}

.section-main-box .swiper-slide:last-child {
  border-right: 1px solid #e5e5e5;
}

.category_list .col-lg-3:hover {
  border: 1px solid #007ec2;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.2);
}

.no-padding-space:nth-child(4n) .section-pro-box {
    border-right: 1px solid #e5e5e5!important;
}

.section-one.section .swiper-button-next {
    top: 30%;
    right: 15px;
}

.section-one.section .swiper-button-prev {
    left: 15px;
    top: 30%;
}

.mod_newsreader .layout_full {

}

.mod_newsreader .ce_image,
.mod_newsreader .ce_text,
.mod_newsreader .text-pic-left,
.mod_newsreader .ce_headline {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.mod_newsreader .text-pic-left {
  clear: both;

}

.mod_newsreader .text-pic-left .left-pic {
  float: left;
  width: 25%;
  margin-right: 0;
  padding: 1%;
  border: 1px solid #ccc;
}

.mod_newsreader .text-pic-left .left-pic img {
  width: 100%
}

.mod_newsreader .text-pic-left .text {
  float: right;
  width: 72%;
}

.mod_newsreader .tippbox {
    width: 94%;
    float: left;
    background: #ffee014d;
    padding: 2%;
    border: 1px solid #ffee01;
    margin-bottom: 20px;
}

.mod_newsreader .tippbox .heading {
    width: 100%;
    float: left;
}

.mod_newsreader .tippbox .tip-content {

}

.category_list .col-lg-3:first-child {

}

.all-tag-titel ul {
  padding-left: 20px;
}


/*
.all-tag-titel ul li {
  list-style-type: disc;
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}

*/


#blog {


}

#blog .mod_newslist {
  width: 100%

}

#blog .mod_newslist h2 {
  float: left;
  width: 100%;
}

#blog .mod_newslist img {
  height: 200px;
  object-fit: cover;
}

#blog .mod_newslist .more {

  display: block;
  margin-top: 15px;
  margin-bottom: 15px;


}

.product-slider .swiper-slide {
  cursor: pointer;
}

#article-48 .row {
  margin-left: 0!important;
  margin-right: 0!important;
}

#article-48 .all-stape {
  margin-bottom: 20px;
  margin-top: 20px;

}

#article-48 .all-stape-prod {
  display: none;
}

.category_list .col-lg-3 {
  text-align: center;
  font-size: 18px;
  border: 1px solid #e5e5e5;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}


@media (min-width:992px) {
    .category_list .col-lg-3 {
      text-align: center;
      font-size: 18px;
      border: 1px solid #e5e5e5;
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
  }
}

@media (min-width:1200px) {
    .category_list .col-lg-3 {
      text-align: center;
      font-size: 18px;
      border: 1px solid #e5e5e5;
      margin-left: 1%;
      width: 23%;
      margin-left: 1%;
      margin-right: 1%;
  }
}


.dropdown.checked label[for="checkbox-toggle-09"],
.dropdown.checked label[for="checkbox-toggle-07"],
.dropdown.checked label[for="checkbox-toggle-06"]
{
      border: 1px solid #dcdcdc;
}
<<<<<<< HEAD
=======
<<<<<<< HEAD

.all-cats-main .col-sm-3 {

  width: 100%


}

.all-cats-main .popover {
  position: relative;
}

.navbar-brand img {
  max-width: 144px!important;
}



#main a {
text-decoration: none;
 transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
border-bottom: 1px solid transparent;
}
#main a:hover {
text-decoration: none!important;
color: #007ec2!important;
border-bottom: 1px solid #007ec294;
}

#main a.dont_hover:hover {
  border-bottom: 0 none!important;
}


#primarydnav .searchbar .form-control {
    color: rgba(0,0,0,0.9);
        font-family: 'Roboto-Regular';

}


.main-menu.rightside li {
   margin-left: 5px;
}

#secondarydnav .btn-link small {
    font-size: 11px;
    font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 -2px;
}

 #secondarydnav .rightside .btn-link span  {
    letter-spacing: 0.1px;
}

body.sticky-header header #secondarydnav .searchbar {
    margin-left: 14px;
    width: 51%;
}

 body.sticky-header header #secondarydnav #search_input_2 {
    padding-top: 10px;
    padding-left: 20px!important;
}

#search_input, #search_input_2 {
 padding-left: 20px!important;
}

#search_input, #search_input_2 {
    max-width: 580px!important;
    width: auto!important;
}

.searchbar .search-addon {
    padding-top: 9px;
}

.category_list .roboto_light_14 {
        line-height: 28px;
    margin-top: 10px;
}

.category_list .roboto_light_14 ul {
    margin-top: 20px;
  padding-left: 20px!important;


}
.category_list .roboto_light_14  ul li {
   list-style-type: none;
    background: url(../../files/images/arrow.svg) no-repeat scroll 0 8px transparent;
    padding-left: 17px;
    margin-bottom: 1px;


}
.category_list .roboto_light_14  ul li i {


}

.category_list .roboto_light_14 .table tr {
           font-size: 15px;
}

.roboto_light_14 .table tr td {

    padding-left: 15px;
}

.category_list .roboto_light_14 .table {
    border-bottom: 1px solid #e5e5e5;
       margin-top: 30px;
    margin-bottom: 30px;
}

.category_list .roboto_light_14 .table tr:first-child {
    font-size: 14px;
    background-color: #eceeef;
}


.category_list .roboto_light_14 .table tr:first-child td {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 13px;
    border-bottom: 1px solid #d2d2d2;

}


.category_list .roboto_light_14 {
	    letter-spacing: 0.1px;
}

.roboto_light_14 p,
.roboto_light_14 span
 {
font-size: 15px;
    line-height: 24px;
letter-spacing: 0.1px;

}

.swiper-slide .star-rank li.active,
.prod-list-box .no-padding-space .star-rank li.active,
.swiper-slide .star-rank li,
.swiper-slide .star-rank li, .prod-list-box .no-padding-space .star-rank li {
    margin-left: -2px;
    font-size: 13px;
}
.swiper-slide .star-rank,
.prod-list-box .no-padding-space .star-rank {
   margin-left: 2px;
}

.section-tool .section-three-box {
margin-top: 20px;
float: left;
}

#article-1 .section {
     margin-top: 0px!important;
}


.section-tool .three-box-discription {
    float: left;
    padding: 20px 20px 0 20px;
}

.eay-view img {
    width: 19px!important;
    margin-right: 5px;
    margin-top: -1px;
    float: none;
}

.diy-list-cat .three-box-discription  {
  width: auto;
}


.section-three .three-box-discription {
    float: left;
    padding: 20px 20px 0 20px;
}


.section-three .three-box-discription .eay-view {
margin-bottom: 7px;

}


.section-three.section.column4-fullsize .all-tag-box {
margin-bottom: 30px;

}

.list-cat-cont {

}

.list-cat-cont .makeitequal  {
    width: 340px;
    margin-right: 26px;
    float: left;
}


.list-cat-cont .makeitequal.last  {
   width: 341px;
}

@media (min-width: 1440px ) {


	.container {

	  width: 1470px;

	}
}


.section-tool .section-three-box {
   margin-top:0!important;
}


#article-1 .section-tool .section-three-box {
   margin-top:20px!important;
}

.prod_box_new .all-tag-box {
   margin-bottom: 30px;

}


.fix_hp h5 {
    min-height: 47px!important;
height: auto!important;
}

.fix_hp .three-box {
margin-top: 0!important;
}

.banner-text-bottom {
	color: #333;

}

.section-main-box .swiper-slide:hover:last-child {
      border-right: 1px solid #007ec2;
}

.section-pro-box .section .section-one-description h4 {
  height: auto!important;
}

.swiper-slide-duplicate {
  display: none;
}

.table-box h5 {
  font-family: 'Roboto-Bold', Arial, Helvetica, sans-serif;
}


#secondarydnav .catmenu-box .nav > li .dropdown-menu li a.active {
  color: #007ec2;
}

.checkout-left-box a {
  border-bottom: 1px solid rgb(229, 229, 229);
}

.payment_id {
  border-bottom: 1px solid #e5e5e5;
}


#primarydnav .searchbar .form-control {
    width: 100%!important;
    max-width: inherit!important;
}
.complete-menu .searchbar, .searchbar {
    width: 68%!important;
}

#search_input, #search_input_2 {
    max-width: inherit!important;
    width: auto!important;
}

.eac-item .manu  {
    font-size: 12px;
    color: #444;
    display: inline;

}

.eac-item .art-no  {
    font-size: 12px;
    color: #444;
    display: inline;

}

#search_input, #search_input_2,search_input_3 {
    max-width: inherit!important;
    width: 100%!important;
}

.left-navbar li ul li a {
  font-size: 14px;
}


.scroll-inner {
    max-height: 399px;
    overflow-y: scroll;
}

.teaser_merchant_box {
   float: left;
   padding: 25px;
   padding-top: 25px;
   padding-bottom: 25px;
   margin-bottom: 40px;
   background: #eceeef;
   width: 100%;
}

.modal-body .img-responsive {
  width: auto!important;
}

#myModal .modal-body {
  text-align: center;
}

.modal-body {
	    padding: 20px;
    height: 100%!important;
    overflow-y: scroll;
}

.modal-dialog {
    max-width: 50%;
    margin: 50px auto;
        height: 100%;
}

.modal-content {
    height: 80%;
    min-height: 80%;
    overflow: initial;

}

.modal-content p {
	line-height: 25px;
}

.modal-footer {
	    padding: 31px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0;
}

.product-slider .gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border: 1px solid #007ec2!important;
}

.mod_iso_addressbook .widget-country {
  display: none;
}

<<<<<<< HEAD
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  position: relative; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em; }
    .dropzone .dz-preview .dz-progress {
      display: block;
      height: 15px;
      border: 1px solid #aaa; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        display: block;
        height: 100%;
        width: 0;
        background: green; }
    .dropzone .dz-preview .dz-error-message {
      color: red;
      display: none; }
    .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
      display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      display: block; }
    .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
      position: absolute;
      display: none;
      left: 30px;
      top: 30px;
      width: 54px;
      height: 58px;
      left: 50%;
      margin-left: -27px; }


      /*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }
=======
.mod_personalData .form-group .dropdown-menu {
	z-index: 99999999999;
    position: relative;
}
>>>>>>> cc3019410a94ef8a961a086cdaa34255f0b54875
