@charset "utf-8";

/* CSS Document */



@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300);

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700italic);

@import url(http://fonts.googleapis.com/css?family=Audiowide);



@font-face{

  font-family:"roboto";

  src:url('fonts/Roboto-Light.ttf')  format('truetype');

}



@font-face{

  font-family:"Playfair Display SC";

  src:url('fonts/PlayfairDisplaySC-Black.ttf')  format('truetype');

}



@font-face{

  font-family:"Playfair Display SC";

  src:url('fonts/PlayfairDisplaySC-Regular.ttf')  format('truetype');

}

@font-face{

  font-family:"Playfair Display SC";

  src:url('fonts/PlayfairDisplaySC-Italic.ttf')  format('truetype');

}

@font-face{

  font-family:'Audiowide';

  src:url('fonts/Audiowide-Regular.ttf')  format('truetype');

}



body.gallery2 {

/* background:#fff;

  background-size: cover;*/

  

}



@-webkit-keyframes slide {

      from { background-position: 0% 0; }

    to { background-position: 100% 0; }

  }



  @-moz-keyframes slide {

      from { background-position: 0% 0; }

    to { background-position: 100% 0%; }

  }

  @-o-keyframes slide {

      from { background-position: 0% 0; }

    to { background-position: 100% 0%; }

  }

  @-ms-keyframes slide {

      from { background-position: 0% 0; }

    to { background-position: 100% 0%; }

  }



.container {

    max-width: 1300px;



}



.padding{

  padding: 70px 50px 30px;

}



.header {

  /*background-color: rgba(0, 0, 0, 0.7);*/

  min-height: 60px;

  position: relative;

  z-index: 1;

  /*padding:20px 15px;*/

  padding: 0px 15px 0px;

  border-bottom: 1px solid turquoise;

}



.logo a:hover {

    background-color: rgba(80, 96, 255, 0.34);

    border-radius: 20%;

    -webkit-border-radius: 20%;

    -moz-border-radius: 20%;

    -ms-border-radius: 20%;

    -o-border-radius: 20%;

    color: #fff;

}



.logo a {

  background-color: transparent;

  font-family: roboto;

  border: 2px solid turquoise;

  font-style: normal;

  font-weight: 100;

  padding: 9px;

  text-decoration: none;

  font-size: 20px;

  border-radius: 50%;

  color: #888;

  top: 24px;

  left: 28px;

  position:relative;

  transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  transition: all 0.8s ease 0s;

  -webkit-transition: all 0.8s ease 0s;

  -moz-transition: all 0.8s ease 0s;

  -o-transition: all 0.8s ease 0s;

  -ms-transition: all 0.8s ease 0s;

}

div#video-player {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  height: auto;

}

.sigup.links {

    text-align: right;

}

.sigup.links a {

  border: 2px solid #fff;

  border-radius: 25px;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -o-border-radius: 25px;

  -ms-border-radius: 25px;

  color: #fff;

  display: inline-block;

  font-size: 15px;

  margin: 0 5px;

  max-width: 74px;

  padding: 5px 0;

  text-align: center;

  text-decoration: none;

   transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  width: 100%;

  font-family: roboto,sans-serif;

  font-weight: 100;

}

.sigup.links > a:hover {

  background-color: rgba(80, 96, 255, 0.34);

}



.fixed {

  position: fixed;

  top:0; left:0;

  width: 100%; 

  }





.description {

  text-align: center;

  padding: 70px 0;

}



.box {

  background-color: rgba(0, 0, 0, 0.5);

  border: 1px solid #fff;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  -o-border-radius: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  /* padding: 92px; */

  width:150px;

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -ms-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  height:150px;

  margin: 0 auto;

}



.box:hover {

  transform: scale(1.2);

   -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

     -o-transform: scale(1.2);

      -ms-transform: scale(1.2);

  background-color: rgba(13, 21, 34,0.5);

}



.content-wrapper {

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  -o-border-radius: 100%;

  height: 110px;

  padding: 0;

  width: 110px;

  position: absolute;

  top:35px;

  left:18px;

  padding: 11px 0 0 0;

}

.content-wrapper h5 {

  color: #fff;

  font-size: 16px;

  font-weight: bold;

}



.inner-box a {

  text-decoration: none;

}



.inner-box .glyphicon {

  font-size: 35px;

   color:#fff;

}

.box:hover .glyphicon {

  color: #025CFF;

}

.center-logo a {

  font-size: 30px;

  color: #fff;

  font-family: 'Audiowide';

  letter-spacing: 2px;

  text-decoration: none;

  transition: all 0.5s ease-in 0s;

}

.center-logo a:hover {

  color: rgb(213, 213, 213);

  /*text-shadow: -1px 1px 5px #000;*/

    -webkit-text-shadow: -1px 1px 5px #000;

      -moz-text-shadow: -1px 1px 5px #000;

        -ms-text-shadow: -1px 1px 5px #000;

        -o-text-shadow: -1px 1px 5px #000;

}

.center-logo {

  text-align: center;

  margin-top: 0px;

}

.center-logo{

/*    margin-bottom: -20px;

    margin-top: -27px;*/

}

.header-search{

  float: right;

  position: relative;

  top: 25px;

}

.header-search input[type=search]{

  height: 26px;

  width: 100%;

  padding: 0 12px 0 25px;

  background:transparent url("../img/search.png") 8px 6px no-repeat;

  border: 1px solid;

  /*border-color: #a8acbc #babdcc #c0c3d2;*/

  border-color: turquoise;

  border-radius: 13px;

  -webkit-appearance: textfield;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  max-width: 130px;

  color: #000;

}

.heading {

  position: relative;

  top: 30%;

  left: 0;

  right: 0;

  text-align: center;

  padding: 50px 0;

}



.heading h1, .heading p {

  padding: 0 20px;

  color: #025CFF;

  font-size: 25px;

  font-family: 'Playfair Display SC', serif;

  text-shadow: 1px 0px 2px #0092A5;

  text-transform: uppercase;

  font-style: italic;

}



.heading p{

  font-size:35px;

}



.gallery2 .menu-wrapper{

	/*background: rgba(22, 160, 133, 0.5) none repeat scroll 0 0;*/

	padding:0 15px;

}



.gallery2 .menu-wrapper .navbar-nav {

  float: none;

  text-align: center;

}



.gallery2 .menu-wrapper .nav.navbar-nav > li {

  display: inline-block;

  float: none;

  padding: 0 20px;

  overflow: hidden;

}

.gallery2 .menu-wrapper .nav.navbar-nav a {

  color: #000;

  padding: 15px 23px;

/*  transition: all 0.2s;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -ms-transition: all 0.2s;

  -o-transition: all 0.2s;*/

  text-transform: uppercase;

  /*text-shadow: 0 0 1px #000;*/

  font-size: 17px;

  font-weight: bold;

  font-family: "Audiowide";

  

}

/*.gallery2 .menu-wrapper .nav.navbar-nav a:hover{

	color:#000;

}*/



.gallery2 .menu-wrapper .nav.navbar-nav a:hover{

        color: rgb(213, 213, 213);

        transform: scale(1);

        font-size: 22px;

        /*letter-spacing: 1px;*/

        font-style: italic;

        font-family: "Audiowide";

        text-shadow: -1px 1px 5px #000;

        -webkit-text-shadow: -1px 1px 5px #000;

        -moz-text-shadow: -1px 1px 5px #000;

        -ms-text-shadow: -1px 1px 5px #000;

        -o-text-shadow: -1px 1px 5px #000;

        background: none;

        /*text-decoration: underline;*/

} 



.fliter-wrapper {

  padding: 40px 0;

  margin: 40px 0 0 0;

}



.fliter-wrapper form {

  margin: 0 auto;

  padding: 0 0 0 75px;

  width: 96%;

}

.fliter-wrapper .form-control {

  display: table-cell;

  margin: 0 10px;

  width: 30%;

  background-color: transparent;

  color: #fff;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

}

.search-wrapper {

  padding: 40px 0;

  text-align: center;

}

.search-wrapper input[type="text"]{

  height: 50px;

  margin: 0;

  padding: 0 20px;

  vertical-align: middle;

  background: #fff;

  border:1px solid #000;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  font-weight: 300;

  line-height: 50px;

  color: #888;

  width: 100%;

  max-width:500px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -o-transition: all 0.3s ease-in 0s;

  -moz-transition:  all 0.3s ease-in 0s;

  -webkit-transition:  all 0.3s ease-in 0s;

  -ms-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s;

}



.search-wrapper input[type="text"]:focus,

.search-wrapper input[type="text"]:hover{

  border: 2px solid #ccc;

}





.search-wrapper .btn {

  position: relative;

  height: 50px;

  margin: 0;

  padding: 0 20px;

  vertical-align: middle;

  background: #000;

  border: 0;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  font-weight: 300;

  line-height: 50px;

  color: #fff;

  text-transform:uppercase;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  text-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -o-transition: all .3s;

  -moz-transition: all .3s;

  -webkit-transition: all .3s;

  -ms-transition: all .3s;

  transition: all .3s;

}



.search-wrapper .btn:hover {

  background: #ccc none repeat scroll 0 0;

}



.footer-wrapper{

  /*background:url(../img/bgfooter.jpg) #222;*/

  color: #fff;

  /*padding-top: 50px;*/

  padding-top: 26px;

  padding-bottom: 30px;

  font-size: 13px;

  line-height: 20px;

  height: 80px;

  /*border-top: 1px solid turquoise;*/

/*  -webkit-background-size: cover !Important;

  -moz-background-size: cover !Important;

  -o-background-size: cover !Important;

  background-size: cover !Important;

  padding-left:80px;*/

}



.footer-wrapper h3 {

	color: #fff;

	font-family: roboto;

	font-weight: 100;

}



.footer-wrapper ul {

  list-style: outside none none;

  margin: 0;

  padding: 0 0 0 5px;

}



.footer-wrapper ul li::before {

  content: ">";

  font-size: 10px;

  margin: 0 10px 0 0;

}

|

.gallery2 .img-wrapper {

  float: left;

  padding: 0 10px 0 0;

}



.icon-boxes.icon-boxes-nowrap {

  text-align: left;

}



.icon-boxes .icon-box {

  margin-bottom: 15px;

}



.icon-boxes.icon-boxes-nowrap .icon {

  float: left;

  margin-right: 10px;

}



.icon-boxes .content {

  overflow: hidden;

  zoom: 1;

  color:inherit;

}



.icon-boxes.icon-boxes-nowrap img {

  width: 65px;

  max-width: 100%;

  border: 4px solid #fff;

  -webkit-transition: border-color 300ms;

  -moz-transition: border-color 300ms;

  -o-transition: border-color 300ms;

  transition: border-color 300ms;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.gallery2 .sidebar a {

    text-decoration: none;

}

.gallery2 .sidebar h3 {

  border-bottom: 1px solid rgb(255, 255, 255);

  font-family: roboto;

/*  background-color: rgb(82, 82, 82);*/

  background-color: turquoise;

  color: #000;

  padding: 10px;

  border: 1px solid #0bafa0;

  transition: all 0.5s ease-in;

  cursor: default;

  border-radius: 3px;

}

.gallery2 .main-content img {

  margin: 0 0 15px;

  transition: all 0.2s;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -ms-transition: all 0.2s;

  -o-transition: all 0.2s;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}



.gallery2 .main-content {

  padding: 20px 0 25px;

}

.gallery2 .main-content img:hover,

.gallery2 .sidebar h3:hover {

    box-shadow: 0 0 10px #0bafa0;

    -webkit-box-shadow: 0 0 10px #0bafa0;

    -moz-box-shadow: 0 0 10px #0bafa0;

    -ms-box-shadow: 0 0 10px #0bafa0;

    -o-box-shadow: 0 0 10px #0bafa0;

}

 .gallery2 .buttons {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  display: inline-block;

  float: right;

  position: absolute;

  z-index: 2;

  top: -10px;

  right:-10px;

  /*width: 150px;*/

  width: 200px;

  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.gallery2 .buttons .action {

  cursor: pointer;

  display: inline-block;

  width: 50px;

  height: 50px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  color: white;

  font-size: 16px;

  -webkit-transition: all 0.1s ease-in-out;

  -moz-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out;

  background-color: rgba(34,34,34,0.2);

  overflow: hidden;

  position: relative;

  cursor: pointer;

}



.gallery2 .buttons .action span {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  opacity: 1;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 48px;

  background: center center no-repeat;

  -webkit-transition: all 0.15s ease-in-out;

  -moz-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

}

.gallery2 .buttons .action.like .icon {

  background-image:url(../img/gallery/like-0c4d76b9b129d0d50718e19e269b8ddf.svg);

  -webkit-background-size: 20px 20px;

  background-size: 20px 20px;

}

.gallery2 .buttons .action.fave {

  margin-left: 10px;

}

.gallery2 .buttons .action.fave .icon {

  background-image: url(../img/gallery/fave-8e6e4561f7b2eaf49191953fba112545.svg);

  -webkit-background-size: 20px 20px;

  background-size: 20px 20px;

}

.gallery2 .buttons .action.face {

  margin-left: 10px;

}

.gallery2 .buttons .action.face .icon {

  background-image: url(../img/gallery/share-8e6e4561f7b2eaf49191953fba112545.svg);

  -webkit-background-size: 20px 20px;

  background-size: 20px 20px;

}

.gallery2 .img-wrapper {

  overflow: hidden;

  position: relative;

}

.gallery2 .img-wrapper:hover .buttons {

    opacity: 1;

    top: 0;

}

.gallery2 .buttons .action .count {

  top: 15px;

  opacity: 0;

}



.gallery2 .buttons .action:hover {

  background-color: rgba(34,34,34,0.4);

}



.gallery2 .buttons .action:hover .icon{

  top: -15px;

  opacity: 0;

}

 .gallery2 .buttons .action:hover .count{

  top: 0px;

  opacity: 1;

}

.gallery2 .info {

  min-height: 130px;

  width: 100%;

  position: absolute;

  bottom:15px;

  left: 0;

  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));

  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));

  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-border-radius: 0px 0px 3px 3px;

  border-radius: 0px 0px 3px 3px;

}



.img-wrapper:hover .info .inside{

  bottom: 0px;

}



.info {

  opacity: 0;

}



.info .inside {

  min-height: 64px;

  width: 100%;

  padding: 20px;

  line-height: 0px;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  position: relative;

}



.info .inside {

  bottom: -20px;

}



.info .avatar {

  position: relative;

  z-index: 5;

  height: 64px;

  width: 64px;

  margin-right: 10px;

  display: inline-block;

  line-height: 0px;

}



 .info .avatar img {

  width: 100%;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);

  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);

}



.info p {

  vertical-align: top;

  color: white;

  font-size: 18px;

  line-height: 20px;

  font-weight: normal;

  margin-left: 5px;

  display: inline-block;

  text-shadow: 0px 0px 1px #000;

  margin: 0;

}



 .info p span {

  line-height: 22px;

}

.info p a:not(.living) {

  color: inherit;

  font-weight: bold;

  display: inline-block;

  position: relative;

  z-index: 2;

  height: 100%;

  text-decoration: none;

}





.info p a:not(.living):before {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  content: " ";

  width: 100%;

  padding: 1px 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  height: 100%;

  position: absolute;

  top: 0px;

  left: -3px;

  display: block;

  background-color: rgba(255,255,255,0);

  z-index: 1;

  -webkit-transition: all 0.1s ease-in;

  -moz-transition: all 0.1s ease-in;

  transition: all 0.1s ease-in;

  text-decoration:none;

}



.info p a:not(.living):hover:before{

    background-color: rgba(255,255,255,0.2);

}



 .info p time {

  display: block;

  color: rgba(255,255,255,0.6);

  font-size: 14px;

  position: relative;

  z-index: 3;

  white-space: nowrap;

  height: 18px;

  overflow: visible;

}



 .info p time .relative {

  opacity: 1;

}

.info p time:hover .relative {

  opacity: 0;

}

.info p time span {

  display: block;

  position: absolute;

}



 .info p time .absolute {

  opacity: 0;

}

 .info p time:hover .absolute {

  opacity: 1;

}

.info p time span {

  display: block;

  position: absolute;

}

.info p span {

  line-height: 22px;

}



.img-wrapper:hover .info{

  opacity: 1;

}





.hed{

    color: #000;

    font-family: roboto;

    margin-left: 14px;

    margin-top: 0;

    padding: 10px;

    width: 849px;

    border-radius: 3px;

    /*background-color: rgb(82, 82, 82);*/

    background-color: turquoise;

    border: 1px solid #0bafa0;

    transition: all 0.5s ease-in 0s;

    cursor: default;

}

.hed:hover{

    box-shadow: 0 0 10px #0bafa0;

    -webkit-box-shadow: 0 0 10px #0bafa0;

    -moz-box-shadow: 0 0 10px #0bafa0;

    -ms-box-shadow: 0 0 10px #0bafa0;

    -o-box-shadow: 0 0 10px #0bafa0;

}

.hed2{

    color: #000;

    font-family: roboto;

    margin-left: 14px;

    margin-top: 0;

    padding: 10px;

    width: 849px;

    border-radius: 3px;

    /*background-color: rgb(82, 82, 82);*/

    background-color: turquoise;

    border: 1px solid #0bafa0;

    transition: all 0.5s ease-in 0s;

    cursor: default;

}

.hed2:hover{

    box-shadow: 0 0 10px #0bafa0;

    -webkit-box-shadow: 0 0 10px #0bafa0;

    -moz-box-shadow: 0 0 10px #0bafa0;

    -ms-box-shadow: 0 0 10px #0bafa0;

    -o-box-shadow: 0 0 10px #0bafa0;

    text-decoration: none;

}









/*media queries*/ 





@media(max-width:768px){

  .logo a{

    left: auto;

  }

  .logo {

  margin: 10px 10px 30px;

  text-align: center;

}

  .sigup.links {

  margin: 20px 0;

  text-align: center;

  }

  .box{

    margin:0 auto 30px;

  }

}



@media(max-width:767px){

.fliter-wrapper form {

  margin: 0 auto;

  padding: 0;

  width: 100%;

  padding: 0 50px;

}



.header-search {

  float: none;

  text-align: center;

  margin: 15px 0;

}

.fliter-wrapper .form-control {

  display: table-cell;

  margin: 10px 0;

  width: 100%;

}

.footer-wrapper{

  text-align:center;

  padding-left: 0;

}

.search-wrapper input[type="text"]{

 max-width:60%;

}

.gallery2 .menu-wrapper .nav.navbar-nav > li {

  display: inline-block;

  float: none;

  padding: 0 10px;

}



}



@media(max-width:500px){

.gallery2 .menu-wrapper .nav.navbar-nav > li {

	display:block;

}



}



@media(min-width:768px) and (max-width: 992px){

.fliter-wrapper .form-control{

  width: 28%;

}



}



@media(min-width:501px) and (max-width: 552px){

.gallery2 .menu-wrapper .nav.navbar-nav a{

  padding: 15px 35px;

}



}



.scroll-top {

  right: 30px;

  bottom: 83px;

  background: #000;

  border-radius: 4px;

  width: 45px;

  height: 45px;

  cursor: pointer;

  text-align: center;

  z-index: 9999;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.scroll-top i {

  padding: 0px 10px;

  font-size: 36px;

  color: #fff;

}

.scroll-top i:hover {

  color: #0bafa0;

}



.img-small{

    margin-top: 20px;

}

.img-content{

    margin-left: 87px;

    margin-top: -84px;

}


.modal-header, h4, .close {
    background-color: #5cb85c;
    color:white !important;
    text-align: center;
    font-size: 30px;
}
.modal-footer {
    background-color: #f9f9f9;
}