/* Import essential fonts --------------------------------------------------------------------------------------- */
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
@import url('http://fonts.cdnfonts.com/css/iranian-sans');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);

@font-face {
  font-family: shabnam;
  src: url('../fonts/shabnam-font-v2.4.0/Farsi-Digits/Shabnam-Bold-FD.eot');
  src: url('../fonts/shabnam-font-v2.4.0/Farsi-Digits/Shabnam-Bold-FD.eot') format('embedded-opentype'),
       url('../fonts/shabnam-font-v2.4.0/Farsi-Digits/Shabnam-Bold-FD.woff') format('woff'),
       url('../fonts/shabnam-font-v2.4.0/Farsi-Digits/Shabnam-Bold-FD.ttf') format('truetype');
  font-weight: bold;
  }
@font-face {
  font-family: yekan;
  src: url('../fonts/Yekan/YekanWeb-Regular\ Regular.otf');
  src: url('../fonts/yekan-font/yekan-regular.eot') format('embedded-opentype'),
       url('../fonts/yekan-font/yekan-regular.woff') format('woff'),
       url('../fonts/yekan-font/yekan-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }
@font-face {
  font-family: vazir;
  src: url('../fonts/vazir-font-v18.0.0/Vazir-Medium.eot');
  src: url('../fonts/vazir-font-v18.0.0/Vazir-Medium.eot') format('embedded-opentype'),
        url('../fonts/vazir-font-v18.0.0/Vazir-Medium.woff') format('woff'),
        url('../fonts/vazir-font-v18.0.0/Vazir-Medium.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
	font-family: IS;
	src: url('../fonts/IRAN\ Sans\ Regular.eot'); 
	src: url('../fonts/IRAN\ Sans\ Regular.eot') format('embedded-opentype');
	src: url('../fonts/IRAN\ Sans\ Regular.woff2') format('woff2');
	src: url('../fonts/IRAN\ Sans\ Regular.woff') format('woff');
	src: url('../fonts/irsans.ttf') format('truetype');
	src: url('../fonts/irsansb.ttf') format('truetype');
	font-weight: normal;  
	font-style: normal;
  }



/* Global Styles ------------------------------------------------------------------------------------------------ */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, 
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%;
  vertical-align: baseline;
  direction: rtl;
}

body {
  color: #4e4e4e;
  font-family: 'shabnam', 'yekan';
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: 'shabnam', 'yekan';
	vertical-align: baseline;
  letter-spacing: 0.1em;
  margin: 0 0 1em 0;
  color: inherit;
  text-decoration: none;
  direction: rtl;
}

h2 { font-size: 1.2em; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.7em; }
h5 { font-size: 0.7em; }
h6 { font-size: 0.7em; }

article, aside, details, figcaption, figure, hgroup, menu, nav, section {
  font-family: 'shabnam', 'yekan', 'IS';
  display: block;
}

ol, ul, li {
  list-style: none;
  font-weight: 500;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  margin: 0 0 30px;
  font-family: 'shabnam', 'yekan';
}

a {
  color: rgb(0, 0, 0);
  border-bottom: dotted 1px rgba(0, 0, 0, 0.35);
}

/* Helper Class: font-weight ------------------------------------------------------------------------------------ */
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-700 { font-weight: 700; }


/* Box Model ---------------------------------------------------------------------------------------------------- */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Grid --------------------------------------------------------------------------------------------------------- */
.row {
  border-bottom: solid 1px transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row > * {
  float: right;
  -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 > *          { padding: 1.75em 0 0 1.75em; }
.row.uniform              { margin: -1.75em 0 -1px -1.75em; }
.row.\32 00\25 > *        { padding: 0 0 0 3.5em; }
.row.\32 00\25            { margin: 0 0 -1px -3.5em; }
.row.uniform.\32 00\25 >* { padding: 3.5em 0 0 3.5em; }
.row.uniform.\32 00\25    { margin: -3.5em 0 -1px -3.5em; }
.row.\31 50\25 > *        { padding: 0 0 0 2.625em; }
.row.\31 50\25            { margin: 0 0 -1px -2.625em; }
.row.uniform.\31 50\25 >* { padding: 2.625em 0 0 2.625em; }
.row.uniform.\31 50\25    { margin: -2.625em 0 -1px -2.625em; }
.row.\35 0\25 > *         { padding: 0 0 0 0.875em; }
.row.\35 0\25             { margin: 0 0 -1px -0.875em; }
.row.uniform.\35 0\25 > * { padding: 0.875em 0 0 0.875em; }
.row.uniform.\35 0\25     { margin: -0.875em 0 -1px -0.875em; }
.row.\32 5\25 > *         { padding: 0 0 0 0.4375em; }
.row.\32 5\25             { margin: 0 0 -1px -0.4375em; }
.row.uniform.\32 5\25 > * { padding: 0.4375em 0 0 0.4375em; }
.row.uniform.\32 5\25     { margin: -0.4375em 0 -1px -0.4375em; }

.\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; }



/* Basic -------------------------------------------------------------------------------------------------------- */
input, select, textarea {
  color: #ffffff;
  font-family: 'shabnam', 'yekan', "Source Sans Pro", sans-serif;
  font-size: 16.5pt;
  font-weight: 400;
  line-height: 1.65;
}

h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
  padding-bottom: 1em;
  border-bottom: solid 2px rgba(0, 0, 0, 0.125);
}

strong, b { font-weight: 600; }
em, i { font-style: italic; }
p { margin: 0 0 2em 0; }

sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em;
}

sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em;
}

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0 0 2em 0;
}

hr {
  border: 0;
  border-bottom: solid 2px rgba(255, 255, 255, 0.125);
  margin: 2.5em 0;
}
hr.major { margin: 4em 0; }

.align-left   { text-align: left; }
.align-center { text-align: center; }
.align-right  { text-align: right; }


/* Box ---------------------------------------------------------------------------------------------------------- */
.box {
  border-radius: 5px;
  border: solid 2px rgba(255, 255, 255, 0.125);
  margin-bottom: 2em;
  padding: 1.5em;
}

  .box > :last-child,
  .box > :last-child > :last-child,
  .box > :last-child > :last-child > :last-child {
    margin-bottom: 0;
  }

  .box.alt {
    border: 0;
    border-radius: 0;
    padding: 0;
  }


/* Section/Article ---------------------------------------------------------------------------------------------- */
section.special, article.special { text-align: center; }


/* Icon --------------------------------------------------------------------------------------------------------- */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

.icon > .label { display: none; }


/* Image -------------------------------------------------------------------------------------------------------- */
.image {
  border-radius: 5px;
  border: 0;
  display: inline-block;
  position: relative;
}

.image img { border-radius: 5px; display: block; }

.image.left  { max-width: 40%; float: left;  padding: 0 1.5em 1em 0; top: 0.25em; }
.image.right { max-width: 40%; float: right; padding: 0 0 1em 1.5em; top: 0.25em; }
.image.left img, .image.right img { width: 4em; border-radius: 100%; }

.image.fit, .image.main { display: block; margin: 0 0 2em 0; width: 100%; }
.image.fit  img { width: 100%; }
.image.main img { width: 100%; }


/* List --------------------------------------------------------------------------------------------------------- */
ol    { list-style: decimal; margin: 0 0 2em 0; padding-left: 1.25em; }
ol li { padding-left: 0.25em; }

ul    { list-style: disc; margin: 0 0 2em 0; padding-left: 1em; }
ul li { padding-left: 0.5em; }

ul.alt    { list-style: none; padding-left: 0; }
ul.alt li { border-top: solid 1px rgba(255, 255, 255, 0.125); padding: 0.5em 0; }
ul.alt li:first-child { border-top: 0; padding-top: 0; }

ul.icons    { cursor: default; list-style: none; padding-left: 0; }
ul.icons li { display: inline-block; padding: 0 1em 0 0; }
ul.icons li:last-child   { padding-right: 0; }
ul.icons li .icon:before { font-size: 1.25em; }

ul.actions    { cursor: default; list-style: none; }
ul.actions li { display: inline-block; padding: 0 1em 0 0; vertical-align: middle; }
ul.actions li:last-child { padding-right: 0; }

ul.actions.small li { padding: 0 0.5em 0 0; }

ul.actions.vertical li { display: block; padding: 1em 0 0 0; }
ul.actions.vertical li:first-child { padding-top: 0; }
ul.actions.vertical li > * { margin-bottom: 0; }
ul.actions.vertical.small li { padding: 0.5em 0 0 0; }
ul.actions.vertical.small li:first-child { padding-top: 0; }

ul.actions.fit  { display: table; margin-left: -1em; padding: 0; table-layout: fixed; width: calc(100% + 1em); }
ul.actions.fit li { display: table-cell; padding: 0 0 0 1em; }
ul.actions.fit li > * { margin-bottom: 0; }
ul.actions.fit.small  { margin-left: -0.5em; width: calc(100% + 0.5em); }
ul.actions.fit.small li { padding: 0 0 0 0.5em; }


ul.contact { list-style: none; padding: 0; }
ul.contact li { text-decoration: none; margin: 0.5em 0 0 0; padding: 0 0 0 3.25em; position: relative; }
ul.contact li:first-child { margin-top: 0; }
ul.contact li:before { 
  -moz-osx-font-smoothing: grayscale; 
  -webkit-font-smoothing: antialiased; 
  font-family: FontAwesome; font-style: 
  normal; font-weight: normal; 
  text-transform: none !important; 
}
ul.contact li:before { 
  border-radius: 100%; 
  border: solid 2px rgba(255, 255, 255, 0.125); 
  display: inline-block; 
  font-size: 0.8em; 
  height: 2.5em; left: 0; 
  line-height: 2.35em; 
  position: absolute; 
  text-align: center; 
  top: 0; 
  width: 2.5em; 
}

dl { margin: 0 0 2em 0; }
dl dt { display: block; font-weight: 600; margin: 0 0 1em 0; }
dl dd { margin-left: 2em; }


/* Table -------------------------------------------------------------------------------------------------------- */
.table-wrapper { -webkit-overflow-scrolling: touch; overflow-x: auto; }

table { margin: 0 0 2em 0; width: 100%; }
table tbody tr { border: solid 1px rgba(155, 30, 30, 0.8); border-left: 0; border-right: 0; }
table td { padding: 0.75em 0.75em; }
table th { color: #ffffff; font-size: 0.9em; font-weight: 600; padding: 0 0.75em 0.75em 0.75em; text-align: left; }
table thead { border-bottom: solid 2px rgba(236, 138, 138, 0.8); }
table tfoot { border-top: solid 2px rgba(212, 167, 167, 0.8); }

table.alt { border-collapse: separate; }
table.alt tbody tr td { border: solid 1px rgba(228, 100, 100, 0.8); border-left-width: 0; border-top-width: 0; }
table.alt tbody tr td:first-child { border-left-width: 1px; }
table.alt tbody tr:first-child td { border-top-width: 1px; }
table.alt thead { border-bottom: 0; }
table.alt tfoot { border-top: 0; }


/* Header ------------------------------------------------------------------------------------------------------- */
#header h1 {
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s;
  -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s;
  transition: opacity 0.2s ease-in-out, visibility 0.2s;
  border-bottom: 0;
  font-size: 0.8em;
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
}

#header h1 a { border: 0; }

#header nav {
  font-family: 'shabnam', 'yekan', Raleway, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  height: 3em;
  letter-spacing: 0.1em;
  line-height: 3em;
  position: absolute;
  right: 0.7em;
  text-transform: uppercase;
  top: 0.7em;
}


/* Wrapper ------------------------------------------------------------------------------------------------------ */
#wrapper > header { padding: 11em 0 2.25em 0 ; }
#wrapper > header .inner { margin: 0 auto; width: 55em; }
#wrapper > header h2 {
  border-bottom: solid 2px rgba(255, 255, 255, 0.125);
  font-size: 2em;
  margin-bottom: 0.8em;
  padding-bottom: 0.4em;
}
#wrapper > header p {
  font-family: Raleway, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 200;
  letter-spacing: 0.1em;
  line-height: 2;
  text-transform: uppercase;
}

.wrapper { position: relative; }

  .wrapper:before, .wrapper:after {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 6.5em;
    position: absolute;
    width: 100%;
    left: 0;
  }
  .wrapper:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -6.5em;
  }
  .wrapper.alt:before {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .wrapper.alt:after {
    -moz-transform: scaleY(-1) scaleX(-1);
    -webkit-transform: scaleY(-1) scaleX(-1);
    -ms-transform: scaleY(-1) scaleX(-1);
    transform: scaleY(-1) scaleX(-1);
  }


.wrapper .inner { padding: 3em 0 1em 0 ; margin: 0 auto; width: 80%; }
.wrapper.spotlight { font-size: 17px; font-weight: 600; }

  .wrapper.spotlight .image { border-radius: 100%; margin: 0 3em 2em 0; width: 22em; overflow: hidden; }
  .wrapper.spotlight .image img { border-radius: 100%; width: 100%; }
  .wrapper.spotlight .content { width: 100%; margin: 0 2em; }
  .wrapper.spotlight .content > table { table-layout: fixed; }
  .wrapper.spotlight .content > table td { padding-bottom: 0; padding-top: 0; }
  .wrapper.spotlight .inner {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items:    center;
    -webkit-align-items: center;
    -ms-align-items:     center;
    align-items:         center;
    -moz-flex-direction:    row;
    -webkit-flex-direction: row;
    -ms-flex-direction:     row;
    flex-direction:         row;
  }

  .wrapper.spotlight:nth-child(2n - 1) .image { margin: 0 0 2em 3em; }
  .wrapper.spotlight:nth-child(2n - 1) .inner {
    -moz-flex-direction:    row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction:     row-reverse;
    flex-direction:         row-reverse;
  }


/* Footer ------------------------------------------------------------------------------------------------------- */
#footer .inner {
  padding: 5em 0 3em 0 ;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 80%;
}

  #footer .inner > * {
    width: 100%;
  }

  #footer .inner .contact {
    width: calc(50% - 1.5em);
    font-weight: 800;
  }

  #footer .inner .copyright {
    border-top: solid 2px rgba(255, 255, 255, 0.125);
    list-style: none;
    margin: 4em 0 2em 0;
    padding: 2em 0 0 0;
    width: 100%;
  }

  #footer .inner .copyright li {
    border-left: solid 2px rgba(255, 255, 255, 0.125);
    color: rgba(255, 255, 255);
    display: inline-block;
    font-size: 0.9em;
    line-height: 1;
    margin-left: 1em;
    padding: 0;
    padding-left: 1em;
  }

  #footer .inner .copyright li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
  }

  #footer .inner .copyright li a {
    color: inherit;
  }

  #footer {
    background-color: #943535;
    background-image: linear-gradient(to bottom, rgba(255, 96, 88, 0.5), rgba(0, 0, 0, 0.8)), url("../../images/backgrounds/footer.jpg");
    background-size: auto, cover;
    background-position: center, center;
    margin-top: -6.5em;
    padding-top: 6.5em;
    color: white; 
  }


/* persons section ---------------------------------------------------------------------------------------------- */

.persons h3 { text-align: center; margin-bottom: 0; }
.persons h4 { text-align: center; margin-bottom: 0; font-size: 90%; } 
.persons p  { font-size: 80%; text-align: center; }

.persons .image {
  display: block;
  padding: 0 0 1em 0;
  width: 100%;
  text-align: center;
}

.persons .image img {
    float: none;
    display: inline;
    border-radius: 100%;
    width: 7em;
}

/* Person in .wrapper.spotlight --------------------------------------------------------------------------------- */
.wrapper.spotlight .persons h3 { text-align: center; margin-bottom: 0; }
.wrapper.spotlight .persons h4 { text-align: center; margin-bottom: 0; font-size: 90%; } 
.wrapper.spotlight .persons p  { font-size: 80%; text-align: center; }

.wrapper.spotlight .persons .image {
  display: block;
  padding: 0 0 1em 0;
  margin: 0 !important;   
  width: 100%;
  text-align: center;
  max-width: 100%;
  overflow: visible;
}

.wrapper.spotlight .persons .image img {
  float: none;
  display: inline;
  border-radius: 100%;
  width: 6em;
}


/*  */
a.special:not(.button) {
  text-decoration: none;
  border-bottom: 0;
  display: block;
  font-family: Raleway, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 2em 0;
  text-transform: uppercase;
}

a.special:not(.button):before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

a.special:not(.button):before {
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border-radius: 100%;
  border: solid 2px rgba(255, 255, 255, 0.125);
  content: '\f105';
  display: inline-block;
  font-size: 1.25em;
  height: 2em;
  line-height: 1.65em;
  margin-right: 0.85em;
  text-align: center;
  text-indent: 0.15em;
  vertical-align: middle;
  width: 2em;
}

a.special:not(.button):hover:before {
  background-color: rgba(255, 255, 255, 0.025);
}

a.special:not(.button):active:before {
  background-color: rgba(255, 255, 255, 0.075);
}


/* Button ------------------------------------------------------------------------------------------------------- */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  border-radius: 5px;
  border: 0;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-family: 'shabnam', Raleway, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 900;
  height: 3.75em;
  letter-spacing: 0.1em;
  line-height: 3.75em;
  padding: 0 2.25em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background-color: rgba(255, 255, 255, 0.025);
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
    background-color: rgba(255, 255, 255, 0.075);
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
    margin-right: 0.5em;
    color: rgba(255, 255, 255, 0.35);
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
    background-color: #7e0909;
    box-shadow: none;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover {
    background-color: #c23e3e;
}

input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
    background-color: #e63131;
}

input[type="submit"].primary.icon:before,
input[type="reset"].primary.icon:before,
input[type="button"].primary.icon:before,
button.primary.icon:before,
.button.primary.icon:before {
    color: #b07979;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special {
    background-color: #964c4c;
    box-shadow: none;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover {
    background-color: #af3333;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active {
    background-color: #990404;
}

input[type="submit"].special.icon:before,
input[type="reset"].special.icon:before,
input[type="button"].special.icon:before,
button.special.icon:before,
.button.special.icon:before {
    color: #ffc2be;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
    display: block;
    margin: 0 0 1em 0;
    width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
    font-size: 0.6em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
    font-size: 1em;
}

input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
    opacity: 0.25;
}



/* Navigation --------------------------------------------------------------------------------------------------- */
.navbar-custom {
  border: 0;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #000;
  -webkit-transition: all 0.2s linear 0s;
          transition: all 0.2s linear 0s;
}

.navbar-custom .navbar-nav li {
  margin: 0;
}

.navbar-custom .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
}

.navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:hover {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
}

.navbar-custom .navbar-nav > .active > a {
  border-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggle {
  border: 0;
  border-radius: 0;
  margin-top: 2px;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}
 
.navbar-solid {
  background-color: #000 !important;
  padding: 0 !important;
  -webkit-transition: all 0.2s linear 0s;
          transition: all 0.2s linear 0s;
}


/* Site Header -------------------------------------------------------------------------------------------------- */
.site-header {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  text-align: center;
  background: url(../../images/backgrounds/header.jpg) no-repeat center center/cover;
  display: table;
}

.site-header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.site-header .intro {
  color: #fff;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
  height: 100vh;
}

.site-header .intro h1 {
  width: fit-content;
  margin-top: 0px;
  font-size: 38px;
  margin-bottom: 25px;
  padding: 1em;
  border-bottom: solid 2px rgba(255, 255, 255, 0.125);
}

.site-header .intro h2 {
  margin-top: 0px;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 50px;
}

.site-header .intro p {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 300;
}
 


/* Colors ------------------------------------------------------------------------------------------------------- */

.gray_color, .white_color, .red_color { text-align: justify; }
.gray_color  { background-color: rgb(225, 225, 225); color: black; }
.white_color { background-color: rgb(255, 255, 255); /* color: black; */ }
.red_color   { background-color: rgba(133, 7, 7, 0.904); color: #ffffff; }
.red_color a { color: #ffffff; }


/* Sponsor ------------------------------------------------------------------------------------------------------ */
#sponsor .image img{ height: 110px; }
#sponsor .\33 u { width: auto; clear: none; margin-left: 0; }


/* My Things ---------------------------------------------------------------------------------------------------- */
.container a { color: rgb(255, 255, 255); border-bottom: dotted 1px rgba(255, 255, 255, 0.35); }
center > li > a.button { color:black !important;   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125); }
header > div > ul > li > a.button { background-color: rgba(114, 4, 4, 0.5); }
/* #about > div > div > ul > li      { font-family: cursive, Courier, monospace; } */

#more {display: none;}



/* @MEDIA ------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 992px) {
  /* ------------------------------------------------------------------ */
  .wrapper .inner { padding: 3em 3em 1em 3em ; width: 100%; }
  .wrapper.spotlight .image { margin: 0 0 2em 2em; /* width: 32em; */ }
  .wrapper.spotlight:nth-child(2n - 1) .image { margin: 0 2em 2em 0; }

  /* ------------------------------------------------------------------ */
  #footer { margin-top: -2.75em; padding-top: 4.75em;}
  #footer .inner { padding: 3em 3em 1em 3em ; display: block; width: 100%; }
  #footer .inner .contact { width: 100%; margin: 0 0 4em 0; }
  #footer .inner .copyright { margin: 4em 0 2em 0; text-align: center; }

}


@media (min-width: 768px) {
  /* ------------------------------------------------------------------ */
  .navbar-custom { background-color: transparent; padding-top: 30px; }
  /* .site-branding { margin-top: 6px; margin-left: 0; } */

  /* ------------------------------------------------------------------ */
  .section { padding: 90px 0; }

  
}


@media screen and (max-width: 768px) {
  /* ------------------------------------------------------------------ */
  ul.contact li { margin: 1.5em 0 0 0; }

  /* ------------------------------------------------------------------ */
  .wrapper .inner { padding: 2em 0.5em 0.1em 0.5em ; width: 90%; }
  .wrapper.spotlight .image { width: 18em; margin: 0 0 2em 2em; }
  .wrapper.spotlight .content { margin: 0; }

  /* ------------------------------------------------------------------ */
  #footer { margin-top: -1.5em; padding-top: 2.5em; }
  #footer .inner { padding: 2em 2em 0.1em 2em ; }
  #footer .inner .contact { margin: 0 0 3em 0; }

  /* ------------------------------------------------------------------ */
  center > li > a.button { font-size: small; }

}



@media screen and (max-width: 640px) {
  /* ------------------------------------------------------------------ */
  ul.actions { margin: 0 0 2em 0; }
  ul.actions li { padding: 1em 0 0 0; text-align: center; width: 50%; }
  ul.actions li:first-child { padding-top: 0; }
  ul.actions li > * { width: 100%; margin: 0 !important; }
  ul.actions.small li { padding: 0.5em 0 0 0; }
  ul.actions.small li:first-child { padding-top: 0; }

  /* ------------------------------------------------------------------ */
  .wrapper .inner { /* padding: 2em 0em 0.1em 4.5em; */ width: 90%; }
  .wrapper .inner p, .wrapper .inner ul { font-size: 85%; }
  .wrapper.spotlight .inner { display: block; }
  .wrapper.spotlight .image { margin: -25px 0 1em 0 !important; max-width: 85%; width: 0px;		/* 6em */ }
  .wrapper.spotlight .content { width: 100%; margin-left: -4em; }
  .wrapper.spotlight .inner {
    -moz-flex-direction:    row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction:     row-reverse;
    flex-direction:         row-reverse;
  }

  /* ------------------------------------------------------------------ */
  #footer .inner .copyright li { border-left: 0; display: block; margin: 1em 0 0 0; padding-left: 0; }
  #footer .inner .copyright li:first-child { margin-top: 0; }

  /* ------------------------------------------------------------------ */
  .wrapper.spotlight .persons .image img,
  .persons .image img { width: 4.85em; }
  .persons h4,
  .persons p { font-size: 70% !important; }

  /* ------------------------------------------------------------------ */
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  button, .button { padding: 0; }

  /* ------------------------------------------------------------------ */
  #sponsor .image img{ height: 90px; }

  /* ------------------------------------------------------------------ */

}

@media screen and (max-width: 580px) {
  .button { line-height:normal; padding: 0; padding-top: 15px; white-space:normal; }
  #sponsor .image img{ height: 70px; }
}


@media screen and (max-width: 360px) {
  /* ------------------------------------------------------------------ */
  .wrapper .inner { /* padding: 2em 0em 0.1em 4em ; */ width: 95%; }
  .wrapper .inner p,
  .wrapper .inner ul,
  .wrapper .inner a,
  .wrapper .inner td,
  .wrapper .inner h2 { font-size: 70%; }
  .wrapper .inner a  { padding: 10px 0; }

  /* ------------------------------------------------------------------ */
  #footer .inner { padding: 2em 1.5em 0.1em 1.5em ; }
  #footer .inner h2,
  #footer .inner li,
  #footer .inner b{ font-size: 90%;	}

  /* ------------------------------------------------------------------ */
  .wrapper.spotlight .persons .image img,
  .persons .image img { width: 5em; }
  .persons h4 { font-size: 85%; }
  .persons p  { font-size: 55% !important; }

  /* ------------------------------------------------------------------ */
  .site-header .intro h1,
  .site-header .intro h2,
  .site-header .intro p{ font-size: inherit; }
  .site-header .intro a{ font-size: 70%; padding: 15px 0; }

  /* ------------------------------------------------------------------ */
  #sponsor .image img{ height: 50px; }

  /* ------------------------------------------------------------------ */

}