/*

Theme Name: Wynn Child

Description: Wynn Child Theme

Author: Brand Exponents

Template: wynn

Version: 1.0

*/



@import url("../wynn/style.css");



div h2 { font-size: 48px; }

div h3 { font-size: 28px; }

div h4 { font-size: 21px; }

div h5 { font-size: 17px; }

div h6 { font-size: 15px; }



div.blog-post h2 { font-size: 35px; }



blockquote { padding-left: 75px !important; }



/***** HOMEPAGE *******/

.cb-slideshow,

.cb-slideshow:after { 

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    z-index: 0;

	background-color: #000; 

}



.cb-slideshow li span { 

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    color: transparent;

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: none;

    opacity: 0;

    z-index: 0;

	-webkit-backface-visibility: hidden;

    -webkit-animation: imageAnimation 24s linear infinite 0s;

    -moz-animation: imageAnimation 24s linear infinite 0s;

    -o-animation: imageAnimation 24s linear infinite 0s;

    -ms-animation: imageAnimation 24s linear infinite 0s;

    animation: imageAnimation 24s linear infinite 0s; 

}

.cb-slideshow li:nth-child(1) span { 

    background-image: url(http://dzkg6jc5o2yvd.cloudfront.net/wp-content/uploads/2014/12/20193903/TRU_6957.jpg) 

}

.cb-slideshow li:nth-child(2) span { 

    background-image: url(http://dzkg6jc5o2yvd.cloudfront.net/wp-content/uploads/2014/12/10065259/Kristina-040-e1450527622124.jpg);

    -webkit-animation-delay: 6s;

    -moz-animation-delay: 6s;

    -o-animation-delay: 6s;

    -ms-animation-delay: 6s;

    animation-delay: 6s; 

}

.cb-slideshow li:nth-child(3) span { 

    background-image: url(http://dzkg6jc5o2yvd.cloudfront.net/wp-content/uploads/2014/12/20193902/TRU_6949.jpg);

    -webkit-animation-delay: 12s;

    -moz-animation-delay: 12s;

    -o-animation-delay: 12s;

    -ms-animation-delay: 12s;

    animation-delay: 12s; 

}

.cb-slideshow li:nth-child(4) span { 

    background-image: url(http://dzkg6jc5o2yvd.cloudfront.net/wp-content/uploads/2014/12/10065259/Kristina-046-e1450528634868.jpg);

    -webkit-animation-delay: 18s;

    -moz-animation-delay: 18s;

    -o-animation-delay: 18s;

    -ms-animation-delay: 18s;

    animation-delay: 18s; 

}



.skill_container { margin-top: 1em; }



#header-bottom { bottom: 68px; margin-left: -6px; }



#nasty p {

    margin: 0;

    padding: 0 6em;

}

p.nasty { line-height: 2em !important; }

#nasty_head {

    color: #fff;

    font-size: 1em;

    background-size: contain !important;

    padding-top: 35vw;

}

#nasty_bio { padding-top: 3em; }



/* Animation for the slideshow images */

@-webkit-keyframes imageAnimation { 

    0% { opacity: 0; }

    4% { opacity: 1; }

    25% { opacity: 1; }

    30% { opacity: 0; }

}

@-moz-keyframes imageAnimation { 

    0% { opacity: 0;

    -moz-animation-timing-function: ease-in; }

    8% { opacity: 1;

         -moz-animation-timing-function: ease-out; }

    17% { opacity: 1 }

    25% { opacity: 0 }

    100% { opacity: 0 }

}

@-o-keyframes imageAnimation { 

    0% { opacity: 0;

    -o-animation-timing-function: ease-in; }

    8% { opacity: 1;

         -o-animation-timing-function: ease-out; }

    17% { opacity: 1 }/*#navigation ul li*/

    25% { opacity: 0 }

    100% { opacity: 0 }

}

@-ms-keyframes imageAnimation { 

    0% { opacity: 0;

    -ms-animation-timing-function: ease-in; }

    8% { opacity: 1;

         -ms-animation-timing-function: ease-out; }

    17% { opacity: 1 }

    25% { opacity: 0 }

    100% { opacity: 0 }

}

@keyframes imageAnimation { 

    0% { opacity: 0;

    animation-timing-function: ease-in; }

    8% { opacity: 1;

         animation-timing-function: ease-out; }

    17% { opacity: 1 }

    25% { opacity: 0 }

    100% { opacity: 0 }

}

/* Animation for the title */

@-webkit-keyframes titleAnimation { 

    0% { opacity: 0 }

    8% { opacity: 1 }

    17% { opacity: 1 }

    19% { opacity: 0 }

    100% { opacity: 0 }

}

@-moz-keyframes titleAnimation { 

    0% { opacity: 0 }

    8% { opacity: 1 }

    17% { opacity: 1 }

    19% { opacity: 0 }

    100% { opacity: 0 }

}

@-o-keyframes titleAnimation { 

    0% { opacity: 0 }

    8% { opacity: 1 }

    17% { opacity: 1 }

    19% { opacity: 0 }

    100% { opacity: 0 }

}

@-ms-keyframes titleAnimation { 

    0% { opacity: 0 }

    8% { opacity: 1 }

    17% { opacity: 1 }

    19% { opacity: 0 }

    100% { opacity: 0 }

}

@keyframes titleAnimation { 

    0% { opacity: 0 }

    8% { opacity: 1 }

    17% { opacity: 1 }

    19% { opacity: 0 }

    100% { opacity: 0 }

}



/* Show at least something when animations not supported */

.no-cssanimations .cb-slideshow li span{

	opacity: 1;

}



@media screen and (max-width: 1140px) { 

    .cb-slideshow li div h3 { font-size: 140px }

}

@media screen and (max-width: 600px) { 

    .cb-slideshow li div h3 { font-size: 80px }

}



/*************** demo.css ******************/

/* CSS reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { 

	margin:0;

	padding:0;

	touch-action: auto;

-ms-touch-action: auto;

}

html { overflow-y: auto !important; }

html,body {

	margin:0 !important;

	padding:0;

	height: auto !important;

	min-height: 100% !important;

}

ol,ul {

	list-style:none;

}



.clr{

	clear: both;

}



.single-post .blog-title-sep { margin: 0 !important; }



#fap-wrapper { position: fixed !important; }

div#fap-main { border: none; }

.special-h-tag { font-size: 29px; }

#home_links a .font-icon:hover { background-color: #21ADEC !important; }

#home_links .font-icon:hover { border: solid 2px #21ADEC !important; }



@media screen and (min-width : 768px) {

	.special-h-tag { font-size: 3.5vw; padding-bottom: 1em; }

	#home_links a .font-icon:hover {

		/*transform: scale(3.0) translate(-2vw);

		-webkit-transform: scale(3.0) translate(-2vw);

		-moz-transform: scale(3.0) translate(-2vw);

		-o-transform: scale(3.0) translate(-2vw);

		-ms-transform: scale(3.0) translate(-2vw);*/

	}

}



.portfolio-item-terms { line-height: 1.5em; }

.portfolio-overlay-inner {

    width: 90%;

    height: 90%;

    text-align: center;

    margin: 5%;

}

.portfolio-overlay-centered {

    vertical-align: middle;

    display: table-cell;

    text-align: center;

    padding: 0 auto;

}

.portfolio-overlay-centered h6 { margin: 0 0 .5em 0; }

.portfolio-overlay-sep { width: 10%; }

.portfolio-item-terms {

    font-size: 12px;

    color: #fff;

    line-height: 1.5em;

    margin: 1em 0 0 0;

}

h1 { font-size: 40px; }

p {

    margin-bottom: 22px;

	line-height: 1.5em;

}

.be-testimonial-wrap {

    line-height: 1.5em;

}

.be-loader li:nth-child(1) { background: #c32847; }



#header-bottom p { margin-bottom: 4px; }



#navigation ul ul { left: 115px; line-height: 2em; }

.post-template-default #navigation a,
.portfolio-template-default #navigation a,
.post-template-default #navigation a:visited,
.portfolio-template-default #navigation a:visited,
	{ color: #d20303; }





@media only screen and (min-width: 960px) {

	#navigation ul ul { border-left: solid 2px #27AAE1; }

	li.current-menu-ancestor { border: none !important; }

	.current-menu-parent ul.my-sub-menu {

		display: block !important;

		position: relative !important;

		left: 0 !important;

		width: 100% !important;

		background-color: rgba(193, 9, 30, 0) !important;

		border-left: solid .25em rgba(255, 255, 255, 0.42) !important;

		line-height: 1em !important;

		padding: 0 0 0 .5em !important;

		margin: 0 0 1em 1px;

		z-index: 11 !important;

	}

	#navigation .current-menu-parent ul.my-sub-menu:after {

		content: " "; 

		display: none; 

		width: 0; 

		height: 0;

		border-top: 50px solid transparent;           

		border-bottom: 50px solid transparent;

		border-left: 0 solid #000;

		position: absolute;

		top: 50%;

		margin-top: -50px; 

		left: 100%;

		z-index: 2; 

	}

	#navigation .current-menu-parent ul li {

		margin: 0 0 5px 0;

		width: auto;

		font-weight: bold;

	}

}



#navigation a { padding: 0; }



.contact_form input[type="text"] { width: 90%; }

.contact_form textarea { width: 92.3%; }



.copy_block { margin-top: 4em; }



#fap-wrapper-switcher { left: 11px; }



.be-section-pad { /*margin-left: 3%; margin-right: 3%;*/ }



.mobile-menu-controller { height: 40px; margin-top: 17px; }



/*.full-width.portfolio-item:nth-of-type(4n+4){ margin: 0 -.05%; }*/


#navigation, .language-switcher-custom-wrap { font-size: 30px; }



.be-row {     

	font-size: .9em;

    line-height: 1.2em;

}



/*************** mobile styles ******************/





@media only screen and (max-width: 959px) and (min-width: 480px) {

	.be-wrap, .page-template-default #header-wrap {

		max-width: 220px;

		margin: 0;

	}

	#navigation, .language-switcher-custom-wrap { font-size: 3.5vw; }

	#comm_copy:first-child>div { padding: 2em; }

	#comm_copy .be-wrap, .page-template-default #header-wrap { margin: 0 !important; }

	.mobile-menu-controller { height: 40px; }

	

	.be-wrap, .page-template-default #header-wrap {

		max-width: 100%;

		margin: 0  !important;

	}

	

	#logo img { width: 150px; }

	

	div#logo-nav-wrap { /*height: 5em;*/ }

	

	.filters_lists {

		padding: 0 10px .3em 10px !important;

		text-align: center;

	}

	

	.filter-sep { display: none; }

	

	li.current-menu-ancestor { border: none; }

	

	.be-wrap, .page-template-default #header-wrap {

    	/*max-width: 80%;*/

		margin: 0 10%;

	}

	

	#header-wrap { margin: 0 !important; }

	#navigation { background-color: #F7941E; }

}

@media only screen and (max-width: 579px){

	/*.be-wrap, .page-template-default #header-wrap { margin: 0; }*/

	[class^="icon-"]:before, [class*=" icon-"]:before, .font-icon:before, ul.custom-list li:before { line-height: 1em; font-size: 2em; }

	.mobile-menu-controller { right: -12px; }

	.full-width.portfolio-item { width: 50%; }

	p.p1, p.p2 { font-size: 130%;}

}

@media only screen and (min-width: 580px){

	.mobile-menu-controller { display: none; }

}

@media only screen and (min-width: 960px){

	#navigation ul li { margin: 10px 3% 0 0; text-align: left; }

	#logo { margin: 0px 0 1.5em; }

}



@media only screen and (min-width: 580px) and (max-width: 959px){

	

	.full-width.portfolio-item { width: 33.33%; }

	#navigation .my-sub-menu a {

		padding: 8px;

		line-height: 1em;

	}

	#navigation, .top-header #navigation {

		position: absolute;

		left: 201px;

		top: -19px;

		width: 70%;

		display: block !important;

	}

	#navigation ul ul li {

		float: none;

		text-align: center;

		width: 100%;

	}

	#navigation li {

		display: block !important;

		text-align: left;

		float: left;

		width: 22%;

		margin-right: .5em;

	}

	.filters_lists span.sort {

		margin: 0 !important;

	}

	.filters_lists span.sort {

		margin: 13px 2px;

		display: block;

		zoom: 1;

		cursor: pointer;

		font-size: 11px;

		float: left;

		margin: 2px;

		height: 1.3em;

		border: 1px solid transparent;

	}

	.filters_lists span.sort {

		margin: 5px !important;

	}

	.filters_lists .current_choice {

		border-bottom-color: #fff;

	}

	[class^="icon-"]:before, [class*=" icon-"]:before, .font-icon:before, ul.custom-list li:before {

    font-family: 'fontello';

		font-style: normal;

		font-weight: normal;

		speak: none;

		display: inline-block;

		text-decoration: inherit;

		width: 1em;

		margin-right: -0.3em;

		text-align: center;

		font-variant: normal;

		text-transform: none;

		line-height: 1em;

		-webkit-font-smoothing: antialiased !important;

	}

	.mobile-sub-menu-controller {

		display: block;

		right: 0px;

		position: absolute;

		padding: 0px;

		left: auto;

		top: -5px;

		/*height: auto;

		width: auto;*/

		cursor: pointer;

		font-size: 16px;

		width: 50px;

		height: 50px;

		line-height: 50px;

		text-align: right;

	}

	#navigation ul ul, #navigation ul ul ul, .top-header #navigation ul ul, .top-header #navigation ul ul ul {

		position: absolute;

		top: 41px !important;

		left: 0;

	}

}



#habla_beta_container_do_not_rely_on_div_classes_or_names .habla_window_div_base { z-index:3 !important; }



#gallery-container .placeholder.style1_placehloder img { height: 100vh !important; }

#main, .ajaxable { padding-bottom: 0 !important; min-height:100vh !important; }

/*.fap-in-page-playlist-grid .fap-grid-item, .fap-in-page-playlist-interactive-image .fap-grid-item { height: 20% !important; width: 20% !important; }*/

.fap-cover-wrapper img { width: 100%; }



#comm_copy { 

	text-align: center;

    background-color: #000000;

    box-sizing: content-box;

    border: solid 6vh #333;

	}

#comm_copy:first-child>div {

	margin: 1.5em;

    border: solid 1px #fff;

    padding: 4em;

    background-color: #000;	

}

#comm_copy p { 

    line-height: 1.75em;

    font-size: 1.2em; } 



/* prevent portfolio page from not being full width */

#no_padding .be-section-pad { margin: 0; }



#vid_spacer { width: 70%; height: inherit; }

#port_vid { 

	}

#port_vid .be-section.be-video-section .be-section-pad {

    /*position: relative;

    height: 52vh;

    margin-top: 4vh;*/

}

#port_vid .be-bg-video {

    position: static;

    display: block;

	background: url(http://i1.wp.com/dzkg6jc5o2yvd.cloudfront.net/wp-content/uploads/2015/12/22074415/apple-computer-screen.png?fit=1135%2C927) no-repeat scroll top center;

    background-size: contain !important;

	height: auto !important;

    margin: 0 auto;

}



.special-h-tag {

    padding: 1em 0;

	font-size: 2em;

}



#comm_copy .be-bg-video { 

	zoom: 1.4;

    opacity: 0.3;

    margin-top: -11vh;

    position: fixed;

    z-index: 0;

    height: 100vh !important;

    width: auto !important;

}



#music_sec_1,#music_sec_2,#music_sec_3,#music_sec_4,#music_sec_5 { position:relative; padding: 0 4em }

/*

.fb_iframe_widget { width: 100% !important; text-align: center; }

.fb_iframe_widget span {

    margin: 2em auto;

    display: inline !important;

    height: auto !important;

    width: 100% !important;

    vertical-align: top !important;

    text-align: center !important;

}

.fb_iframe_widget_fluid { display: block !important; }

.fb_iframe_widget iframe { position: relative !important; }



*/

@media only screen and (orientation: landscape) {

	#port_vid .be-bg-video {

		width: 80% !important;

    	padding: 4% 7% 24% 7%;

	}

}

@media only screen and (orientation:portrait) {

	#port_vid .be-bg-video {

		width: 84% !important;

    	padding: 4% 8% 24% 8%;

	}

}



@media only screen and (max-width: 1279px) {

	.single-portfolio-title .single-portfolio-heading {

		letter-spacing: 0;

		margin: auto 4%;

	}

}

@media only screen and (max-width: 699px) {

	#port_vid .be-section.be-video-section .be-section-pad {

		position: relative;

		height: 50vh;

		margin: 3vh 4vw 4vh 7.4vw;

	}

}

@media only screen and (max-width: 579px) {

	.no-sidebar-page [class*=" icon-"]:before { font-size: inherit !important; }

}



/*=====================================================

=            Bootstrap 2.3.2 Media Queries            =

=====================================================*/

@media only screen and (max-width : 1200px) {



}



@media only screen and (max-width : 979px) {



}



@media only screen and (max-width : 767px) {



}

@media only screen and (max-width : 600px) {

	#nasty_head {

		color: #fff;

		font-size: 1.25em;

		background-size: cover !important;

		background-position-x: 69% !important;

	}

	#nasty_head p { padding: 0 !important; }

}



@media only screen and (max-width : 480px) {

	#comm_copy { border: solid 2vh #333; }

	#comm_copy:first-child>div { 

		margin: 0.75em;

		border: solid 1px #fff;

		padding: 1.5em;

		background-color: #000;

		font-size: .9em;

	}

	h1 { font-size: 30px; line-height: 40px; }

	#navigation ul ul { left: 0; }

}



@media only screen and (max-width : 320px) {



}

	

div#logo-nav-wrap {  }

#fap-main-controls { margin-top: -7px; }

#fap-main-controls #fap-play-pause.fa-play { font-size: 24px; left: 28px; }

#fap-player-popup, #fap-playlist-toggle, #fap-playlist-shuffle { font-size: 12px; }

#fap-current-cover, #fap-cover-replacement { margin-left: 5px; }

#fap-wrapper { border-bottom: 4px solid #21ADEC; }

#fap-wrapper * { line-height: 6px; }

#fap-time-bar { bottom: 26px; }

#fap-time-bar > span { font-sizse: 8px; }

#fap-time-bar span { margin-top: 11px; }

#fap-volume-bar { top: 6px; }

#fap-volume-sign { margin-top: 1px; }

#fap-wrapper-switcher { height: 21px; padding: 0 5px; font-size: 24px; bottom: -26px !important; left: 0; }

#fap-player-wrapper { float: right; margin-top: 5px; height: 60px; width: 50%; }

#fap-meta-wrapper { width: 50%; }

#fap-track-info p#fap-current-title { line-height: 11px; }

#fap-track-info p#fap-social-links { margin-top: 0; line-height: 11px; }

#fap-social-links a { font-size: 8px; }

#fap-playlist-controls { margin-right: 5px; }



#habla_beta_container_do_not_rely_on_div_classes_or_names .habla_window_div_base { z-index: 5 !important; }



.separator.style-1 { margin: 0 0 1em 0; }



sup, sub { font-size: .5em; }

sup { top: -1.5ex; }



/*@media only screen and (max-width: 959px) {

	#header {

		position: relative;

		width: 100%;

		height: auto;

		padding: 30px 0px;

	}

	#main {

		margin-left: 0;

	}

}*/



/*.be-wrap:first-child { padding: 0 1em; max-width:90%; }*/



.disabled_form { opacity: .3; pointer-events: none; }



.contact_loader { background-size: contain; margin-left: 170px; }



#ascrail2000 { display: none !important; }



.be-wrap/*, .page-template-default #header-wrap*/ { padding: 0 10%; }

#olark-wrapper {display: none !important;}

