@charset "utf-8";
/* CSS Document */

.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; z-index:99999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader2.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; vertical-align:middle }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; /*position:absolute; */height:100%; width:100%; }
body { font: 18px 'Open Sans', Arial, Helvetica, sans-serif; color:#555; position:absolute; height:100%; width:100%; /*background:#f7f7f7*/ }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
strong { font-weight:700; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a {color:#2b2b2b; text-decoration:none;}
a:hover {color:#555; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
em {font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; font-weight:600 }
code {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; }
blockquote {padding-left:40px; padding-right:40px; }
blockquote span {font:11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#8d8d8d; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; float:left }
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:200px 31px; width:200px; height:31px; text-indent:-9999px; }
h2 { font-size:92px; font-weight:700; color:#fff; text-transform:uppercase; line-height:1; padding:0 100px 26px 0; }
h3 { font-size:60px; font-weight:700; color:#2b2b2b; line-height:60px; text-transform:uppercase; padding:0 0px 23px 0; }
h4 { font-size:22px; font-weight:700; color:#2b2b2b; line-height:22px; text-transform:uppercase; padding:0 0px 17px 0; }
.info h4 {color:#fff; padding:0 0px 7px 0; }
h5 { font-size:11px; font-weight:400; color:#2b2b2b; line-height:27px; padding:0px 0px 0px 0; text-transform:uppercase; letter-spacing:5px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Text and Buttons
--------------------------------------------------------------------------------------------------------*/
p { padding:0px 20px 27px 0; line-height:1.5; font-weight:400; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif; }
.small {font-size:14px; }
.button {border:2px solid #fff; color:#fff; font-size:14px; font-weight:700; padding:13px 35px 13px 35px; text-transform:uppercase; letter-spacing:1px; background:rgba(255, 255, 255, 0.2); display:inline-block; margin-top:6px; font-family:'Open Sans', Arial, Helvetica, sans-serif; vertical-align:middle; white-space:nowrap; line-height:1.4; margin-bottom:41px; }
.button:hover {color:#fff; }
.button.dark {border:2px solid #2b2b2b; color:#2b2b2b; background:none; }
.button.dark:hover {color:#2b2b2b; }
/* End Text and Buttons
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
#nav { float:right }
#nav li { float:left; margin:7px 0px 0px 25px; cursor:pointer }
#nav li a { color:#8d8d8d; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; text-decoration:none; text-transform:uppercase; display:block; }
#nav li:hover a { color:#2b2b2b; }
#nav li.active a { color:#2b2b2b;  }
.menu-line {width:0; height:1px; background:#2b2b2b; display:block }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
header { position:fixed; z-index:2000; width:100%; background:#fff; /* -webkit-overflow-scrolling: touch*/ padding:26px 50px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.12) ; box-shadow:0 1px 0 rgba(0, 0, 0, 0.12); }
.container { width:960px; position:relative; margin:0 auto; }
.section { position:relative; padding:170px 0 64px 0; clear:both }
.section#section1 { padding-top:0;  }
.section#section3 { padding:83px 0 0px 0; }

.col1-1 { width:940px; margin:0px 10px; float:none; position:relative; }
.col1-2 { width:460px; margin:0px 10px; float:left; position:relative; }
.col1-3 { width:300px; margin:0px 10px; float:left; position:relative; }
.col2-3 { width:620px; margin:0px 10px; float:left; position:relative; }
.col2-3.no-margin {margin:0 !important; width:640px; }

.break { height:97px; position:relative; }
.small-break { height:50px; position:relative }

.intro {height:100%; width:100%; background:url(../images/intro1770x1130.jpg) no-repeat center top fixed; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; background-attachment:fixed;  }
.touch .intro {background:url(../images/intro1770x1130.jpg) center center no-repeat scroll !important; background-position:center;  }
#intro-text { z-index:28; position:relative; color:#fff; margin-top:-50px; }

.overlay { display:block; position:absolute; top:0; background:url(../images/bg-overlay3.png) repeat; z-index:10; width:100%; height:100%; }

.border { height:4px; width:81px; background:#2b2b2b; display:block; margin:20px 0 45px 0; position:relative }
#section1 .border {background:#fff; margin:20px 0 51px 0; }
.info .border {width:27px; background:#fff; height:3px; margin-top:-5px; margin-bottom:26px; }
.info { background:url(../images/bg-overlay3.png) repeat; position:absolute; z-index:10; left:0; top:196px; height:300px; width:100%; padding:26px 30px 30px 30px; color:#fff}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Revolution Slider Additions
--------------------------------------------------------------------------------------------------------*/
.tp-banner-container2 h2 { margin-left:10px }
.tp-banner h3, .tp-banner h4, .tp-banner h5 {color:#fff !important; }
.tp-banner .border {background:#fff !important; }
.tp-banner p {color:#fff !important; width:300px !important; white-space:normal !important }
.tp-bullets, .tp-banner-container2 .tparrows, .tp-banner-container2 .tp-bannertimer, .tp-loader {display:none !important; opacity:0 !important }
.hidden {display:none }
.tp-banner-container2 { position:relative  }
.empty-space {height:30%; position:relative; display:block }
/* =Revolution Slider Addition
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% !important; z-index:9; }
.images {overflow:hidden; position:relative; margin:0 0 20px 0 !important; }
img{box-shadow: #000 0 0 0}
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; float:left; margin-top:4px; }
.next-to-icon { margin-left:80px; }
.map {background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; height:48px; width:48px; white-space:nowrap; padding-left:72px; padding-top:5px; margin-top:5px; }
.winner {background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time {background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig {background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust {background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team {background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }
.works {background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat {background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes {background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }
.zoom {background:url(../images/icons/bg-zoom.png) no-repeat center; background-size:48px 48px; }
.file {background:url(../images/icons/bg-file.png) no-repeat center; background-size:48px 48px; }
.video {background:url(../images/icons/bg-video.png) no-repeat center; background-size:48px 48px; }
.link {background:url(../images/icons/bg-link.png) no-repeat center; background-size:48px 48px; }
/* End Image Cover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: disc; padding:0px 20px 27px 0; line-height:1.5; margin-left:24px; text-align:left !important;  font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;}
ol { list-style: decimal; line-height:1.5; padding:0px 20px 27px 0; margin-left:24px; text-align:left !important;  font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { min-height:97px; margin:75px 0px 0 0px; background:#f0f0f0; width:100%; }
footer .container {padding:26px 10px; }
footer p, footer p a:hover { color:#888; }
footer p a {color:#555; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { position:absolute; bottom:30px; left:30px; letter-spacing:0; }
.social li { display:block; float:left; margin:0px 10px 0 0px;}
ul.social a {text-indent:-9000px; text-decoration:none; height:48px; width:48px; background:rgba(255, 255, 255, 0.2); border:2px solid #fff; display:block }
.google {background:url(../images/bg-googleplus.png) center no-repeat; background-size:24px 24px; }
.twitter {background:url(../images/bg-twitter.png) center no-repeat; background-size:24px 24px; }
.facebook {background:url(../images/bg-facebook.png) center no-repeat; background-size:24px 24px; }
.linkedin {background:url(../images/bg-linkedin.png) center no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) center no-repeat; background-size:24px 24px; }
.behance {background:url(../images/bg-behance.png) center no-repeat; background-size:24px 24px; }
.dribbble {background:url(../images/bg-dribbble.png) center no-repeat; background-size:24px 24px; }
/* End Social
--------------------------------------------------------------------------------------------------------*/