/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 1220px; background: #f2f2f2; font-family: 'Soleil', sans-serif; font-size: 15px; line-height: 1.33; color: #666; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: #009eb3; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

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

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

h1 { font-size: 52px; }
h2 { font-size: 36px; }
h3 { font-size: 20px; font-weight: normal; }
h4 { font-size: 16px; font-weight: normal; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.left { float: left; }
.right { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */

.shell { width: 1200px; margin: 0 auto; } 

/* ------------------------------------------------------------ *\
	General
\* ------------------------------------------------------------ */

.form-comments:before,
.bx-wrapper .bx-controls-direction .bx-prev,
.bx-wrapper .bx-controls-direction .bx-next,
.search-dropdown-current:after,
.header .search-btn,
.footer-logo,
.search-inner .search-btn,
.link-facebook,
.link-google,
.link-twitter,
.link-add,
[class^='ico-'],
.logo { background-image: url(muz_images/sprite-ld.png); background-repeat: no-repeat; }

.sidebar ul,
[class^='list-'],
.search-dropdown ul,
.footer-links,
.testimonials,
.items,
.sort ul,
.dropdown ul,
.socials ul,
nav ul { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; z-index: 3; padding: 7px 0; background: #009eb3; }
.logo { overflow: hidden; float: left; width: 164px; height: 37px; background-position: -159px 0px; text-indent: 100%; white-space: nowrap; }

.header .search { position: absolute; left: 50%; top: 15px; margin-left: -40px; }

.header .search-label { display: block; color: #a6dde4; font-size: 15px; line-height: 20px; cursor: pointer; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.header .search-label i { margin-right: 6px; opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65); }

.header-inner { float: right; }

.search-body { position: absolute; top: -80px; left: 50%; width: 400px; margin-left: -200px; }
.header .search.expanded .search-body { top: -10px; }
.header .search.expanded .search-label { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);  }

.header .search-field { width: 100%; height: 36px; padding: 0 108px 0 38px; border: 0 none; border-radius: 3px; background: #fff; font-size: 15px; color: #b3b3b3;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.header .search-field::-webkit-input-placeholder { color: #b3b3b3; }
.header .search-field:-moz-placeholder { color: #b3b3b3; }
.header .search-field::-moz-placeholder { color: #b3b3b3; }
.header .search-field:-ms-input-placeholder { color: #b3b3b3; }

.header .search-btn { position: absolute; top: 8px; left: 11px; width: 19px; height: 19px; border: 0 none; background-position: -130px -107px; background-color: transparent; text-indent: -9999px; }
.search-dropdown { position: absolute; right: 0; top: 0; }
.search-dropdown-current { display: block; position: relative; width: 73px; padding: 0 20px 0 12px; line-height: 36px; color: #4d4d4d; font-size: 14px; cursor: pointer; }
.search-dropdown-current:before,
.search-dropdown-current:after { position: absolute; content: ''; }

.search-dropdown-current:before { left: 0; top: 8px; bottom: 8px; width: 1px; background: #e9e9e9; }
.search-dropdown-current:after { right: 10px; top: 13px; width: 7px; height: 10px; background-position: -251px -130px; }

.dropdown ul,
.search-dropdown ul { position: absolute; left: 0; top: 100%; visibility: hidden; opacity: 0; background: #fff; box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.4); }
.dropdown.expanded ul,
.search-dropdown.expanded ul { visibility: visible; opacity: 1; }

.dropdown { position: relative; }
.dropdown-current { cursor: pointer; }
.dropdown ul { position: absolute; top: 100%; left: auto; right: -8px; min-width: 196px; }
.dropdown ul:before { position: absolute; bottom: 100%; right: 25px; width: 0; height: 0; border-width: 6px; border-color: transparent; border-style: solid; border-bottom-color: #fff; content: ''; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { position: relative; z-index: 2; background: #fff; text-align: center; }
.nav .shell { position: relative; font-size: 0; line-height: 0; }
.nav > .shell > ul { display: inline-block; text-align: left; }

.nav > .shell > ul > li { position: relative; float: left; }
.nav > .shell > ul > li ~ li { margin-left: 9px; }
.nav > .shell > ul > li > a { position: relative; display: block; padding: 0 16px; color: #333; font-size: 15px; line-height: 50px; }
.nav > .shell > ul > li > a:before { position: absolute; left: 0; bottom: 0; right: 0; height: 3px; content: ''; }
.nav > .shell > ul > li > a:hover,
.nav > .shell > ul > li:hover > a { color: #000; }
.nav > .shell > ul > li:hover > a:before,
.nav > .shell > ul > li.current > a:before,
.nav > .shell > ul > li > a:hover:before { background: #009eb3; }
.search-dropdown ul a,
.nav a:hover { text-decoration: none; }

.nav > .shell > ul > li:hover ul { opacity: 1; visibility: visible; }

.nav ul ul { position: absolute; top: 100%; left: 0; padding: 10px 5px 18px; background: #fff; box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.4); opacity: 0; visibility: hidden;  }
.dropdown ul a,
.search-dropdown ul a,
.nav ul ul a { display: block; padding: 0px 12px; white-space: nowrap; font-size: 14px; line-height: 40px; color: #4d4d4d; }
.dropdown ul a:hover,
.search-dropdown ul a:hover,
.nav ul ul a:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); text-decoration: none; }

.nav-ico { display: inline-block; width: 24px; margin-right: 10px; vertical-align: middle; text-align: center; }
.nav-ico + span { display: inline-block; vertical-align: middle; }

.dropdown ul .alt,
.search-dropdown ul .alt,
.nav ul ul .alt { padding-top: 15px; border-top: 1px solid #e9e9e9; margin-top: 26px; }
.dropdown ul .alt a,
.search-dropdown ul .alt a,
.nav ul ul .alt a { padding: 0 20px; color: #009eb3; text-align: center; }

.dropdown ul .alt,
.search-dropdown ul .alt { margin-top: 0; }

.nav-inner { position: absolute; top: 0; right: 0; }
.nav-inner .dropdown ul { text-align: right; min-width: 0; }
.link-country { display: block; height: 50px; line-height: 50px; color: #666; font-size: 14px; }
.link-country:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.link-country span { display: inline-block; vertical-align: middle; }
.link-country i { margin-left: 8px; margin-top: -2px; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; z-index: 1; color: #fff; }
.intro-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: auto; }
.intro .shell { position: relative; }
.intro-content { padding: 176px 0 145px; text-align: center; font-size: 30px; line-height: 1.47; }

.intro h1 { text-transform: uppercase; font-weight: normal; }
.intro-content p { margin-bottom: 23px; font-weight: 300; }

/* ------------------------------------------------------------ *\
	Section Items
\* ------------------------------------------------------------ */

.section-items .section-head { margin-bottom: 30px; }
.section-items .section-head-inner i { margin-bottom: 3px; }
.section-items .section-head-inner { margin-bottom: 25px; text-align: center; font-size: 16px; color: #666; text-transform: uppercase; }

.section-head-actions { position: relative; text-align: center; }
.section-head-actions > i { position: absolute; left: 0; top: -5px; }

.sort { display: inline-block; }
.sort ul { overflow: hidden; }
.sort li { float: left; }
.sort li ~ li { margin-left: 12px; }
.sort a { color: #999; font-size: 16px; line-height: 1; text-transform: uppercase; }

.search-inner { position: absolute; right: 0; top: -14px; width: 243px; }
.search-inner .search-field { width: 100%; height: 38px; padding: 5px 29px 5px 17px; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.search-inner .search-btn { position: absolute; top: 10px; right: 13px; width: 16px; height: 17px; border: 0 none; background-color: transparent; background-position: -107px -88px; text-indent: -9999px; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { display: inline-block; vertical-align: middle; }

.socials ul { overflow: hidden; }
.socials li { float: left; }
.socials li ~ li { margin-left: 3px; }
.socials a { overflow: hidden; display: block; text-indent: 100%; white-space: nowrap; }
.socials a:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }

.socials-large li ~ li { margin-left: 15px; }
.socials-large a { width: 46px; height: 46px; }

.link-add { width: 28px; height: 28px; background-position: -287px -39px; }
.link-facebook { width: 30px; height: 30px; background-position: -159px -39px; }
.link-google { width: 30px; height: 30px; background-position: -191px -39px; }
.link-twitter { width: 32px; height: 30px; background-position: -223px -39px; }

.socials-large .link-facebook { background-position: -50px -59px; }
.socials-large .link-google { background-position: -59px 0px; }
.socials-large .link-twitter { width: 48px; background-position: 0px -59px; }

.section-social { text-align: center; font-size: 16px; color: #666; line-height: 1; }
.section-social p { text-transform: uppercase; margin-bottom: 14px; }

.socials-small li ~ li { margin-left: 10px; }

.socials-small .link-facebook { width: 28px; height: 28px; background-position: -176px -71px; }
.socials-small .link-google { width: 27px; height: 27px; background-position: -159px -101px; }
.socials-small .link-twitter { width: 28px; height: 28px; background-position: -257px -39px; }

/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */

.section { margin-bottom: 15px; }
/*.section { margin-bottom: 60px; } */

/* ------------------------------------------------------------ *\
	Section Items
\* ------------------------------------------------------------ */

.section-items:first-child { padding-top: 96px; }

.items { overflow: hidden; margin-left: -31px; font-size: 0; line-height: 0; }
.item { display: inline-block; width: 173px; margin-left: 31px; margin-bottom: 55px; vertical-align: top; }

.items-featured { margin-left: -32px; }
.items-featured .item { width: 378px; margin-left: 32px; }

.item-image { display: block; margin-bottom: 19px; }
.item-image:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
/*.item-image img { width: 100%; height: auto; }*/

.items-featured .item-image { margin-bottom: 15px; }

.item-content { font-size: 13px; line-height: 1.31; color: #949494; }
.item-content h4,
.item-content h3 { margin-bottom: 3px; line-height: 1; color: #1a1a1a; font-weight: normal; }

.item-add .item-content { text-align: center; }
.item-add .item-content a { color: #009eb3; font-size: 15px; line-height: 1.33; font-weight: bold; }

/* ------------------------------------------------------------ *\
	Section Ads
\* ------------------------------------------------------------ 

.section-ads { height: 173px; box-shadow: inset 0 0 25px 10px rgba(0,0,0,0.2); }*/
.section-ads { height: 100px; text-align: center; padding-top: 10px}

/* ------------------------------------------------------------ *\
	Section White
\* ------------------------------------------------------------ */

.section-white .section-head { overflow: hidden; padding: 20px 19px; color: #808080; font-size: 16px; border-bottom: 1px solid #f2f2f2; }
.section-bio .section-head { position: relative; min-height: 50px; }
/* .section-bio .section-head:after { position: absolute; left: 18px; bottom: 0; width: 33px; height: 2px; background: #000; content: ''; }*/
.section-white .section-head h2 { color: #009eb3; font-weight: 300; }

.section-head-inner.right { color: #666; font-size: 14px; }
.section-head-inner.right i { margin-left: 11px; }

.section-white .section-body { padding: 20px 36px; }
.section-white .article { padding: 20px 36px; }

.bio-artist { overflow: hidden; padding: 10px; border-top: 1px solid #f3f3f3; background: #fcfcfc; font-size: 14px; line-height: 1.29; }
.bio-artist .avatar { float: left; margin-right: 13px; }
.bio-content { overflow: hidden; font-size: 14px; line-height: 1.29; color: #999; }

.section-white .section-foot { padding: 17px 16px; border-top: 1px solid #f4f4f4; font-size: 14px; color: #4d4d4d; }
.section-white .section-foot i { margin-right: 8px; }

.list-artists { text-align: justify; font-size: 0; line-height: 0; border-top: 1px solid #f3f3f3; background: #fcfcfc; }
.list-artists:after { display: inline-block; width: 100%; content: ''; }
.list-artists li { display: inline-block; vertical-align: top; max-width: 48%; border-top: 0 none; }

.section-head-lunguage { position: absolute; bottom: 8px; right: 15px;  }
.section-head-lunguage i { margin-left: 10px; }

.section-bar { padding: 25px 37px; border-top: 1px solid #f4f4f4; font-size: 14px; line-height: 1.29; }

.list-logos { padding: 18px 0 5px; text-align: justify; }
.list-logos:after { width: 100%; display: inline-block; content: ''; }
.list-logos li { display: inline-block; max-width: 15%; vertical-align: middle; }
.list-logos a { display: block; }
.list-logos img { height: auto; max-width: 100%; max-height: 100%; }

/* ------------------------------------------------------------ *\
	Section Comments
\* ------------------------------------------------------------ */

.section-comments .section-head { padding: 12px 18px; color: #000; font-size: 16px; text-transform: uppercase; }
.section-comments .section-head a { font-size: 14px; text-transform: none; }

.comments { padding: 32px 23px 32px 15px; }
.comments .avatar { float: left; margin-right: 12px; }

.form-comments,
.comment-content,
.comments-head,
.comment { overflow: hidden; }

.comment { padding-top: 40px; color: #4d4d4d; font-size: 14px; line-height: 1.43; }
.comment-author { font-size: 15px; line-height: 1.13; }
.comment-meta { display: inline-block; margin-left: 13px; color: #b3b3b3; font-size: 13px; line-height: 1.31; }

.form-comments { position: relative; padding-left: 8px; }
.form-comments:before { position: absolute; left: 0; top: 16px; width: 11px; height: 19px; background-position: -27px -168px; content: ''; }

.form-comments .textarea { width: 100%; height: 64px; padding: 13px; border: 1px solid #ededed; background: #fcfcfc; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.btn-comments { position: absolute; right: 11px; top: 7px; background: none; border: 0 none; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { font-size: 14px; line-height: 1.29; color: #666; }
.table th { padding: 10px 20px; text-align: center; font-weight: normal; background: #fcfcfc; border-bottom: 1px solid #f2f2f2; }
.table td { padding: 11px 30px; background: #fff; }
.table td ~ td { border-left: 1px solid #f2f2f2; }
.table tr ~ tr td { border-top: 1px solid #f2f2f2; }
.table .separator { display: inline-block; margin: 0 15px; font-size: 12px;
	-webkit-transform: scale(1,1.6);
	    -ms-transform: scale(1,1.6);
	     -o-transform: scale(1,1.6);
	        transform: scale(1,1.6);
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.section-form { width: 788px; border: 1px solid #dbdbdc; border-bottom: 0 none; margin: 10px auto 60px; background: #fff; }

.form-head { position: relative; padding: 20px 0; border-bottom: 1px solid #f4f4f4; margin-bottom: 33px; text-align: center; }
.form-head h2 { color: #009eb3; font-weight: 300; }
.form-head-inner { position: absolute; right: 30px; top: 27px; }

.form-body{ background-color: #f2f2f2; }
.form-section { padding: 0 36px 24px; margin-bottom: 20px; background-color: #fff; }
.form-section ~ .form-section { padding-top: 27px; border-top: 1px solid #f4f4f4; }

.form-row { margin-bottom: 22px; }
.section-form .form-label { width: 15%; display: inline-block; vertical-align: top; margin-bottom: 3px; font-size: 15px; line-height: 1.3; color: #000; }
.section-form .form-label-alt { display: block; font-size: 22px; color: #009eb3; }
.section-form .form-label-alt1 { display: block; font-size: 15px; color: #000; }
.section-form .textarea,
.section-form .field { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background: #f2f2f2;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.form-controls{ width: 84.4%; display: inline-block; }
/*.form-controls input{ width: 100%; }*/
/* .section-form .textarea { height: 218px; } 
.section-form .field { height: 38px; }
*/
.form-btn { display: block; border: 0 none; background: #009eb3; text-align: center; font-size: 22px; line-height: 60px; color: #fff; width: 100%; }
.form-btn:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.form-btn i { margin-right: 12px; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article p { margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-white { background: #fff; border: 1px solid #eee; }
.section-white .testimonials-head { overflow: hidden; padding: 14px 18px; border-bottom: 1px solid #f4f4f4; color: #333; }
.section-white .testimonials-head h4 { float: left; font-size: 16px; text-transform: uppercase; }
.section-white .testimonials-head a { color: #009eb3; font-size: 14px; line-height: 1.43; }

.testimonials { padding: 0 15px 33px; text-align: justify; line-height: 0; font-size: 0; }
.testimonials:after { display: inline-block; width: 100%; content: ''; }
.testimonials li { overflow: hidden; display: inline-block; width: 29%; padding-top: 30px; vertical-align: top; text-align: left; }
.testimonials-alt li { width: 46%; }
.testimonials .avatar { float: left; margin-right: 11px; }
.testimonial-content { overflow: hidden; font-size: 13px; line-height: 1.31; color: #949494; }
.testimonial-content h4 { font-size: 15px; line-height: 1.13; color: #1a1a1a; }
.testimonial-content .testimonial-about { margin-bottom: 2px; font-size: 15px; line-height: 1.13; }

.avatar { display: block; overflow: hidden; width: 48px; height: 48px; border-radius: 3px; }
.avatar img { width: 100%; height: 100%; }

.section-testimonials .section-foot { padding: 12px 16px; border-top: 1px solid #f4f4f4; }

.link-more { display: inline-block; font-size: 14px; color: #4d4d4d; }
.link-more i { margin-right: 11px; }
.link-more span { display: inline-block; vertical-align: middle; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* .slider { position: relative; text-align: center; height: 280px; } */
.slider { position: relative; text-align: center; height: 155px; }
.slider-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* .bx-viewport { padding: 40px 0; } */
.bx-viewport { padding: 25px 0; }

.slide-image { position: relative; display: block;}
/* .slide-image img { width: 100%; height: auto; } */
/* .slide-image:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: rgba(0,0,0,0.4); } */
/* .slide.active .slide-image:after { background: none; } */

.slide.active { z-index: 2; }
.slide.active .slide-image {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}

.slider-clip { display: inline-block; width: 770px; }

.bx-wrapper .bx-controls-direction .bx-prev,
.bx-wrapper .bx-controls-direction .bx-next { width: 15px; height: 28px; margin-top: -14px; }

.bx-wrapper .bx-controls-direction .bx-prev { left: -43px; background-position: -159px -71px; }
.bx-wrapper .bx-controls-direction .bx-next { right: -43px; background-position: -244px -71px; }

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { background: #fff; height: 50px; }
.bar .shell { position: relative; overflow: hidden; text-align: center; }
.bar h2 { position: absolute; left: 20px; top: 0; font-size: 31px; color: #555; line-height: 50px; font-weight: normal; }

.nav-secondary { display: inline-block; }
.nav-secondary ul { overflow: hidden; }
.nav-secondary li { float: left; }
.nav-secondary a { display: block; padding: 0 22px; font-size: 15px; line-height: 50px; color: #666; }
.nav-secondary a:hover,
.nav-secondary .current a { color: #fff; background: #009db2; text-decoration: none; }

.bar-inner { position: absolute; right: 0; top: 10px; }

.bar span { display: inline-block; margin-right: 16px; line-height: 28px; color: #666; font-size: 15px; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { float: left; width: 787px; padding-top: 30px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { float: right; width: 379px; padding-top: 30px; }

.widget { border: 1px solid #eeeeee; margin-bottom: 28px; background: #fff; }

.widget-head { overflow: hidden; padding: 17px; border-bottom: 1px solid #f4f4f4; font-size: 16px; color: #333; }
.widget-head p { float: left; text-transform: uppercase; }

.widget-head-inner { float: right; font-size: 14px; line-height: 1.43; }

.widget-body { padding: 16px 18px; color: #666; font-size: 14px; line-height: 1.29; }

.list-avatars { overflow: hidden; margin-left: -10px; }
.list-avatars li { float: left; margin: 0 0 11px 10px; }

.widget-foot { padding: 13px 21px; border-top: 1px solid #f2f2f2; font-size: 14px; color: #4d4d4d; }
.widget-foot i { margin-right: 9px; }

.rating-rated,
.rating { width: 95px; height: 17px; background-position: 0 0; background-repeat: repeat-x; }
.rating { background-image: url(muz_images/star-silver-small.png); }
.rating-rated { background-image: url(muz_images/star-gold-small.png); }

.list-socials { margin: 0 -21px; }
.list-socials a { display: block; padding: 9px 19px; border: 1px solid transparent; }
.list-socials a:hover { text-decoration: none; background: #fafafa; border-color: #f4f4f4; }
.list-socials span { display: inline-block; vertical-align: middle; font-size: 14px; color: #4d4d4d; }
.list-socials .socials-ico { width: 22px; text-align: center; margin-right: 13px; }

.list-dots { overflow: hidden; padding-top: 7px; }
.list-dots li { float: left; }
.list-dots li ~ li {  margin-left: 3px; }
.list-dots a { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; }

.widget-head-wave { position: relative; color: #fff; border: 0 none; }
.widget-head-wave:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; content: ''; background-repeat: repeat-x; content: ''; }

.widget-head-blue { background: #003e4d; }
.widget-head-blue:after { background-image: url(muz_images/wave-blue-small.png); }

.widget-head-teal { background: #009eb3; }
.widget-head-teal:after { background-image: url(muz_images/wave-teal-small.png); }

.widget-head-gray { background: #aab2b3; }
.widget-head-gray:after { background-image: url(muz_images/wave-gray-small.png); }

.widget-alt { background: none; }

.widget-list li { padding: 11px 0; }
.widget-list a { font-size: 14px; color: #666; }
.widget-list i { margin-right: 12px; }

.list-activities a { color: #4d4d4d; }

.list-tags { overflow: hidden; margin-left: -6px; }
.list-tags li { float: left; margin: 0 0 8px 6px; }
.list-tags a { display: block; padding: 0 4px; border-radius: 2px; background: #fff; font-size: 14px; color: #8c8c8c; line-height: 22px; white-space: nowrap; }
.list-tags a:hover { text-decoration: none; color: #000; }

.widget-foot a { color: #4d4d4d; }

.widget-head-colored { color: #003e4d; }
.widget-head-colored > p { text-transform: uppercase; }

.widget-video .widget-head p { text-transform: none; }
.video-container { position: relative; padding-top: 56.25%; }
.video-container iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.widget-info { padding: 18px 20px; border-bottom: 1px solid #f3f3f3; background: #fcfcfc; color: #666; font-size: 14px; line-height: 1.43; }
.widget-info-inner ~ .widget-info-inner { padding-top: 22px; }
.widget-info a { text-decoration: underline; }
.widget-info a:hover { text-decoration: none; }

.list-info { color: #000; font-size: 13px; }
.list-info li { margin-bottom: 5px; }
.list-info img { width: 13px; height: 13px; }
.list-info a { position: relative; display: inline-block; padding-left: 20px; color: #3d585c; font-size: 16px; line-height: 1; border-bottom: 1px solid #63797c; }
.list-info a:hover { text-decoration: none; border-bottom-color: transparent; }
.list-info a:before { position: absolute; top: 2px; left: 1px; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 6px 11px; border-left-color: #3c575b; content: ''; }
.list-info ~ .list-info { padding-top: 20px; border-top: 1px solid #eaf7f9; margin-top: 2px; }
.list-info ~ .list-info a { color: #006472; }
.list-info ~ .list-info a:before { border-left-color: #006472; }

.list-stats { text-align: justify; padding: 15px 15px 0; }
.list-stats:after { display: inline-block; width: 100%; content: ''; }
.list-stats li { display: inline-block; text-align: center; }
.list-stats span { display: block; font-size: 14px; line-height: 1.43; color: #666; }

.list-stats .stats-number { font-size: 38px; line-height: 1; }
.list-stats .stats-number-blue { color: #009eb3; }

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

.footer { padding: 55px 0 57px; background: #fff; }

.footer-cols { padding: 0 70px; margin-bottom: 70px; text-align: justify; }
.footer-cols:after { display: inline-block; width: 100%; content: ''; }
.footer-col { display: inline-block; }
.footer-col-1of3 { width: 307px; text-align: left; }

.footer-title { margin-bottom: 9px; font-size: 16px; color: #009eb3; font-weight: normal; }

.footer-links li ~ li { margin-top: 10px; }
.footer-links a { font-size: 14px; color: #1a1a1a; }

.footer-inner { padding-top: 75px; border-top: 1px solid #e6e6e6; text-align: center; font-size: 13px; line-height: 1.92; color: #4d4d4d; }
.credits a,
.credits { color: #999; }

.footer-logo { display: inline-block; width: 40px; height: 37px; margin: 20px 0 10px; background-position: 0px -107px; text-indent: -9999px; }

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

.btn { display: inline-block; }
.btn:hover { text-decoration: none; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }

.btn-blue { padding: 0 29px; border-radius: 3px; background: #008a9c; color: #fff; font-size: 14px; line-height: 36px; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

[class^='ico-'] { display: inline-block; vertical-align: middle; }

.ico-arrows { width: 7px; height: 10px; background-position: -251px -130px; }
.ico-bubble { width: 21px; height: 20px; background-position: -88px -107px; }
.ico-burger { width: 18px; height: 14px; background-position: -205px -130px; }
.ico-check { width: 28px; height: 22px; background-position: -188px -101px; }
.list-socials a:hover .ico-cloud { width: 24px; height: 10px; background-position: -225px -130px; }
.ico-cloud { width: 24px; height: 10px; background-position: -260px -130px; }
.ico-disk-dark { width: 22px; height: 22px; background-position: -218px -101px; }
.ico-disk-gray { width: 57px; height: 57px; background-position: 0px 0px; }
.list-socials a:hover .ico-facebook { width: 10px; height: 18px; background-position: -125px -146px; }
.ico-facebook { width: 10px; height: 18px; background-position: -73px -146px; }
.ico-globe { width: 14px; height: 15px; background-position: -198px -146px; }
.ico-google { width: 14px; height: 23px; background-position: -297px -71px; }
.list-socials a:hover .ico-home { width: 19px; height: 15px; background-position: -277px -146px; }
.ico-home { width: 19px; height: 15px; background-position: -256px -146px; }
.ico-info { width: 10px; height: 21px; background-position: -313px -71px; }
.ico-note-dark { width: 20px; height: 16px; background-position: -176px -146px; }
.ico-note-large { width: 50px; height: 40px; background-position: -107px -46.5px; }
.ico-note-small { width: 34px; height: 27px; background-position: -261px -71px; }
.ico-note { width: 36px; height: 28px; background-position: -206px -71px; }
.ico-pencil-blue { width: 18px; height: 18px; background-position: -85px -146px; }
.ico-pencil { width: 18px; height: 18px; background-position: -105px -146px; }
.ico-people-gray { width: 50px; height: 44.5px; background-position: -107px 0px; }
.ico-people { width: 18px; height: 16px; background-position: -125px -88.5px; }
.ico-pin { width: 13px; height: 21px; background-position: -288px -101px; }
.ico-play { width: 27px; height: 19px; background-position: -20px -146px; }
.ico-plus-blue { width: 17px; height: 17px; background-position: -157px -146px; }
.ico-plus { width: 18px; height: 18px; background-position: -137px -146px; }
.ico-question { width: 21px; height: 22px; background-position: -242px -101px; }
.ico-search-gray { width: 19px; height: 19px; background-position: -130px -107px; }
.ico-search { width: 16px; height: 16px; background-position: -107px -88.5px; }
.ico-settings { width: 21px; height: 21px; background-position: -42px -107px; }
.ico-star { width: 21px; height: 21px; background-position: -265px -101px; }
.ico-start { width: 18px; height: 19px; background-position: 0px -146px; }
.ico-stats { width: 22px; height: 19px; background-position: -49px -146px; }
.list-socials a:hover .ico-twitter { width: 19px; height: 15px; background-position: -235px -146px; }
.ico-twitter { width: 19px; height: 15px; background-position: -214px -146px; }
.ico-user { width: 21px; height: 21px; background-position: -65px -107px; }
.list-socials a:hover .ico-wiki { width: 21px; height: 14px; background-position: -182px -130px; }
.ico-wiki { width: 21px; height: 14px; background-position: -159px -130px; }
.list-socials a:hover .ico-youtube { width: 17px; height: 20px; background-position: -303px -101px; }
.ico-youtube { width: 17px; height: 20px; background-position: -111px -107px; }
.ico-clock { width: 24px; height: 24px; background-position: -301px -128px; }
.ico-print { width: 21px; height: 22px; background-position: 0 -166px; }
.ico-stats-white { width: 26px; height: 23px; background-position: -47px -166px; }

/* ------------------------------------------------------------ *\
	Transitions
\* ------------------------------------------------------------ */

.dropdown ul,
.search-dropdown ul,
.form-btn,
.list-tags a,
.nav-secondary a,
.slide-image,
.header .search-label,
.search-body,
.item-image,
.socials a,
.link-country,
.nav ul ul a,
.nav ul ul,
.nav > .shell > ul > li > a:before,
.btn {
	-webkit-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
}

/* ------------------------------------------------------------ *\
	Fullscreener
\* ------------------------------------------------------------ */

.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.fsr-image { position: absolute; }
.fsr-hidden { display: none; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx)  
{
	[class^="sprite-"] { background-image: url(muz_images/sprite-hd.png); background-size: 323px 189px; }

	.rating { background-image: url(muz_images/star-silver.png); }
	.rating-rated { background-image: url(muz_images/star-gold.png); }

	.rating,
	.rating-rated {
		-webkit-background-size: 19px 17px;
		        background-size: 19px 17px;
	}

	.widget-head-blue:after,
	.widget-head-teal:after,
	.widget-head-gray:after {
		-webkit-background-size: 24px 4px;
		        background-size: 24px 4px;
	}

	.widget-head-blue:after { background-image: url(muz_images/wave-blue.png); }
	.widget-head-teal:after { background-image: url(muz_images/wave-teal.png); }
	.widget-head-gray:after { background-image: url(muz_images/wave-gray.png); }
}

.highlight { color: #009eb3; }
.error { color: #FF0000; }
.tab { color: #000000; }
.active { color: #009eb3; }
.valign-top { vertical-align: top; }
.gray { color: #aab2b3; }