/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 1.4
Created: September 2014
License URI:http://support.wrapbootstrap.com/
File Description:Main CSS file of the template */

/* TABLE OF CONTENTS

2) Layout
3) Sections
4) Pages ( blog,
about etc )
5) Template Components
6) Navigations
7) Blocks/Widgets
8) Main Slideshow
10) IE 8 Support
* */



/* 2 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
	background-color: #ffffff;
}
.header-top {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dadada;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
}
.header-top.dark {
	background-color: #27272A;
	border-bottom: 1px solid #000000;
	color: #cdcdcd;
}
.header-top.banner {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
}
.header {
	/*padding: 20px 0;*/
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
}
.header.dark {
	background-color: #36373C;
	border-top: 1px solid #515151;
	border-bottom-color: transparent!important;
}
.header.header-small {
	padding: 10px 0;
}
.banner {
	background-color: #f1f1f1;
	border-bottom: 1px solid #eaeaea;
}
.page-intro {
	padding: 10px 0;
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	background-color: #fafafa;
	border-bottom: 1px solid #dadada;
}
.banner + .page-intro {
	margin-top: -56px !important;
	position: relative;
	background-color: rgba(250, 250, 250, 0.9);
	z-index: 2;
}
.page-top {
	padding: 40px 0;
}
.main-container {
	padding: 40px 0;
}
.full-height .main-container {
	padding-top: 80px;
}
.section {
	padding: 25px 0;
}
.footer-top.light-gray-bg {
	border-top: 1px solid #f1f1f1;
}
.footer {
	padding: 30px 0;
	background-color: #262626;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #333333;
}
.subfooter {
	padding: 25px 0;
	background-color: #000000;
}
.block {
	padding-bottom: 40px;
}
.sidebar .block:first-child {
	margin-top: 2px;
}

@media (min-width: 768px) {
	:not(.fixed-header-on) .header.transparent {
		position: absolute;
		width: 100%;
		z-index: 30;
		background-color: rgba(255,255,255,0.3);
		border-color: transparent;
	}
	:not(.fixed-header-on) .dark.header.transparent {
		background-color: rgba(0,0,0,0.3);
	}
}

/* Boxed Layout
---------------------------------- */

/* Parallax effect
---------------------------------- */
.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {
	background-attachment: fixed !important;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 50px 0;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.light-translucent-bg {
	color: #333;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
.header + .banner > .light-translucent-bg { border-top: none; }

.slider-banner-container .light-translucent-bg {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;
}
.slider-banner-container .dark-translucent-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;
}
.slider-banner-container li .light-translucent-bg:after,
.slider-banner-container li .dark-translucent-bg:after {
	background-color: transparent;
}
.light-translucent-bg .separator-2 {
	background-color: #333;
}
.light-translucent-bg:after {
	background-color: rgba(255, 255, 255, 0.7);
}
.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.7);
}
.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.default-translucent-bg:after {
	background-color: rgba(232, 76, 61, 0.7);
}
.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
	color: #ffffff;
}
.default-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.default-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
	z-index: 3;
	position: relative;
}
.parallax-bg {
	background: url("../images/parallax-bg.jpg") 50% 0px no-repeat;
}
.parallax-bg-2 {
	background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;
}
.parallax-bg-3 {
	background: url("../images/parallax-bg-3.jpg") 50% 0px no-repeat;
}

/* Custom Grid
---------------------------------- */

/* Miscellaneous
---------------------------------- */

/* 3 Sections
----------------------------------------------------------------------------- */
/* 4 Pages
----------------------------------------------------------------------------- */

/* Blog Timeline layout
---------------------------------- */

/* 5 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */

/* Links
---------------------------------- */
.link {
	padding-right: 23px;
	position: relative;
	display: inline-block;
	text-align: right;
}
.link:hover {
	text-decoration: none;
}
.link:hover span {
	text-decoration: underline;
}
.link:after {
	content: "\f178";
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	top: 2px;
}
.link-light {
	color: #ffffff;
	text-decoration: none!important;
}
.link-light:hover {
	color: #ffffff;
	text-decoration: underline!important;
}
.link-dark {
	color: #333333;
	text-decoration: none!important;
}
.link-dark:hover {
	color: #333333;
	text-decoration: underline!important;
}
#footer:not(.light) .link-dark {
	color: #cdcdcd;
}
#footer:not(.light) .link-dark:hover {
	color: #cdcdcd;
}
/* Forms
---------------------------------- */

/* Pager
---------------------------------- */


/* Nav pills
---------------------------------- */


/* Collapse
---------------------------------- */


/* Circular Progress Bars
---------------------------------- */

/* Popups
---------------------------------- */

/* Images and Images overlay
---------------------------------- */


/* Responsive iframe
---------------------------------- */
.tp-caption .embed-responsive {
	overflow: visible;
}

/* 6 Navigations
----------------------------------------------------------------------------- */
/* 7 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo
---------------------------------- */

/* Boxes
---------------------------------- */

/* Header top dropdowns
---------------------------------- */

/* Full Width Content
---------------------------------- */


/* Scroll to top
---------------------------------- */

/* 8 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution
---------------------------------- */
.slider-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.slider-banner,
.slider-banner-2,
.slider-banner-3,
.slider-banner-fullscreen {
	width: 100%;
	position: relative;
}
.slider-banner>ul,
.slider-banner-2>ul,
.slider-banner-3>ul,
.slider-banner-fullscreen>ul {
	display: none;
}
.tp-loader.spinner0 {
	background: url("../images/loader.gif") no-repeat center center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-animation: none;
	animation: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	margin-left: -22px;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
	background-color: #666666;
	box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
}
.slideshow-boxed {
	padding: 20px 0 60px;
}
.slideshow-boxed .slider-banner-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #eaeaea;
}
.slideshow-boxed .tp-caption {
	margin-left: 20px !important;
}

/* Slider Revolution captions */
.tp-caption {
	z-index: 5;
}
.tp-caption a.btn,
.tp-caption a.btn:hover {
	color: #ffffff;
}

.default_bg {
	background-color: #e84c3d;
	color: #fff;
}

.white_bg {
	background-color: #ffffff;
	color: #333333;
}
.dark_gray_bg {
	background-color: #666666;
	color: #fff;
}
.light_gray_bg {
	background-color: #fafafa;
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
}
.tp-caption.small_thin_white {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 300;
	text-shadow: 1px 1px 1px #000000;
}
.tp-caption.small_thin_dark {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
	padding: 10px;
}
.tp-caption.large {
	font-size: 38px;
	padding: 15px;
	text-transform: uppercase;
}
.tp-caption.medium {
	font-size: 22px;
	padding: 2px 10px;
}
.tp-caption.small {
	font-size: 14px;
	padding: 5px;
}
.tp-caption.black,
.tp-caption .btn.black,
.tp-caption .btn.black:hover {
	color: #333333;
}

/* Large devices (Large desktops less than 1199px) */
@media (max-width:1199px) {
	.tp-caption {
		margin-left: 20px !important;
	}
}

/* Revolution Nav Controls */
.tparrows.round {
	background-image: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50% !important;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.tparrows.round:before {
	font-family: 'fontello';
	font-size: 24px;
	content: '\e87c';
	line-height: 52px;
	display: inline-block;
}
.tparrows.round.tp-rightarrow:before {
	content: '\e87d';
}
.tparrows.round:hover {
	color: #ffffff;
	background-color: #e84c3d;
}
.slideshow-boxed .slider-banner-container .tparrows {
	opacity: 0;
	filter: alpha(opacity=0);
}
.slideshow-boxed .slider-banner-container:hover .tparrows {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tp-bullets {
	z-index: 100;
}
.tp-bullets.simplebullets.round .bullet {
	background-image: none;
	width: 14px;
	height: 14px;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	margin: 0 3px;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.bullets-with-bg + .tp-bullets.preview4 {
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	padding: 5px 15px;
	bottom: -6px !important;
	border-radius: 3px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #e84c3d;
}
.tp-bannertimer {
	background-image: none;
	background-color: rgba(232, 76, 61, 0.7);
	z-index: 100;
	display: none;
}
.slideshow-boxed .tp-bullets {
	bottom: -33px !important;
}
.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {
	padding: 7px 15px 2px;
	bottom: -45px !important;
}
.slideshow-boxed .slider-banner-container .tp-rightarrow {
	right: 10px !important;
}
.slideshow-boxed .slider-banner-container .tp-leftarrow {
	left: 10px !important;
}
.slideshow-boxed .tp-bullets.hidebullets {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.tparrows.preview2 {
	background-color: rgba(0,0,0,0.3);
	color: #ffffff;
}
.tparrows.preview2:hover {
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
}
.tparrows.preview2:after {
	margin-top: -18px;
	left: 22px;
	color: #ffffff;
	font-family: "FontAwesome";
	content: "\f104";
	font-size: 36px;
	line-height: 1;
}
.tp-rightarrow.preview2:after {
	content: "\f105";
	left: auto;
	right: 22px;
}
.tparrows.preview2:hover:after {
	color: #ffffff;
}
.tparrows.preview2 .tp-arr-titleholder {
	color: #ffffff;
	font-size: 16px;
}



/* Medium devices (phones, tablets, laptops) */
@media (min-width: 768px) and (max-width: 979px) {
	.tparrows.preview2:after {
		margin-top: -13px;
		left: 15px;
		font-size: 24px;
	}
	.tp-rightarrow.preview2:after {
		left: auto;
		right: 15px;
	}
}

@media (max-width: 767px) {
	.tparrows.preview2 {
		display: none;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.tparrows,
	.tp-bullets {
		display: none;
	}
}


/* 10 IE8 Support
----------------------------------------------------------------------------- */
.ie8 .tp-caption{
	line-height: 1.5!important;
}
.ie8 .overlay {
	background-color: rgb(241, 241, 241);
	display: none;
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
}
.ie8 a.overlay i {
	display: none;
}
.ie8 .overlay-container:hover a.overlay i,
.ie8 .overlay-container:hover .overlay {
	display: block;
}