/* =========================================================== */

/* Common /* 

============================================================== */

.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {

	max-width:940px;

}



body.boxed {	

	background-image: url(../img/bg/9.png);

	

    background-attachment: fixed;

	background-position: 49% 50%;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	position: relative;

	padding: 40px 0 50px;

}



body.boxed div.body {

	-moz-box-shadow:0 0 14px rgba(0,0,0,0.15);

	-webkit-box-shadow:0 0 14px rgba(0,0,0,0.15);

	box-shadow:0 0 14px rgba(0,0,0,0.15);

	background-color:#FFFFFF;

	margin:0px auto;

	max-width:100%;

	width:1040px;

	font-family:'open_sansregular';

	font-size:13px;

	color:#888;

	line-height:24px;

	z-index:0;

	position:relative;

	border-top:5px solid #e7402f;

}



.overlaybg {

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

		background:url(../img/bg/pattern.png) repeat;

	background-attachment:fixed;

		z-index:0;

}

/* OPEN SANS FONT */

@font-face {

	font-family:'open_sansregular';

	src:url('fonts/OpenSans-Regular-webfont.eot');

	src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Regular-webfont.woff') format('woff'),url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');

	font-weight:normal;

	font-style:normal;

}

@font-face {

	font-family:'open_sanslight';

	src:url('fonts/OpenSans-Light-webfont.eot');

	src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light-webfont.woff') format('woff'),url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');

	font-weight:normal;

	font-style:normal;

}

@font-face {

	font-family:'open_sansbold';

	src:url('fonts/OpenSans-Bold-webfont.eot');

	src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Bold-webfont.woff') format('woff'),url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');

	font-weight:normal;

	font-style: normal;

}

/* PACIFICO FONT */

@font-face {

	font-family:'PacificoRegular';

	src:url('fonts/Pacifico-webfont.eot');

	src:url('fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Pacifico-webfont.woff') format('woff'),url('fonts/Pacifico-webfont.ttf') format('truetype'),url('fonts/Pacifico-webfont.svg#PacificoRegular') format('svg');

	font-weight:normal;

	font-style:normal;

}

img {

	border: 0px;

}



a {

	color:#e7402f;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}

a:hover {

	color:#e7402f;

	text-decoration:none;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}

h1,h2,h3,h4,h5,h6 {

	color:#303030;

	font-weight:200;

}

li {

	line-height: inherit;

}



.primarycolor {

	color:#e7402f;

}

.primarybg {

	background:#e7402f;

}

.lead {

	margin-bottom:10px;

	font-family: open_sanslight;

}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {

	font-family:open_sansregular;

	font-size:12px;

}

input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {

	border-radius:3px;

}

h1.small {

	font-size:20px;

}

.graysection {

	margin-left:-50px;

	margin-right:50px;

	padding-left:50px;

	padding-right:50px;

	border-top:1px solid #f3f3f3;

	border-bottom:1px solid #f3f3f3;

	padding-bottom:25px;

	padding-top:25px;

	overflow:hidden;

	margin-top:30px;

	margin-bottom:30px;

	background:#f9f9f9;

}

.intro h1 {

	font-family:open_sansbold;

	font-size:27.5px;

}

.graysection .lead {

	color: #444;

}

.page-header {

	margin:0px;

	padding:0;

	border:0px;

}

.page-header h1 {

	font-size:22px;

	line-height:28px;

	font-family:open_sansbold;

	padding-bottom:10px;

	margin-top:-10px;

	text-transform:uppercase;

}

.headerdivider {

	background:url(../img/dots.gif) repeat;

	height:7px;

	margin-bottom:20px;

	opacity:0.4;

}

.slidershadow {

margin-top:-30px;

}

.slidershadowcam {

margin-top: -40px;

}

.img-circle {

-webkit-border-radius:500px;

-moz-border-radius:500px;

border-radius:500px;

	 border:4px solid #fff;

}

.break {

height: 40px;

}

.borderpic {

padding:5px;

border:1px solid #eee;

}

.bgtitle {

background:#f5f5f5;

margin-top:-20px;

margin-left:-20px;

margin-right:-20px;

padding-left:20px;

margin-bottom:30px;

border-bottom:1px solid #eee;

}



.inneritem {

padding:10px;

border:#f1f1f1 1px solid;

}

.hero-unit h1 {

font-size:30px;

line-height:1.2;

color:inherit;

letter-spacing:-1px;

margin-bottom:10px;

color:#333;

}

.hero-unit {

padding:40px 60px;

margin-bottom:30px;

font-size:18px;

font-weight:200;

line-height:30px;

color:inherit;

background-color:#fdfdfd;

border:1px dashed #ccc;

font-family:open_sanslight;

}

ul.icons-ul {

text-indent:0em;

}

.paddingright {

padding-right:20px;

}

.paddingleft {

padding-left:20px;

}

iframe {border:0px;}

/*================================================== * 

TinyNav

* ===============================================*/

.tinynav {

display: none

}

#nav .selected a {

}

@media screen and (max-width:800px) {

	.tinynav {

		display:block;

		background:#e7402f;

		border:0px;

		width:100%;

		color:#fff;

		height:35px;

		padding-left: 20px;

	}

	#nav {

		display: none

	}

}

/* =========================================================== */

/* Header /* 

============================================================== */

header {

	padding:0;

	z-index:50;

}



.row-nav {

	margin-bottom:20px;

	margin-top:20px;

}

.navbar-inner {

	background:#444;

	min-height:50px;

	border:0;

	padding-left:0;

	padding-right:0;

}

.navbar .nav>li>a,.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {

	color:#fff;

	padding:08px 26px 11.5px;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}

.navbar .divider-vertical {

	height:50px;

	border-left:1px solid #444;

	border-right:1px solid #fff;

	margin:0;

}

.navbar .nav>li {

	line-height:30px;

}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover,.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {

	color:#fff;

	text-decoration:none;

	background-color:#e7402f;

}

.navbar .nav {

	margin:0;

}



.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle {

	background-color:#e7402f;

	color:#fff;

}

.brandlogo {

	float:left;

	font-size:0px;

	font-weight:0;

	margin:36px 0 0;

	padding:0;

	text-shadow:none;

	display:inline-block;

	padding-bottom:20px;

	

}

.topinfo {

	overflow:hidden;

	text-align:right;

}

.list-soc {

	overflow:hidden;

	margin-bottom:5px;

	margin-top:25px;

}

.list-soc li {

	float:right;

	margin-left:3px;

}

.list-soc li a {

	opacity:1;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}

ul {

	list-style:none outside none;

	margin:0;

}

.infophone {

	text-align:right;

	font-size:16px;

	line-height:26px;

	color:#333333;

	text-transform:uppercase;

	padding-bottom:4px;

}

.infoaddress {

	text-align:right;

	color:#333;

	font-size:12px;

	line-height:16px;

	text-transform: uppercase;

}

#search {

	margin:0;

	overflow:hidden;

	position:relative;

	float:right;

	padding:0;

}

#search input {

	background:#222;

	border:none;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	box-shadow:none;

	color:#777;	

	margin:0;

	padding:10px;

	height:50px;

	-webkit-border-radius:0;

	-moz-border-radius:0;

	border-radius:0;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	float:left;

	font-size:12px;

	font-style:italic;

}

#search input:focus {

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	box-shadow:none;

}

#search a {

	display:inline-block;

	float:left;

	background:#e7402f url(../img/part-btn-search.png) no-repeat center center;

	width:50px;

	height:50px;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}

.navbar .nav .dropdown-toggle .caret {

	margin-top:13px;

}

.navbar .nav li.dropdown>.dropdown-toggle .caret,.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret:hover,.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {

	border-top-color:#fff;

	border-bottom-color:#fff;

}

.dropdown-menu {

	border:0px;

	background-color:#222;

}

.navbar .nav>li>.dropdown-menu:before {

	border-bottom:7px solid transparent;

}

.navbar .nav>li>.dropdown-menu:after {

	border-bottom:6px solid transparent;

}

.dropdown-menu>li>a {

	-webkit-transition:all 0.3s ease-in;

	-moz-transition:all 0.3s ease-in;

	-ms-transition:all 0.3s ease-in;

	-o-transition:all 0.3s ease-in;

	transition:all 0.3s ease-in;

	color:#fff;

	border-top:1px solid #2f2f2f;

	border-bottom:1px solid #111;

	padding:8px 20px;

}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {

	-webkit-transition:all 0.3s ease-in;

	-moz-transition:all 0.3s ease-in;

	-ms-transition:all 0.3s ease-in;

	-o-transition:all 0.3s ease-in;

	transition:all 0.3s ease-in;

	background-color:#e7402f;

}

.dropdown-menu {

	padding:0px;

	margin-left:-2px;

	margin-top:0px;

}

ul.social-icons li {

	display:inline-block;

	float:none;

	padding:13px;

	width:0;

	height:0;

	position:relative;

	background-color:#008B8B;

}

ul.social-icons li i {

	position:absolute;

	font-size:14px;

	width:20px;

	height:20px;

	text-align:center;

	line-height:20px;

	left:50%;

	top:50%;

	margin-left:-10px;

	margin-top:-10px;

}

ul.social-icons li a {

	color:#fff;

}

ul.social-icons li a i {

	-webkit-transition-duration:0.8s;

	-moz-transition-duration:0.8s;

	-o-transition-duration:0.8s;

	transition-duration:0.8s;

	-webkit-transition-property:-webkit-transform;

	-moz-transition-property:-moz-transform;

	-o-transition-property:-o-transform;

	transition-property:transform;

	overflow:hidden;

}

ul.social-icons li a i:hover {

	-webkit-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	-o-transform:rotate(360deg);

}

ul.social-icons li a:hover {

	text-decoration:none;

	color: #fff;

}

/* =========================================================== */

/* Footer /* 

============================================================== */

.footer a {

	color:#fff;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

ul.footermenu li a:hover,.footer a:hover {

	opacity:0.7;

}

.footer {	

	padding-top:30px;

	padding-bottom:30px;

	color:#fff;

	margin-top:60px;

}

.footer.btn {

	background:#fff;

	color:#333!important;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.footer.btn:hover {

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.footer hr {

	border-top:1px solid #000;

	border-bottom:1px solid #222;

}

.footer ul.social-links li {

	background:#222;

	margin-right:0px;

	margin-left:10px;

}

.smaller {

	font-size:80%;

}

.fontarial {

	font-family:arial;

}

.copyright {

	font-family:Arial;

}

.footerlogo {

	font-family:PacificoRegular;

	font-size:22px;

}

.footerlogo47 {

	background:#fff;

	color:#e7402f;

	display:inline;

	padding:10px;

	font-size:22px;

	border-radius:50%;

}

.footer h1 {

	color:#fff;

	text-transform:uppercase;

	font-size:17px;

	border-bottom:1px solid #fff;

	display:inline;

	padding-bottom:14px;

}

.footer hr {

	border-top:0;

	border-bottom:1px solid #eee;

	margin-top:5px;

}

.footer {

	font-size:13px;

}

.footer .btn {

	color:#999 !Important;

	font-size:13px;

	border-radius:3px;

}

.footerbottom {

		color:#fff;

		line-height:2.0;

		background:#333;

	border-top:1px solid #444;

}

.footerbottom a {

	color:#fff;

}

ul.footermenu {

	list-style:none;

}

ul.footermenu li {

	float:left;

	margin-left:5px;

	margin-right:5px;

	text-transform:uppercase;

	line-height:2.5;

}

ul.footermenu li a {

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.footermenu li:before {

	content:'|';

	color:#777;

	display:inline-block;

	margin-right:7px;

}

.footermenu li:nth-child(1):before {

	display:none;

}

.footerdark {

	background:#222;

	color:#ccc;

	margin-top:5px;

	line-height:1.6;

}

.footerdark .footerlogo {

	color:#fff;

}

.footerdark h1 {

	color:#eee;

	border-bottom:1px solid #e7402f;

}

.footerdark hr {

	border-top:0;

	border-bottom:1px solid #555;

}

.footerdark hr {

	border-bottom:1px solid #333;

}

.footerdark .totop,.footerdark .totop:hover {

	background-image:none;

}

.footerdark input,.footerdark textarea,.footerdark input[type="text"] {

	background-color:#333;

	border:0px;

}

.footerdark .btn {

	text-shadow:none;

}

.footerdark .btn:hover {

	background:#3f3f3f;

}

.wraptotop {

	margin-top:-55px;

	padding-bottom:25px;

}

.totop {

	border:2px solid #fff;

	color:#fff !Important;

	background:#e7402f;

	border-radius:50%;

	display:inline-block;

	padding:15px 20px;

	color:#fff;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.totop:hover {

	cursor:pointer;

	background:#e7402f;

	color:#fff;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.smallspacetop {

	margin-top:7px;

	padding-top:5px;

	padding-bottom:5px;

}

.footermintitle {

	color:#fff;

	font-weight:200;

}

#quotes {

	margin:0;

	position:relative;

}

.textItem {

	position:absolute;

	display: none;

}

.avatar {

	/* selector for avatar class*/

	float:left;

	background:#fff;

	width:34px;

	height:34px;

	padding:5px;

	border:1px solid #eee;

	border-radius:50%;

	box-shadow:0px 1px 1px 1px #fff /* across displacement,vertical displacement,smearing,increase and color */;

	margin-right:10px;

}

.avatar img {

	/* selector for a picture which is "inside" the avatar class */

	display:block;

	/* a picture is being displayed as a block,by a width it will be equal to the parent(in the div) */

	width:100%;

	/* width 100% */

	border:0;

	/* zero border */

	margin:0;

	/* external margin is lacking */

	border-radius:50%;

	/* read above */

}



.done {

	display:none;

}

.error input,input.error,.error textarea,textarea.error {

	background-color:#ffffff;

	border:1px solid red !Important;

	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;

	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;

	-o-transition:border linear 0.2s,box-shadow linear 0.2s;

	transition:border linear 0.2s,box-shadow linear 0.2s;

}



/* =========================================================== */

/* Services /* 

============================================================== */

.services {

	margin-top:25px;

}

.services h2 {

	font-size:17px;

	line-height:1.2;

	font-family:open_sansbold;

	margin-top:5px;

}

.services i {

	margin-right:7px;

}

.grey-box {

	background:#Fff;

	padding:20px;

	text-align:center;

	margin-bottom:15px;

}



.grey-box .contact-number {

	font-size:24px;

	font-weight:bold;

	color:#1192d3;

}

.grey-box-icon {

	text-align:center;

	position:relative;

}

.grey-box-icon:hover .fontawesome-icon.circle-white {

	background-color:#f6f6f6;

	color:#fff;

	 -webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

	-webkit-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	-o-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

}

.grey-box-icon-pos {

}

.fontawesome-icon.medium.circle-center,.fontawesome-icon.medium.circle-white {

	width:80px;

	height:80px;

	line-height:80px;

	display:inline-block;

}

.fontawesome-icon.medium {

	font-size:48px;

}

.fontawesome-icon.circle-white {

	-moz-border-radius:75px;

	-webkit-border-radius:75px;

	border-radius:75px;

	background-color:#444;

	color:#fff;

	text-align:center;

	margin-bottom:5px;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.grey-box-icon:hover .fontawesome-icon.circle-white,.grey-box-icon.active .fontawesome-icon.circle-white {

	background-color:#e7402f;

	color: #fff;

}

/* =========================================================== */

/* Carousel /* 

============================================================== */

.list_carousel {

	margin-left:-10px;

	clear:both;

}

.list_carousel ul {

	margin:0;

	padding:0;

	list-style:none;

	display:block;

}

.list_carousel li {

	max-width:100%;

	display:block;

	float:left;

	margin-left:10px;

	cursor:default !important;

	height:auto;

}

.list_carousel.responsive {

	width:auto;

	margin-left:-10px;

}

.clearfix {

	float:none;

	clear:both;

}

.list_carousel .carousel_nav {

	position:relative;

	margin-top:-43px;

	background:#fff;

	padding-left:5px;

	float:right;

	padding-right:4px;

}

a.prev,a.next {

	background:url(../img/carousel_arrows.png) no-repeat #e7402f;

	width:24px;

	height:24px;

	display:block;

	position:relative;

	float:left;

	margin-left:3px;

	-webkit-background-clip:padding-box;

	/* for Safari */background-clip:padding-box;

	box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);

}

a.prev:hover,a.next:hover {

	background-color:#444;

}

a.prev {

	background-position:-2px 0

}

a.prev.disabled {

	background-color:#555

}

a.next {

	background-position:-22px 0

}

a.next.disabled {

	background-color:#555

}

a.prev.disabled,a.next.disabled {

	cursor:default

}

a.prev span,a.next span {

	display:none

}

.pager {

	float:left;

	width:300px;

	text-align:center;

}

.pager a {

	margin:0 5px;

	text-decoration:none;

}

.pager a.selected {

	text-decoration:underline

}

.timer {

	background-color:#999;

	height:6px;

	width:0px;

}

.testimonials .list_carousel li {

	width:330px

}

.carousel-content {

	float:left;

	width:100%;

}

.featured-projects {

	background:#fff;

	font-size:12px;

	-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);

	text-align:center;

	overflow:hidden;

	position:relative;

	-webkit-transition:all 1s ease-in-out;

	-moz-transition:all 1s ease-in-out;

	-o-transition:all 1s ease-in-out;

	transition:all 1s ease-in-out;

	border:1px solid #eee;

}

.featured-projects:hover {

}

.featured-projects-image {

	padding:0px

}

.featured-projects-image img {

	-webkit-box-sizing:content-box;

	-moz-box-sizing:content-box;

	box-sizing:content-box;

}

.featured-projects-image a {

	display:block

}

.featured-projects-content {

	padding:0 10px

}

.featured-projects-content p {

	margin-bottom:10px

}

.featured-projects-content h1 {

	font-size:13px;

	line-height:1;

	font-weight:bold;

}

.featured-projects-content h1 a {

	padding-bottom:10px;

	border-bottom:1px solid #eee;

	display:block;

	color:#222;

}

.small {

	font-size:12px

}

.grayimage {

	filter:url("data:image/svg+xml;nowhitespace:afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

	/* Firefox 10+,Firefox on Android */ filter:gray;

	/* IE6-9 */ -webkit-filter: grayscale(100%);

	/* Chrome 19+,Safari 6+,Safari 6+iOS */

}

.imgproject {

	float:left;

	margin-right:20px;

}

/* =========================================================== */

/* Team /* 

============================================================== */

.titleborder div {

	display:inline-block;

	background-color:#fff;

	padding:1px 12px;

	position:relative;

}

.titleborder div {

	color:#444;

	font-size:18px;

	top:14px;

	padding-left:0 !important;

	font-family:open_sansbold;

	text-transform:uppercase;

}

.titleborder {

	position:relative;

	border-bottom:medium double #f6f6f6;

	margin-bottom:30px;

}

.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 {

		font-size:16px;

	line-height:0.5;

	margin-top:20px;

}

.thumbnail .caption {

	color:#888;

	padding:10px 20px 15px;

	background:#f7f7f7;

}

.thumbnail .caption span {

}

.thumbnail img {

	-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);

}

.iconmargin {

	margin-right:5px;

}

.btn,.btn:hover {

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.btn-primary {

	background-color:#e7402f;

}

.btn-primary:hover {

	background-color: #444;

}

/* =========================================================== */

/* Accordion/* 

============================================================== */

.accordion,.toggle {

}

.accordion h3,.toggle h3 {

	padding:10px 11px;

	font-size:15px;

	margin:0 0 3px 0;

	line-height:18px;

	color:#606060;

	cursor:pointer;

	position:relative;

	text-transform:none;

	background:#fcfcfa;

	transition:all 300ms ease 0s;

	-webkit-transition:all 300ms ease 0s;

	border-bottom:1px solid #f1f1f1;

}

.accordion h3 span,.toggle h3 span {

	line-height:18px;

	display:block;

	padding:0 0 0 17px;

	background:url(../img/acplus.png) no-repeat left top;

}

.accordion h3.active,.toggle h3.active,.accordion h3:hover,.toggle h3:hover {

	background:#606060;

	color:#eee;

}

.accordion h3.active span,.toggle h3.active span {

	background:url(../img/acplus.png) no-repeat left top;

}

.accordion h3:hover span,.toggle h3:hover span {

	background:url(../img/acminus.png) no-repeat left top !important;

}

.accordion h3.active span {

	background:url(../img/acminus.png) no-repeat left top !important;

}

.accordion .accord_cont,.toggle .toggle_cont {

	padding:5px 0 2px 0;

	display:none;

}



/* =========================================================== */

/* Recent Posts /* 

============================================================== */

.recent-posts h4 {

	font-size:15px;

}

.date {

	float:left;

	margin-right:10px;

	margin-top:8px;

	text-align:center;

}

article .day {

	background:#e7402f;

	color:#fff;

	display:block;

	font-size:16px;

	padding:6px;

	margin-bottom:0;

}

.month {

	-moz-border-radius:0 0 2px 2px;

	-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset;

	-webkit-border-radius:0 0 2px 2px;

	-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset;

	background:#444;

	border-radius:0 0 2px 2px;

	box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset;

	color:#FFFFFF;

	font-size:0.9em;

	padding:1px 10px 2px;

}



/* =========================================================== */

/* Skills /* 

============================================================== */

ul#skill {

	list-style:none;

}

#skill {

	list-style:none;

	font-size:12px;

	position:relative;

	line-height:2em;

}

#skill li {

	margin-bottom:25px;

	height:40px;

	background:#f5f5f5;

}

#skill li:last-child {

	margin-bottom:0px;

}

#skill li h3 {

	position:relative;

	font-size:14px;

	color:#fff;

	padding-left:10px;

	font-weight:normal;

	margin-top:0;

	padding:13px;

	display:inline;

}

#skill i {

	background:#e7402f;

	color:#fff;

	padding:13px 12px 13px;

	margin-left:-13px;

	margin-right:10px;

}

.thebar {

	height:40px;

	position:absolute;

	width:100%;

}

.progressdefault {

	background-color:#444;

}

.progresspink {

	background-color:#f674a4

}

.progressorange {

	background:orange

}

.progressgreen {

	background-color:#a1ce5b

}

.progressblue {

	background-color:#0E8FAB

}



/* =========================================================== */

/* Box Shadow Effects /* 

============================================================== */

.box {

	background:#f7f7f7;

	padding: 22px;

}

/*================================================== * Effect 1 * ===============================================*/

.effect1 {

	-webkit-box-shadow:0 10px 6px -6px #777;

	 -moz-box-shadow:0 10px 6px -6px #777;

	 box-shadow: 0 10px 6px -6px #777;

}

/*================================================== * Effect 2 * ===============================================*/

.effect2 {

	position:relative;

}

.effect2:before,.effect2:after {

	z-index:-1;

	position:absolute;

	content:"";

	bottom:15px;

	left:10px;

	width:50%;

	top:80%;

	max-width:300px;

	background:#777;

	-webkit-box-shadow:0 15px 10px #777;

	-moz-box-shadow:0 15px 10px #777;

	box-shadow:0 15px 10px #777;

	-webkit-transform:rotate(-3deg);

	-moz-transform:rotate(-3deg);

	-o-transform:rotate(-3deg);

	-ms-transform:rotate(-3deg);

	transform:rotate(-3deg);

}

.effect2:after {

	-webkit-transform:rotate(3deg);

	-moz-transform:rotate(3deg);

	-o-transform:rotate(3deg);

	-ms-transform:rotate(3deg);

	transform:rotate(3deg);

	right:10px;

	left: auto;

}

/*================================================== * Effect 3 * ===============================================*/

.effect3 {

	position:relative;

}

.effect3:before {

	z-index:-1;

	position:absolute;

	content:"";

	bottom:15px;

	left:10px;

	width:50%;

	top:80%;

	max-width:300px;

	background:#777;

	-webkit-box-shadow:0 15px 10px #777;

	-moz-box-shadow:0 15px 10px #777;

	box-shadow:0 15px 10px #777;

	-webkit-transform:rotate(-3deg);

	-moz-transform:rotate(-3deg);

	-o-transform:rotate(-3deg);

	-ms-transform:rotate(-3deg);

	transform: rotate(-3deg);

}

/*================================================== * Effect 4 * ===============================================*/

.effect4 {

	position:relative;

}

.effect4:after {

	z-index:-1;

	position:absolute;

	content:"";

	bottom:15px;

	right:10px;

	left:auto;

	width:50%;

	top:80%;

	max-width:300px;

	background:#777;

	-webkit-box-shadow:0 15px 10px #777;

	-moz-box-shadow:0 15px 10px #777;

	box-shadow:0 15px 10px #777;

	-webkit-transform:rotate(3deg);

	-moz-transform:rotate(3deg);

	-o-transform:rotate(3deg);

	-ms-transform:rotate(3deg);

	transform: rotate(3deg);

}

/*================================================== * Effect 5 * ===============================================*/

.effect5 {

	position:relative;

}

.effect5:before,.effect5:after {

	z-index:-1;

	position:absolute;

	content:"";

	bottom:25px;

	left:10px;

	width:50%;

	top:80%;

	max-width:300px;

	background:#777;

	-webkit-box-shadow:0 35px 20px #777;

	-moz-box-shadow:0 35px 20px #777;

	box-shadow:0 35px 20px #777;

	-webkit-transform:rotate(-8deg);

	-moz-transform:rotate(-8deg);

	-o-transform:rotate(-8deg);

	-ms-transform:rotate(-8deg);

	transform:rotate(-8deg);

}

.effect5:after {

	-webkit-transform:rotate(8deg);

	-moz-transform:rotate(8deg);

	-o-transform:rotate(8deg);

	-ms-transform:rotate(8deg);

	transform:rotate(8deg);

	right:10px;

	left: auto;

}

/*================================================== * Effect 6 * ===============================================*/

.effect6 {

		position:relative;

	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

}

.effect6:before,.effect6:after {

	content:"";

	position:absolute;

	z-index:-1;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

	-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

	box-shadow:0 0 20px rgba(0,0,0,0.8);

	top:50%;

	bottom:0;

	left:10px;

	right:10px;

	-moz-border-radius:100px / 10px;

	border-radius:100px / 10px;

}

.effect6:after {

	right:10px;

	left:auto;

	-webkit-transform:skew(8deg) rotate(3deg);

	-moz-transform:skew(8deg) rotate(3deg);

	-ms-transform:skew(8deg) rotate(3deg);

	-o-transform:skew(8deg) rotate(3deg);

	transform: skew(8deg) rotate(3deg);

}

/*================================================== * Effect 7 * ===============================================*/

.effect7 {

		position:relative;

	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

}

.effect7:before,.effect7:after {

	content:"";

	position:absolute;

	z-index:-1;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

	-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

	box-shadow:0 0 20px rgba(0,0,0,0.8);

	top:0;

	bottom:0;

	left:10px;

	right:10px;

	-moz-border-radius:100px / 10px;

	border-radius:100px / 10px;

}

.effect7:after {

	right:10px;

	left:auto;

	-webkit-transform:skew(8deg) rotate(3deg);

	-moz-transform:skew(8deg) rotate(3deg);

	-ms-transform:skew(8deg) rotate(3deg);

	-o-transform:skew(8deg) rotate(3deg);

	transform: skew(8deg) rotate(3deg);

}

/*================================================== * Effect 8 * ===============================================*/

.effect8 {

		position:relative;

	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

	box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;

}

.effect8:before,.effect8:after {

	content:"";

	position:absolute;

	z-index:-1;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

	-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

	box-shadow:0 0 20px rgba(0,0,0,0.8);

	top:10px;

	bottom:10px;

	left:0;

	right:0;

	-moz-border-radius:100px / 10px;

	border-radius:100px / 10px;

}

.effect8:after {

	right:10px;

	left:auto;

	-webkit-transform:skew(8deg) rotate(3deg);

	-moz-transform:skew(8deg) rotate(3deg);

	-ms-transform:skew(8deg) rotate(3deg);

	-o-transform:skew(8deg) rotate(3deg);

	transform:skew(8deg) rotate(3deg);

}

.box {

		margin:0px auto;

		margin-bottom:30px;

}

.box h3 {

	text-align:center;

	font-size:20px;

	margin-top:0;

}

/*================================================== * 

Service Boxes

* ===============================================*/

.service-box,.service-box i,.service-box p,.service-box h3 {

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-ms-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

}

.service-box {

	background:#f5f5f5;

	padding:18px 29px;

	border-radius:4px;

	box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05);

	border-radius:3px;

	text-align:center;

	color:#888;

	margin-bottom:15px;

}

}

.service-box p {

margin-top:20px;

}

.service-box i {

font-size:80px;

height:80px;

color:#666;

margin:10px 0;

display:inline;

}

.service-box:hover,.service-box:hover h3 {

color:#fff;

}

.service-box:hover i {

color:#e7402f;

}

.service-box:hover p {

-webkit-transition:none;

-moz-transition:none;

-o-transition:none;

-ms-transition:none;

transition:none;

color:#fff;

}

.service-box:hover {

background:#e7402f;

}

.service-box h3 {

	font-size:16px;

}

.circleicon {

width:105px;

height:51px;

border-radius:50%;

padding:27px 0;

background:#fff;

margin:0px auto;

margin-bottom:15px;

}

.circleicon i {

font-size:60px;

}

.service-box.featured {

background:#e7402f;

color:#fff;

}

.service-box.featured h3 {

color:#fff;

}

.service-box.featured .circleicon i {

color:#e7402f;

}

.service-box.featured:hover .circleicon i {

color:#666;

}

.service-box.black {

background:#333;

color:#fff;

}

.service-box.black h3 {

color:#fff;

}

.service-box.black .circleicon i {

color:#e7402f;

}

.service-box.black:hover .circleicon i {

color:#444;

}



/*================================================== * 

Flexslider

* ===============================================*/



/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/

* * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author:Tyler Smith (@mbmufffin) */

/* Browser Resets */

.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 Necessary Styles*********************************/ .flexslider {

margin:0;

padding:0;

}

.flexslider .slides>li {

display:none;

-webkit-backface-visibility: hidden;

}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

}

.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 JavaScript Fallback */

/* If you are not using another script,such as Modernizr,make sure you * include js that eliminates this class on page load */

.no-js .slides>li:first-child {

display: block;

}

/* FlexSlider Default Theme*********************************/

.flexslider.project {

}

.flexslider {

margin:0 0 0px;

position:relative;

zoom:1;

color:#fff;

}

.flexslider h1 {

color:#fff;

text-shadow:2px 4px 3px rgba(0,0,0,0.3);

text-shadow:horizontal-offset vertical-offset blur color;

}

.flex-viewport {

max-height:2000px;

-webkit-transition:all 1s ease;

-moz-transition:all 1s ease;

transition:all 1s ease;

}

.loading .flex-viewport {

max-height:300px;

}

.flexslider .slides {

zoom:1;

}

.carousel li {

margin-right: 5px

}

/* Direction Nav */

.flex-direction-nav {

*height:0;

}

.flex-direction-nav a {

width:30px;

height:34px;

margin:-20px 0 0;

display:block;

background:url(../img/bg_direction_nav.png) no-repeat 0 0;

position:absolute;

top:50%;

z-index:10;

cursor:pointer;

text-indent:-9999px;

opacity:0;

-webkit-transition:all .3s ease;

}

.flex-direction-nav .flex-next {

background-position:100% 0;

right:-36px;

}

.flex-direction-nav .flex-prev {

left:-36px;

}

.flexslider:hover .flex-next {

opacity:0.8;

right:5px;

}

.flexslider:hover .flex-prev {

opacity:0.8;

left:5px;

}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {

opacity:1;

}

.flex-direction-nav .flex-disabled {

opacity:.3!important;

filter:alpha(opacity=30);

cursor: default;

}

/* Control Nav */

.flex-control-nav {

width:100%;

position:absolute;

bottom:-40px;

text-align:center;

}

.flex-control-nav li {

margin:0 6px;

display:inline-block;

zoom:1;

*display:inline;

}

.flex-control-paging li a {

width:15px;

height:15px;

display:block;

background:#eee;

cursor:pointer;

text-indent:-9999px;

-webkit-border-radius:20px;

-moz-border-radius:20px;

-o-border-radius:20px;

border-radius:20px;

box-shadow:inset 0 0 3px rgba(0,0,0,0.3);

}

.flex-control-paging li a:hover {

background:#fff;

}

.flex-control-paging li a.flex-active {

background:#fff;

cursor:default;

}

.flex-control-thumbs {

margin:5px 0 0;

position:static;

overflow:hidden;

}

.flex-control-thumbs li {

width:25%;

float:left;

margin:0;

}

.flex-control-thumbs img {

width:100%;

display:block;

opacity:.7;

cursor:pointer;

}

.flex-control-thumbs img:hover {

opacity:1;

}

.flex-control-thumbs .flex-active {

opacity:1;

cursor:default;

}

@media screen and (max-width:860px) {

.flex-direction-nav .flex-prev {

		opacity:1;

		left:0;

}

.flex-direction-nav .flex-next {

		opacity:1;

		right: 0;

}

}

/*================================================== * 

Panels

* ===============================================*/

.panel h1,.panel1 h1 {

font-size:18px;

font-family:RalewayRegular;

margin-top:0;

line-height:24px;

}

.panel ul,.panel1 ul {

margin-left:55px;

list-style:square;

}

.panel,.panel1 {

padding:20px;

background-color:#f7f7f7;

border-left:8px solid #e7402f;

position:relative;

margin-bottom:15px;

}

.panel1:after {

z-index:-1;

position:absolute;

content:"";

bottom:15px;

left:10px;

width:50%;

top:80%;

max-width:300px;

background:#777;

-webkit-box-shadow:0 15px 10px #777;

-moz-box-shadow:0 15px 10px #777;

box-shadow:0 15px 10px #777;

-webkit-transform:rotate(-3deg);

-moz-transform:rotate(-3deg);

-o-transform:rotate(-3deg);

-ms-transform:rotate(-3deg);

transform:rotate(-3deg);

}

.panel1:after {

-webkit-transform:rotate(3deg);

-moz-transform:rotate(3deg);

-o-transform:rotate(3deg);

-ms-transform:rotate(3deg);

transform:rotate(3deg);

right:10px;

left:auto;

clear:both;

float: none;

}

/*================================================== * 

Info Boxes

* ===============================================*/

.info-box {

background:#EEEEEE !important;

border:1px solid #e4e4e4;

padding:6px;

margin-bottom:15px;

}

.info-box-inner {

background-image:linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-o-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-moz-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-webkit-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-ms-linear-gradient(bottom,#fafafa 0%,#fff 100%);

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

border:1px solid #e4e4e4;

padding:25px;

background:#fff;

}

.info-box p {

margin:0;

}

.info-box h4 {

font-size:20px;

line-height:26px;

margin:0;

}

.info-box a {

margin:0;

}

.info-content {

float: left;

}

/*info-box-2*/

.info-box-2 {

margin:0 0 10px 0;

}

.info-box-inner-2 {

background-image:linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-o-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-moz-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-webkit-linear-gradient(bottom,#fafafa 0%,#fff 100%);

background-image:-ms-linear-gradient(bottom,#fafafa 0%,#fff 100%);

-webkit-border-radius:0 0 3px 3px;

-moz-border-radius:0 0 3px 3px;

border-radius:0 0 3px 3px;

border-top:0 none;

border-right:1px solid #e4e4e4;

border-left:1px solid #e4e4e4;

border-bottom:1px solid #e4e4e4;

padding:17px;

}

.info-box-2 p {

margin:0;

}

.info-box-2 h4 {

color:#2778C8;

font-size:24px;

line-height:26px;

margin:0;

}

.info-box-2 a {

margin:6px 0 0;

}

.info-content-2 {

float: left;

}

/*================================================== * 

FAQ

* ===============================================*/

.faqs dl {

margin-bottom:20px

}

.faqs dl,.faqs dt,.faqs dd {

padding:0;

margin:0;

}

.faqs {

padding-top:20px;

padding-top:20px;

border:1px solid #eee;

padding:20px;

border-top:0px;

}

.faqstitle {

color:#333;

font-size:15px;

padding-bottom:20px;

line-height:0;

padding-top:20px;

background:#f7f7f7;

padding-left:20px;

padding-right:20px;

margin-bottom:-18px;

border:1px solid #f1f1f1;

}

.faqs dt {

font-size:13px;

background:url(../img/plus.png) 0 4px no-repeat;

padding:3px 0 10px 30px;

position:relative;

font-weight:normal;

}

.faqs dt:hover {

cursor:pointer

}

.faqs dd {

padding:0 0 5px 30px;

position:relative;

line-height:1.8;

}

.faqs .hover {

color:#0E8FAB

}

.faqsicon {

float:left;

margin-top:-9px !Important;

padding-right:10px;

font-size:18px;

}

.well {

background-color:#fafafa;

border:1px solid #f0f0f0;

}

.nav>li>a:hover,.nav>li>a:focus {

background-color: #fafafa;

}

/*================================================== * 

Blog

* ===============================================*/

#animatedboxes-widget-2 {

overflow:hidden;

}

.widget-title,.widgettitle {

background:url(../img/dots.gif) repeat-x scroll 0 0 transparent;

background-position:center;

min-height:0;

padding-bottom:50px;

font-size:14px;

color:#333;

text-transform:uppercase;

font-weight:bolder;

margin:15px 0 -15px;

}

.comment-content,.reply {

margin-left:58px;

}

.boxblog {

border:1px solid #eee;

margin-bottom:20px;

min-height:290px;

position:relative;

padding:5px 10px;

word-wrap:break-word;

}

.datepost {

border-bottom:1px dashed #ddd;

padding-bottom:10px;

}

.continue {

font-family:DroidSansBold;

margin-top:-5px;

display:inline

}

a.tagcloud,.tagcloud a {

text-transform:capitalize;

color:#fff !Important;

display:inline;

float:left;

font-size:13px!important;

margin:0 10px 15px 0;

padding:0 10px 2px;

font-style:italic;

background:#333;

}

a.tagcloud:hover,.tagcloud a:hover {

background:#e7402f

}

.thumb,.attachment-thumbnail {

width:60px;

height:55px;

border:1px solid #ddd;

float:left;

margin-right:10px;

margin-bottom:1px;

margin-top:5px;

padding:4px

}

.circledate {

margin-left:-100px;

color:#fff;

background:url(../img/blackcircle.png) no-repeat;

width:80px;

height:80px;

float:left;

margin-bottom:1px;

margin-top:1px;

padding:2px

}

.textcircle {

font-size:11px;

font-family:DroidSansRegular;

margin-top:8px;

margin-left:-3px;

text-align:center;

color:#DDD;

}

.day {

margin-bottom:10px

}

.aligncenter {

text-align:center;

width:100%!important

}

.entry-meta {

color:#878787;

font-size:11px;

line-height:20px;

border-bottom:1px dotted #ddd;

border-top:1px dotted #ddd;

margin:10px 0 20px;

padding:4px 0 2px

}

.entry-meta li {

list-style:none;

margin:0

}

.post-format {

background-color:#ddd;

background-image:url(../img/blog-icons/icon-post-format-standard.png);

background-repeat:no-repeat;

background-position:50% 50%;

color:#959393;

display:inline-block;

height:40px;

text-align:left;

text-indent:-9999px;

width:40px;

border-radius:2px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

margin:0 0 10px

}

.post-date {

height:auto;

float:left;

text-align:center;

margin-right:20px;

margin-bottom:15px;

display:block;

background:#9dcedf;

text-shadow:0 1px #81bcd1;

border-radius:100px;

-moz-border-radius:100px;

-webkit-border-radius:100px;

border:4pt solid #FFF;

-moz-box-shadow:0 0 3px #b7b7b7;

-webkit-box-shadow:0 0 3px #b7b7b7;

box-shadow:0 0 3px #b7b7b7;

padding:10px 30px

}

.post-month {

display:block;

color:#FFF

}

.post-day {

font-size:36px;

color:#FFF;

margin:10px 0 15px

}

.post-year {

background:url(../img/mdivider.png) top repeat-x;

color:#FFF;

padding:10px 0 0

}

.post-intro {

float:left;

width:615px

}

.entry-body {

float:left;

width:555px;

margin:10px 0 0

}

.continueread a {

font-size:11px;

background:url(../img/readmore.png) left bottom no-repeat;

padding-left:15px;

-webkit-transition:all .2s ease,top 0 linear;

-moz-transition:all .2s ease;

-o-transition:all .2s ease;

-ms-transition:all .2s ease;

transition:all .2s ease;

color:#666

}

.continueread a:hover {

background:url(../img/readmore.png) left top no-repeat

}

#sidebar_right {

margin-top:10px;

}

.sidebarBox {

margin-bottom:20px

}

.widget {

clear:both;

margin-bottom:20px

}

.widget ul li {

list-style:none;

display:block;

margin:0;

padding:5px 0 0

}

.comments {

float:right;

font-size:11px;

font-weight:400;

color:#888;

margin-top:10px

}

.gravatar {

margin-right:20px;

float:left

}

.commentdate {

margin-bottom:7px;

color:#aaa;

font-size:13px

}

ol.commentlist {

margin-top:10px;

margin-bottom:20px

}

.commentlist ol li {

border-bottom:1px solid #ddd

}

.commentlist li {

position:relative;

clear:both;

list-style-type:none;

border-bottom:1px solid #eee;

padding:11px 10px

}

.commentlist li[class*=depth-] {

padding-left:20px;

margin-top:17px

}

.commentlist li.depth-1 {

margin-top:1px

}

.commentlist li:not(.depth-1) {

margin-right:-10px

}

.commentlist .vcard {

margin-left:45px;

margin-bottom:5px

}

.commentlist .vcard cite.fn {

font-weight:700;

font-style:normal

}

.commentlist .vcard time {

float:none;

background:none;

width:auto;

margin-top:auto;

text-shadow:1px 1px #fff;

color:#666;

text-transform:lowercase

}

.commentlist .vcard time a {

color:#999;

text-decoration:none

}

.commentlist .vcard img.avatar {

box-shadow:rgba(135,139,144,0.4) 0 2px 3px;

position:absolute;

left:0;

background:#FFF;

border:0 solid #ddd;

width:50px;

padding:3px

}

.commentlist li .comment_content {

margin-left:40px

}

.commentlist li .comment_content p {

margin:15px 0

}

.commentlist li ul {

margin:0 0 0 45px

}

.commentlist li ul.children li {

border:none;

border-top:1px solid #eee;

padding-bottom:4px

}

.commentlist .comment-reply-link {

background:#f1f1f1;

margin-left:45px;

text-decoration:none;

color:#666;

font-size:11px;

text-transform:uppercase;

padding:5px

}

.commentscount {

padding-left:28px;

height:30px;

display:inline-block

}



.comment-content p {

margin-bottom:5px

}

.comment-awaiting-moderation {

font-size:11px;

margin-left:43px;

font-style:normal;

color:red

}

.size-full,.size-large,.size-medium,.size-thumbnail {

-webkit-transition:all 400ms linear;

-moz-transition:all 400ms linear;

-o-transition:all 400ms linear;

-ms-transition:all 400ms linear;

transition:all 400ms linear

}

.posttitledivider {

background:url(../img/dots.gif) repeat-x;

height:10px;

margin:5px 0 10px

}

.entry-date {

color:#aaa

}

.bordercomment {

margin-top:-15px;

width:28.5%

}

.page-template-sidebar-page-php #respond {

width:auto

}

.comments-title {

color:#222;

font-size:14px;

font-weight:700;

text-transform:uppercase;

border-bottom:1px solid #EEE;

padding-bottom:10px

}

#commentform label {

display:block;

color:#666;

font-weight:700;

font-family:Helvetica

}

#commentform input[type=text],#commentform input[type=password],#commentform input[type=email],#commentform input[type=url],#commentform input.text,#commentform input.title,#commentform textarea,#commentform select {

background-color:#fff;

border:1px solid #eee;

font-size:12px;

width:96%

}

#commentform input[type=text]:focus,#commentform input[type=password]:focus,#commentform input[type=email]:focus,#commentform input[type=url]:focus,#commentform input.text:focus,#commentform input.title:focus,#commentform textarea:focus,#commentform select:focus {

outline:0;

border-color:#c2c2c2

}

#commentform input[type=text],#commentform input[type=password],#commentform input[type=email],#commentform input.text,#commentform input.title,#commentform textarea,#commentform select {

margin:5px 0

}

#commentform textarea {

width:99%;

height:180px;

resize:none

}

#commentform input#submit {

background:#333;

border:0;

color:#FFF;

font-weight:700;

text-transform:uppercase;

font-size:11px;

padding:7px 15px

}

#commentform input#submit:hover {

background:#111;

color:#fff;

cursor:pointer;

-webkit-transition:background-color 300ms linear;

-moz-transition:background-color 300ms linear;

-o-transition:background-color 300ms linear;

-ms-transition:background-color 300ms linear;

transition:background-color 300ms linear

}

#comment-form-title {

text-transform:uppercase;

border-bottom:1px solid #ddd;

width:96.5%;

padding-bottom:10px;

}

#authorbox {

overflow:hidden;

margin:0 auto 20px;

padding:5px 0

}

#authorbox h4 {

font-size:16px;

margin:0;

padding:10px;

color:#444;

}

#authorbox h4 a {

color:#444;

text-transform:uppercase;

}

.authortext {

padding-left:90px

}

#authorbox img {

float:left;

background:#fff;

width:45px;

height:45px;

border:1px solid #999;

border-radius:50%;

box-shadow:0 1px 1px 1px #bbb;

margin:28px 10px 10px 10px;

padding:12px

}

#authorbox p {

margin:0;

padding:0 10px 10px

}

.widget_archive select {

border:1px solid #DDD;

color:#333;

background:#F8f8f8;

padding:5px

}

.sticky {

background:#f6f6f6

}

.commentstitle,#reply-title {

padding-top:10px;

font-size:15px;

padding-bottom:3px;

text-transform:uppercase;

width:96.5%

}

li.comment {list-style:none;}

.post-edit-link {

color:red;

font-weight:700;

clear:both;

}



.smoothborder {

border:1px solid #CCC!important

}

.blogstyle {

padding:22px 50px 23px!important

}

.blogimage {

width:99.9%

}

.blogdots {

margin-top:-5px;

margin-bottom:10px

}

#commentform {

margin-top: 15px;

}

/* Widget-Tabbed*/

.multi-sidebar a {

color:#777;

}

.multi-sidebar li {

margin-bottom:15px;

}

.multi-sidebar-container {

margin-bottom:-20px;

}

.hide,.ui-tabs-hide {

display:none;

}

.multi-sidebar .tabs {

list-style:none;

margin:0;

padding:0;

overflow:hidden;

border-bottom:1px solid #ddd;

}

.multi-sidebar .tabs li {

float:left;

margin:0 .25em -0.20px 0;

}

.multi-sidebar .widget {

margin:0 0 1.5em;

padding:1em 0;

border-top:0px;

}

.multi-sidebar .widget ul,ul.featured-stories,ul.related-posts {

list-style:none;

margin:0;

}

.multi-sidebar .widget li,.featured-stories li,.related-posts li {

border-bottom:1px dotted #ddd;

padding:0 0 .75em;

margin:0 0 .75em;

clear:both;

}

.multi-sidebar .entry-thumbnail,.featured-stories .entry-thumbnail {

float:left;

margin:0;

padding:2px;

line-height:1;

}

.multi-sidebar .entry-thumbnail img,.multi-sidebar .recentcomments .avatar img,.featured-stories .entry-thumbnail img {

margin-bottom:20px;

width:50px;

height:40px;

float:none;

}

.multi-sidebar .recentcomments .avatar {

float:left;

border:1px solid #CCC;

margin:0 10px 0 0;

background:#FFF;

padding:2px;

line-height:1;

}

.multi-sidebar .recentcomments .avatar img {

width:36px;

height:auto;

}

.multi-sidebar .tabs a:link,.multi-sidebar .tabs a:visited {

font-size:90%;

font-weight:700;

color:#7A7A7A;

text-decoration:none;

padding:.5em .6em .6em;

display:block;

text-transform:uppercase;

}

.multi-sidebar .tabs a:hover {

color:#3c9091;

}

.multi-sidebar .tabs .ui-tabs-selected a {

border-bottom:2px solid #3c9091;

}

.multi-sidebar .tabs .ui-tabs-selected a:link,.multi-sidebar .tabs .ui-tabs-selected a:visited {

color:#666;

}

.multi-sidebar .entry-author {

color:#666;

font-size:90%;

}

.ui-tabs-active {

border-bottom:2px solid #3C9091;

}

.sectiontitlepost {

min-height:20px;

margin:0 0 20px

}

.sectiontitlepost h1 {

font-size:23px;

display:block;

line-height: 28px;

}

/*================================================== * 

Testimonials

* ===============================================*/

.testimonial {

padding:20px 25px;

background-color:#f9f9f9;

/*Change colour here and in .arrow-down*/ float:left;

-moz-border-radius:8px;

-webkit-border-radius:8px;

border-radius:8px;

}

.testimonial h4 {

font-size:15px;

font-family:open_sansbold;

}

.author-wrapper {

width:100%;

float:left;

}

.arrow {

float:left;

margin-left:25px;

width:0;

height:0;

border-top:30px solid #f9f9f9;

border-left:30px solid transparent;

border-right:0px solid transparent;

border-bottom:0px;

}

.testimonial-name {

float:left;

margin:0 8px;

color:#e7402f;

padding-top:5px;

font-size:13px;

}

.testimonial-name span {

color:#555;

font-weight:normal;

}

.hirefor {

margin-bottom:10px

}

.avatarspic {

border:1px solid #ddd;

float:left;

width:70px;

height:70px;

border-radius:50%;

margin-right:15px;

}

blockquote p {

line-height:inherit;

font-size:14px;

font-family:open_sanslight;

}

.elements h3 {

font-family:open_sansbold;

font-size: 18px;

}

/*================================================== * 

Isotope & Masonry

* ===============================================*/

.isotope-item {

z-index:2

}

.isotope-hidden.isotope-item {

pointer-events:none;

z-index:1;

}

.isotope,.isotope .isotope-item {

/* change duration value to whatever you like */ -webkit-transition-duration:0.8s;

-moz-transition-duration:0.8s;

transition-duration:0.8s;

}

.isotope {

-webkit-transition-property:height,width;

-moz-transition-property:height,width;

transition-property:height,width;

}

.isotope .isotope-item {

-webkit-transition-property:-webkit-transform,opacity;

-moz-transition-property:-moz-transform,opacity;

transition-property:transform,opacity;

}

#content {

max-width:1000px;

z-index:0;

margin-left:-20px;

overflow:hidden;

}

#filter ul {

margin-left:0px;

font-size:104%;

}

#filter {

margin-top:5px;

}

#filter ul li {

list-style:none;

float:left;

margin-right:15px;

padding:3px 10px;

margin-bottom:30px;

background:#f5f5f5;

display:initial;

box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);

}

#filter ul li a {

color:#333;

margin-bottom:20px;

}

#filter ul li .selected {

color: #e7402f !Important;

}

/* MASONRY */

.boxportfolio4 {

float:left;

width:22.90%;

display:inline-block;

margin-bottom:20px;

position:relative;

z-index:0;

margin-left:20px;

}

.boxportfolio3 {

float:left;

	display:inline-block;

	margin-bottom:20px;

position:relative;

z-index:0;

width:31.23%;

margin-left:20px;

}

.boxportfolio2 {

float:left;

margin-left:20px;

width:47.90%;

display:inline-block;

margin-bottom:20px;

position:relative;

z-index:0;

}

.roll {

position:absolute;

font-size:30px;

width:100%;

margin:0px auto;

height:100%;

top:-86.0px;

display:table-cell;

vertical-align:middle;

	background:#000;

z-index:10;

-webkit-box-shadow:0 0 4px #000;

-moz-box-shadow:0 0 4px #000;

box-shadow:0 0 4px #000;

opacity:0;

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

filter:alpha(opacity=0);

zoom:1;

}

.boxcontainer {

border:1px solid #ededed;

background:#fff;

font-size:13px;

text-align:center;

transition:border 500ms ease-out;

-webkit-transition:border 500ms ease-out;

-moz-transition:border 500ms ease-out;

-o-transition:border 500ms ease-out;

border-bottom:medium double #ddd;

position:relative;

overflow:hidden;

}

.boxcontainer:hover {

border-bottom:medium double #ccc;

}

.boxcontainer p {

margin-bottom:10px;

color:#666;

}

.boxcontainer h1 {

font-size:13px;

line-height:1;

font-weight:bold;

padding-left:10px;

padding-right:10px;

}

.boxcontainer h1 a {

padding-bottom:10px;

border-bottom:1px solid #eee;

display:block;

color:#666;

line-height:20px;

}

.boxcontainer img {

position:relative;

}

.wrapcaption {

position:absolute;

font-size:30px;

background:transparent;

width:100%;

margin:0px auto;

display:table-cell;

vertical-align:middle;

top:59%;

}

.captionicons {

font-size:20px;

padding:13px;

background:#e7402f;

margin-right:0px;

border-radius:50%;

color:#fff;

position:relative;

top:55%;

vertical-align:middle;

margin-top:0px;

margin:0 auto;

}

.captionicons:hover {

opacity:0.9;

}

.boxportfolio2 .captionicons {

top:57%;

}



/*================================================== * 

Pricing Tables

* ===============================================*/

.vuzz-pricing-table {

list-style:none;

margin:0;

padding:0;

font-size:16px;

-webkit-transition:0.3s;

-moz-transition:0.3s;

transition:0.3s;

}

.vuzz-pricing-table div {

list-style:none

}

.vuzz-pricing-table>div {

border-top:#666;

3px solid;

margin-right:2%;

list-style:none;

text-shadow:none;

margin-bottom:0;

box-shadow:0 0 10px rgba(0,0,0,0.05);

-moz-box-shadow:0 0 10px rgba(0,0,0,0.05);

-webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);

border-top:#0E8FAB 3px solid;

border:1px solid #e6e6e6;

}

.vuzz-pricing-table:hover {

webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

z-index:1;

}

.vuzz-pricing.popular {

webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

box-shadow:0 0 20px 0 rgba(0,0,0,0.4);

z-index:1;

}

.vuzz-pricing-table .vuzz-pricing-header {

text-align:center;

padding:20px 0 0px;

}

.vuzz-pricing-table .vuzz-pricing-header h5 {

color:#333;

font-size:1.313em;

margin:0;

padding:0 20px 20px;

}

.vuzz-pricing-table .vuzz-pricing-cost {

color:#fff;

font-size:1.500em;

line-height:1em;

padding-top:20px;

background:#666;

}

.vuzz-pricing-table .vuzz-pricing-per {

font-size:0.786em;

color:#fff;

background:#666;

padding-bottom:10px;

}

.vuzz-pricing-table .vuzz-pricing-content {

background:#fff;

font-size:0.857em;

text-align:center;

}

.vuzz-pricing-table .vuzz-pricing-content ul {

margin:0 !important;

list-style:none !important;

}

.vuzz-pricing-table .vuzz-pricing-content ul li {

margin:0 !important;

padding:10px 20px !important;

border-bottom:1px solid #eee;

list-style:none !important;

}

.vuzz-pricing-table .vuzz-pricing-content ul li:nth-child(2n+2) {

background:#F9F9F9

}

.vuzz-pricing-table .vuzz-pricing-button {

background:#fff;

text-align:center;

border-top:1px solid #fff;

padding:20px;

}

.vuzz-pricing-table .vuzz-pricing-button .vuzz-button {

float:none;

margin:0 auto;

background:#666;

color:#fff;

padding:7px 15px;

}

.vuzz-pricing-table>div {

border-top:#666 3px solid;

}

.vuzz-pricing-table .vuzz-pricing-cost {

background:#666;

}

.vuzz-pricing-table .vuzz-pricing-per {

background:#666;

}

.vuzz-pricing-table>div.popular {

border-top:#e7402f 3px solid;

}

.popular .vuzz-pricing-cost {

background:#e7402f;

}

.popular .vuzz-pricing-per {

background:#e7402f;

}

.popular .vuzz-button {

background:#e7402f;

}

.popular .vuzz-button.buttonprice {

background: #e7402f;

}

/*=============================================== * 

  Colorful Boxes

* ===============================================*/

.boxolive {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#EEF4D4;

border:1px solid #8FAD3D;

color:#596C26;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}

.boxblue {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#E1EBEB;

border:1px solid #A8C6C6;

color:#555;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 20px;

}

.boxgreen {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#E9FFD2;

border:1px solid #ACFF59;

color:#596C26;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}

.boxred {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#FCE2D4;

border:1px solid #F1C0A8;

color:#000;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}

.boxgray {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#f5f5f5;

border:1px solid #DDD;

color:#596C26;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}

.boxyellow {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#Fffdf3;

border:1px solid #F2DFA4;

color:#C4690E;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}

.boxwhite {

-moz-border-radius:6px;

-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

background:#fff;

border:1px solid #e5e5e5;

display:block;

margin-bottom:30px;

padding:25px 25px 25px 25px;

}



/*=============================================== * 

  Contact Form

* ===============================================*/

#refresh {

cursor:pointer;

}

#captcha {

height:25px;

margin-top:5px;

}

#after_submit {

margin-top:20px;

}

label.error {

color:#CC0000;

font-size:12px;

margin:0 0 10px;

font-style:italic;

width:200px;

}

label.success {

color:#009900;

font-size:12px;

margin:0 0 10px;

font-style:italic;

width:200px;

}

.gmap {

background:white;

border:1px solid #eee;

padding:4px;

margin-bottom:15px;

}



/*=============================================== * 

  Fade Effects

* ===============================================*/



.flexslider .slides img, .textItem, .services h2, .faqstitle, .testimonial h4, .hero-unit, .sectiontitlepost h1, #filter ul li     {    

    animation: fadein 2s;

    -moz-animation: fadein 2s; /* Firefox */

    -webkit-animation: fadein 2s; /* Safari and Chrome */

    -o-animation: fadein 2s; /* Opera */

}

@keyframes fadein {

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-moz-keyframes fadein { /* Firefox */

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-webkit-keyframes fadein { /* Safari and Chrome */

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-o-keyframes fadein { /* Opera */

    from {

        opacity:0;

    }

    to {

        opacity: 1;

    }

}​



/*=============================================== * 

  Spaces

* ===============================================*/

.heightauto {

height:auto !Important;

}

.top0 {

margin-top:0px;

}

.bottom0 {

margin-bottom:0px;

}

.bottom15 {

margin-bottom:15px;

}

.left0 {

margin-left:0px !Important;

}

.left5 {

margin-left:5px !Important;

}

.left10 {

margin-left:10px !Important;

}

.top10 {

margin-top:10px;

}

.top15 {

margin-top:15px;

}

.top20 {

margin-top:20px;

}

.top25 {

margin-top:25px;

}

.top30 {

margin-top: 30px;

}

.top35 {

margin-top: 35px;

}

.top40 {

margin-top: 40px;

}









/*=============================================== *  YOUR OWN STYLES* ===============================================*/



html {

overflow: -moz-scrollbars-vertical;

overflow-y: scroll;

}

/*=============================================== *  Adding CSS* ===============================================*/



.Jtitle

{

    font-family:Cambria;

	color:#06213F;

	font-size:23px;

	line-height:20px;

	padding:5px;

	margin:5px;

	text-shadow:1px 1px 2px #888;

	margin-top:15px;

	font-weight:bold;



}