@font-face{font-family:'Helvetica';src:url('/fonts/Helvetica.eot');src:url('/fonts/Helvetica.eot?#iefix') format('embedded-opentype'),url('/fonts/Helvetica.woff') format('woff'),url('/fonts/Helvetica.ttf') format('truetype'),url('/fonts/Helvetica.svg#arialn') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family: 'customfont';src: url('/fonts/customfont.woff2') format('woff2'),url('/fonts/customfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'logo_fontregular';src: url('/fonts/logo_font-webfont.woff2') format('woff2'),url('/fonts/logo_font-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,output,progress,section,nav,logo{margin:0;padding:0}
mark,rp,rt,ruby,summary,time{display:inline}.p_transp{display:inline;background:rgba(9,18,27,0.5); line-height:1.2}.hspacer{margin:0 5% 0 5%; width:auto;}
.ps-pages{padding:0 !important; margin:0 !important}.apostrophe:after{font-family: "trees";content:"\41"; font-size:1em; margin-top:-0.8em; position:absolute}
body{margin:0 auto;text-align:center;padding:0 !important;}
body a:hover, .ps-pages a:hover{text-decoration:none}
video{position:absolute; width: 100% !important; max-height:auto !important; padding:0; margin:0; display:block; border:0; overflow: hidden !important}
.shadow{-webkit-box-shadow:0 25px 25px 25px rgba(0,0,0,0.4);box-shadow:0 25px 25px 25px rgba(0,0,0,0.4);background-clip:padding-box}
.wrappmenu{position:relative;width:100%; height:auto;padding:0;text-align:center !important; z-index:150 !important; border:0px; }
.wireframeHP{float:left; width:65%; height:465px !important;padding:0; margin:0}.head_container{float:left;width:40%; height:auto !important;padding:0; margin:0;} .head_container_slide_prod{float:left;width:60%;height:440px;padding:0; margin:0; text-align:left;} a.container_link{color:#FFFFFF; border-bottom:1px dashed #FFFFFF;} a.container_link:hover{border-bottom:1px dotted #FFFFFF;}
.middframeHP{color:#2b2b2b;width:100%;background-color:#f7f7f7;padding:0; }
.topbar{position:relative;width:100%;min-height:auto !important;padding:0 !important; margin-top:0 !important; border-top:1px solid #efefef;z-index:150 !important; }
#topbar{position:fixed;left:0px; right:0px;margin-left:auto;margin-right:auto;top:0px;z-index:200 !important;width:100%;height:auto; line-height:66px;background-color:#FFFFFF;font-family:"helvetica"; display:block;padding:3px 0 3px 0;text-align:center; vertical-align:middle !important}.followbar{position:absolute; width:100%; height:auto; line-height:90px; padding-left:7%; padding-top:1em; /*background: rgba(172,21,24,0.85);*/ color:#FFFFFF; bottom:0 !important; text-align:left;text-transform:uppercase}
#logo{margin:0 auto;max-width:100%;height:auto; text-align:center !important;}
#logo img{border:0;text-align:center;max-width:100%;}
.customfont{font-family:'customfont';line-height:normal !important;}.custom_color{color:#387fa6 !important} .custom_back_color{background-color:#FFFFFF !important;}tr.custom_back_color{background-color:#386f07 !important; color:#FFFFFF !important;font-size:1.2em; text-transform:capitalize}
.white_tr{background-color:rgba(0,0,0,0.3); padding:2%} .black_tr{background-color:rgba(255,255,255,0.3);padding:2%}
.shortbar_footer:after{position:relative; content: ""; display:block;width:60%;height: 1px;background: #d4d4d4; left:0; right:0; margin-left:auto; margin-right:auto;}
.shortbar_follow:after{position:relative; content: ""; display:block;width:10%;height: 1px;background: #000000; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px}
.shortbar:after{position:relative; content: ""; display:block;width:50%;height: 1px;background: rgba(172, 172, 172, 1);margin:0 auto; left:0; right:0; margin-right:auto; margin-left:auto; margin-top:30px; margin-bottom:30px}
h1{font-size:1.8em; display:block;margin:0 0 10px 0;width:auto;font-family:'Helvetica';line-height:normal;font-weight:normal;padding:0px}
h2{font-size:1.6em;display:block;margin:0;width:auto;text-transform:capitalize;font-family:'Helvetica';font-weight:normal !important;}
h3{font-size:1.4em;display:block;margin:0 0 20px 0;font-weight:normal;width:auto;font-family:'Helvetica';}
h4{font-size:1.2em;display:block;margin:0 0 10px 0;font-weight:normal;width:auto;text-transform:capitalize;font-family:'Helvetica';}
table.border td {border:1px solid #cccccc} .border_mincart > table { border-collapse: collapse; } td + td,th + th { border-left: 1px solid #cccccc; padding:10px;}tr + tr { border-top: 1px solid #cccccc; padding:10px;}
#frame{margin:0 auto;width:90%;text-align:center;font-family:'Helvetica';padding:0; position:relative; display:block}
#wait{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.9);z-index:9999;text-align:center; padding-top:15%; color:#FFFFFF; font-size:1.4em; display:none}
.cart{float:left; text-align:center; display:inline-block; margin-left:20px; width:auto;height:auto}
.directory{font-size:14px;}ul.directory{float:left;list-style-type: none; padding: 0; display:inline-block;width:100%;z-index:10 !important}li.directory {float:left;width:100%; height:auto; list-style-type:none;display:block; font-size:1.2em;font-family:'Helvetica'; padding:10px; margin:0;border-bottom:1px solid #cbcbcb; color:#343434} li.directory:hover, li.directory:hover a,li.directory a{color:#343434 !important}
ul.sublink{list-style-type: none; margin:0 0 0 15px; padding: 0; display:block;width:100% !important;z-index:10 !important;text-align:left}
li.sublink{font-size:1em !important; text-decoration:none; margin:5px 0 0 0; display:block; list-style-type:none; width:100% !important;font-family:'Helvetica'; text-transform:none; font-weight:normal;text-decoration:none;}
.footer{position:relative; width:90%;padding:1% 0 2% 0;text-align:center;line-height:1.2em;border-top:0px solid #d8d8d8;}/*.footer a{text-decoration:none;color:#484848;}*/.footer img{vertical-align:middle}
ul.list-inline{margin:0 auto;display:block;width:auto;padding:0;list-style:none;text-align:center; height:auto}
li.general{position:relative;width:22%; padding:0 0 2% 0; margin:0 5px 5px 5px !important; color:#000000;vertical-align:top; display:inline-block; height:auto;font-size:1em;border:0px solid #cbcbcb; text-align:center; margin:0 auto; background-color:#FFFFFF}
.drape{position:absolute; width:100% !important; height:80%; background-color:#1c75bc; color:#FFFFFF; padding:10% 10% 0 10%; display:none; top:0; left:0; z-index:100;overflow-y: scroll}.drape a{text-decoration: none;}
.rez img{width:100%;height:330px; object-fit: cover;}.rez_ie{width:100%;height:330px !important;display:block;overflow:hidden} .rez_ie img{display:none !important}
.rez_detail img{width:650px;height:440px;object-fit: cover;}.rez_ie_detail{width:100%;height:440px !important;display:block;overflow:hidden} .rez_ie_detail img{display:none !important}
.big{position:relative;color:#FFFFFF; margin:0; width:3.2em; height:3.2em; font-size:3.2em; display:inline-block; -webkit-border-radius:3.2em / 3.2em;-moz-border-radius:3.2em / 3.2em; border-radius:3.2em / 3.2em;text-decoration:none; border:0px solid #FFFFFF; text-align:center; font-weight:normal; line-height:normal; background-color:#70ad47 !important; line-height:3em}
.big:hover,.big:focus,.big:active{border:0px solid #000000; text-decoration:none; color:#FFFFFF; }
blockquote{border-left:2px solid #ababab !important; font-style:italic !important;} blockquote p{font-size:1em !important;font-weight:300;line-height:1.25; color:#ababab !important}
.xxlfont{font-size:3em;line-height:normal;}.xlfont{font-size:2.5em;line-height:normal;}.xlfont2{font-size:1.6em !important;line-height:normal; }.xlfontmd{font-size:1.4em; font-weight:100 !important}
.xlfont_white{font-size:1.8em;color:#FFFFFF; line-height:normal; text-transform:capitalize;}.xlfont_black{font-size:1.8em;color:#000000; line-height:normal; text-transform:capitalize;}
.lgfont{font-size:1.1em;line-height:normal; text-transform:capitalize}.hugefont{font-size:4em;} .hugefont_div a:hover font{color:#000000 !important;}
.mdfont{font-size:1.2em !important} .mdfont a{color:#FFFFFF !important; border-bottom:1px dashed #FFFFFF} .mdfont2{font-size:1.6em !important} .mdfont3{font-size:1.8em !important}
.border_img{border:14px solid #fff; display:block; margin:0 10px 0 10px; width:200px}
a .sharefacebook{color:#305891; text-decoration:none; font-size:2em; padding:0px; margin:0px}
a .sharetwitter{color:#2ca8d2; text-decoration:none; font-size:2em; padding:0; margin:0px}
a .sharegoogle{color:#ce4d39; text-decoration:none; font-size:2em; padding:0; margin:0px}
a .shareplus{color:#f8694d; text-decoration:none; font-size:2em; padding:0; margin:0px}
.formbackground{background-color:#FFFFFF; border-radius:4px; margin-top:30px; padding:2%; width:70%;}
input[type=password],input[type=text],select,input[type=tel],input[type=number],input[type=email],textarea{background-color:#FFFFFF; border:1px solid #cccccc !important;display:inline-block;}
label.error{float:left; width:100%;display:inline-block;color:red;margin:5px 0 5px 0;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:normal; display: none !important}
label.lable{position:relative;font-size:1.2em; display:inline-block; width:auto;text-align:left; font-weight:100; margin-bottom:5px;}
/*input[type=password].error,input[type=text].error,select.error,input[type=tel].error,input[type="number"].error,input[type=email].error,textarea.error,input[type=file].error,input[type=checkbox].error{background:#fff9df !important; border:1px solid #FF0000 !important; outline:none !important}*/
select.error{ outline:none !important; color:#FF0000 !important}
input[type=file].error{background-color:#FF0000 !important}
button{border:0px}
input[type=checkbox],input[type=radio]{-webkit-transform: scale(1.5,1.5); transform: scale1.5,1.5);-ms-transform: scale(1.5,1.5);-moz-transform: scale(1.5,1.5); margin:0 5px 0 5px;}
.security{float:left; width:100%; display:block;letter-spacing:5px; font-size:1.4em;font-family:'helvetica'; text-decoration:line-through; background-color:#414141; color:#FFFFFF; padding:4px;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; standard-user-select: none;}
.flex-caption .left_pos,.flex-caption .right_pos,.flex-caption .center_pos{margin-top:25%}.flex-caption-follow .left_pos,.flex-caption-follow .right_pos,.flex-caption-follow .center_pos{margin-top:18%}.center_pos{position:absolute;display:block !important;margin-left: auto;margin-right: auto;left: 0;right: 0; background-color: transparent !important;} .left_pos{float:left; position:absolute; text-align:left !important;display:block; }.black{color:#000000 !important;}.right_pos{position:absolute; right:0; text-align:left; display:block !important;} .white{color:#FFFFFF !important;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{width:100%; height:auto;margin:0;padding:0}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;width:100%;text-align:center;overflow:hidden; margin:0; padding:0; z-index:1;}
.presentation{max-width:100%;height:auto;margin:0 auto;text-align:center;display: block;}
.presentation-detail{max-width:100%;max-height:300px;margin:0 auto;text-align:center;display: block; border-radius:10px; border:5px solid #cccccc;}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{margin:0;background:none;border:0 solid #fff;position:relative;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:2000px;position:relative;z-index:1}
.flexslider .slides{zoom:1}
.flexslider .slide-contents{margin:0 5px 0 5px}
.flex-direction-nav{*height:0}
.flex-direction-nav a{width:55px;height:100px;margin:-20px 0 0;display:block;background:url(/images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:100% 0;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8;right:5px}
.flexslider:hover .flex-prev{opacity:.8;left:5px}
/* custom navigation*/
.flex-direction-nav-custom{*height:0}
.flex-direction-nav-custom a{width:55px;height:100px;margin:-20px 0 0;display:block;background:url(/images/_bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease}
.flex-direction-nav-custom .flex-next{background-position:100% 0;right:0}
.flex-direction-nav-custom .flex-prev{left:0}
.flex-direction-nav-custom a.flex-disabled {
   display:none;
}
.flex-direction-nav .flex-disabled{opacity:.0 !important;filter:alpha(opacity=0);cursor:default}
.flex-control-nav {width: auto; position: absolute; margin-top:5px; z-index:50 !important; text-align:center; left:0; right:0; margin-left:auto; margin-right:auto}
.flex-control-nav li {margin: 0 6px 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 25px; height: 25px; display: block; background-color: #313131; cursor: pointer; text-indent: 100%;white-space: nowrap;overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; z-index:999}
.flex-control-paging li a:hover { background-color: #313131; }
.flex-control-paging li a.flex-active { background: #387fa6; cursor: default; }
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{position:relative;max-width:100%;display:block;margin:0 auto}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flex-caption {position:relative; margin:0; width:80%; padding:0; color: #FFFFFF !important; line-height:normal; display:block;left:0; right:0; margin-right:auto; margin-left:auto;}
.flex-caption-follow {position:relative; margin-left:5%; width:90% !important; padding:0; display:block; z-index:100; text-align:center !important}
.flex-caption-detail{position:relative;margin:3% auto !important;width: 100%; padding:0;line-height:normal; font-size:1em;display:block;}
.flex-splash{float:left;width:96%;padding:2% !important;text-align:left !important;color:#595959;z-index:200;}
.clos{position:relative; width:auto; top:-18%;text-align:center;z-index:600; display:block}
.clos a{color:#FFFFFF}
.absolute{position:absolute; width:auto; top:18%; display:block; z-index:300; text-align:center; padding:20px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);}
li.spot{position:relative; width:17%; text-align:center; vertical-align:top; margin:0 3% 0 3%}
li.spot:hover{color:#063d65 !important;}
.flags{float:left; text-align:left; width:auto; display:inline-block;padding:0; margin:0}
/*cart*/
.table_spacer{width:100%;line-height:auto;vertical-align:top; margin:30px 0 30px 0;border-top:1px solid #dddddd; border-right:1px solid #ddd;empty-cells:show !important;}
.table_spacer td{padding:10px; border-left: solid 1px #ddd;border-bottom: solid 1px #ddd;empty-cells:show !important; vertical-align:top}
/*auto complete
.ui-autocomplete-loading {background:url(images/ajax-loader.gif) no-repeat right center ; z-index:900; padding-right:10px}*/
.ui-autocomplete{height: 200px; overflow-y: scroll;text-align:left;font-family:'open_sansregular'; z-index:4000 !important}
.ui-menu-item a{max-width:300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:.9em; cursor:pointer;display:none} 
.ui-helper-hidden-accessible { position: absolute; left:-999em; }
#footermenu{float:left;width:auto;display:block;text-align:left;color:#000000; font-size:1.4em; }#footermenu a{color:#000000; font-size:1.4em; text-decoration:none}
.inquiry{position:relative; width:100%; height:220px; overflow:auto;-webkit-overflow-scrolling: touch;display:block; background-color:#fbfbfb; padding:3%; border:1px solid #cccccc}
.inquiry > label {font-size:1em; display:inline-block; width:100%; text-align:left; color:#000000 !important; text-decoration:none !important }
#spinner{position:relative;max-height:100%;width:100%;z-index:1000;background-color:rgba(255,255,255,1); color:#000000 !important; font-size:1em !important; top:50%; margin-top:-1em}
#video{position:fixed;height:100%;width:100%;z-index:1000;background-color:rgba(0,0,0,0.8); display:none}
.video_container{position:relative;max-width:100%; min-height:180px; text-align:center !important;}.video_container_detail{position:relative;max-width:100%; height:380px; text-align:center !important;}
.video_container_hp{position:relative;max-width:100%; min-height:260px; text-align:center !important}
.video_container_hp > a{color:#FFFFFF !important; text-decoration:none; z-index:100 !important}
.player{position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%);color: #FFFFFF; font-size:4em;text-align:center !important } .player:before {font-family: "Ionicons";content: "\f24d"; line-height:1px}.player:hover{color:#d42424 !important}
#spinner .animate-spin {position:fixed;top:40%;left:0;right:0;margin-left:auto;margin-right:auto;font-size:3em;color:#000000 !important;font-weight:normal;z-index:1000}
.wrappblog{float:left; width:100%; display:block; margin-bottom:30px;}
.showhide{display:none}
hr{border: 0 none; border-bottom:1px solid #ddd;padding:0 !important; margin:0 !important; display:block; margin-top:15px !important;margin-bottom:15px !important}
.icontag{position:absolute; width:100px; height:50px; right:0; left:0; margin-left:auto; margin-right:auto; padding:0;display:block; z-index:50; text-align:center; margin-top:-1.5em; color:#595959 }
#phone{position:relative;text-align:center; display:inline-block; font-size:1.6em}
#soldout{position:absolute; margin-top:8%; margin-left:0; transform:rotate(-30deg);-ms-transform:rotate(-30deg); /* IE 9 */-webkit-transform:rotate(-30deg);z-index:200;background-color:rgba(255,255,255,0.55); padding:5px}
#soldoutlist{position:absolute; width:95%; margin-top:75px; margin-left:0; transform:rotate(-30deg);-ms-transform:rotate(-30deg); /* IE 9 */-webkit-transform:rotate(-30deg);z-index:200;background-color:rgba(255,255,255,0.85); padding:10px;}
.tag{position:fixed;top:5%; right:5%; margin-right:auto;z-index:500;text-align:center;background-color:#00a7ed; color:#FFFFFF; width:3em; height:3em; font-size:1.5em; padding:10px; -webkit-border-radius:3em / 3em;-moz-border-radius:3em / 3em; border-radius:3em / 3em;text-decoration:none;text-align:center; font-weight:normal; line-height:2.2em; display:none}
.amountshow{position:absolute; top:21px; left:0px; overflow:auto; width:400px; max-height:500px; background-color:#FFFFFF; padding:10px; z-index:999 !important; display:none;text-align:left;color:#333333}
.activecart{position:absolute;display:block; z-index:999 !important; margin-top:-4px !important}
.stick{position:relative;margin-top:30px; padding:0; display:block}
.scaleimg{max-width:100%; height:auto} .slogandiv img{width: 100% !important; height:100vh !important;object-fit: cover !important;}.fullimg_ie img{display:none !important}
/*btn customs*/
.btn-player{text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);
  font-size:1.5em;
  border-radius:10px !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    border-color: #db1c23;
     border-color: #db1c23;
    transition: background .20s ease-in-out !important;
   -moz-transition: background .20s ease-in-out !important;
   -webkit-transition: background .20s ease-in-out !important; color: #FFFFFF !important;}
   
.btn-player:active,.btn-player:visited,{
  background-color: transparent !important;
  border-color: #db1c23;
  color: #FFFFFF;
}
.btn-player {
  background-color:#db1c23;
  color: #FFFFFF;
}
.btn-player:hover{color: #FFFFFF;
  background-color: #000000 !important;
  border-color: #000000; !important;
  }
.btn-spin{text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
     border-color: #d6d6d6;
    transition: background .20s ease-in-out !important;
   -moz-transition: background .20s ease-in-out !important;
   -webkit-transition: background .20s ease-in-out !important; color: #FFFFFF !important;}
   
.btn-spin:active,.btn-main:visited,{
  background-color: #FFFFFF;
  border-color: #d6d6d6;
  color: #1d1d1d;
}
.btn-spin {
  background-color: #FFFFFF;
  color: #1d1d1d !important;
}
.btn-spin:hover{color: #1d1d1d;
  background-color: #edebeb !important;
  border-color: #d6d6d6;
  }
.btn-custom-color{ border-color: #303030 !important;background-color:#303030 !important; color: #FFFFFF !important;}
.btn-main{text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
     border-color:#387fa6;
    transition: background .20s ease-in-out !important;
   -moz-transition: background .20s ease-in-out !important;
   -webkit-transition: background .20s ease-in-out !important; color: #FFFFFF !important;}
   
.btn-main:active,.btn-main:visited,{
  background-color: #387fa6;
  border-color: #387fa6;
  color: #FFFFFF;
}
.btn-main {
  background-color: #387fa6;
  color: #FFFFFF;
}
.btn-main:hover{color: #FFFFFF;
  background-color: #3e8cb7 !important;
  border-color: #3e8cb7 !important;
  }
.btn-custom{
  text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
     border-color: #00a7ed;
    transition: background .20s ease-in-out !important;
   -moz-transition: background .20s ease-in-out !important;
   -webkit-transition: background .20s ease-in-out !important;color: #FFFFFF !important;

}

.btn-custom:active,.btn-custom:visited,{
  background-color: #00a7ed !important;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.btn-custom{ 
  color: #FFFFFF;
  background-color: #00a7ed !important;
  
}
.btn-custom:hover{color: #FFFFFF;
  background-color: #0484ba !important;
  border-color: #0484ba !important;
  }
.btn-custom-list{
  text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
     border-color: #d6d6d6 !important;
    transition: background .20s ease-in-out !important;
   -moz-transition: background .20s ease-in-out !important;
   -webkit-transition: background .20s ease-in-out !important;color: #aeaeae !important;

}

.btn-custom-list:active,.btn-custom-list:visited,{
  background-color: transparent !important;
  border-color: #d6d6d6 !important;
  color: #000000 !important;
}
.btn-custom-list{ 
  color: #000000 !important;
  border-color: #d6d6d6 !important;
  background-color: transparent !important;
  
}
.btn-custom-list:hover{color: #000000 !important;
  background-color: #d6d6d6 !important;
  border-color: #d6d6d6 !important;
  }
.btn-md.btn-main{padding:10px 0 10px 0 !important; background-color:#00a7ed !important; width:70% !important; border-color: #00a7ed !important; font-size:1.2em !important}
.cols{ -moz-column-count: 3;-moz-column-gap: 10px;-webkit-column-count: 3;-webkit-column-gap: 10px;column-count: 3;column-gap: 10px; display:block; margin-top:5%}
.colsblog{ -moz-column-count: 2;-moz-column-gap: 10px;-webkit-column-count: 2;-webkit-column-gap: 10px;column-count: 2;column-gap: 10px; display:block; margin-top:5%}
.box{display:inline-block;width:100%;margin-bottom: 15px; text-align:left !important;padding:10px}
.font_color{color:none !important}
li.general:nth-child(1):nth-last-child(1){min-width:250px !important;margin:0}.g-recaptcha{margin:0 auto; text-align:center !important; display:inline-block;}.big_captcha{width:100% !important}
.logofont:before{font-family:'logo_fontregular';font-size:8em; content:"\41"; line-height:0.75em;}.logofont-one:before{font-family:'logo_fontregular';font-size:7em; content:"\42"; line-height:0.75em}.logofont-two:before{font-family:'logo_fontregular';font-size:7em; content:"\43"; line-height:0.75em}.logofont-three:before{font-family:'logo_fontregular';font-size:7em; content:"\44"; line-height:0.75em}
.logofont-four:before{font-family:'logo_fontregular';font-size:7em; content:"\45"; line-height:0.75em}.logofont-five:before{font-family:'logo_fontregular';font-size:7em; content:"\46"; line-height:0.75em}.logofont-six:before{font-family:'logo_fontregular';font-size:7em; content:"\45"; line-height:0.75em}
#detail_video{position:fixed;top:10%;bottom:0;height:90%;width:100% !important;background-color:#146aa2;z-index:800; padding-top:3%;display:none;overflow-y:hidden;}
.noround{border-radius:0px !important;} input.noround,textarea.noround,select.noround, button.noround{border-radius:0px !important;}
.border_round{box-shadow:0 0 0 10px #FFFFFF; margin-bottom:40px} a:hover > img.border_round{box-shadow:0 0 0 10px #0a6838 !important}
.border_round_detail{box-shadow:0 0 0 20px #FFFFFF; width:400px; height:400px; margin:20px; text-align:center}
.border_round_list{box-shadow:0 0 0 10px #FFFFFF; width:125px; height:125px; margin-bottom:40px;}
.logo{z-index:100;padding:0; text-align:center !important; margin-bottom:30px} .tabs{z-index:200; padding:0% 0 1% 0; text-align:left !important}
.modal .modal-dialog .modal-content {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:0px !important;padding: 1% 0 2% 0; margin:0 !important;border-radius:0px !important}
.modal-wide .modal-dialog {width: 95%; /* or whatever you wish */height:auto; border-radius:0px !important}
/* centered columns styles */
.row-centered {text-align:center !important; margin:0 auto !important; left:0; right:0}
.col-centered {display:inline-block;float:none;text-align:center; width:auto;}
.divider{width:4% !important; height:auto;vertical-align:top; margin-top:3%; padding:0 !important}
/*tablet and phone main buttons*/
a.mainbtn{position:relative; background-color:#FFFFFF;color:#1684c3; width:1.75em; height:1.75em; font-size:1.25em; padding:5px 5px 5px 5px ; display:inline-block; -webkit-border-radius:1.75em / 1.75em;-moz-border-radius:1.75em / 1.75em; border-radius:1.75em / 1.75em;text-decoration:none; border:2px solid #1684c3; text-align:center; font-weight:normal; line-height:normal; margin:15px 15px 15px 0; left:0; right:0; margin-left:5px; margin-right:5px; top:0; bottom:0; margin-bottom:auto; margin-top:auto}
.new{position:absolute;width:75px;height:73px;background:url('/images/new-tag.png') no-repeat;top:0;left:0;z-index:100;}.outstok{position:absolute;width:100px;height:100px;background:url('/images/out-tag.png') no-repeat;top:0;left:0;z-index:100; display:none}
.short_pp{display:block;max-width: 200px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}.short_pp:hover{display:block;max-width: 200px;white-space:normal;}.ion-close-cart:after{font-family: "Ionicons";content: "\f2d7"}
@media only screen and (max-width:1280px){.flex-caption .left_pos,.flex-caption .right_pos,.flex-caption .center_pos{margin-top:20% !important}.flex-caption-follow .left_pos,.flex-caption-follow .right_pos,.flex-caption-follow .center_pos{margin-top:18%}}
@media only screen and (max-width:1366px){.flex-caption .left_pos,.flex-caption .right_pos,.flex-caption .center_pos{margin-top:20% !important;}.flex-caption-follow .left_pos,.flex-caption-follow .right_pos,.flex-caption-follow .center_pos{margin-top:18%}}
@media only screen and (max-width:1024px){.tablet{width:100% !important; text-align:left; margin-bottom:40px}.flex-caption .left_pos,.flex-caption .right_pos,.flex-caption .center_pos{margin-top:35% !important; width:90% !important; padding:0px !important}.flex-caption{ width:90% !important}.flex-caption-follow .left_pos,.flex-caption-follow .right_pos,.flex-caption-follow .center_pos{margin-top:25%}.wrappmenu{margin-top:70px !important}}
@media only screen and (max-width:768px){.flex-caption-follow .center_pos{margin-top:30%}.wrappmenu{margin-top:70px !important}}
#directorym{position:absolute;width:50%;min-height:100%; top:0px; left:0px; z-index:999;}
.topbar{text-align:center !important}
.lgfont{font-size:1em;line-height:normal; text-transform:capitalize}
.ui-helper-hidden-accessible { display:none; } 
.img {width:auto;max-height:100%;margin:0 auto;text-align:center; overflow:hidden; z-index:1}
input[type=password],input[type=text],input[type=number],input[type=tel],.inquiry > label{font-size:1em}
input[type=checkbox]{-webkit-transform: scale(2,2);}
#detail_video{position:fixed;top:0;bottom:0;height:100%;width:100% !important; z-index:1200 !important}
.hpvideo{width:70% !important; height:300px !important}
.drilldown{font-size:2em !important}
li.lgfont{display:none}
#splash-follow{max-height:250px !important}
}
@media only screen and (max-width:1000px){
.ui-datepicker {width:70%;padding: 10px; background-color:#4285f4; color:#FFFFFF !important; font-size:1.2em; z-index:600 !important}
.formbackground{width:90% !important}
.rez img{width:100% !important;height:350px !important;object-fit: cover;}.rez_ie{width:100% !important;height:350px !important;display:block;overflow:hidden} .rez_ie img{display:none !important}
.article{width:100% !important;}
.wireframeHP{display:inline-block !important; width:100% !important;height:465px}
.topbar{text-align:center}
.img{width:auto;max-height:100%;margin:0 auto;text-align:center; overflow:hidden}
.lgfont{font-size:1em;line-height:normal; text-transform:capitalize}
.ui-helper-hidden-accessible { display:none; } 
li.general:nth-child(1):nth-last-child(1){width:90% !important;margin:0 0 3% 0}
li.general{width:90% !important;margin:0 0 3% 0}
.footer{padding-bottom:20% !important;}
.followbar{padding-left:6% !important}
.minifooter, .right-col{display:none !important}
.xlfontmd{font-size:1.2em !important} select.input-xlg{font-size:1.2em !important}
.short_pp{width:auto !important;white-space:normal;}
}
img[usemap] {border: none;height: auto;max-width: 100%;width: auto;}
input[type=radio],input[type='checkbox'] {display: none;} input[type='radio'] + label {display: block;}input[type='checkbox'] + label {display: block;}input[type='checkbox'] + label:before,
input[type='radio'] + label:before {display: inline-block;font-family: "FontAwesome";font-style: normal;font-weight: normal;line-height: 1;padding-right: .2em;font-size:1.6em;color:#73716e;text-indent:.2em; vertical-align:middle !important}
input[type=radio] + label:before {content: "\f10c"; /* Radio Unchecked */} input[type=radio]:checked + label:before {content: "\xf10c"; /* Radio Checked */}
input[type="checkbox"] + label:before {content: "\f10c"; /* Checkbox Unchecked */} input[type="checkbox"]:checked + label:before {content: "\f05d"; color:#70ad47/* Checkbox Checked */}
.radio label, label{padding-left: 0; font-weight:normal !important; color:#73716e !important}
select {padding:4px; margin: 0;border:1px solid #cccccc;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width: auto;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
label.dropdown {position:relative;width:100% !important}
label.dropdown:after {content:"\f078"; font-family: "FontAwesome";font-size: 1.4em;color:#73716e !important;right:9px; top:6px;padding:0;position:absolute;pointer-events:none;}
label.dropdown:before {content:'';right:5px; top:5px;width:34px; height:30px;background:#FFFFFF !important;position:absolute;pointer-events:none;display:block;}
label.dropdown_xl:after {content:"\f107"; font-family: "fontello";font-size: 2em;color:#73716e !important;right:4px; top:3px;padding:0;position:absolute;pointer-events:none;}
label.dropdown_xl:before {content:'';right:3px; top:3px;width:34px; height:40px;background:#FFFFFF !important;position:absolute;pointer-events:none;display:block;}
.cc_inside {position:absolute !important;top:50%; right:2em; color:#73716e; font-size:1.2em !important}
.inside {position:absolute !important;top:25%; right:2em; color:#73716e; font-size:1.2em !important}
select.input-lg {line-height:1em !important} select.required{font-family: FontAwesome,"Helvetica";font-style: normal;font-weight: normal;text-decoration: inherit;}
.form-control:focus {border-color: #cccccc;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;border-radius:0px !important;box-shadow: inset 0 1px 1px rgba(115, 113, 110, 0.075), 0 0 8px rgba(115, 113, 110, 0.3);}
.xlg{padding:2% 9% 2% 9% !important} input[type=tel].input-xlg,input[type=text].input-xlg,select.input-xlg{height:45px;font-size:18px;line-height:18px;text-align:center !important; width:100% }input[type=tel].input-xlg.error{border:1px solid #FF0000 !important}
select.in_error{border:1px solid #FF0000 !important;}
select.input-xlg{font-size:1.8em !important; line-height:1em; text-align:center !important; width:auto; padding:0 20px 0 20px} #prodD{width:40%;}
.text_table:before{content:"-"; border-top:1px}.rc-anchor-err{border:1px solid #FF0000 !important; width:100%}
/*rating*/
.err{color:#FF0000 !important}
.ratingicon{font-family: "FontAwesome"; margin-right:5px; width:auto}
.alertfixed{position:relative; margin-top:0; width:100%; height:auto; background-color:#4285f4; color:#FFFFFF !important; z-index:300; text-align:center; padding:1%;display:none}
.alertfixed > a.alertlink {color:#FFFFFF; border-bottom:1px dashed #FFFFFF}
.alertbox{background-color:#e0e0f1}
.btn-client{text-shadow: 0 -1px 0 #000000 rgba(0,0,0,.8);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);transition: background .20s ease-in-out !important;-moz-transition: background .20s ease-in-out !important;-webkit-transition: background .20s ease-in-out !important;color: #FFFFFF !important;}
.btn-client:active,.btn-client:visited,{background-color: #transparent !important;border-color: #FFFFFF;color: #FFFFFF !important;}
.btn-client{ color: #FFFFFF !important;background-color: #transparent !important;border-color: #FFFFFF;}
.btn-client:hover{color: #FFFFFF !important;background-color: #195dce !important;border-color: #FFFFFF !important;}
.btn-condition{color: #FFFFFF !important;background-color: #ff5722 !important;width:2em !important; height:2em; font-size:1.4em; -webkit-border-radius:2em / 2em;-moz-border-radius:2em / 2em; border-radius:2em / 2em;text-decoration:none;text-align:center; font-weight:normal; line-height:1.2em;margin:0 auto}
.btn-condition:active,.btn-client:visited,{background-color: #ff5722 !important;border-color: #FFFFFF;color: #FFFFFF !important;}
.btn-condition:hover{color: #FFFFFF !important;background-color: #ee501f !important;border-color: #FFFFFF !important;}
/*don't forget to chance z-index or add to the .drape to z-index100*/
.condition{position:absolute; width:100% !important; height:80%; background-color:#ee501f; color:#FFFFFF; padding:10% 10% 0 10%; display:none; top:0; left:0; z-index:120;overflow-y: scroll}.condition a{text-decoration: none;}
a.tag_condition{position:fixed;bottom:2%; right:-5%; margin-right:auto;z-index:500;text-align:center;background-color:#ff5722; color:#FFFFFF; width:1.5em; height:1.5em; font-size:2.5em; padding-top:25px; -webkit-border-radius:1em / 1em;-moz-border-radius:1.5em / 1.5em; border-radius:1.5em / 1.5em;text-decoration:none;text-align:center; font-weight:normal; line-height:1px; display:none;}.tag_condition a{color:#FFFFFF !important; text-decoration:none}#conditions{position:fixed; top:0; right:0; z-index:400; width:400px; height:100%; right:-400px; background-color:#f7f7f7; display:none; padding:10px 40px 130px 40px; text-align:left;border-left:1px dashed #b9b9b9;}
.ion-close-cond:after{font-family: "Ionicons";content: "\f2d7";}#load_cond{position: fixed;top: 0px;left: 0px; margin-left: auto; margin-right:auto;height:100%;width:100%;background-color:rgba(255,255,255,0.95); z-index:300; display:none}
ul.directory_condition{float:left;list-style-type: none; padding: 0; display:block;width:100%;height:100%;overflow-y: scroll;}li.directory_condition{float:left;width:100%; height:auto; list-style-type:none;display:block;padding:10px; margin:0;border-bottom:1px dashed #b9b9b9;}li.active_cond{background-color:#FFFFFF !important;font-size:1.2em}li.active_cond:before{font-family: "Ionicons";content: "\f383";display:inline-block; margin-right:5px;color:#099c21 !important; font-size:1.5em !important; vertical-align:middle !important}li.directory_condition:hover{background-color:#FFFFFF !important}li.directory_condition:before{font-family: "Ionicons";content: "\f383";display:inline-block; margin-right:5px} li.directory_condition:hover:before{font-family: "Ionicons";content: "\f383";display:inline-block; margin-right:5px; color:#099c21 !important; font-size:1.5em !important; vertical-align:middle !important}
.short_p{display: block;width: 220px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:0 auto; left:0; right:0}
/*form signup*/
.setup-content{text-align:center}.valid_green{color:#37be35 !important}
.stepwizard {margin: 30px 0 30px 0;}
.stepwizard-row {display: inline-block; width:100%}
.stepwizard {width: 100%;position: relative;text-align:center !important;}
.stepwizard-step button[disabled] {opacity: 1 !important;filter: alpha(opacity=100) !important;}
.stepwizard-step {display: inline-block;text-align: center;position: relative;z-index:20}
.stepwizard-step.before:before{top: 27px;bottom: 0;left:20px;position: absolute; content: "";width: 100%; border-top:0px dashed #cccccc; height: 1px;z-index:-1;}
.stepwizard-step.after:after{top: 27px;bottom: 0;left:20px;position: absolute; content: "";width: 100%;border-top:0px dashed #37be35; height: 1px;z-index:-1;}
.btn-circle {display:block; margin:0 20px 0 20px; width: 100px;height: 100px;text-align: center;padding:0;font-size:3em;padding-top:20px; border-radius: 100px;border:1px solid #FFFFFF;display:inline-block}
.btn, .btn-circle{opacity:1 !important;} .after a {color:#FFFFFF !important; }
.btn-default_no{background-color:#1c75bc !important;z-index:20 !important;border:1px solid #FFFFFF;}a.btn-default_no{color:#FFFFFF !important}
.btn-default,.btn-default:hover{background-color:transparent !important;color:#FFFFFF;z-index:20;}a.btn-primary:hover{color:#FFFFFF !important}.btn-primary{background-color:#1c75bc !important; z-index:20 !important; color:#FFFFFF;}
/* calendar*/
.ui-accordion-header{font-size:1.2em !important; border-radius:0px !important} .ui-accordion > .ui-state-default:before{font-family: "FontAwesome";content:"\f055";font-size:.8em !important; margin-right:10px} .ui-accordion > .ui-state-active:before{font-family: "FontAwesome";content:"\f056";font-size:.8em !important;} .ui-accordion-content a{text-decoration:underline !important; color:#428bca !important}
.ui-datepicker {padding: 10px; background-color:#4285f4; color:#FFFFFF !important}.ui-datepicker-header{ background-color:#4285f4; color:#FFFFFF !important; border:0px !important; font-size:1.2em !important}
.ui-datepicker-calendar a.ui-state-default {background-color:#4285f4; color:#FFFFFF !important; border:0px !important}
.ui-datepicker-calendar td.ui-datepicker-today a { background: #00a7ed;color:#FFFFFF !important; border:0px !important}
.ui-datepicker-calendar a.ui-state-hover {  background: #00a7ed;color:#FFFFFF !important;border:0px !important}
.ui-datepicker-calendar a.ui-state-active {  background: #00284a;color:#FFFFFF !important;border:0px !important }
table.ui-datepicker-calendar tr td{background-color:#4285f4 !important; color:#FFFFFF !important;border:0px !important; font-size:1.2em !important}
.ui-datepicker-next .ui-icon  {background:url('/images/calendar-next.png'); }.ui-datepicker-prev .ui-icon  {background:url('/images/calendar-prev.png'); }.ui-datepicker-next .ui-icon span:hover{background-color:transparent !important}
/*end calendar*/
/* my account */
.myaccount{position:relative; margin-top:0; width:100%; height:auto; background-color:#4285f4; color:#FFFFFF !important; z-index:120; text-align:center; padding:1%;display:block}
.btn-myaccount{position:relative;color:#4285f4; margin:0; width:2.5em; height:2.5em; font-size:2.1em; display:inline-block; -webkit-border-radius:2.5em / 2.5em;-moz-border-radius:2.5em / 2.5em; border-radius:2.5em / 2.5em;text-decoration:none; border:8px solid #82b1fe; text-align:center; font-weight:normal; line-height:normal; background-color:#FFFFFF !important; line-height:1px; padding-top:0.9em}
.btn-myaccount:hover,.btn-myaccount:focus,.btn-myaccount:active{border:8px solid #3c77d9; text-decoration:none; color:#3c77d9; }/* banner reset */
.scaleimg{max-width:100%; height:auto} .img{width:100%;} .slogandiv_hp{width:100%;height:500px;} .slogandiv_follow{width:100%;height:500px;}
/*floating cart*/
.float_cart{position:fixed;top:45px; right:3%;width:auto; height:auto; z-index:999 !important;}
.table_spacer_cart{width:100%;line-height:auto;vertical-align:top; margin:30px 0 30px 0;border:0px !important}
.table_spacer_cart td{padding:10px;border-top:2px dashed #ddd; height: 1px; border-bottom:0px;border-left:0px;vertical-align:top}
#short_cart{position:fixed; top:0; right:0; z-index:500; width:600px; height:100%; right:-600px; background-color:#f7f7f7; padding:10px 40px 130px 40px; text-align:left;border-left:1px dashed #b9b9b9; display:none;overflow-y: scroll} #short_cart a.black{color:#000000}
.round{position:relative;background-color:#1c75bc;width:1.5em; height:1.5em; -webkit-border-radius:1em / 1em;-moz-border-radius:1.5em / 1.5em; border-radius:1.5em / 1.5em;text-decoration:none;text-align:center; font-weight:normal; display:inline-block;color:#FFFFFF !important; font-size:1.2em !important; line-height:1.6em;}
ul.filter{float:left;list-style-type: none; padding: 0; display:block;width:100%;} li.filter:before{font-family:"FontAwesome";content:"\f00c";font-size:.8em !important; margin-right:10px;color:#065701} li.filter{list-style-type:none;width:100% !important; padding:15px;border-bottom:1px dashed #b9b9b9;}
.square{position:relative; background-color:transparent; max-width:40%; height:auto; padding:3%; border:5px solid #FFFFFF; display:block; text-align:center !important; margin:0 auto}.square_black{position:relative; background-color:transparent; max-width:40%; height:auto; padding:3%; border:5px solid #000000; display:block; text-align:center !important; margin:0 auto}
.fake_check{width:50px; height:50px;text-align:center; margin:10px 5px 10px 5px; border:1px solid #d6d6d6; cursor:pointer}
.brand{position:absolute; width:auto; height:auto; left:100px; top:70px;z-index:100}
textarea.pin-hp,select.pin-hp,input.pin-hp, select.pin-hp{background-color:transparent ; outline:none !important; box-shadow:none !important; border-bottom:1px solid #cccccc !important;border-top:0px !important;border-left:0px !important;border-right:0px !important; color:#FFFFFF !important}input.pin-hp:focus::placeholder{font-size:1em !important; color:#FFFFFF !important}input.pin-hp:focus{box-shadow:none !important; font-size:1em}
.custom_placeholder{font-size:.3em !important;line-height:14em !important; right:8em !important;}.row-form{width:70%;padding:0}.in_error{background-color:#C69 !important}.star{color:#e7711b !important}