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


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello-3837060.eot');
 src: url('../fonts/fontello-3837060.eot#iefix') format('embedded-opentype'), url('../fonts/fontello-3837060.woff') format('woff'), url('../fonts/fontello-3837060.ttf') format('truetype'), url('../fonts/fontello-3837060.svg#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello-43886684.svg#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.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 }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; z-index:99999; }
#status { z-index:28; position:absolute; color:#2b2b2b; top:50%; height:220px; width:100%; margin-top:-110px; }
#preloader p.small { font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700; letter-spacing:1px; /*margin-top:-3px;*/ font-family: "Open Sans", Arial, Helvetica, sans-serif; padding:0 !important }
/* horizontal centering */
.parent { width:300px; margin:0px auto; position:relative; height:220px; z-index:11 }
.child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0 50px; }
.child span { text-transform:uppercase; }
.no-js #preloader { display: none; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height:100%; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font: 15px 'Open Sans', Arial, Helvetica, sans-serif; color:#555; position:absolute; height:100%; width:100%; /*background:#fcfcfc*/ }
*, *:after, *:before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; 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:#EE3C51; text-decoration:none; }
p { padding:0px 0px 27px 0; line-height:1.5; text-align:center; }
li p {text-align:center; }
.leftalign {text-align: left;}
.col1-2 p { text-align:left !important }
.col2-3 p { text-align:left !important }
.col1-3 p { text-align:left !important }
p.sub-heading { display: block; max-width: 600px; margin: 0 auto; font-size:14px; font-family:'Open Sans', sans-serif; font-weight: 100;}
p.paragraphy { display: block; margin: 0 auto; font-size:16px; line-height:28px; font-family:'Open Sans', sans-serif; font-weight: 100;}
.paragraphysub {max-width: 620px;}
.small { font-size:13px; }
p.no-border a { border:0 }
.stand-alone { margin-top:13px; font-size:19px; font-family:'Roboto', Georgia, "Times New Roman", Times, serif; font-style:italic }
#section1 p { color:#fff; }
.content p, p.content, .hentry p { font-size:17px; font-family:'Lora', Georgia, "Times New Roman", Times, serif; }
span.arrow { font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
em { font-style:italic; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #d8d8d8; margin-top:10px; margin-bottom:30px; display:inline-block }
blockquote { padding:116px 0 0 0; margin:10px 0 25px 0; background:url(../images/icons/bg-quote.png) center 50px no-repeat; background-size:48px 48px; }
.hentry blockquote {padding:0 0 0 30px; margin:0px 0 28px 0; background:none; border-left:2px solid #e0e0e0 }
blockquote p { display: block; margin: 0 auto; padding: 0 12px 0 12px; max-width: 372px; }
.hentry blockquote p { max-width:none; padding:0; font-style:italic }
blockquote p a { text-transform: uppercase; font-style: normal; font-size: 12px; line-height: 14px; }
.superscript { vertical-align: super; font-size:9px }
p .superscript { font-size:11px; }
.tag { background:#fff; border-bottom:1px solid #d4d4d4; padding:10px 14px 11px 14px; margin:10px; color:#555; display:inline-block }
.tag span { border-left:1px solid #e0e0e0; margin-left:14px; padding-left:14px; font-size:13px; font-style:normal }
.roman-number { text-transform:uppercase; width:160px; margin:0 auto; text-align:center; position:relative; padding-bottom:10px }
.roman-number span { font-family:'Lora', Georgia, "Times New Roman", Times, serif; font-size:12px; min-width:30px; background:#fff; padding:0 5px; display:inline-block; z-index:22; position:relative }
.red .roman-number span { background:#EE3C51; }
.roman-number .lines { background:#888; width:160px; display:inline-block; height:1px; top:12px; position:absolute; left:0; z-index:21;}
.roman-number .lines2 { background:white; width:160px; display:inline-block; height:1px; top:12px; position:absolute; left:0; z-index:21;}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; float:left }
h1#logo a { display:block; background:url(../images/bg-logo.png) center no-repeat; background-size:150px 50px; width:150px; /*try to keep it below 52px*/ height:50px; text-indent:-9999px; }

.tagline {
	color:#dbdbdb;
	font-weight: 100;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px auto;
	position:relative;
	display:table;
	height:52px;
	margin-top:-1px;
	font-style:italic
}


.tagline span { display: table-cell; vertical-align: middle; }
h2, h3, h4, h5 { font-family: 'Roboto', sans-serif;}
.hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5 {padding-bottom:25px; }
h1 { font-size: 50px; line-height: 62px; color: #2b2b2b; font-weight: 700; letter-spacing: 8px; }
h2 { max-width: 600px; padding-left: 30px; padding-right: 30px; font-size: 30px; line-height: 48px; color: #2b2b2b; font-weight: 100; letter-spacing: 1px; }
#section1 h2 { color:#fff; margin-bottom:4px; }
h3 { -webkit-font-smoothing: antialiased; font-weight:100; font-size:92px; color:#2b2b2b; line-height:1; padding:0 0px 10px 0; text-align:center;}
.hentry h3 { text-align:left }
h4 { font-weight:700; color:#2b2b2b; text-transform: uppercase; font-size: 18px; line-height: 26px; letter-spacing: 3.7px; margin-bottom:15px; }
.price-table h4 { margin-bottom:0 }
h5 { font-style:normal; font-weight:700; color:#2b2b2b; text-transform: uppercase; font-size: 15px; line-height: 21px; letter-spacing: 3px; margin-bottom:15px; }

.h2team {

	max-width: 600px;
	font-size: 30px;
	line-height: 48px;
	color: #2b2b2b;
	font-weight: 100;
	letter-spacing: 1px; 

}

.meetthandibox {

	display: block;
	margin-top: 150px;
}

.thandititle {

	width:280px;
	height:316px;
	background-image: url(../images/meetthandi.png);
	background-size: contain;
	background-repeat: no-repeat;

}

.playbutton {

	width:78px;
	height:78px;
	background-image: url(../images/play_button.png);
	background-size: contain;
}



/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Buttons
--------------------------------------------------------------------------------------------------------*/
#arrow-down { position:absolute; bottom:0; left:50%; height:90px; width:90px; margin-left:-35px; background:url(../images/bg-arrow-down.png) no-repeat; background-position: center; background-size:28px 16px; text-indent:-9999px; display:block; }
.read-more { position:absolute; z-index:100; bottom:0; left:0; text-align:center; width:100%; margin-bottom:-40px; opacity:0; -webkit-transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; }
.gallery_item:hover .read-more { margin-bottom:0; opacity:1 cursor:pointer;}
.read-more span { background:rgba(238, 60, 81, .8); color:#fff; font-size:12px; text-transform:uppercase; font-style:normal; padding:10px 14px 11px 14px; display:inline-block; margin:0 auto; height:38px; }
/* End Text and Buttons
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Nav
--------------------------------------------------------------------------------------------------------*/
nav { margin:0px auto; position:relative; display:table; height:52px; float:right; z-index:1000 }
#nav { display: table-cell; vertical-align: middle; }
#nav li { float:left; margin:0px 0px 0px 25px; cursor:pointer; position:relative }
#nav li a { color:#2b2b2b; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-transform:none; display:block; padding:3px 0; }
#nav li:hover a { color:#2b2b2b; }
#nav li .menu-line { width:15px; height:1px; background:#fff; margin:0 auto; z-index:11; margin-bottom:2px }
#nav li.active .menu-line { width:100%; height:1px; background:#555; margin:0 auto; z-index:11; margin-bottom:2px }

#nav li ul {position:absolute; margin-top:0px; z-index:500; margin-left:-70px; left:50%; padding:10px 15px; width:140px; background:#fff; display:none; -webkit-box-shadow:0 0 1.5px rgba(0, 0, 0, 0.28); -moz-box-shadow:0 0 1.5px rgba(0, 0, 0, 0.28); box-shadow:0 0 1.5px rgba(0, 0, 0, 0.28); }
#nav li ul li {float:none; display:block; margin:0; }
#nav li ul li a {padding:7px 0; border-bottom:1px dotted #666; font-size:11px; display:block; text-align:center; }
#nav li ul li a.last {border:0 }
#nav li ul:hover li a, #nav li:hover ul li a {color:#888; }
#nav li ul li:hover a {color:#2b2b2b; }
#nav li:hover ul {display:block }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =7. Main Content
--------------------------------------------------------------------------------------------------------*/
header { position:relative; z-index:200; width:100%; background:#fff; padding:16px 35px 14px; -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); }
#undefined-sticky-wrapper { position:fixed; z-index:200; width:100% }
.container { width:960px; position:relative; margin:0 auto; }
.section { position:relative; padding:80px 0 32px 0; display:block; 	overflow: hidden; }
#section5 { padding:94px 0 0 0; }
.section.red { background:#EE3C51; }
.section.black { background:#2b2b2b; }
#ancor2, #ancor3, #ancor4, #ancor5, #ancor6, #ancor7, #ancor8 { position:absolute; top:-159px; }
#section1 { display:block; height:100%; width:100%;}
/* fullscreen intro */
.intro { height:100%; width:100%; background:url(../images/fullscreen01.jpg) no-repeat 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/fullscreen01.jpg) right top no-repeat scroll !important; background-position:center; }
.blog.post1 .intro { height:60% !important; background:url(../images/fullscreen02.jpg) no-repeat center top fixed; }
.blog.post1.touch .intro { height:60% !important; background:url(../images/fullscreen02.jpg) center center no-repeat scroll !important; background-position:center; }
.thin-borderline { background:#e0e0e0; width:100%; display:block; height:1px; position:relative; margin:10px 0 30px 0; }
.borderline { width:100%; display:block; height:1px; position:relative; background-color:rgba(222, 222, 222, 1); margin:15px 0 15px 0 }


.margin { margin:0 20px; }
.break { display:block; height:30px; width:100%; position:relative }
.videos { height:350px; width:620px }
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =8. Column Grid
--------------------------------------------------------------------------------------------------------*/
.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; }
.col1-4 { width:230px; margin:0px 10px; float:left; position:relative; }
.col2-3 { width:620px; margin:0px 10px; float:left; position:relative; }
.colhalf-3 { width:150px; margin:0px 2px; float:left; position:relative; }
.col2-3.no-margin { margin:0 !important; width:640px; }
.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; }
.column-count3 { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px; }
.col2-3.column-count2 { padding-right:20px; }
.post .col1-3m { margin:0 auto; float:none }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =9. Price Tables
--------------------------------------------------------------------------------------------------------*/
.price-table { border: 1px solid #d4d4d4; width:100%; height:auto; display:block; text-align:center; padding:30px 30px 30px 30px; margin-bottom:10px; margin-top:10px; height:300px; }
.price-table p.small { padding-bottom:0 }
.price-table .small { font-size:12px; font-weight: 700;}
.price-table p.price { font-size:60px; color:#2b2b2b; letter-spacing:-2px; font-weight:100; margin-left:-10px; padding-bottom:0 }
.price-table p.price span { font-size:16px; display:inline-block; padding-top:10px; vertical-align:top }
.price-table .line-through { text-decoration: line-through; color:#bbb }
.price-table .price-details { line-height:2.0 }
.price-table.best { border-top:2px solid #3d9991; margin-top:0 }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =10. Images
--------------------------------------------------------------------------------------------------------*/
.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 Images
--------------------------------------------------------------------------------------------------------*/


/* =11. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; float:left; margin-top:4px; margin-bottom:20px; }
.centered .icons { float:none; display:inline-block; }
.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; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =12. Galleries
--------------------------------------------------------------------------------------------------------*/
.gallery_item {cursor:pointer;}
.full_width_gallery { width: 100%; margin-top: 25px; }
.centralizer, .col1-3 .centralizer { margin: 0 auto; text-align: center; }
.col1-3 .centralizer { text-align: left; }
.col1-3 .price-table .centralizer { text-align:center }
.load_more_btn, .button { display: block; color: #EE3C51; font-style: italic; border: solid 2px #EE3C51; padding: 9px 15px 10px 15px; margin: 60px auto 34px auto; width: 128px; height: 44px; }
.col1-3 .button { margin:0; margin-bottom:25px; }
.centralizer > .load_more_btn, .centralizer > .button { width: auto; display: inline-block; }
.full_width_gallery > .gallery_item { display: block; float: left; margin: 0; width: 100%; height: auto; position: relative; overflow: hidden; }
.full_width_gallery > .gallery_item > img { display: block; margin: 0; line-height: 0; width: 100%; height: auto; }
.full_width_gallery > .gallery_item > .gallery_item_text { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; padding: 36% 20px 10px 20px; background-color: rgba(0, 0, 0, 0.4); color: #fff; opacity: 0.0; -webkit-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; }
.full_width_gallery > .gallery_item:hover > .gallery_item_text, .full_width_gallery > .gallery_item:active > .gallery_item_text, .full_width_gallery > .gallery_item.active > .gallery_item_text { top: 0; padding-top: 29.4%; opacity: 1.0; -webkit-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; }
.blog .full_width_gallery > .gallery_item > .gallery_item_text { top: 0; opacity: 1.0; padding:0; }
.ie9 .blog .full_width_gallery > .gallery_item > .gallery_item_text { padding-top: 29.4%; }
.flexbox .full_width_gallery > .gallery_item > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item > .gallery_item_text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 40px 20px 10px 20px; }
.flexbox .blog .full_width_gallery > .gallery_item > .gallery_item_text, .flexboxlegacy .blog .full_width_gallery > .gallery_item > .gallery_item_text { padding: 10px 20px 10px 20px !important; }
.flexbox .full_width_gallery > .gallery_item > .gallery_item_text > .v_centralizer, .flexboxlegacy .full_width_gallery > .gallery_item > .gallery_item_text > .v_centralizer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.flexbox .full_width_gallery > .gallery_item:hover > .gallery_item_text, .flexbox .full_width_gallery > .gallery_item:active > .gallery_item_text, .flexbox .full_width_gallery > .gallery_item.active > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item:hover > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item:active > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item.active > .gallery_item_text { padding-top: 10px; }
.v_centralizer strong { text-transform: uppercase; font-size: 15px; line-height: 22px; letter-spacing: 3.6px; padding-bottom:1px; padding-right:50px; padding-left:50px; font-family: "Open Sans", Arial, Helvetica, sans-serif; display:block }
#section4 .v_centralizer strong { font-size: 18px; padding-bottom:3px; }
.blog .v_centralizer strong { font-size: 18px; }
.v_centralizer i { font-size: 13px; }
#section4 .full_width_gallery { cursor:pointer }
.gallery_item > .gallery_item_text > .social_links { display: block; position: relative; text-align: center; position: absolute; left: 0; bottom: 20px; width: 100%; }
.gallery_item > .gallery_item_text > .social_links > .social_icon { display: inline-block; position: relative; padding: 4px 2px; font-size: 24px; line-height: 26px; height: 32px; width: 28px; top: 100px; color: #fff; -webkit-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; -moz-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; opacity: 1; font-variant: normal; text-transform: none; }
.gallery_item > .gallery_item_text > .social_links > .social_icon:hover { opacity:1; -webkit-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; -moz-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.pinterest, .gallery_item > .gallery_item_text > .social_links > .social_icon.vimeo, .gallery_item > .gallery_item_text > .social_links > .social_icon.email, .gallery_item > .gallery_item_text > .social_links > .social_icon.googleplus { -webkit-transition: top ease-out 0.6s; -moz-transition: top ease-out 0.6s; transition: top ease-out 0.6s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.twitter, .gallery_item > .gallery_item_text > .social_links > .social_icon.slack { -webkit-transition: top ease-out 0.7s; -moz-transition: top ease-out 0.7s; transition: top ease-out 0.7s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.soundcloud, .gallery_item > .gallery_item_text > .social_links > .social_icon.git, .gallery_item > .gallery_item_text > .social_links > .social_icon.xing { -webkit-transition: top ease-out 0.8s; -moz-transition: top ease-out 0.8s; transition: top ease-out 0.8s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.facebook, .gallery_item > .gallery_item_text > .social_links > .social_icon.instagram, .gallery_item > .gallery_item_text > .social_links > .social_icon.behance { -webkit-transition: top ease-out 0.9s; -moz-transition: top ease-out 0.9s; transition: top ease-out 0.9s; }
.full_width_gallery > .gallery_item:hover > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item:focus > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item:active > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item.active > .gallery_item_text > .social_links > .social_icon { top: 0; }
.social_icon:before { content: ""; }
.social_icon.facebook:before { content: '\e800'; }
.social_icon.dribbble:before { content: '\e801'; }
.social_icon.behance:before { content: '\e802'; }
.social_icon.git:before { content: '\e803'; }
.social_icon.googleplus:before { content: '\e804'; }
.social_icon.xing:before { content: '\e805'; }
.social_icon.instagram:before { content: '\e806'; }
.social_icon.twitter:before { content: '\e807'; }
.social_icon.youtube:before { content: '\e808'; }
.social_icon.slack:before { content: '\e809'; }
.social_icon.pinterest:before { content: '\e80a'; }
.social_icon.tumblr:before { content: '\e80b'; }
.social_icon.soundcloud:before { content: '\e80c'; }
.social_icon.skype:before { content: '\e80d'; }
.social_icon.linkedin:before { content: '\e80e'; }
.social_icon.vimeo:before { content: '\e80f'; }
.social_icon.flickr:before { content: '\e810'; }
.social_icon.email:before { content: '\e811'; }
/* =End Galleries
--------------------------------------------------------------------------------------------------------*/


/* =13. Services
--------------------------------------------------------------------------------------------------------*/
.service_box { display: block; text-align: center; margin-top: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:55; position:relative }
.service_item { display: inline-block; padding: 12px 22px; position: relative; cursor:help; text-align: center; min-width: 152px; margin-bottom: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.icon_box { display: inline-block; height: 48px; width: 48px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_name { padding: 0; margin: 13px 0 0 0; }
.service_details { display: none; position: absolute; bottom: 138px; left: 50%; margin-left: -50%; background-color: #fff; border-bottom: solid 1px #D4D4D4; padding: 21px 28px 17px 31px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_details:before { background:none repeat scroll 0 0 rgba(212, 212, 212, 1); bottom:-8px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.service_details:after { background:#fff; bottom:-6px; content:""; height:16px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; margin-left:-8px; }
.service_item.hover > .service_details, .service_item.open > .service_details { display: block; }
.service_details > li { /*font-style: italic;*/ text-align: left; white-space: nowrap; font-size: 13px; line-height: 16px; margin-bottom: 5px; position: relative; }
.service_details > li:before { content: "\00B7"; position: absolute; left: -7px; }
/* =End Services
--------------------------------------------------------------------------------------------------------*/


/* =14. Quote Slider
--------------------------------------------------------------------------------------------------------*/
#quotes_slider_container { max-width: 700px; margin: 0 auto; position: relative; }
#quotes_slider_container > .flex-direction-nav a { border: 2px solid #EE3C51; opacity: 1.0; top: 64%; }
#quotes_slider_container > .flex-direction-nav .flex-prev, #quotes_slider_container > .flex-direction-nav .flex-next { background: none #fff; }
#quotes_slider_container > .flex-direction-nav .flex-prev:before, #quotes_slider_container > .flex-direction-nav .flex-next:before { content: ""; font-family: "fontello"; display: inline-block; width: 0; height: 0; font-size: 32px; line-height: 0; text-align: center; text-indent: 0; position: absolute; top: 22px; left: 13px; }
.MacOS #quotes_slider_container > .flex-direction-nav .flex-prev:before, .MacOS #quotes_slider_container > .flex-direction-nav .flex-next:before, .Android #quotes_slider_container > .flex-direction-nav .flex-prev:before, .Android #quotes_slider_container > .flex-direction-nav .flex-next:before { top: 22px; }
#quotes_slider_container > .flex-direction-nav .flex-prev:before { content: "\e813"; }
#quotes_slider_container > .flex-direction-nav .flex-next:before { content: "\e814"; }
#quotes_slider_container > .flex-direction-nav .flex-up:before { content: "\e815"; }
#quotes_slider_container > .flex-direction-nav .flex-down:before { content: "\e812"; }
.sub-heading.extra_spacing { margin-bottom: 26px; }
/* =End Quote Slider
--------------------------------------------------------------------------------------------------------*/


/* =15. Info Panel
--------------------------------------------------------------------------------------------------------*/
.info_panel { padding: 0 21px; text-align: left;}
.info_panel h4 { margin-bottom: 15px; }
.info_panel p + h4 { margin-top: 9px; }
.info_panel h5 { text-align: left; text-transform: uppercase; }
.info_panel .map span { color: #EE3C51; display: inline-block; /*border-bottom: 1px solid #3d9991;*/ font-size: 13px; margin-top: 5px; letter-spacing: -0.25px; text-transform:uppercase; }
.info_panel p { text-align: left; padding-bottom: 28px; }
.info_panel .email_link { text-decoration: none; color: #555; border: none; }
/* =End Info Panel
--------------------------------------------------------------------------------------------------------*/


/* =16. Footer
--------------------------------------------------------------------------------------------------------*/
footer { min-height:100px; margin:0px 0px 0 0px; background:#dbdbdb; width:100%; }
footer .container { padding:34px 10px 0 10px; }
footer p { color:#8d8d8d; line-height:32px; }
footer p a { color:#8d8d8d; border:0; }
footer p a:hover { color:#555; border:0; }
footer p a.social_icon { display: inline-block; position: relative; padding: 4px 2px; font-size: 20px; line-height: 22px; height: 32px; width: 24px; color: #8d8d8d; -webkit-transition: opacity 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; opacity: 1; font-variant: normal; text-transform: none; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


.stat {display: block; width:140px; margin-bottom:20px;}
.statnumber {
	font-size:72px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:black;
	line-height:65px;
	text-align:left;
	width:auto;
	display:inline-block;
}
.statsmall {font-size: 32px; display:inline-block; color:#EE3C51;}
.spacesmall {font-size: 32px; display:inline-block; color:white}
.statsub { display: block; font-size:12px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400; height:60px;}
.statsubsub { display: block; font-size:8px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400;}


.smallleft { font-size:13px; text-align: left; color:#EE3C51;}



/* =Update 1.1
--------------------------------------------------------------------------------------------------------*/

.bx-container { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0; overflow:hidden }
.bx-container img { position:absolute; top:0px; left:0px; width:100%; z-index: 101; display:none; }
.bx-canvas { position:absolute; top:0px; left:0px; width:100%; }

ul.unordered-list, .hentry ul {list-style: inside; line-height:1.5; padding:0px 40px 27px 40px; margin-left:8px; text-align:left !important; font-size:14px; font-family:'Open Sans', sans-serif;}
ol { list-style: decimal; line-height:1.5; padding:0px 40px 27px 40px; margin-left:8px; text-align:left !important; font-size:17px; font-family:'Lora', Georgia, "Times New Roman", Times, serif;}
/* End Update
--------------------------------------------------------------------------------------------------------*/

/* Localized */

.sloper1 {
	font-size:12px;
	display:inline-block;
	text-align: left;
	height:150px;
}


.white {color:white;}
.bgwhite {background-color: white;}

.boxleft {
	display:inline-block;
	text-align: left;
	width:150px;
	height:150px;
	float:left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.boxright {
	display:inline-block;
	text-align: right;
	height:150px;
	float:left;
}

.overlay { display:block; position:absolute; top:0; background-color:rgba(0, 0, 0, 0); z-index:10; width:100%; height:100%; }



/* Slider  --------------------------------------------------------------------------------------------------------*/

#headline_cycler { z-index:0; }

.sliderh2 { width:100%; font-size: 70px; line-height: 48px; color: #fff; font-weight: 700; letter-spacing: -1px;}

.flexslider {

}

#headline { width:100%; margin:0px auto; position:relative; height:00px; top:50%; margin-top:-100px; display: table; z-index:11 }
#headline .child { display: table-cell; vertical-align: middle; padding:0 50px; }
#headline_cycler { display: block; position: absolute; top: 48%; width: 100%;}
#headline_cycler ul.flexslider { display: block; width: 100%; }
#headline_cycler ul.flexslider > li > h2 { line-height: 48px; color: #fff; font-weight: 700; letter-spacing: 8px; margin-bottom: 8px; }
#headline_cycler ul.flexslider > li > p { text-align: center; color: #fff; font-size: 19px; margin: 0; padding: 0 0 18px 0; font-family:'Lora', Georgia, "Times New Roman", Times, serif; }
.no-js #headline_cycler .slide { display: none; }
.no-js #headline_cycler .slide:first-child { display: block; }


/* End of Slider  -------------------------------------------------------------------------------------------------*/

.taglineintro {
	text-align:left;
	color:#dbdbdb;
	font-weight: 100;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px auto;
	margin-top:-1px;
	font-style:italic;
	padding-left:10px;
}

.introheaders {
	font-family: 'Roboto', sans-serif;
	padding-bottom:25px;
	color: white;
	font-weight: 100;
	font-size:82px;
	letter-spacing: -4px;
	line-height:1;
	padding:5px 0px 0px 0;
	text-align:left;
}

.redtext {
	color:#EE3C51;
	font-weight: 100;
	}

.grey {

	background-color: #fcfcfc;
}

ul.modunordered-list {color: #bdbdbd;list-style: inside; line-height:1.5; padding:0px 40px 27px 40px; text-align:left !important; font-size:12px; font-family:'Open Sans', sans-serif;}


.computer1 {
	position: absolute;
	right: -200px;
	top:120px;
	z-index: 2;
	height:331px;
	width:600px;
}

.computer2 {
	position: absolute;
	left: -300px;
	top:280px;
	z-index: 2;
	height:331px;
	width:600px;

}

.imagezzz {
	position:relative;
	width:700px;
	height:auto;
	left:-230px;
}

.image2 {background:url(../images/projectimage2.png) no-repeat center left;
	background-color: black;
	height:200px;
	white-space:nowrap;
	padding-left:72px;
	padding-top:5px;
	background-size: cover;

}

.icony {

	width: 150px;
	height:auto;
}

.coverer {

	background-color: rgba(0,0,0,0);
	z-index:2000;
	position: absolute;
	width:100%;
	height:100%;
}

.readmore {

	font-size: 12px;
}

.bringin {

	padding-right: 0px;
	padding-left: 0px;
}


.newboxes {

	border: 1px solid white;
	height: 170px;
	padding: 20px;
	margin: 10px;
	width:	280px;
	float: left;
}

.myicon {

	float:left;
	margin-right:20px;
}

.datetext {
	font-size:12px;
	text-align:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	padding-top: 10px;
}

.downloadtext{

	padding-left: 72px;

}






@media (max-width: 640px) {




.playbutton {

	width:50px;
	height:50px;
	background-image: url(../images/play_button.png);
	background-size: contain;
}


.meetthandibox {

	display: block;
	margin-top: 120px;
}

.thandititle {

	width:200px;
	height:226px;

}


	.bringin {

	padding-right: 20px;
	padding-left: 20px;
}

	.icony {
	width: 75px;
	height:auto;
}

	#nav li a { font-size:20px;}

.introheaders {
	padding-bottom:15px;
	font-weight: 100;
	font-size:42px;
	line-height:1;
	padding:5px 0px 0px 0;
	text-align:center;
}

.taglineintro {
	text-align:center;
	color:white;
	font-size:12px;
	margin:0px auto;
	margin-top:-1px;
	font-style:italic;
	padding-left:0px;
	letter-spacing: 0px;
}

.sloper1 {
	display:block;
	text-align: center;
	height:200px;
}

.boxleft {
	display:inline;
	text-align: left;
	width:75px;
	height:75px;
	float:none;
}

.boxright {
	display:inline;
	text-align: right;
	height:150px;
	float:none;
	background-color: purple;
}

.overlay { background-color: #ed3c51;}

h3 {

	font-size: 62px;
	padding:20px;
}

h2 {

	font-size: 18px;
	line-height:30px;
}

#arrow-down {
	display:none;
}

.stat {display: inline-block; width:280px; margin-bottom:30px; text-align: left;}
.statnumber {
	font-size:72px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:black;
	line-height:65px;
	text-align:left;
	width:auto;
	float: left;
	display: block;
}
.statsmall {font-size: 32px; display:inline-block; color:#EE3C51; float:left; text-align:left}
.spacesmall {font-size: 32px; display:inline-block; color:white; float:left;}
.statsub {padding-top: 5px; padding-right:35px; display: inline-block; font-size:12px; width:150px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400; height:60px; float:right;}
.statsubsub { display: block; font-size:8px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400;}


}







@media (max-width: 900px) {



.meetthandibox {

	display: block;
	margin-top: 120px;
}

.thandititle {

	width:250px;
	height:283px;

}


	.bringin {

	padding-right: 20px;
	padding-left: 20px;
}

	.icony {
	width: 75px;
	height:auto;
}

	#nav li a { font-size:20px;}

.introheaders {
	padding-bottom:15px;
	font-weight: 100;
	font-size:42px;
	line-height:1;
	padding:5px 0px 0px 0;
	text-align:center;
}

.taglineintro {
	text-align:center;
	color:white;
	font-size:12px;
	margin:0px auto;
	margin-top:-1px;
	font-style:italic;
	padding-left:0px;
	letter-spacing: 0px;
}

.sloper1 {
	display:block;
	text-align: center;
	height:200px;
}

.boxleft {
	display:inline;
	text-align: left;
	width:75px;
	height:75px;
	float:none;
}

.boxright {
	display:inline;
	text-align: right;
	height:150px;
	float:none;
	background-color: purple;
}

.overlay { background-color: #ed3c51;}

h3 {

	font-size: 62px;
	padding:20px;
}

h2 {

	font-size: 18px;
	line-height:30px;
}

#arrow-down {
	background:url(../images/bg-arrow-down@2x.png) no-repeat 21px 26px rgba(255, 255, 255, 0.3); background-size:28px 16px; background-position: center;
}

.stat {display: inline-block; width:280px; margin-bottom:30px; text-align: left;}
.statnumber {
	font-size:72px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:black;
	line-height:65px;
	text-align:left;
	width:auto;
	float: left;
	display: block;
}
.statsmall {font-size: 32px; display:inline-block; color:#EE3C51; float:left; text-align:left}
.spacesmall {font-size: 32px; display:inline-block; color:white; float:left;}
.statsub {padding-top: 5px; padding-right:35px; display: inline-block; font-size:12px; width:150px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400; height:60px; float:right;}
.statsubsub { display: block; font-size:8px; text-align:left; font-family:'Open Sans', sans-serif; font-weight: 400;}


}


/*@media (max-width: 900px) {


	.meetthandibox {

	display: block;
	margin-top: 120px;
}

.thandititle {

	width:200px;
	height:226px;

}


	.icony {
	width: 75px;
	height:auto;
}

	#nav li a { font-size:16px;}

.introheaders {
	padding-bottom:15px;
	font-weight: 100;
	font-size:42px;
	line-height:1;
	padding:5px 0px 0px 0;
	text-align:center;
}

.taglineintro {
	text-align:center;
	color:white;
	font-size:12px;
	margin:0px auto;
	margin-top:-1px;
	font-style:italic;
	padding-left:0px;
	letter-spacing: 0px;
}

.sloper1 {
	display:block;
	text-align: center;
	height:200px;
}

.boxleft {
	display:inline;
	text-align: left;
	width:75px;
	height:75px;
	float:none;
}

.boxright {
	display:inline;
	text-align: right;
	height:150px;
	float:none;
	background-color: purple;
}

}*/