@charset "utf-8";

/* CSS Document */





@keyframes bounce {

	0%, 20%, 60%, 100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}



	40% {

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}



	80% {

		-webkit-transform: translateY(-10px);

		transform: translateY(-10px);

	}

}



body.preload * {

  -webkit-transition: none !important;

  -moz-transition: none !important;

  -ms-transition: none !important;

  -o-transition: none !important;

}



@font-face {

    font-family: 'futurabook';

    src: url('/css/fonts/futurabook.eot'); /* IE */  

    src: local('xxxargosxxx'),

        url('/css/fonts/futurabook.woff') format('woff'),

        url('/css/fonts/futurabook.svg') format('svg');

		

}



@font-face {

    font-family: 'futurabook';

    src: url('/css/fonts/futurabookitalic.eot'); /* IE */  

    src: local('xxxargosxxx'),

        url('/css/fonts/futurabookitalic.woff') format('woff'),

        url('/css/fonts/futurabookitalic.svg') format('svg');

		font-style:italic;

}



@font-face {

    font-family: 'futuralight';

    src: url('/css/fonts/futuralight.eot'); /* IE */  

    src: local('xxxargosxxx'),

        url('/css/fonts/futuralight.woff') format('woff'),

        url('/css/fonts/futuralight.svg') format('svg');

}



@font-face {

    font-family: 'futuralight';

    src: url('/css/fonts/futuralightitalic.eot'); /* IE */  

    src: local('xxxargosxxx'),

        url('/css/fonts/futuralightitalic.woff') format('woff'),

        url('/css/fonts/futuralightitalic.svg') format('svg');

		font-style:italic;

}





@font-face {

    font-family: 'fontin';

    src: local('xxxargosxxx'),

        url('/css/fonts/Fontin-Regular.woff') format('woff'),

        url('/css/fonts/Fontin-Regular.svg') format('svg');

}





@font-face {

    font-family: 'fontin';

    src: local('xxxargosxxx'),

        url('/css/fonts/Fontin-Italic.woff') format('woff'),

        url('/css/fonts/Fontin-Italic.svg') format('svg');

		font-style:italic;

}





@font-face {

    font-family: 'fontin';

    src: local('xxxargosxxx'),

        url('/css/fonts/Fontin-Bold.woff') format('woff'),

        url('/css/fonts/Fontin-Bold.svg') format('svg');

		font-weight: bold;

}

@font-face {

    font-family: 'fontin';

    src: local('xxxargosxxx'),

        url('/css/fonts/Fontin-SmallCaps.woff') format('woff'),

        url('/css/fonts/Fontin-SmallCaps.svg') format('svg');

		font-variant:small-caps;

}









@font-face {

    font-family: 'fontinsans';

    src: url('/css/fonts/FontinSans-Regular.eot'); /* IE */  

	src: local('xxxargosxxx'),

        url('/css/fonts/FontinSans-Regular.woff') format('woff'),

        url('/css/fonts/FontinSans-Regular.svg') format('svg');

}





@font-face {

    font-family: 'fontinsans';

    src: url('/css/fonts/FontinSans-Italic.eot'); /* IE */  

	src: local('xxxargosxxx'),

        url('/css/fonts/FontinSans-Italic.woff') format('woff'),

        url('/css/fonts/FontinSans-Italic.svg') format('svg');

		font-style:italic;

}





@font-face {

    font-family: 'fontinsans';

    src: url('/css/fonts/FontinSans-Bold.eot'); /* IE */  

	src: local('xxxargosxxx'),

        url('/css/fonts/FontinSans-Bold.woff') format('woff'),

        url('/css/fonts/FontinSans-Bold.svg') format('svg');

		font-weight: bold;

}



@font-face {

    font-family: 'fontinsans';

    src: url('/css/fonts/FontinSans-BoldItalic.eot'); /* IE */  

	src: local('xxxargosxxx'),

        url('/css/fonts/FontinSans-BoldItalic.woff') format('woff'),

        url('/css/fonts/FontinSans-BoldItalic.svg') format('svg');

		font-weight: bold;

		font-style:italic;

}



@font-face {

    font-family: 'fontinsans';

    src: url('/css/fonts/FontinSans-SmallCaps.eot'); /* IE */  

	src: local('xxxargosxxx'),

        url('/css/fonts/FontinSans-SmallCaps.woff') format('woff'),

        url('/css/fonts/FontinSans-SmallCaps.svg') format('svg');

		font-variant:small-caps;

}











html { height: 100%; }



body {

	font-family: 'futurabook';

	overflow-x: hidden;

	-ms-overflow-x: hidden; /* this is important to prevent the whole page to bounce */



	-ms-text-size-adjust: 100%;

	text-size-adjust: 100%;

}



.table     { display: table; }

.tablerow  { display: table-row; }

.tablecell { display: table-cell; }

.invisible { position: absolute; width:0; height:0; overflow: hidden; }



* { 

	margin: 0; 

	padding: 0; 

	box-sizing: border-box;  

	-webkit-box-sizing: border-box;  

	-moz-box-sizing: border-box;

}



img { border: none; }



*:not{.featuredimage} + h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }

h1, h2, h3, h4, h5, h6 { font-weight: normal;  }



h1{ text-align:center; font-family: 'fontin'; text-transform: uppercase; font-size:250%; margin:50px 0 50px 0; line-height:100%;}

h2{ text-align:center; font-family: 'fontinsans'; text-transform: uppercase; font-size:110%;}



table { border-collapse: collapse; }



article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }



.clearfix:before,

.clearfix:after {

    content: " "; 

    display: table;

}

.clearfix:after {

    clear: both;

}



.clear{ clear: both;}





body{ font-size:95%; line-height:150%; }



#logo{ width:40%; float:left; padding:20px 0;}

#topnav{ width:60%; float:right; padding:50px 0; text-align: right; font-family: 'fontinsans';}



@media (max-width:820px) {

	#logo{ width:100%; float:none; padding:20px 0; text-align: center; margin:40px 0 0 0;} 

	#topnav{ width:100%; float:none; padding:30px 0; text-align: center;}

}



#topnav li{ display:inline-block; list-style-type: none; margin:10px 0;}

#topnav a{ text-decoration: none; color:#333; text-transform: uppercase;   padding:15px; font-size:115%;

	}

#topnav a:hover{ background:#E40072; color:#FFF;}



#whatwedo{ margin:40px 0 40px 0;}

.whatwedoitem{

	width:20%;

	float:left;

	text-align:center;

	margin:40px 6.666% 0 0;

}





.whatwedoitem a{ text-decoration: none; color:#333;}

.whatwedoitem a:hover{

	color:#999;

}

.whatwedoitem:nth-of-type(4n+4){

	margin:40px 0 0 0;

}



@media (max-width:767px) {

	.whatwedoitem{

		width:45%;

		float:left;

		text-align:center;

		margin:40px 10% 0 0;

	}

	.whatwedoitem:nth-of-type(4n+4){

		margin:0;

	}

	.whatwedoitem:nth-of-type(2n+2){

		margin:40px 0 0 0;

	}

}





.whatwedoitem img{ 

	width:100%;

	margin-bottom:15px;

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

		  

		    display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

		  

}

.whatwedoitem img:hover{ 

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

		    -webkit-transform: scale(0.9);

  transform: scale(0.9);



}

.whatwedoitem h2{margin:30px 0 15px 0;}



@media (max-width:767px) {

	.whatwedoitem p{ display: none;}

}

@media (max-width:600px) {

	.whatwedoitem h2{ font-size:100%;}

}

.aqua{

	background: #058385;

}

.lime{

	background: #677B05;

}

.pink{

	background: #E40072;

}

.turq{

	background: #059B9A;

}



.greybg{ 

	background:#F2F2F3;

	padding:0 0 1px 0;

}

.more{ 

	margin:40px auto;

	display:block;

	text-align: center;

	width:300px;

	text-transform: uppercase;

	font-size:110%;	

}





a.bx-next{ 

	color: #fff; 

	text-decoration: none; 

	display:block; 

	width:100%; 

	height:100%; 

	padding:15px;

	background:#E40072;

	border: none;

	text-transform:uppercase;

}

a.bx-next:hover{

	background: #058385;

}



button.bx-next{

	color: #fff;

	text-decoration: none;

	display: block;

	width: 100%;

	height: 100%;

	padding: 15px;

	background: #000000;

	border: none;

	text-transform: uppercase;

}

button.bx-next:hover{

	background: #E40072;

}

#ourwork{ 

	margin:0 0 40px 0;

}



.parallax-section-1 {

	height: 260px;

    background-color: #677B05;
	
	background-position: center bottom;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-image: url('/images/ourwork.jpg');

	background-size:cover;

}









#ourwork h1{ 

	
	
	padding:120px 0 120px 0;

	background-size:cover;

	color:#fff;

	margin:0 0 25px 0;

}

#ourwork h2{

	background:#FFF;

	padding:25px;

	margin:8px 0 0 0;

}



.ourworkitem{

	width:31%;

	float:left;

	text-align:center;

	margin:45px 3.5% 0 0;

	overflow:hidden;

}



.ourworkitem a{ text-decoration: none; color:#333;}



.ourworkitem:nth-of-type(3n+3){

	margin:45px 0 0 0;

}



@media (max-width:767px) {

	.ourworkitem{

		width:47%;

		float:left;

		text-align:center;

		margin:40px 6% 0 0;

	}

	.ourworkitem:nth-of-type(2n+2){

		margin:45px 0 0 0;

	}



	.whatwedoitem:nth-of-type(3n+3){

		margin:0;

	}

	.whatwedoitem:nth-of-type(2n+2){

		margin:40px 0 0 0;

	}

}



.ourworkitem img{ 

	width:100%;

	margin: 0 0 5px 0;

}

@media (max-width:600px) {

	.ourworkitem h2{ font-size:100%;}

}







#contact{
	text-align: center;
	background-size: cover;
	padding: 40px 0;
	text-transform: uppercase;
	color: #FFF;
	background-color: #0B6273;
}



.parallax-section-2 {

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-image: url(/images/contact.jpg);

	background-size: cover;

}





#contact a{ color:#FFF; text-decoration: none;}

#contact a:hover{ text-decoration: underline;}

#contact input, #contact textarea{ 

	width:100%;

	padding: 0 15px;

	border: none;

	font-family: 'futurabook';

	margin-bottom:15px;

}

#contact input[type="submit"]{

	background:#058385;

	font-size:110%;

	color:#FFF;

}

#address{

	width: 25%; 

	float:right;

	margin-top:150px;

}
#gdpr{

	width: 100%; 

	float:none;

	margin-top:20px;
	text-align:center;
	clear:both;

}
#contact #gdpr a{ text-decoration:underline;}
#contact #gdpr a:hover{ text-decoration:none;}

#contactform{

	width: 50%; 

	float:left;

	text-align:left;

}

#details{

	width: 25%; 

	float:left;

	margin-top:150px;

}



@media (max-width:850px) {

	#address{

		width: 100%; 

		float:none;

		margin:20px 0 20px 0;

	}

	#contactform{

		width: 100%; 

		float:none;

		text-align:center;

		padding:40px 0 30px 0;

		border: 2px solid #fff;

		border-radius: 6px;

	}

	#details{

		width: 100%; 

		float:none;

		margin:20px 0 20px 0;

	}

	#details p, #address p { display: inline; padding:0 20px 0 20px;}

}







.container{ 

	width:1280px; 

	margin:0 auto;

}



@media (max-width:1320px) {

	.container{ 

		width:100%;

		padding:0 20px;

		margin:0 auto;

	}

}









.view {

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default;

}

.view .mask, .view .content {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

}

.view img {

    display: block;

    position: relative

}

.view h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 150%;

    background: rgba(0, 0, 0, 0.8);

    margin: 20px 0 0 0;

}

@media (max-width:1100px) {

	#ourwork h2 {

		padding: 15px;

	}

}

.view p {

    font-family: Georgia, serif;

    font-style: italic;

    font-size: 120%;

    position: relative;

    color: #fff;

    padding: 20px 20px 20px;

    text-align: center;

}

.view a.info {

    display: inline-block;

    text-decoration: none;

    background: #fff;

    color: #036D6D;

    text-transform: uppercase;

	padding:5px 10px;

	font-weight: bold;

}



.view-sixth img { 

	transition: all 0.4s ease-in-out 0.5s; 

}

.view-sixth .mask{ 

	background-color: rgba(5,155,154,0.9);

	opacity:0;

	transition: all 0.3s ease-in 0.4s;

}

.view-sixth h2{

    background-color: rgba(3,109,109,0.9);

    margin:0;

    transform: scale(10);

    transition: all 0.3s ease-in-out 0.1s;

}

#ourwork .view-sixth .mask h2{

	background-color: rgba(3,109,109,0.9);

	margin:0;

}



@media (max-width:1000px) {

	#ourwork .mask h2{

		padding:10px;

	}

	.mask a.info{ display: none;}

}

@media (max-width:900px) {

	#ourwork .view-sixth .mask h2{

		font-size:100%;

	}

}

@media (max-width:850px) {

	#ourwork .view-sixth .mask h2{

		display: none;

	}

	#ourwork .mask p{

		font-size:100%;

	}

}



@media (max-width:785px) {

	

	#ourwork h2{

		font-size:100%;

	}

}

@media (max-width:730px) {

	

	#ourwork .mask p{

		display: none;

	}

	.view-sixth .mask{display: none;}

}



.view-sixth p { 

	opacity:0;

    transform: scale(10);

	transition: all 0.3s ease-in-out 0.2s;

}

.view-sixth a.info { 

	opacity:0;

    transform: translateY(100px);

	transition: all 0.3s ease-in-out 0.1s;

}





.view-sixth:hover .mask {  

	opacity:1; 

	transition-delay: 0s;

}																			 

.view-sixth:hover img { 

	transition-delay: 0s;

	transform:scale(1.05);

}

.view-sixth:hover h2 { 

	opacity: 1;

    transform: scale(1);

	transition-delay: 0.1s;

}

.view-sixth:hover p { 

	opacity:1; 

    transform: scale(1);

	transition-delay: 0.2s;

}

.view-sixth:hover a.info { 

	opacity:1;

    transform: translateY(0px);

	transition-delay: 0.3s;

}









.whatwedodetail{

	background:#F5FCFD;

	padding: 0;

	margin:40px auto 40px auto;

	display: none;

	

}

.whatwedodetail h1{

	color:#058385;

	text-align:left;

	margin:65px 0 20px 0;

	line-height:130%;

}

.whatwedodetail p{

	margin:0 0 20px 0;

}

.whatwedodetailslider{

	width:43%;

	max-width:450px;

	float:right;

	margin:20px 3.5% 0px 0;

	clear:right;

}

.whatwedodetailslider img{

	margin: 0 0 40px 0;

}



.whatwedodetailcontent{

	width:57%;

	float:left;

	padding:0 3.5% 0px 3.5%;

}



.whatwedodetailcontent ul, .whatwedodetailcontent ol{

	margin:0 0 20px 20px;

}

.whatwedodetailslider img{ width:100%;}

@media (max-width:1160px) {

	.whatwedodetailcontent{

		width:53.5%;

	}

}

@media (max-width:925px) {

	

	.whatwedodetailslider{

		width:100%;

		max-width:450px;

		float:none;

		margin:40px auto 0 auto;

		clear:right;

	}

	

	.whatwedodetailcontent{

		width:100%;

		float:none;

	}

	

}

@media (max-width:520px) {

	.whatwedodetailslider{ padding: 0 20px;}

	.whatwedodetailslider img{ width:100%;}

}





.whatwedoarrowbox{

	margin:0px auto 0 auto;

}





.arrow_box {

	position: relative;

	background: #ffffff;

	border-bottom: 4px solid #058385;

}

.arrow_box:after, .arrow_box:before {

	top: 100%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.arrow_box:after {

	border-color: rgba(255, 255, 255, 0);

	border-top-color: #ffffff;

	border-width: 30px;

	margin-left: -30px;

	-moz-transform: scale(.9999);

}

.arrow_box:before {

	border-color: rgba(6, 185, 199, 0);

	border-top-color: #058385;

	border-width: 36px;

	margin-left: -36px;

	-moz-transform: scale(.9999);

}

.box1.arrow_box:after, .box1.arrow_box:before {

	left: 10%;

}

.box2.arrow_box:after, .box2.arrow_box:before {

	left: 36%;

}

.box3.arrow_box:after, .box3.arrow_box:before {

	left: 64%;

}

.box4.arrow_box:after, .box4.arrow_box:before {

	left: 90%;

}



@media (max-width:767.99px) {

	

	.box1.arrow_box:after, .box1.arrow_box:before, .box3.arrow_box:after, .box3.arrow_box:before {

		left: 24%;

	}

	.box2.arrow_box:after, .box2.arrow_box:before, .box4.arrow_box:after, .box4.arrow_box:before {

		left: 76%;

	}

}





.ourworkdetail{

	background:#ffffff;

	padding: 0;

	margin:60px auto 0px auto;

	display: none;

}

	

.ourworkdetail h1{

	color:#E40072;

	text-align:left;

	margin-top:80px;

}

.ourworkdetail p{

	margin:0 0 20px 0;

}





.ourworkdetailslider{

	width:43%;

	max-width:450px;

	float:right;

	margin:20px 3.5% 0px 0;

	clear:right;

}



.ourworkdetailcontent{

	width:57%;

	float:left;

	padding:0 3.5% 0px 3.5%;

}





@media (max-width:1160px) {

	.ourworkdetailcontent{

		width:53.5%;

	}

}

@media (max-width:925px) {

	

	.ourworkdetailslider{

		width:100%;

		max-width:450px;

		float:none;

		margin:40px auto 0 auto;

		clear:right;

	}

	

	.ourworkdetailcontent{

		width:100%;

		float:none;

	}

}



.arrow_box2 {

	position: relative;

	background: #ffffff;

	border: 4px solid #ffffff;

}

.arrow_box2:after, .arrow_box2:before {

	bottom: 100%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.arrow_box2:after {

	border-color: rgba(255, 255, 255, 0);

	border-bottom-color: #ffffff;

	border-width: 30px;

	margin-left: -30px;

}

.arrow_box2:before {

	border-color: rgba(255, 255, 255, 0);

	border-bottom-color: #ffffff;

	border-width: 36px;

	margin-left: -36px;

}







.ourworkdetail.arrow_box2:nth-of-type(3n+1):after, .ourworkdetail.arrow_box2:nth-of-type(3n+1):before {	left: 16%;}

.ourworkdetail.arrow_box2:nth-of-type(3n+2):after, .ourworkdetail.arrow_box2:nth-of-type(3n+2):before {	left: 50%;}

.ourworkdetail.arrow_box2:nth-of-type(3n+3):after, .ourworkdetail.arrow_box2:nth-of-type(3n+3):before {	left: 84%;}

@media (max-width:767px) {

.ourworkdetail.arrow_box2:nth-of-type(3n+1):after, .ourworkdetail.arrow_box2:nth-of-type(3n+1):before {	left: auto;}

.ourworkdetail.arrow_box2:nth-of-type(3n+2):after, .ourworkdetail.arrow_box2:nth-of-type(3n+2):before {	left: auto;}

.ourworkdetail.arrow_box2:nth-of-type(2n+1):after, .ourworkdetail.arrow_box2:nth-of-type(2n+1):before {	left: 25%;}

.ourworkdetail.arrow_box2:nth-of-type(2n+2):after, .ourworkdetail.arrow_box2:nth-of-type(2n+2):before {	left: 75%;}

}





		#slider

		{

			/*

			width:100%;

			max-height: 660px;

			height: 660px;

			position: relative;

			*/



			/*height: 50vw;*/





	max-height: 660px;

	height: 660px;

		



	position: relative; /* this is important for IE8 (and other legacy browers possibly) */

	z-index: 1;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	



	width: 6600px;



	/*

	height: 300px;

	*/

	

	-webkit-transform: translateZ(0);

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-o-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-text-size-adjust: none;

	-moz-text-size-adjust: none;

	-ms-text-size-adjust: none;

	-o-text-size-adjust: none;

	text-size-adjust: none;





		}







#slider a {

	overflow: hidden;

}





#slider a img {



  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;



	transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-webkit-transform-origin: 50% 50%;

}

 

#slider a img:hover {



	transform: scale(1.1);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale(1) sepia(1) contrast(1.4))";

	-webkit-filter: grayscale(1) sepia(1) contrast(1.4);

	filter: grayscale(1) sepia(1) contrast(1.4);

}

 



		}



		.slidertileLarge a {

			height: 100%;

		}



		.slidertileMed a {

			height: 330px;

		}



		@media (max-width:1280px) {



			#slider

			{

				height: 440px;

				width: 4400px;

			}



			.slidertileLarge {

				height: 440px;

				width: 660px;

			}



			.slidertileMed {

				height: 440px;

				width: 440px;

			}



			.slidertileLarge a {

				height: 440px;

				width: 660px;

			}



			.slidertileMed a {

				height: 220px;

			}





		}

		

		#slider div.scrollableArea img

		{

			position: relative;

			float: left;

			margin: 0;

			padding: 0;

			display: block;





			/* If you don't want the images in the scroller to be selectable, try the following

			   block of code. It's just a nice feature that prevent the images from

			   accidentally becoming selected/inverted when the user interacts with the scroller. */

			-webkit-user-select: none;

			-khtml-user-select: none;

			-moz-user-select: none;

			-o-user-select: none;

			user-select: none;

		}





		#slider .slidertileMed {

			max-height: 660px;

			height: 100%;

			display: inline;

			position: relative;

			float: left;

			margin: 0;

			padding: 0;

		}

		#slider .slidertileMed img {

			height: 50%;

		}

		#slider .slidertileMed a img {

			height: 100%;

		}

		#slider .slidertileLarge {

			max-height: 660px;

			height: 100%;

			display: inline;

			position: relative;

			float: left;

			margin: 0;

			padding: 0;

		}

		#slider .slidertileLarge img {

			height: 100%;



		}

		

.slidertile {

	display: inline-block;

}



.slidertile a {

	display: inline-block;

	float:left;

}



.slidertileMed {

	max-width: 660px;

}



.slidertileLarge {

	max-width: 990px;

}

		

		

		

		.closebutton{ float:right; margin:20px 40px 0 0; cursor: pointer;}

		

		/*#whatwedo5, #whatwedo6, #whatwedo7, #whatwedo8, #ourwork4, #ourwork5, #ourwork6{ display: none;}*/

		

		@media (max-width:767.99px) {

		/*#wwdinnercontainer{ display: none;}*/

		}

		

		@media (width:767px) {

			.wwd_slide{ width: 710px !important;}

		}

		@media (width:768px) {

			.wwd_slide{ width: 710px !important;}

		}

		@media (width:768px) {

			.ow_slide{ width: 710px !important;}

		}

		@media (max-width:768px) {

			.ow_slide{ width: 100% !important;}

		}

		

#alertContainer.alert-success, #alertContainer.alert-warning{

	text-align: center;

	background: #FE0180;

	font-size: 120%;

	border: #fff solid 2px;

	padding: 20px;

	color: #fff;

	margin:0 0 40px 0;

}

.backtotop{

	position: fixed;

	display: block;

	width: 150px;

	margin: -5px 0 0 -75px;

	text-transform: uppercase;

	color: #fff;

	border-radius: 0 0 150px 150px;

	-moz-border-radius: 0 0 150px 150px;

	-webkit-border-radius: 0 0 150px 150px;

	text-decoration: none;

	padding: 10px 0 10px 0;

	text-align: center;

	left: 50%;

	z-index: 100;

	transition: background 1s;

	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);

	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);

	background-color: #058385;

}

.backtotop:hover{

	background-color: #05B9C7;

}

#backToTop{ display:none;}

p.requiredfields{ padding-bottom:20px; text-transform: none;}