body { margin: 0px; padding: 0px; }

/* html5 old browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { vertical-align: baseline; display: inline-block; zoom: 1; *display: inline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }


/* links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* forms */
input.text, textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
/*
  border: 1px solid #9E9E9E;
  font-family: 'open_sans',Verdana,Arial,sans-serif;
  color: #333333;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  line-height: 14px;
*/
}
input.text {
/*  -webkit-box-shadow: inset 0 -10px 13px rgba(0,0,0,.15);
          box-shadow: inset 0 -10px 13px rgba(0,0,0,.15); */
}
textarea {
  height: 150px;
/*  -webkit-box-shadow: inset 0 -20px 50px rgba(0,0,0,.15);
          box-shadow: inset 0 -20px 50px rgba(0,0,0,.15); */
}
select {
  padding: 3px 10px;
  width: 100%;
/*  font-size: 14px;
  line-height: 14px;
  font-family: 'open_sans',Verdana,Arial,sans-serif;
  outline: none; */
}
/* main decoration */
fieldset { border: 0px; outline: 0px; margin: 0px; padding: 0px; }
ol { margin: 0px; padding: 0px; list-style: none; }
p { margin: 0px 0px 10px 0px }

/* utils */
a img { border: 0px }
.hidden { display: none; }
img.responsive { width: 100%; height: auto; }

/* Main structure */
.main-container { min-height: 400px; }

.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.fl { float: left; }
.fr { float: right; }
.wrap { display: block; margin: 0px auto; }
.only-mbl { display: none; }

/* margins */
/* layout depending margins */
.ml-1 { margin-left: -25px; }
.ml-2 { margin-left: -50px; }
.ml-3 { margin-left: -75px; }
.ml-4 { margin-left: -100px; }
.ml1 { margin-left: 25px; }
.ml2 { margin-left: 50px; }
.ml3 { margin-left: 75px; }
.ml4 { margin-left: 100px; }
.mr1 { margin-right: 25px; }
.mr2 { margin-right: 50px; }
.mr3 { margin-right: 75px; }
.mr4 { margin-right: 100px; }
.mt1 { margin-top: 25px; }
.mt2 { margin-top: 50px; }
.mt3 { margin-top: 75px; }
.mt4 { margin-top: 100px; }
.mb1 { margin-bottom: 25px; }
.mb2 { margin-bottom: 50px; }
.mb3 { margin-bottom: 75px; }
.mb4 { margin-bottom: 100px; }
.pl1 { padding-left: 25px; }
.pl2 { padding-left: 50px; }
.pl3 { padding-left: 75px; }
.pl4 { padding-left: 100px; }
.pr1 { padding-right: 25px; }
.pr2 { padding-right: 50px; }
.pr3 { padding-right: 75px; }
.pr4 { padding-right: 100px; }
.pt1 { padding-top: 25px; }
.pt2 { padding-top: 50px; }
.pt3 { padding-top: 75px; }
.pt4 { padding-top: 100px; }
.pb1 { padding-bottom: 25px; }
.pb2 { padding-bottom: 50px; }
.pb3 { padding-bottom: 75px; }
.pb4 { padding-bottom: 100px; }
/* common margins */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

/* Width structure and main layout 1280 */
.full-width, .w12 { width: 1200px; }
.w11 { width: 1100px; }
.w10 { width: 1000px; }
.w9 { width: 900px; }
.w8 { width: 800px; }
.w7 { width: 700px; }
.w6 { width: 600px; }
.w5 { width: 500px; }
.w4 { width: 400px; }
.w3 { width: 300px; }
.w2 { width: 200px; }
.w1 { width: 100px; }
.w11-5 { width: 1150px; }
.w10-5 { width: 1050px; }
.w9-5 { width: 950px; }
.w8-5 { width: 850px; }
.w7-5 { width: 750px; }
.w6-5 { width: 650px; }
.w5-5 { width: 550px; }
.w4-5 { width: 450px; }
.w3-5 { width: 350px; }
.w2-5 { width: 250px; }
.w1-5 { width: 150px; }
.w0-5 { width: 50px; }

/* percent width */
.pw25 { width: 25%; }
.pw75 { width: 50%; }
.pw10 { width: 10%; }
.pw20 { width: 20%; }
.pw30 { width: 30%; }
.pw40 { width: 40%; }
.pw50 { width: 50%; }
.pw60 { width: 60%; }
.pw70 { width: 70%; }
.pw80 { width: 80%; }
.pw90 { width: 90%; }
.pw100 { width: 100%; }

/* cols layout structure */
.m20-cols-container { margin-left: -20px; }
.m20-cols-container .w6 { width: 590px; margin-left: 20px; }
.m20-cols-container .w4 { width: 386px; margin-left: 20px; }
.m20-cols-container .w3 { width: 285px; margin-left: 20px; }
.m20-cols-container .w2 { width: 183px; margin-left: 20px; }
.m20-cols-container .w1 { width: 81px; margin-left: 20px; }

/* Tablet (Landscape) - Design for a width of 1024px */
@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .full-width, .w12 { width: 960px; }
  .w11 { width: 880px; }
  .w10 { width: 800px; }
  .w9 { width: 720px; }
  .w8 { width: 640px; }
  .w7 { width: 560px; }
  .w6 { width: 480px; }
  .w5 { width: 400px; }
  .w4 { width: 320px; }
  .w3 { width: 240px; }
  .w2 { width: 160px; }
  .w1 { width: 80px; }
  .w11-5 { width: 920px; }
  .w10-5 { width: 840px; }
  .w9-5 { width: 760px; }
  .w8-5 { width: 680px; }
  .w7-5 { width: 600px; }
  .w6-5 { width: 520px; }
  .w5-5 { width: 440px; }
  .w4-5 { width: 360px; }
  .w3-5 { width: 280px; }
  .w2-5 { width: 200px; }
  .w1-5 { width: 120px; }
  .w0-5 { width: 40px; }
  /* cols layout structure */
  .m20-cols-container .w6 { width: 470px; margin-left: 20px; }
  .m20-cols-container .w4 { width: 306px; margin-left: 20px; }
  .m20-cols-container .w3 { width: 225px; margin-left: 20px; }
  .m20-cols-container .w2 { width: 143px; margin-left: 20px; }
  .m20-cols-container .w1 { width: 61px; margin-left: 20px; }
  /* margins */
  .ml-1 { margin-left: -20px; }
  .ml-2 { margin-left: -40px; }
  .ml-3 { margin-left: -60px; }
  .ml-4 { margin-left: -80px; }
  .ml1 { margin-left: 20px; }
  .ml2 { margin-left: 40px; }
  .ml3 { margin-left: 60px; }
  .ml4 { margin-left: 80px; }
  .mr1 { margin-right: 20px; }
  .mr2 { margin-right: 40px; }
  .mr3 { margin-right: 60px; }
  .mr4 { margin-right: 80px; }
  .mt1 { margin-top: 20px; }
  .mt2 { margin-top: 40px; }
  .mt3 { margin-top: 60px; }
  .mt4 { margin-top: 80px; }
  .mb1 { margin-bottom: 20px; }
  .mb2 { margin-bottom: 40px; }
  .mb3 { margin-bottom: 60px; }
  .mb4 { margin-bottom: 80px; }

  .pl1 { padding-left: 20px; }
  .pl2 { padding-left: 40px; }
  .pl3 { padding-left: 60px; }
  .pl4 { padding-left: 80px; }
  .pr1 { padding-right: 20px; }
  .pr2 { padding-right: 40px; }
  .pr3 { padding-right: 60px; }
  .pr4 { padding-right: 80px; }
  .pt1 { padding-top: 20px; }
  .pt2 { padding-top: 40px; }
  .pt3 { padding-top: 60px; }
  .pt4 { padding-top: 80px; }
  .pb1 { padding-bottom: 20px; }
  .pb2 { padding-bottom: 40px; }
  .pb3 { padding-bottom: 60px; }
  .pb4 { padding-bottom: 80px; }
}

/* Tablet (Portrait) - Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .full-width, .w12 { width: 720px; }
  .w11 { width: 660px; }
  .w10 { width: 600px; }
  .w9 { width: 540px; }
  .w8 { width: 480px; }
  .w7 { width: 420px; }
  .w6 { width: 360px; }
  .w5 { width: 300px; }
  .w4 { width: 240px; }
  .w3 { width: 180px; }
  .w2 { width: 120px; }
  .w1 { width: 60px; }
  .w11-5 { width: 690px; }
  .w10-5 { width: 630px; }
  .w9-5 { width: 570px; }
  .w8-5 { width: 510px; }
  .w7-5 { width: 450px; }
  .w6-5 { width: 390px; }
  .w5-5 { width: 330px; }
  .w4-5 { width: 270px; }
  .w3-5 { width: 210px; }
  .w2-5 { width: 150px; }
  .w1-5 { width: 90px; }
  .w0-5 { width: 30px; }
  /* cols layout structure */
  .m20-cols-container { margin-left: -10px; }
  .m20-cols-container .w6 { width: 355px; margin-left: 10px; }
  .m20-cols-container .w4 { width: 233px; margin-left: 10px; }
  .m20-cols-container .w3 { width: 172px; margin-left: 10px; }
  .m20-cols-container .w2 { width: 111px; margin-left: 10px; }
  .m20-cols-container .w1 { width: 50px; margin-left: 10px; }
  /* margins */
  .ml-1 { margin-left: -15px; }
  .ml-2 { margin-left: -30px; }
  .ml-3 { margin-left: -45px; }
  .ml-4 { margin-left: -60px; }
  .ml1 { margin-left: 15px; }
  .ml2 { margin-left: 30px; }
  .ml3 { margin-left: 45px; }
  .ml4 { margin-left: 60px; }
  .mr1 { margin-right: 15px; }
  .mr2 { margin-right: 30px; }
  .mr3 { margin-right: 45px; }
  .mr4 { margin-right: 60px; }
  .mt1 { margin-top: 15px; }
  .mt2 { margin-top: 30px; }
  .mt3 { margin-top: 45px; }
  .mt4 { margin-top: 60px; }
  .mb1 { margin-bottom: 15px; }
  .mb2 { margin-bottom: 30px; }
  .mb3 { margin-bottom: 45px; }
  .mb4 { margin-bottom: 60px; }

  .pl-1 { padding-left: -15px; }
  .pl-2 { padding-left: -30px; }
  .pl-3 { padding-left: -45px; }
  .pl-4 { padding-left: -60px; }
  .pl1 { padding-left: 15px; }
  .pl2 { padding-left: 30px; }
  .pl3 { padding-left: 45px; }
  .pl4 { padding-left: 60px; }
  .pr1 { padding-right: 15px; }
  .pr2 { padding-right: 30px; }
  .pr3 { padding-right: 45px; }
  .pr4 { padding-right: 60px; }
  .pt1 { padding-top: 15px; }
  .pt2 { padding-top: 30px; }
  .pt3 { padding-top: 45px; }
  .pt4 { padding-top: 60px; }
  .pb1 { padding-bottom: 15px; }
  .pb2 { padding-bottom: 30px; }
  .pb3 { padding-bottom: 45px; }
  .pb4 { padding-bottom: 60px; }

  body {
	-webkit-text-size-adjust: 80%;
}
}
/* Mobile (Portrait and Landscape) */
@media only screen and (max-width: 767px) {
  /* margins */
  .ml1, .ml2, .ml3, .ml4, .mr1, .mr2, .mr3, .mr4, .ml-1, .ml-2, .ml-3, .ml-4,
  .ml-10, .ml-20, .ml10, .ml20, .mr10, .mr20, .mt10, .mt20, .mb10, .mb20 { margin-right: 0px; margin-left: 0px; }
  .pl1, .pl2, .pl3, .pl4, .pr1, .pr2, .pr3, .pr4 { padding-left: 0px; padding-right: 0px; }
  .only-mbl { display: block; }
  .no-mbl { display: none; }
}
/* Mobile (Landscape) - Design for a width of 480px */ 
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .full-width, .w12, .w11, .w10, .w9, .w8, .w7, .w6, .w5, .w4, .w3, .w2, .w1,
  .w11-5, .w10-5, .w9-5, .w8-5, .w7-5, .w6-5, .w5-5, .w4-5, .w3-5, .w2-5, .w1-5, .w0-5 { width: 420px; }
  /* cols layout structure */
  .m20-cols-container { margin-left: 0px; }
  .m20-cols-container .w6, .m20-cols-container .w4, .m20-cols-container .w3,
  .m20-cols-container .w2, .m20-cols-container .w1 { width: 420px; margin-left: 0px; }
}
/* Mobile (Portrait) - Design for a width of 320px */
@media only screen and (max-width: 479px) {
  .full-width, .w12, .w11, .w10, .w9, .w8, .w7, .w6, .w5, .w4, .w3, .w2, .w1,
  .w11-5, .w10-5, .w9-5, .w8-5, .w7-5, .w6-5, .w5-5, .w4-5, .w3-5, .w2-5, .w1-5, .w0-5 { width: 300px; }
  /* cols layout structure */
  .m20-cols-container { margin-left: 0px; }
  .m20-cols-container .w6, .m20-cols-container .w4, .m20-cols-container .w3,
  .m20-cols-container .w2, .m20-cols-container .w1 { width: 300px; margin-left: 0px; }
}


@media print {
  .full-width, .w12 { width: 960px; }
  .w11 { width: 880px; }
  .w10 { width: 800px; }
  .w9 { width: 720px; }
  .w8 { width: 640px; }
  .w7 { width: 560px; }
  .w6 { width: 480px; }
  .w5 { width: 400px; }
  .w4 { width: 320px; }
  .w3 { width: 240px; }
  .w2 { width: 160px; }
  .w1 { width: 80px; }
  .w11-5 { width: 920px; }
  .w10-5 { width: 840px; }
  .w9-5 { width: 760px; }
  .w8-5 { width: 680px; }
  .w7-5 { width: 600px; }
  .w6-5 { width: 520px; }
  .w5-5 { width: 440px; }
  .w4-5 { width: 360px; }
  .w3-5 { width: 280px; }
  .w2-5 { width: 200px; }
  .w1-5 { width: 120px; }
  .w0-5 { width: 40px; }
  /* cols layout structure */
  .m20-cols-container .w6 { width: 470px; margin-left: 20px; }
  .m20-cols-container .w4 { width: 306px; margin-left: 20px; }
  .m20-cols-container .w3 { width: 225px; margin-left: 20px; }
  .m20-cols-container .w2 { width: 143px; margin-left: 20px; }
  .m20-cols-container .w1 { width: 61px; margin-left: 20px; }
  /* margins */
  .ml-1 { margin-left: -20px; }
  .ml-2 { margin-left: -40px; }
  .ml-3 { margin-left: -60px; }
  .ml-4 { margin-left: -80px; }
  .ml1 { margin-left: 20px; }
  .ml2 { margin-left: 40px; }
  .ml3 { margin-left: 60px; }
  .ml4 { margin-left: 80px; }
  .mr1 { margin-right: 20px; }
  .mr2 { margin-right: 40px; }
  .mr3 { margin-right: 60px; }
  .mr4 { margin-right: 80px; }
  .mt1 { margin-top: 20px; }
  .mt2 { margin-top: 40px; }
  .mt3 { margin-top: 60px; }
  .mt4 { margin-top: 80px; }
  .mb1 { margin-bottom: 20px; }
  .mb2 { margin-bottom: 40px; }
  .mb3 { margin-bottom: 60px; }
  .mb4 { margin-bottom: 80px; }

  .pl1 { padding-left: 20px; }
  .pl2 { padding-left: 40px; }
  .pl3 { padding-left: 60px; }
  .pl4 { padding-left: 80px; }
  .pr1 { padding-right: 20px; }
  .pr2 { padding-right: 40px; }
  .pr3 { padding-right: 60px; }
  .pr4 { padding-right: 80px; }
  .pt1 { padding-top: 20px; }
  .pt2 { padding-top: 40px; }
  .pt3 { padding-top: 60px; }
  .pt4 { padding-top: 80px; }
  .pb1 { padding-bottom: 20px; }
  .pb2 { padding-bottom: 40px; }
  .pb3 { padding-bottom: 60px; }
  .pb4 { padding-bottom: 80px; }
}