/*-------------------------------------------------*/
/* =  Font
/*-------------------------------------------------*/

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('font/MyriadPro-BoldCond.eot');
    src: url('font/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
    url('font/MyriadPro-BoldCond.woff') format('woff'),
    url('font/MyriadPro-BoldCond.ttf') format('truetype'),
    url('font/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('font/MyriadPro-Cond.eot');
    src: url('font/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
    url('font/MyriadPro-Cond.woff') format('woff'),
    url('font/MyriadPro-Cond.ttf') format('truetype'),
    url('font/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('font/MyriadPro-Regular.eot');
    src: url('font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/MyriadPro-Regular.woff') format('woff'),
    url('font/MyriadPro-Regular.ttf') format('truetype'),
    url('font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/********** 2. RESET STYLES **********/
/*************************************/

body {

    font-size: 16px;
    font-family: MyriadProCondensed, Arial, Helvetica, Sans-Serif;
    color: #636E7B;
}

a {
    outline: none !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}


.user-panel .navbar {background: #000; color: #fff; border:0px; border-bottom: 1px solid #170f6a; border-radius: 0px;}
.user-panel .navbar a {color: #fff;}
.user-panel .navbar-inverse .navbar-brand {color: #fff;}
.user-panel .navbar-inverse .navbar-nav > li  {background: none;}
.user-panel .navbar-inverse .navbar-nav > li > a {color: #fff;}

.user-panel .navbar {/*z-index: 9999;*/margin-bottom: 0px;}
.user-panel .navbar-nav > li > a{color: #ffffff;}

/********* HOME PAGE *********/
/******************************************/

div.main_page_top {
    position: relative;
    height: 150px;
    background: #868383 url('../img/layout/main_top_bg.png') no-repeat left;
    margin: 0px auto;
}
div.main_page_bottom {
    height: 70px;
    background: #868383 url('../img/layout/main_bottom_bg.png') no-repeat right;
    margin: 0px auto;
}
div.logo {
    width: 190px;
    height: 190px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: -50px; right: 0;
    z-index: 9999;
}
div.logo h1 {padding: 0px; margin: 0px;}

div.logo a {
    background: url('../img/layout/suit_logo.png');
    display: inline-block;
    width: 100%;
    height: 190px;
    text-decoration: none;
    text-indent: -9999px;
    border: 1px solid #6c6c6c;
}

/* Home Layout Box */

div.main_layout_box{
    height: 250px;
    background: #fff;
    margin: 0px auto;
    text-align: center;
}

div.main_layout_box .main-splash-logo {
    padding-bottom: 15px;
    margin-right:50px;
    display: inline-block;
}





/* -- Search --*/
#search { display: block; border: 1px solid #dcdcdc; background: #ffffff; border-top-color: #ccc; border-bottom-color: #e5e5e5; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset; width: 218px; height: 30px; margin-top: 5px; margin-bottom: 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#search input[type="text"] { width: 179px; padding: 6px 6px; float: left; display: block; border: none; border-radius: 0; box-shadow: none; background-color: transparent; position: relative;}
#search input[type="submit"] { display: block; width: 25px; height: 25px; background-color: #b2b2b2; background-image: url('../img/layout/search.png'); float: right; margin-top: 1px; cursor: pointer; margin: 0px; border: none; text-indent: -9999px;}
#search input[type="submit"]:hover { background-color: #c11a21;}
.clearable{ background:url('../img/layout/clear.png') no-repeat right -10px center; border:1px solid #999; padding:3px 18px 3px 4px; /* USE the same right padding in jQ! */ border-radius:3px; transition: background 0.4s; /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/}
.clearable.x{ background-position: right 5px center;}
.clearable.onX{ cursor:pointer;}


.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}





/*-------------------------------------------------*/
/* =  Icons
/*-------------------------------------------------*/
ul.social-icon {float: left;margin: 5px; padding: 0px;}
ul.social-icon li { list-style-type: none; float: left;}
ul.social-icon li a i {
    background: #205D7A;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    margin-right: 10px;
    padding-top: 15%;
    transition: all 0.2s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

ul.social-icon .fa-facebook { background: #3b5998;}
ul.social-icon .fa-linkedin { background: #007bb6;}
ul.social-icon .fa-twitter { background: #00aced;}
ul.social-icon .fa-google-plus { background: #dd4b39;}
ul.social-icon .fa-instagram { background: #3f729b;}

ul.social-icon li a i:hover { opacity: .7;}

.social-share {
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    font: 12px Arial, Helvetica, sans-serif;
}

.social-share .sharer {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 220px;
    padding: 10px 20px 10px 35px;
    margin-right: 5px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: left;
}

.social-share .facebook {
    background: #3B5998 url("../img/layout/facebook-32.png") 2px 0 no-repeat;
}

.social-share .facebook:hover{
    border-bottom: 2px solid #2C4270;
    margin-bottom: -2px;
}

.social-share .twitter {
    background: #00ACEE url("../img/layout/twitter-32.png") 2px 1px no-repeat;
}

.social-share .twitter:hover {
    border-bottom: 2px solid #008DC3;
    margin-bottom: -2px;
}

.social-share .gplus {
    background: #D13E2F url("../img/layout/googleplus-32.png") 4px 2px no-repeat;
}

.social-share .gplus:hover {
    border-bottom: 2px solid #AB1809;
    margin-bottom: -2px;
}

.social-share .sharer:active {
    position: relative;
    top: 1px;
    border-bottom: 0 none !important;
}
/***** LOGIN PAGE *****/

body.signin {
    background-color: #428bca;
}

.panel-signin,
.panel-signup {
    margin: 80px auto 0 auto;
}

.panel-signin {
    width: 400px;
}

.panel-signup {
    width: 600px;
}

.panel-signin .panel-body,
.panel-signup .panel-body {
    padding: 10px;
}

.panel-signin .panel-footer,
.panel-signup .panel-footer {
    padding-left: 40px;
    padding-right: 40px;
}

.panel-signin span > a {
    color: #428bca;
    border: 1px solid #fff;
    padding: 3px;
    background: #FFFFFF;
    border-radius: 50%;
}

.panel-signin span > a:hover {
    color: #FFFFFF;
    border: 1px solid #fff;
    padding: 3px;
    background: #428bca;
    border-radius: 50%;
}




#news-slider {
    border :1px solid #DDD;
    position: relative;
    padding: 5px;
}
#news-slider .swiper-pagination {
    bottom: 0px;
    left: 0px;
    text-align: left;
}

/********** Post List ****************/
/*************************************/

.post-list {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #FFF;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #FFF;
    margin-bottom: 15px;
}

.post-list .picture {
    text-align: center;
    padding: 5px;
}

.post-list .picture table,
.post-list .picture tr,
.post-list .picture td {
    width: 100%;
    border: none;
}

.post-list .picture td {
    height: 250px;
    text-align: center;
    vertical-align: middle;
}

.post-list .picture td img {
    width: 100%;
}

.post-list .button_save {
    color: #5e9ecf;
    background: #f5f5f5;
    padding: 7px;
    display: block;
    border-top: 1px solid #ebeaea;
    text-align: right;
}


.post-list .big_picture {
    float: left;
}
.post-list .save_picture {
    float: right;
}
.post-list h3 {
    font: 13px Arial, sans-serif;
    color: #7b7b7b;
    text-shadow: 1px 1px 0px #FFF;
    margin: 3px 0px;
    text-align: center;
    display: block;
    padding: 2px 5px;
}

.post-list h3 a {
    color: #7b7b7b;
}

.post-list h3 a:hover {
    text-decoration: underline;
}
.post-list .task {
    font: 13px Arial, sans-serif;
    color: #7b7b7b;
    text-shadow: 1px 1px 0px #FFF;
    margin: 3px 0px;
    text-align: center;
    display: block;
    padding: 2px 5px;
}
.post-list .add_date {
    font: 11px Arial, sans-serif;
    color: #7b7b7b;
    text-shadow: 1px 1px 0px #FFF;
    margin: 1px 0px;
    text-align: center;
    display: block;
    padding: 2px 5px;
}

.post-list .post-button a {
    color: #5e9ecf;
    background: #f5f5f5;
    padding: 7px;
    display: block;
    border-top: 1px solid #ebeaea;
    text-align: right;
}

.multimedia{
    position: relative;
}
.multimedia .play-icon{
    top: 35%;
    left: 35%;
    width: 64px;
    height: 64px;
    position: absolute;
    background: url('../img/layout/play_icon.png') no-repeat center;
}
/*-------------------------------------------------*/
/* =  POST > Detail
/*-------------------------------------------------*/
.post-detail{
    margin: 15px 0px;
    /*font: 12px/1.5em Arial, Helvetica, sans-serif;*/
}

div.post-detail h2{
    padding: 5px 15px 10px;
    display: block;
    font-size: 24px;
    font-family: MyriadProCondensed, Arial, Helvetica, Sans-Serif;
    color: #636E7B;
}
.post-detail .picture {
    text-align: center;
}
.post-detail .picture table,
.post-detail .picture tr,
.post-detail .picture td {
    width: 100%;
    border: none;
}

.post-detail .picture td {
    height: 250px;
    text-align: center;
    vertical-align: middle;
}
.post-detail .picture img{
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.post-detail .video-container{
    text-align: center;
    padding: 5px;
}
/********** REFERANS *******************/
/***************************************/

.reference-list {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #FFF;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #FFF;
    margin-bottom: 15px;
}

.reference-list .picture {
    text-align: center;
    padding: 2px;
}

.reference-list .picture table,
.reference-list .picture tr,
.reference-list .picture td {
    width: 100%;
    border: none;
}

.reference-list .picture td {
    height: 150px;
    text-align: center;
    vertical-align: middle;
}

.reference-list .picture td img {
    width: 100%;
}


.reference-list h3 {
    font: 13px Arial, sans-serif;
    color: #7b7b7b;
    text-shadow: 1px 1px 0px #FFF;
    margin: 3px 0px;
    text-align: center;
    display: block;
    padding: 10px 5px 2px 5px;
    min-height: 50px;
    border-top: 1px solid #ebeaea;

}

/********** MEDIA ***********************/
/***************************************/
.media-list {
    border: 1px solid #e7e7e7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.media-list .thmb {
    text-align: center;
    padding: 5px;
}
.media-list .thmb::after {
    clear: both;
    display: block;
    content: '';
}


.media-list .thmb table,
.media-list .thmb tr,
.media-list .thmb td {
    width: 100%;
    border: none;
}

.media-list .thmb td {
    height: 250px;
    text-align: center;
    vertical-align: middle;
}

.media-list .thmb td img {
    width: 100%;
}


div.basic-box { width: 100%; background: #fff; padding-bottom: 10px;margin-bottom: 10px;}
div.basic-title {
    background: url("../img/layout/post_title_bg.png") repeat-x bottom;
    background-color: #73cee1;
    width: 100%;
    height: 45px;
    margin: 0px 0 0px 0px;
    -webkit-transition: all .3s ease;

}

div.basic-title h2 {
    display: inline-block;
    position: absolute;
    padding: 0px 0px 0px 10px;
    color: #fff; /*text-transform: uppercase; */
    line-height: 30px;
    margin: 5px;
}

div.basic-title h2 a{ color: #fff!important;}

/********** CUSTOM STYLES **********/
/***************************************/


.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
/*Padding */
.nopadding {padding: 0px;}
.nomargin {margin: 0px;}
.nopadding-t {padding-top: 0px;}
.nopadding-r {padding-right: 0px;}
.nopadding-b {padding-bottom: 0px;}
.nopadding-l {padding-left: 0px;}

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.noborder { border: 0; }
.height200 { height: 200px; }
.height300 { height: 300px; }
.width100p { width: 100%; }
.width300 { width: 300px; }
.text-black { color: #000; }
.inline-block { display: inline-block; }

.floatleft { float: left}
.floatright { float: right}
img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px}
img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto}
.txtleft { text-align: left}
.txtright { text-align: right}
.txtcenter { text-align: center}

#color-white {color: #fff;}
#color-gray {color: #555;}
#color-red {color: #cc0000;}

.fsize10 {font-size: 10px;}
.fsize11 {font-size: 12px;}

.w10 { width: 10%; }
.w25 { width: 25%; }
.w50 { width: 50%; }
.w75 { width: 75%; }
.w100 { width: 100% }
/*----------------------------------------------*/
/* Notice / Error  Box Styles */
/*----------------------------------------------*/
ul.alert {
    padding:10px;
    height:auto;
    position:relative;
    margin-bottom:15px;
    list-style: none;
}
ul.alert span.closer{
    width:20px;
    margin:0 0 0 20px;
    height:20px;
    cursor:pointer;
    float:right;
    position:absolute;
    right:10px;
    top:10px;
}
.alert-error, .alert-danger, .alert-notice, .alert-success, .alert-info {padding:.8em;margin-bottom:1.6em;border:1px solid #ddd;}
.alert-error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.alert-danger {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.alert-notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.alert-success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.alert-info {background:#e1f2fc;color:#64757f;border-color:#68a2cf;}
.alert-error a {color:#8a1f11; background:none; padding:0; margin:0; }
.alert-danger a {color:#8a1f11; background:none; padding:0; margin:0; }
.alert-notice a {color:#514721; background:none; padding:0; margin:0; }
.alert-success a {color:#264409; background:none; padding:0; margin:0; }

div.errorpage{ width:100%; text-align:center;}
div.errorpage h1{ font-size:180px;line-height: 110%;}
div.errorpage h2{ font-size:40px;line-height: 110%;}


.table-action a,
.table-action-hide a {
    color: #666;
    display: inline-block;
    margin-left: 2px;
}

.table-action-hide a {
    opacity: 0;
}

.table-primary thead tr th {
    background-color: #428BCA;
}

.table-success thead tr th {
    background-color: #5cb85c;
}

.table-warning thead tr th {
    background-color: #F0AD4E;
}

.table-danger thead tr th {
    background-color: #D9534F;
}

.table-info thead tr th {
    background-color: #5BC0DE;
}

.table-dark thead tr th {
    background-color: #4e5154;
}

.table.table-primary thead tr th,
.table.table-success thead tr th,
.table.table-danger thead tr th,
.table.table-warning thead tr th,
.table.table-info thead tr th,
.table.table-dark thead tr th {
    color: #fff;
    border-bottom: 0;
}

.table-bordered.table-primary thead tr th,
.table-bordered.table-success thead tr th,
.table-bordered.table-warning thead tr th,
.table-bordered.table-danger thead tr th,
.table-bordered.table-info thead tr th,
.table-bordered.table-dark thead tr th {
    border-color: rgba(255,255,255,0.2);
}

.table.table-primary tbody tr:first-child td,
.table.table-success tbody tr:first-child td,
.table.table-danger tbody tr:first-child td,
.table.table-warning tbody tr:first-child td,
.table.table-info tbody tr:first-child td,
.table.table-dark tbody tr:first-child td {
    border-top: 0;
}

.odd {
    background:#FFF6BF;color:#514721;border:1px solid #FFD324;padding: 5px;
    text-align: left;margin-bottom: 10px;
}



/********** Forms ********************/
/*************************************/

input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus
{
    background: rgba(231, 231, 231, 0.40);
    color: #000066;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/*
fieldset {
    padding: 6px 10px;
    border-style: solid;
    border-width: 0px 0 0 0;
}
*/
legend {
    font-size: 120%;
    line-height: 120%;
    background: #f7f7f7;
    display: block;
    padding: 5px 15px;
    margin: 10px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

}

label {
    font-weight: bold;
    padding: 6px 10px 0 0;
    text-align: right;
}

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea {
    border: 1px solid #CCCCCC;
    /*height: 30px;*/
    padding: 7px 10px;
    line-height: 1.5;
    border-radius: 3px;
}

textarea{height: auto;width: 100%}
input[type="checkbox"] {
    margin: 3px 0 1px 0;
}

input[type="radio"] {
    margin: 6px 3px 1px 0;
}

input[type="submit"] {
    border-radius: 3px;
    transition: all 0.2s ease-out 0s;
    padding: 7px 15px;
    border-width: 0px;
}

input.short {
    padding: 1px;
}
.form-bordered .form-group {
    padding: 5px;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="file"],
.form-group select,
.form-group textarea {
    width: 100%
}

.full-width input[type="text"],
.full-width  input[type="password"],
.full-width  input[type="file"],
.full-width  select,
.full-width textarea {
    width: 100%
}

.half-width input[type="text"],
.half-width  input[type="password"],
.half-width  input[type="file"],
.half-width  select,
.half-width textarea {
    width: 50%
}


.self-width input[type="text"],
.self-width  input[type="password"],
.self-width  input[type="file"],
.self-width  select,
.self-width textarea {
    width: auto;
}

.form-group::after {
    clear: both;
    display: block;
    content: '';
}

.form-group .control-label {
    margin-top: 3px;
}

.form-bordered .form-group {
    margin: 0;
    padding: 15px 10px;
    border-top: 1px dotted #d3d7db;
}

.form-bordered .form-group:first-child {
    border-top: 0;
}

.form-striped .form-group {
    margin: 0;
    padding: 15px 0;
}

.form-striped .form-group:nth-child(even) {
    background: #fcfcfc;
}

.form-inline .form-group {
    margin-right: 20px;
}

.form-inline .checkbox {
    margin-right: 20px;
}

.form-control {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}

.form-control:focus {
    border-color: #999;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-sm {
    font-size: 12px;
    padding: 7px 10px;
    height: auto;
    margin-top: 3px;
}

.input-lg {
    font-size: 18px;
    padding: 12px 10px;
}

.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 21px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 8px 15px;
    border-width: 0;
}

.btn:focus {
    outline: none;
}

.btn-sm {
    padding: 5px 10px;
}

.btn-xs {
    padding: 3px 10px;
    font-size: 12px;
}

.btn-lg {
    padding: 12px 20px;
}

.btn-default {
    background: #e4e7ea;
    color: #636e7b;
}

.btn-default-border {
    border-width: 1px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background: #d2d5d8;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-white {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f7f7f7;
}

.btn-default-alt {
    border: 2px solid #999;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.btn-default-alt:hover,
.btn-default-alt:active,
.btn-default-alt:focus {
    border-color: #666;
    color: #666;
}

.btn-primary-alt {
    border: 2px solid #428BCA;
    color: #428BCA;
    text-transform: uppercase;
    font-size: 12px;
}

.btn-primary-alt:hover,
.btn-primary-alt:active,
.btn-primary-alt:focus {
    border-color: #357EBD;
    color: #357EBD;
}

.btn-success-alt {
    border: 2px solid #5CB85C;
    color: #5CB85C;
    text-transform: uppercase;
    font-size: 12px;
}

.btn-success-alt:hover,
.btn-success-alt:active,
.btn-success-alt:focus {
    border-color: #17a08c;
    color: #17a08c;
}

.btn-warning-alt {
    border: 2px solid #F0AD4E;
    color: #F0AD4E;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.btn-warning-alt:hover,
.btn-warning-alt:active,
.btn-warning-alt:focus {
    border-color: #EEA236;
    color: #EEA236;
}

.btn-danger-alt {
    border: 2px solid #D9534F;
    color: #D9534F;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.btn-danger-alt:hover,
.btn-danger-alt:active,
.btn-danger-alt:focus {
    color: #D43F3A;
}

.btn-info-alt {
    border: 2px solid #5BC0DE;
    color: #5BC0DE;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.btn-info-alt:hover,
.btn-info-alt:active,
.btn-info-alt:focus {
    border-color: #46B8DA;
    color: #46B8DA;
}

.btn-group.open .dropdown-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group {
    margin-bottom: 10px;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    border-width: 1px;
}
/* Buton File */
.btn-file {
    position: relative;
    overflow: hidden;
    padding: 7px 15px 6px 15px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

/* Pagination */
div.panel div.panel-body{padding: 10px 15px;}

div.pager_group {margin: 10px 0px;}
div.pager_group div.column_one {float: left;width: 40%;color: #666;}
div.pager_group div.column_two {float: right;text-align: right}


.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination > li > a,
.pagination > li > span {
    color: #636e7b;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #e4e7ea;
}

.pagination-split li {
    margin-left: 5px;
    display: inline-block;
    float: left;
}

.pagination-split li:first-child {
    margin-left: 0;
}

.pagination-split li a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.pager li > a, .pager li > span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #636e7b;
}



/*----------------------------------------------*/
/* Contact */
/*----------------------------------------------*/
.map{
    height:300px;
    text-align:center;
    margin:10px;
    border:1px solid #c5bcbc;
    margin-bottom: 20px;
}


.contact-info span{padding:10px 25px;display:block;color:#808285;border-bottom:1px dotted #c5bcbc}


/*----------------------------------------------*/
/*  Breadcrumb */
/*----------------------------------------------*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb h2 {
    padding: 0px;
    margin: 0px;
}
.breadcrumb > li {
    display: inline-block;
    color: #b42420;
}
.breadcrumb > li a{
    color: #b42420;
}
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #b42420;
}
.breadcrumb > .active {
    color: #b42420;
}

.breadcrumbs{
    margin: 10px 0px 5px 0px;
    border-bottom: 1px #adadad dotted;

}
.breadcrumbs a{
    margin-right: 10px;
    padding-left: 15px;
    display: block;
    float: left;
    color: #583b28;
}
.breadcrumbs a:hover{
    color: #adadad;
    text-decoration: underline;

}


/********** MOBILE QUERIES **********/
/***************************************/


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {

}


@media screen and (max-width: 480px) {

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {

}