@font-face {
  font-family:"Dosis Light";
  src:url("../fonts/dosis_light/Dosis-Light.eot?") format("eot"),
  url("../fonts/dosis_light/Dosis-Light.woff") format("woff"),
  url("../fonts/dosis_light/Dosis-Light.ttf") format("truetype"),
  url("../fonts/dosis_light/Dosis-Light.svg#Dosis-Light") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Roboto-Light";
  src:url("../fonts/roboto/Roboto-Light.eot?") format("eot"),
  url("../fonts/roboto/Roboto-Light.woff") format("woff"),
  url("../fonts/roboto/Roboto-Light.ttf") format("truetype"),
  url("../fonts/roboto/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Raleway-Regular";
  src:url("../fonts/raleway/Raleway-Regular?") format("eot"),
  url("../fonts/raleway/Raleway-Regular.woff") format("woff"),
  url("../fonts/raleway/Raleway-Regular.ttf") format("truetype"),
  url("../fonts/raleway/Raleway-Regular.svg#"Raleway-Regular) format("svg");
  font-weight:normal;font-style:normal;
}

@font-face {
  font-family:"Champagne_Limousines";
  src:url("../fonts/Champagne/Champagne_Limousines?") format("eot"),
  url("../fonts/Champagne/Champagne_Limousines.woff") format("woff"),
  url("../fonts/Champagne/Champagne_Limousines.ttf") format("truetype"),
  url("../fonts/Champagne/Champagne_Limousines.svg#Champagne_Limousines") format("svg");
  font-weight:normal;font-style:normal;
}

@font-face {
  font-family:"lato-bold";
  src:url("../fonts/lato/lato-bold?") format("eot"),
  url("../fonts/lato/lato-bold.woff") format("woff"),
  url("../fonts/lato/lato-bold.ttf") format("truetype"),
  url("../fonts/lato/lato-bold.svg#lato-bold") format("svg");
  font-weight:normal;font-style:normal;
}

@font-face {
  font-family:"CaviarDreams_Bold";
  src:url("../fonts/Caviar/CaviarDreams_Bold?") format("eot"),
  url("../fonts/Caviar/CaviarDreams_Bold.woff") format("woff"),
  url("../fonts/Caviar/CaviarDreams_Bold.ttf") format("truetype"),
  url("../fonts/Caviar/CaviarDreams_Bold.svg#CaviarDreams_Bold") format("svg");
  font-weight:normal;font-style:normal;
}

@font-face {
  font-family:"lato-regular";
  src:url("../fonts/lato/lato-regular?") format("eot"),
  url("../fonts/lato/lato-regular.woff") format("woff"),
  url("../fonts/lato/lato-regular.ttf") format("truetype"),
  url("../fonts/lato/lato-regular.svg#lato-regular") format("svg");
  font-weight:normal;font-style:normal;
}
body {
  width: 100%;
  height: 100%;
  background-color: #f8f8ff;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

html {
  width: 100%;
  height: 100%;
}
a {
  color: #fab915;
  text-decoration: none;
}
a.hover {
  color: #fff;
  text-decoration: none;
}
h3 {
  font-family: "CaviarDreams_Bold";
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

/*////////////////TOP NAV BAR////////////////*/
.container-fluid.main{
  position: relative; /* To make the navbar positions relative to this container */
  padding: 0;
  z-index: 0;
}

.top-bar{
  background-color:black;
  min-height:20px;
  padding-top:0px;
  padding-bottom: 0px;  
  position: relative;
}
.top-bar .nav-text {
  color: #00BCD4;
  display: block;
  margin-top: 5px;
}
.top-bar .social{color:#FFF;display:inline-block;padding:5px;text-decoration: none;}

.top-bar .tools{margin:0px;}
.top-bar .tools li{list-style-type: none;display:inline-block;}
.top-bar .tools li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-brand {
   float: left; 
  height: 0px;
  padding: 3px 15px;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  z-index: 11;
  margin: 0 auto;
  right: 42%;
}


.navbar-inverse {
  background-color: #000;
  border-color: #000;
}

.navbar {
  /*position: relative;*/
  /*min-height: 50px;*/
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px solid #000;;
  border-radius:0px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 15px 11px;}

  /*.form-control{
    border-color:#fff;
    border-radius:0px;
    background-color:transparent;
  }*/

  .btn-default-1 {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 0px;
  }

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
 padding-bottom: 20px;
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.5);    
-moz-transform: scale(1.5);  
-webkit-transform: scale(1.5);  
-o-transform: scale(1.5);  
transform: scale(1.5);    
position:relative;      
z-index:100;  
}
.col-centered{
  display: table;
  margin: auto;

}

.side-nav {
    position: fixed;
    /*top: 15em;*/
}
        
.affix {
    top: 17em;
    width: 20.45em;
}
        
.affix-bottom {
    position: absolute;
    width: 20.45em;
}
   

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */
.modal-body {
    position: relative;
    padding: 0px;
    color: #000;
}
.modal {
    display: none;
    overflow: auto;
    overflow-y: inherit;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.about-section {
  /* background: #e9eff3; */
  /*background: #fff url(../images/city02.png) bottom center no-repeat;*/
  background-size: 100% auto;
  background-blend-mode: multiply;
  content: " ";
  padding: 60px 0 80px 0px;
}

.contact-section {
  font-family: 'Roboto-Light';
  padding-top: 40px;
  padding-bottom: 10px;
  text-align: center;
  color: #fff;
  background: #0088ff;
  overflow: hidden;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.call-to-action2 {
  background: url(../images/footer2.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: -30px;
  padding: 220px 0px 120px 0px;
}
#theMap iframe {
  height: 250px;
  width:100%;
}


/*------------------- Custom Bopas -------------*/
@media (min-width:900px) {
  .dropdown:hover .dropdown-menu {
    display: block;

  }   
  .dropdown .dropdown-menu{
    display: none;
  }

}


.navbar-default .navbar-brand {
  font-family: Verdana;
  color: #ffffff;
  font-size: 20px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}





.navbar-default .navbar-brand {
  color: #777;
  /*font-size: 20px;          */
  padding-top: 20px;
}
.navbar-default{
  margin-top: 50px;
  background: rgba(0, 0, 0, 0.3) !important;
  /*background: #212121 !important;*/
  border-radius: 0px;   
  padding: 10px 0px 50px 0px;
  background-image: none;
  background-color: transparent; /* Make the menu become transparent */
  border-radius: 0px;
  border: 0;
  box-shadow: none;
  position: absolute; /* Make the menu out of the document flow so it can placed anywhere without disturbing other widgets */
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; 
}

.dropdown-toggle:hover{               
  color: #FFFFFF;
}


.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2{
  min-width: 500px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.navbar-nav > li > .dropdown-menu{
  margin-top: 3px;
}
.navbar-default .navbar-nav > li > a {
 color: #fff !important;    
 font-size: 17px;          
 padding-top: 20px;
 padding-bottom: 15px;
 margin-bottom: -4px;
}
@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  .content {
    width: 90%;
    margin: 50px auto;
    padding: 10px;
  }
 
}
@media (min-width: 768px) and (max-width:1023px) {
  .dropdown-menu.columns-2 {
    margin-left: -100px;
  }

  .dropdown-menu.columns-3 {
    margin-left: -300px;
  }
}


/********************************/
/*       Fade Bs-carousel       */
/********************************/

.fade-carousel {
  margin-top: 0px;
  position: relative;
  height: 100vh;
}
.fade-carousel .carousel-inner .item {
  height: 100vh auto;
}
.fade-carousel .carousel-indicators > li {
 width: 15px;
 height: 15px;
 z-index: 5;
 margin: 0 2px;
 background-color: rgba(0, 0, 0, 0.701961);
 border-color: #ffde00;
 opacity: 1;
}
.fade-carousel .carousel-indicators > li.active {
  width: 15px;
  height: 15px;
  background-color: #eee;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/********************************/
/*          Hero Headers        */
/********************************/
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
  .hero { width: 480px; }    
}
@media screen and (max-width: 640px){
  .hero h1 { 
      font-size: 2em;
  } 
 
  .hero {
      width: 420px;
  }  
   .fade-carousel .carousel-indicators > li {
 width: 25px;
 height: 25px;
 z-index: 5;
 margin: 0 2px;
 background-color: rgba(0, 0, 0, 0.701961);
 border-color: #ffde00;
 opacity: 1;
}
.fade-carousel .carousel-indicators > li.active {
  width:25px;
  height: 25px;
  background-color: #eee;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}
.hero {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 2px 1px 0 rgba(0,0,0,.75);
  -webkit-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}
.hero h1 {
  font-family: "lato-bold";
  font-size: 2em;    
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.hero h2 {
  font-family: "lato-bold";
  font-size: 20px;    
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
  opacity: 0;
  -webkit-transition: 2s all ease-in-out .1s;
  -moz-transition: 2s all ease-in-out .1s; 
  -ms-transition: 2s all ease-in-out .1s; 
  -o-transition: 2s all ease-in-out .1s; 
  transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
  opacity: 1;
  -webkit-transition: 2s all ease-in-out .1s;
  -moz-transition: 2s all ease-in-out .1s; 
  -ms-transition: 2s all ease-in-out .1s; 
  -o-transition: 2s all ease-in-out .1s; 
  transition: 2s all ease-in-out .1s;    
}
h3 {
  letter-spacing: 2px;
  line-height: 90px;
  font: 12px "Lato", sans-serif;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}
/********************************/
/*            Overlay           */
/********************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  /*background-color: rgba(0, 0, 0, 0.701961);*/
  opacity: 9;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn-lg {padding: 23px 40px;}
.btn-hero,
.btn-hero:hover,
.btn-hero:focus {
  color: #d69f15;
  background-color: transparent;
  border-color: #d69f15;
  border: 3px solid #d69f15;
  outline: none;
  margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../../../../uploads/0.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../../../../uploads/1.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../../../../uploads/2.jpg);
}

.fade-carousel .slides .slide-4 {
  background-image: url(../../../../uploads/3.jpg);
}

.fade-carousel .slides .slide-5 {
  background-image: url(../../../../uploads/4.jpg);
}
.fade-carousel .slides .slide-6 {
  background-image: url(../../../../uploads/5.jpg);
}



.section {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.bmh1 {
  font-family: "Champagne_Limousines";
  color: #8b8b8b;
  font-size: 50px;
  text-align: center;
}

/*--------------PARALAX SELCTION -------------------*/
.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.9;
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../images/1012.png");
  min-height: 75%;
  padding-top: 0px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-position: 50% -53.5px;
  background-attachment: fixed;
  background-size: cover;
}
.title h1{
  font-size: 3em;
  color: rgb(251, 186, 22) !important;
  font-weight: bold;
  text-transform: uppercase;
  left: 0;
  top: 50%;
}
.desc {
  font-size: 24px;
  line-height: 36px;
  font-family: 'MuseoSansRounded-300';
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bgimg-1 .title h1 {
  font-family: "Champagne_Limousines";
  color: rgb(251, 186, 22) !important;
  font-weight: bold;
  text-transform: uppercase;
  left: 0;
  top: 50%;
}
.bgimg-1 .desc {
 font-size: 24px;
 line-height: 36px;
 font-family: 'MuseoSansRounded-300';
 color: #fff;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.bgimg-2 {
  background-image: url("../images/train.png");
  min-height: 90%; 
  padding-top: 0px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-position: 50% -53.5px;
  background-attachment: fixed;
  background-size: cover;  
}
.bgimg-2 .title h1 {
  font-family: "Champagne_Limousines";
  color: rgb(251, 186, 22) !important;
  font-weight: bold;
  text-transform: uppercase;
  left: 0;
  top: 50%;
  margin-top: 100px;
}
.bgimg-2 .desc {
 font-size: 24px;
 line-height: 36px;
 font-family: 'MuseoSansRounded-300';
 color: #fff;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.bgimg-3 {
  background-image: url("../images/what.jpg");
  min-height: 250px;
}

.caption {
  background: transparent url() no-repeat left top;
  background-size: cover;
  margin-bottom: 15px;
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 100px 0;
  position: relative;
  left: -0%;
  top: 15%;
  width: 100%;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
  z-index: 3;
}
.yellow {
  color: rgb(251, 186, 22) !important;
  font-size: 20px;
  letter-spacing: 3px; 
  color: #fff;
}



.column_fancy_heading {
  background: transparent url() no-repeat left top;
  background-size: cover;
  margin-bottom: 15px;
}
.column_fancy_heading .fancy_heading {
  text-align: left;
  padding: 40px;
}
.column_fancy_heading h2 {
  color: rgb(251, 186, 22) !important;
  font-weight: bold;
  text-transform: uppercase;
}
.column_fancy_heading .fancy_heading .inside {
  font-size: 24px;
  line-height: 36px;
  font-family: 'MuseoSansRounded-300';
  color: #fff;
}

#inform-yourself {
  position: relative;
}
#inform-yourself:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 110px 1500px;
  border-color: transparent transparent #fff transparent;
}
#get-bitcoins {
  position: relative;
}
#get-bitcoins:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 110px 1450px 0 0;
  border-color: #fff transparent transparent transparent;
}

.section.full-width .section_wrapper {
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 100px 0 100px 0;
}

label, legend {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: left;
}

.full {
  width: 100%;    
}
.gap {
  height: 30px;
  width: 100%;
  clear: both;
  display: block;
}


.gallery
{
  display: inline-block;
  margin-top: 20px;
}



.index-content a:hover{
  color:black;
  text-decoration:none;
}
.index-content{
  margin-bottom:20px;
  padding:10px 0px;

}
.index-content .row{
  margin-top:20px;
}
.index-content a{
  color: black;
}
.index-content .card{
  background-color: #FFFFFF;
  padding:0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:4px;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

}
.index-content .card:hover{
  box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
  color:black;
}
.index-content .card img{
  width:100%;
  height: 220px;
  min-height: 100px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.index-content .card h4{
  margin:20px;
}
.index-content .card p{
  margin:20px;
  opacity: 0.65;
}
.index-content .card small{
  margin:0px;
}
.index-content .blue-button{
  width: 100px;
  -webkit-transition: background-color 1s , color 1s; /* For Safari 3.1 to 6.0 */
  transition: background-color 1s , color 1s;
  min-height: 20px;
  background-color: #002E5B;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  font-weight: lighter;
  margin: 0px 20px 15px 20px;
  padding: 5px 0px;
  display: inline-block;
}
.index-content .blue-button:hover{
  background-color: #dadada;
  color: #002E5B;
}
@media (max-width: 768px) {

  .index-content .col-lg-4 {
    margin-top: 20px;
  }
}

.pass {
  height: 200px;
  min-height: 50px;
  padding-bottom: 10px;
}

.grafico {
  min-width: 310px;
  max-width: 400px;
  height: 280px;
  margin: 0 auto
}


.bg-lightgray
{
  color: #fff;
  background-color:#000;
  padding-bottom: 30px;
  padding-top: 10px;
}


.shape{    
  border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
  -ms-transform:rotate(360deg); /* IE 9 */
  -o-transform: rotate(360deg);  /* Opera 10.5 */
  -webkit-transform:rotate(360deg); /* Safari and Chrome */
  transform:rotate(360deg);
}
.offer{
  background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer:hover {
  -webkit-transform: scale(1.1); 
  -moz-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
  -o-transform: scale(1.1); 
  transform:rotate scale(1.1); 
  -webkit-transition: all 0.4s ease-in-out; 
  -moz-transition: all 0.4s ease-in-out; 
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.shape {
  border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
  /*border-radius:7px;*/
}
.offer-danger { border-color: #d9534f; }
.offer-danger .shape{
  border-color: transparent #d9534f transparent transparent;
}
.offer-success {  border-color: #5cb85c; }
.offer-success .shape{
  border-color: transparent #5cb85c transparent transparent;
}
.offer-default {  border-color: #999999; }
.offer-default .shape{
  border-color: transparent #999999 transparent transparent;
}
.offer-primary {  border-color: #428bca; }
.offer-primary .shape{
  border-color: transparent #428bca transparent transparent;
}
.offer-info { border-color: #5bc0de; }
.offer-info .shape{
  border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {  border-color: #f0ad4e; }
.offer-warning .shape{
  border-color: transparent #f0ad4e transparent transparent;
}
.glyphicon {
  color: #fff;
}
.shape-text{
  color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
  -ms-transform:rotate(30deg); /* IE 9 */
  -o-transform: rotate(360deg);  /* Opera 10.5 */
  -webkit-transform:rotate(30deg); /* Safari and Chrome */
  transform:rotate(30deg);
} 
.offer-content{
  padding:0 20px 10px;
}
@media (min-width: 487px) {
  .container {
    max-width: 750px;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 970px;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-3 {
    width: 25%;
  }
}


.title{
  font-size:36px;
  opacity:0.87;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:-0.4px;
  color:#1e1e1e;
  margin:0;
}
.subtitle{
  font-size:20px;
  line-height:1.6;
  opacity:0.87;
  color:#1e1e1e;
  margin:20px 0px 0px 0px;
}
.map-form{
  margin-top:40px;
}
.map-form h2{
  margin:30px 0px 0px 0px;
  font-size:24px;
  line-height:1.5;
  font-weight:bold;
  opacity:0.5;
  letter-spacing:-0.4px;
  color:#1e1e1e;
}
.map-form h3{
  margin:20px 0px 0px 0px;
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  color:#1e1e1e;
  opacity:0.5;
}
.map-form p{
  margin:10px 0px 0px 0px;
  opacity:0.87;
  font-size:16px;
  line-height:1.5;
  color:#1e1e1e;
}

.map-form .form {
  padding:20px;
  background-color:#f0f0f2;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  margin-bottom:20px;
}

.map-form .form__row {
  position: relative;
  margin-bottom: 20px;
}

.map-form .form__field {
  display: block;
  width: 100%;
  color: #1e1e1e;
  height: 50px;
  position: relative;
  padding: 19px 0px 7px 7px;
  border: 1px solid #8f8f8f;
  text-indent: 0;
  -webkit-appearance: none;
  border-radius: 3px;
  background: #fff;
  transition: all .2s linear;
}
.map-form .form__field:focus {
  outline: 0;
}
/*  
.map-form .form__field:required:valid {
    border: 2px solid #46af91;
  }

.map-form .form__field:focus:required:invalid {
    border: 2px solid #e04f42;
  }
  */
  .map-form .form__field--select {
    padding: 8px;
    color: #acacae;
    width:auto;
    cursor:pointer;
    height:40px;
    min-width:126px;
  }

  .map-form option {
    color: #333;
  }

  .map-form .ph-small {
    transition: all .2s;
    color: #8f8f8f;
    font-size: 10px;
    line-height: 1.6;
    margin-top: 2px;
    margin-left: 7px;
    position: absolute;
    z-index: 10;
    white-space: nowrap;
    color:#00b6ca;
  }

  .map-form .ph-big {
    font-size: 16px !important;
    margin: 11px 0px 15px 7px !important;
    color:#8f8f8f !important;
  }

  .map-form .form__submit {
    padding: 8px 24px;
    text-align: center;
    line-height: 1.5;
    background-color: #00b6ca;
    color: #f0f0f2;
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight: bold;
  }
  .map-form .form__title{
    font-size:14px;
    font-weight:bold;
    line-height:1.43;
    color:#1e1e1e;
    opacity:0.5;
    margin-bottom:10px;
  }
  .map-form .form__message{
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #1e1e1e;
    border: solid 1px #8f8f8f;
    border-radius: 3px;
    padding: 12px 8px;
    min-height: 200px;
    resize: none;
  }
  .map-form .form__message:focus{
    outline:none;
  }

  .contact_call {
    position:absolute;
    z-index:999; bottom:0;
    right:0;
    margin-right:50px;
    margin-bottom:30px;
    text-shadow: 2px 1px 0 rgba(0,0,0,.75);
  }

   .wrap {
       overflow: hidden;
       margin: 10px;
    }
    .box {
       float: left;
       position: relative;
       width: 20%;
       padding-bottom: 20%;
    }
    .boxInner {
       position: absolute;
       left: 10px;
       right: 10px;
       top: 10px;
       bottom: 10px;
       overflow: hidden;
    }
    .boxInner img {
       width: 100%;
    }
    .boxInner .titleBox {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       margin-bottom: -50px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
    }
    section.no-touch .boxInner:hover .titleBox, section.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 100%;
          padding-bottom: 100%;
       }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
       }
    }
    
    .selectableImageContainer {
    border: 1px solid #CCC;
    padding: 5px;
    margin: 7px;
    float: left;
    width: 212px;
    text-align: center;
}

.zoom_toolbar_button {
    height: 32px;
    width: 32px;
    float: right;
    border-radius: 4px;
    margin-left: 2px;
    margin-top: 8px;
    cursor: pointer;
    border: 1px solid #000000;
    padding: 6px 0 0 3px;
}

.approved_image_toolbar_button {
    background-color: #8bc249;
    height: 32px;
    width: 32px;
    float: right;
    border-radius: 4px;
    margin-left: 2px;
    margin-top: 8px;
    cursor: pointer;
    padding: 6px 0 0 3px;
}

.disapproved_image_toolbar_button {
    background-color: #bb232a;
    height: 32px;
    width: 32px;
    float: right;
    border-radius: 4px;
    margin-left: 2px;
    margin-top: 8px;
    cursor: pointer;
    padding: 6px 0 0 1px;
}

.reviewIssuesButton {
    margin-left: 20px;
    color: #ffffff;
    background-color: #00aeef;
}

.markAllReviewed {
    background-color: #00aeef;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #ffffff;
}

.white {
    color: #ffffff;
}


.gallery
{
    display: inline-block;
    margin-top: 20px;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    /*overflow-y: scroll;*/
}


/*----- Social Links -----*/
.social-nav {
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px;
}
.social-nav li {
    float: left;
    margin: 10px 0 0 10px;
    list-style: none;
}
.social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    padding-top: 10px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.social-nav a {
    overflow: hidden;
    font-size: 29px;
    margin-top: 10px;
    border-radius: 4px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}

.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}
.social-nav .google {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .google:hover {
    color: #DD4A3A;
}