/* FONTS
 * */
@font-face {
  font-family: 'Purisa';
  src: local('Purisa'), url('../fonts/Purisa.ttf') format('truetype');
}
@font-face {
  font-family: 'Templeton';
  src: url('../fonts/templeton.ttf');
}
/* latin */
@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 400;
  src: local('Delius-Regular'), url(http://fonts.gstatic.com/s/delius/v6/K-gBjNLq-GGSrjFH3rKCNfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/delius/v6/t8S_iET9TnDFUseRZh4mbfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
/*
 * SHARING DESIGN
 * */
/*TWITTER */
.btn-twitter {
  background: #00acee;
  border-radius: 0;
  color: #ffffff;
}
.btn-twitter:link, .btn-twitter:visited {
  color: #ffffff;
}
.btn-twitter:active, .btn-twitter:hover {
  background: #0087bd;
  color: #ffffff;
}
/*FACEBOOK*/
.btn-facebook {
  background: #3b5998;
  border-radius: 0;
  color: #ffffff;
}
.btn-facebook:link, .btn-facebook:visited {
  color: #ffffff;
}
.btn-facebook:active, .btn-facebook:hover {
  background: #30477a;
  color: #ffffff;
}
/*GOOGLE+*/
.btn-googleplus {
  background: #e93f2e;
  border-radius: 0;
  color: #ffffff;
}
.btn-googleplus:link, .btn-googleplus:visited {
  color: #ffffff;
}
.btn-googleplus:active, .btn-googleplus:hover {
  background: #ba3225;
  color: #ffffff;
}
/*EMAIL*/
.btn-email {
  background: #EAE600;
  border-radius: 0;
  color: #fff;
}
.btn-email:link, .btn-email:visited {
  color: #fff;
}
.btn-email:active, .btn-email:hover {
  background: #E8CC00;
  color: #fff;
}
/*
 * MAIN FEATURES
 * */
body {
  position: relative;
}
body, html {
  height: 100%;
}
a {
  font-family: Delius, curvative;
  font-weight: 100;
  text-decoration: underline;
}
a:hover {
  font-weight: 900;
}
.page-content-scroll-narrow a {
  text-decoration: none;
}
nav a {
  text-decoration: none;
}
/*
 * MENUs
 * */
/*
 * Changing collapse of main menu
 * */
@media (max-width: 1050px) {
  .navbar-header {
    float: none;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}
#main-menu-nav {
  font-family: Delius, curvative;
  font-weight: 700;
  background-color: #ffffff;
}
#main-menu ul > li > a {
  padding: 15px 25px!important;
}
#main-menu .navbar-nav > .active > a {
  color: #ffffff;
}
.side-bar {
  position: fixed;
  right: 20px;
  top: 40%;
  z-index: 10;
}
.side-bar ul {
  list-style: none;
}
.side-bar ul li {
  margin: 5px 0px;
}
.side-bar ul a {
  font-family: Delius, curvative;
  font-weight: 700;
  color: #777;
  padding: 7px 12px;
  border: 1px solid #000;
  border-radius: 50px;
  background-color: #fff;
  display: block;
}
.side-bar ul li a:hover {
  text-decoration: none;
  background-color: #fff;
  /*background-color: rgba(237, 132, 132, 1);*/

  color: #333;
}
.side-bar ul li.active a {
  color: #ffffff;
}
/*
 * PAGE FEATURES
 * */
.page-content {
  width: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 100%;
  position: relative;
  /* border-bottom: 1px solid black;
    border-top: 1px solid black;*/

}
.page-content img.gif {
  width: 100%;
}
.page-content-top {
  height: 100%;
  max-height: 800px;
  margin: 0 auto;
  padding-bottom: 0px;
}
.page-content-top .row {
  position: relative;
  height: 60%;
}
@media (min-width: 768px) {
  .page-content-questions p {
    margin-left: 20px;
  }
}
@media (max-width: 600px) {
  .page-content-top .row {
    height: 60%!important;
  }
}
@media (max-width: 1000px) {
  .page-content-top .row {
    height: 70%;
  }
}
/*overriding row margin inside page-content*/
.page-content .row {
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.page-content-top .page-content-top-title {
  color: #fff;
  font-family: Delius, curvative;
  font-weight: 700;
  font-size: 45px;
  position: absolute;
  min-height: 100px;
  bottom: 0;
  margin-top: 50px;
  margin-right: 50px;
  text-shadow: -4px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
.page-break {
  min-height: 300px;
  width: auto;
}
.page-content-scroll-narrow {
  text-align: center;
  width: 100%;
}
.page-content-narrow {
  text-align: right;
  width: 100%;
  font-size: 80px;
  font-family: Templeton, arial;
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-content-narrow.narrow-right:before {
  content: 'm';
}
.page-content-narrow.narrow-left:before {
  content: 'o';
}
.page-content-narrow.narrow-down:before {
  content: 'p';
}
.question-mark {
  font-family: Templeton, arial;
  font-size: 200px;
  text-align: center;
  margin-bottom: -40px !important;
}
.question-mark.question-mark-right:before {
  content: 'w';
}
.question-mark.question-mark-left:before {
  content: 'x';
}
.page-content-narrow {
  text-align: center;
}
@media (max-width: 768px) {
  .page-content-narrow.narrow-right:before {
    content: 'p';
  }
  .page-content-narrow.narrow-left:before {
    content: 'p';
  }
}
.page-content-scroll-narrow a {
  font-family: Templeton, arial;
  font-size: 80px;
  font-weight: 100;
  cursor: pointer;
}
.page-content-scroll-narrow a:hover {
  font-family: Templeton, arial;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
}
/*
 * INSIDE PAGE-CONTENT
 * */
.page-content .page-content-title {
  font-family: Delius, curvative;
  font-weight: 700;
  font-size: 45px;
  padding-top: 50px;
  padding-bottom: 35px;
}
.page-content .page-content-subtitle {
  font-family: Delius, curvative;
  font-weight: 700;
  font-size: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: justify;
}
.page-content .page-content-body p {
  font-size: 25px;
  text-align: justify;
  font-family: Delius, curvative;
  padding-bottom: 10px;
  padding-top: 10px;
}
.page-content .page-content-body table {
  font-size: 25px;
  font-family: Delius, curvative;
  margin: 10px 0px;
}
.page-content .page-content-body table td {
  padding: 5px 10px 5px 0px;
}
/*.page-content .page-content-body .row .col-*{
    margin-bottom: 15px;
    margin-top:15px;
}*/
.page-content .page-content-body p.key-question {
  font-family: Delius, curvative;
  font-size: 30px;
  font-weight: 700;
}
.page-content .page-content-body .row {
  /*padding-top: 30px;*/

  padding-bottom: 30px;
}
.page-content .page-content-body p.link {
  font-family: Delius, curvative;
  font-size: 25px;
  text-align: right;
  padding-top: 10px;
}
.link a:hover {
  font-weight: 900;
  text-decoration: none;
}
.page-content .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  padding-top: 25px;
}
.page-content .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-content video {
  height: auto;
  width: 100%;
}
/* overriding the share settings*/
.page-content-share.sharer-0 label span {
  font-family: Delius, curvative !important;
  font-weight: 500!important;
  font-size: 30px!important;
}
.page-content-share.sharer-0 label {
  background: #fff!important;
}
.page-content-share.sharer-0 label span:hover {
  font-weight: 900!important;
  opacity: 1!important;
}
.page-content-share.sharer-0 label:hover {
  font-weight: 900!important;
  opacity: 1!important;
}
/*
 *HOME PAGE
 **/
.row {
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.projects-container {
  margin-top: 15px;
}
.projects-container .project .thumbnail {
  border-radius: 0px!important;
}
.projects-container .project .btn {
  font-family: Delius, curvative !important;
}
.projects-container h3 {
  font-family: Delius, curvative;
  font-weight: 700;
}
.projects-container p {
  text-align: justify;
}
.gutter-sizer {
  width: 2%;
}
/* mixins for grid system */
@media (max-width: 600px) {
  .projects-container .project {
    width: 100%!important;
  }
  .projects-container .project-about {
    width: 100%!important;
  }
}
@media (min-width: 600px) {
  .projects-container .project {
    width: 100%!important;
  }
  .projects-container .project-about {
    width: 100%!important;
  }
}
@media (min-width: 700px) {
  .projects-container .project {
    width: 49%!important;
  }
  .projects-container .project-about {
    width: 100%!important;
  }
}
@media (min-width: 1000px) {
  .projects-container .project {
    width: 32%!important;
  }
  .projects-container .project-about {
    width: 66%!important;
  }
}
@media (min-width: 1400px) {
  .projects-container .project {
    width: 23.5%!important;
  }
  .projects-container .project-about {
    width: 74.5%!important;
  }
}
.tools {
  font-family: Delius, curvative;
  font-size: 25px;
}
.tools ul {
  list-style-type: none;
}
.tools a {
  font-size: 25px;
}
.tools i {
  margin-right: 5px;
}