/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: STANLEY - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */

/*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);*/

body {
  	background-color: #efefef;
  	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #333;
}

h1 {
	font-size: 35px;
	margin-top: 30px;
	margin-bottom: 30px;
}



/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 16px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #013493;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*OK*/
label{
    cursor: pointer;
    padding-top: 7px;
}



.navbar {
	text-transform: uppercase;
	margin-bottom: 0px;
}

/*OK*/
.navbar-inverse {
    min-height: 120px;
    height: max-content;
/*    max-height: 256px;*/
    border: none;
    margin-bottom: 20px;
/*    padding-bottom: 35px;
    padding-top: 35px;*/
}

/*OK*/
.navbar-inverse {
    /*
    background-color: #1abc9c;
    border-color: #16a085;*/

    /*background-image: url('../logo.jpg');*/
/*    background: url(../logo.jpg) no-repeat top left fixed;
    background: #FFFFFF url(../logo.jpg) left top no-repeat;*/

/*        height:260px;
        width:960px;*/
background: #efefef url(../logo.jpg) left top no-repeat;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% auto;


}

.navbar-inverse img {
    width:  100%;
  height: auto;
/*  max-height: 300px;*/
}


iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.panel-heading {
    cursor: pointer;
}


/* Helpers */
/*OK*/
.mt {
    margin-top: 50px;
    /*margin-bottom: 10px;*/
}

/*OK*/
.pt {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*OK*/
label.error{color: #d2322d;}
/*input.error, select.error {border-color: #d2322d;}*/

/* +++++ WRAP SECTIONS +++++ */
/*OK*/
#ww {
    padding-top: 10px;
    padding-bottom: 70px;
    margin: auto;
}

/*OK*/
#footer {
    /*
    background-color: #2f2f2f;
    */
    background: url("../../img/dark_bg.png");
    color: #c2c2c2;
    padding-top: 50px;
    padding-bottom: 50px;
}

#footer p {
	color: white;
}

#footer h4 {
	color: white;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.top20 {padding-top: 20px;}

/* +++++ Color Wraps / Blog Page +++++ */

#grey {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f2f2f2;
}

#white {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #ffffff;
}



/* Blog Date*/
bd {
	font-size: 12px;
	text-transform: uppercase;
	color: #d2d2d2;
	font-weight: 700;
}

/* Blog Author*/
ba {
	font-size: 12px;
	text-transform: uppercase;
}

/* Blog Quote */
.bq {
	font-size: 22px;
	padding-top: 30px;
}

/* Blog Tags */
bt {
	font-size: 12px;
}

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom {
    display:block;
    position:relative;
    overflow:hidden;
    background:transparent url(../img/loader.gif) no-repeat center;
}

    .zoom img { display:none }

        .zoomOverlay {
            position:absolute;
            top:0; left:0;
            bottom:0; right:0;
            display:none;
            background-image:url(../img/zoom.png);
            background-repeat:no-repeat;
            background-position:center;
        }

.zoom2 {
	opacity: 1;
}

.zoom2:hover {
	opacity: 0.5;
}

/* glyphicon Configuration */

.glyphicon {
	font-size: 40px;
	color: #1abc9c;
}

label.radio input[type="radio"] {width: 20px; height: 20px; cursor: pointer;}
label.radio {text-align: left;}

/* DEVICE SPECIFICS */
.mobileonly {display: none;}
@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 767px) {
/*    .mobileonly {display: inline;}*/
    .navbar-inverse img {clear: right; display: block;}
    .navbar-inverse a.navbar-brand {font-size: 14px;}
    .nav-lang > li {float: left;}
    img{max-width: 100%; max-height: 100%;}
}
@media screen and (min-width: 768px) {
    .mobileonly{display: none;}
    img{max-width: 100%;}
}