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

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 */

        #ares4 {
            min-height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            font-family: 'Open Sans', sans-serif;
            background-color: #d5d5d5 !important;
        }
        
        #ares4 .site-wrapper {
            max-width:1200px;
            min-height: 1920px;
        	background-repeat: no-repeat;
        }
        
        ::-moz-focus-inner, :active, :focus {
        outline:none;
        border:0;
        -moz-outline-style: none;
        }
        
		/* Header */
		
/*	    #header {
    		background-color: #d5d5d5;
    		margin: 0 auto;
    		position: fixed!important;
    		width: 100%;
    		top: 0px;
    		left: 0px;
    		z-index: 2;
    	}
    
    	#ares4 .header-container {
    		max-width: 1510px;
            margin-left: auto;
            margin-right: auto;

    		position: relative;
    	}*/
        
        /* Logo */

        #ares4 #logo img {
            margin: 30px 0px 10px 10px;
            width: auto;
            height: 45px;
            position: relative;
            left: 10px;
            top: 0px;
        }
        
        /* Search Box */
        
        #ares4 #searchbar {
            display: inline-block;
    		right: 250px;
    		position: absolute;
    		top: 47px;
    		z-index: 2;
        }

        #ares4 #search {
            padding: 10px;
            margin: 10px;
            border: 0px solid #fff;
            border-radius: 0px !important;
            width: 200px;
            box-sizing: border-box;
            
        }
        
        #ares4 #search:focus {
            outline: 0;
            
        }
        /* Breadcrumb Trail */
        
        #ares4 .breadcrumb-block {
            position: relative;
            margin-left: 674px;
            margin-right: 672px;
        }
        


        #ares4 #breadcrumb {
            max-width: 1510px;
            font-size: 14px;
            color: #fff;
            margin-left: 0px;
            /*margin: 0 auto;*/
            padding: 7px 0 7px 10px;
        }

        #ares4 #breadcrumb a {
            margin: 0 10px 0 0;
            color: #696969;
            text-decoration: none;
            
        }
        
        /* Menu */
        
/*        #ares4 #static-menu {
    		display: inline-block;
    		width: 50px;
    		height: 50px;
    		top: 47px;
    		right: 155px;
    		position: absolute;
    		z-index: 3001;
    	}
    	
    	#ares4 #static-menu:hover {
    		cursor: pointer;
    	}

    	#ares4 #static-menu:hover .menuicon-bread-top,
    	#ares4 #static-menu:hover .menuicon-bread-mid,
    	#ares4 #static-menu:hover .menuicon-bread-bottom {
    		background-color: #ccc;
    	}

    	#ares4 #static-menu .menuicon-bread-top {
    		position: absolute;
    		width: 50%;
    		height: 2px;
    		background-color: #fff;
    		top: 30%;
    		left: 25%;
    	}

    	#ares4 #static-menu .menuicon-bread-mid {
    		position: absolute;
    		width: 50%;
    		height: 2px;
    		background-color: #fff;
    		top: 50%;
    		left: 25%;
    	}

    	#ares4 #static-menu .menuicon-bread-bottom {
    		position: absolute;
    		width: 50%;
    		height: 2px;
    		background-color: #fff;
    		top: 70%;
    		left: 25%;
    	}

    	#ares4 #static-menu .active-menu-block {
    		display:none;
    		position: absolute;
    		top: 50px;
    		right: 0px;
    		width: 270px;
    		background-color: #fff;
    	}
    	#ares4 #static-menu .active-menu-block.active {
    		display: block;
    		z-index: 3;
    	}
    	#ares4 #static-menu .active-menu-block li {
    		padding: 0 10px;
    		list-style: none;
    		background-color: #fff;
    		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.21);
    		color: #000;
    	}
    	#ares4 #static-menu .active-menu-block li:hover {
    		background-color: #666;
    		color: #666;
    	}
    	#ares4 #static-menu .active-menu-block a {
    		font-size: 14px;
    		text-decoration: none;
    		color: inherit;
            padding: 10px 0;
            display: inline-block;
            width: 100%;
    	}
    
        #ares4 #main {
           padding: 133px 0 0 0;
        }
*/        
		/* Footer */
		
		#ares4 .site-info {
		    top: 0;
		    right: 0;
            position: absolute;
		}
		
		#ares4 .heimgruppe{
		    position: absolute;
            top: 0px;
            left: 0;
            display: inline-flex;
		}
		
		#ares4 #footer .heimgruppe ul  {
        	display: inline-block;
        	width: auto;
        	text-align: left;
        	list-style-type: none;
        }
        
        #ares4 #footer .heimgruppe ul li {
        	display: inline-block;
        	width: auto;
        	text-align: left;
        	list-style-type: none;
        	padding: 0;
        	margin: 0 0px 0px 20px;
        }
		
		#ares4 #footer .heimgruppe ul li a {
        	display: inline-block;
        	color: #333;
        	text-decoration: none;
        }   
        
		#ares4 #footer {
	        overflow: hidden;
            position: absolute;
            bottom: 0px !important;
            left: 0px;
            width: 100%;
            height: 45px;
            text-align: left;
            background-color: #d5d5d5;
            z-index: 1;
        }
        
        #ares4 #footerinhalt {
        	width: 100%;
        	max-width: 1310px;
        	margin: 0 auto;
        }
                
        #ares4 #footer img {
        	width: auto;
        	height: 30px;
        	margin: 7px 0 0px  0px;
        }
		
        #ares4 #footer ul {
        	float: right;
        	width: auto;
        	padding: 0;
        	margin: 15px 10px 0 0;
        }
		
        #ares4 #footer ul li {
        	display: inline-block;
        	width: auto;
        	text-align: left;
        	list-style-type: none;
        	padding: 0;
        	margin: 0 0px 0px 20px;
        }
		
        #ares4 #footer ul li a {
        	display: inline-block;
        	color: #333;
        	text-decoration: none;
        }              

        /* Information Room */
        
         #ares4 .ie-grid {
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            padding: 10px 0px 10px 0px;
        }

        #ares4 .ie-grid .grid-sizer {
            width: 15px;
            display: inline-block;
        }

        #ares4 .ie-grid .grid-gutter {
            width: 0px;
            display: inline-block;
        }

        /* Information Unit */

        #ares4 .ie-grid .ie {
            border: 0px solid black;
            position: relative;
            margin-bottom: 0px;
            box-sizing: border-box;
        }

        #ares4 a.front {
            text-decoration: none;
        }
        

        /* CSS-style 1 background white */

        #ares4 .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: #ffffff !important;
        }

        #ares4 .ie-grid .ie .front-1 h3 {
            margin: 0 0 5px 0;

        }

        #ares4 .ie-grid .ie .front-1 h4 {
            margin: 0;

        }
        
       /* CSS-style 2 background orange fcbb3a  */

        #ares4 .ie-grid .ie .front-2 {
            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: #fcbb3a !important;
        }

        #ares4 .ie-grid .ie .front-2 h3 {
            margin: 0 0 5px 0;

        }

        #ares4 .ie-grid .ie .front-2 h4 {
            margin: 0;

        }
        
       /* CSS-style 3 background orange f9982c */

        #ares4 .ie-grid .ie .front-3 {
            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: #f9982c !important;
        }

        #ares4 .ie-grid .ie .front-3 h3 {
            margin: 0 0 5px 0;

        }

        #ares4 .ie-grid .ie .front-3 h4 {
            margin: 0;

        }
        
       /* CSS-style 4 background orange ee7c24 */

        #ares4 .ie-grid .ie .front-4 {
            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: #ee7c24 !important;
        }

        #ares4 .ie-grid .ie .front-4 h3 {
            margin: 0 0 5px 0;

        }

        #ares4 .ie-grid .ie .front-4 h4 {
            margin: 0;

        }
        
       /* CSS-style 5 background gray DDDDDD */

        #ares4 .ie-grid .ie .front-5 {
            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: #dddddd !important;
        }

        #ares4 .ie-grid .ie .front-5 h3 {
            margin: 0 0 5px 0;

        }

        #ares4 .ie-grid .ie .front-5 h4 {
            margin: 0;

        }

        #ares4 .ie-grid .ie .back {}

        /* Back 1 */
        
        #ares4 .ie-grid .ie .back-1 {
            height: 100%;
            width: 50%;
            padding: 10px 10px 10px 10px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: white;
        }

        #ares4 .ie-grid .ie .back-1 h2 {
            margin: 0 0 0 0;
            font-size: 21px;
        }

        #ares4 .ie-grid .ie .back-1 h3 {
            margin: 0;
            font-size: 16px;
        }

        #ares4 .ie-grid .ie .back-1 hr {
            border: none;
            height: 0;
            overflow: hidden;
            margin: 10px 0;
            border-top: 1px solid black;
        }

        #ares4 .ie-grid .ie .back-1 .ie-close {
            position: absolute;
            right: 600px !important;
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin: 0px 10px 0 0;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-1 .ie-close:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabnav {
            margin: -10px 0 0 0;
            height: 30px;
            text-align: right;
        }

        #ares4 .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;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabnav a h3 {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            font-size: 16px;
            line-height: 16px;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabnav .active {
            color: black;
            border-top: 2px solid black;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabs {
            height: calc(100% - 88px);
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab {
            height: 100%;
            overflow-y: auto;
            margin: 0;
            padding: 0;
            width: 100%;
            font-size: 16px !important;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab a {
            color: #ee7c24 !important;
        }

        #ares4 .ie-grid .ie .back-1 .ie-options {
            display: table;
            table-layout: fixed;
            width: 50%;
            height: 25px;
            bottom: 0;
            left: 0;
            background-color: gainsboro;
            position: absolute;
        }

        #ares4 .ie-grid .ie .back-1 .ie-options div {
            list-style-type: none;
            display: table-cell;
            height: 25px;
            text-align: center;
            vertical-align: middle;
        }

        #ares4 .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;
        }

        #ares4 .ie-grid .ie .back-1 .ie-options div .fa:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }
        
        /* Back 2 */
        #ares4 .ie-grid .ie .back-2 {
            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;
        }

        #ares4 .ie-grid .ie .back-2 h2 {
            margin: 0 0 0 0;
            font-size: 21px;
        }

        #ares4 .ie-grid .ie .back-2 h3 {
            margin: 0;
            font-size: 16px;
        }

        #ares4 .ie-grid .ie .back-2 hr {
            border: none;
            height: 0;
            overflow: hidden;
            margin: 10px 0;
            border-top: 1px solid black;
        }

        #ares4 .ie-grid .ie .back-2 .ie-close {
            position: absolute;
            right: 0px !important;
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin: 0px 10px 0 0;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-2 .ie-close:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav {
            margin: -10px 0 0 0;
            height: 30px;
            text-align: right;
        }

        #ares4 .ie-grid .ie .back-2 .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;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav a h3 {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            font-size: 16px;
            line-height: 16px;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav .active {
            color: black;
            border-top: 2px solid black;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabs {
            height: calc(100% - 88px);
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabs .ie-tab {
            height: 100%;
            overflow-y: auto;
            margin: 0;
            padding: 0;
            width: 100%;
            font-size: 16px !important;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab a {
            color: #ee7c24 !important;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options {
            display: table;
            table-layout: fixed;
            width: 100%;
            height: 25px;
            bottom: 0;
            left: 0;
            background-color: gainsboro;
            position: absolute;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options div {
            list-style-type: none;
            display: table-cell;
            height: 25px;
            text-align: center;
            vertical-align: middle;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options div .fa {
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin-top: 2px;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options div .fa:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }

        /* Information Unit Sizes */

        #ares4 .ie-grid .ie-width-1 {
            width: 150px;
        }

        #ares4 .ie-grid .ie-width-1 h3 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-1 h4 {
            font-size: 10px;
        }

        #ares4 .ie-grid .ie-width-2 {
            width: 300px;
        }

        #ares4 .ie-grid .ie-width-2 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-2 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-3 {
            width: 300px;
        }

        #ares4 .ie-grid .ie-width-3 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-3 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-4 {
            width: 600px;
        }

        #ares4 .ie-grid .ie-width-4 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-4 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-5 {
            width: 500px;
        }

        #ares4 .ie-grid .ie-width-5 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-5 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-6 {
            width: 600px;
        }

        #ares4 .ie-grid .ie-width-6 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-6 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-7 {
            width: 700px;
        }

        #ares4 .ie-grid .ie-width-7 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-7 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-8 {
            width: 1200px;
        }

        #ares4 .ie-grid .ie-width-8 h3 {
            font-size: 44px;
        }

        #ares4 .ie-grid .ie-width-8 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-height-1 {
            height: 150px;
        }

        #ares4 .ie-grid .ie-height-2 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-3 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-4 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-5 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-6 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-7 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-height-8 {
            height: 300px;
        }

        #ares4 .ie-grid .ie-maximized {
            width: 1200px;
            height: 600px;
        }

 

        /* Responsive */
        
        /*Microsoft Edge specific*/
        @supports (-ms-ime-align: auto) {
        #ares4 #breadcrumb {
            margin-left: -145px !important;
            }

        }

        /*MacOS Safari specific*/
        @media not all and (min-resolution:.001dpcm)
        { @supports (-webkit-appearance:none) {

        #ares4 .breadcrumb-block {
            margin-left: 537px !important;
            margin-right: 537px !important;
            }

        #ares4 #breadcrumb {
            margin-left: 0px !important;
            }
        
        #ares4 #logo img {
            margin: 30px 0px 10px 147px !important;
            }
        
        #ares4 #static-menu {
    		right: 156px !important;
        	}

        #ares4 #searchbar {
    		right: 250px !important;
            }
        }}

        /*most popular laptop screen width*/
        @media screen and (max-width: 1366px) {
        #ares4 .breadcrumb-block {
            margin-left: 84px !important;
            margin-right: 85px;
        }

        #ares4 #breadcrumb {
            margin-left: 0px !important;
        }
        
        #ares4 #logo img {
            margin: 30px 0px 10px 75px !important;
        }
        
        #ares4 #static-menu {
    		right: 85px !important;
    	}

        #ares4 #searchbar {
    		right: 175px !important;
        }

    }

/*------------------------------------------------------------------------------
                                Tablet portrait
------------------------------------------------------------------------------*/
            @media screen and (max-width: 768px) {
       
            #ares4 .site-wrapper {
               max-width: 704px !important;
               max-height: 600px !important;
            }
           
            #ares4 .ie-grid .ie .back-1 .ie-tabs {
                height: calc(100% - 0px);
            }
       
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab img {
                height: auto !important;
                width: 40% !important;
            }
   
   
           #ares4 .ie-grid .ie-maximized {
            width: 704px !important;
            height: 704px !important;
            max-width: 704px;
        }
        
        #ares4 .ie-grid {
                width: 704px !important;
                left: -0px !important;
                margin: auto;
            }

        #ares4 #logo img {
            margin: 30px 0px 10px 20px !important;
            width: auto;
            height: 45px;
            position: relative;
            left: 10px;
            top: 0px;
        }
        
        #ares4 .breadcrumb-block {
            position: relative !important;
            margin-left: 20px !important;
            margin-right: 0px !important;
            background-color: #d5d5d5;
        }

        #ares4 #breadcrumb {
            max-width: 335px !important;
            font-size: 14px;
            color: #fff;
            margin-left: -0px !important;
        }

        #ares4 #breadcrumb a {
            margin: 0 10px 0 -0px;
            color: #696969;
            text-decoration: none;
        }

            #ares4 #static-menu {
    		right: 31px !important;
    	}

        #ares4 #searchbar {
    		right: 198px !important;
        }
        
        #ares4 #search {
            width: 176px !important;            
        }

        
        #ares4 #footer {
        	bottom: 500px !important;
        }

        #ares4 .ie-grid .grid-sizer {
                width: 88px !important;
                display: inline-block;
            }
            
        #ares4 .ie-grid .grid-gutter {
                width: 0px;
                display: inline-block;
            }
        
        #ares4 .ie-grid .ie-width-1 {
                width: 88px;
            }
            
        #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 11px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 176px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 352px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 704px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 88px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 176px;
            }
            #ares4 .ie-grid .ie-height-3 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 352px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 176px;
            }

    }

/*------------------------------------------------------------------------------
                                Tablet landscape
------------------------------------------------------------------------------*/
        @media screen and (min-width: 769px) and (max-width: 1024px) {
       
            #ares4 .site-wrapper {
               max-width: 960px !important;
               max-height: 600px !important;
            }
           
            #ares4 .ie-grid .ie .back-1 .ie-tabs {
                height: calc(100% - 0px);
            }
       
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab img {
                height: auto !important;
                width: 40% !important;
            }
   
   
           #ares4 .ie-grid .ie-maximized {
            width: 960px !important;
            height: 480px !important;
        }
        
        #ares4 .ie-grid {
                width: 960px !important;
                left: -0px !important;
                margin: auto;
            }

        #ares4 #logo img {
            margin: 30px 0px 10px 20px !important;
            width: auto;
            height: 45px;
            position: relative;
            left: 10px;
            top: 0px;
        }
        
        #ares4 .breadcrumb-block {
            margin-left: 31px !important;
            margin-right: 31px;
        }

            #ares4 #breadcrumb {
            margin-left: 0px !important;
        }
            #ares4 #static-menu {
    		right: 31px !important;
    	}

        #ares4 #searchbar {
    		right: 265px !important;
        }

        #ares4 #search {
            width: 240px !important;            
        }
        
            #ares4 #footer {
        	bottom: 290px !important;
        }



            #ares4 .ie-grid .grid-sizer {
                width: 120px !important;
                display: inline-block;
            }
            #ares4 .ie-grid .grid-gutter {
                width: 0px;
                display: inline-block;
            }
        
            #ares4 .ie-grid .ie-width-1 {
                width: 120px;
            }
            #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 11px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 240px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 480px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 960px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 120px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 240px;
            }
            #ares4 .ie-grid .ie-height-3 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 176px;
            }

    }

/*------------------------------------------------------------------------------
                                Phone portrait
------------------------------------------------------------------------------*/
        @media screen and (max-width: 414px) {
            
            #ares4 .site-wrapper {
               max-width: 335px !important;
               max-height: 3000px !important;
            }
           
            #ares4 #footer {
        	bottom: -0px !important;
        }
            #ares4 #static-menu {
        		display: inline-block;
        		width: 50px;
        		height: 50px;
        		background-color: #d5d5d5 !important;
        		top: 21px;
        		right: 10px !important;
        		position: absolute;
        		z-index: 3001;
        	}
        	
        	#ares4 #searchbar {
                display: inline-block;
                left: 10px;
                position: absolute;
                top: 110px;
                z-index: 2;
                width: 100%;
                background-color: #d5d5d5;
            }
            
            #ares4 #search {
            width: 167.5px !important;            
        }

            
        /* Breadcrumb Trail */
        
        #ares4 .breadcrumb-block {
            position: relative !important;
            margin-left: -20px;
            margin-right: 0px !important;
            background-color: #d5d5d5;
        }

        #ares4 #breadcrumb {
            max-width: 335px !important;
            font-size: 14px;
            color: #fff;
            margin-left: -20px !important;
            /*margin: 0 auto;*/
            /*padding: 7px 0 7px 10px;*/
        }

        #ares4 #breadcrumb a {
            margin: 0 10px 0 -0px;
            color: #696969;
            text-decoration: none;
        }
        
            #ares4 #main {
                padding-top: 155px;
            }
            #ares4 #logo img {
                width: auto;
                height: 40px;
                margin: 20px 0px 0 -10px;
                left: -0px;
            }
            
            
            #ares4 #footer img {
                display: none;
            }
            
            #ares4 .ie-grid {
                width: 335px !important;
                left: 0px !important;
                /*margin: auto;*/
            }
            
            #ares4 .ie-grid .grid-sizer {
                width: 41.875px !important;
                display: inline-block;
            }
            
            #ares4 .ie-grid .grid-gutter {
                width: 0px !important;
                display: inline-block;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-close {
                top: 10px;
            }
            
            #ares4 .ie-grid .ie .back-1 h2 {
                margin: 43px 0 0 10px;
                font-size: 16px;
                font-weight: 700;
            }
            
            #ares4 .ie-grid .ie .back-1 h3 {
                margin: 0;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.3;
                width: 92%;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabnav a h3 {
                margin: 0px 5px 0px 7px;
                padding: 0px;
                display: inline-block;
                font-size: 11px !important;
                line-height: 16px;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab {
                height: 100%;
                overflow-y: auto;
                margin: 0;
                padding: 0px 0 0 10px;
                width: 92%;
                font-size: 13px;
                line-height: 1.4;
                font-weight: 300;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab img {
                height: auto !important;
                width: 100% !important;
                margin: 0 0 0 0 !important;
            }
            
            #ares4 .ie-grid .ie-maximized {
                width: calc(100% - 20px);
                width: 335px !important;
                height: 502.5px !important;
            }

            #ares4 .ie-grid .ie .back-1 .ie-tabs {
                height: calc(100% - 117px);
            }
            
            #ares4 .ie-grid .ie-width-1 {
                width: 83.75px;
            }
            #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 7px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 167.5px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 {
                /*width: 222.5px;*/
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 83.75px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-3 {
               /* height: 222.5px;*/
                height: 335px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 167.5px;
            }
        }
        
/*------------------------------------------------------------------------------
                                Phone landscape
------------------------------------------------------------------------------*/
        
                @media screen and (min-width: 415px) and (max-width: 767px) {
            
            #ares4 .site-wrapper {
               max-width: 624px !important;
               max-height: 512px !important;
            }
           
            #ares4 #footer {
        	bottom: 0px !important;
        }
            #ares4 #static-menu {
        		display: inline-block;
        		width: 50px;
        		height: 50px;
        		background-color: #d5d5d5 !important;
        		top: 21px;
        		right: 10px !important;
        		position: absolute;
        		z-index: 3001;
        	}
        	
        	#ares4 #searchbar {
                display: inline-block;
                left: 330px;
                position: absolute;
                top: 20px;
                z-index: 2;
                width: 100%;
                background-color: #d5d5d5;
            }
            
            #ares4 #search {
            width: 156px !important;            
        }

            
        /* Breadcrumb Trail */
        
        #ares4 .breadcrumb-block {
            position: relative !important;
            margin-left: -20px;
            margin-right: 0px !important;
            background-color: #d5d5d5;
        }

        #ares4 #breadcrumb {
            max-width: 624px !important;
            font-size: 10px;
            color: #fff;
            margin-left: -10px !important;
         }

        #ares4 #breadcrumb a {
            margin: 0 10px 0 -0px;
            color: #696969;
            text-decoration: none;
        }
        
            #ares4 #main {
                padding-top: 120px;
            }
            #ares4 #logo img {
                width: auto;
                height: 40px;
                margin: 20px 0px 0 -10px;
                left: -0px;
            }
            
            
            #ares4 #footer img {
                display: none;
            }
            
            #ares4 .ie-grid {
                width: 624px !important;
                left: 0px !important;
                /*margin: auto;*/
            }
            
            #ares4 .ie-grid .grid-sizer {
                width: 78px !important;
                display: inline-block;
            }
            
            #ares4 .ie-grid .grid-gutter {
                width: 0px !important;
                display: inline-block;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-close {
                top: 10px;
            }
            
            #ares4 .ie-grid .ie .back-1 h2 {
                margin: 43px 0 0 10px;
                font-size: 16px;
                font-weight: 700;
            }
            
            #ares4 .ie-grid .ie .back-1 h3 {
                margin: 0;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.3;
                width: 92%;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabnav a h3 {
                margin: 0px 5px 0px 7px;
                padding: 0px;
                display: inline-block;
                font-size: 12px;
                line-height: 16px;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab {
                height: 100%;
                overflow-y: auto;
                margin: 0;
                padding: 0px 0 0 10px;
                width: 92%;
                font-size: 13px;
                line-height: 1.4;
                font-weight: 300;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab img {
                height: auto !important;
                width: 100% !important;
                margin: 0 0 0 0 !important;
            }
            
            #ares4 .ie-grid .ie .back-1 .ie-tabs {
                height: calc(100% - 117px);
            }
            
            #ares4 .ie-grid .ie-maximized {
                width: calc(100% - 20px);
                width: 624px !important;
                height: 468px !important;
            }

            #ares4 .ie-grid .ie-width-1 {
                width: 78px;
            }
            #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 7px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 156px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 {
                /*width: 222.5px;*/
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 312px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 335px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 624px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 14px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 78px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 165px;
            }
            #ares4 .ie-grid .ie-height-3 {
               /* height: 222.5px;*/
                height: 335px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 167.5px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 156px;
            }
        }