/* 
   _____                          _____  
  /  _  \_______   ____   ______ /  |  | 
 /  /_\  \_  __ \_/ __ \ /  ___//   |  |_
/    |    \  | \/\  ___/ \___ \/    ^   /
\____|__  /__|    \___  >____  >____   | 
        \/            \/     \/     |__| 

Ares4 Default Theme 1.0
http://www.ares4.com

*/    

/* Font import */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

/* General */
html {
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body {
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

/* Seach Box */
#search {
    padding: 10px;
    margin: 10px;
    border: 1px solid #000;
    width: 200px;
    box-sizing: border-box;
}

/* Breadcrumb Trail */
#breadcrumb {
    font-size: 14px;
    color: #696969;
    margin-bottom: 10px;
    padding: 20px 0 0 10px;
}
    #breadcrumb a {
        margin: 0 10px 0 0;
        color: #696969;
        text-decoration: none;
    }

/* Information Room */
.ie-grid {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
}
    .ie-grid .grid-sizer {
        width: 100px;
        display: inline-block;
    }
    .ie-grid .grid-gutter {
        width: 10px;
        display: inline-block;
    }

/* Information Unit */
.ie-grid .ie {
    border: 1px solid black;
    position: relative;
    margin-bottom: 0px;
    box-sizing: border-box;
}
    .ie-grid .ie .front-1 {
        cursor: pointer;
        height: 100%;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: white;
    }
        .ie-grid .ie .front-1 h3 {
            margin: 0 0 5px 0;
        }
        .ie-grid .ie .front-1 h4 {
            margin: 0;
        }
    .ie-grid .ie .back-1 {
        height: 100%;
        width: 100%;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: white;
    }
        .ie-grid .ie .back-1 h3 {
            margin: 0 0 0 0;
            font-size: 21px;
        }
        .ie-grid .ie .back-1 h4 {
            margin: 0;
            font-size: 14px;
        }
        .ie-grid .ie .back-1 hr {
            border: none;
            height: 0;
            overflow: hidden;
            margin: 10px 0;
            border-top: 1px solid black;
        }
        .ie-grid .ie .back-1 .ie-close {
            position: absolute;
            right: 0;
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin: 0px 10px 0 0;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }
            .ie-grid .ie .back-1 .ie-close:hover {
                transition: opacity 0.5s ease;
                opacity: 1;
            }
        .ie-grid .ie .back-1 .ie-tabnav {
            margin: -10px 0 0 0;
            height: 30px;
            text-align: right;
        }
            .ie-grid .ie .back-1 .ie-tabnav a {
                text-transform: uppercase;
                text-decoration: none;
                color: #cccccc;
                margin-left: 20px;
                padding-top: 5px;
                cursor: pointer;
                display: inline-block;
                font-size: 13px;
                line-height: 16px;
                border-top: 2px solid white;
            }
		 .ie-grid .ie .back-1 .ie-tabnav a h3 {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        font-size: 13px;
        line-height: 16px;
}

            .ie-grid .ie .back-1 .ie-tabnav .active {
                color: black;
                border-top: 2px solid black;
            }
        .ie-grid .ie .back-1 .ie-tabs {
            height: calc(100% - 88px);
        }
            .ie-grid .ie .back-1 .ie-tabs .ie-tab {
                height: 100%;
                overflow-y: auto;
                margin: 0;
                padding: 0;
                width: 100%;
                font-size: 14px;
                display: none;
            }
        .ie-grid .ie .back-1 .ie-options {
             display: table;
            table-layout: fixed;
            width: 100%;
            height: 25px;
            bottom: 0;
            left: 0;
            background-color: gainsboro;
            position: absolute;
        }
            .ie-grid .ie .back-1 .ie-options div {
                list-style-type: none;
                display: table-cell;
                height: 25px;
                text-align: center;
                vertical-align: middle;
            }
                .ie-grid .ie .back-1 .ie-options div .fa {
                    color: black;
                    opacity: 0.3;
                    font-size: 17px;
                    margin-top: 2px;
                    cursor: pointer;
                    transition: opacity 0.3s ease;
                }
                .ie-grid .ie .back-1 .ie-options div .fa:hover {
                    transition: opacity 0.5s ease;
                    opacity: 1;
                }

/* Information Unit Sizes */
.ie-grid .ie-width-1 {
    width: 100px;
}
    .ie-grid .ie-width-1 h3 {
        font-size: 14px;
    }
    .ie-grid .ie-width-1 h4 {
        font-size: 10px;
    }

.ie-grid .ie-width-2 {
    width: 210px;
}
    .ie-grid .ie-width-2 h3 {
        font-size: 21px;
    }
    .ie-grid .ie-width-2 h4 {
        font-size: 14px;
    }

.ie-grid .ie-width-3 {
    width: 320px;
}
    .ie-grid .ie-width-3 h3 {
        font-size: 37px;
    }
    .ie-grid .ie-width-3 h4 {
        font-size: 19px;
    }


.ie-grid .ie-width-4 {
    width: 430px;
}
    .ie-grid .ie-width-4 h3 {
        font-size: 49px;
    }
    .ie-grid .ie-width-4 h4 {
        font-size: 23px;
    }

.ie-grid .ie-height-1 {
    height: 100px;
}

.ie-grid .ie-height-2 {
    height: 210px;
}

.ie-grid .ie-height-3 {
    height: 320px;
}

.ie-grid .ie-height-4 {
    height: 430px;
}

.ie-grid .ie-maximized {
    width: 430px;
    height: 430px;
}

/* Responsive */
@media screen and (max-width: 320px) {
    .ie-grid .grid-sizer {
        width: 65px;
        display: inline-block;
    }
    .ie-grid .grid-gutter {
        width: 10px;
        display: inline-block;
    }
    
    .ie-grid .ie-width-1 {
        width: 67.5px;
    }
        .ie-grid .ie-width-1 h3 {
            font-size: 11px;
        }
        .ie-grid .ie-width-1 h4 {
            font-size: 7px;
        }
        
    .ie-grid .ie-width-2 {
        width: 145px;
    }
        .ie-grid .ie-width-2 h3 {
            font-size: 18px;
        }
        .ie-grid .ie-width-2 h4 {
            font-size: 10px;
        }
        
    .ie-grid .ie-width-3 {
        width: 222.5px;
    }
        .ie-grid .ie-width-3 h3 {
            font-size: 34px;
        }
        .ie-grid .ie-width-3 h4 {
            font-size: 16px;
        }
        
    .ie-grid .ie-width-4 {
        width: 300px;
    }
        .ie-grid .ie-width-4 h3 {
            font-size: 46px;
        }
        .ie-grid .ie-width-4 h4 {
            font-size: 20px;
        }
        
    .ie-grid .ie-height-1 {
        height: 67.5px;
    }
    .ie-grid .ie-height-2 {
        height: 145px;
    }
    .ie-grid .ie-height-3 {
        height: 222.5px;
    }
    .ie-grid .ie-height-4 {
        height: 300px;
    }

    .ie-grid .ie-maximized {
        width: calc(100% - 20px);
        max-width: 300px;
        height: 300px;
    }
}

/* Custom Bereich le ROUX */
body {
	background-color: #FFF;
	letter-spacing: 0.5px;
	padding: 0 0 100px 0;
	margin: 0 0 100px 0;
}
p {
	margin: 5px 0px;
}
hr {
	margin: 10px 0;
}
.site-wrapper {
	/*max-width:1008px;*/
	/*max-width:1120px;*/
/*	max-width: 1881px;*/
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}

.font-1 h2, span.font-1{
    font-size: 16px !important;
    line-height: 18px !important;
}

.tabnav {
	margin: -10px 0 0 0;
}
.tabs {
/*	height:100%;*/
}

.tab {
	overflow: hidden;
	max-height: 320px;
}

.tab-0 {
/*	height:100%;*/
}

.tab-1 {
/*	height:100%;*/
}

.tab-2 {
/*	height:100%;*/
}
.tabnav a.active {
	color:#000!important;
	border-top:2px solid rgb(228,29,55);
}
/*.carousel, .flickity-viewport {
    height: 97% !important;
}*/
.flickity-prev-next-button {
	display: none;
	top: 25%;
}
/*.content-2:hover .flickity-prev-next-button {
	display: block;
}*/
.flickity-page-dots {
	display: block;
}

#logoframe {
	margin: 0 auto 20px;
}

#searchbar {
/*	overflow: hidden;*/
	margin: 0 auto 20px;
	position: relative;
}
#searchframe {
	position: absolute;
	width: 216px;
	height: 42px;
	margin: 0;
	right: 0;
	top: -62px;
}
img.lupe {
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	height: 28px;
}
#breadcrumb {
	/*display: none;*/
}

#logoframe {
	padding: 20px 0 0 0;
}
#logoframe img.logo {
	width: auto;
	height: 85px;
}

.width-4 {
    width: 438px;
}
.height-4 {
    height: 438px;
}

TEMP#grid {
	-ms-transform: scale(-ms-calc(max-device-width / 1008px)); /* IE 9 */
	-ms-transform-origin: 0 0;
	-moz-transform: scale(-moz-calc(max-device-width / 1008px)); /* Firefox */
	-moz-transform-origin: 0 0;
	-o-transform: scale(-o-calc(max-device-width / 1008px)); /* Opera */
	-o-transform-origin: 0 0;
	-webkit-transform: scale(-webkit-calc(max-device-width / 1008px));
	-webkit-transform-origin: 0 0;
	transform: scale(calc(max-device-width / 1008px));
	transform-origin: 0 0;
	width:calc(max-device-width / 1008);
}
#grid {
	-ms-transform: scale(-ms-calc(max-device-width / 99%)); /* IE 9 */
	-ms-transform-origin: 0 0;
	-moz-transform: scale(-moz-calc(max-device-width / 99%)); /* Firefox */
	-moz-transform-origin: 0 0;
	-o-transform: scale(-o-calc(max-device-width / 99%)); /* Opera */
	-o-transform-origin: 0 0;
	-webkit-transform: scale(-webkit-calc(max-device-width / 99%));
	-webkit-transform-origin: 0 0;
	transform: scale(calc(max-device-width / 99%));
	transform-origin: 0 0;	
	width: 99%;
}

.content-2.font-color-1,
.content-2.font-color-1 hr {
    color: rgb(100,100,100);
}
.content-2.font-color-2,
.content-2.font-color-2 hr {
    color: rgb(100,100,100);
}
.content-2 span.font-1,
.content-2 span.font-2 {
    color: rgb(228,29,55);	
}

.content-2 hr {
	width: 100%;
	height: 0px;
	border: none;
	border-top: solid 1px rgb(228,29,55);
}

.content-2 ul li {
	list-style-type: square;
}

.content-2 .options {
    position: absolute;
    /*display: table;
    table-layout: fixed;*/
    width: 96%;
    height: 40px;
    bottom: 0;
    left: 0;
	text-align: right;
    background: none;
	border-top: solid 1px rgb(228,29,55);
	padding: 2px 0 0 0;
	margin: 0 2%;
}
.content-2 .options div {
    list-style-type: none;
    /*display: table-cell !important;*/
	display: inline-block !important;
	width: 25px;
    height: 24px;
    text-align: center;
    /*vertical-align: middle;*/
	margin: 0 0 0 30px;
}
.content-2 .options div .fa {
	font-size: 28px;
	margin: 3px 0 0 0;
}

#footer {
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
	background-color: rgb(228,29,55);
	z-index: 3000;
}
#footerinhalt {
	width: 100%;
	max-width: 995px;
	margin: 0 auto;
}
#footerinhalt img {
	width: auto;
	height: 35px;
	margin: 0px 0 0 0px;
}
#footerinhalt ul {
	float: right;
	width: auto;
	padding: 0;
	margin: 10px 10px 0 0;
}
#footerinhalt ul li {
	display: inline-block;
	width: auto;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 20px;
}
#footerinhalt ul li a {
	display: inline-block;
	color: #696969;
	text-decoration: none;
}

.close-btn {
    top: 6px;
	right: 10px;
    margin: 0;
}
.content-2 span {
	display: block;
	padding: 0 24px 0 0;
/*	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	*/
}

.close-btn .fa {
	font-size: 32px;
}

a#layerclose {
	text-align: center;
	vertical-align: middle;
    color: #fff;
    border: none;
    /*background-color: #0087BD;*/
	background-color: none;
	
}
a#layerclose .fa {
	/*color: #fff !important;*/
	color: rgb(228,29,55);
	opacity: 1 !important;
	position: absolute;
	top: 4px;
	right: 7px;
}
#layerinhalt {
	/*border: solid 1px #0087BD;*/
	border: solid 1px red;
}


.font_10 {
	font-size: 10px;
}
.font_11 {
	font-size: 11px;
}
.font_12 {
	font-size: 12px;
}
.font_13 {
	font-size: 13px;
}
.font_14 {
	font-size: 14px;
	line-height: 14px;
}
.font_15 {
	font-size: 15px;
	line-height: 14px;
}
.font_16 {
	font-size: 16px;
	line-height: 15px;
}
.font_17 {
	font-size: 17px;
	line-height: 16px;
}
.font_18 {
	font-size: 18px;
	line-height: 18px;
}
.font_19 {
	font-size: 19px;
	line-height: 19px;
}
.font_20 {
	font-size: 20px;
	line-height: 20px;
}
.font_22 {
	font-size: 22px;
	line-height: 22px;
}
.font_24 {
	font-size: 24px;
	line-height: 24px;
}
.font_26 {
	font-size: 26px;
	line-height: 26px;
}
.font_28 {
	font-size: 28px;
	line-height: 28px;
}
.font_30 {
	font-size: 30px;
	line-height: 30px;
}
.font_32 {
	font-size: 32px;
	line-height: 32px;
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
	#logoframe {
		text-align: center;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
	}
	#logoframe img.logo {
		width: auto;
		height: 70px;
	}
	#searchbar {
	    overflow: hidden;
	}
	#searchframe {
		overflow: hidden;
		width: 100%;
		height: 48px;
		margin: 0 5px 0 0;
		position: relative;
		right: auto;
		top: auto;		
	}
	#searchbar #search, #searchbar #search:focus {
		width: 100%;
		margin-right: 0;
	}
	img.lupe {
		top: 10px;
		left: 8px;
	}
	
	#layerinhalt {
		width: 80%;
		height: 70%;
	}
		
	.font_18 {
		font-size: 18px;
		line-height: 20px;
	}
}
@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
	#footer {
		text-align: center;
	}
	#footerinhalt img {
		width: auto;
		height: 25px;
		margin: 10px 0 0 -40px;
	}
	#footerinhalt ul {
		/*clear: both;
		width: 100%;*/
		margin: 12px 20px 10px 0;
	}
	#footerinhalt ul li {
		/*width: 45%;*/
		font-size: 12px;
		text-align: center;
		padding: 0 0 0 10px;
		margin: 0;
	}
}

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
	/*#breadcrumb {
		margin-right: 250px;
	}*/
}

@media screen and (max-width: 769px), screen and (max-device-width: 769px) {
	
	#grid {
	        -ms-transform: scale(1.11);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(1.11);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.11);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.11);
        -webkit-transform-origin: 0 0;
        transform: scale(1.11);
        transform-origin: 0 0;
		
		
	width:90.09%;
	}
}

@media screen and (max-width: 601px), screen and (max-device-width: 601px) {
	
		#grid {
	        -ms-transform: scale(1.02);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(1.02);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.02);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 0 0;
        transform: scale(1.02);
        transform-origin: 0 0;
	
	width:98.5%;
	}
}

@media screen and (max-width: 436px), screen and (max-device-width: 436px) {
	
		#grid {
	        -ms-transform: scale(0.92);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.92);

        -moz-transform-origin: 0 0;
        -o-transform: scale(0.92);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.92);
        -webkit-transform-origin: 0 0;
        transform: scale(0.92);
        transform-origin: 0 0;
	
	width:109%;
	}
}

@media screen and (max-width: 415px), screen and (max-device-width: 415px) {
	
		#grid {
	        -ms-transform: scale(0.88);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.88);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.88);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.88);
        -webkit-transform-origin: 0 0;
        transform: scale(0.88);
        transform-origin: 0 0;
	
	width:115%;
	}
}

@media screen and (max-width: 376px), screen and (max-device-width: 376px) {
	
		#grid {
	        -ms-transform: scale(0.8);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.8);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        transform: scale(0.8);
        transform-origin: 0 0;
	
	width:126%;
	}
}

@media screen and (max-width: 361px), screen and (max-device-width: 361px) {
	
		#grid {
	        -ms-transform: scale(0.75);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
        transform: scale(0.75);
        transform-origin: 0 0;
	
	width:133.33%;
	}
}

@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
	
		#grid {
	        -ms-transform: scale(0.67);
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.67);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.67);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.67);
        -webkit-transform-origin: 0 0;
        transform: scale(0.67);
        transform-origin: 0 0;
	
	width:150%;
	}
}
.fa {
    color: rgb(228,29,55)!important;
	opacity: 1;
	border-bottom: none!important;
}
.fa:hover{
   opacity: 0.65;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.content-2 a {
	color: rgb(228,29,55);
	text-decoration: none;
	border-bottom: solid 1px rgb(228,29,55);
	transition: border-bottom 0.25s ease-in-out;
}
.content-2 a:visited {
	color: rgb(228,29,55);
	text-decoration: none;
}
.content-2 a:hover {
	color: rgb(228,29,55);
	text-decoration: none;
	border-bottom: solid 1px #FFF;	
}
.content-2 a.fa {
    color: rgb(228,29,55)!important;
	opacity: 1;
}

.content-2 a.close-btn,
.content-2 .options a,
.tabnav a,
.content-2 a[href^="/leROUX/images/"]
{
	border-bottom: none!important;	
}
.flickity-page-dots .dot {
    background: rgb(228,29,55);
}
.carousel, .flickity-viewport {
    height: 99% !important;
}
.carousel-cell {
    height: 300px!important;
	overflow-y: auto;
}

#layerinhalt {
	overflow: auto !important;
}

/* le ROUX Bilbao custom*/
.header {
	position: relative;
}
.ie-grid a {
	text-decoration: none;
}
.ie h3 {
	background: rgba(0,0,0,.5);
	margin: -10px -10px 0 !important;
	padding: 10px 10px 6px !important;
	overflow: hidden;
	text-overflow: ellipsis;	
   color: #FFF !important;	
}
.ie h4 {
	background: rgba(0,0,0,.5);
	margin: 0 -10px 0 !important;
	padding: 0 10px 6px !important;
	overflow: hidden;
	text-overflow: ellipsis;	
   color: #FFF !important;	
}
.ie .back h3 {
	background: rgba(0,0,0,0);
   	color: rgb(228,29,55) !important;	
	padding: 10px 20px 0 10px !important;	
}
#searchbar {
	height: 380px;
	background: url(https://www.leroux.de/site/assets/files/ares4/ares4_hintergrund.jpg) left top no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 16px;
}
#searchbar::before {
	content: "";	
	width: 100px;
	height: 177px;
	background: url(https://www.leroux.de/site/assets/files/ares4/leROUX.svg) left top no-repeat;
	background-size: contain;
	display: block;
}
#searchbar #search, #searchbar #search:focus {
	margin: 0;
}
#breadcrumb {
    padding: 4px 20px;
	background: rgba(255,255,255,1);
	margin: 0;
	position: absolute;
	bottom: 0;
}
.ie-grid .ie {
	border: none;
	margin-bottom: 10px;
}
.ie-grid .ie .back-1 .ie-options div .fa {
   color: rgb(228,29,55)!important;
	opacity: 1;
	font-size: 17px;
	margin-top: 2px;
	cursor: pointer;
	transition: opacity 0.3s ease;
}
.ie-grid .ie .back-1 .ie-options div .fa:hover,
.ie-grid .ie .back-1 .ie-options div .fa:focus {
   opacity: 0.65;
}
.ie-grid .ie-width-2 h3 {
	font-size: 20px;
}
.ie-grid .ie-width-3 h3 {
	font-size: 34px;
}
.ie-grid .ie-width-3 h4 {
	font-size: 20px;
}
.ie-grid .ie-width-4 h3 {
	font-size: 46px;
}
.ie-grid .ie-width-4 h4 {
	font-size: 22px;
}
.ie-grid .ie .back-1 .ie-close {
	color: rgb(228,29,55)!important;
	opacity: 1;
}
.ie-grid .ie .back-1 .ie-close:hover {
	opacity: 0.65;
}
.ie-grid .ie .back-1 .ie-tabnav .active {
    color: rgb(228,29,55)!important;
    border-top: 2px solid rgb(228,29,55)!important;
}
.ie-grid .ie .back-1 hr {
    border-top: 1px solid rgb(228,29,55)!important;
}
.ie-grid .ie .back-1 .ie-options {
	border-top: 1px solid rgb(228,29,55)!important;	
	background-color: #FFF;
}
.ie-grid .ie .back-1 .ie-tabnav a {
	max-width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	margin-left: 5%;
}
		 .ie-grid .ie .back-1 .ie-tabnav a h3 {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        font-size: 13px;
        line-height: 16px;
}

.ie-grid .ie .back-1 .ie-tabnav a:first-child {
	margin-left: 0;
}
.ie-grid .ie .back-1 .ie-tabnav a:only-child {
	max-width: 100%;
}
.ie-tabs a {
	color: rgb(228,29,55);
	text-decoration: none;
	border-bottom: solid 1px rgb(228,29,55);
	transition: border-bottom 0.25s ease-in-out;	
}
.ie-tabs a:visited {
	color: rgb(228,29,55);
	text-decoration: none;
}
.ie-tabs a:hover {
	color: rgb(228,29,55);
	text-decoration: none;
	border-bottom: solid 1px #FFF;	
}
#searchbar #search, #searchbar #search:focus {
	width: 214px;
	border: 1px solid rgb(228,29,55);
	border-radius: 0 !important;
	background: #e9ebed;
	background: -moz-linear-gradient(top, #e9ebed 0%, #ffffff 50%);
	background: -webkit-linear-gradient(top, #e9ebed 0%,#ffffff 50%);
	background: linear-gradient(to bottom, #e9ebed 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ebed', endColorstr='#ffffff',GradientType=0 );
	padding: 10px 5px 10px 5px;
	outline: none;
	font-size: 2em;
	width: 75%;
	margin: 60px auto 0;
	display: table;	
}
@media screen and (max-width: 600px) {
	#searchbar {
		background: none;
		height: auto;
	}
	#searchbar::before {
		width: 75px;
		height: 133px;
	}
	#searchbar #search, #searchbar #search:focus {
		width: 100%;
		margin: 16px auto 32px;
	}	
	#breadcrumb {
		position: relative;
		padding: 4px 0;
	}	
}
/* Cimi Test */
.ie-grid .ie .front {-webkit-transition: all 0.25s ease-in-out!important;-moz-transition: all 0.25s ease-in-out!important;-o-transition: all 0.25s ease-in-out!important;transition: all 0.25s ease-in-out!important;}	
.ie-grid .ie .front:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.ie-grid .ie .front,
.ie-grid .ie .back {
    transition: box-shadow .25s;	
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
}
.ie-grid .ie .front:hover,
.ie-grid .ie .back:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25),0 3px 10px 0 rgba(0,0,0,0.25);
}