/*------------------------------------------------------------------
Theme Name: TRENDY
Version:	1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

	1. Global Styles
	2. Header 
		2.1. Menu Styles 
	3. Slider
	4. Services 
	5. Blog Styles 
	6. Portfolio 
		6.1. Portfolio 2 

	7. Pricing Table  
	8. Clients 
	9. Promo Box 
	10. Icons Wrap 
	11. Newsletter 
	12. Toggle Styles 
	13. Skills Bar 
	14. Team 
	15. Testimonials  
	16. Timeline 
	17. Contact Page 
	18. Twitterfeed 
	19. Info Wrap 
	20. Footer 
	21. Sidebar 
	22. Subpage Extras 
	
-------------------------------------------------------------------*/

/* 1. Global Styles */

html {
	overflow-y:scroll;
}

body {
	font-family: Verdana;
	color: #000;
	background: #e2e6ed;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100%;
}

p {
	line-height: 21px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
	color: #404040;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
}

.container {
	padding: 0;
}

.ts-main-center {
	width: 100%;
	background: #fff;
	padding: 12px 40px 0 40px;
}

/* 2. Header */

header { background: none repeat scroll 0 0 #005556;
padding-top:25px;
padding-bottom:25px;
padding-left:15px;
padding-right:15px;}

.logo h3 {
	margin: 0;
}










/* 2.1. Menu Styles */

#nav_menu {
}

#nav_menu,
#nav_menu ul,
#nav_menu ul li,
#nav_menu ul li a,
#nav_menu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav_menu:after,
#nav_menu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#nav_menu #menu-button {
	display: none;
}

#nav_menu {
	width: 110%;
	line-height: 1;
	margin: 0px 0px 0px;
	position: relative;
	z-index: 99999999;
	background: #C94A4A;
	height: 100px;
	margin-top:1px;
}

#nav_menu > ul {
	width: 100%;
	display: table;
	height: 130px;
}

#nav_menu > ul > li {
	float: left;
	width: 140px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	border-right: 1px solid #B73B24;
	position: relative;
}

#nav_menu > ul > li:after ,
#nav_menu > ul > li:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #b30015 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: .3s;
	z-index: 0;
}

#nav_menu > ul > li.active:after ,
#nav_menu > ul > li:hover:after {
	content: '';
	position: absolute;
	bottom: -10px;
	transition: .3s;
}

#nav_menu > ul > li:last-child {
	border-right: none;
}

#nav_menu > ul > li a i {
	width: 44px;
	height: 43px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: solid 1px rgba(255,255,255,0.1);
	display: block;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	display: table;
	margin: 0 auto 15px;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}

#nav_menu > ul > li a:hover i {
	border: solid 1px rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.2);
	box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}

#nav_menu > ul > li a span {
	font-size: 8px;
	position: relative;
	top: -4px;
}

#nav_menu.align-center > ul {
	font-size: 0;
	text-align: center;
}

#nav_menu.align-center > ul > li {
	display: inline-block;
	float: none;
}

#nav_menu.align-center ul ul {
	text-align: left;
}

#nav_menu.align-right > ul > li {
	float: right;
}

#nav_menu.align-right ul ul {
	text-align: right;
}

#nav_menu > ul > li > a {
	padding: 13px 0px 16px;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #ca4c4c;
	transition: .4s;
	position: relative;
	z-index: 15;
}

#nav_menu > ul > li:hover > a,
#nav_menu > ul > li.active > a {
	color: #fff;
	background: #b30015;
	
	border: none;
	transition: .5s;
}

#nav_menu > ul > li:hover,
#nav_menu > ul > li.active {
	border: none;
}

#nav_menu ul ul {
	position: absolute;
	left: -9999px;
	background: rgba(98,104,112,0.7);
	opacity: 0.9;
	padding: 0;
	width: 100px;
	min-width: 230px;
	max-width: 400px;
	transition: .3s;
	margin-top:-25px;
	border-top: 1px solid #626c79;
}

#nav_menu li:hover > ul {
	left: auto;
	top: 125px !important;
	transition: .3s;
}

#nav_menu.align-right li:hover > ul {
	right: 0;
}

#nav_menu ul ul ul {
	margin-left: 100%;
	top: -1px;
	background: rgba(0,0,0,0.7);
	min-width: 150px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

#nav_menu ul ul li:hover > ul {
	left: auto;
	top: 0px !important;
	transition: .3s;
}

#nav_menu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#nav_menu ul ul li a {
	text-transform: none;
	padding: 0 25px;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin: 0px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #626870;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#nav_menu ul ul li:last-child a {
	border-bottom: none;
}

#nav_menu ul ul li:hover > a,
#nav_menu ul ul li a:hover {
	color: #ffffff;
	background: rgba(0,0,0,0.3);
	transition: .3s;
}

#nav_menu ul li:nth-child(6) ul ul {
	margin-left: -230px;
	top: -1px;
	background: rgba(0,0,0,0.7);
	min-width: 230px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

/* 3. Slider */