/* Minification failed. Returning unminified contents.
(5373,1): run-time error CSS1019: Unexpected token, found '@import'
(5373,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300)'
(5376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5391,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5410,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5419,25): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5429,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5438,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5447,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5449,37): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5453,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5459,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5563,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5575,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5586,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5606,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(5637,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5667,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5745,35): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5808,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5819,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5923,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6042,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-2'
(6110,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6130,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6215,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6245,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6315,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6371,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6377,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6442,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6477,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6478,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6479,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6489,35): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(6512,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6520,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6554,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(6563,32): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(6564,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6585,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6650,31): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(6662,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6714,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6737,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6754,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6837,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(6952,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7109,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7165,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7174,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7176,41): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7185,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(7195,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(7213,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7217,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7234,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7302,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7332,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7333,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7334,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7348,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7354,24): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7380,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7392,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7419,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7600,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7649,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-2'
(7657,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7717,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7723,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7815,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(7838,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(7839,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8152,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8381,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8409,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8454,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(8476,21): run-time error CSS1039: Token not allowed after unary operator: '-sub-color-1'
(8482,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8497,35): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8517,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8529,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8542,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8548,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8601,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8608,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8676,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8677,24): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(8806,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8806,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8806,92): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8806,116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8806,277): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(8806,297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8806,365): run-time error CSS1019: Unexpected token, found '@keyframes'
(8806,381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9704,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9707,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9708,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9711,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9712,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9716,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9717,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9721,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9722,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9725,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9726,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9729,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9730,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9734,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9735,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9757,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9758,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9761,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9762,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9765,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9766,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9770,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9771,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9775,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9776,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9779,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9780,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9783,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9784,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9821,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9822,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9825,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9829,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9839,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9843,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9847,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9852,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9875,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9879,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9883,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9884,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9888,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9889,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9893,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9894,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9897,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9901,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9902,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9906,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9907,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9939,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9940,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9943,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9944,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9947,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9948,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9953,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9958,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9959,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9962,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9963,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9966,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9967,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9971,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9972,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9996,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10000,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10004,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10009,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10016,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10019,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10020,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10023,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10024,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10028,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10029,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10063,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10068,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10072,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10073,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10077,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10078,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10084,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10085,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10089,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10090,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10094,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10095,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10099,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10128,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10133,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10138,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10143,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10150,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10155,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10160,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10165,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10455,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10459,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10463,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10467,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10481,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10491,19): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10501,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10506,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10511,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10514,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10519,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10525,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10529,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10537,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10557,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10561,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10567,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10576,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10581,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10591,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10595,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10596,20): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10628,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10631,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10637,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10642,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10668,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10699,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10705,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10711,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10712,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10715,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10716,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10720,19): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10726,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10729,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10732,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10737,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10742,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10748,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10754,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10760,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(10766,13): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.contactformulier input, .contactformulier select, .contactformulier textarea {
    width: 100%;
}

.contactformulier button {
    width: 100%;
}

textarea {
    resize: none;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.breadcrumb > li {
    color: #383838;
}

.weergaveSmall {
    font-size: x-small;
}

.table > thead > tr > td.beheer1,
.table > tbody > tr > td.beheer1,
.table > tfoot > tr > td.beheer1,
.table > thead > tr > th.beheer1,
.table > tbody > tr > th.beheer1,
.table > tfoot > tr > th.beheer1,
.table > thead > tr.beheer1 > td,
.table > tbody > tr.beheer1 > td,
.table > tfoot > tr.beheer1 > td,
.table > thead > tr.beheer1 > th,
.table > tbody > tr.beheer1 > th,
.table > tfoot > tr.beheer1 > th {
    background-color: #f09e94;
    border-color: #e67d72;
}

.table-hover > tbody > tr > td.beheer1:hover,
.table-hover > tbody > tr > th.beheer1:hover,
.table-hover > tbody > tr.beheer1:hover > td {
    background-color: #e67d72;
    border-color: #da5b52;
}

.table > thead > tr > td.beheer2,
.table > tbody > tr > td.beheer2,
.table > tfoot > tr > td.beheer2,
.table > thead > tr > th.beheer2,
.table > tbody > tr > th.beheer2,
.table > tfoot > tr > th.beheer2,
.table > thead > tr.beheer2 > td,
.table > tbody > tr.beheer2 > td,
.table > tfoot > tr.beheer2 > td,
.table > thead > tr.beheer2 > th,
.table > tbody > tr.beheer2 > th,
.table > tfoot > tr.beheer2 > th {
    background-color: #adb4c4;
    border-color: #939cb1;
}

.table-hover > tbody > tr > td.beheer2:hover,
.table-hover > tbody > tr > th.beheer2:hover,
.table-hover > tbody > tr.beheer2:hover > td {
    background-color: #939cb1;
    border-color: #79859e;
}

.hiddenFieldsDiv {
    display: none !important;
}

.EmailOnlyVisibleForOwner {
    color: #cb3234;
    font-size: x-small;
}

.MeldingClassNietTonen {
    display: none;

}
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

mark {
    color: #000;
    background: #ff0
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

legend {
    padding: 0;
    border: 0
}

button, input, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

    button[disabled], html input[disabled] {
        cursor: default
    }

input[type="checkbox"], input[type="radio"] {
    padding: 0;
    box-sizing: border-box
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

    button, input, select[multiple], textarea {
        background-image: none
    }

a {
    color: #428bca;
    text-decoration: none
}

    a:hover, a:focus {
        color: #2a6496;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

img {
    vertical-align: middle
}

.img-rounded {
    border-radius: 6px
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16.099999999999998px;
    font-weight: 200;
    line-height: 1.4
}

@media(min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

.text-warning {
    color: #c09853
}

.text-danger {
    color: #b94a48
}

.text-success {
    color: #468847
}

.text-info {
    color: #3a87ad
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
        font-weight: normal;
        line-height: 1;
        color: #999
    }

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h1, .h1 {
    font-size: 38px
}

h2, .h2 {
    font-size: 32px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

h1 small, .h1 small {
    font-size: 24px
}

h2 small, .h2 small {
    font-size: 18px
}

h3 small, .h3 small, h4 small, .h4 small {
    font-size: 14px
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

    ul ul, ol ul, ul ol, ol ol {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

dl {
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.428571429
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media(min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

        .dl-horizontal dd:before, .dl-horizontal dd:after {
            display: table;
            content: " "
        }

        .dl-horizontal dd:after {
            clear: both
        }

        .dl-horizontal dd:before, .dl-horizontal dd:after {
            display: table;
            content: " "
        }

        .dl-horizontal dd:after {
            clear: both
        }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

    blockquote p {
        font-size: 17.5px;
        font-weight: 300;
        line-height: 1.25
    }

        blockquote p:last-child {
            margin-bottom: 0
        }

    blockquote small {
        display: block;
        line-height: 1.428571429;
        color: #999
    }

        blockquote small:before {
            content: '\2014 \00A0'
        }

    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: right
        }

            blockquote.pull-right small:before {
                content: ''
            }

            blockquote.pull-right small:after {
                content: '\00A0 \2014'
            }

    q:before, q:after, blockquote:before, blockquote:after {
        content: ""
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429
}

code, pre {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace
}

#Alex code {
    margin: 0px !important;
}

#Alex pre {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px;
}

pre {
    display: block;
    padding: 0px 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    
}

    pre.prettyprint {
        margin-bottom: 20px
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto
}

    .container:before, .container:after {
        display: table;
        content: " "
    }

    .container:after {
        clear: both
    }

    .container:before, .container:after {
        display: table;
        content: " "
    }

    .container:after {
        clear: both
    }

.row:before, .row:after {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row:before, .row:after {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

@media(min-width:768px) {
    .container .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.row .row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
    float: left
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-12 {
    width: 100%
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
        float: left
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:992px) {
    .container {
        max-width: 940px
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
        float: left
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
        float: left
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table thead > tr > th {
        vertical-align: bottom
    }

    .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td {
        border-top: 0
    }

    .table tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd
    }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5
}

table col[class^="col-"] {
    display: table-column;
    float: none
}

table td[class^="col-"], table th[class^="col-"] {
    display: table-cell;
    float: none
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

select[multiple], select[size] {
    height: auto
}

select optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    height: auto
}

.form-control:-moz-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee
    }

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle
}

    .radio label, .checkbox label {
        display: inline;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        float: left;
        margin-left: -20px
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
        cursor: not-allowed
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm {
    height: auto
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 45px;
    line-height: 45px
}

textarea.input-lg {
    height: auto
}

.has-warning .help-block, .has-warning .control-label {
    color: #c09853
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-warning .form-control:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e
    }

.has-warning .input-group-addon {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.has-error .help-block, .has-error .control-label {
    color: #b94a48
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-error .form-control:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
    }

.has-error .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.has-success .help-block, .has-success .control-label {
    color: #468847
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-success .form-control:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
    }

.has-success .input-group-addon {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.form-control-static {
    padding-top: 6px;
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0
    }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0
        }
}

.form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 6px
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "
}

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "
}

.form-horizontal .form-group:after {
    clear: both
}

@media(min-width:768px) {
    .container .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
    }
}

.form-horizontal .form-group .row {
    margin-right: -15px;
    margin-left: -15px
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        text-align: right
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus {
        color: #333;
        text-decoration: none
    }

    .btn:active, .btn.active {
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc
    }

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        color: #fff;
        background-color: #ed9c28;
        border-color: #d58512
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
        color: #fff;
        background-color: #47a447;
        border-color: #398439
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
        color: #fff;
        background-color: #39b3d7;
        border-color: #269abc
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da
    }

.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent
        }

            .btn-link:hover, .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #999;
                text-decoration: none
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm, .btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 3px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group.col {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        width: 100%;
        margin-bottom: 0
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -4px
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:active {
            z-index: 2
        }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #fff;
            text-decoration: none;
            background-color: #428bca
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #428bca;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #999
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .list-group-item > .badge {
        float: right
    }

        .list-group-item > .badge + .badge {
            margin-right: 5px
        }

a.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover, a.list-group-item:focus {
        text-decoration: none;
        background-color: #f5f5f5
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #e1edf7
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-body {
    padding: 15px
}

.panel .list-group {
    margin-bottom: 0
}

    .panel .list-group .list-group-item {
        border-width: 1px 0
    }

        .panel .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0
        }

        .panel .list-group .list-group-item:last-child {
            border-bottom: 0
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel-heading {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17.5px
}

    .panel-title > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px
}

    .panel-group .panel + .panel {
        margin-top: 5px
    }

.panel-group .panel-heading {
    border-bottom: 0
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #ddd
    }

.panel-group .panel-footer {
    border-top: 0
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

.panel-primary {
    border-color: #428bca
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-warning {
    border-color: #fbeed5
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fbeed5
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fbeed5
    }

.panel-danger {
    border-color: #eed3d7
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #eed3d7
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #eed3d7
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,0.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav:before, .nav:after {
        display: table;
        content: " "
    }

    .nav:after {
        clear: both
    }

    .nav:before, .nav:after {
        display: table;
        content: " "
    }

    .nav:after {
        clear: both
    }

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #999
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #999;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav.open > a, .nav.open > a:hover, .nav.open > a:focus {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        .nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret {
            border-top-color: #fff;
            border-bottom-color: #fff
        }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            display: table-cell;
            float: none;
            width: 1%
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center
            }

            .nav-tabs.nav-justified > li > a {
                margin-right: 0;
                border-bottom: 1px solid #ddd
            }

        .nav-tabs.nav-justified > .active > a {
            border-bottom-color: #fff
        }

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 5px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #428bca
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        display: table-cell;
        float: none;
        width: 1%
    }

        .nav-justified > li > a {
            text-align: center
        }

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-bottom: 1px solid #ddd
    }

    .nav-tabs-justified > .active > a {
        border-bottom-color: #fff
    }

.tabbable:before, .tabbable:after {
    display: table;
    content: " "
}

.tabbable:after {
    clear: both
}

.tabbable:before, .tabbable:after {
    display: table;
    content: " "
}

.tabbable:after {
    clear: both
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none
}

.tab-content > .active, .pill-content > .active {
    display: block
}

.nav .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca
}

.nav a:hover .caret {
    border-top-color: #2a6496;
    border-bottom-color: #2a6496
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7
}

    .navbar:before, .navbar:after {
        display: table;
        content: " "
    }

    .navbar:after {
        clear: both
    }

    .navbar:before, .navbar:after {
        display: table;
        content: " "
    }

    .navbar:after {
        clear: both
    }

@media(min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header {
    padding-right: 15px;
    padding-left: 15px
}

    .navbar-header:before, .navbar-header:after {
        display: table;
        content: " "
    }

    .navbar-header:after {
        clear: both
    }

    .navbar-header:before, .navbar-header:after {
        display: table;
        content: " "
    }

    .navbar-header:after {
        clear: both
    }

@media(min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    padding: 5px 15px;
    overflow-x: visible;
    overflow-y: auto;
    border-top: 1px solid #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse:before, .navbar-collapse:after {
        display: table;
        content: " "
    }

    .navbar-collapse:after {
        clear: both
    }

    .navbar-collapse:before, .navbar-collapse:after {
        display: table;
        content: " "
    }

    .navbar-collapse:after {
        clear: both
    }

@media(min-width:768px) {
    .navbar-collapse {
        width: auto;
        padding: 0;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }
}

@media(min-width:768px) {
    .navbar-static-top {
        border-width: 0 0 1px;
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    border-width: 0 0 1px
}

@media(min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0
}

.navbar-brand {
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
    color: #777
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: #5e5e5e;
        text-decoration: none;
        background-color: transparent
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px
}

    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #ccc;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media(min-width:768px) {
    .navbar-toggle {
        position: relative;
        top: auto;
        left: auto;
        display: none
    }
}

.navbar-nav {
    margin-right: -15px;
    margin-left: -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        color: #777
    }

        .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }

@media(max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
            color: #777
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #333;
                background-color: transparent;
                background-image: none
            }

        .navbar-nav .open .dropdown-menu > .active > a, .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-nav .open .dropdown-menu > .disabled > a:focus {
            color: #ccc;
            background-color: transparent
        }
}

@media(min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

@media(min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }

        .navbar-right .dropdown-menu {
            right: 0;
            left: auto
        }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0
    }

        .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0
        }
}

@media(max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media(min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7
}

    .navbar-nav > .open > a .caret, .navbar-nav > .open > a:hover .caret, .navbar-nav > .open > a:focus .caret {
        border-top-color: #555;
        border-bottom-color: #555
    }

.navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-text {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #777
}

.navbar-link {
    color: #777
}

    .navbar-link:hover {
        color: #333
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #999
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #999
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #999
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse {
        border-top-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

    .navbar-inverse .navbar-nav > .dropdown > a .caret {
        border-top-color: #999;
        border-bottom-color: #999
    }

    .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

@media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.btn-default .caret {
    border-top-color: #333
}

.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
    border-top-color: #fff
}

.btn-default .dropup .caret {
    border-bottom-color: #333
}

.btn-primary .dropup .caret, .btn-success .dropup .caret, .btn-warning .dropup .caret, .btn-danger .dropup .caret, .btn-info .dropup .caret {
    border-bottom-color: #fff
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        float: left
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
            z-index: 2
        }

        .btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
            outline: 0
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar:before, .btn-toolbar:after {
    display: table;
    content: " "
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar:before, .btn-toolbar:after {
    display: table;
    content: " "
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn-group {
    float: left
}

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group-xs > .btn {
    padding: 5px 10px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px
}

.dropup .btn-lg .caret {
    border-bottom-width: 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
        display: table;
        content: " "
    }

    .btn-group-vertical > .btn-group:after {
        clear: both
    }

    .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
        display: table;
        content: " "
    }

    .btn-group-vertical > .btn-group:after {
        clear: both
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    border-collapse: separate;
    table-layout: fixed
}

    .btn-group-justified .btn {
        display: table-cell;
        float: none;
        width: 1%
    }

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .breadcrumb > .active {
        color: #999
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            float: left;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
            border-left-width: 0
        }

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

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

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

    .pagination > .active > a, .pagination > .active > span {
        color: #999;
        cursor: default
    }

    .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999;
        cursor: not-allowed;
        background-color: #fff
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

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

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

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

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

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

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager:before, .pager:after {
        display: table;
        content: " "
    }

    .pager:after {
        clear: both
    }

    .pager:before, .pager:after {
        display: table;
        content: " "
    }

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #f5f5f5
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #999;
        cursor: not-allowed;
        background-color: #fff
    }

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-dialog {
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer:before, .modal-footer:after {
        display: table;
        content: " "
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer:before, .modal-footer:after {
        display: table;
        content: " "
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

@media screen and (min-width:768px) {
    .modal-dialog {
        right: auto;
        left: 50%;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

    .popover .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0;
        content: " "
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0
}

    .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #fff;
        border-left-width: 0;
        content: " "
    }

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    border-top-width: 0
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-top-width: 0;
        content: " "
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25);
    border-right-width: 0
}

    .popover.left .arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #fff;
        border-right-width: 0;
        content: " "
    }

.alert {
    padding: 15px;
    margin-bottom: 20px;
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert hr {
        border-top-color: #f8e5be
    }

    .alert .alert-link {
        font-weight: bold;
        color: #a47e3c
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable {
    padding-right: 35px
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #356635
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

    .alert-danger hr {
        border-top-color: #e6c1c7
    }

    .alert-danger .alert-link {
        color: #953b39
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #2d6987
    }

.thumbnail, .img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.thumbnail {
    display: block
}

    .thumbnail > img, .img-thumbnail {
        display: block;
        height: auto;
        max-width: 100%
    }

a.thumbnail:hover, a.thumbnail:focus {
    border-color: #428bca
}

.thumbnail > img {
    margin-right: auto;
    margin-left: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

/*DAVY*/

@media (max-width: 991px) {

    .blog-item h4.media-heading span {
        position: initial !important;
    }

    .media
     {
        overflow: hidden;
        zoom: 1;
    }

    .media-body {
        width: 100%;
        float: left;
    }

    .media,
    .media .media {
        margin-top: 15px;
    }

    .media:first-child {
        margin-top: 0;
    }

    .media-object {
        display: block;
    }

    .media-heading {
        margin: 0 0 5px;
    }

    .media > .pull-right {
        margin-left: 10px
    }

    .media > .pull-left {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

.media, .media-body {
    
    overflow: hidden;
    zoom: 1
}

    .media, .media .media {
        margin-top: 15px;
    }

        .media:first-child {
            margin-top: 0
        }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.label {
    display: inline;
    padding: .25em .6em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

    .label[href]:hover, .label[href]:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

.label-default {
    background-color: #999
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #808080
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #c9302c
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ec971f
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.btn .badge {
    position: relative;
    top: -1px
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #fff
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: block;
            height: auto;
            max-width: 100%;
            line-height: 1
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    opacity: .5;
    filter: alpha(opacity=50)
}

    .carousel-control.left {
        background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
        background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
        background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eee
}

    .jumbotron h1 {
        line-height: 1;
        color: inherit
    }

    .jumbotron p {
        line-height: 1.4
    }

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 50px 60px;
        border-radius: 6px
    }

        .jumbotron h1 {
            font-size: 63px
        }
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media screen and (max-width:400px) {
    @-ms-viewport {
        width: 320px
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible-xs {
    display: block !important
}

tr.visible-xs {
    display: table-row !important
}

th.visible-xs, td.visible-xs {
    display: table-cell !important
}

@media(min-width:768px) and (max-width:991px) {
    .visible-xs {
        display: none !important
    }

    tr.visible-xs {
        display: none !important
    }

    th.visible-xs, td.visible-xs {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-xs {
        display: none !important
    }

    tr.visible-xs {
        display: none !important
    }

    th.visible-xs, td.visible-xs {
        display: none !important
    }
}

@media(min-width:1200px) {
    .visible-xs {
        display: none !important
    }

    tr.visible-xs {
        display: none !important
    }

    th.visible-xs, td.visible-xs {
        display: none !important
    }
}

.visible-sm {
    display: none !important
}

tr.visible-sm {
    display: none !important
}

th.visible-sm, td.visible-sm {
    display: none !important
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-sm {
        display: none !important
    }

    tr.visible-sm {
        display: none !important
    }

    th.visible-sm, td.visible-sm {
        display: none !important
    }
}

@media(min-width:1200px) {
    .visible-sm {
        display: none !important
    }

    tr.visible-sm {
        display: none !important
    }

    th.visible-sm, td.visible-sm {
        display: none !important
    }
}

.visible-md {
    display: none !important
}

tr.visible-md {
    display: none !important
}

th.visible-md, td.visible-md {
    display: none !important
}

@media(min-width:768px) and (max-width:991px) {
    .visible-md {
        display: none !important
    }

    tr.visible-md {
        display: none !important
    }

    th.visible-md, td.visible-md {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-md {
        display: none !important
    }

    tr.visible-md {
        display: none !important
    }

    th.visible-md, td.visible-md {
        display: none !important
    }
}

.visible-lg {
    display: none !important
}

tr.visible-lg {
    display: none !important
}

th.visible-lg, td.visible-lg {
    display: none !important
}

@media(min-width:768px) and (max-width:991px) {
    .visible-lg {
        display: none !important
    }

    tr.visible-lg {
        display: none !important
    }

    th.visible-lg, td.visible-lg {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-lg {
        display: none !important
    }

    tr.visible-lg {
        display: none !important
    }

    th.visible-lg, td.visible-lg {
        display: none !important
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: none !important
}

tr.hidden-xs {
    display: none !important
}

th.hidden-xs, td.hidden-xs {
    display: none !important
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-xs {
        display: block !important
    }

    tr.hidden-xs {
        display: table-row !important
    }

    th.hidden-xs, td.hidden-xs {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-xs {
        display: block !important
    }

    tr.hidden-xs {
        display: table-row !important
    }

    th.hidden-xs, td.hidden-xs {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .hidden-xs {
        display: block !important
    }

    tr.hidden-xs {
        display: table-row !important
    }

    th.hidden-xs, td.hidden-xs {
        display: table-cell !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }

    tr.hidden-sm {
        display: none !important
    }

    th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-sm {
        display: block !important
    }

    tr.hidden-sm {
        display: table-row !important
    }

    th.hidden-sm, td.hidden-sm {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .hidden-sm {
        display: block !important
    }

    tr.hidden-sm {
        display: table-row !important
    }

    th.hidden-sm, td.hidden-sm {
        display: table-cell !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-md {
        display: block !important
    }

    tr.hidden-md {
        display: table-row !important
    }

    th.hidden-md, td.hidden-md {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }

    tr.hidden-md {
        display: none !important
    }

    th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-md {
        display: block !important
    }

    tr.hidden-md {
        display: table-row !important
    }

    th.hidden-md, td.hidden-md {
        display: table-cell !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-lg {
        display: block !important
    }

    tr.hidden-lg {
        display: table-row !important
    }

    th.hidden-lg, td.hidden-lg {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-lg {
        display: block !important
    }

    tr.hidden-lg {
        display: table-row !important
    }

    th.hidden-lg, td.hidden-lg {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important
    }

    tr.hidden-lg {
        display: none !important
    }

    th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

tr.visible-print {
    display: none !important
}

th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }

    tr.hidden-print {
        display: none !important
    }

    th.hidden-print, td.hidden-print {
        display: none !important
    }
}

/*   
Template Name: Flaty - Responsive Bootstrap Template
Description: Business, Corporate, Portfolio and Blog Theme.
Version: 1.2
Author: Html Stream
Website: http://htmlstream.com/preview/flaty
*/
/*Import Google Fonts*/
/*font-family: 'Open Sans', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);

:root {
    --main-color: #cb3234;
    --sub-color-1: #606e8c;
    --sub-color-2: #d84b20;
}

body {
    padding: 0;
    color: var(--sub-color-1);
    background-color: #ffffff;
    /*min-width: 320px;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

p, a, li {
    color: var(--sub-color-1);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

    a,
    a:focus,
    a:hover,
    a:active {
        outline: 0 !important;
        color: #383838;
        
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        a:hover {
            color: var(--main-color);
            text-decoration: underline !important;
        }

        .normaal a,
        a:focus,
        a:hover,
        a:active {
            outline: 0 !important;
            color: var(--sub-color-1) !important;
            text-decoration: none !important;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    .normaal a:hover {
        color: var(--main-color) !important;
        text-decoration: underline !important;
    }

.opPagina a,
.opPagina a:focus,
.opPagina a:active
 {
    outline: 0 !important;
    color: var(--main-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .opPagina a:hover {
        color: var(--sub-color-1);
        text-decoration: underline !important;
        text-decoration-color: var(--sub-color-1);
    }

    .opPagina a:visited {
        color: var(--main-color) !important;
        text-decoration: none !important;
    }

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: var(--sub-color-1);
}

h1 i, h2 i, h3 i, h4 i, h5 i {
    margin-right: 7px;
}

hr.transparent {
    border-color: transparent;
    background-color: transparent;
    margin: 0 0 40px 0;
}
hr.transparent.small {
    margin: 0 0 20px 0;
}

/*Back to top*/
#topcontrol {
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background-color: #1b1b1b;
    color: #bebebe;
    text-align: center;
    z-index: 9999;
}
#topcontrol:hover {
    color: #a2c753;
}

#topcontrol,
#topcontrol:hover {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#topcontrol:before {
    font-family: fontawesome;
    content: "\f077";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 12px;
    line-height: 40px;
    top: 0;
    left: -1px;
    text-align: center;
}
#topcontrol span {
    display: inline-block;
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 50px;
    text-align: center;
    font-size: 9px;
    line-height: 1;
}

/*Block headline*/
.heading {
    padding: 5px 20px 5px 20px;
    border-left: 4px solid #27c5f2;
}

.headline {
    display: block;
    /*border-bottom: 1px dotted #e4e9f0;*/
    /*margin: 10px 0 25px 0;*/
    margin: 0 0 25px 0;
}

.headline:after {
    content: '';
    display: block;
    height: 3px;
    background-color: #eeeeee;
    width: 40px;
}

.headline h3,
.headline h4 {
    /*color: #585f69;*/
    display: inline-block;
    /*margin: 0 0 -2px 0;*/
    /*border-bottom: 2px solid var(--main-color);*/
    font-weight: 700;
}

.sidebar .headline,
.sidebar .headline .title {
    margin-top: 0;
}

.sidebar .headline .title {
    margin-bottom: 5px;
    padding-top: 5px;
    color: var(--sub-color-1);
    font-size: 16px;
}

.sidebar .headline {
    /*margin-bottom: 20px;*/
}

.page-heading {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    color: var(--sub-color-1);
    padding: 5px 5px 5px 0;
    margin-bottom: 25px;
    border-bottom: 3px solid #eeeeee;
    margin-top: 0;
}

.page-subheading {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: var(--sub-color-1);
    padding: 5px 5px 5px 0;
    margin-bottom: 25px;
    border-bottom: 3px solid #eeeeee;
    margin-top: 0;
}

/*Purchase*/
.purchase.up {
    margin-top: -40px;
}
.purchase.bottom {
    margin-bottom: -40px;
}
.purchase {
    padding: 30px 0 20px 0;
    background-color: #FAF9F4;
}

.purchase span {
    color: var(--sub-color-1);
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 7px;
}

/*Service*/
.service {
    margin-bottom: 10px;
    padding: 15px 15px 10px;
}

.service:hover {
    border-radius: 2px;
    box-shadow: 0 0 8px #ddd;
    background: #fcfcfc;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.service:hover i {
    color: #656565;
}

.service i {
    float: left;
    padding: 10px;
    color: var(--main-color);
    font-size: 45px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service i.icon-cogs {
    font-size: 37px;
}

.service .desc {
    width: 75%;
    float: right;
}

.service .desc h4 {
    font-size: 22px;
    line-height: 25px;
}

.ie7 .service .circle i {
    padding-bottom: 45px !important; /*ie7*/
}

/*Blockquote*/
blockquote:hover {
    border-left-color: var(--main-color);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hero {
    padding: 18px;
    margin: 20px 0;
    color: #566c8a;
    font-size: 16px;
    background: #fcfcfc;
    border-left: 4px solid #94c564;
}

.hero h1, .hero p {
    text-shadow: 1px 1px 0 #fff;
}

.hero-flaty p {
    font-size: 13px;
    line-height: 20px;
}

/* Recent Work  */
.recent-work a {
    text-align: center;
    background: #fcfcfc;
    display: inline-block;
}

.recent-work a:hover {
    text-decoration: none;
}

.recent-work a:hover strong {
    color: #555;
}

.recent-work em.overflow-hidden {
    display: block;
}

.recent-work a span {
    display: block;
    padding: 10px;
    border-bottom: solid 2px #eee;
}

.recent-work a strong {
    color: #555;
    display: block;
}

.recent-work a i {
    color: #777;
}

.recent-work a img {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.0) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
    border-bottom: solid 2px var(--main-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Work */
.work {
    margin-top: 6px;
}

.work .details {
    padding: 10px;
}

.work .caption {
    display: block;
    padding-top: 5px;
    color: #585f69 !important;
    font-size: 18px !important;
}

.work .caption:hover {
    cursor: pointer;
    color: #444 !important;
    text-decoration: underline;
}

/* Testimonials */
.testimonial-body {
    padding: 10px;
    margin-top: 5px;
    background: #fcfcfc;
    border: 1px solid #f5f5f5;
}

.testimonial-author {
    padding-top: 15px;
    padding-left: 20px;
}

.testimonial-author .arrow {
    width: 0;
    height: 0;
    position: absolute;
    margin-top: -16px;
    margin-left: 20px;
    border-top: 15px solid #fcfcfc;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
}

.testimonial-author .name {
    color: #585f69;
    font-weight: bold;
}

.testimonal-arrow a {
    margin: 0;
    top: -22px;
    float: right;
    color: var(--main-color);
    font-size: 25px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 0 9px !important;
}

.testimonal-arrow a:hover {
    color: #fff;
    text-decoration: none;
    background: var(--main-color) !important;
}

/*Carousel*/
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption p,
.carousel-caption {
    color: #ffffff;
}

/*Clients (Flexslider)*/
.clients {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.clients li {
    float: left;
    overflow: hidden;
    margin-left: 1px;
    position: relative;
    background: #fafafa;
}

.clients li:hover {
    background: #f6f6f6;
}

.clients li img.color-img {
    top: 0;
    left: 0;
    display: none;
    position: absolute;
}

.clients li:hover img.color-img {
    display: block;
}

.clients li img {
    filter: gray; /* IE6-9 */
    float: none !important;
    margin: 0 auto !important;
}

.clients li img:hover {
    filter: none;
}

.clients,
.flexslider.home {
    border: 0px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.flexslider {
    margin-top: 10px !important;
}

.flexslider .flex-direction-nav a {
    margin-top: -10px !important;
}

/*Pegination*/
.pagination-f a,
.pagination-f span {
    text-align: center;
}
.pagination-f li a,
.pagination-f li a:hover {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pagination-f > li:first-child > a,
.pagination-f > li:first-child > span,
.pagination-f > li:last-child > a,
.pagination-f > li:last-child > span,
.pagination-f li a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-width: 2px 2px 2px 2px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    padding: 5px;
    font-size: 10px;
    line-height: 1;
    color: var(--main-color);
}

/*main hover*/
.pagination-f > li > a:hover,
.pagination-f > li > a:focus,
.pagination-f > .active > a,
.pagination-f > .active > span {
    color: #ffffff;
    background-color: #dddddd;
}

/*active hover*/
.pagination-f > .active > a,
.pagination-f > .active > a:hover,
.pagination-f > .active > span {
    color: #ffffff;
    background-color: #dddddd;
}

/*Footer*/
.footer {
    margin-top: 40px;
    padding: 50px 0 20px 0;
    background: #242424;
    color: #ffffff;
    font-size: 13px;
}

.footer p {
    color: #ffffff;
}

.footer li {
    color: #ffffff;
}

.footer a {
    /*color: var(--main-color);*/
}

.footer a:hover {
    /*color: #a8f85f;*/
}

.footer a,
.footer a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .footer .title {
        margin-bottom: 25px;
        /*text-transform: uppercase;*/
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }

.footer .widget {
    margin-bottom: 40px;
}

/*Copyright*/
@media (min-width: 992px) {
    .row.social {
        display: none;
    }
}
.copyright {
    padding: 25px 0;
    font-size: 10px;
    /*text-transform: uppercase;*/
    background-color: #141414;
    color: #ffffff;
}

.copyright a,
.copyright a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.copyright .copyright-text {
    letter-spacing: 2px;
}

@media (max-width: 991px) {
    .copyright .copyright-text {
        text-align: center;
    }
}

.copyright .copyright-menu {
    text-align: right;
    letter-spacing: 1px;
    color: #ffffff;
}

@media (max-width: 991px) {
    .copyright .copyright-menu {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.copyright .copyright-menu a {
    color: #ffffff;
}

.copyright .copyright-menu a:hover {
    color: var(--sub-color-2) !important;
}


.copyright .social {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 16px;
}

.copyright .social .icon-stack-base {
    color: #555555;
    text-shadow: 0 0 2px rgba(85, 85, 85, 1);
}

.copyright .social a:hover .icon-stack-base {
    color: #ffffff;
    text-shadow: 0 0 2px rgba(255, 255, 255, 1);
}

.copyright .social a:hover .icon-light {
    color: #555555;
    text-shadow: 0 0 2px rgba(85, 85, 85, 1);
}

.copyright .social a,
.copyright .social a:hover,
.copyright .social .icon-stack-base,
.copyright .social .icon-light {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/*Home Page "Main page" (Default)
------------------------------------*/
/*Thumbnail*/
.thumbnail-style {
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 20px;
}

.thumbnail-style img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.thumbnail-style:hover {
    box-shadow: 0 0 8px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.thumbnail-style h3 {
    margin: 5px 0 0 0;
}

.thumbnail-style h3 a {
    font-size: 20px;
}

.thumbnail-style h3 a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.thumbnail-style .thumbnail-img {
    position: relative;
}

.thumbnail-style .thumbnail-img img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.thumbnail-style a.btn-more {
    right: -10px;
    bottom: 10px;
    color: #fff;
    padding: 1px 6px;
    position: absolute;
    background: var(--main-color);
    display: inline-block;
}

.thumbnail-style a.btn-more:hover {
    text-decoration: none;
    box-shadow: 0 0 0 2px #377500;
}

.thumbnail-style:hover a.btn-more {
    right: 10px;
}

.thumbnail-kenburn {
    margin-bottom: 20px;
}

.thumbnail-kenburn img {
    width: 100%;
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.thumbnail-kenburn:hover img {
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}

/*Welcome Block*/
.service-block .service-block-inner {
    padding:20px 30px;
    text-align:center;
    margin-bottom:20px;
    background:#fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.service-block .service-block-inner.clear {
    padding: 0;
    background-color: transparent;
}

.service-block .service-block-inner:hover {}
.service-block .service-block-inner h4 a:hover {
    color:#a2c753;
    text-decoration:none;
}

.service-block .service-block-inner:hover h4,
.service-block .service-block-inner:hover i {
    color:#a2c753;
}
.service-block .service-block-inner i {
    color:#565656;
    font-size:40px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.service-block-in .service-block-inner i {
    /**/
}
.service-block-in .service-block-inner:hover i {
    /**/
}

.service-block .icon-wrapper {
    border: solid 5px #ffffff;
    display: inline-block;
    background-color: var(--main-color);
    padding: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.service-block .service-block-inner:hover .icon-wrapper {
    background-color: #565656;
}

.service-block .icon-wrapper i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
}

.service-block .service-block-inner:hover .icon-wrapper i {
    color: #ffffff;
}

/*Breadcrumbs*/
.breadcrumbs {
    padding: 25px 0;
    background-color: var(--main-color);
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 40px;
}

.breadcrumbs h1 {
    font-size: 19px;
    font-weight: 100;
    line-height: 20px;
    margin: 0;
    color: #fff;
}

@media (max-width: 767px) {
    .breadcrumbs h1 {
        text-align: center;
    }
}

.breadcrumbs .breadcrumb {
    padding: 0;
    background: none;
    text-align: right;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    .breadcrumbs .breadcrumb {
        text-align: center;
    }
}
.breadcrumbs .breadcrumb li:before,
.breadcrumbs .breadcrumb a,
.breadcrumbs .breadcrumb a:hover {
    color: #fff;
}

.breadcrumbs .breadcrumb li.active {
    font-weight: bold;
    color: #fff;
}

/*Home Page "Options"
------------------------------------*/
/*Accardion*/
.acc-home a.accordion-toggle {
    color: #686868;
    font-size: 12px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    background: none;
    padding: 10px 10px;
    background: #fafafa;
    border-bottom: solid 1px #eee;
    text-decoration: none !important;
    display: block;
}

.acc-home a.accordion-toggle i {
    float: right;
    margin-top: 4px;
}

.acc-home a.active,
.acc-home a.accordion-toggle:hover {
    color: var(--main-color);
    text-decoration: none !important;
}

.acc-home .accordion-group {
    border: none;
    margin: 0 !important;
}

.acc-home .accordion-heading,
.acc-home .accordion-inner {
    border: none;
}

.acc-home .accordion-inner {
    border: none;
    padding: 10px;
}

.acc-home-2 .accordion-group {
    border-bottom: solid 1px #f9f9f9 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.acc-home-2 .accordion-group {
    border: none;
}
.acc-home-2 .accordion-inner {
    border: none;
    padding: 10px 0;
}
.acc-home-2 a.accordion-toggle {
    color: #686868;
    font-size: 12px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    background: none;
    padding: 10px 10px 10px 0;
    border-bottom: solid 1px #eee;
    text-decoration: none !important;
    display: block;
}
.acc-home-2 a.accordion-toggle i {
    background-color: #1B1B1B;
    color: #ffffff;
    padding: 6px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 14px;
}

.acc-home-2 a.active,
.acc-home-2 a.accordion-toggle:hover {
    color: var(--main-color);
    text-decoration: none !important;
}

.acc-home-2 a.active i,
.acc-home-2 a.accordion-toggle:hover i {
    background-color: var(--main-color);
    text-decoration: none !important;
}

/*Posts*/
.latest-posts {
    line-height: 1.5;
}

.latest-posts .media {
    border-bottom: solid 1px #ececec;
    padding-bottom: 10px;
}

.latest-posts .media:last-child {
    border-bottom: none;
}

/*bs changes*/
.latest-posts .media, .latest-posts .media .media {
    overflow: visible;
}

.latest-posts .media:before, .latest-posts .media .media:before,
.latest-posts .media:after, .latest-posts .media .media:after {
    display: table;
    content: " ";
}

.latest-posts .media:after, .latest-posts .media .media:after {
    clear: both;
}
/**/

.latest-posts a {
    text-decoration: none;
}

.latest-posts img {
    width: 50px;
    height: 50px;
    /*margin-top: 5px;*/
}

.latest-posts .post-title,
.latest-posts .post-info {
    margin-bottom: 0;
}

.latest-posts .post-title a {
    /*color: #ffffff;*/
}

.latest-posts .post-info a {
    color: #b3b3b3;
    font-size: 10px;
    /*text-transform: uppercase;*/
}

.footer .latest-posts a:hover,
.footer .latest-posts .post-title a:hover,
.footer .latest-posts .post-info a:hover,
.latest-posts a:hover,
.latest-posts .post-title a:hover,
.latest-posts .post-info a:hover {
    color: var(--main-color);
}


.latest-posts .media a.pull-left,
.latest-posts .media a.pull-right {
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.latest-posts .media a.pull-left:before,
.latest-posts .media a.pull-right:before {
    display:block;
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width:50px;
    height:50px;
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.latest-posts .media:hover a.pull-left:before,
.latest-posts .media:hover a.pull-right:before {
    -moz-box-shadow: 0 0 0 4px var(--main-color);
    -webkit-box-shadow: 0 0 0 4px var(--main-color);
    box-shadow: 0 0 0 4px var(--main-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Blog Posts*/
.footer .latest-posts .media {
    border-bottom: solid 1px var(--sub-color-1);
}
.footer .latest-posts .post-title a {
    color: #ffffff;
}

/*Home Page "Options"
------------------------------------*/
/*Slider*/
.slider-inner .da-slider {
    box-shadow: none;
}

/*Carousel*/
.carousel-control {
    color: #fff;
    border: none;
    margin-top: 0;
    border-radius: 2px;
}

.carousel-control:hover {
    opacity: 1;
    color: var(--main-color);
}

/*Tabs*/
.nav-tabs-f > li.active > a,
.nav-tabs-f > li.active > a:hover,
.nav-tabs-f > li.active > a:focus {
    border-color: #DDDDDD #DDDDDD #ffffff;
    color: var(--main-color);
}

.nav-tabs-f > li > a {
    /*text-transform: uppercase;*/
    font-size: 10px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #eeeeee;
}

.tab-content-f {
    padding: 10px;
    border: solid 1px #dddddd;
    border-top: none;
}
.tab-content-f *:last-child {
    margin-bottom: 0;
}

/*Tags*/
.blog-tags {
    margin-top: -10px;
    margin-bottom: 0;
}
.blog-tags li {
    padding: 0;
    margin-right: 5px;
    margin-top: 10px;
}
    .blog-tags a {
        color: var(--sub-color-1);
        text-decoration: none;
        padding: 3px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #eeeeee;
    }
    .blog-tags a:hover {
        background-color: var(--sub-color-1);
        color: var(--main-color) !important;
        text-decoration: none !important;
    }

.blog-tags a,
.blog-tags a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Home Page "Options"
------------------------------------*/
/*Right Sidebar*/
.who li {
    margin-bottom: 6px;
}

.who li i {
    color: var(--main-color);
    position: relative;
    top: 2px;
    margin-right: 7px;
    font-size: 18px;
}

.who li:hover i,
.who li:hover a {
    color: #777;
}

.who li:hover a:hover {
    text-decoration: none;
}

/*Pagebar
------------------------------------*/
.widget,
.pagebar .widget {
    margin-bottom: 40px;
}

/*Sidebar
------------------------------------*/
.sidebar {
    font-size: 13px;
}
.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar a,
.sidebar a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Sidebar Categories
------------------------------------*/
.list-categories {
}

.list-categories li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ECECEC;
}

.list-categories li:last-child {
    border-bottom: none;
}

.list-categories li:first-child {
    padding-top: 0;
}

.list-categories li a {
    text-decoration: none;
}

.footer .list-categories li {
    border-bottom-color: var(--sub-color-1);
}

.footer .list-categories li:first-child {
    padding-top: 0;
}

.footer .list-categories a {
    color: #ffffff;
}

.footer .list-categories a:hover {
    color: var(--main-color);
}

/*Home Page "Options"
------------------------------------*/
/*Service Blocks*/
.service-alternative .service:hover {
    background: #76ca2c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 {
    color: #fff;
}

/*About Page
------------------------------------*/

/*social icons*/
.team ul {
    text-align: left;
}

.team ul li {
    padding: 0 !important;
    margin: 0 !important;
}

.team ul li a,
.team ul li a:hover {
    text-decoration: none;
}

.team ul li i {
    color: #aaa;
    font-size: 20px;
    padding: 4px;
    background: #f7f7f7;
}

.team ul li i.icon-facebook {
    padding: 4px 10px;
}

.team ul li i:hover {
    color: #fff;
    background: var(--main-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.team .thumbnail-style {
    padding: 12px;
    margin-bottom: 20px;
}

.team .thumbnail-style small {
    display: block;
    font-size: 12px;
}

.team .thumbnail-style h3 {
    margin-bottom: 10px;
}

.team .thumbnail-style:hover h3 a {
    color: var(--main-color) !important;
}

/*Icons Page
------------------------------------*/
.icon-page li {
    color: #555;
    margin: 5px 0;
    font-size: 14px;
}

.icon-page li i {
    font-size: 14px;
    margin-right: 5px;
}

.icon-page li:hover {
    color: var(--main-color);
}

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #eee;
}

.pricing:hover {
    box-shadow: 0 0 15px #b5b5b5;
}

.pricing:hover h4 {
    color: #55c931;
}

.pricing-head {
    text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
    font-weight: bold !important;
}

.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}

.pricing-head h3 {
    color: #fafafa;
    padding: 12px 0;
    font-size: 24px;
    background: #55c931;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px 0 #32a20f;
    border-bottom: solid 1px #41b91c;
}

.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 70px;
    background: #fbfef2;
    text-shadow: 0 1px 0 #fff;
    border-bottom: solid 1px #f5f9e7;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}

/*Pricing Content*/
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

.pricing-content li i {
    top: 2px;
    color: var(--main-color);
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}

/*Pricing Footer*/
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
    border-radius: 0 0 3px 3px;
}

/*.pricing-footer a,
.pricing-footer button {
    color: #fff;
    border: none;
    margin-top: 5px;
    font-size: 16px;
    padding: 6px 15px;
    text-align: center;
    border-radius: 2px;
    background: #55c931;
    display: inline-block;
    /*text-transform: uppercase;*/
 /*   text-shadow: 0 1px 0 #38b312;
    border-bottom: solid 2px #41b91c;
}

.pricing-footer a:hover,
.pricing-footer button:hover {
    cursor: pointer;
    background: #40ba1a;
    text-decoration: none;
    box-shadow: 0 0 3px #999;
}*/

/*Priceing Active*/
.price-active,
.pricing:hover {
    /*z-index: 9;*/
    /*margin-top: -15px;*/
    /*box-shadow: 0 0 15px #b5b5b5;*/
}

.price-active h4 {
    color: #55c931;
}

.no-space-pricing .pricing:hover {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -ms-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #55c931;
    /*padding: 15px 0;*/
    /*font-size: 80px;*/
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

/*Gallery Page
------------------------------------*/
.gallery .thumbnail {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .gallery .thumbnail {
        margin-bottom: 15px;
    }
}

.gallery .thumbnail,
.gallery .thumbnail:hover {
    padding: 0;
    border: none;
    box-shadow: none;
}

.gallery .thumbnail img {
    max-width: 100%;
}

/*Search form
------------------------------------*/

.form-search {
    position: relative;
}
.form-search .form-control {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #FCFCFC;
}
.form-search .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border-color: transparent;
}
.form-search .btn-search:hover {
    color: var(--main-color);
}
.form-search .btn-search,
.form-search .btn-search:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Registration and Login Page
------------------------------------*/
.reg-page,
.login-page {
    overflow: hidden;
    margin: 0 auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

/*Registration*/
.reg-page {
    max-width: 500px;
    padding: 30px 50px;
}

.reg-page h3 {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .reg-page,
    .login-page {
        max-width: 100%;
    }
}

/*Login*/
.login-page {
    min-width: 25%;
    max-width: 25%;
    padding: 35px 30px 30px;
}

.login-page h3 {
    margin: 0 0 25px 0;
}

.login-page input.login-inputs {
    width: 86%;
}

.login-page .checkbox {
    margin-top: 7px;
}

.login-page .checkbox input {
    margin-right: 6px !important;
}

.login-page button {
    margin: 0 0 5px 0;
}

/*Login Page v1.1*/
.log-page {
    max-width: 500px;
    padding: 30px 50px;
    margin: 0 auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

/*404 Page
------------------------------------*/
.page-404 p {
    top: 70px;
    color: #777;
    font-size: 300px;
    line-height: 180px;
    text-align: center;
    position: relative;
}

.page-404 p i {
    font-style: normal;
    text-shadow: 0 0 3px;
}

.page-404 p span {
    display: block;
    font-size: 32px;
    position: relative;
}

/*Clients Page
------------------------------------*/
.clients-page {
    overflow: hidden;
    margin-bottom: 40px;
}

.clients-page p {
    overflow: auto;
}

.clients-page p a {
    overflow: auto;
    text-decoration: underline;
}

.clients-page a.img-hover {
    display: block;
    position: relative;
}

.clients-page img {
    float: left;
    margin-right: 20px;
    background: #fafafa;
    border: solid 1px #eee;
    width: 120px;
    height: 120px;
}

@media (max-width: 479px) {
    .clients-page img {
        float: none;
        margin-bottom: 20px;
    }
}

.clients-page img.img-colorful {
    display: none;
}

.clients-page a:hover img.img-colorful,
.clients-page:hover img.img-colorful {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
}

/*Privacy Page
------------------------------------*/
.privacy {
}

.privacy a {
    text-decoration: underline;
}

.privacy a:hover {
    color: var(--main-color);
    text-decoration: none;
}

/*Portfolio Page
------------------------------------*/
.portfolio-columns .col-lg-3 {
    margin-bottom: 1.8%;
}

.portfolio-columns .col-lg-4 {
    margin-bottom: 2.3%;
}

.portfolio-columns .col-lg-6 {
    margin-bottom: 2.2%;
}

/*Portfolio Item Page
------------------------------------*/
.portfolio-item h3 {
    margin-top: 0;
}

.portfolio-item li {
    padding: 3px 0;
}

.portfolio-item p a {
    text-decoration: underline;
}

.portfolio-item p a:hover {
    text-decoration: none;
}

/*Blog Page
------------------------------------*/
.blog {
    margin-bottom: 50px;
}

.blog h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}

.blog h2 a:hover {
    text-decoration: none;
}

    .blog h3 a,
    .blog h3 a:focus,
    .blog h3 a:active {
        outline: 0 !important;
        color: var(--main-color);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .blog h3 a:hover {
            color: var(--main-color) !important;
            text-decoration: underline !important;
            text-decoration-color: var(--main-color) !important;
        }

#blogButton  a {
        color: #fff !important;
        text-decoration: none !important;
    }

    #blogButton a:hover {
        color: var(--sub-color-1) !important;
        text-decoration: none !important;
    }

#PricingButton a {
    color: #fff !important;
    text-decoration: none !important;
}

    #PricingButton a:hover {
        color: var(--sub-color-1) !important;
        text-decoration: none !important;
    }

.blog ul {
    /*color: #555;*/
    /*font-size: 12px;*/
}

.blog li {
    /*margin-right: 7px !important;*/
}

.blog li i {
    /*color: #666;*/
}

.blog li a {
    color: var(--main-color) !important;
}

.blog li a:hover {
    color: var(--main-color);
    text-decoration: underline;
}

.blog ul.blog-info {
    border-bottom: solid 3px #eee;
    padding: 10px 0;
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: #b3b3b3;
}

.blog ul.blog-info a {
    color: #b3b3b3;
}

.blog ul.blog-info a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.blog ul.blog-info a,
.blog ul.blog-info a:hover,
.blog ul.blog-info em {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog ul.blog-info em {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    text-transform: lowercase;
    color: #b3b3b3;
}

.blog ul.blog-info .blog-comments-number {
    float: right;
}
@media (max-width: 767px) {
    .blog ul.blog-info .blog-comments-number {
        float: none;
    }
}

.blog ul.blog-info .blog-comments-number em {
    font-size: 11px;
}

.blog ul.blog-info li {
    color: #b3b3b3;
    padding-left: 0;
}

.blog .blog-type {
    font-size: 14px;
    color: #666666;
}

.blog .blog-type i {
    color: #666666;
}

.blog .blog-img {
    margin: 0 0 30px 0;
}

.blog .blog-img img {
    width: 100%;
}

.blog .blog-readmore {
    padding-left: 0;
    padding-right: 0;
    border: none;
    /*text-transform: uppercase;*/
    font-size: 12px;
    font-weight: bold;
    color: #b3b3b3;
}

.blog .blog-readmore:hover {
    text-decoration: none;
    color: var(--main-color);
}

.blog .blog-readmore:hover i {
    margin-left: 10px;
}

.blog .blog-readmore,
.blog .blog-readmore:hover,
.blog .blog-readmore i,
.blog .blog-readmore:hover i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Blog Ads*/
.blog-ads li {
    display: inline;
}

.blog-ads li img {
    width: 70px;
    height: 70px;
    margin: 0 2px 8px;
}

.blog-ads li img:hover {
    -webkit-box-shadow: 0 0 0 4px var(--main-color);
    -moz-box-shadow: 0 0 0 4px var(--main-color);
    box-shadow: 0 0 0 4px var(--main-color);
}

/*Blog Latest Tweets*/
.blog-twitter p {
}

.blog-twitter p span {
    color: #777;
    display: block;
    font-size: 11px;
}

.blog-twitter p a {
    color: var(--main-color);
    text-decoration: none;
    border-bottom: solid 1px transparent;
}

.blog-twitter p a:hover {
    border-color: var(--main-color);
}

.blog-twitter p a,
.blog-twitter p a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*Blog Item Page
------------------------------------*/
.blog-item .media img {
    top: 3px;
    width: 54px;
    height: 54px;
    position: relative;
}

.blog-item h4.media-heading {
    position: relative;
}

.blog-item h4 {
    color: var(--main-color);
}

.blog-item h4.media-heading span {
    top: 3px;
    right: 0;
    color: #777;
    font-size: 12px;
    position: absolute;
}

.blog-item h4.media-heading span a {
    color: var(--main-color);
}

/*Contact Page
------------------------------------*/
.map {
    width: 100%;
    height: 350px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.map-box {
    height: 250px;
}

.map-box-space {
    margin-top: 25px;
}

/*Coming Soon Page
------------------------------------*/
.coming-soon-page {
    background: #585f69;
}

.coming-soon-border {
    border-top: solid 3px var(--main-color);
}

.coming-soon-logo {
    margin-top: 10px;
    padding-top: 15px;
    border-top: solid 1px #4c5159;
}

.coming-soon-logo a {
    display: block;
    text-align: center;
}

.coming-soon,
.coming-soon-plugin {
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.coming-soon-plugin {
    min-height: 260px;
}

.coming-soon h1,
.coming-soon p {
    color: #fff;
}

.coming-soon h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    text-shadow: none;
}

.coming-soon p {
    font-size: 16px;
    line-height: 22px;
}

.coming-soon input {
    /*box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;*/
}

.coming-soon-copyright {
    /*padding: 5px 0;*/
}

.coming-soon-copyright p {
    color: #fff;
}
@media (min-width: 992px) {
    .coming-soon-copyright p {
        text-align: right;
    }
}

/*One Page
------------------------------------*/
.one-page {
    padding-left: 0;
    padding-right: 0;
}

.one-page h1,
.one-page h2 {
    color: #fff;
    font-size: 30px;
    text-shadow: none;
    margin-bottom: 20px;
}

.one-page p {
    color: #fff;
}

.one-page .one-default p,
.one-page .one-default h1,
.one-page .one-default h2,
.one-page .one-grey p,
.one-page .one-grey h1,
.one-page .one-grey h2 {
    color: #555;
}

.one-page .one-page-inner {
    padding: 30px 20px;
    min-height: 300px;
}

.one-page .one-page-btn {
    font-size: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-bottom: 15px;
}

.one-page .btn-f {
    margin-bottom: 15px;
}

.one-page .one-default {
    background: #fff;
}

.one-page .one-grey {
    background: #fafafa;
}

.one-page .one-blue {
    background: #3498db;
}

.one-page .one-red {
    background: #e74c3c;
}

.one-page .one-orange {
    background: #e67e22;
}

.one-page .one-green {
    background: #2ecc71;
}

/**/

.full-width {}
.full-width .section-title {
    font-size: 75px;
    line-height: 85px;
}
.full-width .sub-title {
    font-size: 14px;
    letter-spacing: 5px;
}
.full-width .bg-default {

}
.full-width .color1 {
    background-color: #f4f4f4;
}
.full-width .color2 {

}
.full-width .color3 {

}

/**/

/*Search Page
------------------------------------*/
.search-page h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.booking-blocks {
    overflow: hidden;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #fafafa;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.booking-blocks:hover {
    border-radius: 2px;
    background: #fafafa;
    box-shadow: 0 0 8px #ddd;
}

.booking-blocks p a {
    color: var(--main-color);
}

.booking-blocks .booking-img {
    width: 140px;
    margin-right: 10px;
}

.booking-blocks .booking-img li {
    color: #777;
}

.booking-blocks .booking-img li i {
    color: #78ccf8;
    font-size: 12px;
    margin-right: 5px;
}

.booking-blocks .booking-img img {
    float: left;
    width: 140px;
    height: auto;
    margin: 5px 10px 10px 0;
}

.booking-blocks h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
}

.booking-blocks ul.inline li {
    padding: 0;
}

.booking-blocks ul.inline li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.booking-blocks ul.inline li i:hover {
    color: #f8be2c;
}

/*Others (Global classes)
------------------------------------*/

.color-highligh-boeken {
    color: var(--sub-color-2);
}

.color-red {
    color: #c00;
}

.color-green {
    color: var(--main-color);
}

.color-blue {
    color: #3498db;
}

.pull-lft {
    text-align: left;
}

.pull-rgt {
    text-align: right;
}

.rgt-img-margin {
    margin: 4px 0 5px 8px;
}

.lft-img-margin {
    margin: 5px 20px 5px 0;
}

.overflow-hidden {
    overflow: hidden;
}

.padding-left-5 {
    padding-left: 5px;
}

.img-width-200 {
    width: 200px;
}

/*Image Border*/
.img-border {
    border: solid 3px #fff;
}

/*Background light-style*/
.bg-light {
    padding: 10px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    background: #fcfcfc;
}

.bg-light:hover {
    padding: 9px 14px;
    border: solid 1px #e5e5e5;
}

/*Link read-more*/
a.read-more {
    font-weight: bold;
    text-decoration: none;
}

a.read-more:hover {
    color: var(--main-color);
    text-decoration: none;
}

/*Link color-green-style*/
.linked:hover {
    color: var(--main-color);
    text-decoration: none;
}

/*CSS3 Hover Effects*/
.hover-effect {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hover-effect-kenburn {
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.hover-effect-kenburn:hover {
    -webkit-transform: scale(2) rotate(5deg);
    -moz-transform: scale(2) rotate(5deg);
    -o-transform: scale(2) rotate(5deg);
    -ms-transform: scale(2) rotate(5deg);
    transform: scale(2) rotate(5deg);
}

/*Spaces*/
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-20,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-40,
.margin-bottom-50,
.margin-bottom-60 {
    clear: both;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

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

@media (max-width: 768px) {
    .margin-bottom-10-telefoon {
        margin-bottom: 10px;
    }
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

/*Button Style*/
.btn {
    /*box-shadow: none;*/
}

.btn-f {
    font-size: 11px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    line-height: 20px;
    background-color: var(--main-color);
    color: #fff;
    /*border: 0;*/
    /*cursor: pointer;*/
    /*padding: 12px 13px;*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*text-decoration: none !important;*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-f:focus {
    color: #fff;
}
    .btn-f:hover {
        color: var(--sub-color-1);
        background: var(--main-color) !important;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

/*Buttons Color*/
.btn-f-blue {
    background-color: #3498db !important;
}

.btn-f-blue:hover {
    background-color: #2980b9 !important;
}

.btn-f-red {
    background-color: #e74c3c !important;
}

.btn-f-red:hover {
    background-color: #c0392b !important;
}

.btn-f-orange {
    background-color: #e67e22 !important;
}

.btn-f-orange:hover {
    background-color: #d35400 !important;
}

.btn-f-sea {
    background-color: #1abc9c !important;
}

.btn-f-sea:hover {
    background-color: #16a085 !important;
}

.btn-f-green {
    background-color: #2ecc71 !important;
}

.btn-f-green:hover {
    background-color: #27ae60 !important;
}

.btn-f-yellow {
    background-color: #F1C40F !important;
}

.btn-f-yellow:hover {
    background-color: #F39C12 !important;
}

.btn-f-grey {
    background-color: #555555 !important;
}

.btn-f-grey:hover {
    background-color: #4F4F4F !important;
}

.btn-f-md {
    /*padding: 8px 13px;*/
}

/*Social Icons*/
.social-icons {
    margin: 0;
}

.social-icons li {
    float: left;
    display: inline;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    text-indent: -9999px;
}

.social-icons li a, a.social-icon {
    width: 28px;
    height: 28px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
    background-position: 0 -38px;
}

.social_amazon {
    background: url(../Assets/img/icons/social/amazon.png) no-repeat;
}

.social_behance {
    background: url(../Assets/img/icons/social/behance.png) no-repeat;
}

.social_blogger {
    background: url(../Assets/img/icons/social/blogger.png) no-repeat;
}

.social_deviantart {
    background: url(../Assets/img/icons/social/deviantart.png) no-repeat;
}

.social_dribbble {
    background: url(../Assets/img/icons/social/dribbble.png) no-repeat;
}

.social_dropbox {
    background: url(../Assets/img/icons/social/dropbox.png) no-repeat;
}

.social_evernote {
    background: url(../Assets/img/icons/social/evernote.png) no-repeat;
}

.social_facebook {
    background: url(../Assets/img/icons/social/facebook.png) no-repeat;
}

.social_forrst {
    background: url(../Assets/img/icons/social/forrst.png) no-repeat;
}

.social_github {
    background: url(../Assets/img/icons/social/github.png) no-repeat;
}

.social_googleplus {
    background: url(../Assets/img/icons/social/googleplus.png) no-repeat;
}

.social_jolicloud {
    background: url(../Assets/img/icons/social/jolicloud.png) no-repeat;
}

.social_last-fm {
    background: url(../Assets/img/icons/social/last-fm.png) no-repeat;
}

.social_linkedin {
    background: url(../Assets/img/icons/social/linkedin.png) no-repeat;
}

.social_picasa {
    background: url(../Assets/img/icons/social/picasa.png) no-repeat;
}

.social_pintrest {
    background: url(../Assets/img/icons/social/pintrest.png) no-repeat;
}

.social_rss {
    background: url(../Assets/img/icons/social/rss.png) no-repeat;
}

.social_skype {
    background: url(../Assets/img/icons/social/skype.png) no-repeat;
}

.social_spotify {
    background: url(../Assets/img/icons/social/spotify.png) no-repeat;
}

.social_stumbleupon {
    background: url(../Assets/img/icons/social/stumbleupon.png) no-repeat;
}

.social_tumblr {
    background: url(../Assets/img/icons/social/tumblr.png) no-repeat;
}

.social_twitter {
    background: url(../Assets/img/icons/social/twitter.png) no-repeat;
}

.social_vimeo {
    background: url(../Assets/img/icons/social/vimeo.png) no-repeat;
}

.social_wordpress {
    background: url(../Assets/img/icons/social/wordpress.png) no-repeat;
}

.social_xing {
    background: url(../Assets/img/icons/social/xing.png) no-repeat;
}

.social_yahoo {
    background: url(../Assets/img/icons/social/yahoo.png) no-repeat;
}

.social_youtube {
    background: url(../Assets/img/icons/social/youtube.png) no-repeat;
}

/*Bootstrap resets*/
.form-control {
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;*/
}
.form-control:focus {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
    border-color: rgba(153, 153, 153, 0.80);
}

/*Style Switcher*/
i.style-switcher-btn {
    left: 0;
    top: 100px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 555555;
    position: fixed;
    padding: 7px 9px;
    background: #1b1b1b;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

i.style-switcher-btn:hover {
    background: #707985;
}

@media (max-width: 900px) {
    /*Style Switcher*/
    i.style-switcher-btn {
        display: none;
    }
}


.style-switcher {
    left: 0;
    top: 100px;
    display: none;
    z-index: 555555;
    position: fixed;
    background: #585f69;
    padding: 15px 15px 15px 20px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.style-switcher-inner {
    background: #9097a0;
}

.style-switcher .theme-close {
    top: 10px;
    right: 6px;
    position: absolute;
}

.style-switcher .theme-close i {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 7px;
    background: #464e5b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.style-switcher .theme-close i:hover {
    color: #464e5b;
    background: #fff;
}

.style-switcher .theme-heading {
    color: #fff;
    margin-bottom: 10px;
}

.style-switcher ul {
    margin-bottom: 0;
}

.style-switcher li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #c00;
    margin-right: 5px;
    display: inline-block;
    border: solid 2px #70747a;
}

.style-switcher li:hover,
.style-switcher li.theme-active {
    border: solid 2px #fff;
}

.style-switcher li.theme-default {
    background: var(--main-color);
}

.style-switcher li.theme-blue {
    background: #3498db;
}

.style-switcher li.theme-orange {
    background: #e67e22;
}

.style-switcher li.theme-red {
    background: #e74c3c;
}

.style-switcher li.theme-light {
    background: #ecf0f1;
}

/* **************************************** */
/* Portrait tablet to landscape and desktop */

@media only screen and (max-width: 880px) {
}

/*For Portfolio Page*/
@media (max-width: 1200px) {
    .portfolio-responsive h2 {
        display: none;
    }

    .portfolio-responsive p {
        display: none;
    }

    .portfolio-responsive a.info {
        margin-top: 55px !important;
    }
}

@media (max-width: 767px) {
    .portfolio-responsive h2 {
        display: block;
    }

    .portfolio-responsive a.info {
        margin-top: 20px !important;
    }
}

/*End For Portfolio Page*/

@media (max-width: 980px) {
    /*Image hover*/
    .da-thumbs li article em {
        display: none !important;
    }
}

@media (max-width: 900px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top: 80px !important;
        width: 60% !important;
        margin-right: 50px;
    }

    /*Slider Parallax*/
    .da-slide .da-img {
        display: none;
    }
}

@media (max-width: 450px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top: 70px !important;
        width: 70% !important;
        margin-right: 25px;
    }

    #sequence-theme h2 {
        font-size: 30px !important;
    }

    #sequence-theme .info p {
        font-size: 18px !important;
    }

    /*Slider Parallax*/
    .da-slide p {
        display: none;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    /*Coming Soon Page*/
    .coming-soon input {
        /*width: 60%;*/
    }

    .coming-soon-copyright p {
        text-align: left;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

    /*Coming Soon Page*/
    .coming-soon,
    .coming-soon-plugin {
        margin-top: 50px;
        padding: 10px;
    }

    .coming-soon input {
        /*width: 50%;*/
    }

    .coming-soon-copyright p {
        text-align: left;
    }
}

/*Higher Resolutions*/
@media (min-width: 1440px) {
    /*Coming Soon Page*/
    .coming-soon-plugin {
        min-height: 330px;
    }
}

@media (min-width: 1680px) {
    /*Coming Soon Page*/
    .coming-soon-plugin {
        min-height: 410px;
    }
}

@media (min-width: 1920px) {
    /*Coming Soon Page*/
    .coming-soon-plugin {
        min-height: 560px;
    }
}

/* **************************************** */

a, a:hover, a:active, a:focus,
button, button:hover, button:active, button:focus,
object, embed {
    outline: 0 !important;
}

.img-responsive {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.top-margin-10 {
    margin-top: 10px;
}



@media (min-width: 960px) {
    .WatKunJeHierNogMeerVindenTekstBlokkenGroot p {
        height: 155px !important;
    }

        .WatKunJeHierNogMeerVindenTekstBlokkenKlein p {
        height: 105px !important;
    }
}

.centerImage {
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    margin: 0 auto !important;
}
.TedFrame {
    Height: 270px;
    Width: 480px;
}

@media (max-width: 960px) {
.TedFrame {
    Height: 180px;
    Width: 320px;
}
}

.bakfiets .handleiding img {
    width: 100%;
    object-fit: contain;
}

@media (min-width: 960px) {
    .bakfiets .EersteTekstRegel { height: 42px; }

    .bakfiets .EersteTekstRegelLang { height: 70px; }

    .bakfiets .EersteTekstRegelExtraLang { height: 84px; }
}

@media (min-width: 640px) {
    .bakfiets .EersteTekstRegel {
        height: 56px;
    }

    .bakfiets .EersteTekstRegelLang {
        height: 84px;
    }

    .bakfiets .EersteTekstRegelExtraLang {
        height: 98px;
    }
}

.bakfiets .auto-style1 {
    text-decoration: underline;
}

.alert-koolhydraten {
    color: var(--main-color);
    background-color: #fddeda;
    border-color: #f8beb6;
}

.media-text {
    white-space: pre-line
}

.blogTekst {
    white-space: pre-line
}

.blogCommentWidget {
    white-space: pre-line;
    margin-bottom: 40px;
}

.beheerWidget {
    white-space: pre-line;
    margin-bottom: 10px;
}
/*Top Bar (login, search etc.)
------------------------------------*/

.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--main-color);
}

/*Header (logo and menu)
------------------------------------*/


.header {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/*Menu*/
.header {
    position: relative;
    z-index: 999;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.95);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.header.is-sticky {
    width: 100%;
    padding: 0;
}

.header .navbar {
    border-color: transparent;
    background-color: transparent;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.header .navbar .container {
    position: relative;
}

    .header .navbar .nav > li > a {
        color: var(--sub-color-1);
        display: block;
        border-bottom: solid 2px transparent;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

@media (min-width: 768px) {
    .header .navbar-header {
        padding-left: 0;
    }
}

.header .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

    .header .navbar-brand a,
    .header .navbar-brand a:focus,
    .header .navbar-brand a:hover,
    .header .navbar-brand a:active {
        color: var(--sub-color-1) !important;
        font-size: 48px;
        text-decoration: none !important;
    }

.header .navbar-brand span {
    color: var(--main-color) !important;
}

.header .collapse.in ul {
    margin-top: 10px !important;
}

.header .collapse.in li a {
    padding: 0 10px;
    border-bottom: solid 1px #eee;
    background: none;
}

.header .collapse.in li a:hover,
.header .collapse.in li a.dropdown-toggle {
    border-bottom: solid 1px var(--main-color) !important;
    background: none;
}

.header .collapse.in ul.dropdown-menu {
    margin-bottom: 5px;
}

.header .collapse.in ul.dropdown-menu a {
    padding: 5px;
    border-bottom: solid 1px #bbb;
}

.header .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    margin: 0 !important;
    border-radius: 0 !important;
}

.header .navbar .nav > li > a:focus,
.header .navbar .nav > li > a:hover {
    color: var(--main-color) !important;
}
.header .navbar .nav > li > a:focus:after,
.header .navbar .nav > li > a:hover:after {
    content: '';
    display: block;
    height: 3px;
    width: 30px;
    position: absolute;
    left: 50%;
    bottom: 8px;
    margin-left: -15px;
    background-color: var(--main-color);
}

@media (max-width: 767px) {
    .header .navbar .nav > li > a:focus:after,
    .header .navbar .nav > li > a:hover:after {
        display: none;
    }
}

.header .navbar .nav > .active > a,
.header .navbar .nav > .active > a:focus {
    /*color: #000000;*/
    color: var(--main-color);
    text-decoration: none;
    background: none;
}

.header .navbar .nav > .active > a:hover {
    color: var(--main-color);
    background: none;
}

.header .navbar-nav > .open > a,
.header .navbar-nav > .open > a:hover,
.header .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.header .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .header .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/*Arrow for menu*/
.header .navbar .nav > li > a .caret {
    border: none;
}

/*Dropdown Menu*/
.header .dropdown-menu {
    padding: 0;
    border: none;
    margin-top: 11px !important;
    min-width: 200px;
    border-radius: 0;
    border-top: solid 2px #e5e5e5;
    border-bottom: none;
    z-index: 9999 !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
}

.header .dropdown-menu li a {
    color: #292929;
    font-size: 11px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    padding: 8px 15px;
}

.header .dropdown-menu li > a:hover,
.header .dropdown-menu li > a:focus,
.header .dropdown-submenu:hover > a {
    color: var(--main-color);
    background: none;
}

    .header .dropdown-menu > .active > a,
    .header .dropdown-menu > .active > a:hover,
    .header .dropdown-menu > .active > a:focus {
        color: var(--main-color);
        background: none;
    }

/*Serach*/
.header .navbar .search-open {
    right: 0;
    top: 63px;
    display: none;
    padding: 15px;
    position: absolute;
    background: #fcfcfc;
    border-top: solid 2px #eee;
    max-width: 300px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
}

@media (max-width: 767px) {
    .header .navbar .search-open {
        right: auto;
        top: auto;
        left: 90px;
        bottom: 0;
        padding: 8px;
        border: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.header .navbar .search-open form,
.header .navbar .search-open .input-append {
    margin: 0 !important;
}

.header .navbar a.search i {
    /**/
}

.header .navbar .nav > li > a.search {
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    cursor: pointer;
    color: #aaa;
    border: solid 2px #eeeeee;
    /*background: #f7f7f7;*/
    /*padding: 8px 12px 10px;*/
    padding: 0;
    text-align: center;
    margin-top: 5px;
    width: 40px;
    height: 40px;
    line-height: 35px;

}

@media (max-width: 767px) {
    .header .navbar .nav > li > a.search {
        margin-left: 15px;
    }
}

.header .navbar .nav > li > a.search:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

.header .navbar .nav > li > a.search:hover:after {
    display: none;
}

.header .navbar .nav > li > a.search .search-btn {
    display: inline-block;
    position: relative;
    font-size: 13px;
    width: 13px;
    height: 13px;
    line-height: 13px;
}

/*Fancybox for gallery page*/
.fancybox-overlay.fancybox-overlay-fixed {
    z-index: 9999;
}

/* main page layout */
#w ul { list-style:none;}

/* sorting and filtering */
.sort {
    /*display: block; */
    /*font-family: 'Kite One', Arial, sans-serif; */
    /*font-size: 1.4em; */
    /*line-height: 0.9em; */
    /*color: #444; */
}
/*.sort ul { text-align:;}*/
.sort li {
    padding-right: 0;
}
.sort li:before {
    color: #CCCCCC;
    content: "/";
    padding-right: 10px;
}
.sort li:first-child:before {
    color: #CCCCCC;
    content: "";
    padding-right: 0;
}
.sort li a {
    text-decoration: none;
}
.sort li a:hover {
    color: #26AE90;
    text-decoration: none;
    border-bottom: 1px dotted #26AE90;
}
.sort li a.selected {
    color: #26AE90;
    border-bottom: 1px solid #26AE90;
}

/* portfolio items */
.portfolio { 
    width:100%;
    display: block;
    text-align:center;
    padding: 20px 0 0 0;
    margin: 0 0 10px;
}

.portfolio li { 
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.portfolio li a { 
    display: block;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.portfolio li a img {
    width: 100%;
}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {/*margin-right: 5px*/}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/
.bxslider {
	left:1px;
	margin-left:-1px;
	position:relative;
}

.bx-wrapper .bx-viewport {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	display:none;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	right: 24px;
	background: url(images/controls.png) no-repeat 0 -25px;
}
.bx-wrapper .bx-next {
	right: 0;
	background: url(images/controls.png) no-repeat -24px -25px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0px;
}

.bx-wrapper .bx-next:hover {
	background-position: -24px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: -55px;
	outline: 0;
	width: 21px;
	height: 22px;
	text-indent: -9999px;
	z-index: 9999;
}
/*
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
*/

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.da-slider{
	width: 100%;
	height: 427px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/bg.jpg) repeat 0% 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 10;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
    font-family: 'Roboto', Arial, sans-serif;
	color: #f9f9f9;
	line-height:50px;
	top: 100px;
	z-index: 10;
	padding:0;
	margin-left:-2%;
}
.da-slide h2 i {
	font-size: 36px;
	font-style:normal;
	background:url(../img/bg-heading.png) repeat;
	padding:0 5px;
	text-transform:uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.da-slide p {
    font-family: 'Roboto', Arial, sans-serif;
	font-size:18px;
	font-weight:400;
	line-height: 25px;
	width:100%;
	top: 300px;
	color: #fff;
	overflow: hidden;
	margin-left:-2%;
}
.da-slide p i {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
	padding:0 10px;
	font-style:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.da-slide .da-img{
	text-align: center;
	width: 50%;
	top: 80px;
	height: 328px;
	line-height: 320px;
	left: 110%; /*60%*/
	margin-left:-16%;
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}

.da-slide .da-link{
	top: 320px; /*depends on p height*/
	border-radius: 3px !important;
	min-width:15%;
	color: #666;
	text-shadow:0 1px 0 #eee;
	box-shadow: 0 0 4px #bbb;
	border: 1px solid #fff;
	padding: 2px 20px;
	font-size: 25px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
	box-shadow: 0 0 5px #eee;
	text-decoration:none;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 99;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50% !important;
	background: url(../img/bg-text.png) repeat;
	margin: 3px;
	cursor: pointer;
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50% !important;
	background:#fff;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	background: transparent url(../img/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	height: 50px;
	width: 49px;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 0.8;
}
.da-slider:hover .da-arrows span:hover{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 49px;
	height: 49px;
}
.da-arrows span.da-arrows-prev{
	left: 12px;
	background-position:0 -68px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
	background-position:0 1px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}


/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

/*Higher Resolutions*/
@media (min-width: 1440px) {
	.da-slide h2,
	.da-slide p {
		margin-left:3%;
	}
	.da-slide .da-img{
		margin-left:-18%;
	}
}

@media (min-width: 1680px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:7%;
	}
	.da-slide .da-img{
		margin-left:-20%;
	}
}

@media (min-width: 1920px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:12%;
	}
	.da-slide .da-img{
		margin-left:-22%;
	}
}

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
a:focus, 
a:hover, 
a:active {
	color: var(--main-color);
}

.color-green {
	color: var(--main-color);
}

a.read-more:hover { 
	color:var(--main-color);
}

.linked:hover {
	color:var(--main-color);
}

/*Slider
------------------------------------*/
.da-slide h2 i {
    background-image: none;
    background-color: #a2c753;
    background-color: rgba(162, 199, 83, 0.7);
}

/*Purchase
------------------------------------*/
.purchase a.btn-buy {
	background:var(--main-color);
	text-shadow:0 1px 0 #51a00b;		
}
.purchase a.btn-buy:hover {
	background:#68af28;
} 

/*Buttons
------------------------------------*/
.btn-f {
	background: var(--main-color);
}

.btn-f:hover {
	background: #3CB69B;
}

/*Service
------------------------------------*/
.service i {
	color:var(--main-color);
}

/*Welcome Block*/
.service-block .col-lg-4 h4 a:hover {
	color:var(--main-color);
}

.service-block .col-lg-4:hover h4,
.service-block .col-lg-4:hover i {
	color:var(--main-color);
}
.service-block-in .col-lg-4 i {
	color:var(--main-color);
}

/*Service Blocks*/
.service-alternative .service:hover { 
	background:var(--main-color);
} 

/*Thumbnail (Recent Work)
------------------------------------*/
.thumbnail-style h3 a:hover {
	color:var(--main-color);
}

.thumbnail-style a.btn-more {
	background:var(--main-color);
}
.thumbnail-style a.btn-more:hover {
	box-shadow:0 0 0 2px #377500;
}

/*Carousel (Recent Work)*/
.recent-work a:hover span {
	border-bottom:solid 2px var(--main-color);
}

.bx-wrapper .bx-prev {
	background-image: url(../../plugins/bxslider/images/controls.png);
}
.bx-wrapper .bx-next {
	background-image: url(../../plugins/bxslider/images/controls.png);
}

/*Typography
------------------------------------*/
/*Heading*/
.headline h3, 
.headline h4 {
	/*border-bottom:2px solid var(--main-color);*/
}

/*Blockquote*/
blockquote:hover {
	border-left-color:var(--main-color);
}

.hero {
	border-left-color: var(--main-color);
}

/*Carousel
------------------------------------*/
.carousel-arrow a.carousel-control:hover {
	color: var(--main-color);
}

/*Footer
------------------------------------*/
.footer a,
.copyright a,
.footer a:hover,
.copyright a:hover {
	color: var(--main-color);
}

/*Footer Blog*/
.footer .dl-horizontal a:hover {
	color:var(--main-color) !important;
}


/*Blog Posts
------------------------------------*/
.posts .dl-horizontal:hover { 
	/*border-right:solid 2px var(--main-color);*/
}
.posts .dl-horizontal a:hover { 
	color:var(--main-color);
}
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color:var(--main-color);
	border-color:var(--main-color) !important;
}

/*Tabs
------------------------------------*/
.nav-tabs li.active a, 
.nav-tabs li.active a:hover,
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus { 
	/*background:var(--main-color);*/
}
.nav-tabs > li > a:hover { 
	/*background:var(--main-color);*/
}
.tab-content { 
	/*border-top:solid 2px var(--main-color);*/
}

/*Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	/*color:var(--main-color);*/
}
.acc-home .collapse.in { 
	/*border-bottom:solid 1px var(--main-color);*/
}

/*Testimonials
------------------------------------*/
.testimonal-arrow a {
	color:var(--main-color);
}
.testimonal-arrow a:hover {
	background:var(--main-color) !important;
}

/*About Page
------------------------------------*/
.team .thumbnail-style:hover h3 a {
	color:var(--main-color) !important;
}

/*Social Icons*/
.team ul li i:hover {
	background:var(--main-color);
}	

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing:hover h4 {
	color:#55c931;
}

.pricing-head h3 {
	background: #63211d;
	text-shadow: 0 1px 0 #32a20f;
	border-bottom: solid 1px #41b91c;
}
.pricing-head h4 {
	color:#999;
	background:#fbfef2;
	border-bottom:solid 1px #f5f9e7;
}
	
/*Pricing Content*/
.pricing-content li {
	border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
	color:var(--main-color);
}

/*Pricing Footer*/
/*.pricing-footer a,
.pricing-footer button {
	background:var(--main-color);
	text-shadow:0 1px 0 #38b312;
	border-bottom:solid 2px #41b91c;
}
.pricing-footer a:hover,
.pricing-footer button:hover {
	background:#40ba1a;
}*/

/*Priceing Active*/
.price-active h4 {
	color:#55c931;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
	color:#55c931;
}

/*Right Sidebar
------------------------------------*/
/*Right Sidebar*/
.who li i,
.who li:hover i, 
.who li:hover a { 
	color:var(--main-color);
}

/*Privacy Page
------------------------------------*/
.privacy a:hover {
	color:var(--main-color);
}

/*Portfolio Page
------------------------------------*/
.sort li a:hover { 
	color: var(--main-color);
	border-bottom: 1px dotted var(--main-color);
}
.sort li a.selected { 
	color: var(--main-color);
	border-bottom: 1px solid var(--main-color);
}

.view a.info:hover {
	background: var(--main-color);
}

/*Blog Page
------------------------------------*/
.blog h3 {
	color:var(--main-color);
}
.blog h4 {
    color: var(--main-color);
}
.blog li a:hover {
	color:var(--main-color);
}

/*Blog Ads*/
.blog-ads li img:hover {
	box-shadow:0 0 0 4px var(--main-color);
}

/*Blog Latest Tweets*/
.blog-twitter p a {
	color:var(--main-color);
}

/*Blog Item Page
------------------------------------*/
.blog-item h4.media-heading span a {
	color:var(--main-color);
}

/*Coming Soon Page
------------------------------------*/
.coming-soon-border {
	border-top: solid 3px var(--main-color);
}

/*Search Page
------------------------------------*/
.booking-blocks p a {
	color: var(--main-color);
}

/*Icons Page
------------------------------------*/
.icon-page li:hover { 
	color:var(--main-color);
}

.view {
   z-index:9;
   cursor: default;
   overflow: hidden;
   text-align: center;
   position: relative;
   border: 2px solid #fff;
   box-shadow: 0 0 3px #eee;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   /*display: block;*/
    position: relative;
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 22px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   text-shadow:none;
}
.view p {
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 10px;
   text-align: center;
}
.view a.info {
   color: #fff;
   background: #000;
   padding: 5px 12px;
   text-decoration: none;
   margin-top:10px;
   display: inline-block;
   overflow:hidden;
   text-transform: uppercase;
}
.view a.info:hover {
	background:#26AE90;
}

.portfolio-responsive h2 {
	margin-top:0 !important;
}

/*CSS3 Hover Effect*/
.view-tenth img {
	/*left:10px;*/
	/*margin-left:-10px;*/
	position:relative;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.view-tenth .mask {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   color: #333;
   margin: 20px 40px 0;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(2) rotate(10deg);
   -moz-transform: scale(2) rotate(10deg);
   -o-transform: scale(2) rotate(10deg);
   -ms-transform: scale(2) rotate(10deg);
   transform: scale(2) rotate(10deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}