/*body{background:#dedede url(../img/squairy_light.png) center top repeat;}*/
/*h2 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}*/
h2,.panel-flat strong{font-family:"Financier Display", Garamond, serif;}

.content{border:none; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}

/* .carousel-inner>.item>img {margin: 20px auto;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;border:1px solid #666;}*/
/*.carousel-control.left {margin-left:-15px;}*/
/*.carousel-control.right {margin-right:-15px;}*/
.premium {float:right;color:#fc0;}
.license{font-size:14px;padding:8px 15px;}
.carousel-control{color:#fff !important;}

.panel-flat {border-bottom-width:4px;}
.panel-flat strong {font-size:120%;}
.panel-flat strong + hr {margin-top:5px;}

.texture-1 {background: #141414 url(../img/skewed-print-white.png) center top repeat;}
.texture-2 {background: #141414 url(../img/skewed-print-black.png) center top repeat;}

#profile-header {padding-top:47px;}
#profile-header.texture-2 h2{color:#fff;}

.home-title{font-size:150%;}

#gridlock .panel-default {border-color: #999;}
#gridlock>.col-sm-6:first-child .panel-default>.panel-heading,
#gridlock>.col-md-6:first-child .panel-default>.panel-heading,
#gridlock>.col-xs-12 .panel-default>.panel-heading {background: #10acc3;color: #fff;border-color: #999;}
#gridlock>.col-sm-6:last-child .panel-default>.panel-heading,
#gridlock>.col-md-6:last-child .panel-default>.panel-heading {background: #cd5454;color: #fff;border-color: #999;}

/* -- color classes -- */
.coralbg {
    background-color: #FA396F;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #46D8D2;
}

.turq {
    color: #46D8D2;
}

.text-white {
    color: #fff!important;
}

/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
div.user-menu-container {
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container h4 {
    font-weight: 300;
    color: #8b8b8b;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:auto;
   min-width:100%;
   height:333px;
   max-width:none;
   border: 0 !important;
   padding: 0px;
   border-radius: 0;
   border: 0 !important;
   margin:0;
}

/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #eee;
}
ul.user-menu-list>li {
    padding-bottom: 8px;
    text-align: center;
}

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 20px 25px;
}

.user-data h4 {
	padding-left:30px;
	font-size:1.15em;
	color:#545454 !important;
}

.user-data h4 strong, .user-data h4 .fa {
	color:#8f8f8f;
}

.user-data h4 .fa {
	margin-left:-20px;
	float:left;
}

.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    background: #eee;
    min-height: 333px;
}

.user-image {
  min-height:333px;
  overflow:hidden;
}

.overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0;
}

.overview h4 {
    font-weight: bold!important;
    font-size: 40px;
    margin-top: 0;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

.square, .btn {
    border-radius: 0px!important;
}

/* -- media query for user profile image -- */
@media (max-width: 767px) {
    .user-image {
        max-height: 400px;
    }

    #header-wrapper + .texture-1 {
        padding-top:0 !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px){
    #gridlock[data-columns]::before {
        content: '1 .col-xs-12';
    }
}
@media screen and (min-width:768px) and (max-width: 991px){
    #gridlock[data-columns]::before {
        content: '2 .col-sm-6';
    }
    .home-title{font-size:130%;}
}
@media screen and (min-width:992px) and (max-width: 9999px){
    #gridlock[data-columns]::before {
        content: '2 .col-md-6';
    }
}


.no-js .owl-carousel, .owl-carousel.owl-loaded{border:0 solid #999;border-width:4px 0;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px !important;
    margin: 0 !important;
    font-size: 4.28rem !important;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    background:rgba(0, 0, 0, 0.25);
    color:#333;
    width:50px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-theme .owl-dots .owl-dot{outline:0;}
.owl-carousel .owl-nav button.owl-prev{
    left:0;
    border-right:1px solid #333;
}
.owl-carousel .owl-nav button.owl-next{
    right:0;
    border-left:1px solid #333;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus{
    background:rgba(0, 0, 0, 0.65);
    color:#545454;
}
.owl-theme .owl-nav{margin:0;}
.owl-theme .owl-dots{height:24px;position:relative;margin-top:-24px;z-index:1;pointer-events:none;}
.owl-theme .owl-dots .owl-dot{pointer-events:all;}
.owl-theme .owl-dots .owl-dot span{margin:7px;background:#dedede;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#999;}


/* h3xed.com <3 */
.ytcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.ytvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*****************/