@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family:'Roboto',Arial, Helvetica, sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%; height:auto;}
h1{ width:100%; height:auto; padding:0;font-size:22px;font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; font-weight:900;}
h2{ font-size:20px; color:#fff; text-align:left; font-weight:bold; text-transform:uppercase;}
h3{width:96%; height:auto; padding:10px 2%; margin:0 0 25px 0; background:#0070c0;font-size:20px; color:#fff; text-align:left; font-weight:400;}

/* h4{width:96%; height:auto; padding:0; margin:2px 0 25px 0;font-size:25px; text-align:left; font-weight:bold;} */

.white{color:#fff;}
.black{color:#000;}
.red{color:#ff2400;}
.blue{ color:#0073ff;}
.orancebg{ background:#ff9000;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 100;box-shadow:0 1px 2px rgba(0,0,0,0.3); border-top:solid 7px #0f6fe2;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#000; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
 
header .rightBox{width:455px;float:right; margin:16px 2% 0 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:174px;height: auto; padding:0px 0; margin:0 0 0 2.5%; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .menuBox{width:96%; height:auto; padding:0 2%; margin:0; border-top:solid 1px #333333;}
header .menu{width:auto; height:auto; padding:0; margin:0 auto;text-align: center;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0; margin:auto; background:#000; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:455px;float:right; margin:16px 2% 0 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:174px;height: auto; padding:0px 0; margin:0 0 0 2.5%; font-size:40px; font-weight:900; color:#003366; line-height:30px; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{width:96%; height:auto; padding:0 2%; margin:0; border-top:solid 1px #333333;}
header.smaller .menu{width:auto; height:auto; padding:0; margin:0 auto;text-align: center;}

.hEmail{width:auto; height:40px; padding:0px; margin:auto 2% auto auto ; float:left; line-height:20px; color:#fff; text-align:right;}
.hContact{width:auto; height:40px; padding:0px; margin:auto; float:right; line-height:20px; color:#fff;}
.hBorder{width:1px; height:40px; padding:0; margin:0px 3% auto 3%; border-left:solid 1px #4d4d4d; float:left;}
.hSmText{font-size:12px;}
.hBigText{font-size:18px; font-weight:bold;font-family:'Oswald',Arial, Helvetica, sans-serif;}

.hiconbox{width:40px; height:39px; padding:0; margin:0 10px 0 0; float:left;}
.hcontactbox{width:130px; height:39px; padding:0; margin:0 10px 0 0; float:left;}
.hiconbox1{width:40px; height:39px; padding:0; margin:0 10px 0 5px; float:right;}
.hemailbox{width:150px; height:39px; padding:0; margin:0 10px 0 0; float:left;}

/*-- Banner Section Css --*/
.bannerPanel{width:100%; height:auto; position:relative; margin:125px auto 0 auto;}
.banner{width:100%; height:auto; padding:0; margin:0;}

.body{width:100%; height:auto; margin:95px auto 0 auto;}
.iheadingBox{width:100%; height:auto; padding:0px 0 30px 0; margin:0; text-align:center; text-transform:uppercase;}
.iheadingsmalltext{width:100%; height:auto; padding:12px 0 5px 0; margin:0; text-align:center; font-size:13px; color:#000; font-weight:500;}
.iheadingBox span{color:#0f6fe2;}
.iheadingBox .headborder{width:323px; height:auto; padding:0; margin:10px auto 0 auto;}

.unclutchProdPanel{width:93%; height:auto; padding:55px 3.5% 0px 3.5%; margin:auto;}

/*-- Product Css --*/
.productPanel{width:95%; height:auto; padding:55px 2.5% 50px 2.5%; margin:auto;}
.productBox{width:31.3%; height:auto; padding:0; margin:0px 1% 25px 1%; float:left; position:relative;}
.productBox img{filter: grayscale(100%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.productBox:hover img{filter: grayscale(0%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.productBox:hover .blackoverlay{background:rgba(0,0,0,0.01);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.productBox .explorenav{ margin:20px auto 10px auto; display:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.productImgBox{width:100%; height:auto; padding:0; margin:0;}
.productBox .blackoverlay{width:100%; height:100%; padding:0; margin:0; background:rgba(0,0,0,0.2); position:absolute; z-index:1; top:0px; left:0px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.productBox .prodoverlay{width:100%; height:100%; padding:0; margin:0; background:url(images/Dottes.png) no-repeat left center; position:absolute; z-index:2; top:0px; left:0px;}

.productBox .textoverlay{width:100%; height:auto; padding:30px 0 0 0; margin:30px 0 20px 0;color:#fff; font-size:21px; font-weight:bold; text-align:center;position:absolute; z-index:3; top:0px; left:0px;}
.productBox h2{width:100%; height:auto; padding:0; margin:20px 0 0px 0;color:#fff; font-size:21px; font-weight:bold; text-align:center;}
.productBox:hover .explorenav{width:60px; height:auto; padding:7px 15px; margin:10px auto 10px auto;display:block;color:#fff; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; border:solid 1px #fff; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.productBox .explorenav:hover{background:#0f6fe2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.prmbox{width:auto; height:auto; padding:0; margin:15px auto 15px auto; text-align:center;}
.packagerm{width:auto; height:auto; padding:10px 15px; margin:0; background:#0f6fe2; color:#fff; font-size:14px; cursor:pointer; border-radius:4px; font-weight:bold;}
.packagerm:hover{background:#0060d4;}

/*-- About Us Panel Css --*/
.aboutPanel{width:100%; height:auto; padding:0; margin:0; background:#000 url(images/about-bg.jpg) no-repeat right center; background-size:50% 100%;}
.aboutimg{width:45%; height:auto; padding:35px 2.5%; margin:0; background:#000; float:left;}
.aboutcontent{width:50%; height:auto; padding:0; margin:0; float:right;}
.aboutHeading{width:85%; padding:50px 0 0 0; margin:auto; text-align:left;}
.aboutHeading h1{color:#fff; text-transform:uppercase;} 
.aboutText{width:85%; height:auto; padding:30px 0px 30px 0px; margin:auto; font-size:16px; font-weight:400; line-height:27px; color:#fff; text-align:justify;}

.armbox{width:85%; height:auto; padding:0; margin:5px auto 15px auto; text-align:right;}
.aerm{width:auto; height:auto; padding:8px 15px; margin:0; background:#0f6fe2; color:#fff; font-size:14px; cursor:pointer; border-radius:4px;}
.aerm:hover{background:#0060d4;}

/*-- Deals in Panel --*/
.dealsPanel{width:95%; height:auto; padding:0; margin:50px auto 30px auto;}
.cLogo{width:12.5%; height:auto; padding:5px 0.25%; margin:0px 0.5% 12px 0.5%; border:solid 1px #e1e1e1; float:left; border-radius:5px;}

/*-- Short Description --*/
.sdPanel{width:94%; height:auto; padding:0; margin:auto; background:#eaeaea;}
.sdimg{width:305px; height:auto; padding:0; margin:0; float:left;}
.sdContent{width:70%; height:auto; padding:0; margin:0; float:right;} 

.sdBox{width:23%; height:auto; padding:0; margin:45px 1% auto 1%; float:left;}
.sdIconBox{width:100%; height:auto; padding:0; margin:0;text-align:center;}
.sdHeadingBox{width:100%; height:auto; padding:0; margin:12px 0 10px 0; font-size:18px; font-weight:900; color:#000;text-align:center;}
.sdSMtext{width:100%; font-size:13px; font-weight:400; text-align:center;}

/*-- Customer Reviews Css --*/
.crPanel{width:90%; height:auto; padding:50px 2%; margin:auto;}

.crbox{width:90%; height:auto; padding:30px 0 20px 0; margin:0px 3% 0px 7%; background:#f5f5f5; position:relative; border-radius:10px;}
.crContent{width:92%; height:auto; padding:0; margin:0 1% 0 0; float:right; line-height:32px; text-align:left;}
.crNameBox{width:100%; height:auto; padding:0; margin:0; font-size:18px; font-weight:bold;}
.crRatingBox{width:60px; height:auto; padding:0; margin:0;}
.crReviewBox{width:100%; height:auto; padding:0; margin:0; font-size:15px; font-weight:400; font-style:italic;}
.crImgbox{width:85px; height:85px; padding:0; margin:auto; background:#900; position:absolute; z-index:1; left:-50px; top:25px; border-radius:100%; overflow:hidden; border:solid 5px #dcdcdc;}

/*-- Footer Panel --*/
.footerPanel{width:95%; height:auto; padding:50px 2.5% 30px 2.5%; margin:auto; background:#000;}
.footerHeading{width:100%; height:auto; padding:0; margin:0; font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase;}

.footerCol1{width:20%; height:auto; padding:0; margin:0 0 0 3%; float:left;}
.navBox{width:100%; height:auto; padding:0; margin:25px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
div#fNav1 ul { margin:0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; display:block; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited {width:100%; height:auto; margin: 0; padding:7px 0; display:block; text-decoration: none; color: #fff; font-size:14px;text-align:left; text-transform:capitalize;} 
div#fNav1 ul a:hover{color:#0073ff !important;}

.footerCol2{width:30%; height:auto; padding:0; margin:0 0 0 2%; float:left;}
div#fNav2 ul { margin:30px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited {width:auto; height:auto; margin:0 10px 10px 0; padding:5px 10px; text-decoration: none; color:#999;display:block; font-size:14px;font-weight:400; float:left; border:solid 1px #999; border-radius:3px;} 
div#fNav2 ul  a:hover {color:#0073ff; border:solid 1px #0073ff;}

.footerCol3{width:35%; height:auto; padding:0; margin:0; float:right;}
.fContactBox{width:100%; height:auto; padding:0; margin:20px 0 0 0; font-size:14px; font-weight:400; color:#fff; line-height:28px;}
.fContactRow{width:100%; height:auto; padding:0; margin:0 0 10px 0;}
.fpaymentlogo{width:100%; height:auto; padding:0; margin:25px 0 0 0;}
.fSMRow{width:100%; height:auto; padding:0; margin:15px 0 15px 0;}

.paymentPanel{width:88%; height:auto; padding:12px 6%; margin:0; background:#000; border-top:solid 3px #222;}
.paymentText{width:auto; height:auto; padding:10px 0 0px 0; float:left; font-size:18px; font-weight:bold; color:#fff;}
.paymentLogo{width:auto; height:auto; padding:0px 4%; float:right; text-align:center;}

.copyrightPanel{width:88%; height:auto; padding:20px 6%; margin:0;background:#17171b; color:#fff; font-weight:300; font-size:13px;}
.copyright{width:auto; height:auto; float:left; font-size:13px;}
.poweredBy{width:auto; height:auto; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#0073ff;}

.whatsapp{width:auto; height:auto; padding:0; margin:0; position:fixed; z-index:9; left:5px; bottom:5px;}

/*== INNER PAGE ==*/
/*--Inner Page Heading--*/
.breadcrumbbox{width:94%; padding:10px 3%; margin:135px 0 0px 0; background:#f1f1f1; border-bottom:solid 1px #ededed;}
.bcNavBox{width:100%; height:auto; padding:5px 0; font-size:14px; color:#777;}
a.bcNav:link,a.bcNav:active,a.bcNav:visited{font-size:13px; color:#777; text-transform:uppercase;}
a.bcNav:hover{color:#0073ff;}
.bcNavBox span{color:#0073ff; font-weight:400;}

/*-- Inner Page --*/
.innbody{width:94%; height:auto; padding:0 0; margin:35px auto;color:#333; font-size:15px; line-height:27px; text-align:left; font-weight:400;}

.inn-left-panel{width:20%; height:auto; padding:0; margin:0; background:#e1e1e1; float:left; border-radius:7px; overflow:hidden;}
.inn-left-panel h1{width:92%; height:auto; padding:7px 4%; margin:0; background:#0073ff; border-bottom:solid 2px #fff;color:#fff;font-size:18px;font-weight:bold;font-family:'Roboto',Arial, Helvetica, sans-serif;}

div#sidenav ul { margin:0; padding: 0; list-style: none; } 
div#sidenav ul li { margin: 0; padding:0px; list-style: none; display:block; } 
div#sidenav ul a:link, div#sidenav ul a:active, div#sidenav ul a:visited {width:92%; height:auto; margin: 0; padding:4px 4%; display:block; color: #000; font-size:14px;text-align:left; font-weight:600; text-transform:uppercase; border-bottom:solid 1px #fff;} 
div#sidenav ul a:hover{background:#0073ff;color:#fff !important;}

.inn-right-panel{width:77%; height:auto; padding:0; margin:0;  background:#fff; float:right; border-radius:10px;}
.inn-right-panel h1{width:98%; height:auto; padding:7px 1%; margin:0 0 22px 0; background:#0073ff; border-bottom:solid 2px #fff;color:#fff;font-size:18px;font-weight:bold;font-family:'Roboto',Arial, Helvetica, sans-serif; border-radius:7px 7px 0 0;}
.innheading{width:98%; height:auto; padding:0; margin:0 auto;}

/*-- Inner Products --*/
.iproductBox{width:31.3%; height:auto; padding:0; margin:0 1% 20px 1%; background:#f5f5f5; float:left;}
.iproductImgBox{width:100%; height:auto;}
.iproductName{width:100%; height:auto; padding:10px 0; margin:0; color:#000; font-size:15px; text-align:center; font-weight:500; border-bottom:solid 2px #fff;}
.iproductName span{color:#0073ff; font-weight:500;}
.iproductPrice{width:auto; height:auto; padding:12px 0 5px 0; margin:0 0 0 7%; color:#000; font-size:16px; text-align:left; font-weight:900; float:left;}
.iproductPrice span{color:#0073ff;}
.iproductViewDetails{width:auto; height:auto; padding:12px 0; margin:0 7% 0 0; color:#555; font-size:14px; text-align:left; font-weight:400; float:right;}

.prodvd{width:auto; height:auto; padding:6px 10px; margin:0;color:#0073ff; font-size:13px; cursor:pointer; border-radius:4px; border:solid 1px #0073ff;}
.prodvd:hover{background:#0073ff; border-radius:4px; border:solid 1px #0073ff; color:#fff;}

.image {display: inline-block;margin: 0px;background-position: center center;background-repeat: no-repeat;}
.image.size-fixed {width: 100%;height: 200px;}
.image.size-fluid {padding-top: 15%;width: 20%;}
.image.scale-fit {background-size: contain;}
.image.scale-fill {background-size: cover;}
.image img {display: none;}

.unclutch-filterbox{width: 98%;height: auto;padding: 7px 1%; margin: 0 0 25px 0;}
.unclutchfilter{width:auto; height:auto; padding:5px 10px; margin:auto; border:solid 1px #e1e1e1; color:#777 !important; font-size:15px; border-radius:4px; outline:none;}

/*-- Product Details --*/
.pdLeftPanel{width:38%; height:auto; padding:7px; margin:10px 0 0 1%; float:left;border-top:solid 3px #f6f6f6; border-left:solid 3px #f6f6f6; border-bottom:solid 3px #d9d9d9; border-right:solid 3px #d9d9d9;}
.pdRightPanel{width:55%; height:auto; padding:0; margin:10px 1% 0 0; float:right; font-size:14px; line-height:24px;color:#000;}

.pdheding{width:100%; height:auto; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:solid 3px #e1e1e1;}
.pdheding h4{width:96%; height:auto; padding:0; margin:0px;font-size:25px !important; text-align:left; font-weight:bold;}

.pditemdetails{width:50%; height:auto; padding:0; margin:2px 0; font-size:15px; font-weight:400; float:left;}
.pditemdetails1{width:100%; height:auto; padding:0; margin:20px 0 10px 0; font-size:15px; font-weight:400;}

.pdinquirypanel{width:95.2%; height:auto; padding:20px 2%; margin:25px auto auto auto; background:#f5f5f5; border:solid 1px #e1e1e1;}
.pdirow{width:100%; height:auto; padding:0; margin:0 0 15px 0;}
.pdirow1{width:100%; height:auto; padding:0; margin:0; text-align:center;}
.pdicol1{width:48%; height:auto; padding:0; margin:auto 1%; position:relative; float:left;}
.pdicol2{width:98%; height:auto; padding:0; margin:auto; position:relative;}

.pditxtbox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px;}
.pditxtarea{width:95%; height:75px; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px;}
.pdispan{width:95%; height:auto; padding:8px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; display:block; font-size:12px; font-weight:500; outline:none; border-radius:4px;}
.pdibtn{width:auto; height:auto; padding:10px 20px; background:#0f6fe2; color:#fff; font-size:15px; border:none; border-radius:4px;}
.pdibtn:hover{background:#0060d4; cursor:pointer;}
.pdibtn{ text-align:right;}

/*-- Contact Page --*/
.iContactPanel{width:90%; height:auto; padding:20px 0 0 0; margin:20px auto 25px auto; }
.iContactInquiryBox{width:40%; height:auto; padding:0; margin:0; float:left;}
.iContactFormRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; position:relative;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:right;}
.iFormTextBox{width:95%; height:auto; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.iFormListBox{width:100%; height:auto; padding:9px 2%; margin:auto; border:solid 1px #e1e1e1; color:#777 !important; font-size:14px; border-radius:4px; outline:none;}
.iFormTextAreaBox{width:95%; height:30px; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.isubmitbtn{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#0f6fe2; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.isubmitbtn:hover{background:#0099a3; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.iContactDetailsBox{width:50%; height:auto; padding:0; margin:0; float:right;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:15px 0 25px 0; color:#0f6fe2; font-size:25px; font-weight:900; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 12px 0; color:#222; font-size:16px; font-weight:400; line-height:32px;}
.iContactMap{width:100%; height:auto; padding:0; margin:0;}

/*-- Customer Reviews --*/
.crPanel{width:94%; height:auto; padding:30px 3% 60px 3%; margin:auto;}
.crBox{width:94%; height:auto; padding:15px 0 30px 0; margin:0 3% !important; background:#fff; border:solid 1px #eeeeee; border-radius:10px;}
.crImgBox{width:95%; height:auto; padding:8px 2.5%; margin:0;}
.crimg{width:65px; height:65px; padding:0; margin:0 auto; border: solid 3px #eee; border-radius:100%; overflow:hidden;}
.crName{width:95%; height:auto; padding:0px 2.5% 4px 2.5%; color:#000; text-align:center; font-size:16px; font-weight:bold; line-height:20px;}
.crRating{width:60px; height:auto; padding:0; margin:5px auto 10px auto;text-align:center;}
.crLocation{width:95%; height:auto; padding:8px 2.5%; margin:0 0 10px 0; color:#999; text-align:center; font-size:16px;}
.crtext{width:90%; height:auto; padding:0; margin:0 auto; color:#555; font-size:15px; font-weight:400; line-height:20px;}
.crimgwidth{width:100% !important; height:auto !important;}
.reviewformrow{width:100%; height:auto; padding:0; margin:0 0 12px 0; position:relative;}

.rtextbox{width:95.5%; height:auto; padding:10px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;}
.rtextarea{width:95.5%; height:50px; padding:10px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;}

.rsubmitbtn{width:auto; height:auto; padding:10px 15px 10px 15px; margin:15px 0 0 0; background:#0a5cc0; border:none; border-radius:4px; font-size:15px; color:#fff; font-weight:400;}
.rsubmitbtn:hover{background:#0f6fe2; cursor:pointer;color:#fff;}

.viewmorebox{width:100%; height:auto; padding:0; margin:20px 0 0 0; text-align:center;}
.viewmore{width:auto; height:auto; padding:0; margin:0; font-size:16px; font-weight:bold; color:#000;}
.viewmore:hover{ color:#0f6fe2;}

/*--- Customer Review Popup ---*/
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  padding-top: 75px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #fff;
  width: 65%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 10px 16px;
  background-color: #0f6fe2;
  color: white !important;
}

.modal-body {padding: 25px 2%;}

.modal-footer {
  padding: 10px 16px;
  background-color: #0f6fe2;
  color: white !important;
}