
/*-----------------------------------------------------------------
 * = General
 *-----------------------------------------------------------------*/

 .clearboth {
     clear: both;
 }
 
.content_block_wrapper a, 
.content_block_wrapper a:link, 
.content_block_wrapper a:visited {
    text-decoration: none !important;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s linear;
    -o-transition: color 0.4s linear;
    -ms-transition: color 0.4s linear;
    transition: color 0.4s linear;
    }
    .content_block_wrapper a:hover, 
    .content_block_wrapper a:active, 
    .content_block_wrapper a:focus {
        text-decoration: none;
        }

.content_block_wrapper .clearboth {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    overflow : hidden; 
    _height : 1%;
    }
.content_block_wrapper .clearright {
    clear: right;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }
.content_block_wrapper .clearleft {
    clear: left;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }
    
.content_block_wrapper .bttn {
    margin: 1.2em .7em 0 0;
    color: #333;
    }

/*-----------------------------------------------------------------
 * = Columns
 *-----------------------------------------------------------------*/

.content_block_wrapper .cow_one_half, 
.content_block_wrapper .cow_one_third, 
.content_block_wrapper .cow_two_third, 
.content_block_wrapper .cow_three_fourth, 
.content_block_wrapper .cow_one_fourth, 
.content_block_wrapper .cow_one_fifth, 
.content_block_wrapper .cow_two_fifth, 
.content_block_wrapper .cow_three_fifth, 
.content_block_wrapper .cow_four_fifth, 
.content_block_wrapper .cow_one_sixth, 
.content_block_wrapper .cow_five_sixth {
    position: relative;
    margin-right: 4%;
    float: left;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}
.content_block_wrapper .cow_one_half {
    width: 48%;
}
.content_block_wrapper .cow_one_third {
    width: 30.6666%;
}
.content_block_wrapper .cow_two_third {
    width: 65.3332%;
}
.content_block_wrapper .cow_one_fourth {
    width: 22%;
}
.content_block_wrapper .cow_two_fourth {
    width: 48%;
}
.content_block_wrapper .cow_three_fourth {
    width: 74%;
}
.content_block_wrapper .cow_one_fifth {
    width: 16.8%;
}
.content_block_wrapper .cow_two_fifth {
    width: 37.6%;
}
.content_block_wrapper .cow_three_fifth {
    width: 58.4%;
}
.content_block_wrapper .cow_four_fifth {
    width: 79.2%;
}
.content_block_wrapper .cow_one_sixth {
    width: 13.3333%;
}
.content_block_wrapper .cow_two_sixth {
    width: 30.6666%;
}
.content_block_wrapper .cow_three_sixth {
    width: 47.9998%;
}
.content_block_wrapper .cow_four_sixth {
    width: 65.3332%;
}
.content_block_wrapper .cow_five_sixth {
    width: 82.6665%;
}
.content_block_wrapper .cow_last {
    margin-right: 0 !important;
    clear: right;
}


/*-----------------------------------------------------------------
 * = General Box settings
 *-----------------------------------------------------------------*/

.content_block_wrapper {
    overflow: visible;
    clear: both;
    }
    .content_block_wrapper .content_block {
        margin-bottom: 2.5em;
        }
    .content_block_wrapper:after {
        clear: both;
        }

.textwidget .content_block_wrapper {
    clear: none;
}

.content_block {
    width: auto; 
    -ms-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear; 
    }
.block_inner {
    box-sizing: border-box;
    padding: 1em;
    overflow: hidden;
    position: relative;
    }
    .content_block img {
        padding: 0;
        border: none;
    }

.block_image {
    z-index: 0;
    } 
    .block_image a {
        display: block;
        }  
    .block_image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;     
        }

.block_heading {
    font-family: Tahoma,Georgia, Tahoma;
    } 
    .block_heading a {
        font-family: inherit;
        font-size: inherit; 
        color: inherit;
        text-align: inherit;
        text-decoration: none !important;       
        }
    .block_heading div.center {
        margin: 0; 
        padding: 0;
        text-align: center;
        }
    .block_heading div.right {
        margin: 0; 
        padding: 0;
        text-align: right;
        }
    .block_heading div.justify {
        margin: 0; 
        padding: 0;
        text-align: justify;
        }
    
.block_content {
    font-family: Tahoma,Georgia, Tahoma; 
    overflow: hidden;
    }
    .block_content p {
        color: inherit !important;
        }
    .block_content div.center {
        margin: 0; 
        padding: 0;
        text-align: center;
        }
    .block_content div.right {
        margin: 0; 
        padding: 0;
        text-align: right;
        }
    .block_content div.justify {
        margin: 0; 
        padding: 0;
        text-align: justify;
        }

.block_footer {
    
    }
    .block_footer dl {
        border-top: 2px dotted #c5c5c5;
        margin: 1.5em 0 0 0;
        padding: 1em 0 0 0;
        clear:both;
        overflow:hidden;
        }
    .block_footer dt {
        color: #666;
        float: left;
        margin:0;
        padding:0;
        width: 60px;
        text-shadow: 0 1px 0 rgba(255,255,255,.75);
        }
    .block_footer dd {
        color: #999;
        margin:0;
        padding:0;
        }

 
.block_meta {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    color: #7E7E79;
    display: block;
    float: left;
    font-size: 1.05em;
    line-height: 120%;
    padding-top: 10px;
    width: 100%;
    list-style: none outside none;
    margin-bottom: 0;
    } 
    .block_meta li {
        color: #999;
        display: block;
        list-style: none outside none;
        margin: 0 0 .5em 0;
        }

     
/*-----------------------------------------------------------------
 * = Buttons
 *-----------------------------------------------------------------*/
 
.bttn-metro {
    border: none;
    color: #666!important;
    font-weight: 600;
    font-size: 110%;
    margin-left: 16px;
    border-color: #BED6FA;
    border-width: 1px;
    border-style: solid;
    padding: 4px 12px 6px 12px;
    display: inline-block;
    -webkit-border-radius: 0px !important;
       -moz-border-radius: 0px !important;
            border-radius: 0px !important;
    }
 
    .bttn-metro:hover, 
    .bttn-metro:focus, 
    .bttn-metro:active {
        color: #333!important;       
        background-color: white!important;
    }

.bttn-origin{
    padding: 3px 9px 3px 7px!important;
    color: white!important;
    background: #DB5629!important;
    border: none!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    text-shadow: none!important;    
    }
    .bttn-origin:hover{
        background: #222!important; 
        -webkit-transition:background-color .5s linear!important;
        }
        
.bttn-pure-web {
    margin-left: 10px!important;
    background-color: #4a93a4!important;
    padding: 7px 10px!important;
    color: rgba(9, 15, 30, 0.8)!important;
    text-transform: uppercase!important;
    border: 1px solid #2c398d!important;
    font-weight: bold!important;
    font-size: 15px!important;    
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    -border-radius: 3px!important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(25, 27, 9, 0.9)!important;     
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -webkit-transition: background 0.2s ease-out!important;
    }
    .bttn-pure-web:hover, 
    .bttn-pure-web:focus {
        background: #649eac!important;
        border: 1px solid #186ca4!important;
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
        -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    }        
    .bttn-pure-web:active {
        background: #4a86a4!important;
        border: 1px solid #183ea4!important;
        position: relative!important;
        top: 5px!important;
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        }
    
.bttn-black-pill {
    color: #ffffff!important;
    background: -moz-linear-gradient(
        top,
        #f0ebef 0%,#474046 25%,
        #1f091c)!important;
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#f0ebef),color-stop(0.25, #474046),
        to(#1f091c))!important;
    border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border: 3px solid #575057!important;
    -moz-box-shadow:
        0px 3px 11px rgba(242,239,242,0.5),
        inset 0px 0px 1px rgba(230,216,228,1)!important;
    -webkit-box-shadow:
        0px 3px 11px rgba(242,239,242,0.5),
        inset 0px 0px 1px rgba(230,216,228,1)!important;
    text-shadow:
        0px -1px 0px rgba(008,005,008,0.2),
        0px 1px 0px rgba(179,170,179,0.3)!important;
}
       
.bttn-apple {
    color: #050505!important;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,#ebebeb 50%,#dbdbdb 50%,
        #b5b5b5)!important;
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffffff),color-stop(0.50, #ebebeb),color-stop(0.50, #dbdbdb),
        to(#b5b5b5))!important;
    border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    border: 1px solid #949494!important;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1)!important;
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1)!important;
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1)!important;
}    
    
.bttn-eyecandy{
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 14px!important;
    color: #ffffff!important;
    padding: 10px 20px !important;
    background: -moz-linear-gradient(
        top,
        #ffbdf5 0%,
        #ff82ec 25%,
        #fc46e1)!important;
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffbdf5),
        color-stop(0.25, #ff82ec),
        to(#fc46e1))!important;
    border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border: 3px solid #ffffff !important;
    -moz-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,000,217,1)!important;
    -webkit-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,000,217,1)!important;
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3)!important;
}
    
a:link.bttn-shiny, 
a:visited.bttn-shiny, 
a:hover.bttn-shiny , 
a:active.bttn-shiny{
    background:url("../images/btn-l.png") no-repeat 0 0;
    display:block;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:bold;
    padding:0 0 0 13px !important;
    color:#969696;
    outline:none;
    margin: .3em 0 !important;
    border: none !important;
}
a:hover.bttn-shiny{
    background-position:0 -45px;
    color:#0D4289;
}
a:active.bttn-shiny{
    background-position:0 -91px;
    color:#00306F;
}
a.bttn-shiny:hover span{
    background-position: right -45px;
    color:#0D4289;
}
a:active.bttn-shiny span{
    background-position: right -91px;
    color:#00306F;
}
a.bttn-shiny span{
    display:block;
    text-align:center;
    line-height:44px;
    padding:0 5px;
    background:url("../images/btn-r.png") no-repeat right 0;
}


/*-----------------------------------------------------------------
 * = Misc
 *-----------------------------------------------------------------*/
                                       
.pull-left {
    float: left;
    }
.pull-right {
    float: right;
    }
 
/* ======================================================= */
/*                   General Classes                       */
/* ======================================================= */


/*  Columns
---------------------------------------------------------- */
.column p{ 
    margin-right: 1.5em !important;
    overflow: hidden;
    word-break: hyphenate; 
} 
.column h1,
.column h2{ 
    padding: .5em 0; 
}
    
    
/*  Heading
---------------------------------------------------------- */    


    
/*  Content
---------------------------------------------------------- */      
.content_block h2 {
    -webkit-column-break-before:always;
    -moz-column-break-before:always;
    column-break-before:always;
} 


/*  Fontfaces
---------------------------------------------------------- */   
@font-face {
    font-family: 'Bebas';
    src: url("../fonts/bebas/BEBAS___-webfont.eot");
    src: url("../fonts/bebas/BEBAS___-webfont.eot") format('embedded-opentype'),
         url("../fonts/bebas/BEBAS___-webfont.woff") format('woff'),
         url("../fonts/bebas/BEBAS___-webfont.ttf") format('truetype'),
         url("../fonts/bebas/BEBAS___-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url("../fonts/bebasneue/BebasNeue-webfont.eot");
    src: url("../fonts/bebasneue/BebasNeue-webfont.eot") format('embedded-opentype'),
         url("../fonts/bebasneue/BebasNeue-webfont.woff") format('woff'),
         url("../fonts/bebasneue/BebasNeue-webfont.ttf") format('truetype'),
         url("../fonts/bebasneue/BebasNeue-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Colaborate';
    src: url("../fonts/colaborate/ColabReg-webfont.eot");
    src: url("../fonts/colaborate/ColabReg-webfont.eot") format('embedded-opentype'),
         url("../fonts/colaborate/ColabReg-webfont.woff") format('woff'),
         url("../fonts/colaborate/ColabReg-webfont.ttf") format('truetype'),
         url("../fonts/colaborate/ColabReg-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CaviarDreams';
    src: url("../fonts/caviar-dreams/CaviarDreams-webfont.eot");
    src: url("../fonts/caviar-dreams/CaviarDreams-webfont.eot") format('embedded-opentype'),
         url("../fonts/caviar-dreams/CaviarDreams-webfont.woff") format('woff'),
         url("../fonts/caviar-dreams/CaviarDreams-webfont.ttf") format('truetype'),
         url("../fonts/caviar-dreams/CaviarDreams-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Snickles';
    src: url("../fonts/snickles/Snickles-webfont.eot");
    src: url("../fonts/snickles/Snickles-webfont.eot") format('embedded-opentype'),
         url("../fonts/snickles/Snickles-webfont.woff") format('woff'),
         url("../fonts/snickles/Snickles-webfont.ttf") format('truetype'),
         url("../fonts/snickles/Snickles-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}


/*  Template styles
---------------------------------------------------------- */
    
.general-1 .block_heading {
    padding: 10px 12px;
    margin-bottom: .7em;
}

.general-1 .block_image {
    margin-bottom: .7em;
}

.general-1 .block_content {
    padding: 0;
}   


.general-2 .block_heading {
    padding:10px 12px;
    margin-bottom:1em;
}

.general-2 .block_image {
    margin-bottom:.7em;
}

.general-2 .block_content {
    padding:0;
}


.general-5 .block_heading {
    margin: 0 0 1em .7em;
}


.general-6 .block_heading {
    margin:0 .7em 1em 0;
}


.general-7 .block_heading {
    margin:0 0 .7em 0;   
}

.general-7 .block_image {
    margin:0 1em .7em 0;
}

.general-7 .block_content {
    display: inline;
}


.general-8 .block_heading {
    margin:0 0 .7em 0;   
}

.general-8 .block_image {
    margin:0 0 .7em 1em;
}

.general-8 .block_content {
    display: inline;
}

.general-9 ul, 
.general-9 p {
    margin: 0;
    padding: 0;
}

.general-9 .block_heading {
    margin:0 0 .7em 0;   
}

.general-9 .bttn {
    float: right;
}

.general-9 .block_meta {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    color: #7E7E79;
    font-size: 1.05em;
    padding-top: 5px;
    width: 100%;
    list-style: none outside none;
    margin-top: 1.5em;        
}


.general-10 .block_heading {
    background-color:#ECECEC;
    border:1px solid #CCC;
    padding:7px 10px;
    margin:0;    
    }
    
.general-10 .block_content {
    padding:15px;
    border-style:none solid solid;
    border-width:medium 1px 1px;
    border-color:#CCC;
    border-right:1px solid #CCC;
    }


.applebox p {
    margin: 0 0 1em 0;
}
.applebox .block_heading {
    margin: 0 0 .7em 0;
}
.applebox .block_content a:not([class^="bttn"]) {
    color:inherit !important;
}
.applebox .block_image {
    margin-top: 1em;
}   


.capslide .ic_container {
    min-height: 150px;
} 
.capslide .overlay{    
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;    
    filter: alpha(opacity=30);
    opacity:0.3;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.capslide .ic_caption{
    position:absolute;      
    overflow:hidden;
    margin:0px;
    padding: .7em;
    left:0px;
    right:0px;
    cursor:default;
    filter: alpha(opacity=60);
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.capslide .block_content {
    padding: 0 0 0 0;
    margin-top:1em;
}

/* Impulse */

.impulse .block_image {
    margin: 0 0 1em 0;
}
.impulse .block_heading {
    padding:1em .7em 0 0;
}

/* Magazine */

.magazine .block_heading {
    padding:0 0 .5em 0;
    border-bottom: 1px solid #ccc;
    }
.magazine .block_content {
    margin-top: .8em;
    -webkit-column-rule:1px solid #ccc;
    -moz-column-rule:1px solid #ccc;
    column-rule:1px solid #ccc;    
    }
    .magazine .block_content img {
        display: block;
        margin: .7em 0 !important;
    } 
.magazine .block_content .first.column p:first-child {
     text-indent: 0;
     font: bold 80%/1.5 Helvetica, arial, sans-serif;
     padding-top: 0.2em;
     margin-bottom: 2.3em;
     }    
.magazine header {
     margin-bottom: 2.4em;
     -moz-column-span: all; 
     -webkit-column-span: all;
     column-span: all;
     }
.magazine a.bttn {
    text-indent:0;
}
