/*@import url(../font/entypo/entypo-min.css);[class*="entypo-"]:before{font-family:'entypo','PT Sans';}*/
@import url('https://fonts.googleapis.com/css?family=Mitr|PT+Sans|Pridi&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.cdnfonts.com/css/supermarket');
@font-face{font-family:'geosanslightregular';src:url('../font/geosanslight-webfont.eot');src:url('../font/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/geosanslight-webfont.woff2') format('woff2'),
url('../font/geosanslight-webfont.woff') format('woff'),
url('../font/geosanslight-webfont.ttf') format('truetype'),
url('../font/geosanslight-webfont.svg#geosanslightregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'itc_avant_garde_gothicbook';src:url('../font/11059_u-webfont.eot');src:url('../font/11059_u-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/11059_u-webfont.woff2') format('woff2'),
url('../font/11059_u-webfont.woff') format('woff'),
url('../font/11059_u-webfont.ttf') format('truetype'),
url('../font/11059_u-webfont.svg#itc_avant_garde_gothicbook') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'staccato222_btregular';src:url('../font/stac222n-webfont.eot');src:url('../font/stac222n-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/stac222n-webfont.woff2') format('woff2'),
url('../font/stac222n-webfont.woff') format('woff'),
url('../font/stac222n-webfont.ttf') format('truetype'),
url('../font/stac222n-webfont.svg#staccato222_btregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'flexo';
src:url('../font/flexo/flexo-regular-webfont.eot');
src:url('../font/flexo/flexo-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/flexo/flexo-regular-webfont.woff') format('woff'),
url('../font/flexo/flexo-regular-webfont.ttf') format('truetype'),
url('../font/flexo/flexo-regular-webfont.svg#flexo') format('svg');font-weight:normal;font-style:normal;}


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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
article, section{margin: 20px 0;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none;}
*,*:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container{margin-left:auto;margin-right:auto;}
.container.\31 25\25{width:100%;max-width:1200px;min-width:960px;}
.container.\37 5\25{width:720px;}
.container.\35 0\25{width:480px;}
.container.\32 5\25{width:240px;}
.container{width:960px;}

h1, h2, h3, h4, h5, h6{font-family:'Quicksand','Mitr', sans-serif;}
p{font-family: 'Quicksand','SUPERMARKET', serif; font-size:1em}
sup{ position: relative; font-size: 65%; line-height: 0; vertical-align: baseline;}
sup{top: -.5em;}
.condition{font-size:0.8em; margin-bottom:1em}
@media screen and (min-width:737px){.container.\31 25\25{width:100%;max-width:1500px;min-width:1200px;}
.container.\37 5\25{width:900px;}
.container.\35 0\25{width:600px;}
.container.\32 5\25{width:300px;}
.container{width:1200px;}
}
@media screen and (min-width:737px) and (max-width:1200px){.container.\31 25\25{width:100%;max-width:1250px;min-width:1000px;}
.container.\37 5\25{width:750px;}
.container.\35 0\25{width:500px;}
.container.\32 5\25{width:250px;}
.container{width:1000px;}
}
@media screen and (max-width:736px){.container.\31 25\25{width:100%;max-width:125%;min-width:100%;}
.container.\37 5\25{width:75%;}
.container.\35 0\25{width:50%;}
.container.\32 5\25{width:25%;}
.container{width:100% !important;}
}
.row{border-bottom:solid 1px transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row > *{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row:after, .row:before{content:'';display:block;clear:both;height:0;}
.row.uniform > * >:first-child{margin-top:0;}
.row.uniform > * >:last-child{margin-bottom:0;}
.row.\30 \25 > *{padding:0 0 0 0px;}
.row.\30 \25{margin:0 0 -1px 0px;}
.row.uniform.\30 \25 > *{padding:0px 0 0 0px;}
.row.uniform.\30 \25{margin:0px 0 -1px 0px;}
/*.row > *{padding:0 0 0 40px;}
.row{margin:0 0 -1px -40px;}*/
.row.uniform > *{padding:40px 0 0 40px;}
.row.uniform{margin:-40px 0 -1px -40px;}
.row.\32 00\25 > *{padding:0 0 0 80px;}
.row.\32 00\25{margin:0 0 -1px -80px;}
.row.uniform.\32 00\25 > *{padding:80px 0 0 80px;}
.row.uniform.\32 00\25{margin:-80px 0 -1px -80px;}
.row.\31 50\25 > *{padding:0 0 0 60px;}
.row.\31 50\25{margin:0 0 -1px -60px;}
.row.uniform.\31 50\25 > *{padding:60px 0 0 60px;}
.row.uniform.\31 50\25{margin:-60px 0 -1px -60px;}
.row.\35 0\25 > *{padding:0 0 0 20px;}
.row.\35 0\25{margin:0 0 -1px -20px;}
.row.uniform.\35 0\25 > *{padding:20px 0 0 20px;}
.row.uniform.\35 0\25{margin:-20px 0 -1px -20px;}
.row.\32 5\25 > *{padding:0 0 0 10px;}
.row.\32 5\25{margin:0 0 -1px -10px;}
.row.uniform.\32 5\25 > *{padding:10px 0 0 10px;}
.row.uniform.\32 5\25{margin:-10px 0 -1px -10px;}
.\31 2u, .\31 2u\24{width:100%;clear:none;margin-left:0;}
.\31 1u, .\31 1u\24{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u, .\31 0u\24{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u, .\39 u\24{width:75%;clear:none;margin-left:0;}
.\38 u, .\38 u\24{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u, .\37 u\24{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u, .\36 u\24{width:50%;clear:none;margin-left:0;}
.\35 u, .\35 u\24{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u, .\34 u\24{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u, .\33 u\24{width:25%;clear:none;margin-left:0;}
.\32 u, .\32 u\24{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u, .\31 u\24{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + *{clear:left;}
.\-11u{margin-left:91.66667%;}
.\-10u{margin-left:83.33333%;}
.\-9u{margin-left:75%;}
.\-8u{margin-left:66.66667%;}
.\-7u{margin-left:58.33333%;}
.\-6u{margin-left:50%;}
.\-5u{margin-left:41.66667%;}
.\-4u{margin-left:33.33333%;}
.\-3u{margin-left:25%;}
.\-2u{margin-left:16.66667%;}
.\-1u{margin-left:8.33333%;}
@media screen and (min-width:737px){
/*.row > *{padding:25px 0 0 0px;}
.row{margin:25px 0 -1px -0px;}*/
.row.uniform > *{padding:25px 0 0 25px;}
.row.uniform{margin:-25px 0 -1px -25px;}
.row.\32 00\25 > *{padding:50px 0 0 50px;}
.row.\32 00\25{margin:-50px 0 -1px -50px;}
.row.uniform.\32 00\25 > *{padding:50px 0 0 50px;}
.row.uniform.\32 00\25{margin:-50px 0 -1px -50px;}
.row.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.uniform.\31 50\25 > *{padding:37.5px 0 0 37.5px;}
.row.uniform.\31 50\25{margin:-37.5px 0 -1px -37.5px;}
.row.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.uniform.\35 0\25 > *{padding:12.5px 0 0 12.5px;}
.row.uniform.\35 0\25{margin:-12.5px 0 -1px -12.5px;}
.row.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.row.uniform.\32 5\25 > *{padding:6.25px 0 0 6.25px;}
.row.uniform.\32 5\25{margin:-6.25px 0 -1px -6.25px;}
.\31 2u\28desktop\29, .\31 2u\24\28desktop\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28desktop\29, .\31 1u\24\28desktop\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28desktop\29, .\31 0u\24\28desktop\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28desktop\29, .\39 u\24\28desktop\29{width:75%;clear:none;margin-left:0;}
.\38 u\28desktop\29, .\38 u\24\28desktop\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28desktop\29, .\37 u\24\28desktop\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28desktop\29, .\36 u\24\28desktop\29{width:50%;clear:none;margin-left:0;}
.\35 u\28desktop\29, .\35 u\24\28desktop\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28desktop\29, .\34 u\24\28desktop\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28desktop\29, .\33 u\24\28desktop\29{width:25%;clear:none;margin-left:0;}
.\32 u\28desktop\29, .\32 u\24\28desktop\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28desktop\29, .\31 u\24\28desktop\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28desktop\29 + *,
.\31 1u\24\28desktop\29 + *,
.\31 0u\24\28desktop\29 + *,
.\39 u\24\28desktop\29 + *,
.\38 u\24\28desktop\29 + *,
.\37 u\24\28desktop\29 + *,
.\36 u\24\28desktop\29 + *,
.\35 u\24\28desktop\29 + *,
.\34 u\24\28desktop\29 + *,
.\33 u\24\28desktop\29 + *,
.\32 u\24\28desktop\29 + *,
.\31 u\24\28desktop\29 + *{clear:left;}
.\-11u\28desktop\29{margin-left:91.66667%;}
.\-10u\28desktop\29{margin-left:83.33333%;}
.\-9u\28desktop\29{margin-left:75%;}
.\-8u\28desktop\29{margin-left:66.66667%;}
.\-7u\28desktop\29{margin-left:58.33333%;}
.\-6u\28desktop\29{margin-left:50%;}
.\-5u\28desktop\29{margin-left:41.66667%;}
.\-4u\28desktop\29{margin-left:33.33333%;}
.\-3u\28desktop\29{margin-left:25%;}
.\-2u\28desktop\29{margin-left:16.66667%;}
.\-1u\28desktop\29{margin-left:8.33333%;}
.col7{width:14.2857%;}
}
@media screen and (min-width:737px) and (max-width:1200px){
/*.row > *{padding:20px 0 0 0px;}
.row{margin:20px 0 1px 0px;}*/
.row.uniform > *{padding:20px 0 0 20px;}
.row.uniform{margin:-20px 0 -1px -20px;}
.row.\32 00\25 > *{padding:40px 0 0 40px;}
.row.\32 00\25{margin:-40px 0 -1px -40px;}
.row.uniform.\32 00\25 > *{padding:40px 0 0 40px;}
.row.uniform.\32 00\25{margin:-40px 0 -1px -40px;}
.row.\31 50\25 > *{padding:30px 0 0 30px;}
.row.\31 50\25{margin:-30px 0 -1px -30px;}
.row.uniform.\31 50\25 > *{padding:30px 0 0 30px;}
.row.uniform.\31 50\25{margin:-30px 0 -1px -30px;}
.row.\35 0\25 > *{padding:10px 0 0 10px;}
.row.\35 0\25{margin:-10px 0 -1px -10px;}
.row.uniform.\35 0\25 > *{padding:10px 0 0 10px;}
.row.uniform.\35 0\25{margin:-10px 0 -1px -10px;}
.row.\32 5\25 > *{padding:5px 0 0 5px;}
.row.\32 5\25{margin:-5px 0 -1px -5px;}
.row.uniform.\32 5\25 > *{padding:5px 0 0 5px;}
.row.uniform.\32 5\25{margin:-5px 0 -1px -5px;}
.\31 2u\28tablet\29, .\31 2u\24\28tablet\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28tablet\29, .\31 1u\24\28tablet\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28tablet\29, .\31 0u\24\28tablet\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28tablet\29, .\39 u\24\28tablet\29{width:75%;clear:none;margin-left:0;}
.\38 u\28tablet\29, .\38 u\24\28tablet\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28tablet\29, .\37 u\24\28tablet\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28tablet\29, .\36 u\24\28tablet\29{width:50%;clear:none;margin-left:0;}
.\35 u\28tablet\29, .\35 u\24\28tablet\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28tablet\29, .\34 u\24\28tablet\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28tablet\29, .\33 u\24\28tablet\29{width:25%;clear:none;margin-left:0;}
.\32 u\28tablet\29, .\32 u\24\28tablet\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28tablet\29, .\31 u\24\28tablet\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28tablet\29 + *,
.\31 1u\24\28tablet\29 + *,
.\31 0u\24\28tablet\29 + *,
.\39 u\24\28tablet\29 + *,
.\38 u\24\28tablet\29 + *,
.\37 u\24\28tablet\29 + *,
.\36 u\24\28tablet\29 + *,
.\35 u\24\28tablet\29 + *,
.\34 u\24\28tablet\29 + *,
.\33 u\24\28tablet\29 + *,
.\32 u\24\28tablet\29 + *,
.\31 u\24\28tablet\29 + *{clear:left;}
.\-11u\28tablet\29{margin-left:91.66667%;}
.\-10u\28tablet\29{margin-left:83.33333%;}
.\-9u\28tablet\29{margin-left:75%;}
.\-8u\28tablet\29{margin-left:66.66667%;}
.\-7u\28tablet\29{margin-left:58.33333%;}
.\-6u\28tablet\29{margin-left:50%;}
.\-5u\28tablet\29{margin-left:41.66667%;}
.\-4u\28tablet\29{margin-left:33.33333%;}
.\-3u\28tablet\29{margin-left:25%;}
.\-2u\28tablet\29{margin-left:16.66667%;}
.\-1u\28tablet\29{margin-left:8.33333%;}
}
@media screen and (max-width:736px){
/*.row > *{padding:20px 0 0 0px;}
.row{margin:20px 0 -1px -0px;}*/
.row.uniform > *{padding:20px 0 0 20px;}
.row.uniform{margin:-20px 0 -1px -20px;}
.row.\32 00\25 > *{padding:40px 0 0 40px;}
.row.\32 00\25{margin:-40px 0 -1px -40px;}
.row.uniform.\32 00\25 > *{padding:40px 0 0 40px;}
.row.uniform.\32 00\25{margin:-40px 0 -1px -40px;}
.row.\31 50\25 > *{padding:30px 0 0 30px;}
.row.\31 50\25{margin:-30px 0 -1px -30px;}
.row.uniform.\31 50\25 > *{padding:30px 0 0 30px;}
.row.uniform.\31 50\25{margin:-30px 0 -1px -30px;}
.row.\35 0\25 > *{padding:10px 0 0 10px;}
.row.\35 0\25{margin:-10px 0 -1px -10px;}
.row.uniform.\35 0\25 > *{padding:10px 0 0 10px;}
.row.uniform.\35 0\25{margin:-10px 0 -1px -10px;}
.row.\32 5\25 > *{padding:5px 0 0 5px;}
.row.\32 5\25{margin:-5px 0 -1px -5px;}
.row.uniform.\32 5\25 > *{padding:5px 0 0 5px;}
.row.uniform.\32 5\25{margin:-5px 0 -1px -5px;}
.\31 2u\28mobile\29, .\31 2u\24\28mobile\29{width:100%;clear:none;margin-left:0;}
.\31 1u\28mobile\29, .\31 1u\24\28mobile\29{width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28mobile\29, .\31 0u\24\28mobile\29{width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28mobile\29, .\39 u\24\28mobile\29{width:75%;clear:none;margin-left:0;}
.\38 u\28mobile\29, .\38 u\24\28mobile\29{width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28mobile\29, .\37 u\24\28mobile\29{width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28mobile\29, .\36 u\24\28mobile\29{width:50%;clear:none;margin-left:0;}
.\35 u\28mobile\29, .\35 u\24\28mobile\29{width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28mobile\29, .\34 u\24\28mobile\29{width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28mobile\29, .\33 u\24\28mobile\29{width:25%;clear:none;margin-left:0;}
.\32 u\28mobile\29, .\32 u\24\28mobile\29{width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28mobile\29, .\31 u\24\28mobile\29{width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28mobile\29 + *,
.\31 1u\24\28mobile\29 + *,
.\31 0u\24\28mobile\29 + *,
.\39 u\24\28mobile\29 + *,
.\38 u\24\28mobile\29 + *,
.\37 u\24\28mobile\29 + *,
.\36 u\24\28mobile\29 + *,
.\35 u\24\28mobile\29 + *,
.\34 u\24\28mobile\29 + *,
.\33 u\24\28mobile\29 + *,
.\32 u\24\28mobile\29 + *,
.\31 u\24\28mobile\29 + *{clear:left;}
.\-11u\28mobile\29{margin-left:91.66667%;}
.\-10u\28mobile\29{margin-left:83.33333%;}
.\-9u\28mobile\29{margin-left:75%;}
.\-8u\28mobile\29{margin-left:66.66667%;}
.\-7u\28mobile\29{margin-left:58.33333%;}
.\-6u\28mobile\29{margin-left:50%;}
.\-5u\28mobile\29{margin-left:41.66667%;}
.\-4u\28mobile\29{margin-left:33.33333%;}
.\-3u\28mobile\29{margin-left:25%;}
.\-2u\28mobile\29{margin-left:16.66667%;}
.13u{margin:0 auto;}
.\-1u\28mobile\29{margin-left:8.33333%;}
}

body{/*background:#fff url("../../images/ISPA8/Background.jpg") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;color:#fff;*/
	background-color: #000;
	/*font-size:13.5pt !important;*/
	font-family:'Quicksand', 'Pridi', sans-serif;
	line-height:1.85em !important;
	font-weight:300 !important;
	color:#FFF;
	}
input, textarea, select, button{/*color:#fff;font-size:13.5pt;*/font-family:'Quicksand', 'Pridi', sans-serif;/*line-height:1.85em;font-weight:300;*/}
ul, ol, p, dl{margin:0 0 0em 0;}
a{text-decoration:none; color:#FFF}
a:hover{text-decoration:none; color:#f60}
section >:last-child,.last-child{margin-bottom:0 !important;}
b{font-size:0.6em;font-weight:bold;}
.f-nav{  /* ตั้งค่าเพื่อสร้างคลาสนี้ใหม่ */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	background: #000 none repeat fixed 0 0;
}
.py-5 { padding: 0 5px;}
.py-10 { padding: 0 10px;}
.spoint{
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 0.5rem 0 0 !important;
  /*text-align: center;*/
}
.flex-center {
  display: flex;
  justify-content: center;
}
#mg20 {margin: 40px 20px 20px !important;}
#mg20-0-0 {/*margin: 20px 0 0 !important; *//*padding: 20px 120px*/}
#mg0-0-20 {margin: 0 0 20px !important;}
#mg0 {margin: 0 !important;}
.pdarticel {padding: 10px; height:450px;}
.vdoarticel {padding: 10px; height:330px;}
.contactarticel {padding: 10px;}
.contactarticel h2{margin-top: 15px !important;}
.contactarticel h3{margin-bottom: 0px !important;}
.pdhr{border: none; box-shadow: 0 20px 20px -20px #e0e4e7; border-bottom: 1px solid #e0e4e7; width:75%; margin-left:0;}
.pdr10 {padding-right: 10px;}
.pdintro {padding: 0px 10px; min-height:505px;}
/*.pdintro img {border-radius: 1rem;}*/
.pdintro ul.quote-list {min-height:130px}
.link-list li{padding:0.2em 0 0.2em 0;}
.link-list li:first-child{padding-top:0 !important;border-top:0 !important;}
.link-list li:last-child{padding-bottom:0 !important;border-bottom:0 !important;}
.vdoarticel .quote-list li{padding:0em 0 1em 0;overflow:hidden;}
.quote-list li{padding:1em 0 1em 0;overflow:hidden;}
/*.quote-list li:first-child{padding-top:0 !important;border-top:0 !important;}
.quote-list li:last-child{padding-bottom:0 !important;border-bottom:0 !important;}*/
.quote-list li .one img{float:right;width:45px;margin-right:50px;}
.quote-list li .three img{float:right;width:45px;margin-right:50px;}
.quote-list li h1, .quote-list li h2, .quote-list li h3, .quote-list li h4{text-align: left !important; }
.pdintro .quote-list li h1, .pdintro .quote-list li h2, .pdintro .quote-list li h3, .pdintro .quote-list li h4, .pdintro .quote-list li p{text-align: center !important; }
.pdintro .quote-list li h1 {text-transform:uppercase;}
.quote-list li h3, .quote-list li h4{font-size:1.2em; }
.quote-list li p{text-align: left;}
.quote-list li span{display:block;margin-left:90px;font-size:0.9em;font-weight:400;}
.check-list li{padding:0.7em 0 0.7em 45px;font-size:1.2em;background:url("images/icon-checkmark.png") 0px 1.05em no-repeat;}
.check-list li:first-child{padding-top:0 !important;border-top:0 !important;background-position:0 0.3em;}
.check-list li:last-child{padding-bottom:0 !important;border-bottom:0 !important;}
.feature-image{display:block;/*margin:0 0 0.3em 0;*/outline:0;}
.shower-image{display:block;margin:0 0 0.3em 0;outline:0; max-width: 170px;}
.feature-image :hover, .shower-image :hover{ opacity: 1; visibility: visible; }
.feature-image img, .shower-image img{display:block;width:100%;/*border-radius: 1rem*/}
.bordered-feature-image{display:block;background:#fff url("images/bg04.png");padding:10px;box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.15);margin:0 0 1.5em 0;outline:0;}
.bordered-feature-image img{display:block;width:100%;}
.button-big{background-image:-moz-linear-gradient(top, #ed391b, #ce1a00);background-image:-webkit-linear-gradient(top, #ed391b, #ce1a00);background-image:-ms-linear-gradient(top, #ed391b, #ce1a00);background-image:linear-gradient(top, #ed391b, #ce1a00);display:inline-block;background-color:#ed391b;color:#fff;text-decoration:none;font-size:1.75em;font-weight:300;padding:15px 45px 15px 45px;outline:0;border-radius:10px;box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.5);}
.button-big:hover{background-image:-moz-linear-gradient(top, #fd492b, #de2a10);background-image:-webkit-linear-gradient(top, #fd492b, #de2a10);background-image:-ms-linear-gradient(top, #fd492b, #de2a10);background-image:linear-gradient(top, #fd492b, #de2a10);background-color:#fd492b;box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);}
.button-big:active{background-image:-moz-linear-gradient(top, #ce1a00, #ed391b);background-image:-webkit-linear-gradient(top, #ce1a00, #ed391b);background-image:-ms-linear-gradient(top, #ce1a00, #ed391b);background-image:linear-gradient(top, #ce1a00, #ed391b);background-color:#ce1a00;box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);}
.button-small, .button-enclosure, .button-cabinet, .button-sanitary, .button-accessories{background-image:-moz-linear-gradient(top, #ccc, #eee);background-image:-webkit-linear-gradient(top, #ccc, #eee);background-image:-ms-linear-gradient(top, #ccc, #eee);background-image:linear-gradient(top, #ccc, #eee);display:inline-block;background-color:#ccc;color:#000;text-decoration:none;font-size:0.75em;font-weight:300;padding:0px 10px 0px 10px;margin-bottom:15px;line-height:2em;letter-spacing:1px;outline:0;}
.button-small:hover, .button-small:active{background-image:-moz-linear-gradient(top, #47a3da, #00BAE9);background-image:-webkit-linear-gradient(top, #47a3da, #00BAE9);background-image:-ms-linear-gradient(top, #47a3da, #00BAE9);background-image:linear-gradient(top, #47a3da, #00BAE9);background-color:#47a3da;color:#fff;}
.button-enclosure:hover, .button-enclosure:active{background-image:-moz-linear-gradient(top, #8075AF, #9880B2);background-image:-webkit-linear-gradient(top, #8075AF, #9880B2);background-image:-ms-linear-gradient(top, #8075AF, #9880B2);background-image:linear-gradient(top, #8075AF, #9880B2);background-color:#8075AF;color:#fff;}
.button-cabinet:hover, .button-cabinet:active{background-image:-moz-linear-gradient(top, #AC907A, #E0AF91);background-image:-webkit-linear-gradient(top, #AC907A, #E0AF91);background-image:-ms-linear-gradient(top, #AC907A, #E0AF91);background-image:linear-gradient(top, #AC907A, #E0AF91);background-color:#AC907A;color:#fff;}
.button-sanitary:hover, .button-sanitary:active{background-image:-moz-linear-gradient(top, #FFBE6F, #FFAC4F);background-image:-webkit-linear-gradient(top, #FFBE6F, #FFAC4F);background-image:-ms-linear-gradient(top, #FFBE6F, #FFAC4F);background-image:linear-gradient(top, #FFBE6F, #FFAC4F);background-color:#FFBE6F;color:#fff;}
.button-accessories:hover, .button-accessories:active{background-image:-moz-linear-gradient(top, #6ebf72, #50B253);background-image:-webkit-linear-gradient(top, #6ebf72, #50B253);background-image:-ms-linear-gradient(top, #6ebf72, #50B253);background-image:linear-gradient(top, #6ebf72, #50B253);background-color:#6ebf72;color:#fff;}
.image{border-radius:4px;border:0;display:inline-block;position:relative;}
.image img{border-radius:4px;display:block;}
.image.left, .image.right{max-width:40%;}
.image.left img, .image.right img{width:100%;}
.image.left{float:left;padding:0 1.5em 1em 0;top:0.25em;}
.image.right{float:right;padding:0 0 1em 1.5em;top:0.25em;}
.image.fit{display:block;margin:0 0 0em 0;width:100%;padding:5px 5px;opacity:1;transition:opacity 0.3s ease-in-out 0s;}
.image.fit:hover{opacity:0.7;}
.image.fit img{width:100%;}
.image.main{display:block;margin:0 0 3em 0;width:100%;}
.image.main img{width:100%;}
.image.photo{display:block;width:100%;transition:opacity 0.3s ease-in-out 0s;}
.image.photo:hover{opacity:1;}
.image.photo img{width:100%;}
#content .heading--main{background-color:#FFF;border:1px solid #FFF;display:flex;}
.heading--main .hN{padding:5px 25px;background-color:#666666;float:left;}
.heading--main .hN a{color:#FFF !important;font-size:22px;}
.col5{clear:none;margin-left:0;width:20%;}
/*#content .quote-list li{border-bottom:solid 1px #ccc;}*/
#content .link-list li{border-bottom:solid 1px #ccc;}
#content .check-list li{border-bottom:solid 1px #ccc;}
#content .vision-list li{margin:50px 0;}
#content .vision-list li h1{padding-bottom:10px;text-align:center;text-transform:uppercase;}
#content .vision-list li p{padding-top:20px;letter-spacing:1px;text-align:center;text-indent:unset;}
.award{/*background:#5c5c5c;padding:10px 25px 25px 0;box-shadow:2px 2px 2px 1px rgba(128, 128, 128, 0.1);margin-left:0;*/}
#black{background:#000;}
#bggray{background:#3a3a3c;}
#gray{background:#999999 !important;}
#content .hs-inner{margin:0 auto;/*max-width:650px*/;/*font-family:'PT Sans', 'Pridi'*/;}
#content .hs-inner p{/*font-size:18px;line-height:24px;text-shadow:1px 0px 1px rgba(255, 255, 255, 0.8);*/text-align:justify;position:relative;padding:0px 0px;}
#content .hs-inner span{position:relative;padding:0px 0px;text-shadow:1px 0px 1px rgba(255, 255, 255, 0.8);}
#content .hs-inner p:first-letter{font-size:28px;}
#content .hs-inner h2{font-size:2em;text-align:right;line-height:36px;letter-spacing:0px;}
#content .hs-inner h3{font-size:1.5em;text-align:left;font-style:normal;}
#content .hs-inner h3 span{font-size:0.7em;margin-left:20px;display:inline-block;}
#content .hs-inner .col2-1{width:77%;float:left;padding-right:20px;}
#content .hs-inner .col2-2{width:23%;float:left;padding:5px 0 0 0;text-align:center;}
#content .iframe-inner{margin:0 auto;max-width:945px;height:450px;padding:5px 0 0;background:#fff;}
#content #contact {margin:2em 0em; }
#content #contact h1{font-size:1em;/*color:#fff;*/margin: 0;text-indent: 0;text-align: left;}
#content #contact p{font-size:0.8em;/*letter-spacing:0.8px;*/line-height:20px;text-indent:0;text-align: left;}
#content #contact a{}
/*#content img {border-radius: 1rem;}*/
#content #map{padding-top:10px;}
#footer .quote-list li{border-top:solid 1px #e0e4e6;border-bottom:solid 1px #b5bec3;}
#footer .link-list li{/*font-size:1em; color: #fff;*/ padding: 0; }
#footer .check-list li{border-top:solid 1px #e0e4e6;border-bottom:solid 1px #b5bec3;}
#nav{cursor:default; overflow: hidden;}
#nav > ul > li > a{border:0;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#555555;outline:0;}
#nav > ul > li > a:before{display:inline-block;background:#878787;color:#e4e4e4;width:1.65em;height:1.65em;border-radius:1.65em;line-height:1.65em;text-align:center;box-shadow:0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);margin-right:0.75em;-moz-transition:color 0.25s ease-in-out, background 0.25s ease-in-out;-webkit-transition:color 0.25s ease-in-out, background 0.25s ease-in-out;-o-transition:color 0.25s ease-in-out, background 0.25s ease-in-out;-ms-transition:color 0.25s ease-in-out, background 0.25s ease-in-out;transition:color 0.25s ease-in-out, background 0.25s ease-in-out;}
#nav > ul > li > a > span{-moz-transition:color 0.25s ease-in-out;-webkit-transition:color 0.25s ease-in-out;-o-transition:color 0.25s ease-in-out;-ms-transition:color 0.25s ease-in-out;transition:color 0.25s ease-in-out;}
#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before{background:#f6f8f8;/*color:#fff;*/}
#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span{color:#f6f8f8;}
#news-caption{border-bottom:1px solid #e96d6d;color:white;font-size:2.2em;line-height:1.1em;}
#news-caption span{border-bottom:4px solid #e96d6d;margin-left:0px !important;}
#navPanel, #titleBar{display:none;}
.btnreadmore {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:2px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	float: right;
	margin-top: 30px;
}
.btnreadmore:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.btnreadmore:active {
	position:relative;
	top:1px;
}
.view-map a {
  background-color: #1D3A8D;
  box-shadow: 0 5px 0 #fff;
  /*color: #000 !important;*/
  padding: 0.4em 1.5em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.view-map a:hover {
  background-color: #2046A1;
  cursor: pointer;
}

.view-map a:active {
  box-shadow: none;
  top: 5px;
}
#logo2 img{width:100%;}	
	#logo2 {display:block;text-align: center;}	

/* Just a parent container for the videos */
.videos {
  margin: 20px auto;
  /*max-width: 700px;*/
}
/* Individual video container */
.video-wrap {
  position: relative;
  /*max-width: 700px;
  width: 100%;
  margin-bottom: 10px;*/
}
.video-wrap .placeholder {
  /*max-width: 700px;*/
  width: 100%;
}
.video-wrap .play-btn {
  position: absolute;
  /*max-width: 700px;*/
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1; /* needed if using Bootstrap */
  text-align: center;
  color: #fff;
  background-color: rgba(255,255,255,.5);
  border-radius: 50px;
  transition: all .2s ease;
}
.video-wrap .play-btn:hover,
.video-wrap .play-btn:focus {
  color: #000;
  background-color: rgba(255,255,255,.8);
  cursor: pointer;
}
.play-btn::after {
  /*
  Font Awesome recommends these styles
  https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
  */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  /*
  Define the font family, weight, and icon
  */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  content: "\f04b";
  /* positioning tweaks */
  padding-top: 10px;
  padding-left: 5px;
}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show More';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show Less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #fff;
  font-size: 1.2em;
  /*line-height: 2;*/
  border: 1px solid #ddd;
  /*border-radius: .25em;*/
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.error {
    color: #CF0000;
    display: none;
}

.invisible {
    display: none;
    visibility: visible;
}
@media screen and (min-width:737px){
body{min-width:1200px;}
/*section:last-child{margin-bottom:0 !important;}*/
#page-wrapper{}
#header-wrapper{background:#000 /*url("../../images/Home/Background.jpg")*/ no-repeat fixed center center/cover;display:block;/*left:0;position:fixed;top:0;z-index:999;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.75);*/width:100%; padding-bottom:20px; border-bottom: 3px solid; border-image: linear-gradient(to right, #f46b45 0%, #eea849 100%) 1 1 1 1;}
.subpage #header-wrapper{}
#features-wrapper{padding:45px 0 45px 0;/*text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.75);*/}
#content-wrapper{/*padding:5px 0 5px 0;margin:0 0 5px 0;*/}
#footer-wrapper{padding:0px 0 20px 0; background-color: #000;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);/*text-shadow:1px 1px 1px white;*/}
#header{/*min-height:155px;*/position:relative;}
#header h1{position:absolute;left:0;bottom:20px;font-size:2.75em;}
#header h1 a{/*color:#fff;*/text-decoration:none;}
#header #logo img{width:150px;}
	#logo {display:block;text-align: center;/*padding-top: 10px;*/}
#header nav{/*position:absolute;bottom:55px;left:120px;font-family: 'PT Sans', sans-serif;*/font-weight:500;/*border-bottom:1px solid #fff;*/text-align: center;}
#nav > ul{margin:0;}
#nav > ul > li{display:inline-block;padding-right:0.75em;}
/*#nav > ul > li:first-child{display:none;}*/
#nav > ul > li:last-child{padding-right:0;}
#nav > ul > li > a{display:block;text-decoration:none;outline:0;text-transform:uppercase;}
#nav > ul > li > a > span{font-size:0.9em;/*letter-spacing:0.17px;margin: 0 5px;*/}
#nav > ul > li > ul{display:none;}
#nav > ul > li > a > b{color:#fff;}
#hr {border-top: 1px solid #000; height:445px;}
.dropotron{text-align:left;/*border:solid 1px #e5e5e5;*/border-radius:4px;background:#444444;background:rgba(68, 68, 68, 0.965);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1);padding:0.75em 0 0.5em 0;min-width:12em;margin-top:calc(-0.5em + 1px);margin-left:-2px;}
.dropotron.level-0{margin-top:0.7em;margin-left:-1em;}
.dropotron.level-0:after{content:'';display:block;position:absolute;left:1.25em;top:calc(-0.75em + 1px);border-left:solid 0.75em rgba(255, 255, 255, 0);border-right:solid 0.75em rgba(255, 255, 255, 0);border-bottom:solid 0.75em #ccc;}
.dropotron.level-0:before{content:'';display:block;position:absolute;left:1.25em;top:-0.75em;border-left:solid 0.75em rgba(255, 255, 255, 0);border-right:solid 0.75em rgba(255, 255, 255, 0);border-bottom:solid 0.75em #ccc;}
.dropotron span, .dropotron a{display:block;padding:0.3em 1em 0.3em 1em;border:0;border-top:solid 1px #f0f0f0;outline:0;color:#fff;text-transform:uppercase;/*font-size:0.64em;*/letter-spacing:0.8px;}
.dropotron li:first-child > span, .dropotron li:first-child > a{border-top:0;padding-top:0;}
.dropotron li:hover > span, .dropotron li:hover > a{-moz-transition:color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;-webkit-transition:color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;-ms-transition:color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;transition:color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;color:#f6f8f8;}
#header #sub{margin:5px 0 0;border-bottom:none;text-align:center;width:100%;}
#header #sub img{width:130px;height:28px;border-radius:50%;text-indent:-9999em;color:transparent !important;margin-bottom:3px;}
#header #sub a{color:#fff;text-decoration:none;width:120px;display:inline-block;font-size:0.9em;text-align:center;line-height:12px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);/*letter-spacing:0.4px;*/}
#header #sub .sub-text a{text-transform:uppercase;}
#header #sub a:hover,
#header #sub .sub-text a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);color:#fff;}
#header #social{position:absolute;right:10%; top:5%;font-weight:200;padding-top:15px;padding-right:0px;foat:right;}
#header #social a{text-decoration:none;width:28px;float:left;font-size:0.6em;max-height:50px;text-align:center;line-height:3px;margin-left:10px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#header #social a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#social img{width:28px;height:28px;/*border-radius:50%;*/text-indent:-9999em;color:transparent !important;}
#header #login{position:absolute;right:0;bottom:10px;font-weight:200;}
#header #login form{position:relative;width:135px;height:auto;}
#header #login button{float:right;height:50px;width:30px;border:0px;border-radius:7px;font-size:1em;background-color: #fff;padding: 0;color: #464646;}
#header #login button:hover{background:rgba(255,255,255,.95);color:#e74c3c;}
#header #login input{padding-left:10px;border-radius:7px;border:0px;display:block;width:100px;height:22px;margin-bottom:5px;color:black;font-size:0.8em;line-height:1em;}
#header #login input:focus{outline-color:rgba(0,0,0,0);background:rgba(255,255,255,.95);color:#e74c3c;}
#header #login .inputUserIcon{position:absolute;top:-5px;right:50px;font-size:0.7em;}
#header #login .inputPassIcon{position:absolute;top:20px;right:50px;font-size:0.7em;font-style:italic;}
#header #login input::-webkit-input-placeholder{color:black;}
#header #login input:focus::-webkit-input-placeholder{color:#e74c3c;}
.ribbon{position:fixed;top:0;right:0;z-index:1001;}
#banner{margin:20px 0;}
#banner .bordered-feature-image{margin-bottom:0;}
#banner p{font-size:2em;font-weight:200;line-height:1.25em;padding-right:1em;margin:0 0 1em 0;}
#features{color:#a0a8ab;}
#features h2{font-size:1.25em;color:#fff;margin:0 0 0.25em 0;}
#features a{color:#e0e8eb;}
#features strong{color:#fff;}
.company{/*background:#000;padding:10px 25px 25px 0;box-shadow:2px 2px 2px 1px rgba(128, 128, 128, 0.1);margin:0 0 3% 0;*/}
.award{/*background:#5c5c5c;padding:10px 50px 70px 25px;box-shadow:2px 2px 2px 1px rgba(128, 128, 128, 0.1);margin:0 0 3% 0;*/}
#content .award h1{font-size:2.2em;text-transform:uppercase;margin:10px 0 0 0;}
#content .award h1 span{}
#content .award h3{font-size:1.8em;letter-spacing:1px;text-transform:capitalize;font-family:geosanslightregular, 'Pridi';text-align:right;margin:15px 0 0px 0;}
#content .award h4{font-size:1.8em;letter-spacing:1px;text-transform:capitalize;margin:25px 0 25px 0px;font-family:staccato222_btregular, 'Pridi';}
/*#content .award p{font-family:'geosanslightregular', Pridi;}*/
#content section{/*margin:0 0 4% 0;*/}
#content article{ text-align:center;}

#content h1{font-size:1.5em;}
#content h1 span{font-size:22px;margin-left:10px;text-transform:capitalize;/*letter-spacing:1px;*/}
#content h2{font-size:1.4em; /*text-transform:uppercase; margin: 0 0 10px;*/}
#content h4{font-size:1.2em; border-bottom: solid #ccc 1px; }
#content h1 b{font-size:0.7em;text-transform:uppercase;}
#content h3{font-size:1.3em; margin: 15px 0;}
#content h5{font-size:1.1em; margin: 15px 0 0;}
#content p{/*text-indent:2em;*/margin:0;}
#content article b, #content header b{ font-size:1.1em; color:#F00; font-weight:normal;}

#content .news h2{font-size:1.2em;margin-bottom:10px;text-align:center;}
/*#content a{color:#87CEEB;font-weight:100;line-height: 1.5em;}*/
#content header{margin:20px 0; text-align:center}
#content {
    letter-spacing: 1px;
}
.product {padding: 0px 30px; }
#content .product section{margin:0 0 !important;}
#content .product h1{text-transform:uppercase;}
#content .product h1 span{font-size:22px;margin-left:0px !important;text-transform:capitalize;}
#content .product h2{/*font-size:1.2em;margin-bottom: 10px;text-indent: 1.2em;text-align:left;*/}
#content .product p {padding: 0; white-space: normal; /*text-align:center;*/}	

.inroimage {display: block; position: absolute; bottom: 0;right: 0; max-width: 200px; }	
.inroimage img {display:block;width:100%;}	
.inroimage1 {display: block; position: absolute; bottom: 0;right: 12em; max-width: 200px; }	
.inroimage1 img {display:block;width:100%;}	

	
.content-scroller{box-sizing:border-box;height:500px;overflow:auto;padding:0px 10px 20px 20px;position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;-webkit-transition:background 0.3s linear;-moz-transition:background 0.3s linear;-o-transition:background 0.3s linear;-ms-transition:background 0.3s linear;transition:background 0.3s linear;}
.global-scroller{box-sizing:border-box;height:650px;overflow:auto;position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;-webkit-transition:background 0.3s linear;-moz-transition:background 0.3s linear;-o-transition:background 0.3s linear;-ms-transition:background 0.3s linear;transition:background 0.3s linear;}
.global{display:block;left:4%;position:absolute;top:17%;width:350px;}
.global1{position:absolute;right:4%;top:7%;}
.global2{display:block;left:0;position:absolute;text-align:center;top:8%;width:100%;}
#white{background:#fff;padding-top:0.01px;border-radius:10px;}
#content #gb-inner{padding:20px 20px 0 80px;margin:0; color:#000}
#content #gb-inner h4{font-size:1.1em;font-weight:bold;color:#0b0b0b;}
#content #gb-inner1{padding:0 20px 0 20px;text-align:right;}
#content #gb-inner2{padding:10px 20px 0px 20px;}
#content #gb-inner ul{list-style:inside none disc;margin:0 0 1em;}
#content #gb-inner1 h1{font-size:1em;font-weight:900;text-transform:uppercase;text-align: right;margin: 0;}
#content #gb-inner1 h3{font-size:2.5em;}
#content #gb-inner1 p{font-weight:bold;text-align:right;}
#content #gb-inner2 h3{background:#ccc none repeat scroll 0 0;font-family:staccato222_btregular, 'Pridi';font-size:2.5em;margin-bottom:15px;padding:20px;text-align:center;}
#content #gb-inner h3{color:#0b0b0b;font-family:'PT Sans', 'Pridi';font-size:1.2em;font-style:normal;font-weight:bold;}
#content #gb-inner p{color:#0b0b0b;}
.bubble{background:#999999 none repeat scroll 0 0;border-radius:10px;height:auto;padding:28px 15px 25px;position:relative;text-align:center;box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);-moz-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);-webkit-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);}
.bubble:after{content:'';position:absolute;border-style:solid;display:block;width:0;z-index:1;margin-left:-9px;border-color:transparent #999999;border-width:20px 20px 0 0;bottom:auto;left:auto;right:10px;top:-20px;box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);-moz-box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);-webkit-box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);}
.bubble img{max-width:80px;}
.bubble1{background:#999999 none repeat scroll 0 0;border-radius:10px;height:auto;margin-bottom:0;padding:15px 15px 5px;position:relative;text-align:center;box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);-moz-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);-webkit-box-shadow:2px 4px 1px rgba(0, 0, 0, 0.20);}
.bubble1:after{content:'';position:absolute;border-style:solid;display:block;width:0;z-index:1;margin-left:-9px;border-color:transparent #999999;border-width:20px 20px 0 0;bottom:auto;left:auto;right:10px;top:-20px;box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);-moz-box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);-webkit-box-shadow:2px 0px 0px rgba(0, 0, 0, 0.20);}
.bubble1 img{max-width:80px;}
#content #gb-inner3 h4{font-size:1.1em;font-weight:bold;padding-right:30px;text-align:right; color: #0b0b0b; margin-top: 15px;}
#content .hs-inner h3{font-size:1.5em;text-align:left;font-style:normal;}
#content .hs-inner article{display:inline-block;margin-bottom:20px;}
#content .hs-inner .col2-2 img{max-width:125px;}
#footer{color:#fff; border-top: 2px solid; border-image: linear-gradient(to right, #f46b45 0%, #eea849 100%) 1 1 1 1;padding: 15px 0 10px;}
#footer h2{font-size:1.2em;}
#footer a{color:#fff;}
#copyright{box-shadow:inset 0px 1px 0px 0px #e0e4e7;color:#c6c8c8;/*text-shadow:1px 1px 0px rgba(255, 255, 255, 0.5);font-family:Tahoma, Geneva, sans-serif;font-size:0.6em;*//*margin-top:50px;*/position:relative;}
#copyright h6{font-size:0.8em;}
#copyright a{color:#c6c8c8;}
#copyright p span{margin:0px 10px;}	
#iconaward{/*position:relative;right:0;top:-30px;*/font-weight:200;padding: 20px 0;}
#iconaward a{/*color:#000;text-decoration:none;float:left;max-height:50px;text-align:center;margin-left:5px;*/font-size:0.6em;line-height:3px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#iconaward a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#iconaward img{height:60px;text-indent:-9999em;color:transparent !important;}
	
#iconsocial{padding: 0px;}
#iconsocial a{text-align:center;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#iconsocial a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#iconsocial img{height:30px;text-indent:-9999em;color:transparent !important;}	
	
.iso img{width:50px !important;}
#Certificate-banners {/*position: absolute; bottom: 0;*/padding-top:15px;}
}
@media screen and (min-width:737px) and (max-width:1400px){
	.ribbon{top:unset;}
}
@media screen and (min-width:737px) and (max-width:1200px){
body{min-width:1000px;}
.check-list li{font-size:1em;line-height:2em;}
.quote-list li{padding:1em 0 1em 0;}
.quote-list li .one img{margin-right:0px;}
.quote-list li .three img{margin-right:0px;}
.quote-list li p{font-size:0.85em;}

/*.feature-image,.shower-image{margin:0 0 1em 0;}*/
.button-big{font-size:1.5em;padding:10px 35px 10px 35px;}
#banner p{font-size:1.75em;}
#header h1{font-size:2.25em;}
/*#nav > ul > li > a > span,*/
#nav > ul > li > a > b{font-size:0.6em;}
#header #login{padding-top:10px;padding-left:600px;position:static;}
#header #login form{width:240px;}
#header #login button{height:22px;font-size:0.7em;line-height:1em;margin-top:7px;background:rgba(255,255,255,.95);}
#header #login input{padding-left:10px;display:inline;}
#content h2{font-size:1.2em;}
#content h3{font-size:1.1em;}
/*#content header{margin:0 0 1.25em 0;}*/
.global1{max-width:300px;}
.bubble img{max-width:68px;}
.bubble1 img{max-width:68px;}
#content #gb-inner3 h4{font-size:0.86em;}
#mg20-0-0 {margin: 0 0 0px 0 !important;}	
}

@media screen and (max-width:736px){
html, body{overflow-x:hidden;}
body, input, textarea, select{font-size:13pt;line-height:1.4em;}
.ribbon{margin-top:60px;position:fixed;right:0;z-index:999;}
.link-list li{padding:0.75em 0 0.75em 0;}
.quote-list li p{margin-bottom:0.5em;}
.check-list li{font-size:1em;}
.button-big{font-size:1.5em;padding:10px 35px 10px 35px;}
.pdr10 {padding-right: 0px;}
.pdhr{margin: 0 auto;}
#mg20-0-0 { padding:0;}	
#header-wrapper{box-shadow:inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.75);}
#features-wrapper{padding:15px 15px 30px 15px;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.75);}
#content-wrapper{padding:25px 0 0;}
.subpage #content-wrapper{padding-top:50px;}
#footer-wrapper{padding:30px 0px 10px 0px; background:#000;}
#header{display:none;}
#banner{position:relative;color:#fff;text-align:center;margin-top:40px;}
#banner .bordered-feature-image{display:none;}
#banner p{font-size:2em;font-weight:200;line-height:1.25em;margin:0 0 1em 0;}
#features{color:#a0a8ab;}
#features section{padding:0 0 25px 0;margin:0 0 25px 0;border-bottom:solid 1px #51575a;box-shadow:inset 0px -1px 0px 0px #272d30;}
#features > div > div:last-child > section{padding-bottom:0;margin-bottom:0;border-bottom:0;box-shadow:none;}
#features h2{font-size:1.25em;color:#fff;margin:0 0 0.25em 0;}
#features a{color:#e0e8eb;}
#features strong{color:#fff;}
.col5{clear:none;margin-left:0;width:50%;}
#content{margin-top:10px; /*padding:0 10px;*/}
/*#content section{padding: 0 20px;}*/
#content article{padding: 0 45px; text-align:center}
#content h1{font-size:1.4em;text-indent:0em;text-align:center;}
#content h1 span{font-size:0.7em;letter-spacing:1px;margin-top:0px;text-transform:capitalize;display:block;}
#content h2{font-size:1.1em;margin:0.5em 0 0.5em 0;text-align:center;}
#content h3{font-size:1em;margin:0.5em 0 0.5em 0;}
#content h4{font-size:0.9em;border-bottom: solid #ccc 1px;text-align:center;}	
#content h5, #content h6{text-align:center;}	
#content p{text-indent:0em;margin:0;text-align:center;}
#content article b{ font-size:1.1em; color:#F00;}
#content article h3, #content article p, #content header h3, #content header p{ text-align:center;}
#content .product p {text-align:center;}	
#content .product h2{ /*background: #ccc none repeat scroll 0 0;  border-bottom: 1px solid black;*/ text-align: center;}
/*#content a{color:#87ceeb;}*/
#content header{margin:10px 0;}
#content .award h1{margin:0px 0 0 0;}
#content .award h3{text-align:center;margin:15px 0 0px 0;font-family:geosanslightregular,'Pridi';}
#content .award h4{margin:15px 0 25px 0px; font-family:staccato222_btregular, 'Pridi';}
#content .hs-inner h3{text-align:left;}
#content .hs-inner .col2-1{width:100%;padding-right:0px;}
#content .hs-inner .col2-2{width:100%;margin:0 0 30px;}
#content .hs-inner .col2-2 img{float:right;margin-top:10px;max-height:70px;margin-right:15px;}
#content .hs-inner article{margin-bottom:100px;}

.quote-list li h1, .quote-list li h2, .quote-list li h3, .quote-list li h4{text-align: center !important; }

.inroimage img {width: 100%; }		
	
.global1{position:absolute;right:4%;top:2%;width:33%;}
.global2{display:block;left:0;position:absolute;text-align:center;top:2%;width:100%;}
#content .global h2{line-height:1em;background:#ccc none repeat scroll 0 0;border-radius:4px;padding:10px;}
#content .global2 h3{font-size:1.8em;}
#content #gb-inner1 h1{font-size:1em;font-weight:900;text-transform:uppercase;text-align:center;}
#content #gb-inner1 p{font-weight:bold;text-align:center;text-indent:0;}
#content #gb-inner2 h3{background:#ccc none repeat scroll 0 0;font-family:staccato222_btregular, 'Pridi';font-size:1.8em;margin-bottom:15px;padding:20px;text-align:center;border-radius:4px;}
#content #gb-inner h4{font-size:1.1em;font-weight:bold;}
#content #gb-inner ul{list-style:inside none disc;margin:0 0 1em;}
.bubble img{max-width:80px;}
.bubble1 img{max-width:80px;}
#content #gb-inner3 h4{font-size:1.1em;font-weight:bold;text-align:left;}
#content #contact {margin:0em 2em; }
#footer{color:#fff; margin-top: 20px;/*text-shadow:1px 1px 0px rgba(255, 255, 255, 0.5);*/}
#footer section{margin:0 0 10px 0; text-align: center;}
#footer h2{font-size:1em;color:#fff;margin:0 0 0.75em 0;}
#footer a{color:#fff;}
#footer .link-list{margin:0 0 0px 0 !important;}
#Certificate-banners {padding-top:25px;}
#copyright{border-top:solid 1px #b5bec3;box-shadow:inset 0px 1px 0px 0px #e0e4e7;text-align:center;padding:20px 30px 20px 30px;color:#fff;font-size:0.68em;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);}
#copyright a{color:#fff;}
#copyright p span{margin:0px 10px;}		
#copyright #iconaward a{width:28px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#copyright #iconaward a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#copyright #iconaward img{width:28px;height:38px;text-indent:-9999em;color:transparent !important;}
#page-wrapper{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;padding-bottom:1px;}
#titleBar{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;display:block;height:50px;left:0;position:fixed;top:0;width:100%;z-index:8000;color:#fff;background:url("../../images/Home/Background.jpg");box-shadow:inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.75); border-bottom:3px solid; border-image:linear-gradient(to right, #f46b45 0%, #eea849 100%) 1 1 1 1;}
#titleBar .title{display:block;text-align:center;font-size:1.2em;font-weight:400;line-height:44px;position:relative;padding-top:0px;}
#titleBar .title img{height:45px;}
#titleBar .social{display:block;position:absolute;top:5px;right:3px}
#titleBar .social img{width:28px;height:28px;border-radius:50%;text-indent:-9999em;color:transparent !important;}
#titleBar .social a{text-decoration:none;width:28px;float:left;font-size:0.6em;max-height:50px;text-align:center;line-height:15px;margin-left:12px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#titleBar .social a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#titleBar .sub{display:block;position:absolute;top:110px;}
#titleBar .sub img{width:100px;text-indent:-9999em;color:transparent !important;}
#titleBar .sub a{text-decoration:none;width:100px;float:left;font-size:0.8em;max-height:50px;text-align:center;line-height:15px;margin-left:12px;-o-transition:opacity 0.25s ease-in;-webkit-transition:opacity 0.25s ease-in;-moz-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.9;filter:alpha(opacity=90);}
#titleBar .sub a:hover{-o-transition:opacity 0.15s ease-in;-webkit-transition:opacity 0.15s ease-in;-moz-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;opacity:0.5;filter:alpha(opacity=50);}
#titleBar .login{display:none;position:absolute;right:5px;top:5px;}
#titleBar .login form{position:relative;width:220px;height:auto;}
#titleBar .login button{float:right;height:22px;width:30px;border:0px;border-radius:7px;font-size:0.8em;margin-top:2px;line-height:1em;}
#titleBar .login button:hover{background:rgba(255,255,255,.95);color:#e74c3c;}
#titleBar .login input{padding-left:10px;border-radius:7px;border:0px;width:90px;height:22px;margin-bottom:5px;color:black;font-size:0.8em;line-height:1em;}
#titleBar .login input:focus{outline-color:rgba(0,0,0,0);background:rgba(255,255,255,.95);color:#e74c3c;}
#titleBar .login .inputUserIcon{position:absolute;top:-5px;right:50px;font-size:0.7em;}
#titleBar .login .inputPassIcon{position:absolute;top:20px;right:50px;font-size:0.7em;font-style:italic;}
#titleBar .login input::-webkit-input-placeholder{color:black;}
#titleBar .login input:focus::-webkit-input-placeholder{color:#e74c3c;}
#titleBar .toggle{position:absolute;left:0;top:0;width:80px;height:60px;}
#titleBar .toggle:after{content:'';display:block;position:absolute;top:6px;left:6px;color:#fff;/*background:rgba(255, 255, 255, 0.25)*/;box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);text-shadow:-1px -1px 1px black;width:49px;height:31px;border-radius:8px;}
#titleBar .toggle:before{content:'';position:absolute;width:20px;height:30px;background:url("images/mobileUI-site-nav-opener-bg.svg");top:15px;left:20px;z-index:1;opacity:0.25;}
#titleBar .toggle:active:after{background:rgba(255, 255, 255, 0.05);}
#navPanel{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);transform:translateX(-275px);-moz-transition:-moz-transform 0.5s ease;-webkit-transition:-webkit-transform 0.5s ease;-ms-transition:-ms-transform 0.5s ease;transition:transform 0.5s ease;display:block;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:275px;z-index:10002;background:url("../../images/Home/Background.jpg");box-shadow:inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);text-shadow:-1px -1px 1px black;}
#navPanel .link{display:block;color:#fff;text-decoration:none;line-height:44px;height:44px;padding:0em 1em 0em 1em;border-top:solid 1px #373d40;border-bottom:solid 1px rgba(0, 0, 0, 0.4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#navPanel .link:first-child{border-top:0;}
#navPanel .link:last-child{border-bottom:0;}
#navPanel .link.depth-0{font-weight:600;/*color:#fff*/;}
#navPanel .indent-1{display:inline-block;width:1em;}
#navPanel .indent-2{display:inline-block;width:2em;}
#navPanel .indent-3{display:inline-block;width:3em;}
#navPanel .indent-4{display:inline-block;width:4em;}
#navPanel .indent-5{display:inline-block;width:5em;}
body.navPanel-visible #page-wrapper{-moz-transform:translateX(275px);-webkit-transform:translateX(275px);-ms-transform:translateX(275px);transform:translateX(275px);}
body.navPanel-visible #titleBar{-moz-transform:translateX(275px);-webkit-transform:translateX(275px);-ms-transform:translateX(275px);transform:translateX(275px);}
body.navPanel-visible #navPanel{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
#logo2 img{width:172%;}	
#logo2 {padding-top: 65px;}
.pdarticel {padding: inherit; height: inherit;}
.vdoarticel {padding: inherit; height:inherit;}
	
}

@media screen and (max-width:560px){
#titleBar .sub img{width:80px;}
#titleBar .sub a{width:80px;font-size:0.8em;}
}

@media screen and (max-width:450px){
.ribbon{display:none;}
#titleBar .login form{display:none;}
#titleBar .social{/*top:0px;right:3px;width:50px;*/display:none}
#titleBar .social a{margin-bottom:10px;}
.quote-list li .one img{margin-right:0px;}
.quote-list li .three img{margin-right:0px;}
#titleBar{/*height:60px;*/}
#titleBar .title{}
#titleBar .sub{display:none;}
#banner{margin-top:40px;}
#content .global2 h3{font-size:1.2em;margin:0;}
/*#content h2{font-size:1.4em;}
#content h1,#content p{text-indent:0em;}*/
	
}
.iconsocial{
/*  display: inline-block;
  position:absolute;
  top:50%;
  left:50%;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);*/
  text-align:center;
  margin:12px 0;
  font-size:0.9em;
}

/* Icons */
.iconsocial a {
/*  color:#fff;
  background: #DB6E82;
  border-radius:4px;
  text-decoration:none;
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  
  display: inline-block;
  width:40px;
  height:28px;
  text-align:center;
  padding-top:12px;
   -webkit-font-smoothing: antialiased;*/
  position: relative;
  margin:0 5px;
  -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.iconsocial a:hover {
  /*background: #ef92a3;*/
}

/* pop-up text */

.iconsocial a span {
  color:#fff;
  position:absolute;
  font-family:sans-serif;
  bottom:0px;
  left:-25px;
  /*right:-25px;*/
  padding:5px 7px;
  z-index:1;
  font-size:14px;
  border-radius:5px;
  background:#000;
  visibility:hidden;
  opacity:1;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* pop-up text arrow */

.iconsocial a span:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  position:absolute;
  bottom:-5px;
  left:40px;
  /*right:25px*/
}

/* text pops up when icon is in hover state */

.iconsocial a:hover span {
  bottom:50px;
  visibility:visible;
  opacity:1;
}
/* font awesome icons */
.iconsocial .fa-line {
    color: #00c300;
  }
.iconsocial .fa-facebook {
    color: #3b5999;
  }
.iconsocial .fa-youtube {
    color: #cd201f;
  }
.iconsocial .fa-instagram {
    color: #e4405f;
  }

    /********* Simple or original overlay *******/
    /* Main container */
    .overlay-image {
     position: relative;
     width: 100%;
    }
    /* Original image */
    .overlay-image .image {
     display: block;
     width: 100%;
     height: auto;
    }
    /* Original text overlay */
    .overlay-image .text {
     color: #fff !important;
     line-height: 1.5em;
     text-shadow: 2px 2px 2px #000;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
    }
.sectional {
    background-size: cover;
    background-position: right 50% center;
	position: relative;
}
.sectional-1 {
    background-image: url('../../images/company/award/Award-Cover.jpg');
}
.sectional-2 {
    background-image: url('../../images/company/award/Award-Cover.jpg');
}
.sectional-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5)),url('../../images/company/award/Award-Cover.jpg');
}
.text {
     line-height: 1.5em;
     /*text-shadow: 2px 2px 2px #000;*/
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 75%;
}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6{
     color: #000 !important;
	 text-align:center;
}
@media only screen and (max-width: 767px) {
    .mobile-box {
        background: rgba(0,0,0,.5);
        padding: 15px;
    }
	.text {
		font-size:0.9em;
	}
}
.bg-box {
    background: rgba(0,0,0,.5);
}
.h-300p {
    height: 465px!important;
}