@CHARSET "UTF-8";

/**
 * Mediar
 *
 * NOTICE OF LICENSE
 *
 * This program is not free software: you can not redistribute it and/or
 * modify it in any way. Owner holds all the rights provided by copyright law, 
 * such as distribution, performance, and creation of derivative works.
 *
 * @category    design
 * @package     mediar platform
 * @copyright   Copyright (C) 2013-2016 Sebastijan Ribaric
 * @license     Commercial <www.mediar-agency.com>
 */


body {color: #2B2B2B;font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6 {color: #000;text-transform: uppercase;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000;text-decoration: none;}
a {color: #104971;text-decoration:none;outline: none;cursor: pointer;}
a:hover {text-decoration: none;color: #E67C1E;}
a:active {color:#E67C1E;}
.hideText {position: relative;left: -10000em;}
::selection {background: #E67C1E;color: white;text-shadow: 0 1px rgba(0, 0, 0, .2);}
img:active {outline: none;}
.hiddenx {display: none;}
#element-moz-linear-gradient {  
    background: -moz-linear-gradient(black, white); /* FF 3.6+ */  
    background: -ms-linear-gradient(black, white); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffffff)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(black, white); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(black, white); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff')"; /* IE8+ */  
    background: linear-gradient(black, white); /* the standard */  
}
h1 {line-height:1.2;margin-bottom:1em;font-size: 1.5em;margin-top: 0em;}
h2 {line-height:1.2;margin-bottom:.9em;font-size: 1.4em;margin-top: 0em;}
h3 {line-height:1.2;margin-bottom:.8em;font-size: 1.3em;margin-top: 0em;}
h4 {line-height:1.2;margin-bottom:.7em;font-size: 1.2em;/*color: #1C252A;text-shadow: #B5BEC3 1px 0px 0px;*/}
h5 {line-height:1.2;margin-bottom:.6em;font-size: 1.1em;font-weight: bold;margin-top:1.1em;}
h6 {}

img {/*opacity: 0;*/}

section {font-size: 1.1em;}

.arrea {color: #E67C1E;}

.back-to-top {float: right;color: #666666;text-transform: uppercase;font-size: 11px;}

.more-url {margin-top: 15px;}
p {margin: 0 0 15px;}

.pic-ele {
    position: relative;
    height: auto;
    overflow: hidden;
}

.pic-ele picture {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-size: cover;
    bottom: 0px;
    right: 0px;
}

@media (max-width: 768px) {
  .pic-ele picture img, .gallery-slider {max-width: inherit !important;}
}



    /* header */

header {min-height: 155px;padding-top: 20px;font-size: 1.3em;text-transform: uppercase;position: relative;z-index: 10;}
header .level1 a {}
header .level2 a {font-size: .8em;}
header .level2 {margin-top: 5px;}
 
.navbar-toggle .icon-bar {background-color: #563D7C;}
.navbar-brand {padding-right: 0;float: right;padding-top: 15px;}
.navbar-right {margin-right: -30px;position: relative;}
.navbar-right img {max-width: 130px;}

.language {float: right;}
.language li a{padding: 7.5px 3.75px;font-size: 0.8em;}


section.container {margin-bottom: 70px;}
section.container .col-md-4 p {margin: 0px 0px 0px;line-height: 1.5;}


    /* main nav */
@media (min-width: 768px) {
  .navbar-nav {clear: both;}
  .navbar-collapse {padding-left: 0;margin-left: -30px!important;}
  header .nav > li > a {padding-bottom: 0}
  header .nav > li > a:hover {background-color: transparent;}
  header .nav > li.active > a {font-weight: bold;}
  .navbar-header .navbar-brand {display: none;}
  header .language > li.active > a {/*padding: 4px 3px;*/}
  header .level2 > li.active > a {/*padding-top: 14px;*/}
}

@media (max-width: 768px) {
  .navbar-header .navbar-brand {float: left!important;}
  .navbar-header img {max-width: 130px;padding-top: 1px;}
  .navbar-right .navbar-brand {display: none;}
  .language {float: left;padding-right: 10px;padding-left: 10px;}
  .language li {float: left;}
  .navbar-right {margin-right: 0px;}
  
  .navbar-collapse {background: #efefef;margin-bottom: 5px;border: 1px solid #fefefe;}
  .navbar-collapse a {border-bottom: 1px solid #FFFFFF;}
  .language a {border-bottom: 0px;}
}



.social-right {float: right;margin-top: 20px;}
ul.social-icons li {
    float: left;
    margin-left: 5px;
    list-style-type: none;
    transition: all 0.2s ease 0s;
}


.news-date {color: #C6C8CC;}
.subcontent {margin-top: 40px;color: #87898D;font-size: .9em;}
.subcontent a {margin-top: 40px;color: #87898D;}


    /* projects nav */
.projects-index #page-header-wrapper {margin-bottom: 13px!important;}
.projectsMenu {position: relative;z-index: 1001;float: right;}

.myDiv {width: 104.8%;top: -50px;}

figure.project-list {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
figure.project-list a::after {
    content: "";
    position: absolute;
    transition: background 0.3s ease-in-out 0s;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.figcaption {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    color: #FFFFFF;
    font-size: 110%;
    line-height: 18px;
    margin: 3px 0 0;
    bottom: 0;
    padding: 6em 0.5em 0.5em;
    text-align: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s !important;
    -moz-transition: opacity 0.3s ease-in-out 0s !important;
    -o-transition: opacity 0.3s ease-in-out 0s !important;
    transition: opacity 0.3s ease-in-out 0s !important;
    position: absolute;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}
figure.project-list:hover .figcaption {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {/*box-shadow: 0 0 20px #efefef;-moz-box-shadow: 0 0 20px #efefef;-webkit-box-shadow: 0 0 20px #efefef;*/margin: 0 auto 1em;position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;float: left}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0; }
.slider-title {position: relative;background-color: #EFEFEF;top:-250px;width:550px;height:180px;float:left;}
.slider-title-txt {position: relative;top:-400px;font-size: 3em;padding: 0 20px;color:#FFFFFF;float:left;width:500px;overflow: hidden;} 
  
 .opacity50 {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50); /* IE 5-7 */
  -moz-opacity: 0.5; /* Netscape */
  -khtml-opacity: 0.5; /* Safari 1.x */
  opacity: 0.5; /* Good browsers */
 }
 
 
    /* footer */
html {/*margin-bottom: 35px;*/min-height: 100%;position: relative;}
footer {font-size: .9em;position: absolute;bottom: 0px;height: 35px;width: 100%;}    
footer .inner {border-top: 1px solid #666;padding: 7.5px 0;letter-spacing: 0.2em;color: #666;font-weight: normal;text-transform: uppercase;}    
footer .f-mail {float: right;}


@media (max-width: 768px) {
  html {margin-bottom: 50px;}
  footer {height: 50px;} 
  .myDiv {width: 108.8%;}
  header {padding-top: 0;min-height: 50px;}
  
}
#main_nav {float: left;}

.navbar-bottom {position: relative;bottom: 0}



.mediar-map {background: url(/skins/default/img/map.jpg) 15px 0 no-repeat;}
.mediar-map small a {color: #BCBCBC!important;}
.mediar-map iframe {max-width: 750px;width: 100%;margin-right: 15px;}

html {
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}


/** RESPONSIVE BREAKPOINTS
================================================**/

section .col-md-1, section .col-md-2, section .col-md-3, section .col-md-4, section .col-md-5, section .col-md-6, section .col-md-7, section .col-md-8, section .col-md-9, section .col-md-10, section .col-md-11 {margin-bottom: 15px;}