@import url('https://fonts.googleapis.com/css?family=Darker+Grotesque:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@font-face {
    font-family: 'Britannic';
    src: url('../fonts/BritannicBold.woff2') format('woff2'),
        url('../fonts/BritannicBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {

    font-family: 'Constantia';

    src: url('../fonts/Constantia.woff2') format('woff2'),

        url('../fonts/Constantia.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'colaboratelightr';

    src: url('../fonts/colablig.woff2') format('woff2'),

         url('../fonts/colablig.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'Colaborate';

    src: url('../fonts/Colaborate-Medium.woff2') format('woff2'),

        url('../fonts/Colaborate-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

}

img{width:auto;}

p, input, body{ font-family: 'Roboto', sans-serif;}

h2{  font-family: 'Britannic';
    color: #00cff2;}


.navbar-dark .navbar-nav .active>.nav-link{color: #00cff2;} .navbar-dark .navbar-nav .nav-link {

    color: rgb(0, 0, 0); font-size: 18px; font-family: 'Roboto', sans-serif; padding:8px 15px; text-transform: capitalize; font-weight: 400;

}

p{line-height: 1.5em; font-size: 18px; margin-bottom :0; color:#666;}

.navbar-dark .navbar-nav .nav-link:hover{color:#000;} .header-sec{    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);}

.header-right-ul-sec li{display: inline-block;     padding: 0 15px;

    vertical-align: middle;} li.header-right-log-sec {

    padding: 5px 20px;

    border-radius: 100px;

    background: #00cff2;

}
a {
    color: #00cff2;}
:focus {
    outline: none;
    box-shadow: none !important;
    border-color: #00cff2 !important;
}
.files input {
    outline: 2px dashed #00cff2;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 60px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.header-right-ul-sec ul{padding-left: 0;

    margin-top: 19px;} .header-right-log-sec img{    margin-right: 7px;

    margin-top: -4px;} .header-right-log-sec a{color:#fff;} .header-right-search-sec a{color: #00cff2;}

    .Banner-section img{width: 100%;} .abt-head-sec h2 {
font-size: 50px;
color: #104373;
}
    .abt-btm-gead-sec h4{font-family: 'Colaborate'; line-height: normal;

    margin-bottom: 0; }

    .abt-btm-gead-sec{margin:22px 0; padding-right: 100px;}

  .abt-btm-btn-sec a {
    color: #ffffff;
    display: inline-block;
    padding: 10px 50px;
    font-size: 18px;
    background: #000;
    border-radius: 100px;
}
.abt-btm-btn-sec a:hover{background:#ef6179; color:#fff !important;}
.broch-sec a:hover{background:#ef6179; color:#fff !important;}

    .home-abt-sec{padding: 50px 0;}

    .after-sec:after{    content: "";

    width: 310px;

    height: 399px;

    top: 55px;

    z-index: -1;

    background-image: url(images/abt-after-img.png);

    margin-right: 16px;

position: absolute;}

.after-sec{position: relative;} .banner-box-layout1 {

       animation: bouncebubble infinite 10000ms;

    top: 12%;

    left: 40px;

    position: absolute;

    text-align: right;

}

.abtrit-bg-after-sec:after{ content: "";

    width: 522px;

    height: 484px;

    z-index: -1;

    top: 0px;

    background-image: url(images/abt-rit-after-img.png);

    margin-right: 16px;

position: absolute;}

.abtrit-bg-after-sec{position: relative;} .our-box-sec h2{color:#ef6179; font-size:50px;}

.col-carousel {

	margin: 20px 0;

}
.slide-hover-sec h4{font-family: 'Roboto', sans-serif; color:#104373; font-size:20px;}
.slide-hover-sec:hover .slid-head-sec a{background:#fff; color:#104373; padding:8px 20px; border-radius:100px;}
.slide-hover-sec:hover .slid-head-sec a:hover{background: #000;
    color: #fff !important; }
/* owl nav */

.owl-prev span, .owl-next span {

	color: #000;

}



.owl-prev span:hover, 

.owl-next span:hover {

	color: #8199A3;

}



.owl-prev, .owl-next {

	position: absolute;

	top: 0;

	height: 100%;

}



.owl-prev {

	left: 7px;

}



.owl-next {

	right: 7px;

}



/* removing blue outline from buttons */

button:focus, button:active {

   outline: none;

}
.slide-hover-sec:hover{border: 1px solid #ef6179;
    box-shadow: 0px 0px 20px #ffeff4;}
.slide-hover-sec {
    text-align: center;
    background: #fff;
    text-align: center;
    min-height: 500px;
    border-radius: 5px;
    padding: 20px 20px;
    -webkit-transition: color 300ms;
    width: 96%;
    margin: 5px auto;
    transition: color 300ms;
    position: relative;
    background-color: #ffeff4 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-hover-sec:hover:before {

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

}
.slide-hover-sec:hover {
    border: 1px solid #ef6179;
    box-shadow: 0px 0px 20px #ffeff4;
}
.slide-hover-sec:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
    border-radius: 5px;
    border: solid 1px #eee;
    box-shadow: 0px 0px 10px #eee;
}
.slide-hover-sec a{    color: #ef6179;
    margin-top: 10px;
    display: inline-block;} .slide-hover-sec .fa{vertical-align: middle;} .slide-hover-sec p{text-align: justify;}

.how-cust-sec h2{color:#826fe5;} .how-cust-sec p{color: #000; font-size: 18px;}

.how-cust-4-col-sec:after{content: "";

    width: 250px;

    height: 244px;

    top: 55px;

    z-index: -1;

        left: 20px;

        top:20px;

    background-image: url(images/how-after-customise-img.png);

    margin-right: 16px;

position: absolute;     -webkit-transition: all .4s ease;

    transition: all .4s ease;}



    .how-cust-4-col-sec:hover:after {

    left: 55px;

}

.how-cust-4-col-sec h4{ margin-top:8px; font-size:24px; font-family: 'colaboratelightr';} .how-cust-4-col-sec {

    text-align: center;

} .cust-bt-row-sec{margin-top: 35px;} .how-cust-section{padding: 40px 0;} .List-of-section h2{color:#fa7343;}

.store-sec li{position:relative; padding-left:18px; line-height: 35px;  list-style-type: none;  border-bottom: 1px solid #e5e5e5;}

.store-sec li:after {
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 700;
    position: absolute;
    left: 0;
}
.store-sec .fa{margin-right: 7px;} .store-sec ul{padding: 0;
    min-height: 143px;} 

.store-border-sec:after{content: "";

    width: 368px;

    height: 289px;

    top: 55px;

    position: absolute;

    z-index: 1;

        right: 14px;

        top:20px;

    background-image: url(images/list-after-img.png);} .store-sec{padding-top: 50px;}

    .store-sec a{    background: #000;

    padding: 10px 20px;

    border-radius: 100px;

    color: #fff;}

    .store-border-sec-1:after{

    	content: "";

    width: 368px;

    height: 289px;

    top: 55px;

    position: absolute;

    z-index: 1;

        left: 10px;

        top:20px;

    background-image: url(images/list-after-img.png);} .store-sec{padding-top: 50px;}

    .store-sec a:hover{background:#00cff2; color:#000 !important;}
	.store-sec a{    background: #104373;

    padding: 10px 20px;

    border-radius: 100px;

    color: #fff;

    }

    .store-sec-lft-padd-sec{padding-left: 30px;} .padd-rit-0{padding-right: 0px;} .bor-btm-none{border-bottom: none !important;}

    .class-list-row-sec{margin-top: 30px;}

    .List-of-section{position: relative;} 

    .List-of-section{background-image: url(images/list-bg-image.jpg);}

    .z-index-sec{z-index: 9999;} .industries-section{margin-top: 50px; margin-bottom: 50px;}

   /* .industries-img-sec {

    border: 3px solid #d1f6fe;

    border-radius: 100%;

    height: 230px;

    width: 230px;

    line-height: 220px;

}
*/

.furniture-div-sec h5{font-weight: 600;  font-size: 20px; font-family: 'Colaborate'; text-transform: uppercase;     margin-top: 8px;}

.fur-row-1-sec{margin-top: 20px; } .adva-main-div-sec {

    border: 3px solid #fef3f6;

    border-radius: 5px;

    padding: 40px 20px;

}
.product-cata-section h2{font-size:50px; color:#ef6179;}
.industries-row-sec h2{font-size:40px; color:#104373;}


.adva-ul-div-sec li{ font-family: 'colaboratelightr'; font-weight: 600; list-style-type: none; padding: 0 13px; font-size: 20px; border-bottom: 1px solid #e5e5e5; line-height: 55px;}

.requ-btn-div-1 {

    text-align: center;

    background: #ef6179;

    display: inline-block;

     padding: 6px 80px 9px;

    border-radius: 100px;

}

.requ-btn-div {

    text-align: left; margin-top: 35px;

}

.adva-ul-div-sec ul{ padding: 0 13px;}

.requ-btn-div-1 h2 a{font-size: 34px;

    color: #00cff2;

    font-weight: 600;} .requ-btn-div-1 h2{margin-bottom: 2px;} .requ-btn-div-1 p a{color: #fff; font-family: 'colaboratelightr'; font-size: 18px;}

    .adva-ul-div-sec h2{font-size:40px; color:#104373; text-align: center;}
.requ-btn-div-1 h2{font-size:34px; color:#000;} .requ-btn-div p{color:#fff; font-size:18px;} .requ-btn-div:hover h2{color:#fff;}
    .industries-section:after {

    content: "";

    width: 238px;

    height: 478px;

    top: 130px;

    z-index: -1;

    right: 0px;

    background-image: url(images/adva-after-img.png);

    margin-right: 0px;

    position: absolute;

}

.industries-section:before {

    content: "";

    width: 149px;

    height: 276px;

    top: 280px;

    z-index: -1;

    left: 0px;

    background-image: url(images/adva-before-img.png);

    margin-right: 0px;

    position: absolute;

}

.industries-section{position: relative;} 

a:hover{  text-decoration: none;
    color: #00cff2 !important;} .team-h2-sec h2{margin-bottom:25px; font-size:50px; text-align:center; color:#104373;} .team-h2-sec{text-align: center;}

.team-bg-sec{   background-image: url(images/team-bg-image.jpg); padding: 15px;}
section.experienced-section {
    padding-bottom: 50px;
}
.footer-btm-ul a:hover {
    color: #104373 !important;
}
.team-bx-sec {

    text-align: center;

    padding: 15px 0px;

    border: 1px solid #e5e5e5;

    background: #fff;

}

.team-bx-sec h5{font-size: 18px;  margin-top:15px; text-transform: uppercase; margin-bottom: 0; font-family: 'Colaborate';}

.team-bx-sec p{font-size: 16px;  margin-top:8px; color:#444444; font-family: 'colaboratelightr';}

.team-a-sec {

    font-size: 18px;

} .team-a-sec a{color:#000; font-family: 'colaboratelightr';}

.footer-lef-bx-sec h5{font-size: 18px; font-family: 'Roboto', sans-serif; margin-bottom: 0;}

.footer-lef-bx-sec p{font-size: 14px; color:#000; font-family: 'Roboto', sans-serif;}

.row.footer-lef-bx-sec {

    padding: 10px;

    border: 2px solid #d1f6fe;
background:#fff;
    border-radius: 100px;

}



.footer-map-sec{margin-top: 20px;}

div#footer {

    margin-top: 30px;

}



.footer-ul-li-sec  li {

    list-style: none;

    height: 47px !important;

    text-align: left;

    padding-top: 14px;

    padding-left: 50px;

    font-size: 18px;

   

}



.footer-ul-li-sec-1 {

    Background: url(images/footer-phone-img.png) no-repeat 5px 10px;

}

.footer-ul-li-sec-2 {

    Background: url(images/footer-phone-1-img.png) no-repeat 5px 10px;

}

.footer-ul-li-sec {

    background: #d1f6fe;

}

.footer-ul-li-sec-3 {

    Background: url(images/footer-env-img.png) no-repeat 5px 10px;

}

.payme-div-sec h2{    font-weight: 600; font-size: 22px; color: #104373; margin-bottom: 0; }

.payme-div-sec p{font-size: 16px; color: #000; font-family: 'colaboratelightr';}

.footer-ul-li-sec {

    background: #e4f0fb;

    padding: 20px 20px 28px;

}

.payme-div-sec {

    text-align: center;

}
.footer-btm-ul a:hover {
    color: #000 !important;
}
.footer-btm-ul ul{padding: 0px; margin: 0; display: inline-block;}

.footer-ul-li-sec a{font-family: 'Roboto', sans-serif; color: #000;} .payme-div-sec img{margin-top: 10px;}

.footer-btm-ul{    margin-top: 35px;   padding: 0 20px;  background: #ef6179;}

.footer-btm-ul li{font-size:18px; color:#fff; list-style-type: none; display: inline-block;     padding: 10px;}

.footer-btm-ul a{color:#fff;} .footer-scl-sec{float: right;}

.footer-btm-copy-sec{background: #104373; text-align: center;     padding: 10px; margin-top: 40px;}

.footer-main-sec{    padding-top: 30px;  background-image: url(images/footer-bg-image.jpg);}

.footer-btm-copy-sec p{color:#fff; font-family: 'Roboto', sans-serif;}  .footer-btm-copy-sec a{color:#fff;}



/* ====================== search box btn ===========================*/



 .search-box-outer {

	position: relative;

	left: 3px;

	display: inline-block;

	padding: 6px 0;

	vertical-align: middle;

}



.search-box-btn {

	position: relative;

	font-size: 18px;

	line-height: 28px;

	    color: #00cff2;

	cursor: pointer;

	display: inline-block;

	padding: 7px 0px 6px;

	background: transparent;

	border:none;

	border-radius: 50px 0px 0px 50px;

}



.header-upper.dark .search-box-btn {

	color: #fff;

}



.search-box-outer .dropdown-menu {

	top: 72px !important;

	padding: 0px;

	width: 330px;

	border-radius: 0px;

	background: #ffffff;

	right: 0;

	left: auto !important;

	transform: translate3d(0px, 0px, 0px) scale3d(0.8,0.8,0.8) !important;

	border-color: transparent;

	border-radius: 3px;

	box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);

	transition: .5s ease;

	display: block;

	opacity: 0;

	visibility: hidden;

}



.search-box-outer .show .dropdown-menu {

    display: block;

    transform: scale3d(1,1,1) !important;

    opacity: 1;

    visibility: visible;

}



.search-panel .form-container {

	padding: 30px 0;

}



 .search-panel .form-group {

	position: relative;

	margin: 0px;

}



.search-panel input[type="text"],

.search-panel input[type="search"],

.search-panel input[type="password"],

.search-panel select {

	display: block;

	width: 100%;

	line-height: 24px;

	padding: 9px 50px 9px 15px;

	height: 50px;

	border: 1px solid #f3f5fe;

	border-radius: 3px;

	background: #f3f5fe;

}



 .search-panel input:focus,

 .search-panel select:focus {

	border-color: #f3f5fe;

}



 .search-panel .search-btn {

	position: absolute;

	right: 1px;

	border:none;

	top: 1px;

	width: 50px;

	height: 48px;

	text-align: center;

	color: #111111;

	background: #f3f5fe;

	font-size: 14px;

	border-radius: 0px 3px 3px 0px;

	cursor: pointer;

}

.search-panel input[type="search"]{outline:none;}

.menu-right-content .link-btn {

	display: inline-block;

	vertical-align: middle;

}



.menu-right-content .link-btn .theme-btn {

	text-transform: capitalize;

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	font-weight: 600;

	padding: 8px 30px;

	border-radius: 22px;

	margin-left: 20px;

}



.dropdown-toggle::after {

	display: none;

}





.hiddenbar-btn {

	display: inline-block;

	z-index: 7;

	float: none;

	padding: 4px 5px;

	margin-left: 10px;

	cursor: pointer;

	border-radius: 0px;

	background: #ffffff;

	vertical-align: middle;

}

.hiddenbar-btn .icon-bar {

	background: #2b2b2b;

	height: 3px;

	width: 22px;

	display: block;

	margin: 6px 5px;

}

.search-box-outer ul{margin-top:0px;}

li.panel-outer {   width: 100%;}





.sticky-header {

    position: fixed;

    opacity: 0;

    visibility: hidden;

    left: 0px;

    top: 0px;

    width: 100%;

    padding: 0px 0px;

    background: #ffffff;

    z-index: 0;

    border-bottom: 1px solid #e0e0e0;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}

.sticky-header {

    z-index: 999;

    opacity: 1;

    visibility: visible;

    -ms-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -op-animation-name: fadeInDown;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -ms-animation-duration: 500ms;

    -moz-animation-duration: 500ms;

    -op-animation-duration: 500ms;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

    -ms-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -op-animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -ms-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    -op-animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

}

.float-right {

    float: right !important;

}


/*--------------------Signup and Signin------------------*/

.signup-bg {
    background-image: url(../images/signup-bg.jpg);
    padding: 5% 8%;
}

.log-form-head img{margin-bottom: 20px}

.log-form-head p{margin-bottom: 15px; font-size:18px;}

.signup-form-inner {
    background-color: #ffffff;
    padding: 2% 10%;
    border: solid 1px #eee;
}
ul#boxListRequestQuote li label {
color: #666;
}

.signup-form-inner .form-group { display: flex;}

.signup-form-inner .form-group i { background-color: #055e3f;  color: #fff;

    padding: 15px;  font-size: 22px;  width: 60px;  height: 60px;  border-radius: 10px 0px 0px 10px;}

.signup-form-inner .form-control {border-radius: 0px 10px 10px 0 !important;  height: 60px !important;}

.signup-form-inner button{background: #000; border: none; font-size: 20px; text-transform: uppercase;  padding: 5px 35px;

    border-radius: 50px;  margin: 15px 0;}

.signup-form-inner button:hover{background-color: #055e3f;}

:focus {
    outline: none;
    box-shadow: none !important;
    border-color: #00cff2 !important;


}

ul#boxListRequestQuote li label {
color: #666;
text-transform: lowercase;
}

#boxListRequestQuote {
    width: 100%;
    padding-left: 20px;
    text-align: left;
    border: 1px solid #ced4da;
    border-radius: 0px 10px 10px 0 !important;
    margin-bottom: 0;
    list-style-type: none;
}


/*--------------------End Signup and Signin------------------*/



/*--------------------Design a Box Page------------------*/

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

    color: #055e3f;

}


.inner-pg-banner {
    background-image: url(../images/designa-box-banner-bg.png);
    padding: 5%;
    background-size: cover;
    background-repeat: round;
}

.inner-pg-banner h2{ font-family: 'Britannic'; font-size: 54px; color: #fff;  font-weight: bold;}

.inner-pg-banner p{font-size: 22px; color: #fff;   padding:0 90px; }

.inner-pg-banner button {
    background: #00cff2;
    border: none;
    margin-top: 3%;
    color: #000;
    font-size: 18px;
    padding: 8px 35px;
    border-radius: 50px;
    font-weight: 400;
}
.inner-pg-banner img{margin-right:5px;}
.inner-pg-banner button:hover {
background: #ef6179;}

.tab-content{ margin-bottom: 20px; margin-top: 20px;}

.tab-content h5{font-size: 20px; font-family: 'Constantia'; font-weight: bold;}

.tab-content i{color: #fa7343;    margin-right: 10px; }

.design-box-inner button{    background: #00489f; color: #fff; border: none; font-size: 18px;  border-radius: 50px; padding: 10px 30px;  margin-top: 20px;}

.design-box-inner .carousel-indicators li{width: 12px; height: 12px; border-radius: 50px;border: none; background-color: #ef6179}

.design-box-inner .carousel-indicators{margin-bottom: 0 !important}

.tab-card, .card-header {border:none;}

.card-header:first-child { background: none;}

.tab-section .nav-item {
    background-color: #fff;
    border-bottom: none;
    margin-right: 15px;
    border-radius: 100px;
}

.tab-section .nav-link {
    font-size: 20px;
    color: #000;
    border-radius: 100px;
    border: solid 1px #eee;
    padding: 10px 40px;
    box-shadow: 0px 0px 10px #eee;
}

.tab-section .nav-link:hover {
    color: #fff !important;
    border: 1px solid #104373 !important;
    background-color: #104373;
    box-shadow: 0px 0px 3px #104373;
}

.tab-section .nav-link.active {
    border: 1px solid #ef6179 !important;
    background-color: #ef6179;
    color: #fff;
}

.fontListGroup{     margin-left: -20px;  height: 200px; margin-bottom: 10px;  overflow-y: scroll;}

.fontListGroup li:hover {background-color: #bdeaf7; color: #000;font-weight: bold;}

.activeFont{ background-color: #bdeaf7; color: #000; }



.customSizeNumberInput {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e4e7f0;
    border-radius: 5px;
    float: right;
    padding: 0px 8px;
   
}

.Quantity-sec input{ line-height: 40px;}

.unit-price-sec label {
    font-size: 16px !important;
    margin: 0;
    color: #666 !important;
}
.unit-price-sec {
    border: 1px solid #e5e5e5;
    clear: both;
    color: #666;
    border-radius: 5px;
    padding: 8px 10px;
}

/*--------------------Design a Box Page------------------*/



/*--------------------Checkout Page------------------*/

.checkout-bg{background-image: url(../images/signup-bg.jpg); padding:1% 5%; }

.checkout-login {background: #d1f6fe }

.checkout-login p{  color: #222 !important;  padding: 7px 10px;}

.checkout-page h2{margin: 30px 0 15px;}

.guest-form .form-group { display: flex;}

.guest-form .form-group i {

    background-color: #055e3f;

    color: #fff;

    padding: 15px;

    font-size: 22px;

    width: 50px;

    height: 50px;

        border-radius: 10px 0px 0px 10px;

}

.guest-form .form-control {

    border-radius: 0px 10px 10px 0 !important;

    height: 50px !important;

}

 .guest-form  h3{    font-size: 24px;

    margin-top: 20px;

    margin-bottom: 0;}

.guest-form  p{margin-bottom: 20px;}

.form-check { padding-left: 0; margin-bottom: 15px; }

 .form-check-input { margin-left: 5px;}

.order-details {
    background: #ffffff;
    padding: 5%;
    box-shadow: 0px 0px 10px #d1f8ff;
    border: solid 1px #00cff2;
}

.order-details tr {
    border-top: 1px solid #00cff2;
}

.order-details td {padding: 8px 0;}

.order-details h3{

    border-bottom: 1px solid #e0ffde;

    padding-bottom: 10px;

    margin-bottom: 10px;



}

.product-item h4{       margin-bottom: 0; font-size: 18px;}

.preview-img {    text-align: center;

    background: #fff; 

    margin-top: 20px;

    border-radius: 5px;}

.product-item ul{padding: 0;  margin-bottom: 5px;}

.product-item li{list-style: none}

.product-item li data{float: right;}

.order-price-details h4{    font-size: 16px; margin: 0;}



.coupn-code{margin-top: 15px;}

.coupn-code button {
    border: none;
    background: #104273;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    padding: 0px 20px;
}

.coupn-code input{

    height: 40px;

    border-radius: 5px;

    border: 1px solid #222;

    width: 70%;

    text-transform: uppercase;

    padding-left: 15px;

}

.price-detaisl{width: 100%; margin-top: 20px;}

.price-detaisl tr td:nth-child(2){float: right; text-align: right; }

.total-price td{ font-size: 24px; font-weight: bold;line-height: 24px;  text-transform: uppercase;}

.total-price small { font-size: 60%; text-transform: none;}





/*--------------------Checkout Box Page------------------*/





/*----------------------User Dashborad-------------------*/

.user_dashboard-heading{

    background-color: #055d40 !important;

    color: #fff;

    font-size: 24px;

    margin-left: 0;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

 .user_dashboard-heading div{padding: 0.5rem !important;}

.dbox {

    position: relative;

    background: rgb(255, 86, 65);

    background: -moz-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);

    background: -webkit-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);

    background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5641', endColorstr='#fd3261', GradientType=0);

    border-radius: 4px;

    text-align: center;

    margin: 60px 0 50px;

}

.dbox__icon {

    position: absolute;

    transform: translateY(-50%) translateX(-50%);

    left: 50%;

}

.dbox__icon:before {

    width: 75px;

    height: 75px;

    position: absolute;

    background: #fda299;

    background: rgba(253, 162, 153, 0.34);

    content: '';

    border-radius: 50%;

    left: -17px;

    top: -17px;

    z-index: -2;

}

.dbox__icon:after {

    width: 60px;

    height: 60px;

    position: absolute;

    background: #f79489;

    background: rgba(247, 148, 137, 0.91);

    content: '';

    border-radius: 50%;

    left: -10px;

    top: -10px;

    z-index: -1;

}

.dbox__icon > i {

    background: #ff5444;

    border-radius: 50%;

    line-height: 40px;

    color: #FFF;

    width: 40px;

    height: 40px;

    font-size:22px;

}

.dbox__body {

    padding: 50px 20px;

}

.dbox__count {

    display: block;

    font-size: 30px;

    color: #FFF;

    font-weight: 300;

}

.dbox__title {

    font-size: 13px;

    color: #FFF;

    color: rgba(255, 255, 255, 0.81);

}

.dbox__action {

    transform: translateY(-50%) translateX(-50%);

    position: absolute;

    left: 50%;

}

.dbox__action__btn {

    border: none;

    background: #FFF;

    border-radius: 19px;

    padding: 7px 16px;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 11px;

    letter-spacing: .5px;

    color: #003e85;

    box-shadow: 0 3px 5px #d4d4d4;

}





.dbox--color-2 {

    background: rgb(252, 190, 27);

    background: -moz-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);

    background: -webkit-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);

    background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcbe1b', endColorstr='#f85648', GradientType=0);

}

.dbox--color-2 .dbox__icon:after {

    background: #fee036;

    background: rgba(254, 224, 54, 0.81);

}

.dbox--color-2 .dbox__icon:before {

    background: #fee036;

    background: rgba(254, 224, 54, 0.64);

}

.dbox--color-2 .dbox__icon > i {

    background: #fb9f28;

}



.dbox--color-3 {

    background: rgb(183,71,247);

    background: -moz-linear-gradient(top, rgba(183,71,247,1) 0%, rgba(108,83,220,1) 100%);

    background: -webkit-linear-gradient(top, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);

    background: linear-gradient(to bottom, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );

}

.dbox--color-3 .dbox__icon:after {

    background: #b446f5;

    background: rgba(180, 70, 245, 0.76);

}

.dbox--color-3 .dbox__icon:before {

    background: #e284ff;

    background: rgba(226, 132, 255, 0.66);

}

.dbox--color-3 .dbox__icon > i {

    background: #8150e4;

}

.abt-ad-text h3{color: #ef6179;}



/*------------------ End User Dashborad-------------------*/

/*********************Customize Box CSS******************************/
.side-view{    margin-bottom: 20px;}
.tab-box .list-icon{list-style: none;}
.tab-box .list-icon a{display:block; height: 82px;  text-align: center; width: 82px;   border: 1px solid #eeee; 
    margin-right: 20px;  border-radius: 50px;     padding-top: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}

.tab-box .list-icon a {font-size: 12px; text-transform: uppercase; color: #000; font-weight: bold;}
.tab-box .list-icon a.active{background: #d1f6fe; border:1px solid #14d2f3; }
.design-box-cstm {padding: 3% 0 }
.box-note{border-top: 1px solid #eee;     padding-top: 15px;}
.box-note p{color: #000;     margin-bottom: 4px;}
.box-note p i{color:#00cff2}
.box-note p a{color:#000}
.blue-brd-btm{font-weight: bold; border-bottom: 1px solid #00cff2}
.product-details {background: #f8f8f8; padding: 25px 15px 15px;  border: 1px solid #eee; }
.product-details h3{font-size: 24px}
.product-details p {color: #222; margin-bottom: 15px; }
.product-details p a{color: #000; font-weight: bold;}
.box-checkout{background: #fff; border: 1px solid #eee; border-left: none; padding: 3% 0% 0;}
.product-details table {background:#fff; border:1px solid #dee2e6; text-align: center;}
.product-details .table thead th{text-transform: uppercase; text-align: center;}
.product-details .table thead th, .product-details .table  td { vertical-align: bottom;  border-bottom: none; border-right: 1px solid #dee2e6}
.subamount{font-size: 18px; color: #666666;     font-weight: 400;}
.subamount b{font-size: 18px; color: #000;}
.subamount a{color:#00cff2}
.subamount i{color: #00cff2}
.checkout-btn {
    background: #104373;
    color: #fff;
    font-size: 25px;
    width: 100%;
    border-radius: 0;
    border: 0;
    font-weight: bold;
    padding: 5px 0px;
    display: inline-block;
    margin: 18px 0;
}
.checkout-btn:hover{color: #000 !important; }
.signin-signup {
    color: #444;
    background: #f8f8f8;
    line-height: 45px;
}
.signin-signup a { color: #000; font-weight: bold; }
.signin-signup i{color:#00cff2; }
.shre-btn {
    background: #104373;
    border: 1px solid #104373;
    padding: 5px 35px;
    display: inline-block;
    border-radius: 6px 4px 0px 0px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-top: 15px;
}
.qunty-fld {
    background: #d1f6fe;
    border: 1px solid #00cff2;
    width: 40%;
    text-align: center;
    border-radius: 5px;
    height: 30px;
}
.close-box .close-img, .open-box .open-img{margin-bottom:10px; height: 72px; list-style: none; text-align: center; width: 72px; line-height: 72px;  border: 1px solid #eeee; 
     border-radius: 50px; display: inline-block;   -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
  .close-box a, .open-box a{    color: #000;}
 .close-box {margin-bottom: 0px;}

 .close-box .close-img.active, .open-box .open-img.active {  background: #d1f6fe;  border: 1px solid #14d2f3;}

 .design-box-cstm .progress-bar{   /* height: 3px;  background: #eeeeee;   margin-top: 34px;*/}

 .quantityItemBtn { padding: 0; margin: 0;background-color: transparent; border: none; }

.quantityItemBtn .quantity{float:left;}

.quantityItemBtn .requestPrice, .unitPrice{float:right;}

.side-view label{background: #f7f6f6;    padding: 10px 25px; border-right: 5px}
.side-view select {background: #f7f6f6;  border: none;   height: 44px;  width: 110px;  padding: 10px;  border-radius: 5px;}
.side-view select option { background: #eee; color: #222 !important; height: 30px; widows: 150px; }

/*********************End Customize Box CSS******************************/

/***************************************Product Page CSS***************************/


/**, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}
*/

.porducts-list {
    padding-top: 3%;
    background-image: url(images/product-pg-bg.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}

.poduct-name {
   background: #fff;
  position: relative;
   margin: auto;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);  border-radius: 10px;
 padding: 15px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
 margin-bottom: 30px; 
}
.poduct-name h3 {font-size: 24px;  font-weight: bold;}

.poduct-name .content-overlay {
  background: rgba(0,176,240,0.9);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.poduct-name:hover .content-overlay{
  opacity: 1;
}
.poduct-name:hover .overly-hide{opacity: 0}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.poduct-name:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  font-size: 24px; color: #fff; font-weight: bold;  
  margin-bottom: 0.5em;
  
}

.content-details p{ color: #fff;}
.content-details  a{    background: #000;  color: #fff;  padding: 10px 25px; border-radius: 50px;}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}


/*************************************** Product page CSS***************************/

/***********Query Page**********************/
.query-form {  background-color: #ffffff;  padding: 5% 3%;}
.query-form form{margin-top: 3%;}
.query-form .form-control {
    border-radius: 10px !important;
    height: 50px !important;
}
.query-form button {
    background: #000;
    border: none;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 35px;
    border-radius: 50px;
    margin: 15px 0;
}
.query-form button:hover {background: #055e3f}

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 60px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:before {  pointer-events: none;
    position: absolute;
        top: 30%;
    left: -50%;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.files:after {
    position: absolute;
    top: 66%;
    right: 0;
    pointer-events: none;
    width: 100%;
    /* right: 0; */
    height: 38px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #055e3f;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    float: left;
}

/***********Query Page**********************/


/******************home page*******************/
a.homeBannerBtnLink {
    position: absolute;
    margin-top: 22%;
    margin-left: 49%;
}
a.homeBannerBtnLink:hover {
    border: solid 2px #104273;
    border-radius: 100px;
}

.requ-btn-div-1:hover{color:#fa7343;background-color:#042a48;}



.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


.header-top-sec{background-image: url(../images/top-header-.jpg); height: 50px;
    line-height: 40px;     background-repeat: round;}
.header-top-sec ul{padding:0;}

.header-top-sec li{list-style:none; display:inline;     margin-right: 25px;}
.header-top-sec a{font-size:16px; font-family: 'Roboto', sans-serif; color:#fff;}
.header-top-sec li img{margin-right:8px;}
section.Banner-section h2 {
    position: absolute;
    margin-top: 5%;
    margin-left: 47%;
    font-size: 22px;
    padding: 8px 27px;
    border-radius: 25px;
    font-size: 60px;
    color: #fff;
}

section.Banner-section h2 span {
    color: #00cff2;
}

section.Banner-section h3 span {
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
section.Banner-section h3 {
    color: #fff;
    position: absolute;
    margin-top: 16%;
    margin-left: 47%;
    font-size: 22px;
    padding: 8px 27px;
    border-radius: 25px;
}


.abt-btm-gead-sec h4 {
    line-height: normal;
    margin-bottom: 0;
    font-family: 'Britannic';
    color: #104373;
    font-size: 22px;
}


p {
    line-height: 1.5em;
    font-size: 16px;
    margin-bottom: 0;
    color: #777777;
}

.slider-section{background-image: url(images/service-slider-bg-image.jpg); padding:40px 0; background-size:cover;}

.cus-head-sec{text-align:center; padding-bottom:25px;}
.cus-head-sec h2{font-size:50px; color:#104373; margin: 0;}
.cus-head-sec h4{    font-family: 'Britannic';
    font-size: 26px;
    color: #ef6179;}
	
	.custom-img-bx-sec {
    position: relative;
    border-radius: 100%;
    width: 326px;
	overflow:hidden;
    margin: auto 0;
	z-index:9999;
    height: 326px;
    border: 1px solid #ef6179;
    text-align: center;
    vertical-align: middle;
    padding: 50px 65px;
}
	.custom-img-bx-sec h2{
		font-size: 24px;
    color: #104373;
    margin-top: 12px;
	}
	.customi-img-btm-sec h5{
    width: 70px;
    font-size: 30px;
	text-align:center;
	position:relative;
	z-index:9999;
    right: 0;
    box-shadow: 0 0px 4px rgb(32 33 36 / 28%);
    background: #fff;
    left: 0;
    margin: 0 auto;
    color: #104373;
    height: 70px;
    font-family: 'Britannic';
    line-height: 70px;
    border-radius: 100%;
		
	}
	
	
	.custom-img-bx-sec:after {
   content: "";
    width: 250px;
    height: 244px;
    top: 55px;
    filter: contrast(152%);
    z-index: -1;
    left: -63px;
    top: -70px;
    background-image: url(images/how-after-customise-img.png);
    margin-right: 16px;
    position: absolute;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.customi-img-btm-sec {
    margin-top: -40px;
    z-index: 9999;
}
.customi-img-btm-sec P{
text-align: center;
    background: #fff;
    margin-top: 13px !important;
    font-size: 18px;
    padding: 15px 25px;
    margin: 0 auto;
    width: 95%;
    box-shadow: 0 0px 4px rgb(32 33 36 / 25%);
    color: #000;
    border-radius: 5px;
	
}
.design-what-sec a:hover{background:#000; color:#fff !important;}
.custo-col-hover-sec:hover .custom-img-bx-sec:after {
    left: 0px;
	 background-image: url(images/custo-hover-after-image.png);
}
.custo-col-hover-sec:hover h5{color:#ef6179;} .custo-col-hover-sec:hover h2{color:#ef6179;}
	.custo-col-hover-sec:hover .custom-img-bx-sec{    border: 1px solid #104373;}

.custom-border-sec p:after {
	 content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    right: -30px;
    background: linear-gradient(
90deg
, #ef6179 50%, transparent 50%), linear-gradient(
90deg
, #ef6179 50%, transparent 50%), linear-gradient(
0deg
, #ef6179 50%, transparent 50%), linear-gradient(
0deg
, #ef6179 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
    background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px;
    padding: 0;
    animation: border-dance 4s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
  }
  100% {
    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
  }
}
.design-what-sec {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.design-what-sec h2{font-size:50px; color:#104373;}
.customi-section .row {
    background: #fffffff5;
    border-radius: 5px;
    padding: 40px 30px 0;
    /* box-shadow: 0px 8px 0px 6px #e5e5e5; */
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}

.customi-section{background-image: url(images/customize-bg-image.jpg);  background-size:cover;   padding: 50px 0 70px; }

.design-what-sec a{    background: #ef6179;
    border-radius: 100px;
    padding: 8px 75px;
    color: #fff;
    font-size: 22px;
    margin-top: 15px;
    position: relative;
    top: 14px;}

.store-sec h4{  color:#104373;  font-family: 'Britannic';}

.product-cata-section{background-image: url(images/product-categories-bg-image.jpg); background-size:cover; padding:40px 0 50px;}



.search-icon {
    font-size: 20px;
    color: white;
    background-color: #104373;
    border: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    outline: none;
    border-radius: 100%;
}
.top-hed-rit-sec li{margin-right:15px !important;}

.search-toggle .search-icon.icon-close {
  display: none;
}
.search-toggle.opened .search-icon.icon-search {
  display: none;
}
.search-toggle.opened .search-icon.icon-close {
  display: block;
}

.search-container {
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  overflow: hidden;
      background-color: #104373;
}
.search-container.opened {
  max-height: 45px;
  z-index:9999;
}
.search-container input[type="text"] {
    outline: none;
    font-size: 15px;
    margin: 0px 7px;
    width: 150px;
    background-color: inherit;
    border: 0;
}
.search-container .search-icon {
  vertical-align: middle;
  position:absolute;
  right:0;
}
.search-icon img{    vertical-align: inherit;
    margin-right: 0 !important;}
.header-search-div-sec{position:relative; padding-top:5px;}
.search-container {
  position: absolute;
  right: 50px;
  top:3px;
}
.search-container input{color:#fff !important;}
.search-container input::placeholder {
  color: #fff !important;
}
.top-hed-rit-sec li{display:inline-block; list-style-type:none; vertical-align:middle;}
.login-li-sec a{
	background: #104273;
    padding: 8px 20px;
    border-radius: 100px;
    text-transform: uppercase;
}
.top-hed-rit-sec ul{float:right;}
.broch-sec a {
    background: #00cff2;
    color: #000;
    border-radius: 100px;
    padding: 7px 44px 7px 75px !important;
    text-transform: uppercase !important;
}

.broch-sec a:after {
    content: "";
    width: 23px;
    height: 25px;
    background: url(images/brochure-icon-img.png);
    top: 8px;
    left: 38px;
    position: absolute;
    display: inline-block;
}
li.nav-item.broch-sec {
    position: relative;
}

.slide-hover-sec h3 {
    font-family: 'Roboto', sans-serif;
    color: #104373;
    font-size: 20px;
    padding-top: 15px;
}

.slide-hover-sec.product-pg-div-sec {
    width: 100%;
    margin-top: 30px;
}
.product-pg-rw-sec{padding-bottom: 50px;}


.showMore {
    display: block;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 20px;
    color: #ffffff;
    padding: 10px 20px;
    font-family: 'Roboto', sans-serif;
    border-radius: 100px;
    background: #104373;
    display: inline-block;
    text-decoration: none;
}
.showMore::after {
       font-family: "FontAwesome", Roboto, sans-serif;
  content: "Click Here To View More Boxes \f0ab";
}
.showMore.showLess::after {
       font-family: "FontAwesome", Roboto, sans-serif;
  content: "Click Here To View Less Boxes \f0aa"
}

.prod-show-div-sec{width: 100%; text-align: center;}

.showMore:hover{background: #ef6179; color: #fff !important;}


/*custombox-css*/

.select-bor-sec {
    width: 48%;
    display: inline-block;
    text-align: center;
}

.select-bor-sec img{background: #000;
    padding: 15px;
    width: 90px;
    height: 90px;
    border-radius: 100%;}


.materialColor{    border-color: #eee;     background-color: #ffffff;}

.box-meterial h4{font-size: 20px;
    font-weight: 500; font-family: 'Roboto', sans-serif;
    color: #104373;} 

.box-meterial.flute-type-div-sec {
    padding: 12px 10px; border-radius: 5px;
    text-align: center;
}

.box-meterial.flute-type-div-sec h4{font-size: 20px;
    font-weight: 500; font-family: 'Roboto', sans-serif;
    color: #104373; padding-bottom: 13px;} 
    .box-meterial label{    font-weight: 500; font-size: 14px; font-family: 'Roboto', sans-serif;}
    .flute-img-sec{padding-bottom: 5px;} .materialColor{border-radius: 5px;}
    .lets-hlp-div-sec{   background: #f8f8f8;
    padding: 10px 22px;
    margin-top: 25px;
    border: 1px solid #eeeeee;
    border-radius: 5px;}
.box-open-div-sec {
    background: #fff;
    box-shadow: 0px 0px 10px #eee;
    overflow: hidden;
    padding: 20px 20px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.product-details h3{  font-family: 'Britannic'; color: #104373;}
.product-details .table thead th{    color: #104373;
    font-weight: 400;}

form#checkoutSubmit {
    margin-top: 40px;
}

.size-ul-sec .col-md-4 a {
    list-style-type: none;
    width: 100%;
    margin: 0 auto;
    color: #000;
    display: inline-block;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 8px 0px;
}

.size-ul-sec .col-md-4 a:hover {
    background: #ef6179 !important;
    color: #fff !important;
    border: none;
}

.size-ul-sec ul{padding: 0;}

  
#quantity-ul li {
    background-color: #f8f8f8 !important;
    margin-bottom: 5px !important;
    padding: 6px 15px !important;
    border:1px solid #eee;
    border-radius: 5px !important;
    box-shadow: 0px 0px 0px 0px #ccc !important;
}
.unit-price-div-sec {
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 10px 10px 17px;
    border-radius: 5px;
}
.unit-price-div-sec select{height: 38px;
    background: #f8f8f8;
    border-color: #eee;    border-radius: 5px; padding: 0 10px;}
    .unit-price-div-sec h4{color: #104373; font-size: 20px;}



    .signup-form-inner .form-control {
    border-radius: 0px 10px 10px 0 !important;
    height: 40px !important;
}

.signup-form-inner .form-group i {
    height: 50px;
    background-color: #104373;
    color: #fff;
    padding: 15px;
    font-size: 17px;
    height: 40px;
    border-radius: 10px 0px 0px 10px;
    padding: 12px 10px !important;
    line-height: 17px;
}

.signup-form-inner .form-group i.fa-list {
    border-radius: 10px 0px 0px 10px !important;
}

#boxListRequestQuote {
    width: 100%;
    text-align: left;
    border: 1px solid #ced4da;
    border-radius: 0px 10px 10px 0 !important;
    margin-bottom: 0;
    list-style-type: none;
}



.signup-form-inner button:hover {
    background-color: #104373;
}

.log-form-head p {
    margin-bottom: 15px;
    font-size: 16px;
}

.customQuantity {
    border: 1px solid #eee !important;
    background-color: #ffffff !important;
    min-height: 200px !important;
    padding: 15px !important;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px #ccc !important;
}
.quantityItem label{color: #104373;
    font-size: 20px;}

.product-quantity{text-align: center;}

.box-note{margin-top: 40px;}

.reset-div-sec {
    background: #fff;
    border: 1px solid #eee;
        border-radius: 5px;
    padding: 20px 25px;
}

.reset-div-sec h4{
color: #104373;
font-size: 20px;
}

.reset-div-sec p{       padding-bottom: 5px;  color: #e30101;}
.reset-div-sec .btn{background: #e30101;
    padding: 8px 80px;
    border: 0;
    font-size: 16px;}
.reset-div-sec label{color: #000;}

.highlight1 {
    background: #fff;
    border: solid 1px #eee;
    padding: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #eee;
}

.highlight2 {
    background: #fff;
    border: solid 1px #eee;
    padding: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #eee;
}

.highlight3 {
    background: #fff;
    border: solid 1px #eee;
    padding: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #eee;
    margin: 30px 0px;
}

.highlight4 {
    background: #fff;
    border: solid 1px #eee;
    padding: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #eee;
    margin: 30px 0px;
}

ul.footer-scl-sec li {
    width: 36px;
    height: 36px;
    background: #f7b0bc;
    line-height: 7px;
    text-align: center;
    border-radius: 130px;
    margin-top: 5px;
}

ul.footer-scl-sec li:hover {
    background: #104373;
}

.footer-btm-ul a:hover {
    color: #fff !important;
}

.footer-btm-ul li {
    font-size: 16px;
    color: #fff;
    list-style-type: none;
    display: inline-block;
    padding: 10px;
}

.footer-btm-ul {
    margin-top: 35px;
    padding: 6px 20px;
    background: #ef6179;
}

.sele-font-sec select {
    width: 100%;
    padding: 8px;
    height: 40px;
    background: #eee;
    border: 0;
}

.sele-font-sec input{    border: 1px dashed #dedcdc;
    height: 58px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    border-radius: 5px;}

.pickr-container .pickr {
    margin-left: 23%;
}
.pickr-container {
    background: #eee;
    display: inline-flex;
    padding: 2px 0;
}
.pickr .pcr-button{width: 4em !important;}
p.select-color {
    padding: 5px 20px;
    color: #000;
}

.btn-success {
    color: #fff;
    background-color: #114373;
    border-color: #114373;
}

p.select-color:after {
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 700;
    position: absolute;
    left: 45%;
}

p.select-color {
    padding: 5px 10px;
    color: #000;
}
.select-col-div-sec .btn-sm {
    padding: .25rem .3rem;}

.sele-font-sec li{    margin: 0 5px; display: inline-block; list-style-type: none;}
.sele-font-sec a{  font-size: 14px;  background: #114373;
    padding: 6px 16px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;}
    label.btn.select-img-pp {
    border: dashed 1px #dedcdc;
    width: 100%;
    min-height: 60px;
    padding: 18px 0px;
    margin-top: 12px;
}
.sele-font-sec ul{ margin: :0; margin-top: 15px;   padding: 0;
    text-align: center; margin-bottom: 0;}
 .sele-font-sec {
    border: 1px solid #eee;
    padding: 15px 15px;
    border-radius: 5px;
}

.select-col-div-sec .row{padding: 10px 10px 0;}

.pic-color-div-sec {
    height: 75px;
}

.select-col-div-sec {
	    border: 1px solid #eee;
    padding: 15px 15px;
    border-radius: 5px;
}
.abou-text li{     list-style-type: none;
    padding-left: 30px;
    background-image: url(images/abt-pg-li-icon-img.png);
    background-repeat: no-repeat;
    background-position: 0 0.1em;
    margin: 10px 0;}

.abou-text h3{    font-family: 'Britannic'; font-size: 25px; color: #ef6179;}

.abt-ad-text h3{font-family: 'Britannic'; font-size: 25px;}
section.highlight.margin-top-40 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.open-cls-input-sec{position: relative;}

.open-cls-input-sec #rotateHor{width: 65% !important;
    position: absolute;
    left: -8px;
    right: 0;
    top: 26px;
    margin: auto;}

.select-col-div-sec .btn-success:hover{
background: #00cff2; border:0;

}

.adva-ul-div-sec li:after {
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 700;
    position: absolute;
    left: 51px;
}



.footer-lef-bx-sec .col-lg-2.col-sm-12.col-12 {
    padding: 0px 5px;
}

.footer-lef-bx-sec .col-lg-10.col-sm-12.col-12 {
    padding: 0px 0px;
}

.footer-lef-bx-sec p {
    font-size: 13px;
    color: #000;
    font-family: 'Roboto', sans-serif;
}
.sele-font-sec a:hover{    background: #00cff2 !important; color: #fff !important;}
.checkout-btn:hover{background: #00cff2 !important; color: #fff !important;}
.shre-btn:hover{background: #00cff2 !important; color: #fff !important; border-color: #00cff2 !important;}


.mobile-show{display: none;}

.cnt-pg-row-sec{padding:40px 0;}

ul#boxListRequestQuote li {
    width: 50%;
    float: left;
}


.box-meterial .select-bor-sec:nth-child(2) img {
  background: red;
}
canvas#customBox {
    max-height: 284px;
}

.socialIconSets {
    background: #104373 !important;
    margin-top: 0px !important;
    font-size: 14px !important;
    padding: 4px 9px 4px 9px !important;
    border-radius: 0px 0px 4px 4px !important;
}

.box-meterial .select-bor-sec:nth-child(2) img {
    background: #104373;
}


.box-meterial .select-bor-sec:nth-child(3) img {
    background: #fff;
    border: 1px solid #eee;
}

.highlight1 h4 {
font-family: 'Britannic';
font-size: 22px;
color: #ef6179;
}

.highlight2 h4 {
font-family: 'Britannic';
font-size: 22px;
color: #ef6179;
}

.highlight3 h4 {
font-family: 'Britannic';
font-size: 22px;
color: #ef6179;
}

.highlight4 h4 {
font-family: 'Britannic';
font-size: 22px;
color: #ef6179;
}


.nav-toggle{ display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 8px;
    padding: 0px 45px;
    line-height: 40px;
    border: 2px solid #00cff2;
    color: #000000;
    background: #d1f6fe;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;}
.order-price-detaisl h4 {
    color: #ef6179;
    font-size: 18px;
}


/*--------------------media Query------------------*/

@media only screen and (min-width:320px) and (max-width: 767px){
	.highlight3{margin: 0;} .highlight4{margin: 0;}
	.highlight1, .highlight2, .highlight3, .highlight4{margin-top: 30px;}
	.col-md-6.col-sm-12.text-right.abt-ad-img {
    margin-top: 30px;
}
	.about-point img{width: 100%;}
	.about-ad img{width: 100%;}
	.row.store-border-sec {
    margin: 25px 0;
}
	.mobile-show{display: block;}
	.desktop-show{display: none;}
	.sele-font-sec{margin-top: 25px;}
    .customize-option .list-group{display: block; text-align: center;}
    .tab-box .list-icon{    width: 25%;
    display: inline-block;}
	.box-open-div-sec{margin-top: 25px;}

    .qunty-fld{width: 100%;}
	.header-top-sec .col-md-5{display:none;}
	.top-hed-rit-sec ul { float:none;
    text-align: center;
}
.search-container input[type="text"]{width:230px;}
.search-container {
    position: absolute;
    right: auto;
    top: auto;
}
a.homeBannerBtnLink {
    position: absolute;
    margin-top: 27%;
    margin-left: 44%;
}
section.Banner-section h3 {
    color: #fff;
    position: absolute;
    margin-top: 14%;
    margin-left: 47%;
    font-size: 10px;
    padding: 8px 15px;
    border-radius: 25px;
}
section.Banner-section h2 {
    position: absolute;
    margin-top: 1%;
    margin-left: 43%;
    font-size: 22px;
    padding: 8px 27px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
}
section.Banner-section h3 span {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
}
.abt-btm-btn-sec a{    padding: 8px 35px;     font-size: 17px;}
	.header-top-sec{    background: #e5fafe; line-height: 0px;}
    
   .files:before {top: 25px;    left: 0;}
   .files:after { top: 74%;  right: 0;}
   .files input {padding: 100px 0px 85px 25%;}

.our-box-sec h2 {
    font-size: 30px;
}
 .slider-section{    padding: 30px 0 15px;}
 .cus-head-sec h4{font-size:20px;}  
 .cus-head-sec h2{font-size:30px;}
 
.custom-img-bx-sec{    width: auto;    height: auto; padding: 42px 40px;     border-radius: 0;} 
.col-md-4.custo-col-hover-sec {
    margin: 25px 0;
}
.design-what-sec{margin-top:0;}
.design-what-sec h2 {
font-size: 35px;}
.customi-section .row{padding: 30px 30px 0;} .customi-section{padding:50px 0;}
.product-cata-section{padding: 25px 0 40px;}
.industries-row-sec h2 {
font-size: 30px;}
.adva-ul-div-sec h2 {
font-size: 30px;}
.requ-btn-div p{font-size:15px;}
.requ-btn-div-1 h2 {
font-size: 28px;}
.requ-btn-div-1{    margin-left: 15px; padding: 6px 22px 9px;}
.team-h2-sec h2{    font-size: 30px;} .footer-btm-ul li {
font-size: 15px;}
.footer-btm-copy-sec p{font-size:14px;}
.product-cata-section h2 {
font-size: 30px;}
.design-what-sec a{    padding: 8px 60px;}
 
.inner-pg-banner p{font-size: 12px;
    padding: 0 20px;}
    .inner-pg-banner h2{font-size: 30px;}

    .inner-pg-banner button {
    font-size: 16px;
    padding: 4px 15px;
   
}


	h2{font-size:25px;}

.navbar-dark .navbar-toggler {   background: #00cff2;  border-color: rgb(5, 93, 64);}	 .navbar-toggler {  background-color: #00865b;}

li.nav-item {  border-bottom: 1px solid #e5e5e5;} .navbar-dark .navbar-nav .nav-link{font-size:15px; font-weight:400;}

.home-abt-sec {  padding: 20px 0;} .abt-btm-gead-sec h4{font-size:20px;} .abt-head-sec h2 {  font-size: 30px;}

.abt-head-sec p{text-align:justify;} .abtrit-bg-after-sec:after{display:none;} .banner-box-layout1{   margin-top: 25px;   position: inherit;} .banner-box-layout1 img{width:100%;} .abt-btm-gead-sec{padding-right:0;} .abt-btm-gead-sec p{text-align:justify;} .how-cust-section {  padding: 20px 0;} .how-cust-sec h2{font-size:25px;} .cust-bt-row-sec {  margin-top: 20px;}

.how-cust-4-col-sec{    margin: 20px 0;}  .store-border-sec:after{display:none;}  .how-cust-4-col-sec:after{left: 40px;} .List-of-section img{display:none;} .store-border-sec-1:after{display:none;} .store-sec {   padding: 20px;  background: #edffeb;    margin: 10px 0px;} .row.store-border-sec-1 {   margin-right: 0;} .industries-section:after{display:none;} .class-list-row-sec {  margin-top: 0px;} .industries-section {  margin-top: 20px;   margin-bottom: 20px;}

.industries-img-sec img{width:90%;} .industries-img-sec{margin:auto;} .industries-section:before{display:none;} .furniture-div-sec { margin: 15px 0;} .adva-ul-div-sec li{line-height: 40px;     padding: 0 4px; font-size: 15px;}

.adva-main-div-sec {  padding: 20px 0px;   margin-top: 20px;} .requ-btn-div-1 p a {   font-size: 15px;} .requ-btn-div {

 margin-top: 25px;} .requ-btn-div-1 h2 a {font-size: 25px;} .team-bg-sec{    margin: 10px 0;} .row.footer-lef-bx-sec{text-align:center;} .footer-ul-li-sec{margin: 25px 0;} .footer-btm-copy-sec{margin-top: 0px;}

.card-header-tabs{display: block;}

.tab-section .nav-link {font-size: 16px;}


a.homeBannerBtnLink{
    font-size: 15px;
    padding: 6px 20px; 
}

}

@media only screen and (min-width:481px) and (max-width: 767px){}

@media only screen and (min-width:768px) and (max-width: 1023px){
	.mobile-show{display: block;}
	.desktop-show{display: none;}
	.row.store-border-sec {
    margin: 25px 0;
}
	.header-top-sec .col-md-5{display:none;}
	.top-hed-rit-sec ul { float:none;
    text-align: center;
}
.search-container input[type="text"]{width:230px;}
.search-container {
    position: absolute;
    right: auto;
    top: auto;
}
a.homeBannerBtnLink {
    position: absolute;
    margin-top: 27%;
    margin-left: 44%;
}
section.Banner-section h3 {
    color: #fff;
    position: absolute;
    margin-top: 14%;
    margin-left: 47%;
    font-size: 10px;
    padding: 8px 15px;
    border-radius: 25px;
}
section.Banner-section h2 {
    position: absolute;
    margin-top: 1%;
    margin-left: 43%;
    font-size: 22px;
    padding: 8px 27px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
}
section.Banner-section h3 span {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
}
.abt-btm-btn-sec a{    padding: 8px 35px;     font-size: 17px;}
	.header-top-sec{    background: #e5fafe;}
    
   .files:before {top: 25px;    left: 0;}
   .files:after { top: 74%;  right: 0;}
   .files input {padding: 100px 0px 85px 25%;}

.our-box-sec h2 {
    font-size: 30px;
}
 .slider-section{    padding: 30px 0 15px;}
 .cus-head-sec h4{font-size:20px;}  
 .cus-head-sec h2{font-size:30px;}
 
.custom-img-bx-sec{    width: auto;    height: auto; padding: 42px 40px;     border-radius: 0;} 
.col-md-4.custo-col-hover-sec {
    margin: 25px 0;
}
.design-what-sec{margin-top:0;}
.design-what-sec h2 {
font-size: 35px;}
.customi-section .row{padding: 30px 30px 0;} .customi-section{padding:50px 0;}
.product-cata-section{padding: 25px 0 40px;}
.industries-row-sec h2 {
font-size: 30px;}
.adva-ul-div-sec h2 {
font-size: 30px;}
.requ-btn-div p{font-size:15px;}
.requ-btn-div-1 h2 {
font-size: 28px;}
.requ-btn-div-1{    margin-left: 15px; padding: 6px 22px 9px;}
.team-h2-sec h2{    font-size: 30px;} .footer-btm-ul li {
font-size: 15px;}
.footer-btm-copy-sec p{font-size:14px;}
.product-cata-section h2 {
font-size: 30px;}
.design-what-sec a{    padding: 8px 60px;}

	h2{font-size:25px;}

.navbar-dark .navbar-toggler {    border-color: rgb(5, 93, 64);}	 .navbar-toggler {  background-color: #00865b;}

li.nav-item {  border-bottom: 1px solid #e5e5e5;} .navbar-dark .navbar-nav .nav-link{font-size:18px; font-weight:600;}

.home-abt-sec {  padding: 20px 0;} .abt-btm-gead-sec h4{font-size:20px;} .abt-head-sec h2 {  font-size: 30px;}

.abt-head-sec p{text-align:justify;} .abtrit-bg-after-sec:after{display:none;} .banner-box-layout1{   margin-top: 25px;   position: inherit;} .banner-box-layout1 img{width:100%;} .abt-btm-gead-sec{padding-right:0;} .abt-btm-gead-sec p{text-align:justify;} .how-cust-section {  padding: 20px 0;} .how-cust-sec h2{font-size:25px;} .cust-bt-row-sec {  margin-top: 20px;}

.how-cust-4-col-sec{    margin: 20px 0;}  
.store-border-sec:after{display:none;} 
img{width:auto;} .how-cust-4-col-sec:after{left: 200px;} 
.List-of-section img{display:none;} 
.store-border-sec-1:after{display:none;} 
.store-sec {   padding: 20px;  background: #edffeb;    margin: 10px 0;} 
.row .store-border-sec-1 {   margin-right: 0;} 
.industries-section:after{display:none;} 
.class-list-row-sec {  margin-top: 0;} 
.industries-section {  margin-top: 20px;   margin-bottom: 20px;}

.industries-img-sec img{width:90%;} .industries-img-sec{margin:auto;} .industries-section:before{display:none;} .furniture-div-sec { margin: 15px 0;} .adva-ul-div-sec li{line-height: 40px;     padding: 0 4px; font-size: 15px;}

.adva-main-div-sec {  padding: 20px 0px;   margin-top: 20px;} .requ-btn-div-1 p a {   font-size: 15px;} .requ-btn-div {

 margin-top: 25px;} .requ-btn-div-1 h2 a {font-size: 25px;} .team-bg-sec{    margin: 10px 0;} .row.footer-lef-bx-sec{text-align:center;} .footer-ul-li-sec{margin: 25px 0;} .footer-btm-copy-sec{margin-top: 0px;}

.tab-section .nav-link{font-size: 18px}

.tab-section .nav-item {  margin-right: 10px;}

.inner-pg-banner h2 { font-size: 30px;}

.inner-pg-banner p {font-size: 18px;}


a.homeBannerBtnLink{
    font-size: 18px;
    padding: 8px 25px; 
}


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1300px) {

	.navbar-dark .navbar-nav .nav-link{font-size:15px;} .store-border-sec:after{    height: 235px;       top: 10px;  border-bottom: 4px solid #fbe9d9;} .store-sec a {  background: #000;  padding: 10px 9px;} .store-sec li { line-height: 30px;}

	.z-index-sec img{width:100%;} .store-sec {

    padding-top: 30px;} .store-border-sec-1:after{ height: 235px; border-bottom: 4px solid #fbe9d9;     top: 10px;}

	.adva-ul-div-sec li{font-size:18px;}

}