/**
 * @license
 * MyFonts Webfont Build ID 2729868, 2014-01-21T12:06:53-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Hurme Geometric Sans 1 Light by Hurme Design
 * URL: http://www.myfonts.com/fonts/hurme-design/hurme-geometric-sans/light/
 * 
 * Webfont: Hurme Geometric Sans 2 Light by Hurme Design
 * URL: http://www.myfonts.com/fonts/hurme-design/hurme-geometric-sans-2/light/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2729868
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2012 by Toni Hurme. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/29a78c");
  
@font-face {font-family: 'HurmeGeometricSans2-Light';src: url('../webfonts/29A78C_1_0.eot');src: url('../webfonts/29A78C_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/29A78C_1_0.woff') format('woff'),url('../webfonts/29A78C_1_0.ttf') format('truetype');}


.hide-element {display: none;}

html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
 background-color:#FFF;
}


a {
   outline: 0; text-decoration: none;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}

a:hover {
   text-decoration: none;;
   transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}



body{
	background:#FFF;
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-style: normal;
	}

header {
	width:100%;	
	height:55px;
	z-index:200;
	position:fixed;
	background-color:#FFF;
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
}

#mobile-nav-holder{
	display: none;
	}
a#pull { display:none;}
header nav ul.desknav{
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
	
header nav ul.desknav li{
	display:inline-block;
	}
header nav ul.desknav li a{
	color: #847367;
	padding:16px 25px;
	display:block;
	font-size: 14px;
	line-height:160%;
	}
	
	header nav ul.desknav li a:hover{
	color: #231F20;
	}
	
	header nav ul.desknav li.current a{
	color: #231F20;
	}	
	
	
	#welcome.fullScreenBlock{
	position:relative;
	 height: calc(100% - 55px);
	 padding-top: 0px;
	 background-color:#FFF;
	 border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF;
	
}

.bottom-bar { background-color:#FFF; height:55px; position: fixed; bottom: 0px; width: 100%; z-index:100;}

.block-content{
	z-index:10;
	padding:0 0 0 0;
	height:100%;
}


.block-content .table{
	display:table;
	width:100%;
	height:100%;
}	

.block-content.welcome .table .table-cell{
	display:table-cell;
	vertical-align:top;
	text-align:center;
}
	
	
	
	#welcome .logo {position:relative; margin-top:15%; width:270px; margin-left:auto; margin-right:auto; margin-bottom:7%;}
	#welcome .down-arrow {opacity:0;
		position:relative; width:100%; bottom: 2%; margin-bottom:55px;text-align:center;}
	#welcome .down-arrow img{width: 38px;
	opacity: 0.8;
	transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;}
	#welcome .down-arrow img:hover{width: 38px;
	opacity: 1;
	transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;}
	
	#welcome .welcome-head {text-align: center; position:absolute; bottom:5%; width:100%;}
	
	#welcome .welcome h1 {
		font-family: "merriweather", Times, "Times New Roman", serif;
		color:#FFF; font-size:25px; margin-bottom:7%; font-weight: 300; font-style: normal; line-height:150%;}
	
		
	
	#about.fullScreenBlock, #experience.fullScreenBlock, #cv.fullScreenBlock, #approach.fullScreenBlock, #services.fullScreenBlock{
	position:relative;
	 height: auto;
	 padding:75px 0px;
	 background-color:#F1EFEE;
	 border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF;
}

#approach.fullScreenBlock{
	padding-bottom: 110px;
	 background-color:#FFF;
}
	
	.block-content.general .table .table-cell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}	


#carousel { background-color:#FFF; padding:0px 0px 75px 0px; border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF;}
 
 #mobile-carousel { display: none;}
 #owl-slider .item{
        display: block;
        width: 80%;
        height: auto;
		margin-left:auto;
		margin-right:auto;
		background-color:#F1EFEE;
    }
	

	
	
	#owl-slider .item .image-area{ display: inline-block; width:50%; margin: 0px; padding:0px; overflow:hidden;}
	
	#owl-slider .item .image-area .captionwrap {position: relative;}
	
	#owl-slider .item .image-area .captionwrap.others{ position: absolute; top: 0px; display: none;}
	
	#owl-slider .item .image-area .captionwrap p{position: absolute; top: 46px; color:#FFF; z-index:100; width:100%; text-align:center;}
	
	#owl-slider .item .image-area img{ width:100%; height: auto;margin: 0px; padding:0px; vertical-align:text-bottom;}
	#owl-slider .item .text-area{ display: inline-block; width:50%;margin:0px; padding: 0px;vertical-align:top; border-bottom: none;}
	
	
	
	#owl-slider .item .text-area .text-area-indent{display:block; text-align:center; padding:60px;}
	
	
	#owl-slider .item .text-area .text-area-indent h2{
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #231F20;
	font-size:20px;
	display: inline-block;
  	padding-bottom: 0px;
  	position: relative;
	letter-spacing:0.0005em;
	
}

#owl-slider .item .text-area .text-area-indent h3{
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #847367;
	font-size:15px;
	display: block;
  	padding-bottom: 10px;
  	position: relative;
	letter-spacing:0.0005em;
}
	

#owl-slider .item .text-area .text-area-indent p{
		color:#847367; font-size:17px;
		margin-bottom: 20px;
		
}


.block-content.general .table .table-cell h2{
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #231F20;
	font-size:32px;
	display: inline-block;
  	padding-bottom: 20px;
  	position: relative;
}

.block-content.general .table .table-cell h2:before{
    content: "";
    position: absolute;
    width: 45px;
    height: 20px;
    bottom: 0;
     left: calc(50% - 22px);
    border-bottom: 1px solid #79665A;
}


.block-content.general .table .table-cell p{
		color:#847367; font-size:17px;
		margin-bottom: 40px;
}

.block-content.general .table .table-cell ul{
		color:#191E32; font-size:17px;
		padding: 0px;margin-bottom: 40px;
		line-height:250%;
		
}

.block-content.general .table .table-cell ul li{
	
}

.block-content.general .table .table-cell img.illustration1{
	width: 105px;
	margin-top:60px;
	
}

.block-content.general .table .table-cell img.cvicon, .block-content.general .table .table-cell img.liicon {
	width: 45px;
	margin:10px;
	opacity: 0.75;
	transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;	
}

.block-content.general .table .table-cell img.cvicon:hover, .block-content.general .table .table-cell img.liicon:hover{
	opacity: 1;
	transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;	
}


.scrollreveal1 {  margin:0px; padding:0px; border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF; position:relative;}
.scrollreveal1 img{ width: 100%; height:auto; margin:0px; padding:0px; display:block;}

.scrollreveal1 img.desktoprev{ display: block;}
.scrollreveal1 img.mobilerev{ display: none;}

.scrollreveal1 .imagereveal {position:absolute; top: 0px; width: 100%; overflow: hidden;}

.scrollrevealed {  margin:0px; background-color:#191E32;  padding:0px 0px; position:absolute; top: 0px; z-index:100; width: 100%;}

.scrollrevealed .quotemark{ width:92px; margin:60px auto 0 auto; }

.scrollrevealed .block-content.general .table .table-cell p{ color:#A99D95; font-weight: 400;}
/*.revealWrapper{height:540px;}*/

#quote1.fullScreenBlock{
	position:relative;
	 height: auto;
	 padding:75px 0px;
	 background-color:#FFF;
	 border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF;
	
}


.block-content.quote .table .table-cell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}	


.block-content.quote .table .table-cell p{
		font-family: "merriweather", Times, "Times New Roman", serif;
		color:#847367; font-size:22px; margin-bottom:0; font-weight: 300; font-style: normal; line-height:150%;
}


.approach-blocks{ }

.approach-blocks .rowed{}

.block-content.general .table .table-cell .approach-blocks h3{ font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #231F20;
	font-size:25px;
  	padding-bottom:0px;
  	position: relative;
	margin-bottom:5px;}
	
.block-content.general .table .table-cell .approach-blocks p{ color:#847367; font-size:17px;
		margin-bottom: 0px;}

.app-block {border:solid 1px #A99D95; display:inline-block; width:320px;
    height:320px; /* same as width */ margin:-1px 0 0 0 ; padding: 0px;vertical-align:top; }
	
	.app-block:nth-child(2), .app-block:nth-child(1), .app-block:nth-child(5), .app-block:nth-child(4) { margin-right:-1px;}
	
	
	.app-block.borderbot { border-bottom: solid 1px #A99D95;}
	
	
	.app-block .inner-area{padding:20px;}

.app-block img{ width: 40%; padding:20px;}
		

#services .serviceslist {}

#services .serviceslist li { width: 48%; float:left; background-color:#E5E2DF; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 1%;
color: #847367;
font-size:15px;
text-transform:uppercase;
}

footer { background-color:#FFF; position:relative;
	 height: auto;
	 padding:75px 0px;
	 border-left:55px solid #FFFFFF;
	 border-right:55px solid #FFFFFF}
	 
	 footer img { width: 252px; margin-bottom:30px;}
	 

footer p a{color: #847367;}
footer p a:hover{color: #231f20;}   

footer p span { display:inline-block;}

@media all and (min-height: 768px) and (max-height: 810px) {

}




@media all and (max-height: 767px) {
	

}

@media only screen and (min-width: 1121px) and (max-width: 1400px) {
#owl-slider .item .image-area .captionwrap p{top: 16px; }
#owl-slider .item .text-area .text-area-indent{padding:30px;}
#owl-slider .item .text-area .text-area-indent h2{font-size:18px;}
#owl-slider .item .text-area .text-area-indent h3{font-size:15px;}
#owl-slider .item .text-area .text-area-indent p{font-size:14px; margin-bottom:10px;}
.app-block {width:250px;
    height:250px; }
	
	.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:20px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:16px; line-height:120%;}
.app-block .inner-area{padding:8px;}

.app-block img{ width: 40%; padding:5px;}
	
	.app-block .inner-area{padding:15px;}
	}

@media only screen and (min-width: 1040px) and (max-width: 1120px) {
#owl-slider .item .image-area .captionwrap p{top: 16px;}
#owl-slider .item .text-area .text-area-indent{padding:30px;}
#owl-slider .item .text-area .text-area-indent h2{font-size:17px;}
#owl-slider .item .text-area .text-area-indent h3{font-size:14px;}
#owl-slider .item .text-area .text-area-indent p{font-size:13px; margin-bottom:10px;}


.block-content.general .table .table-cell h2{
	font-size:30px;
}

.block-content.general .table .table-cell p{
		font-size:15px;
		margin-bottom:25px;
}

.block-content.general .table .table-cell ul{
		font-size:15px;
		margin-bottom: 25px;
		
		
}

.scrollrevealed .quotemark {
    margin: 40px auto 0;
    width: 90px;
}

	.app-block {width:240px;
    height:240px; }
	
	.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:20px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:16px; line-height:110%;}
.app-block .inner-area{padding:10px;}

.app-block img{ width: 40%; padding:5px;}
	
	
	}

@media only screen and (min-width: 960px) and (max-width: 1039px) {
header nav ul.desknav li a{
	color: #847367;
	padding:16px 12px;
	display:block;
	font-size: 13px;
	}
	#owl-slider .item .image-area .captionwrap p{top: 16px;}
	#owl-slider .item .text-area .text-area-indent{padding:30px;}
#owl-slider .item .text-area .text-area-indent h2{font-size:15px;}
#owl-slider .item .text-area .text-area-indent h3{font-size:13px;}
#owl-slider .item .text-area .text-area-indent p{font-size:12px; margin-bottom:5px;}	

.block-content.general .table .table-cell h2{
	font-size:28px;
}

.block-content.general .table .table-cell p{
		font-size:14px;
		margin-bottom:20px;
}

.block-content.general .table .table-cell ul{
		font-size:14px;
		margin-bottom: 20px;
		
		
}

.scrollrevealed .quotemark {
    margin: 40px auto 0;
    width: 90px;
}
.app-block {width:220px;
    height:220px; }
	
	.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:18px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:15px; line-height:110%;}
.app-block .inner-area{padding:10px;}

.app-block img{ width: 40%; padding:5px;
	}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
	header nav ul.desknav li a{
	color: #847367;
	padding:16px 5px;
	display:block;
	font-size: 13px;
	}
	
.approach-blocks{ }
.app-block {width:170px;
    height:170px;}
	
	.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:16px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:11px; line-height:110%;}
	
	.app-block .inner-area{padding:3px;}

.app-block img{ width: 40%; padding:10px;}
#services .serviceslist li { width: 98%; font-size:14px;}
#owl-slider .item .image-area .captionwrap p{top: 10px;}
#owl-slider .item .text-area .text-area-indent{padding:20px;}
#owl-slider .item .text-area .text-area-indent h2{font-size:13px;}
#owl-slider .item .text-area .text-area-indent h3{font-size:12px;}
#owl-slider .item .text-area .text-area-indent p{font-size:11px; margin-bottom:5px;}	


.block-content.general .table .table-cell h2{
	font-size:26px;
}

.block-content.general .table .table-cell p{
		font-size:13px;
		margin-bottom:20px;
}

.block-content.general .table .table-cell ul{
		font-size:13px;
		margin-bottom: 20px;
		
		
}

.scrollrevealed .quotemark {
    margin: 30px auto 0;
    width: 80px;
}

}




@media only screen  and (max-width: 767px) {
	
	
	
	header nav ul.desknav{
		display: none;
	}
	
	#welcome.fullScreenBlock{
	 border-left:none;
	 border-right:none;
	
}
	
	#about.fullScreenBlock, #experience.fullScreenBlock, #cv.fullScreenBlock, #approach.fullScreenBlock, #services.fullScreenBlock{
	 padding:25px 0px;
	 border-left:none;
	 border-right:none;
}
	
.app-block {width:130px;
    height:130px;}
	
	.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:13px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:10px; line-height:110%;}
.app-block .inner-area{padding:8px;}

.app-block img{ width: 30%; padding:5px;}
	
	.app-block .inner-area{padding:2px;}
	
	.app-block:nth-child(4) { margin-left:-1px;}
	

#services .serviceslist li { width: 98%; font-size:12px;
}
header {
	height:44px;
	z-index:1100;}
	
header nav ul.mobilenav{
	display: block;
	}
	
	nav#mobile-nav-holder{
		
		display:none;
		position:absolute;
		z-index:998;
		padding: 0px;
		top: 44px;
		opacity:1.0;
		pointer-events: auto;
		width:100%;
		margin: 0px;
		
	}
	nav#mobile-nav-holder .navwrap {
		height:100vh;list-style:none; margin-top:0px;position:relative; background-color:#FFF;}
		
	nav#mobile-nav-holder ul{ list-style:none; position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%); text-align:center;  padding:0px;}
	nav#mobile-nav-holder li { margin: 0px; padding: 0px;}
	nav#mobile-nav-holder li a {margin: 0 0 15px 0; padding: 0 0 15px 0; color:#847367; background-image:url(../images/mobi-divider.png); background-repeat: no-repeat; background-position:bottom center; display:block; line-height:110%;}
	
	nav#mobile-nav-holder li:last-of-type a { background-image: none;}
	
	nav#mobile-nav-holder li a:hover, nav#mobile-nav-holder li.current a{ color:#231f20;}
	
	a#pull { text-align:center; display:block; color:#847367;padding:10px 0; font-size:14px; line-height:1.6;}
	
	a#pull:hover { color:#231f20;}
	
	#welcome .logo {margin-top:20%; width:220px;}
	
	#welcome .welcome h1 {
		font-size:17px;}
	
	.bottom-bar { display: none;}
	
.block-content.general .table .table-cell h2{
	font-size:22px;
  	padding-bottom: 15px;
}

.block-content.general .table .table-cell p{
		font-size:14px;
		 margin-bottom: 20px;
}

.block-content.general .table .table-cell ul{
		font-size:14px;
		margin-bottom: 20px;
		
}
.block-content.general .table .table-cell img.illustration1{
	width: 70px;
	margin-top:00px;
	
}

.scrollreveal1 {  border-left:none;
	 border-right:none; }
	 
	 
	 .scrollreveal1 img.desktoprev{ display: none;}
.scrollreveal1 img.mobilerev{ display: block;}



.scrollrevealed p{font-size: 11px; margin-bottom:5px;}

.scrollrevealed .quotemark{ width:60px; margin:30px auto 0 auto; }

.block-content.quote .table .table-cell p{
		
		font-size:18px; 
}
#carousel { display: none;}

 #mobile-carousel { display: block;}
 
 #mobile-carousel { background-color:#FFF; padding:0px 0px 75px 0px; }
 
 
 #owl-slider-mobile .item{
        display: block;
        width: 100%;
        height: auto;
		margin-left:auto;
		margin-right:auto;
		background-color:#F1EFEE;
    }
	

	
	
	#owl-slider-mobile .item .image-area{ display:block; width:100%; margin: 0px; padding:0px; overflow:hidden; position:relative;}
	
	#owl-slider-mobile .item .image-area img{ width:100%; height: auto;margin: 0px; padding:0px; vertical-align:text-bottom;}
	
	#owl-slider-mobile .item .image-area .viewcase{ position:absolute; display:block; text-align:center; width:100%; top: 8%;}
	
	#owl-slider-mobile .item .image-area .viewcase a{ text-transform: uppercase; padding:10px; border:2px solid #FFF; background: rgba(255, 255, 255, 0.6); color:#191e32; font-size:13px;}
	
	#owl-slider-mobile .item .image-area .viewcase a:hover{ background: rgba(255, 255, 255, 1.0);}
	
	#owl-slider-mobile .item .image-area .captionwrap-mobile { bottom: 0%;position: absolute; z-index:1300; display:block; width: 100%; text-align:center;}
	
	#owl-slider-mobile .item .image-area .captionwrap-mobile p{bottom: 10px; color:#FFF; z-index:100; width:100%; text-align:center; font-weight: bold;}
	
	
	#owl-slider-mobile .item .text-area{ display: block; width:100%;margin:0px; padding: 0px;vertical-align:top; border-bottom: none; }
	
	
	
	#owl-slider-mobile .item .text-area .text-area-indent{display:block; text-align:center; padding:5%; margin:5%; width: 80%; background-image:url(../images/mobile-carousel-close.png); background-repeat: no-repeat; background-position:top right; background-size:12px 12px;}
	
	
	#owl-slider-mobile .item .text-area .text-area-indent h2{
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #231F20;
	font-size:16px;
	display: inline-block;
  	padding-bottom: 0px;
  	position: relative;
	letter-spacing:0.0005em;
	
}

#owl-slider-mobile .item .text-area .text-area-indent h3{
	font-family: HurmeGeometricSans2-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #847367;
	font-size:14px;
	display: block;
  	padding-bottom: 10px;
  	position: relative;
	letter-spacing:0.0005em;
}
	

#owl-slider-mobile .item .text-area .text-area-indent p{
		color:#847367; font-size:14px;
		margin-bottom: 20px;
		
}
	
	
	
	#owl-slider-mobile .item {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}



.flipper {
    -moz-transform: perspective(3000px);
    -moz-transform-style: preserve-3d;
	position: relative;
}

.image-area, .text-area {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.2s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.2s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.2s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.2s;
    -ms-transform-style: preserve-3d;

    transition: 0.2s;
    transform-style: preserve-3d;


    position: absolute;
    top: 0;
    left: 0;
}

.text-area {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#owl-slider-mobile .item.flip .text-area, #owl-slider-mobile .item.flip .text-area {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#owl-slider-mobile .item.flip .image-area, #owl-slider-mobile .item.flip .image-area {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.image-area {
    z-index: 2;
}
	
	
 footer img { width: 190px; margin-bottom:30px;}	
	footer p span { display:block;}
	
	.block-content.general .table .table-cell img.cvicon, .block-content.general .table .table-cell img.liicon {
    margin: 7px;
    opacity: 0.75;
    transition: all 0.5s ease-in-out 0s;
    width: 35px;
}
	
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
	
  }
  
  
  @media only screen  and (max-width: 479px) {
	  
	  .block-content.general .table .table-cell h2{
	font-size:20px;
  	padding-bottom: 12px;
}

.block-content.general .table .table-cell p{
		font-size:12px;
		 margin-bottom: 15px;
}

.block-content.general .table .table-cell ul{
		font-size:12px;
		margin-bottom: 15px;
		
}

.app-block {width:150px;
    height:150px;}

.block-content.general .table .table-cell .approach-blocks h3{ 
	font-size:15px;}
	
.block-content.general .table .table-cell .approach-blocks p{ font-size:10px; line-height:110%;}
.app-block .inner-area{padding:2px;}

.app-block img{ width:40%;}	

.app-block { margin-left:0px;}
 
}


/* ----------- iPhone 5 and 5S ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  footer img { width: 160px; margin-bottom:30px;}
#services .serviceslist li {
    font-size: 11px;
    width: 98%;
}

.block-content.general .table .table-cell p{
		font-size:11px;
		 margin-bottom: 10px;
}
.scrollrevealed .quotemark {
    margin: 10px auto 0;
    width: 60px;
}

#owl-slider-mobile .item .text-area .text-area-indent p {
    font-size: 10px;
    margin-bottom: 10px;
	line-height:130%;
}

.block-content.general .table .table-cell ul{
		font-size:10px;
		margin-bottom: 12px;
		
}

#owl-slider-mobile .item .text-area .text-area-indent h2{
	
	font-size:14px;
	
}

#owl-slider-mobile .item .text-area .text-area-indent h3{
	
	font-size:11px;
  	padding-bottom: 0px;
}

#welcome .logo {margin-top:20%; width:200px;}
	
	#welcome .welcome h1 {
		font-size:16px;}
}


/* ----------- iPhone 6 ----------- */



/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
#owl-slider-mobile .item .text-area .text-area-indent p {
    font-size: 12px;
    margin-bottom: 10px;
	line-height:130%;
}

}

/* ----------- iPad 3 and 4 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.block-content.general .table .table-cell p{
		font-size:11px;
		 margin-bottom: 10px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}



.messageDiv {width: 100%; height:100%; position:fixed; top:0; background-color:#333; color:#fff; display:none; z-index:1000; padding-top:10%; font-size:16px; text-align:center;}

@media only screen  and (min-device-width : 320px) and (max-device-width : 736px) and (orientation:landscape){
  .messageDiv{
		
		display:block;
	}
}