/*
Theme Name: CloutierRemix2
Theme URI: https://cloutierremix.com/
Author: Hank Fischer and Tom Capossela
Author URI: http://hankfischer.com/
Description: CloutierRemix2 is a Wordpress Theme based on Bootstrap 3.2.1 and the underscores theme.
Version: 3.2.1- wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cloutierremix2
Domain Path: /languages/


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CloutierRemix2 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc., and Bootstrap http://getbootstrap.com 


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Post Meta
2.0 - Word Breaks
3.0 - Alignments
4.0 - Widgets
5.0 - Content
5.1 - Posts and pages
5.2 - Asides
5.3 - Comments
6.0 - Infinite scroll
7.0 - Media
7.1 - Captions
7.2 - Galleries
8.0 - Footer
9.0 - Media Queries
--------------------------------------------------------------*/



body {
padding-top: 0px;
color:#b8b0b0;
color:#aea2a2;
font-size: 17px;
background-color:#fff;
font-family: StempelGaramondLTStd-Roman;
font-weight: normal;
font-style: normal;	
}


body.home {
background-color:#fab05c;
}

body.page-template-template-blank {
	background-color: #191919;
}


#scrollup {
    background: url('img/BackToTop.png') no-repeat;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position:fixed;
    bottom:40px;
    right:40px;
    display:none;
    text-indent:-9999px;
    z-index: 2000;
    background-size: contain
}


em, p.cover-caption { 
	font-family: StempelGaramondLTCom-Italic;
	font-weight: normal;
	font-style: normal;
}

p.cover-caption {
	font-size: 14px;	
	padding-top: 10px; 
}

.minH {
	min-height: 700px; 
/* 	background: #fbb15e; */
}

.hid {
display: none;	
}

.cr-home-banner ul {
	display: none;
}
.cr-home-banner-2 ul, .cr-home-banner-2, .cr-home-banner-2 ul.simplebanner,  ul.simplebanner {
	text-align: center;
	margin: 0 auto 0;
}

 ul.simple-banner {
	 opacity: 0;
 }

.cr-home-banner img, .cr-home-banner-2 img {
	width: 100%;
}

.cr-home-banner,.cr-home-banner ul{
/* 	background-color: #fbb15e; */
}

#searchsubmit {
	color:#cbcac8;
}

#searchsubmit:hover {
	color:#cbcac8;
	color:#a1a1a1;
}

.home-map-inner h1, .entry-content h1 {
	color: #383838;
	
}

.entry-content strong {
	font-weight: normal;
	color: #666;
}

.home-blocks.blog-block h2, h2.cover-blog-h2, .entry-title, .page-template-template-contact .contacts h3, h2.city, .entry-content h1, blockquote, .page-template-template-blank h3, .page-template-template-agency .big-white-wrap h3, .contacts h3, .special-contact h3, .union h3, h2.wrkshph2 {	
	font-family: AvantGardeGothicITCW01Bd;
	font-weight: normal;
	letter-spacing: -.05em;	
}

.entry-content h2.wrkshph2 {
	color: #383838;	
	font-size: 24px;
}

h1 {

  font-family: 'Austin Web';
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}
 
#bkgrnd h1 {
	font-size: 52px;
	padding:  0 20px;
	color: #a3a3a3;
	line-height: .9;
	}

#bkgrnd h3 {
	padding:  0;
	margin: 0;
}
#bkgrnd h3, #bkgrnd h4 {
	color: #cbcac8;
}

#sb-site {
	background-color:transparent;		
}
#sb-site.serena, .serena {
	background-color: #191919
}


.page-template-template-blank header, .page-template-template-blank h1, .page-template-template-blank header h1, .page-template-template-blank h1.entry-title, .page-template-template-blank .entry-title    {
	display: none;
}
.main-nav-btn, .main-nav-btn-sere {
padding: 30px 0 0px 30px;
position: fixed;
left: 0;
z-index: 1030;
border: 0px;
}

.main-nav-btn-sere {
padding: 18px 0 0px 30px;
width: 100%;
background-color: #191919;
}





.logo-wrap {
padding: 30px 30px 0 0;
position: fixed;
right: 0;
z-index: 7; 
z-index: 1031;
border: 0px;
}

div.logo-wrap.ser {
padding: 0px 30px 0 0;
}

blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 24px;
border-left: none;
color: #383838;
}

/*
.home .logo-wrap {
left: 100px;
}
*/

#primary > .container > .row:first-child {
	padding: 60px 0;
}

#primary > .container > .row:first-child.row.map {
    padding-bottom: 0;
}

#primary > .container > .row:first-child h1{
	padding-bottom: 30px;
}

.page-template-template-workshops3 #primary > .container > .row:first-child h1{
	padding-bottom: 0px;
}





/* Styles to show and hide on scroll */

.nav-up { 
	transition: opacity 0.2s ease-in-out;
	opacity: 0;
}

.nav-down { 
	transition: opacity 0.2s ease-in-out;
	opacity: 1;
}

#top-logo, #bottom-logo {
background-image: url("img/CloutierRemixLogo484x140.png");
width: 265px;
height: 70px;
background-repeat: no-repeat;
background-size: 242px 70px;
}

#menu-logo, a #menu-logo {
margin-top: 60px;
opacity: .2;
background-image: url("img/CloutierRemixLogo484x140.png");
width: 265px;
background-repeat: no-repeat;
background-size: 242px 70px;
/* background-size: 180px 50px; */
height: 70px;
transition: .3s ease-in-out;
position: relative;

}


#menu-logo-2, a #menu-logo-2 {
margin-top: 40px;
opacity: .7;
width: 242px;
background-repeat: no-repeat;
background-size: 242px 60px;
background-size: 160px 40px;
height: 60px;
transition: .3s ease-in-out;
position: relative;
margin-bottom: 60px;
background-image: url("img/greyscale.svg");
}

#menu-logo-2:hover {
	opacity: .9;
}

#top-logo, #top-logo-nohead {
background-image: url("img/CloutierRemixLogoLtGrey346x100.png");
width: 180px;
height: 50px;
background-repeat: no-repeat;
background-size: 173px 50px;
}

 #top-logo-nohead {
background-image: url("img/CloutierRemixLogo-c6c6c6.png");
}


#serena-logo {
background-image: url("img/Serena-Logo-60K-460x50.png");
width: 230px;
height: 25px;
background-repeat: no-repeat;
background-size: 230px 25px;
display: inline-block;
}

@media only screen and (min-width : 768px) {
	 #serena-logo {
		 display: none;
	}
}


.single-post #top-logo, .blog #top-logo {
background-image: url("img/CloutierRemixLogoDrkGrey.png");

}



/*--------------------------------------------------------------
Contacts Page
--------------------------------------------------------------*/
/*
body.page-template-template-contact, body.page-template-template-blank, body.page-template-template-agency, body.page-template-template-workshops, body.page-id-2699 {
	background-color: #fafafa;
}
*/


.big-white-wrap .container{
	background-color: #FFF;
}

.big-black-wrap {
	background-color: #191919;
}

.row.map {
	padding: 40px 0;
}

.row.contacts {
	padding-bottom: 60px;
}
/*
div.row.contacts {
    padding-top: 0 !important;
}
*/

.big-white-wrap h3 {
	color: #3c3c3c;
	font-size: 18px;
	padding-top: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.page-template-template-contact p {
	padding-bottom: 6px;
}
.page-template-template-contact p em, .page-template-template-blank p em {
	color: #fbb15d;
	font-style: normal;
}
.page-template-template-contact strong, .page-template-template-blank strong, .contacts strong {
	color: #3c3c3c;
	font-weight: normal;
}

.page-template-template-contact a {
	
	color: #b8b0b0;
}

h2.city {
	font-size: 100px;
	letter-spacing: -.05em;
	padding-top: 40px;
	color: #383838;
}



/*--------------------------------------------------------------
Bouncing Top Arrow
--------------------------------------------------------------*/



@-moz-keyframes bounce {
  0%,  50%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounce {
  0%,  50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes bounce {
  0%,  50%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}


.arrow {
  position:relative;
  bottom: 80px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-size: contain;
  z-index: 20;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}











/*--------------------------------------------------------------
Portfolio
--------------------------------------------------------------*/

.page-template-template-portfolio-php img.wp-post-image, .portfolio img.wp-post-image {
margin-bottom: 0;
height: auto;
border: 14px solid #f9b36c;
}

.portfolio-item {
margin: 10px 0;
}

.portfolio .thumbnail {
margin-bottom: 5px;
}

.portfolio h4 {
margin-top: 0;
}

.single-portfolio .hentry {
border-bottom: 0;
}





/*--------------------------------------------------------------
Post Meta
--------------------------------------------------------------*/

.entry-meta span {
margin-right: 20px;
display: inline-block;
}

.entry-meta span:last-child {
margin-right: 0;
}

.entry-meta span .fa{
color: #bcbcbc;
}

.entry-meta span a {
color: #777;
text-decoration: none;
}

.entry-meta span a:hover {
text-decoration: underline;
}

.wp-post-image {
margin-bottom: 14px;
}

.edit-link {
display: inline-block;
margin-top: 10px;
}






/*--------------------------------------------------------------
2.0 Word Breaks
--------------------------------------------------------------*/

#primary, #secondary {
/* -ms-word-break: break-all; */

 /* Be VERY careful with this, breaks normal words wh_erever */
/*  word-break: break-all; */

 /* Non standard for webkit */
 word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
    hyphens: auto;
}




/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}




/*--------------------------------------------------------------
4.0 Widgets
--------------------------------------------------------------*/

.widget {
margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
display: none;
}
.widget ul {
list-style: none;
padding-left: 8px;
}




/*--------------------------------------------------------------
5.1 Posts and pages
--------------------------------------------------------------*/

div.single-post-header {
	height: 200px;
	background-color: #e3e3e3;
	position: relative;
}

.sticky {
}

.hentry {
margin: 0 0 1.5em;
border-bottom: none;
padding-bottom: 1.8em;
}

type-post.hentry {
border-bottom: 8px solid #fdb254;
}


.byline, .updated {
display: none;
}

.single .byline, .group-blog .byline {
display: inline;
}

.page-content, .entry-content, .entry-summary {
margin: 1.5em 0 0;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

.author-meta .fa {
font-size: 22px;
padding-right: 10px;
}

.post .entry-title a, .post .entry-title {
	color: #000;
}

.tags-links a, .cat-links a {
	color: #666;
}

.cat-tags-section {
	font-size: 16px;
	padding-top: 30px;
}

.entry-content img {
	margin-bottom: 40px;
}

.cat-tags-section {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 8px solid #f90;
}

#post-circle {
	width: 248px;
	height: 248px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 76px;
	margin-left: -124px;
	background-image: url("img/PostsCircle.png");
}

div.blog-nav {
	margin-top: 160px;
}

.blog h1 {
	font-size: 30px;
}

.blog a {
	text-decoration: none;
}

.blog a:hover {
	color: #fba13d;
	color: #666;
}


/*--------------------------------------------------------------
5.1.5 Columns
--------------------------------------------------------------*/

article.resume {
	-webkit-columns: 4 150px;
	-moz-columns: 4 150px;
	columns: 4 150px;
}

article.resume-mov {
	-webkit-columns: 1 150px;
	-moz-columns: 1 150px;
	columns: 1 150px;
}

.resume h2,
.resume h3, 
article.resume h2, 
article.resume h3, 
article.resume h4, 

.resume-mov h2,
.resume-mov h3,
article.resume-mov h2, 
article.resume-mov h3, 
article.resume-mov h4 { 
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
	color: #fbb15e;
	font-size: 17px;
}




/*--------------------------------------------------------------
5.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}




/*--------------------------------------------------------------
5.3 Comments
--------------------------------------------------------------*/

.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
}



/*--------------------------------------------------------------
5.3 Comments
--------------------------------------------------------------*/

.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
}

.comments-title, .comment-reply-title {
padding-bottom: 9px;
margin: 40px 0 20px 0;
border-bottom: 1px solid #eee;
}

ol.comment-list {
list-style:none;
padding-left: 0;
}

.comment-author .avatar {
margin-right: 25px;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 4px;
}

.comment-meta {
margin-top: 20px;
margin-bottom: 20px;
}

.comment-details {
overflow: hidden;
zoom: 1;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #ddd;
}

.comment-details .reply {
margin-top: 10px;
}

.comment-date a {
font-size: 11px;
color: #777;
margin-right: 10px;
}

#commentform #comment {
width: 100% !important;
}

#commentform #submit {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #333;
background-color: #fff;
border-color: #ccc;
}

#commentform #submit:hover{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}

.author-meta {
margin-top: 40px;
}

.author-meta .avatar {
border-radius: 50%;
}





/*--------------------------------------------------------------
6.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}




/*--------------------------------------------------------------
7.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed, iframe, object, img {

/* width: 100%; */
max-width: 100%;
height: auto;
}

.home-covers img {
	width:100%;
}


/*--------------------------------------------------------------
7.1 Captions
--------------------------------------------------------------*/

.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}




/*--------------------------------------------------------------
7.2 Galleries
--------------------------------------------------------------*/

.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {}




/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/


#bottom-logo {
height: 150px;
border-bottom: 3px solid #fbb15e;
}

#colophon {
margin-top: 50px;
margin-top: 0px;
width: 100%;
background: #242424;
min-height: 160px;
color:#919191;
}

#colophon p, #colophon a {
color: #919191;
line-height: 1.7;
}

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

.footer-top {
padding: 40px 0;
}

.footer-bottom {
padding: 30px 0 50px;
}

#colophon a span, .lower-menu a span, .lower-menu li, .lower-menu-2 a span, .lower-menu-2 li  {
color:#ccc;
}

#colophon a span span, .lower-menu a span span, .lower-menu-2 a span span {
color:#fbb15e;
}

#colophon span {
color:#fbb15e;
}

#colophon .container {
padding-top: 25px;
padding: 25px;
}

.footer-menu {
margin-left:0;
padding:0 0 30px 0;
}

#colophon ul {
padding: 0;
}

.footer-menu li {
list-style-type:none;
}

#colophon .footer-menu li a {
color: #919191;
line-height: 2.2;
}


/* #colophon form input */
.footer-form-email-input {
background: #121212;
padding: 10px 14px;
width: 100%;
border: none;
border-bottom: 1px solid #5a5a5a !important;
margin-bottom: 16px;
}

	
#colophon form input:focus, #colophon form input .footer-form-email-input:focus {		
-webkit-box-shadow:  0 0 6px  #fbb15e;
      box-shadow:  0 0 6px  #fbb15e;
}


#colophon form button:hover {
opacity: 1;
}


#colophon.wpcf7-form {
padding: 0;
background-color: transparent;
}

 #wpcf7-f3174-o1 > form.wpcf7-form {
padding: 0;
background-color: transparent;
}

 #wpcf7-f3174-o1  input.wpcf7-form-control.wpcf7-submit, wpcf7-f3174-o2  input.wpcf7-form-control.wpcf7-submit, #wpcf7-f3174-o2 .wpcf7-submit {
font-size: 17px;
color: #999;
background: #555;
padding: 10px;
width: 100%;
border: none;
opacity: .8;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
margin: 0; 
}

#wpcf7-f3174-o1  input.wpcf7-form-control.wpcf7-submit:hover {
opacity: 1;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
	border-color: #fbb15d;
	padding: 16px;

}


#colophon a.icon {
display:inline-block;
padding: 30px 18px 34px 0px;
font-size: 30px;
line-height: 1;
float: left;
color:#fbb15e;
opacity: .7;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

#colophon a.icon:hover {
color:#fbb15e;
text-decoration: none;
opacity: 1;
}

.footer-menu li {
display: inline-block;
}


.footer-menu li a {
border-right:1px solid #ddd;
padding: 0 9px 0 5px;

}

.footer-menu > li :last-child > a {
border-right:none;
padding:0 8px;
}

.copyright {
float: left;
font-size: 14px;
}

.bottom-slogan-wide {
text-transform: uppercase;
letter-spacing: .5em;
font-size: 18px;
color:#656565;
padding-top: 24px;	
}

.footer-logo-box {
position: relative;
}
.bottom-slogan-narrow {
margin-top: 60px;
position: absolute;
top: 40px;
letter-spacing: .15em;
font-size: 13px
}





/*--------------------------------------------------------------
Animated Hamburger Icon
--------------------------------------------------------------*/

#nav-icon3 {
width: 30px;
height: 45px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

#nav-icon3 span {
/* box-shadow: 0px 0px 12px rgba(0, 0, 0, .1); */
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #ffcb8f;
border-radius: 1px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
top: 10px;
}

#nav-icon3 span:nth-child(4) {
top: 20px;
}

#nav-icon3.open2 span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}

#nav-icon3.open2 span {
	background: #fbb15e;
}

#nav-icon3.open2 span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-icon3.open2 span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#nav-icon3.open2 span:nth-child(4) {
top: 10px;
width: 0%;
left: 50%;
}





/*--------------------------------------------------------------
Animated Fullscreen SLIDER
--------------------------------------------------------------*/


#mainslider, .bio-resume-container, .media-nav {
	display:none;
}

 .royalslider {
	display: none;
}

#on-camera-main {
	padding: 70px 0;
}
#on-camera-video {
	margin: 0 auto;
	padding: 0 0 40px;
}

/*
.rsNav {
	display: none;
}
*/
.royalslider {
	width: 100%;
	min-height: 300px;
}

img.rsImg.rsMainSlideImage {
margin-top: 0px;
}


div.top-wrap.on-camera {
background-color:#242424;
height: 200px;
margin-bottom: 30px;	
}

.royalSlider .rsSlide img {
    opacity: 0.45;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    -webkit-transform: scale(0.9);  
    -moz-transform: scale(0.9); 
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.royalSlider .rsActiveSlide img {
    opacity: 1;
    -webkit-transform: scale(1);  
    -moz-transform: scale(1); 
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*
@media screen and (min-width: 0px) and (max-width: 900px) { 
  #gallery-1 {
    padding: 12px 0 12px;
  }
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 300px !important;
  }
}
*/






/*--------------------------------------------------------------
Artist Header
--------------------------------------------------------------*/


.header-image  {
	margin: 0 auto;
	text-align: center;
	position:relative;
	width: 100%;
	height: 500px;
}

.header-image p {
	text-align: center;
	padding-top: 460px;
	font-style: italic;
	/*
position:absolute;
	bottom:8px;
	left:18px;
*/
}




/*--------------------------------------------------------------
LIGHT SLIDER
--------------------------------------------------------------*/

.content-slider ul{
list-style: none outside none;
padding-left: 0;
padding: 0;
margin: 0;
}
.content-slider li{
/*  background-color: #fbb15e; */
text-align: center;
color: #FFF;
/* height:800px; */
}
.content-slider p {
margin: 0;
position: absolute;
bottom:30px;
left: 30px;
padding: 0px 0;
font-style: italic;
color: #ccc;
}




/*--------------------------------------------------------------
Main Artist SLIDER with Thumbs
--------------------------------------------------------------*/

#main1, #album1, #album2, #album3, #album4, #album5, #album6, #slider-vid, #hidden1, #hidden2, #hidden3, #hidden4, #hidden5, #hidden6, #hiddenVid1, #hiddenVid2, #hiddenVid3 {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;  
user-select: none;
}

.royalslider {
	height:300px;
}

.panel-body {
	background-color: #000;
}

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {	
background: transparent;
}


.rsDefault .rsVideoFrameHolder{
background: #ffffff; 
}

.rsDefault .rsGCaption {
color:#999;
background: transparent;
}

div.rsGCaption {
/* position: relative !important; */
position: relative !important;
float: right;
bottom: 46px !important;
left: 400px; 
text-align: center !important;
padding-top: 10px !important;
font-size: 16px !important;
}

.rsGCaption p, .rsGCaption {
	font-size: 14px;
	font-family: StempelGaramondLTCom-Italic;
	font-weight: normal;
	font-style: normal;
	color:#000;
}

#page-navigation {
display: none; 
}

.royalSlider.rsFullscreen {
background-color: #000;	
}


.royalSlider .rsSlide img {
opacity: 0.45;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

-webkit-transform: scale(0.9);  
-moz-transform: scale(0.9); 
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

.royalSlider .rsActiveSlide img {
opacity: 1;
-webkit-transform: scale(1);  
-moz-transform: scale(1); 
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.rsDefault .rsArrowIcn {			
cursor: pointer;	
border-radius: 2px;
}

/* Width below determines margin of left right arrows */
.rsDefault .rsArrow {
	width:20%;
}

.rsDefault.rsFullscreen .rsFullscreenBtn {
right: 20px;
top: 100px;
}

.rsDefault .rsFullscreenIcn, .rsDefault .rsArrowIcn {
background-color: transparent;
}

.rsDefault .rsFullscreenIcn:hover, .rsDefault .rsArrowIcn:hover {
background-color: transparent;
}

.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0px;
}

.rsDefault .rsPlayBtn .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.3);
	border-radius: 50%;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(252,252,252,0.7);
	border-radius: 50%;
}


.rsDefault.rsPlayBtnIcon {
	border-radius: 50%;
}



/*--------------------------------------------------------------
Social Buttons in Artist Page (not the icons in menu)
--------------------------------------------------------------*/

.social-bg .social ul {
width: 100%;
padding: 0;
margin-bottom: 0px;
}
.social-bg .social {
text-align: right;
}
.social-bg {
 padding:40px 0 0 0;
 color:#dedede;
}
.social-bg .agent {
text-align: left;
}
.agent-wrap {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 30px 30px;
	padding: 0px;
}
.social-bg .agent a {
display: inline-block;
padding: 35px 0px 34px 0px;
font-size: 19px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .05em;
color:#cbcac8;
}
.social-bg .agent a.nohead {
padding: 18px 0px 14px 0px;	
}
ul.social.pull-left {
	width: 100%;
	padding-top: 20px;
}
.social li {
list-style: none;
display: inline;
}
.social, .agent {
padding-top: 10px;
}
.social {
	padding-left: 0 !important;
}
.social.social-slide {
	border-top: 1px solid #666;
}
a.icon {
display:inline-block;
padding: 30px 10px 34px 10px;
font-size: 30px;
line-height: 1;
color:#b8b0b0;
color:#cdcdcd;
}
.nohead a.icon {
padding: 10px 10px 14px 10px;
}
.icon.cr-icon-letter-mail.orange-icon {
	color: #fbb15d;
	vertical-align:bottom;
}
.home-blocks.insta-block {
	position: relative !important;
}

.insta {
	padding-top: 100%;
}

div.insta-box {
	background-color: #ccc;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.instagram-icon-wrap {
	position: absolute;
	z-index: 200;
	top:48%;
	left:50%;
}
.cr-icon-instagram2 {	
	font-size: 72px;	
	color: #fff;
	position: absolute;
	left: -31px;
	top:-31px;		
}
a.icon:hover, .social-bg a:hover {
color:#b4b4b4;
color:#b8b0b0;

text-decoration: none;
}
.home-blocks.insta-block  a:hover {
	opacity: .7;
}





/*--------------------------------------------------------------
Media Nav above the Portfolio Sections
--------------------------------------------------------------*/




.media-nav ul, .blog-nav ul {
text-align: center;
padding: 0 0 0px 0;
}
.nohead.media-nav ul {
padding: 0;
}

.media-nav li, .blog-nav li {
display: inline-block;
padding:10px 7px;
}

.media-nav li a, .blog-nav li a {
color:#999;	
text-transform:uppercase;	
font-size: 18px;
cursor: pointer;
}	

.media-nav li a:hover, .media-nav li a.active, .blog-nav li a:hover, .blog-nav li a.active{
border-bottom: 3px solid #CCC;	
padding-bottom: 7px;
text-decoration: none;
color:#666;	
}

.media-nav li a.active, .blog-nav li a.active {
border-bottom-color: #fbb15e;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}




 /*--------------------------------------------------------------
Bio and Resume Sections
--------------------------------------------------------------*/

/* Toprule is the main container for The Bio and Resume */

#bio.toprule, #resume.toprule {
border-top: 1px solid #ddd;
padding-top: 20px;		
position: relative;
margin-bottom: 40px;
min-height: 300px;
overflow: hidden;		
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

.bio strong {
	font-weight: normal;
	text-transform: uppercase;
}
#resume.toprule {
	 border-top: none;
}
 h4.panel-title.no-rule {
	 border-top: none;
 }
.social-agent {
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
}	
.toprule2 {
/* border-top: 1px solid #ddd; */
padding-top: 20px;		
position: relative;	
margin-bottom: 0px;
}	
#bio.toprule.closed, #resume.toprule.closed {	
height: 309px;
margin-bottom: 20px;	
}
.fadeout {
display: none;
}
/* The closed class is on the white fade by default. Removed with jQuery */
.closed .fadeout {
display:inline;
}
.toprule h3 {	
text-transform: uppercase;
letter-spacing: .05em;
font-size: 18px;
}	
.closed .fadeout {
width: 100%;
height: 80px;
position: absolute;
bottom: -1px;
z-index: 1030;		
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
div.fadeout {
	position: absolute;
	bottom: -3px !important;
}
.toprule h3 span {	
color:#fbb15e;	
}	
.expand-box-resume, .expand-box-bio { 	
cursor: pointer;	
padding-bottom: 0px;
}

.icon.orange-down  {
color:#fbb15e !important;	
font-size: 24px;
margin: 0 0 20px -20px;	
}
.icon.orange-down.bounce  {
margin: 0 0 -26px -20px;	
}	
.expand-box-resume p,.expand-box-bio p {
display:inherit; 
-webkit-transition:	.5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;	
transition: .5s ease-in-out;	
}
.toprule-bio {
margin-bottom: 50px	;
}

/* The open down chevrons icons are rotated	180% wth CSS transtions*/
.expand-box-resume h4.closed, .expand-box-bio h4.closed  {
-ms-transform:rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
padding-top: 10px	;
}
.bio img {
margin-right: 14px;
}
.bio-text {
margin-top: 30px;	
}	
.bio-text a{
color:#aea2a2;
text-decoration: underline;	
}
.bio-text a:hover{
color:#fbb15e;
}
.bio-text strong {
text-transform:	uppercase;
font-weight:normal;
}
.bio-bottom {
border-top: 1px	solid #ddd;
height:	30px;
margin-bottom: 70px;
}	
#bio.bio a, #bio.bio a h3, #resume.resume a, #resume.resume a h3 {
color:#666!important;	
}

	

/*---------------------------------------------------------
Main Menu  (Off Canvas) SB-Slidebar
----------------------------------------------------------*/
    
.sb-slidebar {
background: #000;
opacity:.9;
z-index: 1000; 
padding: 120px 30px 0 30px;
}

.sb-slidebar a.icon {
display:inline-block;
padding: 0px 14px 14px 0px;
font-size: 30px;
line-height: 1;
float: right;
color:#fbb15e;
opacity: .8;
transition: .3s ease-in-out;
}
.sb-slidebar a.icon:hover {
	opacity: 1	
}
.sb-slidebar li {
list-style: none;
}
.sb-slidebar ul {
padding: 0;
}
#menu-main-menu, #menu-main-menu ul.submenu, .lower-menu li a, .lower-menu-2 li a, #menu-serena-menu, #menu-serena-menu ul.submenu {
list-style: none;
line-height: 2;
line-height: 1;
padding: 0;
}
.lower-menu li a, .lower-menu-2 li a {
line-height: 2;	
}   
#menu-main-menu a, #menu-serena-menu a, .lower-menu  a{
color: #ccc;
opacity: .8;
}

#menu-main-menu a:hover, #menu-serena-menu a:hover, .lower-menu a:hover, .lower-menu-2 a:hover {
opacity: 1;
}

.lower-menu a span {
color:#fff;
}
#menu-main-menu a span, #menu-serena-menu a span, .lower-menu span{
color: #fbb15e;
}
#menu-main-menu li.opened.selected, #menu-serena-menu li.opened.selected  {
background: url("css/rs-default.png");
background-position:right -92px;
background-repeat:no-repeat;
}






ul.lower-menu, ul.lower-menu-2 {
/* 	padding-top: 30px; */
	margin-top: 30px;
	
	width: 100%;
	float: left;
	position: relative;
	display: block;


}



ul.lower-menu-2 {
    border-top: 1px solid #666;
    padding-top: 20px;	
}






#menu-main-menu a:hover, .lower-menu a:hover, #menu-serena-menu a:hover, {
text-decoration: none;
opacity: 1;	
}
#menu-main-menu > li, #menu-main-menu > li a, #menu-serena-menu > li, #menu-serena-menu > li a  {
text-transform:	uppercase;
text-decoration: none;
width: 100%;
padding-right: 0px;
display: block;
}
#menu-main-menu > li, #menu-main-menu > li a, #menu-serena-menu > li, #menu-serena-menu > li a, .lower-menu li a, .lower-menu-2 li a {
	padding-bottom: 9px;
}
ul.sub-menu {
	padding-top: 9px;
}
#menu-main-menu li > .selected a, #menu-serena-menu li > .selected a {	
	color:#fbb15e;
}	
#menu-main-menu li ul li, #menu-main-menu li ul li a, #menu-serena-menu li ul li, #menu-serena-menu li ul li a  {
	text-transform:none;
	padding-bottom: 8px;
}
#menu-main-menu li li, #menu-serena-menu li li{
	padding:0 20px;
}
#menu-item-1435 a, 
#menu-item-1436 a,
#menu-item-1443 a,
#menu-item-1446 a,
#menu-item-1447 a,
#menu-item-1448 a,
#menu-item-1449 a,
#menu-item-1450 a,
#menu-item-1451 a,
#menu-item-1452 a,
#menu-item-3212 a,
#menu-item-3257 a,
#menu-item-3259 a,

#menu-item-4863 a,
#menu-item-4864 a,
#menu-item-4865 a,
#menu-item-4866 a,
#menu-item-4867 a,
#menu-item-4868 a,
#menu-item-4869 a,
#menu-item-4870 a,
#menu-item-4871 a,
#menu-item-4872 a,
#menu-item-4873 a,
#menu-item-5130 a

 {
	text-transform: uppercase;
	color:#fbb15e;
	opacity: 1;
}
#nav-instruct {
	position: fixed;
	background: #1e1e1e;
	left:-150px;
	top:80px;
	z-index: 1000;
	padding: 12px 40px 0px 30px;
	opacity: 0;
}
#nav-instruct p span.hamburger {
	height: 10px;
	width: 11px;
	background: url("css/rs-default.png");
	background-position:-135px -8px;
	background-repeat:no-repeat;
	display: inline-block	
}
.instruct-close {
	height: 22px;
	width: 22px;
	position: absolute;
	top:10px;
	right:12px;
	background: url("css/rs-default.png");
	background-position:-147px -6px;
	background-repeat:no-repeat;
	opacity: 1;
}
.instruct-close:hover{
	opacity: .7;
}






/*--------------------------------------------------------------
Animate Arrows on Accordion 
--------------------------------------------------------------*/


.arrow-lft {
	width: 20px;
	height:20px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	cursor: pointer;
}
.arrow-dwn{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.arrow-lft span {
	display: block;
	position: absolute;
	height: 2px;
	width: 73%;
	background: #fdb254;
	border-radius: 0px;
	opacity: 1;
	left: 4px;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.arrow-lft span:nth-child(2) {
	top: 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arrow-lft span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-accordion {
		width: 100%;
}
.swipe-text {
	font-size: 15px;
	padding-bottom: 20px;
}
.orangewrap {
/* 	background-color: #fbb15e; */
	padding: 30px 10px;
	color:#fff;
}
.agencywrap, .influencerwrap{
	background-color: #fbb15e;
	padding: 0 0 16px;
	margin: 0 auto;
	color:#fff;
	text-align: center;
}


.influencers-top-bar {
	height:100px;
	background-color: #e2e2e2;
}


.influencerwrap {
	background-color: #fafafa;
}

.influencers h2, .infl-contact h2 {
	font-family: AvantGardeGothicITCW01Bd;
	font-size: 20px;
	text-align: center;
	color: #380505;
}

.infl-contact h2 {
	text-align: left;
}

.big-white-wrap .influencers x, .influencers p {
	text-align: center;
	color: #380505;
}

.influencers .influencer2 p, .influencers p.influencer2  {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: .5px;
	color: #666666;
}


.influencers span, .infl-contact span {
	color:#fbb15e;
	font-size: 22px;
	vertical-align: -webkit-baseline-middle;
}

.infl-contact em  {
	color:#fbb15e;
}


div.blackwrap {
	background-color: #000;
	padding: 0 0 16px;
	margin: 0 auto;
	color:#fff;
	text-align: center;
}
.agencywrap h1, .blackwrap h1, .influencerwrap h1 {
	font-size: 44px;
}
.influencerwrap h1 {
	color:#a3a3a3;
}


.agencywrap h4, .blackwrap h4, .influencerwrap h4{
	margin: 0;
	padding-bottom: 30px;	
}
.orangewrap h1 {
	font-size: 36px;
	padding: 0px 30px 0;
	color:#FFF;
	color:#383838;
}
.home-blog {
	position: relative;
	margin: 20px 0;
	}

.vert-cent-wrap {
	position: relative;
	background-image: url("https://cloutierremix.com/wp-content/themes/cloutierremix2/img/JessicaBeilOrange.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-align: center;
	margin: 84px 0 60px;
		
}
.vert-cent {
	padding-top: 16%;
	position:absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: table;
	text-align: center; 	
}
.vert-cent h1 {
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	color: #383838;
	
}
h2.cover-blog-h2 {
	color: #383838;
	font-size: 20px;
	margin-top: 0;
}

.home-blog h4, .home-map-inner h4 {
	font-size: 18px;
}
.orangewrap p {
	color:#ffe1c0;
	color:#aea2a2;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.5;
}
div.home-blocks.col-sm-6, div.home-covers.col-sm-6, div.home-blocks.col-sm-3 {
	padding:0;
}
.hm-cov-wrap {
	display: block;
	position: relative;
}
div.hm-cov-wrap.col-sm-6 {
	margin: 0;
	padding: 0;
}
.home-covers {
	background-color: #eee;
	position: absolute;
	width: 100%;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;   
}
.innerfade {
	margin: 0;
	padding: 0;
	position: relative;
}
.home-blog {
	min-height: 300px;
	margin-top: 60px;
/* 	border-top: 8px solid #fdb254; */
	position: relative;
	margin: 30px 10px 0;
	margin: 0px -15px 0;
}
.home-blocks {
	background-color: #000;
}
.home-blocks a:hover {
	opacity: 0.5;
	cursor: hand;
}

 a.home-blog-link {
  float: right;
  padding-top: 16px;
  font-family: AvantGardeGothicITCW01Bd;
  font-size: 20px;
  color: #6b6b6b;
}
.home-block-wrap {
	background-image: url("img/orange.gif");
	background-repeat: repeat-x;
	background-color: #fafafa;	
}

.influencer-block-wrap {
	background-image: none;
	background-repeat: repeat-x;
	background-color: #fafafa;	
}

.page-id-4417 div.home-block-wrap {
	background-image: none;
	
}

div.home-block-wrap-black {
	background-image: url("img/black.gif");
	background-repeat: repeat-x;
	background-color: #fafafa;	
}
.home-block-wrap2 {
/* 	background-image: url("img/orange.gif"); */
	background-repeat: repeat-x;
}
#home-page >.home-block-wrap {
	background-color: #ffffff;	
}
.home-block-wrap h1 {
	padding: 40px 0 0;	
}

.blog-block {
	position:relative;
}
.home-blocks.blog-block h2 {
	font-size: 16px;
	margin: -10px 0 6px 0;
}
.home-blocks.blog-block {
	overflow-y:hidden;
	position: relative; 
	width: 100%; 
	background-color: #FFF;
	display: block;
}
.blog-block-wrap {
	width: 100%;
	display: inline-block;
    position: relative;
}
.dummy {
    padding-top: 110%;
   
}
.covers-dummy {
	background-color: #eee;
	padding: 150% 0 0 0; 
	margin: 0;
	width:100%;	
}
 .hm-cov-wrap {
	position: relative;
}
.el-ement {
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
/*     background-color: #FFF; */
}
.home-blocks ul {
	list-style: none;
	text-align: center;
	position: absolute;
	top: 40%;
	width: 100%;
	font-size: 72px;
	color: #FFF;
}
.home-map {
    width: 100%;
    display: block;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("img/cr-map.gif");
    min-height: 290px;
}
.home-map-inner {
    padding: 20% 10% 50%; /* height/width of image */
    display: block;
    height: 0;
}
p.tinycaps, p.tinycapsorange {
	text-transform: uppercase;
	font-size: 13px
}
p.cover-blog-excerpt {
	font-size: 12px;
	margin: 0px !important;
	padding: 0px !important;
}
p.the-time {
	font-size: 12px;
	margin: 0px !important;
	padding: 0px  !important;	
}
.blog-block a.read-more {
	font-size: 12px;
	color:#fbb15e;
}
.orange {
/* 	background-color: #fbb15d; */
	width: 40%;
/* 	border-radius: 50%;  */
}
img.img-circle.thirty-percent {
	opacity: 0.3;
}

p.tinycaps, p.tinycapsorange {
	text-transform: uppercase;
	font-size: 13px
}
p.tinycapsorange {
	padding-top: 20px;
	color: #fdb254;
}
#img2container {
	margin:0px auto 0px;
	width:700px;
	height:1000px;
	text-align: left;	
	position: relative;
}	
.innerfade {
	margin: 0px;
	padding: 0px;
}
.intro2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
video, #video1,#video2,#video3 {
	width:100%;
}
.panel {
margin-bottom: 0px;
background-color: #fff;
border: 0px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-title {
text-transform: uppercase;
font-size: 18px;
color: #FFFFFF;
border-top: 1px solid #666;
padding-top: 40px;

}
.panel a .panel-title:hover, .panel a:hover, .panel a:active {
	text-decoration: none;
	color:  #fbb15e;
}
.panel:last-child .panel-title {
	border-bottom: 0px solid #666;
}
.panel:last-child  {
	padding-bottom: 20px;
	background-color: #000;
}
.panel-body {
	padding: 0;
	width: 100%;
	background-color: #000;
}

.panel-default>.panel-heading, .panel-default .panel-heading   {
color: #666;
background-color: #000;
border-color: #333;
padding: 0px 30px 16px 30px;
}

.panel-group, .panel-collapse,.collapse, .panel-default .panel-heading.actv  {
background-color: #000;
}

.panel-default .panel-heading.actv  {
background-position:right -102px;
}

.panel,.panel-heading, .panel-group .panel {
border-radius: 0;
}

.panel-group, .panel-group .panel+.panel {
margin: 0;
}

.panel-body .bio, .panel-body .resume {
	padding:30px;
}




/* Workshops Form */

.page-template-template-workshops3 #primary > .container > .row:first-child h1 {
	margin: 0;	
}

ul.wrksp-ul {
	list-style: none;
	padding-left: 0;
}
ul.wrksp-ul li {
	padding-top: 14px;
	padding-left: 24px;
	background-image: url("img/orange-circle-32px.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: left 18px;

}

.page-template-template-workshops3 ul li {
	list-style: none;
	padding-top: 20px;
}

h1.wrksp {
	margin: 0 !important;
}

.workshop-form {
  background-color: whitesmoke;
  padding: 0 30px 30px;
}

.mc-field-group input {
  padding: 14px 20px;
  width: 100%;
  border: none;
  border-bottom: 2px solid #ccc;
}

.mc-field-group label {
  font-weight: normal;
  margin-top: 18px;
}

div#mc_embed_signup h3 {
  font-size: 20px;
  font-weight: bold;
  font-family: 'Austin Web';
}

button#mc-embedded-subscribe,button#mc-embedded-subscribe.workshop-button,.big-white-wrap a.workshop-button, a.workshop-button {
  background-color: #fbb15d;
  border: none;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  color: white;
  padding: 12px 30px 10px;
  margin-top: 20px;
  font-size: 20px;
  text-decoration: none;
}

button#mc-embedded-subscribe {
	background-color: #555;
	color: #bbb;
	margin-top: 0px;
}


.big-white-wrap a.workshop-button, a.workshop-button { 
	padding: 14px 60px 12px;
	margin-top: 30px;
	min-width: 100%  !important;
	width: 100% !important;
}


#wpcf7-f3076-p2683-o1 >.wpcf7-form {
	width: 100%;
	background-color: #f5f5f5;
	padding: 24px;
	margin-bottom: 50px;
}

.wpcf7-form .ajax-loader {
	display:none;
}

.workshop-form.wpcf7-form h4{
color: #000;
font-size: 20px;
}

.wpcf7-form input {
	display: block;
	padding: 12px 14px;
	width: 100%;
	font-size: 15px;
	margin-bottom: 20px;
	border: none;
	border-bottom: 1px solid #cbcbcb;
	border-radius: 0;
}

input.wpcf7-form-control.wpcf7-text {
	margin-top: 10px;
}

input.wpcf7-form-control.wpcf7-submit {
	margin-top: 40px;
/* 	background-color:#fbb15d; */ 
	color:#FFF;
	font-size: 20px;
	border-bottom: none;
}

#wpcf7-f3076-p2683-o1 .wpcf7-submit  {
	background-color:#fbb15d;
}

span.cr-icon-info-circled {
	color:#fbb15d;
	font-size: 32px;
	vertical-align: text-top;
	vertical-align:-webkit-baseline-middle;
}

.row.extra-top-pad {
	padding-top: 80px;
}

.wrks-icon-wrap {
	width: 33%;
	float: left;
	text-align: center;
	color: #000;
	padding: 9px;
	font-size: 14px;
}
.wrks-icon-wrap img {
	width: 100%;
	margin-bottom: 20px;
}

.page-template-template-blank .union a. .page-template-template-agency .union a {
	color:#b8b0b0;
}

.union {
	margin-bottom: 60px;
	
}

.big-white-wrap > .container {
	padding: 50px 0;
}

.big-white-wrap a {
	color:#b8b0b0;  
}

.big-white-wrap h1 {
	padding-top: 0;
	margin-top: 0;
}

h1.no-pad-top {
	padding-top: 0;
}
.hispanic a {
	color: #3c3c3c;
}
.hispanic a:hover {
	color: #fbb15d;
	text-decoration: none;
}

.hispanic p {
	margin: 0 0 20px;
}

.special-contact {
	font-size: 20px;
	line-height: 1.6;
}

.special-contact em {
	color: #fbb15d;
}
.special-contact a:hover {
	color: #fbb15d;
	text-decoration: none;
}
.special-contact strong {
	color: #3c3c3c;
	font-weight: normal;
}

.special-contact {
	position: relative;
}
.special-contact h3 {
	position: relative;
	left: -30px;
}

.tp-rightarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
/* background: url(https://cloutierremix.com/wp-content/themes/cloutierremix2/rs-plugin/assets/hank_right.png) no-Repeat 0 0; */
background: none;
width: 25px;
height: 70px;
right:0;
}


.tp-leftarrow.round	{	
	z-index:100;
	cursor:pointer; 
	position:relative;	
/* 	background:url(../assets/small_left.png) no-Repeat top left; */	
	background:none;	
	width:19px;	
	height:14px;  
	margin-right:0px; 
	float:left; 
	margin-top:0px;	}
.tp-rightarrow.round {	
	z-index:100;
	cursor:pointer; 
	position:relative;	
/* 	background:url(../assets/small_right.png) no-Repeat top left;	 */
	background:none;	
	width:19px;	height:14px;  
	margin-right:0px; 
	float:left;	
	margin-top:0px}



/*--------------------------------------------------------------
Media Queries 
--------------------------------------------------------------*/

/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {

	.home-blog h1, .home-map-inner h1, .orangewrap h1 {
		font-size: 40px;
		line-height: .9;
	}
	.copyright {
		float: none;
	}
	.footer-bottom {
		text-align: center
	}
	.footer-bottom div.btm-btm-menu {
		float:left;
	}
	ul.social, .agent {
		text-align: center;
	}
	.bio-resume-container {
		display: none;
	}
	
	.blog-nav > nav {
		display: none;	
	}
	/*
	.covers-dummy {
		padding-top: 169%; 
	}
	*/
	h1 {
		font-size: 28px;
	}
	.minH {
		min-height: 191px; 
	}
	.vert-cent {
		padding-top: 10%;
	}
	
	#scrollup {
	    width: 50px;
	    height: 50px;
	    bottom:30px;
	    right:30px;
	}
	.sr-col-sm-4 {
		padding: 0 !important;
	}
	ul.simple-banner.innerfade {
	min-height: 210px;
	}	
/*
	h4.icon.orange-down.cr-icon-down-open-big  {
	display: none;
	}
*/


}



@media only screen and (min-width : 361px) {

	ul.simple-banner.innerfade {
	min-height: 260px;
/* 	margin-bottom: -30px */
	}
	


}



@media only screen and (min-width : 320px) {

	.copyright {
		float: none;
	}
	.footer-bottom {
		text-align: center
	}
	.footer-bottom div.btm-btm-menu {
		float:left;
	}
	h4.icon.orange-down.cr-icon-down-open-big  {
/* 	display: none; */
	}
	
	ul.simple-banner.innerfade li, .innerfade li, ul.simple-banner {
	text-decoration: none;
	}

}


/* Small Devices, Tablets */

@media only screen and (max-width : 767px) {

	.workshp-md {
		display:none;
	}	
	div.el-ement {
		padding: 40px;
	}
	p.cover-blog-excerpt {
		font-size: 23px;
		margin: 0px !important;
		padding: 0px !important;
	}
	p.the-time {
		font-size: 18px;
		margin: 0px !important;
		padding: 0px  !important;	
	}
	.blog-block a.read-more {
		font-size: 18px;
		padding-top: 20px;
		color:#fbb15e;
	}
	.blog-block h2 {
		font-size: 30px;
	}
	.agent {
		border-top: none;
	}
	.social-bg .agent a {
	padding: 30px 0px;
	}
	.social-bg .agent a.nohead {
	padding: 12px 0px;
	}
	.nohead a.icon {
	 padding: 0px 10px 10px 10px;
	 }
	.toprule2.media-nav {
		border-top: none;
	}
	.social-bg .social {
	text-align: center;
	}
	
	.social-bg .agent {
	text-align: center;
	}
	.media-nav li, .blog-nav li {
		display: block;
	}
	#colophon {
	margin-top: 0px;
	}
	.blog-nav li a,
	.media-nav li a {
	font-size: 24px;
	}
	.social {
		border: none;
	}
	.social-bg {
		padding: 0;
	}
	.serenalogo {
		display:none;
	}
	div.no-header {
		padding-top: 80px;
	}
	#bkgrnd h3.noheader {
		color: #fbb15e;
		font-size: 20px;
	}
	.social-bg.nohead {
		padding-top: 20px;
	}
	.row.home-banner-wrap {
		margin: 0 -45px;
	}
	
	
	
	article.resume-mov {
		display: block;
	}


}






/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	.home-blog h1, .home-map-inner h1 {
		font-size: 29px;
	}
	.footer-bottom {
		text-align: center
	}
	
}

@media only screen and (min-width : 460px) {

		ul.simple-banner.innerfade { 
		min-height: 340px; 
	}
}

@media only screen and (min-width : 560px) {

		ul.simple-banner.innerfade { 
		min-height: 400px; 
	}
}

/* Phones Landscape */ 
@media only screen and (min-width : 660px) {

		ul.simple-banner.innerfade { 
		min-height: 500px; 
	}
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
		
	.workshp-xs {
		display:none;
	}
		p.cover-caption {
		padding-top: 14px;
		padding-top: 3%;
	}
	.mobile-accordion {
		display: none;
	}
	.cr-icon-instagram2 {	
		font-size: 36px;	
		color: #fff;
		position: absolute;
		left: -15px;
		top:-15px;		
	}
	blockquote {
		font-size: 26px;
	}	
	.agencywrap, .blackwrap, .influencerwrap {
		padding: 0;
	}
	.agencywrap h4, .blackwrap h4, .influencerwrap h4{
		margin: 0;
		padding-bottom: 30px;	
	}
	.wrks-icon-wrap {
		padding: 20px;
		font-size: 18px;
	}
	.agencywrap h1, .blackwrap h1, .influencerwrap h1 {
		font-size: 72px;
		padding: 20px 0 24px;
		margin: 0;
		color:#FFF;
	}
	.influencerwrap h1 {
		color:#a3a3a3;
	}
	.agencywrap h3, .blackwrap h3, .influencerwrap h3 {
		padding: 0 0 14px;
		margin: 0;
		color: #d68c3f;	
	}
	.orangewrap p {
		font-size: 36px;
		padding-bottom: 20px;
	}
	.orangewrap h1 {
		color:#FFF;
		color:#383838;
	}	
	.home-blog h1, .home-map-inner h1, .orangewrap h1 {
		font-size: 64px;
	}
	.home-blog h4, .home-map-inner h4 {
		font-size: 29px;
	}
	p.tinycaps, p.tinycapsorange {
		font-size: 17px
	}	
	#mainslider, .bio-resume-container, .media-nav, .blog-nav {
		display:block;
	}	
	#bottom-logo {
		height: 120px;
	}
	.footer-bottom {
		text-align: left;
	}
	.footer-bottom .btm-btm-menu {
		text-align: right;
		float:right;
	}
	.footer-menu li {
		display: block;
	}
	.footer-menu li a {
		border-right:none;
		padding: 0 ;		
	}
	.social-agent {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.agent-wrap {
		border-top: 0px;
		border-bottom: 0px;
		margin: 0 30px 10px; 
		padding: 0px;
		text-align: center
	}
	.agency-wrap img{
		margin: 0 auto;
	}
	ul.simple-banner.innerfade { 
		min-height: 510px; 
	}
	
}






/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.cr-icon-instagram2 {	
		font-size: 48px;	
		color: #fff;
		position: absolute;
		left: -20px;
		top:-20px;		
	}
	#primary {
		padding:0;
	}
	ul.social, .agent {
		text-align: center;
	}
	.blog-block h2 {
		font-size: 28px;
	}
	ul.simple-banner.innerfade {
	min-height: 640px;
	}
		
/*
	h4.icon.orange-down.cr-icon-down-open-big  {
	display: none;
	}
*/

}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	.cr-icon-instagram2 {	
		font-size: 72px;	
		color: #fff;
		position: absolute;
		left: -31px;
		top:-31px;		
	}
	
	p.cover-caption {
		padding-top: 18px;
	}
	.home-blocks.blog-block h2 {
		margin-top: 0;
		color: #383838;
	}
	p.the-time {
		font-size: 14px;
	}
	p.cover-blog-excerpt {
	font-size: 16px;
	margin: 0px !important;
	padding: 8px 0 12px 0 !important;
	}
	
	.blog-block a.read-more {
		font-size: 16px;
	}


}




.search-row {
	margin-bottom: 30px;
}





/* _________Slide into View CSS_________ */


.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in-out;
  -moz-transition: all .55s ease-in-out;
  -ms-transition: all .55s ease-in-out;
  -o-transition: all .55s ease-in-out;
  transition: all .55s ease-in-out;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }

.animBlock[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.floatr {
  float: right;
}

.floatl { 
  float: left;
}


a:active, a:focus{ outline:none !important; }


#mainslider {
	opacity: 0;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
ul.newworkshop {
	padding-left: 0;
}
ul.newworkshop ul {
	padding-left: 22px;
}
ul.newworkshop>li {
	padding-bottom: 12px;
}

ul.newworkshop, ul.newworkshop ul,  ul.newworkshop ul li,  ul.newworkshop ul ul {
	text-decoration: none;
	list-style-type: none;
	list-style: none !important;
/* 	font-weight: bold; */
}
ul.newworkshop strong, ul.newworkshop ul strong,  ul.newworkshop ul li strong,  ul.newworkshop ul ul strong{
/* 	font-weight: bold; */
	font-family: AvantGardeGothicITCW01Bd;
	color:#fbb15d;
}

ul.newworkshop strong em, ul.newworkshop ul strong em,  ul.newworkshop ul li strong em,  ul.newworkshop ul ul strong em{
	font-family: AvantGardeGothicITCW01Bd;
	font-style: normal;
	color: black;
	padding-right: 6px;
}
.image{
/*     max-width: 100%; */
    width:100%;
    height: auto;
    margin: 0;
    display: block;
    position:relative;
}

a:hover {
	cursor: hand
}

.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5%;
}

.loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: orange;
  }
}
@keyframes color {
  100%, 0% {
    stroke: orange;
  }
}


.influencers a img:hover {
	opacity: .8;
}


/* Serena's group images */

.page-template-template-blank header, .page-template-template-blank h1, .page-template-template-blank header h1, .page-template-template-blank h1.entry-title, .page-template-template-blank .entry-title    {
	display: none;
}

.page-child h1,  .page-child.entry-title {
	display: none !important;
}


div.no-header {
	padding-top: 80px;
}

.social-bg.nohead {
	padding-top: 0px;
}


div.no-header .social-agent {
	border-top: none;
}
x

#bkgrnd h3.noheader {
	color: #fbb15e;
	font-weight: 300;	
}
#bkgrnd h1.noheader {
	font-size: 70px;
	padding-left: 30px;
	padding-right: 30px;	
}




/* --------SERENAS SITE---------- */


.sb-slidebar.serena-slidebar.sb-active {
    padding-top: 100px!important;
    }

.serenalogo img {
	padding-bottom: 10px;
	padding-top: 46px;
}


.item {
    float: left;
    position: relative;
/*     line-height: 1em; */
    overflow: hidden;
}
div.item {
    overflow: hidden;
}
.image{
    width:100%;
    height: auto;
    margin: 0 0 30px;
    display: block;
    position:relative;
    opacity: 1;
}
.image:hover{
  opacity: .8;
}

.image:after {
    clear:both;
}

#container {
	background:none;
	overflow: hidden;
}	
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	.sb-slidebar { width: 80%; }	
	.item { margin-bottom: 0;} 
	#container { padding:0;}
	.grid-sizer { width: 100%; }
	.gutter-sizer { width: 0%;}
	.item { width: 100%; }
	.item.printwide { width: 100% }
	.image { padding:0; margin: 0 }
	#container, .container { padding-top: 0px}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 480px) {

	.sb-slidebar { width: 80%; }	
	.item { margin-bottom: 0;} 
	#container { padding:0;}
	.grid-sizer { width: 100%; }
	.gutter-sizer { width: 0%;}
	.item { width: 100%; }
	.item.printwide { width: 100% }
	.image { padding:0; margin: 0 }
	#container, .container { padding-top: 0px}
}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) {	
/* 	.item { margin-bottom: 10px;}  */
	#container { padding-left: 8px; padding-top: 0}
	.grid-sizer { width: 30%; }
	.gutter-sizer { width: 1%;}
	.gutter-sizer { width: 34px;}
	.item { width: 30%; }
	.item.printwide { width: 63.5% }
/*
	ul.simple-banner.innerfade { min-height: 520px;
	.row.home-banner-wrap { margin: 0 -45px}
*/

}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.grid-sizer { width: 30%; }
	.gutter-sizer { width: 1%;}
	.gutter-sizer { width: 40px}
	.item { width: 30%; }
	.item.printwide { width: 64% }
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1100px) {
/* 	.item { margin-bottom: 30px;}  */
/* 	#container { padding-left: 1.8%;}	 */
	.grid-sizer { width: 31%; }
	.gutter-sizer { width: 2.3%;}
	.gutter-sizer { width: 40px;}
	.item { width: 31%; }
	.item.printwide { width: 64.5% } 
	ul.simple-banner.innerfade { min-height: 700px;
}

	
/* 	.serenalogo {opacity: 0;} */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* #container { padding-left: 20px;} */
.grid-sizer { width: 17%; }
.gutter-sizer { width: 1%;}
.gutter-sizer { width: 40px;}
.item { width: 17%; }
.item.printwide { width: 37% } 

}

/*
div.serenalogo {
	background: url('img/Serena-Logo-1170-80K.png') no-repeat;	
    width: 1170px;
    height: 160px;
    background-size: contain;
}
*/

/*
div.serenalogo:hover {
	background: url('img/Serena-Logo-1170-Blue.png') no-repeat;	
}
*/



/* MAGIC TIME ANIMATIONS */



.magictime {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}

.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}

.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn;
}

@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}






.simple-banner li,.innerfade li, ul.innerfade, ul.innerfade li { 
		list-style: none;
	}
	
ul.simple-banner.innerfade {
	margin-bottom: 00px;
}	


.type-page img{
    margin-bottom: 20px !important;
}




@media only screen 
and (min-width : 768px) {

.home-blocks.insta-block.col-sm-3 {
    width: 30%;
}
.hm-cov-wrap.col-sm-6 {
    width: 40%;
}
.home-blocks.col-sm-3 {
    width: 30%;
}
}


.row .influencers > .col-sm-4 {
	padding-bottom: 30px;
}

a .circle img, img.circle, .circle img  {
	border-radius: 50%;
}

.tiktok {
	background-image: url('img/tiktok-logo2.svg');
	background-repeat: no-repeat;
	padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}
    
.imdb {
	background-image: url('img/iMDB.svg');
	background-repeat: no-repeat;
	padding-left: 46px;
    padding-top: 2px;
    padding-bottom: 0px;
    }