/* 
Document   : layout
Author     : Little Neko
Description: layout styles

*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#NEKO CSS FRAMEWORK
#TYPOGRAPHY
#GENERAL
#PARALLAX STUFF
#HEADER
#MAIN MENU 
#FOOTER 
#SLIDERS
#BLOG
#NEWS
#PAGES
#PORTFOLIO
#FORMS
#TIMELINE
#MISCELANIOUS

*/


/* BOOSTRAP CUSTOMIZATION
================================================== */


.btn:active, .btn.active{
	-webkit-box-shadow:none;box-shadow:none
}


/*tabs*/

.panel-default>.panel-heading, .nav>li>a{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* accordeon */
.panel-group .panel+.panel {margin-top: 0;}
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'custom-icons';
	content: "\e803";    
	float: right;      
}

/** expand the link to fill the whole tab **/
.panel-title a {
	display: block;
	padding: 10px 15px;
	margin: -10px -15px;
	outline:none;
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: '\e805';   
}

.accordion-toggle i {margin-right: 10px;}





/* NEKO CSS FRAMEWORK
================================================== */
/*** lists ***/
/* icons */
.iconList li:before{
	content:'\e801';
	font-family: 'custom-icons';
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin:0;
	display:inline-block;
	margin-right:10px;
	line-height:1em;
}
.iconList li {padding:5px;}

/* borde */



/*** icons ***/

.iconRounded{
	border-radius:50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	font-size:18px;	
}

.iconRounded:before{margin: auto;text-align: center; line-height: 40px; }

.iconBig{
	font-size: 40px;
}

.iconBig.iconRounded{
	width:100px;
	height: 100px;
}

.iconBig.iconRounded:before{
	line-height: 100px;	
}

.iconMedium {
	font-size: 33px;
}

.iconMedium.iconRounded{
	width: 66px;
	height: 66px;
}

.iconMedium.iconRounded:before{
	line-height: 66px;	
}

.iconSmall:before {
	font-size: 10px;
}

.iconSmall.iconRounded{
	width: 26px;
	height: 26px;
}

.iconSmall.iconRounded:before{
	line-height: 26px;	
}

/*** icon Headings ***/
.iconBlocHeading {position:relative; padding-left:55px;}
.iconBlocHeading i{position:absolute; left:0;}
.iconBlocHeading h2{display: block; font-size:18px; font-weight: 400; padding-top: 5px;}
.iconBlocHeading h2:after{content:none;}
.iconBlocHeading h3{display: block;}


/*** boxes ***/
.boxFeature{margin-bottom:33px;}
.boxContent{padding:22px; border-radius: 0 0 11px 11px;}
.color2.boxContent{border:none;}
.boxFocus{padding:22px; border-radius: 11px;}
.boxIconServices {text-align:center}
.boxIconServices i{ margin:0 auto 22px auto;}
.boxIconServices .boxContent{ padding:0; border:none;}

/* box icons */
.boxIcon a{
	padding: 25px;
	text-align: center;
	display: block;
	margin-bottom: 11px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #039;
	border-radius: 50px;
}

.boxIcon a i, .boxIcon a .imgBorder{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	margin-top: -25px;
}
.boxIcon a span {display:none;}
.boxIcon i {margin: 36px auto; display: block; border-radius:50%;}
.boxIcon h2 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 16px;
	color: #039;
	background-color: #FFF;
} 
.boxIcon p {margin: 0;}

.boxIcon a:hover{text-decoration:none; }

.boxIcon a:hover i{
	border: 3px solid #F7F7F7;
	width: 70px;
	height: 70px;
	margin-right: auto;
	margin-bottom: 33px;
	margin-left: auto;
	background-color: #FFF;
}

/* img box */
.boxIcon a img{
	
	/*width: 180px;
	height: 180px;*/
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
}
.boxIcon a:hover img{ } 

.boxIcon a .imgBorder{
	border: 4px solid #F7F7F7;
	background: #F7F7F7;
	border-radius: 50%!important;

	width: 180px;
	height: 180px;
	margin: 18px auto 22px auto;
}
.boxIcon a .imgBorder img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	width: 172px;
	height: 172px;
}


.boxIcon a:hover .imgBorder img{
	transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
}

/*** testimonial **/
.boxTestimonial blockquote{
	padding:33px 33px 44px 33px;
	font-size:18px;
	line-height: 33px;
}

.boxTestimonial blockquote:after {
	display:none;
}
.boxTestimonial .clientIcon img {
	margin:33px;
	float:left;
}


.boxTestimonial blockquote span{
	display:block;
	font-size: 12px;
}

.clientIcon span {font-weight: 300;}
.clientIcon span, .clientIcon span strong {vertical-align: bottom; font-size: 14px;}

/*** fake columns ***/

.col-left-grey {background:url(../images/theme-pics/col-left-grey.png) center repeat-y; border-top: 1px solid #ededed }

/*** utilies classes ***/
.mb15 {
	margin-bottom:0.75em;
}
.mb30 {
	margin-bottom:1.5em;
}
.mb40 {
	margin-bottom:2em;
}
.mt15 {
	margin-top:0.75em;
}
.mt30 {
	margin-top:1.5em;
}
.mt40 {
	margin-top:2em;
}

.pb15 {
	padding-bottom:0.75em;
}
.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}
.pt15 {
	padding-top:0.75em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top:2em;
}

/* images */

.imgBorder {
	border-radius: 11px;
	overflow: hidden;
	/*padding:5px;*/	
}

.backFaceVisibilityHidden{ -webkit-backface-visibility: hidden; }



/*** END MEDIA QUERIES ***/
/* NEKO CSS FRAMEWORK
================================================== */

/* TYPOGRAPHY
================================================== */


/*** MEDIA QUERIES ***/

/*** END MEDIA QUERIES ***/


/* END TYPOGRAPHY
================================================== */
/* GENERAL
================================================== */

/*** buttons ***/
.btn {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border:none;
	border-radius:4px;
}

.btn-lg {
	padding: 11px 19px;
	font-size: 18px;
	border-radius:6px;
}
.btn-sm {
	padding: 2px 10px;
	font-size: 11px;
	border-radius:3px;
}
.btn-xs {
	padding: 0 6px;
	font-size: 10px;
	border-radius:3px;
}
.btn-link {
	text-transform:none;
	text-shadow:none;
	padding:0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
.btn i:before {
	text-align:left;
}
.btn-border {
	color:#fff;
}

/*** call to actioon ***/

.ctaBox{padding:33px}
.ctaBoxFullwidth{padding:0;}

.ctaBox a {margin-top:22px;} 
.ctaBox h1{
	font-size:22px;
	line-height: 33px;
	margin-bottom:0;
	font-weight:100;
	padding:0;
	border:none;
	text-align:left;
	letter-spacing:normal;
	text-transform:none;
}
.ctaBox h1 strong{}
.ctaBox blockquote {
	font-size:44px;
	line-height: 44px;
	margin-bottom: 0;
}
a.btnRight{float:right;}

.ctaBox.ctaBoxCentered h1, .ctaBox.ctaBoxCentered blockquote{ text-align: center;}
.ctaBox.ctaBoxCentered a {float:none; margin-top: 1.5em;}
/*** MEDIA QUERIES ***/

@media(max-width:767px){
	.btn-lg {
		padding: 14px 18px;
		font-size: 18px;
	}
}

@media(min-width:768px){

}

@media(min-width:992px){
	
	.ctaBox a {float:right; margin-top:0;} 

	a.btnLeft{float:left;}
}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END GENERAL
================================================== */

/* PARALLAX STUFF
================================================== */



/* END PARALLAX STUFF
================================================== */


/* HOME FULLSCREEN
================================================== */

/* END HEADER
================================================== */



/* MAIN MENU
================================================== */



/*** sub menus ***/

.navbar-nav ul li{position:relative;}

.navbar-nav ul {
	display:none;
	padding: 0;
	margin: 0;
	list-style-type:none;
}

.navbar-nav ul ul{ top:0 }

.navbar-nav ul li a{
	display:block;
	padding:11px 0;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.navbar-nav ul li a:hover{text-decoration:none;}

#mainMenu .navbar-nav li a.hasSubMenu:after{
	font-family: "custom-icons";
	display: block;
	content: '\e89e';
	float: right;
	margin-right: 15px;
}


#mainMenu .navbar-nav i{
	float:right;
}

.navbar-nav .nekoMegaMenu {
	display:none;
	-webkit-backface-visibility: hidden;
}

.navbar-nav .nekoMegaMenu>div>div{
	-webkit-backface-visibility: hidden;
}
.navbar-nav ul li.megaMenuTitle {
	text-transform: uppercase;
	font-weight:bold;
	padding-bottom: 6px;
	margin-bottom: 6px;

}
.navbar-nav .nekoMegaMenu ul {
	width:auto;
}


/*** MEDIA QUERIES ***/

@media(max-width:767px){


}

@media(min-width:768px){

	#mainHeader .pull-right{ float:right !important; }
	
	.navbar-nav > li > a{
		font-size: 14px;
		font-weight: 400;
		padding: 22px 11px;
		line-height:44px;
		vertical-align:middle;
	}
	

	.navbar-nav > li > a i {
		display: block;
	}

	.navbar-nav ul {
		position: absolute;
		top: 70px;
		left: 0;
		z-index: 1024;
	}

	.navbar-nav ul {
		width: 200px;
	}

	
	.navbar-nav > li.sep{display: block;}

	.navbar-nav > li.sep:before{
		content:' / ';
		/*font-family: 'custom-icons';*/
		display:block;
		font-size: 10px;
		text-align: center;
		padding: 0;
		margin-top: 22px;
		margin-bottom: 22px;
		line-height:44px;*/
	}

	#mainMenu .navbar-nav li a.hasSubMenu:after{
		display: none;
	}

	#mainMenu .navbar-nav ul li a.hasSubMenu:after {
		content: '\e805';
		display: block;
	}


	.navbar-nav ul li a{padding:11px;display:block; font-size:12px;}
	.navbar-nav ul li{padding:0;}

	/*** mega menu ***/
	.nav>li.nekoMegaMenuTrigger{position:static !important;}

	.navbar-nav .nekoMegaMenu ul{
		position: static;
		border:none;
		background:none;
		display:block;
		width:100%;

	}

	#mainMenu .navbar-nav ul li.megaMenuTitle {
		display:block;
		width:100%;
	}
	
	.navbar-nav .nekoMegaMenu{
		width:100%;
		position:absolute;
		right:0;
		top: 70px;
		z-index: 1024;
		padding:22px;

	}
	.navbar-nav .nekoMegaMenu ul {padding:0;}

	.navbar-nav .nekoMegaMenu ul li a {padding:5px 10px 5px 10px;}

	.nekoMegaMenu .container { width:auto; max-width:1170px;}
	/*** mega menu ***/


}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/


/* END MAIN MENU
================================================== */
/* MAP
================================================== */


/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){#home{padding-top:54px;}}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END MAP
================================================== */
/* NEWS
================================================== */
/* END NEWS
================================================== */

/* FOOTER 
================================================== */
/* END FOOTER 
================================================== */


/* SLIDERS
================================================== */
/*** supersized ***/

/*** MEDIA QUERIES ***/



/*** END MEDIA QUERIES ***/

/* BLOG
================================================== */

/* END BLOG
================================================== */

/* PAGES
================================================== */
.page-header .col-sm-6{ margin-bottom:0; }
.page-header{
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
}
.page-header.bigHeader {
	padding-bottom:0;
	background-image:url('../images/theme-pics/big-header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

ul#navTrail {padding:0; margin-bottom: 0; float:right;}
ul#navTrail li{display:inline-block;font-size:12px;}
ul#navTrail li a{text-decoration: none; }
ul#navTrail li a:after{content:" / ";}

/** sidebar **/
nav#subnav {margin-bottom: 22px;}
nav#subnav ul {margin:0; padding:0; list-style-type: none}
nav#subnav ul li a{
	margin:0;
	padding:11px 0;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
nav#subnav ul li a:hover{text-decoration: none;}
nav#subnav ul li a i {float:right;display:none; margin-top: 4px;}
nav#subnav ul li a:hover i, nav#subnav ul li a.active i {display:block;}
nav#subnav{
	padding: 0;
	position: fixed;
	z-index: 999;
}
.kalin{  font-weight: bold;}

#videoBg{ height:450px; position:relative; }

#big-video-wrap{ position:absolute;}
#big-video-vid_html5_api {}

#html5Video {
	height:200px;
	overflow:hidden;
	position:relative;
	-webkit-transform: translate3d(0, 0, 0);
}

#html5Video,
#html5Video h1,
#html5Video h2 {
	color:white;
}
#html5Video h1
{
	font-weight:700;
}

#html5Video h2:after
{
	border:none;
}



/** center content **/
.container.vAlignCenter {
	display:table;
	height:100%;
	width:100%;
}
.vAlignCenter .row {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}

@media(min-width:768px){
	
	.formatIcon i {font-size: 33px;}
	#html5Video { height:350px;}
}
@media(min-width:992px){
	#html5Video { height:400px;}
}

@media(min-width:1200px){
	#html5Video { height:450px;}

}

/* END PAGES
================================================== */


/* PORTFOLIO
================================================== */



nav#filter {margin-bottom:22px;}
nav#filter ul {padding:0;}
nav#filter li{ display:inline-block;list-style:none;}
.isotopeItem {margin-bottom: 22px;}
.page-header .projectTitle {text-align: right;}
header#project{padding:22px 0;}
#project h1 {text-align:left;}
.centerBtn {display:inline-block!important;}
#fullWidthImageProject img{width: 100%;}
#portfolioFullWidth #shareme {float:right;}


/* MISCELANIOUS
================================================== */
/* Preloader one page */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000; /* makes sure it stays on top */
}

#status {
	width:304px;
	height:300px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	margin:-125px 0 0 -150px; /* is width and height divided by two */
	text-align: center;
	padding-top: 20px;
}


/*** Scroll up Button ***/
#nekoToTop{
	position: fixed;
	bottom: 0;
	right: 20px;
	padding:5px;
	display:none;
	border-radius: 4px 4px 0 0;
	width: 50px;
	text-align: center;
	z-index:100;
}



/*** demo ***/
.highlight{margin-bottom: 44px;}
.bs-docs-section .btn {margin-bottom: 11px;}

/*** STYLE SWITCHER ***/
#switcherContent{padding:0 0 15px 0;}
.styleSwitcher {background:rgba(220, 220, 220, 0.5); position:fixed; top:200px; width:170px;left:-170px;z-index:9999}' +
.switcher.dark{background:#555;}
.styleSwitcher ul li{display:inline-block; line-height: 20px;}
.styleSwitcher ul {display:block; padding:0; margin:0}
.styleSwitcher ul.switcher li a {display:block; text-indent:-3000px; overflow:hidden; border:none; width:20px; height:20px; margin:0 5px 0 0;}
.styleSwitcher h1 {padding:0 0 6px 15px; line-height:44px;font-size:14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase; color:#333;border:none; margin:0; text-align:left;}
.styleSwitcher h1:after {content:none;}
.styleSwitcher #showHideSwitcher{outline:none; width:50px; height:50px; position:absolute; right:-50px; background:rgba(220, 220, 220, 0.5); top:0; font-size:24px; text-align:center; line-height:50px; color:#333;}
.styleSwitcher #showHideSwitcher:hover i {color:#fff;}
.styleSwitcher select{font-size:11px;margin:0 0 15px 15px;background:#eee; border:1px solid #ddd; width:120px;padding:4px; color:#333;}
.styleSwitcher .switcher {padding:15px 15px 8px 15px;}
.styleSwitcher .switcher.dark {background:rgba(0, 0, 0, 0.5);}
.layoutStyle{ margin-bottom:10px; }
a.btnSwitcher {
	display: block;
	width:120px;
	border:1px solid #eee;
	background:#fff;
	margin-top:10px;
	text-transform: uppercase;
	padding:10px;
	color:#777;
	text-decoration: none;
	text-align: center;
	margin-left: 15px;
}
.btnSwitcher.active, .btnSwitcher:hover {
	border-color:#eee;
	background:#eee;
} 
/* font icon test */
ul.iconsTest {
	margin:0 0 22px 0;
}
.iconsTest li {
	display:block;
	float:left;
	margin-right: 22px;
}
.ico1 {
	color: #00CCFF;
	font-size: 1em;
}
.ico2 {
	color: #3366FF;
	font-size: 3em;
}
.ico3 {
	color: #6666CC;
	font-size: 6em;
}
.ico4 {
	color: #FFFFFF;
	font-size: 6em;
	text-shadow: 0 2px 2px #777777;
}
/*** end demo ***/

/*** hover images ***/

.imgHover article {
	display: inline-block;
	position: relative;
}

.imgHover figure {
	margin: 0;
	position: relative;
}

.imgHover figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.imgHover figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;

}

.imgHover figcaption h3 {
	margin: 0;
	padding: 0;
}

.imgHover figcaption span:before {
	content: 'by ';
}

.neko-hover-1 figure {
	overflow: hidden;
}

.neko-hover-1 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .neko-hover-1 figure:not(.noCss3):hover img,
.neko-hover-1 figure.cs-hover img{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);

}

.neko-hover-1 figcaption {

	width: 100%;
	top: auto;
	bottom: 0;
	/*opacity: 0;*/
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}


.no-touch .neko-hover-1 figure:not(.noCss3):hover figcaption,
.neko-hover-1 figure.cs-hover figcaption {
	/*opacity: 1;*/
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.neko-hover-1 figcaption .iconLinks {
	position: absolute;
	bottom: 20px;
	right: 20px;
}



.neko-hover-1 figcaption .iconLinks a{
	display: inline-block;

}
/*update 20140625*/

.neko-hover-1 figcaption .iconLinks a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-right: -4px;
}

.neko-hover-1 figcaption .iconLinks a.image-link,
.neko-hover-1 figcaption .iconLinks a.image-iframe{
	border-left: 1px dotted rgba(255, 255, 255, 0.5);
}

.neko-hover-1 figcaption .iconLinks {
	
	position: absolute;
	bottom: 5px;
	right: 4px;
}
.pinInfo {
	/*padding-right:80px;*/
}

.pinInfo p {font-size: 12px; margin-bottom: 33px;}
/* end update 20140625*/

/*** social icons ***/
ul.socialNetwork {padding:0; display: block;}
ul.socialNetwork li {display:inline-block; list-style-type: none;}


/*** pricing table ***/
.pricingBloc {
	text-align:center;
	margin-top:22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 22px;
	overflow: hidden;

}

.pricingBloc:hover {
	margin-top:18px;
}

.pricingBloc .iconRounded{display: inline-block; margin-top: 22px;}
.pricingBloc ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.pricingBloc ul li {
	padding:11px 0
}
.pricingBloc h2 {
	font-size: 14px;
	margin-bottom: 0;
	padding: 11px;
	font-weight: 100;
}

.pricingBloc h3 {
	font-size: 44px;
	font-weight: 100;
	display: block;
	padding: 22px;
	margin-bottom: 0;
}
.pricingBloc h3 span {
	font-size: 14px;
	font-weight: 100;
	margin: 11px 0 0 0;
	display: block;
	letter-spacing: normal;
	line-height: 22px;
}
.pricingBloc p {
	margin-bottom:0;
	padding:1.5em
}
.pricingBloc.focusPlan {
	margin-top:0;
}
.pricingBloc.focusPlan h3 {
	font-size:66px;
	padding:22px;
}
/*** end pricing table ***/

/*** responsive video ***/
.videoWrapper {
	position: relative;
	padding-bottom: 56.2%;
	height: 0;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper.videoFormat2 {
	padding-bottom:61%; /*ratio = 198/500*100 */
}

p.credits {
	padding:1.5em;
	margin-bottom:1.5em
}
/*** end responsive video ***/

/*** share plugin ***/

.sharrre .button {
	float: left;
	width: 60px;
}
#shareme h4 {margin-top: 22px; font-size: 16px;}
#shareme a {
	display:block;
	text-align: center;
	width: 44px;
	height: 44px;
	padding-top: 10px;
	float:left;
	border-radius:5px;
	margin-right: 5px;
}
#shareme i {color:#fff;}
#shareme .facebook {background:#3b5998;}
#shareme .twitter {background:#55ACEE;}
#shareme .googleplus {background:#d34836;}


/*** Buttons **/
#sharemeBtn a {margin:0 11px 11px 11px; }
#sharemeBtn a, #sharemeBtn i {color:#fff;}
#sharemeBtn .btnFacebook {background:#3b5998;}
#sharemeBtn .btnTwitter {background:#55ACEE;}
#sharemeBtn a.btnFacebook:hover {border-color:#3b5998;}
#sharemeBtn a.btnTwitter:hover {border-color:#55ACEE;}



/*** MEDIA QUERIES ***/

@media(max-width:767px){
	.img-responsive {
		width:100%;
	}	
}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/

/* END MISCELANIOUS
================================================== */