@import url('https://fonts.googleapis.com/css?family=Petrona:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Libre Franklin:100,200,300,400,500,600,700,800,900');

.fonts {
	font-family: 'Petrona', serif;
	font-family: 'Libre Franklin', sans-serif;
}

/* GRID */
body, html {
    padding: 0;
    margin: 0;
	overflow-x:hidden !important;
}
 
.col-lg-9 {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 30px;
}
.container:before,
.container:after {
    display: table;
    content: " ";
}
.container:after {
    clear: both;
}

.hero-contain {
	width: 100%;
	margin: 0 auto;
	max-height:640px;
}

.hero-img {
	align-content:center;
	min-height: 300px;
	width: 100%;
	height: 100vh;
	display: none;
	visibility: hidden;
}

.specialFeatureDiv {
	width: auto;
	text-align: center;
	align-content: center;
}

.specialFeature {
	width: auto;
	max-height: 640px;
}

.video-content {
	margin-bottom: 0;
	padding-bottom: 0px;
	padding-top: 30px;
	background-color: #000;
	position: relative;
	z-index: 1;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before,
.row:after {
    display: table;
    content: " ";
}

.row:after {
    clear: both;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	border:0;
	outline:none !important;
	vertical-align:top;
	max-width:100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
iframe {border:0;
}
input,
textarea {
	outline:none !important;
	resize:none;
	-webkit-appearance: none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
ul {
	padding:0;
	margin:0;
}
hr {
	height: 1px;
	color: #6785cc;
	background: #6785cc;
	font-size: 0;
	border: 0;
	margin-bottom: 10px;
}
li {
	padding:0;
	margin:0;
	list-style:none;
}
.fleft {float:left;
}
.fright {float:right;
}

.color {color:#f3dd00;
}

/** MAIN **/
body {
	color: #262626;
	background: #fff;
	font-weight: 200;
	font-family: 'Petrona Light', sans-serif;
	font-size: 14px;
	line-height:21px;
	margin: 0;
	padding: 0;	
}
html {font-size: 100%;
}
::selection{
	background: #262626;
	color: #f3dd00;
}
::-moz-selection {
	background: #262626;
	color: #f3dd00;
}
.wrapper {overflow:hidden;
}
a {
	color: #262626;
	text-decoration:none !important;
}
a:hover { color: #a8a8a8;
}
strong { font-weight: 700;
}
.center {text-align: center;
}
.justify {text-align: justify;
}
p {
	padding:0;
	margin:0 0 10px 0;
}

/** HEADER **/
#top {
	position:absolute;
	left:0;
	top:7%;
	width:100% !important;
	z-index:999;
}
#logo {
	line-height:72px;
	color:#fff;
	display:inline-block;
	vertical-align:top;	
	font-size:72px;
	font-family: 'Petrona ExtraBold';
	font-weight: 900;
}
#logo-text {
	line-height:24px;
	color:#fff;
	display:inline-block;
	vertical-align:top;	
	font-size:24px;
	font-family: 'Petrona Bold';
	font-weight: 800;
}

.fixed-menu {
	border:none;
	position:fixed;
	left:0;
	top:27%;
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	width:100% !important;
	transition: opacity 400ms;
	-webkit-transition: opacity 400ms;
}
.fixed-menu.fixed_show {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	z-index:9999;
}
.fixed-menu .container .col-md-3 {
	position:relative;
}
.fixed-menu .container .col-md-3 .navmenu {
	position:absolute;
	left:15px;
	right:15px;
	top:0;
}

.wice-parallax-up {
  width: 100%;
  height: 450px;
  display: block;
  padding: 0 25px 100px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  text-align: center; }
  .wice-parallax-up::after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	content: "";
	z-index: 0; }

.parallax-window-main {
  min-height: 300px;
  width: 100%;
  background: transparent; }

.parallax-window {
  min-height: 300px; 
  background: transparent;
  width: 100%;
  height: 100vh;
  position: relative; }
  
.parallax-video-window {
  min-height: 630px; 
  background: transparent;
  width: 100%;
  height: 100vh;
  position: relative; }

.parallax-height {
  height: 352px; }

.parallax-window-error {
	background: transparent;
	height: 100vh;
	position: relative; }
  
.parallax-error {
	width: 100%;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	text-align: center; }
	.parallax-error::after {
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  position: absolute;
	  content: "";
	  z-index: 0; }
	  
#opus-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10; }
  
#opus-loader {
  display: block;
  position: relative;
  left: 51%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -75px 0 0 -75px;
  border: 4px solid #6b7e81; /* Light grey */
  border-top: 4px solid #223032; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
 }


/*Menu*/
.navmenu{
	margin: 0;
	padding:0;
}
.navmenu ul li {
	display: block;
	list-style: none;
    margin: 0 0 16px 0;
}
.navmenu ul li a {
	display: inline-block;
	vertical-align:top;
	line-height:27px;
	color: #262626;
	font-size: 18px;
	padding: 0;
	font-weight:700;
	text-decoration:none !important;
	outline:none;
	text-transform:uppercase;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}
.navmenu li a:hover,
.navmenu li.active a {
	color: #262626;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}
.navmenu ul.light li a,
.navmenu ul.light li a:hover,
.navmenu ul.light li.active a {
	color: #fff;
}
.navmenu li a:hover,
.navmenu li.active a {
	opacity:0.5;
}
a.menu_toggler {display:none;
}
.mobile_menu_wrapper {display:none;	
}

.dark_section,
.light_section {	
}

/* Main Slider */
.full_slider {
	background-position:center center;
	background-repeat:no-repeat;
}
.full_slider.preloader {
	background-image:url(../img/preloader.gif);
}
.flex-control-paging li a {
	background-color:#fff;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {background-color:#f3dd00;
}
.slider_caption,
.team_caption {
    position:absolute;
	top:50%;
	left:30px;
	right:30px;
	text-align:left;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float:none;
}

/* Section background */
.stretch {
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.page-bg {
	background-image:url(../img/dk-gray-bg.jpg);
}

.page-bg-blk {
	background-color: #000;
}

.color-bg {
	background-color: #e0e2e4;
}

.color-bg-gray {
	background-color: #c0c0c0;
}

.color-bg-dark {
	background-color: #4c545b;
}

.color-bg-white {
	background-color: #ffffff;
}

.page_section header {
	width: 100%;
	overflow:hidden;
	padding-top:30px !important;
	padding-bottom:30px !important;
	text-align: center;
	align-content:center;
}

h2 {
	line-height:45px;
	color:#214987;
	font-size:32px;
	margin:0 0 0px 0;
	font-weight:800;
	font-family: 'Petrona';
}

h3 {
	line-height:38px;
	color:#262626;
	font-size:20px;
	margin:0 0 0px 0;
	font-family: 'Petrona';
	font-weight:700;
}

h5 {
	margin:0 0 10px 0;
	line-height:21px;
	color:#262626;
	font-size:13px;
	font-family: 'Petrona';
	font-weight:500;
}
h6 {
	padding:0;
	margin:0 0 8px 0;
	line-height:28px;
	color:#262626;
	font-size:16px;	
	font-family: 'Petrona';
	font-weight:400;
}
.page_section header h2 {
	text-align:left;
}

.page_section header h3 {
	text-align:left;
}

.page_section header p {
	color:#262626;
	font-family: 'Petrona';
	font-weight: 300;
	text-align:left;
	font-size:18px;
	line-height:24px;
}


.page_section .dark_section header p,
.page_section .dark_section header h2,
.dark_section h6 {
	color:#fff;
}

.section_block {
	padding-bottom:30px !important;
}

p.new-description {
	color: #ffffff;
	font-family: 'Libre Franklin';
	font-weight: 100;
}

p.new-description a {
	color: #9bb9fc;
}

p.new-description a:hover {
	color: #214987;
}

.about-header p.about-copy {
	color:#000;
	font-family: 'Libre Franklin';
	font-weight:400;
	font-size: 15px !important;
	letter-spacing: 0.50px;
}

.about-work-contain {
	margin: 0 auto;
	width:100%;
	height:auto;
	text-align:left;
	align-content:left;
	padding-bottom:10px;
}

.about-header span.about-work {
	color:#444;
	font-family: 'Libre Franklin';
	font-weight:400;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.65px;
	padding-right:10px;
}

.about-copy a {
	color: #42749e;
}

.about-copy a:hover {
	color: #4191d5;
}

.album-header p.album-copy {
	color:#000000;
	font-weight:400;
	font-size:15px !important;
	font-family: 'Libre Franklin';
}

.album-header p.work-title {
	color:#262626;
	font-size: 20px;
	font-family: 'Libre Franklin';
	font-weight:700;
	padding-top:10px;
}

.album-header p.date-stamp {
	color:#777777;
	font-size: 14px;
	font-family: 'Libre Franklin';
	font-weight:500;
}

.featured-header p.h3-custom {
	color:#fff;
	font-size: 20px;
	font-family: 'Libre Franklin';
	font-weight:500;
	padding-bottom:20px;
}

.featured-header p.new-description {
	color:#fff;
	font-size: 18px;
	font-family: 'Libre Franklin';
	font-weight:200;
	padding-bottom:20px;
}

.featured-header a {
	color: #00d4e9;
	font-size: 22px;
	font-family: 'Libre Franklin';
}

.featured-header a:hover {
	color: #ffffff;
}

.sig-container {
	text-align: left;
	align-content: left;
	width: 100%;
	height: auto;
}

.disco_info p.music-class {
	color:#0b4f95;
	font-size: 12px;
	font-family: 'Libre Franklin';
	font-weight:500;
	text-transform: uppercase;
	letter-spacing: 0.40px;
}

.disco_info p.artworkdesc-class {
	color:#010d19;
	font-size: 14px;
	font-family: 'Libre Franklin';
	font-weight:400;
	letter-spacing: 0.40px;
}


.disco_info p.music-size {
	color:#68819b;
	font-size: 14px;
	font-family: 'Libre Franklin';
	text-transform: uppercase;
	letter-spacing: 0.40px;
}

.disco_item p.dl-overlay {
	position:absolute;
	left:15%;
	top:160%;
	margin:-25px 0 0 -26px;
	color:#fff;
	font-size: 13px;
	font-family: 'Libre Franklin';
	font-weight: 200;
	align-content: left;
	text-align: left;
	text-transform: uppercase;
	letter-spacing:1.5px;
}

.disco_item p.listen-overlay {
	position:absolute;
	left:62%;
	top:160%;
	margin:-25px 0 0 -26px;
	color:#fff;
	font-size: 13px;
	font-family: 'Libre Franklin';
	font-weight: 200;
	align-content: left;
	text-align: left;
	text-transform: uppercase;
	letter-spacing:1.5px;
}


/* Progress Bar */
.pr_bar {
	padding-left:115px;
	position:relative;
	margin-bottom:26px;
	min-height:99px;
	color:#fff;
}
.skill {
	position:absolute;
	left:0;
	top:4px;
}
.skill .skill_wrap {
    display:block;
	margin:0 auto;
	width:100px;
	height:100px;
	position:relative;
	text-align: center;
}
.skill .skill_text {
	color:#ffffff;
	left:0;
	right:0;
	position:absolute;
	font-size:30px;	
	font-weight:400;
	font-family: 'Petrona', sans-serif;
	line-height:92px;
}
.easyPieChart {
    position: relative;
    text-align: center;
}
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.timeline li {
	position:relative;
	padding-bottom:50px;
	padding-left:30px;
	line-height:24px;
	color:#fff;
	font-size:16px;
}
.timeline li a {
	color:#fff;
	font-size:16px;
	line-height:24px;
	display:inline-block;
	vertical-align:top;
}
.timeline li a:hover {
	color:#f3dd00;
}
.timeline li:last-child {
	padding-bottom:22px;
}
.timeline li h6 {
	line-height:21px;
	margin-bottom:12px;
}
.timeline li:before {
	position:absolute;
	left:0;
	top:5px;
	width:10px;
	height:10px;
	background:#f3dd00;
	border-radius:50%;
	-webkit-border-radius:50%;
	content:'';
}
.timeline li:after {
	position:absolute;
	left:4px;
	top:25px;
	bottom:5px;
	width:1px;
	background:#eeeeee;
	content:'';
}
.timeline li:last-child:after {
	display:none;
}

/* Our Team */
#slider,
#carousel {
	margin-bottom:30px;
}
#carousel {
	padding:0 50px;
}
#carousel .slides > li img {
	cursor:pointer;
}
#carousel .slides > li.flex-active-slide img {
	cursor:default;
	opacity:0.9;
}
#slider .slides > li {
	position:relative;
}
.team_caption {
	top:24px;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	font-size:16px;
	color:#fff;
	line-height:24px
}
.team_caption h6 {
	margin:0 0 18px 0;
	line-height:30px;
	color:#fff;
	font-size:24px;
	font-weight:700;	
}
.team_caption b {
	display:block;
	font-weight:700;	
}
.team_socials {
	position:absolute;
	left:30px;
	bottom:17px;
}
.team_socials a {
	width:35px;
	height:35px;
	display:inline-block;
	margin:0 9px 13px 0;
	vertical-align:top;
	transition: all 300ms;
	-webkit-transition: all 300ms;	
	border-radius:50%;
	-webkit-border-radius:50%;
	text-indent:-9999px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-color:rgba(255,255,255, 0.2);
}
.team_socials a.team_fb {
	background-position:-60px 0;
}
.team_socials a.team_tweet {
	background-position:-95px 0;	
}
.team_socials a.team_gplus {
	background-position:-130px 0;
}
.team_socials a.team_fb:hover {
	background-color:#5567a9;	
}
.team_socials a.team_tweet:hover {
	background-color:#61abea;	
}
.team_socials a.team_gplus:hover {
	background-color:#be4a39;
}

/* ===== News Section ===== */
.blog_post_preview {
	position:relative;
	padding-left:291px;
	margin-bottom:50px;
	min-height:180px;
	color:#fff;
}
.post_meta {
	line-height:19px;
	font-size:12px;
	margin-bottom:27px;
}
.pb50 {
	padding-bottom:30px;
}
.pb95 {
	padding-bottom:30px;
}
.pb13 {
	padding-bottom:13px;
}
.post_meta span {
	display:inline-block;
	vertical-align:top;
	margin-right:14px;
}
.post_meta a {
	font-size:12px;
	color:#fff;
}
.post_meta a:hover {
	font-size:12px;
	color:#f3dd00;
}
.post_meta i {
	margin-right:2px;
}
.post_thumb {
	position:absolute;
	left:0;
	top:0;
	width:270px;
	height:auto;
	margin-bottom:20px;
	display:block;
}
.shortcode_button { 
	display:inline-block;
	margin:0;
	text-decoration:none;
	border:1px #fff solid;
	background-color:transparent;
	color:#fff;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	line-height:24px;
	font-size:14px;
	padding:7px 29px;
	font-weight:400;
	text-transform:uppercase;
	vertical-align:top;
	text-align:center;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.shortcode_button:hover {
	color:#262626;
	background-color:#f3dd00;
	border-color:#f3dd00;
}

.filter_block {
	text-align:center;
	padding-bottom:40px;
}
.filter_block li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	line-height:24px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	color:#262626;
}
.filter_block li:after {
	display:inline-block;
	margin:0 10px;
	content:'/';
}
.filter_block li:last-child:after {
	display:none;
}
.filter_block li a {
	display:inline-block;
	vertical-align:top;
	line-height:24px;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	transition: all 500ms;
	-webkit-transition: all 500ms;	
}
.filter_block li.active a {
	font-size:24px;
	font-weight:700;
	color:#262626 !important;	
}
.full_month {
	display:none;
}
.filter_block li.active a span {
	display:none;	
}
.filter_block li.active a span.full_month {
	display:block;	
}

.carousel_item {
	border:1px #cdcdcd solid;
	text-align:center;
}

.disco-card {
	box-shadow: 0px 2px 8px #aeaeae;
}

.thumb {
	margin-left:-1px;
	margin-right:-1px;
	margin-top:-1px;
	margin-bottom:40px;
}
.thumb img {
	width:100%;
	height:auto;
	display:block;
}
.date {
	line-height:52px;
	font-family: 'Petrona', sans-serif;
	font-weight:200;
	font-size:72px;
	color:#262626;
	margin-bottom:10px;
}
.month {
	line-height:18px;
	font-size:12px;
	color:#262626;
}
.item_descr {
	padding:26px 15px 32px 15px;
	line-height:24px;
	font-size:16px;
	color:#262626;
}
.item_descr h6 {
	font-weight:700;
}
.item_descr p {
	margin-bottom:7px;
}
.item_meta {
	line-height:24px;
	font-size:16px;
	margin-bottom:26px;
}
.item_meta span {
	display:inline-block;
	vertical-align:top;
	margin-right:12px;
}
.item_meta i {
	margin-right:2px;
}

/* ===== Discography Section ===== */
.disco_item {
	border:1px #cdcdcd solid;
	background:#fff;
	margin-bottom:30px;
}
.disco_item .thumb {
	margin-bottom:0;
}
.disco_info {
	padding:18px 20px 13px 20px;
	line-height:21px;
}

.disco_info p{
	font-family: 'Petrona';
	font-size: 14px;
	font-weight: 200;
}

.thumb a {
	display:block;
	position:relative;
}
.item_fadder {
	position:absolute;
	left:50%;
	top:50%;
	right:50%;
	bottom:50%;
	width:0;
	height:0;
	background:#000;
	opacity:0;
	z-index:10;
	transition: all 400ms;
	-webkit-transition: all 400ms;
}
.thumb a:hover .item_fadder {
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0.6;
}
.link_ico {
	position:absolute;
	left:50%;
	top:50%;
	width:51px;
	height:50px;
	z-index:20;
	margin:-25px 0 0 -26px;
	background-image:url(../img/sprite.png);
	background-position:-108px -44px;
	background-repeat:no-repeat;
	-webkit-transform: scale(2,2);
	transform: scale(2,2);
	opacity: 0;
	transition: all 400ms;
	-webkit-transition: all 400ms;
}
.thumb a:hover .link_ico {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 0.99;
}

.download_ico {
	position:absolute;
	left:50%;
	top:50%;
	width:52px;
	height:50px;
	z-index:20;
	margin:-25px 0 0 -26px;
	background-image:url(../img/sprite.png);
	background-position:-174px -44px;
	background-repeat:no-repeat;
	-webkit-transform: scale(2,2);
	transform: scale(2,2);
	opacity: 0;
	transition: all 400ms;
	-webkit-transition: all 400ms;
}
.thumb a:hover .download_ico {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 0.99;
}





/* ===== Contact Section ===== */
.icon_box {	
	padding-bottom:30px;
	font-size: 16px;
	line-height:21px;
	text-align:center;	
}
.icon_box h5 {	
	margin-bottom:11px;
}
.icon {
	margin:0 auto 22px auto;
}
.contact_form {padding-top:33px;
}

form input[type="text"],
form textarea {
	background: none;
	margin: 0 0 30px 0;
	padding: 8px 11px;
	width: 100%;
	border:1px #777777 solid;
	outline:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:none;
	font-size:14px;
	color:#777777;
	font-weight:400;
	font-family: 'Petrona', sans-serif;
	line-height:22px;
	height:40px;
}
form textarea {
	height:180px;
}
input.send_btn {
	cursor: pointer;
	background: #fff !important;
	color: #262626 !important;
	margin: 0 0 30px 0 !important;
	border-radius: 4px !important;
	-webkit-border-radius:4px !important;
	display: inline-block;
	padding: 0 30px !important;
	height:40px;
	line-height:37px;
	font-size: 14px !important;
	font-weight: 400 !important;
	width: 100% !important;
	font-family: 'Petrona', sans-serif;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
	border:1px #262626 solid !important;
	text-transform:uppercase;
	text-align:center;
}
input.send_btn:hover {
    background: #f3dd00 !important;
    text-decoration: none;
	border-color:#f3dd00 !important; 
}

/* Placeholder */
::-webkit-input-placeholder {
    opacity: 1 !important;
	color:#777777;
}

:-moz-placeholder { /* Firefox 18- */
   opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}

/* WebKit browsers */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent !important;
}

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

/** form valid style **/
.notification_error,
.notification_ok {
    border-radius: 4px;
	-webkit-border-radius:4px;
    margin: 0 0 30px 0;
    padding: 12px 10px 12px 35px;
	position:relative;
	text-align:left;
}
.notification_ok {
    border: 1px #038BD4 solid;
    color: #038BD4;
	background:#D0E3EA;
}
.notification_error {
    border: 1px #C93119 solid;
    color: #C93119;
	background:#FFCFCF;
}
.notification_error:before,
.notification_ok:before {
    content: ''; 
	width: 16px;
	height: 16px;
	position: absolute;
	left:11px;
	top:13px;		
	background-position:0 0;
	background-repeat:no-repeat;
}
.notification_error:before {background-image:url(../img/error.png);
}
.notification_ok:before {background-image:url(../img/info.png);
}

/* Footer */
.footer {
	background:#181a1d;
	line-height:36px;
	padding-top:23px;
	padding-bottom:8px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
}
.copyright {
	margin-bottom:13px;
	line-height:22px;
	letter-spacing: 0.6px;
	font-size:15px;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 300;
}

.copyright a {
	color: #d8614c;
}

.copyright a:hover {
	color: #ee9c8e;
}

.socials {
	padding:0;
}
.socials a {
	width:36px;
	height:36px;
	display:inline-block;
	margin:0 7px 13px 6px;
	vertical-align:top;
	transition: all 300ms;
	-webkit-transition: all 300ms;	
	border-radius:50%;
	-webkit-border-radius:50%;
	text-indent:-9999px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-color:rgba(255,255,255, 0.2);
}
.socials a.fb_icon {
	background-position:-60px 0;
}
.socials a.tweet_icon {
	background-position:-95px 0;	
}
.socials a.gplus_icon {
	background-position:-130px 0;
}
.socials a.fb_icon:hover {
	background-color:#5567a9;
}
.socials a.tweet_icon:hover {
	background-color:#61abea;	
}
.socials a.gplus_icon:hover {
	background-color:#be4a39;
}

.hide {
	opacity:0;
}

.on_1200 {
	display:none;
}

/* Responsive changes */
@media only screen and (max-width: 767px) {
	#top {
		position: fixed;
		width: 100%;
		z-index: 999;
		top: 0;
		left:0;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
		background:#fff;
	}
	#logo {
		line-height:80px;
		color:#262626;
		display:inline-block;
		vertical-align:top;	
		font-size:40px;
		font-family: 'Libre Franklin', sans-serif;
		font-weight:500;
		margin-bottom:0 !important;
	}
	#top header nav {
		display: none !important;
	}		
	a.menu_toggler {
		display:inline-block;
		float:right;
		margin:-17px 20px 0px 0;
		border:#cfcfcf 1px solid;
		border-radius:4px;
		box-shadow:inset #fbfbfb 0 1px 0;
		width:34px;
		height:34px;
		position:absolute;
		overflow:hidden;
		right:0;
		top:50%;
	
		background-color:#efefef;
		background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9);
	}
	a.menu_toggler:hover {
		background-color:#f5f5f5;
		background-image: linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -ms-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -o-linear-gradient(top, #e9e9e9, #f5f5f5);	
	}
	a.menu_toggler:before {
		content:'';
		display:block;
		position:absolute;
		left:7px;
		top:7px;
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		background:url(../img/sprite.png) no-repeat -75px -54px;		
	}
	.fixed-menu,
	.fixed-menu:before,
	.fixed-menu:after {
		display:none!important;
	}
	.mobile_menu_wrapper {
		display:block;
		background:#262626;
		position: fixed;
		width: 100%;
		z-index: 999;
		top: 80px;
		left:0;
		padding:15px 40px 20px 20px;
	}
	.mobile_menu_wrapper a {
		color:#fff;
		font-size:13px;
	}
	.mobile_menu_wrapper a:hover {color:#f3dd00;
	}
	
	.footer .fleft,
	.footer .fright {
		float:none;
	}
	
	.dark_section,
	.light_section {	
		min-height:inherit !important;
	}	
	.blog_post_preview {
		padding-left:0;
	}
	.post_thumb {
		position:relative;
		left:auto;
		top:auto;
		width:100%;
	}
	.team_caption {
		top:15px;
	}
	.team_socials {
		bottom:0;
	}
	.team_caption h6,
	.team_caption p {
		margin-bottom:5px;
	}
	#carousel {
		width:270px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* Grid */
	.container {
        width: 760px;
    }	
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: left;
    }
    .col-md-1 {
        width: 8.333333333333332%;
    }
    .col-md-2 {
        width: 16.666666666666664%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333333333%;
    }
    .col-md-5 {
        width: 41.66666666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.333333333333336%;
    }
    .col-md-8 {
        width: 66.66666666666666%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333333333334%;
    }
    .col-md-11 {
        width: 91.66666666666666%;
    }
    .col-md-12 {
        width: 100%;
    }
	
	.pr_bar {
		padding-left:0;
	}
	.skill {
		left: 0;
		position: relative;
		top: auto;
		margin:0 0 10px 0;
		width:100px;
	}	
	#carousel {
		width:470px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (min-width: 992px) {
	/* Grid */
	.container {
        width: 990px;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666666666666%;
    }
    .col-md-10 {
        width: 83.33333333333334%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666666666666%;
    }
    .col-md-7 {
        width: 58.333333333333336%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666666666667%;
    }
    .col-md-4 {
        width: 33.33333333333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.666666666666664%;
    }
    .col-md-1 {
        width: 8.333333333333332%;
    }
	#carousel {
		width:670px;
		margin-left:auto;
		margin-right:auto;
	} 
	
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1200px;
    }
	.on_1200 {
		display:block;
	}
	#carousel {
		width:870px;
		margin-left:auto;
		margin-right:auto;
	}
}

/* - - - - - - - Parallax Media Queries - - - - - - - - */

@media only screen and (max-width: 767px) {
	body .wice-parallax-up { min-height: 380px; }
}

@media only screen and (max-width: 430px) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (max-width: 410px) {
	body .parallax-window {
	  max-height: 100px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (max-width: 400px) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (max-width: 390px) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (max-width: 380px) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (max-width: 360px) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (min-width: 736px) and (max-width: 823px) and (min-height: 375px) and (orientation: landscape) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (min-width: 568px) and (max-width: 736px) and (min-height: 360px) and (orientation: landscape) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (min-height: 320px) and (orientation: landscape) {
	body .parallax-window {
	  max-height: 96px; 
	  background: transparent;
	  width: 100%;
	  height: 100vh;
	  position: relative; }
}