/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.3
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/* 1 Typography
----------------------------------------------------------------------------- */
.no-trans * {
    margin-bottom: 0;
}

.dark-translucent-bg {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
}

.tp-rightarrow.default {
    background-image: none;
}

.tp-leftarrow.default {
    background-image: none;
}

/* 2 Layout
----------------------------------------------------------------------------- */
.loading {
    background: url("../images/loader.gif") no-repeat center center;
}
[data-page-info].loading {
	height: 400px;
	width: 30%;
	background-color: #eee;
}
.top-banner-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-repeat: no-repeat;
    height: 300px;
    background-position: center center;
}

.mega-menu .dropdown-menu {
    top: 85%;
}

.main-container {
    padding: 15px 0 25px 0;
}

.dark.header-top a, .contact li a {
    color: #999999;
}

    .dark.header-top a:hover, .contact li a:hover {
        color: white;
    }

[data-listings-template='portfolio'] .overlay-container {
    display: flex;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

    [data-listings-template='portfolio'] .overlay-container > div {
        padding: 0;
        width: 100%;
    }

        [data-listings-template='portfolio'] .overlay-container > div > a > img,
        [data-listings-template='portfolio'] .overlay-container > div > img {
            padding: 0;
            width: 100%;
            max-height: none;
        }


.dark-bg .form-control::-webkit-input-placeholder {
   color: #999;
}

.dark-bg .form-control:-moz-placeholder { /* Firefox 18- */
   color: #999;  
}

.dark-bg .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #999;  
}

.dark-bg .form-control:-ms-input-placeholder {  
   color: #999;  
}

#main-logo-wide {
    min-height: 89px;
}
.fixed-header-on #main-logo-wide {
    min-height: unset;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
    .pull-right-xs {
        float: right;
    }
}
/* Extra small devices (less than 768px) */
@media (max-width: 767px) {
    .subfooter .navbar-default .navbar-nav > li > a {
        border-bottom: none;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
    .equal-height {
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        
        > [class*='col-'] {
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        }
    }
    .equal-height--wrap {
        flex-wrap: wrap;
    }
    .pull-right-sm {
        float: right;
    }
    .subfooter .navbar-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .subfooter .navbar-default .nav > li > a {
        border-right: 1px solid #333333;
    }
    .light .subfooter .navbar-default .nav > li > a {
        border-right: 1px solid #999999;
    }
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
    .pull-right-md {
        float: right;
    }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
    .pull-right-lg {
        float: right;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
    .home-column-banner-1 {
        min-height: 24em;
    }

    .home-column-banner-1-container {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
    .home-column-banner-1 {
        min-height: 20em;
    }

    .home-column-banner-1-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
    .home-column-banner-1 {
        min-height: 15em;
    }
}


/* Videos with <track> elements 
----------------------------------------------------------------------------- */
.video-container { 
    margin: 0; 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex: 1 1 auto;
    align-items: flex-start;
}
.video-container video { 
    height: auto;
    flex-grow: 1;
    order: 2;
    max-width: 900px;
}
.video-container figcaption { 
    display: none;
    min-width: 10em;
    padding: 5px;
    background: #222; 
    color: #666; 
    overflow-y: auto;
    order: 1;
}
.video-container figcaption ol { 
    list-style-type: none;
    margin: 0; 
    padding: 0; 
}
.video-container figcaption ol li a { 
    display: block; 
    padding: .7rem 1rem; 
    transition: .3s;
}
.video-container figcaption .current { 
    background: #e84c3d; 
}
.video-container figcaption ol li a:not(.current):hover, 
.video-container figcaption ol li a:not(.current):focus { 
    background: #e84c3d; 
    cursor: pointer;
}
.video-container figcaption::-webkit-scrollbar {
    width: 13px;
    height: 100%;
}
.video-container figcaption::-webkit-scrollbar-track {
    background-color: #000; 
}
.video-container figcaption::-webkit-scrollbar-thumb:vertical {
    background: #e84c3d;
    width: 13px;
    height: 20px;
}

.video-container[max-width~="767px"] figcaption ol li {
    width: 100%;
}

.video-container[max-width~="991px"] video, 
.video-container[max-width~="991px"] figcaption {
    width: 100%;
    max-width: none;
}
.video-container[max-width~="991px"] video { 
    order: 1;
    height: 100%;
}
.video-container[max-width~="991px"] figcaption { 
    order: 2;
    border-top: 10px solid #111;
}
.video-container[max-width~="991px"] figcaption ol {
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: flex-start;
}

.video-container[min-width~="768px"][max-width~="991px"] figcaption ol li {
    width: 33%;
}


/* 1 Embedded Advertising Elements
----------------------------------------------------------------------------- */

.embed-wrapper-1 {
    padding:10px;
    border-radius:7px;
    position:relative;
    border:1px solid #d3d3d3;
    display:block;
    text-decoration:none;
    color:black;
}
.embed-wrapper-1 .embed-image {
    height: 170px;
    background-position: left 0 bottom 30%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.embed-wrapper-1 a {        
    text-decoration:none;
}
.embed-wrapper-1 .embed-content h1 {        
    margin-bottom: 0px;
}
.embed-wrapper-1 .embed-content p {        
    margin-bottom: 0px;
    color:#666;
}
.embed-wrapper-1 p.embed-url {        
    margin-bottom: 15px;
    color:#999;
}

@media (max-width: 576px) {
    .embed-wrapper-1 .embed-content h1 {
        font-size: 30px;
    }            
}
@media (min-width: 576px) {
    .embed-wrapper-1 .embed-content h1 {
	font-size: 32px;
    }
}
@media (min-width: 768px) {
    .embed-wrapper-1 .embed-content h1 {
	font-size: 34px;
    }
}
@media (min-width: 992px) {
    .embed-wrapper-1 .embed-content h1 {
	font-size: 36px;
    }
    .embed-wrapper-1 .embed-image {
	height: 210px;
    }
}
@media (min-width: 1200px) {
    .embed-wrapper-1 .embed-content h1 {
	font-size: 38px;
    }
    .embed-wrapper-1 .embed-image {
	height: 240px;
    }
}


/* Customized Sharrre layouts
------------------------------------------------------------------ */

.sharre-container.sharre-container-inline
{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.sharre-container.sharre-container-inline h2,
.sharre-container.sharre-container-inline ul 
{
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.5em;
}