/*---------------------------------------------------------------

TABLE OF CONTENTS

	1. RESET
	2. GENERAL
	3. MAIN MENU
	4. SLIDER SETTINGS
		4.1 REVOLUTION SLIDER SETTINGS (SEE SETTINGS.CSS)
	5. CALLOUT SECTION
	6. PAGE SPECIFIC ELEMENTS
		6.1 TEAM-MEMBERS
		6.2 SERVICES
		6.3 PAGE TOPBAR
		6.4 PAGE DESCRIPTION
		6.5 BREADCRUMBS
	7. PORTFOLIO
	8. BLOG
	9. PARALLAX
	10. CONTACTFORM / COMMENTFORM
		10.1 COMMENTS
	11. FOOTER
	12. SHORTCODES
		12.1 PRICING TABLES
		12.2 BUTTONS
		12.3 SKILLS
		12.4 LISTS
		12.5 MAP
		12.6 DROPCAP
		12.7 TOGGLES AND ACCORDIONS
		12.8 HIGHLIGHTS AND BLOCKS
		12.9 ICONS
		12.10 PAGINATION
	13. BOXED LAYOUT

-----------------------------------------------------------------*/

@font-face {
    font-family: 'TitilliumMaps26L';
    src: url('../fonts/TitilliumMaps26L.eot');
    src: url('../fonts/TitilliumMaps26Ld41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumMaps26L.woff') format('woff'),
         url('../fonts/TitilliumMaps26L.ttf') format('truetype'),
         url('../fonts/TitilliumMaps26L.svg#TitilliumMaps26L-999wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumMaps26L250';
    src: url('../fonts/TitilliumMaps26L003.eot');
    src: url('../fonts/TitilliumMaps26L003d41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumMaps26L003.woff') format('woff'),
         url('../fonts/TitilliumMaps26L003.ttf') format('truetype'),
         url('../fonts/TitilliumMaps26L003.svg#TitilliumMaps26L-250wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------
	1. RESET SETTINGS
------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0 !important;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------
	2. GENERAL
------------------------------------------------------------------*/

body {
	background: #f9f9f9;
	height: 100%;
	padding-top: 5px;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'TitilliumMaps26L', Helvetica, Arial, sans-serif;
	color: #333;
}

p {
	font-size: 13px;
	line-height: 1.615em;
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #00c7df;
	text-decoration: none;
	outline: 0;
}

ul, li {
	list-style: none;
}

blockquote {
    font-style: italic;
    border-color: #00A0E3 !important;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

#header {
	width: 100%;
	min-height: 75px;
	margin: 0 auto !important;
	border-bottom: 5px solid #d3d3d3;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec)); 
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
	background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ececec);
	background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
	background-image: linear-gradient(top, #f9f9f9, #ececec);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#ececec'); */
	border-bottom: 1px solid #dbdbd5;
}

#logo {
	float: left;
	padding: 10px;
}

ul.social-networks-header {
	float: right;
	margin: 0px;
	padding: 0;
	margin: 50px 0 4px 0;
	padding-left: 15px !important;
	border-left: 1px dotted #ccc;
}

ul.social-networks-header li {
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
	list-style: none;
}
	
ul.social-networks-header li a {
	float: left;
}

.left_pos {
	float: left;
}

.right_pos {
	float: right;
}

.static {
	position: relative !important;
}

.static img {
	width: 100% !important;
	height: auto !important;
}

/*************************************************************
	MARGINS
 *************************************************************/

.margin10 {
	margin-top: 10px !important;
}

.margin20 {
	margin-top: 20px !important;
}

.margin30 {
	margin-top: 30px !important;
}


/*------------------------------------------------------------------
	3. MAIN MENU
------------------------------------------------------------------*/

.navbar {
	*position: relative;
	*z-index: 2;
	overflow: visible;
	float: right;
}

.mainMenu ul.menu li ul {
	display: none;
	margin-top: -7px;
}

.mainMenu ul.menu {
	float: right;
	margin: 35px;
}

.mainMenu ul.menu a {
	cursor: pointer;
	font-weight: bold;
}
	
.mainMenu ul.menu li {
    display: inline-block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

li.parent ul a {
	color: #fff;
}

.mainMenu ul.menu > li > a {
    border-radius: 0 0 0 0;
    border-bottom: 4px solid transparent;
    float: left;
    font-size: 13px;
    margin-bottom:  0;
    padding: 25px 20px;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.mainMenu ul.menu > li.parent {
     display: block;
     float: left;
     width: auto;
}

.mainMenu ul.menu li a {
	-khtml-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}

.mainMenu ul.menu li.parent ul, 
.mainMenu ul.menu li ul li.parent ul {
    list-style: none;
    position: absolute;
    float: left;
    min-width: 170px;
    z-index: 9;
}

.mainMenu ul.menu li.parent ul {
    left: 0;
    margin: 0;
    top: 67px;
	z-index: 1000;
}

.mainMenu ul.menu li ul li.parent ul {
    left: 99%;
    top: -1px;
}

.mainMenu ul.menu li.parent ul li {
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mainMenu ul.menu li.parent ul li a {
    float: left;
    margin: 0 15px 0 8px;
    padding: 11px 0;
    font-size: 13px;
    text-indent: 10px;
	white-space: nowrap;
	width: 90%;
	-khtml-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mainMenu ul.menu li.last.parent ul li ul {
	left: -172px;
}

.mainMenu ul.menu li:last-child ul li.parent ul {
    left: -99%;
    top: 0;
}

.mainMenu ul.menu li.parent ul li:hover,  
.mainMenu ul.menu li ul li.parent ul li:hover, 
.mainMenu ul.menu li ul li ul li.parent ul li:hover {
   background-color: rgba(255, 255, 255, 0.2);
}

.navButton a.btn {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    margin: 23px 20px 0 !important;
    margin: 0;
    padding: 0;
}

.navButton a.btn:hover {
	background: none;
}

.navButton a.btn i {
	font-size: 28px;
}

@media (max-width: 979px) {

.mainMenu ul.menu {
	margin: 10px 0 0 0;
	float: none;
	padding: 0;
}

.mainMenu ul.menu li, 
.mainMenu ul.menu a {
	cursor: pointer;
}

.mainMenu ul.menu li {
	display: block;
	float: none;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.mainMenu ul.menu li a {
	display: block;
	float: none;
	padding: 0 0 0 15px;
	line-height: 28px;
}

.mainMenu ul.menu > li > a {
	border-bottom: 1px solid transparent;
}

.mainMenu ul.menu li.parent ul,  
.mainMenu ul.menu li ul li.parent ul, 
.mainMenu ul.menu li ul li ul li.parent ul {
	border: medium none;
	float: none;
	left: 0;
	list-style: none outside none;
	position: relative;
	width: auto;
	z-index: 9;
}

.mainMenu ul.menu li.parent ul {
	left: 0;
	margin: 0;
	top: 0;
}

.mainMenu ul.menu li.parent ul li a {
	border-bottom: none;
}

.mainMenu ul.menu > li.parent {
	display: block;
	float: none;
	width: auto;
}

.mainMenu ul.menu > li {
	border-top: 1px solid rgba(0,  0,  0,  0.18);
	overflow: hidden;
}

.mainMenu ul.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.mainMenu ul.menu ul li {
	border-top: 1px solid rgba(0,  0,  0,  0.18);
	border-bottom: none;
}

.mainMenu ul.menu ul li a, 
.mainMenu ul.menu ul li.parent ul li a {
	display: block;
	line-height: 25px;
	text-decoration: none;
	font-size: 14px;
}

.mainMenu ul.menu li.parent ul li a {
	border-top: none;
}

.mainMenu ul.menu li.parent ul li {
	border-bottom: medium none;
	clear: both;
}

span.arrow {
	background:  url("../images/arrow.png") no-repeat scroll 0 10px transparent;
	height: 20px;
	margin: 0 10px;
	position: absolute;
	right: 0;
	width: 20px;
}

.mainMenu ul.menu li.parent > a,  
.mainMenu ul.menu li ul li.parent > a {
	-khtml-transition: all 0.1s ease 0s;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}

.mainMenu ul.menu li.parent ul li a {
	padding: 2px 0 2px 25px;
	float: none;
}

.mainMenu ul.menu li:last-child ul li.parent ul {
	left: 0 !important;
	top: -1px;
}

}

.mainMenu ul.menu > li > a {
	color: #333333;
}

.mainMenu ul.menu > li > a.active,
.mainMenu ul.menu > li > a:hover {
	color: #326381;
}

.mainMenu ul.menu li.parent ul,
.mainMenu ul.menu li ul li.parent ul {
	background-color: #00A0E3;
}

.mainMenu ul.menu > li > a:hover, 
.mainMenu ul.menu > li > a.active {
	border-bottom: 4px solid #00A0E3;
}

@media (max-width: 979px) {
.mainMenu ul.menu > li > a:hover, 
.mainMenu ul.menu > li > a.active {
	border-bottom: 1px solid #00A0E3;
}

}

/*************************************************************
	NAVBAR
 *************************************************************/

.navbar .btn-navbar {
	display: none;
	float: right;
	padding: 7px 10px;
	margin-right: 5px;
	margin-left: 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ededed;
	*background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
	background-repeat: repeat-x;
	border-color: #e5e5e5 #e5e5e5 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

.fade.in {
	opacity: 1;
}

.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.collapse.in {
	height: auto;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
	color: #000;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.btn {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}

.btn:active,
.btn.active {
	background-color: #ccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
	color: #333;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active,
.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media (min-width: 1200px) {
.page_container,
.navbar-static-top .page_container,
.navbar-fixed-top .page_container,
.navbar-fixed-bottom .page_container {
	width: 970px;
}

}

@media (min-width: 768px) and (max-width: 979px) {

.page_container,
.navbar-static-top .page_container,
.navbar-fixed-top .page_container,
.navbar-fixed-bottom .page_container {
	width: 724px;
}

}

@media (max-width: 480px) {
.nav-collapse {
	-webkit-transform: translate3d(0, 0, 0);
}

}

@media (max-width: 979px) {
body {
	padding-top: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: static;
}

.navbar-fixed-top {
	margin-bottom: 20px;
}

.navbar-fixed-bottom {
	margin-top: 20px;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
	padding: 5px;
}

.navbar .container1 {
	width: auto;
	padding: 0;
}

.navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
	margin: 0 0 0 -5px;
}

.nav-collapse {
	clear: both;
}

.nav-collapse .nav {
	float: none;
	margin: 0 0 10px;
}

.nav-collapse .nav > li {
	float: none;
}

.nav-collapse .nav > li > a {
	margin-bottom: 2px;
}

.nav-collapse .nav > .divider-vertical {
	display: none;
}

.nav-collapse .nav .nav-header {
	color: #777777;
	text-shadow: none;
}

.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
  
.nav-collapse .dropdown-menu li + li a {
	margin-bottom: 2px;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background-color: #f2f2f2;
}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
	color: #999999;
}

.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
	background-color: #111111;
}

.nav-collapse.in .btn-group {
	padding: 0;
	margin-top: 5px;
}

.nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.nav-collapse .open > .dropdown-menu {
	display: block;
}

.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
	display: none;
}

.nav-collapse .dropdown-menu .divider {
	display: none;
}

.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
	display: none;
}

.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
	border-top-color: #111111;
	border-bottom-color: #111111;
}

.navbar .nav-collapse .nav.pull-right {
	float: none;
	margin-left: 0;
}

.nav-collapse,
.nav-collapse.collapse {
    height: 0;
	overflow: hidden;
}

.navbar .btn-navbar {
	display: block;
}

.navbar-static .navbar-inner {
	padding-right: 10px;
    padding-left: 10px;
}
}

@media (min-width: 980px) {
.nav-collapse.collapse {
	height: auto !important;
	overflow: visible !important;
}

}

/*------------------------------------------------------------------
	4. SLIDER SETTINGS
------------------------------------------------------------------*/

#slider_container {
	width: 100% !important;
	height: 440px !important;
	padding-top: 0px !Important;
}

.boxedcontainer {
	max-width: 100%;
	margin: auto;
	padding: 0px 0px;
}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width: 100%;
	position: relative;
	padding: 0;
}

.tp-banner{
	width: 100% !important;
	position: relative !important;
	margin: 0 auto !important;
}

.tp-banner-fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0;
}

/*********************************************
	-	FLEXSLIDER	-
**********************************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	max-width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child { display: block; }

.flexslider {
	position: relative; 5px; zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1;
	position: relative;
}

.flex-caption {
	zoom: 1;
}

.flex-caption {
	z-index: 500;
	position: absolute;
	bottom: 0px;
	left: 92px;
	background: #444;
	color: #fff;
	max-width: 70%;
	padding: 14px 20px;
	margin-bottom: 0;
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}

.flex-direction-nav li a {
	background: url(../img/sprite_flexslider.png) no-repeat scroll 0 0 #444;
	bottom: 20px;
	width: 45px;
	height: 45px;
	position: absolute;
	text-indent: -999em;
}

.flex-direction-nav li a:hover { }
.flex-direction-nav li .prev {
	left: 0px;
	background-position: 17px -212px;
}

.flex-direction-nav li .next {
	left: 46px;
	background-position: 17px -282px;
}

.flex-direction-nav li .disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default;
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -15px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-nav li:first-child {
	margin: 0;
}

.flex-control-nav li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #ddd;
	cursor: pointer;
	text-indent: -999em;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	border-radius: 30px 30px 30px 30px;
}

.flex-control-nav li a:hover {
	background: #aaa;
}

.flex-control-nav li a.active {
	background: #aaa;
	cursor: default;
}

.slideshow-container {
	width: 100%;
	float: left;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	border-bottom: 1px solid #eee;
}

#index-slider {
	height: 320px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.slideshow-container, #index-slider {
	width: 714px;
	height: auto;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.slideshow-container, #index-slider {
	width: 420px;
	height: auto;
}

.slideshow-container .section-title {
	float: left;
	width: 380px;
}

.slideshow-container .section-title h1 {
	font: bold 28px/38px Helvetica, Arial, sans-serif;
}

.flex-caption, .pagination {
	display: none;
}

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.slideshow-container, #index-slider {
	width: 300px;
	height: auto;
}

.slideshow-container .section-title {
	float: left;
	width: 260px;
}

.slideshow-container .section-title h1 {
	font: bold 20px/25px Helvetica, Arial,sans-serif;
}
	
.flex-caption, .pagination {
	display: none;
}

}

/*------------------------------------------------------------------
	5. CALLOUT SECTION
------------------------------------------------------------------*/

.callout_box {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.callout_box h3 {
	margin-bottom: 20px;
	color: #989898;
	font-size: 15px;
}

.callout_box {
	border-top: 8px solid #404142;
	width: 100%;
	border-bottom: 6px solid #989898;
	padding: 26px;
}

.callout_box:before, .callout_box:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.callout_box:after {
	clear: both;
}

.callout_box {
	zoom: 1;
}

.callout_content {
    margin: 0 0;
}

.callout_content p {
    font-family: 'TitilliumText22LLight', sans-serif;
	font-size: 20px;
    color: #929292;
    margin: 0px 0 0 15px;
    width: 100%;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.mid {
	margin: -50px 15px 0 0;
}

.callout_content img {
    float: left;
}

.callout_content a {
    float: right;
    position: relative;
    top: 7px;
}

.callout_content p span {
	font-family: 'TitilliumText22LRegular', sans-serif;
    color: #363636;
	-webkit-font-smoothing: antialiased;
}

/*------------------------------------------------------------------
	6. PAGE SPECIFIC ELEMENTS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	6.1 TEAM-MEMBERS
------------------------------------------------------------------*/

.thumbnail {
	border: 1px solid #f3f3f3;
	font-size: 13px;
	background: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	border-bottom: medium double #ddd;
	text-align: center;
	line-height: 25px;
}

.thumbnail h4 {
	line-height: 0.5;
	margin-top: 5px;
	font-size: 18px;
	margin-bottom: 15px !important;
}

.thumbnail .caption {
	margin-top: 0px !important;
	color: #333;
	padding: 15px 20px 15px;
	background: #f7f7f7;
}

.thumbnail .caption span {
}

.thumbnail img {
	width: 100%;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}

.thumbnail img:hover {
	filter:blur(2px);
	-webkit-filter:blur(2px);
	-moz-filter:blur(2px);
	-o-filter:blur(2px);
	-ms-filter:blur(2px);
}

/*------------------------------------------------------------------
	6.2 SERVICES
------------------------------------------------------------------*/

.services {
	margin-top: 20px;
	margin-bottom: 10px;
}

.services i {
	width: 52px;
	height: 52px;
	float: left;
	margin: 15px 20px 20px 0;
	padding: 9px;
	background: #fff;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: .08em 1px 2px #dadada;
	-moz-box-shadow: .08em 1px 2px #dadada;
	-webkit-box-shadow: .08em 1px 2px #dadada;
	position: relative;
}

.services h3 { 
	font-size: 16px;
	display: block;
	overflow: hidden;
	color: #5d5d5d;
	border-bottom: 1px dotted #ccc;
	width: auto;
	margin-bottom: 10px; 
	padding-bottom: 10px; 
}
	
.services span {
	border-bottom: 1px dotted #ccc; 
	width: auto; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	display: block;
	overflow: hidden;
	color: #333;
}

.services p { 
	overflow: hidden;
	margin-top: 10px;
	color: #333;
}

.center {
	align: center !important;
}

/*------------------------------------------------------------------
	6.3 PAGE TOPBAR
------------------------------------------------------------------*/

.page_topbar {
	height: 70px;
	border-bottom: 1px solid #ebe9e9;
	border-top: 1px solid #eee;
	background: #f7f5f5;
}

.page {
	padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 0px;
	border-top: 8px solid #404142;
	border-bottom: 6px solid #989898;
}

/*------------------------------------------------------------------
	6.4 PAGE DESCRIPTION
------------------------------------------------------------------*/

#filterNav {
	float: left !important;
	padding: 15px 15px 0 0 !important;
}

#filterNav li {
	background: none;
	margin: 0 5px 5px 0;	
	display: block;
	float: left;
	border-right: 1px dotted #ccc;
}

#filterNav h3 {
	font-size: 20px;
	display: inline-block;	
	color: #333;
	text-decoration: none;
	position: relative;
	padding: 10px 20px 15px 0;
	border: none;
	line-height: 20px;
}

#filterNav span {
	font-size: 20px;
	display: inline-block;	
	color: #333;
	text-decoration: none;
	position: relative;
	padding: 9px 20px 15px 37px;
	border: none;
	line-height: 20px;
}

.no-border {
	border: none !important;
}

.description {
	font-size: 12px !important;
	padding: 12px 0 0 10px !important;
}

/*------------------------------------------------------------------
	6.5 BREADCRUMBS
------------------------------------------------------------------*/

#breadcrumbs ul {
	float: right;
	padding: 30px 25px 0 0;
	font-size: 13px;
	font-weight: 500;
}

#breadcrumbs ul li {
	display: inline-block;
	color: #999;
	margin: 0 0 0 5px;
}

#breadcrumbs ul li:after {content:"|";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #ccc;
	margin: 0 0 0 9px;
}

#breadcrumbs ul li:last-child:after,#breadcrumbs ul li:first-child:after {
	content:"";
	margin: 0;
}

#breadcrumbs ul li:last-child a,#breadcrumbs ul li a{
	color: #333;
	font-weight: 600;
}

#breadcrumbs ul li a:hover {
	color: #a0a0a0;
}

#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0;
}

#breadcrumbs ul li:first-child,#breadcrumbs ul li:last-child {
	color: #999;
	background: 0;
}

#breadcrumbs ul li:last-child {
	padding: 0;
	background: 0;
}

/*------------------------------------------------------------------
	CONTENT BOX TITLE
------------------------------------------------------------------*/

.content_box_title {
	width: 100%;
	background: url(../img/small-dot.gif) repeat-x 10px 10px;
	height: auto;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: 'TitilliumMaps26L', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 20px;
}

.content_box_title span.grey {
	background-color: #f8f8f8;
	color: #666;
	padding: 0 20px;
	margin: 0 auto;
}

.content_box_title span.white {
	background-color: #f8f8f8;
	color: #666;
	padding: 0 15px 0 0;
	margin: 0 auto;
}

.content_box_title_center {
	background: url(../img/small-dot.gif) repeat-x 0 10px;
	height: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: 'TitilliumMaps26L', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 20px;
}

.content_box_title_center span.grey {
	background-color: #f8f8f8;
	color: #666;
	padding: 0 20px;
	margin: 0 auto;
}

.content_box_title_center span.white {
	background-color: #f8f8f8;
	color: #666;
	padding: 0 20px;
	margin: 0 auto;
}

/*************************************************************
	CLEAR FLOTED ELEMENTS
 *************************************************************/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/*-------------------------------------
	SIDEBAR WIDGETS
-------------------------------------*/

.adress,
.bl-categ{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.adress li,
.bl-categ li{
	line-height: 33px;
	color: #a8a8a8;
	list-style: none;
}

.bl-categ li a{
	color: #a8a8a8;
	padding: 0 0 0 15px;
	background: transparent url('../images/categ-sprite.png') -4px 13px no-repeat;
	position: relative;
	display: block;
	border-bottom: 1px dotted #dedede;
	text-decoration: none;
	-webkit-transition:color 0.35s;
	-moz-transition:color 0.35s;
	-ms-transition:color 0.35s;
	-o-transition:color 0.35s;
	transition:color 0.35s;	
}

.bl-categ li:last-child a{
	border: none;
}

.bl-categ li a.active,
.bl-categ li a:hover {
	color: #404040;
}

.bl-categ li a i{
	display: block;
	position: absolute;
	opacity: 0;
	background: transparent url('../images/categ-sprite.png') 0 -7px no-repeat;
	position: absolute;
	top: 13px;
	left: 0;
	width: 4px;
	height: 7px;
	z-index: 2;
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
	transition:opacity 0.35s;
}

.bl-categ li a:hover i{opacity: 1;}

.descript-bl{
	margin-top: 20px !important;
	width: 100%;
	padding: 17px 19px 13px;
	float: left;
	background: transparent none;
	border: 1px solid #ebeaea;
}

.descript-bl .det-title,
.descript-bl .desc-title{
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #e3e3e3;
	color: #404040;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0 0 9px;
	padding: 0 0 15px 30px;
	background: transparent url('../img/descript-icons.png') -98px 3px no-repeat;
}

.descript-bl .det-title{
	background-position: -47px -46px;
	color: #1c1c1a;
	margin-bottom: 4px;
}

.descript-bl p{
	font-size: 12px;
	line-height: 24px;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 13px;
	margin-bottom: 13px;
}

.descript-bl .inform{
	margin: 0 0 13px;
	padding: 0;
	overflow: hidden;
}

.descript-bl .inform li{
	display: block;
	padding-left: 27px;
	font-size: 12px;
	color: #a8a8a8;
	line-height: 39px;
	list-style: none;
	border-bottom: 1px dotted #e3e3e3;
	background: transparent url('../img/descript-icons.png') 0 -87px no-repeat;
}

.descript-bl .inform li .active{
	display: block;
	padding-left: 5px;
	font-size: 12px;
	color: #00c7df;
	line-height: 39px;
	list-style: none;
	border-bottom: 1px dotted #e3e3e3;
	
}

.descript-bl .l-project,
.descript-bl .learn-more {
	padding: 0 24px;
	display: block;
	font-size: 12px;
	border: none;
	text-decoration: none !important;
	float: left;
	margin: 0 12px 0 0;
	background: transparent none;
	border: 1px solid #ebeaea;
	color: #404040 !important;
	height: 31px;
	line-height: 31px;
}
.descript-bl .learn-more:hover,
.descript-bl .l-project:hover {
	background: #fff;
}

/*------------------------------------------------------------------
	7. PORTFOLIO
------------------------------------------------------------------*/

.project-cell-bg{
	background-color: rgba(0, 0, 0, 0.8);
}

.project-cell-title a{
	color: #666666;
}

.project-cell-category a,.project-cell-category{
	margin-top: 5px;
	color: #666666;
}

.white-text .project-cell-title a{
	color: rgba(255, 255, 255, 0.8);
}

.white-text .project-cell-category a,.white-text .project-cell-category{
	color: rgba(255, 255, 255, 0.5);
}

.project-cell-detail{
	background: #f5f5f5
}

.project-cell:hover .project-cell-detail{
	background-color: #00A0E3;
	box-shadow: 0px -5px 0px 0px rgba(0, 0, 0, 0.2) inset;
}

.white-text .project-cell:hover .project-cell-detail{
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0px -5px 0px 0px rgba(255, 255, 255, 0.2) inset;
}

.project-cell:hover .project-cell-title a{
	color: white !important;
}

.project-cell:hover .project-cell-category a,.project-cell:hover .project-cell-category{
	color: rgba(255, 255, 255, 0.6);
}

.white-text .project-cell:hover .project-cell-title a{
	color: white;
}

.white-text .project-cell:hover .project-cell-category a,.project-cell:hover .project-cell-category{
	color: rgba(255, 255, 255, 0.8);
}

.project-cell-link{
	border: 2px solid white;
}

.project-cell-lightbox{
	border: 2px solid white;
}

/************ PORTFOLIO FILTERS ************/

.filters span{
	background-color: #666666 !important;
	color: #999999;
	border: 0px;
	position: relative;
    box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset;
}

.filters span:hover{
	background-color: #00A0E3 !important;
	color: white;
}

.filters span.active{
	background-color: #00A0E3 !important;
	color: white;
}

.white-text .filters span{
	background-color: rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 0.8);
}

.white-text .filters span:hover{
	background-color: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 1);
}

.white-text .filters span.active{
	background-color: white;
	color: #808080;
}

.filters:last-child{
	border-right: 0px;
}

b,strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

a{
	text-decoration:none;
}

img{
	max-width:100%;
}

.wrap-portfolio{ 
	width: 100%;
	margin: 0 auto;
	padding-bottom: 18px;
}

div.pp_default .pp_description { 
	color: #808080;
	padding: 0px 0px 0px 12px;
}

.project_relative_column .project-cell {
	margin-bottom:0px;
}

.project-cell {
	line-height: 0px;
	margin-bottom: 48px;
}

.project-cell a {
	line-height: 1px;
	font-size: 0px;
}

.project-cell-thumb{
	position: relative;
}

.project-cell-thumb img { width: 100% !important; height: auto !important; }

.project-cell-bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
	z-index: 10;
}

.project-cell:hover .project-cell-bg{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.project-cell:hover .project-cell-hover{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.project-cell-link{
	width: 44px;
	height: 44px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	margin-left: 12px;
	margin-top: -22px;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
	text-align: center;
}

.project-cell-link i,.project-cell-lightbox i{
	font-size: 20px;
	line-height: 44px;
	color: white;
}

.project-cell:hover .project-cell-link{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.project-cell .project-cell-link:hover{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.project-cell-lightbox{
	width: 44px;
	height: 44px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	margin-left: -60px;
	margin-top: -22px;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
	text-align: center;
}

.project-cell:hover .project-cell-lightbox{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.project-cell .project-cell-lightbox:hover{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.project-cell-detail{
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
	padding-top: 18px;
	padding-bottom: 3px;
}

.project-cell-title {
	text-align: center;
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
}

.project-cell-category{
	padding-bottom: 8px;
	text-align: center;
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
}

.project-cell-category a{
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
}

/* portfolio filter */

.portfolio-top{
	padding-top: 48px;
}

.portfolio_filter_item2{
	float: left;
	width: 438px;
	margin-left: 0px;
	margin-right: 34px;
}

.portfolio_filter_item3 {
	float: left;
	width: 287px;
	margin-left: 0px;
	margin-right: 24px;
}

.portfolio_filter_item4 {
	float: left;
	width: 228px;
	margin-left: 24px;
	margin-right: 24px;
}

.portfolio_filter_item3.last {
	margin-right: 0px !important;
}

.filters{
	margin-bottom: 48px;
}

.filters li{
	display: inline-block;
	margin-bottom: 6px;
}

.filters span{
	display: block;
	margin: 0 10px 10px 0;
	float: left; 
	padding: 10px 14px;
	list-style: none;
	font-family: 'Cabin', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	background: #00A0E3;
	text-decoration: none;
	color: #fff !important;
	cursor:pointer;
	margin-right:3px;
	transition: all 200ms ease-out; /*safari and chrome */
	-webkit-transition: all 200ms ease-out; /*safari and chrome */
}

.widget-element-bottom{
	margin-bottom:0px;
}

.full-column{
	padding-top:48px;
	padding-bottom:48px;
}

.small-column{
	width:320px;
	padding-top:48px;
	padding-bottom:48px;
}

.project-small-column{
	width:320px;
	padding-top:48px;
	padding-bottom:48px;
}

.big-column{
	width:688px;
	padding-top:48px;
	padding-bottom:48px;
}

.left{
	float:left;
	margin-right:48px;
}

.right{
	float:right;
}

.column1{
	float:left;
	width:100%;
}

.column2_1{
	float:left;
	width:504px;
	margin-right:48px;
}

.column3_1{
	float:left;
	width:320px;
	margin-right:48px;
}

.column3_2{
	float:left;
	width:688px;
	margin-right:48px;
}

.column4_1{
	float:left;
	width:228px;
	margin-right:48px;
}

.column4_2{
	float:left;
	width:504px;
	margin-right:48px;
}

.column4_3{
	float:left;
	width:780px;
	margin-right:48px;
}

.column2_1 .column2_1{
	float:left;
	width:228px;
	margin-right:48px;
}

.column2_1 .column3_1{
	float:left;
	width:136px;
	margin-right:48px;
}

.column2_1 .column4_1{
	float:left;
	width:90px;
	margin-right:48px;
}

.column3_1 .column2_1{
	float:left;
	width:136px;
	margin-right:48px;
}

.column3_2 .column2_1{
	float:left;
	width:320px;
	margin-right:48px;
}

.column4_1 .column2_1{
	float:left;
	width:90px;
	margin-right:48px;
}

.column4_2 .column2_1{
	float:left;
	width:228px;
	margin-right:48px;
}

.column4_2 .column3_1{
	float:left;
	width:136px;
	margin-right:48px;
}

.column4_2 .column4_1{
	float:left;
	width:90px;
	margin-right:48px;
}

.column4_3 .column2_1{
	float:left;
	width:366px;
	margin-right:48px;
}

.column4_3 .column3_1{
	float:left;
	width:228px;
	margin-right:48px;
}

.column4_3 .column4_1{
	float:left;
	width:366px;
	margin-right:48px;
}

/* filter portfolio */
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
      -ms-transition-property: -ms-transform, opacity;
       -o-transition-property: -o-transform, opacity;
          transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#portfolio-section-des{
	font-family:'Open Sans',Arial !important;
	font-size:13px;
	line-height:20px;
}

.project-relative-title{
	font-family:'Open Sans',Arial !important;
	font-size:14px;
	line-height:20px;
	font-style:normal;
	font-weight:700;
	text-transform:uppercase;
}

.project-category-widget a{
	font-family:'Open Sans',Arial !important;
	line-height:20px;
	font-size:13px;
}

.project-cell-title a{
	font-family:'Open Sans',Arial !important;
	font-size:18px;
	line-height:24px;
	font-style:normal;
	font-weight:700;
}

.project-cell-category a{
	font-family:'Open Sans',Arial !important;
	font-size:13px;
	line-height:20px;
	font-style:normal;
	font-weight:400;
}

.filters span{
	font-family: 'Open Sans',Arial !important;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
	8. BLOG
------------------------------------------------------------------*/						
								
.post {
	padding: 20px 0 40px 0;
}

.post ul, .post ol {
	margin: 20px 40px 20px 40px;
}

.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}

.alignright {
	float: right; 
	margin: 10px 0 10px 10px;
}

.alignnone {
	margin: 10px 0;
}

.aligncenter, .center {
	text-align: center; 
	margin: 0 auto; 
	display: block;
}

#post-featured-image {
	height: 220px; 
	margin: 0 0 10px 0; 
	padding: 0 0 23px 0;
}

.post_title {
	margin-top: 15px !important;
	font-size: 20px !important;
}

.byline {
	color: #999; 
	border-bottom: 1px solid #EEE;
	padding: 6px 0; 
	margin: 15px 0 20px 0; 
	font-size: 11px; 
	font-family: verdana;
}

.byline span {
	color: #999;
}

.entry-title {
	margin: 0; 
	padding: 0 0 10px 0;
	line-height: 110%; 
	border-bottom: 1px solid #EEE;
}

.entry-title a {
	color: #666; 
	font-weight: 100;
}

.entry-title a:hover {
	text-decoration: underline;
}

.image-grid-border {
	background: #efefef;
	padding: 5px;
	border: 1px solid #ddd;
}

.date { 
	background: url(../images/date.png) no-repeat 0 0; 
	position: absolute;
	top: 75px; 
	left: 0px; 
	width: 51px; 
	height: 42px;
	z-index: 1000;
}
.date .day { 
	font-size: 18px; 
	font-weight: bold; 
	color: #fff; 
	text-align: center; 
	display: block; 
	text-shadow: #000000 0 -1px 0; 
	padding: 0 11px 0 0;  
}
.date .month { 
	color: #ffffff; 
	text-shadow: #000000 0 -1px 0; 
	font-size: 11px; 
	font-weight: bold; 
	display: block; 
	padding: 0; 
	text-align: center; 
	margin: -5px 8px 0 0;
}

/*************************************************************
	RECENT POSTS WIDGET
 *************************************************************/

ul.latest_blog {
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
}

ul.latest_blog li {
	margin: 0; 
	padding: 8px 0px 8px 0px !important; 
	list-style-type: none; 
	min-height: 73px; 
	list-style-type: none; 
	list-style-image: none;
	border: 0 !important;
}

.sidebarbox ul.latest_blog li {
	background: url(../images/line.gif) scroll left bottom repeat-x;
}

ul.latest_blog li h6.box_blog_title {
	margin: 0px 0px 2px; 
	padding: 3px 0px 0px;
}

.blog_title a {
	text-decoration: none;
}

ul.latest_blog li span.box_blog_meta_small {
	display: inline-block; 
	margin: 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	font-size: 9px; 
	color: #333;
	height: 27px;
	line-height: 27px; 
	text-transform: uppercase;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small {
	background: none;
	padding: 0px 0px 0px 0px;
	color: #e1e1e1;
	line-height: 130%;
	height: auto;
}

ul.latest_blog li span.box_blog_meta_small span {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small span {
	background: none;
	padding: 0;
	line-height: 130%;
	height: auto;
}

.small_list_blog {
	margin: 0; 
	padding: 0px 0px 0px 90px; 
	position: relative;
}

.small_list_blog .small_list_blog_thumbnail {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 60px; 
	height: 60px; 
	margin: 0px; 
	padding: 0px;
	border: 1px solid #efefef;
}

.small_list_blog .small_list_blog_thumbnail {
	height: 60px;
}

.small_list_blog .small_list_blog_thumbnail img {
	float: left; 
	margin: 0px; 
	padding: 5px; 
	width: 60px; 
	height: 60px;
}

ul.latest_blog li a {
	background: none; 
	padding: 0 !important; 
	margin: 0 !important;
}

ul.latest_blog li span.box_blog_meta_small a {
	display: inline;
}

/*------------------------------------------------------------------
	9. PARALLAX
------------------------------------------------------------------*/

.parallax {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	border-top: 5px solid #CCC;
}

.parallax-overlay {
	background-color: rgba(0, 0, 0, 0.25);
}

#parallax .section-header {
	margin-top: 70px;
}

#parallax h2.section-title {
	color: white;
}

#parallax {
	background-image: url("../img/parallax1.jpg");
}

#parallax2 {
	background-image: url("../img/parallax2.jpg");
}

.parallax .parallax-content {
	min-height: 180px;
	height: auto;
	height: 180px;
	text-align: center;
}

.paracontainer {
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.pararow {
	margin-left: -20px;
	margin-right: -20px;
}

.pararow:before, .row:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.pararow:after {
	clear: both;
}

.paratext {
	font-style: italic;
	font-size: 22px;
	margin-top: 100px !important;
	color: #fff;
}

.paratext1 {
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
}

/*------------------------------------------------------------------
	10. CONTACT FORM / COMMENTFORM
------------------------------------------------------------------*/

ol #commentform {
	width: 100%;
}

#commentform input {
	margin-right: 10px;
	padding: 5px;
}

.width {
	width: 45%;
}

#commentform textarea {
	width: 95%;
	max-width: 95%;
	height: 150px;
}

#commentform small span,
.contactform small span { 
	color: #F00;
}

#commentform small span.grey,
.contactform small span.grey{
	color: #999;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
}

input,
textarea {
	background: #fff;
	border: 1px solid #dad9d5;
}

input,
textarea {
	padding: 7px;
}

input:focus,
textarea:focus {
	background: #fff;
	border-color: #c8c6c2;
	color: #444444;
}

.message-sent { 
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span { 
	font-weight: bold;
}

p.error {
	display: none; 
	padding: 0 0 0px 0; 
	color: #FF3300;
}

p#submit {

}

p#success {
	display: none; 
	padding: 0 0 0 0px; 
	font-size: 16px; 
	text-align: left; 
	margin-bottom: 20px;
	color: #333 !important;
}

/*------------------------------------------------------------------
	10.1 COMMENTS
------------------------------------------------------------------*/

.comment {
	margin-top: 20px;
	position: relative;
	overflow: hidden
}

.comm-text-wrap {
	margin-left: 15px
}

.comm-text {
	background: transparent;
	margin-left: 62px;
}

.bubble {
	width: 85%;
	position: relative;
	margin-top: 15px;
	border: 1px #e8e8e8 solid;
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bubble-bg {
	position: absolute;
	left: -11px;
	width: 11px;
	height: 40px;
}

.bubble a {
	font-size: 11px;
	display: block;
	width: 60px;
	height: 35px;
	line-height: 35px
}

.bubble a,.bubble a:hover,.bubble a:visited {
	color: #40cbcd
}

.bubble a img {
	margin-left: 3px
}

.avatar {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px
}

.avatar1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 113px;
	height: 113px
}

.image_border {
	background: #efefef;
	padding: 5px;
	border: 1px solid #ddd;
}

.selection {
	font-family: verdana !important;
}

/*------------------------------------------------------------------
	11. FOOTER
------------------------------------------------------------------*/

#footer {
	min-height: 100px;
	background-color: #ece9e4;
	color: #989898;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: top 50%;
	border-top: 1px solid #b8b6b5;
}

#footer .pattern {
	position: absolute;
	height: 14px;
	width: 100%;
	background-color: rgba(64, 65, 66, 0.2);
	background-image: url(../img/checkered_trans_pattern.png);
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#footer_wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 40px 0;
	height: 100%;
	overflow: hidden;
}

#footer_bottom {
	background: #fff url(../img/footer.gif) no-repeat 50% 0%;
	position: relative;
	width: 100%;
	min-height: 35px;
	padding: 37px 0 37px 0;
	z-index: 99;
	margin-top: -40px !important;
}

#widget-footer {
	float: right;
	margin: -20px -7px 0 0;
}

#widget-footer h4 {
	
	float: left;
	min-height: 27px;
	margin: 0 11px 0 36px;
	padding: 0 0 0 36px;
	line-height: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #949494;
}

#footer-text {
	float: left;
	margin-top: -20px;
	padding: 4px 0 0 0;
	line-height: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #949494;
}

.footer_heading {
	font-size: 18px;
	font-weight: normal !important;
}

.dotted_line {
	background: transparent url(../img/line1.png) repeat-x bottom; 
	padding: .4em 0 0.8em 0;
	margin-bottom: 1em;
}

ul.social-networks {
	float: right;
	margin: 0;
	padding: 0;
}

ul.social-networks li {
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
	list-style: none;
}
	
ul.social-networks li a {
	float: left;
}

/*************************************************************
	LATEST POST FOOTER
 *************************************************************/

ul.latestpost {
	margin: 0;
	padding: 0;
}

ul.latestpost li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 13px;
	text-transform: none;
	color: #727272;
}

ul.latestpost li a:before {
	display: none;
}

ul.latestpost li strong {
	background: #fff;
	display: block;
	min-height: 58px;
	margin: 0 0 15px 0;
	padding: 0 0 0 49px;
	line-height: 58px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #3c3c3c;
}

ul.latestpost li strong a {
	text-decoration: none !important;
	color: #3c3c3c !important;
}

ul.latestpost li strong a:hover {
	color: #00A0E3 !important;
}
	
ul.latestpost li .excerpt {
	display: inline;
	line-height: 18px;
	font-size: 13px;
	color: #727272;
}

/*************************************************************
	RECENT POSTS WIDGET FOOTER
 *************************************************************/

#recent_blog_posts .item-header1 h4 {
	margin: 0;
	font: 18px/20px "Open Sans", sans-serif;
	font-weight: bold;
}

.item-header1 {
	margin-bottom: 50px;
 }

.item-header1 a {
	color: #858484 !important;
}

.item-header1 a:hover {
	color: #00A0E3 !important;
}

#recent_blog_posts .item-header1 .category-name,
#recent_blog_posts .item-header1 .createdby {
	display: inline-block;
	margin-right: 12px;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 7px;
	color: #888 !important;
}

#recent_blog_posts .published1 {
	background: #f3f3f3;
	border-bottom: 1px solid #dddddd;
	width: 77px;
	padding: 20px 0;
	float: left;
	margin: 0 16px 0 0;
}

.date-position1 {
	width: 67px !important;
	padding: 10px 0 !important;
}

#recent_blog_posts .published1 span {
	display: block;
	text-align: center;
	color: #333;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

#recent_blog_posts .published1 span.day1 {
	font-size: 34px;
	line-height: 36px;
}

#recent_blog_posts .published1 span.month1 {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
}

#recent_blog_posts .recent-item-wrapper {
	overflow: hidden;
}

#recent_blog_posts .recent-item-wrapper .item-image.blog-image {
	margin-right: 0;
	margin-bottom: 12px;
	float: none;
}

#recent_blog_posts .item1 {
	margin-bottom: 12px !important;
}

.recent_blog_text {
	font-size: 15px !important;
}

.less-margin-footer {
	margin-bottom: -10px !important;
}

/*------------------------------------------------------------------
	12. SHORTCODES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	12.1 PRICING TABLES
------------------------------------------------------------------*/

.pricing-table{
	text-align: center;
	margin: 0 0 40px;
	padding: 25px 0 0;
}

.pricing-table .span4:last-child,
.pricing-table .span3:last-child {
	margin-left: 21px;
}

.pricing-table .block {
	border: 1px solid #e8e8e8;
	background: #fff none;
	margin: 6px 0;
	padding: 0;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
}

.pricing-table .block.hover{
	margin: 0;
	padding: 7px 0 7px;
}

.pricing-table h3 {
	color: #00A0E3;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	padding: 21px 0 19px;
}

.pricing-table .hover h3 {
	color: #00A0E3;
}

.pricing-table .price {
	font-size: 32px;
	line-height: 32px;
	color: #00A0E3;
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	padding: 18px 0 14px;
}

.pricing-table .price span{
	display: block;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	line-height: 16px;
}

.pricing-table ul{
	margin: 0 0 26px;
	overflow: hidden;
}

.pricing-table ul li{
	list-style: none;
	display: block;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	line-height: 41px;
	color: #000;
}

.pricing-table ul li:nth-child(2n+1){
	background: #fcfcfc none;
}

.pricing-table a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin: 0 0 25px;
	font-size: 13px;
	font-weight: bold;
	width: 80px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background: #00A0E3;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-ms-transition: all 0.1s;
	transition: all 0.1s;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-box-shadow: inset 0 -2px #16bfd0;
	-moz-box-shadow: inset 0 -2px #16bfd0;
	box-shadow: inset 0 -2px #16bfd0;
}

.pricing-table a:hover {
	color: #e6e6e6;
}

/*------------------------------------------------------------------
	12.2 BUTTONS
------------------------------------------------------------------*/

a.button {
	color: #fff;
	background: #00A0E3;
}

a.button:hover {
	color: #ffffff;
	background: #5d666d;
}

a.button,
button.button,
input.button {
	display: inline-block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-decoration: none;
	border: none;
	background: #00A0E3;
	border-radius: 2px;
	text-transform: uppercase;
	font-family: 'Cabin', sans-serif;
	font-size: 12px;
}

a.button {
	padding: 4px 20px;
	height: 40px !important;
	line-height: 31px;
}

button.button,
input.button {
	padding: 10px 16px;
}

/*------------------------------------------------------------------
	12.3 SKILLS
------------------------------------------------------------------*/

.skills p{
	color: #808080;
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 30px;
}

.skills span{
	color: #808080;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	display: block;
}

.skill-bg {
	background: #f4f4f4;
	position: relative;
	width: 100%;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.skill1 {
	background: #edc844;
	width: 95%;
	height: 20px;
}

.skill2 {
	background: #edc844;
	width: 65%;
	height: 20px;
}

.skill3 {
	background: #edc844;
	width: 70%;
	height: 20px;
}

.skill4 {
	background: #edc844;
	width: 82%;
	height: 20px;
}

.skill5 {
	background: #edc844;
	width: 50%;
	height: 20px;
}

/*------------------------------------------------------------------
	12.4 LISTS
------------------------------------------------------------------*/

.navigation li { 
	display: block; 
	width: 100%;
	font-size: 12px; 
	font-family: verdana;
}

.navigation li a { 
	display: block; 
	color: #848484 !important;
	padding: 13px 0 10px 10px; 
	background: url(../images/star.png) no-repeat 8px 15px;
	text-decoration: none !important;
}

.navigation li.active a, .navigation li a:hover { 
	color: #333 !important;
	background: #f9f9f9 url(../images/star_dark.png) no-repeat 8px 15px; 
	padding: 13px 0 10px 10px; 
}

ul.simple-list {
    border: none !important;
    float: left;
    list-style: none;
    margin: 0px;
	color: #888 !important;
}

ul.simple-list li {
    list-style: none;
    padding: 8px 0 !important;
    border: none! important;
    border-bottom: 1px solid #e6e9ee!important;
    float: left;
    display: block;
    width: 100%;
}

ul.simple-list li i {
    margin-right: 5px;
    padding: 2px;
    font-size: 14px;
}

/*------------------------------------------------------------------
	12.5 MAP
------------------------------------------------------------------*/

#map-canvas {
	width: 100%;
	height: 350px;
}

#map-canvas img {
	max-width: inherit;
}

/*------------------------------------------------------------------
	12.6 DROPCAP
------------------------------------------------------------------*/

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 4px 6px 0 0;
	text-shadow: none;
}

/*------------------------------------------------------------------
	12.7 TOGGLES AND ACCORDIONS
------------------------------------------------------------------*/

.toggle {
	padding: 0;
	width: 100%;
	margin-bottom: -1px;
}

.toggle-trigger{
	border: 1px solid;
	border-radius: 2px;
	cursor: pointer;
	margin-bottom: -1px;
	padding: 12px 10px 12px 20px;
}

.toggle-content{
	display: none;
	border: 1px solid;
	margin: -1px 0;
	padding: 20px;
}

.toggle-icon{
	float: right;
}

.toggle-icon:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	float: right;
	margin: 0 13px 0px 5px;
}

.active-toggle .toggle-icon:before{
	content: "\f107";
	font-family: FontAwesome;
}

.toggle-trigger {
	background-color: #ffffff;
	border-color: #e9e9e9;
	color: #555555;
}

.toggle-content{
	background-color: #fefefe;
	border-color: #e9e9e9;
	color: #777777;
}

.toggle-icon:before {
	color: #888888;
}

.accordion{
	width: 100%;
	padding:0;
	margin:0 0 -1px 0;
}

.accordion-trigger{
	border-radius: 2px;
	padding: 12px 10px 12px 20px;
	border: 1px solid;
	cursor: pointer;
	margin-bottom: -1px;
}

.accordion-content{
	margin-top: -1px;
	padding: 20px;
	border: 1px solid;
	display: none;
	margin-bottom: -1px;
}

.open-on-load .accordion-icon:before{
	content: "\f107";
	font-family: FontAwesome;
}

.accordion-icon:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	float: right;
	margin: 0 13px 0px 5px;
}

.active-accordion .accordion-icon:before{
	content: "\f107";
	font-family: FontAwesome;
}

.accordion-trigger {
	background-color: #ffffff;
	border-color: #e9e9e9;
	color: #555555;
}

.accordion-content {
	background-color: #fefefe;
	border-color: #e9e9e9;
	color: #777777;
}

.accordion-icon:before {
	color: #888888;
}

/*------------------------------------------------------------------
	12.8 HIGHLIGHTS AND BLOCKS
------------------------------------------------------------------*/

.highlight1,
.highlight2,
.highlight3,
.highlight4 {
	padding: 1px 5px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	text-shadow: none;
	cursor: default;
}

.highlight1 {
	background: #ffd;
}

.highlight2 { 
	background: #eee;
}

.highlight3 {
	background: #00A0E3;
	color:#fff;
}

.highlight4 {
	background: #333;
	color: #fff;
}

.highlight1:hover {
	background: #fff;
}

.highlight2:hover {
	background: #333;
	color: #fff;
}

.highlight3:hover {
	background: none;
	color: #000;
}

.highlight4:hover {
	background: #fff;
	color: #000;
}

.block-1,
.block-2,
.block-3,
.block-4 {
	margin: 10px 0;
	padding: 8px 12px;
}

.block-1 {
	border: 1px solid #fbc4c4;
	background: #ffe9e9;
}

.block-2 {
	border: 1px solid #afcfed;
	background: #f8fcff;
}

.block-3 {
	border: 1px solid #b3dc82;
	background: #ebf6e0;
}

.block-4 {
	border: 1px solid #ded58a;
	background: #f4f2c7;
}

.block-1 span, .block-2 span, .block-3 span, .block-4 span {
	font-weight: bold;
}

/*------------------------------------------------------------------
	12.9 ICONS
------------------------------------------------------------------*/

.the-icons{
	list-style-type: none;
	margin: 0;
}

.the-icons li [class^="icon-"],.the-icons li [class*=" icon-"]{
	display: inline-block;
	text-align: center;
}

.the-icons li {
	display: block;
	line-height: 32px;
	height: 30px;
	padding: 0 0 0 2px;
	border-radius: 3px;
}

.the-icons li,.the-icons li:hover {
	color: #666;
}

.the-icons li i {
	width: 32px;
	color: #444;
	padding-right: 5px !important;
}

.the-icons li [class^="icon-"],.the-icons li [class*=" icon-"] {
	width: 32px;
	font-size: 14px;
}

.the-icons li:hover {
	background-color: #f4f4f4;
	text-decoration: none;
}

.the-icons l:hover [class^="icon-"],.the-icons li:hover [class*=" icon-"] {
	*font-size: 28px;
	*vertical-align: middle;
}

.the-icons li:hover [class^="icon-"]:before,.the-icons li:hover [class*=" icon-"]:before {
	font-size: 24px;
	vertical-align: -3px;
}

/*------------------------------------------------------------------
	12.10 PAGINATION
------------------------------------------------------------------*/

#navi {
	padding: 0 0 10px;
}

#navs {
	position: relative;
	padding: 0;
	margin-left: 300px !important;
}

#navs li {
	margin-top: -7px !important;
}

#navs li a:link{
	display: block;
	margin: 0 5px 10px 0;
	float: left; 
	padding: 8px 10px;
	list-style: none;
	font-family: 'Cabin', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	background: #00A0E3;
	text-decoration: none;
	color: #fff !important;
}

#navs li a.selected {
	background: #5d666d;
	text-decoration: none;
	color: #fff;
}

#navs li a:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background: #5d666d;
	color: #fff;
}

/*------------------------------------------------------------------
	13. BOXED LAYOUT
------------------------------------------------------------------*/

html.box{
	width: 970px;
	margin: auto !important;
	background: url(../img/noise.png) !important;
	overflow-x: hidden;
}

html.box body {
	background: url(../img/noise.png) !important;
	box-shadow: 0 0 2px rgba(0,0,0,0.2) !important;
}

html.box .pattern {
	width: 970px !important;
	margin: 0 auto !important;
}

html.box .container {
	background: #f9f9f9;
}

html.box #slider_container {
	width: 970px !important;
	margin: 0 auto !important;
}

/*------------------------------------------------------------------
	RESPONSIVE SETTINGS
------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

#slider_container, .tp-banner-container {
	max-height: 380px !important;
}

#themes_panel, .social-networks-header {
	display: none;
}

.description, #breadcrumbs {
	display: none !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

#slider_container, .tp-banner-container {
	max-height: 280px !important;
}

#themes_panel, .social-networks-header {
	display: none;
}

.description, #breadcrumbs {
	display: none !important;
}

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

#slider_container, .tp-banner-container {
	max-height: 170px !important;
}

#themes_panel, .social-networks-header {
	display: none;
}

.description, #breadcrumbs {
	display: none !important;
}

}

@media only screen and (min-width: 1px) and (max-width: 319px) {

#slider_container, .tp-banner-container {
	max-height: 160px !important;
}

#themes_panel, .social-networks-header {
	display: none;
}

.description, #breadcrumbs {
	display: none !important;
}

}