/*
 * 	Author: wtxinc
 */
  
/****************************************************************************
CSS RESET
****************************************************************************/

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

/****************************************************************************
../fonts
****************************************************************************/

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/Roboto-Thin-webfont.eot');
    src: url('../fonts/Roboto-Thin-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('../../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EntypoRegular';
    src: url('../fonts/entypo-webfont.eot');
    src: url('../fonts/entypo-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/entypo-webfont.woff') format('woff'),
         url('../fonts/entypo-webfont.ttf') format('truetype'),
         url('../fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}



/****************************************************************************
BASIC STYLES
****************************************************************************/

html{height:100%;}
body{ background-color:#fff; font:12px "Roboto", Arial, Helvetica,sans-serif; color:#000; line-height: 30px; overflow-x:hidden; width:100%; height:100%;}

h1,h2,h3,h4,h5,h6{  }
h1{ font-size:48px;}
h2{ font-size:36px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a {text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {clear:both; }

.normal_page { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.hidden { display:none; visibility:hidden; }
.vimeo { border:none; }
.soundhound { border:none; width:100%; height:166px; }
.soundhound_hidden { display:none; visibility:hidden; }

 header { margin:80px auto;  font:30px "pacificoregular", Arial, Helvetica,sans-serif; color:#2e3133; display: table; margin-top:130px; }
 header div { float:left; }
 header .text_decoration { width:35px; }
 header .lines { float:none; }
 header .header_text { margin:-25px 20px 0; }

.line_white { height:1px; width:100%; background-color:#fff; margin-bottom:2px; }
.line_dark { height:1px; width:100%; background-color:#d5d5d5;  margin-bottom:2px; }
.line_darker { height:1px; width:100%; background-color:#808183;  margin-bottom:2px; }
.line_slider { -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000; }

.get_to_contact { background-color:#f2efec; width:100%; float:left; padding: 60px 0; }
.get_to_contact a { border: 1px solid #023011; background-color:#22994b; font:12px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; padding: 10px 20px; float:right; margin-right:15px; }
.get_to_contact a:hover { background-color:#45cc73; }
.get_to_contact p { width:65%; float:left; padding-right:20px; }
.get_to_contact .title { font:16px "RobotoBold", Arial, Helvetica,sans-serif; float:left; width:15%; padding-right:20px; }
.contact_margin { margin-top:30px; }
.container {max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.darker_background { height:100%; width:100%; background-color: rgba(0,0,0,.5); float:left; }
.darker_background2 {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	float: none;
}

.phone_menu { margin:16px 0 0 20px; display:none; visibility:hidden; }

.button { 
/* General button syle */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: rgba(18,147,63,.93);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
}

/****************************************************************************
SLIDER
****************************************************************************/

#slider { height:100%; }
#slider .slider_content { max-width:800px; margin:0 auto; text-align:center;  }
#slider .slider_content header { font:36px "RobotoLight", Arial, Helvetica,sans-serif; text-shadow: 0 1px 5px #000; color:#fff; padding:0px; margin-top:0%; margin-bottom:3px; }
#slider .slider_content header .bold { font-weight:700; font-family: "RobotoBold"; }
#slider .slider_content p { text-shadow: 0 1px 5px #000; color:#fff; margin: 30px 0; }
#slider .slider_content a { border: 1px solid #001735; background-color:#155aab; font:12px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; padding: 2px 20px; }
#slider .slider_content a:hover { background-color:#2573cf; }
.logo { margin-top:6px !important; }

/****************************************************************************
MENU
****************************************************************************/

.menu {
width:100%; height:20px; float:left; background-color:#2a353c; height:51px; z-index:999;

 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
border: 1px solid #000;
background-image: 
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
}
.menu ul { margin-top:11px; float:left; }
.menu ul li { display:inline; margin-left:20px; }
.menu ul li a { font:12px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; }
.menu ul li a:hover { color:#e3e3e3; }

/****************************************************************************
SOCIAL
****************************************************************************/
.social2 {
float:right; display:block; width:20px; height:20px; margin: 14px 20px 0 0; 
}
.social {
float:right; display:block; width:20px; height:20px; margin: 14px 20px 0 0; 
border: 1px solid #010101;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #000;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
}
.tres_social { margin-right:80px; }
.second_social { margin-right:8px; }
.facebook_img { background: url(../images/fbi.png) no-repeat center; }
.twitter_img { background: url(../images/twi.png) no-repeat center; }
.googleplus { background: url(../images/gplus.png) no-repeat center; }

.social_person {
float:left !important;
}

/****************************************************************************
COLUMNS
****************************************************************************/
.columns_333 { width:200; float:left; margin:0px 0; }
.columns_3 { width:33%; float:left; margin:30px 0; }
.columns_3 .content_1 { padding: 0 20px 0 0; }
.columns_3 .content_2 { padding: 0 10px; }
.columns_3 .content_3 { padding: 0 0 0 20px; }

.columns_4 { width:25%; float:left; margin:30px 0; }
.columns_4 .content_1 { padding: 0 15px 0 0; }
.columns_4 .content_2 { padding: 0 10px 0 5px; }
.columns_4 .content_3 { padding: 0 5px 0 10px; }
.columns_4 .content_4 { padding: 0 0 0 15px; }

.column_33 { width:20%; float:left; margin:30px 0; }
.column_66 { width:80%; float:left; margin:30px 0; }
.column_33 .content { padding: 0 10px 0 0; }
.column_66 .content { padding: 0 0 0 10px; }



/****************************************************************************
ABOUT US
****************************************************************************/

.about_us { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.about_us figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.about_us span { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.about_us img { width:100%; }
.about_us  p { margin-bottom:30px; }
.about_us .columns_3 { margin-bottom:90px; }

/****************************************************************************
SERVICES
****************************************************************************/

.services{ max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto;  }
.services .service { margin:0 auto; display:table; font:16px "RobotoBold", Arial, Helvetica,sans-serif; }
.services .columns_4 p { text-align:center; }
.services  p { margin-bottom:30px; }
.icon {
font:96px "EntypoRegular", Arial, Helvetica,sans-serif; width:66px; height:66px; color:#fff; text-align:center; margin:0 auto; margin-top:30px; margin-bottom:30px;

border: 1px solid #000;
-moz-border-radius: 33px;
-webkit-border-radius: 33px;
border-radius: 33px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #616161;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
}
.icon span { margin-top:-18px; display:block; }
.icon2 {
float:right; display:block; width:60px; height:60px; margin: 4px 20px 0 0; 

}


/****************************************************************************
PORTFOLIO
****************************************************************************/

.portfolio { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto;  }
.portfolio figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.portfolio .item li { width:33%; float:left; }
.portfolio .item li p { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; margin-top:11px; }
.portfolio img { width:100%; height:225px; margin-top:60px; }
.portfolio .columns_3 { margin:30px 0; }


.portfolio .sort_by { margin-top:30px; margin-bottom:-30px; }
.portfolio .sort_by li { display:inline; margin-left:15px; }
.portfolio .sort_by li a { font:12px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }

.portfolio ul li .content { margin: 0 15px; }

/****************************************************************************
NEWS
****************************************************************************/

.news { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.news figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.news span { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.news img { width:100%; }
.news  p { marg fain-bottom:30px; }
.news article span { font:16px "RobotoBold", Arial, Helvetica,sans-serif; color:#000; }
.news time { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.news article img { width:49%; margin:0 auto; display:table; margin-bottom:30px; }

/****************************************************************************
CONTACT
****************************************************************************/

.contact { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.contact span { font:18px "RobotoBold", Arial, Helvetica,sans-serif; }
.contact p { text-align:center;  width:100%;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: .6; }
.contact .contact_margin { margin-left:15px; }
.contact_margin_last { margin-top:30px; }
.contact_lines { margin-top:30px; }
.contact_details { margin-top:60px !important; }
.footer { font:12px "RobotoRegular", Arial, Helvetica,sans-serif !important; opacity: .3 !important; margin-top:60px; }

/****************************************************************************
WRAPPER
****************************************************************************/

.wrapper{ width:100%; height:600px; }
.wrapper header { color:#fff; opacity: .6; margin-top:150px; }
.wrapper img { opacity: .6;  margin:0 auto; display:table;}

.services_wrapper { background:url(../images/services_wrapper.jpg) 50% 0 no-repeat fixed; }
.portfolio_wrapper { background:url(../images/portfolio_wrapper.jpg) 50% 0 no-repeat fixed; }
.news_wrapper { background:url(../images/news_wrapper.jpg) 50% 0 no-repeat fixed; }
.contact_wrapper { background:url(../images/contact_wrapper.jpg) 50% 0 no-repeat fixed; }

.logos { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.portfolio_wrapper p { padding: 0 20px; height:auto; margin: 0px auto; display:table;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: .6; text-align:center; }
.news_wrapper p { padding: 0 20px; height:auto; margin: 0px auto; display:table;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: .6;  text-align:center; }
.portfolio_wrapper .author, .news_wrapper .author { font:14px "RobotoBold", Arial, Helvetica,sans-serif; margin-top:10px; }


.services_wrapper header { margin-top:230px; }
.portfolio_wrapper header, .news_wrapper header { margin-top:235px; }
.contact_wrapper header  { margin-top:169px; }


/****************************************************************************
RESPONSIVE
****************************************************************************/

@media all and (max-width: 960px) {
.get_to_contact p { width:60%; }
.wrapper img { width:100%; }
}

@media all and (max-width: 860px) {
.portfolio .item li { width:50%; }
.services .columns_4 { width:50%; }
.services .content_1, .services_wrapper .content_3{ padding: 0 20px 0 0; }
.services .content_2, .services_wrapper .content_4{ padding: 0 0 0 20px; }
}

@media all and (max-width: 640px) {
.get_to_contact .title { width:100%; }
.get_to_contact p { width:100%; margin-top:20px; }
.get_to_contact a { float:left; margin-top:20px; }
.line_darker, .line_dark, .line_white, #slider .slider_content p , .line_slider, .menu ul { display:none; visibility:hidden; }
header div { float:none; }
.phone_menu { display:inline; visibility:visible; }
.hidden  { display:inline; visibility:visible; }
.services_wrapper .columns_4 { width:50%; }
.services_wrapper .content_1, .services_wrapper .content_3{ padding: 0 20px 0 0; }
.services_wrapper .content_2, .services_wrapper .content_4{ padding: 0 0 0 20px; }
}

@media all and (max-width: 560px) {
.portfolio .item li { width:100%; }
.columns_3 { width:100%; }
.columns_3 .content_1, .columns_3 .content_2, .columns_3 .content_3 { padding:0; margin:0 auto; display:table; }
.services .columns_4 { width:100%; }
.services .content_1, .services_wrapper .content_3, .services .content_2, .services_wrapper .content_4{ padding: 0 20px ; }
.contact_form div input[type=text] { width:100%; }
.contact_form div .first_input { margin-bottom:10px; }
}

@media all and (max-width: 500px) {
.column_66, .column_33 { width:100%; }
}


@media all and (max-height: 800px) {
#slider .slider_content header {
	margin-top: 0%;
	font-size: 24px;
}
}

/*Hacks for ipad to eliminate parallax effect bug*/
@media all and (-webkit-min-device-pixel-ratio: 2) {
.services_wrapper { background:url(../images/services_wrapper.jpg); }
.portfolio_wrapper { background:url(../images/portfolio_wrapper.jpg); }
.news_wrapper { background:url(../images/news_wrapper.jpg); }
.contact_wrapper { background:url(../images/contact_wrapper.jpg); }
}