@font-face {
    font-family:'angelinaregular';
    src: url('fonts/angelina-webfont.eot');
    src: url('fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/angelina-webfont.woff2') format('woff2'),
         url('fonts/angelina-webfont.woff') format('woff'),
         url('fonts/angelina-webfont.ttf') format('truetype'),
         url('fonts/angelina-webfont.svg#angelinaregular') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family:'opensans-light';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff2') format('woff2'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#angelinaregular') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family:'opensans-semibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff2') format('woff2'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#angelinaregular') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family:'unit-regular';
    src: url('fonts/unit-regular.eot');
    src: url('fonts/unit-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/unit-regular.woff2') format('woff2'),
         url('fonts/unit-regular.woff') format('woff'),
         url('fonts/unit-regular.ttf') format('truetype'),
         url('fonts/unit-regular.svg#unit-regular') format('svg');
    font-weight: normal; font-style: normal;
}

body { overflow-x:hidden; font-family:'Open Sans', sans-serif; /*font-family:'unit-regular', 'Open Sans', sans-serif;*/ font-size:16px; color:#777; background:url('images/bgr-image-pattern.jpg'); padding-top:36px; }
body.home { background:#fefefe; padding-top:0; }

a { color:inherit; text-decoration:none; }
.entry-content a { color:#f79429; }
.entry-content a:hover,
.entry-content a:active { text-decoration:underline; }

h1 { font-size:2.8em; font-weight:normal; }
h2 { font-size:1.8em; font-weight:normal; }
h3 { font-size:1.4em; font-weight:normal; }
h4 { font-size:1.3em; font-weight:normal; }
h5 { font-size:1.2em; font-weight:normal; }
h6 { font-size:1.1em; font-weight:normal; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:inline-block; position:relative; padding-bottom:0.1em; }
h1 .title-line, h2 .title-line, h3 .title-line, h4 .title-line, h5 .title-line, h6 .title-line { display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:3px; }

.small-fonts { font-size:0.8em; }
.clear { clear:both; }
.content-wrapper { margin:0 auto; width:96%; }
.content-padd { padding:1em; }
a.video { position:relative; display:inline-block; }
a.video .play { position:absolute; display:block; width:64px; height:64px; background:url("images/play-small.png") no-repeat; left:50%; top:50%; margin-left:-32px; margin-top:-32px; z-index:10; }

.lightbox-form-box { display:none; width:300px; height:auto; }
.lightbox-form-holder { background:#9c9c9c; height:100%; display:block; }
.lightbox-form-holder h3 { color:#111; padding:0.4em 0; }
.lightbox-form-holder input[type="text"], .lightbox-form-holder input[type="password"] { width:240px; border:none; background:#fff; clear:both; padding:8px; margin-bottom:1em; }
.lightbox-form-holder input[type="submit"] { clear:both; background:#f89502; padding:0.5em 2em; color:#fff; font-weight:600; text-transform:uppercase; border:none; }

@media only screen and (max-width:640px) {
	h1 { font-size:2em; }
}
@media only screen and (min-width:1280px) {
	.content-wrapper { width:1240px; }
}
@media only screen and (min-width:1366px) {
	.content-wrapper { width:1280px; }
}

#landing { position:relative; text-align:center; /*white-space: nowrap;*/ overflow:hidden; }
#landing-mobile { background:#fefefe; position:relative; text-align:center; /*white-space: nowrap;*/ overflow:hidden; }
.full-video-fallback { display:block; vertical-align:middle; position:relative; text-align: center;}
.full-video-fallback img { max-width:100%; height:auto; /*display:block;*/ position:relative; top:50%; opacity:0;}
.arrow-scroll { position:absolute; left:0; width:100%; bottom:3.5em; text-align:center; z-index:2; }
.arrow-scroll img { height:18px; width:auto; }

@media only screen and (max-width:1279px) {
	#landing-video { display:none; }
}
@media only screen and (min-width:1280px) {
	#landing-mobile { display:block; } 
	#landing-video { display:none; position:fixed; background-size:cover; background-position:50% 50%; height:100vh; z-index:-1; opacity:0; }
	#landing-video video {
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;
	}
	/*.full-video-fallback img { display:block; }*/
}
/* fix - video width
@media only screen and (min-width:1280px) and (max-width:1366px) {
	#landing-video video { height:100%; width:auto; }
}*/
.description .subcaption * {font-size:0.8em;}
.description .subcaption {height:60px;}

/*HEADER*/
#main-header { background:#000; width:100%; z-index:99; position:absolute; left:0; top:0; }
#main-header .inner-wrapper { height:36px; position:relative; text-align:right; }
#main-header .inner-wrapper .logo { height:30px; width:auto; position:absolute; left:5%; top:0; }
#main-header .trigger-overlay-holder { height:18px; padding-top:9px; padding-right:9px; }
#trigger-overlay { cursor:pointer; }
@media only screen and (min-width:1280px) {
	#main-header { position:fixed; }
}

.dotmailer-head { padding: 1em 0.5em; }


/*HOME*/
.home section { display:block; clear:both; }
.home section:after { content:''; display:block; height:0; clear:both; }
.home h3 { color:#f79429; text-transform:uppercase; margin-bottom:1em; }
.home article { margin:10px; display:inline-block; float:left; overflow:hidden; opacity:0; }
.home article  a { color:white; font-weight: bold; }
.home article .subscribe:hover { text-decoration:none; }
#about article { min-height:1px; background:rgba(0,0,0,0.9); color:#fff; }
.home section  nav { margin:10px; display:inline-block; float:left; vertical-align:top; text-align:center; }
.home section  nav#bottom-menu { width:100%; text-align:center; margin:0; padding: 0 5px;}
.home section  nav#bottom-menu a { margin-bottom:10px; height: 92.5px;}
.home section  nav a { display:inline-block; margin-top:1%; vertical-align:middle; width:100%; background:rgba(247,148,41,0.9); color:#fff; text-transform:uppercase; }
.home section  nav h5 { display:inline-block; height:100%;	 vertical-align:middle; padding:0.5em 0; color:#fff; }
.home section  nav#bottom-menu h5 { padding:1em 0; }
.home section  nav h5:after { content:''; display:inline-block; height:100%; vertical-align:middle; }
.home section  nav a:hover, .home section  nav a:active { background:rgba(237,24,72,0.9); }

.home #services { position:relative; }
.home #services-menu { position:absolute; top:-40px; width:100%; height:0; left:0; visibility:hidden; }
.home nav#services { opacity:0; }
.home nav#services a h5 .hover { display:none; }


section#portfolio article { position:relative; color:#f79429;  border:5px solid; border-color:rgba(255,255,255,0.9);
	-webkit-box-shadow: 3px 6px 7px -3px rgba(0,0,0,0.89); -moz-box-shadow: 3px 6px 7px -3px rgba(0,0,0,0.89); box-shadow: 3px 6px 7px -1px rgba(0,0,0,0.89);
	border-width: 10px;	}
section#portfolio img { width:100%; height:auto; display:block; }
section#portfolio article.twitter { background: white; padding: 0.2em 0.5em; color:#777; font-weight: 300;}
section#portfolio article.twitter img { width:auto; }
section#portfolio article.twitter a {font-weight: 300;}
section#portfolio article.home-slider .slick-slide img {/*width:auto; height: 100%;*/}
section#portfolio article.home-slider .slick-slide a {width: 100%; height: 100%; display: block;}
section#portfolio article.home-slider .descr { position:relative; left:0; bottom:0%; width:100%; height:auto; background:rgba(255,255,255,0.9); color:#f79429; text-align:left; }
section#portfolio article.home-slider .descr {/*text-align: center;*/}
section#portfolio .desc { position:relative; left:0; bottom:0%; width:100%; height:auto; background:rgba(255,255,255,0.9); color:#f79429; text-align:left; }
section#portfolio h5 { font-weight:700; text-transform:uppercase; }
section#logos { margin:10px auto; background:rgba(0,0,0,0.9); height:280px; }
#logosCanvasContainer { text-align:center; width:100%; overflow:hidden; position:relative; }
#logosCanvasContainer h5 { position:absolute; z-index:9; left:0; top:0; color:#f79429; background:#000; padding:0.5em 1em; }
#logosCanvas { width:100%; }
section#other { margin:10px auto; }

@media only screen and (max-width:480px) {
	section#logos { font-size:0.6em; height:auto; overflow:hidden; }
}
@media only screen and (min-width:480px) {
	.home section  nav#bottom-menu a { width:32%; }
	.home section  nav#bottom-menu a.middle { margin-left: 2%; margin-right: 2%; }
}
@media only screen and (min-width:768px) {
	.home section  nav#services a { width:48%; }
}
@media only screen and (min-width:1280px) {
	.home section  nav#services a { height:24%; width:100%; }
	.home nav#services a:hover h5 .hover, .home nav#services a:active h5 .hover { display:inline-block; }
	.home nav#services a:hover h5 .regular, .home nav#services a:active h5 .regular { display:none; }
	/* section#portfolio img { -webkit-filter:grayscale(0.8); moz-filter:grayscale(0.8); -o-filter:grayscale(0.8); -ms-filter:grayscale(0.8); } */
	section#portfolio img:hover, section#portfolio img:active { -webkit-filter:grayscale(0); moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); }
}



/*PORTFOLIO*/
header#portfolio-header { background:rgba(0,0,0,0.1); color:#fff; }
header#portfolio-header h1 { font-weight:300; padding:0 1em; }
#portfolio-main:after { content:''; display:block; height:0; clear:both; }
#portfolio-main .portfolio-featured { display:block; margin-top:1em; background:#fff; } 
#portfolio-main .portfolio-featured .inner { border:1em solid #fff; position:relative; } 
#portfolio-main .portfolio-featured .description { position:absolute; bottom:0; width:100%; z-index:9; } 
#portfolio-main .portfolio-featured .description .content-padd { background:#fff; } 
#portfolio-main .portfolio-featured .description .description-details { display:none; overflow:hidden; } 
#portfolio-main .portfolio-featured .image { height:180px; overflow:hidden; } 
#portfolio-main .portfolio-featured .image img { width:100%; height:auto; } 
#portfolio-main .portfolio-featured h3 { text-transform:uppercase; margin:0.5em 0; font-weight:600; } 
#portfolio-main .portfolio-featured .view-project-button {
	margin-top:1em; clear:both; text-transform:uppercase; color:#fff; background:#ed1848; display:inline-block; padding:0.2em 0.6em 0.4em;
} 
header#single-portfolio-header { background:rgba(0,0,0,0.1); color:#fff; }
header#single-portfolio-header .content-padd { padding:2em; }
header#single-portfolio-header h1 { font-weight:600; }
header#single-portfolio-header h2 { font-weight:600; text-transform:uppercase; }
header#single-portfolio-header img { width:100%; height:auto; }
header#single-portfolio-header .video_root{ width: 100%; text-align: center; margin: 0px auto; background: url('./images/vicks_bkg.jpg'); padding: 0px 1em;}
header#single-portfolio-header .video_root #video_portfolio{ max-width: 1280px; margin: 3em 0em; width: 100%;}
#single-portfolio-main section:after { content:''; display:block; height:0; clear:both; }
#single-portfolio-main h6 { font-weight:600; }
#single-portfolio-main #about { background:#fff; color:#656565; }
#single-portfolio-main #about h3 { font-weight:600; text-transform:uppercase; margin-bottom:0.5em; }
#single-portfolio-main #about .col.half .column-row { background:#c3c8c4; }
#single-portfolio-main #about .col.half .column-row .content-padd { color:#fff; }
#single-portfolio-main #about .col.half .content-padd { padding:1.5em; }
#single-portfolio-main #about .col.half.brandlogo img { width:100%; height:auto; display:block; }
#single-portfolio-main .content-wrapper .rightSlider{    position: relative;}
#single-portfolio-main .content-wrapper .rightSlider .bg-image{ width: 100%; height: auto; display: block;}
#single-portfolio-main .content-wrapper .rightSlider .vertical-portfolio-slider{ width: 62%; top: 16%; left: 12%; position: absolute;}
#single-portfolio-main #colored-box { color:#fff; }
#single-portfolio-main .additional-box .content-padd { padding:1.5em; }
#single-portfolio-main .additional-box { background:#fff; color:#454545; overflow:visible; }
#single-portfolio-main .additional-box .col.half.side-image img { max-width:100%; height:auto; }
#single-portfolio-main .additional-box .col.half.side-image.pull-up { overflow:visible; }
#single-portfolio-main .additional-box .col.half.side-image.pull-up img { margin-top:-1em; position:relative; z-index:9; }
#single-portfolio-main .additional-box.standalone { margin-top:20px; }
#single-portfolio-main .image-bgr-box { margin-top:2em; }
#single-portfolio-main .image-bgr-box img { display:none; }
#single-portfolio-main .image-bgr-box .textual-overlay { background:#fff; }
#single-portfolio-main .image-bgr-box .textual-overlay .content-padd { padding:1.5em; }
#single-portfolio-main #portfolio-slider .content-padd { padding:1.5em; }
#single-portfolio-main .grass { background:url("images/grass.jpg") left top repeat; }
#single-portfolio-main .grass .content-padd{ padding: 0px!important; }
#single-portfolio-main .grass .content-padd p {margin-bottom: 0px!important;}
#single-portfolio-main .grass .col.half.blue { background:rgba(28,109,174,0.5); color:#fff; }
#single-portfolio-main .grass .col.half.noTransblue { background:#0058ff; }
#single-portfolio-main .audio-bgr { background: #dadada url('images/radio.jpg') top/100% no-repeat; position:relative;  overflow:hidden;  }
#single-portfolio-main .audio-bgr-image { position:absolute; z-index:0; top:0; right:0; height:100%; width:auto; display: none;}
#single-portfolio-main .audio-bgr-image-small { position:relative; z-index:0; top:0; right:0; height:100%; width:auto;}
#single-portfolio-main #audio-player { width: 92%; z-index: 100; position: absolute; bottom: 10px; left: 50%; margin-left: -46%; }
#single-portfolio-main #audio-canvas { display:none; opacity:0; position: relative; z-index: 3; margin:0 4%; margin-bottom: 8%;}
#single-portfolio-main .bar-wrapper { height:240px; position:relative; }
#single-portfolio-main .bar { position: relative; bottom: 0; width: 5px; display: inline-block; 

#audio-player{
	transition:all 0.5s ease;
}
#audio-player:hover{
	opacity: 1!important;
}

#audio-canvas{
	text-align: center;
}

/*border: 1px solid red;*/ height: 5px; /*border-bottom: 3px solid #fff;*/ }

#single-portfolio-main .statistics .content-padd { padding:1.5em; }
#single-portfolio-main .statistics { background:#fff; padding:1em 0; margin-top:20px; }
#single-portfolio-main .statistics .chart { margin:1em 0; margin-top: 0px; }
#single-portfolio-main .statistics .circle { width:70%; margin:0 15%; margin-bottom:1em; position:relative; color:#fff; float:left;}
#single-portfolio-main .statistics .circle svg{display:none;}
#single-portfolio-main .statistics .circle img{display:block; width: 100%; height: 100%;}
#single-portfolio-main .statistics .circle .text { position:absolute; left:0; top:0; z-index:1; text-align:center; display:table; vertical-align:middle; }
#single-portfolio-main .statistics .circle .text .content-padd { display:table-cell; vertical-align:middle; padding:1em; }
#single-portfolio-main .statistics .circle .text .inner { display:table-cell; vertical-align:middle; padding:1em; }
#single-portfolio-main .statistics .circle .text .number { font-size:1.4em; font-weight:700; }
#single-portfolio-main .statistics .circle .text .count { text-transform:uppercase; font-weight:600; }
#single-portfolio-main .statistics table { border:none; border-spacing:0 0.5em; border-collapse:separate; vertical-align:middle; width:100%; }
#single-portfolio-main .statistics table td { display:inline-block; min-width:1%; height:100%; padding:0.1em 0.5em; font-size:0.9em; vertical-align:middle; height:1.2em; }
#single-portfolio-main .statistics table td p { margin:0; padding:0; }
#single-portfolio-main .statistics table td.bar { background:#1c6dae; padding:0; opacity:0; }
#single-portfolio-main .statistics table td.desc { opacity:0; height:auto; }
#single-portfolio-main .statistics table td.bar-1 { width:20%; }
#single-portfolio-main .statistics table td.bar-2 { width:30%; }
#single-portfolio-main .statistics table td.bar-3 { width:46%; }
#single-portfolio-main .statistics table td.bar-4 { width:50%; }
#single-portfolio-featured { clear:both; margin:2em 0; background:#fff; padding:0.5em 0 }
#single-portfolio-featured a { font-weight:600; }
#single-portfolio-featured .text { display:table; width:100%; border-collapse:collapse; margin-bottom:1em; }
/*#single-portfolio-featured .breadcrumbs { display:table-cell; width:50%; text-align:left; font-size:0.9em; }*/
#single-portfolio-featured .more { text-transform:uppercase; /*display:table-cell; width:50%; text-align:right;*/ display:block; text-align:left; font-size:1.3em; color:#f79429; padding-left:0.5em; }
#single-portfolio-featured .list-projects { display:block;  }
#single-portfolio-featured .featured-project { width:15%; background:#f70; text-align:center; display:inline-block; margin-left:0.5em; overflow:hidden; }
#single-portfolio-featured .featured-project a { display:block; }
#single-portfolio-featured .featured-project img { height:100%; width:auto; display:block; -webkit-filter:grayscale(0.8); moz-filter:grayscale(0.8); -o-filter:grayscale(0.8); -ms-filter:grayscale(0.8); }
#single-portfolio-featured .featured-project img:hover, #single-portfolio-featured .featured-project img:active { 
	-webkit-filter:grayscale(0); moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0);
}
#share-page { margin:20px auto 10px; }
#share-page:after { content:''; display:block; height:0; clear:both; }
#share-page h3 { font-weight:600; margin-bottom:1em; text-transform:uppercase; color:#f79429; }

@media only screen and (min-width:480px) {
	#portfolio-main .portfolio-featured { display:inline-block; float:left; width:48%; margin:0 1%; margin-top:1em; } 
	#portfolio-main .portfolio-featured .image { height:180px; } 
	#single-portfolio-main #about .content-padd, #single-portfolio-main .additional-box .content-padd { line-height:1.8em; }
	#single-portfolio-main .statistics .circle { width:46%; margin:0 2%; margin-bottom:1em; }
	#single-portfolio-featured .content-wrapper { display:table; }
	#single-portfolio-featured .text { text-align:left; display:table-cell; vertical-align:middle; height:100%; width:30%; }
	#single-portfolio-featured .list-projects { display:table-cell; height:100%; text-align:right; width:68%;  }
	#single-portfolio-featured .text .more { display:block; text-align:left; font-size:1.3em; }
}
@media only screen and (max-width:640px) {
	header#single-portfolio-header { font-size:0.6em; }
}

@media only screen and (min-width:640px) and (max-width:1279px) {
	#single-portfolio-main  .side-image { text-align: center; }
}	
@media only screen and (min-width:768px) {
	#single-portfolio-main { margin-top:-2em; position:relative; z-index:9; }
	header#single-portfolio-header .content-wrapper { padding:2em 0; }
	#single-portfolio-main .statistics .circle .text .number { font-size:1.4em; }
	#single-portfolio-main .statistics .circle { width:21%;}
	#share-page .social-title, #share-page .social-links { display:inline-block; margin-right:2em; }
}

	
@media only screen and (min-width:1024px) {
	#portfolio-main .portfolio-featured .image { height:390px; }
	#portfolio-main .portfolio-featured .description { font-size:1.4em; }
	#portfolio-main .portfolio-featured .view-project-button { font-size:0.8em; }
	
}
@media only screen and (min-width:1280px) {
	header#single-portfolio-header .content-wrapper, header#portfolio-header .content-wrapper { padding:4em 0; }
	#single-portfolio-main #about { position:relative; }
	#single-portfolio-main .col.half { float:left; width:50%; }
	#single-portfolio-main .col.half.right  { float:right; }
	#single-portfolio-main .col.half .column-row { position:absolute; left:0; bottom:0; display:block; width:50%; }
	#single-portfolio-main #about .content-padd, #single-portfolio-main .additional-box .content-padd { padding:2em 2em 0 2em; }
	#single-portfolio-main .additional-box .col.half.side-image a { display:block; }
	#single-portfolio-main .additional-box .col.half.side-image img { width:100%; max-width:none; }
	#single-portfolio-main .additional-box .col.half.side-image.pull-up img { margin-top:-5em; }
	#single-portfolio-main .image-bgr-box { position:relative; }
	#single-portfolio-main .image-bgr-box img { width:100%; max-width:none; display:block; }
	#single-portfolio-main .image-bgr-box .textual-overlay { background:rgba(255,255,255,0.9); width:50%; height:100%; position:absolute; left:0; top:0; }
	#single-portfolio-main .statistics .circle { background: none; background-size: 100%;}
	#single-portfolio-main .statistics .circle svg{display:block;}
	#single-portfolio-main .statistics .circle img{display:none;}
	#single-portfolio-main .statistics .circle .text .number { font-size:3em; }
	#single-portfolio-main .statistics .circle .text .count { font-size:1.8em; }	
	#single-portfolio-main #audio-canvas { opacity:1;display: block;}
	#single-portfolio-main .audio-bgr-image {display: block;}
	#single-portfolio-main .audio-bgr-image-small {display: none;}
	
	
}

/*SERVICES*/
header#services-header { background:rgba(0,0,0,0.1); color:#fff; }
header#services-header h1 { font-weight:300; padding:0 1em; }
#services-main:after { content:''; display:block; height:0; clear:both; }
#services-main .services-featured { display:block; margin-top:1em; background:#fff; } 
#services-main .services-featured .inner { border:1em solid #fff; position:relative; } 
#services-main .services-featured .description { position:absolute; bottom:0; width:100%; z-index:9; } 
#services-main .services-featured .description .content-padd { background:#fff; } 
#services-main .services-featured .description .description-details { display:none; overflow:hidden; } 
#services-main .services-featured .image { height:180px; overflow:hidden; } 
#services-main .services-featured .image img { width:100%; height:auto; } 
#services-main .services-featured h3 { text-transform:uppercase; margin:0.5em 0; font-weight:600; } 
#services-main .services-featured .view-project-button {
	margin-top:1em; clear:both; text-transform:uppercase; color:#fff; background:#ed1848; display:inline-block; padding:0.2em 0.6em 0.4em;
} 

@media only screen and (min-width:480px) {
	#services-main .services-featured { display:inline-block; float:left; width:48%; margin:0 1%; margin-top:1em; } 
	#services-main .services-featured .image { height:180px; } 
}
	
@media only screen and (min-width:1024px) {
	#services-main .services-featured .image { height:390px; }
	#services-main .services-featured .description { font-size:1.4em; }
	#services-main .services-featured .view-project-button { font-size:0.8em; }	
}

nav#bottom-menu { display:inline-block; float:left; vertical-align:top; text-align:center; width:100%; margin:0; }
nav#bottom-menu a {
	margin-bottom:10px; display:inline-block; margin-top:1%; vertical-align:middle; width:100%; background:rgba(247,148,41,0.9);
	color:#fff; text-transform:uppercase;
}
nav#bottom-menu h5 { display:inline-block; height:100%;	 vertical-align:middle; color:#fff; padding:1em 0; }
nav#bottom-menu a h5 .hover { display:none; }
nav#bottom-menu h5:after { content:''; display:inline-block; height:100%; vertical-align:middle; }
nav#bottom-menu a:hover, nav#bottom-menu a:active { background:rgba(237,24,72,0.9); }

section#other { margin:10px auto; }

@media only screen and (min-width:1280px) {
nav#bottom-menu a:hover h5 .hover, nav#bottom-menu a:active h5 .hover { display:inline-block; }
nav#bottom-menu a:hover h5 .regular, nav#bottom-menu a:active h5 .regular { display:none; }
}

@media only screen and (min-width:768px) {
	nav#bottom-menu a { width:32%; }
/*	nav#bottom-menu a.middle { margin:0 2%; }*/
}

/*Creative Campaigns*/
#campaigns-header { background:#cbc9cb url("images/big-idea-bgr.jpg") left bottom repeat-x; }
#campaigns-header .content-wrapper { padding-bottom:2em; }
#campaigns-header .inner-wrapper { position:relative; padding-top:1.5em; overflow:hidden; }
#campaigns-header img.hand { position:absolute; bottom:100%; left:0; height:100%; width:auto; }
#campaigns-header h1 { color:#f99602; text-transform:uppercase; line-height:90%; font-weight:600; }
#campaigns-header h1 .title-part { opacity:0 }
#campaigns-header .border { background:#f99602; width:0; }
#campaigns-heading { background:#f99602; color:#fff; padding:1em; }
#campaigns-heading h2 { font-weight:700; }
#campaigns-main { overflow:hidden; }
#campaigns-main .polaroid-holder { margin:1%; position:relative; display:block; clear:both; }
#campaigns-main .polaroid {
	 
	font-family:'angelinaregular'; font-weight:bold; color:#6c6c6c; font-size:26px; background:#fff;
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4);
	padding:5%; position:absolute; left:0; top:0; width:90%; height:90%; opacity:0; display:block;
}
/*#campaigns-main .polaroid {
	font-family:'angelinaregular'; font-weight:bold; color:#6c6c6c; font-size:26px; background:#fff;
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,0,0,0.4);
	padding:5%; position:absolute; left:0; top:0; width:90%; height:90%; opacity:0; display:block;
}*/
#campaigns-main .polaroid-holder.first { display:inline-block; }
#campaigns-main .polaroid-cw { -ms-transform:rotate(4deg); /* IE 9 */ -webkit-transform:rotate(4deg); /* Safari */ transform:rotate(4deg); background:#fff; }
#campaigns-main .polaroid-ccw { -ms-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); transform:rotate(-4deg); background:#fff; }
#campaigns-main .polaroid .image-holder { width:100%; text-align:center; }
#campaigns-main .polaroid .image-holder:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
#campaigns-main .polaroid .image-holder img { width:100%; display:inline-block; vertical-align: middle; }
@media only screen and (min-width:640px) {
	#campaigns-main .polaroid-holder { width:29%; display:inline-block; }
}
@media only screen and (min-height:768px) {
	#campaigns-header .inner-wrapper { font-size:2.7em; }
}
@media only screen and (max-width:1024px) {
	#campaigns-main .polaroid {
	   top: 0px;
    left: 0px;
    opacity: 1;
    position: relative;
}
}
@media only screen and (min-width:1280px) {
	#campaigns-heading { padding:2em; }
	#campaigns-main .polaroid-holder { width:380px; min-height:500px; margin:8px; }
}

/*Email Marketing*/
#dotmailer-header:after { content:''; display:block; height:0; clear:both; }
#dotmailer-header { font-weight:300; color:#fff; overflow:hidden; background:rgba(0,0,0,0.1); padding:1em 0; }
#dotmailer-header h1 { font-weight:300; margin-bottom:0.5em; }
#dotmailer-header .heading-desktop { display:none; }
#dotmailer-header .heading-mobile.content-padd { padding:0 2em; }
#dotmailer-header .text { font-size:1.4em; }
#dotmailer-header .text-desktop { display:none; }
#dotmailer-header .button-link { padding:0.4em 0.8em; display:inline-block; margin:1em 0.5em 0 0; text-transform:uppercase; font-weight:600; font-size:0.8em; }
#dotmailer-header .button-link.dotmailer-login { background:#ef1f45; color:#fff; }
#dotmailer-header .button-link.dotmailer-platform { background:#f89502; color:#fff; display:none; }
#dotmailer_form { display:none; width:300px; height:auto; }
#dotmailer-header .media { padding-top:0; padding-bottom:10px; position:relative; }
#dotmailer-header .desc.content-padd { padding:0 1em; }
#dotmailer-header .text-mobile { padding:1em 0 0; }
#dotmailer-header a.video { padding:10px; }
#dotmailer-header .media img { max-width:100%; }
#dotmailer-header .media img.video-preview {
	-webkit-box-shadow:0 7px 9px -3px rgba(0,0,0,0.4); -moz-box-shadow:0 7px 9px -3px rgba(0,0,0,0.4); box-shadow:0 7px 9px -3px rgba(0,0,0,0.4);
}
#dotmailer-header .media .airplane-orange { display:none; position:absolute; bottom:0; right:0; z-index:9; }
#dotmailer-header .media .airplane-green { display:none; position:absolute; bottom:170px; right:0; z-index:9; }
#dotmailer-main #main-features:after { content:''; display:block; height:0; clear:both; }

#dotmailer-main #main-features .col { margin-top:1em; background:#fff; font-size:0.9em; }
#dotmailer-main #main-features .col .inner { padding:1.5em 2em; }
#dotmailer-main #main-features .col h3 { font-weight:400; font-size:1.7em; }
#dotmailer-main #main-features .col img { max-width:100%; margin:1em 0; }
#dotmailer-main .features.desktop { display:none; }
#dotmailer-main .features:after { content:''; display:block; height:0; clear:both; }
#dotmailer-main .features { margin-top:2em; background:#9c9c9c; color:#fff; padding:2em; }
#dotmailer-main .features.mobile { padding:1.5em 1em; }
#dotmailer-main .features h3 { font-weight:400; margin-bottom:2em; }
#dotmailer-main .features.mobile h3 { padding:0 0.8em; margin-bottom:1em; }
#dotmailer-main .desktop .feature { margin-bottom:2em; font-size:0.8em; }
#dotmailer-main .mobile .feature { margin-bottom:0.5em; font-size:0.8em; }
#dotmailer-main .feature .accordion-section-title { background:#aaa; padding:0.5em 1.5em; display:block; } 
#dotmailer-main .feature .accordion-section-title.active, #dotmailer-main .accordion-section-title:hover { background:#8e8e8e; } 
#dotmailer-main .feature .accordion-section-content { background:#959595; padding:0.5em 1.5em; } 
#dotmailer-partners { clear:both; margin-top:2em; background:#fff; padding:2em 0 1em; text-align:center; }
#dotmailer-partners h3 { font-weight:400; margin-bottom:2em; }
#dotmailer-partners .systems { margin-bottom:1em; }
#dotmailer-partners .systems img { max-width:100%; height:auto; }



@media only screen and (min-width:640px) {
	#dotmailer-partners .systems-holder { display:block; }
	#dotmailer-partners .systems { display:inline-block; max-width:49%; margin-right:1%; }
}
@media only screen and (min-width:768px) {
	#dotmailer-header .media .airplane-orange, #dotmailer-header .media .airplane-green { display:block; }
	#dotmailer-header .button-link.dotmailer-platform { display:inline-block; }
	#dotmailer-main .col.third { width:32%; float:left; }
	#dotmailer-main .col.third.middle { margin-right:2%; margin-left:2%; }
	#dotmailer-main .features.mobile { display:none; }
	#dotmailer-main .features.desktop { display:block; }
	#dotmailer-main .feature { width:30%; margin-right:3%; float:left; }
}

@media only screen and (min-width:768px) and (orientation:portrait) {
	/* h3 not same as 2 other sectors */
	#dotmailer-main .col.third.middle h3 { margin-right:2%; margin-left:2%; padding-bottom:5%; }
}

@media only screen and (min-width:768px) and (max-width:1023px){	
	#dotmailer-main #main-features .col h3 { min-height: 5.5em; }
}

@media only screen and (min-width:1024px){	
	#dotmailer-main #main-features .col h3 { min-height: 4em; }
}

@media only screen and (min-width:1280px) {
	#dotmailer-header .heading-mobile { display:none; }
	#dotmailer-header .heading-desktop { display:block; }
	#dotmailer-header .desc { float:left; width:50%; margin-left:2%; }
	#dotmailer-header .desc.content-padd { padding:0; }
	#dotmailer-header .text-mobile { display:none; }
	#dotmailer-header .text-desktop { display:block; }
	#dotmailer-header .media { float:right; width:44%; padding-top:4em; }
}

/*Video and Streaming*/
#streaming-header:after { content:''; display:block; height:0; clear:both; }
#streaming-header { font-weight:300; color:#fff; overflow:hidden; background:rgba(0,0,0,0.1); padding:1em 0; }
#streaming-header h1 { font-weight:300; margin-bottom:0; }
#streaming-header .heading-desktop { display:none; }
#streaming-header .heading-mobile.content-padd { padding:0 2em; }
#streaming-header .desc.content-padd { padding:1em 2em 0; }
#streaming-header .media { padding-top:0; padding-bottom:0; position:relative; text-align: center; }
#streaming-header a.video { padding:10px; }
#streaming-header .media img { max-width:100%; }
#streaming-header .media img.video-preview {
	-webkit-box-shadow:0 7px 9px -3px rgba(0,0,0,0.4); -moz-box-shadow:0 7px 9px -3px rgba(0,0,0,0.4); box-shadow:0 7px 9px -3px rgba(0,0,0,0.4);
}
#streaming-main:after { content:''; display:block; height:0; clear:both; }
#streaming-main .main-banner { display:block; position:relative; }
#streaming-main .main-banner .bgr-video { display:none; }
#streaming-main .main-banner .bgr-image { position:relative; }
#streaming-main .main-banner .bgr-image img { display:block; width:100%; }
#streaming-main .main-banner .tagline { position:absolute; left:0; bottom:0; width:100%; background:rgba(248,150,29,0.8); z-index:2; font-size:0.5em; text-align:center; display:block; }
#streaming-main .main-banner .tagline.desktop { display:none; }
#streaming-main .main-banner .tagline h1 { padding:0.4em 0.8em; color:#fff; text-transform:uppercase; font-weight:600; }
#streaming-main .main-banner .text-holder { background:rgba(255,255,255,0.9); color:#656666; }
#streaming-main .main-banner .text { padding:1em; text-align:center; }
#streaming-main .col { margin-top:1em; background:rgba(255,255,255,0.9); }
#streaming-main .col .content-padd { padding:1.5em 2em; }
#streaming-main .col h3 { font-weight:600; }
#streaming-main .col.gray { background:rgba(0,0,0,0.2); }
#streaming-main .col img { max-width:100%; margin:1em 0; }

@media only screen and (min-width:480px) {
	#streaming-main .col.half { width:50%; float:left; }
}
@media only screen and (min-width:1280px) {
	#streaming-header .heading-mobile { display:none; }
	#streaming-header .heading-desktop { display:block; }
	#streaming-header h1 { margin-bottom:0.5em; }
	#streaming-header .desc { float:left; width:50%; margin-left:2%; }
	#streaming-header .text { font-size:1.4em; }
	#streaming-header .media { float:right; width:44%; padding-top:4em; padding-bottom:10px; }
	#streaming-main .main-banner { height:460px; overflow:hidden; }
	#streaming-main .main-banner .bgr-image { display:none; }
	#streaming-main .main-banner .bgr-video { position:absolute; left:0; bottom:-50px; width:100%; height:auto; display:block; }
	#streaming-main .main-banner .text-holder { position:absolute; left:0; top:0; height:460px; width:608px; z-index:3; background:url('images/main-banner-text.png'); font-size:1.6em; }
	#streaming-main .main-banner .text { padding:80px; padding-left:140px; text-align:left; }
	#streaming-main .main-banner .tagline { font-size:1em; text-align:right; }
	#streaming-main .main-banner .tagline.mobile { display:none; }
	#streaming-main .main-banner .tagline.desktop { display:block; }
}

/*Web and Mobile Apps*/
#apps-header:after { content:''; display:block; height:0; clear:both; }
#apps-header { background:#e1e2e5 url('images/apps-banner-bgr.jpg') center center repeat-y; color:#656565; font-weight:300; }
#apps-header .heading-desktop { display:none; }
#apps-header .heading-mobile.content-padd { padding:2em 2em 0; }
#apps-header .desc.content-padd { padding:0 2em; }
#apps-header h1 { margin-bottom:1em; }
#apps-header .media img{ max-width:100%; height:auto; }
#apps-main:after { content:''; display:block; height:0; clear:both; }
#apps-main .box { font-weight:300; }
#apps-main .box h3 { margin-bottom:1em; }
#apps-main .box .content-padd { padding:1.5em 2em; }
#apps-main .box .content-padd ul { list-style-position:outside; margin:1em; }
#apps-main .box-1 { background:#fff; vertical-align:bottom; position:relative; overflow:hidden; }
#apps-main .box-1 img#iphone-image { display:block; width:100%; }
#apps-main .box-1 video#iphone-video { display:none; }
#apps-main .box-2 { background:#f99602; color:#fff; }
/*#apps-main .box-2 .content-padd { padding:1.5em 1.5em 1em; }*/
#apps-main .box-3 { background:#a2a2a2; color:#fff; }
/* background color of the  video div changed because of empty space appearing. */
#apps-main .box-1 {  background:#a2a2a2; }
#apps-main .box-4 { background:#fff;}
#apps-main .box-4 img { display:block; width:100%; }
#appsCanvasContainer { text-align:center; width:100%; height:100%; overflow:hidden; }
#appsCanvas { background:url('images/swallow.png') center center no-repeat; height:100%; width:100%; }

@media only screen and (min-width:768px) {
	#apps-main .box { float:left; width:50%; }
	#apps-main .box-4 { float:right;  max-height: 450px !important;  }
}
@media only screen and (min-width:768px) and (orientation:portrait) {
	#apps-main .box-1 img#iphone-image {/* width:100%; max-width:none; */ width:auto; margin-left:-25%; }
}
@media only screen and (min-width:1280px) {
	#apps-header .heading-mobile { display:none; }
	#apps-header .heading-desktop { display:block; }
	#apps-header { font-size:1.1em; }
	#apps-header .desc { float:left; width:54%; margin-left:2%; }
	#apps-header .desc.content-padd { padding:2em 0 0; }
	#apps-header .media { float:right; width:40%; padding-top:4em; }
	#apps-main .box-1 img#iphone-image { display:none; }
	#apps-main .box-1 video#iphone-video { display:block; width:100%}
	#apps-main .box-2 { font-size:1.2em; }
}


/*SECTORS*/
#sectors-header { font-weight:300; color:#fff; overflow:hidden; background:rgba(0,0,0,0.1); margin-bottom:2em; }
#sectors-header header { padding:2em 0; }
#sectors-header h1 { font-weight:300; padding:1em; }
#sectors-main .column { background:#fff; margin-bottom:0.5em; }
#sectors-main .column h2 { font-weight:300; margin-bottom:1em; }
#sectors-main .column img { max-width:100%; height:auto; margin:1em 0; }
#sectors-main .column ul { list-style-position:outside; margin:1em 1.5em; }
#sectors-main .column .content-padd { padding:2em; }
#sectors-main .column .project { display:block; overflow:hidden; margin-bottom:1em; }
#sectors-main .column .project img { width:100%; }
#sectors-main #sectors:after { content:''; display:block; height:0; clear:both; }
#sectors-main #companies.separate { display:none; }
#sectors-main #companies:after { content:''; display:block; height:0; clear:both; }
#sectors-main #companies { margin-top:1em; border-top:0.5em solid #f1f1f1; }
#sectors-main #companies img { width:100%; height:auto; }

@media only screen and (min-width:768px) {
	#sectors-header h1 { padding:1em 0.6em; }
	#sectors-main .column { width:32%; float:left;}
	/*#sectors-main .column.middle { margin:0 2%; }*/
	#sectors-main #companies.separate { display:block; }
	#sectors-main .companies.inside { display:none; }
	
}
@media only screen and (min-width:1280px) {
	#sectors-header header { padding:5em 0; padding:2em 0; }
	
}
@media only screen and (min-width:768px) and (max-width:1023px){
	#sectors-main .column h2 { min-height: 4.1em; }
	#sectors-main .column .content-padd { padding: 1em; }
}

/*RESOURCES*/
#resources-header { background:#fff; text-align:center; padding:2em 0; }
#resources-header img { max-width:100%; }
#resources-wrapper-holder:after { content:''; display:block; height:0; clear:both; }
#resources-main {  margin-top:1.5em; }
#resources-main .content-padd:after { content:''; display:block; height:0; clear:both; }
#resources-sidebar h2,
#resources-main h2 { font-weight:300; }
#resources-main h6 { color:#f99602; text-transform:uppercase; margin-bottom:0.5em; font-weight:600; height: 70px;}
#resources-sidebar { background:#fcfcfc; margin-top:1.5em; /*display:none;*/ }
#resources-main .inner-wrapper:after { content:''; display:block; height:0; clear:both; }
#resources-main .inner-wrapper { padding:2em; }
#resources-sidebar .inner-wrapper { padding:1.2em 2em; }
#resources-sidebar .twitter-widget-content { font-size:0.8em; margin-top:2em; }
#resources-main .more { display:inline-block; clear:both; text-transform:uppercase; font-weight:700; margin-top:1em; color:#656565; }
#blog, #vlog { padding-bottom:1em; }
#blog img, #vlog img { max-width:100%; height:auto;  border: 1px #808080 solid;}
#resources-sidebar .signup { margin-top:1em; background:#fff; border:1px solid #f4f4f4; border-bottom-color:#d3d3d3; padding:0.8em; position:relative; }
#resources-sidebar .signup ul { list-style-type:disc; margin:1em 1.5em; list-style-position:outside; font-size:0.8em; }
#resources-sidebar .signup ul li { clear:both; margin-top:0.5em; }
.subscribe-btn { color:#fff; background:#ef1f45; padding:0.2em 0.4em; text-transform:uppercase; font-weight:700;  }
#resources-sidebar .signup .subscribe { position:absolute; bottom:1.2em; right:0.8em; }
#resources-dotmailer { background:#bbb; color:#fff; margin-top:1.5em; }
#resources-dotmailer h2 { font-weight:300; margin-bottom:1em; }
#resources-pharma .inner-wrapper:after { content:''; display:block; height:0; clear:both; }
#resources-pharma { background:#bbb; color:#fff; margin-top:1px; }
#resources-pharma h2 { font-weight:300; margin-bottom:1em; }
#resources-dotmailer .inner-wrapper:after { content:''; display:block; height:0; clear:both; }
#resources-dotmailer .inner-wrapper, #resources-pharma .inner-wrapper { padding:1.5em; }
.featured-download:after { content:''; display:block; height:0; clear:both; }
.featured-download .featured-image a { display:inline-block; float:left; vertical-align:middle; margin:0 1.5em 0 0; max-width:36%; }
.featured-download .featured-image img { width:100%; height:auto; border:1px solid #fff; }
.featured-download h6 { margin-bottom:1em; font-weight:600; }
.featured-download a { clear:both; display:inline-block; margin-top:1em; font-weight:700; color:inherit; }
#latest-downloads:after { content:''; display:block; height:0; clear:both; }
#latest-downloads { clear:both; margin-top:1em; padding-top:1em; border-top:1px solid #fff; }
#latest-downloads h6 { font-weight:600; margin-bottom:1em; }
.latest-download:after { content:''; display:block; height:0; clear:both; }
.latest-download { margin-bottom:1em; }
.latest-download p { margin-bottom:0.5em; }
.latest-download .featured-image { width:20%; display:inline; float:left; margin-right:1em; } 
.latest-download .featured-image img { max-width:100%; height:auto; border:1px solid #fff; }
.pharma-download { display:inline-block; border:1px solid #fff; }
.pharma-download img { width:100%; display:block; }
.pharma-download:hover, .resources .pharma-download:active { opacity:0.8; }
/*twitter*/
.widget-title, .aiwidget-title { display:none; }
.tweettext { color:inherit !important; }
#resources-sidebar .twitter-widget-content .imgdisplay { margin-bottom:20px; }

@media only screen and (min-width:640px) {
	#blog { width:100%;  }
	#vlog { width:100%;  }
	#dotmailer { width: 100% }
	.latest-download { float:left; margin-right:2%; width:48%; }
	.latest-download .featured-image { width:36%; }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
	#resources-sidebar:after { content:''; display:block; height:0; clear:both; }
	#resources-sidebar .twitter-widget-content { float:left; width:58%; }
	#resources-sidebar .signup { float:right; width:40%; }

}
@media only screen and (min-width:1280px) {
	#resources-main { width:100%; float:left; }
	#resources-sidebar { width:32%; float:right; display:block; }
	#resources-dotmailer { width:66%; float:left; clear:none; }
	#resources-pharma { width:32%; float:right; margin-top:1.5em; }
	.pharma-download { width:100%; }
}

/*BLOG and VLOG*/
#posts-holder { margin-top:20px; }
#posts-holder:after { content:''; display:block; height:0; clear:both; }
#post-header { background:#fff; text-align:center; }
#post-header img { max-width:100%; }
#post-category { background:#d8d8d8; }
#post-category a { display:inline-block; padding:15px 30px; color:#fff; font-weight:300; }
#post-category a.active { color:#656565; background:#fff; cursor:default; }
#post-category h2 { font-weight:300; }
.single-post { padding:30px; background:#fff; }
.single-post header { margin-bottom:30px; }
.single-post h3 { color:#f79429; font-weight:600; text-transform:uppercase; }
.single-post .featured-image { max-width:100%; margin:20px 0; display:block; }
.single-post .featured-image img { max-width:100%; height:auto; display:block; }
.single-post #post-content { font-size:0.8em; }
.single-post #post-content img { max-width:100%; }
.single-post #post-content table { border-collapse:separate; border-spacing:5px 5px; max-width:100%; }
.single-post #post-content h2 { text-transform:uppercase; color:#f79429; font-weight:300; }
.single-post #post-content h4 { text-transform:uppercase; color:#f79429; font-weight:600; }
.single-post #post-content iframe { max-width:100%; }
#posts-sidebar { background:#fff; padding-bottom:1em; margin-top:20px; }
#posts-sidebar #sidebar-header h2 { font-weight:300; padding:15px 30px; }
#posts-sidebar .signup { margin:1em auto; width:90%; background:#fff; border:1px solid #f4f4f4; border-bottom-color:#d3d3d3; position:relative; }
#posts-sidebar .signup h6 { font-weight:600; color:#f79429; text-transform:uppercase; }
#posts-sidebar .signup ul { list-style-type:disc; margin:1em 1.5em; list-style-position:outside; font-size:0.8em; }
#posts-sidebar .signup ul li { clear:both; margin-top:0.5em; }
#posts-sidebar .signup .subscribe-button { text-align: right;}
#posts-sidebar .signup .subscribe { bottom:1.2em; right:0.8em; }
#post_navigation h6, #post_navigation h3 { color:#f79429; text-transform:uppercase; font-weight:600; margin-bottom:1em; }
#post_navigation h3 {margin-bottom:0; }
#post_navigation .prev-post-holder, #post_navigation .next-post-holder, #post_navigation .prev-next-post-holder { margin-top:20px; background:#fff; vertical-align:top; }
#post_navigation .prev-next-post-holder .prev-post-head {float: left;}
#post_navigation .prev-next-post-holder .next-post-head {float: right;}
#post_navigation.half:after { content:''; display:block; height:0; clear:both; }
#post_navigation.half .prev-post-holder { width:49%; display:inline-block; float:left; }
#post_navigation.half .next-post-holder { width:49%; display:inline-block; float:right; }
.single-post .entry-content img, .archive-page .entry-content img { max-width:100%; }
.archive-header { background:#fff; text-transform:uppercase; padding:30px 30px 0 30px; }
.archive-page .single-post { padding:10px 30px; }
.blog-filter-button {
	cursor:pointer; text-transform:uppercase; color:#fff; background:#f89502 url("images/arrow-down.png") 96% center no-repeat;
	padding:0.5em 1em; margin:1em auto 0; width:98%;
}
.blog-search-list { display:none; margin:0 auto; width:98%; background:#eee; border:1px solid #f89502; }
.blog-search-list ul { list-style-type:none; margin:0; }
.blog-search-list ul li { list-style-type:none; padding:0.5em 1em; border-bottom:1px solid #ccc; cursor:pointer; }
.blog-search-list ul li:last-child { border-bottom:none; }
.blog-search-list a { display:block; }
.blog-search-list a:hover, .blog-search-list a:active { color:#f89502; }
#posts-sidebar .accordion-section-title { font-size:1.2em; font-weight:700; color:#676767; } 
#posts-sidebar .accordion-section-title.active, #posts-sidebar .accordion-section-title:hover { color:#f89502; } 

@media only screen and (min-width:768px) {
	#single-post-holder { width:66%; float:left; }
	#posts-sidebar { width:32%; float:right; padding-bottom:0; margin-top:0; }	
}

/* PHARMA PAGE - START */

#pharma-page-header { background: rgba(0,0,0,0.1);   color: #000000;    border-bottom: 4px solid #EE7F08;}
#pharma-page-header .content-wrapper{    padding: 2em 0;}
#pharma-page-header .inner{  width: 100%;  float: left;    text-align: center;}
#pharma-page-header .inner.lead{    width: 100%;  }
#pharma-page-header a{display: block;        width: auto;}
#pharma-page-header a:hover{border-bottom: 2px solid #EE7F08; }
#pharma-page-header h1{ padding: 0.2em 0px;}

#pharma-page-main { color: black;}
#pharma-page-main section{ margin: 2em 0px;}
#pharma-page-main section .in-line{float: left}
#pharma-page-main section .intro-txt{ width: 100%; margin-bottom: 1em; }
#pharma-page-main section .intro-txt h1{ margin-bottom: 0.4em;}
#pharma-page-main section  .read-more{ color: red; text-transform: uppercase; font-weight: 800;}
#pharma-page-main section  .intro-txt .read-more{float:left}
#pharma-page-main section .intro-txt .to-top{ text-transform: uppercase; float: left; clear: both; margin-top: 2em;}
#pharma-page-main section .intro-txt .to-top a{ display: block;}
#pharma-page-main section .intro-txt .to-top a span{}
#pharma-page-main section .intro-txt .to-top img{vertical-align: middle; margin-right: 20px;}
 
#pharma-page-main section .slider-content { width: 100%; border-bottom: 10px solid  #EE7F08;}


/* PHARMA SLIDER - START */

#pharma-page-main section .slider-content .slick-thumbs{display:none;}
#pharma-page-main section .slider-content .slide-item .sl-title{position: absolute; top: 55px; background: #c12626; color: white; padding: 0.4em;  text-transform: uppercase;}
#pharma-page-main section .slider-content .slide-item .bg-green{background: #26c150;}
#pharma-page-main section .slider-content .slide-item .bg-orange{background: #EE7F08;}
#pharma-page-main section .slider-content .slide-item .sl-title h3{}
#pharma-page-main section .slider-content .slide-item img{    width: 100%;}
#pharma-page-main section .slider-content .slide-item .sl-text{}
#pharma-page-main section .slider-content .slide-item .sl-txt-box{width: 50%; float: left; padding: 1em;} 
#pharma-page-main section .slider-content .slide-item .sl-left{    }
#pharma-page-main section .slider-content .slide-item .sl-right .read-more{ color: #3c89a0; }
#pharma-page-main section .slider-content .slick-dots{}
#pharma-page-main section .slider-content .slick-dots .slick-active{ box-shadow: 3px 5px 12px 0px black;}
#pharma-page-main section .slider-content .slick-dots li{ display: inline-block; padding: 0px 5px;}
#pharma-page-main section .slider-content .slick-dots li img{width: 100px}
#pharma-page-main section .slider-content .slick-prev{border-radius: 10px 0px 0px 10px; left: 15px;}
#pharma-page-main section .slider-content .slick-next{ border-radius: 0px 10px 10px 0px; left: 47px;}
#pharma-page-main section .slider-content .slick-next, #pharma-page-main section .slider-content .slick-prev{ background: white; font-size: 1.4em; width: auto; height: auto; padding: 0.1px 0.3em;  z-index: 50; top: 50px;    color: #7b7b7b;}


/* PHARMA SLIDER - END */

@media only screen and (min-width:1366px) {
	#pharma-page-main section .slider-content .slick-next, #pharma-page-main section .slider-content .slick-prev{ top: 381px;}
}

@media only screen and (min-width:1024px) {
	#pharma-page-header .inner{    width: 25%!important;  }	
	#pharma-page-header .inner.lead{    width: 25%;  }
	#pharma-page-main section .intro-txt { width: 30%;    margin: 0px 5%; margin-bottom: 0px; }
	#pharma-page-main section .slider-content { width: 60%; }
}

@media only screen and (min-width:768px) {	
	#pharma-page-header .inner{ width: 33%; }
	
}  

/* PHARMA PAGE - END */

/*FOOTER*/
#site-footer { margin-top:20px; }
#site-footer:after { content:''; display:block; height:0; clear:both; }
#site-footer h1 { font-weight:300; text-align:center; }
.home #contact-info { margin:0 auto; float:none; display:block; }
#contact-info:after { content:''; display:block; height:0; clear:both; }
#contact-details:before { content:''; display:inline-block; height:100%; vertical-align:middle; }
#contact-details {
	text-transform:uppercase; color:#fff; text-align:center; background:url('images/contact-us-bgr.jpg') center bottom no-repeat;
	display:inline-block; vertical-align:middle; width:100%; margin:0; clear:none; font-size:0.8em;
}
#contact-map { display:inline-block; width:100%; position:relative; margin:0; overflow:hidden;  clear:none; }
.gomapMarker { display:none; } 
#mapCanvas { border:none; width:100%; display:block; opacity:1; }
#site-footer .link-button { display:inline-block; margin:1em 0 0; background:#f99602; padding:0.5em 1em; font-size:1.2em; }
#site-footer .link-button.phone { background:#eb0e4a; }
#bottom { margin-top:20px; }
#bottom:after { content:''; display:block; height:0; clear:both; }
#site-footer .social-links { margin:0; display:block; }
#site-footer .social-links a { margin:0 0.2em; display:inline-block; vertical-align:middle; }
#site-footer .social-links a img { display:block; }
#site-footer .social-links .subscribe {  padding: 8px 10px; margin: 10px 0px; text-align: center; }
#copyrights { margin:20px 0 0; color:#676767; font-size:11px; display:block; }
#copyrights p { margin:0 0 0.5em; }
.home #copyrights, #site-footer #copyrights a { color:#eee; text-shadow:1px 1px 1px #000; }


@media only screen and (min-width:640px) {
	#site-footer .link-button { margin:1em; }
	#site-footer .social-links { width:30%; display:inline-block; float:left; }
	#copyrights { margin:0; color:#676767; font-size:0.8em; text-align:right; display:inline-block; float:right; width:70%; vertical-align:top; }
	#site-footer .social-links .subscribe { 	width: 180px; }
}

@media only screen and (min-width:1024px) {
	#contact-details  { float:right; width:68%; }
	#site-footer .gmap { width:32%; float:right; }
	#site-footer .social-links { width:50%;}
	#copyrights { width:50%; }
	#site-footer .social-links .subscribe { margin: inherit; text-align: inherit;  width: auto; }
}

.error404 { background:#f89502; color:#fff; }
.error404 h1 { font-weight:700; }
.error404:after { content:''; display:block; height:0; clear:both; }
.error404 .error-paper { max-width:100%; height:auto; }
.link-button-home, .link-button-email {
	display:inline-block; font-weight:700; margin-right:0.5em; text-transform:uppercase; padding:0 0.5em;
}
.link-button-home { color:#fff; background:#ed1848; }
.link-button-email { color:#f89502; background:#fff; }
@media only screen and (min-width:768px) {
	.error404 .page-content { float:left; width:56%; padding-top:50px; font-size:2em; line-height:1.5em; }
	.link-button-home, .link-button-email { font-size:0.6em; }
	.error404 .error-paper { float:right; width:42%; }
}
@media only screen and (min-width:1280px) {
	.error404 .page-content { width:48%; padding-top:100px; }
	.error404 .error-paper { width:48%; }
}


/*MISC*/
/*fb widget*/
.fb_iframe_widget { vertical-align:top; margin-top:-2px; }
.fb_iframe_widget_fluid.fb_iframe_widget { display:inline-block; }
/*Accordion*/
.accordion { overflow:hidden; }
.accordion-section-content { display:none; }


#resources-wrapper-holder  header h2 { font-weight: bold; font-size: 4em; color:#f89502; margin: 0 0 0.3em 0.3em; text-shadow: 2px 2px 4px rgba(68, 68, 68, 0.5);  }
#resources-wrapper-holder  #vlog article { width: 32%; float:left; padding: 1.5em; background:#fcfcfc;  margin-bottom: 1em; padding-bottom: 2.5em; position: relative;}
#resources-wrapper-holder  #vlog article .small-fonts.left { float:left; }
#resources-wrapper-holder  .readmore_inline { display: table; }
#resources-wrapper-holder  .read  {display:table-cell; vertical-align: middle;}

#resources-wrapper-holder  .inner_bottom { padding-left: 0.8em; }

#resources-wrapper-holder  #blog article { width: 32%; float:left; padding: 1.5em; background:#fcfcfc; margin-bottom: 1em; padding-bottom: 2.5em;  position: relative;}
#resources-wrapper-holder  #blog article .blog-thumb {min-height: 190px;}
#resources-wrapper-holder  #blog article .vlog-thumb {min-height: 190px;}
#resources-wrapper-holder  #blog article .small-fonts.left { float:left; }

#resources-wrapper-holder  #subscribe-panel {  background-color: #f89502; color: white; width: 100%; box-shadow: 0.04em 0.12em 0.005em #888; margin-bottom: 1em;}
#resources-wrapper-holder  #subscribe-panel .panel1 { width: 35%; float: left; min-height: 115px; display: table; }
#resources-wrapper-holder  #subscribe-panel .panel1 p { font-family:opensans-semibold; display: table-cell;  font-size: 2em; text-transform: uppercase; padding-left: 1em;}
#resources-wrapper-holder  #subscribe-panel .panel2 { width: 45%; float: left; display: table; min-height: 115px;  }
#resources-wrapper-holder  #subscribe-panel .panel2 p {font-size: 1.6em; margin: 0px; font-family: 'opensans-light'; display: table-row;}
#resources-wrapper-holder  #subscribe-panel .panel2 p::before{content: '\2022';     padding: 0.2em;}
#resources-wrapper-holder  #subscribe-panel .panel2 p.top {}
#resources-wrapper-holder  #subscribe-panel .panel2 p.middle {text-align: center; vertical-align: middle;}
#resources-wrapper-holder  #subscribe-panel .panel2 p.bottom { text-align: right;  vertical-align: bottom;}
#resources-wrapper-holder  #subscribe-panel .panel3 { width: 20%; float: left; min-height: 115px; display: table; }
#resources-wrapper-holder  #subscribe-panel .panel3 p {display: table-cell; vertical-align: middle;  margin: 0px;  text-align: right;}
#resources-wrapper-holder  #subscribe-panel .panel3 p .subscribe-btn {  font-weight: 700; font-size: 1.6em;      color: #fff; background: #ef1f45; padding: 1em 0.5em; text-transform: uppercase; font-family: opensans-semibold;}

#resources-wrapper-holder  #dotmailer article, #dotmailer-main #dotmailer2 article { width: 32%; float:left; padding: 1.5em; background:#fcfcfc; }
#resources-wrapper-holder  #dotmailer article .small-fonts.left { float:left; }
#resources-wrapper-holder #dotmailer .inner_bottom { height: 100%; position: relative;  padding-bottom: 4em;}
#resources-wrapper-holder #dotmailer .add-padd {padding-bottom: 8em;}
#resources-wrapper-holder #dotmailer .get-res { position: absolute; bottom: 20px; left:30%; margin-bottom: 3em; }
#resources-wrapper-holder #dotmailer .get-res a { padding: 1em!important;}
#resources-wrapper-holder  #dotmailer .down-btn {  position: absolute; bottom: 6px; }
#resources-wrapper-holder  #dotmailer .down-btn  p{  }
#resources-wrapper-holder  .extern_links { position: absolute; bottom: 24px; left: 32px;}
#resources-wrapper-holder #dotmailer .extern_links { bottom: 0px; left: auto;}

#dotmailer-main #dotmailer2 h6 {color: #777;; text-transform:uppercase; margin-bottom:0.5em; font-weight:600; height: 70px;}


#resources-wrapper-holder  .image_content, #dotmailer-main .image_content { width: 100%; }
#resources-wrapper-holder  .image_left, #dotmailer-main .image_left { float:left; width: 45%; }
#resources-wrapper-holder  .content_right, #dotmailer-main .content_right { float:right; width: 55%; font-size:0.8em; }

#resources-wrapper-holder  .image_left a img, #dotmailer-main .image_left a img { margin-top: 1.1em; width:90%; border:1px #808080 solid; }
#dotmailer-main  #dotmailer2 
#resources-wrapper-holder  #resources-main .content_right .small-fonts h6 { color: #777; text-transform: inherit; font-weight: 400;}

#resources-wrapper-holder  #resources-pharma { height: 190px; background-color: #f89502; width: 100%; margin-top:1.7em;}
#resources-wrapper-holder  #resources-dotmailer .inner-wrapper, #resources-pharma2 .inner-wrapper{padding:0}
#resources-wrapper-holder  .pharma-download{border:none;}
#resources-wrapper-holder  #resources-pharma .pharma { width: 30%; float: left;}
#resources-wrapper-holder  #resources-pharma .head-text {width: 48%; float:left; font-size:0.9em;}
#resources-wrapper-holder  #resources-pharma .download-pharma {width: 22%; float: left;  text-align: center; display: table;}
#resources-wrapper-holder  #resources-pharma .head-text h5 { text-align: right; font-size:1.6em; margin-left: -4em; margin-top: 2em;}
#resources-wrapper-holder  #resources-pharma .head-text h5 span { font-weight: bold; }
#resources-wrapper-holder  #resources-pharma .head-text p { text-align: right; font-size: 1.2em; padding-top: 0.7em;}

#resources-wrapper-holder  #resources-pharma .download-pharma p {display: table-cell; vertical-align: middle;  margin: 0px;  text-align: right;}
#resources-wrapper-holder  #resources-pharma .download-pharma p .subscribe-btn {  font-weight: 700; font-size: 1.4em; color: #fff; background: #ef1f45; padding: 1em 0.5em; text-transform: uppercase; font-family: opensans-semibold; margin-right: 1em;}

#resources-wrapper-holder  #resources-pharma .download-pharma a { display: inline-block; text-align: center;}
#resources-wrapper-holder  article {margin-right: 2%;}
#dotmailer-main #dotmailer2 article {margin-right: 2%;}
#resources-wrapper-holder  .no-margin-article { margin: 0;}
#dotmailer-main #dotmailer2 .no-margin-article { margin: 0;}
@media only screen and (max-width:1024px) {
	#resources-wrapper-holder #dotmailer .get-res a {    padding: 0.5em!important;}
	#resources-wrapper-holder  #blog article .blog-thumb {min-height: 110px;}
	#resources-wrapper-holder  #blog article .vlog-thumb {min-height: 110px;}
	#resources-wrapper-holder  #subscribe-panel { font-size: 0.7em; }
	#resources-wrapper-holder  #subscribe-panel .panel-common {}
	#resources-wrapper-holder  #subscribe-panel .panel1 { width: 100%; height: 100%!important; min-height: auto;}
	#resources-wrapper-holder  #subscribe-panel .panel1 p {padding-left: 0em; }
	#resources-wrapper-holder  #subscribe-panel .panel2 { width: 60%; }
	#resources-wrapper-holder  #subscribe-panel .panel3 { width: 40%; }
	#resources-wrapper-holder  #subscribe-panel .panel2 p {text-align: left!important; }
	#resources-wrapper-holder  #subscribe-panel .panel3 .subscribe-btn {}
	#resources-wrapper-holder  #resources-pharma { font-size:0.8em; }
	#resources-wrapper-holder  #resources-pharma .head-text { padding-right: 1em; }
	#resources-wrapper-holder  #resources-main h6 {height: 90px;}
}

@media only screen and (max-width:768px) {
	#resources-wrapper-holder  #blog article { width:100%; }
	#resources-wrapper-holder  #vlog article { width:100%; }
	#resources-wrapper-holder  #dotmailer article, #dotmailer-main #dotmailer article { width:100%; margin-bottom: 1em; }
	#dotmailer-main #dotmailer2 article	{ width:100%; margin-bottom: 1em; }
	#resources-wrapper-holder  #resources-pharma {  height: 100%; position: relative; }
	#resources-wrapper-holder  #resources-pharma  .inner-child { width: 100%; height:auto!important; }
	#resources-wrapper-holder  #resources-pharma .pharma{ position: absolute; bottom: 0px; display: table-row; }
	#resources-wrapper-holder  #resources-pharma .pharma img { vertical-align: bottom;  width: 40%;}
	#resources-wrapper-holder  #resources-pharma .head-text h5 {      margin: 0.8em 0em; }
	#resources-wrapper-holder  #resources-pharma .download-pharma p .subscribe-btn { margin-bottom: 1em; }
}

@media only screen and (max-width:480px) {
	#resources-wrapper-holder .content-padd {padding: 0.5em; }
	#resources-wrapper-holder  header h2 { font-size: 2.5em;  margin: 0 0 0.3em 0em;  }
	#resources-wrapper-holder  #blog article { width:100%; padding: 0.5em 0.5em 2.5em 0.5em;}
	#resources-wrapper-holder  #vlog article { width:100%; padding: 0.5em 0.5em 2.5em 0.5em;}
	#resources-wrapper-holder  #subscribe-panel .panel2 { width: 100%; }
	#resources-wrapper-holder  #subscribe-panel .panel3 { width: 100%; }
	#resources-wrapper-holder  #dotmailer article, #dotmailer-main #dotmailer article { width:100%;padding: 0.5em 0.5em 2.5em 0.5em; }
	#dotmailer-main #dotmailer2 article { width:100%;padding: 0.5em 0.5em 2.5em 0.5em; }
	#resources-wrapper-holder  #subscribe-panel .panel1 {}
	#resources-wrapper-holder  #subscribe-panel .panel2 {}
	#resources-wrapper-holder  #subscribe-panel .panel3 {}
	#resources-wrapper-holder  #subscribe-panel .panel3 p a { }
	#resources-wrapper-holder  #resources-main h6 {height: auto;}

	
}


/*  Vlog Gallery       */

#vlog-gallery header h2 { font-weight: bold; font-size: 4em; color:#f89502; margin-left: 1em; margin-bottom: 0.5em; margin-top: -0.5em; text-shadow: 0.01em 0.04em 0.005em #444;  }
#vlog-gallery article { width: 100%; float:left; padding: 1.5em; background:#fcfcfc;  margin-bottom: 1em; min-height: 180px;}
#vlog-gallery #vlog-gallery-video {width:25%; float:left;}
#vlog-gallery .inner_bottom #vlog-gallery-text {width: 65%; float:left; padding: 1em;}
#vlog-gallery .inner_bottom #vlog-gallery-text h6 { width: 50%; float: left; }
#vlog-gallery .inner_bottom #vlog-gallery-text span {  width: 50%; }

#vlog-gallery .inner_bottom #vlog-gallery-icons {width: 10%; float:left; text-align: right; padding-top: 1em;}
#vlog-gallery .inner_bottom #vlog-gallery-icons .twitter-share-button,
#vlog-gallery .inner_bottom #vlog-gallery-icons .linkedin,
#vlog-gallery .inner_bottom #vlog-gallery-icons .fb-like
{ float: left; margin: 0.2em;}

#vlog-gallery-video a img { width: 100%; height: auto; padding: 1em;}
#vlog article .small-fonts.left { float:left; }


/*         Blog  Gallery     */
#vlog-gallery #blog-gallery-img {width:25%; float:left;}
#blog-gallery-img img { width: 100%; height: auto; padding: 1em;}

/******   Dotmailer  Galery     **/

#vlog-gallery #dotmailer-gallery-img {width:25%; float:left;}
#dotmailer-gallery-img img { width: 80%; height: auto; padding: 1em;}





@media only screen and (max-width:768px) {
	#vlog-gallery header h2 {  margin: 0.3em 0.1em; }
	#vlog-gallery #vlog-gallery-video {width:100%; float:left;}
	#vlog-gallery .inner_bottom #vlog-gallery-text h6 { width: 100%; float: left; }
    #vlog-gallery .inner_bottom #vlog-gallery-text span {  width: 100%; }
    #vlog-gallery .inner_bottom #vlog-gallery-icons {width: 100%; float:left; text-align: right; padding-top: 1.5em;}
    #vlog-gallery .inner_bottom #vlog-gallery-text {width: 100%; float:left; padding: 1em;}
    #vlog-gallery .inner_bottom #vlog-gallery-icons .extern_links { display: inline-flex; }

    #vlog-gallery #blog-gallery-img {width:100%; float:left;}
    #vlog-gallery #dotmailer-gallery-img {width:100%; float:left;}
    #dotmailer-gallery-img img { width: 60%; height: auto; padding: 1em;}
}



@media screen and (max-width: 1280px) {
	.home section  nav#bottom-menu a { 
		height: 48px;
	}
}

@media screen and (max-width: 1280px) {
	.home section  nav#bottom-menu h5 { 
		padding: 0.5em; 
	}
}

@media screen and (max-width: 480px) {
	.home section  nav#bottom-menu a { 
		margin-top: 1%;
		margin-bottom: 0px;
	}
}


/*.home section nav#bottom-menu a.middle {
    margin-top: 4px;
}

@media screen and (max-width: 1280px) {
	.home section nav#bottom-menu .middle {
	    margin-top: 0px;
	}
}

@media screen and (max-width: 480px) {
	.home section nav#bottom-menu .middle {
	    margin-top: 0px;
	}
}*/


/* About template CSS*/
.aboutFirst {
	display: flex;
	justify-content: center;
	margin-top: 2em;
	margin-bottom: 1em;
	width: 100%;
}


.aboutFirst img {
	border: 0.6em solid #fff;
	height: 22em;
    width: 100%;
}

.aboutFirst div:nth-child(1) {
	width: 25%;
}

.aboutFirst div:nth-child(2) {
	margin: 0 1em 0 1em;
	width: 50%;
}

.aboutFirst div:nth-child(3) {
	width: 25%;
}

/* css for instagram feed with text div in center*/
.instagramFeed .myContainer {
  	max-width: 100%;
  	margin: 0 auto;
}

.instagramFeed .top,
.instagramFeed .middle,
.instagramFeed .left,
.instagramFeed .right,
.instagramFeed .bottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
}

.instagramFeed .middle {
  	width: 100%;
}

.instagramFeed .left,
.instagramFeed .right {
  	width: calc(100% / 7);
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
      	-ms-flex-direction: column;
          	flex-direction: column;
}

.instagramFeed .left div,
.instagramFeed .right div {
  	background-color: #808080;
 	width: 100%;
  	border: 0.6em solid #fff;
}

.instagramFeed img {
  	width: 100%;
  	height: auto;
  	vertical-align: middle;
}

.instagramFeed .txt {
	display: flex;
  	-webkit-box-flex: 1;
      	-ms-flex: 1;
         	flex: 1;
    justify-content: center;
    align-items: center;
    background: #505050;
    border: 0.6em solid #fff;
}

.instagramFeed .txt div {
	width: 80%;
}

.instagramFeed .txt p {
	color: #fff;
	margin-top: 0.5em
}


.instagramFeed .right {
  	margin-left: auto;
}

.instagramFeed .top div,
.instagramFeed .bottom div {
  	width: calc(100% / 7);
  	background-color: #808080;
  	border: 0.6em solid #fff;
}


/* css about mobile version */
.mobileInstagram .myContainer {
  	max-width: 100%;
  	margin: 0 auto;
}

.mobileInstagram .topImage, 
.mobileInstagram .twoImages {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
}

.mobileInstagram .topImage div {
  	width: 100%;
  	background-color: #808080;
  	border: 0.6em solid #fff;
}

.mobileInstagram .twoImages div {
  	width: calc(100% / 2);
  	height: 20em;
  	background-color: #808080;
  	border: 0.6em solid #fff;
}

@media screen and (max-width: 640px) {
	.mobileInstagram .twoImages div {
	  	width: calc(100% / 2);
	  	height: 15em;
	  	background-color: #808080;
	  	border: 0.6em solid #fff;
	}
}

@media screen and (max-width: 480px) {
	.mobileInstagram .twoImages div {
	  	width: calc(100% / 2);
	  	height: 10em;
	  	background-color: #808080;
	  	border: 0.6em solid #fff;
	}
}

.mobileInstagram .topImage img {
  	width: 100%;
  	height: auto;
  	vertical-align: middle;
}

.mobileInstagram .twoImages img {
  	width: 100%;
  	height: 100%;
  	vertical-align: middle;
}


/* css for mobile instagram feed with text div in center*/
.mobileInstagramFeed .myContainer {
  	max-width: 100%;
  	margin: 0 auto;
}

.mobileInstagramFeed .mobTop {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
}

.mobileInstagramFeed .mobBottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	flex-wrap: wrap;
}

.mobileInstagramFeed .mobTop div,
.mobileInstagramFeed .mobBottom div {
  	width: calc(100% / 3);
  	background-color: #808080;
  	border: 0.6em solid #fff;
}

.mobileInstagramFeed img {
  	width: 100%;
  	height: auto;
  	vertical-align: middle;
}

.mobileInstagramFeed .mobText {
	display: flex;
  	-webkit-box-flex: 1;
      	-ms-flex: 1;
         	flex: 1;
    justify-content: center;
    align-items: center;
    background: #505050;
    border: 0.6em solid #fff;
}

.mobileInstagramFeed .mobText div {
	width: 90%;
}

.mobileInstagramFeed .mobText p {
	color: #fff;
	margin-top: 0.5em
}


@media screen and (min-width: 910px) {
	.mobileInstagram {
		display: none;
	}

	.mobileInstagramFeed {
		display: none;
	}
}

@media screen and (max-width: 910px) {
	.desktopInstagram {
		display: none;
	}

	.instagramFeed {
		display: none;
	}
}


/* css for additonal buttons on home page*/
.additionalButton {
	margin: 0 0 0.5em;
}

.myHeadingHeight {
	vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: normal;
}

.home article .myCustomTag {
    color: #f79429;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    margin: 0.3em 3em;
}

@media screen and (min-width: 768px) {
	.myLeftSide, .myRightSide {
		margin: 0 40px;
	}
}