/*=================================================*/
/* BOOTSTRAP FILES:
/* revisited here at  http://getbootstrap.com/customize/?id=2068c25b9e4c32fbfa280ef175c4eb49 for further customization.
/* paletton.com
/*

GRAYSCALE:
Lighter: #eeeeee
Light: #777777
Normal: #000000
Dark: #333333
Darker: #222222

/*=================================================*/





/*=================================================*/
/* COLORS
/*=================================================*/
/*

From Practo:
blue:  1eaedb  (R: 30 G: 174 B: 219)
darker blue: #093340
orange: ff901a  (= Hue: 31deg, 100%, 55% )
green: 18e55d
yellow: ffbc1a
red: ff3e1a
gray: #333333



NEW:
primary: #78c501
success: #0178c5
warning: #c50178


OLD:::
default:        #95a5a6
default-hoover: #798d8f
NEW: primary:        #98cb01 (40% light)
NEW: primary-hoover: #729702 (30% light)
info:           #3498db;
info-hoover:    #217dbb;
success:        #3fb618
success-hoover: #2f8912
warning:        #f39c12
warning-hoover: #c87f0a
danger:         #e74c3c
danger-hoover:  #d62c1a
???? dark-grey:      #505050
???? light-grey:
previous footer: rgb(35, 35, 35) = #808080
*/

/*=================================================*/
/* HELPER CLASSES
/*=================================================*/
.text-white {
    color:#ffffff;
}
.text-default-dark {
    /*color:#386E7F;*/
    color:#093340;
}

/*=================================================*/
/*
/*
/*
/*
/* BODY
/*
/*
/*
/*
/*=================================================*/
body {
    padding-top: 60px;
    a, a:link, a:visited, a:hover, a:active, a:focus  {
   		outline: 0;
   		outline: none;
	}
	button:link, button:visited, button:hover, button:active, button:focus {
	   	outline: 0;
	   	outline: none;
        border-radius: 0px;
	}
	.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	   	outline: 0;
	   	outline: none;
        border-radius: 0px;
	}
	button::-moz-focus-inner {
    	border: 0px;
    	outline: 0;
        border-radius: 0px;
	}
	input::-moz-focus-inner {
    	border: 0px;
    	outline: 0;
        border-radius: 0px;
	}
}

.panel{
    box-shadow: none;
}
.label {
    border-radius: 0px; /* seems to be an issue with bootstrap since not affected by @border-radius-base*/
}
.cont-margin {
    margin-top: 150px;
    margin-bottom: 150px;
}
.cont-margin-inner {
    margin-top: 75px;
    margin-bottom: 75px;
}
/*=================================================*/
/*
/*
/*
/*
/* NAVBAR
/*
/*
/*
/*
/*=================================================*/

.navbar-brand {
    padding-top: 10px;
    font-size: 2.5em;
    font-weight: 400;
}
.navbar-brand:hover {
    color: white !important;
}
.dropdown-menu {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #1eaedb;
    top: 80%; /*bootstrap gives 100 but looks a bit weird*/

}
.navbar-right .dropdown-menu {
    left: 15px;
    right: auto;
}

/*=================================================*/
/* BRAND
/*=================================================*/
.brand-text{
    font-family: 'Teko', sans-serif;
    font-size: 64px;
}

/*=================================================*/
/*
/*
/*
/*
/* FRONT PAGE
/*
/*
/*
/*
/*=================================================*/

 .top-image {
    background-size: cover;
}
.top-image .jumbotron{
    background: none;
    margin-top: 200px;
    margin-bottom: 200px;
    pointer-events: none;
}
.index-image {
    background-image: url("img/at_work_20.jpg");
    background-position: center bottom;
}
.headline h2{
    margin-top:0px;
}

/* Big screens (more than 1200px) */
@media (min-width: 1200px) {
    .headline h2{
        margin-top: -110px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
    .front-image .jumbotron{
        background: none;
        /*margin-top: 50px;*/
        margin-bottom: 100px;
    }
}

.index-panel{
    height: 400px;
    margin-top: 40px;
}
.index-panel .panel-heading{
    height: 200px;
}
.index-panel .panel-heading .index-glyph{
    margin-bottom: 40px;
}
.index-panel .panel-body{
    height: 140px;
    padding-top: 20px;
}
.index-intermezzo {
    height: 400px;
    background-image: url("img/full_service10_filter.jpg");
    background-size: cover;
    background-position: center center;
}
.index-intermezzo .int-text{
    position:relative;
    /*width: 100%; */
    height: 100%;
}
.index-intermezzo .int-text h1{
    position:absolute;
    bottom:100px;
}

/*=================================================*/
/* SALES SECTION
/*=================================================*/
.sales-header:after {
	content: "";
	display: block;
	height: 1px;
	width: 180px;
	background: #1eaedb;
	margin: 0 auto;
	margin-top: 10px;
}
.sales-panel{
    height: 280px;
    background-color: #eee;
}

/*=================================================*/
/* CONTACT SECTION
/*=================================================*/

.contact-section {
    height: 200px;
    background-color: #eee;
    margin-bottom: -50px;
}
.contact-section .row{
    margin-top:80px;
    vertical-align: middle;
}
/* SM devices (up to 992px) */
@media (max-width: 992px) {
    .contact-section{
        height: 400px;
    }
}

/*=================================================*/
/* FRONT VIDEO
/*=================================================*/
.video-container{
    position: absolute;
    width:100%;
    height:550px;
    overflow: hidden;

    z-index: -1;
}
.video-container video{
    position: relative;
    top: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-80%);
    -moz-transform: translateX(-50%) translateY(-80%);
    -ms-transform: translateX(-50%) translateY(-80%);
    -o-transform: translateX(-50%) translateY(-80%);
    transform: translateX(-50%) translateY(-80%);
    min-width: 100%;
    min-height: 100%;
}
/* SM devices (up to 970px) */
/*@media (max-width: 970px) {
    .video-container video{
        right: 10%;
        transform: translateX(-10%);
        top: 80%;
        transform: translateY(-80%);
    }
} */
/* XS devices (up to 768px) */
/*@media (max-width: 768px) {
    .video-container video{
        top: 80%;
        transform: translateY(-80%);
        margin:auto;
        float:right;
    }
}*/

/*=================================================*/
/*
/*
/*
/*
/* SERVICES
/*
/*
/*
/*
/*=================================================*/
.services-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
.self-serve-image {
    background-image: url("img/self_service10_filter.jpg");
    background-size: cover;
    background-position: center center;
}
.self-serve-image h2{
    margin-top:150px;
    margin-left:-30px;
}
.self-serve-image h4{
    margin-left:-30px;
    margin-bottom:-30px;
}
/* XS devices (up to 768px) */
@media (max-width: 768px) {
    .self-serve-image h2{
        margin-left:0px;
    }
    .self-serve-image h4{
        margin-left:0px;
        margin-bottom:0px;
    }

}
.service-image {
    background-image: url("img/full_service10.jpg");
    background-size: cover;
    background-position: center center;
}
.service-image h2{
    margin-top:150px;
    margin-left:-30px;
}
.service-image h4{
    margin-left:-30px;
    margin-bottom:-30px;
}
/* XS devices (up to 768px) */
@media (max-width: 768px) {
    .service-image h2{
        margin-left:0px;
    }
    .service-image h4{
        margin-left:0px;
        margin-bottom:0px;
    }
}
.service-panel{
    border-width: 1px;
    border-color: #1eaedb;
}

/*=================================================*/
/*
/*
/*
/*
/* TARGETING
/*
/*
/*
/*
/*=================================================*/
.targeting-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
.target-panel{
    height: 350px;
    margin-top: 40px;
    background-color: #eee;
}
.target-panel .panel-heading{
    padding-top: 50px;
}
.target-panel .panel-body{
    height: 140px;
    /*padding-top: 20px;*/
}
/*=================================================*/
/*
/*
/*
/*
/* CAPABILITIES
/*
/*
/*
/*
/*=================================================*/
.capabilities-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
/*=================================================*/
/*
/*
/*
/*
/* ABOUT
/*
/*
/*
/*
/*=================================================*/
.about-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
/*=================================================*/
/*
/*
/*
/*
/* CONTACT
/*
/*
/*
/*
/*=================================================*/
.contact-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
/*=================================================*/
/*
/*
/*
/*
/* PRIVACY
/*
/*
/*
/*
/*=================================================*/
.privacy-image {
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/malmo_bgd.jpg");
    background-position: center center;
}
/*=================================================*/
/*
/*
/*
/*
/* DEMAND SIDE PLATFORM
/*
/*
/*
/*
/*=================================================*/
.technology-section{
    /*background-color:#eeeeee;*/
    background-image: url("https://www.bidspeaker.com/wp-content/themes/speakertheme/img/table.jpg");
    background-size: cover;
    background-position: center center;
}
.technology-info-header:after {
	content: "";
	display: block;
	height: 1px;
	width: 180px;
	background: #1eaedb;
	margin: 0 auto;
	margin-top: 10px;
}
.technology-panel{
    height: 280px;
}
.alert {
    margin-top: 5px;
}
.imghover-effect-grow:hover {

    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*=================================================*/
/*
/*
/*
/*
/* STICKY FOOTER
/*
/*
/*
/*
/*=================================================*/
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height + footer padding */
    margin-bottom: 370px;
}
.footer-div {
    max-width: 100%;
}

.footer {
    background-color: #222222;
    width: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 320px;
    padding: 50px;
}
.footer .row {
    margin-bottom: 30px;
    text-align: center;
}
/* XS devices (up to 768px) */
@media (max-width: 768px) {
    body{
      	margin-bottom: 500px;
  	}
  	.footer{
		height:450px;
		padding: 20px;
  	}
}

/*=================================================*/
/* FOOTER LINKS
/*=================================================*/
.privacy h2 {
    margin-top: 70px;
    margin-bottom: 10px;
}
.privacy h4 {
    margin-top: 30px;
}