@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,300italic,400italic,600italic,700italic,800italic);

/*============================================================
+ Photos and Images   
============================================================*/
.photo-thumbnail {
    width: 300px;
}

.photo-caption {
    margin-top: -16px;
    padding-bottom: 40px;
}


/*============================================================
+ Borders and Outlines   
============================================================*/
.panel-primary {
    border-color: #c0c0c0 !important;
}

.outline {
    border: 1px solid;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    border-color: #aaaaaa;
}


/*============================================================
+ Google Maps Settings    
============================================================*/
.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/*============================================================
+ Text and Font Settings    
============================================================*/

.text-red {
    color: #f00;
}

.text-blue {
    color: #2c60f0;
}

.text-xl{
    font-size: 36px;
    
}

.text-lg{
    font-size: 26px;
}

.text-md{
    font-size: 20px;
    
}

.text-sm{
    font-size: 16px;
}

.text-xs{
    font-size: 10px;
}

.text-shadow{
    text-shadow: 1px 1px 1px #333;
    box-shadow: 
}


/*============================================================
+ Body and Containers Settings    
============================================================*/
body {
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility !important;
}

.container{
    padding-right: 0px !important;
    padding-left: 0px !important;
    
}



/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}