/*
Kit Name: Funky Tunes
Kit URI: http://pixelkit.com/kits/music-ui-kit/
Description: 100+ elements
Version: 1.0
Author: PixelKit
Author URI: http://pixelkit.com

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	- Fonts
	- Global Reset
	- General Styles
	- Typography
	- Buttons
	- Custom checkboxes, radios
	- Badges
	- Rating Stars
	- Background Images

2. PAGE ITEMS, WIDGETS
	- Service Items
        - Service Item style 1
        - Service Item style 2
        - Service Item style 3
        - Team List
	- Price Items
        - Price Item style 1
        - Price Item style 2
        - Price Item style 3
	- Sidebar widgets
			- Widget Categories
			- Widget Flickr
			- Widget Latest Stories, Latest Comments
			- Widget Text
			- Widget Tags
			- Widget Calendar
	- Post Items
			- Post Item style 1
			- Post Item style 2
			- Post Item style 3
			- Post Item style 4
			- Post Item style 5
			- Post Item style 6
			- Post Quotes
			- Post Carousel
			- Post Video
			- Popular Post Items
			- Pull Quotes, Post Intro Text
	- Comments
	- Forms
    	    - Comment Form
    	    - Contact Form
    	    - Survey Form
    	    - Payment Form
    	    - Login Form
    	    - Newsletter Form
    	    - Search Form
	- Pagination
	- Scroll Bars
	- Tabs
	        - Bottom Tabs
	        - Right Side Tabs
	        - Post Tabs
	- Toggles
	- Alerts
	- Filters
			- Checkbox Filter, Radiobox Filter
			- Filter Results
	- Sliders
			- Main Slider
			- Top Slider
	- Slogan
	- Footer

3. INDEX PAGE
	- Navigation
	- Schedule
	- TimeLine
    - Statistics
	- Profile
	- Charts
	        - Top 3 Chart
	        - Top 10 Chart
    - Albums Slider
    - Artist Slider
    - Tickets

/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/

/*-----------------------------------*/
/* Fonts */
/*-----------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);
@import url(http://fonts.googleapis.com/css?family=Allerta);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
    font-family: 'fashion';
    src:url('fonts/icons-small/fashion.eot');
    src:url('fonts/icons-small/fashion.eot?#iefix') format('embedded-opentype'),
    url('fonts/icons-small/fashion.svg#fashion') format('svg'),
    url('fonts/icons-small/fashion.woff') format('woff'),
    url('fonts/icons-small/fashion.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-small-"], [class*=" icon-small-"] {
    font-family: 'fashion';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -15%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-small-info:before {content: "\e769";}
.icon-small-list:before {content: "\e76a";}
.icon-small-prev:before {content: "\e76b";}
.icon-small-pinterest:before {content: "\e76c";}
.icon-small-facebook:before {content: "\e76d";}
.icon-small-twitter:before {content: "\e76e";}
.icon-small-delete:before {content: "\e76f";}
.icon-small-send:before {content: "\e770";}
.icon-small-comment-alt:before {content: "\e771";}
.icon-small-twitter-alt:before {content: "\e772";}
.icon-small-facebook-alt:before {content: "\e773";}
.icon-small-comment:before {content: "\e77f";}
.icon-small-like:before {content: "\e775";}
.icon-small-refresh:before {content: "\e776";}
.icon-small-cam:before {content: "\e777";}
.icon-small-next:before {content: "\e778";}
.icon-small-book:before {content: "\e779";}
.icon-small-author:before {content: "\e77a";}
.icon-small-google:before {content: "\e77b";}
.icon-small-clock:before {content: "\e77c";}
.icon-small-star:before {content: "\e77d";}
.icon-small-pen:before {content: "\e77e";}
.icon-small-eye:before {content: "\e780";}
.icon-small-up:before {content: "\e600";}
.icon-small-list:before {content: "\e601";}
.icon-small-shuffle:before {content: "\e602";}
.icon-small-repeat:before {content: "\e603";}
.icon-small-note:before {content: "\e604";}
.icon-small-fullscreen:before {content: "\e605";}
.icon-small-mute:before {content: "\e606";}
.icon-small-pause:before {content: "\e607";}
.icon-small-play:before {content: "\e608";}
.icon-small-down:before {content: "\e609";}
.icon-small-backward:before {content: "\e60a";}
.icon-small-unmute:before {content: "\e60b";}
.icon-small-forward:before {content: "\e60c";}

/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased;}

/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #3f3a46;
	position: relative;
    /*background: url(images/bg.png) center top repeat;*/
	background-color: #D3D3D3;
    background-size: 100% auto;
}
.ie7 body {background: none; filter:none; font-size:20px; color: #333; text-align: center; padding-top: 200px;}
.ie7 .body-wrap {display: none;}

::-moz-selection {
	background: #880030;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #880030;
	color: #fff;
	text-shadow: none;
}
a {
    color: #1c588f;
    -webkit-transition: color 0.16s ease;
    -moz-transition: color 0.16s ease;
    -ms-transition: color 0.16s ease;
    transition: color 0.16s ease;
}
a:hover, a:focus {color: #423F8C!important; text-decoration: none; outline: none;}
a:active {background-color: transparent;}

input, textarea, input[type="submit"]:focus {
    outline: none;
    font-family: 'Allerta', sans-serif;
}
label, input, button, select, textarea {
    vertical-align: top;
    margin: 0;
    font-size: inherit;
    line-height: normal;
}
.alpha {margin-left:0 !important;}
.omega {margin-right:0 !important;}

/*-----------------------------------*/
/* Typography */
/*-----------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #985965;
	font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2em;
	margin-bottom: .4em;
}
h1 {font-size: 46px; color: #644370; letter-spacing: -3px;}
h2 {font-size: 34px;}
h3 {font-size: 30px;}
h4 {font-size: 24px; font-weight: 600;}
h5 {font-size: 22px;}
h6 {font-family: 'Allerta', sans-serif; font-size: 18px; font-weight: 400;}

@media (max-width: 479px), (min-width: 768px) and (max-width: 991px) {
    h1 {font-size: 30px; letter-spacing: -1px;}
    h2 {font-size: 27px;}
    h3 {font-size: 24px;}
    h4 {font-size: 20px;}
    h5 {font-size: 17px;}
    h6 {font-size: 14px;}
}

em {font-style: italic;}
strong {font-weight: 700;}
small {font-size: 85%;}

i {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	font-style: normal;
	background-repeat: no-repeat;
	margin-right: 10px;
}
p {line-height: 24px; margin-bottom: 25px;}
p.small {font-size: 12px; line-height: 21px;}
p.italic {font-style: italic;}

@media (max-width:479px) {
    p {font-size: 13px; line-height: 21px; margin-bottom: 10px;}
}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-100 {margin-top: 100px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}

/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/

.buttons-wrap {padding: 30px 14px 0;}
.buttons .btn {margin: 0 15px 30px !important;}
@media (max-width: 479px), (min-width: 768px) and (max-width: 991px) {
    .buttons .btn {margin: 0 2px 30px !important;}
}

.btn:hover, .btn:focus {
    -webkit-transition: background-position .0s linear;
    -moz-transition: background-position .0s linear;
    -o-transition: background-position .0s linear;
    transition: background-position .0s linear;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: transparent;
}
.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    margin: 0 10px 10px;
}
.btn span,
.btn input {
    display:block;
    padding: 0 18px;
    height: 42px;
    line-height: 42px;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
    white-space: nowrap;
    border: none;
    background-color: #7978b4;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
    /*Needed for Background icons*/
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.btn-full {display: block; margin: 0;}
.btn-caps span, .btn-caps input {text-transform: uppercase;}
.btn-shadow span, .btn-shadow input {-webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.2);}
.btn-shadow.btn-right span, .btn-shadow.btn-right input {-webkit-box-shadow: -2px 2px 3px -1px rgba(0,0,0,0.2); box-shadow: -2px 2px 3px -1px rgba(0,0,0,0.2);}
.btn-underlined span, .btn-underlined input {text-decoration: underline;}
.btn-large span, .btn-large input {height: 70px; line-height: 70px; font-size: 28px; font-weight: 700;}

.btn:hover span, .btn:hover input, .btn.hover span, .btn.hover input {color: #53529b;}
.btn:active span, .btn:active input, .btn.active span, .btn.active input {color: #d4e729; -webkit-box-shadow: none; box-shadow: none;}

.btn-green span, .btn-green input {background-color: #b8c901;}
.btn-green:hover span, .btn-green:hover input, .btn-green.hover span, .btn-green.hover input {color: #fff;}
.btn-green:active span, .btn-green:active input, .btn-green.active span, .btn-green.active input {color: #d4e729; background-color: #989f01;}

.btn-red span, .btn-red input {background-color: #bf5d90;}
.btn-red:hover span, .btn-red:hover input, .btn-red.hover span, .btn-red.hover input {color: #8f436a;}
.btn-red:active span, .btn-red:active input, .btn-red.active span, .btn-red.active input {color: #d4e729;}

.btn-transparent span, .btn-transparent input {font-size: 12px; background-color: #d98f88; background-color: rgba(255, 241, 244, 0.24);}
.btn-transparent:hover span, .btn-transparent:hover input, .btn-transparent.hover span, .btn-transparent.hover input {color: #fff;}
.btn-transparent:active span, .btn-transparent:active input, .btn-transparent.active span, .btn-transparent.active input {color: #b8c901;}

/* Buttons with Arrows */
/*-----------------------------------*/

.btn-left {padding-left: 20px !important;}
.btn-right {padding-right: 20px !important;}

.btn-left:before,
.btn-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #7978b4;
    -webkit-transition: border-color 0.1s linear;
    -moz-transition: border-color 0.1s linear;
    -ms-transition: border-color 0.1s linear;
    transition: border-color 0.1s linear;
}
.btn-right:before {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 20px solid #7978b4;
}
.btn-left.btn-green:before,
.btn-right.btn-green:before {
    border-left-color: #b8c901;
    border-right-color: #b8c901;
}
.btn-left.btn-green:active:before,
.btn-right.btn-green:active:before,
.btn-left.btn-green.active:before,
.btn-right.btn-green.active:before {
    border-left-color: #989f01;
    border-right-color: #989f01;
}
.btn-left.btn-red:before,
.btn-right.btn-red:before {
    border-left-color: #bf5d90;
    border-right-color: #bf5d90;
}
.btn-left.btn-transparent:before,
.btn-right.btn-transparent:before {
    border-left-color: #d98f88;
    border-left-color: rgba(255, 241, 244, 0.24);
    border-right-color: #d98f88;
    border-right-color: rgba(255, 241, 244, 0.24);
}
.btn-left span, .btn-left input {padding-left: 12px;}
.btn-right span, .btn-right input {padding-right: 12px;}

/* Buttons with Icons */
/*-----------------------------------*/

.btn .glyphicon {
    font-size: 42px;
    color: #8c8bc8;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 42px;
}
.btn-green .glyphicon {color: #aebc01;}
.btn-red .glyphicon {color: #cf689d;}
.btn-large .glyphicon {font-size: 70px; height: 70px;}

.btn .glyphicon-shopping-cart {left: -2px;}
.btn .glyphicon-download-alt {
    height: 44px;
    font-size: 50px;
    top: -2px;
    left: -4px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

/* Buttons without Background */
/*-----------------------------------*/

.btn-no-bg {margin: 0;}

.btn-no-bg span, .btn-no-bg input {
    background: none !important;
    font-size: 14px;
    font-weight: 700;
    color: #b8c901 !important;
    text-shadow: none;
    height: 24px;
    line-height: 24px;
    padding: 0;
}
.btn-no-bg [class*='icon-small-'] {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 0 12px;
    vertical-align: -30%;
}

/* Join Us Button */
/*-----------------------------------*/

.btn-join {display: block; margin: 0 0 30px;}
.btn-join span {
    font-size: 22px;
    font-weight: 700;
    text-shadow: none;
    height: auto;
    line-height: 1;
    padding: 13px;
}
.btn-join i {
    width: 29px;
    height: 33px;
    background: url(images/icons/join.png) 0 0 no-repeat;
    vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .btn-join i {
        background-image: url(images/icons/join-x2.png);
        background-size: 29px auto;
    }
}

/*-----------------------------------*/
/* Custom checkboxes, radios */
/*-----------------------------------*/

.custom-checkbox, .custom-radio {position:relative;}
.custom-checkbox::selection, .custom-radio::selection {background: transparent; color: inherit;}
.custom-checkbox label::selection, .custom-radio label::selection {background: transparent; color: inherit;}
.custom-checkbox input, .custom-radio input {position: absolute; top: 0; left: 10px; margin:0; border:none; width: 1px; height: 1px; display: none;}
.ie8 .custom-checkbox input, .ie8 .custom-radio input {display:block;}
.custom-checkbox label.focus, .custom-radio label.focus {outline: none;}

.custom-checkbox label,
.custom-radio label {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #985965;
    text-transform: uppercase;
    line-height: 19px;
    padding: 8px 0 0 52px;
    margin-bottom: 20px;
    cursor: pointer;
    min-height: 34px;
}
.custom-checkbox label:before,
.custom-checkbox label:after,
.custom-radio label:before,
.custom-radio label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.custom-checkbox label:before,
.custom-radio label:before {
    width: 34px;
    height: 34px;
    border: 1px solid #f2e2e6;
    background: #fdf5f7;
    background: rgba(253,245,247,0.38);
    border-radius: 1px;
}
.custom-radio label:before {border-radius: 50%;}

.custom-checkbox label.checked:before,
.custom-radio label.checked:before {
    border: 1px solid #b8c901;
    background: #b8c901;
}
.custom-checkbox label.checked:after {
    content: '\e013';
    font-family: 'Glyphicons Halflings';
    font-style: normal !important;
    font-size: 18px;
    line-height: 22px;
    color: #b8c901;
    text-align: center !important;
    text-shadow: 0 5px 0 #fff;
    width: 32px;
    height: 32px;
}
.ie8 .custom-checkbox label.checked:after,
.ie9 .custom-checkbox label.checked:after {
    color: #fff;
    line-height: 32px;
    text-shadow: none;
}
.custom-radio label.checked:after {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    top: 9px;
    left: 9px;
}

/* checkboxes, radios Right Align */
.label-right .custom-checkbox label,
.label-right .custom-radio label {
    padding-left: 0;
    padding-right: 52px;
    text-align: right;
}
.label-right .custom-checkbox label:before,
.label-right .custom-checkbox label:after,
.label-right .custom-radio label:before,
.label-right .custom-radio label:after {
    left: auto;
    right: 0;
}
.label-right .custom-radio label.checked:after {left: auto; right: 9px;}

/* Switch
------------------------------------*/
.switch .custom-checkbox label {
    padding-left: 114px;
    line-height: 23px;
    min-height: 38px;
}
.switch .custom-checkbox label:before {
    content: 'off';
    width: 96px;
    height: 38px;
    padding: 0 15px 0 16px;
    font-size: 14px;
    font-weight: normal;
    color: #7380b0;
    text-transform: uppercase;
    text-align: right !important;
    line-height: 38px;
    border: 1px solid #f2e2e6;
    background: #fff;
    border-radius: 0;
}
.switch .custom-checkbox label.checked:before {
    content: 'on';
    text-align: left !important;
}
.switch .custom-checkbox label:after {
    content: '\e079';
    font-family: "glyphicons halflings";
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color: #ec8565;
    text-align: center;
    line-height: 38px;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    background: #ec8565;
    text-shadow: -4px 0 0 #fff;
    padding-left: 4px;
}
.switch .custom-checkbox label.checked:after {
    content: '\e080';
    left: 58px;
    color: #b8c901;
    text-shadow: 4px 0 0 #fff;
    background: #b8c901;
    padding-left: 0;
    padding-right: 10px;
}

/* Switch Right Align */
.label-right.switch .custom-checkbox label {padding-left: 0; padding-right: 114px;}
.label-right.switch .custom-checkbox label:after {left: auto; right: 58px;}
.label-right.switch .custom-checkbox label.checked:after {left: auto; right: 0;}

/* Inline checkboxes, radios
--------------------------------*/
.input_styled.inline .rowCheckbox,
.input_styled.inline .rowRadio,
.input_styled.inline span {
    display: inline-block;
    margin-right: 10px;
}
.input_styled.inline span {line-height: 34px; margin-bottom: 14px;}

@media (max-width: 479px), (min-width: 768px) and (max-width: 991px) {
    .custom-checkbox label,
    .custom-radio label {
        padding-left: 40px;
    }
    .label-right .custom-checkbox label,
    .label-right .custom-radio label {
        padding-right: 40px;
    }
    .switch .custom-checkbox label {padding-left: 102px;}
    .label-right.switch .custom-checkbox label {padding-right: 102px;}
}

/*-----------------------------------*/
/* Badges */
/*-----------------------------------*/

.badge:empty {display: inline-block;}

.badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 146px;
    height: 146px;
    border-radius:0;
    background-color: transparent;
    padding: 0;
    overflow: hidden;
}
.badge span {
    position: absolute;
    top: 32px;
    right: -46px;
    background: #b8c901;
    padding: 15px 40px;
    width: 204px;
    overflow: hidden;
    font-family: 'Allerta', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.badge-white span {background: #fff; color: #7978b4;}

.ie8 .badge span {
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: 10px 5px;
}

/*-----------------------------------*/
/* Rating Stars */
/*-----------------------------------*/

.rating {display: inline-block;}

.rating span.star {
    font-family: "fashion";
    font-weight: normal;
    font-style: normal;
    float: left;
    padding: 0 2px;
    cursor:pointer;
}
.rating span.star:before {
    content: "\e77d";
    display: block;
    font-size: 10px;
    color: #ecdee1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.rating-large span.star:before {font-size: 15px;}
.rating span.voted:before {color: #b8c901;}
.rating:hover span.star:before {color: #ecdee1 !important;}
.rating:hover span.star.over:before {color: #b8c901 !important;}

/*-----------------------------------*/
/* Background Images */
/*-----------------------------------*/

[class^="bg-image-"], [class*=" bg-image-"] {
    background-position: right top;
    background-repeat: no-repeat;
}
.bg-image-cam {background-image: url(images/icons/bg-cam.png);}
.bg-image-cam2 {background-image: url(images/icons/bg-cam2.png);}
.bg-image-cam3 {background-image: url(images/icons/bg-cam3.png);}
.bg-image-envelope {background-image: url(images/icons/bg-envelope.png);}
.bg-image-envelope2 {background-image: url(images/icons/bg-envelope2.png);}
.bg-image-letter {background-image: url(images/icons/bg-letter.png);}
.bg-image-letter2 {background-image: url(images/icons/bg-letter2.png);}
.bg-image-list {background-image: url(images/icons/bg-list.png);}
.bg-image-note {background-image: url(images/icons/bg-note.png);}
.bg-image-quote {background-image: url(images/icons/bg-quote.png);}
.bg-image-quote2 {background-image: url(images/icons/bg-quote2.png);}
.bg-image-quotes {background-image: url(images/icons/bg-quotes.png);}
.bg-image-star {background-image: url(images/icons/bg-star.png);}
.bg-image-tag {background-image: url(images/icons/bg-tag.png);}
.bg-image-window {background-image: url(images/icons/bg-window.png);}
.bg-image-books {background-image: url(images/icons/bg-books.png);}
.bg-image-gift {background-image: url(images/icons/bg-gift.png);}
.bg-image-mic {background-image: url(images/icons/bg-mic.png);}
.bg-image-info {background-image: url(images/icons/bg-info.png);}
.bg-image-cam4 {background-image: url(images/icons/bg-cam4.png);}
.bg-image-note2 {background-image: url(images/icons/bg-note2.png);}
.bg-image-envelope3 {background-image: url(images/icons/bg-envelope3.png);}
.bg-image-envelope4 {background-image: url(images/icons/bg-envelope4.png);}
.bg-image-star2 {background-image: url(images/icons/bg-star2.png);}
.bg-image-heart {background-image: url(images/icons/bg-heart.png);}
.bg-image-clock {background-image: url(images/icons/bg-clock.png);}
.bg-image-note3 {background-image: url(images/icons/bg-note3.png);}
.bg-image-clapper {background-image: url(images/icons/bg-clapper.png);}
.bg-image-notice {background-image: url(images/icons/bg-notice.png);}
.bg-image-warning {background-image: url(images/icons/bg-warning.png);}
.bg-image-error {background-image: url(images/icons/bg-error.png);}
.bg-image-success {background-image: url(images/icons/bg-success.png);}
.bg-image-letter3 {background-image: url(images/icons/bg-letter3.png);}
.bg-image-cross {background-image: url(images/icons/bg-cross.png);}
.bg-image-lock {background-image: url(images/icons/bg-lock.png);}
.bg-image-spanner {background-image: url(images/icons/bg-spanner.png);}
.bg-image-home {background-image: url(images/icons/bg-home.png);}
.bg-image-arrow {background-image: url(images/icons/bg-arrow.png);}
.bg-image-note4 {background-image: url(images/icons/bg-note4.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .bg-image-cam {background-image: url(images/icons/bg-cam-x2.png); background-size: 247px auto;}
    .bg-image-cam2 {background-image: url(images/icons/bg-cam2-x2.png); background-size: 192px auto;}
    .bg-image-cam3 {background-image: url(images/icons/bg-cam3-x2.png); background-size: 171px auto;}
    .bg-image-envelope {background-image: url(images/icons/bg-envelope-x2.png); background-size: 154px auto;}
    .bg-image-envelope2 {background-image: url(images/icons/bg-envelope2-x2.png); background-size: 215px auto;}
    .bg-image-letter {background-image: url(images/icons/bg-letter-x2.png); background-size: 292px auto;}
    .bg-image-letter2 {background-image: url(images/icons/bg-letter2-x2.png); background-size: 206px auto;}
    .bg-image-list {background-image: url(images/icons/bg-list-x2.png); background-size: 183px auto;}
    .bg-image-note {background-image: url(images/icons/bg-note-x2.png); background-size: 198px auto;}
    .bg-image-quote {background-image: url(images/icons/bg-quote-x2.png); background-size: 166px auto;}
    .bg-image-quote2 {background-image: url(images/icons/bg-quote2-x2.png); background-size: 166px auto;}
    .bg-image-quotes {background-image: url(images/icons/bg-quotes-x2.png); background-size: 228px auto;}
    .bg-image-star {background-image: url(images/icons/bg-star-x2.png); background-size: 180px auto;}
    .bg-image-tag {background-image: url(images/icons/bg-tag-x2.png); background-size: 174px auto;}
    .bg-image-window {background-image: url(images/icons/bg-window-x2.png); background-size: 389px auto;}
    .bg-image-books {background-image: url(images/icons/bg-books-x2.png); background-size: 76px auto;}
    .bg-image-gift {background-image: url(images/icons/bg-gift-x2.png); background-size: 86px auto;}
    .bg-image-mic {background-image: url(images/icons/bg-mic-x2.png); background-size: 59px auto;}
    .bg-image-info {background-image: url(images/icons/bg-info-x2.png); background-size: 119px auto;}
    .bg-image-cam4 {background-image: url(images/icons/bg-cam4-x2.png); background-size: 151px auto;}
    .bg-image-note2 {background-image: url(images/icons/bg-note2-x2.png); background-size: 179px auto;}
    .bg-image-envelope3 {background-image: url(images/icons/bg-envelope3-x2.png); background-size: 304px auto;}
    .bg-image-envelope4 {background-image: url(images/icons/bg-envelope4-x2.png); background-size: 785px auto;}
    .bg-image-star2 {background-image: url(images/icons/bg-star2-x2.png); background-size: 247px auto;}
    .bg-image-heart {background-image: url(images/icons/bg-heart-x2.png); background-size: 105px auto;}
    .bg-image-clock {background-image: url(images/icons/bg-clock-x2.png); background-size: 146px auto;}
    .bg-image-note3 {background-image: url(images/icons/bg-note3-x2.png); background-size: 103px auto;}
    .bg-image-clapper {background-image: url(images/icons/bg-clapper-x2.png); background-size: 135px auto;}
    .bg-image-notice {background-image: url(images/icons/bg-notice-x2.png); background-size: 91px auto;}
    .bg-image-warning {background-image: url(images/icons/bg-warning-x2.png); background-size: 107px auto;}
    .bg-image-error {background-image: url(images/icons/bg-error-x2.png); background-size: 155px auto;}
    .bg-image-success {background-image: url(images/icons/bg-success-x2.png); background-size: 104px auto;}
    .bg-image-letter3 {background-image: url(images/icons/bg-letter3-x2.png); background-size: 176px auto;}
    .bg-image-cross {background-image: url(images/icons/bg-cross-x2.png); background-size: 166px auto;}
    .bg-image-lock {background-image: url(images/icons/bg-lock-x2.png); background-size: 116px auto;}
    .bg-image-spanner {background-image: url(images/icons/bg-spanner-x2.png); background-size: 137px auto;}
    .bg-image-home {background-image: url(images/icons/bg-home-x2.png); background-size: 143px auto;}
    .bg-image-arrow {background-image: url(images/icons/bg-arrow-x2.png); background-size: 337px auto;}
    .bg-image-note4 {background-image: url(images/icons/bg-note4-x2.png); background-size: 143px auto;}
}

/*===================================================*/
/* 2. PAGE ITEMS, WIDGETS */
/*===================================================*/

.content, .sidebar {padding: 20px 0;}
@media (max-width: 767px) {
    .content, .sidebar {padding: 20px 0;}
}
.boxed {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
	position: relative;
}
.boxed-transparent {
    background-color: #a9728e;
    background-color: rgba(255,255,255,0.1);
}
.widget-container {margin-bottom: 30px;}
.caroufredsel_wrapper {margin: 0 auto !important;}

/*-----------------------------------*/
/* Service Items */
/*-----------------------------------*/

/*Blue Links*/
.service-links {
    background: #7978b4;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 14px 5px -10px rgba(0,0,0,0.3);
}
.service-links li {float: left; width: 50%;}

.service-links:before {
    font-size: 80px;
    font-weight: 700;
    color: #8c8bc8;
    letter-spacing: -5px;
    position: absolute;
    white-space: nowrap;
    top: -6px;
    left: -7px;
}
.service-links a {
    display: block;
    padding: 12px 0;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 200px;
    margin-bottom: -190px;
}
.service-links li:first-child a {border-left-width: 0;}
.service-links a:hover {color: #fff !important;}

.service-links [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.service-links .icon-small-prev, .service-links .icon-small-next {font-size: 22px;}
.service-links a:hover [class*="icon-small-"] {color: #d4e729;}

/*Green Links*/
.service-links.green {background: #b8c901; box-shadow: none;}
.service-links.green:before {color: #989f01;}
.service-links.green a {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.service-links.green a:hover {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.service-links.green [class*="icon-small-"] {color: #fff;}
.service-links.green a:hover [class*="icon-small-"] {color: #b8c901;}

/*Red Links*/
.service-links.red {background: #bf5d90;}
.service-links.red:before {color: #cc6b9e;}
.service-links.red a {border-left: 1px solid #ab447a;}
.service-links.red [class*="icon-small-"] {color: #fff;}
.service-links.red a:hover [class*="icon-small-"] {color: #FFB3DB;}

.service-desc p {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
}

/*Blue Links*/
.service-links.blue {background: #2C2977; box-shadow: none;}
.service-links.blue:before {color: #423F8C;}
.service-links.blue a:hover {background: #423F8C; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.service-links.blue [class*="icon-small-"] {color: #fff;}
.service-links.blue a:hover [class*="icon-small-"] {color: #2C2977;}
.service-links.blue a {
    border-left: 1px solid #423F8C;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}

.service-image img {display: block; width: 100%;}

/* Service Item style 1 */
/*-----------------------------------*/

.service-list.style1 .service-content {min-height:200px; padding: 25px 20px 14px; text-align: center;}
.service-list.style1 .service-title {font-size: 33px; margin-bottom: 18px;}
.service-list.style1 .service-title a {color: #985965;}
.service-list.style1 .service-image {width: 104px; height: 72px; margin: 0 auto 17px;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .service-list.style1 .service-title {font-size: 26px;}
}

/* Service Item style 2 */
/*-----------------------------------*/

.service-list.style2 .bg-image-books {background-position: right -4px top -17px;}
.service-list.style2 .bg-image-gift {background-position: right -6px top -18px;}
.service-list.style2 .bg-image-mic {background-position: right -5px top -12px;}
.service-list.style2 .service-content {padding: 26px 20px 23px;}
.service-list.style2 .service-title {font-size: 43px; line-height: 39px; margin-bottom: 0;}
.service-list.style2 .service-title a {color: #53529b;}
.service-list.style2 .service-subtitle {color: #7978b4; text-transform: uppercase;}
.service-list.style2 .service-item.green .service-title a {color: #989f01;}
.service-list.style2 .service-item.green .service-subtitle {color: #989f01;}
.service-list.style2 .service-item.red .service-title a {color: #bf5d90;}
.service-list.style2 .service-item.red .service-subtitle {color: #ab447a;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .service-list.style2 .service-content {padding: 17px 20px 12px;}
    .service-list.style2 .service-title {font-size: 26px;}
    .service-list.style2 .service-subtitle {font-size: 14px;}
}

/* Service Item style 3 */
/*-----------------------------------*/

.service-list.style3 .service-item {
    background-color: #b56481;
    background-color: rgba(255,255,255,0.08);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}
.service-list.style3 .service-content {padding: 16px 20px;}
.service-list.style3 .service-title {margin-bottom: 0; background-color: #fff;}

.service-list.style3 .service-title a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #7978b4;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 27px 10px 27px 80px;
    position: relative;
}
.service-list.style3 .service-item.green .service-title a {color: #989f01;}
.service-list.style3 .service-item.red .service-title a {color: #bf5d90;}

[class*="service-icon-"] {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 54px;
    height: 44px;
    background-image: url(images/icons/service-icons.png);
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    [class*="service-icon-"] {
        background-image: url(images/icons/service-icons-x2.png);
        background-size: 54px auto;
    }
}
.service-icon-1 {background-position: 0 0;}
.service-icon-2 {background-position: 0 -44px;}
.service-icon-3 {background-position: 0 -88px;}

.service-list.style3 .service-desc p {color: #fff;}
.service-list.style3 .btn-no-bg span {height: 40px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);}

/* Team List */
/*-----------------------------------*/

.service-list.team .service-item[class*="bg-image-"] {background-position: right -40px top -15px;}
.service-list.team .service-content {padding: 16px 20px;}
.service-list.team .service-title {font-size: 43px; line-height: 43px; margin-bottom: 0;}
.service-list.team .service-title a {color: #644370;}
.service-list.team .service-subtitle {color: #bf5d90; text-transform: uppercase; margin-bottom: 22px;}
.service-list.team .service-image {margin: 0 -20px 18px;}
.service-list.team .service-links li {width: 33.33333333333333%;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .service-list.team .service-title {font-size: 32px;}
    .service-list.team .service-subtitle {font-size: 14px;}
}

/*-----------------------------------*/
/* Price Items */
/*-----------------------------------*/

.price-item {position: relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.price-image img {display: block; width: 100%;}

/* Price Item style 1 */
/*-----------------------------------*/

.price-list.style1 .price-item {
    float: left;
    width: 25%;
    height: 356px;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 30px;
}
.price-list.style1 .price-item.active {height: 404px; margin-top: 0;}

.price-list.style1 .price-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,0.7);
    padding: 32px 0;
}
.price-list.style1 .price-item.active .price-content {padding: 8px 0 23px;}

.price-list.style1 .price-title,
.price-list.style1 .price-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    font-weight: 700;
    color: #c8db00;
    letter-spacing: 0;
    margin-bottom: 0;
}
.price-list.style1 .price-title a {color: #fff;}
.price-list.style1 .price-subtitle {font-size: 11px; text-transform: uppercase;}
.price-list.style1 .price-subtitle span {
    display: inline-block;
    width: 1px;
    height: 20px;
    border-right: 1px solid #918282;
    vertical-align: middle;
    margin: 0 5px;
}
.price-list.style1 .price-bottom {padding: 0 18px;}
.price-list.style1 .price-links {display: none;}
.price-list.style1 .price-item.active .price-links {display: block; margin-bottom: 22px;}

.price-links a {
    position: relative;
    display: block;
    font-family: 'Allerta', sans-serif;
    font-weight: normal;
    font-size: 19px;
    color: #fff;
    padding: 17px 10px 17px 58px;
}
.price-links a:hover {
    color: #fff !important;
    background-color: #985965;
    box-shadow: inset 0 5px 5px -1px rgba(0,0,0,0.2);
}
.price-links li i {
    width: 30px;
    height: 30px;
    background: url(images/icons/pricing-icons.png) 0 0 no-repeat;
    position: absolute;
    top: 13px;
    left: 18px;
}
.price-links .price-buy i {background-position: 0 -30px;}
.price-links .price-book i {background-position: 0 -60px;}
.price-links .price-share i {background-position: 0 -90px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .price-links li i {
        background-image: url(images/icons/pricing-icons-x2.png);
        background-size: 30px auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .responsive.price-list.style1 .price-item {height: 280px; margin-top: 15px;}
    .responsive.price-list.style1 .price-item.active {height: 310px;}
    .responsive.price-list.style1 .price-content {padding: 12px 0;}
    .responsive.price-list.style1 .price-item.active .price-content {padding: 8px 0 15px;}
    .responsive.price-list.style1 .price-title {font-size: 22px;}
    .responsive .price-links a {font-size: 15px; padding-top: 10px; padding-bottom: 10px;}
    .responsive .price-links li i {top: 4px;}
}
@media (max-width:767px) {
    .responsive.price-list.style1 .price-item {
        float: none;
        width: 100%;
        margin-top: 0;
        height: 450px;
    }
    .responsive.price-list.style1 .price-item.active {height: 490px;}
}

/* Price Item style 2 */
/*-----------------------------------*/

.price-list.style2 .bg-image-cam4 {background-position: right -5px top -5px;}
.price-list.style2 .bg-image-note2 {background-position: right -36px top -36px;}
.price-list.style2 {text-align: center;}
.price-list.style2 .price-image {position: relative;}

.price-list.style2 .price-item {
    width: 32%;
    margin-top: 42px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.price-list.style2 .price-item.active {width: 38%; margin-top: 0; margin-left: -1.6%; margin-right: -1.6%; z-index: 1;}

.price-list.style2 .price-content {
    background-color: #fff;
    padding: 19px 20px 5px;
}
.price-list.style2 .price-title {
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 38px;
    margin-bottom: 6px;
}
.price-list.style2 .price-title a {color: #644370;}
.price-list.style2 .price-subtitle {
    font-size: 18px;
    color: #bf5d90;
    text-transform: uppercase;
}
.price-list.style2 .price-item.active .price-title {font-size: 46px; line-height: 46px;}

.price-list.style2 .price-item.active .btn-large span {height: 90px; line-height: 90px;}
.price-list.style2 .price-item.active .btn-large .glyphicon {font-size: 90px; height: 90px;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .price-list.style2 .price-content {padding: 10px 18px 5px;}
    .price-list.style2 .price-title {font-size: 26px;}
    .price-list.style2 .price-item.active .price-title {font-size: 30px;}
    .price-list.style2 .price-subtitle {font-size: 14px;}
}
@media (max-width:767px) {
    .price-list.style2 .price-item,
    .price-list.style2 .price-item.active {
        float: none;
        width: 100%;
        margin-top: 0;
    }
}

/* Price Item style 3 */
/*-----------------------------------*/

.price-list.style3 .price-content {
    border-top: 6px solid #53529b;
    padding: 28px 27px 23px;
}
.price-list.style3 .price-title {
    font-size: 30px;
    color: #985965;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
}
.price-list.style3 .price-subtitle {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #985965;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    margin-bottom: 27px;
}
.price-list.style3 li {
    font-family: "Allerta", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-left: 16px;
    margin-bottom: 10px;
    position: relative;
}
.price-list.style3 li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #b8c901;
    border-radius: 50%;
}
.price-list.style3 .price {
    font-family: "Montserrat", sans-serif;
    padding: 16px 10px 27px;
    background-color: #fdf5f7;
    box-shadow: inset 0 5px 5px -2px rgba(107,60,96,0.2);
    text-align: center;
}
.price-list.style3 .price strong {
    display: block;
    font-size: 84px;
    font-weight: 400;
    color: #53529b;
    margin-bottom: 4px;
}
.price-list.style3 .price sub {
    font-size: 40px;
    bottom: 0;
}
.price-list.style3 .price span {
    font-size: 12px;
    font-weight: 700;
    color: #985965;
    text-transform: uppercase;
}
.price-list.style3 .btn-large span {font-size: 36px; font-weight: 600;}

@media (min-width:768px) and (max-width:991px) {
    .price-list.style3 .price-content {padding: 20px 20px 16px;}
    .price-list.style3 .price {padding: 10px 10px 20px;}
}

/*-----------------------------------*/
/* Sidebar widgets */
/*-----------------------------------*/

.widget-title {font-size: 46px; color: #644370; letter-spacing: -2.3px; line-height: 42px; margin-bottom: 4px;}
.widget-title a {display:block; margin-left: -2px; color: #644370;}
.widget-subtitle {line-height: 28px; text-transform: uppercase; margin-bottom: 8px;}
.widget-subtitle a {color: #985965;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .widget-title {font-size: 36px; letter-spacing: -1px; margin-bottom: 0;}
    .widget-subtitle {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
}
@media (max-width:479px) {
    .widget-title {font-size: 26px;}
}

/* Widget Categories */
/*-----------------------------------*/

.widget-categories {margin-right: 64px;}
.widget-categories li {border-top: 1px solid #eee; position: relative;}
.widget-categories li:first-child {border-top: none;}

.widget-categories li a {
    display: block;
    padding: 22px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #985965 !important;
    text-transform: uppercase;
    letter-spacing: -0.8px;
}
.widget-categories li i {
    position: absolute;
    top: 0;
    left: auto;
    right: -64px;
    bottom: 0;
    margin: 0;
    width: 64px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.2);
}
.widget-categories li i:before {
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    background-image: url(images/icons/categories-icons.png);
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {
    .widget-categories li i:before {
        background-image: url(images/icons/categories-icons-x2.png);
        background-size: 128px auto;
    }
}
.icon-cat-1:before {background-position: 0 0;}
.icon-cat-2:before {background-position: 0 -64px;}
.icon-cat-3:before {background-position: 0 -128px;}
.icon-cat-4:before {background-position: 0 -192px;}

.widget-categories li a:hover .icon-cat-1:before, .widget-categories li.active a .icon-cat-1:before {background-position: -64px 0;}
.widget-categories li a:hover .icon-cat-2:before, .widget-categories li.active a .icon-cat-2:before {background-position: -64px -64px;}
.widget-categories li a:hover .icon-cat-3:before, .widget-categories li.active a .icon-cat-3:before {background-position: -64px -128px;}
.widget-categories li a:hover .icon-cat-4:before, .widget-categories li.active a .icon-cat-4:before {background-position: -64px -192px;}

.widget-categories li:hover a, .widget-categories li.active a {background-color: #faf6f8;}

/* Widget Flickr */
/*-----------------------------------*/

.widget-flickr {position: relative;}

.widget-flickr li {
    width: 78px;
    height: 234px;
    float: left;
    position: relative;
    margin: 0;
}
.widget-flickr li a, .widget-flickr li img {display: block;}

/* Arrows */
.widget-flickr .prev,
.widget-flickr .next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 42px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
    line-height: 220px;
    width: 30px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset -5px 0 5px -2px rgba(104, 16, 52, 0.3);
}
.widget-flickr .next {left: auto; right: 0; box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.3);}

/* Widget Latest Stories, Latest Comments */
/*-----------------------------------------------*/

.widget-recent {margin-right: 30px;}
.widget-recent li {border-top: 1px solid #eee; position: relative; min-height: 96px;}
.widget-recent li:first-child {border-top: none;}
.widget-recent li > a {display: block; padding: 16px 12px 6px 20px;}
.widget-recent li:hover > a, .widget-recent li.active > a {background-color: #faf6f8;}

.widget-recent li i {
    position: absolute;
    top: 0;
    left: auto;
    right: -30px;
    bottom: 0;
    margin: 0;
    width: 30px;
    font-size: 42px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
    line-height: 92px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.2);
}
.widget-recent li:hover i, .widget-recent li.active i {
    right: -29px;
    width: 29px;
    background-color: rgba(255, 241, 244, 0.12);
}
.widget-recent .post-avatar {
    float: left;
    margin: 3px 18px 10px 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.widget-recent .post-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.widget-recent .post-desc {
    font-weight: 600;
    color: #3f3a46;
    letter-spacing: -0.4px;
    line-height: 22px;
    margin-bottom: 10px;
}
.widget-recent .post-desc span {color: #7380b0;}

/* Widget Text */
/*-----------------------------------*/

.widget-text {padding: 24px 20px 12px;}
.widget-text p {line-height: 22px; margin-bottom: 10px;}
.widget-text[class*="bg-image-"] {background-position: right -110px top -60px;}

@media (max-width:479px) {
    .widget-text {padding: 12px 20px;}
}

/* Widget Tags */
/*-----------------------------------*/

.widget-tags {padding: 24px 20px 0;}
.widget-tags[class*="bg-image-"] {background-position: right -54px top -27px;}
.widget-tags .widget-title {margin-bottom: 23px;}
.tagcloud {text-align: center;}

.tagcloud a {
    position: relative;
	display: inline-block;
    padding-left: 20px;
    margin: 0 2px 20px;
}
.tagcloud a span {
    display: block;
    font-family: 'Allerta', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff !important;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px 0 22px;
    background-color: #b8c901;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.tagcloud a:hover span {background-color: #989f01;}

.tagcloud a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #b8c901;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.tagcloud a:hover:before {border-right-color: #989f01;}

.tagcloud a:after {
    content: '';
    position: absolute;
    top: 13px;
    left: 17px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
}

@media (max-width:479px) {
    .widget-tags {padding: 12px 10px 0;}
    .widget-tags .widget-title {margin-left: 10px;}
}

/* Widget Calendar */
/*-----------------------------------*/

.widget-calendar {
    position: relative;
    box-shadow: 0 2px 2px rgba(129,62,95,0.4);
}

/* Date in Header */
.widget-calendar .today {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 50px;
    border-left: 1px solid #eee;
}
.widget-calendar .today strong {
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: #985965;
    line-height: 50px;
    padding: 0 6px;
}
.widget-calendar .today span {
    float: right;
    font-size: 11px;
    line-height: 12px;
    font-weight: 700;
    color: #b67c87;
    text-transform: uppercase;
    padding: 12px 8px 0 0;
}

/* Datepicker General Styles */

.ui-datepicker {display: none;}
.ui-state-disabled {cursor: default !important;}
.ui-icon {display: block; text-indent: -99999px; overflow: hidden;}
#ui-datepicker-div {width: 253px; z-index: 10 !important;}

/* Datepicker Header */

.ui-datepicker-header {
    position: relative;
    height: 50px;
    background: #fff;
    padding-left: 50px;
}
#ui-datepicker-div .ui-datepicker-header {
    padding-left: 0;
    text-align: center;
    background-color: #b8c901;
}

.ui-datepicker-prev::selection,
.ui-datepicker-next::selection,
.ui-datepicker-prev span::selection,
.ui-datepicker-next span::selection {
    background-color: transparent;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    position:absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 25px;
    cursor: pointer;
    background-color: #b8c901 !important;
}
.ui-datepicker-prev {top: auto; bottom: 0; border-top: 1px solid #98ad00;}
#ui-datepicker-div .ui-datepicker-prev {border-top: none;}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/calendar.png) 0 0 no-repeat;
}
.ui-datepicker-prev span {background-position: 0 -25px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        background-image: url(images/calendar-x2.png);
        background-size: 70px auto;
    }
}
.ui-datepicker-prev.ui-state-disabled span,
.ui-datepicker-next.ui-state-disabled span {
    opacity: .5;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    top: 11px;
    left: 11px;
}
#ui-datepicker-div .ui-datepicker-next {
    left: auto;
    right: 11px;
}
.ui-datepicker-title {
    font-size: 19px;
    color: #644370;
    font-weight: 700;
    line-height: 48px;
}
#ui-datepicker-div .ui-datepicker-title {font-size: 16px; color: #fff;}
.ui-datepicker-year {display: none;}
#ui-datepicker-div .ui-datepicker-year {display: inline-block;}

/* Datepicker Table */

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    background: #b56481;
    background: rgba(255,255,255,0.08);
    font-family: 'Montserrat', sans-serif;
}
#ui-datepicker-div table {background: #b56481;}

/* MO-TU-WE-TH-FR-SA-SU */
.ui-datepicker th {
    text-align: center;
    text-shadow: none;
    padding: 11px 0;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}
.ui-datepicker th:first-child {border-left: 1px solid rgba(255,255,255,0.16);}
.ui-datepicker th:last-child {border-right: 1px solid rgba(255,255,255,0.16);}

#ui-datepicker-div th {padding: 9px 0 8px;}

/* Dates general */
.ui-datepicker td {border: 1px solid rgba(255,255,255,0.2);}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.ui-datepicker td a:hover {color: #fff !important;}

#ui-datepicker-div td span,
#ui-datepicker-div td a {
    height: 28px;
    line-height: 28px;
}

/* Date Today */
td.ui-datepicker-today a,
td.ui-datepicker-today a.ui-state-hover {
    background: #b5495e;
    background: rgba(255,234,240,0.16);
}

/* Date on Hover */
td a.ui-state-hover {background: rgba(255, 255, 255, 0.1);}

/* Date Selected */
td.ui-state-highlight a,
td.ui-datepicker-today.ui-state-highlight a,
#ui-datepicker-div td.ui-datepicker-current-day a,
#ui-datepicker-div td.ui-datepicker-current-day.ui-datepicker-today a {
    background: #b8c901;
}

/* Date from the Other Month */
td.ui-datepicker-other-month span{display: none;}

/* Responsive */
@media (min-width: 768px) and (max-width: 991px) {
    .widget-calendar .today span {display: none;}
    #ui-datepicker-div {width: 180px;}
    #ui-datepicker-div .ui-datepicker-prev {left: 0;}
    #ui-datepicker-div .ui-datepicker-next {right: 0;}
    #ui-datepicker-div .ui-datepicker-title {font-size: 13px;}
}

/*-----------------------------------*/
/* Post Items */
/*-----------------------------------*/

.post-title {font-size: 46px; letter-spacing: -2.3px;  margin-bottom: 2px; color: #0A0840;}
.post-title a {color: #2C2977;}
.post-subtitle {line-height: 28px; text-transform: uppercase; margin-bottom: 16px;}
.post-subtitle a {color: #985965;}
.post-image img {display: block; width: 100%;}

/*Blue Links*/
.post-links {background: #7978b4; overflow: hidden; position: relative;}
.post-links li {float: left; width: 25%; position: relative;}

.post-links .text {
    font-size: 80px;
    font-weight: 700;
    color: #8c8bc8;
    letter-spacing: -5px;
    position: absolute;
    white-space: nowrap;
    top: -6px;
    left: -7px;
}
.post-links a {
    display: block;
    padding: 12px 0;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 200px;
    margin-bottom: -190px;
}
.post-links li:first-child a {border-left-width: 0;}
.post-links a:hover {color: #fff !important;}

.post-links [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.post-links .icon-small-prev, .post-links .icon-small-next {font-size: 22px;}
.post-links a:hover [class*="icon-small-"] {color: #d4e729;}

/*Green Links*/
.post-links.green {background: #b8c901;}
.post-links.green .text {color: #989f01;}
.post-links.green a {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.post-links.green a:hover {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.post-links.green [class*="icon-small-"] {color: #fff;}
.post-links.green a:hover [class*="icon-small-"] {color: #b8c901;}

/*Red Links*/
.post-links.red {background: #bf5d90;}
.post-links.red .text {color: #cc6b9e;}
.post-links.red a {border-left: 1px solid #ab447a;}
.post-links.red [class*="icon-small-"] {color: #fff;}
.post-links.red a:hover [class*="icon-small-"] {color: #FFB3DB;}

/*Links without background*/
.post-links-alt {margin-bottom: 23px;}
.post-links-alt li {display: inline-block; line-height: 22px;}
.post-links-alt li a {color: #bf5d90;}
.post-links-alt .post-more {margin-right: 64px;}
.post-links-alt .post-more a {display:block; font-weight: 700; color: #b8c901;}
.post-links-alt .post-more i {font-size: 20px; margin: 0 0 0 8px; vertical-align: -24%;}
.post-links-alt .post-author a {font-weight: 700; color: #7380b0;}
.post-links-alt .post-date {margin-right: 5px;}
.post-links-alt .post-date a {font-weight: 700; color: #bf5d90;}
.post-links-alt .post-facebook,
.post-links-alt .post-twitter {font-size: 16px;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .post-title {font-size: 36px; letter-spacing: -1px; margin-bottom: 0;}
    .post-subtitle {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
}
@media (max-width:991px) {
    .post-links .text {opacity: .1;}
}
@media (max-width:479px) {
    .post-title {font-size: 26px;}
    .post-links a {font-size: 12px;}
    .post-links-alt .post-more {margin-right: 24px;}
}

/* Post Item style 1 */
/*-----------------------------------*/

.post-item.style1 .post-event-date {
    position: absolute;
    top: 31px;
    left: 33px;
    width: 76px;
    min-height: 73px;
    background: url(images/post-event-date.png) no-repeat;
    padding-top: 12px;
    padding-right: 4px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .post-item.style1 .post-event-date {
        background-image: url(images/post-event-date-x2.png);
        background-size: 76px auto;
    }
}
.post-item.style1 .post-event-date strong {
    display: inline-block;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 13px;
}
.post-item.style1 .post-content {padding: 20px 30px 5px;}
.post-item.style1 [class*="bg-image-"] {background-position: right -70px bottom;}
.post-item.style1 .post-links {box-shadow: inset 0 14px 5px -10px rgba(0,0,0,0.3);}

@media (max-width:479px) {
    .post-item.style1 .post-event-date {top: 5px; left: 5px;}
    .post-item.style1 .post-content {padding: 20px 20px 5px;}
}

/* Post Item style 2 */
/*-----------------------------------*/

.post-item.style2 .post-meta-top {position: relative; padding: 19px 25px 11px;}
.post-item.style2 [class*="bg-image-"] {background-position: right -32px top -40px;}
.post-item.style2 .post-content {padding: 24px 28px 4px;}

@media (max-width:479px) {
    .post-item.style2 .post-meta-top {padding: 18px 20px 10px;}
    .post-item.style2 .post-content {padding: 20px 20px 0;}
}

/* Post Item style 3 */
/*-----------------------------------*/

.post-item.style3 [class*="bg-image-"] {background-position: left -112px bottom -104px;}
.post-item.style3 .post-content {width: 62%; float: right; padding: 23px 20px 6px;}
.post-item.style3 .post-meta-bot {width: 38%; float: left; text-align: center;}
.post-item.style3 .post-subtitle {margin-bottom: 21px;}
.post-item.style3 .post-event-date {font-size: 11px; color: #b8c901; text-transform: uppercase;}
.post-item.style3 .post-event-date strong {display: block; font-size: 175px; margin-bottom: 18px;}
.post-item.style3 .post-event-date p {display: inline-block; text-align: left;}
.post-item.style3 .post-event-date span,
.post-item.style3 .post-event-date em {
    display: inline-block;
    font-size: 22px;
    font-weight: 800;
    color: #53529b;
    margin-bottom: 5px;
}
.post-item.style3 .post-event-date em {color: #985965; font-style: normal;}

@media (max-width:991px) {
    .post-item.style3 .post-event-date strong {font-size: 120px; margin-bottom: 0;}
    .post-item.style3 .post-event-date span,
    .post-item.style3 .post-event-date em {
        font-size: 16px;
    }
    .post-item.style3 .post-content {padding-top: 14px;}
}
@media (max-width:479px) {
    .post-item.style3 .post-content,
    .post-item.style3 .post-meta-bot {width: auto; float: none;}
    .post-item.style3 .post-subtitle {margin-bottom: 12px;}
}

/* Post Item style 4 */
/*-----------------------------------*/

.post-item.style4 .post-content {padding: 20px 26px 8px;}
.post-item.style4 [class*="bg-image-"] {background-position: left -140px top -190px;}

.post-item.style4 .post-image {
    width: 50%;
    float: right;
    margin: -20px -26px 10px 20px;
    position: relative;
}
.post-item.style4 .post-image:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 14px solid #fff;
}
.post-item.style4 .post-links-alt {margin-top: 16px;}
.post-item.style4 .post-links-alt .post-author {float: right;}

@media (max-width:479px) {
    .post-item.style4 .post-content {padding: 0 20px 8px;}
    .post-item.style4 .post-image {
        width: auto;
        float: none;
        margin: 0 -20px 10px;
    }
    .post-item.style4 .post-image:after {display: none;}
    .post-item.style4 .post-links-alt .post-author {float: none;}
}

/* Post Item style 5 */
/*-----------------------------------*/

.post-item.style5 .post-content {padding: 20px 26px 4px;}
.post-item.style5 [class*="bg-image-"] {background-position: right -90px top -75px;}

.post-item.style5 .post-image {
    width: 47%;
    float: left;
    margin: -20px 30px 10px -26px;
    position: relative;
}
.post-item.style5 .post-image:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 14px solid #fff;
}
.post-item.style5 .post-links li {float: right; width: 116px;}
.post-item.style5 .post-links li:first-child a {border-left-width: 1px;}

@media (max-width:479px) {
    .post-item.style5 .post-content {padding: 0 20px 8px;}
    .post-item.style5 .post-image {
        width: auto;
        float: none;
        margin: 0 -20px 10px;
    }
    .post-item.style5 .post-image:after {display: none;}
}

/* Post Item style 6 */
/*-----------------------------------*/

.post-item.style6 .post-content {padding: 20px 28px 8px;}
.post-item.style6[class*="bg-image-"] {background-position: left -75px top -65px;}
.post-item.style6 .post-title {margin-bottom: 4px; line-height: 40px;}
.post-item.style6 .post-subtitle {margin-bottom: 22px;}
.post-item.style6 .post-desc p {line-height: 24px;}

.post-item.style6 .post-image {
    width: 52%;
    float: right;
    margin: 0 0 0 20px;
    position: relative;
}
.post-item.style6 .post-image:after {
    content: '';
    position: absolute;
    top: 58px;
    left: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 14px solid #fff;
}
.post-item.style6 .post-links-alt {margin-top: 16px; text-align: right;}
.post-item.style6 .post-links-alt .post-more {margin-right: 10px; float: left;}


@media (max-width: 991px) {
    .post-item.style6 .post-content {padding: 10px 20px 8px;}
}
@media (max-width: 767px) {
    .post-item.style6 .post-title {font-size: 22px; line-height: 26px;}
    .post-item.style6 .post-subtitle {font-size: 12px; line-height: normal; margin-bottom: 8px;}
}
@media (max-width: 479px) {
    .post-item.style6 .post-image {
        width: auto;
        float: none;
        margin: 0 0 10px;
    }
    .post-item.style6 .post-image:after {display: none;}
    .post-item.style6 .post-links-alt .post-more {float: none; display: block;}
}

/* Post Quotes */
/*-----------------------------------*/

.post-item.quotes .post-content {padding: 21px 27px 5px;}
.post-item.quotes .post-title {margin-bottom: 17px;}
.post-item.quotes .post-subtitle {margin-bottom: 19px; line-height: 30px;}
.post-item.quotes .post-title a, .post-item.quotes .post-subtitle a {display: block;}
.post-item.quotes [class*="bg-image-"] {background-position: right -20px top -10px;}

@media (max-width:479px) {
    .post-item.quotes .post-content {padding: 20px 20px 5px;}
}

/* Post Carousel */
/*-----------------------------------*/

.post-item.slideshow .post-meta-top {padding: 20px 27px 6px;}
.post-item.slideshow [class*="bg-image-"] {background-position: right -20px top -50px;}

.post-item .carousel-inner {height: 380px;}
.post-item .carousel-inner > .item {height: 100%; overflow:hidden;}
.post-item .carousel-inner > .item > a {display: block;}

.post-item .carousel-inner > .item > img,
.post-item .carousel-inner > .item > a > img {
    width: auto;
    max-width: none;
}
.post-item .carousel-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    background: rgba(0,0,0,0.6);
    padding: 30px 27px;
}
.post-item .carousel-desc strong {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}
.post-item .carousel-desc strong a {color: #fff;}
.post-item .carousel-desc span {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #c8db00;
    line-height: 24px;
    text-transform: uppercase;
}
.post-item .carousel-desc .post-date {
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255,255,255,0.4);
    padding-right: 11px;
    margin-right: 7px;
}
.post-item .carousel-indicators {display: none;}

.post-item .carousel-control {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 20px;
    height: 50px;
    line-height: 40px;
    margin-top: -44px;
    border: none;
    opacity: 1;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    text-shadow: none;
    text-align: center;
}
.post-item .carousel-control.left,
.post-item .carousel-control.right {
    background: none;
    filter: none;
}
.post-item .carousel-control.right {right: 2px; left: auto;}

@media (max-width:479px) {
    .post-item .carousel-inner {height: 220px;}
    .post-item .carousel-desc {padding: 5px 20px;}
    .post-item .carousel-desc strong {font-size: 20px;}
    .post-item .carousel-desc span {font-size: 10px; line-height: 18px;}
}

/* Post Video */
/*-----------------------------------*/

.post-item.videoplayer .post-meta-top {padding: 20px 27px 6px;}
.post-item.videoplayer [class*="bg-image-"] {background-position: right -10px top -10px;}
.post-item.videoplayer .post-links-alt {float: right;}

@media (max-width:479px) {
    .post-item.videoplayer .post-links-alt {float: none; margin-bottom: 5px;}
    .post-item.videoplayer .post-meta-top {padding: 15px 20px 6px;}
}

/* Popular Post Items */
/*-----------------------------------*/

.post-item-popular[class*="bg-image-"] {background-position: right -60px top -30px;}
.post-item-popular[class*="bg-image-cam3"]:before {top: -12px; right: -24px;}
.post-item-popular .post-meta-top {padding: 9px 17px 0;}
.post-item-popular .post-subtitle {line-height: 26px;}
.post-item-popular .post-links-alt {font-size: 11px;}
.post-item-popular .post-desc {padding: 16px 18px 0;}
.post-item-popular .post-desc p {font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.post-item-popular .post-links li {width: 50%;}

/* Pull Quotes, Post Intro Text */
/*-----------------------------------*/

.typography {padding: 20px 27px 30px;}
.typography h3 {margin-bottom: 20px;}

.block-quotes {padding: 20px 27px 1px;}
.block-quotes .post-title {margin-bottom: 17px;}

.quote, .quote-left, .quote-right {
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
    font-style: italic;
    color: #bf5d90;
    letter-spacing: -0.4px;
    width: 45%;
    margin-top: 4px;
    margin-bottom: 16px;
}
.quote {display: block; width: 100%; margin-top: 0;}
.quote-left {float: left; margin-right: 5%;}
.quote-right {float: right; margin-left: 5%;}

.intro-text {padding: 19px 27px 4px;}

@media (max-width:479px) {
    .quote-left, .quote-right {
        float:none;
        display:block;
        width: auto;
        margin-left: 0;
    }
}

/*-----------------------------------*/
/* Comments */
/*-----------------------------------*/

.comment-list {position: relative; margin-bottom: 30px;}
.comment-list [class*="bg-image-"] {background-position: right -40px top -20px;}

.comment-list-title {
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(60,60,60,0.6);
    display: inline-block;
    margin: 0 10px 13px 0;
}
.link-add-comment {
    display: inline-block;
	font-size: 13px;
    font-weight: 700;
    color: #da74b7;
	text-transform: uppercase;
    margin-bottom: 16px;
}
.link-add-comment:hover {color: #fff;}
.comment-list .children li.comment {padding-left: 80px;}

/*Subcomment Arrow*/
.comment-list .sub {display: none;}
.comment-list .children .sub {display: block;}
.comment-list .sub {
    position: absolute;
    top: 75px;
    left: -75px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 4px solid #a666aa;
    border: 4px solid rgba(192, 116, 197, 0.6);
    border-radius: 50%;
}
.comment-list .sub:before,
.comment-list .sub:after {
    content: '';
    position: absolute;
    top: -44px;
    left: 3px;
    width: 2px;
    height: 36px;
    background: #a666aa;
    background: rgba(192, 116, 197, 0.6);
}
.comment-list .sub:after {
    top: 3px;
    left: 17px;
    width: 38px;
    height: 2px;
}

/*Comment Body*/
.comment-body {
	position: relative;
	margin-bottom: 30px;
    padding: 17px 21px 17px 190px;
    min-height: 146px;
}
.comment-avatar {
    position: absolute;
    top: 0;
    left: 0;
	width: 172px;
	height: 146px;
}
.comment-avatar img {
	display: block;
	width: 100%;
    height: 100%;
}
.comment-avatar:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 60px;
    right: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 14px solid #fff;
}
.comment-author {
    line-height: 25px;
    margin-bottom: 13px;
}
.comment-author .link-author {
    float: left;
    font-size: 22px;
    font-weight: 700;
    color: #985965;
}
.comment-author .comment-meta {
    float: right;
    font-size: 13px;
    font-weight: 700;
    color: #7380b0;
    text-align: right;
    text-transform: uppercase;
}
.comment-author .comment-meta .link-reply {
    font-size: 17px;
    color: #bf5d90;
    margin-left: 20px;
}
.comment-author .comment-meta .link-reply i {vertical-align: -32%; margin: 0;}
.comment-entry {line-height: 24px;}

@media (max-width: 991px) {
    .comment-author .link-author {float: none;}
    .comment-author .comment-meta {float: none; display: block; text-align: left;}
}
@media (max-width: 479px) {
    .comment-body {padding: 0 20px 17px;}
    .comment-avatar {
        position: static;
        width: auto;
        height: auto;
        margin: 0 -20px 10px;
    }
    .comment-avatar:after {display: none;}
    .comment-entry {font-size: 13px; line-height: 21px;}
}

/*-----------------------------------*/
/* Forms */
/*-----------------------------------*/

/* Inputs, Textareas */
input::-webkit-input-placeholder {font-size: 18px; font-weight: 400; color: #7380b0;}
input:-moz-placeholder {font-size: 18px; font-weight: 400; color: #7380b0;}
textarea::-webkit-input-placeholder {font-size: 18px; font-weight: 400; color: #7380b0;}
textarea:-moz-placeholder {font-size: 18px; font-weight: 400; color: #7380b0;}

input[type="text"],
input[type="password"],
textarea,
.select_styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #f2e2e6;
    background: #fefbfc;
    background: rgba(253,245,247,0.38);
    border-radius: 1px;
    padding:0 12px;
    font-size: 18px;
    font-weight: 400;
    color: #7380b0;
    width: 100%;
    margin: 0;
}
input[type="text"],
input[type="password"]{
    height: 50px;
}
.ie8 input[type="text"],
.ie8 input[type="password"]{
    line-height: 50px;
}
textarea {
    padding: 10px 12px;
    height: 210px;
    resize: vertical;
    overflow: auto;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border: 1px solid #dbe37e;
}
.field_text,
.field_select {
    float:left;
    margin-right: 2%;
    margin-bottom: 25px;
    width: 48%;
    position: relative;
}
.field_text.omega,
.field_select.omega {
    float:right;
}
.field_text.field_textarea {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    position: relative;
}
.label_title {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #985965;
    text-transform: uppercase;
    cursor: default;
}

/*Submit Row*/
.rowSubmit {
    background: #7978b4;
    overflow: hidden;
    position: relative;
}
.rowSubmit li {float: right; position: relative;}
.rowSubmit button {
    background: transparent;
    border: none;
    outline: none;
}
.rowSubmit .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 68px;
    font-weight: 700;
    color: #8c8bc8;
    letter-spacing: -5px;
    white-space: nowrap;
    position: absolute;
    top: 2px;
    left: -4px;
}
.rowSubmit a,
.rowSubmit button {
    display: block;
    padding: 9px 25px;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    width: 100%;
}
.rowSubmit a:hover, .rowSubmit button:hover {color: #fff !important;}

.rowSubmit [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.rowSubmit [class*="icon-small-"]:before {line-height: 30px;}
.rowSubmit .icon-small-delete {font-size: 22px;}
.rowSubmit a:hover [class*="icon-small-"],
.rowSubmit button:hover [class*="icon-small-"] {color: #d4e729;}

/*Submit Row Green*/
.rowSubmit.green {background: #b8c901;}
.rowSubmit.green .text {color: #989f01;}
.rowSubmit.green a,
.rowSubmit.green button {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.rowSubmit.green a:hover, .rowSubmit.green button:hover {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.rowSubmit.green [class*="icon-small-"] {color: #fff;}
.rowSubmit.green a:hover [class*="icon-small-"], .rowSubmit.green button:hover [class*="icon-small-"] {color: #b8c901;}

/*Submit Row Red*/
.rowSubmit.red {background: #bf5d90;}
.rowSubmit.red .text {color: #cc6b9e;}
.rowSubmit.red a {border-left: 1px solid #ab447a;}
.rowSubmit.red [class*="icon-small-"] {color: #fff;}
.rowSubmit.red a:hover [class*="icon-small-"] {color: #FFB3DB;}

@media (max-width:991px) {
    .rowSubmit .text {opacity: .1;}
}
@media (max-width:479px) {
    .field_text,
    .field_select {
        float: none !important;
        width: 100% !important;
        margin-right: 0;
    }
    .rowSubmit a, .rowSubmit button {padding: 9px 16px; font-size: 12px;}
}

/* Comment Form */
/*-----------------------------------*/

.comment-form .inner {padding: 18px 27px 4px;}
.comment-form [class*="bg-image-"] {background-position: right -20px top -20px;}
.add-comment-title {font-size: 46px; letter-spacing: -2.3px; margin-bottom: 26px; color: #644370;}
.comment-form .error {overflow: hidden; border: 1px solid #c9376e !important;}

@media (max-width:479px), (min-width:768px) and (max-width:991px) {
    .add-comment-title {font-size: 36px; letter-spacing: -1px;}
    .add-comment-subtitle {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
}
@media (max-width:479px) {
    .comment-form .inner {padding: 16px 20px 4px;}
    .add-comment-title {font-size: 26px;}
}

/* Contact Form */
/*-----------------------------------*/

.contact-form [class*="bg-image-"] {background-position: right -96px top -20px;}
.contact-form .field_textarea {margin-bottom: 33px;}
.contact-form textarea {height: 140px;}
.contact-form .custom-checkbox label {margin-bottom: 34px;}

/* Survey Form */
/*-----------------------------------*/

.survey-form [class*="bg-image-"] {background-position: right -290px top -240px;}
.survey-form .add-comment-title {font-size: 36px; letter-spacing: -2px; margin-bottom: 17px;}
.survey-form .input_styled {margin-bottom: 10px;}
.survey-form textarea {height: 137px;}

@media (max-width: 479px), (max-width: 991px) and (min-width: 768px) {
    .survey-form .add-comment-title {font-size: 26px; letter-spacing: -1px;}
}

/* Payment Form */
/*-----------------------------------*/

.payment-form .tab-content, .payment-form .tab-pane {padding: 0;}
.payment-form .inner {padding: 27px 27px 16px;}
.field_phone label {display: block;}
.field_phone input {float: left; width: 30%; margin-right: 5%;}
.payment-form .rowSubmit {box-shadow: inset 0 14px 5px -10px rgba(0,0,0,0.3);}
.payment-form .rowSubmit .input_styled {float: left; margin: 17px 5px 0 22px;}
.payment-form .rowSubmit .input_styled label {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    font-weight: 600;
    color: #fff;
    line-height: 18px;
    text-transform: none;
    padding-top: 0;
}
#shipping .custom-checkbox label {margin-bottom: 27px;}
#payment .custom-radio label {padding-left: 43px; margin: 2px 10px 46px 0;}
#payment .custom-checkbox label {font-size: 11px; padding-right: 106px;}
#payment .radiolist {float: left;}
#payment .checklist {float: right;}

@media (max-width: 479px) {
    .payment-form .inner {padding: 27px 20px 16px;}
    #billing .rowSubmit a {border-left: none;}
}
@media (max-width: 991px) {
    .payment-form .rowSubmit .input_styled {max-width: 210px; margin: 12px 3px 0 8px;}
    .payment-form .rowSubmit .input_styled label {padding-left: 100px;}
    #payment .checklist {float: none;}
}

/* Login Form */
/*-----------------------------------*/

.widget-login {padding: 26px 20px 34px;}

.widget-login .field_text {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
    width: auto;
}
.widget-login .btn {display: block; margin: 0 0 20px;}
.widget-login .btn input {width: 100%}
.widget-login .custom-checkbox label {margin: 15px 0 23px;}

.widget-login .forget-password a {
    font-size: 13px;
    font-weight: 600;
    color: #7978b4;
    text-decoration: underline;
}
.widget-login .forget-password a:hover {text-decoration: none;}

/* Newsletter Form */
/*-----------------------------------*/

.widget-newsletter {padding: 26px 20px 31px;}
.widget-newsletter form {position: relative;}
.widget-newsletter .field_text {margin: 0 73px 30px 0; float: none; width: auto;}
.widget-newsletter .btn {position: absolute; right: 0; bottom: 0; margin: 0;}
.widget-newsletter .btn input {height: 50px; line-height: 50px;}

.newsletter-text {
    font-size: 13px;
    color: #3f3a46;
    line-height: 15px;
    padding-left: 20px;
    background: url(images/icons/rss.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .widget-newsletter .newsletter-text {
        background-image: url(images/icons/rss-x2.png);
        background-size: 16px auto;
    }
}
.newsletter-text a {color: #7978b4; text-decoration: underline;}
.newsletter-text a:hover {text-decoration: none;}

/* Search Form */
/*-----------------------------------*/

.widget-search {padding: 26px 20px 30px;}
.widget-search form {position: relative;}
.widget-search .field_text {margin: 0 73px 0 0; float: none; width: auto;}
.widget-search .btn {position: absolute; right: 0; bottom: 0; margin: 0;}
.widget-search .btn input {height: 50px; line-height: 50px;}

/*-----------------------------------*/
/* Pagination */
/*-----------------------------------*/

.pagination {
    margin: 0 0 30px;
    border-radius: 0;
    vertical-align: top;
}
.pagination > li {
    display: block;
    float: left;
    box-shadow: 0 2px 2px rgba(129,62,95,0.4);
}
.pagination > li > a,
.pagination > li > span {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    font-weight: 700;
    color: #985965;
    border: none;
    border-left: 1px solid #eee;
    padding: 0 15px;
    margin: 0;
    background-color: #fff;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.pagination > li:nth-child(2) > a, .pagination > li:nth-child(2) > span {border:none;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #b8c901;
    color: #fff;
    border-color: #b8c901;
    margin-right: -1px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #989f01 !important;
    color: #b8c901 !important;
    box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);
    border-color: #fff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #985965 !important;
    cursor: default;
    background-color: #fff !important;
    box-shadow: none;
    border-color: #eee;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 1px 1px rgba(82,28,36,0.6);
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    border: none;
    padding: 0 10px;
}
.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover,
.pagination > li:first-child > a:focus,
.pagination > li:first-child > span:focus,
.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover,
.pagination > li:last-child > a:focus,
.pagination > li:last-child > span:focus {
    background-color: #d98f88 !important;
    background-color: rgba(255, 241, 244, 0.24) !important;
    color: #fff !important;
    box-shadow: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {box-shadow: inset -10px 0 6px -10px rgba(27, 16, 26, 0.6);}
.pagination > li:last-child > a, .pagination > li:last-child > span {box-shadow: inset 10px 0 6px -10px rgba(27, 16, 26, 0.6);}

@media (max-width:479px) {
    .pagination > li > a,
    .pagination > li > span {
        font-size: 16px;
        padding: 0 12px;
    }
}

/*-----------------------------------*/
/* Scroll Bars */
/*-----------------------------------*/

.scrollbars{margin-bottom: 30px;}
.scrollbars p {visibility:hidden; opacity: 0;}
.scrollbars p::selection{background: transparent; color: rgba(0, 0, 0, 0);}
.scrollbars .scrollbar {width: 23px; height: 210px; float: left;}

.scrollbar {overflow: auto;}
.scrollbar:focus {outline: none;}
.jspContainer {overflow: hidden; position: relative;}
.jspPane {position: absolute;}
.jspHorizontalBar {display: none;}
.jspVerticalBar {position: absolute; top: 0; right: 0; bottom: 0;}

/* Bar */
.jspTrack {
    float: right;
    width: 4px;
    position: relative;
}
.jspTrack:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #f2e2e6;
    border-radius: 2px;
    background: #fefbfc;
    background: rgba(253,245,247,0.38);
}
.scrollbar.style2 .jspTrack:before {display: none;}

/* Arrows */
.jspArrow {
    display: none;
    margin: 0 auto;
    cursor: pointer;
    width: 1px;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 4px solid #a9a8a5;
    position: relative;
    top: 9px;
    z-index: 1;
}
.jspArrowDown {
    border-top: 4px solid #a9a8a5;
    border-bottom: none;
    top: auto;
    bottom: 9px;
}

/* Handle */
.jspDrag {
    width: 4px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    border-radius: 2px;
    background: #bf5d90;
}

/*-----------------------------------*/
/* Tabs */
/*-----------------------------------*/

.tabs-framed {position: relative; margin-bottom: 30px;}

.tabs-framed .bg-image-heart {background-position: right -10px top 3px;}
.tabs-framed .bg-image-clock {background-position: right -27px top -15px;}
.tabs-framed .bg-image-note3 {background-position: right -10px bottom 10px;}
.tabs-framed .bg-image-clapper {background-position: right -26px bottom -20px;}
.tabs-framed .bg-image-notice {background-position: right -20px top -20px;}
.tabs-framed .bg-image-warning {background-position: right -20px top -20px;}
.tabs-framed .bg-image-error {background-position: right -20px top -20px;}
.tabs-framed .bg-image-success {background-position: right -20px top -20px;}
.tabs-framed .bg-image-letter3 {background-position: right -10px top -20px;}
.tabs-framed .bg-image-cross {background-position: right -20px top -20px;}
.tabs-framed .bg-image-lock {background-position: right -8px top -18px;}
.tabs-framed .bg-image-spanner {background-position: right -12px top -16px;}

/* Tab Thumbs */
.tabs.bookmarks2 li {max-width: 50%;}
.tabs.bookmarks3 li {max-width: 33.33333333333333%;}
.tabs.bookmarks4 li {max-width: 25%;}
.tabs.bookmarks5 li {max-width: 20%;}
.tabs.bookmarks6 li {max-width: 16.666666666666664%;}

.tabs li {float: left;}
.tabs li a {
    display: block;
    font-family: "Allerta", sans-serif;
    font-size: 15px;
	color: #fff !important;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    padding: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 0 -5px 5px -2px rgba(104, 16, 52, 0.2);
    margin-right: 1px;
    border: 1px solid transparent;
    border-bottom: none;
}
.tabs li:last-child a {margin-right: 0;}

.tabs li.active a {
    color:#d4e729 !important;
    background-color: #ad736c;
    background-color: rgba(255, 241, 244, 0.12);
    border-color: rgba(123,24,37,0.12);
}

/* Tab Content */
.tab-content {margin-bottom: 0;}
.tab-pane {padding: 16px 20px 3px;}

.tab-title {font-size: 46px; letter-spacing: -2.3px;  margin-bottom: 2px; color: #644370;}
.tab-title.style2 {font-size: 34px; letter-spacing: -1.6px;  margin-bottom: -4px; text-transform: uppercase;}
.tab-title a {display: inline-block; margin-left: -2px; color: #644370;}
.tab-subtitle {line-height: 28px; text-transform: uppercase; margin-bottom: 16px;}
.tab-subtitle a {color: #985965;}

.tab-image {margin: 0 -20px 16px;}
.tab-image img {display: block; width: 100%;}

.tab-image.pull-left,
.tab-image.pull-right {
    width: 40%;
}
.col-sm-12 .tab-image.pull-left,
.col-sm-12 .tab-image.pull-right {
    width: 36%;
}
.tab-image.pull-left {margin: 5px 10px 3px 0;}
.tab-image.pull-right {margin: 5px 0 5px 20px;}

.tab-image.pull-left.no-margin {margin: -16px 20px -3px -20px;}
.tab-image.pull-right.no-margin {margin: -16px -20px -3px 20px;}

[class^="tab-icon-"], [class*=" tab-icon-"] {
    width: 40px;
    height: 40px;
    background: url(images/icons/tab-content-icons.png) 0 -2px no-repeat;
    vertical-align: middle;
}
.tab-icon-2 {background-position: 0 -42px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    [class^="tab-icon-"], [class*=" tab-icon-"] {
        background-image: url(images/icons/tab-content-icons-x2.png);
        background-size: 40px auto;
    }
}

/* Bottom Tabs */
/*-----------------------------------*/

.tabs-framed-bottom .tabs.bookmarks2 li {width: 50%;}
.tabs-framed-bottom .tabs.bookmarks3 li {width: 33.33333333333333%;}
.tabs-framed-bottom .tabs.bookmarks4 li {width: 25%;}
.tabs-framed-bottom .tabs.bookmarks5 li {width: 20%;}
.tabs-framed-bottom .tabs.bookmarks6 li {width: 16.666666666666664%;}

/*Blue Links*/
.tabs-framed-bottom .tabs {
    background: #7978b4;
    overflow: hidden;
    position: relative;
}
.tabs-framed-bottom .tabs:before {
    font-size: 80px;
    font-weight: 700;
    color: #8c8bc8;
    letter-spacing: -5px;
    position: absolute;
    white-space: nowrap;
    top: -6px;
    left: -7px;
}
.tabs-framed-bottom .tabs a {
    display: block;
    padding: 12px 0;
    text-align: center;
    border: none;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff ;
    padding-bottom: 200px;
    margin-bottom: -190px;
    white-space: normal;
    background-color: transparent !important;
    margin-right: 0;
}
.tabs-framed-bottom .tabs li:first-child a {border-left-width: 0;}
.tabs-framed-bottom .tabs a:hover {color: #fff !important;}

.tabs-framed-bottom .tabs [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 22px;
    color: #53529b !important;
}
.tabs-framed-bottom .tabs li.active a {color: #fff !important; box-shadow: inset 0 14px 5px -10px rgba(0,0,0,0.3);}
.tabs-framed-bottom .tabs li.active [class*="icon-small-"] {color: #d4e729 !important;}

/*Green Links*/
.tabs-framed-bottom .tabs.green {background: #b8c901; box-shadow: none;}
.tabs-framed-bottom .tabs.green:before {color: #989f01;}
.tabs-framed-bottom .tabs.green a {border-left: 1px solid #b4c201;}
.tabs-framed-bottom .tabs.green li.active a {background: #989f01 !important; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.tabs-framed-bottom .tabs.green [class*="icon-small-"] {color: #fff !important;}
.tabs-framed-bottom .tabs.green li.active [class*="icon-small-"] {color: #b8c901 !important;}

/*Red Links*/
.tabs-framed-bottom .tabs.red {background: #bf5d90;}
.tabs-framed-bottom .tabs.red:before {color: #cc6b9e;}
.tabs-framed-bottom .tabs.red a {border-left: 1px solid #ab447a;}
.tabs-framed-bottom .tabs.red [class*="icon-small-"] {color: #fff !important;}
.tabs-framed-bottom .tabs.red li.active [class*="icon-small-"] {color: #FFB3DB !important;}

/* Right Side Tabs */
/*-----------------------------------*/

.tabs-framed-right {margin-right: 92px; min-height: 354px;}

.tabs-framed-right .tabs {
    position: absolute;
    top: 0;
    right: -92px;
    bottom: 0;
    width: 92px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.2),
                0 2px 2px rgba(0, 0, 0, 0.2);
}
.tabs-framed-right .tabs li {
    float: none;
    max-width: 100%;
}
.tabs-framed-right .tabs li a {
    padding: 19px 4px 30px;
    white-space: normal;
    background-color: transparent;
    box-shadow: none;
    margin-right: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #ae6077;
    border-bottom: 1px solid rgba(87, 43, 56, 0.12);
    text-align: center;
    color: #fff !important;
}
.tabs-framed-right .tabs li.active a {
    background-color: #ad736c;
    background-color: rgba(121, 41, 58, 0.1);
    border-color: rgba(123,24,37,0.12);
}

.tabs-framed-right .tabs i {
    width: 50px;
    height: 50px;
    margin: 0;
    background: url(images/icons/tabs-icons.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .tabs-framed-right .tabs i {
        background-image: url(images/icons/tabs-icons-x2.png);
        background-size: 100px auto;
    }
}
.tabs-framed-right .tabs .icon-tab-2 {background-position: 0 -50px;}
.tabs-framed-right .tabs .icon-tab-3 {background-position: 0 -100px;}
.tabs-framed-right .tabs .icon-tab-4 {background-position: 0 -150px;}
.tabs-framed-right .tabs .icon-tab-5 {background-position: 0 -200px;}
.tabs-framed-right .tabs .icon-tab-6 {background-position: 0 -250px;}
.tabs-framed-right .tabs .icon-tab-7 {background-position: 0 -300px;}

.tabs-framed-right .tabs li.active .icon-tab-1 {background-position: -50px 0;}
.tabs-framed-right .tabs li.active .icon-tab-2 {background-position: -50px -50px;}
.tabs-framed-right .tabs li.active .icon-tab-3 {background-position: -50px -100px;}
.tabs-framed-right .tabs li.active .icon-tab-4 {background-position: -50px -150px;}
.tabs-framed-right .tabs li.active .icon-tab-5 {background-position: -50px -200px;}
.tabs-framed-right .tabs li.active .icon-tab-6 {background-position: -50px -250px;}
.tabs-framed-right .tabs li.active .icon-tab-7 {background-position: -50px -300px;}

@media (max-width: 479px), (min-width: 768px) and (max-width: 991px) {
    .tabs li a {padding: 18px 10px; font-size: 13px;}
}
@media (max-width: 479px) {
    .tab-image {width: auto !important; float: none !important; margin: 0 -20px 20px !important;}
}

/* Post Tabs */
/*-----------------------------------*/

.post-tabs {margin-bottom: 30px;}
.post-tabs-bookmarks .jspVerticalBar {right: 8px;}
.post-tabs-bookmarks .jspTrack {width: 0;}

.post-tabs-bookmarks {
    float: right;
    width: 25%;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.2),
                0 2px 2px rgba(0, 0, 0, 0.2);
}
.post-tabs-bookmarks ul {height: 0;}

.post-tabs-bookmarks li {
    font-family: "Allerta", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    white-space: normal;
    cursor: pointer;
    padding: 19px 10px 19px 30px;
    margin-right: 0;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-right: none;
    border-bottom: 1px solid #ae6077;
    border-bottom: 1px solid rgba(87, 43, 56, 0.12);
    position: relative;
}
.post-tabs-bookmarks li:before {
    content: '';
    position: absolute;
    top: 23px;
    left: 15px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #eec6c6;
}
.post-tabs-bookmarks li.active {
    background-color: #ad736c;
    background-color: rgba(121, 41, 58, 0.1);
    border-color: rgba(123,24,37,0.12);
}
.post-tabs-bookmarks li.active:before {
    top: 19px;
    left: 14px;
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left: 11px solid #d4e729;
}

.post-tabs-content {
    float: left;
    width: 75%;
    margin-bottom: 0;
}
.post-tabs-content .post-item {display: none; min-height: 100px;}
.post-tabs-content .post-item.active {display: block;}

@media (max-width: 767px) {
    .post-tabs-bookmarks li {padding: 15px 10px; font-size: 12px;}
    .post-tabs-bookmarks li:before {display: none;}
}

/*-----------------------------------*/
/* Toggles */
/*-----------------------------------*/

.toggle {position: relative;}
.toggle-body .inner {padding: 0 20px 11px;}
.toggle p.small {line-height: 20px; margin-bottom: 20px;}

.toggle-link {
    display: block;
    padding: 20px 40px 22px 21px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #7978b4;
}
.toggle-link span {color: #985965;}
.toggle-link:hover span {color: #bf5d90;}

.toggle-link:before {
    content: '\e082';
    font-family: 'Glyphicons Halflings';
    font-size: 19px;
    color: #b8c901;
    position: absolute;
    top: 18px;
    right: 14px;
}
.toggle-link.collapsed:before {content: '\e081';}

.toggle-links {margin-bottom: 20px;}
.toggle-links li {
    float: left;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
}
.toggle-links li a {color: #bf5d90;}
.toggle-links li i {margin: 0;}
.toggle-links .toggle-author a {font-weight: 700; color: #7380b0;}
.toggle-links .toggle-date {margin-right: 5px;}
.toggle-links .toggle-date a {font-weight: 700; color: #bf5d90;}
.toggle-links .toggle-refresh,
.toggle-links .toggle-like,
.toggle-links .toggle-comments {
    margin: 0 0 0 20px;
    float: right;
    font-size: 13px;
}

@media (max-width: 991px) {
    .toggle-links .toggle-refresh,
    .toggle-links .toggle-like,
    .toggle-links .toggle-comments {
        margin-left: 6px;
    }
}

/*-----------------------------------*/
/* Alerts */
/*-----------------------------------*/

.alert {
    position: relative;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #fff !important;
    margin-right: 64px;
}
.alert-close {
    position: absolute;
    top: 0;
    left: 0;
    right: -64px;
    bottom: 0;
    float: none;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    text-indent: 10000px;
}
.alert-body {padding: 24px 27px 26px; color: #7978b4;}
.alert-warning .alert-body {color: #be5c8f;}
.alert-error .alert-body {color: #cd4a3a;}
.alert-success .alert-body {color: #b8c901;}
.alert.bg-image-notice {background-position: -5px -15px;}
.alert.bg-image-warning {background-position: -10px 8px;}
.alert.bg-image-error {background-position: -40px -50px;}
.alert.bg-image-success {background-position: -5px -20px;}

.alert span, .alert p {
    font-family: "Allerta", sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}
.alert p {font-size: 17px; margin: 0;}

.alert-icon {
    position: absolute;
    top: 0;
    left: auto;
    right: -64px;
    bottom: 0;
    margin: 0;
    width: 64px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.2);
}
.alert-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
    background: url(images/icons/alert-icons.png) 0 0 no-repeat;
}
.alert-warning .alert-icon:before {background-position: 0 -36px;}
.alert-error .alert-icon:before {background-position: 0 -72px;}
.alert-success .alert-icon:before {background-position: 0 -108px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .alert-icon:before {
        background: url(images/icons/alert-icons-x2.png) no-repeat;
        background-size: 36px auto;
    }
}
@media (max-width: 479px) {
    .alert-body {padding: 15px 20px;}
    .alert span, .alert p {font-size: 14px; line-height: 18px;}
}

/*-----------------------------------*/
/* Filters */
/*-----------------------------------*/

.widget-filter .inner {padding: 22px 20px 8px;}
.widget-filter .checklist label {display: block;}
.widget-filter .counter {float: right; color: #7978b4;}
.widget-filter label:hover, .widget-filter label:hover .counter {color: #bf5d90;}
.widget-filter .widget-title {
    font-family: "Allerta" sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #7978b4;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 17px;
}
.widget-filter .rowSubmit button {padding: 4px 21px 9px;}
.widget-filter .rowSubmit [class*="icon-small-"] {margin-bottom: -5px;}
.widget-filter .rowSubmit .text {top: -3px;}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-filter .inner {padding-left: 15px !important; padding-right: 15px !important;}
}

/* Checkbox Filter, Radiobox Filter
-------------------------------------*/

.widget-radio-filter [class*="bg-image-"] {background-position: right -60px top -30px;}
.widget-radio-filter .custom-radio label {padding-top: 2px;}
.widget-radio-filter .rate {display: inline-block;}
.widget-radio-filter .rate span {
    display: inline-block;
    width: 29px;
    height: 26px;
    background: url(images/star.png) right top no-repeat;
    margin-right: 6px;
}
.widget-radio-filter .rate span.on {background-position: left top;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .widget-radio-filter .rate span {
        background-image: url(images/star-x2.png);
        background-size: 60px auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .widget-radio-filter .rate span {margin-right: 0;}
}

/* Filter Results
-------------------------------------*/

.widget-adv-filter .inner {padding: 30px 20px 0;}
.widget-adv-filter .scrollbar {height: 310px; margin-right: -8px;}
.widget-adv-filter .adv-block {margin-bottom: 19px;}
.widget-adv-filter .input-date .field_text {float: none; width: auto; margin: 0 0 18px;}
.widget-adv-filter .input-date .input-icon {font-size: 32px; color: #f0e2e7; position: absolute; top: 8px; right: 6px;}
.input-date input {padding-right: 40px;}
.input-date input:focus {border-color: #c9cddf;}
.input-date input:focus + .input-icon {color: #7978b4;}

.range-input {position: relative;}
.range-input .field_text {width: 42%;}
.range-input input {text-align: right; padding-left: 24px;}
.range-input .field_text label {
    font-family: "Allerta" sans-serif;
    font-size: 18px;
    color: #7380b0;
    position: absolute;
    top: 14px;
    left: 9px;
}
.range-input .divider {
    position: absolute;
    top: 22px;
    left: 45%;
    right: 45%;
    height: 6px;
    border: 1px solid #f2e2e6;
    background: #fefbfc;
    background: rgba(253,245,247,0.38);
}

/*-----------------------------------*/
/* Sliders */
/*-----------------------------------*/


/* Main Slider */
/*-----------------------------------*/

.main-slider {position:relative; width: 940px; margin: 60px auto;}
.main-slider .caroufredsel_wrapper {width: 940px !important; height: 520px !important;}

.main-slider .slider-item {
    float: left;
    position:relative;
    width: 330px;
    margin-top: 30px;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.main-slider .slider-item.current {
    margin: 0 -25px 0;
    z-index: 2;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.main-slider .slide-image {
    width: 290px;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5 ease;
}
.main-slider .slider-item.current .slide-image {width: 100% !important;}
.main-slider .slide-image img {display: block; width: 100%;}

/*Description*/
.main-slider .slide-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9c6b8b;
    text-align: center;
    padding: 25px 20px 32px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    min-height: 114px;
}
.main-slider .slide-desc:before,
.main-slider .slide-desc:after {
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    border-bottom: 50px solid rgba(255,255,255,0.2);
    border-left: 50px solid transparent;
}
.main-slider .slide-desc:after {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 50px solid transparent;
}
.main-slider .slide-title {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 12px;
}
.main-slider .slide-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #c8db00;
    text-transform: uppercase;
}

/*Badge*/
.main-slider .slide-badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 114px solid rgba(255,255,255,0.2);
    border-left: 114px solid transparent;
}
.main-slider .slide-badge span {
    position: absolute;
    top: -83px;
    right: -15px;
    width: 100px;
    overflow: hidden;
    font-family: 'Allerta', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-slider .slide-badge.free {border-top-color: #c8db00;}
.main-slider .slide-badge.free span {color: #644370;}
.ie8 .main-slider .slide-badge span {top: 18px;}

/*Controls*/
.main-slider-prev,
.main-slider-next {
    position: absolute;
    bottom: -2px;
    z-index: 3;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}
.main-slider-prev {left: 10px;}
.main-slider-next {right: 10px;}

.main-slider-controls {
    text-align: center;
    padding-top: 25px;
}
.main-slider-controls a {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #b37690;
    background-color: rgba(255,255,255,0.2);
    margin: 0 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.main-slider-controls span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 5px 0 0 5px;
    border-radius: 50%;
    background-color: #c8db00;
    overflow: hidden;
    text-indent: -999px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    visibility: hidden;
}
.main-slider-controls a.selected span {visibility: visible;}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .main-slider {width: 720px;}
    .main-slider .caroufredsel_wrapper {width: 720px !important; height: 400px !important;}
    .main-slider .slider-item {width: 250px; margin-top: 15px;}
    .main-slider .slider-item.current {margin: 0 -15px 0;}
    .main-slider .slide-image {width: 230px;}
    .main-slider .slide-desc {padding: 14px 10px 20px; min-height: 80px;}
    .main-slider .slide-title {font-size: 22px;}
    .main-slider .slide-subtitle {font-size: 10px;}
    .main-slider .slide-badge {border-top-width: 80px; border-left-width: 80px;}
    .main-slider .slide-badge span {top: -63px; right: -24px;}
    .main-slider-controls {padding-top: 15px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .main-slider {width: 450px;}
    .main-slider .caroufredsel_wrapper {width: 450px !important; height: 260px !important;}
    .main-slider .slider-item {width: 160px; margin-top: 15px;}
    .main-slider .slider-item.current {margin: 0 -15px 0;}
    .main-slider .slide-image {width: 140px;}
    .main-slider .slide-desc {display: none;}
    .main-slider-controls {padding-top: 10px;}
}
@media (max-width: 479px) {
    .main-slider {width: 290px;}
    .main-slider .caroufredsel_wrapper {width: 290px !important; height: 170px !important;}
    .main-slider .slider-item {width: 104px; margin-top: 15px;}
    .main-slider .slider-item.current {margin: 0 -11px 0;}
    .main-slider .slide-image {width: 85px;}
    .main-slider .slide-desc {display: none;}
    .main-slider-controls {padding-top: 10px;}
    .main-slider-controls a {width: 20px; height: 20px; margin: 0 2px;}
    .main-slider-controls span {width: 10px; height: 10px;}
    .main-slider-prev, .main-slider-next {bottom: -6px;}
}

/* Top Slider */
/*-----------------------------------*/

.top-slider {position: relative; width: 940px; margin: 60px auto;}

.top-slider .caroufredsel_wrapper {
    width: 940px !important;
    height: 540px !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.top-slider .slider-item {
    float: left;
    position:relative;
    width: 940px;
}
.top-slider .slider-item img {display: block; width: 100%; height: 100%;}
.top-slider .slider-item img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}
.top-slider .slide-side {float: left; width: 240px;}
.top-slider .slide-image-side {height: 180px;}

.top-slider .slide-center {
    float: left;
    width: 460px;
    height: 540px;
    position: relative;
}

/*Description*/
.top-slider .slide-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    background-color: rgba(0,0,0,0.6);
    padding: 26px 18px 32px;
}
.top-slider .slide-title {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 8px;
}
.top-slider .slide-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #c8db00;
    text-transform: uppercase;
}

/*Social Links*/
.top-slider .slide-social {
    position: absolute;
    top: 20px;
    right: 20px;
}
.top-slider .slide-social a {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin: 0 1px;
}
.top-slider .slide-social a:hover {border: 2px solid #bf5d90;}

/*Controls*/
.top-slider-prev,
.top-slider-next {
    position: absolute;
    top: 50%;
    left: -36px;
    margin-top: -36px;
    width: 36px;
    height: 71px;
    background: url(images/top-slider.png) left top no-repeat;
}
.top-slider-next {left: auto; right: -36px; background-position: right top;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .top-slider-prev,
    .top-slider-next {
        background-image: url(images/top-slider-x2.png);
        background-size: 72px auto;
    }
}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .top-slider {width: 720px;}
    .top-slider .caroufredsel_wrapper {width: 720px !important; height: 414px !important;}
    .top-slider .slider-item {width: 720px;}
    .top-slider .slide-side {width: 184px;}
    .top-slider .slide-image-side {height: 138px;}
    .top-slider .slide-center {width: 352px; height: 414px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .top-slider {width: 450px;}
    .top-slider .caroufredsel_wrapper {width: 450px !important; height: 258px !important;}
    .top-slider .slider-item {width: 450px;}
    .top-slider .slide-side {width: 115px;}
    .top-slider .slide-image-side {height: 86px;}
    .top-slider .slide-center {width: 220px; height: 258px;}
    .top-slider .slide-title {font-size: 24px;}
    .top-slider .slide-subtitle {font-size: 10px;}
    .top-slider .slide-desc {padding: 12px 18px 16px;}
}
@media (max-width: 479px) {
    .top-slider {width: 290px;}
    .top-slider .caroufredsel_wrapper {width: 290px !important; height: 340px !important;}
    .top-slider .slider-item {width: 290px;}
    .top-slider .slide-side {display: none;}
    .top-slider .slide-center {width: 290px; height: 340px;}
    .top-slider .slide-desc {padding: 12px 18px 16px;}
}

/*-----------------------------------*/
/* Slogan */
/*-----------------------------------*/

/* Unboxed */
.widget-slogan {
    text-align: center;
    padding: 0 50px;
    margin-bottom: 40px;
}
.widget-slogan .widget-title {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
.widget-slogan .widget-subtitle {
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 0;
}

/* Boxed */
.widget-slogan.boxed {
    text-align: left;
    padding: 24px 30px;
}
.widget-slogan.boxed .widget-title {
    font-size: 37px;
    line-height: 41px;
    color: #644370;
    text-shadow: none;
    margin-bottom: 0;
}
.widget-slogan.boxed .widget-subtitle {
    color: #985965;
    text-shadow: none;
}
.widget-slogan.boxed-transparent .widget-title {color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,0.2) !important;}
.widget-slogan.boxed-transparent .widget-subtitle {color: #fff !important;}

/* Boxed Small */
.widget-slogan.boxed.small {
    text-align: center;
    width: 60%;
    margin: 0 auto 40px;
    padding: 14px 30px;
}
.widget-slogan.boxed.small .widget-title {
    font-size: 17px;
    line-height: 31px;
    letter-spacing: 0;
    color: #7978b4;
    text-shadow: none;
    margin-bottom: 0;
}
.widget-slogan.boxed.small .widget-subtitle {
    font-size: 14px;
    color: #985965;
    text-shadow: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-slogan .widget-title {font-size: 32px; line-height: 42px;}
    .widget-slogan.boxed .widget-title {font-size: 30px; line-height: 36px;}
    .widget-slogan.boxed.small .widget-title {font-size: 15px; line-height: 27px;}
}
@media (max-width: 767px) {
    .widget-slogan {padding: 0 20px; margin-bottom: 30px !important;}
    .widget-slogan.boxed {padding: 20px;}
    .widget-slogan.boxed.small {width: auto;}
    .widget-slogan .widget-title {font-size: 19px; line-height: 35px; letter-spacing: 0;}
    .widget-slogan.boxed .widget-title {font-size: 19px; line-height: 27px;}
    .widget-slogan.boxed .widget-subtitle {font-size: 14px;}
    .widget-slogan.boxed.small .widget-title {font-size: 15px; line-height: 27px;}
}

/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/

.footer {
    background-color: #62385c;
    background-color: rgba(03,03,03,0.21);
}
.footer-top {padding: 28px 0 13px;}
.footer .widget-title {margin-bottom: 20px;}
.footer .widget-title a,
.footer .widget-title span {
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px;
}
.footer .widget-title a:hover {color: #2C2977 !important;}

.footer .widget-container li {margin-bottom: 12px;}
.footer .widget-container li a,
.footer .widget-container li span {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.footer .widget-container li a:hover {color: #423F8C !important;}

/*Bottom Section*/
.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid #8f687c;
    border-top: 1px solid rgba(255,255,255,0.21);
    box-shadow: inset 0 5px 5px -2px rgba(0, 0, 0, 0.12);
    text-align: center;
}
.footer-social {margin-bottom: 20px;}
.footer-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    margin: 0 4px;
}
.footer-social a:hover {border: 2px solid #423F8C;}
.footer .copyright {font-weight: 400; color: #fff;}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .footer .widget-title a,
    .footer .widget-title span {
        font-size: 27px;
        line-height: 27px;
        letter-spacing: -1px;
    }
    .footer .widget-container li a,
    .footer .widget-container li span {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .footer .widget-title a,
    .footer .widget-title span {
        font-size: 21px;
        line-height: 23px;
        letter-spacing: 0;
    }
    .footer .widget-container li a,
    .footer .widget-container li span {
        font-size: 14px;
    }
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/

/*===================================================*/
/* 3. INDEX PAGE */
/*===================================================*/

/*-----------------------------------*/
/* Navigation */
/*-----------------------------------*/

.slicknav_menu {display: none;}
.menu.bg-image-home {background-position: -56px -46px;}

/* Level 0 */
.menu {z-index: 999;}
.menu li {position: relative;}
.menu > li {
    float: left;
    width: 20%;
}
.menu > li > a {
    display: block;
    font-family: "Allerta", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #1d009e;
    text-align: center;
    line-height: 18px;
    padding: 9px 5px 15px;
    border-left: 1px solid #f3f3f3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu > li:first-child > a {border-left: none;}

.menu > li:hover > a,
.menu > li.hover > a {
    background: #423F8C;
    border-left-color: #0d007e;
    box-shadow: inset 5px 2px 3px rgba(144, 27, 42, 0.16);
    color: #fff !important;
}
.menu-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 2px;
    background: url(images/icons/menu-icons.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .menu-icon {
        background-image: url(images/icons/menu-icons-x2.png);
        background-size: 80px auto;
    }
}
.menu-icon-2 {background-position: 0 -40px;}
.menu-icon-3 {background-position: 0 -80px;}
.menu-icon-4 {background-position: 0 -120px;}
.menu-icon-5 {background-position: 0 -160px;}
.menu-icon-6 {background-position: 0 -200px;}
.menu-icon-7 {background-position: 0 -240px;}
.menu-icon-8 {background-position: 0 -280px;}

.menu > li:hover > a .menu-icon, .menu > li.hover > a .menu-icon {background-position: -40px 0;}
.menu > li:hover > a .menu-icon-2, .menu > li.hover > a .menu-icon-2 {background-position: -40px -40px;}
.menu > li:hover > a .menu-icon-3, .menu > li.hover > a .menu-icon-3 {background-position: -40px -80px;}
.menu > li:hover > a .menu-icon-4, .menu > li.hover > a .menu-icon-4 {background-position: -40px -120px;}
.menu > li:hover > a .menu-icon-5, .menu > li.hover > a .menu-icon-5 {background-position: -40px -160px;}
.menu > li:hover > a .menu-icon-6, .menu > li.hover > a .menu-icon-6 {background-position: -40px -200px;}
.menu > li:hover > a .menu-icon-7, .menu > li.hover > a .menu-icon-7 {background-position: -40px -240px;}
.menu > li:hover > a .menu-icon-8, .menu > li.hover > a .menu-icon-8 {background-position: -40px -280px;}

/* Level 1+ */
.menu ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 9499;
    width:100%;
    min-width: 140px;
}
.menu > li:hover > ul, .menu > li.hover > ul {
    top: 84px;
    left: 0;
}
.menu ul li a {
    display: block;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    color: #985965;
    text-transform: uppercase;
    padding: 10px 12px;
    border-top: 1px solid #f3f3f3;
}
.menu ul li:first-child  a {border-top: none;}
.menu ul li:hover > a, .menu ul li.hover > a {background: #faf6f8;}

/* Level 2+ */
.menu ul li:hover > ul, .menu ul li.hover > ul {
    position: absolute;
    top: 1px;
    left: 100%;
    width: 101%;
    padding-left: 1%;
}

/* Responsive */
@media (max-width: 991px) {
    .menu > li > a {font-size: 13px;}
    .menu ul li a {font-size: 12px;}
}
@media (max-width: 767px) {
    .menu, .menu-icon {display: none;}
    .slicknav_menu {display: block;}
}

/*-----------------------------------*/
/* Schedule */
/*-----------------------------------*/

/*Title*/
.widget-schedule .widget-title {
    width: 160px;
    text-align: center;
    font-family: "Allerta", sans-serif;
    font-size: 29px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -1px;
    float: left;
    margin: 0;
    padding-top: 20px;
}
.widget-schedule .widget-title i {
    width: 43px;
    height: 41px;
    background: url(images/icons/schedule.png) 0 0 no-repeat;
    display: block;
    margin: 0 auto 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .widget-schedule .widget-title i {
        background-image: url(images/icons/schedule-x2.png);
        background-size: 43px auto;
    }
}

/*Carousel*/
.widget-schedule .carousel {
    width: 780px;
    position: relative;
    float: right;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.schedule-item {
    float: left;
    width: 240px;
    height: 123px;
    background: #fff;
}
.schedule-left,
.schedule-right {
    float: left;
    position: relative;
    width: 120px;
    height: 123px;
}

/*Controls*/
.widget-schedule .prev,
.widget-schedule .next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 42px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
    line-height: 112px;
    width: 30px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.24);
    box-shadow: inset -5px 0 5px -2px rgba(104, 16, 52, 0.3);
}
.widget-schedule .next {
    left: auto;
    right: 0;
    box-shadow: inset 5px 0 5px -2px rgba(104, 16, 52, 0.3);
}

/*Item*/
.schedule-left {padding: 12px 5px 5px 12px;}

.schedule-name {
    font-size: 22px;
    color: #985965;
    margin-bottom: 21px;
}
.schedule-date {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #53529b;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.schedule-avatar {position: relative;}
.schedule-avatar img {display: block; width: 100%; height: 100%;}
.schedule-avatar:after {
    content: '';
    position: absolute;
    top: 53px;
    left: 0;
    z-index: 1;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 11px solid #fff;
}
.schedule-links {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a6b500;
    background-color: rgba(166,181,0,0.86);
    padding-top: 13px;
    display: none;
}
.schedule-item:hover .schedule-links {display: block;}

.schedule-links a {
    display: block;
    margin-bottom: 23px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}
.schedule-links i {
    display: block;
    margin: 0 auto 5px;
    font-size: 17px;
}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .widget-schedule .widget-title {width: 180px;}
    .widget-schedule .carousel {width: 540px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .widget-schedule .widget-title {width: 150px;}
    .widget-schedule .carousel {width: 300px;}
}
@media (max-width: 479px) {
    .widget-schedule .widget-title {display: none;}
    .widget-schedule .carousel {width: 290px; float: none; margin: 0 auto;}
    .widget-schedule .prev,
    .widget-schedule .next {
        width: 25px;
    }
}

/*-----------------------------------*/
/* TimeLine */
/*-----------------------------------*/

.timeline-item {
    padding: 14px 183px 14px 0;
    position: relative;
}
.timeline-item .inner {
    margin: 0;
    min-height: 150px;
    padding-left: 155px;
    position: relative;
}
.timeline-item .inner:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -13px;
    margin-top: -13px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #fff;
}
.timeline-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    height: 150px;
}
.timeline-avatar img {
    display: block;
    width: 100%;
    height: 100%;
}
.timeline-content {padding: 16px;}
.timeline-title {
    font-size: 32px;
    font-weight: 700;
    color: #985965;
    letter-spacing: -2.6px;
    margin: 0;
}
.timeline-title a {color: #985965;}
.timeline-subtitle {
    font-size: 11px;
    font-weight: 800;
    color: #7380b0;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
}
.timeline-subtitle span {
    display: inline-block;
    width: 1px;
    height: 20px;
    border-right: 1px solid #eaeaea;
    vertical-align: middle;
    margin: 0 14px;
}

/*Links*/
.timeline-links {
    background: #7978b4;
    overflow: hidden;
}
.timeline-links li {float: left; width: 50%; position: relative;}

.timeline-links a {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 200px;
    margin-bottom: -190px;
}
.timeline-links li:first-child a {border-left-width: 0;}
.timeline-links a:hover {color: #fff !important;}

.timeline-links [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.timeline-links .icon-small-prev, .timeline-links .icon-small-next {font-size: 22px;}
.timeline-links .icon-small-book {font-size: 16px;}
.timeline-links a:hover [class*="icon-small-"] {color: #d4e729;}

/*Green Links*/
.timeline-links.green {background: #b8c901;}
.timeline-links.green a {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.timeline-links.green a:hover {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.timeline-links.green [class*="icon-small-"] {color: #fff;}
.timeline-links.green a:hover [class*="icon-small-"] {color: #b8c901;}

/*Red Links*/
.timeline-links.red {background: #bf5d90;}
.timeline-links.red a {border-left: 1px solid #ab447a;}
.timeline-links.red [class*="icon-small-"] {color: #fff;}
.timeline-links.red a:hover [class*="icon-small-"] {color: #FFB3DB;}

@media (max-width:479px) {
    .timeline-links a {font-size: 12px;}
}

/*Divider*/
.timeline-item .divider {
    position: absolute;
    top: 0;
    right: 157px;
    bottom: 0;
}
.timeline-item .divider span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: #d98f88;
    background: rgba(255, 241, 244, 0.2);
    border-radius: 50%;
}
.timeline-item .divider span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}
.timeline-item .divider:before,
.timeline-item .divider:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 7px;
    margin-bottom: 16px;
    width: 2px;
    background: #d98f88;
    background: rgba(255, 241, 244, 0.2);
}
.timeline-item .divider:after {
    top: 50%;
    bottom: 0;
    margin-top: 16px;
    margin-bottom: 0;
}

/*Date*/
.timeline-date {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    border-radius: 50%;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    right: 52px;
    margin-top: -35px;
    padding-top: 12px;
}
.timeline-date strong {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

/*Responsive*/
@media (max-width: 991px) {
    .timeline-item {padding-right: 118px;}
    .timeline-item .inner {padding-left: 140px; min-height: 135px;}
    .timeline-item .divider {right: 96px;}
    .timeline-date {right: 0;}
    .timeline-content {padding: 15px 10px 16px;}
    .timeline-title {font-size: 24px; line-height: 1; letter-spacing: -1px;}
    .timeline-subtitle {font-size: 10px; font-weight: 600; letter-spacing: 0;}
    .timeline-avatar {width: 140px; height: 135px;}
    .timeline-subtitle span {margin: 0 4px;}
}
@media (max-width: 479px) {
    .timeline-item .inner {padding-left: 0; min-height: 0;}
    .timeline-avatar {
        position: static;
        width: 100%;
        height: auto;
    }
}

/*-----------------------------------*/
/* Statistics */
/*-----------------------------------*/

.widget-stats {overflow: hidden;}
.widget-stats .carousel-inner {overflow: visible;}

.widget-stats .stats-top {
    padding: 18px 20px 0;
    margin-bottom: -10px;
}
.widget-stats .widget-title {
    font-family: "Allerta", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 3px;
    letter-spacing: 0;
}
.widget-stats .widget-subtitle {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    color: #da74b7;
}
.graph {height: 200px;}

/*Tooltip*/
.google-visualization-tooltip {
    font-family: "Montserrat", sans-serif;
    border: none !important;
    background: transparent url(images/tooltip.png) 0 0 no-repeat !important;
    width: 48px !important;
    height: 60px !important;
    position: absolute;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-align: center;
    padding-top: 8px !important;
    margin-left: -24px !important;
    margin-top: -10px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .google-visualization-tooltip {
        background-image: url(images/tooltip-x2.png) !important;
        background-size: 48px auto !important;
    }
}
.google-visualization-tooltip strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.google-visualization-tooltip span {
    display: block;
    font-size: 9px;
    font-weight: 700;
    color: #6c7f00;
    text-transform: uppercase;
}

/*Bottom Section*/
.stats-content:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    background: #fff;
}

.stats-tab-bottom {
    background-color: #fff;
    margin-top: -20px;
    padding-left: 50px;
}
.stats-tab-bottom .artist {
    font-size: 19px;
    font-weight: 700;
    color: #644370;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 51%;
    float: left;
}
.stats-tab-bottom .position {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #985965;
    height: 50px;
    line-height: 46px;
    white-space: nowrap;
    border-left: 1px solid #eee;
    padding: 0 10px 0 10px;
    float: right;
    max-width: 49%;
}
.stats-tab-bottom .position strong {
    font-size: 1.5em;
}
.stats-tab-bottom .position em {
    display: inline-block;
    font-style: normal;
    font-size: 0.4em;
    line-height: 10px;
    text-transform: uppercase;
    margin-left: 5px;
}

/*Buttons*/
.widget-stats .carousel-control.left,
.widget-stats .carousel-control.right {
    position:absolute;
    left: 0;
    bottom: 25px;
    top: auto;
    right: auto;
    z-index: 2;
    width: 35px;
    height: 25px;
    cursor: pointer;
    background: #b8c901 url(images/calendar.png) 0 0 no-repeat;
    opacity: 1;
    filter: none;
}
.widget-stats .carousel-control.left {
    bottom: 0;
    border-top: 1px solid #98ad00;
    background-position: 0 -25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .widget-stats .carousel-control.left,
    .widget-stats .carousel-control.right {
        background-image: url(images/calendar-x2.png);
        background-size: 70px auto;
    }
}

/* Fade Effect */
.stats-content.fade-effect .item {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.stats-content.fade-effect .active.item {opacity: 1;}

.stats-content.fade-effect .active.left,
.stats-content.fade-effect .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .stats-tab-bottom {margin-top: -40px; padding-left: 40px;}
    .stats-tab-bottom .position em {display: none;}
    .stats-tab-bottom .artist {font-size: 16px; max-width: 60%;}
    .stats-tab-bottom .position {max-width: 40%;}
}

/*-----------------------------------*/
/* Profile */
/*-----------------------------------*/

.widget-profile {min-height: 440px; position: relative;}
.widget-profile .tab-pane {padding: 0;}
.widget-profile.tabs-framed-right .tabs li a {padding: 14px 4px 26px; min-height: 110px;}

.profile-image img {display: block; width: 100%;}

/*Social Links*/
.profile-social {
    position: absolute;
    top: 20px;
    right: 20px;
}
.profile-social a {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin: 0 1px;
}
.profile-social a:hover {border: 2px solid #bf5d90;}

/*Bottom*/
.widget-profile .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*Links*/
.profile-links {
    background: #7978b4;
    overflow: hidden;
    box-shadow: inset 0 14px 5px -10px rgba(0,0,0,0.3);
}
.profile-links li {float: left; width: 33.33333333333333%; position: relative;}

.profile-links a {
    display: block;
    padding: 12px 0;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 200px;
    margin-bottom: -190px;
}
.profile-links li:first-child a {border-left-width: 0;}
.profile-links a:hover {color: #fff !important;}

.profile-links [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.profile-links .icon-small-prev, .profile-links .icon-small-next {font-size: 22px;}
.profile-links a:hover [class*="icon-small-"] {color: #d4e729;}

/*Green Links*/
.profile-links.green {background: #b8c901;}
.profile-links.green a {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.profile-links.green a:hover {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.profile-links.green [class*="icon-small-"] {color: #fff;}
.profile-links.green a:hover [class*="icon-small-"] {color: #b8c901;}

/*Red Links*/
.profile-links.red {background: #bf5d90;}
.profile-links.red a {border-left: 1px solid #ab447a;}
.profile-links.red [class*="icon-small-"] {color: #fff;}
.profile-links.red a:hover [class*="icon-small-"] {color: #FFB3DB;}

@media (max-width:479px) {
    .profile-links a {font-size: 12px;}
}

/*Description*/
.profile-desc {
    background-color: #333;
    background-color: rgba(0,0,0,0.6);
    padding: 21px 30px 23px;
}
.profile-title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 8px;
}
.profile-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #c8db00;
    text-transform: uppercase;
}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .profile-desc {padding: 17px 15px 18px;}
    .profile-title {font-size: 18px;}

}
@media (max-width: 479px) {
    .profile-desc {padding: 13px 15px 14px;}
    .profile-title {font-size: 18px;}
}

/*-----------------------------------*/
/* Charts */
/*-----------------------------------*/

/*Links*/
.chart-links {background: #7978b4; overflow: hidden; position: relative;}
.chart-links li {float: right; position: relative;}

.chart-links .text {
    font-family: "Montserrat", sans-serif;
    font-size: 70px;
    font-weight: 700;
    color: #8c8bc8;
    letter-spacing: -6px;
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: -3px;
}
.chart-links a {
    display: block;
    padding: 12px 30px;
    text-align: center;
    border-left: 1px solid #6d6cac;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 200px;
    margin-bottom: -190px;
}
.chart-links li:first-child a {border-left-width: 0;}
.chart-links a:hover, .chart-links a.active {color: #fff !important;}

.chart-links [class*="icon-small-"] {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #53529b;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.chart-links .icon-small-prev, .chart-links .icon-small-next {font-size: 22px;}
.chart-links .icon-small-cam {font-size: 14px;}
.chart-links a:hover [class*="icon-small-"], .chart-links a.active [class*="icon-small-"] {color: #d4e729;}

/*Green Links*/
.chart-links.green {background: #b8c901;}
.chart-links.green .text {color: #989f01;}
.chart-links.green a {
    border-left: 1px solid #b4c201;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.chart-links.green a:hover, .chart-links.green a.active {background: #989f01; box-shadow: inset 0 16px 10px -10px rgba(77, 83, 14, 0.8);}
.chart-links.green [class*="icon-small-"] {color: #fff;}
.chart-links.green a:hover [class*="icon-small-"], .chart-links.green a.active [class*="icon-small-"] {color: #b8c901;}

/*Red Links*/
.chart-links.red {background: #bf5d90;}
.chart-links.red .text {color: #cc6b9e;}
.chart-links.red a {border-left: 1px solid #ab447a;}
.chart-links.red [class*="icon-small-"] {color: #fff;}
.chart-links.red a:hover [class*="icon-small-"], .chart-links.red a.active [class*="icon-small-"] {color: #FFB3DB;}

/* Top 3 Chart */
/*-----------------------------------*/

.widget-top3chart {margin-left: 50px; box-shadow: none;}
.widget-top3chart .chart-tab {display: none;}
.widget-top3chart .chart-tab.active {display: block;}
.widget-top3chart .chart-links {margin-left: -50px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.widget-top3chart .chart-tab li {
    border-top: 1px solid #eee;
    position: relative;
    padding: 28px 62px 29px 94px;
    min-height: 90px;
}
.widget-top3chart .chart-tab li:first-child {border-top: none;}

.widget-top3chart .position {
    position: absolute;
    top: 0;
    left: -50px;
    bottom: 0;
    margin: 0;
    width: 50px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.1);
    box-shadow: inset -5px 0 5px -2px rgba(104, 16, 52, 0.2);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    padding-top: 36px;
}
.widget-top3chart .chart-avatar {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.widget-top3chart .chart-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.widget-top3chart .chart-title {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #7380b0;
}
.widget-top3chart .chart-title strong {
    display: block;
    font-size: 19px;
    color: #985965;
    margin-bottom: 2px;
}
.widget-top3chart .chart-title:hover strong {color: #bf5d90;}

.widget-top3chart .chart-like {
    position: absolute;
    top: 36px;
    right: 17px;
    font-size: 11px;
    font-weight: 700;
    color: #bf5d90;
    line-height: 20px;
}
.widget-top3chart .chart-like i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ecdee1;
    margin: 0 0 0 3px;
    vertical-align: -34%;
    -webkit-transition: all 0.16s ease;
    -moz-transition: all 0.16s ease;
    -ms-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.widget-top3chart .chart-like:hover i {
    font-size: 14px;
    color: #b8c901;
}

/* Top 10 Chart */
/*-----------------------------------*/

.widget-top10chart {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.widget-top10chart .chart-item {
    padding-left: 36px;
    position: relative;
    box-shadow: 0 -1px 1px rgba(43, 35, 40, 0.2);
}
.widget-top10chart .chart-item:first-child {box-shadow: none;}

.widget-top10chart .position {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 36px;
    background-color: #d98f88;
    background-color: rgba(255, 241, 244, 0.1);
    box-shadow: inset -5px 0 5px -2px rgba(104, 16, 52, 0.2);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    padding-top: 12px;
}
.widget-top10chart .position:before {
    content: '';
    font-family: 'fashion';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    position: absolute;
    top: 38px;
    left: 14px;
}
.widget-top10chart .position.up:before {content: '\e600'; color: #d4e729;}
.widget-top10chart .position.down:before {content: '\e609'; color: #ffb19d;}

/*-----------------------------------*/
/* Albums Slider */
/*-----------------------------------*/

.albums-slider {position:relative; margin: 0 -15px 30px;}

.albums-item .jp-audio {visibility: hidden;}
.albums-item:hover .jp-audio, .albums-item.active .jp-audio {visibility: visible;}

.albums-item {
    float: left;
    position:relative;
    width: 210px;
    margin: 30px 15px 0;
    z-index: 1;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.albums-item.active {
    width: 240px;
    margin: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5 ease;
}
.albums-item img {display: block; width: 100%;}
.albums-item .albums-player {margin-bottom: 10px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.albums-item .albums-title {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-bottom: 4px;
}
.albums-item .albums-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 11px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ad656c;
    border-bottom: 1px solid rgba(130,63,89,0.3);
}
.albums-item .rating {margin-bottom: 30px;}

/*Controls*/
.albums-slider .prev,
.albums-slider .next {
    position: absolute;
    top: 108px;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}
.albums-slider .prev {left: 2px;}
.albums-slider .next {right: 2px;}

/*-----------------------------------*/
/* Artist Slider */
/*-----------------------------------*/

.artist-slider {position:relative; margin-bottom: 30px;}

.artist-slider.price-list .price-item {
    width: 235px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3 ease;
}
.artist-slider.price-list .price-item:hover {height: 404px; margin-top: 0;}
.artist-slider.price-list .price-item:hover .price-content {padding: 12px 0 23px;}
.artist-slider.price-list .price-item:hover .price-links {display: block; margin-bottom: 22px;}

/*Controls*/
.artist-slider .prev,
.artist-slider .next {
    position: absolute;
    top: 170px;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}
.artist-slider .prev {left: -14px;}
.artist-slider .next {right: -14px;}

/*-----------------------------------*/
/* Tickets */
/*-----------------------------------*/

.widget-tickets .widget-title {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    margin-right: 12px;
}
.widget-tickets .widget-subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #da74b7;
    letter-spacing: 0;
    text-transform: uppercase;
}
.tickets-form {
    position: relative;
    padding: 0 60px;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}
.tickets-form .inner {
    background-color: #fff;
    padding: 15px 25px 0;
}
.tickets-form .field_text, .tickets-form .field_select {margin-bottom: 23px;}
.tickets-form .label_title {font-size: 12px; margin-bottom: 2px;}

.tickets-form .form-title {
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
    width: 54px;
    background-color: #fdf5f7;
    box-shadow: inset -4px 0 4px rgba(95,45,85,0.2);
}
.tickets-form .form-title span {
    display: block;
    width: 106px;
    height: 54px;
    font-size: 26px;
    font-weight: 700;
    color: #eadadd;
    text-align: center;
    text-transform: uppercase;
    line-height: 54px;
    position: relative;
    top: 26px;
    left: -28px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.ie8 .tickets-form .form-title span {font-size: 14px;}

.tickets-form .form-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    bottom: 0;
    width: 6px;
    background: url(images/tickets.png) left -6px repeat-y;
}
.tickets-form .rowSubmit {
    background: #b8c901;
    overflow: visible;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    width: 54px;
}
.tickets-form .rowSubmit:before {
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
    bottom: 0;
    width: 6px;
    background: url(images/tickets.png) right -5px repeat-y;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .tickets-form .form-title:before,
    .tickets-form .rowSubmit:before {
        background-image: url(images/tickets-x2.png);
        background-position: left -5px;
        background-size: 14px auto;
    }
    .tickets-form .rowSubmit:before {background-position: right -5px;}
}
.tickets-form .rowSubmit button {
    padding: 0;
    border-left: none;
    font-size: 28px;
    line-height: 106px;
    font-weight: 400;
}

@media (max-width: 991px) {
    .tickets-form .inner {padding-left: 15px; padding-right: 15px;}
}
img.logo
{
    float: right;
    position: relative;
    max-height: 120px;
    overflow:auto;
    vertical-align: bottom;

}
menuline{
    display: inline;
    vertical-align: bottom;
    text-align:center;
}