/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

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

/* #Site Styles
================================================== */
@import url(base.css);
@import url(skeleton.css);
@import url(shortcodes.css);

h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: bold;
}
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;
}

.headline {
    border-bottom: 1px solid #E7E7E7;
    display: block;
    margin: 7px 0;
    padding: 0 0 7px;
}

p {
    xpadding-bottom: 15px;
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.item-img, .post-img {
     position: relative;
}

.item-img a:hover > .overlay {
    opacity: 1;
}

.overlay {
background-color: rgba(0, 0, 0, 0.8);
background-image: url("../images/overlay-zoom.png");
background-position: center center;
background-repeat: no-repeat;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.4s ease-in 0s;
width: 100%;
z-index: 10;
}

.header {
width: 100%;
border-top: 4px solid #ECECEC;
margin: 0;
}

.logo img {
    display: block;
	xy-width: 149px;
    xy-height: 21px;
    margin: 19px auto 0;
}

.menu {
list-style: none;
float: right;
}

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

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

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

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

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

.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;
}

.menu li ul.submenu {
display: none;
}

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

ul.submenu 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.submenu 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.submenu li a.current-item {
color: #FFFFFF;
}

/* menu select styling */

.menu select {
      display: none;
    }
    
    @media (max-width: 960px) {
      .menu ul { display: none; }
      .menu select { 
      display: inline-block;
      background-color: #EFEBEA; 
      border: 1px solid #D5D2D1; 
      border-radius: 4px 4px 4px;
      cursor: pointer; 
      height: 30px;
	  margin: 25px 0;
      padding: 5px;
      width: 100%;
    }
    }


.slider {
width: 100%;
height: auto;
margin: 0;
}

/* Flexslider */

.flexslider ul li {
}

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

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

.slides li {
     margin: 0px;
}

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

.flexslider .slides > li {
     display: none;
}

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

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

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

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

* html .slides {
     height: 1%;
}

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

.flexslider {
     position: relative;
}

.flexslider .slides {
    
}

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

.flex-container {
     position: relative;
}

.slider_description {
     color: #777777;
     font-size: 14px;
     margin-top: 65px;
}

.slider_description h2 {
	color: #FFFFFF;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: bold;
    left: 50%;
    line-height: normal;
    margin-left: -430px;
	padding: 5px 15px;
    position: absolute;
    top: 91px;
	background-color: #289dcc;
}

.slider_description h5 {
    background-color: #FFFFFF;
    color: #777777;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -430px;
    padding: 0 15px;
    position: absolute;
    top: 134px;
}

.slider_description p {
    color: #4C4C4C;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    left: 50%;
    line-height: 17px;
    margin-left: -430px;
    position: absolute;
    top: 175px;
    width: 350px;
}

.slider_button {
    left: 50%;
    margin-left: -430px;
    position: absolute;
    top: 240px;
}

.flex-direction-nav a {
     cursor: pointer;
     display: block;
     height: 70px;
     margin: -36px 0px 0px;
     opacity: 0;
     position: absolute;
     text-indent: -9999px;
     top: 50%;
     transition: all 0.2s ease-in-out 0s;
     width: 40px;
}

.flex-direction-nav a:hover {
     background-color: #2DA0CE;
}

.flex-direction-nav .flex-next {
     background-image: url("../images/bg_direction_nav_right.png");
     background-position: 53% 50%;
     background-repeat: no-repeat;
     border-radius: 3px 0px 0px 3px;
     position: absolute;
     right: 0px;
}

.flex-direction-nav .flex-prev {
     background-image: url("../images/bg_direction_nav_left.png");
     background-position: 47% 50%;
     background-repeat: no-repeat;
     border-radius: 0px 3px 3px 0px;
     left: 0px;
     position: absolute;
}

.flexslider:hover .flex-next {
     opacity: 1;
     right: 0px;
}

.flexslider:hover .flex-prev {
     left: 0px;
     opacity: 1;
}

.flex-direction-nav .disabled {
     cursor: default;
     opacity: 0.3 ! important;
}

.post .flexslider, .project .flexslider {
     height: auto;
}

.post .flex-direction-nav li a, .project .flex-direction-nav li a {
     cursor: pointer;
     display: block;
     height: 70px;
     margin: -35px 0px 0px;
     opacity: 1;
     position: absolute;
     text-indent: -9999px;
     top: 48%;
     transition: all 0.2s ease-in-out 0s;
     width: 40px;
     z-index: 500;
}

.post .flex-direction-nav .flex-next, .project .flex-direction-nav .flex-next {
     right: 0px;
}

.post .flex-direction-nav .flex-prev, .project .flex-direction-nav .flex-prev {
     left: 0px;
}

.post .flex-direction-nav a:hover, .project .flex-direction-nav a:hover {
     background-color: #2DA0CE;
}

.flex-control-nav {
     margin-top: 20px;
     position: absolute;
     text-align: center;
     width: 100%;
     z-index: 99;
}

.flex-control-nav li {
     display: inline-block;
     margin: 0px 0px 0px 3px;
}

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

.flex-control-nav li a {
     background: url("../images/slider_nav.png") no-repeat scroll 0% 0% transparent;
     cursor: pointer;
     display: block;
     height: 14px;
     text-indent: -999em;
     width: 14px;
}

.flex-control-nav li a:hover {
     background-position: 0px 0px;
}

.flex-control-nav li a.active {
     background-position: 0px -14px;
     cursor: default;
}

.custom-slide {
     background-position: center center ! important;
     box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.1) inset;
     height: 345px;
}

@media only screen and (min-width: 960px) {
  .flexslider { height: ; }
  #portfolio-wrapper { min-height: 350px; }
  #project .flexslider { min-height: 1px; margin-bottom: 20px; }
}

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .slider_description { margin-top: 90px; }
  .slider_description h2 { margin-bottom: 15px; font-size: 20px; }
  .slider_description p { display: none; }
  .slider_description h2 b { display: none; }
  .client-logo img { width: 148px; height: auto; }
  .post-title h2 a {}
  .latest-post-blog, .latest-post { height: 65px; }
  .flickr-widget-blog a { width: 57px; height: 57px; }
  .avatar { height: 40px; width: 40px; }
  .testimonials_author { display: none; }
}

@media only screen and (max-width: 767px) {
  .slider_description { display: none; }
  .menu { float: none; }
  .js .nav { display: none; }
  .js .selectnav { display: block; }
  .backtotop a { display: none; }
  .social-links { margin: -5px 0px 20px; float: left; }
  .info-box a { margin: 15px 0px 0px; }
  .info-box p { margin: 10px 0px 0px; }
  .post-title h2 a { padding: 0px; }
  .post-date { text-align: left; }
  .blog-sidebar { display: none; }
  .project .flexslider { margin-bottom: 20px; }
  .mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled { margin-right: -10px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .custom-slide { height: 270px; }
}

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

  .custom-slide { height: 193px; }
}

.content {
    padding: 0 0 55px;
}

p.text_1 {
    color: #292929;
    font-size: 18px;
	line-height: normal;
    font-weight: 600;
    padding-bottom: 3px;
}

p.text_2 {
    color: #696969;
    font-size: 14px;
    line-height: 24px;
}

.feature {
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    padding-top: 37px;
    text-align: center;
	margin-bottom: 30px;
	}

.feature img {
margin: 0 auto 13px;
}

.feature p {
    color: #797979;
    padding: 0 5px 13px;
}

.rotate{
    -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;
 
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
} 

.latest-projects h4 {
    padding-bottom: 24px;
}

.project  img {
    width:290px;
    margin-bottom: 16px;
	padding:4px; 
	position:relative; 
	border:1px solid #ededed; 
	line-height:0px;
}

.description {
text-align: center;
}

p.tags  a {
    color: #A3A3A3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.post-img {
margin-bottom:13px; 
padding:4px; 
border:1px solid #ededed; 
line-height:0px;
}

iframe {
margin: 0 -5px 8px;
padding:4px; 
border:1px solid #ededed; 
line-height:0px;
}

.fluid-width-video-wrapper {
    margin-bottom: 25px;
}

.post h6 {
text-align: left;
padding-bottom: 7px;
}

.post p {
    color: #797979;
    padding-bottom: 11px;
}

p.info {
    color: #919191;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
    padding-bottom: 4px;
	text-align: left;
}

p.info a {
    color: #919191;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
}

.block_testimonials_2 .text {
    border: 1px solid #EDEDED;
    margin-bottom: 12px;
    padding: 15px 10px 18px 22px;
    position: relative;
}
.block_testimonials_2 .text p {
    color: #7C7C7C;
    font-family: 'Lucida Sans Unicode',Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding-bottom: 0;
}
.block_testimonials_2 .text .tail {
    background: url("../images/testimonials_tail_2.png") no-repeat scroll 0 0 transparent;
    bottom: -16px;
    height: 16px;
    left: 30px;
    position: absolute;
    width: 15px;
}
.block_testimonials_2 .author {
    padding-left: 53px;
}
.block_testimonials_2 .author p {
    color: #404040;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding-bottom: 0;
    text-transform: uppercase;
}
.block_testimonials_2 .author p a {
    color: #404040;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.block_testimonials_2 .author .position {
    color: #9B9B9B;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
}

.info-box {
    background-image: -moz-linear-gradient(center bottom , #FAFAFA 0%, #FFFFFF 100%);
    border: 1px solid #E4E4E4;
    border-radius: 3px 3px 3px 3px;
    margin: 20px 0 5px;
    padding: 18px 25px;
}

.info-box p {
    margin: 0;
}
.info-box h4 {
    line-height: 24px;
}
.info-box a {
    margin: 7px 0 0;
}
.info-content {
    float: left;
}

.info-content p {
padding: 0;
}

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

.footer {
width: 100%;
border-top: 4px solid #f0f0f0;
background-color: #404548;
padding: 2px 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;
}

.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;
}

/* Go Top */

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background: url("../images/back_to_top_btn.png") no-repeat center #CCCCCC;
	border-radius: 3px;
	padding: 1em;
	display: none;
	width: 20px;
	height: 20px;
	z-index: 99;
}

.go-top:hover {
	background-color: #2DA0CE;
}

.page-title {
border: 1px solid #e2e2e2;
border-left: none;
border-right: none;
background: url("../images/bkg.png");
}

.page-title h2 {
    font-size: 22px;
    font-weight: normal;
    padding: 21px 0;
}

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

.about {
padding-top: 30px;
}

.member-role {
font-style: italic;
}

.line {
    height: 1px;
    margin-bottom: 10px;
    width: auto;
}

ul.member-social li {
float: left;
margin-right: 10px;
}

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

.services {
padding-top: 20px;
}

ul.why li {
background: url("../images/list_icons/list_check.png") no-repeat 0 50%;
padding: 0 0 0 18px;
margin: 5px 0;
line-height: 18px;

font-weight: bold;
font-family: Verdana;
}

.service-icon img {
float: left;
padding: 6px;
margin: 10px 0;
width: 50px;
}

.service h4 {
margin-top: 10px;
}

.service p {
    line-height: 20px;
    margin-left: 65px;

}

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

#filters {
    border-bottom: 1px solid #E7E7E7;
    display: block;
    float: left;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 25px;
    padding-bottom: 15px;
    width: 100%;
}
#filters ul li {
    background: url("../images/filter_divider.png") no-repeat scroll 97% 50% transparent;
    display: inline;
    padding: 0 10px 0 0;
}
#filters ul li:last-child {
    background: none repeat scroll 0 0 transparent;
}
#filters a {
    border-radius: 2px 2px 2px 2px;
    color: #777777;
    font-size: 12px;
    padding: 4px 8px;
    transition: all 0.1s ease-in-out 0s;
}
#filters a:hover {
    background: none repeat scroll 0 0 #AAAAAA;
    color: #FFFFFF;
}
.selected {
    background: none repeat scroll 0 0 #2DA0CE;
    color: #FFFFFF !important;
}
.selected:hover {
    background: none repeat scroll 0 0 #2DA0CE !important;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
}
.isotope.infinite-scrolling {
    transition: none 0s ease 0s;
}

/* #Blog Page
================================================== */

.blog {
padding-top: 30px;
}

.post {
margin-bottom: 40px;
}

.post {
margin: 30px 0 0;
}

.post p {
    margin: 0 0 20px;
}

.post-img, .embed {
    margin: 0 0 15px;
}

.post-img a:hover > .overlay {
    opacity: 1;
}

.post-title h2 a {
    color: #444444;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
	text-transform: none;
}

.post-title h2 a:hover {
    color: #289DCC;
}

.post-meta {
    border-bottom: 1px solid #EBEBEB;
    height: 25px;
    position: relative;
}

.post-meta a:hover {
    color: #289DCC;
}

.date {
background: url(../images/blog_date.png) no-repeat center left;
display: inline-block;
float: left;
height: 13px;
line-height: 11px;
margin: 0 10px 10px 0;
padding: 4px 0 0 18px;
}

.category {
background: url(../images/blog_category.png) no-repeat center left;
display: inline-block;
float: left;
height: 13px;
line-height: 11px;
margin: 0 10px 10px 0;
padding: 4px 0 0 18px;
}

.author {
background: url(../images/blog_author.png) no-repeat center left;
display: inline-block;
float: left;
height: 13px;
line-height: 11px;
margin: 0 10px 10px 0;
padding: 4px 0 0 18px;
}

.number-comments {
background: url(../images/blog_comments.png) no-repeat center left;
display: inline-block;
float: left;
height: 13px;
line-height: 11px;
margin: 0 10px 10px 0;
padding: 4px 0 0 18px;
}

.post-desc {
    padding: 15px 0 0;
}

.post-desc a {
color: #289DCC;
}

.line {
border-top: 1px dotted #E7E7E7;
}

h3.comment {
    color: #444444;
    font: bold 16px 'Open Sans',Arial,sans-serif;
    margin: 20px 0;
    text-transform: none;
}

.blog-sidebar, .sidebar {
    margin: 30px 0 0;
}

.widget {
    line-height: 20px;
    margin: 25px 0 0;
}

.widget h5 {
    border-bottom: 1px dotted #E7E7E7;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.widget a {
color: #888888;
}

#twitter-widget{
margin-top: 20px;
}

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

#twitter-widget a {
     color: #289DCC;
 	 text-decoration: none;
}

#twitter-widget a:hover {
color: #289DCC;
}

#twitter-widget b a {
     color: #888888;
     font-weight: 400;
}

#flickr-widget  li {
float: left;
}

#flickr-widget  li a  img {
display: block;
width: 53px;
margin-right: 9px;
margin-bottom: 9px;
padding: 3px;
border: 1px solid #DEDEDE;
}

.search input {
    background: url("../images/search_ico.png") no-repeat scroll 4% 54% transparent;
    color: #888888;
    padding-left: 30px;
    width: 84%;
}

.search:focus {
    border: 1px solid #DDDDDD;
}

.categories li a {
    background: url("../images/link_list_arrow_02.png") no-repeat scroll left 47% transparent;
    color: #888888;
    display: block;
    padding: 7px 0 7px 12px;
}
.categories li:first-child a {
    margin: -15px 0 0;
}

.categories li:last-child a {
    border: medium none;
}

.categories li a:hover {
    color: #289DCC;
}

.latest-post-blog {
    height: 50px;
    margin: 0 0 20px;
}

.latest-post-blog:last-child {
    margin-bottom: 5px;
}

.latest-post-blog p, .latest-post-blog a {
    color: #606060;
    line-height: 18px;
    margin: 0;
}

.latest-post-blog span {
    color: #888888;
    display: block;
    margin: 3px 0 0;
}

.latest-post-blog img {
    border: 1px solid #DEDEDE;
    float: left;
    height: 49px;
    margin: 0 10px 10px 0;
    padding: 3px;
    transition: all 0.2s ease-in-out 0s;
    width: 49px;
}

/* #Contact Page
================================================== */
#google-map {
position:relative;
height:0;
overflow:hidden;
padding:0 0 40%;
}

.contact-details p {
    line-height: 18px;
    margin: -5px 0 0 20px;
}
.contact-details li i {
    float: left;
    margin: 2px 0 0;
}

.social-places li {
float: left;
}

.social-places li a {
display: block;
width: 45px;
margin-right: 7px;
}




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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.slider {
	height: auto;
	}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#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) {
	#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) {
	#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; }	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
.formborder{ border:1px solid #000000}




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