/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: INOVATIO
Description: Responsive Multi-Purpose HTML Template
Author: alphawd
------------------------------------------------------------------------- */

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@import url(base.css);
@import url(skeleton.css);
@import url("font-awesome.css");
@import url("camera.css");
@import url("ui-lightness/jquery-ui-1.10.4.css");



h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: bold;
	margin-bottom: 15px; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #404040;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: bold;
}

h1, h1 a {
    font-size: 24px;
}

h2, h2 a {
    font-size: 21px;
}

h3, h3 a {
    font-size: 18px;
}

h4, h4 a {
    font-size: 16px;
}

h5, h5 a {
    font-size: 14px;
}

h6, h6 a {
    font-size: 13px;
}

.separator {
    margin-bottom: 40px;
	clear: both;
}

ul.list-check {
    list-style: none;
}

ul.list-check li {
  margin-bottom: 10px;
}

ul.list-check li:before {
  content: "\f00c" !important;
  font: 14px 'FontAwesome';
  margin: 3px 8px 0 0;
  color: #289DCC;
}

img {
    height: auto;
    max-width: 100%;
}


/* Images Overlay
==========================*/
.work {
	position: relative;
	margin-bottom: 40px;

	text-align: center;
}

.work-image {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
	
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	-webkit-transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
}

.work-image img {
    width: 100%;
    display: block;
    
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.work-image:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.desc h3 {
    margin: 0;
}

.desc .tags {
    margin: 0 0 10px;
}

.link-overlay {
	position: absolute;
	top: 0;       left: 0;
	bottom: 0;    right: 0;

	background: rgba(0,0,0,0);

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.link-overlay:before {
	display: block;

	width: 46px;
	height: 46px;

	position: absolute;
	top: 50%;    left: 50%;

	margin: -22px 0 0 -25px;

	border-radius: 50%;
	background: #fff;

	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;

	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;

	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}

.work-image:hover  .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.work p { margin: 0; }

.work-name {
	display: inline-block;
	margin: 15px 0 6px;
	font-size: 14px;
}

a.work-name {
	color: #313538;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
}

a.work-name:hover {
	color: #289DCC;
}

.tags {
	font-size: 12px;
	color: #c9c9c9;
}

/* wrapper */
.wrapper {
width: 100%;
}

/* block */
.block {
width: 100%;
padding: 50px 0;
}

.block-grey{
width: 100%;
padding: 50px 0;
background: #f5f6f8;
}

/* header */
.header {
width: 100%;
margin: 0;
padding: 0;
position: relative;
background: #fff;
box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
border-top: 4px solid #ECECEC;
}

/* logo */
.logo {
margin-top: 30px;	
float: left;
}

img.logo-img {
display: block;
width: 149px;
height:	21px;
}

/* menu */
ul.menu {
list-style: none;
float: right;
position: relative !important;
z-index: 500; 
}

ul.menu  li {
list-style: none;
float: left;
position:relative;
}

ul.menu  li a {
    color: #393939;
    display: block;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 22px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

ul.menu li a.current, ul.menu li a.current:hover  {
    border-top: 4px solid #289dcc;
    margin-top: -4px;
}

ul.menu li a.current {
    background-color: #FCFCFC;
    color: #289dcc;
    padding-left: 21px;
    padding-right: 21px;
}

ul.menu li a:hover {
    border-top: 4px solid #cfcfcf;
    margin-top: -4px;
    background-color: #FCFCFC;
}

ul.menu li a .subtext {
    color: #B6B6B6;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding-top: 3px;
    text-transform: lowercase;
}

ul.menu li ul.sub-menu {
display: none;
}

ul.menu li:hover ul.sub-menu {
display: block;
position: absolute; 
left: 0;
z-index: 99;
}

ul.sub-menu li  a {
	color: #AAAAAA;
    font: 11px 'Open Sans',sans-serif;
	text-align: left;
	text-transform: none;
	background: #3A3A3A;
    border-color: #4C4C4C #3A3A3A #303030;
    border-style: solid;
    border-width: 1px;
	padding: 8px 20px 8px 25px;
	margin: 0;
	width: 150px;
	height: 20px;
	line-height: 20px;
}

ul.sub-menu li a:hover {
    color: #FFFFFF; 
    font: 11px 'Open Sans',sans-serif;
	text-align: left;
	text-transform: none;
	background: #3A3A3A;
    border-color: #4C4C4C #3A3A3A #303030;
    border-style: solid;
    border-width: 1px;
	padding: 8px 20px 8px 25px;
	margin: 0;
	width: 150px;
	height: 20px;
	line-height: 20px;
}

ul.sub-menu li a.current-item {
color: #FFFFFF;
}

/* responsive menu */

nav {
    display: none;
}

.responsive-menu {
    display: none;
    float: left;
    margin: 25px 0 25px 10px;
}
.responsive-menu i {
    font-size: 28px !important;
	color: #A0A0A0;
}

/* slider */
.camera_wrap {
    margin-bottom: 60px !important;
}

.camera_wrap .slider-img {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
} 

.camera_wrap .slider-img  img {
  max-width:100% !important;
  display: block;
}

  .camera_wrap .camera_caption {position:absolute; top:22%; left:190px; width:50%;
    bottom: 0;
    display: block;
  }

  .camera_wrap .camera_caption .slider-title {
	color: #FFFFFF;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;	
	margin-bottom: 0;
	padding: 5px 15px;
	background-color: #289dcc;
	position: absolute;
}

  .camera_wrap .camera_caption .slider-subtitle {
    color: #777777;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #FFFFFF;
	position: absolute;
    position: absolute;
    top: 55px;
}

  .camera_wrap .camera_caption .slidertext {
    color: #4C4C4C;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    top: 95px;
    width: 350px;
}

.slider_button {
    position: absolute;
    top: 160px;
}

/* content */
.content {
width: 100%;
position: relative;
}

.clients li {
float: left;
width: 187px;
height: 95px;
}

/* footer */
.footer {
width: 100%;
border-top: 5px solid #f0f0f0;
background-color: #404548;
margin-top: 45px;
padding: 33px 0;
}

.footer h5 {
    color: #FEFEFE;
    font-size: 14px;
    padding-bottom: 18px;
}

.footer p {
    color: #9C9C9C;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 17px;
    padding-bottom: 0;
}

.footer ul.posts li {
    border-bottom: 1px solid #515659;
    display: block;
    overflow: hidden;
    padding-bottom: 8px;
}

.footer ul.posts li.last {
    border: none;
    display: block;
    overflow: hidden;
    padding-bottom: 8px;
}

.footer ul.posts li a {
    color: #C2C2C2;
    font-family: 'Lucida Sans Unicode',Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 16px;
}

.footer ul.posts li a:hover {
    color: #289DCC;
    text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/* Button Up
/* ---------------------------------------------------------------------- */
.btntoTop {
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 30px;
	right: 30px;

	background-color: #289DCC;
	border-radius: 50%;

	text-align: center;
	line-height: 40px;

	cursor: pointer;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.btntoTop:before {
	content: "\f106";

	display: inline-block;
	vertical-align: middle;

	font: 20px 'FontAwesome';
	color: #fff;
}

.btntoTop.active {
	opacity: 1;
}
.btntoTop.active:hover{
	opacity: 0.8
}


.twitter {
margin-top: ;
}

.twitter li {
     background: url("../images/twitter_widget_ico_01.png") no-repeat scroll left 5% transparent;
     margin: 0px 0px 22px;
     padding: 0px 0px 0px 25px;
	 color: #9C9C9C;
}

.twitter a {
     color: #FFFFFF;
 	 text-decoration: none;
}

.twitter a:hover {
color: #289DCC;
}

.twitter b a {
     color: #FFFFFF;
     font-weight: 400;
}

.block_flickr_footer {
    margin-left: -4px;
    overflow: hidden;
    padding-top: 4px;
}

.block_flickr_footer li {
    display: block;
    float: left;
    line-height: 0;
}

.block_flickr_footer li img {
    border: 3px solid #424242;
}

.footer-bottom {
    width: 100%;
    background-color: #303437;
    border-top: 1px solid #2c3031;
}

.footer-bottom  p {
    color: #9C9C9C;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
	padding: 19px 0 15px;
}

ul.social {
float: right;
}

ul.social li {
float: left;
}

ul.social li a  img {
margin: 16px 0 0 9px;
}

/* Page Title
==========================*/
.page-title {
    background-color: #F9F9F9;
    margin: 0 0 40px;
    padding: 25px 0;
}

.page-title  h2 {
    float: left;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}
.breadcrumbs ul li {
    color: #999999;
    display: inline-block;
    margin: 0 0 0 5px;
}
.breadcrumbs ul li:after {
    color: #CCCCCC;
	content: "\f054";
    font-family: "FontAwesome";
    font-size: 10px;
    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: #888888;
    font-weight: 600;
}
.breadcrumbs ul li a:hover {
    color: #A0A0A0;
}
.breadcrumbs ul li:first-child {
    margin-left: 0;
    padding-right: 0;
}
.breadcrumbs ul li:first-child, .breadcrumbs ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999999;
}
.breadcrumbs ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

/* #Home Page
================================================== */

.service-box {
    text-align: center;
}

.service-box i {
    border: 2px solid #289DCC;
    border-radius: 50%;
    color: #289DCC;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    text-align: center;
    width: 50px;
}


/* #About Us Page
================================================== */

/* ---------------------------------------------------------------------- */
/* Progress Bar
/* ---------------------------------------------------------------------- */
.progress-bars {
	margin-bottom: 30px;
}

.progress-scale {
	height: 18px;
	margin-bottom: 15px;

	border-radius: 2px;
	background: #fafafa;
	border: 1px solid #e2e2e2;

	text-shadow: 0 1px 1px #c4c4c4;
}

.progress-label {
	margin-bottom: 5px;
	font-size: 13px;
	color: #474343;
}

.progress-line {
	width: 0;
	height: 20px;

	position: relative;
	top: -1px;
	left: -1px;

	padding-left: 2px;

	border-radius: 2px 0 0 2px;

	-webkit-transition: width 2s ease-in-out;
	transition: width 2s ease-in-out;
}

.progress-line {    
	background-color: #289DCC;

	-webkit-animation: bg-move 2s linear infinite;
	animation: bg-move 2s linear infinite;
}

@-webkit-keyframes bg-move { 
	0% { background-position: -34px 0 }
	100% { background-position: 0 0 }
}

@-webkit-keyframes bg-move { 
	0% { background-position: -34px 0 }
	100% { background-position: 0 0 }
}

.member-name h3 {
    margin-bottom: 0;
}

.job-title h5 {
    font-weight: normal;
	line-height: 17px;
	color: #807f7f;
}

ul.member-social {
    list-style: none;
}

ul.member-social li {
    display: inline-block;
	margin-right: 4px;
}

ul.member-social i {
    color: #818181;
	font-size: 15px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	background: #efefef;	
}

/* #Services Page
================================================== */

/* ---------------------------------------------------------------------- */
/* Promobox
/* ---------------------------------------------------------------------- */
.promo-box {
    background: linear-gradient(to bottom, #FFFFFF 2%, #FBFBFB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 4px solid #289DCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    padding: 25px 20px;
}

.promo-box .text{
    float: left;
}

.promo-box h2 {
    margin-bottom: 10px;
}

.promo-box p {
    font-size: 13px;
	margin-bottom: 0;
}

.promo-box a {
    float: right;
    margin-top: 10px;
	text-align: center;
	padding: 8px 15px!important;
	font-size: 13px !important;
}

.promo-box i {
    font-size: 16px;
	margin-right: 12px;
}

/* #Portfolio Page
================================================== */

/* Portfolio
==========================*/
.filter-list {
	margin: 0 0 20px;
	padding: 0;

	list-style: none;
}

.filter-list li {
	display: inline-block;
	position: relative;
	
	margin-right: 23px;
	padding-bottom: 10px;

	font-size: 13px;
	color: #313538;
	cursor: pointer;
}

.filter-list li.active {
	color: #289DCC;
}

.filter-list li:before, .filter-list li.active:before { 
	content: '';
	display: block;
	height: 0;

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 53;

	background: #888;

	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}

.filter-list li:hover:before { height: 2px; }

.filter-list li.active:before {
	height: 2px;
	background: #289DCC;
}


.filter-select {
	display: none;

    position: relative;
    margin-top: -15px;
    margin-bottom: 25px;
}

.filter-select ul {
    display: none;
    position: absolute;
    left: 0;    right: 0;
    z-index: 10;
    
    margin: 0;
    padding: 0;
    
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: none;
    
    list-style: none;
}

.filter-select .filter-current {
	background: #fafafa;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #dfdfdf;
}

.filter-select .filter-current:hover {
	background: #fafafa url(../images/light-btn.jpg) repeat-x top;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	border-color: #d9d9d9;
	border-bottom: 1px solid #cecece;
}

.filter-select .filter-current:active {
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;
}

.filter-select .filter-current:after {
	content: "\f0d7";

	float: right;
	margin-top: 5px;
	font: 12px 'FontAwesome';
}

.filter-select li, .filter-select .filter-current {
    padding: 5px 15px 4px;
    
    line-height: 22px;
    cursor: pointer;
}

.filter-select li:hover {
    margin: 0 -1px;
    
    background: #289DCC;
    color: #fff;
}

/**** 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;
}

/* BLOG
================================================== */
.post-category {
    background: none repeat scroll 0 0 #F0F0F0;
    cursor: pointer;
    float: left;
    height: 45px;
    left: -22px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 45px;
	border-radius: 50%;
}

.post-category:hover {
    background: #289DCC;
}

.post-category i {
    color: #444444;
    display: table-cell;
    font-size: 20px;
    height: 45px;
    text-align: center;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 45px;
}
.post-category:hover i {
    color: #FFFFFF;
}
.post-body {
    padding-top: 8px;
    width: 100%;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
    margin-bottom: 5px;
    text-transform: none;
    transition: all 0.2s ease 0s;
}
.post-meta {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.post-meta + p {
    margin-top: 0;
}
.post-meta li {
    border-right: 1px solid #DDDDDD;
    float: left;
    line-height: 12px;
    margin-bottom: 5px;
    margin-right: 8px;
    padding-right: 8px;
}
.post-meta li:last-child {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}
.post-meta span, .post-meta a {
    line-height: 12px;
}
.post-meta span.date {
    text-transform: uppercase;
}
.post-meta .post-tags span, .post-meta .post-tags a {
    float: left;
    padding-right: 5px;
}

.blog-post .camera_wrap {
    margin-bottom: 20px !important;
}

.widget {
    display: block;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.widget li {
    background: url("../images/list_icons/aside.png") no-repeat left;
    border-bottom: 1px dotted #DDDDDD;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-top: 7px;
}

.widget li:last-child {
    border-bottom: medium none;
}
.widget li a {
    display: block;
}

.widget .title {
    margin-bottom: 20px;
}

.input-wrap {
	display: block;
	margin: 0 0 12px 0;
	position: relative;
}

.input-wrap i {
	position: absolute;
	top: 7px;	left: 11px;

	color: #c1c4c5;
}

.textarea-wrap i {
	position: absolute;
	top: 9px;	left: 11px;

	color: #c1c4c5;
}

.input-wrap i + input, .textarea-wrap i + textarea {
	padding-left: 31px;
}

.input-wrap i.focused, .textarea-wrap i.focused {
	color: #333;
}

.input-wrap input,
.textarea-wrap textarea,
.select-wrap select {
    float: left;
	
	margin-right: 10px;

	width: 100%;
	height: 33px;

	padding: 0 12px;
	
	background: #fafafa;
	
	border: 1px solid #e2e2e2;
	border-top: 1px solid #d4d4d4;
	outline: none;
	border-radius: 2px;

	color: #65686d;
	line-height: 1.6;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.input-wrap.m-full-width input,
.textarea-wrap.m-full-width textarea,
.select-wrap.m-full-width select {
	width: 100%;
}

.input-wrap input:focus,
.textarea-wrap textarea:focus {
	background: #fff;
	
	border: 1px solid #289DCC;
	box-shadow: 0 0 5px rgba(62,187,199,0.35);
	
	color: #65686d;
}

.input-wrap input:hover,
.textarea-wrap textarea:hover
 {
	cursor: default;
}

.textarea-wrap {
	position: relative;
	margin-bottom: 12px;
}

.textarea-wrap textarea {
    float: left;
	display: block;

	width: 100%;
	min-width:100%;
	max-width: 100%;	
	height: 110px;

	padding: 8px 12px 12px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-size: 12px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #a1a3a5;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #a1a3a5;
}

.form {
	margin-bottom: 20px;
}

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

.form.input-wrap {
	display: inline-block;
	width: 328px;
	margin-left: 9px;
}

.form.input-wrap input {
	width: 100%;
}

.blog-search input {
	width: 100%;
	margin-bottom: 20px;
}

.flickr-widget-blog {margin-right: -12px; margin-top: 15px;}
.flickr-widget-blog img {display: block; width: 100%;}

.flickr-widget-blog a {
	float: left;
	width: 53px;
	height: 53px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #dedede;
	padding: 3px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog-posts .blog-post {
    border-bottom: 1px solid #EEEEEE;
    float: left;
    margin-bottom: 50px;
    padding-bottom: 50px;
	width: 100%;
}
.blog-posts.boxes .blog-post {
    border-bottom: medium none;
    padding-bottom: 0;
}
.blog-posts.boxes .blog-post iframe {
    min-height: 133px;
}
.blog-post .post-image {
    float: left;
    margin-bottom: 20px;
    max-width: 100%;
    opacity: 1;
}
.blog-post iframe {
    min-height: 274px;
    width: 100%;
}
.blog-post .post-image:hover {
    opacity: 0.8;
}
.post-body-container {
    -moz-box-sizing: border-box;
    float: left;
    margin-left: 22px;
    padding-left: 40px;
    position: relative;
    max-width: 598px;
}
.blog-posts.boxes .post-body-container {
    width: 278px;
}

.pagination {
    float: right;
    width: 100%;
}
.pagination li {
    background: linear-gradient(to bottom, #555555 0%, #444444 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333;
    border-radius: 2px;
    float: left;
    height: 33px;
    margin-right: 3px;
    transition: all 0.2s ease 0s;
    width: 33px;
}
.pagination li a {
    color: #FFFFFF;
    display: table-cell;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    width: 33px;
}

.pagination li.active, .pagination li:hover  {
    background: #289DCC;
	border: 1px solid #2386ae;
}

.blog-posts.blog-post-single .blog-post {
    float: left;
    margin-bottom: 50px;
}
.post-comments {
    float: left;
    width: 100%;
}
.post-comments h3 {
    height: 24px;
}
.comments-li {
    float: left;
    margin-bottom: 20px;
}
.comments-li > li {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.comment {
    float: left;
    min-height: 60px;
}
.post-comments .comment + .children {
    margin-top: 20px;
}
.post-comments .children + .children {
    margin-top: 20px;
}
.comment .avatar {
    float: left;
    height: 60px;
    margin-right: 15px;
    width: 60px;
}
.author-img {
    float: left;
}
.comment .comment-meta {
    color: #777777;
    font: italic 11px Arial,sans-serif;
    margin: 0 0 10px 80px;
}
.post-comments .comments-li .comment .comment-meta li {
    display: block;
    padding-top: 2px;
}
.comment .comment-meta a {
    border-bottom: medium none;
    color: #777777;
    display: inline;
    font: 11px Arial,sans-serif;
    margin-bottom: 3px;
    transition: all 0.3s ease 0s;
}
.comment .comment-meta a.author {
    color: #444444;
    display: block;
    float: left;
    font: bold 13px Arial,sans-serif;
    margin-right: 10px;
}
.comment .comment-body {
    margin-left: 80px;
}
.post-comments .children {
    float: left;
    margin-left: 30px;
    padding: 0 0 0 50px;
}
.comment-reply-link {
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    padding: 4px 10px;
}
.comment-reply-link:hover {
    color: #FFFFFF;
}
.comment-form, #respond {
    float: left;
    width: 100%;
}
h5#reply-title {
    text-transform: none !important;
}
#respond form {
    margin-top: 20px;
}
#respond fieldset {
    margin-bottom: 10px;
}
#respond label {
    color: #444444;
    display: block;
    font: 11px Arial,sans-serif;
    margin-bottom: 7px;
    width: 100%;
}
#respond .name-container {
    float: left;
    margin-right: 20px;
}
#respond .email-container {
    float: left;
}
#respond .name-container input, #respond .email-container input {
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: #A9A9A9;
    float: left;
    font: 12px 'Open Sans',Arial,sans-serif;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.3s ease 0s;
    width: 308px;
}
#respond .message {
    -moz-box-sizing: border-box;
    float: left;
    margin-top: 5px;
    width: 100%;
}
#respond .message textarea {
    -moz-box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: #A9A9A9;
    font: 11px/22px Arial,sans-serif;
    padding: 10px;
    width: 100%;
}
#respond #comment-reply {
    float: right;
	border: 1px solid #1f70ad !important;
	background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
	background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
	background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
	background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
	background-color: #2778C8 !important;
	color:#fff !important;
	text-shadow: 1px -1px 0px #1c6396;
	filter: dropshadow(color=#1c6396, offx=1, offy=1);
}
#respond #comment-reply:hover {background: #287fc8;}
#respond .name-container input:focus, #respond .email-container input:focus, #respond .message textarea:focus {
    border-color: #AAAAAA;
}

/* #Contact Page
================================================== */
/* Contact
==========================*/
.google-map {
    margin-bottom: 30px;
}

.gm-style img{max-width: inherit;}

.list {
    line-height: 20px;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.list li {
    margin-bottom: 6px;
}
.list li span {
    display: block;
    overflow: hidden;
}
.list li i {
    color: #808080;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    width: 16px;
}
.list a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease 0s;
}
.list a:hover {
    color: #04BFEA;
}

.list a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.list a:hover {
	color: #289DCC;
}

/***********************
    - Form Wrapper -
***********************/
.ajax-contact-form {
	clear:both;
	position:relative;
	max-width:600px;
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	-khtml-border-radius:8px;
}

.ajax-contact-form div.form {
	clear:both;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	-khtml-border-radius:6px;
	background-color:#FFF;
	max-width:598px;
}

/****************
    - Title -
****************/
.ajax-contact-form div.form .title {
	clear:both;
	padding:15px;
	text-align:center;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#eaeaea')";
	font-size:18px;
	font-weight:bold;
	color:#444;
	-moz-text-shadow:0px 1px #fff; 
	text-shadow:0px 1px #fff;
}

/***************
    - Form -
***************/
div.form-holder {
	padding:20px;	
}

form .required {
	color:#cd0000;
}

form .field {
	margin-top:10px; 
	margin-bottom:15px;
}

form .field:first-child {
	margin-top:0;
}

form .field:after {
	content:"\0020"; 
	display:block; 
	height:0; 
	clear:both; 
	overflow:hidden; 
	visibility:hidden;
}

form label {
	display:block; 
	float:left; 
	width:120px; 
	margin:6px 20px 0 0;	
	font-size:12.5px; 
	line-height:18px;
}

form .inputs {
	float:left; 
	width:418px;
}

input.aweform, select.aweform, textarea.aweform {
	font-family:Arial,Tahoma,Sans-Serif; 
	font-size:13px; 
	line-height:18px;
}

input.aweform[type=text] {
	-moz-background-clip:padding; 
	-webkit-background-clip:padding; 
	-o-background-clip:padding-box; 
	-ms-background-clip:padding-box; 
	-khtml-background-clip:padding-box; 
	background-clip:padding-box; 
	border:1px solid #bbbbbb; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px; 
	-khtml-border-radius:5px; 
	border-radius:5px; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	box-sizing:border-box; 
	color:#7e7e7e; 
	width:300px;
	height:30px; 
	margin:0; 
	outline:0; 
	padding:5px 8px 6px 8px; 
	position:relative; 	
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}

input.aweform[type=text]:focus {
	border-color:#999; 
	color:#333; 
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;	
}

input.small[type=text] {
	width:200px;
}

::-webkit-input-placeholder {
	color:#bbb;
}

input.aweform:-moz-placeholder {
	color:#bbb;
}

textarea.aweform {
	-moz-background-clip:padding; 
	-webkit-background-clip:padding; 
	-o-background-clip:padding-box; 
	-ms-background-clip:padding-box; 
	-khtml-background-clip:padding-box; 
	background-clip:padding-box; 
	border:1px solid #bbbbbb; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px; 
	-khtml-border-radius:5px; 
	border-radius:5px; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	box-sizing:border-box; 
	color:#666; 
	width:100%;
	height:150px; 
	margin:0; 
	outline:0; 
	padding:10px; 
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}

textarea.aweform:focus, select.aweform:focus {
	border-color:#999; 
	color:#333; 
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;	
}

select.aweform {
	border:1px solid #bbbbbb; color:#666;
	 -moz-border-radius:5px; 
	 -webkit-border-radius:5px; 
	 -o-border-radius:5px; 
	 -ms-border-radius:5px; 
	 -khtml-border-radius:5px;
	 border-radius:5px; 
	 -moz-box-sizing:border-box; 
	 -webkit-box-sizing:border-box; 
	 -ms-box-sizing:border-box; 
	 box-sizing:border-box; 
	 width:300px;
	 height:30px; 
	 margin:0; 
	 padding:4px; 
	 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}

/*****************
    - Button -
*****************/
div.form-submit {
	clear:both; 
	text-align:right; 
	padding-top:10px;
}

div.form-submit:after {
	content:"."; 
	visibility:hidden;
	display:block; 
	clear:both; 
	height:0; 
	font-size:0;
}

button, input[type="submit"] {
	background-color:#8dc63f !important;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a8d34e),color-stop(100%,#6aad2d)) !important;
	background-image:-webkit-linear-gradient(#a8d34e,#6aad2d) !important;
	background-image:-moz-linear-gradient(#a8d34e,#6aad2d) !important;
	background-image:-o-linear-gradient(#a8d34e,#6aad2d) !important;
	background-image:linear-gradient(#a8d34e,#6aad2d) !important;
	-moz-background-clip:padding; 
	-webkit-background-clip:padding; 
	-o-background-clip:padding-box; 
	-ms-background-clip:padding-box; 
	-khtml-background-clip:padding-box; 
	background-clip:padding-box; 
	border:1px solid #5e8c22; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	-o-border-radius:4px; 
	-ms-border-radius:4px; 
	-khtml-border-radius:4px; 
	border-radius:4px; 
	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset, 0 1px 2px rgba(0,0,0,0.3) !important;
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset, 0 1px 2px rgba(0,0,0,0.3) !important;
	-o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset, 0 1px 2px rgba(0,0,0,0.3) !important;
	box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset, 0 1px 2px rgba(0,0,0,0.3) !important;
	color:#fff !important;
	cursor:pointer !important;
	display:inline-block;
	float:right;
	font:13px/17px Arial,Tahoma,sans-serif;
	font-weight:bold; 
	margin:0;
	padding:5px 10px 6px; 
	text-align:left; 
	-moz-text-shadow:0px 1px rgba(0,0,0,0.2); 
	text-shadow:0px 1px rgba(0,0,0,0.2) !important;
	-moz-transition-duration:0.3s; 
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s; 
	transition-duration:0.3s;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background-color:#73af3d; 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#9ec747),color-stop(100%,#5f9a29)); 
	background-image:-webkit-linear-gradient(#9ec747,#5f9a29); 
	background-image:-moz-linear-gradient(#9ec747,#5f9a29); 
	background-image:-o-linear-gradient(#9ec747,#5f9a29); 
	background-image:linear-gradient(#9ec747,#5f9a29); 
	-moz-background-clip:padding; 
	-webkit-background-clip:padding; 
	-o-background-clip:padding-box; 
	-ms-background-clip:padding-box; 
	-khtml-background-clip:padding-box; 
	background-clip:padding-box; 
	border-color:#487420; 
	text-decoration:none; 
	-moz-transition-duration:0s; 
	-webkit-transition-duration:0s; 
	-o-transition-duration:0s; 
	transition-duration:0s;
}

button:after {
	content:""; 
	float:right; 
	width:17px;
	height:17px; 
	margin:0 0 0 10px; 
	background:url(../images/icon/submit.png) no-repeat top center; 
	opacity:0.5;
	-webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
	transition: opacity linear 0.3s; 
}

button:hover:after, button:focus:after {
	opacity:0.9; 
}

button[disabled], input[type="submit"][disabled] {
	border:1px solid #ccc !important; 
	background-color:#bbb; 
	background-image:none; 
	color:#dfdfdf; 
	cursor:not-allowed; 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none; 
	-o-box-shadow:none; 
	box-shadow:none; 
	text-shadow:none;
}

button[disabled]:after, input[type="submit"][disabled]:after {
	opacity:0.2;
}

/********************
    - Preloader -
********************/
.preloader {
	float:right;
	padding:4px 5px;	
}

/******************
    - Captcha -
******************/
div.captcha {
	clear:both;
	display:inline-block;
	border:1px solid #888;
	padding:5px;
	margin-bottom:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	background-color:#ededed;
	background:-moz-linear-gradient(top,#fff 2%,#fbfbfb 5%,#dedede 100%); 
	background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#fff),color-stop(5%,#fbfbfb),color-stop(100%,#dedede));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb',EndColorStr='#dedede')";
}

div.captcha img {
	display:block;
	float:left;
}

div.captcha img.captcha-img {
	border:1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

div.captcha img.change-captcha {
	margin-top:5px;
	margin-left:5px;
}

img.change-captcha {
	cursor:pointer;	
}

input.captcha[type=text] {
	width:202px;
	margin-top:5px;
}

/************************
    - Notifications -
************************/
.notification {
	display:none;
	clear:both;
	margin-bottom:15px;	
	padding:10px 10px 10px 40px;
	min-height:20px; 
	font-family:Arial,Tahoma,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; 
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; 
	-o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; 
	box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; 
}

/* Notification icon */
.icon {
	position:absolute;
	background-image:url(../images/icon/notification.png);
	background-repeat:no-repeat;
	height:15px;
	top:14px;
}

/* Notification - Fail */
.fail {
	border:1px solid #dc4e4d;
	color:#b52525;
	background-color:#ec8282;	
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575)); 
	background-image:-webkit-linear-gradient(#f48888,#e17575); 
	background-image:-moz-linear-gradient(#f48888,#e17575); 
	background-image:-o-linear-gradient(#f48888,#e17575); 
	background-image:linear-gradient(#f48888,#e17575); 
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2); 
	text-shadow:0px 1px rgba(255,255,255,0.2); 
}

.fail .icon {	
	width:13px; 	
	left:16px;
	background-position:0 0;	
}

/* Notification - Success */
.success {
	border:1px solid #accc5d;
	color:#70892b;
	background-color:#c8e185; 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f)); 
	background-image:-webkit-linear-gradient(#d0e98e,#c1da7f); 
	background-image:-moz-linear-gradient(#d0e98e,#c1da7f); 
	background-image:-o-linear-gradient(#d0e98e,#c1da7f); 
	background-image:linear-gradient(#d0e98e,#c1da7f); 
	-moz-text-shadow:0px 1px rgba(255,255,255,0.3);
	text-shadow:0px 1px rgba(255,255,255,0.3);
}

.success .icon {	
	width:14px;
	left:16px;
	background-position:0 -15px;	
}

.success strong {
	color:#4c5d1e;
}

/* Notification close button */
.close-notification {
	position:absolute; 
	width:5px; 
	height:6px; 
	top:18px; 
	right:10px; 
	cursor:pointer;
	background-image:url(../images/icon/close.png);
	background-repeat:no-repeat;
}

.fail .close-notification {
	background-position:0 0;	
}

.success .close-notification {
	background-position:0 -6px;	
}

/*********************
    - Responsive -
*********************/
@media only screen and (min-width:0px) and (max-width:767px) {
	form label {
		clear:both;
		width:100%;
		margin-bottom:6px;	
	}
	
	form .inputs {
		clear:both;
		width:100%;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.ajax-contact-form {
		margin:30px auto;		
	}
	
	.ajax-contact-form div.form .title {
		font-size:16px;
		padding:12px;	
	}
	
	form label {
		font-size:12px;
		line-height:12px;	
	}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	.ajax-contact-form {
		margin:15px auto;		
	}
	
	.ajax-contact-form div.form .title {
		font-size:14px;
		padding:10px;	
	}
	
	form label {
		font-size:11px;
		line-height:11px;	
	}
	
	input.aweform[type=text], select.aweform {
		width:100%;	
	}
}


/* =============================================================== */
/* Buttons
================================================================ */
.button {
	display: inline-block;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	*float: left;
	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
}

.button:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.button.medium i {float: left;margin: 2px 5px 0px -5px;}
.button.small i {float: left;margin: 1px 5px 0px -3px;}

.button.medium  {
	padding: 7px 18px !important;
	font-size: 14px;
}

.button.small {
	padding: 6px 12px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 16px;
}


/* Input Button
==========================*/
input[type="button"] {
	display: inline-block;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	*float: left;
	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	padding: 7px 14px !important;
	font-size: 14px;
	width: auto !important;
	float: left;
}

input[type="button"]:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}


/* Yellow Button
==========================*/
.button.yellow {
	border: 1px solid #e6bd4c;
	background-image: linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-image: -o-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-image: -moz-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-image: -webkit-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-image: -ms-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
	background-color: #FCCC73;
	color:#754c00;
	text-shadow: 1px 1px 0px #ffebb7;
	filter: dropshadow(color=#ffebb7, offx=1, offy=1);
}

.button.yellow:hover, input[type="button"]:hover {background: #fbd684;}


/* White Button
==========================*/
.button.white, input[type="button"] {
	border: 1px solid #dddddd;
	background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F7F7F7;
	color:#444;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

.button.white:hover, input[type="button"]:hover  {background: #fbfbfb;}


/* Black Button
==========================*/
.button.black {
	border: 1px solid #464646;
	background-image: linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-color: #464646;
	color:#fff;
	text-shadow: 1px -1px 0px #444;
	filter: dropshadow(color=#4444444, offx=1, offy=1);
}

.button.black:hover {background: #535353;}


/* Red Button
==========================*/
.button.red {
	border: 1px solid #b23730;
	background-image: linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-image: -o-linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-image: -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100%);
	background-color: #C74039;
	color:#fff;
	text-shadow: 1px -1px 0px #a43b37;
	filter: dropshadow(color=#a43b37, offx=1, offy=1);
}

.button.red:hover {background: #ce4640;}


/* Green Button
==========================*/
.button.green {
	border: 1px solid #819633;
	background-image: linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-image: -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-image: -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
	background-color: #8DA046;
	color:#fff;
	text-shadow: 1px -1px 0px #77873b;
	filter: dropshadow(color=#77873b, offx=1, offy=1);
}

.button.green:hover {background: #93a749;}


/* Blue Button
==========================*/
.button.blue {
	border: 1px solid #1f70ad;
	background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
	background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
	background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
	background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
	background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
	background-color: #2778C8;
	color:#fff;
	text-shadow: 1px -1px 0px #1c6396;
	filter: dropshadow(color=#1c6396, offx=1, offy=1);
}

.button.blue:hover {background: #287fc8;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
.responsive-menu {
    display: block;
	}
	
img.logo-img {
display: block;
width: 149px;
height:	21px;
margin-left: 85px;
position: absolute;
}
	
	.menu {
	display: none;
	}


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
  .camera_wrap .camera_caption {
    position:absolute; 
	top:13% !important; 
	left:70px !important; 
	width:50%;
    bottom: 0;
    display: block;
  }
  
  .camera_wrap .camera_caption .slider-title {
    font-size: 17px !important; 
}

  .camera_wrap .camera_caption .slider-subtitle {
    font-size: 12px !important; 
}

  .camera_wrap .camera_caption .slidertext {
    font-size: 12px !important; 
}

.slider_button {
    position: absolute;
    top: 160px;
}

	
	#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 258px; }
	#contacts-form-main textarea { width: 547px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

  .camera_wrap .camera_caption {
    position:absolute; 
	top:22%; 
	left:70px !important; 
	width:50%;
    bottom: 0;
    display: block;
  }
	
	#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:130px;}
	#contacts-form textarea { width: 290px; }
	#contact-info li { width:275px; }
	#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 290px; }
	#contacts-form-main textarea { width: 290px; }	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
  #slider { height: 95px!important;}  
  
  .camera_wrap .camera_caption {
    display: none !important;
	}
	
	#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:190px;}
	#contacts-form textarea { width: 410px; }
	.contact-info li { width:165px; padding-right:20px; }
	#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 190px; }
	#contacts-form-main textarea { width: 410px; }	
	
ul.social {
float: left;
}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
  .camera_caption {
    display: none !important;
  }
  
  .camera_wrap .slider-img img {
    max-width: 130% !important;
  }
  
  .breadcrumbs ul {
      float: left;
  }
  
ul.social {
float: left;
}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/