.col-2dot4,.col-sm-2dot4,.col-md-2dot4,.col-lg-2dot4,.col-xl-2dot4{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col-2dot4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
@media (min-width: 540px) {
.col-sm-2dot4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width: 720px) {
.col-md-2dot4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width: 960px) {
.col-lg-2dot4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width: 1140px) {
.col-xl-2dot4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
.col-40p,.col-sm-40p,.col-md-40p,.col-lg-40p,.col-xl-40p{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col-40p{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
@media (min-width: 540px) {
.col-sm-40p{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
}
@media (min-width: 720px) {
.col-md-40p{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
}
@media (min-width: 960px) {
.col-lg-40p{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
}
@media (min-width: 1140px) {
.col-xl-40p{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
}
@font-face{font-family:'HelveticaNeueLTStd-LtCn';src:url(../font/HelveticaNeueLTStd-LtCn.eot);src:url(../font/HelveticaNeueLTStd-LtCn.eot?#iefix) format("embedded-opentype"),url(../font/HelveticaNeueLTStd-LtCn.ttf) format("truetype"),url(../font/HelveticaNeueLTStd-LtCn.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'MyriadPro-It';src:url(../font/MyriadPro-It.eot);src:url(../font/MyriadPro-It.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-It.woff) format("woff"),url(../font/MyriadPro-It.ttf) format("truetype"),url(../font/MyriadPro-It.svg#MyriadPro-It) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:'MyriadProbold';src:url(../font/MyriadPro-Bold.eot);src:url(../font/MyriadPro-Bold.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-Bold.woff) format("woff"),url(../font/MyriadPro-Bold.ttf) format("truetype"),url(../font/MyriadPro-Bold.svg#MyriadPro-Bold) format("svg");font-style:normal}
@font-face{font-family:'Myriad Pro semibold semicn';src:url(../font/MyriadPro-SemiboldSemiCn.eot);src:url(../font/MyriadPro-SemiboldSemiCn.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-SemiboldSemiCn.woff) format("woff"),url(../font/MyriadPro-SemiboldSemiCn.ttf) format("truetype"),url(MyriadPro-SemiboldSemiCn.svg#MyriadPro-SemiboldSemiCn) format("svg");font-style:normal}
@font-face{font-family:'Helvetica Neue LT Std';src:url(../font/HelveticaNeueLTStd-LtCn.eot);src:url(../font/HelveticaNeueLTStd-LtCn.eot?#iefix) format("embedded-opentype"),url(../font/HelveticaNeueLTStd-LtCn.woff) format("woff"),url(../font/HelveticaNeueLTStd-LtCn.ttf) format("truetype"),url(../font/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Myriad Pro ltsm';src:url(../font/MyriadPro-LightSemiCn.eot);src:url(../font/MyriadPro-LightSemiCn.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-LightSemiCn.woff) format("woff"),url(../font/MyriadPro-LightSemiCn.ttf) format("truetype"),url(../font/MyriadPro-LightSemiCn.svg#MyriadPro-LightSemiCn) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'DFLiHeiStd-W5-BIG';src:url(../font/DFLiHeiStd-W5-BIG.eot);src:url(../font/DFLiHeiStd-W5-BIG.eot?#iefix) format("embedded-opentype"),url(../font/DFLiHeiStd-W5-BIG.woff) format("woff"),url(../font/DFLiHeiStd-W5-BIG.ttf) format("truetype"),url(../font/DFLiHeiStd-W5-BIG.svg#DFLiHeiStd-W5-BIG) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Helvetica Neue LT Std';src:url(../font/HelveticaNeueLTStd-Cn.eot);src:url(../font/HelveticaNeueLTStd-Cn.eot?#iefix) format("embedded-opentype"),url(../font/HelveticaNeueLTStd-Cn.woff) format("woff"),url(../font/HelveticaNeueLTStd-Cn.ttf) format("truetype"),url(../font/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Myriad Pro semi';src:url(../font/MyriadPro-Semibold.eot);src:url(../font/MyriadPro-Semibold.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-Semibold.woff) format("woff"),url(../font/MyriadPro-Semibold.ttf) format("truetype"),url(../font/MyriadPro-Semibold.svg#MyriadPro-Semibold) format("svg");font-style:normal}
@font-face{font-family:'Myriad Pro';src:url(../font/MyriadPro-Regular.eot);src:url(../font/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-Regular.woff) format("woff"),url(../font/MyriadPro-Regular.ttf) format("truetype"),url(../font/MyriadPro-Regular.svg#MyriadPro-Regular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Myriad Pro';src:url(../font/MyriadPro-Light.eot);src:url(../font/MyriadPro-Light.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-Light.woff) format("woff"),url(../font/MyriadPro-Light.ttf) format("truetype"),url(../font/MyriadPro-Light.svg#MyriadPro-Light) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Myriad Pro bext';src:url(../font/MyriadPro-BoldSemiExt.eot);src:url(../font/MyriadPro-BoldSemiExt.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-BoldSemiExt.woff) format("woff"),url(../font/MyriadPro-BoldSemiExt.ttf) format("truetype"),url(../font/MyriadPro-BoldSemiExt.svg#MyriadPro-BoldSemiExt) format("svg");font-style:normal}
@font-face{font-family:'Myriad Pro semi cn';src:url(../font/MyriadPro-SemiCn.eot);src:url(../font/MyriadPro-SemiCn.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-SemiCn.woff) format("woff"),url(../font/MyriadPro-SemiCn.ttf) format("truetype"),url(../font/MyriadPro-SemiCn.svg#MyriadPro-SemiCn) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Myriad Pro light it';src:url(../font/MyriadPro-LightIt.eot);src:url(../font/MyriadPro-LightIt.eot?#iefix) format("embedded-opentype"),url(../font/MyriadPro-LightIt.woff) format("woff"),url(../font/MyriadPro-LightIt.ttf) format("truetype"),url(../font/MyriadPro-LightIt.svg#MyriadPro-LightIt) format("svg");font-weight:300;font-style:italic}
html {
  scroll-behavior: smooth;
}
body{ scrollbar-base-color: #C0C0C0; scrollbar-base-color: #C0C0C0; scrollbar-3dlight-color: #C0C0C0; scrollbar-highlight-color: #C0C0C0; scrollbar-track-color: #EBEBEB; scrollbar-arrow-color: black; scrollbar-shadow-color: #C0C0C0; scrollbar-dark-shadow-color: #C0C0C0;}
/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {-moz-appearance: none !important;background: rgb(0,255,0) !important;}
thumb,scrollbarbutton {-moz-appearance: none !important;background-color: rgb(0,0,255) !important;}
thumb:hover,scrollbarbutton:hover {-moz-appearance: none !important; background-color: rgb(255,0,0) !important;}
scrollbarbutton {display: none !important;}
scrollbar[orient="vertical"] {min-width: 15px !important;}}
/**/
::-webkit-scrollbar {background: transparent; height: 8px;width: 8px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.19);border-radius: 25px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.3);}
html,
body {height: 100%;position: relative;}
.main-container { min-height: 100vh; /* will cover the 100% of viewport */ overflow: hidden; display: block; position: relative; padding-bottom: 100px; /* height of your footer */}
.page-footer {position: absolute;bottom: 0;width: 100%;}

.bg-black{background-color: black;}
.bg-shopping-ppl{background: url("../img/mutedbackground22.png") no-repeat; background-size: cover}
.bg-dashboard{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8dfb5+1,f8dfb5+19,f8f9fa+19,f8f9fa+19,f8f9fa+100 */
background: #f8dfb5; /* Old browsers */
background: -moz-linear-gradient(top,  #f8dfb5 1%, #f8dfb5 19%, #f8f9fa 19%, #f8f9fa 19%, #f8f9fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8dfb5 1%,#f8dfb5 19%,#f8f9fa 19%,#f8f9fa 19%,#f8f9fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8dfb5 1%,#f8dfb5 19%,#f8f9fa 19%,#f8f9fa 19%,#f8f9fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dfb5', endColorstr='#f8f9fa',GradientType=0 ); /* IE6-9 */
}

select,input:not([type=button]):not([type=submit]):not([type=reset]):not(:read-only){border:1}
input:read-only{padding-left: .5rem}
input:read-only:focus{outline: none!important;}
input[type=button],input[type=submit],input[type=reset]{padding:.375rem 3rem!important;margin-bottom: 0.7rem}
.input-group input {background-color: white!important; border: 1px solid #6c757d !important}
#ecomtop img{max-width: 100%; max-height: 500px; object-fit: contain}
#ecomtop li{text-align: center}

.btn-primary{background:#00acc1!important;border:none;color: white!important;}
.btn-secondary{background:#9fa7af!important;border:none}
.btn-secondary:hover{background:#7C8187!important;border:none}
.btn-primary:hover{background:#007c91!important;border:none}
.bg-orange{background: #FFF8ED}
.bottom-radius{border-bottom-left-radius:14px;border-bottom-right-radius:14px}
.modal-content{border-radius: 14px}
.modal-header .close {margin: -1rem -1rem -1rem -2.5rem;}
.bg-orange{background:#00acc1}
.text-orange{color:#00acc1}
.rounded-bottom-lr{border-radius:0 0 14px 14px}
.rounded-top-lr{border-radius:14px 14px 0 0}
.buybutton{position: fixed; bottom: 0px;right: 0px; left:0; max-width: 730px; text-align: center;margin: auto; border-radius: 0;font-size: 24px;z-index: 100}
.order-tab .nav-link{color: #00acc1;}
.order-tab .nav-link.active{color: #fff; background-color: #00acc1 }

.descriptionpro :not(img):not(li):not(a):not(input):not(label):not(span):not(font){padding: 0 3rem}
label{font-size: 14px; font-family:'MyriadProbold' }
.datepick{padding-top: 0.85rem; border: none;}
body{font-family:'Myriad Pro';color:#231f20;font-style:normal}
h2{font-size:39px}
h1,h2,h3,h4,h5,h6,h7{font-family:'Myriad Pro semi';color:rbga(255,255,255,0.8);letter-spacing:.5px}
p{font-family:'Myriad Pro semi cn';font-size:16px;line-height:1.3;letter-spacing:.2px}
li{font-family:'Myriad Pro semi cn';font-size:16px;line-height:1.3;letter-spacing:.2px;}
ul{margin-left: 3rem}
.navbarextra{top: 0; z-index: 100; width: 100%;}
.navbarextra a{color: rgba(0,0,0,.9)}
.navbarextra a.active{color: #00acc1}
.navbarextra a:hover{color: #00acc1}

b,strong{font-family:'Myriad Pro'!important;font-weight:600!important}
u{text-decoration:none;border-bottom:1px solid #dedede}
.line-green{border:0;height:6px;background:linear-gradient(to right,#add136,#ffffff00);margin:3px 0 12px!important}
.line-red{border:0;height:6px;background:linear-gradient(to right,#F5B0A5,#ffffff00);margin:3px 0 12px!important}
.line-blue{border:0;height:6px;background:linear-gradient(to right,#C7D1EC,#ffffff00);margin:3px 0 12px!important}
.img-adway{width:90px;padding-bottom:2px}
.shadowcen{box-shadow:0 0 6px 0 #0000002b}
.bg-light-cus{background:-moz-linear-gradient(50% 99.69% 90deg,rgba(220,225,237,0) 0%,rgba(220,225,237,1) 100%);background:-webkit-linear-gradient(90deg,rgba(220,225,237,0) 0%,rgba(220,225,237,1) 100%);background:-webkit-gradient(linear,50% 99.69%,50% 0.44%,color-stop(0,rgba(220,225,237,0)),color-stop(1,rgba(220,225,237,1)));background:-o-linear-gradient(90deg,rgba(220,225,237,0) 0%,rgba(220,225,237,1) 100%);background:-ms-linear-gradient(90deg,rgba(220,225,237,0) 0%,rgba(220,225,237,1) 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCE1ED',endColorstr='#DCE1ED',GradientType=0)";background:linear-gradient(0deg,rgba(220,225,237,0) 0%,rgba(220,225,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCE1ED',endColorstr='#DCE1ED',GradientType=0)}

.tncscroll{overflow-x: auto; height: 300px;max-height:100vh; scrollbar-width: thin; font-size: 14px}

.border-orange{border: 1px solid #00acc1}

.footer-nav .nav-link{color:#fff}
.footer-nav .nav-link:hover{color:rgba(255,255,255,0.5);transition:all .2s ease-in-out}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}

.rating{display: inline-block;padding-left: 5px;text-indent: 5px; line-height: 0}
.rating label {text-indent: -28px;display: inline-block;position: relative;color: #ccc;cursor: pointer;}
.rating input[type="radio"] {opacity: 0;}
.rating input[type="radio"] + label:before {content: "★";position: absolute;color: gold;text-indent: 0;transition: color 0.5s ease;}
.rating input[type="radio"]:checked + label ~ label:before {color: transparent;}
.ratingover{position: relative;font-size: 28px}
.ratingover .fa{color:gold; position: relative;z-index: 2}
.ratingover:before{  content: "\f005 \f005 \f005 \f005 \f005"; font-family: FontAwesome; color: #efefef; position: absolute; letter-spacing: 6px;z-index: 1}
.rating-each img{width: 50%;}
.ratingall .rating-each{border-bottom:1px solid #dee2e6 }
.ratingall .rating-each:last-child{border-bottom: none}
@keyframes blink {
	0% {color: #333}
	49%{color: #333}
	50% {color:#00acc1}
}
.blink{animation: blink 1s infinite;}

.lightbox{display:none;position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8)}
.lightbox img{max-width:100%;max-height:99%;margin-top:1%;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}
.lightbox:target{outline:none;display:block}

.greenbg1{background:#82ba41}
.redbg1{background:#600}
.lightbluebg1{background:#a6c7e3;background:-moz-linear-gradient(top,#a6c7e3 1%,#a6c7e3 42%,#dfecf9 42%,#dfecf9 42%,#dfecf9 99%);background:-webkit-linear-gradient(top,#a6c7e3 1%,#a6c7e3 42%,#dfecf9 42%,#dfecf9 42%,#dfecf9 99%);background:linear-gradient(to bottom,#a6c7e3 1%,#a6c7e3 42%,#dfecf9 42%,#dfecf9 42%,#dfecf9 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c7e3',endColorstr='#dfecf9',GradientType=0)}
.lightbluebg2{background:#dfecf9}
.bluebg1{background:#a6c7e3}

.orangetxt1{color: #00acc1!important}
.greentxt1{color:#6eaa39!important}
.greentxt2{color:#529639!important}
.greytxt1{color:#1C1C1B!important}
.greytxt2{color:#575756!important}
.greytxt3{color:#58595b!important}
.redtxt1{color:#ed1c24!important}
.yellowtxt1{color:#febc11!important}
.bluetxt{color:#a6c7e3!important}

.lineh0-6{line-height:.6!important}
.lineh1{line-height:1!important}
.lineh1-1{line-height:1.1!important}
.lineh1-2{line-height:1.2!important}
.lineh1-3{line-height:1.3!important}
.lineh1-5{line-height:1.5!important}

.letterspace-3px{letter-spacing:-3px!important}
.letterspace0p3px{letter-spacing:.3px!important}

.myriadprosemicondense{font-family:'Myriad Pro semi cn'!important}
.myriadpronormal{font-family:'Myriad Pro'!important;font-weight:400!important}
.myriadprobold{font-family:'MyriadProbold'!important}
.myriadproit{font-family:'MyriadPro-It'!important;font-style:italic}
.myriadprosemibold{font-family:'Myriad Pro semi'!important}
.myriadprosemiboldcondense{font-family:'Myriad Pro semibold semicn'!important}
.myriadprolight{font-family:'Myriad Pro'!important;font-weight:300!important}
.myriadprolightitallic{font-family:'Myriad Pro light it'!important;font-weight:300!important;font-style:italic!important}
.myriadprolightsemicn{font-family:'Myriad Pro ltsm'!important}
.myriadproboldext{font-family:'Myriad Pro bext'!important}
.DFL{font-family:'DFLiHeiStd-W5-BIG'!important}

.width100px{max-width:100px!important}
.width120px{max-width:120px!important}
.width130px{max-width:130px!important}
.width135px{max-width:135px!important}
.width145px{max-width:145px!important}
.width227px{max-width:227px!important}
.width235px{max-width:235px!important}
.width255px{max-width:255px!important}
.width265px{max-width:265px!important}
.width270px{max-width:270px!important}
.width275px{max-width:275px!important}
.width290px{max-width:290px!important}
.width305px{max-width:305px!important}
.width320px{max-width:320px!important}
.width331px{max-width:331px!important}
.width340px{max-width:340px!important}
.width343o5px{max-width:343.5px!important}
.width345px{max-width:345px!important}
.width350px{max-width:350px!important}
.width380px{max-width:380px!important}
.width430px{max-width:430px!important}
.width440px{max-width:440px!important}
.width470px{max-width:470px!important}
.width640px{max-width:640px!important}
.width687px{max-width:687px!important}
.width760px{max-width:760px!important}
.width960px{max-width:960px!important}
.width1000px{max-width:1000px!important}
.width1040px{max-width:1040px!important}
.width1145px{max-width:1045px!important}
.width1150px{max-width:1150px!important}
.width1366px{max-width:1366px!important}

.height44px{height:44px!important}
.height175px{height:155px!important}
.height231px{height:231px!important}
.height601px{height:601px!important}

.min-height434px{min-height: 434px!important}

.margintop4rem{margin-top:4rem!important}
.margintop6rem{margin-top:6rem!important}
.margintop7rem{margin-top:7rem!important}
.margintop18px{margin-top:18px!important}
.margintop25px{margin-top:25px!important}
.margintop38px{margin-top:38px!important}
.margintop56px{margin-top:56px!important}
.margintop58px{margin-top:58px!important}
.margintop74px{margin-top:74px!important}
.margintop80px{margin-top:80px!important}
.margintop94px{margin-top:94px!important}
.marginbottom-3px{margin-bottom:-3px!important}
.marginbottom4px{margin-bottom:4px!important}
.marginbottom190px{margin-bottom:190px!important}
.paddingLR20px{padding:0 20px!important}

.fs-12px{font-size:12px!important}
.fs-13px{font-size:13px!important}
.fs-14px{font-size:14px!important}
.fs-15px{font-size:15px!important}
.fs-16px{font-size:16px!important}
.fs-17px{font-size:17px!important}
.fs-18px{font-size:18px!important}
.fs-19px{font-size:19px!important}
.fs-20px{font-size:20px!important}
.fs-21px{font-size:21px!important}
.fs-22px{font-size:22px!important}
.fs-23px{font-size:23px!important}
.fs-24px{font-size:24px!important}
.fs-25px{font-size:25px!important}
.fs-26px{font-size:26px!important}
.fs-27px{font-size:27px!important}
.fs-28px{font-size:28px!important}
.fs-29px{font-size:29px!important}
.fs-30px{font-size:30px!important}
.fs-31px{font-size:31px!important}
.fs-32px{font-size:32px!important}
.fs-33px{font-size:33px!important}
.fs-34px{font-size:34px!important}
.fs-37px{font-size:37px!important}
.fs-45px{font-size:45px!important}
.fs-55px{font-size:55px!important}
.fs-58px{font-size:58px!important}
.fs-63px{font-size:63px!important}


.scroll4::-webkit-scrollbar{width:10px}
.scroll4::-webkit-scrollbar-thumb{background:#666;border-radius:20px}
.scroll4::-webkit-scrollbar-track{background:#ddd;border-radius:20px}
#btt {position:fixed;right:10px;bottom:10px;cursor:pointer;width:50px;height:50px;background-color:rgba(0,0,0,0.34);display:none; -webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px; }
#btt span {position:absolute;top:8%;left:40%;margin-left:-8px;margin-top: 0px;height:0;width:0;border:13px solid transparent;border-bottom-color:#ffffff; }
#btt:hover {background-color:rgba(0,0,0,0.6);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"; }
.nobull{list-style-type:none}

@media (max-width: 992px){
	.top-nav .active:after{display: none}
}
@media screen and (max-width: 840px) {
.width120px,.width135px,.width145px,.width290px,.width440px,.width145px,.width430px,.width235px,.width227px,.width255px,.width265px,.width270px,.width305px,.width331px,.width340px,.width343o5px,.width345px,.width350px,.width380px,.width458px,.width640px,.width960px,.width1000px,.width1040px,.width1150px,.width1366px{flex:0 0 100%}
.pushtop{position:none;bottom:0}
.margintop7rem{margin-top:1rem}
}
@media screen and (max-width:540px){
	.dashrightcont p, .dashrightcont .form-wrap{padding: 14px 30px 0}
.descriptionpro :not(img):not(li):not(a):not(input):not(label){padding: 0rem 1rem!important}
	.rating-each img{width: 100%;}
}

.descriptionpro img {
width:100%; height:auto}

.bg-base {
    background-color: #bdbdbd;
}

input-white {
	background-color: #fff;
}

/*Edited*/
@charset "UTF-8";
/* CSS Document */

body {
	text-align: left;
}

.bg-grey {
	background-color: #f9f9f9;
}

p {
	text-align: left;
}


.bg-navy {
	background-color: #21223e;
}

.rounded-2 {
	border-radius: 20px;
}

.rounded-top-2 {
	border-radius: 20px 20px 0 0;
}

.rounded-bottom-2 {
	border-radius: 0 0 20px 20px;
}

.rounded-2 {
	border-radius: 20px 20px;
}

.contact-info {
	margin-top: 45px;
	padding-top: 80px;
}

.empty-contact-info {
	margin-top: 100px;
	padding-top: 80px;
}

.zindextop {
	z-index: 4;
}

.name {
	font-weight: bold;
	font-size: 21px;
}

a, .text-navy {
	color: #0056b3;
}

.project-tab #tabs {
	background: #007b5e;
	color: #eee;
}

	.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		color: #000000;
		background-color: transparent;
		border-color: transparent transparent #f3f3f3;
		border-bottom: 3px solid #0056b3 !important;
		font-size: 16px;
		font-weight: bold;
	}

.project-tab .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	color: #a7a7a7;
	font-size: 16px;
	font-weight: normal;
}

	.project-tab .nav-link:hover {
		border: none;
	}

.project-tab thead {
	background: #ffffff;
	color: #333;
}

.project-tab a {
	text-decoration: none;
	color: #333;
	font-weight: 600;
}

.price {
	font-size: 18px;
	font-weight: bold;
}

.prodname {
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*Modal Properties*/

.modal-backdrop {
	z-index: -1 !important;
}

.modal-open .modal {
	z-index: 999 !important;
}

.modal-full-dialog {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.modal-full-content {
	height: auto !important;
	min-height: 100% !important;
	border-radius: 0 !important;
}

/*Padding*/
.padding-0 {
	padding: 0 !important;
}

/*Image Button*/
.img-button {
	width: 33px
}

.img-resizable {
	width: 18vw !important;
	height: 24vh !important;
	position: relative;
}

/*Image Properties*/
.img-resizable {
	max-width: 520px;
	max-height: 520px;
	position: relative;
}

@media only screen and (min-device-width: 2560px) and (max-device-width : 3499px) {
	.img-resizable {
		width: 520px !important;
		height: 520px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 1440px) and (max-device-width : 2559px) {
	.img-resizable {
		width: 500px !important;
		height: 500px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width : 1439px) {
	.img-resizable {
		width: 440px !important;
		height: 440px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width : 1023px) {
	.img-resizable {
		width: 300px !important;
		height: 300px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 411px) and (max-device-width : 767px) {
	.img-resizable {
		width: 130px !important;
		height: 130px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width : 410px) {
	.img-resizable {
		width: 120px !important;
		height: 120px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-width : 374px) {
	.img-resizable {
		width: 110px !important;
		height: 110px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width : 359px) {
	.img-resizable {
		width: 100px !important;
		height: 100px !important;
		position: relative;
	}
}

@media only screen and (min-device-width: 280px) and (max-device-width : 319px) {
	.img-resizable {
		width: 80px !important;
		height: 80px !important;
		position: relative;
	}
}

.img{
    max-width: 100%;
}
/*@media only screen and (min-width: 330px) {
	.img-resizable {
		width: 100% !important;
		height: 17vh !important;
	}
}

@media only screen and (min-width: 350px) {
	.img-resizable {
		width: 100% !important;
		height: 19vh !important;
	}
}

@media only screen and (min-width: 390px) {
	.img-resizable {
		width: 100% !important;
		height: 20vh !important;
	}
}

@media only screen and (min-width: 420px) {
	.img-resizable {
		width: 100% !important;
		height: 22vh !important;
	}
}

@media only screen and (min-width: 450px) {
	.img-resizable {
		width: 100% !important;
		height: 25vh !important;
	}
}

@media only screen and (min-width: 480px) {
	.img-resizable {
		width: 100% !important;
		height: 27vh !important;
	}
}

@media only screen and (min-width: 510px) {
	.img-resizable {
		width: 100% !important;
		height: 29vh !important;
	}
}

@media only screen and (min-width: 550px) {
	.img-resizable {
		width: 100% !important;
		height: 31vh !important;
	}
}

@media only screen and (min-width: 590px) {
	.img-resizable {
		width: 100% !important;
		height: 33vh !important;
	}
}

@media only screen and (min-width: 630px) {
	.img-resizable {
		width: 100% !important;
		height: 35vh !important;
	}
}

@media only screen and (min-width: 768px) {
	.img-resizable {
		width: 100% !important;
		height: 45vh !important;
	}
}

@media only screen and (min-width: 992px) {
	.img-resizable {
		width: 100% !important;
		height: 65vh !important;
	}
}

@media only screen and (min-width: 1305px) {
	.img-resizable {
		width: 100% !important;
		height: 45vh !important;
	}
}

@media only screen and (min-width: 1306px) {
	.img-resizable {
		width: 100% !important;
		height: 55vh !important;
	}
}*/