/*! qik_content.css | v171121.202 Copyright QikCss 2010 - 2016 | MIT License | http://QikCss.com  */
/* qik_content.css is a collection of peconfigured containers to control uniform content presentation over multiple browsers  */
/* Making changes to qik_content.css is not recommended. */
/* Use qik_theme.css to extend/override/style. */

/*#region - CONTENT CONTAINER -  */
/* These class are contaniners/wrappers. They are used only to hold and control content elements such as h1, ul, p, etc. */
/* DONOT use for scaffolding/wire-framing the DOM */


/*#region CIRCLE */
/*not included input reset*/

div col > .cir {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cir {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 100%;
    background: rgb(218, 178, 137);
    padding: 50% 0 ;
    margin:0 auto;
    border: 1px solid tan;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .cir > * {
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        padding: 0;
        margin: 0 ;
    }

    .cir > * > *, .cir > * > * > * {
        text-align: center;
        padding: .2em 0 ;
        margin: 0 auto;
        font-size: .186rem;
    }

/*#endregion */


/*#region BOX */
/*====================================== box */
/* NOTE: a content wrapper used to contain content in a box format horizonataly centered in its parent with top & bottom mmargin. */
/* Use .w? class to override width. has default margin/padding. Can be overriden/styled using qik_theme.css */

.box {
    clear: both;
    width: 80%;
    position: relative;
    margin: 2em auto;
    padding: .5em 0;
    border: 1px solid #999;
}

.boxLrg {
    clear: both;
    width: 90%;
    position: relative;
    margin: 3em auto;
    padding: .5em 0;
    border: 1px solid #999;
}

.boxSml {
    clear: both;
    width: 70%;
    position: relative;
    margin: 1em auto;
    padding: .5em 0;
    border: 1px solid #999;
}

/*#endregion Box*/


/*#region MAT */
/*======================================= mat */
/* NOTE: a content wrapper used to contain content in a matted format horizonataly centered in its parent. */
/*  CANNOT override width. Can override border-width, margin, padding, background using qik_theme.css */
.mat1em, .mat {
    clear: both;
    width: auto;
    position: relative;
    border: 1em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

.mat2em {
    clear: both;
    width: auto;
    position: relative;
    border: 2em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

.mat3em {
    clear: both;
    width: auto;
    position: relative;
    border: 3em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

.mat4em {
    clear: both;
    width: auto;
    position: relative;
    border: 4em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

.mat5em {
    clear: both;
    width: auto;
    position: relative;
    border: 5em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

.mat6em {
    clear: both;
    width: auto;
    position: relative;
    border: 6em solid #f5f5dc;
    margin-left: auto;
    margin-right: auto;
}

/*#endregion Mat*/


/*#region PANEL */
/*======================================= pnl */
/* NOTE: a content wrapper used to contain content in a panel format horizonataly centered in its parent with top/bottom margin and raduis corners. 
/* Use .w? class to override width. has default margin/padding. Can be overriden/styled using qik_theme.css */

.pnl {
    clear: both;
    width: 75%;
    position: relative;
    background-color: #fafcff;
    border: 1px solid #f1f1f1;
    -ms-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 7px 1px #ccc;
    -ms-box-shadow: 3px 3px 7px 1px #ccc;
    box-shadow: 3px 3px 7px 1px #ccc; 
    margin: 10% auto;
    padding: .45em 0;
}
/*#endregion Panel*/


/*#region WRAP */
/*====================================== wrp */
/* A content wrapper used to contain content in a columnar format horizonataly centered in its parent. */
/* Use .w? class to override width. has default margin/padding. Can be overriden/styled using qik_theme.css */
/* Block .blk is included here as legacy support till 2016 */

.wrp {
    clear: both;
    width: 85%;
    position: relative;
    background-color: transparent;
    margin: 0 auto;
    padding: .5em 0;
}

/*#endregion wrap*/


/*#endregion */