/*
 *
 * author: Mike van der Ent Pasarella
 * url: www.tiim.technology
 * date: 09 april 2015
 *
 */
 
body {background:#f9f9f9;}
.container {max-width:960px;}

.cm-top-left,
.cm-top-right {
    margin-top:130px;
}

.work-info {
  min-height:180px;
  display:block;
}

.cm-logo {width:130px;}
.cm-menu {float:right;}

.cm-menu li {
    list-style:none;
    display:inline;
    }

.cm-menu li a { 
    font-family:'Karma', serif;
    color:#000;
    display:inline-block;
    margin-left:20px;
    font-weight:300;
    font-size:16px;
    padding:4px;
    cursor:pointer;
    }

.cm-menu li a:hover {
    background:none;
    padding:4px;
    color:#b17172;
    color:red;
    text-decoration:underline;
    cursor:pointer;
    }

.cm-slogan {margin-top:180px;}
    
.cm-slogan div {    
    font-family:'Karma', serif;
    font-size:27px;
    }

.cm-slogan div span {
    font-family:inherit;
    font-weight:700;
    }

.cm-banner {
    height:500px;
    background-image:url('../img/tiim-banner.jpg');
    background-position:top right;
    margin-top:40px;
    margin-left:-25px;
    margin-right:-25px;
    }

.cm-left-header {
    text-transform:uppercase;
    color:#b17172;
    color:black;
    text-decoration: none;
    font-weight:600;
    font-size:17px;
    padding-top:30px;
    }
    
.cm-work-title {color:#b17172;}

.cm-frame-item-top {
	margin-top:30px;
}

.cm-frame-item-bot {
	margin-bottom:40px;
}

.cm-frame-item {
	margin-top:20px;
	margin-bottom:20px;
}

.article-title {
    font-family:'Karma', serif;
    font-size:20px;
    line-height:33px;
    padding-bottom:20px;
    padding-top:30px;
    }

.article-content {
    color:#999;
    line-height:28px;
    font-size:15px;
    }

.cm-line {
    padding-top:50px;
    padding-bottom:30px;
    }

.cm-line hr {
    background:#dcdcdc;
    }

.cm-float-left {
    float:left;
    width:40%;
    margin-right:50px;
    margin-bottom:50px;
    }

.cm-form div {
    width:40%;
    float:left;
    display:block;
    margin-right:5%;
    }

.cm-form div.cm-textarea {
    width:85%;
    margin-top:25px;
    }

.cm-textarea textarea {
    width:98%;
    height:120px;
    display:inline-block;
    }

.cm-submit {
    width:100%;
    margin-top:25px;
    }

.cm-submit button {
    padding-left:30px;
    padding-right:30px;
    text-transform:uppercase;
    }

.cm-footer {padding-bottom:90px;}
    
.cm-footer span {
    margin-left:40px;
    color:#ccc;
    margin-top:3px;
    }
    
.cm-footer-logo {
    height:24px;
    opacity:0.2;
    }

.back-to-top {
    position:fixed;
    bottom:10px;
    right:0px;
    text-decoration:none;
    color:#000000;
    background-color:rgba(235, 235, 235, 0.55);
    font-size:12px;
    padding:1em;
    display:none;
    margin-right:10px;
    }

.back-to-top:hover {    
    background-color:rgba(135, 135, 135, 0.2);
    text-decoration:none;
    }

.error,
.success {
    opacity:1;
    pointer-events:auto;
    }
    
.error {background:#d5474a;}
.success {background:#54b35e;}

.modal-inner h3 { margin-bottom:13px;}

/* media queries */

@media (max-width:767px) {
    .cm-banner {
        height:300px;
        }
    
    .cm-top-left,
    .cm-top-right {
        margin-top:90px;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        }

    .cm-logo {
        text-align:center;
        margin-left:auto;
        margin-right:auto
        }
    
    .cm-menu {
        float:none;
        padding:0px;
        margin-top:-30px;
        }
    
    .cm-menu li a {
        display:inline-block;
        margin-left:0px;
        margin:5px;
        font-size:13px;
        }
    
    .cm-slogan {margin-top:100px;}
    
    .cm-slogan div {
        font-size:21px;
        text-align:center;
        }
    
    .cm-left-header {padding-bottom:20px;}
    
    .cm-float-left {
        width:90%;
        margin-bottom:50px;
        }
    }