/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: local('Hind Regular'), local('Hind-Regular'), url(https://fonts.gstatic.com/s/hind/v5/Vb88BBmXXgbpZxolKzz6dw.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: local('Hind Regular'), local('Hind-Regular'), url(https://fonts.gstatic.com/s/hind/v5/eND698DA6CUFWomaRdrTiw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: local('Hind Regular'), local('Hind-Regular'), url(https://fonts.gstatic.com/s/hind/v5/xLdg5JI0N_C2fvyu9XVzXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: local('Hind Medium'), local('Hind-Medium'), url(https://fonts.gstatic.com/s/hind/v5/bWPw4Za2XndpOjggSNN5JPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: local('Hind Medium'), local('Hind-Medium'), url(https://fonts.gstatic.com/s/hind/v5/TCDCvLw6ewp4kJ2WSI4MT_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: local('Hind Medium'), local('Hind-Medium'), url(https://fonts.gstatic.com/s/hind/v5/_JiDQLq4JWzs7prWhNNmuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* devanagari */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: local('Hind Semibold'), local('Hind-Semibold'), url(https://fonts.gstatic.com/s/hind/v5/HMitXFBPwJyXZfGm6rEhuvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: local('Hind Semibold'), local('Hind-Semibold'), url(https://fonts.gstatic.com/s/hind/v5/-H4xgvCtDmIfFNvmoAPAKvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: local('Hind Semibold'), local('Hind-Semibold'), url(https://fonts.gstatic.com/s/hind/v5/A2xpLU2z2kq5byuh5bkohg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


*                        { margin: 0; padding: 0;}
:focus                     { outline: 0;}
.clear                     { clear:both; display:block;}
html body                { font-family: 'Hind', sans-serif; background: url(../img/bg.png);}

#wrap {
    width: 980px;
    min-width: auto;
    height: auto;
    margin: 0 auto 0 auto;
}

ul.examples              { list-style-type: none; margin-top: 50px;}
.examples li             { width: 300px; height: 300px; float: left; margin: 13px;}
.more                    { opacity: 0.4; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.more:hover              { opacity: 1.0; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

h1                       { text-align: left; margin-top: 40px; padding: 10px 0 0 10px; text-transform: uppercase; font-size: 13px; line-height: 24px; letter-spacing:2px; word-spacing:5px; color: #333;  }
h1 span                  { padding: 3px 15px 0 15px; border-radius: 3px; background-color: #43acc4; color: #FFF; }
h3                       { float: left; font-size: 17px; margin-left: 10px; padding-top: 6px; color: #555; font-weight: 400; }
div.headerinfo           { float: left; width: 650px; margin-left: 30px; }
/* -- Buttons  -- */
.entry-buttons                { width: 240px; text-align: center; float: right; margin: 48px 40px 0 0; position: relative; }
.entry-buttons a.button       { text-align: center; float: none; text-decoration: none; width: 220px; margin: 0 auto 10px auto; border-bottom: medium none; border-radius: 3px; font-size: 13px; letter-spacing: 1px; padding: 11px 10px 9px 10px; text-transform: uppercase;  display: block; transition: all 0.2s ease-in-out; font-weight: 500; }
.entry-buttons a.button:hover { opacity: 0.8;}
/* -- Buttons  -- */
.entry-buttons a.button       { color: #FFF;}
.entry-buttons .orange         { background-color: #eb4026;}
.entry-buttons .blue          { background-color: #a3b745;}

/* -- Buttons  -- */
.simplebtn  { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold;  padding: 6px 20px; text-align: center; margin: 10px 10px 0 0; }
a.simplebtn.blue:hover  { background-color: #0099cc !important; color: #FFF !important;}
a.simplebtn.green:hover { background-color: #7dc34d !important; color: #FFF !important;}
a.simplebtn.green2:hover { background-color: #0fbe7c !important; color: #FFF !important;}
a.simplebtn.orange:hover{ background-color: #e76b33 !important; color: #FFF !important;}
a.simplebtn.gold:hover  { background-color: #ffd62c !important; color: #FFF !important; }
a.simplebtn.red:hover { background-color: #cc3333 !important; color: #FFF !important;}
a.simplebtn.pink:hover  { background-color: #d63f72 !important; color: #FFF !important; }
a.simplebtn.black:hover { background-color: #3b3b3b !important; color: #FFF !important; }
.simplebtn.blue    { background-color: #0099cc; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;}
.simplebtn.green   { text-decoration: none; background-color: #7dc34d; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;}
.simplebtn.green2  { background-color: #0fbe7c; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;}
.simplebtn.orange  { background-color: #e76b33; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;}
.simplebtn.gold    { text-decoration: none; background-color: #ffd62c; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;}
.simplebtn.red     { background-color: #cc3333; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;}
.simplebtn.pink    { background-color: #d63f72; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;}
.simplebtn.red-entry  { background-color: #cc3333;  color: #FFF !important; }
.simplebtn.black   { background-color: #3b3b3b; border: 1px solid #3b3b3b; color: #FFF !important; text-shadow: 0 -1px 0 #3b3b3b;}