@font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 600;
	src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
*{
     padding: 0px;
     margin: 0px;
}

 body {
     font-family: 'Poppins', sans-serif;
     color: #70767a;
     line-height: 24px;
     font-size: 14px;
}
 ul li {
     list-style: none;
     list-style-image: none;
     float: left;
     display: block;
}
 a:hover {
     text-decoration: none;
}
.m-80  {
	margin:80px 0;
}
.features-box {
	text-align:center;
}
.features-box a {
    background: #f2f3f5;
    color: #000;
    border: 1px solid #ddd;
    padding: 8px 15px;
}
.features-box a:hover {
    background: #f0f0f0;

}
.features-box  p{
	font-size:13px;
	line-height: 18px;
	text-align:justify;
	padding-top:15px;
}
/* Header */
 header {
     width:100%;
     float: left;
	 	border-bottom:1px solid #ddd;
		padding-bottom:10px;
}
 header .top{
     width:100%;
     height: 43px;
     float: left;
     background: #202022;
}
 header .top .phone{
     width: auto;
     float: left;
     font-size: 14px;
     font-weight: 500;
     color: #ffffff;
     margin-top: 10px;
}
 header .top .mail{
     width: auto;
     float: right;
     font-size: 12px;
     font-weight: 300;
     color: #ffffff;
     margin-top: 10px;
     margin-right: 20px;
}
 header .top .mail a{
	color:#fff;
 }
 header .top .phone a{
	color:#fff;
 }
 header .top .mail i{
     margin-right: 5px;
}
 header .top .address-top{
     width: auto;
     float: right;
     font-size: 12px;
     font-weight: 300;
     color: #ffffff;
     margin-top: 10px;
}
 header .top .address-top i{
     margin-right: 5px;
}
 header .logo {
     margin-top: 8px;
     float: left;
}
header .logo img {
    width: 150px;
}
 header .menu {
     width: auto;
     height: 50px;
     float: right;
}

header .language {
	width: auto;
	float: right;
	height: 97px;
	display: flex;
	align-items: center;
}

header .language_btn {
	width: auto;
	float: right;
	background: #000!important;
	border: none;
	border-radius: 0!important
}

header .dropdown-menu {
	min-width: 42px;
	width: 100% !important;
}
header .dropdown-menu>li >a{
	padding: 3px!important;
}
header .dropdown-menu>li {
	border-bottom: 1px solid #ddd;
	width: 100%;
	text-align: center;
}

header .dropdown-menu>li:last-child {
	border-bottom: 0
}

header .dropdown-menu>li>a:hover {
	background: #000;
	color: #fff
}
 .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #2a2f3f!important;
     border-color: #2a2f3f!important;
}
 .header {
    width: 100%;
	display: block;
	min-height: 97px;
	display: flex;
	align-items: center;
	margin-left:30px;

}
/* Header */
/* Wrapper */
 .wrapper-full {
     width: 100%;
     float: left;
}
 .slider-full {
     width: 100%;
     float: left;
     background: #f2f3f5;
}
 .slider-full .slider {
     width: 100%;
     float: left;
}
 .product-btn {
     width: auto;
     float: left;
     padding-left: 8px;
     margin-top: -118px;
     z-index: 1;
     position: relative;
}
 .product-btn ul > li {
     width: 240px;
     height: 110px;
     float: left;
     background: #2a2f3f;
     display: block;
     margin-right: 20px;
     padding: 4px;
}
 .product-btn ul > li > a {
     width: 100%;
     height: 102px;
     float: left;
     display: block;
     border: 2px solid #889caf;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     text-transform: uppercase;
     text-align: center;
     padding-top: 40px;
     transition: 0.5s;
}
 .product-btn ul > li > a:hover {
     background: #889caf;
     color: #2a2f3f;
     transition: 0.5s;
}
.title {
    width: 100%;
    float: left;
    font-size: 36px;
    color: #202022;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
    letter-spacing: -1px;
}
 .features {
     width: 100%;
     float: left;
     margin-top: 30px;
     margin-bottom: 30px;
}
 .features .quality {
     width: 33.333%;
     float: left;
     margin-top: 30px;
     background-repeat: no-repeat;
     background-position: right top;
     transition: 0.5s;
     padding: 1%;
}
.features .quality img{
	width:100%;
}
 .features .quality .title {
     width: 90%;
     float: left;
     color: #202022;
     font-size: 20px;
     text-transform: uppercase;
     text-align: left;
     padding-left: 0;
     margin-top: 25px;
     border-bottom: 1px solid #eee;
     padding-bottom: 6px;
     font-weight: 500;
}
 .features .quality .content {
     width: 100%;
     color: #202022;
     font-size: 14px;
     float: left;
     margin-left: 0;
     margin-top: 6px;
     line-height: 18px;
}
 .features .output {
     width: 33.333%;
     float: left;
     margin-top: 30px;
     background-repeat: no-repeat;
     background-position: right top;
     transition: 0.5s;
     padding: 1%;
}
 .features .output img {
	 width:100%;
}
 .features .output .title {
     width: 90%;
     float: left;
     color: #202022;
     font-size: 20px;
     text-transform: uppercase;
     text-align: left;
     margin-top: 25px;
     border-bottom: 1px solid #eee;
     padding-bottom: 6px;
     font-weight: 500;
}
 .features .output .content {
     width: 100%;
     color: #202022;
     font-size: 14px;
     float: left;
     margin-top: 6px;
     line-height: 18px;
}
 .features .performance {
     width: 33.333%;
     float: left;
     margin-top: 30px;
     background-repeat: no-repeat;
     background-position: right top;
     transition: 0.5s;
     padding: 1%;
}
 .features .performance img {
	 width:100%;
}
 .features .performance .title {
     width: 90%;
     float: left;
     color: #202022;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     text-align: left;
     padding-left: 0;
     margin-top: 25px;
     border-bottom: 1px solid #eee;
     padding-bottom: 6px;
}
 .features .performance .content {
     width: 100%;
     color: #202022;
     font-size: 14px;
     float: left;
     margin-left: 0;
     margin-top: 6px;
     line-height: 18px;
}
 .product-slider {
     width: 100%;
     float: left;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .product {
     width: 100%;
     float: left;
     border: 1px solid #f2f3f5;
     text-align: center;
     padding-bottom: 20px;
}
 .product .product-img{
     width: 100%;
     height: 205px;
     float: left;
     border: 1px solid #f2f3f5;
     background: #f2f3f5;
}
 .product .product-img img{
     width: auto;
     margin: auto;
     width: 95%;
}
 .product .product-title{
     width: 100%;
     float: left;
     color: #1b1c20;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
}
 .product .category{
     width: 100%;
     float: left;
     margin-bottom: 15px;
}
 .product .products-btn{
     width: 100%;
     float: left;
}
 .product .products-btn a{
     background: #eaebed;
     padding: 10px 20px;
     color: #939292;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 600;
     transition: 0.5s;
}
 .product .products-btn a:hover{
     background: #162252;
     color: #fff;
     transition: 0.5s;
}
 .content-wrap {
     width: 100%;
     float: left;
     margin-top: 50px;
}
 .content-wrap .content-img{
     width: 100%;
     float: left;
}
 .content-wrap .content-img img{
     width: 100%;
     float: left;
}
 .content-wrap .content{
     width: 100%;
     float: left;
     color:#202022;
     margin-bottom: 20px;
	 margin-top: 15px;
	 text-align:justify
}
 .content-wrap .contant-btn{
     width: auto;
     float: left;
}
 .content-wrap .contant-btn a{
     width: auto;
     float: left;
     padding: 8px 25px;
     display: block;
     background: #162252;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     margin-right: 15px;
     border: 3px solid #162252;
     transition: 0.3s;
}
 .content-wrap .contant-btn a:hover{
     transition: 0.3s;
     background: #fff;
     color: #162252;
}
 .content-wrap .detail-btn{
     width: auto;
     float: left;
}
 .content-wrap .detail-btn a{
     width: auto;
     float: left;
     padding: 8px 25px;
     display: block;
     background: #fff;
     color: #162252;
     text-transform: uppercase;
     font-weight: 600;
     margin-right: 15px;
     border: 3px solid #162252;
     transition: 0.3s;
}
 .content-wrap .detail-btn a:hover{
     transition: 0.3s;
     background: #162252;
     color: #fff;
}
/* Wrapper */
/* Footer */
 .footer-full {
     width: 100%;
     float: left;
     background: #202022;
     padding-top: 30px;
     padding-bottom: 30px;
}
 .footer-full .footer-menu {
     width: auto;
     float: left;
	 color:#fff;
}
 .footer-full .footer-menu > ul > li {
     float: left;
     width: auto;
     display: block;
}
 .footer-full .footer-menu > ul > li > a {
     float: left;
     width: auto;
     display: block;
     color: #fff;
     font-size: 14px;
     padding: 0px 8px;
     transition: 0.5s;
}
 .footer-full .footer-menu > ul > li > a:hover {
     text-decoration: underline;
}
 .footer-full .design{
     width: auto;
     float: right;
}
 .footer-full .design a{
     width: auto;
     float: right;
     font-size: 14px;
     color: #fff;
     font-weight: 600;
     transition: 0.5s;
}
 .footer-full .design a:hover{
     transition: 0.5s;
     color: #bcc0cc;
}
 .footer-full .info{
     float: right;
     margin-right: 10px;
     color: #fff;
}
/* Footer */
/* Page */
 .category {
     width:100%;
     float: left;
     margin-top: 20px;
}
 .category .title {
     width:100%;
     float: left;
     font-size: 20px;
     text-align: left;
     margin-bottom: 10px;
     margin-top: 0px;
}
 .category ul > li {
     width:100%;
     float: left;
     display: block;
     border-bottom: 1px solid #e6e6e6;
}
 .category ul > li:last-child {
     border-bottom: 0px;
}
 .category ul > li > a {
     width:100%;
     float: left;
     padding-bottom: 8px;
     padding-top: 8px;
     font-size: 14px;
     color: #162252;
     font-weight: 600;
     padding-left: 10px;
     transition: 0.3s;
}
 .category ul > li > a:hover {
     width:100%;
     float: left;
     background: #c8c8c8;
     color: #fff;
     transition: 0.3s;
}
 .content {
     width: 100%;
     float: left;
}
 .content .content-title {
     width: 100%;
     float: left;
     font-size: 28px;
     font-weight: 700;
     border-bottom: 1px solid #e6e6e6;
     color: #202022;
     padding-bottom: 10px;
     margin-bottom: 10px;
     letter-spacing: -1px;
     margin-top: 40px;
}
 .contact_form {
     width: 100%;
     float: left 
}
 .contact_form .title {
     width: 100%;
     float: left;
     margin-bottom: 20px;
     font-size: 23px;
     font-weight: 600;
     text-transform: uppercase;
     color: #162252;
}
 .contact_form .title span {
     font-weight: 300;
}
 .contact_form .contact_box {
     width: 100%;
     float: left;
}
 .contact_form .contact_box .item {
     width: 100%;
     float: left;
}
 .contact_form .contact_box .item label {
     width: 100%;
     height: 33px;
     float: left;
     font-size: 12px;
     color: black;
     outline: none;
     font-weight: 600;
     margin-bottom: -2px;
     line-height: 30px;
}
 .contact_form .contact_box .item input {
     width: 100%;
     height: 33px;
     border: 1px solid #dbd5d5;
     float: left;
     font-size: 12px;
     color: #8d8d8d;
     outline: none;
     padding-left: 10px;
     font-weight: 600;
}
 .contact_form .contact_box .item textarea {
     width: 100%;
     height: 95px;
     border: 1px solid #ebebeb;
     float: left;
     font-size: 12px;
     color: #8d8d8d;
     outline: none;
     padding: 10px;
     font-weight: 600;
     margin-bottom: 8px;
}
 .contact_form .contact_box .contact_btn {
     padding: 10px 23px;
     background: #202022;
     color: white;
     font-size: 13px;
     border: 0px;
     margin-top: 15px;
     font-weight: 600;
}
 .contact_info {
     width: 100%;
     float: left;
     padding: 9%;
     background: #202022;
     margin-bottom: 8px;
     margin-top: 45px;
}
 .contact_info .title {
     width: 100%;
     float: left;
     margin-bottom: 10px;
     font-size: 20px;
     color: white;
     font-weight: 900;
     text-transform: uppercase;
}
 .contact_info .title span {
     font-weight: 300;
}
 .contact_info .phone {
     font-size: 16px;
     color: white;
    /* margin-left: 10px;
     */
     font-family: 'Titillium Web', sans-serif;
     font-weight: 400;
}
 .contact_info .phone i {
     font-size: 20px;
     margin-right: 8px;
     margin-top: 2px;
     display: block;
     float: left;
}
 .contact_info .line {
     width: 100%;
     height: 1px;
     border-bottom: 1px solid #424246;
     float: left;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .contact_info .contact_app {
     width: 100%;
     float: left;
}
 .contact_info .contact_app>ul>li>a {
     width: 100%;
     float: left;
     display: block;
     color: white;
     margin-right: 15px;
}
 .contact_info .mail {
     width: 100%;
     float: left;
     color: white;
     font-family: 'Titillium Web', sans-serif;
}
 .contact_info .mail i {
     margin-right: 8px;
     font-size: 20px;
     display: block;
     float: left;
     margin-top: 3px;
     width: 8%;
}
 .contact_info .address {
     width: 100%;
     float: left;
     color: white;
     font-family: 'Titillium Web', sans-serif;
}
 .contact_info .address i {
     width: 8%;
     margin-right: 8px;
     font-size: 20px;
     display: block;
     float: left;
     margin-top: 3px;
}
 .contact_info .address p {
     width: 85%;
     display: block;
     float: left;
}
 .tc-breadcrumb {
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-pack: justify;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
     width: 100%;
     float: left;
     margin-top: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #eee;
     padding-bottom: 15px;
}
 .tc-breadcrumb ul {
     margin-bottom: 0;
     background: transparent;
     padding: 0;
     border-radius: 0;
}
 .tc-breadcrumb ul li a {
     color: #999;
     font-size: 12px;
}
 .tc-breadcrumb ul li:before {
     font-size: 10px;
}
 .tc-breadcrumb .breadcrumb-title {
     margin: 0;
     font-size: 22px;
     font-weight: bold;
     color: #444;
}
 .tc-breadcrumb.tc-breadcrumb-center {
     display: block;
     text-align: center;
}
 .tc-breadcrumb.tc-breadcrumb-center .breadcrumb-title {
     margin-bottom: 12px;
     font-size: 26px;
}
 .tc-breadcrumb.tc-contrast * {
     color: rgba(255, 255, 255, 0.8);
}
 .tc-breadcrumb.tc-contrast li.active {
     color: rgba(255, 255, 255, 0.6);
}
 .breadcrumb>.active {
     color: #777;
     font-size: 12px;
}
 .product-detail {
     width: 100%;
     float: left;
     border: 1px solid #e5e5e5;
     margin-top: 10px;
     padding: 10px;
}
 .product-detail .detail-title {
     width: 100%;
     float: left;
     font-size: 16px;
     font-weight: 600;
     color: #000;
     letter-spacing: -1px;
}
 .features-wrap {
     width: 100%;
     float: left;
     border: 1px solid #e5e5e5;
     margin-top: 30px;
     padding: 10px;
     height: 186px;
}
 .features-wrap .features-title{
     width: 100%;
     float: left;
     font-size: 16px;
     font-weight: 600;
     color: #000;
     margin-bottom: 5px;
}
 .features-wrap .product-features{
     width: 100%;
     float: left;
}
 .features-wrap .product-features > ul > li{
     width: 49%;
     float: left;
     border-bottom: 1px solid #eeecec;
     margin-right: 1%;
     margin-bottom: 8px;
}
 .tabs {
     width: 100%;
     float: left;
     margin-top: 20px;
}
 .nav-tabs>li>a {
     border-radius: 0;
}
 .nav>li>a {
     color: #162252!important;
     font-weight: 600!important;
}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
     color: #555;
     cursor: default;
     background-color: #fff;
     border: 1px solid #ddd;
     border-bottom-color: transparent;
     font-weight: 600;
}
 p.tc-tab-desc {
     padding: 10px;
}
/* Page */
/* Banner */
 .pi-slider-images-full-width {
     box-shadow: 0 0 1px #eee;
     position: relative;
}
 .pi-slider-images-full-width .number {
     text-align: center;
     font-family: monospace;
     color: #fff;
}
 .pi-slider-images-full-width .buttons {
     position: absolute;
     top: 50%;
     height: 0;
     left: 0;
     right: 0;
}
 .pi-slider-images-full-width .buttons button {
     position: absolute;
     width: 52px;
     height: 53px;
     border: 0;
     padding: 0;
     outline: none;
     background-color: transparent;
     margin: 0 11px;
     cursor: pointer;
     background-position: center;
     background-repeat: no-repeat;
     bottom: -249px!important;
}
 .pi-slider-images-full-width .buttons button:first-child {
     right: 56px;
     background-image: url(../images/left-btn.png);
}
 .pi-slider-images-full-width .buttons button:first-child + button {
     right: 0;
     background-image: url(../images/right-btn.png);
}

/* Banner */
/* horizontal Slider */
 .pi-slider-images {
     position: relative;
}
 .pi-slider-images img {
     display: block;
     width: 100%;
     border: none;
}
 .pi-slider-images .points {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 10px;
     height: 0;
     font-size: 0;
     text-align: center;
}
 .pi-slider-images .points i {
     text-align: center;
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background-color: #E0E0E0;
     line-height: 0;
     margin: 0 5px;
     position: relative;
     top: -4px;
     cursor: pointer;
     transition: background-color 0.2s ease-out;
}
 .pi-slider-images .points i.active {
     background-color: #424242;
}
 .pi-slider-images .buttons {
     position: absolute;
     top: 50%;
     height: 0;
     left: 0;
     right: 0;
}
 .pi-slider-images .buttons button {
     position: absolute;
     width: 52px;
     height: 47px;
     border: 0;
     padding: 0;
     outline: none;
     background-color: #FAFAFA;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
     margin: 0 30px;
     margin-top: -20px;
     cursor: pointer;
     background-position: center;
     background-repeat: no-repeat;
     opacity: 0.8;
     transition: box-shadow 0.2s ease-out, opacity 0.2s ease-out;
}
 .pi-slider-images .buttons button:first-child {
     left: 0;
     background-image: url(../images/left.jpg);
}
 .pi-slider-images .buttons button:first-child + button {
     right: 0;
     background-image: url(../images/right.jpg);
}
 .pi-slider-images .buttons button:hover {
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
     opacity: 1;
}
/* horizontal Slider */
/* product Slider */
 .ubislider {
     margin: 0 0;
     padding: 24px 0 20px;
     overflow: hidden 
}
 .ubislider .arrow {
     position: absolute;
     width: 25px;
     height: 60px;
     top: 50%;
     margin: -30px 0 0;
     line-height: 60px;
     font-size: 20px;
     color: #f7f7f7;
     overflow: hidden;
     cursor: pointer;
     display: block;
     text-align: center;
     background-color: #949292;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .ubislider .arrow.pasive {
     background-color: #ccc;
     color: #f7f7f7 
}
 .ubislider .arrow.pasive:hover {
     background-color: #ccc;
     color: #f7f7f7 
}
 .ubislider .arrow.pasive:active {
     background-color: #ccc;
     color: #f7f7f7 
}
 .ubislider .arrow:active, .ubislider .arrow:hover {
     text-decoration: none;
     background-color: #444 
}
 .ubislider .arrow:before {
     font-family: FontAwesome 
}
 .ubislider .arrow.prev {
     left: -30px 
}
 .ubislider .arrow.prev:before {
     content: "\f053" 
}
 .ubislider .arrow.next {
     right: -30px 
}
 .ubislider .arrow.next:before {
     content: "\f054" 
}
 .ubislider .ubislider-inner {
     list-style-type: none;
     padding: 0;
     margin: 0;
     position: relative;
     left: 0;
     top: 0;
     width: 100000000000%;
     overflow: hidden;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out 
}
 .ubislider .ubislider-inner li {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-transition: transform .2s ease-in-out;
     -moz-transition: transform .2s ease-in-out;
     -o-transition: transform .2s ease-in-out;
     transition: transform .2s ease-in-out;
     position: relative;
     float: left;
     width: 200px;
     margin: 0 9pt 0 0;
     display: block;
     overflow: hidden 
}
 .ubislider .ubislider-inner li a:active, .ubislider .ubislider-inner li a:focus, .ubislider .ubislider-inner li a:hover {
     text-decoration: none 
}
 .ubislider .ubislider-inner li .image-container img {
     max-width: 100% 
}
 .ubislider .ubislider-inner li:hover .hidden-content {
     opacity: 1 
}
 .ubislider .ubislider-bullets {
     position: relative;
     list-style-type: none;
     margin: 0;
     padding: 5px 0;
     text-align: center 
}
 .ubislider .ubislider-bullets li {
     display: inline-block;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     height: 14px;
     width: 14px;
     background: #ccc;
     margin: 0 4px;
     cursor: pointer 
}
 .ubislider .ubislider-bullets li.active, .ubislider .ubislider-bullets li:hover {
     background: #444 
}
 .ubislider.ecommerce {
     position: relative;
     margin: 8px 0 0;
     padding: 2px 0 5px;
     width: 21pc 
}
 .ubislider.ecommerce .ubislider-inner {
     overflow: initial 
}
 .ubislider.ecommerce .ubislider-inner li {
     width: 77px;
     height: 77px;
     position: relative;
     border: 1px solid #e5e5e5;
     margin-right: 9px;
     margin-bottom: 3px;
     margin-left: 0;
     cursor: pointer;
     display: inline-block;
     background-color: #fff;
     padding: 3px 
}
 .ubislider.ecommerce .ubislider-inner li img {
     max-width: calc(100% - 8px);
     max-height: calc(100% - 8px);
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px 
}
 .ubislider.ecommerce.left {
     float: left;
     width: 5pc;
     height: 21pc 
}
 .ubislider.ecommerce.right {
     float: right;
     width: 5pc;
     height: 21pc 
}
 .ubislider.ecommerce.left .ubislider-inner li, .ubislider.ecommerce.right .ubislider-inner li {
     margin-right: 0;
     margin-bottom: 8px 
}
 .ubiModal {
     position: fixed;
     background-color: rgba(0, 0, 0, .8);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1000 
}
 .ubiModal .ubi-arrows {
     position: absolute;
     height: calc(100% - 140px);
     margin-top: 20px;
     width: 50px;
     top: 0;
     text-align: center;
     cursor: pointer;
     z-index: 1001 
}
 .ubiModal .ubi-arrows i {
     color: #fff;
     font-size: 70px;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%) 
}
 .ubiModal .ubi-arrows.pasive i {
     color: #616060 
}
 .ubiModal .ubi-arrows.left {
     left: 0 
}
 .ubiModal .ubi-arrows.right {
     right: 0 
}
 .ubiModal .ubi-main-image {
     height: calc(100% - 140px);
     margin-top: 20px;
     position: relative;
     width: 100%;
     overflow: hidden 
}
 .ubiModal .ubi-main-image .ubi-main-slide {
     list-style-type: none;
     margin: 0;
     padding: 0;
     height: 100%;
     position: relative;
     -webkit-transition: all .7s ease-in-out;
     -moz-transition: all .7s ease-in-out;
     -o-transition: all .7s ease-in-out;
     transition: all .7s ease-in-out 
}
 .ubiModal .ubi-main-image .ubi-main-slide li {
     display: block;
     float: left;
     position: relative;
     height: 100% 
}
 .ubiModal .ubi-main-image .ubi-main-slide li img {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     max-width: calc(100% - 8px);
     max-height: calc(100% - 8px);
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%) 
}
 .ubiModal .ubi-thumbs {
     height: 90pt;
     text-align: center;
     list-style-type: none;
     margin: 0;
     padding: 20px 0 
}
 .ubiModal .ubi-thumbs li {
     width: 5pc;
     height: 5pc;
     position: relative;
     border: 1px solid #e5e5e5;
     margin-right: 9px;
     margin-bottom: 3px;
     margin-left: 0;
     cursor: pointer;
     display: inline-block;
     background-color: #fff;
     padding: 3px;
     border-radius: 3px 
}
 .ubiModal .ubi-thumbs li img {
     max-width: calc(100% - 8px);
     max-height: calc(100% - 8px);
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px 
}
 .ubiModal .ubi-close {
     position: absolute;
     top: 0;
     right: 0;
     padding: 10px;
     cursor: pointer;
     z-index: 1002 
}
 .ubiModal .ubi-close i {
     color: #fff;
     font-size: 20px 
}
 .noselect {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .ubislider-image-container {
     margin-top: 9px;
     width: 21pc;
     height: 21pc;
     -moz-border-radius: 7px;
     border: 1px solid #e5e5e5;
     position: relative;
     padding: 3px;
     background-color: #fff;
}
 .ubislider-image-container.left {
     float: right;
     width: calc(100% - 90px);
}
 .ubislider-image-container.right {
     float: left;
     width: calc(100% - 90px) 
}
 .ubislider-image-container img {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     max-width: calc(100% - 8px);
     max-height: calc(100% - 8px);
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%) 
}
 .relative {
     position: relative 
}
/* product Slider */
 .h400 {
	min-height:500px;
 }
 .mt0 {
	margin-top:0;
 }
 .maps {
	width:100%;
	float:left;
	margin-top:30px;
 }
 .form_cls {
	background:#f2f0f0;
	padding:15px;
 }
 .send {
	background: #202022;
	color:#fff!important;
	padding:10px 0!important;
	height:auto!important;
	font-size:16px!important;
	font-weight:500!important;
 }
 .cut_product table {
	width:100%!important;
	text-align:left;
 }
 .cutting_app  {
	text-align:left;
	margin-top:40px;
}
 .cutting_app ul {
	width:100%;
	float:left;
 } 
 .cutting_app .text-semibold {
	font-weight:600;
	margin-top:10px;
	text-decoration:underline;
 }
 
 .cutting_app ul li {
	list-style:none;
	width:100%;
	float:left;
	font-weight:400;
 }
 .mb40 { margin-bottom:40px;}
  .mb20 { margin-bottom:20px;}
 
 .bg-gray {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #eee;
    margin-top: 40px;
    padding-left: 3%;
    padding-right: 3%;
}